/*
Theme Name: Paris Hotel Charm
Theme URI: https://wordpress.org/themes/twentytwentythree
Template: twentytwentythree
Author: Greg
Description: FSE Theme powering the Teil Group Hotel sites.
Tags: one-column,custom-colors,custom-menu,custom-logo,editor-style,featured-images,full-site-editing,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,wide-blocks,block-styles,accessibility-ready,blog,portfolio,news
Version: 1.1.17
Updated: 2024-01-06

*/

/* Color palette
 * 
 *  Blanc = F9F3E9
 *  Rouge = 380000
 *  Dore = b9a160
 * */

/* Maj 13.03.2024 a 10h40 */

html {
  scroll-behavior: smooth;
}

/* ### CLASSES EN PLUS ### */

.metaslidertitre h1 {
	margin-top:-8em;
	font-size:3em !important;
	padding:1em;
	color: #F9F3E9;
	font-weight:200;
	padding: 15px;
	border-radius: 1px;
}

/*.metasliderdescription {
	margin-top:-3em;
	color:#b9a160;
	background-color:#FFFFFF;
}*/

.metaslider .caption-wrap {
    opacity:.9 !important;
}

@media screen and (max-width: 1200px) {
	.metaslider .flexslider .slides li > img {min-height: 300px !important; object-fit:cover;}
}

.slideshow-home {
	min-height: 700px !important;
	overflow-x: hidden;
}
	
.bordure-doree {
	border: 6px solid #b9a160;
	box-sizing: border-box;	
	margin-top: 0px !important;
}

/* .p-block-navigation-item > a:hover {
	width: 200px;
}

.p-block-navigation-item > a:active {
	width: 200px;
}

Submenu styles
.wp-block-navigation__submenu-container {
}
*/

nav .wp-block-navigation .wp-block-navigation-item {
	background-color:transparent !important;
}

nav .wp-block-navigation__submenu-container {
	width:250px !important;
	background-color: rgba(56,0,0,0.75) !important;
	padding: 15px 15px;
	left:0 !important;
}

.wp-block-navigation__responsive-container.is-menu-open {
    background-color: rgba(56,0,0,0.90) !important;
}

.bordure-interne {
	outline: 6px solid #b9a160;
	outline-offset: -6px;
	z-index: 1;
}

.slideshow-home {
	min-height: 700px !important;
	/*min-width: 1000px;*/
	overflow-x: hidden;
}

.module_resa {
	color: #F9F3E9;
	background: linear-gradient(0deg, #a41511, #fb514c);
    text-transform: uppercase;
	padding: 20px;
	margin-block-start: 0px !important;
	display: block;
}

#module_resa input[type=text], #module_resa select {
	width: 150px;
	height: 43px;
	background-color: #f9f3e9;
}

#module_resa button {
	width: 120px;
	height: 43px;
	border: 1px solid #ccc;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 700;
	color: #380000;
	background: #F9F3E9;
}
#module_resa button:hover {
    color: #380000;
    background: #FFF;
	cursor: pointer;
    text-decoration:underline;
}

.ui-datepicker-trigger {
	position: relative;
	left: -10px;
	top: 10px;
	height:30px;
	width:30px;
}

.hasDatepicker {
	margin-right:-30px !important;
}

.ui-datepicker-month, .ui-datepicker-year {
	padding-top:0px;
	padding-bottom:0px;
	padding-left:5px;
}

div.ui-datepicker{
 font-size:1.1em !important;
}

.rank-math-breadcrumb > p {
	margin-top:0px;
	margin-bottom:0px;
}

.btn-book {
    height: 40px;
    line-height: 40px;
    text-align: center;
	color:#F9F3E9;
	background: linear-gradient(0deg, #a41511, #fb514c);
    /* font-size: 18px; */
    letter-spacing: 1px;
    text-transform: uppercase;
    border: 1px solid #380101;
    transition: all .5s ease;
}
.btn-book:hover {
    color: #b9a160;
	background: linear-gradient(0deg, #F9F3E9, #F9F3E9);
}

.btn-book > .wp-block-navigation-item__content {
	padding: 0px 10px;
}

/* ### MODIF DES ELEMENTS DE WP */


.current-language-item {
	border: 2px solid #b9a16080;
	padding-left: 10px;
	padding-right: 10px;
	margin-top:-2px;
}

.rank-math-breadcrumb {
	font-size: 14px;
	opacity:0.6;
}

header.wp-block-template-part {
position: sticky;
top: 0;
left: 0;
right: 0;
z-index: 1000;
margin-bottom:-230px;
background: linear-gradient(0deg, transparent 0%, rgba(0,0,0,0.75) 100%);
}

.xfooter {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
	z-index:100;
	opacity:0.9;
}

#wp--skip-link--target {
	margin-top :0px !important;
}

.wp-site-blocks {
	padding-top:0px;
}

.swiper-pagination-simple {
color:#FFFFFF;
text-align: center !important;
}

 .wp-block-cover.is-style-tw-border-inner::after {
border: 2px solid #b9a160 !important;
}

.leconteneur {
	max-width:1200px ;
	margin-left: auto;
	margin-right: auto;
}

.alignnormal {
	margin-top:0px !important;
}

input[type=text], input[type=email], select, textarea  {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 2px;
  box-sizing: border-box;
}

input[type=submit] {
  width: 4 rem;
  background-color: #3B0505;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 2px;
}

input[type=submit]:hover {
  background-color: #e2818a;
	max-width: 4 rem;
}

.grecaptcha-badge {
	visibility: hidden;
}

.bouton_rooms {
	width: 217px !important;
}

.image-zoom {
  transition: transform .3s; /* Animation */
 }

.image-zoom:hover {
	-ms-transform: scale(1.04); /* IE 9 */
	-webkit-transform: scale(1.04); /* Safari 3-8 */
	transform: scale(1.04);
}