@font-face {font-family:'RastantyCortez';src:url(https://static.headwater.com/fonts/Rastanty-Cortez.otf) format("otf"),url(https://static.headwater.com/fonts/Rastanty-Cortez.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}
:root{--orange:#FF8672;--lightblue:#6BC6D8;--green:#88D8A4;--pink:#E75083;--purple:#646EA8;--darkblue:#002B43;--pilgrim-light:#D4D7E8;--pilgrim-dark:#646ea8;}
body.pilgrimage {background-color:var(--pilgrim-light);}
h2 {color:var(--darkblue);text-align:center;}
.homepod{background-color:white;border-radius:5px;box-sizing:border-box;border:1px solid #ddd}
.homepod img{clip-path:inset(20% 0 20% 0);margin-top:-20%}
.homepod h3{margin-top:-20%;font-size:1.2em;padding:5px 0 0 10px;text-align:center}
.homepod p{font-size:0.9em;padding:0 10px;min-height:4.5em;text-align:center;height:5em;overflow:hidden}
.homepod a, .homepod a:hover{color:#666}
.homepod input[type='button']{padding:10px 15px;color:white;background-color:var(--darkblue);border-radius:0;box-sizing:border-box;display:block;position:inherit;margin:0 auto 1.5em auto;cursor:pointer}
#heroimage{margin-top:170px ;margin-bottom:150px;padding-bottom:40px;height:auto;font-family:'Questrial','Open Sans', sans-serif}
#heroimage img{ margin-left:25%;width:75%;border-radius:5px}
#heroimage h1{font-weight:800;text-transform:uppercase;font-size:2.5em}
#heroimage h2{text-transform:none;text-align:left;font-style:italic;font-family:serif;color:var(--darkblue)}
#searchbox{position:relative;border:1px solid black;background-color:white;z-index:10;width:45%;border-radius:5px;padding:15px;margin-top:-35%;height:60%;box-sizing:border-box}
#searchbox p.script{height:25%;overflow:hidden;font-family:'RastantyCortez';font-size:70px;transform:rotate(-5deg);line-height:1em;}
#searchbox p.finder{text-align:right}
#searchbox img{margin-left:0;width:80%;transform:rotate(-5deg)}
#searchbox span.findbutton{background-color:var(--pilgrim-light);color:var(--darkblue);border:1px solid var(--pilgrim-dark);border-radius:5px;margin-right:10px;display:inline-block;padding:8px 10px;cursor:pointer;text-transform:uppercase;font-weight:600;text-align:center;}
#searchbox span.findbutton:hover{border-color:#ddd}
.swiper-trips{overflow:hidden}
.swiper-trips.trip{width:300px;border-radius:4px}
.swiper-slide.trip img{width:100%;height:auto;border-radius:4px}
.swiper-slide.trip p{position:absolute;bottom:15px;text-align:center;display:inline-block;background-color:rgba(255,255,255,.85);color:black;padding:10px 15px!important;height:5.5em;font-size:80%;margin:0 10px;border-radius:5px;left:0}
.swiper-triptypes{width:100%;max-width:1150px;height:480px;padding:0;overflow:hidden;box-sizing:border-box;margin-bottom:0}
.swiper-triptypes .swiper-slide{width:600px}
.swiper-triptypes .swiper-slide img{width:600px;border:2px solid #ddd;border-radius:5px;box-sizing:border-box}
.swiper-triptypes p{color:black;text-align:center;font-size:80%;box-sizing:border-box;padding:130px 30px 15px 30px;display:none;border:1px solid #ddd;border-radius:5px}
.swiper-triptypes .swiper-slide-fully-visible p{display:block}
.swiper-triptypes h2{position:relative;margin-top:-250px;font-weight:600;text-transform:uppercase;margin:-200px auto 0 auto;text-align:center;color:white;font-size:160%;border-top:2px solid white;border-bottom:2px solid white;width:fit-content;background-color:rgba(0,0,0,0.2);padding:0 10px;width:70%;overflow:hidden;display:-webkit-box;-weblit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;height:2.7em;}
.swiper-button-prev, .swiper-button-next{position:relative;cursor:pointer;color:black;background-color:#fff;padding:0 10px 2px;border-radius:100px;font-weight:700;box-shadow:1px 3px 5px gray}
.swiper-button-prev{float:left;top:-290px;left:18%}
.swiper-button-next{float:right;top:-290px;right:18%}
.swiper-button-prev::after, .swiper-button-next::after{font-size:20px}
.box.intro {text-align:center}
#faqs h3 {display: block;background-color: var(--pilgrim-dark);color:white;padding:10px;margin-left:0px!important;border-radius:8px 8px 0 0;text-transform:uppercase;}
#faqs {border:1px solid var(--pilgrim-dark);padding-bottom:20px;margin:0;border-radius:8px;}
.accordion-header {font-size:15px;padding:10px 20px 5px 20px;margin:0;cursor:pointer}
.accordion-header:before {font:18px "FontAwesome";content:"\f0fe";padding-right:20px;color:var(--pilgrim-dark);}
.active-header:before {font:18px "FontAwesome";content:"\f146";padding-right:20px;color:var(--pilgrim-dark);}
.accordion-content {display:none;padding:10px 20px}

@media (max-width:1149px)
{
 #heroimage h1{font-weight:600;font-size:calc(3vw)}
 #heroimage h2{font-size:calc(2vw)}
 #heroimage p.script{font-size:calc(50px)}
 #searchbox span.findbutton{font-size:calc(1.6vw);padding:calc(0.4vw) 0;margin-right:calc(0.5vw)}
}

@media(max-width:650px) 
{
 .swiper-button-next, .swiper-button-prev{display:none!important}
 #heroimage{margin-top:54px;margin-bottom:0px}
 #heroimage img{margin-left:-5%;width:110%}
 #searchbox{margin-left:9%;width:82%;text-align:center;height:auto;margin-top:-10%}
 #heroimage h1{font-size:30px;font-weight:600}
 #heroimage h2{text-align:center;font-size:25px}
 #searchbox span.findbutton{width:100%}
 #heroimage p.script{font-size:40px}
 #searchbox p.finder{text-align:none}
 .homepod{margin-bottom:20px!important}
  #searchbox span.findbutton{font-size:15px;font-weight:600;padding:12px 0;margin-right:10px}
  .swiper-slide.trip p{height:4.5em;font-weight:600;font-size:80%}
 .swiper-triptypes{width:375px;margin-bottom:-50px;padding-bottom:0}
 .swiper-triptypes .swiper-slide{width:350px}
 .swiper-triptypes .swiper-slide img{width:350px}
 .swiper-triptypes h2{margin-top:0;color:#4c3f64;display:none;background-color:white; width:95%;font-size:150%}
 .swiper-triptypes .swiper-slide-fully-visible h2{display:block}
 .swiper-triptypes p{margin-top:0;padding:10px!important}
}