/*
 Theme Name:   Hotel Alcyons
 Description:  Theme Hotel Alcyons
 Author:       quitenicestuff
 Author URI:   http://quitenicestuff.com
 Template:     soho-hotel
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, two-columns, left-sidebar, right-sidebar, custom-colors
 Text Domain:  hotel-alcyons
*/
:root{
	--primary-color: #118eaf;
	--red-color: #b83030;
}  
@font-face {
    font-family: "Harlowitc";
	font-display: "swap";
    src: url('fonts/harlowitc-normal.ttf');
}
@font-face {
    font-family: "Futura Book";
	font-display: "swap";
    src: url('fonts/Futura-Book-font.ttf');
}
@font-face {
    font-family: "Ruthligos";
	font-display: "swap";
    src: url('fonts/Ruthligos.ttf');
}
/*- cacher la fleche select IE -*/
select::-ms-expand{
	display:none;
}
iframe { max-width: 100%; }
/*-----IMAGES-------*/
div[data-original], section[data-original], img[data-src] { opacity: 0; transition: opacity 0.5s ease-in-out; } 
img[data-src][src] { opacity: 1; }
html.pum-open.pum-open-overlay{ overflow: auto !important; }
html.pum-open.pum-open-overlay.pum-open-scrollable body > [aria-hidden] { padding-right: 0 !important; }
.sohohotel-main-content label span { color: var(--primary-color); }
.text-white { color: #fff; }
/*---------- PAGE HEADER ---------------*/
.sohohotel-page-header {
	background: #f0f0f0;
	background-size: cover !important;
    width: 100%;
    margin: 0 0 60px 0;
    padding: 150px 0;
}
.sohohotel-page-header h1 {
	text-align: center;
	font-size: 32px;
	color: #424242;
	font-weight: 600;
	text-shadow: 2px 1px #333;
}
.sohohotel-page-header h1:after {
	content: '';
	display: block;
	width: 60px;
	height: 2px;
	margin: 22px auto 0 auto;
}
/*----------- pop up -------------
.vc_general.vc_cta3{ }*/
/*----------- BOUTONS -------------*/
a.sohohotel-top-right-button:hover, body .sohohotel-site-wrapper .booking-form button:hover,
a.sohohotel-about-us-block-button:hover, a.sohohotel-button0:hover,  a.price-button:hover, 
.booking-side button:hover, .booking-room-wrapper .select-room-button:hover,
.booking-main-wrapper .booking-main .booking_payment:hover,
.sohohotel-main-content input[type="submit"]:hover,
.accommodation-block-price:hover{
	background: #16a7d7 !important;
    -webkit-transition: background-color 400ms linear;
    -ms-transition: background-color 400ms linear;
    transition: background-color 400ms linear;
}
/*----------- MENU ---------------*/
.sohohotel-header-1 .sohohotel-logo, .sohohotel-header-5 .sohohotel-logo {
    font-size: 40px;
    float: left;
    margin: 10px 0;
}
.sohohotel-header-3 .sohohotel-logo {
    font-size: 40px;
    position: absolute;
    left: 0;
    right: 0;
    top: 25px;
    margin: auto;
    display: table;
    width: 250px;
    text-align: center;
	z-index: 999;
}
.sohohotel-header-3 .sohohotel-topbar-wrapper .sohohotel-topbar .sohohotel-top-right-wrapper .sohohotel-language-menu ul li:nth-of-type(2)::after {
    content: " ";
}
.sohohotel-language-menu .sohohotel-top-right-button {
	background: var(--primary-color);
	padding: 0px 30px !important;
	height: 40px !important;
	
}
#menu-item-1416 a,
#menu-item-1415 a{
	color:#ffffff;
	font-size: 14px;
}
/*---------- FIXED MENU ----------*/
.sohohotel-header-1.sohohotel-fixed-navigation-show .sohohotel-logo,
.sohohotel-header-5.sohohotel-fixed-navigation-show .sohohotel-logo {
    margin: 10px 0;
}
body .sohohotel-site-wrapper .sohohotel-fixed-navigation-show .sohohotel-logo {
    height: 68px;
}

/*---------- MOBILE MENU ----------*/
@media only screen and (max-width: 1100px) {
	.sohohotel-header-3 .sohohotel-mobile-navigation-wrapper .sohohotel-language-menu ul li {
		float: left;
		border: none;
		text-align: center;
	}
	.sohohotel-header-3 .sohohotel-mobile-navigation-wrapper .sohohotel-language-menu ul li::after {
		content: " ";
	}
	.sohohotel-header-3 .sohohotel-mobile-navigation-wrapper .sohohotel-top-right-button a {
		line-height: 38px;
	}
}
@media only screen and (min-width: 601px) and  (max-width: 1100px) {

	.sohohotel-header-3 .sohohotel-mobile-navigation-wrapper .sohohotel-language-menu {
		width: calc(100% - 62px);
		margin: 30px 0 0 15px;
	}	
	.sohohotel-header-3 .sohohotel-mobile-navigation-wrapper .sohohotel-language-menu ul {
		float: left;
		width: 100%;
	}

	.sohohotel-header-3 .sohohotel-mobile-navigation-wrapper .sohohotel-language-menu ul li a {
		background: none;
		line-height: 38px;
	}
	.sohohotel-header-3 .sohohotel-mobile-navigation-wrapper li.wpml-ls-item{
		text-align: center;
		width: 25%;
	}
	.sohohotel-header-3 .sohohotel-mobile-navigation-wrapper .sohohotel-top-right-button {
		width: calc(50% - 60px);
		margin: 0;
		padding: 11px 15px 0 15px;
	}
}
/*---------- ACCUEIL SECTION HEADER 
    transform: translate3d(0px, 0px, 0px);
    transform-origin: 50% 50% 0px;
	margin: 0;------*/
#home_header{
	filter: contrast(1.2) saturate(1.35);
	padding: 50px 0;
}
#home_header .titleovermedia h1{
	z-index: 5;
    white-space: nowrap;
    font-size: 50px;
    color: rgb(0, 0, 0);
    letter-spacing: -5px;
    font-family: "Futura Book", sans-serif !important;
}
#home_header .titleovermedia h2{
	text-align: center;
	z-index: 5;
    font-size: 26px;
    font-weight: 500;
    color: rgb(0, 0, 0);
}
#home_header .button_home_header a{border-radius: 30px;}
#home_header .button_home_header a:hover{background: rgb(0, 42, 58, 0.8) !important;}
#home_header .wpb_wrapper > .hbook-wrapper{top: 95% !important;}
@media only screen and (max-width: 600px) {
	#home_header .titleovermedia h1{ 
		font-size: 40px;
		line-height: 40px; 
	}
}
@media only screen and (min-width: 601px) and (max-width: 1100px) {
	#home_header .titleovermedia h1{ 
		font-size: 60px;
		line-height: 60px; 
	}
}
/*---------- ACCUEIL SECTION ICONES ------*/
.sohohotel-icon-text-wrapper-2 .sohohotel-icon-text-block h3{
	font-size: 24px;
    text-align: center;
}
.sohohotel-icon-text-wrapper-2 .sohohotel-icon-text-block h3:after {
    content: '';
    display: block;
    margin: 25px auto 25px auto;
    width: 45px;
    height: 2px;
	background: var(--primary-color);
}
/*---------- ACCUEIL SECTION IMAGES ------*/
.h1 .wpb_wrapper > h2 {
    font-size: 44px;
    text-align: center;
    margin: 0 0 25px 0;
}
.h1 .wpb_wrapper > h2:after {
    content: '';
    display: block;
    width: 60px;
    height: 2px;
    margin: 25px auto 17px auto;
	background: var(--primary-color);
}
.sohohotel-image-wrapper{ background-size: cover !important; }
.pp_default .pp_close{ padding: 0; }
/*---------- ACCUEIL SECTION CALL TO ACTION ------*/
.sohohotel-call-to-action-1-section, .sohohotel-call-to-action-2-section{
	background-size: cover !important;
}
/*---------- ACCUEIL SECTION CONTACT ------*/
/*---------- LISTE DES CHAMBRES ------*/
.accommodation-grid-wrapper .accommodation-grid-2-col.accommodation-grid .accommodation-block{ aspect-ratio: 16 / 10; }
.sh-image-overlay-wrapper img{
	opacity:0.7 !important;
    zoom: 1;
    filter: alpha(opacity=50);
	transition: opacity .8s;
}
.sh-image-overlay-wrapper img:hover{ opacity:1 !important; }
.accommodation-block-price{
	background: var(--primary-color);
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	font-size: 14px;
	padding: 13px 20px;
}
.accommodation-block-price a {
    color: #fff !important;
    text-decoration: none;
}
.accommodation-grid-wrapper .accommodation-grid .accommodation-block .accommodation-info{ background-color: rgba(0,0,0,0.5); padding: 10px; }
.accommodation-grid-wrapper .accommodation-grid .accommodation-block .accommodation-info h3{ font-size: 22px; margin: 0;}
.accommodation-grid-wrapper .accommodation-grid .accommodation-block .accommodation-info h3 a { color: #fff; text-decoration: none;}
/*----------- DETAILS CHAMBRE --------------*/
.sohohotel-main-content table th { font-size: 18px; }
.sohohotel-main-content table td { padding: 9px 10px; }
@media screen and (min-width:601px) {
	.sohohotel-main-content table td { width: 33%; }
}
@media screen and (max-width:600px) {
	.sohohotel-main-content .vc_tta-panel-body table tr:nth-child(2n) {
		background: #fff;
	}
	.sohohotel-main-content .vc_tta-panel-body table td:nth-child(2n) {
		background: #f8f8f8;
	}
	.sohohotel-main-content .vc_tta-panel-body table td:nth-child(3n) {
		background: #eee;
	}
	.sohohotel-main-content .vc_tta-panel-body table td {
		border-right: 0;
		display: block;
	}
}
/*----------- DETAILS CHAMBRE CAROUSEL --------------*/
.vc_images_carousel, .vc_images_carousel .vc_carousel-inner,
.vc_images_carousel.vc_build .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item .vc_inner{
	position: relative;
	height: 450px !important;
	width: 100% !important;
	text-align: center;
	overflow: hidden;
}
.vc_images_carousel{
	margin-bottom: 2em;
	border: 5px solid #fff;
	border-radius: 2px 2px 2px 2px;
	box-shadow: 0 0 5px rgba(0,0,0, 0.5);
}
.vc_images_carousel.vc_build .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item .vc_inner img{
	position: absolute;
	left: 0px;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	max-width: 100%;
	height: auto;
}
a.vc_carousel-control{ color: #fff !important; }
.vc_images_carousel .vc_carousel-control {
    position: absolute;
    padding: 0;
    top: 50%;
    left: 0;
    bottom: 0;
    margin: -30px 10px 0 10px;
    width: 60px;
    height: 60px;
    opacity: 1;
    font-size: 60px;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    -webkit-tap-highlight-color: transparent;
}
.vc_images_carousel .vc_carousel-control .icon-prev::before {
    content: '\2039';
    position: relative;
    top: -9px;
}
.vc_images_carousel .vc_carousel-control .icon-next::before {
    content: '\203a';
    position: relative;
    top: -9px;
}
@media screen and (max-width:600px) {
	.wpb_images_carousel:not(.portrait) .vc_images_carousel, .wpb_images_carousel:not(.portrait) .vc_images_carousel .vc_carousel-inner,
	.wpb_images_carousel:not(.portrait) .vc_images_carousel.vc_build .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item .vc_inner
	{
		height: 200px !important;
	}
}
@media screen and (min-width:600px) {
	.wpb_images_carousel:not(.portrait) .vc_images_carousel, .wpb_images_carousel:not(.portrait) .vc_images_carousel .vc_carousel-inner,
	.wpb_images_carousel:not(.portrait) .vc_images_carousel.vc_build .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item .vc_inner
	{
		position: relative;
		width: 100% !important;
		height: 500px !important;
		text-align: center;
		overflow: hidden;
	}
	.vc_images_carousel.vc_build .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item .vc_inner img{
		max-height: 100% !important;
	}
	.vc_images_carousel .vc_carousel-control .icon-next, .vc_images_carousel .vc_carousel-control .icon-prev {
		width: 60px;
		height: 60px;
		margin-top: -30px;
		margin-left: -30px;
		font-size: 60px;
		display: block;
		padding: 0;
		border-radius: 50%;
		border: 3px solid #fff;
	}
}
/*----------- GALERIE PHOTOS --------------*/
.wpb_image_grid .wpb_image_grid_ul .isotope-item{ margin: 0 5px 5px 0 !important }
/*----------- GALERIE PHOTOS POP UP --------------*/
.pp_hoverContainer .pp_previous, .pp_hoverContainer .pp_next {
    position: absolute;
    top: calc(50% - 25px);
    background-color: var(--primary-color);
    width: 30px;
    height: 50px;
    text-indent: -9999px;
}
/*----------- FOOTER --------------*/
.sohohotel-footer-wrapper .sohohotel-widget h3 {
    font-size: 18px;
    text-transform: uppercase;
    margin: 0 0 45px 0;
}
.sohohotel-footer-wrapper .sohohotel-footer-bottom-wrapper .sohohotel-footer-bottom {
    max-width: 1300px;
    width: calc(100% - 30px);
    margin: 0 auto;
    padding: 10px 0;
}
.sohohotel-footer-wrapper .sohohotel-footer-bottom-wrapper .sohohotel-footer-bottom p {
    font-size: 13px;
    float: left;
}
.sohohotel-footer-wrapper .sohohotel-footer-bottom-wrapper .sohohotel-footer-bottom ul li {
    margin: 0 30px 0 0;
    position: relative;
	display: inline-block;
    font-size: 13px;
}
.sohohotel-footer-wrapper .sohohotel-footer-bottom-wrapper .sohohotel-footer-bottom ul li.last-child {
	margin: 0;
}
.cn-button.wp-default.cookies-button{
	background: var(--primary-color);
	border-color: var(--primary-color);
	color:#fff;
	border-radius: 0px;
	text-shadow: 0 0px 0 #FFF;
}
@media only screen and (max-width: 1100px) {
	.sohohotel-footer-bottom p, .footer-menu{
		text-align: center;
		display: inline-block;
		width: 100%;
	}
}