/*!
Theme Name: clickandtrip
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: clickandtrip
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

clickandtrip is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*Booking Form Styles*/



/******************/
.new-book-now .form-steps .step-standard {
	border-radius: 8px !important;
	background: #f7f7f7;
}
.new-book-now .form-steps .step-standard .label-container .label{
	display: flex;
    gap: 10px;
	margin-bottom: 15px;
}
.new-book-now .form-steps .step-standard .buttonsblock{
	display: flex;
    flex-direction: column;
    gap: 5px;
}
.new-book-now .form-steps .step-standard .buttonsblock a, .error-404.not-found .page-content .btn{
	min-width: 70%;
    font-size: 15px;
    line-height: 20px;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 12px 20px;
    background: #00A79D;
    border-radius: 5px;
    border: solid 2px #00A79D;
    font-family: 'Harabara Mais Demo';
    overflow: hidden;
    position: relative;
    transition: all 0.35s ease-in-out;
	display: flex;
	justify-content: center;
	gap: 5px;
}
.new-book-now .form-steps .step-standard .buttonsblock a:hover::before, .new-book-now .form-steps .step-standard .buttonsblock a:focus::before ,
.error-404.not-found .page-content .btn:hover::before, .error-404.not-found .page-content .btn:focus::before{
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.6) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.6) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    -webkit-animation: shine .75s;
    animation: shine .75s;
    opacity: 1;
}
.new-book-now .form-steps .step-standard .buttonsblock a img {
    margin: 2px 0px 0px !important;
}
.new-book-now .form-steps .step-standard .buttonsblock a#openchatpoup img{
	filter: brightness(10);
}
.new-book-now .form-steps .step-standard .buttonsblock a:not(.chatopenbtn){
    color: #000000;
    background: #ffdc5d;
    border: solid 2px #f5b04e;
}
.new-book-now .form-steps .step-standard .buttonsblock a:not(.chatopenbtn) img{
	filter: brightness(0);
}

.exploremoreinfosection .bg_top_shape{
    background-color: var(--primery-color);
}
.exploremoreinfosection .bg_top_shape::before{
    display: none;
}

/* error-404 not-found */
.error-404.not-found{
	padding: 250px 20px 150px;
    text-align: center;
}
.error-404.not-found .page-content{
	max-width: 700px;
    margin: 30px auto 0px;
    padding: 30px;
    color: #fff;
    width: 100%;
    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
    background: #ffffff;
}
.error-404.not-found .page-content p {
    font-size: 16px;
    margin-bottom: 10px;
    color: #000;
}
.error-404.not-found .page-content .btn {
	min-width: unset;
	width: fit-content;
    margin-inline: auto;
    margin-top: 40px;
}
@media screen and (max-width: 1024px) {
	.error-404.not-found{
		padding: 150px 20px 100px;
	}
}



body.single.single-post .other-pages-banner {
    height: auto;
    padding: 300px 0 200px;
}
body.single.single-post .other-banner-inner{
        height: auto;
}
body.single.single-post .other-pages-banner:before {
    background: rgba(0,0,0,0.4);
}
body.single.single-post .other-banner-inner h1, .extradataseopages  .banner_inner h1 {
    font-size: 55px;
    line-height: 57px;
    margin-bottom: 0px;
    font-family: 'gravesend_sansbold';
}

body.single.single-post .single-blog-page .entry-content p, .extrainfo-parent p {
    font-size: 17px;
    line-height: 27px;
    color: #000;
    overflow: hidden;
    width: 100%;
}
body.single.single-post .single-blog-page .entry-content p a, .extrainfo-parent a, .extrainfo-parent figcaption a{
    color: var(--primery-color);
}
body.single.single-post article > header.entry-header {
    margin: 0 0 10px;
    font-size: 16px;
    line-height: 28px;
    font-family: 'gravesend_sansbold';
}

body.single.single-post .backto-news-page {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 50px;
    flex-wrap: wrap;
    gap: 30px;
}

body.single.single-post .backto-news-page > a.btn.btn-custom {
    margin: 0;
}
body.single.single-post .backto-news-page > .footer_grid .link_items.contact_nav ul.social_link {
    margin: 0;
}
body.single.single-post .single-blog-page .entry-content p iframe, .extrainfo-parent p iframe {
    width: 100%;
}
body.single.single-post .single-blog-page {
    padding: 70px 15px 120px;
}
.extrainfo-parent h1, .extrainfo-parent h3, .extrainfo-parent h4, .extrainfo-parent h5, .extrainfo-parent h6{
    font-weight: 600;
    color: #000;
}
.extrainfo-parent h1{
    margin-bottom: 30px;
}

.extrainfo-parent h2, .extrainfo-parent h3, .extrainfo-parent h4 {
    margin: 30px 0px 10px 0px;
}
.extrainfo-parent ol, .extrainfo-parent ul, .extrainfo-parent figure {
    font-size: 17px;
    line-height: 27px;
    padding: 0px;
}
.extrainfo-parent li{
    margin-bottom: 8px;
}
.extrainfo-parent figcaption{
    margin-top: 10px;
    color: #000;
    font-weight: 500;
    font-size: 18px;
}
.extrainfo-parent figure{
    width: 100% !important;
}
/* .extrainfo-parent img{
    width: 100%;
} */
.filter-head{
	justify-content: center;
	flex-wrap: wrap;
}
.page-template-booking-thankyou .banner_inner {
    padding-inline: 20px;
}
.page-template-booking-thankyou .banner_inner h4 {
    font-size: 40px;
    line-height: 45px;
}
@media screen and (min-width:1200px){
    .extrainfo-parent h2{
        font-size: 40px;
        line-height: 45px;
    }
    .extrainfo-parent h3{
        font-size: 35px;
        line-height: 40px;
    }
    .extrainfo-parent h4{
        font-size: 30px;
        line-height: 35px;
    }
}
@media screen and (max-width:1199px) {
    body.single.single-post .other-banner-inner h1, .extradataseopages  .banner_inner h1 {
        font-size: 45px;
        line-height: 47px;
    }
    body.single.single-post .single-blog-page {
        padding: 70px 15px 70px;
    }
    .extrainfo-parent h2{
        font-size: 35px;
        line-height: 40px;
    }
    .extrainfo-parent h3{
        font-size: 30px;
        line-height: 35px;
    }
    .extrainfo-parent h4{
        font-size: 25px;
        line-height: 30px;
    }
    .extrainfo-parent h1{
        margin-bottom: 20px;
    }
}
@media screen and (max-width:767px) {
    body.single.single-post .other-banner-inner h1, .extradataseopages  .banner_inner h1 {
        font-size: 35px;
        line-height: 37px;
    }
    body.single.single-post .other-pages-banner {
        height: auto;
        padding: 150px 0 100px;
    }
    .extrainfo-parent h2, .extrainfo-parent h3, .extrainfo-parent h4 {
        margin: 20px 0px 10px 0px;
    }
    .extrainfo-parent h2{
        font-size: 30px;
        line-height: 35px;
    }
    .extrainfo-parent h3{
        font-size: 26px;
        line-height: 30px;
    }
    .extrainfo-parent h4{
        font-size: 22px;
        line-height: 36px;
    }
    .extrainfo-parent h1{
        margin-bottom: 15px;
    }
	.page-template-booking-thankyou .banner_inner h4 {
		font-size: 30px;
		line-height: 35px;
	}
	.requestcallback select {
		height: 45px !important;
    	padding: 10px 20px 10px !important;
	}
}
@media screen and (max-width:767px) {
    .extrainfo-parent h2{
        font-size: 25px;
        line-height: 30px;
    }
    .extrainfo-parent h3{
        font-size: 22px;
        line-height: 25px;
    }
    .extrainfo-parent h4{
        font-size: 20px;
        line-height: 35px;
    }
}