/*
 * style.css
 *
 * Theme Name: himalayasguide
 * Theme URI: http://www.himalayasguide.com
 * Description: Himalayas Guide website
 * Version: 1.0.0
 * Author: Stupa Technology Pvt. Ltd.
 * Author URI: http://www.stupatechnology.com
 * License: GNU General Public License version 3.0
 * License URI: http://www.gnu.org/licenses/gpl-3.0.html
 * Text Domain: himalayasguide;
 Tags:  blog, e-commerce, flexible-header, custom-header, custom-background, custom-colors, custom-menu, custom-logo, full-width-template, post-formats
 */
/* CSS Document */
/*.book-stick.button-yellow {*/
/*    top: 0;*/
/*    transform: rotate(-90deg) translate(45%, 0);*/
/*}*/
body > .tripadvisor-box.d-none {
    display: none;
}
li.gfield_visibility_hidden {
    display: none!important;
}
.traveller-choice-award {
    position: absolute;
    left: 0;
    top:  0;
    width: 100px;
    height: 100px;
    z-index: 9;
    background-color: #f2b203;
    padding: 5px;
	box-shadow: 0 0 10px rgba(0,0,0,0.5)
}
.traveller-choice-award img{
    max-width: 100%;
    max-height: 100%
}
a.button.button-yellow.book-stick.active {
    top: calc(50% - 200px);
}
#reviews #CDSWIDSSP,
#CDSWIDSSP {
    max-width: 100%!important;
}
.book-stick.button-tertiary{
/*     top: 205px; */
    transform: rotate(-90deg) translate(45%, 0);
}

.error[wpfc-lazyload-disable="true"] { display: none;}
.breadcrumbs .columns{display: flex;flex-wrap: wrap;align-items: center;}

figure.alignright {
    margin-left: 1em;
    margin-bottom: 1em;
}

figure.alignleft {
    margin-right: 1em;
    margin-bottom: 1em;
}

ul#tabsAccordion .tabs-title > a {
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: none;
}

body.single-post.postid-5679 #gallery .columns {
    max-width: 25%;
    width: 50%;
}

@media screen and (max-width: 720px) {
    body.single-post.postid-5679 #gallery .columns {
        max-width: 50%;
    }
}

figure.wp-block-table {
	max-width: 100%; overflow: auto;
}

figure.wp-block-table table{
	border-collapse: collapse;
}

figure.wp-block-table td{
	min-width: 85px;
	border: 1px solid;
	font-size: 15px;
	padding: 5px;
}

.grid-x.trip-focus > div {
    margin-bottom: 25px;
}


/* Billboard styling for package detail page */
.billboard figure {
    position: relative;
}

.billboard figure::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(189deg, rgba(255,255,255,0) 42%, rgba(0,0,0,0.5970763305322129) 100%);
    background: -webkit-linear-gradient(189deg, rgba(255,255,255,0) 42%, rgba(0,0,0,0.5970763305322129) 100%);
    background: linear-gradient(189deg, rgba(255,255,255,0) 42%, rgba(0,0,0,0.5970763305322129) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#000000",GradientType=1);
    width: 100%;
    height: 100%;
    z-index: 1;
}

.billboard figcaption {
    position: absolute;
    bottom: 10%;
    left: 50%;
    /* transform: translate(-50%, 0); */
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    font-size: 28px;
    color: #FFF;
    text-align: center;
    z-index: 2;
}

.billboard.billboard--fix figure {
    display: block !important;
}

.billboard.billboard--fix img {
    /*height: 600px !important;*/
    object-fit: cover;
    display: block;
    aspect-ratio: 2/1.05;
}

.billboard.billboard--fix > figure  {
    display: none !important;
}

.billboard.billboard--fix > figure:first-of-type {
    display: block !important;
}

.billboard.billboard--fix .slick-prev:before,
.billboard.billboard--fix .slick-next:after {
    font-family: icomoon;
    font-size: 40px; 
    opacity: 1;
    color: #FFF;
}

.billboard.billboard--fix .slick-prev:before {
    content: "\e908";
}

.billboard.billboard--fix .slick-next:after {
    content: "\e907";
}


.billboard figure{
	position: relative;
	overflow: hidden;
}
.billboard figure figcaption{
	position: absolute;
	left: -150px;
	bottom: 0;
	background: rgba(0,0,0,0.5);
	padding: 10px 25px;
	opacity: 0;
	transition: 0.25s;
}

.billboard .slick-current figure figcaption{
	left: 0;
	transition: 1s;
	opacity: 1;
}

iframe[src*="youtube.com"] {
    aspect-ratio: 16/9;
    height: auto;
}



.disclaimer {
    text-align: center;
    background-color: #fff;
    padding: 20px 20px 30px;
    box-shadow: 0 0 5px rgba(0,0,0,0.15)
}

.disclaimer .disclaimer__cards{
    max-width: 100%;
    margin: auto;
    width: 340px;
}


.js-billboard > div.slick-list,
.js-slider > div.slick-list {
    display: block;
}
.tabs-content table,
.tabs-content table td,
.tabs-content table th{
    border: 1px solid #aaa;
    border-collapse: collapse;
    font-size: 13px;
    font-weight: 500;
    color: #000;
}
.tabs-content table td,
.tabs-content table th{
    padding: 5px 7px;
}
/*.trip-focus__item > span,*/
/*    .trip-focus__item > strong,*/
/*.trip-focus__item .trip-focus__rating{*/
/*        padding: 4px 10px;*/
/*        margin: 0;*/
/* }*/
/*.trip-focus__item > span,*/
/*.trip-focus__item > .trip-focus__rating{*/
/*	padding: 10px;*/
/*	display: block;*/
/*	background-color: #fff;*/
/*}*/
/*    .trip-focus__item > strong {*/
/*        background-color: #0079b6;*/
/*        color: #fff;*/
/*    }*/

.sticky-tabs.show {
    bottom: 70px;
}

@media print, screen and (min-width: 64em) {
    .trip-focus__item div, .trip-focus__item span, .trip-focus__item strong {
        font-size: 16px;
    }
    .has-list-style-4 strong{
        font-size: 17px;
    }
    .section-tab-accordion--show-all .tabs-panel h3{
        font-size: 25px;
    }
    ul#tabsAccordion .tabs-title > a{
        line-height: 1.2;
    }
    .gallery-slider figure,
    .gallery-slider figure a{
        width: 100%;
        height: 200px;
    } 
    .gallery-slider img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

.has-list-style-1 ul.anchor-buttons li:before{
    display: none;
}

.has-list-style-1 ul.anchor-buttons{
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    gap: 10px;
}

.has-list-style-1 ul.anchor-buttons li{
    padding: 0;
    margin: 0;
}

.has-list-style-1 ul.anchor-buttons a{
    padding: 10px 20px;
    background-color: #199ee0;
    border-radius: 7px;
    color: #fff;
    font-weight: 700;
    font-size: 15px;
}

.has-list-style-1 ul.anchor-buttons a:hover{
    text-decoration: none;
    background-color: #3abeff;
}



.small-12 h2,
.small-12 h3,
.small-12 h4 {
    margin-top: 0;
}

.footer .widget{
	margin-bottom: 15px;
}

.section-tab-accordion--show-all .tabs-panel .small-12{
    padding: 30px;
}

/*.section-tab-accordion--show-all .tabs-panel .small-12 > h2 {*/
/*    display: none;*/
/*}*/

@media screen and (max-width: 1024px) {
	.connect-button__container{
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		display: flex;
		z-index: 999;
	}
	.connect-button__container .book-stick{
	    right: 0;
		position: relative;
		padding: 20px;
		font-size: 1.5em;
		text-align: center;
	}

	.connect-button__container .book-stick.button-tertiary,
	.connect-button__container .book-stick.button-yellow{
		transform: rotate(0);
		margin: 0;
		top: 0!important;
		flex-grow: 1;
		text-transform: none;
	}
}

@media screen and (max-width: 599px) {
	.connect-button__container{
		font-size: 10px;
		text-transform: none!important;
	}
	.connect-button__container .book-stick.button-tertiary, 
	.connect-button__container .book-stick.button-yellow{
		padding: 12px 12px;
	}
	.small-12 h2{
		font-size: 22px;
	}
	.small-12 h3{
		font-size: 20px;
	}
	.small-12 h4 {
		font-size: 18px;
	}
	.small-12 p {
		font-size: 14px;
	}
	#reviews{
	    display: block;
	}
	.TA_selfserveprop .widSSP {
        max-width: 100%;
    }
	#reviews #CDSWIDSSP.widSSP{
	    max-width: 100%!important;
	}
}

/* Package menu styling */

.package-menu {
    position: relative;
    z-index: 10;
}

.package-menu > ul {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-height: 0;
    margin: 0 auto;
    transition: 0.5s;
    overflow: hidden;
}

.package-menu > ul::after {
    content: "";
    display: block;
    clear: both;
}

.admin-bar .js-menu-top.fixed {
    margin-top: 30px;
}

.js-menu-top.fixed {
    background-color: #199ee0;
    position: fixed;
    max-height: 200px;
    max-width: 1180px;
    left: 50%;
    transform: translateX(-50%);
    overflow: visible;
}
.js-menu-top.fixed::before{
	content: '';
	width: 100vw;
	height: 100%;
    background-color: #199ee0;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
}

.package-menu .js-menu-top li {
    border-left: 1px solid rgba(255, 255, 255, 0.4);
}

.package-menu .js-menu-top li a[role*=tab] {
    padding: 8px 16px;
    color: #FFF;
}

.package-menu .tabs-title:hover {
    background-color: #147bae;
}

.package-menu .tabs-title:hover a {
    background-color: transparent;
}

.package-menu .tabs-title.is-active {
    background-color: #147bae;
}

@media all and (max-width: 1023px) {
    .package-menu {
        display: none;
    }
}

/*Updated styling*/
.trip-fact-section .grid-container,
.postid-5679 .header .grid-container,
.postid-5679 .page-title-bar .grid-container {
    max-width: 100%;
}

.postid-5679 .page-title-bar h1 {
    margin: 10px 0;
}

.postid-5679 .billboard.billboard--fix img {
    max-height: 700px;
}

.postid-5679 .billboard figure figcaption {
    padding-left: 16px;
    padding-right: 16px;
    font-size: 26px;
    text-align: left;
}

body h5 {
    font-size: 16px;
}

.tripadvisor-box {
    padding: 0;
    margin-bottom: 30px;
}

.tripadvisor-box #CDSWIDSSP {
    width: 100% !important;
}

.tripadvisor-box #CDSWIDSSP .widSSPData {
    border-radius: 10px;
}

@media all and (max-width: 1023px) {
    .flex-first-move .sidebar-alt {
        order: 1;
        margin-top: 30px;
    }
}

/* Popular packages styling*/
.section-columns {
    background-color: #f1f4f7
}

.section-columns__box {
    position: relative;
    background-color: #fff;
    border-radius: 10px;
    height: calc(100% - 60px);
    padding-bottom: 90px;
    margin-bottom: 60px
}

.section-columns h2 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: gotham,sans-serif;
    font-size: 18px;
    font-weight: 500
}

.section-columns h2 a {
    transition: .3s
}

.section-columns h2 a:hover {
    text-decoration: none;
    color: #1585bd
}

.section-columns figure {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    position: relative;
    overflow: hidden
}

.section-columns figure:hover img {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg)
}

.section-columns img {
    width: 100%;
    transition: 1s
}

.section-columns .post-meta {
    position: absolute;
    top: 20px;
    left: 20px;
    background-color: #fff;
    border-radius: 4px;
    padding: 6px 8px
}

.section-columns .post-meta span {
    display: block;
    text-align: center;
    line-height: 1;
    color: #000
}

.section-columns .post-meta .day {
    font-size: 22px;
    font-weight: 500
}

.section-columns .post-meta .title {
    font-size: 12px
}

.section-columns .offer-meta {
    display: block;
    background-color: #fff;
    border-top: 1px solid #d9d9d9;
    border-radius: 4px;
    padding-top: 15px;
    padding-bottom: 15px
}

.section-columns .offer-meta a,.section-columns .offer-meta span {
    font-size: 13px
}

@media screen and (min-width: 75em) {
    .section-columns .offer-meta a,.section-columns .offer-meta span {
        font-size:16px
    }
}

.section-columns .offer-meta .price {
    color: #fea210;
    font-weight: 700;
    text-transform: uppercase
}

.section-columns__detail {
    padding: 15px;
    text-align: center
}

.section-columns__detail p {
    margin-top: 16px;
    margin-bottom: 0;
    font-size: 14px
}

.section-columns__footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 0 15px;
    text-align: center
}

.section-columns__footer .button {
    display: block;
    margin: 0 auto -30px
}

.section-columns .slick-track {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.section-columns .carousel.slick-slider {
    padding-bottom: 50px
}

.section-columns .carousel .slick-arrow {
    top: auto;
    bottom: 10px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    color: #666;
    font-weight: 500
}

.section-columns .carousel .slick-prev:before {
    content: "\e905";
    font-family: icomoon;
    color: #1585bd;
    font-size: 24px;
    line-height: 1
}

.section-columns .carousel .slick-next:after {
    content: "\e904";
    font-family: icomoon;
    color: #1585bd;
    font-size: 24px;
    line-height: 1
}

.section-columns .slick-slide {
    height: auto
}

.section-columns .slick-slide .columns,.section-columns .slick-slide>div {
    height: 100%
}

.section-columns .slick-slide .columns {
    display: block!important
}

.section-columns .package-title {
    margin-bottom: 0;
}

.js-carousel-popular {
    padding-bottom: 30px;
}

.js-carousel-popular .js-item {
    max-width: 100%;
}

.js-carousel-popular .slick-dots li, 
.js-carousel-popular .slick-dots li button, 
.js-carousel-popular .slick-dots li button::before {
    width: 22px;
    height: 22px;
    color: #199ee0;
}

.js-carousel-popular .slick-dots li button::before {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

.js-carousel-popular .slick-arrow.slick-prev::before,
.js-carousel-popular .slick-arrow.slick-next::after {
    width: 16px;
    height: 16px;
    display: inline-block;
    transform: rotate(45deg);
}

.js-carousel-popular .slick-arrow.slick-next {
    right: -15px;
}
.js-carousel-popular .slick-arrow.slick-prev {
    left: -15px;
}

.js-carousel-popular .slick-arrow.slick-next::after {
    border-right: 3px solid #199ee0;
    border-top: 3px solid #199ee0;
}

.js-carousel-popular .slick-arrow.slick-prev::before {
    border-left: 3px solid #199ee0;
    border-bottom: 3px solid #199ee0;
}
/*ends */

.wpcf7-form p {
    margin-top: 0;
    margin-bottom: 0;
}

.country-select.inside {
    width: 100%;
}
.d-none { display: none !important; }