/*!
Theme Name: Nata Aero
Theme URI: http://nata.aero/
Author: Captain Coder & Greteman Group
Author URI: http://captcoder.com/
Description: This is a Bootstrap 5 theme base custom built for Nata Aero
Version: 2.5.0
License: GNU General Public License v2 or later
Text Domain: captcoder

captcoder is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

@import url("inc/normalize.css");
@import url("inc/xl.css");

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Gloock&display=swap');

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# HTML
# Body
# Navigation
# Links & Buttons
# Overall
# Home
# Bottom Includes
# Footer
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Colors
--------------------------------------------------------------*/
:root{
	--blue: #1c75bc;
    --ltblue: #00BAE6;
	--orange: #f15a29;
    --yellow: #FFBB00;
    --green: #00a500;
	--black: #000;
	--white: #fff;
    --ltgray: #f4f4f4;
    --mdgray: #aaaaaa;
    --dkgray: #5B5B5B;
} 

.blackBk {background: var(--black);}
.blueBk {background: var(--blue);color: var(--white);}
.orangeBk {background: var(--orange);}
.orange {color: var(--orange);}

/*--------------------------------------------------------------
# HTML
--------------------------------------------------------------*/
/* Make jump links scroll smoothly down the page */
html {scroll-behavior: smooth;overflow-x: hidden;}

/*--------------------------------------------------------------
# Body
--------------------------------------------------------------*/


/* Set the base font family and font size for ems here. Check with designer on desired paragraph font size */
body {font-size:16px;font-family:"Roboto",Helvetica,Arial,sans-serif;overflow-x: hidden;line-height: 1.5;background: var(--white);color:var(--black);}


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
nav.navbar {background: var(--black);transition: all 0.2s ease;}
	nav.navbar .navbar-toggler {background: transparent;border-radius: 0;border:none;order:1;}
    .navbar-brand {order:2;}
        .navbar-brand img {max-height: 60px;transition: all 0.2s ease;}
    #searchToggle {order:3;background: none;color:var(--white);border:0;}
        #searchToggle .fa {color: var(--white);}
	/* remove navbar if a landing page or other speciality template */
	.page-template-landing-page nav.navbar.navbar-expand-xl.navbar-dark, .page-template-funnel-page nav.navbar.navbar-expand-xl.navbar-dark, .page-template-thanks-page nav.navbar.navbar-expand-xl.navbar-dark {display: none;}
	.navbar-dark .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:focus {color: var(--white);text-transform: uppercase;border-bottom: 2px solid transparent; font-weight: 400;font-size: 1em;}
        .navbar-dark .navbar-nav li.btn .nav-link, .navbar-light .navbar-nav li.btn .nav-link:focus {border-bottom: 0;}

	.navbar-toggler-icon {background-image: none!important;background-color: var(--white);height: 3px;width: 25px;margin: 10px 0;position: relative;transition: all 0.35s ease-out;transform-origin: center;}
	.navbar-toggler-icon::before {display: block;background-color: var(--white);height: 3px;content: "";position: relative;top: -7px; transition: all 0.15s ease-out;/*taken down to hide quicker*/transform-origin: center;}
	.navbar-toggler-icon::after {display: block;background-color: var(--white);height: 3px;content: "";position: relative;top: 4px;transition: all 0.35s ease-out;transform-origin: center;}
		.navbar-toggler:has(+ .show) .navbar-toggler-icon {transform: rotate(45deg);}
			.navbar-toggler:has(+ .show) .navbar-toggler-icon::before {opacity: 0;}
			.navbar-toggler:has(+ .show) .navbar-toggler-icon::after {transform: rotate(-90deg) translateX(7px) ;}

    .offcanvas {top: 80px;left: 0;width: 100vw;height: 100vh;background: var(--black);}
        .offcanvas .menu-item {border-bottom: 1px solid var(--mdgray);padding: 0 1.5rem;}
            .offcanvas .dropdown-toggle::after {border: none;font-family: 'FontAwesome';content: "\f054";position: absolute;right: 1.5rem;}
        .offcanvas .dropdown-item {white-space: normal; font-size: 1em;}
            .offcanvas .dropdown-item:focus, .offcanvas .dropdown-item:hover {color: var(--orange);background: transparent;}
       

    #search-overlay .modal-dialog {top: 80px;}
        #search-overlay .modal-content {background: transparent;border: none;}
        #search-overlay .modal-header {border-bottom: 0;}
            #search-overlay .btn-close, #search-overlay .btn-close:hover {color: var(--white);background:none;opacity: 1;}
        #search-overlay #searchform {display: flex;width: 100%;justify-content: center;}

    .modal-backdrop.show {opacity: .75;}

        @keyframes slideInRight {
            0% {
                transform: translateX(100%);
                opacity: 0;
            }
            100% {
                transform: translateX(0);
                opacity: 1;
            }
        }

        @keyframes slideOutRight {
            0% {
                transform: translateX(0);
                opacity: 1;
            }
            100% {
                transform: translateX(100%);
                opacity: 0;
            }
        }



@media only screen and (max-width:1199px) {
     .offcanvas .dropdown-menu-right {width: 100vw;height: 100vh;top: 80px;right: 0;position: fixed; opacity: 0;background: var(--black);color:var(--white); visibility: hidden;z-index: 1050;transition: opacity 0.5s ease, visibility 0.5s ease;}
        .offcanvas .dropdown-menu-right .dropdown-item{color: var(--white);text-transform: uppercase;}
            .offcanvas .dropdown-menu-right .dropdown-item.active, .offcanvas .dropdown-menu-right .dropdown-item:active {background: transparent;color: var(--orange);}
        .offcanvas .dropdown-menu-right.dropdown-menu-end {top:0;}
        .dropdown-menu-right.show {animation: slideInRight 0.5s forwards;visibility: visible;opacity: 1;}
        .dropdown-menu-right.hide {animation: slideOutRight 0.5s forwards;visibility: hidden;opacity: 0;}
        .dropdown-menu .btn.back-button {background: transparent;text-decoration: none;text-transform: uppercase;position: relative;}
            .dropdown-menu .btn.back-button:before {content:"\f053";font-family:"FontAwesome";position:absolute;left:0;}
}
@media only screen and (min-width:992px) {
	.navbar-brand img {max-height: 50px;}
}
@media only screen and (min-width:1200px) {	
	.navbar>.container {flex-direction: row;flex-wrap: wrap;}
        .navbar-brand {order: 1;}
            .navbar-brand img {max-height: 50px;}
        .navbar .offcanvas {position: unset;visibility: visible;width: 100%;height: auto;background: transparent;transform: unset;order: 4;padding-top: 0.5rem;border-top: 1px solid var(--mdgray);margin-top: 0.5rem;z-index: 9;}
            .offcanvas .menu-item {padding: 0 0.5rem;border-bottom: 0;}             
                .navbar-nav .nav-link {padding-bottom: 0.25rem;margin-bottom: 0.25rem;font-weight: 700;}
                    .navbar .btn a.nav-link {position: relative;padding: 0.65rem 1rem;}
                        .navbar .btn a.nav-link:after {content: "\f08e";font: var(--fa-font-light);margin-left: 0.5rem;}
                    .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link.active {color: var(--white);border-bottom: 2px solid var(--orange);}
                    .menu-back {display: none;}
                .offcanvas .dropdown {position: unset;}
                    .offcanvas .dropdown-toggle::after {content: none;}
         #navbarSupportedContent ul.dropdown-menu.depth_0.show {display: flex;flex-wrap: wrap;background: var(--black);left:0;width:100vw;padding: 2rem 8%;margin-top: -0.125rem;}
            #navbarSupportedContent .about-nav ul.dropdown-menu.depth_0.show, #navbarSupportedContent .member-nav ul.dropdown-menu.depth_0.show, #navbarSupportedContent .committees-nav ul.dropdown-menu.depth_0.show, #navbarSupportedContent .news-nav ul.dropdown-menu.depth_0.show {flex-direction: column;}
            a.dropdown-item.dropdown-toggle {color: var(--white);text-transform: uppercase;font-size: 1.125em;padding: 0.5rem 0;font-weight: 700;}
                .at_depth_1.menu-item-has-children {width: 31%;margin:0 1%;}
                .dropdown-menu.depth_1 {position: static !important;display: block;border-color: transparent;padding-left: 0;background: var(--black);border-top: 1px solid var(--mdgray);}
                    .depth_1 .menu-item {padding: 0;}
                        .offcanvas .dropdown-item {color: var(--white);padding: 0.35rem 0;}
        .navbar #top-nav {order:2;}
    
        a.dropdown-item.dropdown-toggle:hover{color: var(--white);}
        .depth_0::after {width: 40%;height: 100%;max-height:300px;position: absolute;right: 8%;}
        .about-nav .depth_0 li.menu-item:nth-last-of-type(1) {padding-bottom: 2rem;}
        .about-nav .depth_0 li.menu-item:nth-of-type(2) {padding-top: 1rem;}
        li#menu-item-1252 {margin-top: -8em;}
        li#menu-item-1322 {margin-top: -16em;}
        li#menu-item-1253 {margin-top: -3rem;}
    
        .dropdown-item.active, .dropdown-item:active {background: transparent;color: var(--orange);}
    
}

@media only screen and (min-width:1400px) {
	li#menu-item-1252 {margin-top: -7em;}
	li#menu-item-1322 {margin-top: -16em;}
}


@media only screen and (min-width:1600px) {
	.navbar-brand img {max-height: 50px;}
    
    li#menu-item-1252 {margin-top: -6em;}
    li#menu-item-1253 {margin-top: -2rem;}
    
    .depth_0::after {width: 35%;}
}
@media only screen and (min-width:1800px) {
    .depth_0::after {width: 30%;}
}

@media only screen and (min-width:2300px) {
    li#menu-item-1322 {margin-top: -15em;}

}

.committees-nav .depth_0, .about-nav .depth_0, .member-nav .depth_0, .news-nav .depth_0 {justify-content: center!important;}



/*--------------------------------------------------------------
# Buttons & Links
--------------------------------------------------------------*/
a, a:visited {color:var(--orange);}
	a:hover, a:active {color:var(--blue);text-decoration: none;}
    .blueBk a:not(.btn) {color: var(--white);text-decoration: underline;}
        .blueBk a:not(.btn):hover {color: var(--black);}
.btn:not(.menu-item),.gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input[type=submit], .btn:not(.menu-item):visited,.gform_wrapper .gform_footer input[type=submit]:visited, a.more-link, a.more-link:visited, .btn a.nav-link, .gform_next_button, .gform_wrapper.gravity-theme .gform_previous_button.button {border-radius: 5px;border: 0;background: var(--orange);color: var(--white);padding:0.65rem 1.25rem;transition: all 0.2s;font-size:1.125em;text-transform: uppercase;font-weight: 500;line-height: 1;}
	.btn:not(.menu-item):hover, .btn:not(.menu-item):active, .gform_wrapper .gform_footer input[type=submit]:hover, .gform_wrapper .gform_footer input[type=submit]:active, a.more-link:hover{color:var(--white);background:var(--black);}
    .blueBk .btn, .blueBk .btn:visited, .orangeBk .btn, .orangeBk .btn:visited {background: var(--white);color: var(--black);}
        .blackBk .btn:hover, .navbar .btn a.nav-link:hover {background: var(--white); color:var(--black);}
.btn.loadmore, .btn.loadmore:visited {background: var(--black);}
    .btn.loadmore:hover, .btn.loadmore:active {background: var(--orange)}

/*--------------------------------------------------------------
# Headings
--------------------------------------------------------------*/
h1,h2,h3 {font-family: 'athelas';font-weight: 700;line-height: 1.07;}
    h1 {font-size: 2.45em;margin:0 0 1rem;}
    h2 {font-size:2em;}
    h3 {font-size: 1.5em;}
    h4 {font-size:1.25em;font-weight: 500;text-transform: uppercase;color: var(--blue);margin-bottom: 0.15em;}
    h1 span, h2 span, h3 span {font-family: "EB Garamond", serif;font-weight:600;}

@media only screen and (min-width:1200px) {
    h1 {font-size:3.25em;}
    h2 {font-size:2.8em;}
    h3 {font-size: 1.875em;}
}


/*--------------------------------------------------------------
# Overall
--------------------------------------------------------------*/
header {position: relative;}
    header .container {position: relative;}
        header .breadcrumbs {font-size: 0.875em;}
            header.noImg .breadcrumbs {position: absolute;top: 5%;}
            header:not(.noImg) .breadcrumbs {margin-bottom: 1rem;}
            header .breadcrumbs a {color: var(--white);}
                header .breadcrumbs a:hover {color: var(--black);}
        header.noImg .col-md-6 {padding-top: 4rem;padding-bottom: 3rem;}


.uppercase {text-transform: uppercase}

section.align-top .row.align-items-md-center {align-items: flex-start !important;}

.brdr-bot .container {border-bottom: 2px solid var(--dkgray);padding-bottom: 3rem;}
.brdr-top {border-top:1px solid var(--dkgray);}

.list-block ul {padding-left:15px;list-style: none;}
    .list-block ul > li {text-transform: uppercase;margin-bottom: 1rem;position: relative;}
        .list-block ul > li:before {content: "\f111";font-family: "FontAwesome";font-size:0.4rem;position:absolute;color:var(--orange);margin:0.35rem 0.5rem 0 -0.75rem;}

.testimonial.Blue {background: url("img/blue-testimonial-background-mobile.jpg") center center no-repeat;background-size:cover;}
.testimonial.Black {background: url("img/black-testimonial-background-mobile.jpg") center center no-repeat;background-size:cover;}
.testimonial blockquote {color: var(--white);font-size: 1.5em;line-height: 1.25;position: relative;margin-bottom: 0;}
        .testimonial blockquote footer {color: var(--black);text-align: right;font: bold normal 0.69em 'athelas';margin-top: 1rem;}
        .testimonial.Black blockquote footer {color: var(--blue);}
        .testimonial blockquote:before {content: open-quote;font-family: 'athelas';font-size: 6em;color: var(--black);position: absolute;line-height: 0.8;left: -17%;}
        .testimonial.Black blockquote:before {color: var(--blue);}

.float-button-left {float: left;padding-right: 20px;}
.group-buttons .row > div{display: flex;gap: 2em;}

.modal-backdrop.fade.show {opacity: 0.9;}
.modal-header {border-bottom: 0;}
#searchform.modal-body input#s {border: 1px solid var(--black);margin-right: 1rem;width: 100%;padding: 0.5rem;}

p.gform_required_legend {display: none;}
    .gform_wrapper.gravity-theme .gfield_required {color: var(--orange);}
.gform_footer.top_label {justify-content: flex-end;}
.gform_wrapper.gravity-theme .gsection {margin-top: 2rem;}
.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue {background-color: var(--blue)!important;}

.table {border-color:var(--white);}
    .table th, .table td {padding: 0.5rem 3rem;color: var(--white);}
        .table th {background: var(--black);font-size: 1.25em;text-transform: uppercase;}
        .table td {background: var(--blue);border:1px solid rgba(255,255,255,0.3);}

.button-block.btn-inline {margin: 1rem 0;}

.list-block.inline > ul {column-count: 1;padding-left: 0;}
    .list-block.inline > ul > li {display: inline;padding-right: 2rem;font-weight: bold;font-size: 1.25em;}
        .list-block.inline > ul > li:before {content: "•";color: var(--orange);padding-right: 0.25rem;}

@media only screen and (max-width:767px) {
    header.blueBk.noImg {background: var(--white);overflow: hidden;}
        header.blueBk.noImg:before {content: "";background: var(--orange);height:110px;width: 102%;left: -2%;top: 0%;position: absolute;transform: rotate(7deg) skew(10deg, -1deg);border-bottom-left-radius: 20px;transform-origin: top right;}
        header.blueBk.noImg:after {content: "";position: absolute;height: 90%;width: 100%;top:115px;background: var(--blue);transform: rotate(0deg) skew(0deg, 6deg);border-top-right-radius: 20px;}
        header.noImg .col-md-6 {padding-top: 40%;z-index: 1;position: relative;}
    
    .testimonial blockquote {padding: 3rem 0;}
        .testimonial blockquote:before { left: 50%; transform: translateX(-50%); top: -10%; font-size: 8em; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
        .testimonial.black blockquote:before {color: var(--blue)}
    }

@media only screen and (min-width:768px) {
    header .bg-img {overflow: visible;}
        header .bg-img img {width: 160%!important;max-width: 160%;margin-bottom: 2rem;}
    
    header.noImg {background: var(--white);} 
        header.noImg:before {content: "";background: var(--blue);width: 100%;height: 100%;position: absolute;border-bottom-right-radius: 30px;left: -20%;transform: skewX(-24deg);}
        header.noImg:after {content: "";background: var(--orange);width: 25%;position: absolute;height: 100%;top: 0;right: -10%;transform: skewX(-24deg);border-top-left-radius: 13px;}
    
    header .breadcrumbs {position: absolute;top: 3%;}
    
    .testimonial.Blue {background-image: url("img/blue-testimonial-background.jpg");}
    .testimonial.Black {background-image: url("img/black-testimonial-background.jpg");}
    .testimonial blockquote:before {left:-10%;}
    .testimonial.black blockquote:before {color: var(--blue)}
    .testimonial.Black blockquote footer {color: var(--blue);}
    
    .button-block.btn-inline {float: left;margin-right: 1rem;}
}
@media only screen and (min-width:992px) {
	header .bg-img img {width: 120%!important;margin-bottom: 2rem;}
    header.noImg .col-md-6 {padding-top: 4rem;padding-bottom: 2rem;}
        header.noImg .breadcrumbs {top:10%;}
    
    .list-block ul {column-count: 2;}
        .list-block.inline > ul {display: flex;justify-content: space-between;}
}
@media only screen and (min-width:1200px) {
    header.noImg:after {width: 30%;right: -14%;}
    header.noImg .col-md-6 {padding-top: 5rem;padding-bottom: 2rem;}
    
    .testimonial blockquote {font-size:2em;}
        .testimonial blockquote:before {left: -12%;}
}
@media only screen and (min-width:1400px) {
    header.noImg .col-md-6 {padding-bottom: 2rem;}
    header .bg-img img {width: 110%!important;}
    .testimonial blockquote:before {left: -13%;}
}
@media only screen and (min-width:1600px) {
	header .bg-img img {width: 105%!important;margin-bottom: 3rem;}
}
@media only screen and (min-width:1800px) {
	header .bg-img img {width: 115%!important;}
}
@media only screen and (min-width:1950px) {
	header .bg-img img {width: 125%!important;}
}
@media only screen and (min-width:2100px) {
	header .bg-img img {width: 135%!important;}
}
@media only screen and (min-width:2300px) {
	header .bg-img img {margin-left:10%;width: 155%!important;}
}
@media only screen and (min-width:2600px) {
	header .bg-img img {margin-left:15%;width: 160%!important;}
}


/*--------------------------------------------------------------
# Home
--------------------------------------------------------------*/
/* news */
.headline-row h2, .headline-row p {margin-bottom: 0;}
    a.view-link {text-transform: uppercase;font-weight: 500;position: relative;padding-right: 1rem;}
        a.view-link:after {font-family: 'FontAwesome';content: "\f054";position: absolute;padding-left: 0.75rem;}
.news-item {background: var(--ltgray);border-bottom: 7px solid var(--orange);transition: all 0.2s ease-in;}
    .news-item.member-spotlight {border-bottom-color: var(--yellow);}
    .news-item.industry-news {border-bottom-color: var(--blue);}
    .news-item.press-release {border-bottom-color: var(--green);}
    .news-item p.cat {text-transform: uppercase;font-size: 0.875em;font-weight: 500;}
        .news-item.member-spotlight a p.cat {color: var(--yellow);}
        .news-item.industry-news a p.cat {color: var(--blue);}
        .news-item.press-release a p.cat {color: var(--green);}
    .news-item h3, .news-item .date {color: var(--black);font-family: "Roboto", Helvetica, Arial, sans-serif;font-size: 1em;line-height: 1.3;}
    .news-item h3 {
        font-weight: bold;
        font-size: 1.375em;
        line-height: 1.2;
        color: black;
    }
    .news-item .date {text-transform: uppercase;}
    .news-item:hover {background: var(--orange);}
        .news-item.member-spotlight:hover {background: var(--yellow)}
        .news-item.industry-news:hover {background: var(--blue)}
        .news-item.press-release:hover {background: var(--green)}
        .news-item:hover h3, .news-item:hover p, .news-item.member-spotlight:hover a p.cat, .news-item.industry-news:hover a p.cat, .news-item.press-release:hover a p.cat {color: var(--white);}


.event-link {display: flex;align-items: center;justify-content: center;transition: all 0.2s ease-in;}
    .events-section h2 a {color: var(--white)!important;text-decoration: none!important; position: relative;transition: all 0.2s ease-in;margin-left: -2rem;}
        .events-section h2 a:after {content: "\f105";font-family: 'FontAwesome';font-weight: lighter;position: absolute;right: -2rem;top: 0.25rem;}
        .event-link:hover {background: var(--black);}


.logo-carousel .slick-slide img { max-height: 45px; margin: 0 auto; filter: grayscale(1); transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; opacity: 0.7;}
    .logo-carousel .slick-slide a:hover img {filter: none;opacity: 1;}
.slick-dots {display: flex;width: 100%;padding: 0;margin: 2rem 0 0;list-style: none;text-align: center;justify-content: center;}
	.slick-dots li {position: relative;display: inline-block;width: 10px;height: 10px;margin: 0 7px;padding: 0;cursor: pointer;}
	    .slick-dots li button {font-size: 0;line-height: 0;display: block;width: 15px;height: 15px;padding: 5px;cursor: pointer;color: transparent;border: 0;outline: none;background: var(--dkgray);border-radius: 20px;opacity:1;}
	        .slick-dots li.slick-active button {background: var(--orange);}

@media only screen and (min-width:1200px) {
    .news-item .date {padding-bottom: 2rem;}
}
@media only screen and (min-width:1600px) {
    .blog header .col-md-6 {width: 51%;}
}


/*--------------------------------------------------------------
# Board
--------------------------------------------------------------*/
.member p {margin-bottom: 0;}
    .member p.name {font: 700 normal 1.25em 'athelas';color: var(--blue);line-height: 1.5;}
    .member p.title {color:var(--orange);font-weight:600;}



/*--------------------------------------------------------------
# Products & Services
--------------------------------------------------------------*/
.product .title {font-size: 1.25em;font-weight: bold;margin-bottom: 0;line-height: 1.07;}
.product .title + .button-box {margin-top: 1rem;}

/*--------------------------------------------------------------
# Membership - Join
--------------------------------------------------------------*/
#memberDues h4 {color: var(--blue);margin-top: 2rem;}

@media only screen and (max-width:767px) {
    .table-block.mobile-half {padding-top: 0!important;margin-top: -2rem!important;}
        .table-block.mobile-half .table tr:has(> th) {display: none;}
}
@media only screen and (min-width:768px) {
    #memberDues .table-block {width: 50%;float: left;}
        #memberDues .table-block:nth-last-of-type(1) {clear: both;}
}


/*--------------------------------------------------------------
# Partner+
--------------------------------------------------------------*/
.directorist-single, .directorist-content-active .directorist-archive-contents {margin-top: 2rem;}
.directorist-search-top__title {color: var(--black)!important;}
.directorist-content-active .directorist-listing-category-top h3 {font-size: 1.5em;color: var(--black)!important;}
.directorist-content-active .directorist-listing-category-top ul li a p {color: var(--orange)!important;font-size: 18px;}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact .content p {margin-bottom: 0.25rem;}


/*--------------------------------------------------------------
# Funnel Template
--------------------------------------------------------------*/
.page-template-funnel-page header .logo, .page-template-thanks-page header .logo, .page-template-landing-page header .logo {position: absolute;top: 2rem;left: 50%;transform: translateX(-50%) translateY(-50%);}
	.page-template-funnel-page header .logo img, .page-template-thanks-page header .logo img, .page-template-landing-page header .logo img {max-height: 30px;}


/*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/
.featured .news-item h3 {font-size: 1.75em;padding-bottom: 2rem;}
.featured .news-item .date {padding-bottom: 0;}

.headline-row .brdr-bot {border-bottom: 2px solid var(--mdgray);padding-bottom: 1rem;margin-bottom: 1rem;}
    .headline-row .brdr-bot.text-end {display: flex;align-items: flex-end;}
        select#cat_search {color: var(--orange);text-transform: uppercase;font-weight: 500;border: 0;}

.nav-links {display: flex;justify-content: space-between;margin-top: 2rem;}

@media only screen and (min-width:768px) {
    .featured img {height: 100%;object-fit: cover;}
}

/*--------------------------------------------------------------
# Bottom Includes
--------------------------------------------------------------*/
/* Call to Action */
#cta {margin:0;padding:2em 0;background:var(--blue);}
	#cta:hover {background:var(--green);}
	#cta h6 {color: var(--white);text-transform: uppercase;font-size: 1.8em;font-weight: bold;margin:0;}
		#cta:hover h6 {color:var(--white);}
		#cta:hover span.showhover, #cta:active span.showhover {display: inline-block;}
		#cta h6 p {margin-bottom: 0;}


/*--------------------------------------------------------------
# Sitemap
--------------------------------------------------------------*/
ul.sitemap {column-count: 2;gap: 3rem;}
    ul.sitemap > li {break-inside: avoid;}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer.footer {background: var(--black);color:var(--white);padding-top: 2em;font-size:0.835em;}
    footer.footer a{color: var(--orange);}
		footer.footer a:hover {color: var(--gray);}
	.foot-nav ul {list-style: none;-webkit-padding-start: 0;margin-bottom: 0;}
    footer.footer .phone a {color:var(--white);}
	.foot-nav a.nav-link {padding: 0.25rem 0;}
    .address {margin-bottom: 0rem;}

.social a i {height: 40px;width: 40px;border-radius: 40px;background: var(--white);color: var(--black);font-size: 25px;padding: 8px;margin: 0 7px;transition: all 0.2s ease-in;}
    .social a:hover i {background: var(--orange);color: var(--white);}

    


@media only screen and (min-width:992px) {
    .social a i {margin: 7px;}
}


/* Added by Steven Jackson - 18 October 2024 (https://app.clickup.com/t/86897uqyv) */



button.timeline-nav-button {
    background-color: #f7763f;
}

.timeline--horizontal .timeline__item:after {
    background-color: #f7763f;
    border: 1px solid #3f3f3f !important;
}

.timeline--horizontal .timeline-divider {
    background-color: #3f3f3f !important;
    height: 2px !important;
}


/* Fix for /membership/ breadcrumb overlap  */
@media screen and (max-width:1200px) {
	.page-id-951 header .breadcrumbs {
		    position: relative;
	}
} 


/* Modal styles */
.custom-modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
}

.custom-modal-content {
    background-color: #fff;
	padding: 35px 35px 25px 35px;
    border: 1px solid #888;
    width: 80%;
    max-width: 600px;
    position: relative;
    background-size: cover;
    background-position: center;
    color: white; /* Set text content to white */
    animation: fadeIn 0.5s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(-20px);
    }
}

.custom-modal-content.fade-out {
    animation: fadeOut 0.5s ease-in-out;
}

.custom-modal-content h2 {
    color: white; /* Set heading to white */
}

.custom-modal-close {
    position: absolute;
    top: 10px;
    right: 20px;
    color: white; /* Set close button (cross) to white */
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}

.custom-modal-button {
    display: inline-block;
    padding: 10px 40px;
    background-color: white;
    color: #1c75bc !important;
    text-decoration: none;
    border-radius: 5px;
    border: 2px solid white;
    transition: all 0.3s ease;
}

.custom-modal-button:hover {
    background-color: #007bff;
    color: white !important;
    border: 2px solid white;
}

/* Background images for mobile and desktop */
@media (max-width: 767px) {
    .custom-modal-content {
        background-image: url('img/blue-testimonial-background-mobile.jpg');
    }
}

@media (min-width: 768px) {
    .custom-modal-content {
        background-image: url('img/blue-testimonial-background.jpg');
    }
}