/*
 Theme Name:   Coochiemudlo Island S.L.S.C
 Description:  Woodmart Child Theme
 Author:       Darren Jones | GCweb Digital
 Author URI:   https://gcweb.au
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/*  Header Styles 
--------------------------------- */

.wd-logo { max-height: none !important; display: block; }
.wd-logo img { padding: 0px !important; border-radius: 100%; box-shadow: 0px 30px 35px -20px rgba(0, 0, 0, 0.2);}

@media (min-width: 1025px) {
    .wd-logo { position: relative; top: -40px;}
}
@media (max-width: 1024px) {
    .wd-logo { box-shadow: 0px 20px 25px -20px rgba(0, 0, 0, 0.25);}
}

.wd-nav { position: relative;}
.magic-line { position: absolute; bottom: 0; height: 2px; width: 0; background-color: #00AEAC; transition: all 0.5s ease; pointer-events: none;}

.wd-nav > li.support > a { color: #f40000 !important;}

/*  Custom Styles 
--------------------------------- */

.wd-underline-colored-alt u { font-weight: 400; font-size: 120%;}
.wd-underline-colored-alt.welcome u { display: block; margin-bottom: -10px;}
.wd-underline-colored-alt.block u { display: block;}

.wd-text-block ul, .wd-text-block ol, .wd-tab-content ul { margin-left: 20px;}
.wd-text-block ul li::marker, .wd-text-block ol li::marker, .wd-tab-content ul li::marker { color: #00AEAC;}

.wd-text-block a { position: relative; color: #00AEAC; text-decoration: none; font-weight: 500; transition: color 0.5s ease;}
.wd-text-block a::after { content: ''; position: absolute; left: 0; bottom: -2px; width: 100%; height: 2px; background-color: #00c1c1; transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease;}
.wd-text-block a:hover {color: #00c1c1;}
.wd-text-block a:hover::after { transform: scaleX(1);}

.info-box-inner a { text-decoration: underline !important;}

.wd-nav-tabs > li { width: 100%;}
.wd-nav-tabs > li > a { text-transform: none !important; padding: 15px 20px !important; margin-bottom: 10px !important; border-radius: 15px; width: 100%; row-gap: 10px !important; background: #F9F9FA;}
.wd-nav-tabs > li.wd-active > a { background: #F3F4F5;}
.wd-tabs.tabs-design-aside .wd-tabs-content-wrapper { background: #F3F4F5; padding: 5px 25px 25px 25px; border-radius: 15px;}

.wd-slider { position: relative;}
.wd-slider .wd-slide-bg::after { content: ""; pointer-events: none; position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; width: 100%; height: 230px; background: rgb(12,34,62); background: linear-gradient(0deg, rgba(12,34,62,0.6) 0%, rgba(12,34,62,0) 100%);}

/* Stacked Overlapped Gallery */
.wd-images-gallery.stacked .wd-grid-g { position: relative; display: flex; flex-direction: column; align-items: center; --wd-gap-lg: 0px !important; height: auto; }
.wd-images-gallery.stacked .wd-gallery-item:nth-child(1) { position: absolute; top: 0; left: 0; z-index: 1;}
.wd-images-gallery.stacked .wd-gallery-item:nth-child(2) { position: relative; top: 100px; left: 100px; z-index: 2;}
.wd-images-gallery.stacked .wd-gallery-item img { max-width: 100%; height: auto;}
.wd-images-gallery.stacked .wd-grid-g::after { content: ""; display: block; height: 100px;}

.border-left-15 .vc_column-inner { border-radius: 15px 0 0 15px;}

/* Page title */
.wd-page-title.title-size-default { padding-top: 20px; padding-bottom: 20px; }
.wd-page-title .title { text-shadow: 2px 2px 5px #0E2141;}

.extra-page-title { font-family: var(--wd-alternative-font); font-weight: 400; font-size: 100%;}

.ul-highlight ul li strong { color: #00AEAC; border-bottom: 2px solid #00AEAC;}

@media (min-width: 1025px) {
    .wd-page-title.title-size-default { padding-top: 90px; padding-bottom: 30px; }
}
@media (max-width: 1024px) {
    .wd-page-title.title-size-default .container { align-items: center; text-align: center; gap: 0px;}
}
@media (max-width: 767px) {
    .wd-images-gallery.stacked .wd-gallery-item:nth-child(1) { position: relative;}
    .wd-images-gallery.stacked .wd-gallery-item:nth-child(2) { display: none;}
    .wd-images-gallery.stacked .wd-grid-g::after { height: 0px !important;}
    .border-left-15 .vc_column-inner { border-radius: 0 0 15px 15px;}
    .wd-page-title .container .wd-breadcrumbs, .extra-page-title, .hide-icon-mobile .box-icon-wrapper { display: none;}
    
}

/*  Footer Styles 
--------------------------------- */

.footer-socials.wd-social-icons > a { background-color: rgba(255, 255, 255, 0.1); }

.footer-menu .menu { display: flex; justify-content: center; gap: 20px;}
.footer-menu .menu li { margin-bottom: 0px !important;}
.footer-menu .menu li a { color: #fff; font-weight: 500; transition: all 0.5s ease;}
.footer-menu .menu li a:hover { color: #00AEAC;}

@media (max-width: 767px) {
    .footer-menu .menu { gap: 10px; flex-direction: column; align-items: center;}
}