/*
Theme Name:     mwa
Theme URI:      https://www.chrsinteractive.com/
Description:    MWA WP-Theme
Version:        1.0
Author:         CHRS Interactive
Author URI:	    https://www.chrsinteractive.com/
*/

/* ---------------------------- */

/* -- @MASTERHEAD/NAVIGATION -- */
body.overflow-hidden {overflow: hidden;}

.mobile-header {position:sticky;top:0;left:0;width:100%;z-index:999;background-color:#f7f2f2;transition:0.4s;}
.page-id-8 .mobile-header {position:absolute;background:none;}
.mobile-header.sticky {position:sticky;background-color:#f7f2f2;box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);}

.mwa-fixed-sidebar {display:none;position:fixed;top:0;left:0;width: 300px;height: 100%;overflow-y: auto;scrollbar-width: none;box-shadow: 0 0 30px rgba(0, 0, 0, 0.03);z-index:99;background:#f7f2f2;box-sizing:border-box;}
.mwa-sidebar-inner {height:100%;padding:0 30px;display:flex;flex-direction:column;}

.mobile-header .logo {display:block;width:120px;height:120px;padding:20px;background:#f7f2f2;box-sizing:border-box;}
.mobile-header .logo img  {width:auto;height:100%;}
.logo img {display:block;}

.mwa-sidebar-footer {padding:20px 0;margin-top:auto;}

/* Main Menu */
.mainNav-wrap {flex:1;margin-top:85px;}
.mainNav li {display:block;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid var(--color-green);font:2.0rem/1.2 var(--font-body-alt);text-transform:uppercase;}
.mainNav li:last-of-type {border-bottom:none;}
.mainNav li a {color:var(--color-blue-dark);display:inline-block;}
.mainNav li a:hover,
.mainNav > li.current-menu-item > a,
.mainNav ul li.current-menu-item a{color:var(--color-green);}

.mainNav > li.menu-item-has-children > a {display:flex;justify-content:space-between;align-items:center;}
.mainNav > li.menu-item-has-children > a:after {content:"+";margin-left:15px;font-size:3.0rem;line-height:1;transition:0.3s;}
.mainNav > li.menu-item-has-children.is-open > a:after {content:"-";}

/* Level 2 */
.mainNav li ul {display:none;}
.mainNav li.is-open > ul,
.mainNav li.current-menu-parent > ul {display:block;}
.mainNav li ul {margin:10px 0 0 15px;}
.mainNav li ul li {border:none;padding-bottom:0;}

/* Responsive Menu */
.mobile-nav-trigger-outter {position:absolute;top:30px;right:30px;width:30px;height:30px;z-index:99;padding:10px;background:#f7f2f2;}
.mobile-nav-trigger {display:block;}
.mobile-nav-trigger .cd-menu-icon {margin-top:15px;margin-left:15px;display: block;transform: translateX(-50%) translateY(-50%); width: 30px; height:2px;transition: background-color 0.3s;}
.mobile-nav-trigger .cd-menu-icon::before,
.mobile-nav-trigger .cd-menu-icon:after { content: ''; width: 100%; height: 100%; position: absolute;top:0;left:0;z-index:9;transition: transform .3s, top .3s, background-color 0s; }
.mobile-nav-trigger .cd-menu-icon::before { top: -9px; }
.mobile-nav-trigger .cd-menu-icon::after { top: 9px; }
.mobile-nav-trigger .cd-menu-icon.is-clicked::before { top: 0;transform: rotate(135deg);}
.mobile-nav-trigger .cd-menu-icon.is-clicked::after { top: 0;transform: rotate(225deg); }
.mobile-nav-trigger .cd-menu-icon.is-clicked { background: none !important }
.mobile-nav-trigger .cd-menu-icon,
.mobile-nav-trigger .cd-menu-icon::before,
.mobile-nav-trigger .cd-menu-icon:after,
.mobile-nav-trigger .cd-menu-icon.is-clicked::before,
.mobile-nav-trigger .cd-menu-icon.is-clicked::after {background:var(--color-main);}

.mobile-nav {position: fixed;visibility:hidden;opacity:0; left: 0; top: 120px; height:calc(100% - 120px);width:50%;max-width:300px;background:#f7f2f2; z-index:98;transition:all 0.3s ease;overflow:scroll;}
.mobile-nav.is-visible {visibility:visible;opacity:1;}
.mobile-nav-inner {padding:40px 30px 0;}

.mobileNav li {display:block;font-size:1.8rem;margin-bottom:20px;}
.mobileNav li a {color:#fff;}
.mobileNav li a:hover {color:#00a887;}

.post-edit-link {display:block;position:fixed;top:50%;right:0;padding:10px;z-index:99999999;background:rgba(139,16,6,0.8);color:#fff;font:16px/1 Helvetica, Arial, serif;text-transform:uppercase;font-weight:600;}
.post-edit-link:hover {background:rgba(139,16,6,1);color:#fff;}

/* -- @CONTENT ---------------- */
.button,
input[type=submit] {display:inline-block;height:40px;line-height:40px;padding:0 30px;border:none;background:var(--color-blue-dark);color:#fff;text-transform:uppercase;text-align:center;box-sizing:border-box;font-weight:600;}
.button:hover,
input[type=submit]:hover {background:#000;color:#fff;}

.home-wrap {width:100%;min-height:100vh;position:relative;}
.home-content {position:absolute;width:90%;bottom:5%;left:50%;transform:translateX(-50%);background:rgba(82,82,82,0.8);padding:30px;box-sizing:border-box;}

.home-content-heading span {display:block;color:#fff;font:2.0rem/1.2 var(--font-heading);margin-bottom:5px;}
.home-content-heading h1 {color:var(--color-blue-light);margin-bottom:5px;}

.home-content-btm {max-width:500px;margin:15px auto 0;padding-top:15px;border-top:1px solid var(--color-blue-light);}
.home-content-btm p {font:2.0rem/1.3 var(--font-body-alt);color:#fff;text-align:justify;}
.home-content-btm p:last-of-type {text-align:right;margin:0;}
.home-content-btm a {color:#fff;}
@media (max-height:400px) {
  .home-wrap {min-height:unset;padding-bottom:5%;}
  .home-content {position:relative;bottom:auto;right:auto;text-align:right;margin-left:auto;}
}

.page-banner {display:none;}

.book-grid {display: grid;grid-template-columns: repeat(auto-fill, 48%);justify-content: space-between;}
.book-grid-item {margin-bottom:30px;}
.book-grid-item-cover {transition:0.4s;margin-bottom:10px;}
.book-grid-item:hover .book-grid-item-cover {box-shadow: 0 2px 4px rgba(0,0,0,0.3), 0 8px 24px rgba(0,0,0,0.6);}
.book-grid-item img {display:block;width:100%;}
.book-grid-item p {line-height:1.3;}

.gallery-grid {columns:2;gap:10px;}
.gallery-item {display:block;break-inside:avoid;margin-bottom:10px;}
.gallery-item img {display:block;width:100%;border-radius:4px;transition:opacity 0.3s;}
.gallery-item:hover img {opacity:0.85;}
@media (min-width:750px) {.gallery-grid {columns:3;}}
@media (min-width:1000px) {.gallery-grid {columns:4;}}

.post-faq-row {border-bottom:1px solid var(--color-green);}
.post-faq-question {margin:0;padding:10px 30px 10px 0;position:relative;font-size:2.0rem;}
.post-faq-question:after {content:"+";position:absolute;top:50%;right:0;transform:translateY(-50%);font-size:3.0rem;line-height:1;transition:0.3s;color:var(--color-blue-dark);}
.active .post-faq-question:after {content:"-";}

.post-faq-answer {display:none;}
.active .post-faq-answer {display:block;}

.team-slider-wrap {padding:30px;margin:30px 0;background:#f7f2f2;}
.team-slide-item-inner {padding:0 10px;}
.team-slide-pic {border:2px solid transparent;margin-bottom:5px;}
.team-slide-pic img {display:block;width:100%;}
.team-slide-item.active .team-slide-pic {border-color:var(--color-blue-dark);}
.team-slide-item span {display:block;line-height:1.4;}
.team-slide-item.active span {font-weight:600;color:var(--color-blue-dark);}

.team-bio-wrap {padding-top:20px;}

.slick-arrow {position:absolute;top:40%;transform:translateY(-50%);background:none;border:none;font-size:0;cursor:pointer;}
.slick-arrow:before {font-family: 'Material Symbols Outlined';display:block;color:var(--color-blue-dark);font-size:7.0rem;transition:0.4s;}
.slick-arrow:hover:before {color:#222;}
.slick-disabled {opacity:0.5;}
.slick-prev {left:-45px;}
.slick-prev:before {content:"arrow_left"}
.slick-next {right:-45px;}
.slick-next:before {content:"arrow_right"}

.team-bio-content {display:none;}
.team-bio-content.active {display:block;}

/* -- @FOOTER ----------------- */
.mobile-footer {padding:20px 0;background:#f7f2f2;}
.footer-copy {display:block;font:1.4rem/1.4 var(--font-body-alt);letter-spacing:0.5px;color:#969696;}

.social-links {margin-bottom:20px;}
.social-links li {display:inline-block;margin:0 5px;width:20px;}

/* #Clearer
================================================== */
.container:after,
.row:after,
.entry:after {content: ""; display: table; clear: both;}