/*
Theme Name: Farm Adventure Resort Pro
Theme URI: https://www.themeignite.com/products/adventure-resort-wordpress-theme
Author: Themeignite
Author URI: https://www.themeignite.com/
Description: The Adventure Resort WordPress Theme is a dynamic and feature-rich solution crafted for adventure resorts, eco lodges, glamping sites, and nature-inspired vacation destinations. With its professional layout and robust performance capabilities, it caters to everything from a luxurious mountain adventure resort to a budget adventure resort nestled in remote forest trails or along serene riversides. This theme is perfect for operators of riverfront adventure resorts, jungle resorts, snow adventure resorts, and even adrenaline resorts that offer thrilling experiences like ziplining, bungee jumping, hiking, or white water rafting. Designed with a keen focus on visual appeal, the theme includes immersive high-resolution banners, interactive galleries, and full-width panoramic sections that beautifully showcase your resort’s views, accommodation types, and outdoor activities. It also supports rich multimedia features, so you can embed videos highlighting activities like kayaking, jeep safaris, rope courses, or stargazing nights to spark interest among potential guests. Functionality meets flexibility with customizable booking forms, detailed itinerary layouts, and dedicated sections for showcasing group or family adventure packages. It’s ideal for attracting corporate team-building groups, couples seeking romantic adventure resorts, or schools planning educational camps. Built-in SEO helps your site rank higher when users search for adventure resorts near me, while mobile-friendly responsiveness, multilingual compatibility, and WooCommerce integration boost your site’s reach and usability. The premium version also includes features like mega menus, client reviews, event calendars, and seamless social media tools to enhance visibility and user experience. Whether you're managing a forest adventure resort, a cliffside camping resort, or a kids adventure resort with zip trekking and obstacle courses, this theme ensures your online presence reflects the thrill, tranquility, and excitement your property offers—making it a trusted platform to drive more bookings and engagement.
Version: 0.0.1
Requires PHP: 5.6
Tested up to: 5.8
Tags: blog, food-and-drink, one-column, two-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, theme-options, threaded-comments, translation-ready
Text Domain: farm-adventure-resort-pro
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

/* Basic Style */

  
  html body {
    margin: 0;
    padding: 0;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    position: relative;
    color: var(--color-black);
    font-weight: 300;
    font-size: 15px;
    font-family: var(--font-Poppins);
    overflow-x: hidden;
    background-color:var(--color-white);
    overflow-x: hidden;
    width: 100%;
  }

.bypostauthor {
  font-weight: 600;
}
.wpcf7-spinner {
  display: none;
}


 /* 404 Page */

 .notfound-inner-section {
    display: flex;
    flex-flow: column;
    gap: 30px;
    justify-content: center;
    align-items: center;
    padding: 60px 0;
}

.notfound-inner-section h2 {
    font-size: 75px;
    font-family: Manrope;
    font-weight: 800;
    line-height: 1.5;
    color: var(--color-primary);
}

.notfound-inner-section p {
    font-size: 25px;
    font-family: Manrope;
    font-weight: 800;
    line-height: 1.5;
    color: var(--color-black);
}

/*.sticky{
    position: unset;
}*/
/*--------- Site Loader --------------*/

    .preloader{
      display: flex;
      background: #FF5F6A;
      height: 100%;
      width: 100%;
      left: 0;
      bottom: 0;
      top: 0;
      position: fixed;
      z-index: 99999;
    }
    .preloader .loading-dot{
        width: 15px;
        height: 15px;
        margin: auto;
        border-radius: 50%;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                    40px 40px 0px 0px #fff,-40px -40px 0px 0px #fff,40px -40px 0px 0px #fff,-40px 40px 0px 0px #fff;
        animation: load 3s infinite linear;
    }
    @keyframes load{
        0% {
            transform: rotate(0deg); 
            box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                        40px 40px 0px 0px #fff,-40px -40px 0px 0px #fff,40px -40px 0px 0px #fff,-40px 40px 0px 0px #fff;
        }
        25%{
            box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                        -40px -40px 0px 0px #fff,40px 40px 0px 0px #fff,-40px 40px 0px 0px #fff,40px -40px 0px 0px #fff;
        }
        50%{
            box-shadow: 0px -40px 0px 0px #fff,0px 40px 0px 0px #fff,-40px 0px 0px 0px #fff,40px 0px 0px 0px #fff,
                        -40px -40px 0px 0px #fff,40px 40px 0px 0px #fff,-40px 40px 0px 0px #fff,40px -40px 0px 0px #fff;
        }
        70%{
            box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                        0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
        }
        75%{
            width:10px;
            height:10px;
            box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                        0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
        }
        80%{
            background-color: #fff;
            width:40px;
            height:40px;
            transform: rotate(360deg); 
            box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                        0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
        }
        85%{
            background-color: #fff; 
            width:40px;
            height:40px;
            transform: rotate(360deg);
            box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                        0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
        }
        90%{
            background-color: #fff; 
            width:10px;
            height:10px;
            transform: rotate(360deg); 
            box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                        0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
        }
        95%{
            box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                        40px 40px 0px 0px #fff,-40px -40px 0px 0px #fff,40px -40px 0px 0px #fff,-40px 40px 0px 0px #fff;
        }
        100%{
            transform: rotate(360deg);
            box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                        40px 40px 0px 0px #fff,-40px -40px 0px 0px #fff,40px -40px 0px 0px #fff,-40px 40px 0px 0px #fff;
        }
    }





.menu-item-166 a,
.menu-item-165 a {
	background-color: #F7921E;
	color: white;
	padding: 10px 15px !important;
	transition: all 0.6s;
}

#footer ul li#menu-item-165 a {
    padding: 5px 15px !important;
    font-weight: 900;
}
#footer ul li#menu-item-165 a:hover {
    background:#63ac45;
}
.menu-item-165 a:hover,
.menu-item-166 a:hover {
	background-color: #63ac45;
    color: #fff !important;
}
.home .menu-item-166 a:hover {
	background-color: #000;
    color: #fff !important;
}
.mtsnb .mtsnb-container {
    padding: 5px 0px;
}
.mtsnb .notification-bar a {
	font-weight: 600;
	background: #63AC45;
	border-radius:6px;
	color: #fff;
	padding: 5px 8px;
	margin: 5px 0 5px 10px;
	display: inline-block;
}
.site-header .stickynavbar {
	top: 50px;
}
.home #header_navigation,
#header_navigation {
	top: 50px;
}
@media only screen and (min-width: 250px) and (max-width: 767px) {
	.sidenav {
		top: 90px;
	}
	.home #header_navigation,
#header_navigation {
	top: 0px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.home #header_navigation, #header_navigation {
		top: 50px;
	}
	.sidenav {
		top: 90px;
	}
}