/* ==========================================================================
     Project:     TWD Boilerplate Site for Intern
     Date:        04/02/2026 - File created  
     Created by:  Third Wave Digital (www.thirdwavedigital.com)
========================================================================== */

:root {
     --white: #ffffff;
     --light-grey: #eee;
     --grey: #8D8D8D;
     --grey-on-light: #676767;
     --dark-grey: #222222;
     --darkest-grey: #1C1C1C;
     --black: #000000;
     --primary: #7fa68a;
     --primary-alt: #7fa68af2; /* 0.95a  */
     --secondary: #2f3e5c;
     --secondary-alt: #2f3e5ccc; /* 0.80a  */
     --primary-diamond-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 10'%3E%3Cpolygon points='3,0 6,5 3,10 0,5' fill='%237fa68a'/%3E%3C/svg%3E");
}

/* ==========================================================================
     Typograpy
========================================================================== */

body {color: var(--dark-grey);background: var(--white); font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-weight: 600;overflow-x:hidden}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { margin-bottom: 2rem; color: var(--dark-grey);font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-weight: 900; }
p {margin-bottom: 1.5rem;}
strong, b {font-weight: 700;}

/* ==========================================================================
     Main Layout
========================================================================== */ 

html {scroll-behavior: smooth;}

/* Skip */
.skip {position:absolute;top:-1000px;left:15px;width:auto;height:auto;text-align:center;overflow:hidden;transition:.25s;background:var(--primary); width:auto;height:auto;overflow:visible;padding:10px;color:var(--white);font-weight:600;font-size:.875rem;z-index:99;text-decoration:underline}
.skip:active,.skip:focus,.skip:hover{left:15px;top:15px;color: var(--white)}

/* Header */
.header-wrapper {background: var(--white); position: relative; z-index: 2}

.headermenu a {text-decoration: none;display:block;transition: color 250ms ease;}
.headermenu .quicklinks a {color: var(--secondary);}
.headermenu .quicklinks a:hover, .headermenu .quicklinks a:focus {color: var(--white)}

.headermenu .mainmenu, .headermenu .quicklinks {display:flex; list-style:none; padding: 0px;margin: 0px;position: relative}
.headermenu .mainmenu li, .headermenu .quicklinks li  {display:inline-block;}

.headermenu .quicklinks {font-size: .8125rem;gap: 30px; }
.headermenu .quicklinks li:not(:last-child) a::after {content:"|";margin-left: 30px}
.headermenu .quicklinks a {color: var(--black)}
.headermenu .quicklinks a:hover, .headermenu .quicklinks a:focus {text-decoration: underline;}

.headermenu .mainmenu > li {margin-bottom: -20px; padding-bottom:20px; position: relative;display:flex; align-items: center;font-weight: 600}
.headermenu .mainmenu > li:last-child {padding-right: 0px}
.headermenu .mainmenu > li:not(:nth-last-child(-n+2))::before { content: ""; opacity: 0; transition: all 250ms ease; position: absolute; top: 11px; width: 10px; height: 14px; background-image: var(--primary-diamond-url);display: inline-block;background-size: contain;background-repeat: no-repeat; color: var(--primary); transform: rotate(90deg)}
.headermenu .mainmenu > li a {color: var(--dark-grey)}
.headermenu .mainmenu > li:hover > a, .headermenu .mainmenu > li a:focus  {color: var(--primary)}
.headermenu .mainmenu > li:hover::before {opacity: 1;transform: rotate(0deg)}
.headermenu .mainmenu .btn-outline-orange-btext {padding:2px 15px;letter-spacing: 0px; font-weight: 400; font-size: 1rem;}
.headermenu .mainmenu .btn-toggle-search {font-size: 1.5rem; transition: color 250ms ease;padding: 0px}
.headermenu .mainmenu .btn-toggle-search:hover, .headermenu .mainmenu .btn-toggle-search:focus {color: var(--primary)}

.headermenu .dropdown {visibility: hidden; font-size: .913rem; opacity: 0; padding: 20px; border-bottom: 10px solid var(--secondary); transition: all 250ms ease; top:0px;text-transform: none;text-align:left; background: var(--white); border-radius: 4px; width: 250px;position: absolute; left: -15px}
.headermenu .dropdown.active {visibility: visible;opacity: 1; top: calc(100% - 15px)}
.headermenu .dropdown li {display:block} 
.headermenu .dropdown a {padding: 10px}
.headermenu .dropdown a:hover, .headermenu .dropdown a:focus {color: var(--primary)}

/* Offcanvas */
.offcanvasmenu { position:fixed; visibility:hidden; opacity: 0;height: 100%; width: 100%; top: 90px; left: 0px; background: var(--white); overflow-x:hidden; overflow-y:auto;}
.offcanvas-open .offcanvasmenu {transition: opacity 250ms ease; visibility: visible;opacity: 1}

.offcanvasmenu form {position: relative; height: 35px;width: 100%;}
.offcanvasmenu form .btn {color: var(--dark-grey); width: 35px; height: 35px; padding: 0px; position: absolute; top: 0px;right: 15px; border-radius: 0px;background:none;font-size: .913rem}
.offcanvasmenu form .btn:hover, .offcanvasmenu form .btn:focus {color: var(--primary)}
.offcanvasmenu form input {height: 35px; position: absolute; top: 0px; font-size: .913rem; left: 15px; width: calc(100% - 30px); border: none; border-radius: 3px; padding: 0px 35px 0px 15px}
.offcanvasmenu form input::-ms-clear {display:none}

.offcanvasmenu ul {list-style:none; padding: 0px;margin: 0px;}
.offcanvasmenu .mainmenu {font-weight: 700; }
.offcanvasmenu li {position: relative; }
.offcanvasmenu li a[aria-haspopup] {margin-right: 55px;}
.offcanvasmenu li .fa-angle-down {font-size: 1rem; transition: transform 200ms ease-in-out}
.offcanvasmenu li .fa-angle-down.rotate {transform: rotate(-180deg)}
.offcanvasmenu .mainmenu a {color: var(--dark-grey); display: block; padding: 15px;text-decoration: none; display: -webkit-box; display: -webkit-flex; display: flex; align-items:center;}
.offcanvasmenu .mainmenu a:hover, .offcanvasmenu .mainmenu a:focus {color:var(--primary); }
.offcanvasmenu .mainmenu > li {border-bottom: 1px solid var(--light-grey)}
.offcanvasmenu .mainmenu .btn-outline-orange-btext {border:none; border-radius: 0px; font-size: 1rem; font-weight: 700;letter-spacing: 0px;}

.offcanvasmenu .btn-toggle-dropdown {position: absolute; top: 10px; right:15px; width: 35px; height:35px;padding: 0px;border-radius: 4px; border: none; background: var(--light-grey); color: var(--dark-grey)}
.offcanvasmenu .btn-toggle-dropdown:hover, .offcanvasmenu .btn-toggle-dropdown:focus {background: color-mix(in srgb, var(--light-grey) 90%, var(--black));}

.offcanvasmenu .dropdown {border-left: 3px solid var(--secondary); margin: 0px 15px 15px 15px;font-weight: 600;display:none;font-size: .875rem;}
.offcanvasmenu .dropdown.active {display:block}
.offcanvasmenu .dropdown a {padding: 10px;}
.offcanvasmenu .quicklinks {margin: 15px}
.offcanvasmenu .quicklinks li {margin-bottom: 10px;}

.offcanvasmenu::-webkit-scrollbar {-webkit-appearance: none;width:5px;}
.offcanvasmenu::-webkit-scrollbar-track-piece {margin: 15px 0px;}
.offcanvasmenu::-webkit-scrollbar-thumb {border-radius: 4px;background-color: rgba(0,0,0,.3);}

.btn-toggle-offcanvas {margin: 0px; border-radius: 0px; height: 36px;padding:5px;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity;text-transform:none;color:inherit;border:0;}
.hamburger-box {position: relative;display: inline-block;width: 24px;height: 24px;}
.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:24px;height:2.5px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:3.5px;background-color:var(--dark-grey); right: 0px}
.hamburger-inner{top:50%;display:block;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s;}
.hamburger-inner:after,.hamburger-inner:before{display:block;content:"";}
.hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in; top:-8px;}
.hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.685,.19); bottom:-8px;}
.btn-toggle-offcanvas.active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(-225deg)}
.btn-toggle-offcanvas.active .hamburger-inner:before{top:0;transition:top .1s ease,opacity .1s ease .12s;opacity:0; width: 100%;}
.btn-toggle-offcanvas.active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(90deg);width: 100%;}

/* Search */
.search-wrapper {height: 50px;position: absolute; top: 0px; left: 0px; width: 100%; z-index: 0; visibility: hidden; background: var(--light-grey)}
.search-wrapper input {font-weight: 600; border: none; background:var(--light-grey); color: var(--dark-grey); height: 50px; padding: 0px 15px; width: calc(100% - 20px)}
.search-wrapper input:focus {outline:none}
.search-wrapper input::placeholder {color: var(--grey-on-light)}
.search-wrapper input::-ms-input-placeholder {color: var(--grey-on-light)}
.search-wrapper button[type="submit"],.search-wrapper .btn-close-search {color: var(--dark-grey)}
.search-wrapper button[type="submit"] {position: absolute; top: 50%; transform: translateY(-50%); right: 25px; font-size: .875rem; }
.search-wrapper button[type="submit"]:hover, .search-wrapper button[type="submit"]:focus {color: var(--primary)}
.search-wrapper .btn-close-search {-webkit-text-stroke: 1px var(--white); position: relative}
.search-wrapper .btn-close-search::after {content:""; display:block; background: rgba(0,0,0,.35); width: 1px; position: absolute; left: -10px; top: 15px;bottom: 15px}
.search-wrapper .btn-close-search:hover, .search-wrapper .btn-close-search:focus {}

.search-open .header-wrapper {margin-top: 50px}
.search-open .search-wrapper {visibility: visible;}

/* Footer */
.footer-wrapper {background: var(--dark-grey); color: var(--white);font-size: .875rem;}
.footer-wrapper a {color: var(--white); transition: color 250ms ease; text-decoration: none;}
.footer-wrapper a:hover, .footer-wrapper a:focus {color: var(--primary)}
.footer-wrapper li:not(:last-child) {margin-bottom: 10px}
.footer-wrapper .socials {gap: 15px}
.footer-wrapper .socials a {background: rgba(255,255,255, .25); border-radius: 50%; width: 30px; height: 30px;display:flex; align-items:center;justify-content: center;text-decoration: none;font-size: .875rem;}
.footer-wrapper .socials .x-link {color: var(--white); transition: color 250ms ease;}
.footer-wrapper .socials .x-link:hover, .footer-wrapper .socials .x-link:focus {color: var(--primary)}
.footer-wrapper .bg-darkest-grey .text-grey {color: var(--grey);}

/* ==========================================================================
     Components
========================================================================== */ 

/* Links */
a {color: var(--black);text-decoration: underline;}
a:hover { text-decoration: none;color: var(--primary)}

/* Flex */
.gap-30 {gap: 30px}
.gap-15 {gap: 15px}

/* Backgrounds */
.bg-orange {background: var(--primary)}
.bg-light-grey {background: var(--light-grey)}
.bg-dark-grey {background: var(--dark-grey);}
.bg-darkest-grey {background: var(--darkest-grey)}
.bg-diamonds {position: relative;}
.bg-diamonds::before {content:"";background: url(/img/bg-diamonds.png); position: absolute; inset: 0; z-index: 0; opacity: .2}
.bg-diamonds-offset {position: relative;}
.bg-diamonds-offset::before {content:""; background: url(/img/bg-diamonds.png); z-index: -1; opacity: .2; position: absolute; top: -3rem; height: 300px; left: 0px; right: 0px;}
.bg-diamonds-bottom::before {top: unset; bottom: -6rem; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw}

/* Images */
img {max-width: 100%; height: auto}
.img-fit {object-fit: cover; object-position: center center; width: 100%; height: 100%;}
p:has(img:only-child) {margin: 0px}

.img-overlay {position: relative;}
.img-overlay img {position: relative; transition: aspect-ratio 350ms ease; z-index: -1; border-radius: 5px;object-fit: cover; object-position: center top; width: 100%; height: 100%; aspect-ratio: 16 / 9;}
.img-overlay a {text-decoration: none;color: var(--white); }
.img-overlay h3 {transition: background 250ms ease; font-size: 1rem; text-align:center; margin: 0px; border-radius: 0px 0px 5px 5px; padding: 15px 20px; position: absolute; bottom: 0px; left: 0px; right: 0px;z-index: 0; background:var(--secondary-alt);}
.img-overlay:hover {cursor: pointer;}
.img-overlay:hover h3 {background: var(--primary-alt);}

.aspect-ratio-16-9 {aspect-ratio: 16 / 9; object-fit: cover;}
.aspect-ratio-1-1 {aspect-ratio: 1 / 1; object-fit: cover;}

.img-team {position: relative;}
.img-team .img-team-overlay {display:flex; transition: padding 250ms ease; justify-content: space-between; align-items:center; background: rgba(255,255,255,.9); padding: .5rem; position: absolute; bottom: 10px; left: 10px; right: 10px;}
.img-team h3 {font-weight:700;font-size: .75rem;margin: 0px;}
.img-team p {color: var(--grey-on-light);font-size: .612rem;margin: 0px;}
.img-team img {position: relative; z-index: -1; aspect-ratio: 1 / 1;}
.img-team a {text-decoration: none;display:block;}
.img-team a:hover .img-team-overlay {padding: 1rem .5rem 1rem .5rem}
.img-team a:hover .fas {background: var(--primary)}
.img-team .fas {transition: background 250ms ease; background: var(--dark-grey); color: var(--white);font-size: .625rem; width: 15px; height: 15px; display:flex; align-items: center; justify-content: center; }

.img-wrapper {height: 375px; overflow: hidden;}

/* Forms */
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration {-webkit-appearance:none;}

/* Heros */
.hero {position: relative;z-index: 0; }
.hero img { width: 100%; height: 100%; object-fit: cover;position: absolute; z-index: -1; inset: 0; }
.hero-caption {position: relative;z-index: 1; max-width: 580px; background-color: rgba(236, 234, 234, 0.8); padding: 1.5rem 1.5rem;}
.hero-caption .h1 {font-size: clamp(2.5rem, 5vw + 1rem, 4rem);}

/* Mastheads */
.masthead {position: relative;z-index: 0; }
.masthead h1 {position: relative; z-index: 1}
.masthead img {width: 100%; height: 100%; object-fit: cover;z-index: 0;position: absolute; z-index: 0; inset: 0; opacity: .25}

/* Callout Boxes */
.callout {position: relative;color: var(--grey-on-light); background: var(--white); text-align:center; padding: 1.5rem; border: 2px solid var(--light-grey); border-radius: 3px; box-shadow: 0 6px 40px 0 rgba(154, 170, 207, 0.20);}
.callout::after {height: 10px; border-radius: 0px 0px 5px 5px; background: var(--secondary); content:""; width: 100%; position: absolute; bottom: -2px; left: 0px;}

/* Interstitials */
.interstitial {min-height: 300px;display:flex; align-items: center;}
.interstitial.jarallax {z-index: 1}
.interstitial .jarallax-img {opacity: .175;}
.interstitial-hero {opacity: 1; position: absolute; right: 0px;object-fit:contain;}

/* Blockquotes */
.blockquotes-slideshow .slick-list {padding: 30px 0px 15px 0px}
blockquote {width: 100%; max-width: 550px; background: var(--white); font-size: 1.25rem; position: relative; box-shadow: 0 6px 40px 0 rgba(154, 170, 207, 0.20); border-radius: 5px; font-weight: 600; font-style: italic; padding: 2.25rem 2rem 1.5rem 2rem; border-bottom: 10px solid var(--secondary)}
blockquote .text-blue {font-weight: 900}
blockquote::before { font-family: "Font Awesome 5 Free"; font-weight: 900;content: "\f10d"; position: absolute; top: -25px; left: 25px; color: var(--white);font-size: 1.25rem; background: var(--secondary); border-radius: 50%; display:flex; justify-content: center; align-items: center; width: 50px; height: 50px}
blockquote footer {padding-top: 15px; border-top: 1px solid rgba(0,0,0,.15);margin-top: 15px;font-weight: 400;font-size: 1rem; font-style:normal}

/* Slideshows */
.slick-track {display: flex !important;}
.slick-slide {height: inherit !important}
.slick-dots {position: relative; list-style:none; display: flex; justify-content: center;padding: 0px;}
.slick-dots li {margin: 0px 5px}
.slick-dots button {width: 6px; height: 6px; padding: 0px; background: var(--primary); opacity: .25; border:none; border-radius: 50%}
.slick-dots .slick-active button {opacity: 1}
.slick-prev, .slick-next {position: absolute; z-index: 1; transform: scale(.75); top: 50%; transform: translateY(-50%); margin-top: -15px; background:none;  border: none;  padding:0px; width: 45px; height: 45px;}
.slick-prev {left:-50px;}
.slick-next {right:-50px;}
.slick-prev::after, .slick-next::after {content:"";  display:block;border: 1px solid var(--primary);border-width: 0px 0px 2px 2px;width: 10px; height:10px; }
.slick-prev::after {-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);transform: rotate(45deg);margin-left: 18px;}
.slick-next::after {-webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg);transform: rotate(-135deg);margin-left: 15px;}

.cards-slideshow.callout .slick-dots {margin: 30px auto 0px auto;}

/* Breadcrumbs */
.breadcrumb {background:none; font-size: .813rem; padding: 0px}

/* Indexes */
.z-0 {z-index: 0}
.z-1 {z-index: 1}

/* Text - Prose (Default template) */
.prose h2 {border-left: 5px solid var(--secondary);padding-left: 15px}
.prose ul {margin-bottom: 1.5rem}
.prose p {line-height: 1.7}

/* Datatables */
.page-item.active .page-link {background: var(--secondary); border-color: var(--secondary)}

/* ==========================================================================
     CMS Classes
========================================================================== */

/* Text */
.text-xxs {font-size: .688rem}
.text-xs {font-size: .75rem}
.text-sm {font-size: .85rem;}
.text-md {font-size: 1.063rem;}
.text-lg {font-size: 1.25rem;}
.text-xl {font-size: 1.5rem !important;}

.text-clamp-2 {text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 2; overflow: hidden; }
.text-clamp-3 {text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 3; overflow: hidden;}
.text-clamp-4 {text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 4; overflow: hidden; }

.leading-none {line-height: 0}
.leading-1-1 {line-height: 1.1}
.leading-1-0 {line-height: 1}

.text-orange {color: var(--primary)}
.text-blue {color: var(--secondary)}
.text-eyebrow {color: var(--grey-on-light); font-weight:900; margin-bottom: .5rem;}
.text-grey {color: var(--grey-on-light)}
.text-dark-grey {color: var(--dark-grey)}

/* Use a brighter orange token on dark surfaces to preserve text contrast. */
.footer-wrapper .text-orange,
.bg-dark-grey .text-orange,
.bg-darkest-grey .text-orange {color: var(--primary)}

/* Buttons */
.btn-orange, 
.btn-outline-orange-otext, 
.btn-outline-orange-btext, 
.btn-arrow-link, 
.btn-arrow-circle, 
.cms-slideshow .btn-primary, 
.cms-form .btn-primary, 
form[name=frmSearch] .btn-primary { border:none; text-decoration:none; padding: 5px 20px; transition:all 250ms ease; position: relative;border-radius: 3px; text-align:center; font-weight:900; font-size: .813rem; background:none;letter-spacing: 2.5px}

.btn-orange {background: var(--primary); color: var(--black); border: 2px solid transparent}
.btn-orange:hover, .btn-orange:focus {background: color-mix(in srgb, var(--primary) 90%, var(--black)); color: var(--black)}

.btn-outline-orange-otext {border: 2px solid var(--primary); color: var(--primary)}
.btn-outline-orange-otext:hover, .btn-outline-orange-otext:focus {border: 2px solid var(--primary); color: var(--dark-grey)}

.btn-outline-orange-btext {border: 2px solid var(--primary); color: var(--black)}
.btn-outline-orange-btext:hover, .btn-outline-orange-btext:focus {border: 2px solid var(--primary); color: var(--primary)}

/* Lists */
.list-diamonds {list-style:none;font-weight:900}
.list-diamonds li {margin-bottom: 20px; line-height: 1.3; background: url(/img/icon-blue-diamond.svg) no-repeat left center; background-size: 15px 15px; padding-left: 25px}
.list-diamonds li:last-child {margin-bottom: 0px}

/* Links */
.link-orange {text-decoration-color: var(--primary);color: var(--dark-grey);text-underline-offset: 2px;}
.link-orange-dark {text-decoration-color: var(--primary);color: var(--white);text-underline-offset: 2px;}

/* ==========================================================================
     CMS Components
========================================================================== */

/* Use .btn-orange's colors for cms elements */
.cms-slideshow .btn-primary, .cms-form .btn-primary, form[name=frmSearch] .btn-primary {background: color-mix(in srgb, var(--primary) 90%, var(--dark-grey)); color: var(--secondary)}
.cms-slideshow .btn-primary:active, 
.cms-slideshow .btn-primary:hover, 
.cms-slideshow .btn-primary:focus,
.cms-form .btn-primary:active, 
.cms-form .btn-primary:hover, 
.cms-form .btn-primary:focus,
form[name=frmSearch] .btn-primary:hover,
form[name=frmSearch] .btn-primary:focus, 
form[name=frmSearch] .btn-primary:active {background: var(--primary) !important; border-color: transparent !important; color: var(--secondary); outline: none !important; box-shadow: none !important; }

/* Accordions */
.cms-accordion .card {background:none; border-radius: 0px; border: none; border-bottom: 2px solid rgba(165,163,162,0.25) !important;}
.cms-accordion .card:first-child {border-top: 2px solid rgba(165,163,162,0.25);}
.cms-accordion .card-header {transition: color 250ms ease;position: relative;border-radius: 0px; background:none;border:none; padding: 25px 50px 25px 50px!important; color: var(--primary); font-weight: 700;}
.cms-accordion .card-header:hover, .cms-accordion .card-header:focus {text-decoration:none; cursor: pointer}
.cms-accordion .card-header::before {transition: transform 250ms ease; background: url(/img/icon-plus.svg) center center no-repeat;background-size: 100% 100%; width: 25px; height: 25px; content:""; position: absolute; left: 0px; top: 50%; transform: translateY(-50%);}
.cms-accordion .card-header[aria-expanded=true] { color: var(--primary); border-bottom: none}
.cms-accordion .card-header[aria-expanded=true]::before {transform: translateY(-50%) rotate(45deg); }
.cms-accordion .card-body a {color: var(--primary);}
.cms-accordion .card-body p {color: var(--dark-grey);}
.cms-accordion .card-body {padding: 0px 30px 30px 30px; margin-bottom: 20px;position: relative; margin-top: 20px; overflow:hidden  }
.cms-accordion .card-body::after {width: 4px; background: var(--primary); content: ""; position: absolute; top: 0px; left: 0px; bottom: 30px; }
.cms-accordion .card-body *:last-child {margin-bottom: 0px}
.cms-accordion .collapsing {transition-duration: 500ms; transition-timing-function: ease-in-out;}

/* Tabs */
.cms-tabs .nav {margin-bottom: 0px !important}
.cms-tabs .nav p:hover {cursor: pointer}
.cms-tabs .nav-pills .nav-link {background: var(--dark-grey); color: var(--white); font-weight: bold;border-radius: 0px; border:none; padding: 5px 25px}
.cms-tabs .nav-pills .nav-link.active, .cms-tabs.nav-pills .show>.nav-link {background: var(--secondary);color: var(--dark-grey); }
.cms-tabs .tab-content {background: var(--secondary); padding: 1.5rem;}
.cms-tabs .tab-content *:last-child {margin-bottom: 0px}

/* Calendar */
.cms-calendar .text-primary {color: var(--primary) !important}
.cms-calendar .bg-primary {background: var(--primary) !important}

/* Forms */
form[name=frmSearch] .btn-primary {border-radius: 0px}

/* ==========================================================================
     Media Queries
========================================================================== */

@media (min-width: 0px) {     
     /* Text */
     .h1, h1 { font-size: 2rem; } 
     .h2, h2 { font-size: 1.75rem; } 
     .h3, h3 { font-size: 1.5rem; } 
     .h4, h4 { font-size: 1.25rem; } 
     .h5, h5 { font-size: 1.0625rem; } 
     .h6, h6 { font-size: 0.9375rem; }

     /* Text - Prose (Default template) */
     .prose .h2, .prose h2 { font-size: 1.75rem; margin-bottom: 2rem; } 
     .prose .h3, .prose h3 { font-size: 1.1875rem; } 
     .prose .h4, .prose h4 { font-size: 1.0625rem; } 
     .prose .h5, .prose h5 { font-size: 0.9375rem; } 
     .prose .h6, .prose h6 { font-size: 0.875rem; }

     /* Header */
     .header-wrapper {height: 90px}
     .header-wrapper img {width: 170px}

     /* Offcanvas */
     .offcanvas-open {overflow:hidden}

     /* Slideshows */
     .slick-prev, .slick-next {display:none !important}
     
     /* Heros */
     .hero, .hero .container {min-height: 500px}
     .hero::after {content:""; position: absolute; inset: 0px; background: rgba(255,255,255,.8); z-index: 0; pointer-events: none;}
     .hero img {object-position:80% center}
}

@media (min-width: 576px) {    
     /* Slideshows */
     .slick-prev, .slick-next {display:block !important}
}

@media (min-width: 768px) {   
     /* Text */
     .h1, h1 { font-size: 2.75rem; } 
     .h2, h2 { font-size: 2.25rem; } 
     .h3, h3 { font-size: 2rem; } 
     .h4, h4 { font-size: 1.75rem; }
     .h5, h5 { font-size: 1.5rem; }
     .h6, h6 { font-size: 1.125rem; }

     /* Text - Prose (Default template) */
     .prose .h2, .prose h2 { font-size: 2rem; margin-bottom: 2.5rem} 
     .prose .h3, .prose h3 { font-size: 1.25rem; } 
     .prose .h4, .prose h4 { font-size: 1.125rem; } 
     .prose .h5, .prose h5 { font-size: 1rem; } 
     .prose .h6, .prose h6 { font-size: .913rem; }

     /* Header */
     .headermenu .mainmenu > li { padding-right: 15px; padding-left: 15px}
     .headermenu .mainmenu > li, .headermenu .btn-toggle-search { font-size: .913rem;}
     .headermenu .mainmenu > li:not(:nth-last-child(-n+2))::before {left: 0px}

     /* Offcanvas */
     .offcanvas-open {overflow:unset}

     /* Borders */
     .border-md-right {border-right: 1px solid rgba(0,0,0,.175)}
     .footer-wrapper .border-md-right {border-right: 1px solid rgba(255,255,255,.25)}

     /* Heros */
     .hero, .hero .container {min-height: 500px}
     .hero::after {content:none}

     /* Images */
     .img-overlay.active img {aspect-ratio: 1 / 1;}
     .img-overlays:hover .img-overlay img {aspect-ratio: 16 / 9;}
     .img-overlays:hover .img-overlay:hover img {aspect-ratio: 1 / 1;}

     /* Interstitials */
     .interstitial-hero { top: -40px; width: 330px; height: 330px; }
}
  
@media (min-width: 992px) {   
     /* Header */
     .header-wrapper {height:auto}
     .header-wrapper img {width: 230px}
     .headermenu .mainmenu > li { padding-right: 25px; padding-left: 25px}
     .headermenu .mainmenu > li, .headermenu .btn-toggle-search { font-size: 1rem;}
     .headermenu .mainmenu > li:not(:nth-last-child(-n+2))::before {left: 10px}

      /* Interstitials */
     .interstitial-hero { top: -125px; width: 440px; height: 440px; }
}

@media (min-width: 1200px) {
     /* Header */
     .headermenu .mainmenu > li { padding-right: 40px; padding-left: 40px}
     .headermenu .mainmenu > li:not(:nth-last-child(-n+2))::before {left: 25px}
}    

@media (prefers-reduced-motion: reduce) {
     * { animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;scroll-behavior: auto !important;transition: none !important}
}