/*
Theme Name: Expert Travel Vlogger
Theme URI: https://www.seothemesexpert.com/products/free-travel-vlogger-wordpress-theme
Author: drakearthur
Author URI: https://www.seothemesexpert.com/
Description: The Expert Travel Vlogger WordPress template is specifically crafted for creating dynamic video-centric websites. Ideal for travel vlogging, food vlogging, travel vlogging, travel video content, adventure vlogs, travel blog, travel videography, travel YouTube channel, travel storytelling, destination vlogs, travel experiences, travel influencers, travel guide videos, travel review vlogs, travel lifestyle, vlogging gear for travel, travel video tips, and various content creators such as tech reviewers and fashion vloggers, this theme offers a versatile range of functionalities. It features multiple layout options, including one-column and two-column layouts, as well as customizable elements such as featured images, right and left sidebars, custom backgrounds, colors, headers, and menus. The theme also includes theme options, footer widgets, and a full-width template to enhance your site's usability. With an eye-catching header, a stylish slider, and a dedicated video section for showcasing top hotels, the Expert Travel Vlogger theme combines aesthetic appeal with functionality. Its beautiful color combinations are customizable to fit your brand, ensuring your website stands out in the competitive world of video content creation.
Version: 3.1
Tested up to: 6.7
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.
*/

:root {
  --color-primary1: #25bdc1 !important;
  --color-primary2: #fa7921 !important;
}

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: var(--color-primary1);
}
.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: var(--color-primary1);
}
.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: var(--color-primary1);
}
.sidebar>.widget:not(.widget_text):not(.widget_post):not(.widget_media_image){
	box-shadow: 3px 5px var(--color-primary1);
}
.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: var(--color-primary2);
}
.footer-area .footer-widget .widget:not(.widget_social_widget):not(.widget_tag_cloud) li a:hover, .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: var(--color-primary2);
}
.blog-item .blog-content h5.post-title:hover, .blog-item .blog-content h5.post-title a:hover, .blog-item .blog-content .heding:hover{
	color: var(--color-primary2) !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: var(--color-primary1);
}
 .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: var(--color-primary1) !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: var(--color-primary1);
}

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: var(--color-primary1);
}
#slider-section h1 a:hover, #slider-inner .slider-box h2 a:hover, #tourist-section .dest-name h4 a:hover, .main-header .navbar .navbar-menu ul li a:hover{
  color: var(--color-primary1);
}
.upper-header-area a i:hover, .upper-header-area a:hover, .inner-box h4 a:hover{
  color: var(--color-primary2) ;
}

.loader::before{
    border-top: 3px solid var(--color-primary2);
    border-right: 3px solid var(--color-primary2);
}
.loader span::before{
    background: var(--color-primary2);
    box-shadow: 0 0 10px var(--color-primary2);
}
.loader{
    color: var(--color-primary1);
    border-color: var(--color-primary2);
    text-shadow: 0 0 10px var(--color-primary1);
}
.lower-header-area {
    background: rgba(0, 0, 0, 0) linear-gradient(60deg, #fff 30%, var(--color-primary2) 10%) repeat scroll 0 0;
}
.sidebar>.widget form input, .footer-area .widget form input{
    background: #fff !important;
}
.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{
    border-left: none;
    padding-left: 0;
}

#slider-section .read-btn a{
	border-radius: 5px;
}
.second-main-box img , .hotel-post{
    width: 100%;
    height: 280px;
    object-fit: cover;
}
.hotel-post{
  background-color: var(--color-primary1);
}

#top-hotel-section h3{
  position: relative;
}
#top-hotel-section h3:after{
  content: "";
  position: absolute;
  top: 35%;
  transform: translateY(-50%);
  bottom: auto;
  border-bottom: 5px solid var(--color-primary1);
  width: 7%;
  left: auto;
  right: auto;
  margin-left: 13px;
}
.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 {
    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: var(--color-primary2);
}

#scrolltop {
  background-color: var(--color-primary1);
    }
/*-----------------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: flex;
  padding: 0;
  border-radius: 0;
  background: #ffffff;
  max-width: 1200px;
  text-align: left;
}
.inner_searchbox form.search-form label {
  width: 95%;
}
.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;
  background-color: var(--color-primary1);
}
.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: 100%;
}
.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:var(--color-primary2);
}
.carousel-dash{
  height: 5px;
}
.footer-area .footer-widget .widget:not(.widget_social_widget):not(.widget_tag_cloud) li:before{
  color: var(--color-primary2);
}
@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;
    }
    .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: var(--color-primary2);
	}
	h4.site-title {
	    text-align: center;
	}
	.slider-area p{
		display: none;
	}	
}

@media screen and (min-width : 721px) and (max-width : 990px) {
	.navbar-toggler{
		background: var(--color-primary2) !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%, var(--color-primary2) 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, .hotel-post{
      height: 190px;
    }
}
@media screen and (min-width : 1300px) and (max-width : 1550px) {
  .lower-header-area {
    background: rgba(0, 0, 0, 0) linear-gradient(60deg, #fff 25%, var(--color-primary2) 10%) repeat scroll 0 0;
  }
}

blockquote:after, blockquote:before,.woocommerce-MyAccount-navigation ul li.is-active a, .woocommerce-MyAccount-navigation ul li a:hover, .woocommerce-MyAccount-navigation ul li a:focus{
    border-color: var(--color-primary1) !important;
}

.woocommerce-account .addresses .title .edit, .woocommerce table.my_account_orders td.woocommerce-orders-table__cell-order-number a, .woocommerce-account .woocommerce-MyAccount-content p a{
    color: var(--color-primary1);
}

.woocommerce nav.woocommerce-pagination ul li a.page-numbers:focus, .woocommerce nav.woocommerce-pagination ul li a.page-numbers:hover, .woocommerce nav.woocommerce-pagination ul li span.page-numbers.current{
    background-color: var(--color-primary2);
}

#slider-section h1 a{
    word-wrap: break-word;
}

.main-header .logo a.custom-logo-link img, .main-header .logo a.custom-logo-link img, .logo img, .mobile-logo img {
  position: relative !important;
  left: unset !important;
  transform: unset !important;
}
@media screen and (min-width:1700px) and (max-width:1900px){
  .container{
      max-width: 1520px;
  }
}
@media screen and (min-width:1920px) {
  .container{
      max-width: 1620px;
  }
}