/*
Theme Name: Hotel LUX Child
Theme URI: http://cmsmasters.net/hotel-lux-child/
Author: cmsmasters
Author URI: http://cmsmasters.net/
Description: Hotel LUX Child Theme
Template: hotel-lux
Version: 1.0.0
License:
License URI:
Text Domain: hotel-lux-child
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
*/

/* VARIABLES */

:root {
	--main-color: #183442;
	--header-width: 20%;
}

/* GÉNÉRAL */

html {
	scroll-behavior: smooth;
}

*::selection {
	background-color: var(--main-color);
}

a {
	color: var(--main-color);
}

.cmsmasters_featured_block {
	background-color: transparent;
}

#slide_top:hover {
	background-color: var(--main-color);
	border-color: #fff;
}

#middle .headline_outer {
	padding-top: 0 !important;
	background-color: transparent;
	border-bottom: 1px solid #ccc;
	max-width: 1000px;
	margin: auto;
}

#middle .headline_outer h1 {
	font-family: 'Herr Von Muellerhoff';
	font-size: 140px;
	line-height: 160px;
	font-style: normal;
	color: #dedede;
	text-transform: initial;
}

#middle .headline_outer h4 {
	color: #000;
	margin-top: -55px;
	text-transform: uppercase;
	font-style: initial;
	font-size: 40px;
	max-width: 800px;
	line-height: 1.2;
}

#middle .headline_inner {
	width: 100%;
}

#middle .middle_content {
	padding-top: 0;
}

/* BARRE DE NAVIGATION GAUCHE */

#header .mid_search_but_wrap,
#header .cmsmasters_header_button_wrap {
	display: none;
}

#header {
	width: var(--header-width);
	height: 100%;
}

#header .header_mid {
	background-color: var(--main-color);
	height: 100% !important;
	padding-top: 40px;
}

#header .logo_wrap {
	float: initial;
	text-align: center;
	width: 70%;
	margin: auto;
	height: auto;
	margin-bottom: 40px;
}

#header .logo_wrap img {
	position: initial;
}

#header .mid_nav_wrap {
	display: block;
	height: calc(100% - 140px);
}

#header #navigation li {
	float: initial;
	text-align: center;
	margin-bottom: 6px;
	height: auto;
}

#header #navigation li a {
	color: #fff;
}

#header #navigation li:not(.header-legals):not(.header-icon):hover:after,
#header #navigation li.current-menu-item:not(.header-legals):not(.header-icon):after {
	content: '';
	height: 2px;
	width: 20px;
	background-color: #fff;
	display: block;
	position: absolute;
	left: calc(50% - 10px);
	top: 30px;
}

#header .header-icon {
	position: absolute;
	bottom: 80px;
}



/* small desktop position sidebar icons */
@media screen and (min-width: 1025px) {
	#header .header-icon.icon4 {
		right: 5% !important;
		padding-right: 150px;
		z-index: 9996;
	}

	#header .header-icon.icon2 {
		right: 5% !important;
		padding-right: 100px;
		left: initial !important;
		z-index: 9997;
	}
	#header .header-icon.icon3 {
		padding-right: 50px;
		right: 5% !important;
		z-index: 9998;
	}
	#header .header-icon.icon1 {
		right: 5% !important;
		z-index: 9999;
	}
}

/* middle desktop position sidebar icons */
@media screen and (min-width: 1225px) {
	#header .header-icon.icon4 {
		right: 10% !important;
	}

	#header .header-icon.icon2 {
		right: 10% !important;
		left: initial !important;
	}
	#header .header-icon.icon3 {
		right: 10% !important;
	}
	#header .header-icon.icon1 {
		right: 10% !important;
	}
}

/* large desktop position sidebar icons */
@media screen and (min-width: 1625px) {
	#header .header-icon.icon4 {
		/* left: 17%; */
		right: 22% !important;
		padding-right: 150px;
	}

	#header .header-icon.icon2 {
		/* right: 33% !important; */
		right: 22% !important;
		padding-right: 100px;
		left: initial !important;
	}
	#header .header-icon.icon3 {
		/* left: 33% !important; */
		padding-right: 50px;
		right: 22% !important;
	}
	#header .header-icon.icon1 {
		right: 22% !important;
	}
}

#header .header-icon a {
	font-size: 24px;
	margin-bottom: 50px;
}

#header .header-legals {
	margin-bottom: 10px !important;
	position: absolute;
	width: 100%;
}

#header .header-legals a {
	text-transform: none;
	font-size: 14px;
}

#header .header-legals a span {
	padding-bottom: 0;
	padding-top: 0;
}

#header .header-legals:nth-of-type(1n) {
	bottom: 0;
	padding-bottom: 60px;
	z-index: 9997;
}

#header .header-legals:nth-of-type(2n) {
	bottom: 0;
	padding-bottom: 35px;
	z-index: 9998;
}

#header .header-legals:nth-of-type(3n) {
	bottom: 0;
	padding-bottom: 0;
	z-index: 9999;
}

#header .header-legals-reverse .nav_item_wrap {
	background-color: rgb(220,220,220);
	color: var(--main-color);
}

#header .header-legals-reverse .nav_item_wrap:hover {
	background-color: rgba(220,220,220,.85);
}
@media screen and (max-width: 1024px) {
	#header li.header-nous-rejoindre-btn>a>span {
	  padding: 3px 10px !important;
	}
}

#middle, #bottom, #footer {
	padding-left: var(--header-width);
}

#middle {
	padding-top: 0 !important;
}

/* FOOTER */

#footer {
	display: none;
}

/* BLOCS DE CONTACT */

.contact-form input[type=text],
.contact-form input[type=email],
.contact-form textarea {
	border-top: none !important;
	border-right: none !important;
	border-left: none !important;
	background-color: transparent !important;
	color: var(--main-color) !important;
	padding: 0 !important;
	height: auto !important;
	margin: 15px 0 !important;
}

.contact-form textarea {
	height: 160px !important;
}

.contact-form input[type=text]::placeholder,
.contact-form input[type=email]::placeholder,
.contact-form textarea::placeholder {
	color: var(--main-color);
	text-transform: uppercase;
}

.contact-form input[type=text]:focus,
.contact-form input[type=email]:focus,
.contact-form textarea:focus {
	border-color: var(--main-color) !important;
	box-shadow: none !important;
}

.contact-form input[type=submit] {
	display: block;
	margin: auto;
	background-color: var(--main-color);
	padding: 10px 15px;
	line-height: initial;
	margin-top: 30px;
	border: 1px solid var(--main-color);
}

.contact-form input[type=submit]:hover {
	background-color: #fff;
	color: var(--main-color);
	border-color: var(--main-color);
}

.contact-info p {
	color: #fff;
}

.contact-info a {
	color: #fff;
}

.contact-info a:hover {
	color: #ccc;
}

.contact-info .contact-info-columns {
	display: grid;
	grid-template-columns: 60px auto;
}

.contact-info .contact-info-left-address:before,
.contact-info .contact-info-left-email:before,
.contact-info .contact-info-left-phone:before {
	font-family: FontAwesome;
	color: #fff;
	display: block;
	margin-top: 40px;
	font-size: 10px;
}

.contact-info .contact-info-left-address:before {
	content: url(/wp-content/uploads/2022/09/icon-location.png);
}

.contact-info .contact-info-left-email:before {
	content: url(/wp-content/uploads/2022/09/icon-mail.png);
}

.contact-info .contact-info-left-phone:before {
	content: url(/wp-content/uploads/2022/09/icon-phone.png);
}

.contact-info .contact-info-right p {
	margin: 30px 0 10px 0;
}

/* PAGE D'ACCUEIL */

.homepage-welcome-block {
	max-width: 630px;
	margin: auto;
}

.homepage-carousel .owl-item {
	padding: 0 calc(1.7% / 3);
}

.homepage-carousel .owl-item .sa_hover_fullslide {
	width: 87.9% !important;
}

.homepage-carousel .owl-item a {
    background-color: rgba(0,0,0,.6) !important;
}

.homepage-carousel .owl-item a:hover {
	background-color: rgba(0,0,0,.8) !important;
}

.homepage-carousel .owl-item p {
	z-index: 2;
	color: #fff;
	font-family: 'Cormorant', Arial, Helvetica, 'Nimbus Sans L', sans-serif;
	font-size: 36px;
	text-align: center;
	padding: 0;
	position: absolute;
	top: calc(50% - 18px);
	width: 87.9%;
}

.homepage-carousel .owl-nav button {
	border-radius: 50%;
}

.homepage-carousel .owl-nav button.owl-prev {
	left: -60px;
}

.homepage-carousel .owl-nav button.owl-next {
	right: -60px;
}

.homepage-carousel .owl-nav button:before {
	font-family: FontAwesome;
	font-size: 30px;
	color: #F2EFE8;
	display: block;
	width: 50px;
	height: 50px;
	text-align: center;
	margin-top: 10px;
}

.homepage-carousel .owl-nav button.owl-prev:before {
	content: '\f053';
}

.homepage-carousel .owl-nav button.owl-next:before {
	content: '\f054';
}

/* PAGE À PROPOS */

.a-propos-bloc-ceo .cmsmasters_img {
	width: 100%;
	height: 400px;
}

.a-propos-bloc-ceo .cmsmasters_img:before {
	content: '';
	width: 100%;
	height: 400px;
	display: block;
	border: 5px solid var(--main-color);
	position: absolute;
	top: -70px;
	right: -30px;
}

.a-propos-bloc-ceo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.a-propos-bloc-ceo-text {
	padding-top: 60px !important;
}

.a-propos-quote {
	font-family: 'Herr Von Muellerhoff';
	font-size: 40px;
	line-height: 40px;
	color: var(--main-color);
}

.a-propos-bloc-1 p,
.a-propos-bloc-2 p,
.a-propos-bloc-3 p {
	padding: 0;
	font-size: 16px;
	line-height: 22px;
}

.a-propos-bloc-1 .cmsmasters_row_inner:before,
.a-propos-bloc-2 .cmsmasters_row_inner:before,
.a-propos-bloc-3 .cmsmasters_row_inner:before {
	content: '';
	background-color: var(--main-color);
	display: block;
	position: absolute;
}

.a-propos-bloc-1 .cmsmasters_row_inner:before {
	width: 260px;
	left: 0;
	top: -50px;
	bottom: 90px;
}

.a-propos-bloc-2 .cmsmasters_row_inner:before {
	width: 310px;
	right: 40px;
	top: -60px;
	bottom: -60px;
}

.a-propos-bloc-3 .cmsmasters_row_inner:before {
	width: 310px;
	left: 0;
	top: 60px;
	bottom: 200px;
}

.a-propos-bloc-1 .one_third:first-of-type {
	z-index: 1;
	box-shadow: 0 5px 10px -6px rgba(0,0,0,.7);
	margin-right: -100px;
	width: calc(29.93% + 1.7% + 120px);
}

.a-propos-bloc-1 .one_third:nth-of-type(2),
.a-propos-bloc-1 .one_third:last-of-type {
	margin-right: 0;
}

.a-propos-bloc-1 .one_third img,
.a-propos-bloc-2 .two_third img,
.a-propos-bloc-3 .two_third img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.a-propos-bloc-1 .one_third .cmsmasters_img {
	width: 100%;
	height: 540px;
	margin-top: -120px;
}

.a-propos-bloc-2 .two_third .cmsmasters_img {
	width: 100%;
	height: 420px;
}

.a-propos-bloc-2 .one_third {
	z-index: 1;
	box-shadow: 0 5px 10px -6px rgba(0,0,0,.7);
	margin-top: 110px;
	margin-left: -200px;
	width: calc(29.93% + 140px);
}

.a-propos-bloc-3 .two_third .cmsmasters_img {
	width: 100%;
	height: 480px;
}

.a-propos-bloc-3 .one_third {
	z-index: 1;
	box-shadow: 0 5px 10px -6px rgba(0,0,0,.7);
	margin-top: 140px;
	margin-right: -200px;
	margin-left: 150px;
	width: calc(29.93% + 50px);
}

.bloc-notre-equipe .cmsmasters_img:before {
	content: '';
	width: calc(100% - 150px);
	display: block;
	border: 5px solid var(--main-color);
	position: absolute;
	top: -100px;
	left: 150px;
	bottom: 100px;
}

.bloc-notre-equipe .cmsmasters_img {
	width: 100%;
}

.bloc-notre-equipe img {
	width: calc(100% - 150px);
}

/* mobile */
@media screen and (max-width: 769px) {

  .bloc-notre-equipe img {
	width: 100%;
  }
  .bloc-notre-equipe .cmsmasters_img:before {
	width: 100%;
	height: 100%;
	top: -30px !important;
    left: 15px !important;
  }
}

/* PAGE MENUISERIE */

@media screen and (max-width: 769px) {
  #middle .img-text-container{
    padding: 0rem 1rem;
  }
  #middle .img-text-container:nth-child(2n){
    padding: 2rem 1rem !important;
  }
  #middle .img-text-container:nth-child(2n) .cmsmasters_img{
    margin-bottom: 50px;
  }
  #middle .mt-72{
	margin-top: 72px !important;
  }

  .img-text-container h3.cmsmasters_heading {
	margin-top: 25px;
	line-height: 80px !important;
	margin-bottom: 0;
  }
}


/* PAGE AGENCEMENT */

.agencement-ancres a {
	padding: 0 10px;
	font-weight: bold;
	text-decoration: underline;
	text-underline-offset: 6px;
}

.agencement-ancres a:hover {
	color: var(--main-color);
	opacity: .85;
}

.agencement-images-left {
	padding-right: 120px;
}

.agencement-images-right {
	padding-left: 120px;
}

.agencement-images-left .cmsmasters_column_inner,
.agencement-images-right .cmsmasters_column_inner {
	background-color: var(--main-color);
}

.agencement-images-left .cmsmasters_column_inner,
.agencement-images-right .cmsmasters_column_inner {
	display: block !important;
}

.agencement-images-left .cmsmasters_img:first-of-type,
.agencement-images-right .cmsmasters_img:first-of-type {
	width: 60% !important;
	height: 80%;
	position: absolute;
	top: 10%;
	left: 20%;
}

.agencement-images-left .cmsmasters_img img,
.agencement-images-right .cmsmasters_img img {
	border: 2px solid #fff;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.agencement-images-left .cmsmasters_img:last-of-type {
	width: 80% !important;
	height: 87%;
	position: absolute;
	top: 7%;
	left: 50%;
}

.agencement-images-right .cmsmasters_img:last-of-type {
	width: 80% !important;
	height: 87%;
	position: absolute;
	top: 7%;
	right: 50%;
}

.agencement-images-left .cmsmasters_img:last-of-type img,
.agencement-images-right .cmsmasters_img:last-of-type img {
	box-shadow: 0 5px 10px -6px rgba(0,0,0,.7);
}

.agencement-list {
	margin-top: 40px !important;
}

.agencement-list li {
	padding-bottom: 40px !important;
}

.agencement-list li:before {
	background-color: transparent !important;
}

.agencement-list .cmsmasters_icon_list_icon_wrap {
	padding-right: 10px !important;
}

.agencement-list .cmsmasters_icon_list_icon_wrap span {
	width: 20px !important;
	height: 20px !important;
	background-color: transparent !important;
	text-align: left !important;
}

.agencement-list .cmsmasters_icon_list_icon_wrap span:before {
	line-height: 30px !important;
	color: var(--main-color) !important;
	margin-left: 0;
}

.agencement-list .cmsmasters_icon_list_icon_wrap span:after {
	border: none !important;
	width: 50px !important;
	height: 50px !important;
}

.agencement-list .cmsmasters_icon_list_item_title {
	font-family: 'Dosis', Arial, Helvetica, 'Nimbus Sans L', sans-serif;
	font-size: 18px;
	font-style: initial;
	font-weight: bold;
	display: inline;
}

.agencement-list .cmsmasters_icon_list_item_title:after {
	content: ' : ';
}

.agencement-list .cmsmasters_icon_list_item_text,
.agencement-list .cmsmasters_icon_list_item_text p {
	display: inline;
}

/* PAGE NOS RÉALISATIONS */

.filter-button-group {
	text-align: center;
	margin-bottom: 40px;
}

.filter-button-group button {
	text-transform: initial;
	background: initial;
	color: #000;
}

.filter-button-group button:hover,
.filter-button-group button.active {
	color: #888;
	text-decoration: underline;
	text-underline-offset: 8px;
}

.portfolio-grid .element-item {
	width: calc(100% / 4);
	height: 220px;
}

.portfolio-grid .element-item a {
	display: block;
	margin: 10px;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.portfolio-grid .element-item img {
	transition: opacity .6s ease-in-out, transform .6s ease-in-out;
	object-fit: cover;
    height: 100%;
	width: 100%;
}

.portfolio-grid .element-item div {
	position: absolute;
	top: 50%;
	left: 0;
    transform: translate(0, -50%);
	text-align: center;
	opacity: 0;
	transition: opacity .6s ease-in-out;
}

.portfolio-grid .element-item h3 {
	margin-bottom: 10px;
	font-weight: bold;
	font-style: initial;
	font-size: 20px;
	line-height: initial;
	font-family: 'Dosis', Arial, Helvetica, 'Nimbus Sans L', sans-serif;
}

.portfolio-grid .element-item p {
	padding: 0;
	color: #000;
	font-size: 16px;
	line-height: initial;
}

.portfolio-grid .element-item a:hover p {
	color: #000;
}

.portfolio-grid .element-item a:hover img {
	opacity: 0;
	transform: scale(1.4);
}

.portfolio-grid .element-item a:hover div {
	opacity: 1;
}

/* PAGE UNE RÉALISATION */

.single-portfolio .cmsmasters_post_date,
.single-portfolio .cmsmasters_post_cont_info,
.single-portfolio .cmsmasters_img_wrap {
	display: none;
}

.single-portfolio .headline {
	position: absolute;
	top: 0;
	bottom: 0;
	left: var(--header-width);
	right: 0;
	z-index: 0;
}

.single-portfolio .headline_aligner {
	min-height: initial;
}

.single-portfolio .headline_outer {
	width: 100%;
	max-width: initial !important;
	height: 100%;
	object-fit: cover;
	margin: initial !important;
	border-bottom: none !important;
}

.single-portfolio .headline_inner {
	margin: 0;
	padding: 50px 0;
	width: calc(100% - var(--header-width)) !important;
}

.single-portfolio h1 {
	font-size: 110px !important;
	line-height: 100px !important;
	padding: 0 120px !important;
	color: #fff !important;
}

.single-portfolio .middle_inner {
	background-color: transparent;
}

.single-portfolio .wp-block-group {
	padding: 0;
}

.single-portfolio .portfolio-infos {
	background-color: #fff;
	padding: 30px 100px;
}

.single-portfolio .portfolio-infos h2 {
	margin-bottom: 40px;
}

.single-portfolio .portfolio-infos .has-background {
	margin-bottom: 0;
	margin-top: 20px;
}

.single-portfolio .portfolio-infos .has-background > div {
	margin-bottom: 0;
}

.single-portfolio .cmsmasters_post_content {
	width: 80%;
	max-width: 850px;
	margin: auto;
	margin-top: 300px;
}

.single-portfolio .wp-block-gallery .wp-block-image {
	padding-bottom: 20px;
}

.single-portfolio .post_nav {
	display: none;
}

/* PAGE CONTACT */

.contact-page-header .cmsmasters_column {
	background-position: center !important;
}

.contact-page-columns .one_fourth {
	transition: box-shadow 0.3s ease-in-out;
}

.contact-page-columns .one_fourth:hover {
	box-shadow: 0 0 8px 0 rgba(0,0,0,.15);
}

.icon-phone {
	transform: rotate(-90deg);
}

.icon-mail:before {
	content: '';
	background-image: url(/wp-content/uploads/2022/09/icon-mail-blue-100.png);
	width: 100%;
	height: 100%;
	background-size: 40px;
	background-position: center;
	background-repeat: no-repeat;
}

.contact-page-linkedin-column .cmsmasters_column_inner {
	justify-content: center;
}

.contact-page-columns .cmsmasters_simple_icon {
	display: block !important;
	margin: auto;
}

.contact-page-columns .cmsmasters_simple_icon_title {
	display: none !important;
}

.contact-page-form form {
	margin-top: 80px;
	display: grid;
	grid-template-columns: 50% 50%;
}

.contact-page-form-left {
	padding-right: 20px;
}

.contact-page-form-right {
	padding-left: 20px;
}

.contact-page-form input[type=text],
.contact-page-form input[type=email],
.contact-page-form input[type=tel],
.contact-page-form textarea {
	border-top: none !important;
	border-right: none !important;
	border-left: none !important;
	border-color: var(--main-color) !important;
	background-color: transparent !important;
	color: var(--main-color) !important;
	padding: 0 0 10px 0 !important;
	height: auto !important;
	margin: 25px 0 !important;
}

.contact-page-form input[type=text]::placeholder,
.contact-page-form input[type=email]::placeholder,
.contact-page-form input[type=tel]::placeholder,
.contact-page-form select,
.contact-page-form textarea::placeholder {
	color: var(--main-color);
}

.contact-page-form textarea {
	height: 130px !important;
	min-height: initial !important;
	margin-bottom: 0 !important;
}

.contact-page-form select {
	padding: 8px 5px !important;
	margin: 25px 0 !important;
	height: auto;
	border: 0;
}

.contact-page-form input[type=text]:focus,
.contact-page-form input[type=email]:focus,
.contact-page-form input[type=tel]:focus,
.contact-page-form textarea:focus,
.contact-page-form select:focus {
	border-color: var(--main-color) !important;
	box-shadow: none !important;
}

.contact-page-form input[type=submit] {
	display: block;
	margin: auto;
	margin-top: 20px;
	background-color: var(--main-color);
	padding: 10px 15px;
	line-height: initial;
	border: 1px solid var(--main-color);
}

.contact-page-form input[type=submit]:hover {
	background-color: #fff;
	color: var(--main-color);
	border-color: var(--main-color);
}

/* PAGE NOUS REJOINDRE */



/* PAGE MENTIONS LÉGALES */



/* PAGE POLITIQUE DE CONFIDENTIALITÉ */

#cmplz-document {
	max-width: 100%;
}

#cmplz-document p {
	font-size: 16px;
}

/* RESPONSIVE DESIGN - LARGEUR ENTRE 1024px ET 1224px */

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



}

/* RESPONSIVE DESIGN - LARGEUR ENTRE 768px ET 1024px */

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



}

/* RESPONSIVE DESIGN - LARGEUR ENTRE 320px ET 768px */

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



}

/* RESPONSIVE DESIGN - LARGEUR INFÉRIEURE À 320px */

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



}