/*
	Theme Name: CAE Val St-Francois
	Theme URI: 
	Description: CAE Val St-Francois
	Version: 1.0
	Author: Bravad
	Author URI: https://bravad.ca
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

*,:after,:before{-moz-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility}html,body{font-size:18px}body{font-family: 'Lato',Helvetica,Arial,sans-serif;color:#444}.clear:after,.clear:before{content:' ';display:table}.clear:after{clear:both}.clear{*zoom:1}img{max-width:100%;vertical-align:bottom}a{color:#444;text-decoration:none}a:hover{color:#444}a:active,a:focus,a:hover{outline:0; text-decoration:none; }input:focus{outline:0;border:1px solid #04A4CC}

/* Table bootstrap */
.inside{margin-top:20px;margin-bottom:20px;background:#ededed;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f4f4f4),color-stop(100%,#ededed));background:-moz-linear-gradient(top,#f4f4f4 0,#ededed 100%);background:-ms-linear-gradient(top,#f4f4f4 0,#ededed 100%)}.inside-full-height{height:100%;margin-top:0;margin-bottom:0}.row-height{display:table;table-layout:fixed;height:100%;width:100%}.col-height{display:table-cell;float:none;height:100%}.col-top{vertical-align:top}.col-middle{vertical-align:middle}.col-bottom{vertical-align:bottom}@media (min-width:480px){.row-xs-height{display:table;table-layout:fixed;height:100%;width:100%}.col-xs-height{display:table-cell;float:none;height:100%}.col-xs-top{vertical-align:top}.col-xs-middle{vertical-align:middle}.col-xs-bottom{vertical-align:bottom}}@media (min-width:768px){.row-sm-height{display:table;table-layout:fixed;height:100%;width:100%}.col-sm-height{display:table-cell;float:none;height:100%}.col-sm-top{vertical-align:top}.col-sm-middle{vertical-align:middle}.col-sm-bottom{vertical-align:bottom}}@media (min-width:992px){.row-md-height{display:table;table-layout:fixed;height:100%;width:100%}.col-md-height{display:table-cell;float:none;height:100%}.col-md-top{vertical-align:top}.col-md-middle{vertical-align:middle}.col-md-bottom{vertical-align:bottom}}@media (min-width:1200px){.row-lg-height{display:table;table-layout:fixed;height:100%;width:100%}.col-lg-height{display:table-cell;float:none;height:100%}.col-lg-top{vertical-align:top}.col-lg-middle{vertical-align:middle}.col-lg-bottom{vertical-align:bottom}}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

.homepage_triangle_bg{ background: linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(248,248,248,1) 50%, rgba(248,248,248,1) 100%);}

[class^=col-].nopad{padding:0!important;}
.relative{position:relative;}
.absolute{position:absolute;}
.center{text-align:center;}
.ta-right{text-align:right;}
.upper{text-transform:uppercase;}
.pad{padding:50px 0;}
.smallpad{padding:25px 0;}
.largepad{padding:75px 0;}
.page-info{font-size:18px;}
.light{font-weight:300;}
.table{display:table;}
.hideme{visibility:hidden;}
.table-cell{display:table-cell}
.middle{vertical-align:middle;}
.ucenter{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
.row{margin:0;}
.oh{overflow:hidden;}
.right{float:right;}
.left{float:left;}
.appear .container{opacity:0;}
.strong, .bold{font-weight:bold;}
.cover{background-size:cover!important;}
.important{color:#d0224c}
button:focus{outline: 0;}

.icon-bar{background:#000;}

h1,h2,h3,h4,h5{text-transform:uppercase;}

h1{font-weight:700;}

.w_100{width:100%;}
.w_75{width:75%;}
.w_50{width:50%;}
.w_25{width:25%;}

@media screen and (max-width: 768px){
	.w_100, .w_75, .w_50, .w_25{width:100%;}
}

.text-center .w_100, .text-center .w_75 , .text-center .w_50 , .text-center .w_25 {margin:0 auto; }


.btn_green{color:#fff; margin-top:40px; background:#8DC63F; border-radius: 50px; padding:15px; display: block;  text-align: center; text-transform: uppercase; font-weight: bold; transition: all 0.25s;}
.btn_green:hover{background:#555555; color:#fff;}
.img_bordered{border:50px solid #fff;}

@media screen and (max-width: 992px){
	.img_bordered{border:25px solid #fff;}
}

/* Make space for the left menu */
.container-fluid{width:calc(100vw - 120px); padding-left:120px;}

@media screen and (max-width: 1200px){
	.container-fluid{width:100%; padding:0 15px;}
}

section{padding:60px 0;}
section.pad_bottom{padding:0 0 60px 0;}
.section_title{font-size: 32px; font-weight: bold; text-transform: uppercase; margin-bottom:40px;}

@media screen and (max-width: 1200px){
	section{padding:60px 0;}
}

@media (max-width: 992px){
	.section_title{font-size:26px;}
}


#page404{margin-top:160px;}

/*------------------------------------*\
    NAV
\*------------------------------------*/

nav#desktop{display: block}
nav#mobile, .nav-content-mobile{display: none}

nav#desktop {background:#363C45; color:#fff; width:120px; height:100vh; position: fixed; top:0; left:0; z-index: 100; border-right:1px solid #555555;}
nav#desktop .phone{position: absolute; font-weight: bold; white-space: nowrap;  top:50%; left:15px; transform: rotate(-90deg) translateY( -50%)}
nav#desktop .lang a{color:#fff; text-transform: uppercase; font-weight: bold; transition: all 0.25s;}
nav#desktop .lang a:hover{color:#8DC63F;}
.nav-content-desktop{background:#363C45; padding:40px; width:40vw; height:100%; position: fixed; top:0; left:-45vw; color:#fff; z-index:10;}
.nav-content-desktop .logo{margin-bottom:80px;}
.nav-content-desktop h3{font-weight: bold; text-transform: uppercase; font-size: 16px; margin-top:30px; }
.nav-content-desktop .nav-flex{display: flex; flex-wrap: wrap; justify-content: space-between;}
.nav-content-desktop .nav-flex .item{flex: 0 1 50%;}
.nav-content-desktop .nav-flex .item ul{list-style: none; padding:0 0 0 15px;}
.nav-content-desktop .nav-flex .item ul li{margin:10px 0;}
.nav-content-desktop .nav-flex .item ul li a{color:#fff; font-weight: bold; transition: all 0.25s;}
.nav-content-desktop .nav-flex .item ul li a:hover{color:#90C055; }

.menu-item-has-children > a{text-transform: uppercase;}


.hamburger{outline: 0; margin:25px;}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before, .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before{background-color:#8DC63F;}

nav .socials {width: 100%; text-align: center;}
nav .socials ul{list-style: none; width:100%; display: flex; flex-wrap: wrap; padding:0; margin:0; position: absolute; bottom:2%; justify-content: center;}
nav .socials ul li{flex:0 1 100%; margin:5% 0;}
nav .socials ul li svg .a{fill:#fff; transition: all 0.25s;}
nav .socials ul li:hover svg .a{fill:#8DC63F;}

nav#mobile{background:#363C45; color:#fff; width:100%; position: fixed; top:0; left:0; z-index: 9999}
nav#mobile .nav-mobile-header{display: flex; justify-content: space-between; background:#363C45;}
nav#mobile .nav-mobile-header .item{flex:0 1 auto; padding:15px; background:#363C45;}
nav#mobile .nav-mobile-header .logo svg{max-height: 65px;}

.nav-content-mobile{background:#363C45; padding:40px; width:100%; height:100%; position: fixed; left:0; top:-100vh; color:#fff; z-index:10; overflow-y: scroll;}
.nav-content-mobile h3{font-weight: bold; text-transform: uppercase; font-size: 16px; margin-top:30px; }
.nav-content-mobile .nav-flex{display: flex; flex-wrap: wrap; justify-content: space-between;}
.nav-content-mobile .nav-flex .item{flex: 0 1 100%;}
.nav-content-mobile .nav-flex .item ul{list-style: none; padding:0 0 0 15px;}
.nav-content-mobile .nav-flex .item ul li{margin:10px 0;}
.nav-content-mobile .nav-flex .item ul li a{color:#fff; font-weight: bold; transition: all 0.25s;}
.nav-content-mobile .nav-flex .item ul li a:hover{color:#90C055; }
.nav-content-mobile .lang{margin:15px; text-align: center;}
.nav-content-mobile .language{color:#fff; font-weight: bold; text-transform: uppercase;}

@media screen and (max-width: 1200px){
	nav#desktop, .nav-content-desktop, #page_header .container-fluid{display: none}	
	nav#mobile, .nav-content-mobile{display: block}
	nav#mobile .phone, nav#mobile .nav-trigger{margin-top:15px; margin-right:-9px;}
	

	.hamburger{margin:0px; padding:0;}
}

/*------------------------------------*\
    PAGE HEADER
\*------------------------------------*/

#page_header {padding:40px 2vw; top:0; position: absolute; z-index: 1;}
#page_header .logo{position: absolute; top:20px;}
#page_header .language{text-transform: uppercase; font-weight: bold; transition: all 0.25s; position:relative; top:-20px;}
#page_header .language:hover{color:#8DC63F;}

@media (max-width: 992px){
	#page_header {top:120px; position: relative;}
}

.triangle{position:absolute; top:0; right:0; width: 0;height: 0;border-style: solid;border-width: 0 22vw 22vw 0;border-color: transparent #8ec63f transparent transparent; color:#fff; }
.triangle_content{position: absolute; right:-21vw; top:15px; text-align: right;} /* position right is negative border-width of the triangle */
.triangle_content h2{margin:0 0 15px 0; padding:0;}
.triangle_content p{font-size:12px; }
.triangle_content h5{font-size:14px;}
.triangle img{width:100%;}

/*------------------------------------*\
    HOMEPAGE
\*------------------------------------*/
body:not(.home){background: linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(248,248,248,1) 50%, rgba(248,248,248,1) 100%);}

#homepage_slider .slider_text{padding:200px 2vw 0;}
#homepage_slider .slider_text h2{font-size:clamp(24px, 24px + 1vw, 44px); font-weight: bold; padding:40px 0;}
#homepage_slider .image{position: relative; }
/*#homepage_slider .image:after{content:''; position: absolute; width:100px; right:-100px; height:calc(100% + 6vw); top:-3vw; background:#fff; }*/
#homepage_slider .image img{width:100%;}
#homepage .bx-wrapper .bx-pager{left:-25%; bottom:15%;}



@media screen and (max-width: 1024px){
	#homepage .bx-wrapper .bx-pager{left:initial; bottom:initial; position: relative;}
	#homepage_slider .slider_text{padding:15px 0}
	.triangle{display: none;}
}

#homepage_about_us .about_content{padding:60px 0; font-weight: bold;}
#homepage_about_us .about_content h2, #homepage_about_us .about_content h3{font-size:32px; line-height: 44px; color:#8DC63F; font-weight: bold;}
#homepage_about_us .about_content h3{color:#363C45;}

@media screen and (max-width: 1200px){
	#homepage_about_us{padding:60px 0;}
}

#homepage_support{background:#fff;}
#homepage_support .flex{display: flex; flex-wrap: wrap;}
#homepage_support .triangle-bg{position: relative; flex: 0 1 19%; margin:3%; background: linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(248,248,248,1) 50%, rgba(248,248,248,1) 100%); }
#homepage_support .triangle-bg:before{content:""; float:left; padding-bottom:100%;}
#homepage_support .support_box{position: absolute; width:100%; top:50%; left:50%; transform: translate(-50%, -50%); }
#homepage_support .support_box svg{height:240px;}
#homepage_support .support_box h6{ width:100%; position: absolute; bottom:0; text-align: center; font-weight: bold; text-transform: uppercase; transition: all 0.25s; }
#homepage_support a:hover .support_box h6{ color:#8DC63F;}

#homepage_support a:hover #accompagnement_icn .a, #homepage_support a:hover #accompagnement_icn .c,
#homepage_support a:hover #boitesaoutils_icn .a, #homepage_support a:hover #boitesaoutils_icn .b,
#homepage_support a:hover #developpement_icn .a, #homepage_support a:hover #developpement_icn .c,
#homepage_support a:hover #financement_icn .a, #homepage_support a:hover #financement_icn .c, #homepage_support a:hover #financement_icn .d{stroke:#555; transition: all 0.25s;}

#homepage_support a:hover #accompagnement_icn .a, #homepage_support a:hover #accompagnement_icn .c{stroke:#8DC63F;}
#homepage_support a:hover #boitesaoutils_icn .a, #homepage_support a:hover #boitesaoutils_icn .b{stroke:#8DC63F;}
#homepage_support a:hover #developpement_icn .a, #homepage_support a:hover #developpement_icn .c{stroke:#8DC63F;}
#homepage_support a:hover #financement_icn .a, #homepage_support a:hover #financement_icn .c, #homepage_support a:hover #financement_icn .d{stroke:#8DC63F;}

@media screen and (max-width: 1200px){
	#homepage_support .triangle-bg{position: relative; flex: 0 1 44%; margin:3%;}
}

@media screen and (max-width: 767px){
	#homepage_support .triangle-bg{position: relative; flex: 0 1 94%; margin:3%;}
}



#homepage_territories .territories_list{list-style: none; margin:0; padding:0;}
#homepage_territories .territories_list li{margin:3px 0; font-weight: bold; text-transform: uppercase; transition: all 0.25s; cursor: pointer;}
#homepage_territories #territories_img{width: calc(100% - 30px); margin-bottom:40px;}
#homepage_territories .territories_list li:hover{color:#8DC63F;}
#homepage_territories .territory_cls-1{fill:transparent; transition: all 1s;}
#homepage_territories .territory_cls-1.territory_active{fill:#8DC63F;}

/*------------------------------------*\
    PAGES
\*------------------------------------*/

#page_intro{overflow: hidden;}
#page_intro h1{padding:200px 2vw 0; font-size:clamp(24px, 24px + 1vw, 44px); font-weight: bold;}
#page_intro h4{padding:10px 2vw 0;}
#page_intro .image{position: relative; }
/*#page_intro .image:after{content:''; position: absolute; width:150px; right:-150px; height:calc(100% + 6vw); top:-3vw; background:#fff; }*/
#page_intro .image img{width:100%;}

@media screen and (max-width: 992px){
	#page_intro h1{padding:60px 2vw 0;}
}

@media screen and (max-width: 767px){
	#page_intro h4{font-size:18px;}
}

/*------------------------------------*\
    PARTIALS
\*------------------------------------*/

#news{background:#F8F8F8; font-weight: bold;}
#news .image{padding:30px; background:#fff;}
#news h3{font-size:20px; margin:15px 0; font-weight: bold;}
#news .excerpt a.view-article{display: block; color:#8DC63F; text-transform: uppercase; margin-top:15px; transition: all 0.25s;}
#news .excerpt a.view-article:hover{color:#363C45;}

#testimonials .image{text-align: center;}
#testimonials .image img{border-radius: 100%; max-width: 300px;}
#testimonials h4{font-size:20px; font-weight: bold; margin-top:40px;}

.block-numbers{background:#F8F8F8;}
.block-numbers .number{font-size:60px; font-weight: bold;}
.block-numbers .number h4{font-size:32px; font-weight: bold; text-transform: uppercase;}

/*------------------------------------*\
    BLOCKS
\*------------------------------------*/

.block .link{margin-top:40px;}
.block a:hover{color:#8DC63F;}

.block.text_only{font-weight: bold;}
.block.text_only h2{font-size:32px; margin-bottom: 20px; font-weight: bold;}

@media screen and (max-width: 768px){
	.block.text_only h2{font-size:26px;}
	.block.text_only .content p{margin:0;}
}

.block.text_image{font-weight: bold; background:#F8F8F8;}
.block.text_image h2{font-size:32px; margin-bottom: 20px; font-weight: bold;}
.block.text_image .content_pad{padding:100px 60px;}

@media screen and (max-width: 768px){
	.block.text_image .content_pad{padding:0;}
	.block.text_image h2{font-size:24px;}
}

.block.text_with_bg{padding:120px 0; color:#fff; text-align: center; position: relative; font-weight: bold;}
.block.text_with_bg:before{content:'';position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4);}
.block.text_with_bg h2{font-size:44px; font-weight: bold;}

@media screen and (max-width: 768px){
	.block.text_with_bg h2{font-size:24px;}
}

.block.steps{background:#fff;}
.block.steps h2{font-size:32px; font-weight: bold;}
.block.steps .flex{display: flex; flex-wrap: wrap;}
.block.steps .triangle-bg{position: relative; flex: 0 1 19%; margin:3%; background: linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(248,248,248,1) 50%, rgba(248,248,248,1) 100%); }
.block.steps .triangle-bg:before{content:""; float:left; padding-bottom:100%;}
.block.steps .step_num{text-align: right; font-size:36px; color:#8DC63F; font-weight: bold; padding:0 15px 0 0 ;} 
.block.steps .support_box{padding:20px; position:absolute; left:0; top:50%; transform: translateY(-50%);}
.block.steps .support_box h6{  text-align: center; font-weight: bold; text-transform: uppercase; }

@media screen and (max-width: 1200px){
	.block.steps .triangle-bg{position: relative; flex: 0 1 44%; margin:3%;}
	
}

@media screen and (max-width: 768px){
	.block.steps .step_num{ font-size:18px;}
	.block.steps .support_box h6{font-size:14px;}
}


.block.accordeons{background:#f8f8f8;}
.block.accordeons h2{font-weight: bold; margin-bottom: 20px}
.block.accordeons .card{border:0; border-radius: 0; background:#f8f8f8;}
.block.accordeons .accordion>.card .card-header{margin-bottom:initial;}
.block.accordeons .accordion{margin-top:40px;}
.block.accordeons .card-header{padding:0; border-bottom:0;}
.block.accordeons .card-header:first-child{border-radius: 0;}
.block.accordeons .card-header .btn-link{background:#f8f8f8; font-weight: bold; color:#363C45; border-radius: 0; padding:20px 40px; border:1px solid #8DC63F; display: block; font-size:24px; width:100%; text-align:left; text-decoration: none; transition: all 0.25s;}
.block.accordeons .card-header .btn-link:after {  content: '-';  font-weight: 900;  float: right; }
.block.accordeons .card-header .btn-link.collapsed{background:#8DC63F; color:#fff; }
.block.accordeons .card-header .btn-link.collapsed:after {  content: '+';  font-weight: 900;  float: right; }

@media screen and (max-width: 1024px){
	.block.accordeons .card-header .btn-link{font-size: 20px;}
}

.block.team{background:#fff;}
.block.team h2{font-size:32px; font-weight: bold;}
.block.team .team_holder{margin:15px 0;}
.block.team .team_name{font-size:20px; text-transform: uppercase; color:#000; margin:15px 0;}
.block.team .team_email a {color:000; transition: all 0.25s;}
.block.team .team_email a:hover{color:#8DC63F;}

/*------------------------------------*\
    SINGLE POST
\*------------------------------------*/

.single-post .single_post_content{padding-top:60px;}

/*------------------------------------*\
    CONTACT
\*------------------------------------*/
.ft-autofill{display: none;}

#map { width:100%; height:700px;}
.contact-info{padding:2vw;}
.contact-info a{color:#444; transition: all 0.25s;}
.contact-info a:hover{color:#8DC63F;}
.white-right{position: relative;}
.white-right .img_bordered{border-top:50px solid #fff; border-left:50px solid #fff; border-bottom:50px solid #fff; border-right:0;}
.white-right:after{content:''; position: absolute; width:150px; right:-150px; height:100% ; top:0; background:#fff; }

@media screen and (max-width: 992px){
	#map { width:100%; height:500px;}
	.white-right .img_bordered{border:25px solid #fff;}
	.white-right:after{display: none;}
}

#contact_form h2{font-weight: bold; margin-bottom:15px;}
#contact_form .the_form{margin-top:40px;}
#contact_form .the_form label{font-weight: bold; display: block; margin-top: 15px}
#contact_form .the_form input[type="text"], #contact_form .the_form input[type="tel"], #contact_form .the_form input[type="email"], #contact_form .the_form select{border-radius: 50px; border-color:#363C45;}
#contact_form .the_form textarea{border-radius: 25px; border-color:#363C45;}
#contact_form .the_form input[type="file"]{border:0;}
#contact_form .the_form .ft-field--submit{margin-top:30px; float:right; margin-right:15px;}
#contact_form .the_form .ft-field--submit button{background:#8DC63F; border-radius: 50px; border:0; text-transform: uppercase; padding:15px 50px; transition: all 0.25s;}
#contact_form .the_form .ft-field--submit button:hover{background:#363C45; }

.ft-field--captcha{margin-top:30px; margin-left:15px;}


/*------------------------------------*\
    FOOTER
\*------------------------------------*/

#footer_contact{background-size:cover!important; color:#fff; position: relative;}
#footer_contact h2{margin-bottom:40px;}
#footer_contact:before{position: absolute; content:''; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.2);}
#footer_contact .contact_link{width:260px; margin:40px auto;}

footer{display: flex; flex-wrap: nowrap; justify-content: space-around; padding:40px 30px 40px 140px; font-weight: bold; white-space: nowrap;}
footer .item{flex: 1 1 auto; text-align: center;}
footer img{width:50%;}
footer .bravad a{color:inherit; transition: all 0.25s;}
footer .bravad a:hover{color:#e42d03;}

@media screen and (max-width: 1200px){
	footer{display: flex; flex-wrap: wrap; padding:30px 0;}
	footer img{width:50%; margin:15px auto;}
	footer .item{flex: 1 1 auto;}
}

@media screen and (max-width: 767px){
	footer img{width:75%;}
}

/*------------------------------------*\
    BXSLIDER
\*------------------------------------*/

.bx-wrapper{position:relative;padding:0;*zoom:1;-ms-touch-action:pan-y;touch-action:pan-y}
.bx-wrapper img{max-width:100%;display:block}
.bxslider{margin:0;padding:0}
ul.bxslider{list-style:none}
.bx-viewport{-webkit-transform:translatez(0)}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{position:absolute;bottom:-50px;width:100%}
.bx-wrapper .bx-loading{min-height:50px;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}
.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px}
.bx-wrapper .bx-pager.bx-default-pager a{background:none;text-indent:-9999px;display:block;width:20px;height:20px;margin:0 5px; border-radius:50%; outline:0; border:1px solid #8DC63F;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus{background:#8DC63F}
.bx-wrapper .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;vertical-align:bottom;*zoom:1;*display:inline}
.bx-wrapper .bx-pager-item{font-size:0;line-height:0}
.bx-wrapper .bx-prev{left:10px;}
.bx-wrapper .bx-prev:hover,.bx-wrapper .bx-prev:focus{background-position:0 0}
.bx-wrapper .bx-next{right:10px;}
.bx-wrapper .bx-next:hover,.bx-wrapper .bx-next:focus{background-position:-43px 0}
.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999}
.bx-wrapper .bx-controls-direction a.disabled{display:none}
.bx-wrapper .bx-controls-auto{text-align:center}
.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;margin:0 3px}
.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus{background-position:-86px 0}
.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;margin:0 3px}
.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus{background-position:-86px -33px}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}
.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666;background:rgba(80,80,80,0.75);width:100%}
.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}

/*------------------------------------*\
    @MEDIA QUERIES
\*------------------------------------*/

@media (max-width:990px){
	.navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
        z-index:999;
    }
    .navbar-collapse {
        border-top: 0;
        box-shadow: none;
        padding:0;
        overflow:hidden;
    }
    .collapse.in{overflow:hidden;}
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}

/*BLOG*/
.blog-hero-alt {
    padding: 60px 0;
    background: #f4f4f4;
}

.blog-hero-row {
    display: flex;
    align-items: center;
    gap: 50px;
}

.blog-hero-text {
    flex: 1;
}

.blog-hero-text h1 {
    font-size: 42px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.blog-hero-text p {
    font-size: 18px;
    max-width: 500px;
}

.blog-hero-image {
    flex: 1;
    position: relative;
}

.blog-hero-image img {
    width: 100%;
    height: auto;
    display: block;
}

/* Triangle vert style CAE */
.blog-hero-image::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 120px;
    height: 120px;
    background: #8cc63f;
    clip-path: polygon(100% 0, 0 0, 100% 100%);
}

/* Responsive */
@media (max-width: 991px) {
    .blog-hero-row {
        flex-direction: column;
    }
}
.blog-hero {
    padding: 70px 0 45px;
    background: #f7f7f7;
    text-align: center;
}

.blog-hero h1 {
    margin: 0 0 12px;
    text-transform: uppercase;
    font-size: 42px;
    letter-spacing: 1px;
}

.blog-hero p {
    max-width: 720px;
    margin: 0 auto;
    font-size: 18px;
}

.blog-listing {
    padding: 60px 0;
}

.blog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.blog-card {
    background: #fff;
    border: 1px solid #e6e6e6;
    transition: .25s ease;
}

.blog-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(0,0,0,.08);
}

.blog-card-image {
    display: block;
    height: 220px;
    overflow: hidden;
    background: #eee;
}

.blog-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.blog-card-content {
    padding: 25px;
}

.blog-date {
    display: block;
    margin-bottom: 10px;
    color: #8cc63f;
    font-weight: 700;
    font-size: 14px;
}

.blog-card h2 {
    margin: 0 0 15px;
    font-size: 24px;
    line-height: 1.25;
    text-transform: uppercase;
}

.blog-card h2 a {
    color: #333;
    text-decoration: none;
}

.blog-card p {
    margin-bottom: 20px;
    line-height: 1.6;
}

.blog-read-more {
    display: inline-block;
    color: #8cc63f;
    font-weight: 700;
    text-decoration: none;
}

.blog-pagination {
    margin-top: 40px;
    text-align: center;
}

.blog-empty {
    text-align: center;
    font-size: 18px;
}

@media (max-width: 991px) {
    .blog-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .blog-hero {
        padding: 45px 0 30px;
    }

    .blog-hero h1 {
        font-size: 32px;
    }

    .blog-grid {
        grid-template-columns: 1fr;
    }
}

input#gform_submit_button_1, 
input#gform_submit_button_2 {
    background-color: #8dc63f !important;
    border-radius: 999px;
}