/*
Theme Name: Xtrm (Child Theme)
Theme URI: http://foxthemes.com/web/wp/xtrm
Author: Fox-Themes
Author URI: https://themeforest.net/user/fox-themes
Version: 1.0.0
Description: A stunning visual experience for minimal loving creative. This template is a responsive and retina-ready WordPress theme with grid system layout. It is optimized for mobile touch and swipe.
Tags: one-column, two-columns, right-sidebar, custom-menu, post-formats, sticky-post, translation-ready
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: xtrm-child
Template: xtrm
*/

/* = Add your own modification from here
-------------------------------------------------------------- */

:root{
	--jaune_: #fcbe18;
	--bleu_: #12304f;
}

/*
 * color: var(--jaune_)
 * color: var(--bleu_)
 * */

@font-face {
    font-family: 'vj_bold';
    src: url('https://www.vedettesjaunes.com/fonts/din-bold-webfont.woff2') format('woff2'),
         url('https://www.vedettesjaunes.com/fonts/din-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'vj_light';
    src: url('https://www.vedettesjaunes.com/fonts/din-light-webfont.woff2') format('woff2'),
         url('https://www.vedettesjaunes.com/fonts/din-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'vj_medium';
    src: url('https://www.vedettesjaunes.com/fonts/din-medium-webfont.woff2') format('woff2'),
         url('https://www.vedettesjaunes.com/fonts/din-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;}



/******** STYLES ********/
h1, .wpb_text_column h1 {
	font-family: 'vj_bold', sans-serif;
	line-height:45px!important;
}

h2, .wpb_text_column h2, .subtitle, .h2_like {
	font-family: 'vj_medium', sans-serif;
	font-size: 18px;
	line-height:20px!important;
	color: var(--dark-color);
	font-weight: bold;
	letter-spacing: 0.9px;
	text-transform: uppercase;
	opacity: 0.4;
}

a.a-btn, a.a-btn-2, a.a-btn-3, a.a-btn-4, a.a-btn-5, a.a-btn-7 {
	font-family: 'vj_bold', sans-serif!important;
	line-height:22px!important;
	margin:0;
	padding:15px 20px!important;
}


h3, .wpb_text_column h3, .top-banner.simple .title, .h3_like, 
.banner-home h2 {
	font-family: 'vj_bold', sans-serif!important;
	font-size: 43px!important;
	line-height: 46px!important;
	font-weight: normal;
	color: var(--dark-color);
	text-transform: initial ;
	margin-bottom:20px!important;
}

.top-banner.simple .title {
	margin-top:0!important;
	margin-bottom:0!important;
	padding:0 0 20px 0!important;
}

.wpb_text_column :last-child {	margin-bottom:20px!important}

* {letter-spacing:0px} 

* p {margin-bottom:10px !important}
* p, .descr, ul li {font-family: 'vj_medium', sans-serif!important;} 

.bandeau-photo h1, .bandeau-photo .wpb_text_column h1, .bandeau-photo h2, .bandeau-photo h3, .bandeau-photo h4,
.bandeau-photo p, .bandeau-photo a {
	color:#fff!important;
}

/******** GESTION DIAGONALE ********/
.diagonale_inverse.hautbas.vc_row.row-angle-after {
	clip-path:polygon(0 100px, 100% 0, 100% calc(100% - 100px), 0 100%) !important}

.diagonale_inverse.bas.vc_row.row-angle-after {
	clip-path:polygon(0 0, 100% 0, 100% calc(100% - 100px), 0 100%) !important}

.diagonale_inverse.haut.vc_row.row-angle-after {
	clip-path:polygon(0 100px, 100% 0, 100% 100%, 0 100%); !important}

.diagonale_negativ.bas.vc_row.row-angle-after {
	clip-path:polygon(0 0, 100% 100px, 100% 100%, 0 100%)}

.margin-bottom-button a {margin-bottom:30px!important}

.cta_basdepage h3 {
	font-size:30px!important;
	line-height:33px!important;
}

/******** TOP HEADER ********/
.top_header {
	background-color: var(--jaune_);
	padding:0px 30px!important;
	color:var(--bleu_)
}
.top_header .left a {color:color:var(--bleu_);}
.top_header .right, .top_header .left { width:49.8%; display:inline-block;}

.top_header .right{ text-align:right;}
.top_header .left{ text-align:left;}

.top_header p {margin:0}

.top_header .a-btn-2 {
	font-size:14px!important;	
}

.classic #topmenu .menu li a {color:#FFF!important;}


/******** MENU ********/
.unit .classic #topmenu .menu {
	text-align:center!important;
}

.classic #topmenu .menu li a {
	letter-spacing:0px!important;
	font-size:14px!important;
	line-height:1!important;
	font-family: 'vj_bold', sans-serif!important;
}

.classic #topmenu .menu li a:hover,
.bg-fixed-color .classic #topmenu .menu li a:hover, 
.classic #topmenu .menu li.current-menu-item > a,
.classic #topmenu .menu .sub-menu li.current-menu-item > a{
	color:var(--jaune_)!important;
}

/* MENU FIXE */
.header_top_bg {
	background-color:var(--bleu_)!important
}



/* MENU SPECIAL HOME */
.home .header_top_bg {
	background-color: transparent!important
}

.home .header_trans-fixed.header_top_bg.bg-fixed-color {
	background-color:var(--bleu_)!important
}

.home .header_top_bg .classic #topmenu .menu li a:hover {
	color:var(--bleu_)!important
}
.home .header_top_bg .classic #topmenu .menu .sub-menu li a:hover {
	color:var(--jaune_)!important
}
.home .bg-fixed-color .classic #topmenu .menu li a:hover {
	color:var(--jaune_)!important
}

.home .classic #topmenu .menu li.current-menu-item > a,
.home .classic #topmenu .menu .sub-menu li.current-menu-item > a{
	color:var(--bleu_)!important;
}
.home .classic #topmenu > ul > li.current-menu-item > a::after {
	background-color:var(--bleu_)!important;
}

.home .bg-fixed-color .classic #topmenu .menu li.current-menu-item > a,
.home .bg-fixed-color .classic #topmenu .menu .sub-menu li.current-menu-item > a{
	color:var(--jaune_)!important;
}

.home .bg-fixed-color .classic #topmenu > ul > li.current-menu-item > a::after {
	background-color:var(--jaune_)!important;
}

#topmenu ul li#menu-item-5538 , #topmenu ul li#menu-item-5539  {display:none}

/* SOUS MENU */
.classic #topmenu .menu .sub-menu li a {
	color: var(--bleu_)!important;
}
.classic #topmenu .sub-menu li a:hover {
	color:var(--jaune_)!important	
}



/******** ACCUEIL ********/
.main-wrapper {padding-bottom:0!important;}

.banner-home h2 {
	opacity:1;
	color:var(--bleu_)!important;
	font-size:40px!important;
	line-height:50px!important;
}

.banner-home h2 strong {
	background-color:var(--bleu_)!important;
	color:var(--jaune_)!important;
}

#BANNIERE .top-banner.medium_banner.simple .content-info {
	padding:0!important;
	margin:100px 120px 100px 0!important;
}

.js-animation .js-animation-item { overflow:in herit!important;}

.row-services .icon_image_wrapper img { max-width:30px;}
.top-banner .subtitle { 	
	opacity:1;
}
.top-banner.simple { padding:8% 0!important;}

/******** BANNIERE AUTRES PAGES ********/
.bandeau-photo h1 { line-height:52px!important;}
.bandeau-photo h1 strong {
	background-color:var(--bleu_)!important;
	color:var(--jaune_)!important;
}

/******** ENCART INFOS PRATIQUES ********/
.encart-infopratique .wpb_text_column p {color: var(--bleu_)!important}  


/******** FORMULAIRE ********/
.page-template-default form label,
input, button, select, textarea {
    font-family: 'vj_light';
}

input, button, select, textarea {
	border:none;
	padding:5px;
	width:100%;
}

input[type="submit"] { 
	width:auto;
	padding:4px 20px !important;
	text-transform:uppercase;
}

p.pdc { font-size:12px;}
p span.mention-obligatoire { color:var(--jaune_)}

/******** PAGE GROUPE ********/
.services.image img.img-wrap { max-width:47px!important;margin-bottom:10px;}
.services:hover p {color: var(--jaune_)!important;}
.services:hover h4, .services:hover a{color: var(--bleu_)!important;}

/******** PAGE CONTACT ********/
.contacts-info-wrap.info_list .item-wrapper .title { margin-bottom:5px!important;}

/******** FOOTER ********/
footer {position:inherit!important;}
footer.simple {background-color:#fff!important}
footer .footer-logo img { max-width:100px!important;}
footer h5 {line-height:30px!important; text-transform:uppercase!important;}
footer h5, footer p, #footer.simple .socials a {color: var(--bleu_)!important;}
#footer.simple .sidebar-item .item-wrap h5 {margin-bottom:0px;}
#footer.simple .widget_nav_menu ul {margin-top:20px;}
.footer-info { text-align:center;}
#footer.simple > .container { padding-top:50px;}

.footer-bottom-wrap { padding:20px 0;}
#footer.simple .widget_text .textwidget a:hover {color: var(--bleu_)}
#footer.simple .widget_text .textwidget .button-footer a,
#footer .sidebar-item[class*="widget_"] .button-footer span {color: var(--jaune_)!important;}
#footer.simple .widg .widget_nav_menu ul { column-count:1;}
#footer.simple .widg .sidebar-item .item-wrap h5 {margin-bottom:20px;}

/* COPYRIGHT */
.footer-bottom-container .footer-bottom-col { flex:none!important;}

/******** BOUTON PAYPAL ********/
form.paypal td.td_label_paypal {font-family: 'vj_bold', sans-serif;}
form.paypal td, form.paypal tbody, form.paypal table { border:0px solid #999!important;}
form.paypal input[type=text] { border:1px solid var(--jaune_)!important;}
form.paypal input[type=image] { max-width:170px!important;}

.ays-pb-modals.ays-pb-close-popup-with-esc  { z-index:1000!important;}


/******** MENU RESPONSIVE ********/	
@media screen and (max-width: 991px) {
	.right-menu #topmenu .menu li.menu-item-has-children i, #topmenu .menu li.menu-item-has-children i { top:7px!important;}
}

@media screen and (max-width: 640px) {
	.right-menu.classic #topmenu .menu li a { color:var(--bleu_)!important;}
	.classic #topmenu .menu .sub-menu li a {font-family:'vj_regular', sans-serif !important}
	nav#topmenu .f-right { display:none!important}
	
	.header_top_bg { background-color:transparent!important;}
	.top_header .right, .top_header .left { display:none;}
	./*top_header .right {
		width:100%;
		text-align:center!important;
		margin:5px;
	}*/
	.button-wrapper {margin-top:10px;}
	
	.top-banner.medium_banner h3.title, h3, .wpb_text_column h3 {
		font-size:25px!important;
		line-height:28px!important
	}
	h1, .wpb_text_column h1 {line-height:36px!important}
	.hero #PRESENTATION {margin-top:80px!important};
	.top_header .left, .top-banner.simple .descr { display:none;}
	#CTA {margin-top:30px !important}
	
	.top-banner.medium_banner .animation>.custom-overlay {
		width:100%!important;
		opacity:0.5!important;
	}
	#BANNIERE .top-banner.medium_banner.simple .content-info {margin:auto!important;}
	#topmenu ul li#menu-item-5538, #topmenu ul li#menu-item-5539  {display:block; background-color:var(--bleu_);}
	
	.right-menu.classic #topmenu .menu li#menu-item-5538 a,
	.right-menu.classic #topmenu .menu li#menu-item-5539 a {color:var(--jaune_)!important;}

}


header.right-menu .logo img { max-height:60px!important;}


/* MODULE DE RESA */
.MuiStack-root.css-1muv4ft {max-width:100%!important;}
._search-container_1q7cu_39 div {max-width:100%!important;}

.reservation_row .reservation_module, 
.reservation_row .reservation_module .vc_column-inner{ padding:0!important;}

@media only screen and (max-width: 767px) {
    form div {
        -ms-flex-wrap: inherit!important;
        flex-wrap: inherit!important;
    }
}