/*!
Theme Name: Resonance
Theme URI: https://preview.treethemes.com/resonance/
Author: Treethemes
Author URI: https://treethemes.com/
Description: Resonance is a WordPress theme bundled with premium plugins to build a modern and functional website.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: resonance
Text Domain: resonance-child
*/

/*---------- GENERAL ----------*/

::-moz-selection {background-color: #00e7ff; color: #fff;}
::selection {background-color: #00e7ff; color: #fff;}

html {max-width: 100%; overflow-x: hidden;}
body {overflow-x: hidden;}
.txt_center {text-align: center !important;}
.justify p {text-align: justify !important;}
.bold {font-weight: bold;}
.font-18 {font-size: 18px !important;}
.font-30 {font-size: 30px !important;}
.font-80 {font-size: 80px !important;}
.line-30 {line-height: 30px !important;}
.line-80 {line-height: 80px !important;}
.bot-50 {margin-bottom: 50px !important;}
.pad-10 {padding: 0 10% !important;}
.block {display: block;}
.none {display: none !important;}


/* ----- COLORS ----- */

.blue_1 {color: #001938;}
.bg_blue_1 {background-color: rgba(0,25,56,1);}

.blue_2 {color: #00e7ff;}
.bg_blue_2 {background-color: rgba(0,231,255,1);}



/* ----- SPECIALS ----- */

.btn_blue_icon a.vc_btn3.vc_btn3-size-lg.vc_btn3-style-custom {padding: 15px 30px 15px 50px !important;}
.btn_blue_icon a.vc_btn3.vc_btn3-size-lg.vc_btn3-icon-left:not(.vc_btn3-o-empty) .vc_btn3-icon {left: 20px;} 
.btn_blue_icon a.vc_btn3.vc_btn3-size-lg.vc_btn3-style-custom:hover {color: #fff !important;}
.btn_voir a.vc_btn3.vc_btn3-size-lg.vc_btn3-style-custom {padding: 13px 30px 14px 45px !important;}
.btn_voir a.vc_btn3.vc_btn3-size-lg.vc_btn3-icon-left:not(.vc_btn3-o-empty) .vc_btn3-icon {left: 22px;} 
.btn_voir a.vc_btn3.vc_btn3-size-lg.vc_btn3-style-custom:hover {color: #fff !important;}

.project_header {}
.project_intro {}
.projet_logo img {max-width: 300px !important;}

.cta_contact h3, .cta_contact p {color: #fff !important;}
.cta_contact h3 {font-size: 35px !important; text-transform: uppercase !important; letter-spacing: 10px !important;}

.page_header {}
.page_header h1 {}
.page_header h2 {max-width: 750px; margin: 0 auto; font-weight: 300 !important; font-size: 23px !important; color: #697582 !important; line-height: 1.7 !important; letter-spacing: -0.005em !important; text-transform: none !important;}

.grecaptcha-badge {bottom: -100px !important;}

/* ----- HEADER ----- */

body.home header.navbar:not(.header_after_scroll) {background-color: transparent !important;}
header.navbar:not(.header_after_scroll) {border-bottom: 1px solid rgba(217, 217, 217,.25) !important;}

/* LOGO */

header a.navbar-brand img {width: 250px;}

/* MENU */

.slick_design .resonance_right_header_icons .resonance-header-button.only_special_button a {padding: 12px 23px 15px; background-color: #fff; color: #001938;}
.slick_design .resonance_right_header_icons .resonance-header-button.only_special_button a:hover {background-color: #00e7ff; color: #fff; border-color: #00e7ff;}
.slick_design header.navbar-default .navbar-collapse ul.navbar-nav > li::before, .slick_design header.navbar-default .navbar-collapse ul.navbar-nav > li:before {background: #fff !important;}
.wpml-ls-menu-item {margin-right: 0 !important;}
header.navbar-default ul.navbar-nav li.wpml-ls-menu-item:before, header.navbar-default ul.navbar-nav li.wpml-ls-menu-item::before {bottom: calc(32px + -25px) !important;}
header:not(.header_after_scroll) .wpml-ls-menu-item > a {padding-top: 40px !important;}
header.header_after_scroll .wpml-ls-menu-item > a {padding-top: 30px !important;}

/* ----- MENU MOBILE ----- */

header.navbar #dl-menu ul {background-color: rgb(0, 25, 56) !important;}
header.navbar #dl-menu ul,
 header #dl-menu ul li:not(:last-child) a, header.header_after_scroll #dl-menu ul li:not(:last-child) a {border-bottom: 1px solid rgba(217, 217, 217,.25) !important;}

/* ----- HEADER FIXED ----- */




/* ----- HOME ----- */


.services_listing {padding-top: 80px; padding-bottom: 80px;}
.services_listing h1:not(.page_title) {font-size: 42px !important;}

.home_projects {padding-top: 80px; padding-bottom: 40px;}
.slick_portfolio .cbp-l-filters-alignCenter {display: none !important;}
.cbp-reset-caption .cbp-caption {box-shadow: 0px 0px 20px 0px rgba(0,25,56, 0.08); border-radius: 15px;}
.cbp-reset-caption .cbp-caption-defaultWrap {border-radius: 15px;}
.cbp-reset-caption .cbp-caption:hover .cbp-caption-defaultWrap {box-shadow: 0px 0px 20px 0px rgba(0,25,56, 0.5);}

.cta_contact {padding-top: 40px; padding-bottom: 100px;}


/* ----- L'AGENCE ----- */

.agence_intro {padding-top: 80px; padding-bottom: 40px;}
.agence_intro p {text-align: justify !important;}


/* ----- EXPERTISES ----- */

.expertises_title {padding-top: 80px;}
.listing_expertises {padding-bottom: 40px;}




/* ----- ACTUALITÉS ----- */





/* SIDEBAR */





/* ----- PAGES LÉGALES ----- */

.txt_legal {padding: 70px 0;}
.txt_legal ol:not(:first-child) {margin-top: 50px;}
.txt_legal ol li::marker, .txt_legal ol li strong {color: #001938;}
.txt_legal p {margin-top: 10px !important; text-align: justify;}









/* ----- CONTACT ----- */

.form_contact .small-text-info-icon > p {line-height: 1.4 !important; display: inline-block;}
.form_contact .wpcf7 form.wpcf7-form .small-text-info-icon p a {font-size: 14px !important; line-height: 1.4 !important; font-family: inherit !important; text-decoration: underline;}
.form_contact .wpcf7 form.wpcf7-form .small-text-info-icon p a:hover {color: #00e7ff !important;}


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


.footer_sidebar .reso-footer-image {max-width: 400px !important; margin-bottom: 20px;}
.footer_sidebar .textwidget > p {line-height: 1.4 !important; margin-bottom: 20px;}
.footer_sidebar li:not(.wpml-ls-menu-item) a:hover {text-decoration: underline;}
.footer_sidebar .clearlinks:before {content: '\f095'; font-family: FontAwesome !important; font-size: 22px; color: #01e8ff; display: inline-block !important; vertical-align: middle; margin-right: 10px;}
.footer_sidebar .clearlinks:last-child:before {content: '\f0e0';}
.footer_sidebar .clearlinks > strong {color: #01e8ff !important; text-decoration: underline; display: none;}
.footer_sidebar .clearlinks > a:hover {text-decoration: underline;}
#primary_footer .footer_sidebar > h4 {text-transform: uppercase;}
#primary_footer .footer_sidebar > h4::after, #primary_footer .footer_sidebar > h4:after {content: ''; width: 35px; background: #01e8ff; display: block; height: 1px; margin-top: 10px;}
.footer_sidebar .wpml-ls-menu-item {display: initial; margin-right: 17px !important;}

#secondary_footer {border-top: 1px solid rgba(255,255,255,0.3); margin: 0 30px;}
#secondary_footer .footer_custom_text {text-align: center;}
.footer_custom_text a:hover {text-decoration: underline;}
.logo_yachtingmedia img {max-width: 200px; margin-top: -3px;}



/* -------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- RESPONSIVE ------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width: 768px){


}

@media screen and (min-width: 1024px){

	

}

@media screen and (min-width: 1200px){


}




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


@media screen and (max-width: 1699px){



}


@media screen and (max-width: 1440px){


}


@media screen and (max-width: 1399px){


}


@media screen and (min-width: 993px) and (max-width: 1270px) {

	.cta_contact .ult-content-box {padding: 50px !important;}
}


@media screen and (max-width: 1199px){

	.navbar-collapse ul.navbar-nav > li > a, .header_after_scroll .navbar-collapse ul.navbar-nav > li > a {font-size: 14px;}
	.slick_design .resonance_right_header_icons .resonance-header-button.only_special_button a {font-size: 14px; padding: 9px 15px 10px;}
	.home_slider:not(.upb-background-text) {padding-left: 30px !important; padding-right: 30px !important;}
}


@media screen and (max-width: 1189px){

	.cta_contact h3 {font-size: 30px !important; letter-spacing: 5px !important;}
}


@media screen and (max-width: 1099px){


}

@media screen and (max-width: 1024px){



}

@media screen and (max-width: 1023px){

	.logo_yachtingmedia img {max-width: 150px; margin-top: -1px;}
}

@media screen and (min-width: 768px) and (max-width: 993px){

	header.navbar .nav-container .dl-menuwrapper {width: 100%; margin-right: 0;}
	header.navbar .nav-container .dl-menuwrapper button {right: 8px;}
}

@media screen and (min-width: 768px) and (max-width: 1024px){
 	
	.page_header.vc_row h2:not(.the_title h2):not(.woocommerce-loop-product__title):not(.cart_totals h2):not(.woocommerce-tabs h2):not(.related h2):not(h2.secondaryTitle):not(.uvc-main-heading h2):not(h2.ult-responsive):not(h2.titlelabel):not(.section-title-repeat-left):not(.section-title-repeat-right):not(.section-title-repeat h2):not(.ult-team-member-name) {font-size: 23px !important;}

}

@media screen and (max-width: 993px){

	header .wpml-ls-item {display: initial; float: left;}
	header.navbar:not(.header_after_scroll) .wpml-ls-menu-item > a {padding-top: 17px !important; padding-right: 17px !important; padding-bottom: 17px !important;}
	header.header_after_scroll .wpml-ls-menu-item > a {padding-top: 17px !important; padding-right: 17px; padding-bottom: 17px !important;}
	.home_services_left > .ult-content-box {padding-right: 0 !important;}
	.home_services_left > .ult-content-box p {text-align: justify !important;}
	.agence_intro .left-icon .aio-icon-left .aio-icon {vertical-align: sub;}
}

@media screen and (max-width: 991px){
 
	.page_content > .container {width: 100%; padding-left: 30px; padding-right: 30px;}
	.home_slider:not(.upb-background-text) {padding-top: 20px; padding-left: 30px !important; padding-right: 30px !important;}

	#primary_footer .footer_sidebar:nth-child(2) {display: none !important;}
}


@media screen and (max-width: 767px){

	.home_slider:not(.upb-background-text) {padding-top: 100px; padding-left: 0 !important; padding-right: 0 !important;}
	.home_slider .uvc-type-wrap .mycustfancy {display: block !important;}
	.home_slider .home-stack-images-margin {max-width: 70%; align-items: baseline !important; margin: 0 auto;}
	.services_listing h1:not(.page_title) {font-size: 36px !important;}
	.page_header.vc_row h2:not(.the_title h2):not(.woocommerce-loop-product__title):not(.cart_totals h2):not(.woocommerce-tabs h2):not(.related h2):not(h2.secondaryTitle):not(.uvc-main-heading h2):not(h2.ult-responsive):not(h2.titlelabel):not(.section-title-repeat-left):not(.section-title-repeat-right):not(.section-title-repeat h2):not(.ult-team-member-name) {font-size: 20px !important; line-height: 1.4 !important;}
	.agence_intro .aio-icon-component.style_1:last-child {margin-bottom: 15px !important;}
	.form_contact > .ult-content-box {padding: 25px !important;}
	.form_contact form .small-text-info-icon {display: initial !important;}
	.form_contact #wpcf7-f6245-o1.wpcf7 > form.wpcf7-form > .resonance-brutalist > .small-text-info-icon > p > a {font-size: 14px !important; line-height: 1.4 !important;}
	.form_contact .wpcf7 form.wpcf7-form div:not(.resonance-multiple-fields) div {margin-bottom: 10px !important;}
	#secondary_footer {padding-top: 30px !important;}
	#secondary_footer .footer_custom_text {text-align: center !important;}
}


@media screen and (max-width: 599px){

	header.style1 .resonance_right_header_icons {display: none !important;}
}

@media screen and (max-width: 490px){

	#primary_footer .footer_sidebar > h4 {margin-bottom: 15px !important;}
	#primary_footer .footer_sidebar > h4::after, #primary_footer .footer_sidebar > h4:after {margin: 10px auto 0;}
}

@media screen and (max-width: 480px){

	.footer_sidebar .reso-footer-image {max-width: 100% !important;}
}


@media screen and (max-width: 400px){


}


@media screen and (max-width: 380px){


}


@media screen and (max-width: 360px){


}