/*
Theme Name: Expert Travel Vlogger
Theme URI: https://www.seothemesexpert.com/wordpress/free-travel-vlogger-wordpress-theme/
Author: drakearthur
Author URI: https://www.seothemesexpert.com/
Description: Expert Travel Vlogger is a WordPress template designed to create video websites. You can create websites for travel vlogging, food Vlogging, product review sites, vlog makers, technichal vloggers, fashion vloggers or other content creators. This theme has many functionalities like one-column layout, two-columns layout, featured-images,  and right-sidebar, custom-background, custom-colors, custom-header, custom-menu, theme-options, footer-widgets, full-width-template, left-sidebar, threaded-comments etc. This theme has eyecatching header and slider along with a video section to enlist video for leading hotels. The theme has beautiful color combination with option to customize it as per your requirement. 
Version: 1.6
Tested up to: 6.5
Requires PHP: 7.2
License: GPLv3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: expert-travel-vlogger
Template: travel-booking-expert
Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, sticky-post, featured-images, footer-widgets, flexible-header, full-width-template, post-formats, theme-options, threaded-comments, blog, portfolio, photography

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

button[type="submit"], input[type="button"], input[type="submit"],.theme-button,.blog-item::after,.wp-block-calendar table th, .calendar_wrap table th,.pagination .nav-links .page-numbers.current,.sidebar>.widget form button, .footer-area .widget form button,.comment-form input[type='submit'],.upper-header-area,.comment-body::after,.comment-edit-link, .comment-reply-link,#tourist-section .product-box .more-button a, #slider-section .read-btn a{
    background: #25bdc1;
}
.blog-item,.blog-item .blog-content::before,.blog-item .blog-content::after,.sidebar>.widget:not(.widget_text):not(.widget_post):not(.widget_media_image),.comment-form input:not([type='submit']):not([type="checkbox"]):not([type="radio"]), .comment-form textarea,.comment-body,.comment-body .comment-content::after, .comment-body .comment-meta::before{
	border-color: #25bdc1;
}
.blog-item .comment-timing li a i,.widget:not(.widget_social_widget):not(.widget_tag_cloud) li a::after,.sidebar .wp-block-calendar table td a, .sidebar .calendar_wrap table td a,a{
	color: #25bdc1;
}
.sidebar>.widget:not(.widget_text):not(.widget_post):not(.widget_media_image){
	box-shadow: 3px 5px #25bdc1;
}
.sidebar .wp-block-calendar table td#today, .sidebar .calendar_wrap table td#today,.pagination .nav-links a:hover, .pagination .nav-links a:focus,.sidebar>.widget form button:hover, .footer-area .widget form button:hover,.theme-button:hover, .theme-button:focus,.comment-form input[type='submit']:hover, .comment-form input[type='submit']:focus,.comment-edit-link:hover, .comment-edit-link:focus, .comment-reply-link:hover, .comment-reply-link:focus,.main-header .navbar-menubar ul ul,#tourist-section .product-box .more-button a:hover, #slider-section .read-btn a:hover{
	background: #fa7921;
}
.widget_tag_cloud a:hover, .widget_tag_cloud a:focus, .widget_product_tag_cloud .tagcloud a:hover, .widget_product_tag_cloud .tagcloud a:focus,.sidebar .widget:not(.widget_social_widget):not(.widget_tag_cloud):not(.widget_shopping_cart) li a:hover, .sidebar .widget:not(.widget_social_widget):not(.widget_tag_cloud):not(.widget_shopping_cart) li a:focus, .sidebar .widget:not(.widget_social_widget):not(.widget_tag_cloud):not(.widget_shopping_cart) li a:hover:after, .sidebar .widget:not(.widget_social_widget):not(.widget_tag_cloud):not(.widget_shopping_cart) li a:focus:after,.btn-link:hover, .link-primary:focus, .link-primary:hover, .nav-link:focus, .nav-link:hover, a:hover,.second-main-box h3{
	color: #fa7921;
}
.blog-item .blog-content h5.post-title:hover, .blog-item .blog-content h5.post-title a:hover, .blog-item .blog-content .heding:hover{
	color: #fa7921 !important;
}
#slider-section .slider-color-box{
  background-color: #ffa66a;
}
.woocommerce div.product p.price, .woocommerce div.product span.price,.product-single .product-content h3 a,.woocommerce ul.products li.product .price{
    color: #25bdc1;
}
 .woocommerce ul.products li.product .product-action a.wc-forward,.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,.woocommerce span.onsale,.wc-block-components-order-summary-item__quantity,.wp-block-woocommerce-cart .wc-block-components-product-badge,.product .product-single .sale-ribbon,.woocommerce ul.products li.product .product-action .button.add_to_cart_button,.woocommerce p.woocommerce-result-count,.wp-block-woocommerce-cart .wc-block-cart__submit-button, .wc-block-components-checkout-place-order-button, .wc-block-components-totals-coupon__button{
    background: #25bdc1 !important
}
input[type="text"]:not(.adminbar-input), input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, .form-control{
    border-color: #25bdc1;
}

h4.site-title:focus,body a:focus, body a:hover, body .btn:focus, body .btn:hover, body button:focus, body button:hover,.inner-box a:focus,.logo a:focus {
    outline-width: 2px;
    outline-style: dotted;
    text-decoration: none;
    transition: all 300ms linear 0s;
    outline-color: #000;
}
.blog-item.sticky:before{
    background: #25bdc1;
}
.sidebar>.widget form button, .footer-area .widget form button{
    top: 9px;
    right: 17px
}
.loader::before{
    border-top: 3px solid #fa7921;
    border-right: 3px solid #fa7921;
}
.loader span::before{
    background: #fa7921;
    box-shadow: 0 0 10px #fa7921;
}
.loader{
    color: #25bdc1;
    border-color: #fa7921;
    text-shadow: 0 0 10px #25bdc1;
}
.lower-header-area {
    background: rgba(0, 0, 0, 0) linear-gradient(60deg, #fff 30%, #fa7921 10%) repeat scroll 0 0;
}
.logo{
    padding: 0;
    border-radius: 0;
    position: static;
    box-shadow: none;
    text-align: left;
    background: transparent;
}
.logo a{
	text-decoration: none;
}
.main-header .navbar .navbar-menu ul li a,.main-header .navbar .navbar-menu ul li.current_page_item a{
	color: #fff;
    text-decoration: none;
}
a.topheader_btn {
    background: #fff;
    padding: 8px;
    font-size: 15px;
    border-radius: 5px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
}
.main-header .navbar .navbar-menu ul li.current_page_item a:before{
	background: #fff !important;
}
.navbar-menu {
    justify-content: flex-end;
}

#slider-section h1 a {
    border-left: none;
    padding-left: 0;
}

#slider-section .read-btn a{
	border-radius: 5px;
}
.second-main-box img {
    width: 100%;
    height: 280px;
    object-fit: cover;
}

.inner-box {
    box-shadow: 0 0 10px 2px #d5d5d5;
}

.inner-box h4{
	font-size: 20px;
}

.inner-box h4 a {
    color: #000;
    text-decoration: none;
    word-wrap: break-word;
}
.logo {
    width: 100% !important;
    height: 100% !important;
    display: block;
}
img.custom-logo {
    width: 86%;
    height: 100%;
    border-radius: 0px;
}

.inner-box-image {
    position: relative;
}

.inner-box-icon {
    position: absolute;
    top: 50%;
    z-index: 999;
    left: 0;
    right: 0;
    text-align: center;
}

.inner-box-icon i {
    background: #fff;
    padding: 14px;
    border-radius: 30px;
    color: #fa7921;
}

#scrolltop {
  background-color: #25bdc1;
    }
/*-----------------Search pop up----------------*/
.inner_searchbox{
  background: #fff;
  max-height: 150px;
  display: flex;
  justify-content: center;
  position: relative;
  box-shadow: 0px 0px 12px #c0bebe;
  transition: 1s height ease-in-out;
}
.search-close {
    position: absolute;
    top: 0;
    font-size: 24px;
    z-index: 9999;
    right: 2%;
    color: #332f2e;
    background: none;
    cursor: pointer;
    transition: 0.5s height ease-in-out;
}
.inner_searchbox form.search-form {
  width: calc(100% - 30px);
  color: #fff;
  border: none;
  border-bottom: 1px solid #eae6e6;
  position: absolute;
  bottom: 20px;
  display: table;
  padding: 0;
  border-radius: 0;
  background: #ffffff;
  max-width: 1200px;
  text-align: left;
}
.inner_searchbox form.search-form label {
  width: 90%;
}
.inner_searchbox input.search-field {
  padding: 10px;
  font-size: 20px;
  font-weight: 500;
  color: #112b38;
  max-height: 1200px;
  border: 0;
  width: 100%;
}
.inner_searchbox input.search-submit {
  padding: 8px 35px;
  margin: 5px 0;
  font-size: 20px;
}
.inner_searchbox input[type="submit"]{
  text-indent: -9999px;
  z-index: 9999;
  background: url(images/search.png) no-repeat 0 10px;
  position: absolute;
  margin:0;
  background-size: 30px;
}
.search-bar button{
  background: transparent;
  border: 0;
}
.search-outer {
  background: rgb(250 121 33 / 80%);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0;
  visibility: hidden;
  text-align: center;
  height: 100%;
  transition: 1s height ease-in-out;
  z-index: 999;
}
body.search-focus .search-outer{
  visibility: visible;
  transition: 1s height ease-in-out;
}
body.admin-bar .inner_searchbox{
  margin-top: 32px;
}
body.admin-bar .search-close{
  top:38px;
}
button.search-submit {
 border: 0;
 background: transparent;
}
input.search-field {
 border: none;
 padding: 4px 0;
 background: transparent;
 width: 95%;
}
.search-bar i {
    font-size: 17px;
    color: #fff;
    background: none;
    padding: 14px;
    border-radius: 0;
    display: inline-block;
}
.search-bar button {
  background: none;
  border:none;
}
.inner_searchbox input[type="submit"]{
  text-indent: -9999px;
  z-index: 9999;
  background: url(assets/images/search.png) no-repeat 0 10px;
  position: absolute;
  margin:0;
  background-size: 30px;
}
button.search-submit i{
    color: #332f2e;
}
.modal-content{
  background: transparent;
  border: 0;
}
.modal-dialog{
  pointer-events: all;
}
.modal-body{
  padding: 0;
}
#myModal, .modal-open {
  padding: 0 !important;
}
.modal-open{
  overflow-y: scroll;
}
body.admin-bar .inner_searchbox{
  margin-top: 32px;
}
body.admin-bar .closepop{
  top:30px;
}
.carousel-dash.active{
  background-color:#fa7921;
}
.carousel-dash{
  height: 5px;
}
.footer-area .footer-widget .widget:not(.widget_social_widget):not(.widget_tag_cloud) li:before{
  color: #fa7921;
}
@media screen and (min-width : 320px) and (max-width : 767px) {
    .logo{
        text-align: center;
    }
    #slider-section .carousel-item img{
        height: 300px;
    }
    #slider-section .carousel-control-next, #slider-section .carousel-control-prev{
        display: none;
    }
    #slider-section h1 {
        text-align: center;
    }
    .main-header .contact{
        display: grid;
        margin: 5px;
    }
    .main-header .contact a{
        margin-bottom: 10px;
    }
}
@media screen and (min-width : 320px) and (max-width : 720px) {
	.lower-header-area {
	    background: #fa7921;
	}
	h4.site-title {
	    text-align: center;
	}
	.slider-area p{
		display: none;
	}	
}

@media screen and (min-width : 721px) and (max-width : 990px) {
	.navbar-toggler{
		background: #fa7921 !important;
	}
}
@media screen and (max-width : 1000px) {
    .main-header .navbar-menubar.responsive-menu i{
        padding: 10px;
        background-color: #fff;
    }
    .main-header .navbar .navbar-toggler:hover, .main-header .navbar .navbar-toggler:focus{
        background:none;
        color: #4c4c4c;
    }
}
@media screen and (min-width : 990px) and (max-width : 1199px) {
	.lower-header-area {
    	background: rgba(0, 0, 0, 0) linear-gradient(60deg, #fff 25%, #fa7921 5%) repeat scroll 0 0;
	}

}
@media screen and (min-width : 768px) and (max-width : 999px) {
    .main-header .navbar .navbar-menu ul{
        width: 400px;
    }
    .second-main-box img{
      height: 190px;
    }
}