/*
Theme Name: Petra by Night
Theme URI: http://underscores.me/
Author: Vsourz
Author URI: https://www.vsourz.com/
Description: Petra by Night Official Organiser Wordpress Theme
Version: 1.0.0
Text Domain: vsourz
License: GNU General Public License v2 or later
License URI: LICENSE
*/


@font-face {
  font-family: Rubik;
  src: url("./css/fonts/Rubik-Light.woff2") format("woff2"),
    url("./css/fonts/Rubik-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Rubik;
  src: url("./css/fonts/Rubik-Regular.woff2") format("woff2"),
    url("./css/fonts/Rubik-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Rubik;
  src: url("./css/fonts/Rubik-Medium.woff2") format("woff2"),
    url("./css/fonts/Rubik-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

body{
	margin: 0px;
}

.header-desc-outer .desc a{
	color: #392504;
	text-decoration: underline;
}
.header-desc-outer .desc a:hover{
	color: #F89B1D;
}

@media (min-width: 0px) {
    .container-left-spacing{
        margin-left: 10px;
    }
}
@media (min-width: 575px) {
    .container-left-spacing{
        margin-left: calc(50vw - (520px / 2));
    }
}
@media (min-width: 768px) {
    .container-left-spacing{
        margin-left: calc(50vw - (700px / 2));
    }
}
@media (min-width: 992px) {
   .container-left-spacing{
        margin-left: calc(50vw - (940px / 2));
    }
}
@media (min-width: 1199px) {
    .container-left-spacing{
        margin-left: calc(50vw - (1120px / 2));
    }
}
@media (min-width: 1400px) {
    .container-left-spacing {
        margin-left: calc(50vw - (1300px / 2));
    }
}
@media (min-width: 1500px) {
    .container-left-spacing {
        margin-left: calc(50vw - (1422px / 2));
    }
}


.home-banner-section-outer .banner-content-outer.banner-new-outer {
	position: absolute;
    bottom: -22px;
    padding: 0px;
    left: 50%;
    transform: translate(-50%, 0px);
}
@media(max-width:768px){
	.home-banner-section-outer .banner-content-outer.banner-new-outer {
		transform: translate(-50%, -6px);
	}
}
.home-banner-section-outer .banner-content-outer.banner-new-outer .banner-title-tag{
	margin: 0px;
}

/* Footer Css Start */
#footer-wrapper{
	background-color: #F5EFE7;
}
#footer-wrapper .useful-links{
	padding: 38px 0px 35px;
}
.useful-links .footer-logo{
	width: 113px;
	height: 112px;
	margin-bottom: 28px;
}
.useful-links .widget-title-inner{
	color: #392504;
	font-family: Rubik;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-bottom: 12px;
}
.useful-links .menu li a,
.useful-links .textwidget{
	color: #392504;
	font-family: Rubik;
	font-size: 15px;
	font-style: normal;
	font-weight: 300;
	line-height: 24px; 
}
.useful-links .menu li a:hover{
	color: #F89B1D;
}
.useful-links .widget-first .textwidget{
	max-width: 86%;
	width: 100%;
}
.useful-links .widget-first .textwidget .btn-type1{
	padding: 14px 35px;
	font-size: 14px;
	min-width: 146px;
}
.useful-links .widget-first .textwidget p:last-child{
	margin-bottom: 0px;
}
.useful-links #media_image-3{
	margin-top: 70px;
}
.useful-links #media_image-3 img{
	width: 105px;
	height: 51px;
}
.useful-links .textwidget.custom-html-widget .share-btn{
	display: flex;
	gap: 20px;
}
.useful-links .textwidget.custom-html-widget .share-btn .social-icon-img img{
	width: 39px;
	height: 39px;
	transform: scale(1);
    transition: all 0.25s ease-in-out;
}
.useful-links .textwidget.custom-html-widget .share-btn .social-icon-img img:hover{
	transform: scale(1.1);
    transition: all 0.25s ease-in-out;
}
#footer-wrapper .useful-links .col-lg-2{
	width: 18%;
}
#footer-wrapper .useful-links .col-lg-3{
	width: 22%;
}

#footer-base .footer-copyright-outer{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: end;
	gap: 20px;
}
#footer-base {
	padding-bottom: 50px;
}
#footer-base .footer-copyright-outer .develop-by,
#footer-base .footer-copyright-outer .develop-by a, 
#footer-base .footer-copyright-outer .copyright a,
#footer-base .footer-copyright-outer .copyright,
#footer-base .card-page-sec .footer-cp-menu a{
	color: #392504;
	font-family: Rubik;
	font-size: 13px;
	font-style: normal;
	font-weight: 300;
	line-height: 22px;
}
#footer-base .footer-copyright-outer .develop-by a{
	text-decoration: underline;
}
#footer-base .card-page-sec .footer-cp-menu a{
	padding-right: 6px;
	text-decoration: underline;
	border-right: 1px solid #392504;
}
#footer-base .card-page-sec .footer-cp-menu a:last-child{
	border-right: none;
}
#footer-base .footer-copyright-outer .develop-by a:hover, 
#footer-base .footer-copyright-outer .copyright a:hover,
#footer-base .card-page-sec .footer-cp-menu a:hover{
	color: #F89B1D;
}

#footer-base .card-page-sec .payment-outer{
	display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: end;
	margin-bottom: 16px;
}
#footer-base .card-page-sec .payment-outer .payment-icon {
    width: 38px;
    height: 23px;
    background: #fff;
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media(max-width:991px){
	#footer-wrapper .useful-links .col-lg-5{
		width: 100%;
	}
	#footer-wrapper .useful-links .col-lg-3{
		width: 38%;
		margin-top: 30px;
	}
	#footer-wrapper .useful-links .col-lg-2{
		width: 31%;
		margin-top: 30px;
	}
	#footer-wrapper .useful-links .col-lg-2.resource-sec{
		margin-top: 30px;
	}
}
@media(max-width:768px){
	
	#footer-base .card-page-sec .payment-outer{
		justify-content: start;
	}
	.useful-links .footer-logo{
		width: 84px;
		height: 83px;
	}
}
@media(max-width:575px){
	#footer-wrapper .useful-links .col-lg-3,
	#footer-wrapper .useful-links .col-lg-2,
	#footer-wrapper .useful-links .col-lg-5{
		width: 100%;
	}
	#footer-wrapper .useful-links .col-lg-3,
	#footer-wrapper .useful-links .col-lg-2{
		margin-top: 30px;
	}
	.useful-links #media_image-3{
		margin-top: 30px;
	}
	#footer-wrapper .useful-links{
		padding: 28px 0px 30px;
	}
	.useful-links .footer-logo{
		margin-bottom: 40px;
	}
}

/* Footer css End */

/* Header CSS Start */
.site-header{
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#header{
	padding: 0px;
}
.header-row{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.site-branding{
	width: 15%;
	padding: 10px 0px;	
}
.site-branding .custom-logo-link img{
	width: 72px;
	height: 72px;
}
.site-header .header-row .site-branding p.site-title{
	display: none;
}
#secondary-header{
	position: relative;
	width: 85%;
	display: flex;
	justify-content: end;
}
#main-navigation .main-nav ul li a{
	color: #392504;
	text-align: center;
	font-family: Rubik;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px; /* 117.647% */
	letter-spacing: 0.5px;
	text-transform: capitalize;
	margin: 0 15px;
}
#main-navigation .main-nav ul li a:hover{
	color: #F89B1D;
}

@media(min-width:1199px){
	#main-navigation .main-nav ul li.menu-item-has-children .menu_arrow{
		right: 5px;
	}
}
@media(min-width:992px){
	#main-navigation .main-nav ul li.menu-item-has-children .menu_arrow{
		position: absolute;
		width: 11px;
		height: 6px;
		right: 15px;
		top: 50%;
		margin-top: -2px;
		background: url('./images/arrow_drop_down.svg') no-repeat center;
	}
	#main-navigation .main-nav ul li a{
		height: 92px;
		line-height: 92px;
		position: relative;
	}
	#main-navigation .main-nav #menu-header{
		display: flex;
		justify-content: end;
	}
	#main-navigation .main-nav #menu-header .logo{
		display: none;
	}
	#main-navigation #mobile-nav-button{
		display: none;
	}
	#mobile-current-item {
        display: none;
    }
	#main-navigation .main-nav #menu-header #mobile-nav-button{
		display: none;
	}
	#main-navigation .main-nav ul li > ul{
		min-width: 250px;
		background-color: #fff;
		box-shadow: 0 2px 5px rgba(0,0,0,0.1);
	}
	#main-navigation .main-nav ul li ul li a{
		width: 100%;
		height: 100%;
		padding: 15px;
		line-height: 100%;
		text-align: start;
		margin: 0px 5px;
	}
	#main-navigation .main-nav ul li.menu-item-has-children .sub-menu li.menu-item-has-children .menu_arrow{
		transform: rotate(270deg);
	}
	#main-navigation .main-nav ul li ul li ul{
        display: none;
		position: absolute;
		z-index: 999;
		min-width: 250px;
		padding: 0;
		left: 0;
		right: 0;
		background-color: #fff;
		box-shadow: 0 2px 5px rgba(0,0,0,0.1);
		padding-left: calc((100% - 1140px) / 2);
    }
	#main-navigation .main-nav ul li ul li:hover ul {
        display: block;
		left: 100%;
		top: 0px;
    }
	.main-navigation ul ul {
		box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
		float: left;
		position: absolute;
		top: 100%;
		left: -999em;
		z-index: 99999;
	}
	#main-navigation .main-nav ul li.current-menu-item a,
	#main-navigation .main-nav ul li.current-menu-parent a{
		color: #F89B1D;
	}
	
	#main-navigation .main-nav ul li.current-menu-item .sub-menu li a,
	#main-navigation .main-nav ul li.current-menu-parent .sub-menu li a{
		color: #392504;
	}
	#main-navigation .main-nav ul li.current-menu-parent .sub-menu li.not-active a{
		color: #392504 !important;
	}
	#main-navigation .main-nav ul li.current-menu-parent .sub-menu li.current_page_item a,
	#main-navigation .main-nav ul li.current-menu-parent .sub-menu li.current-menu-item a{
		color: #F89B1D;
	}
	.main-navigation ul li:hover .menu_arrow{
		background: url(./images/hover_arrow.svg) no-repeat center !important;
	}
	#main-navigation .main-nav ul li.current-menu-parent a,
	#main-navigation .main-nav ul li.menu-item-has-children a{
		margin-right: 30px;
	}
}
@media(max-width:991px){
	.site-branding .custom-logo-link img{
		width: 68px;
		height: 68px;
	}
	.site-branding,
	#secondary-header{
		width: 50%;
	}
	 #mobile-nav-button {
        display: block;
        cursor: pointer;
		background-color: transparent;
		padding: 0px;
		border: none;
		margin-left: auto;
    }
    #mobile-nav-button .toggle {
        display: block;
        width: 44px;
        height: 3px;
        background-color: #392504;
        margin: 5px 0;
    }
	#main-navigation .main-nav #menu-header{
		height: calc(100vh - 85px);
		overflow-y: auto;
		padding-bottom: 50px;
	}
	#main-navigation .main-nav{
		position: fixed;
		top: 0;
		right: -390px;
		width: 390px;
		height: 100%;
		background-color: #F5EFE7;
		color: #392504;
		z-index: 9999;
		transition: right 0.3s ease-in-out;
		padding-top: 85px;
	}
	#main-navigation .main-nav li a{
		color: #392504;
		width: 100%;
		margin: 0px !important;
	}
	#main-navigation .main-nav ul li a{
		text-transform: uppercase;
	}
	#main-navigation .main-nav.open{
		right: 0;
	}
	.mobilemenu-overlay{
		display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 9998;
	}
	.mobilemenu-overlay.open{
		display: block;
	}
	#main-navigation .main-nav li .sub-menu{
		display: none;
	}
	#main-navigation .main-nav li.menu-item-has-children > a{
		position: relative;
		display: inline-block;
		width: auto;
		margin-right : 0px;
	}
	#main-navigation .main-nav li.menu-item-has-children.open .sub-menu{
		display: block;
		margin-top: 25px;
	}
	#main-navigation .main-nav li.menu-item-has-children.open .sub-menu li .sub-menu{
		display: none;
	}
	#main-navigation .main-nav li.menu-item-has-children.open .sub-menu li.menu-item-has-children.open .sub-menu{
		display: block;
		margin-top: 25px;
	}
	#main-navigation .main-nav li.menu-item-has-children.open{
		padding: 0px;
		padding-top: 25px;
	}
	#main-navigation .main-nav li.menu-item-has-children.open .sub-menu li{
		border-bottom: 1px solid #4F360D;
	}
	#main-navigation .main-nav li.menu-item-has-children.open .sub-menu li:first-child{
		border-top: 1px solid #4F360D;
	}
	#main-navigation .main-nav li.menu-item-has-children.open .sub-menu li:last-child{
		border-bottom: none;
	}
	#main-navigation ul{
		display: block;
		padding: 0px;
	}
	#main-navigation .main-nav .menu li{
		position: relative;
		text-align: center;
		padding: 25px 10px;
		border-bottom: 1px solid #4F360D;
	}
	#main-navigation .main-nav .menu li:first-child{
		border-top: 1px solid #4F360D;
	}
	#main-navigation .main-nav .menu li .menu_arrow{
		color: #fff;
		cursor: pointer;
		display: inline-block;
		width: 30px;
		height: 10px;
		line-height: 10px;
		position: inherit;
		top: inherit;
		z-index: 1;
		background: url('./images/arrow_drop_down.svg') no-repeat center;
	}
	#main-navigation .main-nav .menu li.open .menu_arrow{
		transform: rotate(180deg);
		top: inherit;
	}
	#main-navigation .main-nav .menu li.open .sub-menu li .menu_arrow{
		transform: rotate(0deg);
		top: inherit;
	}
	#main-navigation .main-nav .menu li.open .sub-menu li.open .menu_arrow{
		transform: rotate(180deg);
		top: inherit;
	}
	#main-navigation .main-nav #menu-header .logo{
		display: block;
		position: absolute;
		top: 5px;
		left: 6px;
		width: 70px;
		height: 68px;
	}
	#main-navigation .main-nav #menu-header #mobile-nav-button{
		position: absolute;
		top: 30px;
		right: 30px;
	}
	.main-nav.open #menu-header #mobile-nav-button .toggle{
		width: 25px;
		height: 3px;
	}
	.main-nav.open #menu-header #mobile-nav-button .toggle.one{
		transform: rotate(45deg);
		position: absolute;
		top: 1px;
	}
	.main-nav.open #menu-header #mobile-nav-button .toggle.two{
		display: none;
	}
	.main-nav.open #menu-header #mobile-nav-button .toggle.three{
		transform: rotate(135deg);
		position: absolute;
		top: 0;
	}
}


/* home page */
.body-fixed #masthead{
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    z-index: 2;
    background-color: #FFFFFF;
}
.home-banner-section-outer>video{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    object-fit: cover;
}
.home-banner-section-outer::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%); 
	z-index: 1;
}
.instagram-section{
	padding: 0 20px;
}
.banner-text ul{
	text-align: center;
    width: 100%;
}
.banner-text ul li:not(:last-child) {
    margin: 0 0 8px 0;
}
.banner-text ul li span {
    border-radius: 35px;
    background: rgba(232, 232, 232, 0.30);
    backdrop-filter: blur(10px);
    padding: 10px 16px;
    color: #FFF;
    display: inline-block;
    font-family: Rubik;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
}
.single-experiences .banner-cta .banner-lnk{margin-right:7px;}
.single-experiences .banner-cta .banner-lnk:last-child{margin-right:0px;}
@media only screen and (max-width: 1640px) {
	.home-banner-section-outer .banner-content .banner-title{
		font-size: 65px;
	}
}

@media only screen and (max-width: 1440px) {
    .home-banner-section-outer .banner-content .banner-title {
        font-size: 60px;
    }
}
@media only screen and (max-width: 768px) {
    .home-banner-section-outer .banner-content .banner-title {
        font-size: 30px;
/*         color: #392504; */
    }
	.faq-section-outer{
		margin: 0 0 40px 0px;
	}
}

.instructions-wrapper .first-part ul li{
	color: var(--content-color);
    font-size: 17px;
    font-weight: 300;
    line-height: 28px;
	list-style: disc;
}
.instructions-wrapper a.email{
	text-decoration: underline;	
}
.instructions-wrapper strong,
.instructions-wrapper strong a{
	color: var(--content-color);
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
}
.archive .night-experiences-outer{
	margin-bottom: 150px;
}
@media(max-width:768px){
	.home-banner-section-outer::before{
		display: none;
	}
	.archive .night-experiences-outer{
		margin-bottom: 100px;
	}
}
.blog-category-btns > a.btn {
    white-space: nowrap;
    border: 1px solid #4F360D;
    border-radius: 25px;
    font-size: 15px;
    line-height: 22px;
    font-weight: 300;
    padding: 6px 15px;
	color: #392504;
}
.blog-category-btns > a.btn.highlight,
.blog-category-btns > a.btn:hover {
    background-color: #F89B1D;
    border-color: #F89B1D;
    color: #ffffff;
}

.addtoany_shortcode .a2a_kit a span.a2a_svg{
	border-radius: 100% !important;
}
a.a2a_button_facebook .a2a_s_facebook svg{
	display: none;
}
a.a2a_button_facebook .a2a_s_facebook {
    background: url(./images/facebook.svg) no-repeat center;
    width: 20px;
    height: 20px; 
}
.contact-us-page .contact-us-content-outer .contact-us-info-box .contact-us-info-lst li.phone:before{
	background: url(./images/call.svg) no-repeat 0 0 transparent;
} 
.contact-us-page .contact-us-content-outer .contact-us-info-box .contact-us-info-lst li.address:before{
	content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 22px;
    height: 22px;
	background: url(./images/distance.svg) no-repeat 0 0 transparent;
} 
.contact-us-page .contact-us-content-outer .contact-us-info-box .contact-us-info-lst li.working-hours:before{
	background: url(./images/schedule.svg) no-repeat 0 0 transparent;
}
.contact-us-page .contact-us-content-outer .contact-us-info-box .contact-us-info-lst li a{
	color: #392504;
    font-family: Rubik;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 2;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    display: inline-block;
    transition: all 0.4s ease;
}
.contact-us-page .contact-us-content-outer .contact-us-info-box .contact-us-info-lst li a:is(:hover, :focus) {
    color: #F89B1D;
    transition: all 0.4s ease;
}


/* Contact Form */
.contact-form{
	margin-top: 28px;
}
.contact-form .hd-type2{
	margin-bottom: 15px;
}
.contact-form p{
	margin-bottom: 18px;
}
.contact-form input, 
.contact-form select,
.contact-form textarea{
	width: 100%;
	height: 58px;
	padding: 15px 20px;
	color: #392504;
	font-family: Rubik;
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 26px;
	border-radius: 6px;
	border: 1px solid #392504;
	background: rgba(217, 217, 217, 0.00);
}
.contact-form input:focus-visible, 
.contact-form select:focus-visible,
.contact-form textarea:focus-visible{
	outline: none;
}
.contact-form textarea{
	height: 250px;
}
.contact-form select{
	appearance: none;
	background: url(./images/arrow_drop_down.svg) no-repeat 95% center;
}
.contact-form input[type="checkbox"]{
	appearance: none;
	position: relative;
	width: 22px;
	height: 22px;
	border-radius: 6px;
	border: 1px solid #392504;
	background: rgba(217, 217, 217, 0.00); 
	padding: 2px;
}
.contact-form input[type="checkbox"]:checked{
	background-color: #392504;
}
.contact-form input[type="checkbox"]:checked::after {
    content: '';
    width: 6px;
    height: 10px;
    display: block;
    border: solid #F89B1D;
    border-width: 0 3px 3px 0;
    left: 7px;
    top: 4px;
    position: absolute;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.contact-form input[type="submit"]{
	width: fit-content;
	height: 67px;
	color: #FFF;
    text-align: center;
    font-family: Rubik;
    font-size: 18px;
    line-height: 1.2;
    font-style: normal;
    font-weight: 500;
    text-transform: capitalize;
    padding: 20px 42px;
    border-radius: 35px;
    background: #F89B1D;
    border: 3px solid #F89B1D;
    display: inline-block;
    min-width: 180px;
    transition: all 0.4s ease;
}
.contact-form .wpcf7-list-item{
	margin: 0px;
}
.contact-form .wpcf7-list-item label{
	display: flex;
	align-items: center;
	gap: 14px;
}
.contact-form .wpcf7-list-item label span{
	color: #392504;
	font-family: Rubik;
	font-size: 16px;
	font-style: italic;
	font-weight: 300;
	line-height: 26px;
}
.contact-form .wpcf7-list-item label span a{
	color: #392504;
	text-decoration: underline;
	transition: 0.3s all;
}
.contact-form .wpcf7-acceptance .wpcf7-list-item label span{
	width: calc(100% - 20px);
}
.contact-form .wpcf7-list-item label span a:hover{
	color: #F89B1D;
}
.contact-form [data-name="phone_number"]{
    width: 110px;
    display: inline-block;
    vertical-align: top;
}
.contact-form [data-name="phone"]{
    width: calc(100% - 120px);
    display: inline-block;
    margin-left: 10px;
}
.intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container {
    width: 100%;
}
.intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container .selected-flag{
	width: 100% !important;
	background: transparent;
}
.intl-tel-input ul.country-list {
    max-width: 400px;
}
.contact-form [data-name="nationality"] ul.country-list{
	width: 100%;
}
.country-select .selected-flag .arrow,
.intl-tel-input .selected-flag .iti-arrow{
	background: url(./images/arrow_drop_down.svg) no-repeat 95% center;
	width: 11px;
	height: 6px;
	right: 15px;
	border: none;
}
.country-select .selected-flag .arrow.up{
	border: none;
}
.country-select .flag-dropdown{
	width: 100%;
}
.country-select .selected-flag{
	width: 100% !important;
}
.contact-form textarea::placeholder,
.contact-form input::placeholder {
	color: #392504;
	font-family: Rubik;
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 26px;
}
.wpcf7-not-valid-tip {
    padding: 3px 6px;
 	width: fit-content;
    border-radius: 10px;
    background-color: #dc3232;
    color: white;
    font-size: 12px;
}
.contact-form input:-webkit-autofill,
.contact-form input:-webkit-autofill:hover,
.contact-form input:-webkit-autofill:focus,
.contact-form input:-webkit-autofill:active {
	-webkit-text-fill-color: #392504;
    transition: background-color 5000s ease-in-out 0s;
}

.thankyou-sec .thanks-page{
	max-width: 600px;
	width: 100%;
	margin: 100px auto;
	padding: 50px 10px;
	text-align:center;
	border: 1px solid #392504;
	border-radius: 15px;
}
@media(max-width: 991px){
	.thankyou-sec .thanks-page{
		margin: 60px auto;
		padding: 30px 10px;
	}
	.contact-form{
		margin-top: 0px;
	}
}


/* 404 Page */

.not-found .header-desc-outer{
	margin: 150px auto;
}
@media only screen and (max-width: 768px) {
    .not-found .header-desc-outer .head {
        font-size: 30px;
    }
}

/* CMS Page */
.cms-page-sec .cms-desc {
    color: #392504;
    font-family: Rubik;
    font-size: 18px;
    line-height: 1.75;
    font-style: normal;
    font-weight: 300;
}

.cms-page-sec .cms-desc h2 {
    font-weight: 600;
    font-size: 18px;
    line-height: 1.75;
}
.cms-page-sec .cms-desc h3,
.cms-page-sec .cms-desc h4,
.cms-page-sec .cms-desc h5 {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.75;
}

.cms-page-sec .cms-desc p {
    margin: 0 0 30px 0;
}
.cms-page-sec .cms-desc p a{
    text-decoration: underline;
    color: #392504;
	transition: 0.3s;
}
.cms-page-sec .cms-desc p a:hover{
	color: #F89B1D
}
.cms-page-sec .cms-desc ul li {
    padding: 0 0 0 20px;
    position: relative;
}
.cms-page-sec .cms-desc ul li a{
    text-decoration: underline;
    color: #392504;
	transition: 0.3s;
} 
.cms-page-sec .cms-desc ul li a:hover{
	color: #F89B1D;
}

.cms-page-sec .cms-desc ul li::before {
    content: "•";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 8px;
}


/* coming soon page */
body.page{
	margin-bottom: 0px;
}
.page-template-coming-soon .site-header,
.page-template-coming-soon .site-footer{
	display: none;
}





.page-template-coming-soon .section-outer{
	width: 100%;
	min-height: 100vh;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.page-template-coming-soon .section-outer::before{
	content: '';
	background: rgba(0,0,0,0.5);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.page-template-coming-soon .section-outer .banner-content{
	max-width: 1000px;
	width: 100%;
	margin: auto;
	text-align: center;
	padding: 20px;
	position: relative;
	z-index: 1;
}
.page-template-coming-soon .section-outer .banner-content .cs-logo-outer{
	width: 150px;
	height: 150px;
	border-radius: 100%;
	background: #FFF;
	margin: 0 auto 30px;
}
.page-template-coming-soon .banner-content .cs-logo-img{
	width: 150px;
	height: 150px;
	border-radius: 100px;
	border: 15px solid #fff;
	background-color: #FFF;
}
.page-template-coming-soon .banner-content .banner-title-tag{
	color: #fff;
    text-align: center;
    font-family: Rubik;
    font-size: 28px;
    line-height: 1.4;
    font-style: normal;
    font-weight: 500;
    text-transform: capitalize;
  	--b: 5px;
    --c: #F89B1D;
    --w: 20px;
    --r: 0;
    padding: var(--b);
    position: relative;
    min-width: 250px;
    height: 57px;
    display: flex;
    width: fit-content;
    margin: 0 auto 30px;
    justify-content: center;
    align-items: center;
}
.page-template-coming-soon .banner-content .banner-title-tag::before{
	content: "";
    position: absolute;
    inset: 0;
    background: var(--c, #F89B1D);
    padding: var(--b);
    border-radius: var(--r);
    -webkit-mask: linear-gradient(0deg, #000 calc(2* var(--b)), #0000 0) 50% var(--b) / calc(100% - 2* var(--w)) 100% repeat-y, linear-gradient(-90deg, #000 calc(2* var(--b)), #0000 0) var(--b) 50% / 100% calc(100% - 2* var(--w)) repeat-x, linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
}
.page-template-coming-soon .banner-content .banner-title{
	color: #FFF;
    font-family: Rubik;
    font-size: 65px;
    line-height: 1;
    font-style: normal;
    font-weight: 500;
    margin: 0 0 18px 0;
}
.page-template-coming-soon .banner-content .banner-text{
	color: #FFF;
    font-family: Rubik;
    font-size: 18px;
    line-height: 30px;
    font-style: normal;
    font-weight: 300;
    margin: 0 0 25px 0;
}
.page-template-coming-soon .banner-content .banner-footer{
	margin-top: 25px;
	color: rgba(255,255,255,0.8);
    font-family: Rubik;
    font-size: 14px;
    line-height: 33px;
    font-style: normal;
    font-weight: 300;
}
@media(max-width:1199px){
	.blog-details-page .blog-details-banner-section-outer{
		height: 450px;
	}
}
@media(max-width:991px){
	.page-template-coming-soon .banner-content .banner-title{
		font-size: 45px;
	}
	.page-template-coming-soon .banner-content .banner-title-tag{
		font-size: 18px;
	}
}
@media(max-width:768px){
	.page-template-coming-soon .section-outer .banner-content .cs-logo-outer{
		width: 120px;
		height: 120px;
	}
	.page-template-coming-soon .banner-content .cs-logo-img{
		width: 120px;
		height: 120px;
	}
	.page-template-coming-soon .banner-content .banner-title{
		color: #fff;
		font-size: 30px;
	}
	.page-template-coming-soon .banner-content .banner-text{
		color: #fff;
		line-height: 1.3;
	}
	.page-template-coming-soon .banner-content .banner-title-tag{
		font-size: 20px;
	}
	.how-to-book-petra-steps-outer .how-to-book-petra-steps-box {
        padding: 50px 20px 20px;
		min-height: 200px;
    }
	.home-banner-section-outer .banner-content .banner-text {
        line-height: 22px;
    }
/* 	.banner-text ul li span{
		color: #392504;
	} */
	.blog-details-page .blog-details-banner-section-outer{
		height: 350px;
	}
}

.contact-us-page .contact-us-content-outer .contact-us-info-box .map{
	margin-top: 20px;
}
.contact-us-page .contact-us-content-outer .contact-us-info-box .map iframe{
	border-radius: 16px;
    border: 2px solid #392504;
	width: 100%;
	height: 340px;
}
#sb_instagram .sbi_photo img{
	border-radius: 10px;
}


/* Jordon Petra Page */
.jordan-petra-sec .header-desc-outer{
	margin: 100px 0 0;
}
.jordan-imgcontent-col{
	padding: 90px 0px;
}
.jordan-imgcontent-col .row{
	align-items: center;
}
.jordan-imgcontent-col .left-part .imgcol-outer img{
	width: 100%;
	height: 440px;
	object-fit: cover;
	border-radius: 20px;
}
.jordan-imgcontent-col .left-part.order{
	order: 2;
}
.jordan-imgcontent-col .right-part.set-width .content-col-outer{
	max-width: 570px;
	width: 100%;
	margin: auto;
}
.jordan-imgcontent-col .right-part .content-col-outer .content-desc{
	color: #392504;
	font-family: Rubik;
	font-size: 18px;
	font-style: normal;
	font-weight: 300;
	line-height: 1.8;
}
.jordan-imgcontent-col .right-part .content-col-outer .content-desc ul{
	padding-left: 32px;
}
.jordan-imgcontent-col .right-part .content-col-outer .content-desc ul li{
	list-style: disc;
}

.jordan-imgcontent-col .right-part .content-col-outer .content-desc strong{
	font-weight: 600;
}
.jordan-imgcontent-col p{
	margin: 0px;
}
@media(max-width: 767px){
	.jordan-imgcontent-col{
		padding: 50px 0px; 
	}
	.jordan-imgcontent-col .left-part.order,
	.jordan-imgcontent-col .right-part.set-width{
		margin-top: 20px;
	}
	.jordan-imgcontent-col .right-part .content-col-outer .content-desc{
		font-size: 16px;
	}
}
@media(max-width: 575px){
	.jordan-imgcontent-col .left-part .imgcol-outer img{
		height: 280px;
	}
}

.instructions-section .container{
	position: relative;
}
.instagram-section-outer .header-desc-outer{
	margin: 165px auto 35px;
}
.blog .instagram-section-outer .header-desc-outer{
	margin: 150px auto 35px;
}
.locations-outer .locations-section-slider .slider-box .location-image .location-hover-text-wrapper{
	text-align: left;
}
.locations-outer .header-desc-outer1 .desc{
	max-width: 100%;
}
.blogs-list-outer .blog-box .blog-img img{
	transition: 1.2s;
}
.blogs-list-outer .blog-box .blog-img img:hover{
	transform: scale(1.1);
}
.blog-listing-page .header-desc-outer{
	max-width: 630px;
	width: 100%;
	margin: 150px auto 40px;
}
.contact-us-page .header-desc-outer,
.faq-page .header-desc-outer{
	margin: 150px auto 40px;
}
@media only screen and (max-width: 1279px) {
	.contact-us-page .header-desc-outer,
    .blog-listing-page .header-desc-outer {
        margin: 120px auto 32px;
    }
	.instagram-section-outer .header-desc-outer{
		margin: 150px auto 30px;
	}
}
@media only screen and (max-width: 768px) {
	.contact-us-page .header-desc-outer,
    .blog-listing-page .header-desc-outer {
        margin: 80px auto 22px;
        padding: 0 10px;
    }
	.instagram-section-outer .header-desc-outer{
		margin: 100px auto 30px;
	}
}
.intl-tel-input.separate-dial-code input[name="phone_number"] {
    font-size: 0px !important;
}
.blogs-list-outer .blog-box .blog-date{
	z-index: 1;
}
.camel-mobile-sec{
	display: none;
	position: relative;
}
@media(max-width:575px){
	.camel-mobile-sec{
		display: block; 
		padding-bottom: 125px;
	}
	.home .camel-mobile-sec{
		padding-bottom: 50px;
	}
	.instagram-id-outer::before{
		display: none;
	}
	.camel-mobile-sec::before{
		content: "";
		position: absolute;
		background: url(./images/instagram_bg.svg) no-repeat transparent;
		background-size: contain;
		width: 235px;
		height: 170px;
		top: 0;
		left: 50%;
		z-index: 0;
		transform: translate(-50%, -90px);
	}
}
@media(max-width:991px){
	.instagram-id-outer:before{
		width: 350px;
		height: 200px;
		left: 25px;
	}
}
.contact-us-page .contact-us-content-outer .contact-us-info-box .contact-us-info-lst li{
	color: #392504;
}
.contact-form > p{
	margin-bottom: 0px;
}
.book-section .header-desc-outer{
	margin: 150px auto 40px;
}
#sb_instagram #sbi_images{
	padding: 0px;
}
.contact-us-page .contact-us-content-outer .contact-us-info-box{
	height: fit-content;
}
.history-badge{
	color: #392504;
}
.blogs-list-outer-sec{
	margin-bottom: 90px;
}
@media(max-width:991px){
	.blogs-list-outer-sec{
		margin-bottom: 50px;
	}
}

.instructions-section .instructions-wrapper .first-part .list-wrapper{
	padding-left: 0px;
}
.blog-details-page .blog-details-banner-section-outer{
	height: calc(100vh - 92px);
}
.blog-details-banner-section-outer .blog-details-head-outer{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width:80%;
}
.blog-details-banner-section-outer .blog-details-head{margin:0px auto 20px;}
.blog-details-banner-section-outer .blog-details-head,
.blog-details-banner-section-outer .author-by{
	color: #fff;
	text-align: center;
}
.blog-details-banner-section-outer .author-by a{color: #fff;}
.blog-details-banner-section-outer .author-by a:hover{text-decoration:underline;}
.single-experiences .home-banner-section-outer .banner-content-outer .banner-content{
	margin: 0px;
	text-align: left;
}
.single-experiences .banner-text ul{
	text-align: left;
}

.blog-section-slider .slider-box .img-on-txt{
	position: relative;
}
.blog-section-slider .slider-box .img-on-txt h2.blog-hdtype{
	position: absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%, -50%);
	text-align: center;
	width: 80%;
}
.blog-section-slider .slider-box .img-on-txt h2.blog-hdtype a{
	font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #fff;
}
.blog-section-slider .slider-box .img-on-txt h2.blog-hdtype a:hover{
	color: #F89B1D;
}
.blog-section-slider .blog-content-box .blog-description,
.blogs-list-outer .blog-box .blog-short-desc{
	  display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;

}
.blog-section-slider .slider-box .blog-date{
	z-index: 1;
}
@media(max-width:768px){
	.blog-section-slider .slider-box .img-on-txt h2.blog-hdtype a{
		font-size: 25px;
	}
}
.blogs-list-outer .blog-box{
	display: flex;
	flex-direction: column;
}
.blogs-list-outer .blog-box .blog-title{
	flex-grow: 1;
}
.jordan-imgcontent-col .right-part .content-col-outer .content-desc a{
	color: #392504;
    text-decoration: underline;
}
.jordan-imgcontent-col .right-part .content-col-outer .content-desc a:hover{
	 color: #F89B1D;
}
.cn-close-icon{
	opacity: 1;
}
.cn-close-icon:hover{
	opacity: 0.5;
}
.wp-block-search__label{
	display: none;
}
.blog-search-section label{
	width: 100%;
}
.search-field{
    border-radius: 30px !important;
    padding: 17px 17px 17px 54px !important;
    width: 100% !important;
    border-radius: 30px !important;
    position: relative !important;
    border: 1px solid #4F360D !important;
    margin-bottom: 32px !important;
}
.search-field:focus-visible{
	outline: 0;
}
.search-submit{
	display: none;
}
.search .header-desc-outer{
	margin: 150px auto 70px;
}
.search .not-found{
	margin-bottom: 50px;
}
.search article{
	padding-bottom: 20px;
	border-bottom: 1px solid #4F360D;
}

@media(max-width: 575px){
	.program-section .program-section-slider .slider-box .box-wrapper .slider-image{
		min-height: 170px;
	}
}

/* Author Page */
.author-section-outer{
	padding: 80px 0;
}
.author-outer{
	display: flex;
	gap: 50px;
}
.author-outer .profile-image {
    flex: 0 0 auto;
    max-width: 300px;
    width: 100%;
}
.author-outer .profile-image img,
.author-outer .mob-profile-image img{
	border-radius: 20px;
	max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

.author-outer .author-content {
    flex: 0 0 auto;
    max-width: calc(100% - 350px);
    width: 100%;
}
.author-outer .header-desc-outer{margin: 0 0 30px; text-align: left;}
.author-outer .header-desc-outer::before{content: none;}
.author-outer .name{margin-bottom: 30px;}
.author-outer .name h1{
	text-align: left;
	margin-right: 10px;
	line-height: normal;
}
.author-outer .author-content .desc{
	text-align: left;
	max-width: 100%;
}
 @media(max-width: 1299px){
	.author-section-outer{padding: 60px 0;}
	.author-outer{gap: 30px;}
	.author-outer .profile-image {max-width: 250px;}
	.author-outer .author-content {max-width: calc(100% - 280px);}
}
@media(max-width: 767px){
	.author-outer{flex-direction: column;gap: 20px;}
	.author-outer .profile-image,
	.author-outer .author-content{max-width: 100%;}
	.author-outer .header-desc-outer{padding: 0; margin: 0 0 20px;}
	.author-outer .profile-image{height: 250px; margin: auto; width: auto; }
	.author-outer .name{margin-bottom: 20px;}
	.author-outer .name h1{margin-bottom: 5px; text-align:center;}
	.author-outer .author-content .desc,
	.author-outer .name, .author-outer .desc{text-align:center;}
	
}