:root{--orange:#FF8672;--lightblue:#6BC6D8;--green:#88D8A4;--pink:#E75083;--purple:#646EA8;--darkblue:#002B43}
::-webkit-scrollbar{width:8px!important;display:block!important;visibility:visible!important;margin-left:1px}
::-webkit-scrollbar-track{background:#fafafa}
::-webkit-scrollbar-thumb{background:#c2c2c2}
::-webkit-scrollbar-thumb:hover{background:#7d7d7d}

body.trips{font-family:'Open Sans',sans-serif;font-size:16px;line-height:24px;color:#0B253E}
p{line-height:1.5em}
.box p{padding:0 !important}
.twoonecol{padding:0}
.lazy{background:transparent url('https://assets.headwater.com/lazygrey.gif') center no-repeat}
h1{color:#000;font-weight:700;text-transform:uppercase;margin-bottom:0;padding:150px 0 0 0!important;z-index:2;position:relative;font-size:44px;line-height:54px}
#stickypadding{height:150px}
#holcounter{font-size:80%;line-height:7px;margin:0 0 20px 5px;padding:0;display:block}
@media(max-width:650px) 
{
 h1{padding-top:80px!important;width:96%!important;margin:0 2% 0 2%!important;font-size:30px;line-height:34px}
 #stickypadding{height:80px}
 #holcounter{margin:0.5em 0 20px 3%}
}
#searchfilters{border-radius:8px;position:sticky;top:160px;padding:5px 0 5px 0;box-shadow:0 8px 16px 0 #0000001f;z-index:100;color:var(--darkblue);background-color:white}
#searchscroller{overflow-y:scroll!important;background-color:white}
@media(max-width:650px) 
{
 #searchfilters{border-radius:0px;position:fixed;top:53px;width:100%;display:none}
 #searchfilters.active{display:block}
 #searchscroller{border:0px;position:fixed;width:100%;top:initial}
}
.iconbox{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px, 1fr));font-size:14px;line-height:38px}
.iconbox svg{width:28px;height:28px;margin-right:5px;float:left}
.iconbox .helpPopper{float:right;margin-right:10px;cursor:pointer;height:1.5em;width:1.5em}
.iconbox p{font-size:14px;max-width:60%;float:left}
.iconbox p.single{line-height:2em}
.iconbox p.double{line-height:1em}
@media(max-width:650px){.iconbox{line-height:36px}}
#deskLeftSide{z-index:2;position:relative;width:64%}
@media(min-width:651px) and (max-width:1080px){ #deskLeftSide{width:62%;margin-left:2%} }
@media(max-width:650px) and (orientation:portrait) 
{
 #deskLeftSide{margin-left:1%;width:100%;visibility:visible}
 #deskLeftSide.hidden{visibility:hidden}
 #deskRightSide{margin-left:1%;width:100%;float:none}
}
.tripcard{display:block;border-radius:8px;padding:16px;box-shadow:0 8px 16px 0 #0000001f;margin-bottom:32px;border:1px solid #B3B3B3}
@media(max-width:650px) and (orientation:portrait){.tripcard{width:88%;margin-left:2%}}
.tripcard .colorstrip.walking{background-color:var(--green)}
.tripcard .colorstrip.cycling{background-color:var(--orange)}
.tripcard .colorstrip.canoeing{background-color:var(--purple)}
.tripcard .colorstrip.activity{background-color:var(--purple)}
.tripcard .colorstrip.winter{background-color:var(--lightblue)}
.tripcard .colorstrip.tour{background-color:var(--orange)}
.tripcard p{line-height:1.1}
.tripcard .titlebar{background-color:white;margin-left:10px;padding-left:5px}
.tripcard .inset{margin-left:15px}
.tripcard .left{width:50%;float:left}
.tripcard .right{width:47%;float:right}
@media(max-width:650px) and (orientation:portrait){.tripcard .left, .tripcard .right{width:100%;float:none}}
.tripcard .country{font-size:14px;font-weight:800;text-transform:uppercase;margin:0 0 0.5em 0}
.tripcard .country a{text-decoration:none;color:black}
.tripcard .holtitle{font-size:28px;font-weight:800;text-transform:uppercase}
.tripcard .review{float:left;font-size:80%}
.tripcard .review .stars{font-size:120%;color:#fd0}
.tripcard .price{float:right;font-size:32px;font-weight:700}
.tripcard .price::before{content:"From ";font-size:16px}
.tripcard .newtrip{display:inline-block;padding:3px 4px !important;background-color:var(--pink);border-radius:3px;font-weight:bold;color:white;float:none;margin-bottom:2em}
.tripcard .offer{display:inline-block;width:100%;text-align:center;background-color:#e36184;padding:5px 0!important;margin:8px 0 0 0!important;font-size:85%;font-weight:600;color:white;border-radius:8px}
@media(max-width:650px) and (orientation:portrait) 
{
 .tripcard .price{float:none}
 .tripcard .review{float:none}
 .tripcard .price_review{width:50%;float:right;text-align:right}
 .tripcard .offer{margin-bottom:8px!important}
}
.tripcard .holimage img{border-radius:8px;width:100%}
.tripcard .tripbutton.mobile, .tripcard .tripbutton.desktop{display:block;color:white;background-color:#0b253e;border-radius:8px;padding:10px;text-align:center;font-weight:600}
.tripcard .tripbutton.desktop{margin-top:10px}
.tripcard .tripbutton.mobile{display:none}
@media(max-width:650px) and (orientation:portrait) 
{
 .tripcard .tripbutton.mobile{display:block}
 .tripcard .tripbutton.desktop{display:none}
 .iconbox .section{max-height:42px}
}
.swiper-button-prev, .swiper-button-next{font-size:15px;width:10px;height:28px}
@media(max-width:650px) and (orientation:portrait){.swiper-button-prev, .swiper-button-next{display:none}}
#SearchResultsImage{height:20em;border-radius:8px;margin-bottom:1em;width:100%;background-size:cover}
#SearchResultsIntro{height:10em;overflow-y:auto;margin-bottom:2em;padding-right:20px;font-size:90%}
@media(max-width:650px) and (orientation:portrait)
{
 #SearchResultsImage{display:none} 
 #SearchResultsIntro{height:auto}
 #mobileIntro.textEllipsis {display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;transition:all 0.3s linear;}
 #mobileIntro p {margin-left:2%!important;width:96%;}
 .showmoreBtn{display:block;width:fit-content;background-color:var(--darkblue);color:white;padding:1px 10px;border-radius:4px;margin:0 auto 5px auto;}
}
.filterSlider{max-width:800px;position:fixed;top:53px;background-color:white;z-index:100;width:100%;display:none;height:3.8em}
.filterSlider span{font-size:80%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.5em 5px 0 0;color:var(--darkblue)}
.filterSlider img{float:left;margin:5px 10px 0 5px}
.searchtitle{font-size:130%;font-weight:600;padding-left:5%;margin-left:5%;margin-bottom:0.8em;margin-top:0.2em;display:none;background-color:white}
.searchtitle::after{content:"\f00d\00a0\00a0\00a0";font-family:"FontAwesome";font-weight:200;float:right}
#mobileSearch{padding:0 1% 0 5%;width:94%}
@media(max-width:650px) and (orientation:portrait) 
{
.filterSlider{display:block}
.listing{margin-top:2.5em}
.searchtitle{display:block}
#mobileSearch{padding:0;width:90%}
}
#searchscroller li{cursor:pointer}
.search_ddown svg{width:1.8em;height:1.8em;float:left}
.search_ddown{border-top:2px solid var(--darkblue);padding-top:5px}
@media(min-width:601px){.search_ddown.noline{border-top:0}}
.search_ddown p{line-height:1.1em;cursor:pointer;margin-bottom:0.8em}
.search_ddown p::after{float:right;content:"\f078\00a0\00a0";font-family:"FontAwesome";margin-top:-2.5em}
.search_ddown p.active::after{content:"\f077\00a0\00a0"}
.search_ddown p span{display:inline-block;font-size:70%;width:100%;overflow:hidden;max-height:2em}
.search_ddown ul.active{display:inline-block}
.search_ddown ul{display:none;list-style:none;width:95%;padding:0 0 0 5%;margin-top:0}
.search_ddown.tourtype ul{width:100%;padding:0}
.search_ddown.grade ul{width:100%;padding:0}
.search_ddown.tourtype svg{float:none}
.search_ddown.grade svg{float:none}
.search_ddown li{display:block;width:90%;border:1px solid var(--green);height:2em;border-radius:5px;margin-bottom:3px;box-sizing:border-box}
.search_ddown.tourtype li{width:31%;margin-right:1.5%;height:3.5em;float:left;padding:4px}
.search_ddown.grade li{width:23%;margin-right:1.5%;height:3.5em;float:left;padding:4px}
.search_ddown li.active{background-color:#e7f7ed}
.search_ddown li::after{line-height:2em;float:right;padding-right:15px;content:"\f096";font-family:"FontAwesome"}
.search_ddown.tourtype li::after{padding-right:5px;position:relative;top:-3.2em}
.search_ddown.grade li::after{padding-right:5px;position:relative;top:-3.2em}
@media(max-height:600px) and (orientation:landscape) 
{
h1{font-size:40px}
.search_ddown p{margin-bottom:0.5em}
}
.search_ddown li.active::after{content:"\f046";font-family:"FontAwesome"}
.search_ddown img{height:1.8em;padding:0 0 0 5px}
.search_ddown.tourtype img{padding:0}
.search_ddown.grade img{padding:0}
.search_ddown.orderby img{padding:0}
.search_ddown ul span{display:inline-block;line-height:2em;font-size:90%;padding-left:15px}
.search_ddown.tourtype ul span{padding-left:0;font:85% 'Arial Narrow','Arial','Open Sans',sans-serif;width:100%;overflow:hidden}
.search_ddown.grade ul span{padding-left:0;font:85% 'Arial Narrow','Arial','Open Sans',sans-serif;width:100%;overflow:hidden}
.search_ddown .month.option{width:27%;float:left;margin-right:5%}
@media(max-width:650px) and (orientation:portrait) 
{
.search_ddown li{margin-bottom:6px}
.search_ddown p{margin:3px 0 1em 0}
}
#orderby_ddown{border-top:2px solid var(--darkblue);padding-top:5px}
#orderby_ddown svg{width:1.8em;height:1.8em}
#orderby_ddown p{line-height:1.1em;cursor:pointer;margin-bottom:0.8em}
#orderby_ddown ul{list-style:none;width:95%;padding:0 0 0 5%;margin-top:0;width:100%;padding:0;display:inline-block}
#orderby_ddown li{width:31%;margin-right:1.5%;border:1px solid var(--green);height:2em;border-radius:5px;box-sizing:border-box;height:3.5em;float:left;padding:4px;background-color:white}
#orderby_ddown li::after{position:relative;top:-3.4em;line-height:2em;float:right;padding-right:5px;content:"\f096";font-family:"FontAwesome"}
#orderby_ddown li.active{background-color:#e7f7ed}
#orderby_ddown li.active::after{content:"\f151"}
#orderby_ddown img{height:1.8em;padding:0}
#orderby_ddown ul span{padding-left:0;font-family:'Arial Narrow','Arial','Open Sans',sans-serif;width:100%;overflow:hidden;line-height:1.3em;display:inline-block;font-size:85%}
li.spacer{border:0;height:10px}
li.spacer::after{content:none}
#reload{position:absolute;bottom:25px;width:95%;z-index:100}
@media(max-width:650px) and (orientation:portrait){#reload{bottom:35px}}
#reloadbutton{border:1px solid #B3B3B3;border-radius:4px;text-align:center;font-weight:600;margin:25px 0 0 5%;padding:10px 0 !important;cursor:not-allowed;height:1.5em;text-transform:uppercase;background-color:white}
#reloadbutton.active{color:white;background-color:var(--darkblue);cursor:pointer}
@media(max-width:650px) and (orientation:portrait){#reloadbutton{margin-top:35px}}
#tripcodeform{position:absolute;top:0px;bottom:0px;width:100%;background-color:white;display:none;z-index:250;box-shadow:0 8px 16px 0 #0000001f;border-radius:8px}
#tripcodeform form{margin:20% 10%;font-size:110%;text-align:center}
#tripcodeform input{width:100%;padding:5px;box-sizing:border-box;padding:10px;border:1px solid black}
#tripcodeform .cancel{border:1px solid #B3B3B3;width:100%;padding:10px 0 !important;height:3em;font-weight:600;border-radius:4px; background-color:white;font-size:16px;margin-top:5%;cursor:pointer}
#tripcodeform .submit{color:white;background-color:var(--darkblue);height:3em;font-weight:600;font-size:16px;margin-top:10%;cursor:not-allowed}
#tripcodeform .submit.valid{cursor:pointer}
@media(max-width:650px) and (orientation:portrait){#tripcodeform{border-radius:0;border-width:0}}
#loadspinner{display:none}
@media(max-width:650px) and (orientation:portrait) 
{
#loadspinner{position:absolute;top:15%;bottom:0px;width:50%;background-image:url("https://assets.headwater.com/loading.gif");display:block;background-repeat:no-repeat;background-size:contain;margin-left:25%;z-index:1000}
}
.reviewbox{border:1px solid var(--lightblue);text-align:center;border-radius:8px}
#search-faqs{border:1px solid var(--lightblue);padding-bottom:20px;margin:30px 0;border-radius:8px}
#search-faqs h3{display:block;background-color:var(--lightblue);color:white;padding:10px;margin-left:0px!important;border-radius:8px 8px 0 0}
@media(max-width:650px) and (orientation:portrait) 
{
.reviewbox{width:86%;margin-left:7%}
#search-faqs{border:0;padding:0}
#search-faqs h3{color:var(--darkblue);background-color:white;border:0;text-transform:uppercase}
.accordion-content p{font-size:95%}
}
.tooltip{background-color:#0a243f;width:260px;position:fixed;padding:10px 10px 0 10px;border-radius:4px;color:white;font-size:90%;top:280px;left:44%;z-index:100;display:none}
@media(max-width:1200px){.tooltip{left:40%}}
@media(max-width:1000px){.tooltip{left:36%}}
@media(max-width:850px){.tooltip{left:28%}}
#fgrade_popper{height:1em;display:none}
.mobilefilterbutton{padding:14px 0;font-size:16px;width:100%;display:none;position:sticky;top:54px;background-color:white;z-index:10;border-bottom:1px solid #ddd}

@media(max-width:650px)
{
 #fgrade_popper{display:none!important}
 .mobilefilterbutton{display:inline-block}
 .mobilefilterbutton img{height:2.5em;width:2.5em;margin:0 10px 0 20px}
 .mobilefilterbutton span{position:relative;top:-1em;color:black}
}