@charset "UTF-8";
/*
Theme Name: Tanners Orchard
Author: Webdesign 309
Author URI: http://www.webdesign309.com/
Description: We are a full service webdesign and development company delivering high end design and development solution for our clients and delivering best solutions to attract more visibility and customization to your website.
Version: 3.0.0
Tags: peoria web development, chicago web development, custom wordpress development, advertising agency solutions, florida webdesign, chicago webdesign, illinois webdesign, custom webdesign development
*/

@charset "utf-8";
/* CSS Document */
/*----------------------------------------------------------------------------- */
@font-face { font-family: 'AvenirBook'; src: url('fonts/AvenirBook.eot'); src: url('fonts/AvenirBook.eot') format('embedded-opentype'), url('fonts/AvenirBook.woff2') format('woff2'), url('fonts/AvenirBook.woff') format('woff'), url('fonts/AvenirBook.ttf') format('truetype'), url('fonts/AvenirBook.svg#AvenirBook') format('svg'); }
@font-face { font-family: 'AvenirBlack'; src: url('fonts/AvenirBlack.eot'); src: url('fonts/AvenirBlack.eot') format('embedded-opentype'), url('fonts/AvenirBlack.woff2') format('woff2'), url('fonts/AvenirBlack.woff') format('woff'), url('fonts/AvenirBlack.ttf') format('truetype'), url('fonts/AvenirBlack.svg#AvenirBlack') format('svg'); }
@font-face { font-family: 'AvenirHeavy'; src: url('fonts/AvenirHeavy.eot'); src: url('fonts/AvenirHeavy.eot') format('embedded-opentype'), url('fonts/AvenirHeavy.woff2') format('woff2'), url('fonts/AvenirHeavy.woff') format('woff'), url('fonts/AvenirHeavy.ttf') format('truetype'), url('fonts/AvenirHeavy.svg#AvenirHeavy') format('svg'); }
@font-face { font-family: 'AvenirMedium'; src: url('fonts/AvenirMedium.eot'); src: url('fonts/AvenirMedium.eot') format('embedded-opentype'), url('fonts/AvenirMedium.woff2') format('woff2'), url('fonts/AvenirMedium.woff') format('woff'), url('fonts/AvenirMedium.ttf') format('truetype'), url('fonts/AvenirMedium.svg#AvenirMedium') format('svg'); }
@font-face { font-family: 'BOOKmanOpti'; src: url('fonts/BOOKmanOpti-Bold.eot'); src: url('fonts/BOOKmanOpti-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/BOOKmanOpti-Bold.woff2') format('woff2'), url('fonts/BOOKmanOpti-Bold.woff') format('woff'), url('fonts/BOOKmanOpti-Bold.ttf') format('truetype'), url('fonts/BOOKmanOpti-Bold.svg#BOOKmanOpti-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Bookman_Old_Style'; src: url('fonts/BookmanOldStyle-Bold.eot'); src: url('fonts/BookmanOldStyle-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/BookmanOldStyle-Bold.woff2') format('woff2'), url('fonts/BookmanOldStyle-Bold.woff') format('woff'), url('fonts/BookmanOldStyle-Bold.ttf') format('truetype'), url('fonts/BookmanOldStyle-Bold.svg#BookmanOldStyle-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; }


:root{
--body-color: #000000;;
--header: #145E42; 
--black-color:rgba(0, 0, 0, 1);
--primary-color:rgb(22, 133, 203);
--second-primary-color: #D5262B;
--white-color:rgba(255, 255, 255, 1);


--body-font: 'AvenirBook';
--heading-font: 'BOOKmanOpti';
--font-bold:'AvenirBlack';
--font-medium:'AvenirMedium';
--font-heavy:'AvenirHeavy';
--font-bookmanold:'Bookman_Old_Style';

}

/* ::selection{
color: var(--body-color);
background-color: var(--white-color);
} */
/* 1. Create a Clean Base
------------------------------------------------------------------------------*/

html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address,
small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,input, textarea, option, .nobox 
{background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block;}

blockquote, q {quotes: none;}
br {height: 0;}
ul, ol, dl, li {margin:0; padding:0; list-style-type: none;}
ul, ol {margin:0 0 0 0px;}
html, body{ border:none; -webkit-text-size-adjust:none;}


/* 2. Define Base Typography
------------------------------------------------------------------------------*/
body{padding: 0;margin: 0;font-family: var(--body-font); font-size: 20px; color: var(--body-color); line-height: 30px; box-sizing: border-box; overflow-x: hidden;}
*, *:after, *:before {box-sizing: border-box;}

svg path{ transition: all 0.3s; }

/* Create the Default Headers  */
h1, h2, h3, h4, h5, h6 {margin: 0; font-weight: normal;color: var(--header); line-height:1.2; font-family: var(--heading-font);}

/* Specific Header Settings */
h1,.h1 {font-size:80px;}
h2,.h2 {font-size:60px;}
h3,.h3 {font-size:40px;}
h4,.h4 {font-size:30px;}
h5,.h5 {font-size: 25px;}
h6,.h6 {font-size: 22px;}

/* Create the Default Paragraphs */
p {margin-bottom: 20px; }

/* Other Typo */
strong {font-weight: bold;}
hr {border:0 #000 solid; border-top-width: 1px; clear: both; height: 0;}
ol {list-style: decimal;}
ul {list-style: disc;}

/* 3. Images
------------------------------------------------------------------------------*/

/* Remove border around linked images */
img {max-width: 100%; border: 0; border-style: none;}

/* 4. Links
------------------------------------------------------------------------------*/

/* Default Link Types */
a {text-decoration:none;transition: 0.5s; display: inline-block; color:var(--second-primary-color); }


/* 5. Forms
------------------------------------------------------------------------------*/
.button, a.button, button, html input[type="button"], input[type="reset"], input[type="submit"] {    font-family: var(--font-bold); font-weight: normal; margin: 0 0 0 0; padding: 14px 50px; border-radius: 29px; background-color: var(--second-primary-color); border: 1px solid transparent; display: inline-block; vertical-align: middle; font-size: 20px; color: var(--white-color); line-height: 29px; position: relative; outline: none; box-shadow: none; text-align: center; text-decoration: none; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; overflow: hidden; position: relative; z-index: 1;}

.button.button-border, a.button.button-border, button.button-border, html input[type="button"].button-border, input[type="reset"].button-border, input[type="submit"].button-border {background-color:transparent; color: var(--primary-color); border: 1px solid var(--primary-color);}


.button.button-border:after, a.button.button-border:after{border-radius:0; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-color: var(--primary-color); z-index: -2; transition: all .35s}
.button.button-border:hover:after, a.button.button-border:hover:after{width: 0%;}

.button:hover, a.button:hover, button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background-color: transparent; color: var(--second-primary-color); border-color: var(--second-primary-color); }

input[type="search"], input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], textarea {padding:12px 24px; font-family: var(--body-font);  font-size: 18px; background-color:var(--white-color); letter-spacing: 0;width: 100%; color:var(--body-color); text-transform: none; filter: alpha(opacity=100); border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 8px;-webkit-border-radius: 6px;-moz-border-radius:6px; line-height:16px; box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;outline: none !important; width: 100%;-webkit-appearance: none;-moz-appearance: none;appearance: none; resize: none;}

input::-webkit-input-placeholder {color:  #777777;opacity:1;} 
input:-moz-placeholder {color: #777777; opacity:1;} 
input::-moz-placeholder {color:  #777777; opacity:1; } 
input:-ms-input-placeholder {color:  #777777;opacity:1;} 
textarea::-webkit-input-placeholder {color:  #777777; opacity:1; } 
textarea:-moz-placeholder {color: #777777; opacity:1; } 
textarea::-moz-placeholder {color:  #777777; opacity:1; } 
textarea:-ms-input-placeholder {color:  #777777;opacity:1; }

/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 1px solid transparent;}

textarea{ min-height: 120px; }
/* 6. Tables
------------------------------------------------------------------------------*/

/* Table Fixes */
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: right; font-weight: normal;}


/* 7. Framework
------------------------------------------------------------------------------*/
/* container */
.container{max-width: 1660px; width: 100%; padding-left: 50px; padding-right: 50px; margin: 0 auto;}
.row{display: flex;flex-wrap: wrap; margin-left: -15px; margin-right: -15px;}
.col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1{position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }

.d-flex{ display:flex;}
.flex-wrap{flex-wrap:wrap;}
.justify-content-start{justify-content:flex-start;}
.justify-content-center{justify-content:center;}
.justify-content-end{justify-content:flex-end;}
.justify-content-between{justify-content:space-between;}
.align-items-start{align-items: flex-start;}
.align-items-center{align-items: center;}
.align-items-end{align-items: flex-end;}
.row-reverse{flex-direction: row-reverse;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.font-light {font-weight: 300;}
.table {width: 100%;}

.common_color{ color: var(--primary-color); }

/* Sub_menu */
ul li ul.sub-menu { max-width: 288px; width: 100%; padding: 15px 0; gap: 0 ; white-space: nowrap; background: transparent 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #000000; border-radius: 8px; opacity: 1; backdrop-filter: blur(50px); -webkit-backdrop-filter: blur(50px); display: block; border-radius: 8px; flex-direction: column; gap: 0; position: absolute; margin: 0; z-index: 3; margin-top: 11px; text-align: center; transform: scaleY(0);transition: all 0.3s ease; transform-origin: top;  }
ul li:hover > ul.sub-menu { transform: scaleY(1); }
ul li ul.sub-menu li{ padding: 5px 20px; display: block; border-bottom: 1px solid #fff; }
ul li ul.sub-menu li::before{ display: none; }
ul li ul.sub-menu li:last-child{ border-bottom: 0; }
ul li ul.sub-menu li a{ color: var(--black-color); text-align: left; display: block; text-shadow: none !important; font-size: 18px !important;  font-family: var(--body-font)!important; }
ul li ul.sub-menu li a:hover{ color: var(--second-primary-color); }
ul li ul.sub-menu li a::before{ display: none; }
ul li ul.sub-menu li > ul.sub-menu { left: 103%; top: 5px; }

header{ padding: 17px 0; background-color:var(--white-color);box-shadow: 0px 3px 6px #000000A3; position: sticky; top: 0; z-index: 2;  }
.header_inr{ display: flex; align-items: center; gap: 50px; justify-content: space-between; }
.header_logo{ max-width: 229px; width: 100%; line-height: 0; }
.header_logo a{ line-height: 0; display: block; }
.header_logo a img{ position: absolute; object-fit: contain; top: 35px; }
.header_ticket{ max-width: 158px; width: 100%; line-height: 0; }

.header-nav nav ul{ display: flex; align-items: center; justify-content: center; }
.header-nav nav.nav_top { padding: 0 0 18px; }
.header-nav nav.nav_top ul{ gap: 245px; }
.header-nav nav.nav_top ul li a{ font-family: var(--body-font); font-size: 30px;  line-height: 1.2; color: var(--body-color);  }
.header-nav nav.nav_top ul li a:hover{ color: var(--header); }
.header-nav { max-width: 80%; width: 100%; }
.header-nav nav.nav_bottom ul{  gap: 80px; justify-content: center; }
.header-nav nav.nav_bottom ul li a{ font-size: 30px;  line-height: 1.2; color: var(--body-color); font-family: var(--font-bold); position: relative; }

ul li.menu-item-has-children > a::before{ content: '<'; position: absolute; right: -20px; top: 5px; font-size: 20px; line-height: 30px; color: #707070;  transition: all 0.5s; font-family: var(--body-font); }
ul li.menu-item-has-children:hover > a::before{ transform: matrix(0, -1, 1, 0, 0, 0); color: var(--body-color); }

.banner{ position: relative; top: -5px; }
.banner_inr { display: flex; justify-content: center; flex-wrap: wrap; gap: 26px 0; margin: 0 -13px; }
.banner_item { max-width: 33.33%; width: 100%; padding: 0 13px; }
.full-width{ max-width: 100%; }
.banner_item .banner_box{ color: var(--white-color); width: 100%; height: 418px; overflow: hidden; background-color: rgb(183, 226, 229); border-radius: 8px; position: relative; } 
.banner_item .banner_box a{ color: var(--white-color); }
.banner_item .banner_box::after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.40); transition: all 0.5s; opacity: 0; visibility: hidden; }
.banner_item .banner_box:hover:after{ opacity: 1; visibility: visible; }
.banner_item .banner_box img{ width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; transform: scale(1); transition: all 0.5s;  }
.box_content{ position: absolute; bottom: -51px; left: 0; width: 100%; text-align: center; transition: all 0.5s; z-index: 1; }
.banner_item .banner_box:hover .box_content{ bottom: 20px; }
.box_content span.translate_text{ font-size: 82px; line-height: 100px; display: block; font-family: var(--heading-font); letter-spacing: -2.12px; color: #FFFFFF; opacity: 1; backdrop-filter: blur(0px); -webkit-backdrop-filter: blur(0px); transform: translateY(0); transition: all 0.5s; }
.box_content a.baner-btn{opacity: 0; visibility: visible; margin-top: 5px; background: rgba(255, 255, 255, 0.81) 0% 0% no-repeat padding-box;
border-radius: 27px;
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px); padding: 6px 21px; font-size: 20px; color: var(--header); font-family: var(--font-bold); }
.box_content a.baner-btn:hover{ color: var(--second-primary-color); }
.banner_item .banner_box:hover .box_content a.baner-btn{  opacity: 1; visibility: visible; }

.full-width .box_content,.banner_item.full-width .banner_box:hover .box_content{ bottom: 20px; }
.banner_item.full-width .banner_box:hover img{ transform: scale(1.1); }

.events{ padding: 60px 0; text-align: center; position: relative; }
.events h1,.events .h1{ padding: 0 0 40px; position: relative; z-index: 1;   text-shadow: 0 4px 0 #fff, 4px 0 0 #fff, -4px 0 0 #fff, 0 -4px 0 #fff, 4px 4px 0 #fff, -4px 4px 0 #fff, 4px -4px 0 #fff, -4px -4px 0 #fff, 4px 4px 6px rgba(0,0,0,0.0); letter-spacing: -5.28px;}
.events_inr{ display: flex; justify-content: center; flex-wrap: wrap; margin: 0 -12px; }
.events_inr .events_item{ padding: 0 12px; max-width: 25%; width: 100%; }
.events_inr .events_item .events_box{ position: relative; text-align: center; height: 372px; display: flex; flex-direction: column; justify-content: flex-end; }
.events_inr .events_item .events_box img{ position: absolute; width: 100%; height: 100%; object-fit: contain; transform: translateY(0); transition: all 0.5s; }
.events_inr .events_item .events_box:hover img{ transform: translateY(-60px); }
.events_inr .events_item .events_box a,.events_inr .events_item .events_box p{ font-size: 20px; line-height: 28px; font-family: var(--font-bold); color: var(--header); margin-bottom: 0; }
.events_inr .events_item .events_box a{ color: var(--second-primary-color); }
.events_inr .events_item .events_box a:hover{ color: var(--header); }

.spent{ text-align: center; padding: 60px 0 100px; position: relative;background-image: url(images/bg_img.webp); background-position: center; background-size: cover;  }
.spent .container{ position: relative; }
.spent::before,.sticky_img::before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #FFFFFF 0% 0% no-repeat padding-box; opacity: 0.90; backdrop-filter: blur(45px); -webkit-backdrop-filter: blur(45px); }
.spent .h1{ padding-bottom: 41px; letter-spacing: -5.28px;  }

.spent_inr{ padding: 46px 42px; background-color: #fff;border-radius: 10px; background-color: rgb(255, 255, 255); display: flex; flex-wrap: wrap; justify-content: center; gap: 49px 24px; }
.spent_item{ max-width: calc(33.33% - 16px); width: 100%; }
.spent_item .spent_item_box .spent_img{ height: 260px; overflow: hidden; border-radius: 10px; background-color: rgb(161, 128, 128); overflow: hidden; line-height: 0; margin-bottom: 24px; }
.spent_item .spent_item_box .spent_img a{ width: 100%; }
.spent_item .spent_item_box .spent_img img{ width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: all 0.5s; }
.spent_item .spent_item_box .spent_img:hover img{ transform: scale(1.1); }

.Season .season_inr{ display: flex; justify-content: center; flex-wrap: wrap; margin: 0 -22px; }
.Season .season_inr .season_item{ max-width: 25%; width: 100%; padding: 0 22px; }
.Season .season_inr .season_item .season_item_box{ width: 100%; font-size: 20px; font-family: var(--font-heavy); color: var(--body-color); }
.Season .season_inr .season_item .season_item_box h3{ padding: 0 0 8px; }
.Season .season_inr .season_item .season_item_box p{ margin-bottom: 15px; }
.Season .season_inr .season_item .season_item_box .season_img{ border-radius: 10px; background-color: rgb(183, 226, 229); height: 260px; overflow: hidden; line-height: 0; }
.Season .season_inr .season_item .season_item_box .season_img img{ width: 100%; height: 100%; object-fit: cover; }

.common_sec{ padding: 77px 0; position: relative; text-align: center;  }
.common_sec h2{ letter-spacing: -5.28px; padding-bottom: 51px; }
.common_sec_inr{ display: flex; justify-content: space-between; gap: 50px; }
.common_sec_inr > div{ max-width: 50%; width: 100%; }
.common_sec_inr ul{ padding-left: 20px; }
.common_sec_inr p:last-child{ margin-bottom: 0; }
.common_sec_inr ul li{ list-style-type: disc; padding: 0 0 5px; }
.common_sec_right{ border-radius: 10px; /*background-color: rgb(183, 226, 229);*/ overflow: hidden; }
.common_sec_right img{ width: 100%; height: 100%; object-fit: cover; object-position: right; }

.sticky_img{ background-image: url(images/tanners_june_0132.webp); background-position: center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; position: relative; }
.sticky_img .container{ position: relative; }

footer{ background: #145E42 0% 0% no-repeat padding-box; position: relative; color: var(--white-color); }
.footer_red{  border-width: 1px; border-color: rgb(0, 0, 0); border-style: solid; border-left: 0; border-right: 0; background-color: rgb(213, 38, 43); font-family: var(--font-heavy); color: var(--white-color); padding: 10px 0; }
.footer_bottom{ padding: 27px 0; } 
.footer_bottom .container{ display: flex; gap: 24px; justify-content: space-between; align-items: flex-start; }
.footer_logo{ max-width: 235px; width: 100%; height: 100%; line-height: 0; }
.footer_logo a{ width: 100%; height: 100%; }
.foter_right{ max-width: 90%; width: 100%; }
.footer_top { display: flex; justify-content: center; gap: 29px; }
.footer_top .footer_dats{  max-width: 86%; width: 100%; text-align: center; padding: 8px 20px; background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #707070; border-radius: 8px; color: var(--header); font-family: var(--font-heavy); line-height: 1; }
.footer_top .footer_social{ max-width: 14%; width: 100%; padding: 5px; background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #707070; border-radius: 8px;}
.footer_top .footer_social ul{ display: flex; align-items: center; justify-content: center; gap: 12px; }
.footer_top .footer_social ul li,.footer_top .footer_social ul li a{ line-height: 0; }
.footer_top .footer_social ul li a{transition: all 0.4s ease-in-out;}
.footer_top .footer_social ul li a:hover{ transform: rotate(360deg); }
.footer_top .footer_social ul li a img{ transition: all 0.5s; transform: scale(1); }
.footer_top .footer_social ul li a:hover img{ transform: scale(1.1); }
.footer_bottom_list{ display: flex; gap: 61px; justify-content: flex-start; padding-top: 20px; }
.footer_bottom_list a,.footer_bottom_list p{ color: var(--white-color); margin-bottom: 0; font-family: var(--body-font) ; }
.footer_bottom_list a:hover{ color: var(--second-primary-color); }
.footer_bottom_list p.heading{ font-family: var(--font-medium); }
.footer_bottom_list p a{ display: block; }
.footer_bottom_list h2{ color: var(--white-color); font-family: var(--font-heavy); padding: 0 0 5px; font-size: 20px; }
.footer_list{ position: relative; }
.footer_list::before{ content: ''; position: absolute; right: -25px; top: 0; height: 100%; border-right: 2px solid #fff;  }
.footer_list:last-child:before{ display: none; }

.copyright{ margin-bottom: 0; padding-top: 25px;  }
.copyright a{ color: var(--white-color); }
.copyright a:hover{ color: var(--second-primary-color); }

/* def-page */ 
.def-page{padding: 60px 0;}
 .def-page p { font-family: var(--body_font); color: var(--body_color); font-style: normal; margin: 0 0 25px; }
.def-page .right-img{float:right; margin:0 0 15px 40px; position: relative; z-index: 0; line-height: 0;}
.def-page .left-img{float:left; margin:0 40px 15px 0; position: relative; line-height: 0;}
.def-page .right-img img{border-radius: 10px; position: relative; width: 100% ; height: auto;}
.def-page .left-img img{border-radius: 10px; position: relative; width: 100% ; height: auto;}
.def-page h2, .def-page h3, .def-page h4, .def-page h5, .def-page h6 { margin: 0 0 15px 0; font-family: var(--heading-font); padding: 0px; color: var(--header); }

.def-page h1{ font-size: 60px; line-height: 70px; letter-spacing: -1.12px;} 
.def-page h2{ font-size: 50PX; line-height: 60px; letter-spacing: -1.12px;}
.def-page h3{ font-size: 40px; line-height: 50px; letter-spacing: -1.12px;} 
.def-page h4{ font-size: 30px; line-height: 40px; letter-spacing: -1.12px;}
.def-page h5{ font-size:25px; line-height:35px; letter-spacing: -1.12px;}
.def-page h6{font-size: 22px; line-height: 32px; letter-spacing: -1.12px;}

.def-page ul {margin: 0; padding-bottom: 15px; overflow: hidden; max-width: inherit;padding-left: 0; }
.def-page ul li { list-style: none; font-size: 20px; color: var(--body-color); position: relative; padding: 8px 22px 8px 40px;}
.def-page ul li:before {content: ''; position: absolute; left: 0; top: 11px; width: 26px; height: 26px; background-image: url(images/check_mark.png); background-repeat: no-repeat; background-size: contain;  }
.def-page ol{padding-left: 0; padding-bottom: 15px;}
.def-page ol li {list-style-type:none;counter-increment:item;font-size: 20px; color: var(--body-color); padding: 5px 0; }
.def-page ol li:before {display:inline-block; content: counter(item) ".";  color: var(--body-color);  padding-right:10px;}
.def-page ul.col-2, .def-page ul.col-3 { overflow: hidden }
.def-page ul.col-2 li{width: 50%;float: left;}
.def-page ul.col-3 li {width: 33.33%;float: left;}
.privacy-page ol { margin-bottom: 25px;}
.privacy-page ol>li:before { padding-right: 05px;}
.privacy-page .privacy-inner{ padding-left: 30px; margin-bottom: 20px;}
.privacy-page .privacy-inner ul{ margin-top: 05px; }
.privacy-page ul,.privacy-page ol{ margin-left:20px;}
.privacy-page ol li{padding: 5px 0px;}
.pagenotfound {width: 100%;display: block; padding: 70px 0px 80px; text-align: center;}
.pagenotfound h2 {font-size: 50px;font-weight: 600;}
.pagenotfound p{font-size: 16px;}
.thankyou {text-align: center;}
.thankyou h3 strong {font-size: 46px;}
.clearfix:after { clear: both; display: block; visibility: hidden; content: ""; }
.fl{float:left}.fr{float:right}.cl,.clear,.clr,.social_share{clear:both}.clearfix:after{clear:both;display:block;visibility:hidden;content:""}
.def-page > a { color: var(--second-primary-color); display: inline; }
.def-page > a:hover,.def-page > p > a:hover { color:var(--body-color); }
.def-page strong { font-size: 20px; } 

.inner_banner{ padding: 50px 0; background-color: var(--header); text-align: center; }
.inner_banner h1{ color: var(--white-color); letter-spacing: -1.50px;  }

.common_def h2{ margin-bottom: 33px; font-size: 60px; line-height: 1.2; }
.Destination{ padding: 1% 0 50px; }
.Destination h2{ text-align: center; letter-spacing: -1.12px; padding: 0 0 29px; }
.Destination .box_content{ text-align: left; padding: 0 44px; bottom: 0; }
.Destination .box_content h3{ text-align: left; color: var(--white-color); padding: 0 0 13px; transform: none; letter-spacing: -1.12px; }
.Destination .box_content .drop_down p{ margin-bottom: 0; }
.Destination .box_content .drop_down { max-height: 0; opacity: 0; overflow-y: auto; transition: max-height 0.6s ease-in-out, opacity 0.4s ease; }
.Destination .banner_box:hover .box_content .drop_down { max-height: 250px; opacity: 1; }

.drop_down::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5; opacity: 0; }
.drop_down::-webkit-scrollbar { width: 8px; background-color: var(--primary-color); opacity: 0;}
.drop_down::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: var(--second-primary-color); opacity: 0;}
.Destination .banner_box:hover .drop_down::-webkit-scrollbar-track,.Destination .banner_box:hover .drop_down::-webkit-scrollbar,.Destination .banner_box:hover .drop_down::-webkit-scrollbar-thumb { opacity: 1; }


.sticky_img.families{ background-image: url(images/family.webp); }
.arrow_box,.common_ul_li_box  ul li{ list-style-type: none; padding: 25px 30px 25px 84px; position: relative;  border-width: 1px; border-color: rgb(20, 94, 66); border-style: solid; border-radius: 10px; background-color: rgb(255, 255, 255); margin-bottom: 24px; }
.arrow_box::before,.common_ul_li_box  ul li::before{ content: ''; position: absolute; left: 35px; top: 29px; width: 26px; height: 26px; background-image: url(images/check_mark.png); background-position: center; background-repeat: no-repeat; background-size: contain; }
.arrow_box p:last-child{ margin-bottom: 0; }
.arrow_box p strong{ color: var(--header); font-family: var(--font-bold); }
.families .common_sec_right{ max-width: 38%; }
.families .common_sec_left { max-width: 62%; }
.arrow_box:last-child,.experience .arrow_box:last-child{ margin-bottom: 0; }

.looks{ padding: 60px 0; position: relative; text-align: center; }
.looks h2{ padding: 0 0 15px; letter-spacing: -1.12px; }
.looks-inr{ display: flex; justify-content: center; flex-wrap: wrap; margin: 0 25px; gap: 50px 0; padding: 10px 0 25px; }
.looks-item{ max-width: 33.33%; width: 100%; padding: 0 25px; }
.looks-item .looks-item-box{ border-width: 1px; border-color: rgb(20, 94, 66); border-style: solid; border-radius: 10px; background-color: rgb(255, 255, 255); padding: 35px 40px; text-align: left; height: 100%; }
.looks-item .looks-item-box .icon_box,.card.info-card .info-item .icon_box{ margin-bottom: 12px; width: 50px; height: 50px; border-radius: 6px; display: flex; align-items: center; justify-content: center; background-color: rgb(9, 60, 41);  overflow: hidden; }
.looks-item .looks-item-box .icon_box img,.card.info-card .info-item .icon_box img{ width: 25px; }
.looks-item .looks-item-box p:last-child,.looks p:last-child{ margin-bottom: 0; }
.looks-item .looks-item-box p strong{ font-family: var(--font-heavy); color: var(--header); display: block; }

.experience{ background-color: #f2f2f2; padding: 60px 0; }
.experience h2{ letter-spacing: -1.12px; text-align: center; padding: 0 0 27px; }
.experience-inr{ display: flex; justify-content: space-between; gap: 80px; }
.experience-inr .experience-left{ max-width: 37%; width: 100%; }
.experience-inr .exprience-right{ max-width: 63%; width: 100%; padding-left: 97px; border-left: 2px solid var(--header); }

.experience .arrow_box{ padding: 27px 55px; margin-bottom: 44px; }
/* .experience .arrow_box::before{ display: none; } */
.experience .arrow_box::after{ content: ''; position: absolute; left: -130px; top: 50%; transform: translateY(-50%);   border-width: 1px; border-color: rgb(20, 94, 66); border-style: solid; border-radius: 50%; background-color: rgb(255, 255, 255); width: 60px; height: 60px; }
.experience .arrow_box::before{ content: ''; position: absolute; left: -115px; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; background-image: url(images/heart.webp); background-position: center; background-repeat: no-repeat; z-index: 1;}

/* .families .common_sec_right img { height: revert-layer; } */

.testimonials{ padding: 60px 0; color: var(--white-color); background-color: var(--header); }
.testimonials h2{ text-align: center; padding: 0 0 45px; letter-spacing: -1.12px; color: var(--white-color); }
.testimonials_sec_inr{ display: flex; justify-content: space-between; gap: 90px;  align-items: flex-start; }
.testimonials_sec_left{ max-width: 60%; width: 100%; }
.testimonials_sec_right{ max-width: 40%; width: 100%;  border-width: 1px; border-color: rgb(20, 94, 66); border-style: solid; border-radius: 10px; background-color: rgb(9, 60, 41); padding: 50px; }
.testimonials_sec_right .testimonias_box{  border-width: 1px; border-color: rgb(20, 94, 66); border-style: solid; border-radius: 10px; background-color: rgb(255, 255, 255); padding: 40px 45px; color: var(--body-color); margin-bottom: 48px; }
.testimonials_sec_right .testimonias_box:last-child{ margin-bottom: 0; }
.testimonials_sec_right .testimonias_box p{ margin-bottom: 0; }
.testimonials_sec_right .testimonias_box p strong{ font-family: var(--font-heavy); }
.testimonials_sec_right > p:last-of-type{ margin-bottom: 42px; }
.testimonials_sec_left ul{ padding-top: 15px; }
.testimonials_sec_left ul li{ position: relative; padding: 0 0 50px 50px; }
.testimonials_sec_left ul li::before{ content: ''; position: absolute; left: 0; top: 2px; background-image: url(images/yellow_check_mark.png); background-position: center; background-repeat: no-repeat; width: 26px; height: 26px; }
.testimonials_sec_left ul li:last-child{ padding-bottom: 0; }

.faq{ padding: 60px 0; position: relative; }
.faq h2{ padding-bottom: 44px; letter-spacing: -1.12px; text-align: center; }
.faq_main{ max-width: 1212px; width: 100%; margin: 0 auto; }
.accordion-item { max-width: 100%; width: 100%; overflow: hidden; transition: 0.7s ease-in-out; height: min-content;   border-width: 1px; border-color: rgb(20, 94, 66); border-style: solid; border-radius: 10px; background-color: rgb(255, 255, 255);text-align: left; margin-bottom: 24px; }
.accordion-item:last-child{ margin-bottom: 0; }
.accordion-header { position: relative; font-family: var(--font-heavy); font-size: 20px; cursor: pointer; transition: 0.3s all; opacity: 1; text-align: left; padding: 15px 40px; background: transparent;  margin: 0px; line-height: 30px; color: var(--header); }
.accordion-content { padding: 0px 40px 0; max-height: 0; overflow: hidden; transition: max-height 0.4s ease; }
.accordion-header::before {  content: ""; position: absolute; right: 30px; top: 30px; width: 10px; height: 10px; border-right: 2px solid var(--header); border-bottom: 2px solid var(--header); transform: translateY(-60%) rotate(-44deg); transition: transform 0.3s ease;}
.accordion-item.active .accordion-header::before { transform: translateY(-40%) rotate(-135deg); }

.cta{ background-color: #e3fef4; }
.cta a{ font-family: var(--font-heavy); }
.cta a.button{ display: block; min-width: 346px; text-align: center; color: var(--white-color); width: fit-content; }
.cta a.button:hover{ color: var(--second-primary-color); }
.cta h2{ margin-bottom: 39px; font-size: 60px; line-height: 1.2; }

/* 05-05-2026 */
.week_section{ padding: 60px 0; }
.flex-row{ flex-wrap: wrap; justify-content: center; margin: 0 -15px; gap: 30px 0; }
.flex-row .card{ max-width: 33.33%; width: 100%; padding: 0 15px; }
.flex-row .card .card_inr{ width: 100%; position: relative; background-color:#f2f2f2; border-radius: 10px;  overflow: hidden;   height: 100%; }
.flex-row .card .card_inr img{ width: 100%; height: auto; object-fit: cover; }
.flex-row .card .card_inr .card-content{ padding: 20px 30px; }
.flex-row .card .card_inr .card-content h3{ font-size: 26px; padding: 0 0 8px; }
.flex-row .card .card_inr .card-content p{ margin-bottom: 10px; }
.card_inr a{ color: var(--second-primary-color); font-size: 18px; line-height: 26px; }
.card_inr a:hover{ color: var(--body-color); } 

.back_inr{ display: flex; justify-content: center; flex-wrap: wrap; margin: 0 -15px 15px; gap: 30px 0;  }
.back_item{ max-width: 33.33%; width: 100%; padding: 0 15px; }
.activities_inr .back_inr { column-count: 3; column-gap: 30px; display: block; margin: 0; padding: 0 0 30px; }
.activities_inr .back_item { break-inside: avoid; page-break-inside: avoid; margin-bottom: 30px; max-width: 100%; }
.activities_inr .back_item:last-child{ margin-bottom: 0; }
.back_item .back_item_box{ width: 100%; position: relative; background-color:#f2f2f2; border-radius: 10px;     height: 100%;}
.back_item .back_item_box .icon_title_box{ padding: 15px 20px; display: flex; align-items: center; justify-content: flex-start; gap: 15px; background-color: var(--header);border-radius: 10px 10px 0 0; }
.back_item .back_item_box .icon_title_box .icon_img{ width: 50px; height: 50px; border-radius: 6px; display: flex; align-items: center; justify-content: center; background-color: rgb(9, 60, 41); }
.back_item .back_item_box .icon_title_box .icon_img img{ width: 25px; height: 25px; object-fit: contain; }
.back_item .back_item_box .icon_title_box h3{ font-size: 20px; line-height: 30px; color: var(--white-color); margin: 0; padding: 0; letter-spacing: 0px; }
.back_item .back_item_box ul li{ padding: 10px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.10); }
.back_item .back_item_box ul li:last-child{ border-bottom: 0; padding-bottom: 0; }
.back_item .back_item_box ul li strong{ display: block; padding: 0 0 5px; font-family: var(--heading-font); color: var(--header); }
.back_item .back_item_box ul li::before{ display: none; }
.back_content_box{ padding: 20px; }
.common_box{ padding: 10px 30px; border-radius: 10px; background-color: #e3fef4;}
.common_box p:last-child{ margin-bottom: 0; }
.Festival{ background-color:#f2f2f2; } 
.Festival h2{ letter-spacing: -1.12px;  padding-bottom: 15px; }
.Festival .common_sec_right{ background-color: transparent; } 
.Festival .common_sec_right h2{ padding-bottom: 15px; }
.Festival .common_sec_right .fastival_main{border-left: 2px solid var(--primary-color); padding: 20px 25px; border-radius: 10px;    background-color: rgb(183, 226, 229); }
.common_sec_inr p:last-child{ margin-bottom: 20px; }
.fastival_box{  padding: 10px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.10); }
.fastival_box:last-child{ padding-bottom: 0; border-bottom: 0; }
.fastival_box:first-child{ padding-top: 0; }
.fastival_box label{ display: block; padding: 0 0 5px; }
ul.cta_btn{ gap: 20px; }
ul.cta_btn li{ padding: 0; }
ul.cta_btn li a.button{ min-width: none; }
ul.cta_btn li::before{display: none;}
.cta p:last-child{ margin-bottom: 0; }
.ptb_60{ padding: 60px 0; }
.white-popup { position: relative; background: #fff; padding: 30px; max-width: 55%; margin: 40px auto; border-radius: 10px; }
.mfp-bg { opacity: 0.8 !important; }

.weekend_page .card{ max-width: 25%; width: 100%; }
.weekend_page .card-image { width: 100%; height: 200px; overflow: hidden; } 
.weekend_page .card-image img{ transform: scale(1); transition: all 0.5s; }
.weekend_page .card_inr:hover img { transform: scale(1.1); }

.seasonal_fastival .back_item{ max-width: 50%; }
.seasonal_fastival .back_item ul{ padding-left: 25px; }
.seasonal_fastival .back_item ul li{ border-bottom: 0; list-style-type: disc; }
.seasonal_fastival .back_item .back_item_box ul li strong{ display: inline; font-family: var(--body-font); }

.apple_sec .flex-row{ padding-bottom: 15px; }
.apple_sec .card_inr a.button{ color: var(--white-color); margin-top: auto; width: fit-content; }
.apple_sec .card_inr a.button:hover{ color:var(--second-primary-color); }
.apple_sec .flex-row .card .card_inr .card-content { padding: 10px 30px 20px;     height: 100%; display: flex; flex-direction: column; }
.apple_sec .flex-row .card .card_inr{ height: 100%; display: flex; flex-direction: column; }

/* contact_page */
.contact-page .flex-wrapper { display: flex; flex-wrap: wrap; gap: 30px; }
.contact-page .flex-col { flex: 1; min-width: 350px; display: flex; flex-direction: column; }
.contact-page .card { padding: 30px; border-radius: 15px; margin-bottom: 30px; box-shadow: 0 4px 15px rgba(0,0,0,0.05);     background-color: #f2f2f2; }
.contact-page .info-item { margin-bottom: 20px; }
.contact-page .info-item span { display: block;  color: var(--second-primary-color); text-transform: uppercase; font-size: 16px; font-family: var(--font-medium); }
.contact-page .info-item a { font-size: 18px; color: var(--header); text-decoration: none;  transition: color 0.3s; font-family: var(--body-font); }
.contact-page .info-item a:hover { color: var(--primary-color); }
.contact-page .info-item p { font-size: 1.1rem; color: var(--text-main); margin: 5px 0; }
.contact-page .contact-form { display: flex; flex-direction: column; gap: 15px; }
.contact-form input, .contact-form textarea { padding: 12px 15px; border: 1px solid #ddd; border-radius: 8px; font-family: var(--body-font); outline-color: var(--primary-color); background-color: var(--white-color); color: var(--body-color); }
.contact-page .btn-submit { background: var(--header); color: var(--white-color); border: none; padding: 15px; border-radius: 8px; font-weight: bold; cursor: pointer; transition: all 0.3s ease; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; }
.contact-page .btn-submit:hover { background: var(--second-primary-color); transform: translateY(-2px); }
.contact-page .map-card { padding: 0; overflow: hidden; height: 300px; flex-grow: 1; }
.contact-page .map-card iframe { width: 100%; height: 100%; border: none; }
.contact-page .directions-list { display: flex; flex-direction: column; gap: 12px; }
.contact-page .dir-item { background: rgba(20, 94, 66, 0.05); padding: 12px 15px; border-radius: 5px; border-left: 4px solid var(--primary-color); font-size: 0.95rem; }
.contact-page .dir-item strong { color: var(--header); }

.contact_right .card { padding: 0; }
.contact_right .card  .contact-input-list{ padding: 30px; }
.contact_right  .card.directions-card ul{ padding: 0 30px 20px; }
.contact_right .card  h3 { padding: 15px 20px; font-size: 30px; line-height: 40px; letter-spacing: 0; display: flex; align-items: center; justify-content: flex-start; gap: 15px; background-color: var(--header); color: var(--white-color); border-radius: 15px 15px 0 0; }
.contact-input { padding-bottom: 15px; }
.contact-input.recapcha{ padding-bottom: 0; }
.card.directions-card ul li{ padding-bottom: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.10); }
.card.directions-card ul li:last-child{ border-bottom: 0; }

.flex-col .card.info-card{ display: flex; gap: 20px; }
.flex-col .card.info-card .info-item{ margin-bottom: 0; max-width: 33.33%; width: 100%; background-color: var(--white-color); border-radius: 10px; padding: 15px; }
span.wpcf7-not-valid-tip { display: none; }
input.wpcf7-not-valid{ border:1px solid var(--second-primary-color) }

/* 06-05-2026 */
.cta.text-center a.button{ margin: 0 auto; }
.common_ul_li_box  ul { padding-left: 0; }
.col-4 {max-width: 25%;}
.col-3 {max-width: 33.33%;}
.col-2 {max-width: 50%;}
.col-1 {max-width: 100%;}

.green-background * { color: #fff !important; }

.main-page-template .col-4 {max-width: 25% !important;}
.main-page-template .col-3 {max-width: 33.33% !important;}
.main-page-template .col-2 {max-width: 50% !important;}
.main-page-template .col-1 {max-width: 100% !important;}

/* 7-5-26 */
.video_sec iframe { border-radius: 10px; width: 490px; height: 275px; }
/* .def-page .center-img img { width: 100%; height: 500px; border-radius: 10px; text-align: center; position: relative; line-height: 0; } */
/*  */

.blog_listing .card-content h2, .blog_listing .card-content h2 a{ font-size: 26px; line-height: 1.2; color: var(--header); }
.blog_listing .card-content h2 { color: var(--header); padding: 0 0 8px; }
.blog_listing .card-content h2 a:hover { color: var(--second-primary-color); }
.blog_listing .card-content a.button { color: #fff; }
.blog_listing .card-content a.button:hover { color: var(--second-primary-color); }
.blog_listing .flex-row .card .card_inr { border: 1px solid #145e42; }

.group_outing_page .icon_title_box { padding: 15px 20px; gap: 15px; background-color: var(--header); }
.group_outing_page .icon_title_box h3 { font-size: 20px; line-height: 30px; color: var(--white-color); margin: 0; padding: 0; letter-spacing: 0px; text-align: center;}
.group_outing_page .card-image { height: 200px; }

.time-slots { background: #fff; padding: 15px 18px; border-radius: 10px; margin-bottom: 25px; }
.time-slots * { color: #145e42; }

.side_by_side { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -20px; }
.side_by_side .col_1, .side_by_side .col_2 { padding: 20px; }
.side_by_side .col_1 img, .side_by_side .col_2 img, .side_by_side .col_1 video { border-radius: 10px; }
.postid-3397 .right-img img { display: none; }

.click-to-change { padding: 60px 0px 40px; position: relative; }
.click-to-change ul { display: flex; justify-content: center; align-items: center; gap: 10px; }
.click-to-change ul li { width: 33.33%; text-align: center; font-size: 35px; line-height: 45px; color: #2C553B; padding: 0 20px; cursor: pointer; background-image: none; font-weight: 700; }
ul.icon_box { border-left: 2px solid var(--primary-color); padding: 20px 25px; border-radius: 10px; background-color: rgb(183, 226, 229); margin-bottom: 15px; }
.btn_text { padding-top: 25px; }
.full-image-section{ text-align: center; }
.card-second-section h2{ padding: 0 0 15px; }

ul li.sub-column-2 > ul.sub-menu{ column-count: 2; max-width: max-content; padding: 20px; gap: 0; }
ul li.sub-column-2 > ul.sub-menu > li > a{ font-family: var(--font-heavy) !important; }
ul li.sub-column-2 > ul.sub-menu li { border-bottom: 0; padding: 5px 0; }
ul li.sub-column-2 > ul.sub-menu li > ul.sub-menu{ position: relative; transform: none; display: block; left: auto; top: auto; background-color: transparent; box-shadow: none; padding: 0; margin-top: 3px; }
.reserve-btn.cta_btn a.button { display: block; width: fit-content; color: var(--white-color); }
.reserve-btn.cta_btn a.button:hover{ color: var(--second-primary-color); }

.header-nav nav.nav_bottom ul li.current-menu-item>a, .header-nav nav.nav_bottom ul li.current-page-parent>a,footer ul li.current_page_item > a { color: var(--second-primary-color); }
.season_item_box h3 a,.spent_item_box h3 a{ color: var(--primary-color); }
.season_item_box:hover h3 a,.spent_item_box:hover h3 a{ color: var(--second-primary-color); }
ul.unset { overflow: unset; }