/*!
Theme Name: JHR - Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: jhr-kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */

.popup-drawer .drawer-header {
    width: 100%;
    max-width: 1290px;
    margin: 0 auto;
}

.drawer-inner {
    background-image: url('https://jestahotels.com/images/bg-image-overlay-menu.jpg') !important;
    background-repeat:no-repeat !important;;
    background-size:cover !important;
    background-position: center top !important;
}

.showing-popup-drawer-from-full {
	overflow-y:scroll !important;
	--scrollbar-offset: 0 !important;
}

.show-drawer.active .drawer-toggle {
    top:20px;
    /*right:20px;*/
}

button.menu-toggle-open {
    border-radius:0;
}


/*.showing-popup-drawer-from-full .site-header {
    z-index:999999 !important;
}


/.showing-popup-drawer-from-full .menu-toggle-open {
    background:none !important;
    opacity:0;
}


.showing-popup-drawer-from-full #masthead {
    background:none;
}

.showing-popup-drawer-from-full .site-main-header-wrap .site-header-row-container-inner {
    background: none;
}

.item-is-stuck .site-main-header-wrap .site-header-row-container-inner {
    background:#c8b28a;
}

.showing-popup-drawer-from-full .item-is-stuck .menu-toggle-open {
    opacity:1;
    background:#333333 !important;
}*/

.item-is-stuck .menu-toggle-open {
    background:#ffffff !important;
	color:#c8b28a !important;
}

#masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start) > .site-header-row-container-inner {
	background: #c8b28a !important;
}

.lang-sw {
	display:flex;
	align-items: center;
	margin-right:1.5rem;
}

.lang-sw ul {
	list-style:none;
	margin-bottom:0;
}

.lang-sw ul a {
	text-decoration:none;
	font-size:1.5rem;
}

.lang-sw ul a:hover {
	color:#ffffff;
}

.item-is-stuck .lang-sw ul a {
	color:#ffffff;
}


#primary.content-area {
    margin-top:0;
}


.gold-rectangles {
	display:none !important;
}

.ppj {
	display:none;
}

/*****Home*****/
.bg-bar,
.bg-team,
.bg-vision,
.bg-values,
.future-properties-title,
.past-projects-title,
.past-projects-container,
.future-properties-container {
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    max-width: 100vw;
    position: relative;
    right: 50%;
    width: 100vw;
}

.more-jhr {
	display:flex;
	align-items:center;
	justify-content:center;
}

.more-jhr::after {
    content: '';
    position: relative;
    width: 1rem;
    height: 1rem;
    border-right: .15rem solid #c8b28a;
    border-bottom: .15rem solid #c8b28a;
    transform: rotate(-45deg);
    margin-top: 6px;
    display: flex;
	align-items:center;
    margin-left: 0.25rem;
    --transform-translate-x: 0;
    --transform-translate-y: 0;
    --transform-rotate: -45deg;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    -webkit-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
    -ms-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
    --transform-translate-x: 0rem;
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
    -o-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4,0,.2,1);
}


.more-jhr:hover::after, .more-jhr:focus::after {
    --transform-translate-x: 0;
    --transform-translate-y: 0;
    --transform-rotate: -45deg;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    -webkit-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
    -ms-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
    --transform-translate-x: 1rem;
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
    -o-transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.4,0,.2,1);
}





/***Properties***/
.splide__arrows {
    position:absolute;
    bottom:18px;
    right:0px;
}

.splide__arrow--prev {
    left:-148px !important;
    border-radius:0 !important;
    opacity:1 !important;
    background:#0b3341 !important;
    height:2.25rem !important;
    width:3.125rem !important;
}

.splide__arrow--next {
    right:48px !important;
    border-radius:0 !important;
    opacity:1 !important;
    background:#0b3341 !important;
    height:2.25rem !important;
    width:3.125rem !important; 
}

.splide__arrows .splide__arrow--prev:hover,
.splide__arrows .splide__arrow--next:hover{
	box-shadow:0 0 0;
}

.splide__arrow--prev:before {
    content:'\2190';
	color:#C8B28A;
}

.splide__arrow--next:before {
    content:'\2192';
	color:#C8B28A;
}

.splide__arrow svg {
	display:none;
}

.future-properties-container .splide__arrow--prev,
.future-properties-container .splide__arrow--next {
	background: #1c4656 !important;
}
.future-properties-container .splide__arrow--prev {
    left:-120px !important;
}

.future-properties-container .splide__arrow--next {
    right:20px !important;
}

.past-projects-container .splide__arrow--prev,
.past-projects-container .splide__arrow--next {
	background: #ffffff !important;
}

.anterieures  {
	margin:0 auto;
}


ul.splide__pagination.splide__pagination {
    bottom: 5px !important;
}

.glightbox-container .gslide-desc {
	text-align:right;
}

.present-properties-container .loadMoreBtn-label {
	border:1px solid #ffffff;
	color:#ffffff;
	padding:12px 6px;
	width:220px;
	text-align:center;
	display:block;
	margin:0px auto 150px;
	text-transform:uppercase;
	font-size:1.125rem;
	border-radius:0px;
	letter-spacing:0.5px;
}


.present-properties-container .loadMoreBtn-label:hover {
	background:#ffffff;
	color:#c8b28a;
}

.present-properties-container.fr .loadMoreBtn-label {
	width:275px;
}

.future-properties-container .loadMoreBtn-label {
	border:1px solid #ffffff;
	color:#ffffff;
	padding:12px 6px;
	width:220px;
	text-align:center;
	display:block;
	margin:100px auto 150px;
	text-transform:uppercase;
	font-size:1.125rem;
	border-radius:4px;
	letter-spacing:0.5px;
}

.future-properties-container .loadMoreBtn-label:hover {
	background:#ffffff;
	color:#c8b28a;
}



@keyframes fadeInDown {
    0% {
        opacity: 0;
		transform: translateY(-0.5em);
		-webkit-transform:translateY(-0.5em);
        
    }
    100% {
        opacity: 1;
		transform: translateY(0);
		-webkit-transform:translateY(0);
        
    }
}
.wp-block-kadence-show-more.kb-smc-open {
    animation-name: fadeInDown;
	animation-duration:0.5s;
	-webkit-animation-duration:0.5s;
	-webkit-animation-name: fadeInDown;
}



/***Contact***/

#wpforms-form-1693 input[type=text],
#wpforms-form-1693 input[type=email],
#wpforms-form-2266 input[type=text],
#wpforms-form-2266 input[type=email]{
    border-top:0;
    border-left:0;
    border-right:0;
	background:transparent;
	color: #c8b28a;
	border-bottom:1px solid #c8b28a;
}

#wpforms-form-1693 ::placeholder,
#wpforms-form-2266 ::placeholder {
	opacity:1;
	color:#c8b28a;
}

#wpforms-form-1693 input[type=text]:focus,
#wpforms-form-1693 input[type=email]:focus,
#wpforms-form-2266 input[type=text]:focus,
#wpforms-form-2266 input[type=email]:focus{
	border-bottom:1px solid #c8b28a !important;
}

#wpforms-form-1693 textarea:focus,
#wpforms-form-2266 textarea:focus {
	border:1px solid #c8b28a !important;
}

#wpforms-form-1693 button[type=submit],
#wpforms-form-2266 button[type=submit] {
	border:1px solid #c8b28a !important;
	background:transparent;
	color:#c8b28a;
}

#wpforms-form-1693 button[type=submit]:hover,
#wpforms-form-2266 button[type=submit]:hover {
	background:#c8b28a !important;
	color:#0b3341 !important;
}

#wpforms-form-1693 textarea,
#wpforms-form-2266 textarea {
  resize: none;
  background:transparent;
  border:1px solid #c8b28a;
  border-radius:0;
  margin-top:40px;
  color:#c8b28a;
}

div.wpforms-container-full .wpforms-confirmation-container-full,
div.wpforms-container-full .wpforms-confirmation-container-full  {
    background: none;
    border: 1px solid #c8b28a;
}
div.wpforms-container-full .wpforms-confirmation-container-full p,
div.wpforms-container-full .wpforms-confirmation-container-full p  {
    color:#ffffff;
}

div.wpforms-container-full input[type=date]:focus,
div.wpforms-container-full input[type=datetime]:focus,
div.wpforms-container-full input[type=datetime-local]:focus,
div.wpforms-container-full input[type=email]:focus,
div.wpforms-container-full input[type=month]:focus,
div.wpforms-container-full input[type=number]:focus,
div.wpforms-container-full input[type=password]:focus,
div.wpforms-container-full input[type=range]:focus,
div.wpforms-container-full input[type=search]:focus,
div.wpforms-container-full input[type=tel]:focus,
div.wpforms-container-full input[type=text]:focus,
div.wpforms-container-full input[type=time]:focus,
div.wpforms-container-full input[type=url]:focus,
div.wpforms-container-full input[type=week]:focus,
div.wpforms-container-full select:focus,
div.wpforms-container-full textarea:focus {
    border: 0 !important;
    box-shadow: 0 0 0 0px ,0px 0px 0px rgba(0,0,0,0.15) !important;
}


div.wpforms-container-full .wpforms-form em.wpforms-error,
div.wpforms-container-full .wpforms-form label.wpforms-error {
	color:#ffffff !important;
}

div.wpforms-container-full .wpforms-form em.wpforms-error:before,
div.wpforms-container-full .wpforms-form label.wpforms-error:before {
	background:#ffffff !important;
}



/***Footer***/
.site-middle-footer-wrap .site-footer-row-container-inner:after {
	position:absolute;
	height:1px;
	background:#ffffff;
	width:100%;
	max-width:1290px;
	left:50%;
	margin-left:-645px;
	content:'';
}


.footer-cities .dot {
	padding:0 10px;
	font-weight:bold;
	font-size:1.25rem;
}

.footer-copy .arr {
	padding:0 20px 0 10px;
}




@media (max-width:1023px) {
h1.fuelled,
h1.unrivalled,
h1.questions  {
	font-size:2.5rem;
}
	
.site-middle-footer-wrap .site-footer-row-container-inner:after {
	max-width:900px;
	margin-left:-450px;
}

	
}


@media (max-width:991px) {
h1.fuelled,
h1.unrivalled,
h1.questions  {
	font-size:2rem;
}

.site-middle-footer-wrap .site-footer-row-container-inner:after {
	max-width:600px;
	margin-left:-300px;
}

ul.splide__pagination.splide__pagination {
    display: none;
}

.pp-title.fr {
	font-size:2.25rem;
}

.team-box .kt-row-column-wrap {
	grid-template-columns: 50% 50% !important;
}


}



@media (max-width:767px) {
.site-middle-footer-wrap .site-footer-row-container-inner:after {
	max-width:90%;
	margin-left:-45%;
}

.footer-copy .arr {
	padding:0 0 5px;
	display:block;
}

.footer-copy .arr:before,
.footer-copy .arr:after {
	content:'\A';
	display:block;
}

.more-jhr::after {
    width: 1.5rem;
}

h1.pp-title,
h1.fp-title  {
	font-size:2.5rem;
}

h1.pp-title.fr {
	font-size:2.25rem;
	line-height:normal;
}

h1.pa-title.fr {
	font-size:2rem;
}

.team-box .kt-row-column-wrap {
	grid-template-columns: 100% !important;
}


}