/*
Theme Name: Vacation Rental Expert
Theme URI: https://www.seothemesexpert.com/products/free-travel-wordpress-themes
Author: drakearthur
Author URI: https://www.seothemesexpert.com/
Description: Our Vacation Rental WordPress Theme offers a range of benefits that will make managing your vacation rental business, vacation rental properties, holiday rentals, short-term rental homes, vacation homes, rental accommodations, holiday cottages, vacation apartments, beach rentals, cabin rentals, luxury vacation rentals, family vacation rentals, rental houses, vacation property management, Airbnb alternatives, short-term vacation rentals, easy and stress-free. First and foremost, it is incredibly user-friendly, meaning that even if you have no experience with website design or development, you can easily set up and customize your website in just a few clicks.One of the standout features of our Vacation Rental WordPress Theme is its advanced booking system, which allows your customers to easily browse your available properties and make bookings directly through your website. This means that you’ll save time and effort by automating the booking process and reduce the risk of double bookings or other errors.Our theme is also highly customizable, meaning that you can tailor your website to suit your unique brand and style. Choose from a range of pre-made templates, fonts, and color schemes, or create your own custom design to ensure that your website truly stands out from the crowd.Furthermore, our Vacation Rental WordPress Theme is fully responsive, meaning that it looks great on any device, from desktop computers to smartphones and tablets. This means that your customers can easily browse your website and make bookings from anywhere, at any time.
Version: 11.2
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: vacation-rental-expert
Template: travel-booking-expert
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, grid-layout, wide-blocks, editor-style, full-width-template, custom-background, custom-colors, custom-header, custom-logo, custom-menu, sticky-post, featured-images, footer-widgets, flexible-header, featured-image-header, post-formats, theme-options, threaded-comments, translation-ready, rtl-language-support, 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: #eb1d36;
    --color-primary2: #164eb5;
}

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;
}
.logo a:focus{
  outline: 1px solid #000;
}
.logo{
    padding: 0;
    border-radius: 0;
    position: static;
    box-shadow: none;
    text-align: left;
    background: transparent;
}
img.custom-logo{
    border-radius: 0px;
}
.logo{
    height: 100% !important;
    width: 100% !important;
}
.logo a{
	text-decoration: none;
}

.upper-header-area p{
    color: #fff;
}

.second-main-box img, .hotel-color {
    width: 100%;
    height: 300px;
    object-fit: cover;
}
#slider-section h1{
    padding: 0;
    border:none;
    text-transform: uppercase;
    font-size: 37px;
}
.inner-box h3 a:hover{
    color: var(--color-primary1);
}
.slider-border{
    border-left: 5px solid var(--color-primary1);
    padding-left: 20px;
}
.slider-area p.slider-toptext{
    font-size: 20px;
    text-transform: capitalize;
}
.hotel-color{
    background-color: var(--color-primary1);
}
.inner-box h3{
	font-size: 20px;
}
.inner-box h3 a {
    color: #fff;
    text-decoration: none;
}
#top-hotel-section h2{
    color: var(--color-primary2);
}
.inner-box-image{
    position: relative;
}
.inner-box {
    position: absolute;
    bottom: 0;
    background: rgb(0 0 0 / 60%);
    width: 100%;
}
h4.site-title a{
    color: #000;
}
.small-title{
    text-align: center !important;
    color: var(--color-primary1);
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.navbar-menubar.responsive-menu {
    display: block;
}
.main-navigation ul .menu-item.menu-item-has-children a,
.main-navigation ul .page_item.page_item_has_children a{
  position: relative;
}
.main-navigation ul .menu-item.menu-item-has-children .sub-menu a:after,
.main-navigation ul .page_item.page_item_has_children .children a:after{
  content: none;
}
.main-navigation .menu ul {
  margin-bottom: 0px;
  padding: 0px;
}
.main-navigation .menu li {
  display: inline;
  position: relative;
  list-style: none;
}
.navbar-menubar .main-navigation .menu > li > a, .navbar-menubar .page_item a {
  padding: 10px 5px;
  font-size: 15px;
  font-weight: 500;
  text-transform: capitalize;
  color: #000;
  text-decoration: none;
}
.navbar-menubar .page_item_has_children ul li a,.main-navigation .menu .menu-item-has-children ul li a {
  display: block;
  font-size: 15px;
  font-weight: 500;
  text-transform: capitalize;
  position: relative;   
  color: var(--color-primary1);
  text-decoration: none;
}
.main-navigation ul.sub-menu > li > a:hover, .main-navigation ul.sub-menu > li > a:focus, 
.main-navigation ul.children > li > a:hover, .main-navigation ul.children > li > a:focus{
  color: #eaeaea !important;
  background-color: #444 !important;
  border-radius: 5px;
}
.main-navigation ul, .main-navigation .menu ul {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: start;
}
h4.site-title {
    padding: 12px 0;
    margin-top: 0;
    overflow-wrap: break-word;
}
div#mySidenav {
  display: inline-flex;
}
.main-navigation .menu > li ,.main-navigation .menu li{
  display: inline;
  position: relative;
}
.lower-header-area{
    padding: 6px 0;
}
.main-navigation li.current_page_item > a, .main-navigation li.current-menu-item > a{
  color: var(--color-primary2) !important;
  border-bottom:1px solid var(--color-primary2) !important;
}
.main-navigation .menu > li > a:hover,.page_item a:hover{
  color: var(--color-primary1);
}
.main-navigation .sub-menu,
.main-navigation .children {
  background-color: #ffffff;
  list-style: none;
  padding-left: 0;
  position: absolute;
  opacity: 0;
  left: -9999px;
  z-index: 99999;
  width: 200px !important;
}
.main-navigation .sub-menu > li > a:hover,
.main-navigation .sub-menu > li > a:focus,
.main-navigation .children > li > a:hover,
.main-navigation .children > li > a:focus {
  background: #000;
  color: #fff;
}
.main-navigation .sub-menu li ul.sub-menu,
.main-navigation .children li ul.children {
  left: 200px !important;
  top: -1px !important;
}
.main-navigation .sub-menu > li,
.main-navigation .children > li {
  display: block;
  float: none;
  position: relative;
  width: 100%;
  border-bottom: 1px solid #ddd;
}
.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand,
.main-navigation .children > li.page_item_has_children .submenu-expand {
  display: inline-block;
  position: absolute;
  width: calc( 24px + 1rem);
  right: 0;
  top: calc( .125 * 1rem);
  bottom: 0;
  color: white;
  line-height: 1;
  padding: calc( .5 * 1rem);
}
.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand,
.main-navigation .children > li.page_item_has_children .submenu-expand {
  margin-right: 0;
}
.main-navigation .sub-menu > li > a,
.main-navigation .sub-menu > li > .menu-item-link-return,
.main-navigation .children > li > .menu-item-link-return {
  color: #fff;
  display: block;
  padding: 15px;
}
.main-navigation .sub-menu > li > .menu-item-link-return,
.main-navigation .children > li > .menu-item-link-return {
  width: 100%;
  font-weight: normal;
  text-align: left;
}
.main-navigation .sub-menu > li > a:empty,
.main-navigation .children > li > a:empty {
  display: none;
}
.main-navigation .sub-menu > li.mobile-parent-nav-menu-item,
.main-navigation .children > li.mobile-parent-nav-menu-item {
  display: none;
  font-size: 0.88889em;
  font-weight: normal;
}

.main-navigation .sub-menu > li:last-child,
.main-navigation .children > li:last-child {
  border-bottom: none;
}

.toggle-nav, a.closebtn{
  display: none;
}
@media screen and (min-width:1001px){
  .main-navigation .menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,.main-navigation .menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,.main-navigation .menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu,.main-navigation .menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu,.main-navigation .menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu,.main-navigation .menu .page_item_has_children:not(.off-canvas):hover > .children,.main-navigation .menu .page_item_has_children:not(.off-canvas):focus > .children,.main-navigation .menu .page_item_has_children.is-focused:not(.off-canvas) > .children,.main-navigation .menu .page_item_has_children:not(.off-canvas)[focus-within] > .children,.main-navigation .menu .page_item_has_children:not(.off-canvas):focus-within > .children   {
    display: block;
    left: 0;
    margin-top: 5px;
    width: auto;
    min-width: 100%;
    opacity: 1;
    top: 100%;
    border: 1px solid #f3f3f3;
  }
}

@media screen and (min-width : 320px) and (max-width : 720px) {
	h4.site-title {
	    text-align: center;
	}
	.slider-area p{
		display: none;
	}
    .inner-box{
        width: 100%;
        margin: 0;
    }
    .logo{
        text-align: center;
    }
    #slider-section h1{
        font-size: 20px;
    }
}

@media screen and (min-width : 721px) and (max-width : 990px) {

}
@media (min-width: 991px) {
    .navbar-expand-lg .navbar-collapse{
      display: flex !important;
    }
}
@media screen and (max-width: 1200px){
    .main-navigation .menu ul {
    gap: 10px 20px;
    }
}
@media screen and (max-width : 1000px) {
    .navbar-menubar .main-navigation .menu > li > a, .navbar-menubar .page_item a {
    font-size: 14px;
    }
    .navbar-menubar .page_item_has_children ul li a,.main-navigation .menu .menu-item-has-children ul li a {
    font-size: 14px;
    }
    .main-navigation ul .menu-item.menu-item-has-children a:after,
    .main-navigation ul .page_item.page_item_has_children a:after{
    content: none;
    }
    .main-navigation .menu{
    display: inline-block;
    margin-top: 65px;
    width: 100%;
    }
    .main-navigation .menu ul{
    display: inline-block;
    width: 100%;
    }
    .main-navigation .menu li{
    border: none;
    }
    ul#menu-testing-menu li.current-menu-item.current_page_item a{
    border: none;
    color: #ffffff;
    }
    .main-navigation ul.sub-menu li a,
    .main-navigation ul.children li a {
    color: #ffffff !important;
    }
    .main-navigation ul.sub-menu > li > a:hover, .main-navigation ul.sub-menu > li > a:focus,
    .main-navigation ul.children > li > a:hover, .main-navigation ul.children > li > a:focus{
    background: transparent;
    }
    .toggle-nav.mobile-menu {
    text-align: right;
    }

    .main-navigation .sub-menu > li,
    .main-navigation .children > li{
    border: none;
    }
    .toggle-nav {
    display: none;
    cursor: pointer;
    z-index: 999999;
    }
    .toggle-nav i {
    font-size: 30px;
    color: #000000;
    }
    .toggle-nav button {
    border: none;
    background: transparent;
    padding: 0;
    }
    .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 99999999;
    right: 0;
    top: 0;
    overflow-x: hidden;
    transition: 0.5s ;
    overflow-y: scroll;
    background: #1E192D;
    visibility: hidden;
    }
    .sidenav.show {
    visibility: visible;
    width: 350px;
    }
    .sidenav .closebtn {
    position: absolute;
    top: 20px;
    margin-left: 10px;
    display: block;
    font-size: 30px;
    color: #fff;
    text-align: center;
    right: 14px;
    }
    .sidenav #site-navigation {
    width: 100%;
    background-color: #181818;
    padding-left: 6px;
    }
    .toggle-nav,
    .toggle-nav.mobile-menu,
    a.closebtn.mobile-menu,
    .main-navigation ul ul li,
    .nav ul li a{
    display: block;
    }
    .nav ul li ul li a:before{
    content:"\00BB \00a0";
    }
    .nav ul li ul li a{
    padding-left:20px !important;
    }
    .nav ul li ul li ul li a{
    padding-left:30px !important;
    }
    .main-navigation li{
    padding: 0;
    }
    .main-navigation ul li a,.main-navigation .menu > li > a,.main-navigation .sub-menu > li > a, .main-navigation .sub-menu > li > .menu-item-link-return,
    .main-navigation .menu > li > a,.main-navigation .children > li > a, .main-navigation .children > li > .menu-item-link-return,.menu ul li a {
    color: #ffffff !important;
    display: block;
    border: none;
    text-align: left;
    padding: 10px 0px;
    border-bottom: 1px solid rgba(255, 255, 255, .15);
    }

    .sidebar .widget .main-navigation ul li a,.sidebar .widget .main-navigation .menu > li > a,.sidebar .widget .main-navigation .sub-menu > li > a,.sidebar .widget .main-navigation .sub-menu > li > .menu-item-link-return,
    .sidebar .widget .main-navigation .menu > li > a,.sidebar .widget .main-navigation .children > li > a,.sidebar .widget .main-navigation .children > li > .menu-item-link-return,.sidebar .widget .menu ul li a ,
    .footer-row .footer-widget .widget .main-navigation ul li a,.footer-row .footer-widget .widget .main-navigation .menu > li > a,.footer-row .footer-widget .widget .main-navigation .sub-menu > li > a,.footer-row .footer-widget .widget .main-navigation .sub-menu > li > .menu-item-link-return,
    .footer-row .footer-widget .widget .main-navigation .menu > li > a,.footer-row .footer-widget .widget .main-navigation .children > li > a,.footer-row .footer-widget .widget .main-navigation .children > li > .menu-item-link-return,.footer-row .footer-widget .widget .menu ul li a {
    color: #332f2e !important;
    display: block;
    border: none;
    text-align: left;
    padding: 0px;
    padding-left: 18px;
    border-bottom: none;
    }
    .footer-row .footer-widget .widget .main-navigation ul li a,.footer-row .footer-widget .widget .main-navigation .menu > li > a,.footer-row .footer-widget .widget .main-navigation .sub-menu > li > a,.footer-row .footer-widget .widget .main-navigation .sub-menu > li > .menu-item-link-return,
    .footer-row .footer-widget .widget .main-navigation .menu > li > a,.footer-row .footer-widget .widget .main-navigation .children > li > a,.footer-row .footer-widget .widget .main-navigation .children > li > .menu-item-link-return,.footer-row .footer-widget .widget .menu ul li a {
    color: #ffffff !important;
    }
    #site-navigation .menu ul li a:hover{
    color: var(--color-primary1);
    }

    /* mobile menu */
    /*NEW */
    .main-navigation .menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu{
    border: none;
    }
    .main-navigation .sub-menu li ul.sub-menu,.main-navigation .children li ul.children{
    left: 0px !important;
    }
    .navigation_header .nav, .navbar-expand-xl {
    display: inline-block;
    }
    .main-navigation .sub-menu, .main-navigation .children{
    background: transparent;
    }
    .caret {
    display: none;
    }
    .main-navigation ul li ul a {
        background: 0 0
    }
    .main-navigation ul li ul li ul li a {
    background: 0 0;
    padding-left: 22px;
    /* font-size: 14px; */
    color: rgba(255, 255, 255, .5)
    }
    .main-navigation a.current,
    .main-navigation li.current>a {
    color: #c5a47e
    }
    .main-navigation ul li {
    position: relative;
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, .15)
    }

    .main-navigation ul .dropdown:focus-within>ul {
    display: block !important
    }

    .main-navigation ul>li>ul {
    background-color: #2a2a2a
    }
    .main-navigation ul li a, .navbar-menubar .main-navigation .menu > li > a, .navbar-menubar .page_item a {
    background: 0 0;
    color: #fff;
    display: inline-block;
    padding: 12px 15px;
    position: relative;
    cursor: pointer;
    width: 100%;
    text-align: left
    }
    .main-navigation ul.menu>li>ul>li>a {
    padding-left: 22px;
    color: rgba(255, 255, 255, .5)
    }

    .main-navigation ul.menu>li>ul>li.dropdown>a {
    padding-left: 22px
    }

    .main-navigation ul.menu>li>ul>li.dropdown {
    width: auto
    }

    .main-navigation ul li.dropdown .la {
    border-left: 1px solid rgba(130, 130, 130, .58);
    color: #fff;
    text-align: center;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
    }

    .main-navigation .menu .dropdown-menu {
    position: relative;
    z-index: 1;
    display: none;
    float: none;
    min-width: 100%;
    padding: 5px 0;
    margin: 2px 50px 0 0;
    font-size: 14px;
    text-align: center;
    list-style: none;
    background-color: transparent;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    border-radius: 1px;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 1 !important;
    left: 0 !important;
    }

    #site-navigation .menu li.dropdown .bi,.main-navigation .menu li i,.menu li.page_item ul.children i {
    display: block;
    border-left: 1px solid rgba(255, 255, 255, .13);
    color: #b3b3b9;
    text-align: center;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
    }

    #site-navigation .menu li.dropdown .bi,
    .main-navigation ul li.dropdown .bi,.main-navigation .menu li i,ul.children.dropdown-menu li i,.menu li.page_item ul.children i {
    position: absolute;
    z-index: 99;
    width: 60px;
    right: 0;
    top: 0;
    line-height: 45px;
    font-size: 18px;
    cursor: pointer;
    }
    .menu li.page_item i,.main-navigation .menu li i {
    right: -254px !important;
    top: -10px !important;
    width: 40px !important;
    }
    body.repopackage-template-default .menu li.page_item i,body.repopackage-template-default .main-navigation .menu li i 
    body.repopackage-template-default .menu li.page_item ul.children li.page_item i,body.repopackage-template-default .menu li.menu-item ul.sub-menu li.menu-item i {
    right: 0 !important;
    }
    .menu li.page_item ul.children li.page_item i,
    .menu li.menu-item ul.sub-menu li.menu-item i{
    right: 0 !important;
    }

    .main-navigation ul.menu>li {
    padding: 0;
    }

    .main-navigation ul li:last-child,
    .main-navigation ul.menu>li>ul>li:last-child,
    .main-navigation .menu>li>ul>li:last-child,
    .main-navigation .menu>li>ul>li>ul>li:last-child {
    border-bottom: none;
    }
}

@media screen and (max-width: 500px){
    .sidenav.show {
      visibility: visible;
      width: 300px;
    }
}
  @media (max-width: 2560px) and (min-width: 1024px){
    ul.sub-menu.dropdown-menu i,ul.children i {
      display: none;
    }
}

#slider-section h1 a,#slider-inner .slider-box h2 a{
    word-wrap: break-word;
}
h4.site-title a:hover, .upper-header-area a:hover {
    color: var(--color-primary2);
}
@media screen and (min-width:1700px) and (max-width:1900px){
    .container{
        max-width: 1520px;
    }
}
@media screen and (min-width:1920px) {
    .container{
        max-width: 1620px;
    }
}