/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/


/* GLOBAL CLASS */
@keyframes loader{10%{top:0;bottom:100%}50%{top:0;bottom:0}100%{top:100%;bottom:0}}
.progress-bar{z-index:1;position:absolute;bottom:100px;left:50%;transform:translateX(-50%);height:50px}
.progress{animation:loader 1.5s ease infinite;display:block;width:3px;background:#fff;position:absolute}

@media (min-width: 768px) {
.tleft{position:relative}
.tleft:after{content:'';display:block;width:150px;height:2px;background:var(--primary);position:absolute;right:calc(100% + 30px);top:50%;z-index:0}
.tright{position:relative}
.tright:after{content:'';display:block;width:200px;height:2px;background:var(--primary);position:absolute;left:calc(100% + 30px);top:50%;z-index:0}
}

.sm.bricks-background-dark{position:relative;}
.sm.bricks-background-dark:hover::after{height:2px;bottom:-4px;}
.sm.bricks-background-dark::after{content:'';position:absolute;bottom:-5px;left:0;width:100%;height:1px;background-color:var(--primary);transition: all 0.2s;}

.breadcrumb-rm .last {font-weight: bold;}
/* GLOBAL CLASS */





/* HEADER */


header nav.tablet_portrait .bricks-nav-menu>li>a:after{transition-property:transform!important;transition-duration:.5s!important;transition-timing-function:cubic-bezier(0.8,0,0.2,1)!important}
header nav.tablet_portrait .bricks-nav-menu>li>a{width:fit-content;margin:0 auto;position:relative}
header nav.tablet_portrait .bricks-nav-menu>li:not(.menu-item-has-children)>a:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:3px;transform:scale3d(0,1,1);transform-origin:100% 50%;background-color:var(--blanc)}
header nav.tablet_portrait .bricks-nav-menu>li.current-menu-item:not(.menu-item-has-children)>a:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:3px;background-color:var(--blanc);transform:scale3d(1,1,1);transform-origin:0% 50%}
header nav.tablet_portrait .bricks-nav-menu>li:not(.menu-item-has-children):hover>a:after{transform:scale3d(1,1,1);transform-origin:0% 50%}
header .bricks-nav-menu>li+li{margin-left:30px!important}
header nav .brx-submenu-toggle button {transition: transform .5s ease-in-out;}
header nav li .brx-submenu-toggle button {transition: transform .3s ease-in-out;}
header nav li:hover .brx-submenu-toggle button {transform: rotate(180deg);}

header nav.tablet_portrait .bricks-nav-menu>li>.sub-menu li a,
header nav.tablet_portrait .bricks-nav-menu>li>.sub-menu li a:after
{
	transition-property: transform,padding;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0.8,0,0.2,1);	
}


header nav.tablet_portrait .bricks-nav-menu>li>.sub-menu li:hover a:after {
    transform: scale3d(1,1,1);
    transform-origin: 0% 50%;
}




header nav.tablet_portrait .bricks-nav-menu>li>.sub-menu li a:after {
    content: '';
    position: absolute;
    left: 15px;
    width: 7px;
    height: 2px;
    transform: scale3d(0,1,1);
    transform-origin: 100% 50%;
    background-color: var(--blanc);
    top: calc(50% - 2px);
}


header nav.tablet_portrait .bricks-nav-menu>li>.sub-menu li:hover a {
    padding-left: 30px;
}

@keyframes logo-anim {0%{transform: translateX(-30px);opacity:0}100%{transform: translateX(0);opacity:1}}

/*
header .brxe-nav-menu button.bricks-mobile-menu-toggle{position:absolute;left:20px;top:50%;transform:translateY(-50%)}
header .brxe-nav-menu.show-mobile-menu button.bricks-mobile-menu-toggle{left:260px}
 */


/* SLIDER INSTAGRAM */
#sbi_images{font-size:0;display:flex!important;flex-wrap:nowrap;gap:0!important;animation:scroll-img-insta 150s infinite linear}
#sbi_images:hover{animation-play-state:paused}
#sbi_images>div{width:20%;min-width:20%;position:relative}
#sbi_images>div:last-child{margin-right:0!important}
#sb_instagram #sbi_images .sbi_item.sbi_num_diff_hide{display:block!important}
#sbi_load {margin-top: 30px;}
@keyframes scroll-img-insta{0%{transform:translateX(0)}100%{transform:translateX(calc(-1 * (20% + 10px) * 20))}}
@media (max-width:769px){
#sbi_images>div{width:50%;min-width:50%;position:relative}
@keyframes scroll-img-insta{0%{transform:translateX(0)}100%{transform:translateX(calc(-1 * (50% + 10px) * 20))}}
}


/** SLIDER OVERFLOW **/

.slide-overflow:before {
	content:"";
	width:100%;
	height: 100%;
	min-height:100%;
	max-height: 100%;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 100%;
	background-color: var(--blanc);
}

.single-chambre .slide-overflow:before {
	background-color: var(--fond);
}

.bloc_room img{transform:scale(1);transition:transform .6s ease}
.bloc_room:hover img{transform:scale(1.1)}

/** SERVICES **/

.bloc_services img{transform:scale(1);transition:transform .6s ease}
.bloc_services:hover img{transform:scale(1.1)}

/* FORMULAIRE DE CONTACT */
.contact_form {gap: 10px;}
.contact_form input::placeholder, .contact_form textarea::placeholder {color: var(--base);opacity: 0.8}
.contact_form a {color: var(--secondary);text-decoration: underline;}
.contact_form ul.options-wrapper {font-size: 12px;}
.contact_form ul.options-wrapper li {display: flex;align-items: flex-start;gap: 10px;}
.contact_form ul.options-wrapper li > input {margin: 0;margin-top: 6px;}


/*** TARIF ***/
.table-tarif {position: relative;}

.table-tarif table,
.table-tarif th,
.table-tarif td {
  border: 1px solid black;
  border-collapse: collapse;
}

.table-tarif th,
.table-tarif td {
	padding: 10px 15px;
}

.table-tarif th:not(:first-child),
.table-tarif tr td:not(:first-child) {
	text-align: center;
}

@media (max-width:600px){
	
.table-tarif div {
	overflow-x: scroll;
	padding-right: 35px;
}
	
.table-tarif table {
	width: 600px;
}
.table-tarif::after {
  content: '';
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 60px;
  height: 100%;
  right: -2px;
  position: absolute;
  z-index: 9;
  margin-left: auto;
  top: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .7) 40%, #fff 70%);
}
}




/* FOOTER 
footer .footer_info a{color:var(--blanc)}
footer .footer_title::after{content:"";width:100%;height:2px;bottom:-6px;position:absolute;left:0;background-color:var(--blanc)}
footer .footer_title{position:relative}
footer ul.sub-menu{display:block!important;position:relative!important;opacity:1!important;visibility:visible!important;background-color:transparent!important;min-width:auto!important;line-height:35px!important;padding:10px 0;z-index: 1 !important;}
footer ul.sub-menu a{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}
*/