:root {
    /*Fonts*/
    --header: "Barlow", sans-serif;
    --subheader: "Ubuntu", sans-serif;
    --bodytext: "Inter", sans-serif, system-ui;
    /*Colors*/
    --primary:#ffc24f;
    --secondary:#A82400;
    --highlight:#ff5020;
    --dark: #1b1d1e;
    --mute: #848484;
    --text: #494949;
    --gray:#effaff;
    --border: #c4c4c4;
    /*Utilities*/
    --sliderHeight:530px;
}

body{font-size: 1.0em;}

/* Medium desktops */
@media (min-width: 1099px) {
  .container {max-width: 1080px;}
}
@media (min-width: 1200px) {
  .container {max-width: 1180px;}
}
/* Large desktops */
@media (min-width: 1400px) {
  .container { max-width: 1320px; }
}
/* Extra-large desktops or 4K displays */
@media (min-width: 1600px) {
  .container { max-width: 1440px; }
}
@media (min-width: 1920px) {
    .container { max-width: 1600px; }
}

a{color: var(--secondary);font-weight: 400;}
header.Header {position:fixed;z-index: 9;background: var(--white);box-shadow:none; box-shadow: 0px 0px 1px rgb(9 9 9 / 30%);
    & .logo {display:flex;justify-content: space-between;
        & img {max-height: 100px;padding: 3px 0;transition:all .3s ease;}
        & span{font-weight: 700;text-transform:uppercase;font-size: 1.1em;line-height: 1.1em;letter-spacing: 1px;padding-left:10px;color:var(--dark);font-family:var(--header);transition: all .5s ease;}
        button{color:var(--primary);}
    }
    & .topNavigationWrapper{display:flex;flex-direction:column;height: 100%;justify-content: space-between; 
        & .topNavigation{ display:flex; align-items:center; justify-content:flex-end;
            ul {margin:0;padding:0;list-style:none;display:flex;align-items: center;
                li{
                    a{font-size:.74em;display:inline-block;padding: 5px 9px;color: var(--dark);}
                    &.home a{font-size:0;text-align: center;padding: 7px 10px;margin: 0;
                        &:before{content:"\f424";font-family:bootstrap-icons!important;font-size: 16px;display: block;margin: 0;line-height: 1;}          
                    }                    
                    a:hover{color:var(--highlight);}
                }
            }
            @media (min-width: 0px) and (max-width: 1199px) {
                & > ul{ display:none;}
            }                        
        }
        @media (min-width: 0px) and (max-width: 768px) {
            .topNavigation{justify-content:center;}
        }                              
        button{font-size: 3.5em;color:var(--dark);}
    }               
    .main-navigation {justify-content:flex-end;
        & ul {width:100%; margin:0; justify-content:flex-end;
            & li {/* width: -webkit-fill-available; */
                a {font-size: .90rem;text-transform: uppercase;font-weight: 500;color:var(--dark);transition:all .3s ease;padding: 10px 10px;}
                &.home a{font-size:0;text-align: center;padding: 20px 15px;margin: 0;
                    &:before{content:"\f424";font-family:bootstrap-icons!important;font-size: 18px;display: block;margin: 0 auto;}          
                }
                &:hover{ 
                    a{ color:var(--white); }
                }                
                ul li a{padding:10px 15px; text-transform:capitalize;}
                 ul li:hover a{color:var(--primary);}
                @media (min-width: 0px) and (max-width: 1199px) {
                    a{font-size: .8em;}
                } 
                @media (min-width: 0px) and (max-width: 1099px) {
                    a{font-size:.75em}
                }                  
            }      
        }    
    }    
    &.toFixed{box-shadow: 0px 0px 1px rgb(9 9 9 / 30%);transform: translateY(-100%);transition:all .3s ease;}
    &.headBg.toFixed {background: var(--white);transition: all .5s ease;position: fixed;top: 0;transform: translateY(0px);
        & .logo{
            img{max-height: 80px;transition: all .5s ease;}
            span{font-size:1em; transition: all .5s ease;}
        }           
    }               
    &.headBg{background:var(--white);box-shadow: 0px 0px 1px rgb(9 9 9 / 30%);
        & .logo {
            & img {filter: none; transition:all .3s ease;}
            button{color:var(--primary);}
        }    
        & .main-navigation {
            li{
                &:hover a{color:var(--white);}
                a{color:var(--dark); transition:all .3s ease;
                    &:hover{color:var(--white);}                   
                 }  
                li a{color:var(--white);
                     &:hover{color:var(--primary);} 
                }
            }
        }
    }                     
}
body.subpage header{background:var(--white);}
.breadcrumbs { background:var(--gray);}

.slider-block{/* background: var(--primary); */color: var(--white);margin-top: 100px;position:relative;
            
    .sliderSection {z-index: 1;position: relative;top: 0;width: 100%;left: 0;margin-top: 0;height: 100%;
        .tao-carousel, .tao-carousel .tao-stage-outer, .tao-carousel .tao-stage, .tao-carousel .tao-wrapper, .tao-carousel .tao-item, .item{height:100%;}
        & .slide {background:var(--white);/* height:100%; */width: 100%;display:flex;margin-bottom: 80px;align-items: flex-end;
            & .captionData{width: 40%;height: 100%;position: relative;margin: 0;padding: 0px 30px 30px 60px;}
            & .media{width: 60%;line-height: 0;height: 100%;aspect-ratio: 4 / 3;transform: translateY(80px);position: relative;
                video{object-fit: cover;height: 100%;width: 90%;object-position: center center;opacity: 1;position: absolute;top: 0;}        
            }
            & .image { height:100%; position:relative;
                img{width:100%;height:100%;object-fit:cover;max-height: 540px;}
            }
            & .caption {padding:0;
                & :is(h1, h2, h3, h4){ font-family:var(--header); }
                .h1, h1 {font-size: calc(2.0rem + 1.0vw);  font-weight: bold;letter-spacing: 0.05em;
                    @media (min-width: 1200px) {font-size: 3.0rem; }
                   
                }
                .h2, h2 {font-size: calc(1.20rem + 0.5vw); 
                    @media (min-width: 1200px) {font-size: 2.5rem; }
                   
                }
                .h3, h3 {font-size: calc(1.0rem + 0.5vw); 
                    @media (min-width: 1200px) {font-size: 2rem; }
                    
                }
                p, div {font-size: calc(1.0rem + 0.05vw); 
                    @media (min-width: 1200px) {font-size: 1.2rem; } 
                }                     
            }                  
        }                     
    }  
    @media (min-width: 0px) and (max-width: 992px) {
        .sliderSection {
            & .slide {margin-bottom:0; flex-direction:column;align-items: flex-start;
                & .captionData{flex: 0 0 auto;width: fit-content;position: absolute;padding:15px;
                    & .caption{ padding:15px;}              
                }
                & .media{width:100%; transform:none;
                    video{width:100%;}        
                }
            }
        }
    }
    @media (min-width: 0px) and (max-width: 768px) { margin-top:140px;}               
}

.sliderSection {
    & .tao-item{   
        & .slide {
            & .image {background-size:100%;  transition: all ease 8s;}
        }
        &.active { 
             & .slide {
                  & .image {  transition:all ease 8s; background-size:105%;   }
             }
        }
       
    }
}
 
.subpageHeader-block {padding-top: 100px;
    & .pageHeader{width:100%;height: 100%;display:flex;background:var(--primary);margin-bottom: 80px;position: relative;
        & .captionData {width:40%;
            & .caption{width: 100%;position: relative;margin: 0;padding: 10px 30px 30px 60px;
                & :is(h1, h2, h3, h4){ font-family:var(--header); }
                .h1, h1 {font-size: calc(2.0rem + 1.0vw);  font-weight: bold;letter-spacing: 0.05em;
                    @media (min-width: 1200px) {font-size: 3.0rem; }
                    @media (max-width: 992px) {font-size: 2.0rem; }
                    @media (max-width: 548px) {font-size: 1.6rem; }
                   
                }
                .h2, h2 {font-size: calc(1.20rem + 0.5vw); 
                    @media (min-width: 1200px) {font-size: 2.5rem; }
                    @media (max-width: 992px) {font-size: 2.0rem; } 
                    @media (max-width: 548px) {font-size: 1.4rem; }
                }
                .h3, h3 {font-size: calc(1.0rem + 0.5vw); 
                    @media (min-width: 1200px) {font-size: 2rem; }
                    @media (max-width: 992px) {font-size: 1.5rem; }
                    @media (max-width: 548px) {font-size: 1.1rem; }
                }
                p, div {font-size: calc(1.0rem + 0.05vw); 
                    @media (min-width: 1200px) {font-size: 1.2rem; } 
                    @media (max-width: 992px) {font-size: 1.0rem; }                         
                }
            }
        }
        & .media{width: 60%;height: 100%;line-height: 0;transform: translateY(80px);position: relative;display: flex;justify-content: center;align-items: flex-end;
            video{object-fit: cover;height: 100%;width: 90%;object-position: center center;opacity: 1;/* position: absolute; */bottom: 0;max-height: 540px;aspect-ratio: 4 / 3;}     
            &[data-video]:not([data-video=""]){/* aspect-ratio: 4 / 3; */
                & .image{display:none;}
            }
            & .image {object-fit: cover;object-position: center center;opacity: 1;
                img{width:100%;height:100%;max-width: max-content;object-fit: contain;max-height: 540px;
                    &[src="#"], &[src=""]{display:none;}   
                }
            }                      
        } 
    }
    @media (min-width: 0px) and (max-width: 992px) {
            & .pageHeader  {margin-bottom:0; flex-direction:column;align-items: flex-start;
                & .captionData{flex: 0 0 auto;width: 100%;position: absolute;z-index: 1;padding:15px;top: 50%;transform: translateY(-50%);
                    & .caption{ padding:15px;
                        &:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; z-index: -1;  background-color:color-mix(in srgb, var(--primary) 80%, transparent);}                              
                    }              
                }
                & .media{width:100%; transform:none;
                    & .image{width:100vw;
                        img{object-fit:cover;}        
                    }
                    video{width:100%;}        
                }
            }
    }
    @media (min-width: 0px) and (max-width: 768px) { padding-top:140px;}                      
}

/*Gallery*/
.taoGalleryBox .overlay {background:color-mix(in srgb,var(--mute) 85%,transparent) !important;}
.gallery_paging_links  span  a, .gallery_next_link_inactive, .gallery_prev_link_inactive {margin: 0 1px !important;}


/*News*/
.news-listing {padding: 0;position: relative;background: var(--white);margin-bottom: 20px;border-bottom: 1px solid var(--bs-border-color);-webkit-transition: -webkit-box-shadow .35s ease;-o-transition: box-shadow .35s ease;transition: box-shadow .35s ease;
    & .news-info{position:relative;z-index:1;
        & .newsTitle {line-height:1.1;
            a{ color:var(--secondary);}             
        }            
    }
    &:hover {transition: box-shadow .35s ease}
}
 
.news{display:flex; flex-direction:column; height:100%; justify-content:space-between;
     & .article {margin-bottom: 15px;padding-bottom:10px;border-bottom:1px dashed var(--primary);
        h2{font-size:1.33em;}
        & .splitleft, & .splitright { display:block;
            em{font-size:.9em;}
            a{display:inline-block; padding:3px 10px; font-size:.8em; text-transform:uppercase; border:1px solid var(--primary); border-radius:5px;
                 &:hover{ background:var(--primary); color:var(--white);}
             } 
        }
    }
    & .newsRow{margin-bottom: 15px;padding-bottom: 15px;border-bottom:1px solid var(--border);
        & .date {font-weight: 400;color: var(--primary);}   
        & .newsRow_title a {font-size: 1.3em;font-weight: 500;color: var(--text);}
    }      
}

.news-body img{max-width:60%;float:left;margin-right: 15px;margin-bottom: 15px;}

/* Events Wrapper */
.event {margin: 10px 0 15px; padding: 0; position: relative; display: flex; justify-content: flex-start; align-items: center; background: var(--white); border-bottom: 1px solid var(--bs-border-color);
  .event_date {text-align: center; font-weight: 900; font-size: 1.2em; line-height: 1em; text-transform: uppercase; color: var(--text); } 
  .event_day {font-size: 1.5em; padding: 10px; } 
  .event_time {font-size: 0.84em; font-weight: 400; display: block; line-height: 1.5em; } 
  .event_content {padding: 10px; font-weight: normal; font-size: 1em; text-align: left; line-height: 1.5em; position: relative; z-index: 1; 
    a {color:var(--primary);font-size: 1.2em; font-weight: 500; word-break: break-word; vertical-align: middle; } 
  }
}

/* Events Section */
.events {
  h2 {margin: 50px 0 15px; color: var(--text); }
  .eventrow {margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px dashed var(--gray); 
    h3 {font-size: 1.125rem; } p {margin: 0; } 
    ul {margin: 0 0 10px; padding: 0; 
      li {margin-right: 15px; } 
    } 
  }
}

/* Event Articles / Cards */
.events_block {
  .article {border-bottom: 1px solid var(--gray); padding: 15px 0; 
    img {max-width: 300px; height: auto; } 
    .dtl {padding: 0 15px; } 
  } 
}

/* Event Detail Page */
.EventDetail {
  .dtl img {max-width: 450px; margin: 0 auto; display: block; } 
}

@media (max-width: 768px) {
  .event {flex-direction: column; text-align: center; 
    .event_content {padding-top: 15px; } 
  }

  .events_block .article {flex-direction: column; align-items: center; 
    img {width: 100%; max-width: 100%; } 
    .dtl {padding: 10px 0; } 
  }
}
 
/*Content blocks*/
.homeContentCards { padding: 150px 0;background: url(/image/cache/2_Image.jpg) no-repeat center center;background-attachment: fixed;
    & .contentCardsWrapper{background:var(--white); padding:30px 15px; border-radius:5px;}  
    & .featuredBlock{background:var(--white);box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);/* overflow: hidden; */height: 100%;display: flex;flex-direction: column;flex: 0 0 auto;
        img{margin-bottom: -30px;}
        & .activityDetails{ 
            h3{display:inline-block;min-width:50%;background:var(--white);line-height: 30px;padding: 5px 15px;margin: 0;text-transform: uppercase;font-weight: bold;font-size: 1.2em;} 
            & .details{padding:15px;padding-top: 0;height: 100%;
                em{font-weight:500;}          
            }
        }
    }               
}
.activityPageHeader h1{text-transform:uppercase;}
.activityCards {margin-top: 3rem;background:var(--light);}

& .activityBlocksWrapper{position: relative;width:100%;
    & .activityBlocksCarousel{flex-wrap: nowrap;scroll-behavior: smooth;display: flex;cursor: grab;overflow: hidden;Beeline ID: 116321 -1 & 116320 -1;}
    & .activityBlocksCarousel.dragging {scroll-behavior: auto;cursor: grabbing;}                            
    & .controls{position: relative;width: 100%;text-align: right;
        span{display:inline-block;cursor: pointer;
            i{font-size: 28px;line-height: 1;color: var(--mute);} 
        }          
    }    
    & .activityBlock{margin: 10px;height: auto;width: 25%;}
    @media (min-width: 0px) and (max-width: 1199px) {
         & .activityBlock{flex: 0 0 auto;width: 33.333%;}
    }    
    @media (min-width: 0px) and (max-width: 991px) {
         & .activityBlock{flex: 0 0 auto;width: 50%;}
    }    
    @media all and (min-width: 0px) and (max-width: 578px) {   
         & .activityBlock{flex: 0 0 auto;width: 100%;}
    }                         
}
.activityBlock{background:var(--white);box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);height: 100%;display: flex;flex-direction: column;flex: 0 0 auto;
    img{margin-bottom: -30px;}
    & .activityDetails{ 
        h3{display:inline-block;min-width:50%;background:var(--white);line-height: 30px;padding: 5px 15px;margin: 0;text-transform: uppercase;font-weight: bold;font-size: 1.2em;} 
        & .details{padding:15px;padding-top: 0;height: 100%;
            em{font-weight:500;}          
        }
    }
} 

/*Hunting Guides*/
.guidesBlock{background:var(--white);box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);height: 100%;display: flex;flex-direction: column;flex: 0 0 auto; padding:15px;
    & .name {padding-left: 70px;background: url(/image/cache/small_logo.jpg) no-repeat center left;background-size: 60px;font-size: 1.0em;min-height: 70px;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;}
    ul{margin: 0;padding:0;list-style:none;margin-bottom: 15px;
        li{margin-top: 15px;display: flex;justify-content: flex-start;align-items: center;
            &.hide{display:none;}
            i{color:var(--mute); margin-right:5px;}
            a{color:var(--dark);}  
        }  
    }
    p[data=""]{display:none;}
}



footer {background:var(--dark);  position:relative; z-index:1;
    .footerInfoBlocks {background:var(--offwhite); padding-top:30px;
        & .footerInfoBlock{padding:15px;
            h3{color:var(--secondary);} 
            ul{
                li{ padding:15px 0; text-align:left; font-size:.95em;
                    a{ color:var(--dark);}
                    span{font-size:.8em;}   
                }
            }
        }        
    }

    & .footerNav {padding-top:30px; margin-bottom: 25px;
        ul {display:flex;flex-wrap: wrap;justify-content: space-between;
            li {/* min-width: 20%; */text-align: left;
                ul{ display:block;
                    li{min-width:auto;text-align:left;padding: 5px 0;}
                } 
                a{text-align:left; font-size:0.9em; color:var(--gray);}
            }
        }                    
    }
    & .copyright{ color:var(--gray); margin-top:15px; margin-top:0px !important;
        & .subfooter-nav { 
            ul {margin:0;padding: 0;} 
            ul li{display:inline-block!important; vertical-align: middle;            
                a{padding: 0 10px 0 0!important;color:var(--gray);
                    &:hover{background:none!important;} 
                }           
            } 
        }                             
    }
    @media all and (min-width: 0px) and (max-width: 767px) {
        & .address{ text-align:left;}
        & .footerNav { margin-top:30px;
            ul{display:block;}
        }
    }    
}

@media all and (min-width: 0px) and (max-width: 579px) {
    .sliderSection{margin-top: 0;}
}
@media all and (min-width: 0px) and (max-width: 479px) {
    .sliderSection{margin-top: 0;}
}