/*
Theme Name: MPJ Theme
*/  

/* Containers */
body{
	margin:0px;
	font-family: Inter;
	margin:0px;
	font-size:18px;
	line-height:27px;
	background-color: #F9F2EE;
}

.d-flex{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.container{
	width: 100%;
}

img.mobile_only{
	align-self: flex-start;
	width:100%;
	object-fit: cover;
}

@media (min-width: 992px) {
	.mobile_only{
		display:none;
	}
	
	section{
		padding:75px 60px;
	}
	
	section.full-width-row{
		padding:0px;
	}
}

@media (max-width: 991px) {
	.desktop_only{
		display:none;
	}

	.container{
		padding:0px 10px;
		margin:0px;
		max-width: 100%;
	}
	
	section{
		padding:30px 50px;
	}
	
	section.full-width-row{
		padding:0px;
	}
}

/* Text */
@font-face {
	font-family: Inter;
	src: url('fonts/Inter-VariableFont_opsz,wght.ttf'); 
}

@font-face {
	font-family: Gilda;
	src: url('fonts/GildaDisplay-Regular.ttf'); 
}

h1,.h1, h2,h3,h4,h5{
	font-family: Gilda;
}

h2{
	margin-bottom:1rem;
}

@media (min-width: 992px) {
	h2{
		font-size:32px;
		line-height:40px;
	}
}


/* Buttons */
.transparent_button, .orange_button, .transparent_button_lighter, .pink_button{
	border-radius: 12px;
	padding: 10px 24px;
	text-decoration:none;
	display:inline-block;
}

.transparent_button{
	border: 2px solid #000;
	color:#000000;
	background-color:#F9F2EE;
}

.transparent_button:hover{
	color: #E7742B;
	text-decoration:none;
	border: 2px solid #E7742B;
}

.orange_button{
	border: 2px solid #E7742B;
	background: #E7742B;
	color:white;	
}

.orange_button:hover{
	color:#E7742B;
	background:white;
	text-decoration:none;
}

.transparent_button_lighter{
	border-radius: 12px;
	border: 1px solid rgba(0, 0, 0, 0.15);
	color:#000000;
}

.transparent_button_lighter:hover{
	color: #E7742B;
	text-decoration:none;
	border: 1px solid #E7742B;
}

.pink_button{
	border-radius: 5px;
	background: #FFD1B7;
	color:#000000;
}

@media (max-width: 991px) {
	.transparent_button, .orange_button, .transparent_button_lighter{
		width:100%;
		text-align:center;
	}
}




/* Header */
#headerContainer{
	flex-direction:column;
	justify-content:center;
	color:white;
	text-align:center;
}

header nav a{
	text-decoration:none;
	color:white;
}

header nav a:hover{
	text-decoration:none;
	color: #E7742B;
}

#MenuContainer {
	background-color: #0A212C;
	padding:20px;
	width:100%;
	justify-content:space-between;
	align-items: center;
} 

#MenuContainer, footer {
	padding:20px;
} 


@media  (min-width:1200px){
	#MenuContainer {
		padding:20px 60px;
	}
	
	footer {
		padding: 5rem 60px;
	}
}



@media  (min-width:1024px){
	#MenuContainer {
		justify-content:space-between;
		align-items: center;
	} 

	header nav ul{
		padding-left:0px;
		margin:0px;
	}
	
	header nav li {
		display: inline-block;
		padding: 15px;
		color: #FFF;
		font-style: normal;
		font-weight: 400;
	}
	
	header a, header .no_link{
		font-size: 17px;
		line-height:  24px;
	}
	
	header .orange_button{
		font-weight:700;
		border-radius: 5px;
		border: 1px solid #E7742B;
	}
	
	#headerContainer{
	  height: 500px;
	}
	
	#headerContainer h2{
		margin:2rem 0px 0px;
	}
	
	.no_link{
		cursor:pointer;
	}
	
	.has-submenu, .has-subsubmenu{
		position:relative;
	}

	.submenu, .subsubmenu{
		display: none;
		position: absolute;
		background-color: rgba(10,50,71, 1);
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 2;
		width: 160px;
	}

	.submenu{
		top: 50px;
		left: 0px;
	}
	
	.has-subsubmenu{
		justify-content: space-between;
	}
	
	.subsubmenu{
		top: 0px;
		left: 160px;
	}
	
	.submenu a, .submenu .no_link{
		cursor: pointer;
		display:block;
		padding: 8px 15px;
	}
	
	.has-submenu:hover .submenu, .has-subsubmenu:hover .subsubmenu{
		display:block;
	}

	.submenu li{
		display:block;	
		padding:0px;
	}
	
	.submenu li a{
		font-size:14px;
	}
	
	.submenu li a:hover, .has-submenu:hover, .has-subsubmenu:hover{
		color: #E7742B
	}
	
	.has-submenu .submenu_arrow.hover-state, .has-submenu:hover .submenu_arrow.default, .submenu .hover-state, .has-subsubmenu:hover .default{
		display:none;
	}
	
	.has-submenu:hover .submenu_arrow.hover-state, .has-subsubmenu:hover .hover-state{
		display:inline-block;
	}
}

@media  (min-width:1024px) and  (max-width:1199px){
	header nav li {
		font-size: 17px;
	}
}

@media  (max-width:1023px){
	#mainMenuContainer{
		display:none
	}
	
	#contact_button{
		display:none;
	}
	
	#mainMenuContainer.menuVisible{
		display:block;
	}
		
	#burgerMenu{
		font-size:30px;
		cursor:pointer;
		z-index:20;
		right:1rem;
		position:fixed;
		color: #E7742B;
	}	

	#mainMenu{
		width: 100%;
		background: #0A212C;
		position: fixed;
		top: 0;
		left: 0;
		align-items: center;
		-webkit-box-align: center;
		height: 100%;
		z-index:20;
		
	}
	
	#mainMenu ul, #mainMenu ul{
		text-align: center;
		width: 100%;
		flex-direction: column;
		height: calc(100% - 4rem);
		padding: 2rem 0px;
		justify-content:center;
	}

	#mainMenu li a, #mainMenu .no_link{
		padding:1rem 0px;	
		font-size:22px;
		color:white;
		display: block;
		width:100%;
		justify-content: center;
	}

	#mainMenu .submenu, #mainMenu .subsubmenu{
		height:unset;
		padding:0px;
		display:none;
	}

	 #mainMenu .submenu.open{
		display:block;
		margin-bottom: -1rem;
	}
	
	.has-submenu, .has-subsubmenu{
		position:relative;
	}
	
	.has-subsubmenu{		
		flex-direction:column;
	}
	
	#mainMenu .subsubmenu{
		margin-bottom: 0.5rem;
		margin-top: 0.5rem;
	}
	
	#mainMenu .has-submenu.selected,#mainMenu .has-subsubmenu.selected{
		color: #E7742B;
	}
	
	.submenu_arrow, .subsubmenu_arrow{
		position:absolute;
		right:1rem;
		top: calc(1rem + 8px);
		cursor:pointer;
		display:none;
	}

	.submenu_arrow.submenu_arrow_visible, .subsubmenu_arrow.subsubmenu_arrow_visible{
		display:block
	}
	
	#mainMenu .submenu.open, #mainMenu .subsubmenu.open{
		display:block;
		margin-bottom: -1rem;
	}
}

.carousel_item_inner{
	justify-content:center;
	flex-direction:column;
	padding:5%;
	text-align: center;
	color:white;
}
.carousel_item_inner, h1,.h1, h2, .carousel_button{
	position: relative;
}

header h1,header .h1, header h2, header .carousel_button, header .pink_button{
	z-index:1;
}

.carousel_button, header .pink_button{
	align-self:center;
}

header .pink_button{
	margin-top:20px;
	font-size:14px;
	line-height:21px;
}

.header_image, .header_video{
	object-fit: cover;
	position:absolute;
	left:0px;
	top:0px;
}

.header_video{
	width: 100%;
	display: block;
}

.carousel-indicators{
	left: unset;
	margin: 0px;
	width:120px;
}

.carousel-control-next, .carousel-control-prev{
	width:50px;
}

@media  (min-width:992px){
	.carousel_item_inner, .header_image, .header_video{
		height:700px;
	}
	
	h1,.h1{
		margin-bottom:0px;
		font-size:72px;
		line-height:86px;
	}
	
	h1.smaller,.h1.smaller{
		margin-bottom:2rem;
		font-size:56px;
		line-height:69px;
	}
	
	header h2{
		line-height: 48px;
	}
	
	.carousel_button{
		font-size:18px;
	}
	
	.carousel-indicators{
		right: 80px;
		bottom:100px;
	}
}

@media  (max-width:991px){
	.carousel_item_inner, .header_image, .header_video{
		height:350px;
	}
	
	h1,.h1{
		margin-bottom:1rem;
		font-size:40px;
		line-height:50px;
	}
	
	h1.smaller,.h1.smaller{
		font-size:34px;
		line-height:45px;
	}
	
	header h2{
		margin-bottom:0.75rem;
		font-size:18px;
		line-height:30px;
	}
	
	.carousel_button{
		font-size:15px;
	}
	
	.carousel-indicators{
		left: unset;
		right: 20px;
		bottom:40px;
		margin: 0px;
		width:120px;
	}
}


/* Footer */
footer{
	flex-direction:column;
	align-items:center;
	background-color: #0A212C;
	color:white;
}

#footer_top_left_col{
	flex-direction:column;
	font-size:16px;
	line-height:24px;
}

#footer_logo{
	align-self: flex-start;	
}

#footer_text{
	margin:2rem 0px
}

#logo_row img{
	height:40px;
}

#footer_top_right_col{
	flex-direction:column;
	justify-content: space-between;
}

#footer_top_right_col h3{
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	font-family: Inter;
	margin-bottom:20px;
}

#quick_links, #connect{
	flex-direction:column;
}

footer nav ul{
	margin:0px;
	padding:0px;
}

footer nav li{
	display:block;
}

#footer_top_right_col a{
	margin-bottom:1rem;
}

#footer_top_right_col a, #footer_bottom {
	display:block;
	font-size: 14px;
	line-height: 21px;
}

footer a{
	color:white;
	text-decoration:none;
}

footer a:hover{
	color:#E7742B
}

#socials{
	flex-direction:column;
}

#socials .social img{
	margin-right:10px;
}

#footer_bottom{
	border-top: 1px solid #ffffff33;
	margin-top: 2rem;
	padding-top: 2rem;
}

@media  (min-width:992px){
	#footer_top, #footer_bottom{
		justify-content:space-between;
	}
	#footer_top_left_col{
		width:33.33%;
	}

	#footer_links_row{
		justify-content:flex-end
	}
	
	#logo_row img{
		margin-left:20px;
	}
	
	#quick_links, #connect{
		margin-right:100px;
	}
	
	#legal_content{
		max-width:50%;
	}

	#legal-menu{
		justify-content: flex-end;
		flex-shrink:0
	}
	
	#legal-menu li{
		margin-left:24px;
	}
}

@media  (min-width:992px) and  (max-width:1199px){
	#logo_row img {
	  height: 30px;
	}
}

@media  (max-width:991px){
	#footer_top, #footer_links_row, #footer_bottom{
		flex-direction:column;
	}
	
	#quick_links, #connect, #socials{
		margin-top:2rem;
	}
	
	#logo_row{
		flex-wrap:wrap;
		justify-content:center;
	}
	
	#logo_row img{
		margin:2rem 10px 0px;
	}
	
	#legal-menu ul{
		width:100%;
		margin-top:1rem;
		flex-wrap:wrap;
		justify-content: center;
	}
	
	#legal-menu ul li::after {
	  content: "|";
	  padding:0px 10px;
	}
	
	
	#legal-menu ul li:last-child::after{
		content: "";
		padding-right:0px;
	}
}




/* HOME */
#home header .orange_button.carousel_button{
	color:black;
	align-self: flex-start;
}

#home .carousel_item_inner{
	text-align:left;
}

@media  (min-width:992px){
	#home header h2{
		font-size:20px;
		line-height:30px;
	}
}

@media  (max-width:991px){
	#home header h2{
		margin-bottom:0.75rem;
		font-size:18px;
		line-height:30px;
	}
}


/* Text and Image Section */
.text-image-row .text-image p:last-of-type{
	margin-bottom:0px;
}

.text-image-row .transparent_button, .text-image-row .orange_button{
	margin-top:1rem;
	display: inline-block;
}

.text-image-row .text-image ul,.text-image-row li{
	margin-left: 10px;
	padding-left: 0px;
}

.text-image-row ul li{
	margin-bottom:10px;
}

.text-image-row h3{
	font-size:20px;
}

@media  (min-width:992px){	
	.text-image-row .container .text-image{
		justify-content:space-between;
	}
	
	.text-image-row .text-image.align_c .image, .text-image-row .text-image.align_c .text{
		align-content: center;
	}

	.text-image-row .image{
		width:50%;
	}
	
	.text-image-row .text{
		width: calc(50% - 75px);
	}
	
	.text-image-row .text-elem-right{
		margin-left:75px;
	}
	
	.text-image-row .text-elem-left{
		margin-right:75px;
	}
	
	.text-image-row .image img{
		height: 519px;
		width: 100%;
		object-fit: cover;
	}
}

@media  (max-width:991px){
	.text-image-row .text-image{
		flex-direction:column;
	}
	
	.text-image-row .image{
		order:2;
		margin-top:2rem;
		text-align:center;
	}
}

/* Destinations Carousel */
#destinations_container_inner{
	flex-direction:column;
}

#tours_container_inner .intro p{
	margin-bottom:0px;
}

#destinations-slider-container .carousel_inner .destination_title{
	font-size: 24px;
	line-height: 30px;
	text-align: center;
	width:100%;
	position:absolute;
	bottom:20px;
	color: #001718;
	font-family: Gilda;
}

#destinations-slider-container .carousel_inner .fade_effect{
	height: 100%;
	width: 100%;
	position: absolute;
	background: -webkit-linear-gradient(top, rgba(251, 238, 231, 0) 58%, rgba(251, 238, 231, 1) 100%);
}
	

@media  (min-width:992px){	
	#destinations-slider-container .custom-carousel-item{
		margin-right:10px;
	}

	#destinations-slider-container .carousel_inner img{
		width:175px;
		height:635px;
	}
}

@media  (max-width:991px){
	#destinations-slider-container .custom-carousel-item img{
		height:400px;
	}
}




/* Tours / Hotels / Trip Highlights */
#destinations_container_inner .intro, #tours_container_inner .intro{
	margin-bottom:1rem;
}

#tours_container_inner, #hotels_container_inner, #trip_highlights_container_inner{
	flex-direction:column;
}

#tours_container_inner .custom-carousel-item a, #tours_container_inner .custom-carousel-item a, .tour-item a,
#hotels_container_inner .custom-carousel-item a, #hotels_container_inner .custom-carousel-item a, .hotel-item a{
	color: #0B0C0B;
	flex-direction:column;
}

#tours_container_inner .custom-carousel-item a:hover, .tour-item a:hover, 
#hotels_container_inner .custom-carousel-item a:hover, .hotel-item a:hover{
	color: #E7742B;
	text-decoration:none;
}

#tours_container_inner .custom-carousel-item img, .tour-item img,
#hotels_container_inner .custom-carousel-item img, .hotel-item img,
#trip_highlights_container_inner .custom-carousel-item img{
	align-self: flex-start;
}

#tours_container_inner .custom-carousel-item .destination, .tour-item .destination,
#hotels_container_inner .custom-carousel-item .destination, .hotel-item .destination{
	background-color: #FFD1B7;
	border-radius:5px;
	padding: 5px 24px;
	align-self: flex-start;
	font-size: 14px;
	line-height: 21px;
	margin:1rem 0px;
	color: #0B0C0B
}

#tours_container_inner .custom-carousel-item .title, .tour-item .title,
#hotels_container_inner .custom-carousel-item .title{
	font-weight: 600;
}

#tours_container_inner .custom-carousel-item .title, .tour-item .title,
#hotels_container_inner .custom-carousel-item .title, .hotel-item .title,
#trip_highlights_container_inner .custom-carousel-item .title{
	font-size: 20px;
	line-height: 24px;
	margin-bottom:1rem;
}

#trip_highlights_container_inner .custom-carousel-item .title{
	text-align:center;
}

#tours_container_inner .custom-carousel-item .excerpt, .tour-item .excerpt,
#hotels_container_inner .custom-carousel-item .excerpt, .hotel-item .excerpt{
	font-size: 16px;
	line-height: 24px;
	margin-bottom:1rem;
}

#tours_container_inner .custom-carousel-item .price, .tour-item .price,
#hotels_container_inner .custom-carousel-item .price, .hotel-item .price{
	font-size: 26px;
	font-weight: 600;
	line-height: 39px;
}

#tours_container_inner .custom-carousel-item .price span, .tour-item .price span,
#hotels_container_inner .custom-carousel-item .price span, .hotel-item .price span{
	font-size: 16px;
	line-height: 24px;
}

.tours_container, 
.hotels_container,
.trip_highlights_container{
	flex-wrap:wrap;
}

.tour-item, 
.hotel-item{
	margin-bottom:60px;
}

.tour-item img,
.hotel-item img{
	object-fit: cover;	
	width:100%;
}

#trip-highlights-slider-container .custom-carousel-item img{
	border-radius: 15px 5px 0 0;
}

#trip_highlights_container_inner .custom-carousel-item .title{
	border-radius: 5px 5px 15px 5px;
	background: #FFE3D3;
	padding:20px;
}

.highlight-item{
	flex-direction: column;
}

.carousel_image_outer_wrapper{
	overflow:hidden;
}

.carousel_image_wrapper{
  transition: transform .2s; 
}

.carousel_image_wrapper:hover{
	transform: scale(1.5);
}


@media  (min-width:992px){	
	#tours-slider-container .custom-carousel-item,
	#hotels-slider-container .custom-carousel-item{
		width:295px;
		margin-right:30px;
	}
	
	#tours_container_inner .custom-carousel-item a, .tour-item a,
	#hotels_container_inner .custom-carousel-item a, .hotel-item a,
	.highlight-item{
		height:100%;
	}
	
	#tours-slider-container .custom-carousel-item img, .tour-item img,
	#hotels-slider-container .custom-carousel-item img, .hotel-item img{
		height:355px;
	}
	
	#tours-slider-container .custom-carousel-item img, .tour-item img,
	#hotels-slider-container .custom-carousel-item img, .hotel-item img,
	#trip-highlights-slider-container .custom-carousel-item img{
		width:100%;
	}
	
	#trip-highlights-slider-container .custom-carousel-item{
		width:260px;
		margin-right:30px;
	}
	
	#trip-highlights-slider-container .custom-carousel-item img{
		height:205px;
	}
	
	#tours_container_inner .custom-carousel-item .title, .tour-item .title,
	#hotels_container_inner .custom-carousel-item .title, .hotel-item .title,
	#trip_highlights_container_inner .custom-carousel-item .title, .hotel-item .title{
		flex: 1 1 auto;
	}
	
	.tour-item{
		width: calc(33.3333% - 1.3333rem);
		margin-bottom:1rem;
	}

	.tours_container .tour-item:nth-child(2),.tours_container .tour-item:nth-child(3n+5){
		margin-left:2rem;
		margin-right:2rem;
	}
}

/* Custom Carousels */
.custom_slider_container{
	overflow:hidden;
	scroll-behavior: smooth;
}

.custom-carousel-item{
	position:relative;
	flex-shrink: 0;
}

.custom-carousel-item{
	position:relative;
	flex-shrink: 0;
}

.custom_carousel_inner img{
	object-fit: cover;	
}

.custom-carousel-indicators{
	justify-content:flex-end;
	margin-top:2rem;
}

.custom-carousel-left,.custom-carousel-right{
	cursor:pointer;
}

.custom-carousel-right{
	margin-left:1rem;
}

@media  (max-width:991px){
	.custom_slider_container{
		overflow-x: scroll;
		-ms-overflow-style: none;  /* Internet Explorer 10+ */
		scrollbar-width: none;  /* Firefox, Safari 18.2+, Chromium 121+ */
	}
	.custom_slider_container::-webkit-scrollbar { 
		display: none;  /* Older Safari and Chromium */
	}
	
	.custom-carousel-item{
		width:80%;
		margin-right:2rem;
	}
	
	.custom-carousel-item img{
		width:100%;
	}
	
	.custom-carousel-item img{
		height:300px;
	}
	
	.custom-carousel-indicators{
		display:none !important;
	}
}

/* Review */
.review{
	flex-direction:column;
	align-items: center;
}

.review .stars{
	margin-bottom:2rem;
}

.review .quote{
	font-family: Gilda;
	text-align:center;
	margin-bottom:2rem;
}

.review_bottom_row  img{
	max-height:100%;
}

.reviewee{
	flex-direction:column;
	color: #000;
	font-size: 16px;
	line-height: 24px;
	margin: 0px 2rem 0px 1rem;
}

.reviewee .reviewee_name{
	font-weight: 600;
}

@media  (min-width:992px){
	.review .quote{
		font-size: 28px;
		line-height: 40px;
	}
}

@media  (max-width:991px){
	.review .quote{
		font-size: 20px;
		line-height: 25px;
	}
	
	.review_bottom_row{
		flex-direction:column;
	}
	
	.reviewee{
		margin:1rem 0px;
	}
}


/* Holiday Types */
#holiday_types #tours{
	padding-top:0px;
}


/* intro section */
#holiday_types h1, .one_column_container h2{
	text-align: center;
	font-size: 36px;
	line-height: 43px;
	margin-bottom:1rem;
}

.one_column_container img{
	width:100%;
}

.one_column_container .content{
	font-size: 18px;
	line-height: 27px;
	text-align: center;
	margin-bottom:2rem;
}

/* FAQS - Alt */
.faq-container-destination-row .faqs{
	flex-wrap:wrap;
	color: #000;
}

.faq-container-destination-row .faq{
	margin-bottom:1rem;
}

.faq-container-destination-row .question{
	font-size: 18px;
	font-weight: 700;
	line-height: 27px;
	margin-bottom:1rem;
}

.faq-container-destination-row .answer{
	font-size: 16px;
	line-height: 24px;
}

@media  (min-width:992px){
	.faq-container-destination-row .faq{
		width: calc(33.3333% - 1.3333rem);
	}

	.faq-container-destination-row .faq:nth-child(2),.faq-container-destination-row .faq:nth-child(3n+5){
		margin-left:2rem;
		margin-right:2rem;
	}
}


/* Need More Info?*/
.need_more_info p{
	line-height:27px;
	margin-bottom:0px;
}

.need_more_info .transparent_button_lighter{
	margin-top:1rem;
}

@media  (min-width:992px){
	.need_more_info p span{
		display:block;
	}
}


/* Tours Page */
#tour_intro_text{
	line-height: 26px;
	margin-bottom:1rem;
}

#cities{
	font-size: 20px;
	font-weight: 700;
	line-height: 30px;
}

#tour_intro_pp_inner #price{
	font-size: 45px;
	font-weight: 700;
	line-height: 55px;
}

#tour_intro_pp_inner #pp{
	font-size:10px;
}

#number_of_days, #number_of_nights{
	font-weight: 700;
}

@media  (min-width:992px){
	.tour_intro_row{
		justify-content: space-between;
	}
	
	#tour_intro #tour_intro_left_col{
		padding-right:70px;
	}
	
	#tour_intro #tour_intro_right_col{
		flex-shrink: 0;
	}

	#tour_intro_pp_inner, #number_of_days, #number_of_nights{
		border-left:1px solid black;
	}
	
	#tour_intro_pp_inner{
		margin-bottom:2rem;
		padding-left:20px;
	}
	
	#number_of_days, #number_of_nights{
		padding-left:10px;
	}
	
	#number_of_days{
		margin-right:10px;
	}
}

@media  (max-width:991px){
	#tour_intro_inner{
		flex-direction:column;
	}
	
	#tour_intro_right_col{
		margin-top:2rem;
	}
	
	#tour_intro_pp_inner{
		margin-bottom:1rem;
	}
	
	#number_of_days{
		margin-right:20px;
	}
}

/* Itinery/ Questions */
#itinery_container_inner, .questions_container_inner{
	flex-direction:column;
}

.itinery_outer, .questions_outer{
	border-bottom: 1px solid rgba(11, 12, 11, 0.15);
}

.itinery-item, .question-item{
	border-top: 1px solid rgba(11, 12, 11, 0.15);
	padding:20px 40px 20px 0px;
}

.itinery-item .description, .question-item .question{
	font-size:20px;
	position:relative;
	cursor:pointer;
}

.itinery-item img, .question-item img {
  transform: translate(-50%, -50%) rotate(180deg) ;
  position:absolute;
  right:-60px;
  top:50%; 
}

.itinery-item.open img, .question-item.open img {
  transform: translate(-50%, -50%)  ;
}

.itinery-item .details, .question-item .answer{
	font-size:14px;
	line-height:21px;
	margin-top:20px;
	display:none;
}

.itinery-item.open .details, .question-item.open .answer{
	display:block;
}

.itinery-item .details p:last-of-type, .question-item .answer p:last-of-type{
	margin-bottom:0px;
}

@media (min-width: 992px) {
  #itinery_container_inner h2 span, .questions_container_inner h2 span{
    display: block;
  }
  
  #itinery_container_inner .intro{
	  margin-bottom:50px;
	  width:500px;
  }
}
@media (max-width: 991px) {
	#itinery_container_inner .intro, .questions_container_inner .intro{
		margin-bottom:2rem;
	}
}

/* Hotel Page */
#hotel_intro_inner{
	flex-wrap:wrap;
}

#hotel_intro_title{
	font-size: 40px;
	line-height: 44px;
}

#hotel_intro_text{
	font-size: 20px;
	line-height: 30px;
}

.facilities-row h2{
	text-align:center;
	margin-bottom:2rem;
}

.facilities{
	flex-wrap:wrap;
}

.facilities .facility{
	align-items: center;
	margin-bottom:1rem;
}

.facilities img{
	margin-right:15px;
	width:40px;
}

.facilities span{
	font-size: 16px;
	line-height: 21px;
	font-weight:500;
}

@media (min-width: 992px) {
	#hotel_intro_inner{
		justify-content:space-between;
	}
	
	#hotel_intro_title{
		width:calc(50% - 40px);
		flex-shrink:0;
	}
	
	#hotel_intro_text{
		width:calc(50% - 40px);
	}
	
	.facilities .facility{
		width: 25%;
	}
}

@media (max-width: 991px) {
	.facilities .facility{
		width: 50%;
	}
}

@media (max-width: 499px) {
	.facilities .facility{
		width: 100%;
	}
}

/* Gallery */
@media (min-width: 992px) {
	.gallery img{
		height:300px;
		object-fit: cover;
	}
	
	.gallery-1 img{
		width:100%;
	}
	
	.gallery-2 img{
		width:calc(50% - 1rem);
	}

	.gallery-2 img:nth-child(2){
		margin-left:2rem;
	}
	
	.gallery-3 img{
		width: calc(33.3333% - 1.3333rem);
	}

	.gallery-3 img:nth-child(2){
		margin:0px 2rem;
	}
	
	.gallery-4 img{
		width:calc(25% - 1.5rem);
	}

	.gallery-4 img:nth-child(1), .gallery-4 img:nth-child(2), .gallery-4 img:nth-child(3){
		margin-right:2rem;
	}
}

@media (max-width: 991px) {
	.gallery{
		flex-wrap:wrap;
	}
	
	.gallery img{
		width:100%;
		margin-bottom:2rem;
	}
}

/* Full Width Row */
.full-width-row img{
	width:100%;
}

/* Our Team */
#our_team_inner{
	flex-wrap:wrap;
}	

.team-member{
	margin-bottom:3rem;
}

.team-member .img{
	width:100%;
}

.team-member .name{
	font-family: Gilda;
	color: #0B0C0B;
	font-size: 26px;
	line-height: 39px;
	font-weight:400;
	margin-top:20px;
}

.team-member .job_title{
	color:#0B0C0B;
	font-size: 20px;
	line-height: 30px;
	margin-bottom:20px;
}


@media  (min-width:992px){
	#our_team_outer .intro{
		margin-bottom: 60px;
	}

	.team-member{
		width:calc(50% - 1rem);
	}

	.team-member:nth-child(even){
		margin-left:2rem;
	}
}

@media  (max-width:991px){
	#our_team_outer .intro{
		margin-bottom: 30px;
	}

	.team-member{
		width:100%;
	}
}

/* Contact Page */
#contact-intro{
	background-color: #FBEEE7;
}

.contact-intro-column img{
	align-self:flex-start;
}
.contact-intro-column .title{
	font-family: "Gilda";
	font-size: 22px;
	line-height: 31px;
	margin-bottom:10px;
}

.contact-intro-column a{
	font-size: 16px;
	line-height: 24px;
	margin-bottom:10px;
	color: #000;
	text-decoration:underline;
}

.contact-row{
	flex-wrap:wrap;
}

.contact-row p{
	margin-bottom: 25px;
}

.contact-row label{
	margin-bottom:0px;
}

.wpcf7-form textarea, .wpcf7-form input{
	width:100%;
	padding: 8px 12px;
	margin-top:10px;
	border:none;
}

.wpcf7-form textarea{
	resize:none;
	height:100px;
}

#contact_form form .wpcf7-response-output, #contact_form label{
	width:100%;
}

#contact_form label{
	color: #0B0C0B;
	font-size: 16px;
	line-height: 24px;
}

.wpcf7-form .wpcf7-submit{
	padding: 10px 24px;
	border-radius: 12px;
	border: 2px solid #E7742B;
	background-color: #E7742B;
	color: white;
	display:inline-block;
	width:auto;
	color: #FFF;
	font-size: 16px;
	line-height: 24px;
}

.wpcf7-submit:hover{
	color:#E7742B;
	background:white;
}

.wpcf7-not-valid-tip{
	margin-top:5px;
}

.wpcf7 form .wpcf7-response-output{
	margin:0px;
}



@media  (min-width:992px){
	#contact-intro-inner{
		justify-content:space-between;
	}
	
	.contact-intro-column{
		width:50%;
	}
	
	.contact-intro-column img{
		margin-right:15px;
	}
	
	.contact-row p{
		width:calc(50% - 12px);
	}
	
	.contact-row p:nth-child(even){
		margin-left:24px;
	}
}

@media  (max-width:991px){
	#contact-intro-inner{
		flex-direction:column;
	}
	
	#email-column{
		margin-bottom:2rem;
	}
	
	.contact-row p{
		width:100%;
	}
	
	.wpcf7-form .wpcf7-submit{
		width:100%;
	}
}


/* MISC */
#booking-form .wp-embedded-content{
	width:100%;
	height:1000px;
}

img{
	max-width:100%;
	height:auto;
	align-self: center;
}

.hide-icon {
  visibility: hidden;
}

@media  (min-width:1024px){
	.mobile-only{
		display:none !important;
	}	
}

@media  (max-width:1023px){
	.desktop-only{
		display:none !important;
	}
}