/*
 Theme Name:   Travel Theme
 Theme URI:    https://www.webjooll.com/
 Description:  Based on Webjooll
 Author:       Samar Dhiman
 Author URI:   https://www.webjooll.com/
 Template:     twentysixteen
 Version:      1.0.0
 Tags:         black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready, responsive-layout, infinite-scroll, post-slider, design, food, journal, magazine, news, photography, portfolio, clean, contemporary, dark, elegant, modern, professional, sophisticated
 Text Domain:  webjooll-travel-child
*/
@import url(../twentysixteen/style.css);
a{color:#007acc}
a:active,a:focus,a:hover{color:#000;text-decoration:none;}
a:active,a:focus,a:hover,input[type="submit"]:active,input[type="submit"]:focus{outline:none;}
.site{margin:0}
.site-inner{max-width:100%}
.site-content,.site-header{padding:0}
body:not(.custom-background-image):after,body:not(.custom-background-image):before{height:0}.site-header-main{align-items:center}.site-description{margin:0;line-height:normal}
.page-header{border:0;color:#333;margin:0 0 1.5em !important;width:100%}
body{font-style:normal;font-weight:400;font-size:18px;line-height:26px; font-family: "Jost", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;letter-spacing:0;text-align:left;text-transform:none;color:#666}
body, button, input, select, textarea,.main-navigation,.widget .widget-title,.page-title {font-family: 'Jost', sans-serif !important;font-size:18px !important;}
.page-title {font-size:30px !important;}
/* Packages Listing */
.duration{font-size:20px;}
.destination_covered{    font-size: 18px;
    margin-bottom: 3rem;}
.destination_covered div+div {margin-top: 10px;}
.price-container {    padding: 1rem;
    color: #333;
    font-size: 18px;
    border: 2px solid #007acc;
    text-align: center;
    border-radius: 4px;
    margin-bottom: 30px;
    font-weight: 600;}
h3{font-size:22px;margin-bottom:.5rem; color:#333}
.heading{font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 9px;
    margin-bottom: 30px;
    display: block;
    color: #007acc;
    border-bottom: 1px solid;}
.packages {min-height:350px; display:flex; align-items:center;}

.featured_img {width:100%; max-height:400px; height:100%; object-fit:cover}

/* Other Related Packages (Widget) */
.widget{border:0; font-size:16px;}
.widget .widget-title{font-size:20px;border-bottom:2px solid #007acc;color:#007acc;padding-bottom:.3rem}
.widget .list{margin:0;padding:0}
.widget .list li{display:flex;    margin-bottom: 20px;}
.widget .list li+li{margin-top:.5rem}
.widget .list h4{margin-bottom:0;line-height:22px;}
.widget .list .mainImage{width:80px;margin-right:.5rem}
.widget .list .mainImage img{max-width:80px}
.widget .list a{font-size:18px;line-height:normal;font-weight:600;transition:250ms all ease-in-out;color:#333}
.widget .list a:hover{color:#007acc}
.boxes{border:1px solid #ddd;padding:2rem 1rem;margin:2rem 0}

.custom-logo {width:auto; height:80px;}
.site-header {position:sticky; top:0px; background:#fff; z-index:9; box-shadow:0 1px 10px rgba(0,0,0,0.15)}
.sticky-100 {position:sticky; top:120px;}
h1,h2,h3,h4,h5,h6,strong {font-weight:600 !important;}
.wpcf7 .form-row, .wpcf7 .form-group {text-align:left;}
.wpcf7 p {margin-bottom: 0px}
.wpcf7 h3 {text-align:left; margin-top:1em; color:#007acc; text-transform:uppercase; padding-bottom: .3rem;}
.wpcf7-response-output {background: #f49e32 !important;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {border-color:#f49e32 !important;}

/* Tick Ul List */
.tick-list,.inclusion{margin-left:0;padding:0}
.tick-list li,.inclusion li{position:relative;padding-left:24px;list-style:none}
.tick-list li:before,.inclusion li::before{content:"\f00c";font-family:"Font Awesome 5 Free";-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;position:absolute;width:13px;height:13px;left:0;top:8px;font-size:10px;display:inline-block;font-weight:900;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}

/* Breadcrumb */
.breadcrumb{background:0 0;padding:0;display:inline-block;margin:0 0 0.8em; color:#666; font-size:16px}
.breadcrumb a{color:#666}

/* Packages */
.featured-post-parent .post-boxed{border-radius:10px;box-shadow:0 1px 10px rgba(0,0,0,.25);-webkit-box-shadow:0 1px 10px rgba(0,0,0,.25);-moz-box-shadow:0 1px 10px rgba(0,0,0,.25);background:#fff;}
.featured-post-parent [class*=col-]{margin-bottom:30px}
.featured-post-parent .entry-title{margin-bottom:0;font-size:15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.featured-post-parent .post-content{padding:.5rem 1rem 1rem;}
.featured-post-parent .entry-meta{margin-bottom:0}
.featured-post-parent .entry-meta .duration{font-size:14px}
.page-single-img-wrap,.post-img-wrap{display:block;position:relative;overflow:hidden;background-color:#555;border-top-left-radius:10px;border-top-right-radius:10px}
.page-single-img-wrap:before,.post-img-wrap:before{content:"";padding-top:30%;display:block}
.page-single-img-wrap .post-img,.post-img-wrap .post-img{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center center;background-repeat:no-repeat;transition:all ease-in-out .5s;-webkit-transition:all ease-in-out .5s;-moz-transition:all ease-in-out .5s;transform:scale(1.006);-webkit-transform:scale(1.006);-moz-transform:scale(1.006)}
.post-block:hover .post-img-wrap .post-img,.post-boxed:hover .post-img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.featured-post-parent .display-flex {display:flex;flex-direction:row;}
.featured-post-parent .post-content .left {width:60%;}
.starting-from {text-align: right;font-size: 18px;line-height: 20px;font-weight: 600;letter-spacing: 1px;width:40%;color:#fe5246;}
.starting-from span {font-weight:400; font-size:12px;display: block;color:#b2b2b2;letter-spacing: 0px;}

/* Contact Form */
button:focus,button:hover,input[type=date],input[type=tel],input[type=number],input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover,input[type=time],input[type=datetime-local],input[type=week],input[type=month],input[type=text],input[type=email],input[type=url],input[type=password],input[type=search],textarea{background:#fff}
button,button[disabled]:focus,button[disabled]:hover,input[type=button],input[type=button][disabled]:focus,input[type=button][disabled]:hover,input[type=reset],input[type=reset][disabled]:focus,input[type=reset][disabled]:hover,input[type=submit],input[type=submit][disabled]:focus,input[type=submit][disabled]:hover{line-height:normal;border-radius:.25rem;width:auto}
div.wpcf7-acceptance-missing,div.wpcf7-validation-errors,.wpcf7-response-output{border:0;background:#007acc;color:#fff;    padding:.5rem 1rem!important;margin:2em 0 1rem!important;}
.wpcf7-not-valid{border-color:red!important}
.wpcf7-not-valid-tip{color:red;font-size:14px!important}
.wpcf7-response-output{background:#1e8e3e;}
#packagesModal .modal-body{padding:0 1em;}

/* Contact */
.get_in_touch{background:#fafafa;padding:2.5rem 1.5rem;border:1px solid #eee}
.get_in_touch p{margin:0}
.contact-iframe iframe{width:100%;height:350px;margin:0}

/* Homepage Only */
.home .review-bg {background-size:cover !important;}
.home .review-bg .black-overlay {background-color: rgba(0, 0, 0, 0.15);}
.home .black-overlay .heading-section,.home .black-overlay .section-heading,.home .black-overlay .testimonials-container .quote {color:#fff;}

/* Common Css */
.grey-light-bg {background:#f3f3f3;}
.grey-bg {background:#f2f2f2;}
.heading-section {margin-bottom:1.25rem;}
.section-heading {font-size:36px; color:#333; margin-bottom: 1.25rem;}
.heading-section .section-heading {margin-bottom:0;}
.entry-title a,.entry-title a:hover {color:#333;}
.section {padding:70px 0px;}
.lead {font-size:18px;}
.page-title {font-size:26px; line-height:normal;}
.overlay {background:rgba(0,0,0,0.25);}
.featured-bg{width:100%;background-size:cover;background-color:#007acc;display:flex;align-items:center;    background-position: center center;}
.featured-bg .page-header,.featured-bg .breadcrumb,.featured-bg .breadcrumb a {color:#fff !important;}
.featured-bg .page-header{padding:1rem 0}
.page-header{padding:0}
.contact-section {line-height:32px; font-size:16px;}
.contact-section i {width:20px;}
.contact-section a {color:#2e2e2d;}
.modal-title{font-size:18px}
.form-group label{margin-bottom:.1rem}
.wp-block-gallery {margin:0px!important;}

/* Header Banner Slider */
.banner-container{width:100%;height:350px}.banner-container .swiper-slide{background-size:cover;background-position:center}
.banner-container .slide-caption{display:flex;background-color:rgba(0,0,0,.25);flex-direction:column;align-items:center;padding:0 15rem;text-align:center;height:100%;justify-content:center}
.banner-container .slide-caption .image-caption,.slide-caption .lead{font-size:3rem;color:#fff;margin-bottom:.5rem;text-shadow:0 1px 2px rgba(0,0,0,.5)}
.banner-container .slide-caption .lead{font-size:18px}
.banner-container .btn{margin-top:2rem}

/* Menu Main Navigation */
.main-navigation {padding:0;margin:0;}
.main-navigation li{margin-left:15px;margin-right:15px}
.main-navigation a{font-size:15px;text-transform:uppercase;font-weight:600;padding:10px 0}
.main-navigation ul ul{visibility:hidden;transition:.35s all cubic-bezier(.65,.05,.36,1);opacity:0;width:220px;border-bottom:1px solid #2aadf3;transform:translate3d(0,30px,0)}
.main-navigation ul ul li{margin:0;padding:0;border:1px solid #238ec8;border-bottom:1px solid #2aadf3;background:#007acc}
.main-navigation ul ul li:nth-last-child(1){border-bottom:0}
.main-navigation ul ul li a{text-transform:none;padding:.5rem 1rem;font-weight:400;transition:.35s all ease;color:#fff;width:100%}
.main-navigation ul:hover ul{opacity:1;visibility:visible;transform:translate3d(0,0,0)}
.main-navigation .menu-item-has-children > a {padding-right:18px;}
.main-navigation ul ul li a:hover{background:#238ec8;color:#fff}
.main-navigation .menu-item-has-children>a:after{top:50%;margin-top:-8px;right:0;}
.main-navigation ul ul:after,.main-navigation ul ul:before{display:none}
.closebtn{display:none;}

/* Button */
.btn-blue{border:2px solid #007acc!important;background:0 0!important;color:#007acc!important;padding:.5rem 1.5rem!important;font-weight:600!important;font-size:18px!important;text-transform:uppercase!important}
.btn-blue:focus,.btn-blue:hover{background:#007acc!important;color:#fff!important;border-color:#007acc!important}
.btn-white{border-color:#fff!important;color:#fff!important}
.custom-btn{padding:.5rem 1.5rem!important;display:inline-block;transition:250ms all ease-in-out;border:1px solid #007acc!important;background:#007acc!important;font-size:18px;width:100%;text-transform:uppercase!important;color:#fff!important;font-weight:600!important;letter-spacing:1px!important}
.custom-btn:hover{color:#007acc!important;background:0 0!important}

/* Client Logo &  Testimonials */
.logo-carousel-container,.testimonials-container{padding:2rem 0 4rem!important}
.testimonials-container .quote{padding:0 6rem;margin-bottom:1rem;position:relative;font-size:22px;font-style:italic}
.testimonials-container .quote:after,.testimonials-container .quote:before{position:relative;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;font-weight:900;line-height:1;font-family:"Font Awesome 5 Free"}
.testimonials-container .quote:before{content:"\f10d";left:-5px;top:-3px}
.testimonials-container .quote:after{content:"\f10e";right:-5px;bottom:-3px}
.testimonials-container .quote-by{font-size:16px;font-weight:600;color:#fff}
.testimonials-container .swiper-pagination-bullet-active{background:#fff}
.logo-carousel-container .logo-list{border:1px solid #ddd;background:#fff;padding:1rem}
.logo-carousel-container img{width:auto;height:100px}
.swiper-pagination-bullet {background:rgba(255,255,255,0.9) !important}

/* Social */
.social a{font-size:18px;display:inline-block;color:#999;background:#fff;padding:8px;transition:250ms all ease-in-out;line-height:18px;border-radius:4px;border:1px solid #eee;width:37px;text-align:center;}
.site-footer .social a {background: #ddd;}
.social a+a{margin-left:4px}
.social a:hover{color:#fff}
a.facebook:hover{background:#155a9d;border-color:#155a9d}
a.twitter:hover{background:#40bded;border-color:#40bded}
a.linkedin:hover{background:#036cad;border-color:#036cad}
a.instagram:hover{border-color:linear-gradient(to top right,#fbb14a,#c6279b);background:-webkit-linear-gradient(top right,#fbb14a,#c6279b);background:-o-linear-gradient(top right,#fbb14a,#c6279b);background:-moz-linear-gradient(top right,#fbb14a,#c6279b);background:linear-gradient(to top right,#fbb14a,#c6279b)}
a.pinterest:hover{background:#e60023;border-color:#e60023}
a.youtube:hover{background:red;border-color:red}


/* Site Footer */
.site-footer,.site-info{padding:2rem 0 1rem;border-top:1px solid #ddd}
.site-footer [class*=col-]{margin-bottom:1.25rem}
.site-footer .widget-title{font-size:17px;text-transform:uppercase;margin-bottom:1.25rem}
.site-footer ul{margin:0;padding:0}
.site-footer ul li{list-style-type:none;}
.site-footer ul li a{color:#666;font-size:16px}
.site-footer ul li+li {margin-top:0.3em;}
.site-info{padding:1rem 0;font-size:14px;}

/* Get in Touch */
.contact-banner{background:#f49e32;color:#fff;padding:30px 0}
.contact-banner .section-title{font-size:3rem;font-weight:600}
.contact-banner p{margin-bottom:0}
.contact-banner .row{align-items:center}

/* FAQs */
.faqs h5{padding:10px 40px 10px 10px;margin-bottom:.5rem;background:#f2f2f2;cursor:pointer;position:relative;font-size:14px}
.faqs h5:after{content:"\f067";display:block;position:absolute;right:16px;top:50%;margin-top:-7px;font-weight:900;line-height:1;font-family:"Font Awesome 5 Free"}
.faqs h5.minus:after{content:"\f068"}.faqs p{padding:0 10px;display:none}
.faqs p+p{padding-top:0}

/* Custom Plan */
.custom-plan,.main-navigation .primary-menu>li a{position:relative}
.custom-plan span,.main-navigation .primary-menu>li a span{font-size:9px;top:0;font-weight:400;line-height:normal;background:#007acc;letter-spacing:0;padding:2px 4px;color:#fff;position:absolute}
.main-navigation .primary-menu>li a span{right:0;font-weight:400;text-transform:none;top:-5px}

/* BacktoTop */
#scroll{position:fixed;right:10px;bottom:100px;cursor:pointer;width:45px;height:45px;background-color:#007acc;color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;z-index:9;text-align:center;text-transform:uppercase;font-weight:600;line-height:normal;flex-direction:column;justify-content:center;opacity:0.5;filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)";transition:250ms all ease-in-out;font-size:14px !important;}
#scroll i {font-size:18px;}
#scroll:hover{background-color:#007acc;opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}

.note {color:#ff0000; font-weight:600;}
.justify-content-md-center {justify-content: center !important;}
div.wpcf7-mail-sent-ok {border:none;}

@media(max-width:1199px)
{
.contact-banner .section-title {font-size:3rem;line-height:3rem;}
	.starting-from {font-size:15px;}
	.featured-post-parent .entry-title {font-size:13px;}
}

@media(max-width:991px)
{
.starting-from {font-size:18px;}
.featured-post-parent .entry-title {font-size:15px;}
.banner-container {height:400px;}
.banner-container .slide-caption {padding:0 10rem;}
.banner-container .slide-caption .image-caption, .slide-caption .lead {font-size:2.5rem;}
.testimonials-container .quote {padding:0 1rem;}
.contact-banner .section-title {font-size:3rem;line-height:45px;}
.widget .list li {margin-bottom: 1.5rem;}
.widget .list .mainImage img {max-width: 60px;}
.social a {font-size:16px;line-height:16px;padding:6px;}
.social a + a{margin-left:2px;}
.wpcf7-submit {margin:0 !important;}
}

@media(max-width:767px)
{
.section {padding:50px 0px;}
.section-heading {font-size:2rem;line-height:28px;}
.banner-container {height:370px;}
.banner-container .slide-caption {padding:0 1rem;}
.banner-container .slide-caption .image-caption, .slide-caption .lead {font-size:2.5rem;}
.contact-banner{text-align:center;}
.contact-banner .btn {margin-top:1rem;}
.page-template-packages .custom-btn {margin-top:2rem;}
.widget .list li {margin-bottom: inherit;}
.widget .list .mainImage img {max-width: 80px;}
.social a {font-size:18px;line-height:18px;padding:8px;}
.social a + a{margin-left:4px;}
}

@media(max-width:575px)
{
.section-heading {font-size:1.75rem;line-height:28px;}
.banner-container {height:350px;}
.banner-container .slide-caption .image-caption, .slide-caption .lead {font-size:2.25rem;}
.home .featured-post-parent [class*="col-"] {padding:0 15px; margin-bottom:15px;}
.featured-post-parent [class*="col-"] {margin:0 0 15px;}
.home .mt-5 {margin-top:2rem!important;}
.contact-banner .section-title {font-size:2.25rem;line-height:34px;}
.page-template-packages .custom-btn {margin-top:2rem;}
.page-title {font-size: 1.75rem !important;}
.packages {min-height:300px;}	
.widget-title {margin-top:2em;}
	.custom-logo {height:50px}
}


@media(max-width:909px)
{
.menu-toggle{margin:0;border:0;font-size:1.5rem;padding:0;}
.site-header-menu{margin:0}.main-navigation .primary-menu{text-align:center}
.main-navigation .primary-menu,.main-navigation li{border:0}
.dropdown-toggle::after{border:0;color:#fff;top:-6px;left:0}
.dropdown-toggle{position:relative;display:none;}
.main-navigation .menu-item-has-children>a{margin:0;padding:0}
.dropdown-toggle,.dropdown-toggle::after{width:0;display:none}
.sub-menu,.dropdown-toggle {display:none!important;}

.main-navigation .primary-menu>li a span{background:#333;top:8px;right:-51px}
.main-navigation .primary-menu>li a{display:inline-block}

/* SideNav */
.sidenav{height:100%;width:0;position:fixed;z-index:9;top:0;left:0;background-color:#0a2b47;overflow-x:hidden;transition:.5s;padding-top:60px}
.sidenav a{padding:8px 0;text-decoration:none;font-size:25px;color:#fff;display:block;transition:.3s}
.sidenav a:hover{color:#f1f1f1}
.sidenav .closebtn{position:absolute;z-index:9;top:0;right:25px;font-size:36px;margin-left:50px}

@media screen and (max-height: 450px) {
.sidenav{padding-top:15px}
.sidenav a{font-size:18px}
}
}