@charset "UTF-8";

html, body {
height: 100%; }
body {
padding: 0;
margin: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-color: #F8F8F8;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
color: #2E2E2E; }
.page-alert .site-header {
padding-bottom: 0; }
.page-alert .site-main {
padding-top: 160px; }
::selection {
background-color: #E8E8E8; }
.site-main {
padding: 0px;
padding-top: 75px;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
overflow: hidden;
padding-bottom: 30px; }
a#skip-to-main-content:focus {
position: static;
width: auto;
height: auto;
margin: 0;
padding: 0;
overflow: visible;
border: 0;
clip: auto;
position: fixed;
top: 0;
right: 0;
left: 0;
padding: 38px;
width: auto;
height: auto;
overflow: auto;
text-decoration: underline;
text-align: center;
color: #FF5000;
background-color: #FFFFFF;
outline: 2px dotted #FF5000;
z-index: 1000;
outline-offset: -2px; }
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0; }
footer {
-ms-flex-negative: 0;
flex-shrink: 0; }
.site-main.page-error404 {
max-width: none; }
section {
margin: 45px 0px;
max-width: 1090px;
margin: 0 auto;
padding: 15px 45px; }
@media (min-width: 768px) {
section {
padding: 30px; } }
.img-responsive {
max-width: 100%;
width: 100%;
height: auto;
display: block; }
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0; }
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 600;
font-family: futura-pt-bold, sans-serif; }
h1 {
font-size: 32px;
font-size: 2rem; }
h2 {
font-size: 28px;
font-size: 1.75rem;
line-height: 1; }
h3 {
font-size: 24px;
font-size: 1.5rem; }
h4 {
font-size: 20px;
font-size: 1.25rem; }
h5 {
font-size: 18px;
font-size: 1.125rem;
font-family: noto-sans, sans-serif; }
h6 {
font-size: 15px;
font-size: 0.9375rem;
font-family: noto-sans, sans-serif; }
p {
font-family: noto-sans, sans-serif;
font-size: 18px;
font-size: 1.125rem; }
ul {
list-style-type: none;
-webkit-padding-start: 10px;
padding-inline-start: 10px;
font-family: noto-sans, sans-serif; }
ul li {
position: relative;
font-size: 18px;
font-size: 1.125rem; }
ul li:before {
content: "•";
color: #2E2E2E;
position: absolute;
left: -14px;
z-index: 1; }
ol {
counter-reset: item;
-webkit-padding-start: 10px;
padding-inline-start: 10px;
font-family: noto-sans, sans-serif; }
ol li {
display: block;
font-size: 18px;
font-size: 1.125rem; }
ol li:before {
content: counter(item) ". ";
counter-increment: item;
color: #2E2E2E;
font-weight: bold; }
a {
color: #FF5000;
font-family: noto-sans, sans-serif;
font-weight: bold;
font-size: 19px;
font-size: 1.1875rem; }
a:hover {
color: #BC4800; }
a:focus {
outline: #FF5000 dotted 2px; }
a[download], a[href*="hiusa.box.com"], a[href*="hiusa.app.box.com"], a[href*="cdn-hiusa-corporatewebsite-001.azureedge.net"] {
position: relative;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center; }
a[download]:after, a[href*="hiusa.box.com"]:after, a[href*="hiusa.app.box.com"]:after, a[href*="cdn-hiusa-corporatewebsite-001.azureedge.net"]:after {
content: "";
min-width: 20px;
min-height: 20px;
width: 20px;
height: 20px;
margin-left: 5px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 98.43 120'%3E%3Cpath d='M27.36,43.1h-2.1V37h2.1c2.32,0,3.49,1,3.49,3S29.68,43.1,27.36,43.1Zm28.18,1a7.42,7.42,0,0,0-.49-2.71,6,6,0,0,0-3.54-3.58,7.84,7.84,0,0,0-2.91-.52H47.15V50.91H48.6a7.8,7.8,0,0,0,2.94-.52,6,6,0,0,0,3.53-3.56,7.73,7.73,0,0,0,.47-2.73ZM98.43,14.84V86.1L63.87,120h-49A14.87,14.87,0,0,1,0,105.15V14.84A14.86,14.86,0,0,1,14.86,0H83.58A14.86,14.86,0,0,1,98.43,14.84ZM86.89,84.2H69.44a8.21,8.21,0,0,0-8.21,8.21v17ZM89,63.53H9.44v41.62a5.42,5.42,0,0,0,5.42,5.41h37a10.94,10.94,0,0,1-.09-1.14v-17A17.67,17.67,0,0,1,69.44,74.76h17.5A9.42,9.42,0,0,1,89,75ZM25.26,56.27V48.2H29a8.61,8.61,0,0,0,6.28-2.13,8,8,0,0,0,2.17-6,8,8,0,0,0-2.17-6A8.7,8.7,0,0,0,29,31.93H18.93V56.27Zm24.92,0a11.18,11.18,0,0,0,4.7-1,12.7,12.7,0,0,0,3.81-2.68,12.32,12.32,0,0,0,2.55-3.89,12,12,0,0,0,0-9.23,12.12,12.12,0,0,0-2.57-3.87,12.55,12.55,0,0,0-3.81-2.67,11,11,0,0,0-4.66-1H40.82V56.27ZM71.87,41.36V37.29h7.62V31.93H65.55V56.27h6.32V46.72h6.94V41.36ZM89,14.84a5.41,5.41,0,0,0-5.41-5.4H14.86a5.41,5.41,0,0,0-5.42,5.4V25.27H89Z' fill='%23ff5000'/%3E%3C/svg%3E");
background-repeat: no-repeat; }
a[download]:hover:after, a[href*="hiusa.box.com"]:hover:after, a[href*="hiusa.app.box.com"]:hover:after, a[href*="cdn-hiusa-corporatewebsite-001.azureedge.net"]:hover:after {
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120' fill='%23BC4800'%3E%3Cpath d='M43.792,47.468H42.236v-4.5h1.556q2.586,0,2.586,2.25T43.792,47.468Zm20.9.742a5.546,5.546,0,0,0-.36-2.012A4.511,4.511,0,0,0,61.7,43.541a5.77,5.77,0,0,0-2.155-.383H58.468v10.1h1.077a5.819,5.819,0,0,0,2.179-.383,4.651,4.651,0,0,0,1.616-1.054,4.48,4.48,0,0,0,1-1.592A5.7,5.7,0,0,0,64.693,48.21ZM96.5,26.51V79.359L70.87,104.5H34.52A11.027,11.027,0,0,1,23.5,93.489V26.51A11.026,11.026,0,0,1,34.52,15.5H85.49A11.022,11.022,0,0,1,96.5,26.51ZM87.943,77.947H75a6.091,6.091,0,0,0-6.087,6.087v12.58ZM89.5,62.618h-59V93.489A4.02,4.02,0,0,0,34.52,97.5H61.977a6.81,6.81,0,0,1-.064-.847V84.034A13.1,13.1,0,0,1,75,70.947H87.983a6.944,6.944,0,0,1,1.517.186ZM42.236,57.235V51.25h2.777a6.389,6.389,0,0,0,4.657-1.58,5.946,5.946,0,0,0,1.615-4.453,5.944,5.944,0,0,0-1.615-4.453,6.394,6.394,0,0,0-4.657-1.58h-7.47V57.235Zm18.483,0a8.245,8.245,0,0,0,3.483-.742,9.324,9.324,0,0,0,2.825-1.987,9.12,9.12,0,0,0,1.891-2.885,8.862,8.862,0,0,0-.012-6.847A9.18,9.18,0,0,0,67,41.9a9.435,9.435,0,0,0-2.825-1.975,8.2,8.2,0,0,0-3.459-.742H53.775V57.235Zm16.088-11.06V43.158h5.65V39.184H72.114V57.235h4.693V50.148h5.147V46.175ZM89.5,26.51a4.015,4.015,0,0,0-4.01-4.01H34.52a4.019,4.019,0,0,0-4.02,4.01v7.734h59Z'/%3E%3C/svg%3E"); }
.site-main a[href*="//"]:not([href*="localhost:8889"]):not([href*="hiusa.azurewebsites.net"]):not([href*="hiusa.org"]):not([href*="hiusa.box.com"]):not([href*="hiusa.app.box.com"]):not([href*="cdn-hiusa-corporatewebsite-001.azureedge.net"]),
.site-main a[href*="bookings.hiusa.org"],
.site-main a[href*="docs.google.com"] {
position: relative;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center; }
.site-main a[href*="//"]:not([href*="localhost:8889"]):not([href*="hiusa.azurewebsites.net"]):not([href*="hiusa.org"]):not([href*="hiusa.box.com"]):not([href*="hiusa.app.box.com"]):not([href*="cdn-hiusa-corporatewebsite-001.azureedge.net"]):after,
.site-main a[href*="bookings.hiusa.org"]:after,
.site-main a[href*="docs.google.com"]:after {
content: "";
min-width: 15px;
min-height: 15px;
width: 15px;
height: 15px;
margin-left: 5px;
background-image: url("data:image/svg+xml,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120' fill='%23FF5000'%3E%3Cg data-name='Group 4012'%3E%3Cpath data-name='Path 5474' d='M113.315,65.625a6.219,6.219,0,0,0-6.22,6.219v33.817a1.884,1.884,0,0,1-1.879,1.885H14.324a1.885,1.885,0,0,1-1.885-1.885h0V14.794a1.885,1.885,0,0,1,1.885-1.886H52.759a6.22,6.22,0,0,0,0-12.439H14.324A14.342,14.342,0,0,0,0,14.794V105.66a14.343,14.343,0,0,0,14.324,14.325h90.867a14.344,14.344,0,0,0,14.325-14.325V71.844A6.219,6.219,0,0,0,113.315,65.625Z'/%3E%3Cpath data-name='Path 5475' d='M113.877.487,82.242.016a6.22,6.22,0,0,0-.188,12.439l16.465.247L38.876,72.346a6.219,6.219,0,1,0,8.64,8.948c.052-.05.1-.1.154-.154l59.667-59.668-.248,16.779a6.22,6.22,0,0,0,6.128,6.31h.092a6.22,6.22,0,0,0,6.219-6.129L120,6.8A6.219,6.219,0,0,0,113.877.487Z'/%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat; }
.site-main a[href*="//"]:not([href*="localhost:8889"]):not([href*="hiusa.azurewebsites.net"]):not([href*="hiusa.org"]):not([href*="hiusa.box.com"]):not([href*="hiusa.app.box.com"]):not([href*="cdn-hiusa-corporatewebsite-001.azureedge.net"]):hover:after,
.site-main a[href*="bookings.hiusa.org"]:hover:after,
.site-main a[href*="docs.google.com"]:hover:after {
background-image: url("data:image/svg+xml,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120' fill='%23BC4800'%3E%3Cg data-name='Group 4012'%3E%3Cpath data-name='Path 5474' d='M113.315,65.625a6.219,6.219,0,0,0-6.22,6.219v33.817a1.884,1.884,0,0,1-1.879,1.885H14.324a1.885,1.885,0,0,1-1.885-1.885h0V14.794a1.885,1.885,0,0,1,1.885-1.886H52.759a6.22,6.22,0,0,0,0-12.439H14.324A14.342,14.342,0,0,0,0,14.794V105.66a14.343,14.343,0,0,0,14.324,14.325h90.867a14.344,14.344,0,0,0,14.325-14.325V71.844A6.219,6.219,0,0,0,113.315,65.625Z'/%3E%3Cpath data-name='Path 5475' d='M113.877.487,82.242.016a6.22,6.22,0,0,0-.188,12.439l16.465.247L38.876,72.346a6.219,6.219,0,1,0,8.64,8.948c.052-.05.1-.1.154-.154l59.667-59.668-.248,16.779a6.22,6.22,0,0,0,6.128,6.31h.092a6.22,6.22,0,0,0,6.219-6.129L120,6.8A6.219,6.219,0,0,0,113.877.487Z'/%3E%3C/g%3E%3C/svg%3E"); }
img {
max-width: 100%;
height: auto;
display: block; }
blockquote {
font-family: futura-pt, sans-serif; }
figure {
margin: 0;
padding: 0; }
@media (min-width: 768px) {
.site-main {
padding-top: 156px; }
.page-alert .site-main {
padding-top: 235px; }
h1 {
font-size: 48px;
font-size: 3rem; }
h2 {
font-size: 33px;
font-size: 2.0625rem; }
h3 {
font-size: 28px;
font-size: 1.75rem; }
h4 {
font-size: 22px;
font-size: 1.375rem; } }
@media (min-width: 992px) {
.site-main {
padding-top: 105px; }
.page-alert .site-main {
padding-top: 160px; } }
@media (prefers-reduced-motion: reduce) {
.slide {
--movement: 0 !important; } }
.primary-button,
.secondary-button,
.tertiary-button,
button[type="submit"] {
-webkit-appearance: none;
transition: all .3s ease;
font-family: futura-pt-bold, sans-serif;
text-transform: uppercase;
border-radius: 3px;
text-decoration: none;
display: inline-block;
margin: 0;
letter-spacing: .05em;
font-size: 19px;
font-size: 1.1875rem;
cursor: pointer;
font-weight: bold; }
.primary-button,
button[type="submit"] {
padding: 12px 20px 10px;
background-color: #FF5000;
color: #FFFFFF;
border: 0; }
.primary-button:hover,
button[type="submit"]:hover {
background-color: #BC4800;
color: #FFFFFF; }
.primary-button:focus,
button[type="submit"]:focus {
outline: 2px dotted #FF5000;
color: #FFFFFF; }
.primary-button[download]:after, .primary-button[href*="hiusa.box.com"]:after, .primary-button[href*="hiusa.app.box.com"]:after, .primary-button[href*="cdn-hiusa-corporatewebsite-001.azureedge.net"]:after,
button[type="submit"][download]:after,
button[type="submit"][href*="hiusa.box.com"]:after,
button[type="submit"][href*="hiusa.app.box.com"]:after,
button[type="submit"][href*="cdn-hiusa-corporatewebsite-001.azureedge.net"]:after {
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120' fill='%23FFFFFF'%3E%3Cpath d='M43.792,47.468H42.236v-4.5h1.556q2.586,0,2.586,2.25T43.792,47.468Zm20.9.742a5.546,5.546,0,0,0-.36-2.012A4.511,4.511,0,0,0,61.7,43.541a5.77,5.77,0,0,0-2.155-.383H58.468v10.1h1.077a5.819,5.819,0,0,0,2.179-.383,4.651,4.651,0,0,0,1.616-1.054,4.48,4.48,0,0,0,1-1.592A5.7,5.7,0,0,0,64.693,48.21ZM96.5,26.51V79.359L70.87,104.5H34.52A11.027,11.027,0,0,1,23.5,93.489V26.51A11.026,11.026,0,0,1,34.52,15.5H85.49A11.022,11.022,0,0,1,96.5,26.51ZM87.943,77.947H75a6.091,6.091,0,0,0-6.087,6.087v12.58ZM89.5,62.618h-59V93.489A4.02,4.02,0,0,0,34.52,97.5H61.977a6.81,6.81,0,0,1-.064-.847V84.034A13.1,13.1,0,0,1,75,70.947H87.983a6.944,6.944,0,0,1,1.517.186ZM42.236,57.235V51.25h2.777a6.389,6.389,0,0,0,4.657-1.58,5.946,5.946,0,0,0,1.615-4.453,5.944,5.944,0,0,0-1.615-4.453,6.394,6.394,0,0,0-4.657-1.58h-7.47V57.235Zm18.483,0a8.245,8.245,0,0,0,3.483-.742,9.324,9.324,0,0,0,2.825-1.987,9.12,9.12,0,0,0,1.891-2.885,8.862,8.862,0,0,0-.012-6.847A9.18,9.18,0,0,0,67,41.9a9.435,9.435,0,0,0-2.825-1.975,8.2,8.2,0,0,0-3.459-.742H53.775V57.235Zm16.088-11.06V43.158h5.65V39.184H72.114V57.235h4.693V50.148h5.147V46.175ZM89.5,26.51a4.015,4.015,0,0,0-4.01-4.01H34.52a4.019,4.019,0,0,0-4.02,4.01v7.734h59Z'/%3E%3C/svg%3E"); }
.primary-button[download]:hover:after, .primary-button[href*="hiusa.box.com"]:hover:after, .primary-button[href*="hiusa.app.box.com"]:hover:after, .primary-button[href*="cdn-hiusa-corporatewebsite-001.azureedge.net"]:hover:after,
button[type="submit"][download]:hover:after,
button[type="submit"][href*="hiusa.box.com"]:hover:after,
button[type="submit"][href*="hiusa.app.box.com"]:hover:after,
button[type="submit"][href*="cdn-hiusa-corporatewebsite-001.azureedge.net"]:hover:after {
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120' fill='%23FFFFFF'%3E%3Cpath d='M43.792,47.468H42.236v-4.5h1.556q2.586,0,2.586,2.25T43.792,47.468Zm20.9.742a5.546,5.546,0,0,0-.36-2.012A4.511,4.511,0,0,0,61.7,43.541a5.77,5.77,0,0,0-2.155-.383H58.468v10.1h1.077a5.819,5.819,0,0,0,2.179-.383,4.651,4.651,0,0,0,1.616-1.054,4.48,4.48,0,0,0,1-1.592A5.7,5.7,0,0,0,64.693,48.21ZM96.5,26.51V79.359L70.87,104.5H34.52A11.027,11.027,0,0,1,23.5,93.489V26.51A11.026,11.026,0,0,1,34.52,15.5H85.49A11.022,11.022,0,0,1,96.5,26.51ZM87.943,77.947H75a6.091,6.091,0,0,0-6.087,6.087v12.58ZM89.5,62.618h-59V93.489A4.02,4.02,0,0,0,34.52,97.5H61.977a6.81,6.81,0,0,1-.064-.847V84.034A13.1,13.1,0,0,1,75,70.947H87.983a6.944,6.944,0,0,1,1.517.186ZM42.236,57.235V51.25h2.777a6.389,6.389,0,0,0,4.657-1.58,5.946,5.946,0,0,0,1.615-4.453,5.944,5.944,0,0,0-1.615-4.453,6.394,6.394,0,0,0-4.657-1.58h-7.47V57.235Zm18.483,0a8.245,8.245,0,0,0,3.483-.742,9.324,9.324,0,0,0,2.825-1.987,9.12,9.12,0,0,0,1.891-2.885,8.862,8.862,0,0,0-.012-6.847A9.18,9.18,0,0,0,67,41.9a9.435,9.435,0,0,0-2.825-1.975,8.2,8.2,0,0,0-3.459-.742H53.775V57.235Zm16.088-11.06V43.158h5.65V39.184H72.114V57.235h4.693V50.148h5.147V46.175ZM89.5,26.51a4.015,4.015,0,0,0-4.01-4.01H34.52a4.019,4.019,0,0,0-4.02,4.01v7.734h59Z'/%3E%3C/svg%3E"); }
.site-main .primary-button[href*="//"]:not([href*="localhost:8889"]):not([href*="hiusa.azurewebsites.net"]):not([href*="hiusa.org"]):not([href*="hiusa.box.com"]):not([href*="hiusa.app.box.com"]):not([href*="cdn-hiusa-corporatewebsite-001.azureedge.net"]):after, .site-main .primary-button[href*="bookings.hiusa.org"]:after, .site-main .primary-button[href*="docs.google.com"]:after,
.site-main button[type="submit"][href*="//"]:not([href*="localhost:8889"]):not([href*="hiusa.azurewebsites.net"]):not([href*="hiusa.org"]):not([href*="hiusa.box.com"]):not([href*="hiusa.app.box.com"]):not([href*="cdn-hiusa-corporatewebsite-001.azureedge.net"]):after,
.site-main button[type="submit"][href*="bookings.hiusa.org"]:after,
.site-main button[type="submit"][href*="docs.google.com"]:after {
background-image: url("data:image/svg+xml,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120' fill='%23FFFFFF'%3E%3Cg data-name='Group 4012'%3E%3Cpath data-name='Path 5474' d='M113.315,65.625a6.219,6.219,0,0,0-6.22,6.219v33.817a1.884,1.884,0,0,1-1.879,1.885H14.324a1.885,1.885,0,0,1-1.885-1.885h0V14.794a1.885,1.885,0,0,1,1.885-1.886H52.759a6.22,6.22,0,0,0,0-12.439H14.324A14.342,14.342,0,0,0,0,14.794V105.66a14.343,14.343,0,0,0,14.324,14.325h90.867a14.344,14.344,0,0,0,14.325-14.325V71.844A6.219,6.219,0,0,0,113.315,65.625Z'/%3E%3Cpath data-name='Path 5475' d='M113.877.487,82.242.016a6.22,6.22,0,0,0-.188,12.439l16.465.247L38.876,72.346a6.219,6.219,0,1,0,8.64,8.948c.052-.05.1-.1.154-.154l59.667-59.668-.248,16.779a6.22,6.22,0,0,0,6.128,6.31h.092a6.22,6.22,0,0,0,6.219-6.129L120,6.8A6.219,6.219,0,0,0,113.877.487Z'/%3E%3C/g%3E%3C/svg%3E"); }
.site-main .primary-button[href*="//"]:not([href*="localhost:8889"]):not([href*="hiusa.azurewebsites.net"]):not([href*="hiusa.org"]):not([href*="hiusa.box.com"]):not([href*="hiusa.app.box.com"]):not([href*="cdn-hiusa-corporatewebsite-001.azureedge.net"]):hover:after, .site-main .primary-button[href*="bookings.hiusa.org"]:hover:after, .site-main .primary-button[href*="docs.google.com"]:hover:after,
.site-main button[type="submit"][href*="//"]:not([href*="localhost:8889"]):not([href*="hiusa.azurewebsites.net"]):not([href*="hiusa.org"]):not([href*="hiusa.box.com"]):not([href*="hiusa.app.box.com"]):not([href*="cdn-hiusa-corporatewebsite-001.azureedge.net"]):hover:after,
.site-main button[type="submit"][href*="bookings.hiusa.org"]:hover:after,
.site-main button[type="submit"][href*="docs.google.com"]:hover:after {
background-image: url("data:image/svg+xml,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120' fill='%23FFFFFF'%3E%3Cg data-name='Group 4012'%3E%3Cpath data-name='Path 5474' d='M113.315,65.625a6.219,6.219,0,0,0-6.22,6.219v33.817a1.884,1.884,0,0,1-1.879,1.885H14.324a1.885,1.885,0,0,1-1.885-1.885h0V14.794a1.885,1.885,0,0,1,1.885-1.886H52.759a6.22,6.22,0,0,0,0-12.439H14.324A14.342,14.342,0,0,0,0,14.794V105.66a14.343,14.343,0,0,0,14.324,14.325h90.867a14.344,14.344,0,0,0,14.325-14.325V71.844A6.219,6.219,0,0,0,113.315,65.625Z'/%3E%3Cpath data-name='Path 5475' d='M113.877.487,82.242.016a6.22,6.22,0,0,0-.188,12.439l16.465.247L38.876,72.346a6.219,6.219,0,1,0,8.64,8.948c.052-.05.1-.1.154-.154l59.667-59.668-.248,16.779a6.22,6.22,0,0,0,6.128,6.31h.092a6.22,6.22,0,0,0,6.219-6.129L120,6.8A6.219,6.219,0,0,0,113.877.487Z'/%3E%3C/g%3E%3C/svg%3E"); }
.primary-button.primary-reverse {
background-color: #2E2E2E; }
.primary-button.primary-reverse:hover {
background-color: #000000; }
.secondary-button {
padding: 10px 18px 8px;
border: 2px solid #FF5000;
color: #FF5000; }
.secondary-button:hover {
color: #BC4800;
border: 2px solid #BC4800; }
.secondary-button:focus {
outline: 2px dotted #FF5000;
color: #FF5000; }
.secondary-button.secondary-reverse {
color: #2E2E2E;
border: 2px solid #2E2E2E;
font-weight: 600; }
.secondary-button.secondary-reverse:hover {
color: #2E2E2E;
border: 4px solid #2E2E2E;
padding: 8px 16px 6px; }
.secondary-button.secondary-reverse[download]:after, .secondary-button.secondary-reverse[href*="hiusa.box.com"]:after, .secondary-button.secondary-reverse[href*="hiusa.app.box.com"]:after, .secondary-button.secondary-reverse[href*="cdn-hiusa-corporatewebsite-001.azureedge.net"]:after {
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120' fill='%232E2E2E'%3E%3Cpath d='M43.792,47.468H42.236v-4.5h1.556q2.586,0,2.586,2.25T43.792,47.468Zm20.9.742a5.546,5.546,0,0,0-.36-2.012A4.511,4.511,0,0,0,61.7,43.541a5.77,5.77,0,0,0-2.155-.383H58.468v10.1h1.077a5.819,5.819,0,0,0,2.179-.383,4.651,4.651,0,0,0,1.616-1.054,4.48,4.48,0,0,0,1-1.592A5.7,5.7,0,0,0,64.693,48.21ZM96.5,26.51V79.359L70.87,104.5H34.52A11.027,11.027,0,0,1,23.5,93.489V26.51A11.026,11.026,0,0,1,34.52,15.5H85.49A11.022,11.022,0,0,1,96.5,26.51ZM87.943,77.947H75a6.091,6.091,0,0,0-6.087,6.087v12.58ZM89.5,62.618h-59V93.489A4.02,4.02,0,0,0,34.52,97.5H61.977a6.81,6.81,0,0,1-.064-.847V84.034A13.1,13.1,0,0,1,75,70.947H87.983a6.944,6.944,0,0,1,1.517.186ZM42.236,57.235V51.25h2.777a6.389,6.389,0,0,0,4.657-1.58,5.946,5.946,0,0,0,1.615-4.453,5.944,5.944,0,0,0-1.615-4.453,6.394,6.394,0,0,0-4.657-1.58h-7.47V57.235Zm18.483,0a8.245,8.245,0,0,0,3.483-.742,9.324,9.324,0,0,0,2.825-1.987,9.12,9.12,0,0,0,1.891-2.885,8.862,8.862,0,0,0-.012-6.847A9.18,9.18,0,0,0,67,41.9a9.435,9.435,0,0,0-2.825-1.975,8.2,8.2,0,0,0-3.459-.742H53.775V57.235Zm16.088-11.06V43.158h5.65V39.184H72.114V57.235h4.693V50.148h5.147V46.175ZM89.5,26.51a4.015,4.015,0,0,0-4.01-4.01H34.52a4.019,4.019,0,0,0-4.02,4.01v7.734h59Z'/%3E%3C/svg%3E"); }
.secondary-button.secondary-reverse[download]:hover:after, .secondary-button.secondary-reverse[href*="hiusa.box.com"]:hover:after, .secondary-button.secondary-reverse[href*="hiusa.app.box.com"]:hover:after, .secondary-button.secondary-reverse[href*="cdn-hiusa-corporatewebsite-001.azureedge.net"]:hover:after {
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120' fill='%232E2E2E'%3E%3Cpath d='M43.792,47.468H42.236v-4.5h1.556q2.586,0,2.586,2.25T43.792,47.468Zm20.9.742a5.546,5.546,0,0,0-.36-2.012A4.511,4.511,0,0,0,61.7,43.541a5.77,5.77,0,0,0-2.155-.383H58.468v10.1h1.077a5.819,5.819,0,0,0,2.179-.383,4.651,4.651,0,0,0,1.616-1.054,4.48,4.48,0,0,0,1-1.592A5.7,5.7,0,0,0,64.693,48.21ZM96.5,26.51V79.359L70.87,104.5H34.52A11.027,11.027,0,0,1,23.5,93.489V26.51A11.026,11.026,0,0,1,34.52,15.5H85.49A11.022,11.022,0,0,1,96.5,26.51ZM87.943,77.947H75a6.091,6.091,0,0,0-6.087,6.087v12.58ZM89.5,62.618h-59V93.489A4.02,4.02,0,0,0,34.52,97.5H61.977a6.81,6.81,0,0,1-.064-.847V84.034A13.1,13.1,0,0,1,75,70.947H87.983a6.944,6.944,0,0,1,1.517.186ZM42.236,57.235V51.25h2.777a6.389,6.389,0,0,0,4.657-1.58,5.946,5.946,0,0,0,1.615-4.453,5.944,5.944,0,0,0-1.615-4.453,6.394,6.394,0,0,0-4.657-1.58h-7.47V57.235Zm18.483,0a8.245,8.245,0,0,0,3.483-.742,9.324,9.324,0,0,0,2.825-1.987,9.12,9.12,0,0,0,1.891-2.885,8.862,8.862,0,0,0-.012-6.847A9.18,9.18,0,0,0,67,41.9a9.435,9.435,0,0,0-2.825-1.975,8.2,8.2,0,0,0-3.459-.742H53.775V57.235Zm16.088-11.06V43.158h5.65V39.184H72.114V57.235h4.693V50.148h5.147V46.175ZM89.5,26.51a4.015,4.015,0,0,0-4.01-4.01H34.52a4.019,4.019,0,0,0-4.02,4.01v7.734h59Z'/%3E%3C/svg%3E"); }
.site-main .secondary-button.secondary-reverse[href*="//"]:not([href*="localhost:8889"]):not([href*="hiusa.azurewebsites.net"]):not([href*="hiusa.org"]):not([href*="hiusa.box.com"]):not([href*="hiusa.app.box.com"]):not([href*="cdn-hiusa-corporatewebsite-001.azureedge.net"]):after, .site-main .secondary-button.secondary-reverse[href*="bookings.hiusa.org"]:after, .site-main .secondary-button.secondary-reverse[href*="docs.google.com"]:after {
background-image: url("data:image/svg+xml,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120' fill='%232E2E2E'%3E%3Cg data-name='Group 4012'%3E%3Cpath data-name='Path 5474' d='M113.315,65.625a6.219,6.219,0,0,0-6.22,6.219v33.817a1.884,1.884,0,0,1-1.879,1.885H14.324a1.885,1.885,0,0,1-1.885-1.885h0V14.794a1.885,1.885,0,0,1,1.885-1.886H52.759a6.22,6.22,0,0,0,0-12.439H14.324A14.342,14.342,0,0,0,0,14.794V105.66a14.343,14.343,0,0,0,14.324,14.325h90.867a14.344,14.344,0,0,0,14.325-14.325V71.844A6.219,6.219,0,0,0,113.315,65.625Z'/%3E%3Cpath data-name='Path 5475' d='M113.877.487,82.242.016a6.22,6.22,0,0,0-.188,12.439l16.465.247L38.876,72.346a6.219,6.219,0,1,0,8.64,8.948c.052-.05.1-.1.154-.154l59.667-59.668-.248,16.779a6.22,6.22,0,0,0,6.128,6.31h.092a6.22,6.22,0,0,0,6.219-6.129L120,6.8A6.219,6.219,0,0,0,113.877.487Z'/%3E%3C/g%3E%3C/svg%3E"); }
.site-main .secondary-button.secondary-reverse[href*="//"]:not([href*="localhost:8889"]):not([href*="hiusa.azurewebsites.net"]):not([href*="hiusa.org"]):not([href*="hiusa.box.com"]):not([href*="hiusa.app.box.com"]):not([href*="cdn-hiusa-corporatewebsite-001.azureedge.net"]):hover:after, .site-main .secondary-button.secondary-reverse[href*="bookings.hiusa.org"]:hover:after, .site-main .secondary-button.secondary-reverse[href*="docs.google.com"]:hover:after {
background-image: url("data:image/svg+xml,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120' fill='%232E2E2E'%3E%3Cg data-name='Group 4012'%3E%3Cpath data-name='Path 5474' d='M113.315,65.625a6.219,6.219,0,0,0-6.22,6.219v33.817a1.884,1.884,0,0,1-1.879,1.885H14.324a1.885,1.885,0,0,1-1.885-1.885h0V14.794a1.885,1.885,0,0,1,1.885-1.886H52.759a6.22,6.22,0,0,0,0-12.439H14.324A14.342,14.342,0,0,0,0,14.794V105.66a14.343,14.343,0,0,0,14.324,14.325h90.867a14.344,14.344,0,0,0,14.325-14.325V71.844A6.219,6.219,0,0,0,113.315,65.625Z'/%3E%3Cpath data-name='Path 5475' d='M113.877.487,82.242.016a6.22,6.22,0,0,0-.188,12.439l16.465.247L38.876,72.346a6.219,6.219,0,1,0,8.64,8.948c.052-.05.1-.1.154-.154l59.667-59.668-.248,16.779a6.22,6.22,0,0,0,6.128,6.31h.092a6.22,6.22,0,0,0,6.219-6.129L120,6.8A6.219,6.219,0,0,0,113.877.487Z'/%3E%3C/g%3E%3C/svg%3E"); }
.tertiary-button {
font-weight: 600;
text-decoration: none;
position: relative;
text-transform: none;
font-family: futura-pt, sans-serif;
font-size: 19px;
font-size: 1.1875rem;
color: #FF5000; }
.tertiary-button:before {
position: absolute;
content: "";
width: 0;
height: 100%;
left: 25px;
top: .2em;
background-color: #FF5000;
opacity: .1;
transition: width .2s ease; }
.tertiary-button svg {
margin: 0 .15em;
position: relative;
transform: translateX(0);
transition: transform .2s ease;
fill: #FF5000; }
.tertiary-button:hover:before {
width: 100%; }
.tertiary-button:hover svg {
transform: translateX(5px);
fill: #BC4800; }
.small {
padding: 6px 16px 6px;
text-transform: capitalize;
color: #FF5000;
font-size: 19px;
font-size: 1.1875rem;
border-color: #FF5000; }
.small:hover {
color: #BC4800;
border-color: #BC4800; }
.large {
padding: 14px 22px 12px; }
.frm-show-form {
max-width: 620px;
padding: 0 15px;
box-sizing: border-box; }
fieldset {
border: 0;
padding: 0; }
legend {
font-size: 30px;
font-size: 1.875rem;
font-family: futura-pt-bold, sans-serif;
font-weight: normal; }
input {
-webkit-appearance: none;
margin: 0;
font-size: 16px;
font-size: 1rem; }
input:focus {
outline: #FF5000 dotted 2px;
outline-offset: 2px; }
input[type="text"],
input[type="number"],
input[type="tel"],
input[type="email"],
input[type="search"],
input[type="password"],
input[type="url"],
select {
height: 35px;
border-radius: 0;
background-color: #FFFFFF;
border: 1px solid #2E2E2E;
padding: 0 5px;
position: relative;
width: 100%;
box-sizing: border-box;
font-family: noto-sans, sans-serif; }
input[type="checkbox"],
input[type="radio"] {
width: 20px;
height: 20px;
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
margin: 5px 5px 5px 0px; }
select:focus {
outline: #FF5000 dotted 2px;
outline-offset: 2px; }
.ui-datepicker .ui-datepicker-title select {
float: none !important; }
.ui-datepicker .ui-widget-header, .ui-datepicker .ui-datepicker-header {
background-color: #FF5000 !important; }
.ui-datepicker td.ui-datepicker-current-day {
background: #FF5000 !important; }
.ui-datepicker td.ui-datepicker-today {
background-color: #C4C4C4 !important; }
.ui-state-active, .ui-widget-content .ui-state-active {
background: #FF5000 !important;
color: #fff !important; }
.ui-datepicker td .ui-state-hover {
background: #FF5000 !important; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
width: 29% !important;
margin: 1px 2% !important; }
.ui-datepicker .ui-datepicker-prev {
transform: none !important; }
.ui-datepicker .ui-datepicker-prev:before {
content: none !important; }
.ui-datepicker .ui-datepicker-prev span {
display: block !important; }
.ui-datepicker .ui-datepicker-next {
transform: none !important; }
.ui-datepicker .ui-datepicker-next:before {
content: none !important; }
.ui-datepicker .ui-datepicker-next span {
display: block !important; }
label, .frm_primary_label {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
text-transform: uppercase;
width: 100%;
margin-right: 10px;
position: relative;
font-size: 16px;
font-size: 1rem;
color: #2E2E2E;
font-family: futura-pt-bold, sans-serif;
font-weight: normal; }
.frm_checkbox label, .frm_radio label {
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
text-transform: none;
font-family: noto-sans, sans-serif; }
textarea {
resize: none;
max-width: 520px;
width: 100%;
border: 1px solid #2E2E2E;
font-family: noto-sans, sans-serif;
font-size: 16px;
font-size: 1rem; }
textarea:focus {
outline: #FF5000 dotted 2px;
outline-offset: 2px; }
.frm_hidden {
display: none; }
.frm_screen_reader {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0; }
.frm_html_container p {
margin: 0; }
.frm_form_field {
position: relative;
margin: 15px 0 0; }
.frm_primary_label {
display: block; }
.frm_full,
.frm_sixth,
.frm_fourth,
.frm_third,
.frm_half,
.frm_two_thirds,
.frm_three_fourths,
.frm10 {
width: 100%; }
.frm_description {
font-family: noto-sans, sans-serif;
font-size: 16px;
font-size: 1rem; }
.frm_select {
position: relative; }
.frm_select select {
height: 35px;
-webkit-appearance: none;
border: 1px solid #2E2E2E;
background-color: #FFFFFF;
padding: 0 5px;
padding-right: 35px;
border-radius: 0;
width: 100%;
box-sizing: border-box;
font-family: noto-sans, sans-serif;
font-size: 16px;
font-size: 1rem; }
.frm_select select:focus {
outline: 2px dotted #FF5000;
outline-offset: 2px; }
.frm_select:after {
position: absolute;
content: "";
width: 15px;
height: 10px;
left: calc(100% - 30px);
bottom: .7em;
background-image: url("data:image/svg+xml,%3Csvg focusable='false' aria-hidden='true' id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 307.994'%3E%3Cpath d='M490.056,226.028,298.146,34.117c-.05-.051-.062-.12-.114-.172L274.025,9.938a33.982,33.982,0,0,0-48.051.023L201.967,33.968c-.012.013-.016.031-.029.044L9.945,226.005a33.949,33.949,0,0,0,0,48.014l24.007,24.006a33.947,33.947,0,0,0,48.014,0L249.987,130,418.034,298.05a33.952,33.952,0,0,0,48.015,0l24.007-24.007A33.952,33.952,0,0,0,490.056,226.028Z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
transform: rotate(180deg);
transition: transform .25s ease; }
.frm_submit {
margin-top: 15px;
width: 100%; }
.frm_error {
position: absolute;
top: 0;
right: 0;
font-family: noto-sans, sans-serif;
font-size: 16px;
font-size: 1rem;
color: #2E2E2E; }
.frm_error_style {
font-family: noto-sans, sans-serif;
font-size: 16px;
font-size: 1rem; }
@media (min-width: 768px) {
legend {
font-size: 26px;
font-size: 1.625rem; }
.frm-show-form {
padding: 0 45px; }
.frm_sixth {
width: 16.66666%; }
.frm_fourth {
width: 25%; }
.frm_third {
width: 33.33333%; }
.frm_half {
width: 50%; }
.frm_two_thirds {
width: 66.66666%; }
.frm_three_fourths {
width: 75%; }
.frm10 {
width: 83.333333%; } }
@media (min-width: 992px) {
legend {
font-size: 30px;
font-size: 1.875rem; } }
.light-box {
padding: 0px; }
.light-box-container {
overflow: hidden;
position: relative; }
.light-box-container .light-box-image-wrapper {
display: -ms-flexbox;
display: flex;
position: relative;
left: 0%;
transition: left .3s ease;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.light-box-container .light-box-image-wrapper img {
pointer-events: none;
width: 100%; }
.light-box-container .light-box-image-wrapper .light-box-image-wrapper__sub-wrapper {
width: 100%;
-ms-flex: 1 0 auto;
flex: 1 0 auto; }
.light-box-container .light-box-image-wrapper .light-box-image-wrapper__sub-wrapper:nth-child(3) {
display: -ms-flexbox;
display: flex; }
.light-box-container .light-box-image-wrapper .light-box-image-wrapper__sub-wrapper:nth-child(3) picture {
width: 100%;
max-width: 100%;
height: auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto; }
.light-box-container .light-box-image-wrapper .light-box-image-wrapper__sub-wrapper .light-box__image {
overflow: hidden;
background: none;
border: none;
padding: 0px;
cursor: pointer;
position: relative;
max-height: 100%;
height: 100%; }
.light-box-container .light-box-image-wrapper .light-box-image-wrapper__sub-wrapper .light-box__image img {
transition: transform .3s ease-in-out; }
@media (min-width: 768px) {
@supports ((-o-object-fit: cover) or (object-fit: cover)) {
.light-box-container .light-box-image-wrapper .light-box-image-wrapper__sub-wrapper .light-box__image img {
height: 100%;
-o-object-fit: cover;
object-fit: cover; } } }
.light-box-container .light-box-image-wrapper .light-box-image-wrapper__sub-wrapper .light-box__image:hover img {
transform: scale(1.3); }
.light-box-container .light-box-image-wrapper .light-box-image-wrapper__sub-wrapper .light-box__image:focus {
outline: none; }
.light-box-container .light-box-image-wrapper .light-box-image-wrapper__sub-wrapper .light-box__image:focus:before, .light-box-container .light-box-image-wrapper .light-box-image-wrapper__sub-wrapper .light-box__image:focus:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: rgba(255, 255, 255, 0.8) solid 2px; }
.light-box-container .light-box-image-wrapper .light-box-image-wrapper__sub-wrapper .light-box__image:focus:after {
border: #FF5000 dotted 2px; }
.light-box-container .light-box-image-wrapper .light-box-image-wrapper__sub-wrapper:nth-child(3) {
width: 300%;
-ms-flex-align: start;
align-items: flex-start; }
.light-box-container .light-box-image-wrapper .light-box-image-wrapper__sub-wrapper:nth-child(3) .light-box__image {
width: 100%; }
@media (min-width: 768px) {
.light-box-container .light-box-image-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: 35vw;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: start;
align-items: flex-start;
position: static; } }
@media (min-width: 768px) and (min-width: 1180px) {
.light-box-container .light-box-image-wrapper {
height: 400px; } }
@media (min-width: 768px) {
.light-box-container .light-box-image-wrapper .light-box-image-wrapper__sub-wrapper {
overflow: hidden; }
.light-box-container .light-box-image-wrapper .light-box-image-wrapper__sub-wrapper:nth-child(1) {
margin-right: 15px;
height: 100%;
width: calc(50% - 15px); }
.light-box-container .light-box-image-wrapper .light-box-image-wrapper__sub-wrapper:nth-child(2) {
height: calc( (100% * (1/3)));
width: 50%; }
.light-box-container .light-box-image-wrapper .light-box-image-wrapper__sub-wrapper:nth-child(3) {
height: calc( (100% * (2/3)) - 15px);
width: 50%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 15px; }
.light-box-container .light-box-image-wrapper .light-box-image-wrapper__sub-wrapper:nth-child(3) .light-box__image:nth-child(1) {
width: 50%;
height: calc(50% - 8px);
margin-bottom: 8px; }
.light-box-container .light-box-image-wrapper .light-box-image-wrapper__sub-wrapper:nth-child(3) .light-box__image:nth-child(2) {
width: 50%;
height: calc(50% - 7px);
margin-top: 7px; }
.light-box-container .light-box-image-wrapper .light-box-image-wrapper__sub-wrapper:nth-child(3) .light-box__image:nth-child(3) {
width: calc(50% - 15px);
height: 100%;
margin-left: 15px; } }
.light-box-container .light-box__gallery-button {
display: none; }
@media (min-width: 768px) {
.light-box-container .light-box__gallery-button {
display: block;
position: absolute;
bottom: 15px;
right: 15px;
z-index: 1; } }
.light-box-container .light-box__gallery-button .primary-button {
text-transform: capitalize; }
.light-box-image-dots {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
margin: 15px auto; }
@media (min-width: 768px) {
.light-box-image-dots {
display: none; } }
.light-box-image-dots .light-box-image__single-dot {
width: 12px;
height: 12px;
border-radius: 50%;
margin: 0px 10px;
background: #FF5000; }
.light-box-image-dots .light-box-image__single-dot-active {
width: 16px;
height: 16px;
background: #BC4800; }
.light-box__modal-gallery {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
max-width: none;
z-index: 100000;
padding: 30px;
padding: 0px;
background: #FFFFFF;
display: none;
-ms-flex-align: center;
align-items: center; }
@media (min-width: 768px) {
.light-box__modal-gallery {
padding: 30px; } }
@media (min-width: 1280px) {
.light-box__modal-gallery {
padding: 90px; } }
.light-box__modal-gallery .gallery-wrapper {
margin: 0 auto; }
@media (max-width: 767px) {
.light-box__modal-gallery .gallery-wrapper {
position: relative;
margin-top: 60px;
width: 100%;
left: 0;
right: 0; } }
@media (min-width: 768px) {
.light-box__modal-gallery .gallery-wrapper {
max-width: 900px;
max-width: calc(100% - 100px); } }
.light-box__modal-gallery .gallery-wrapper .gallery-images {
width: 100%;
margin: 0 auto; }
.light-box__modal-gallery .gallery-wrapper .gallery-images .gallery-slide {
padding-top: 0;
padding-bottom: 45px;
width: 100%;
max-height: 650px;
max-height: calc(100vh - 190px); }
@media (min-width: 768px) {
.light-box__modal-gallery .gallery-wrapper .gallery-images .gallery-slide {
padding-top: 38px;
padding-bottom: 0;
overflow: hidden; } }
@media (max-width: 767px) {
.light-box__modal-gallery .gallery-wrapper .gallery-images .gallery-slide {
min-height: 55vw; } }
.light-box__modal-gallery .gallery-wrapper .gallery-images .gallery-slide__media {
overflow: hidden; }
.light-box__modal-gallery .light-box-modal-close {
position: absolute;
top: 6px;
right: 5px;
background: none;
border: none;
font-family: noto-sans, sans-serif;
text-transform: uppercase;
cursor: pointer; }
.light-box__modal-gallery .light-box-modal-close:focus {
outline: #FF5000 dotted 2px; }
@media (min-width: 768px) {
.light-box__modal-gallery .light-box-modal-close {
top: -10px;
right: -5px; } }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.light-box__modal-gallery .light-box-modal-close {
right: -10px;
top: -15px; } }
.light-box__modal-gallery .light-box-modal-close__icon {
display: block;
position: relative;
width: 30px;
height: 30px;
margin: 0 auto; }
.light-box__modal-gallery .light-box-modal-close__icon:before, .light-box__modal-gallery .light-box-modal-close__icon:after {
content: "";
background: #2E2E2E;
width: 30px;
height: 3px;
border-radius: 3px;
position: absolute;
top: 14px;
left: 0; }
.light-box__modal-gallery .light-box-modal-close__icon:before {
transform: rotate(45deg); }
.light-box__modal-gallery .light-box-modal-close__icon:after {
transform: rotate(135deg); }
.light-box__modal-gallery .gallery-prev,
.light-box__modal-gallery .gallery-next {
background: none;
border: none;
padding: 0px;
cursor: pointer; }
@media (max-width: 767px) {
.light-box__modal-gallery .gallery-prev,
.light-box__modal-gallery .gallery-next {
position: absolute;
bottom: -13px; } }
.light-box__modal-gallery .gallery-prev svg,
.light-box__modal-gallery .gallery-next svg {
fill: #FF5000;
height: 30px;
width: 30px;
display: block; }
.light-box__modal-gallery .gallery-prev:focus,
.light-box__modal-gallery .gallery-next:focus {
outline: #FF5000 dotted 2px; }
.light-box__modal-gallery .gallery-prev {
margin-right: 20px;
padding: 10px 0; }
@media (max-width: 767px) {
.light-box__modal-gallery .gallery-prev {
left: 15px;
z-index: 1; } }
.light-box__modal-gallery .gallery-next {
transform: rotate(180deg);
margin-left: 20px;
padding: 10px 0; }
@media (max-width: 767px) {
.light-box__modal-gallery .gallery-next {
right: 15px; } }
.light-box__modal-gallery .gallery-slide__details {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: 0;
font-size: 20px;
font-size: 1.25rem; }
@media (max-width: 767px) {
.light-box__modal-gallery .gallery-slide__details {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start; } }
@media (max-width: 767px) {
.light-box__modal-gallery .gallery-slide__details {
top: auto;
bottom: 0;
left: 60px;
right: 60px; } }
@media (min-width: 1280px) {
.light-box__modal-gallery .gallery-slide__details {
font-size: 28px;
font-size: 1.75rem;
top: -5px; } }
.light-box__modal-gallery .gallery-slide {
font-family: futura-pt-bold, sans-serif;
font-weight: 700;
position: relative; }
.light-box__modal-gallery .gallery-caption {
display: inline-block;
font-family: futura-pt, sans-serif;
font-weight: 400;
margin: 15px 0px 0px 0px;
font-size: 18px;
font-size: 1.125rem;
position: absolute;
top: 15px; }
@media (min-width: 768px) {
.light-box__modal-gallery .gallery-caption {
margin: 0px 0px 0px 30px;
position: static;
top: auto; } }
.light-box__modal-gallery .gallery-slide__video iframe {
max-width: 100%; }
.modal--show {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: start;
align-items: flex-start; }
@media (min-width: 768px) {
.modal--show {
-ms-flex-align: center;
align-items: center; } }
.modal__container {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
position: relative; }
@media (min-width: 768px) {
.modal__container {
padding-bottom: 85px;
max-width: 119vh; } }
@media (min-width: 768px) and (min-height: 500px) {
.modal__container {
max-width: 131vh; } }
@media (min-width: 768px) and (min-height: 710px) {
.modal__container {
max-width: 145vh; } }
.modal--hide {
display: none; }
.blur {
background: transparent; }
.blur-background {
background: #FFFFFF;
opacity: .9;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1; }
.gallery-thumbnails {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
bottom: 12px;
left: 30px;
right: 30px;
height: 60px;
max-width: 900px;
max-width: calc(100% - 100px);
margin: 0 auto; }
.gallery-thumbnails .thumbnail {
margin: 8px 8px;
width: 60px; }
.gallery-thumbnails .thumbnail-slide {
padding-bottom: 4px;
box-shadow: none;
border: none;
background-color: transparent;
padding: 0;
position: relative;
cursor: pointer; }
.gallery-thumbnails .thumbnail-slide img {
max-height: 100%;
width: auto;
margin: 0 auto; }
.gallery-thumbnails .thumbnail-slide svg {
position: absolute;
width: 25px;
height: 25px;
top: calc( 50% - (25px/2));
left: calc( 50% - (25px/2)); }
.gallery-thumbnails .thumbnail-slide:focus {
outline: #FF5000 dotted 2px;
outline-offset: 3px; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.gallery-thumbnails .thumbnail-slide img {
width: 62px;
height: 62px; } }
.gallery-thumbnails .thumbnail-slide.thumbnail-active {
box-shadow: 0 0 0 3px #FF5000 !important; }
@media (max-width: 767px) {
.gallery-thumbnails {
display: none; } }
.gallery-slide__media-iframevideo iframe {
max-width: 100%;
height: 56vw;
width: 100vw; }
@media (min-width: 768px) {
.gallery-slide__media-iframevideo {
position: relative;
width: calc(100vw - 155px);
padding-top: 56%;
max-width: 100%; }
.gallery-slide__media-iframevideo iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; } }
@media (min-width: 1280px) {
.gallery-slide__media-iframevideo {
width: calc(100vw - 280px); } }
.site-header {
background-color: #F8F8F8;
width: 100%;
padding: 15px;
box-sizing: border-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
position: fixed;
z-index: 10; }
.site-header__logo {
height: 100%;
margin-right: 4px; }
.site-header__logo a {
display: inline-block; }
.site-header__logo a:focus {
outline-offset: 2px; }
.site-header__logo svg {
width: 160px;
height: 40px;
display: block; } .site-header__hamburger {
display: -ms-flexbox;
display: flex; }
.site-header__hamburger-button {
-webkit-appearance: none;
border: 0;
background-color: transparent;
position: relative;
width: 35px;
height: 40px;
text-align: center;
box-sizing: border-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 0; }
.site-header__hamburger-button-line {
position: absolute;
border: 2px solid #2E2E2E;
border-radius: 2px;
background-color: #2E2E2E;
width: 35px;
top: 0;
right: 0;
box-sizing: border-box; }
.site-header__hamburger-button-line:nth-child(3n + 2) {
top: 9px;
left: 0; }
.site-header__hamburger-button-line:nth-child(3n + 3) {
border: 0;
top: 18px; }
.site-header__hamburger-button-line:nth-child(3n + 3):before, .site-header__hamburger-button-line:nth-child(3n + 3):after {
position: absolute;
content: "";
background-color: #2E2E2E;
border: 2px solid #2E2E2E;
width: calc(50% - 4px);
top: 0; }
.site-header__hamburger-button-line:nth-child(3n + 3):before {
left: 0;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px; }
.site-header__hamburger-button-line:nth-child(3n + 3):after {
right: 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px; }
.site-header__hamburger-button-text {
display: block;
text-transform: uppercase;
font-family: noto-sans, sans-serif;
font-size: 11px;
font-size: 0.6875rem;
line-height: 1; } .site-header__navigation {
position: absolute;
width: 100%;
left: 100%;
right: -100%;
top: 100%;
background-color: #F8F8F8;
height: calc(100vh - 161px);
padding-bottom: 60px;
overflow: auto;
overflow-x: hidden;
overflow-y: auto;
transition: left .5s ease, right .5s ease;
z-index: 2; }
.site-header__navigation-main {
text-align: center;
margin: 30px 15px; }
.site-header__navigation-main-list {
padding: 0;
margin: 0; }
.site-header__navigation-main-list li:before {
display: none; }
.site-header__navigation-main-list-item {
margin-bottom: 15px; }
.site-header__navigation-main-list-item:last-of-type {
margin-bottom: 0; }
.site-header__navigation-main-list-item-link--desktop {
display: none; }
.site-header__navigation-main-list-item--nested button {
-webkit-appearance: none;
border: 0;
background-color: transparent;
padding: 0; }
.site-header__navigation-main-list-item--nested button:focus {
outline-offset: 2px;
outline: #FF5000 dotted 2px; }
.site-header__navigation-main-list-item-children {
display: none; }
.site-header__navigation-main-list-item-link {
text-decoration: none;
color: #2E2E2E;
font-family: futura-pt-bold, sans-serif;
font-weight: normal;
font-size: 28px;
font-size: 1.75rem;
text-transform: uppercase; } .site-header__navigation-utility {
text-align: center;
margin: 30px 15px; }
.site-header__navigation-utility--desktop {
display: none; }
.site-header__navigation-utility-list {
padding: 0;
margin: 0; }
.site-header__navigation-utility-list-item {
margin-bottom: 15px; }
.site-header__navigation-utility-list-item:last-of-type {
margin-bottom: 0; }
.site-header__navigation-utility-list-item:before {
display: none; }
.site-header__navigation-utility-list-item-link {
text-decoration: none;
font-family: noto-sans, sans-serif;
font-size: 18px;
font-size: 1.125rem;
font-weight: bold; } .site-search {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
margin: 0 30px; }
.site-search .site-search__label .site-search__label-input {
padding-left: 25px; }
.site-search__label {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
text-transform: uppercase;
width: 100%;
margin-right: 10px;
position: relative; }
.site-search__label:before {
position: absolute;
content: "";
width: 24px;
height: 24px;
bottom: 5px;
left: 0;
background-image: url("data:image/svg+xml,%3Csvg focusable='false' aria-hidden='true' preserveAspectRatio='xMidYMid slice' id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 499.802 500'%3E%3Cg id='Icon_awesome-search' data-name='Icon awesome-search'%3E%3Cpath d='M344.427,344.44v41.1a12.185,12.185,0,0,0,3.528,8.668L450.184,496.447a12.041,12.041,0,0,0,17.008.073L496.3,467.413a12.252,12.252,0,0,0-.036-17.191l-14.188-14.309.061-.025L394.2,347.956a10.56,10.56,0,0,0-8.571-3.516ZM201.161,0a205.021,205.021,0,0,0-24.98,1.538A200.711,200.711,0,1,0,324.232,358.969l19.535-15.237,15.213-19.487c68.092-87.26,52.5-213.64-34.748-281.732A199.218,199.218,0,0,0,201.161,0Zm-.244,344.44h-.22C121.434,344.415,56.956,279.9,56.968,200.649A143.733,143.733,0,0,1,200.7,56.932h.049c79.239.013,143.717,64.478,143.729,143.717C344.536,279.852,280.144,344.366,200.917,344.44Z'/%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat; }
.site-search__label-text {
color: #FF5000;
font-size: 14px;
font-size: 0.875rem;
font-family: futura-pt, sans-serif;
font-weight: bold; }
.site-search .site-search__label-input {
height: 35px;
border: 0;
background-color: transparent;
border-bottom: 2px solid #2E2E2E;
position: relative;
padding-left: 30px; }
.site-search__submit {
border: 0;
height: 100%;
-ms-flex-item-align: end;
align-self: flex-end; } .site-header__alert {
width: calc(100% + 30px);
background-color: #2E2E2E;
color: #FFFFFF;
margin-left: -15px;
margin-right: -15px;
padding: 5px 40px;
position: relative;
box-sizing: border-box; }
.site-header__alert-copy {
margin: 0;
text-align: center; }
.site-header__alert-copy-link {
color: #FFFFFF; }
.site-header__alert-copy-link:hover {
color: #FF5000; }
.site-header__alert-close {
position: absolute;
right: 5px;
top: 0;
bottom: 0; }
.site-header__alert-close .site-header__alert-close-button {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%;
background-color: transparent;
border: 0; }
.site-header__alert-close .site-header__alert-close-button-background {
position: relative;
display: block;
width: 20px;
height: 20px;
border: 0;
padding: 0;
border-radius: 100%;
background-color: #FFFFFF;
cursor: pointer; }
.site-header__alert-close .site-header__alert-close-button-background:before, .site-header__alert-close .site-header__alert-close-button-background:after {
content: "";
position: absolute;
width: 15px;
height: 2px;
background-color: #2E2E2E;
left: 0;
right: 0;
top: 9px;
margin: auto; }
.site-header__alert-close .site-header__alert-close-button-background:before {
transform: rotate(45deg); }
.site-header__alert-close .site-header__alert-close-button-background:after {
transform: rotate(-45deg); } .site-header__hostel-search {
position: absolute;
background-color: #F8F8F8;
top: 100%;
left: 0;
right: 0;
z-index: 1;
max-height: 0;
overflow: hidden;
border: 1px solid transparent;
border-left: 0;
border-right: 0;
transition: max-height .5s ease, border .5s ease; }
.site-header__hostel-search-form {
display: -ms-flexbox;
display: flex; }
.site-header__hostel-search-form-label {
display: -ms-flexbox;
display: flex;
width: 80%;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-direction: row;
flex-direction: row;
text-transform: none;
position: static;
margin-right: 0; }
.site-header__hostel-search-form-label-text {
padding: 5px;
font-family: futura-pt, sans-serif;
font-size: 16px;
font-size: 1rem;
font-weight: bold;
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-right: 0;
color: #2E2E2E;
min-width: 110px; }
.site-header__hostel-search-form-label-text:before {
position: absolute;
content: "";
width: 18px;
height: 27px;
background-image: url("data:image/svg+xml,%3Csvg focusable='false' aria-hidden='true' preserveAspectRatio='xMidYMid slice' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 312.382 500' enable-background='new 0 0 312.382 500' xml:space='preserve'%3E%3Cpath id='Icon_metro-location' fill='%232E2E2E' d='M156.25,0C69.955,0,0,69.956,0,156.25c0,0,0,0,0,0C0,312.5,156.25,500,156.25,500 s156.132-187.5,156.132-343.75C312.382,70.002,242.498,0.065,156.25,0z M156.25,251.958c-52.858,0-95.708-42.85-95.708-95.708 s42.85-95.708,95.708-95.708c52.858,0,95.708,42.85,95.708,95.708S209.108,251.958,156.25,251.958L156.25,251.958z M95.708,156.25 c0-33.437,27.106-60.542,60.542-60.542c33.437,0,60.542,27.106,60.542,60.542c0,33.437-27.106,60.542-60.542,60.542h0 C122.813,216.792,95.708,189.687,95.708,156.25z'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
top: 7px;
left: calc(100% + 7px); }
.site-header .site-header__hostel-search-form-label-input {
-ms-flex-positive: 1;
flex-grow: 1;
border: 0;
font-family: noto-sans, sans-serif;
font-size: 16px;
font-size: 1rem;
padding: 10px;
padding-left: 30px;
color: #5F5F5F;
border: 0;
height: auto;
background-color: #FFFFFF;
position: static;
width: auto;
min-width: 0; }
.site-header .site-header__hostel-search-form-submit {
border: 0;
border-radius: 0;
font-size: 16px;
font-size: 1rem; }
.site-header__hostel-search-form-submit-text {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0; }
.site-header__hostel-search-form-submit-icon {
width: 1px;
height: 1px;
min-width: 20px;
min-height: 20px; } .site-header--expanded .site-header__navigation {
left: 0;
right: 0; }
.site-header--expanded .site-header__hamburger-button-line:nth-child(3n + 1) {
animation: hamburger-top-line .75s ease forwards; }
.site-header--expanded .site-header__hamburger-button-line:nth-child(3n + 2) {
animation: hamburger-middle-line .75s ease forwards; }
.site-header--expanded .site-header__hamburger-button-line:nth-child(3n + 3) {
animation: hamburger-bottom-line .75s ease forwards; }
.site-header--expanded .site-header__hamburger-button-line:nth-child(3n + 3):before {
animation: hamburger-bottom-line-left .75s ease forwards; }
.site-header--expanded .site-header__hamburger-button-line:nth-child(3n + 3):after {
animation: hamburger-bottom-line-right .75s ease forwards; }
@keyframes hamburger-top-line {
0% {
top: 0;
transform: rotate(0deg);
right: 0px;
animation-timing-function: ease-in-out; }
40%,
80% {
top: 4px;
transform: rotate(60deg);
right: -8px;
animation-timing-function: ease-in-out; }
100% {
top: 7px;
transform: rotate(45deg);
right: 0px;
animation-timing-function: ease-in-out; } }
@keyframes hamburger-middle-line {
0% {
top: 9px;
transform: rotate(0deg);
left: 0px;
animation-timing-function: ease-in-out; }
40%,
80% {
top: 4px;
transform: rotate(-60deg);
left: -8px;
animation-timing-function: ease-in-out; }
100% {
top: 7px;
transform: rotate(-45deg);
left: 0px;
animation-timing-function: ease-in-out; } }
@keyframes hamburger-bottom-line {
0%,
40% {
top: 18px;
animation-timing-function: ease-in-out; }
80%,
100% {
top: 10px;
animation-timing-function: ease-in-out; } }
@keyframes hamburger-bottom-line-left {
0%,
40% {
transform: rotate(0deg);
left: 0;
animation-timing-function: ease-in-out; }
80% {
opacity: 1;
left: -2px;
transform: rotate(-60deg);
animation-timing-function: ease-in-out; }
100% {
opacity: 0;
left: 4px;
transform: rotate(-45deg);
animation-timing-function: ease-in-out; } }
@keyframes hamburger-bottom-line-right {
0%,
40% {
transform: rotate(0deg);
right: 0;
animation-timing-function: ease-in-out; }
80% {
opacity: 1;
right: -2px;
transform: rotate(60deg);
animation-timing-function: ease-in-out; }
100% {
opacity: 0;
right: 4px;
transform: rotate(45deg);
animation-timing-function: ease-in-out; } } .site-header--hostel-search .site-header__hostel-search {
max-height: 50px;
border: 1px solid #C4C4C4;
border-left: 0;
border-right: 0; }
@media (min-width: 768px) { .site-header {
-ms-flex-direction: column;
flex-direction: column;
padding-bottom: 0; } .site-header__hamburger {
display: none; } .site-header__navigation {
position: static;
left: auto;
right: auto;
top: auto;
height: auto;
transition: none;
padding-bottom: 0px;
overflow: visible; }
.site-header__navigation-main {
margin: 15px 0 0;
transition: margin .5s ease; }
.site-header__navigation-main-list {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start; }
.site-header__navigation-main-list-item {
margin-right: 10px;
margin-bottom: 0;
position: static;
padding-bottom: 10px;
padding-right: 10px;
padding-left: 10px;
padding-top: 5px; }
.site-header__navigation-main-list-item:hover {
background-color: #FFFFFF;
color: #2E2E2E; }
.site-header__navigation-main-list-item-link:hover {
color: #2E2E2E; } .site-header__navigation-main-list-item--nested {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding-right: 25px; }
.site-header__navigation-main-list-item--nested .site-header__navigation-main-list-item-link {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
overflow: visible; }
.site-header__navigation-main-list-item--nested .site-header__navigation-main-list-item-link:after {
position: absolute;
content: "";
width: 15px;
height: 10px;
left: 105%;
top: .4em;
background-image: url("data:image/svg+xml,%3Csvg focusable='false' aria-hidden='true' id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 307.994'%3E%3Cpath d='M490.056,226.028,298.146,34.117c-.05-.051-.062-.12-.114-.172L274.025,9.938a33.982,33.982,0,0,0-48.051.023L201.967,33.968c-.012.013-.016.031-.029.044L9.945,226.005a33.949,33.949,0,0,0,0,48.014l24.007,24.006a33.947,33.947,0,0,0,48.014,0L249.987,130,418.034,298.05a33.952,33.952,0,0,0,48.015,0l24.007-24.007A33.952,33.952,0,0,0,490.056,226.028Z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
transform: rotate(180deg);
transition: transform .25s ease; }
.site-header__navigation-main-list-item--nested .site-header__navigation-main-list-item-link--hover:after {
transform: rotate(0deg); }
.site-header__navigation-main-list-item--nested .site-header__navigation-main-list-item-link--mobile {
display: none; }
.site-header__navigation-main-list-item-link {
font-size: 20px;
font-size: 1.25rem; } .site-header__navigation-main-list-item-children--expanded {
display: block;
position: absolute;
top: 100%;
left: 0;
right: 0;
background-color: #FFFFFF;
padding: 15px; }
.site-header__navigation-main-list-item-children-list {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%; }
.site-header__navigation-main-list-item-children-child {
text-align: left;
width: 20%; }
.site-header__navigation-main-list-item-children-child-link {
text-transform: uppercase;
font-family: futura-pt-bold, sans-serif;
font-weight: normal;
font-size: 16px;
font-size: 1rem;
font-weight: bold;
color: #2E2E2E;
padding-bottom: 5px; }
.site-header__navigation-main-list-item-children-child-children {
padding: 0;
padding-top: 5px;
border-top: 1px solid #5F5F5F; }
.site-header__navigation-main-list-item-children-child-children-child-link {
font-family: noto-sans, sans-serif;
font-size: 18px;
font-size: 1.125rem;
font-weight: bold;
color: #FF5000;
text-decoration: none; }
.site-header__navigation-main-list-item-close {
position: absolute;
right: 5px;
top: 5px;
width: 15px;
height: 15px;
background-color: transparent;
border: 0;
-webkit-appearance: none;
cursor: pointer; }
.site-header__navigation-main-list-item-close:before, .site-header__navigation-main-list-item-close:after {
content: "";
position: absolute;
width: 100%;
height: 2px;
background-color: #2E2E2E;
left: 0;
right: 0;
top: .5em; }
.site-header__navigation-main-list-item-close:before {
transform: rotate(45deg); }
.site-header__navigation-main-list-item-close:after {
transform: rotate(-45deg); } .site-header__navigation-main-list-item-children-explore {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 20px; }
.site-header__navigation-main-list-item-children-explore-image {
max-height: 140px;
overflow: hidden;
width: calc(50% - 15px); }
.site-header__navigation-main-list-item-children-explore-copy {
width: calc(50% - 15px);
text-align: left;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center; }
.site-header__navigation-main-list-item-children-explore-copy-description {
font-family: noto-sans, sans-serif;
font-size: 18px;
font-size: 1.125rem;
color: #5F5F5F;
margin: 0; }
.site-header__navigation-main-list-item-children-explore-copy-link {
-ms-flex-item-align: start;
align-self: flex-start;
width: 100%;
white-space: nowrap; }
.site-header__navigation-main-list-item-children-explore-copy-link-text {
white-space: normal; } .site-header__navigation-main-list-item-children-international {
text-align: left;
width: 100%;
margin-top: 30px; }
.site-header__navigation-main-list-item-children-international-headline {
font-family: futura-pt-bold, sans-serif;
font-weight: normal;
font-size: 16px;
font-size: 1rem;
font-weight: bold;
text-transform: uppercase;
padding-bottom: 5px; }
.site-header__navigation-main-list-item-children-international-description {
margin: 0;
font-family: noto-sans, sans-serif;
font-size: 16px;
font-size: 1rem;
color: #5F5F5F;
padding-top: 5px;
border-top: 1px solid #5F5F5F; }
.site-header__navigation-main-list-item-children-international-link {
font-family: noto-sans, sans-serif;
font-size: 18px;
font-size: 1.125rem;
font-weight: bold;
text-decoration: none; } .site-header__navigation-utility {
transition: max-height .5s ease, margin .5s ease;
max-height: 50px;
margin: 15px 0; }
.site-header__navigation-utility--desktop {
display: -ms-flexbox;
display: flex;
-ms-flex-align: end;
align-items: flex-end; }
.site-header__navigation-utility--mobile {
display: none; }
.site-header__navigation-utility-list {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: end;
align-items: flex-end; }
.site-header__navigation-utility-list-item {
margin-right: 15px;
margin-bottom: 0; }
.site-header__navigation-utility-list-item-link:hover {
color: #FF5000;
text-decoration: underline; } .site-header__navigation-search {
display: none; }
.site-header__navigation-search--desktop {
display: block;
position: absolute;
top: 15px;
right: 15px; }
.site-header__navigation-search--desktop:before {
width: 20px;
height: 20px; }
.site-search {
margin-right: 0; }
.site-search__label {
cursor: pointer; }
.site-search__label-text {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0; }
.site-header__hostel-search-form-label {
margin-right: 0; }
.site-header .site-search__label-input {
width: 1px;
border: 0;
background-color: transparent;
border-bottom: 2px solid transparent;
height: 24px;
padding: 5px;
transition: width .25s ease;
box-sizing: content-box;
cursor: pointer; }
.site-header .site-search__label-input:focus {
width: 275px;
border-bottom: 2px solid #2E2E2E; } .site-search__submit {
display: none; }
.site-header__hostel-search-form-label {
width: auto; }
.site-header__hostel-search-form-label-text {
padding: 10px; }
.site-header__hostel-search-form-submit-text {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto; }
.site-header__hostel-search-form-submit-icon {
display: none; }
.site-header--hostel-search .site-header__navigation-utility {
max-height: 0;
margin: 0;
opacity: 0; } }
@media (min-width: 992px) { .site-header {
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center; }
.site-header__navigation {
-ms-flex: 1;
flex: 1; } .site-header__navigation-main-list {
-ms-flex-pack: end;
justify-content: flex-end; }
.site-header__navigation-main-list-item {
margin-right: 30px; }
.site-header__navigation-main-list-item:last-of-type {
margin-right: 0; }
.site-header__navigation-main-list-item-children--expanded {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
padding: 15px 10vw; } .site-header__navigation-main-list-item-children-explore {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: start;
justify-content: flex-start;
width: 25%;
margin-right: 30px;
max-width: 250px; }
.site-header__navigation-main-list-item-children-explore-image {
max-width: none;
width: 100%;
max-height: none; }
.site-header__navigation-main-list-item-children-explore-copy {
max-width: none;
width: 100%; } .site-header__navigation-utility {
margin-top: 0; }
.site-header__navigation-utility--desktop {
-ms-flex-pack: end;
justify-content: flex-end; }
.site-header__navigation-utility-list {
-ms-flex-pack: end;
justify-content: flex-end; }
.site-header__navigation-utility-list-item {
margin-right: 35px; }
.site-header__navigation-utility-list-item:last-of-type {
margin-right: 0; } .site-header__navigation-search--desktop {
position: static;
top: auto;
right: auto; } .site-header__alert {
text-align: center; } } .site-footer {
background-color: #2E2E2E; }
.site-footer__content {
max-width: 1000px;
margin: auto;
padding: 15px 15px;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.site-footer__content-main,
.site-footer__content-sidebar {
width: 50%;
margin-top: 30px; } .site-footer__content-find-hostels {
width: 100%;
padding: 30px 0;
position: relative; }
.site-footer__content-find-hostels:after {
position: absolute;
content: "";
left: 0;
right: 0;
bottom: 0;
border-bottom: 2px solid #5F5F5F; }
.site-footer__content-find-hostels-form-legend {
font-family: futura-pt, sans-serif;
font-size: 25px;
font-size: 1.5625rem;
font-weight: bold;
color: #FFFFFF;
margin-bottom: 5px; }
.site-footer__content-find-hostels-form-label {
width: auto;
-ms-flex-positive: 1;
flex-grow: 1;
margin: 0; }
.site-footer__content-find-hostels-form-label-text {
font-family: futura-pt, sans-serif;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
color: #FF5000;
text-transform: uppercase;
position: relative;
color: #FFFFFF; }
.site-footer__content-find-hostels-form-label-text:before {
position: absolute;
content: "";
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' preserveAspectRatio='xMidYMid slice' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 312.382 500'%3E%3Cpath fill='%232E2E2E' d='M156.25 0C69.955 0 0 69.956 0 156.25 0 312.5 156.25 500 156.25 500s156.132-187.5 156.132-343.75C312.382 70.002 242.498.065 156.25 0zm0 251.958c-52.858 0-95.708-42.85-95.708-95.708s42.85-95.708 95.708-95.708 95.708 42.85 95.708 95.708-42.85 95.708-95.708 95.708zM95.708 156.25c0-33.437 27.106-60.542 60.542-60.542 33.437 0 60.542 27.106 60.542 60.542 0 33.437-27.106 60.542-60.542 60.542-33.437 0-60.542-27.105-60.542-60.542z'/%3E%3C/svg%3E");
width: 18px;
height: 27px;
background-repeat: no-repeat;
top: 155%;
left: 10px;
z-index: 2; }
.site-footer .site-footer__content-find-hostels-form-label-input {
-webkit-appearance: none;
border: 0;
border-radius: 3px;
padding: 10px;
padding-left: 30px;
width: 100%;
color: #5F5F5F;
margin-top: 5px;
background-color: #FFFFFF; }
.site-footer__content-find-hostels-form-submit {
-webkit-appearance: none;
border: 0;
margin: 30px 0;
padding-top: 8px;
padding-bottom: 8px; } .site-footer__content-main {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column; }
.site-footer__content-main-navigation {
-ms-flex-positive: 1;
flex-grow: 1; }
.site-footer__content-main-navigation-list {
padding: 0;
margin: 0;
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: justify;
justify-content: space-between; }
.site-footer__content-main-navigation-list-item:before {
display: none; }
.site-footer__content-main-navigation-list-item-link {
text-decoration: none;
color: #FFFFFF;
font-family: noto-sans, sans-serif;
font-size: 16px;
font-size: 1rem;
font-family: noto-sans, sans-serif; } .site-footer__content-main-navigation-list-item-social {
padding: 0;
display: -ms-flexbox;
display: flex;
margin-bottom: 0;
margin-top: 10px; }
.site-footer__content-main-navigation-list-item-social-item {
margin-right: 15px; }
.site-footer__content-main-navigation-list-item-social-item:before {
display: none; }
.site-footer__content-main-navigation-list-item-social-item-link svg {
fill: #FFFFFF;
width: 30px;
height: 30px; } .site-footer__content-sidebar-button {
background-color: transparent;
color: #FFFFFF;
border: 2px solid #FFFFFF;
text-align: center;
display: block;
text-transform: none;
padding: 10px 5px 8px; }
.site-footer__content-sidebar-logo {
width: 100px;
margin: 15px auto; }
.site-footer__content-sidebar-copy {
text-align: center;
color: #FFFFFF;
font-family: noto-sans, sans-serif;
font-size: 14px;
font-size: 0.875rem;
margin: 0; }
.site-footer__content-sidebar-copy a {
color: #FFFFFF; }
.site-footer__content-sidebar-copy a:hover {
color: #FF5000; } .site-footer__copywrite {
text-align: center;
color: #FFFFFF;
font-size: 14px;
font-size: 0.875rem;
font-family: noto-sans, sans-serif;
background-color: #5F5F5F;
padding: 15px; }
@media (min-width: 768px) { .site-footer__content {
display: block;
padding: 15px 30px; }
.site-footer__content-find-hostels,
.site-footer__content-main,
.site-footer__content-sidebar {
width: 100%;
margin: auto; } .site-footer__content-find-hostels-form {
display: -ms-flexbox;
display: flex;
-ms-flex-align: end;
align-items: flex-end;
max-width: 700px;
margin: auto;
-ms-flex-pack: justify;
justify-content: space-between; }
.site-footer__content-find-hostels-form .site-footer__hostel-search-list {
max-height: 15vh; }
.site-footer__content-find-hostels-form-legend {
margin: 0; }
.site-footer__content-find-hostels-form-label {
margin-left: 15px;
margin-right: 15px; }
.site-footer__content-find-hostels-form-submit {
margin: 0; } .site-footer__content-main {
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
margin: 30px 0; }
.site-footer__content-main-navigation-list {
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
height: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.site-footer__content-main-navigation-list-item {
text-align: center;
line-height: 1.2; }
.site-footer__content-main-navigation-list-item:last-of-type {
margin-top: 30px;
width: 100%; }
.site-footer__content-main-navigation-list-item-link:hover {
color: #FF5000; } .site-footer__content-main-navigation-list-item-social {
margin: 0;
-ms-flex-pack: center;
justify-content: center;
margin-top: 0; }
.site-footer__content-main-navigation-list-item-social-item:last-of-type {
margin-right: 0; }
.site-footer__content-main-navigation-list-item-social-item-link--instagram:hover svg {
fill: #ED1376; }
.site-footer__content-main-navigation-list-item-social-item-link--facebook:hover svg {
fill: #1877F2; }
.site-footer__content-main-navigation-list-item-social-item-link--twitter:hover svg {
fill: #1DA1F2; } .site-footer__content-sidebar {
max-width: 400px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center; }
.site-footer__content-sidebar-button {
padding: 10px 18px 8px; }
.site-footer__content-sidebar-button:hover {
color: #2E2E2E;
border-color: #FFFFFF;
background-color: #FFFFFF; } }
@media (min-width: 992px) {
.site-footer__content-main-navigation-list {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
.site-footer__content-main-navigation-list-item:last-of-type {
margin-top: 0;
width: auto; } }
.homepage-intro {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
max-width: 950px;
margin: 0px auto;
padding-bottom: 45px; }
@media (min-width: 768px) {
.homepage-intro {
-ms-flex-direction: row;
flex-direction: row; }
.homepage-intro .homepage-intro__copy {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: 30px;
width: 70%; }
.homepage-intro .homepage-intro__side-animation {
-ms-flex: 1 0 auto;
flex: 1 0 auto;
width: 30%; } }
.generic-content__wysiwyg {
max-width: 620px; }
.generic-content__wysiwyg p {
font-size: 19px;
font-size: 1.1875rem; }
.generic-content__wysiwyg li {
padding-bottom: 6px; }
.generic-content--center {
text-align: center; }
.generic-content--center .generic-content__wysiwyg {
margin: auto; }
@media (min-width: 768px) {
.alignleft {
display: inline-block;
float: left;
margin-right: 15px; }
.aligncenter {
margin: auto; }
.alignright {
display: inline-block;
float: right;
margin-left: 15px; }
.generic-content--center .generic-content__wysiwyg,
.generic-content--center .generic-content__cta {
padding-left: 0; }
.generic-content__wysiwyg,
.generic-content__cta {
padding-left: 45px; } }
.quote-block {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column; }
.quote-block .quote-block__content-blockquote {
font-size: 22px;
font-size: 1.375rem;
font-weight: 600;
font-family: futura-pt, sans-serif;
text-align: center; }
.quote-block .quote-block__content-blockquote cite {
font-size: 20px;
font-size: 1.25rem;
margin: 10px 0px 5px;
text-transform: none;
font-weight: 500;
color: #5F5F5F;
font-style: normal; }
.quote-block blockquote span {
font-size: 16px;
font-size: 1rem;
font-weight: 500;
color: #5F5F5F;
text-transform: uppercase; }
.quote-block .quote-block__content {
width: calc(100% + 45px);
margin: 30px 0px;
left: -45px;
position: relative; }
.quote-block .quote-block__content img {
width: 100%; }
.quote-block .quote-block__content img.slide {
transform: translateY(calc((var(--movement) - 100%) * 0.045)); }
@media (min-width: 1200px) {
.quote-block .quote-block__content img.slide {
transition: transform 400ms ease-out; } }
.quote-block .quote-block__content .quote-block__content-image-background {
position: absolute;
top: 10px;
right: 10px;
bottom: -10px;
left: 0;
z-index: -1;
background-color: #e8e8e8; }
.quote-block .quote-block__content .quote-block__content-image-background.slide {
transform: translateY(calc((var(--movement) - 100%) * 0.03)); }
@media (min-width: 1200px) {
.quote-block .quote-block__content .quote-block__content-image-background.slide {
transition: transform 400ms ease-out; } }
.quote-block .quote-block__content:nth-child(2n) {
left: 0px; }
.quote-block .quote-block__content:nth-child(2n) .quote-block__content-image-background {
right: 0px;
left: 10px; }
@media (min-width: 768px) {
.quote-block {
-ms-flex-direction: row;
flex-direction: row;
padding: 30px; }
.quote-block .quote-block__content {
width: calc(50% - 60px);
margin: 30px;
left: auto;
margin-bottom: 60px; }
.quote-block .quote-block__content .quote-block__content-image-background {
left: -10px; }
.quote-block .quote-block__content:nth-child(2n) {
left: auto;
margin-bottom: 30px;
margin-top: 60px; }
.quote-block .quote-block__content:nth-child(2n) .quote-block__content-image-background {
right: -10px;
left: 10px; } }
.quote-block__content .quote-block__content-blockquote {
position: absolute;
background-color: #FFFFFF;
padding: 15px;
margin: 0px;
top: -30px;
right: -30px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 200px; }
@media (max-width: 480px) {
.quote-block__content .quote-block__content-blockquote {
padding: 15px; } }
@media (min-width: 768px) {
.quote-block__content .quote-block__content-blockquote {
top: -90px; } }
@media (min-width: 992px) {
.quote-block__content .quote-block__content-blockquote {
top: -60px;
padding: 30px; } }
.quote-block__content .quote-block__content-blockquote.slide {
transform: translateY(calc((var(--movement) - 100%) * 0.075)); }
@media (min-width: 1200px) {
.quote-block__content .quote-block__content-blockquote.slide {
transition: transform 400ms ease-out; } }
.quote-block__content:nth-child(2n) .quote-block__content-blockquote {
bottom: 30px;
left: -30px;
top: auto;
right: auto; }
@media (min-width: 768px) {
.quote-block__content:nth-child(2n) .quote-block__content-blockquote {
bottom: -30px; } }
@media (min-width: 992px) {
.quote-block__content:nth-child(2n) .quote-block__content-blockquote.slide {
bottom: 0; } }
.quote-block--blockquote span,
.quote-block--pullquote span {
font-size: 14px;
font-size: 0.875rem;
font-weight: 500;
color: #5F5F5F;
text-transform: uppercase;
display: block;
margin-top: 5px; }
.quote-block--pullquote span {
margin-bottom: 30px; }
@media (min-width: 768px) {
.quote-block--blockquote .quote-block__content,
.quote-block--pullquote .quote-block__content {
width: 621px;
padding-left: 120px; } }
.two-column__headline {
margin-top: 0;
margin-bottom: 30px; }
@media (min-width: 768px) {
.two-column__headline {
padding: 0 45px; } }
.two-column__headline.slide {
transform: translateY(calc(((var(--movement)  - 100%)) * 0.05)); }
@media (min-width: 1200px) {
.two-column__headline.slide {
transition: transform 400ms ease-out; } }
.two-column__intro {
max-width: 620px; }
@media (min-width: 768px) {
.two-column__intro {
padding: 0 45px; } }
.two-column__intro.slide {
transform: translateY(calc(((var(--movement)  - 100%)) * 0.05)); }
@media (min-width: 1200px) {
.two-column__intro.slide {
transition: transform 400ms ease-out; } }
.two-column__row {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 30px; }
.two-column__row .two-column__row-image,
.two-column__row .two-column__row-copy {
width: 100%;
-ms-flex-positive: 1;
flex-grow: 1; }
.two-column__row .two-column__row-copy {
background-color: #FFFFFF;
padding: 90px 30px 30px;
box-sizing: border-box;
position: relative;
top: -60px;
right: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center; }
.two-column__row .two-column__row-copy .two-column__row-copy-header {
margin: 0px;
margin-bottom: 15px; }
@media (min-width: 768px) {
.two-column__row .two-column__row-copy {
padding: 120px 30px 30px; } }
.two-column__row .two-column__row-copy.slide {
transform: translateY(calc(((var(--movement)  - 100%)) * 0.025)); }
@media (min-width: 1200px) {
.two-column__row .two-column__row-copy.slide {
transition: transform 400ms ease-out; } }
.two-column__row .two-column__row-image {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
left: -30px; }
.two-column__row .two-column__row-copy-content {
position: relative;
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start; }
.two-column__row .two-column__row-copy-content h4 {
margin: 10px 0px 0px; }
.two-column__row .two-column__row-copy-content p {
margin: 0px;
width: 100%; }
.two-column__row .two-column__row-copy-content .secondary-button {
margin-top: 30px; }
@media (min-width: 992px) {
.two-column__row .two-column__row-copy-content {
margin-left: 30px; } }
@media (min-width: 768px) {
.two-column__row {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
.two-column__row .two-column__row-image {
left: -15px;
width: 50%;
-ms-flex-item-align: start;
align-self: flex-start; } }
@media screen and (min-width: 768px) and (-ms-high-contrast: active), (min-width: 768px) and (-ms-high-contrast: none) {
.two-column__row .two-column__row-image {
top: 0; } }
@media (min-width: 768px) {
.two-column__row .two-column__row-copy {
padding: 60px 30px;
top: -30px;
width: 50%; }
.two-column__row .two-column__row-copy-content {
max-width: 300px; } }
@media (min-width: 992px) {
.two-column__row {
margin-top: 60px; } }
.two-column__row:first-of-type {
margin-top: 0; }
@media (min-width: 768px) {
.two-column__headline + .two-column__row {
margin-top: 90px; } }
.two-column__cta {
text-align: center;
margin-bottom: 60px; }
.two-column__cta p {
font-size: 20px;
font-size: 1.25rem;
font-weight: 600; }
.two-column__cta p:first-of-type {
margin-top: 0; }
.two-column__cta.slide {
transform: translateY(calc(((var(--movement)  - 100%)) * 0.05)); }
@media (min-width: 1200px) {
.two-column__cta.slide {
transition: transform 400ms ease-out; } }
.two-column__row-image svg {
width: 100%;
max-width: 100%;
height: 100%;
position: relative;
z-index: 2; }
@media (min-width: 768px) {
.two-column__row-image svg {
height: auto; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.two-column__row-image svg {
min-height: 450px;
height: 1px; } }
.two-column__row-image svg.slide {
transform: translateY(calc(((var(--movement)  - 100%)) * 0.10)); }
@media (min-width: 1200px) {
.two-column__row-image svg.slide {
transition: transform 400ms ease-out; } }
.two-column__row-image .two-column__row-image-background {
position: absolute;
content: "";
background-color: #e8e8e8;
z-index: 1;
top: 30px;
bottom: 30px;
right: -30px;
left: 15px; }
.two-column__row-image .two-column__row-image-background.slide {
transform: translateY(calc(((var(--movement)  - 100%)) * 0.05)); }
@media (min-width: 1200px) {
.two-column__row-image .two-column__row-image-background.slide {
transition: transform 400ms ease-out; } }
.two-column__row--left-image .two-column__row-image {
left: auto;
right: -30px; }
.two-column__row--left-image .two-column__row-image .two-column__row-image-background {
right: 15px;
left: -30px; }
.two-column__row--left-image .two-column__row-copy {
right: auto;
left: 0; }
.two-column__row--left-image .two-column__row-copy .two-column__row-copy-content {
left: 0; }
@media (min-width: 768px) {
.two-column__row--left-image {
-ms-flex-direction: row;
flex-direction: row; }
.two-column__row--left-image .two-column__row-image {
left: 15px; }
.two-column__row--left-image .two-column__row-image .two-column__row-image-background {
right: 15px;
left: -30px; }
.two-column__row--left-image .two-column__row-copy {
right: 0;
padding-left: 45px; } }
.two-column__row--right-align-text .two-column__row-copy {
text-align: right;
-ms-flex-align: end;
align-items: flex-end;
padding-left: 30px; }
.two-column__row--right-align-text .two-column__row-copy .two-column__row-copy-content {
left: 0;
-ms-flex-align: end;
align-items: flex-end; }
.two-column__row--right-align-text .two-column__row-copy .two-column__row-copy-content ul {
padding-left: 0;
padding-right: 15px; }
.two-column__row--right-align-text .two-column__row-copy .two-column__row-copy-content li:before {
left: auto;
right: -14px; }
@media (min-width: 992px) {
.two-column__row--right-align-text .two-column__row-copy .two-column__row-copy-content {
margin-left: 0;
margin-right: 30px; } }
.three-column-cards .three-column-cards__intro .three-column-cards__intro-headline {
margin-top: 0;
margin-bottom: 15px; }
.three-column-cards .three-column-cards__intro p {
max-width: 620px; }
.three-column-cards .three-column-cards__intro p:first-of-type {
margin-top: 0; }
.three-column-cards .three-column-cards__intro p:last-of-type {
margin-bottom: 0; }
.three-column-cards .three-column-cards__intro .three-column-cards__intro-subheadline {
margin-top: 30px;
margin-bottom: 15px; }
.three-column-cards .three-column-cards__intro.slide {
transform: translateY(calc((var(--movement) - 100%) * 0.05)); }
@media (min-width: 1200px) {
.three-column-cards .three-column-cards__intro.slide {
transition: transform 400ms ease-out; } }
.three-column-cards .three-column-cards__row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 100%;
margin-top: 25px; }
.three-column-cards .three-column-cards__row .three-column-cards__row-card {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column; }
@media (min-width: 768px) {
.three-column-cards .three-column-cards__row .three-column-cards__row-card {
width: calc(50% - 30px);
margin: 0 30px; }
.three-column-cards .three-column-cards__row .three-column-cards__row-card:nth-child(odd) {
margin-left: 0; }
.three-column-cards .three-column-cards__row .three-column-cards__row-card:nth-child(even) {
margin-right: 0; } }
@media (min-width: 992px) {
.three-column-cards .three-column-cards__row .three-column-cards__row-card {
width: calc(30% - 30px); }
.three-column-cards .three-column-cards__row .three-column-cards__row-card:nth-child(odd), .three-column-cards .three-column-cards__row .three-column-cards__row-card:nth-child(even) {
margin: 0px 30px; }
.three-column-cards .three-column-cards__row .three-column-cards__row-card:nth-child(3n - 2) {
margin-left: 0; }
.three-column-cards .three-column-cards__row .three-column-cards__row-card:nth-child(3n) {
margin-right: 0; } }
.three-column-cards .three-column-cards__row .three-column-cards__row-card .three-column-cards__row-card-image {
position: relative;
z-index: 1;
left: -15px; }
.three-column-cards .three-column-cards__row .three-column-cards__row-card .three-column-cards__row-card-image .three-column-cards__row-card-image-background {
position: absolute;
content: "";
background-color: #e8e8e8;
z-index: -1;
top: 0px;
bottom: 30px;
right: -15px;
left: 15px; }
@media (min-width: 1200px) {
.three-column-cards .three-column-cards__row .three-column-cards__row-card .three-column-cards__row-card-image .three-column-cards__row-card-image-background {
transition: transform 400ms ease-out; } }
.three-column-cards .three-column-cards__row .three-column-cards__row-card .three-column-cards__row-card-image .three-column-cards__row-card-image-background {
top: 55px;
bottom: -15px;
transform: translateY(calc((var(--movement) - 100%) * 0.05)); }
.three-column-cards .three-column-cards__row .three-column-cards__row-card .three-column-cards__row-card-image svg {
width: 100%;
top: 30px;
position: relative; }
@media (min-width: 1200px) {
.three-column-cards .three-column-cards__row .three-column-cards__row-card .three-column-cards__row-card-image svg {
transition: transform 400ms ease-out; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.three-column-cards .three-column-cards__row .three-column-cards__row-card .three-column-cards__row-card-image svg {
height: 1px;
min-height: 300px; } }
.three-column-cards .three-column-cards__row .three-column-cards__row-card .three-column-cards__row-card-image svg.slide {
transform: translateY(calc((var(--movement) - 100%) * 0.06)); }
.three-column-cards .three-column-cards__row .three-column-cards__row-card .three-column-cards__row-card-copy {
position: relative;
left: 15px;
background-color: #FFFFFF;
padding: 60px 30px 30px;
border-radius: 5px;
z-index: 0;
display: -ms-flexbox;
display: flex;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start; }
.three-column-cards .three-column-cards__row .three-column-cards__row-card .three-column-cards__row-card-copy .three-column-cards__row-card-copy-content-headline {
font-family: futura-pt-bold, sans-serif;
font-weight: normal;
font-size: 20px;
font-size: 1.25rem;
margin: 0px; }
.three-column-cards .three-column-cards__row .three-column-cards__row-card .three-column-cards__row-card-copy p {
margin: 15px 0px; }
@media (min-width: 992px) {
.three-column-cards .three-column-cards__row .three-column-cards__row-card .three-column-cards__row-card-copy {
padding: 60px 15px 15px; } }
@media (min-width: 1200px) {
.three-column-cards .three-column-cards__row .three-column-cards__row-card .three-column-cards__row-card-copy {
padding: 60px 30px 30px;
transition: transform 400ms ease-out; } }
.three-column-cards .three-column-cards__row .three-column-cards__row-card .three-column-cards__row-card-copy .secondary-button {
text-align: center; }
.three-column-cards .three-column-cards__row .three-column-cards__row-card .three-column-cards__row-card-copy.slide {
transform: translateY(calc((var(--movement) - 100%) * 0.035)); }
.three-column-cards .three-column-cards__row .three-column-cards__row-card .three-column-cards__row-card-copy-content {
width: 100%; }
.full-width-image-with-text {
position: relative;
max-width: 1220px;
padding: 0; }
@media (min-width: 992px) {
.full-width-image-with-text {
margin-bottom: 90px;
min-height: 585px; } }
@media (min-width: 992px) {
.full-width-image-with-text .full-width-image-with-text__banner-image {
margin: auto;
margin-top: 15px; } }
.full-width-image-with-text .full-width-image-with-text__banner-image img {
width: 100%;
height: auto; }
.full-width-image-with-text .full-width-image-with-text__content-block {
position: relative;
z-index: 1;
background-color: #FFFFFF;
padding: 30px;
top: -30px;
left: 30px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: calc(100% - 90px); }
@media (min-width: 992px) {
.full-width-image-with-text .full-width-image-with-text__content-block {
position: absolute;
-ms-flex-direction: row;
flex-direction: row;
bottom: -30px;
top: auto;
left: 60px;
width: 50%;
padding: 60px; } }
.full-width-image-with-text .full-width-image-with-text__content-block .content-block__side-image-wrapper {
width: 20%;
padding: 0 15px 0 0;
max-width: 100px;
margin-bottom: 30px; }
.full-width-image-with-text .full-width-image-with-text__content-block .content-block__side-image-wrapper img {
height: auto; }
@media (min-width: 992px) {
.full-width-image-with-text .full-width-image-with-text__content-block .content-block__side-image-wrapper {
margin-bottom: 0; } }
.full-width-image-with-text .full-width-image-with-text__content-block .content-block__content-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
width: 100%; }
.full-width-image-with-text .full-width-image-with-text__content-block .content-block__content-wrapper h1,
.full-width-image-with-text .full-width-image-with-text__content-block .content-block__content-wrapper h2 {
margin: 0px;
width: 100%; }
.full-width-image-with-text .full-width-image-with-text__content-block .content-block__content-wrapper p {
margin: 15px 0; }
.full-width-image-with-text .full-width-image-with-text__content-block .content-block__content-wrapper .content-block__content {
position: relative;
left: 30px;
width: calc(100% - 30px); }
.full-width-image-with-text .full-width-image-with-text__content-block .content-block__content-wrapper .content-block__content-links {
display: -ms-flexbox;
display: flex;
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.full-width-image-with-text .full-width-image-with-text__content-block .content-block__content-wrapper .content-block__content-links a {
margin-right: 15px;
margin-top: 15px;
text-align: left; }
@media (min-width: 992px) {
.full-width-image-with-text .full-width-image-with-text__content-block .content-block__side-image-wrapper + .content-block__content-wrapper {
width: 80%;
padding-left: 20px; } }
.full-width-image-with-text .full-width-image-with-text__content-block .content-block__side-image-wrapper + .content-block__content-wrapper .content-block__content {
position: static; }
.full-width-image-with-text__content-block.full-width-image-with-text__content-block-right {
left: -30px; }
@media (min-width: 992px) {
.full-width-image-with-text__content-block.full-width-image-with-text__content-block-right {
left: auto;
right: 60px; } }
.promo-banner {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
padding: 60px 0px 30px;
max-width: 1460px; }
.promo-banner:before, .promo-banner:after {
content: "";
position: absolute;
height: 0;
width: 15%;
z-index: 0; }
.promo-banner:before {
top: 0;
left: -30px;
border-left: 80px solid #f8f8f8;
border-bottom: 120px solid transparent; }
@media (min-width: 768px) {
.promo-banner:before {
border-left: 220px solid #f8f8f8;
border-bottom: 412px solid transparent; } }
.promo-banner:after {
bottom: 0;
right: -30px;
border-right: 80px solid #f8f8f8;
border-top: 120px solid transparent; }
@media (min-width: 768px) {
.promo-banner:after {
border-right: 220px solid #f8f8f8;
border-top: 412px solid transparent; } }
@media (min-width: 768px) {
.promo-banner {
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
padding: 60px 0px; } }
.promo-banner .promo-banner__image-wrapper {
z-index: 1; }
@media (min-width: 768px) {
.promo-banner .promo-banner__image-wrapper {
width: 50%; } }
.promo-banner .promo-banner__image-wrapper img {
width: 100%; }
.promo-banner .promo-banner__content {
margin-top: 30px;
padding: 0px 30px;
z-index: 1; }
@media (min-width: 768px) {
.promo-banner .promo-banner__content {
width: 32%;
margin: 0px; } }
.promo-banner .promo-banner__content h2 {
margin: 0px; }
.promo-banner .promo-banner__content p {
margin: 15px 0px;
padding-left: 45px; }
.promo-banner .promo-banner__content a {
color: #2E2E2E; }
.promo-banner .promo-banner__content a:hover {
color: #BC4800; }
.promo-banner .promo-banner__content a[download]:after, .promo-banner .promo-banner__content a[href*="hiusa.box.com/"]:after, .promo-banner .promo-banner__content a[href*="hiusa.app.box.com"]:after, .promo-banner .promo-banner__content a[href*="cdn-hiusa-corporatewebsite-001.azureedge.net"]:after {
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120' fill='%232E2E2E'%3E%3Cpath d='M43.792,47.468H42.236v-4.5h1.556q2.586,0,2.586,2.25T43.792,47.468Zm20.9.742a5.546,5.546,0,0,0-.36-2.012A4.511,4.511,0,0,0,61.7,43.541a5.77,5.77,0,0,0-2.155-.383H58.468v10.1h1.077a5.819,5.819,0,0,0,2.179-.383,4.651,4.651,0,0,0,1.616-1.054,4.48,4.48,0,0,0,1-1.592A5.7,5.7,0,0,0,64.693,48.21ZM96.5,26.51V79.359L70.87,104.5H34.52A11.027,11.027,0,0,1,23.5,93.489V26.51A11.026,11.026,0,0,1,34.52,15.5H85.49A11.022,11.022,0,0,1,96.5,26.51ZM87.943,77.947H75a6.091,6.091,0,0,0-6.087,6.087v12.58ZM89.5,62.618h-59V93.489A4.02,4.02,0,0,0,34.52,97.5H61.977a6.81,6.81,0,0,1-.064-.847V84.034A13.1,13.1,0,0,1,75,70.947H87.983a6.944,6.944,0,0,1,1.517.186ZM42.236,57.235V51.25h2.777a6.389,6.389,0,0,0,4.657-1.58,5.946,5.946,0,0,0,1.615-4.453,5.944,5.944,0,0,0-1.615-4.453,6.394,6.394,0,0,0-4.657-1.58h-7.47V57.235Zm18.483,0a8.245,8.245,0,0,0,3.483-.742,9.324,9.324,0,0,0,2.825-1.987,9.12,9.12,0,0,0,1.891-2.885,8.862,8.862,0,0,0-.012-6.847A9.18,9.18,0,0,0,67,41.9a9.435,9.435,0,0,0-2.825-1.975,8.2,8.2,0,0,0-3.459-.742H53.775V57.235Zm16.088-11.06V43.158h5.65V39.184H72.114V57.235h4.693V50.148h5.147V46.175ZM89.5,26.51a4.015,4.015,0,0,0-4.01-4.01H34.52a4.019,4.019,0,0,0-4.02,4.01v7.734h59Z'/%3E%3C/svg%3E"); }
.promo-banner .promo-banner__content a[download]:hover:after, .promo-banner .promo-banner__content a[href*="hiusa.box.com/"]:hover:after, .promo-banner .promo-banner__content a[href*="hiusa.app.box.com"]:hover:after, .promo-banner .promo-banner__content a[href*="cdn-hiusa-corporatewebsite-001.azureedge.net"]:hover:after {
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120' fill='%23BC4800'%3E%3Cpath d='M43.792,47.468H42.236v-4.5h1.556q2.586,0,2.586,2.25T43.792,47.468Zm20.9.742a5.546,5.546,0,0,0-.36-2.012A4.511,4.511,0,0,0,61.7,43.541a5.77,5.77,0,0,0-2.155-.383H58.468v10.1h1.077a5.819,5.819,0,0,0,2.179-.383,4.651,4.651,0,0,0,1.616-1.054,4.48,4.48,0,0,0,1-1.592A5.7,5.7,0,0,0,64.693,48.21ZM96.5,26.51V79.359L70.87,104.5H34.52A11.027,11.027,0,0,1,23.5,93.489V26.51A11.026,11.026,0,0,1,34.52,15.5H85.49A11.022,11.022,0,0,1,96.5,26.51ZM87.943,77.947H75a6.091,6.091,0,0,0-6.087,6.087v12.58ZM89.5,62.618h-59V93.489A4.02,4.02,0,0,0,34.52,97.5H61.977a6.81,6.81,0,0,1-.064-.847V84.034A13.1,13.1,0,0,1,75,70.947H87.983a6.944,6.944,0,0,1,1.517.186ZM42.236,57.235V51.25h2.777a6.389,6.389,0,0,0,4.657-1.58,5.946,5.946,0,0,0,1.615-4.453,5.944,5.944,0,0,0-1.615-4.453,6.394,6.394,0,0,0-4.657-1.58h-7.47V57.235Zm18.483,0a8.245,8.245,0,0,0,3.483-.742,9.324,9.324,0,0,0,2.825-1.987,9.12,9.12,0,0,0,1.891-2.885,8.862,8.862,0,0,0-.012-6.847A9.18,9.18,0,0,0,67,41.9a9.435,9.435,0,0,0-2.825-1.975,8.2,8.2,0,0,0-3.459-.742H53.775V57.235Zm16.088-11.06V43.158h5.65V39.184H72.114V57.235h4.693V50.148h5.147V46.175ZM89.5,26.51a4.015,4.015,0,0,0-4.01-4.01H34.52a4.019,4.019,0,0,0-4.02,4.01v7.734h59Z'/%3E%3C/svg%3E"); }
.promo-banner .promo-banner__content a[href*="//"]:not([href*="localhost:8889"]):not([href*="hiusa.azurewebsites.net"]):not([href*="hiusa.org"]):not([href*="hiusa.box.com"]):not([href*="hiusa.app.box.com"]):not([href*="cdn-hiusa-corporatewebsite-001.azureedge.net"]):after, .promo-banner .promo-banner__content a[href*="bookings.hiusa.org"]:after, .promo-banner .promo-banner__content a[href*="docs.google.com"]:after {
background-image: url("data:image/svg+xml,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120' fill='%232E2E2E'%3E%3Cg data-name='Group 4012'%3E%3Cpath data-name='Path 5474' d='M113.315,65.625a6.219,6.219,0,0,0-6.22,6.219v33.817a1.884,1.884,0,0,1-1.879,1.885H14.324a1.885,1.885,0,0,1-1.885-1.885h0V14.794a1.885,1.885,0,0,1,1.885-1.886H52.759a6.22,6.22,0,0,0,0-12.439H14.324A14.342,14.342,0,0,0,0,14.794V105.66a14.343,14.343,0,0,0,14.324,14.325h90.867a14.344,14.344,0,0,0,14.325-14.325V71.844A6.219,6.219,0,0,0,113.315,65.625Z'/%3E%3Cpath data-name='Path 5475' d='M113.877.487,82.242.016a6.22,6.22,0,0,0-.188,12.439l16.465.247L38.876,72.346a6.219,6.219,0,1,0,8.64,8.948c.052-.05.1-.1.154-.154l59.667-59.668-.248,16.779a6.22,6.22,0,0,0,6.128,6.31h.092a6.22,6.22,0,0,0,6.219-6.129L120,6.8A6.219,6.219,0,0,0,113.877.487Z'/%3E%3C/g%3E%3C/svg%3E"); }
.promo-banner .promo-banner__content a[href*="//"]:not([href*="localhost:8889"]):not([href*="hiusa.azurewebsites.net"]):not([href*="hiusa.org"]):not([href*="hiusa.box.com"]):not([href*="hiusa.app.box.com"]):not([href*="cdn-hiusa-corporatewebsite-001.azureedge.net"]):hover:after, .promo-banner .promo-banner__content a[href*="bookings.hiusa.org"]:hover:after, .promo-banner .promo-banner__content a[href*="docs.google.com"]:hover:after {
background-image: url("data:image/svg+xml,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120' fill='%23BC4800'%3E%3Cg data-name='Group 4012'%3E%3Cpath data-name='Path 5474' d='M113.315,65.625a6.219,6.219,0,0,0-6.22,6.219v33.817a1.884,1.884,0,0,1-1.879,1.885H14.324a1.885,1.885,0,0,1-1.885-1.885h0V14.794a1.885,1.885,0,0,1,1.885-1.886H52.759a6.22,6.22,0,0,0,0-12.439H14.324A14.342,14.342,0,0,0,0,14.794V105.66a14.343,14.343,0,0,0,14.324,14.325h90.867a14.344,14.344,0,0,0,14.325-14.325V71.844A6.219,6.219,0,0,0,113.315,65.625Z'/%3E%3Cpath data-name='Path 5475' d='M113.877.487,82.242.016a6.22,6.22,0,0,0-.188,12.439l16.465.247L38.876,72.346a6.219,6.219,0,1,0,8.64,8.948c.052-.05.1-.1.154-.154l59.667-59.668-.248,16.779a6.22,6.22,0,0,0,6.128,6.31h.092a6.22,6.22,0,0,0,6.219-6.129L120,6.8A6.219,6.219,0,0,0,113.877.487Z'/%3E%3C/g%3E%3C/svg%3E"); }
.promo-banner .promo-banner__content .secondary-button {
margin-left: 45px; }
.promo-banner .promo-banner__content .secondary-button:hover {
color: #2E2E2E; }
.promo-banner .promo-banner__content .secondary-button[download]:after, .promo-banner .promo-banner__content .secondary-button[href*="hiusa.box.com/"]:after, .promo-banner .promo-banner__content .secondary-button[href*="hiusa.app.box.com"]:after, .promo-banner .promo-banner__content .secondary-button[href*="cdn-hiusa-corporatewebsite-001.azureedge.net"]:after {
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120' fill='%232E2E2E'%3E%3Cpath d='M43.792,47.468H42.236v-4.5h1.556q2.586,0,2.586,2.25T43.792,47.468Zm20.9.742a5.546,5.546,0,0,0-.36-2.012A4.511,4.511,0,0,0,61.7,43.541a5.77,5.77,0,0,0-2.155-.383H58.468v10.1h1.077a5.819,5.819,0,0,0,2.179-.383,4.651,4.651,0,0,0,1.616-1.054,4.48,4.48,0,0,0,1-1.592A5.7,5.7,0,0,0,64.693,48.21ZM96.5,26.51V79.359L70.87,104.5H34.52A11.027,11.027,0,0,1,23.5,93.489V26.51A11.026,11.026,0,0,1,34.52,15.5H85.49A11.022,11.022,0,0,1,96.5,26.51ZM87.943,77.947H75a6.091,6.091,0,0,0-6.087,6.087v12.58ZM89.5,62.618h-59V93.489A4.02,4.02,0,0,0,34.52,97.5H61.977a6.81,6.81,0,0,1-.064-.847V84.034A13.1,13.1,0,0,1,75,70.947H87.983a6.944,6.944,0,0,1,1.517.186ZM42.236,57.235V51.25h2.777a6.389,6.389,0,0,0,4.657-1.58,5.946,5.946,0,0,0,1.615-4.453,5.944,5.944,0,0,0-1.615-4.453,6.394,6.394,0,0,0-4.657-1.58h-7.47V57.235Zm18.483,0a8.245,8.245,0,0,0,3.483-.742,9.324,9.324,0,0,0,2.825-1.987,9.12,9.12,0,0,0,1.891-2.885,8.862,8.862,0,0,0-.012-6.847A9.18,9.18,0,0,0,67,41.9a9.435,9.435,0,0,0-2.825-1.975,8.2,8.2,0,0,0-3.459-.742H53.775V57.235Zm16.088-11.06V43.158h5.65V39.184H72.114V57.235h4.693V50.148h5.147V46.175ZM89.5,26.51a4.015,4.015,0,0,0-4.01-4.01H34.52a4.019,4.019,0,0,0-4.02,4.01v7.734h59Z'/%3E%3C/svg%3E"); }
.promo-banner .promo-banner__content .secondary-button[download]:hover:after, .promo-banner .promo-banner__content .secondary-button[href*="hiusa.box.com/"]:hover:after, .promo-banner .promo-banner__content .secondary-button[href*="hiusa.app.box.com"]:hover:after, .promo-banner .promo-banner__content .secondary-button[href*="cdn-hiusa-corporatewebsite-001.azureedge.net"]:hover:after {
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120' fill='%232E2E2E'%3E%3Cpath d='M43.792,47.468H42.236v-4.5h1.556q2.586,0,2.586,2.25T43.792,47.468Zm20.9.742a5.546,5.546,0,0,0-.36-2.012A4.511,4.511,0,0,0,61.7,43.541a5.77,5.77,0,0,0-2.155-.383H58.468v10.1h1.077a5.819,5.819,0,0,0,2.179-.383,4.651,4.651,0,0,0,1.616-1.054,4.48,4.48,0,0,0,1-1.592A5.7,5.7,0,0,0,64.693,48.21ZM96.5,26.51V79.359L70.87,104.5H34.52A11.027,11.027,0,0,1,23.5,93.489V26.51A11.026,11.026,0,0,1,34.52,15.5H85.49A11.022,11.022,0,0,1,96.5,26.51ZM87.943,77.947H75a6.091,6.091,0,0,0-6.087,6.087v12.58ZM89.5,62.618h-59V93.489A4.02,4.02,0,0,0,34.52,97.5H61.977a6.81,6.81,0,0,1-.064-.847V84.034A13.1,13.1,0,0,1,75,70.947H87.983a6.944,6.944,0,0,1,1.517.186ZM42.236,57.235V51.25h2.777a6.389,6.389,0,0,0,4.657-1.58,5.946,5.946,0,0,0,1.615-4.453,5.944,5.944,0,0,0-1.615-4.453,6.394,6.394,0,0,0-4.657-1.58h-7.47V57.235Zm18.483,0a8.245,8.245,0,0,0,3.483-.742,9.324,9.324,0,0,0,2.825-1.987,9.12,9.12,0,0,0,1.891-2.885,8.862,8.862,0,0,0-.012-6.847A9.18,9.18,0,0,0,67,41.9a9.435,9.435,0,0,0-2.825-1.975,8.2,8.2,0,0,0-3.459-.742H53.775V57.235Zm16.088-11.06V43.158h5.65V39.184H72.114V57.235h4.693V50.148h5.147V46.175ZM89.5,26.51a4.015,4.015,0,0,0-4.01-4.01H34.52a4.019,4.019,0,0,0-4.02,4.01v7.734h59Z'/%3E%3C/svg%3E"); }
.promo-banner .promo-banner__content .secondary-button[href*="//"]:not([href*="localhost:8889"]):not([href*="hiusa.azurewebsites.net"]):not([href*="hiusa.org"]):not([href*="hiusa.box.com"]):not([href*="hiusa.app.box.com"]):not([href*="cdn-hiusa-corporatewebsite-001.azureedge.net"]):after, .promo-banner .promo-banner__content .secondary-button[href*="bookings.hiusa.org"]:after, .promo-banner .promo-banner__content .secondary-button[href*="docs.google.com"]:after {
background-image: url("data:image/svg+xml,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120' fill='%232E2E2E'%3E%3Cg data-name='Group 4012'%3E%3Cpath data-name='Path 5474' d='M113.315,65.625a6.219,6.219,0,0,0-6.22,6.219v33.817a1.884,1.884,0,0,1-1.879,1.885H14.324a1.885,1.885,0,0,1-1.885-1.885h0V14.794a1.885,1.885,0,0,1,1.885-1.886H52.759a6.22,6.22,0,0,0,0-12.439H14.324A14.342,14.342,0,0,0,0,14.794V105.66a14.343,14.343,0,0,0,14.324,14.325h90.867a14.344,14.344,0,0,0,14.325-14.325V71.844A6.219,6.219,0,0,0,113.315,65.625Z'/%3E%3Cpath data-name='Path 5475' d='M113.877.487,82.242.016a6.22,6.22,0,0,0-.188,12.439l16.465.247L38.876,72.346a6.219,6.219,0,1,0,8.64,8.948c.052-.05.1-.1.154-.154l59.667-59.668-.248,16.779a6.22,6.22,0,0,0,6.128,6.31h.092a6.22,6.22,0,0,0,6.219-6.129L120,6.8A6.219,6.219,0,0,0,113.877.487Z'/%3E%3C/g%3E%3C/svg%3E"); }
.promo-banner .promo-banner__content .secondary-button[href*="//"]:not([href*="localhost:8889"]):not([href*="hiusa.azurewebsites.net"]):not([href*="hiusa.org"]):not([href*="hiusa.box.com"]):not([href*="hiusa.app.box.com"]):not([href*="cdn-hiusa-corporatewebsite-001.azureedge.net"]):hover:after, .promo-banner .promo-banner__content .secondary-button[href*="bookings.hiusa.org"]:hover:after, .promo-banner .promo-banner__content .secondary-button[href*="docs.google.com"]:hover:after {
background-image: url("data:image/svg+xml,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120' fill='%232E2E2E'%3E%3Cg data-name='Group 4012'%3E%3Cpath data-name='Path 5474' d='M113.315,65.625a6.219,6.219,0,0,0-6.22,6.219v33.817a1.884,1.884,0,0,1-1.879,1.885H14.324a1.885,1.885,0,0,1-1.885-1.885h0V14.794a1.885,1.885,0,0,1,1.885-1.886H52.759a6.22,6.22,0,0,0,0-12.439H14.324A14.342,14.342,0,0,0,0,14.794V105.66a14.343,14.343,0,0,0,14.324,14.325h90.867a14.344,14.344,0,0,0,14.325-14.325V71.844A6.219,6.219,0,0,0,113.315,65.625Z'/%3E%3Cpath data-name='Path 5475' d='M113.877.487,82.242.016a6.22,6.22,0,0,0-.188,12.439l16.465.247L38.876,72.346a6.219,6.219,0,1,0,8.64,8.948c.052-.05.1-.1.154-.154l59.667-59.668-.248,16.779a6.22,6.22,0,0,0,6.128,6.31h.092a6.22,6.22,0,0,0,6.219-6.129L120,6.8A6.219,6.219,0,0,0,113.877.487Z'/%3E%3C/g%3E%3C/svg%3E"); }
.promo-banner .promo-banner__background {
position: absolute;
top: 0;
left: -30px;
right: -30px;
bottom: 0;
background-color: #E8E8E8;
z-index: -1; }
.hostel-intro {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column; }
@media (min-width: 768px) {
.hostel-intro {
-ms-flex-direction: row;
flex-direction: row;
padding: 30px; } }
@media (min-width: 768px) {
.hostel-intro .hostel-intro__content {
width: 65%;
padding-right: 30px; } }
.hostel-intro .hostel-intro__content h2 {
margin: 0px 0px 15px; }
.hostel-intro .hostel-intro__side-bar {
background-color: #FFFFFF;
position: relative;
padding: 30px;
right: -30px;
text-align: right; }
@media (min-width: 768px) {
.hostel-intro .hostel-intro__side-bar {
width: 35%; } }
.hostel-intro .hostel-intro__side-bar ul li::before {
content: none; }
.hostel-intro .hostel-intro__side-bar h3, .hostel-intro .hostel-intro__side-bar p {
margin: 0px; }
.hostel-intro .hostel-intro__side-bar .hostel-intro__side-bar-background {
position: absolute;
top: 30px;
bottom: 30px;
left: -30px;
right: 30px;
background: #e8e8e8;
z-index: -1;
transform: translateY(calc((var(__movement) - 100%) * -1 * 0.06)); }
@media (min-width: 1200px) {
.hostel-intro .hostel-intro__side-bar .hostel-intro__side-bar-background {
transition: transform 400ms ease-out; } }
@media (min-width: 768px) {
.interior-hero {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; } }
.interior-hero .interior-hero__content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
margin-top: 90px; }
@media (min-width: 768px) {
.interior-hero .interior-hero__content {
margin-top: 0;
width: 50%; }
.interior-hero .interior-hero__content p {
position: relative;
left: 45px;
width: 65%; } }
.interior-hero .interior-hero__content h1 {
margin-top: 0;
margin-bottom: 15px; }
.interior-hero .interior-hero__content p:first-of-type {
margin-top: 0; }
.interior-hero .interior-hero__image-wrappers {
position: relative;
margin-bottom: 45px;
right: -30px; }
@media (min-width: 768px) {
.interior-hero .interior-hero__image-wrappers {
width: 50%;
right: auto; } }
.interior-hero .interior-hero__image-wrappers .interior-hero__primary {
position: relative; }
.interior-hero .interior-hero__image-wrappers .interior-hero__primary .interior-hero__primary-background {
position: absolute;
top: 15px;
left: -15px;
right: 15px;
bottom: -15px;
background: #e8e8e8;
z-index: -1; }
@media (min-width: 768px) {
.interior-hero .interior-hero__image-wrappers .interior-hero__primary .interior-hero__primary-background {
left: 15px; } }
.interior-hero .interior-hero__image-wrappers .interior-hero__primary .interior-hero__primary-background.slide {
transform: translateY(calc((var(--movement) - 100%) * -1 * 0.03)); }
@media (min-width: 1200px) {
.interior-hero .interior-hero__image-wrappers .interior-hero__primary .interior-hero__primary-background.slide {
transition: transform 400ms ease-out; } }
.interior-hero .interior-hero__image-wrappers .interior-hero__primary-image {
width: 100%;
max-width: 100%;
height: auto;
position: relative; }
@media (min-width: 768px) {
.interior-hero .interior-hero__image-wrappers .interior-hero__primary-image {
height: auto; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.interior-hero .interior-hero__image-wrappers .interior-hero__primary-image {
top: 0;
height: 1px;
min-height: 350px; } }
.interior-hero .interior-hero__image-wrappers .interior-hero__primary-image.slide {
transform: translateY(calc(((var(--movement)  - 100%)) * -1 * 0.06)); }
@media (min-width: 1200px) {
.interior-hero .interior-hero__image-wrappers .interior-hero__primary-image.slide {
transition: transform 400ms ease-out; } }
.interior-hero .interior-hero__image-wrappers .interior-hero__secondary {
position: absolute;
bottom: -60px;
left: -60px;
width: 50%; }
.interior-hero .interior-hero__image-wrappers .interior-hero__secondary-image {
width: 100%; }
.interior-hero .interior-hero__image-wrappers .interior-hero__secondary-image.slide {
transform: translateY(calc((var(--movement) - 100%) * -1 * 0.1)); }
@media (min-width: 1200px) {
.interior-hero .interior-hero__image-wrappers .interior-hero__secondary-image.slide {
transition: transform 400ms ease-out; } }
.hero-lottie-animation {
max-width: 1460px;
margin: 0 auto;
position: relative;
padding: 0;
margin-bottom: 140px; }
@media (min-width: 768px) {
.hero-lottie-animation {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
margin-bottom: 0; } }
.lottie-hero {
min-height: 335px;
width: 200%;
position: relative;
left: -50%;
height: 1px; }
@media (max-width: 510px) {
.lottie-hero {
width: 210%;
left: -56%; } }
@media (min-width: 580px) {
.lottie-hero {
min-height: 580px; } }
@media (min-width: 768px) {
.lottie-hero {
min-height: 410px;
width: 100%;
-ms-flex-positive: 1;
flex-grow: 1;
left: auto;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center; } }
@media (min-width: 880px) {
.lottie-hero {
min-height: 458px; } }
@media (min-width: 950px) {
.lottie-hero {
min-height: 495px; } }
@media (min-width: 1100px) {
.lottie-hero {
min-height: 651px; } }
.hero-lottie-animation__find-hostels {
position: absolute;
background-color: #FFFFFF;
top: 95%;
left: 0;
right: 0;
margin: auto;
padding: 15px 15px;
box-sizing: border-box;
width: 100%;
max-width: calc(100% - 30px); }
@media (min-width: 768px) {
.hero-lottie-animation__find-hostels {
top: auto;
bottom: 15px;
padding: 30px 40px; } }
@media (min-width: 992px) {
.hero-lottie-animation__find-hostels {
bottom: 45px;
max-width: 900px; } }
.hero-lottie-animation__find-hostels-form {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%; }
@media (min-width: 768px) {
.hero-lottie-animation__find-hostels-form {
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; } }
.hero-lottie-animation__find-hostels-form .hero-lottie-animation__find-hostels-form-label-input {
padding-left: 30px;
border-top: 0;
border-left: 0;
border-right: 0; }
.hero-lottie-animation__find-hostels-form-legend {
font-size: 30px;
font-size: 1.875rem;
font-family: futura-pt, sans-serif;
font-weight: bold;
color: #2E2E2E;
width: 100%;
padding: 0; }
@media (min-width: 768px) {
.hero-lottie-animation__find-hostels-form-legend {
width: auto; } }
.hero-lottie-animation__find-hostels-form-label {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: auto;
-ms-flex-positive: 1;
flex-grow: 1;
margin-bottom: 10px; }
@media (min-width: 768px) {
.hero-lottie-animation__find-hostels-form-label {
margin-left: 15px;
margin-right: 15px;
margin-bottom: 0; } }
.hero-lottie-animation__find-hostels-form-label-text {
position: relative; }
.hero-lottie-animation__find-hostels-form-label-text:before {
position: absolute;
content: "";
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' preserveAspectRatio='xMidYMid slice' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 312.382 500'%3E%3Cpath fill='%232E2E2E' d='M156.25 0C69.955 0 0 69.956 0 156.25 0 312.5 156.25 500 156.25 500s156.132-187.5 156.132-343.75C312.382 70.002 242.498.065 156.25 0zm0 251.958c-52.858 0-95.708-42.85-95.708-95.708s42.85-95.708 95.708-95.708 95.708 42.85 95.708 95.708-42.85 95.708-95.708 95.708zM95.708 156.25c0-33.437 27.106-60.542 60.542-60.542 33.437 0 60.542 27.106 60.542 60.542 0 33.437-27.106 60.542-60.542 60.542-33.437 0-60.542-27.105-60.542-60.542z'/%3E%3C/svg%3E");
width: 18px;
height: 27px;
background-repeat: no-repeat;
top: 110%;
left: 10px;
z-index: 2; }
.hero-lottie-animation__find-hostels-form-submit {
border: 0;
-ms-flex-item-align: center;
align-self: center; }
@media (min-width: 768px) {
.hero-lottie-animation__find-hostels-form-submit {
-ms-flex-item-align: auto;
align-self: auto; } }
.accordion__headline {
margin-top: 30px; }
.accordion__list-item {
padding: 15px;
border-top: 1px solid #707070; }
.accordion__list-item:last-of-type {
border-bottom: 1px solid #707070; }
.accordion__list-item-button-header {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: left;
width: 100%; }
.accordion__list-item-button {
display: -ms-flexbox;
display: flex;
width: 100%;
background: none;
border: none;
padding: 5px;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
cursor: pointer; }
.accordion__list-item-button:focus {
outline: 2px dotted #FF5000; }
.accordion__list-item-button-header {
margin: 0px; }
.accordion__list-item-button-icon {
position: relative;
width: 15px;
height: 16px;
transition: all .3s ease-in; }
.accordion__list-item-button-icon:before, .accordion__list-item-button-icon:after {
content: "";
position: absolute;
width: 15px;
height: 3px;
background: #FF5000;
left: 0;
top: 6px;
right: 0;
bottom: 0; }
.accordion__list-item-button-icon:after {
transform: rotate(90deg); }
.accordion__list-item-button.expanded .accordion__list-item-button-icon {
transform: rotate(45deg); }
.accordion__list-item-content {
display: none;
padding: 15px; }
.accordion__list-item-content p {
margin: 15px 0; }
.accordion__list-item-content p:first-of-type {
margin-top: 0; }
.accordion__list-item-content p:last-of-type {
margin-bottom: 0; }
.accordion__list-item.expanded {
background-color: #E8E8E8; }
.accordion__list-item.expanded .accordion__list-item-button-icon {
transform: rotate(45deg); }
.accordion__list-item.expanded .accordion__list-item-content {
display: block; }
@media (min-width: 768px) {
.accordion__list-item {
padding-left: 30px; }
.accordion__list-item-content {
padding: 30px;
padding-left: 60px; } } .locator {
max-width: 1088px;
padding: 0; }
.locator__header-heading {
margin: 15px; }
.locator__app .accordion__list-item {
padding: 15px 30px; }
.locator__app .accordion__list-item.expanded {
background-color: transparent; }
.locator__app .accordion__list-item-content {
padding: 0; } .locator__app-map {
position: relative; }
.gm-style-pbc > .gm-style-pbt {
display: block;
max-width: 300px;
margin: 0 auto;
padding: 10px;
background: rgba(0, 0, 0, 0.7);
font-size: 18px; } .locator__app-map-details {
position: absolute;
z-index: 1;
bottom: 0;
background-color: #F8F8F8;
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.16);
bottom: -30px;
left: 30px;
right: 30px;
max-width: 500px;
margin: auto; }
.locator__app-map-details-close {
position: absolute;
right: 5px;
top: 5px;
width: 15px;
height: 15px;
padding: 0;
background-color: transparent;
border: 0;
-webkit-appearance: none;
cursor: pointer; }
.locator__app-map-details-close:before, .locator__app-map-details-close:after {
content: "";
position: absolute;
width: 100%;
height: 2px;
background-color: #2E2E2E;
left: 0;
right: 0;
top: .5em; }
.locator__app-map-details-close:before {
transform: rotate(45deg); }
.locator__app-map-details-close:after {
transform: rotate(-45deg); }
.locator__app-map-details-location {
padding: 15px;
padding-right: 30px; }
.locator__app-map-details-location-name {
margin-top: 0;
font-family: noto-sans, sans-serif;
font-size: 18px;
font-size: 1.125rem;
color: #2E2E2E; } .locator__app-map-details-location-address {
margin-bottom: 0;
font-family: noto-sans, sans-serif;
font-size: 18px;
font-size: 1.125rem;
color: #5F5F5F;
font-weight: normal;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column; }
.locator__app-map-details-location-alert {
-ms-flex-item-align: start;
align-self: flex-start;
background-color: #E8E8E8;
padding: 10px 15px;
font-weight: bold;
margin: 5px 0;
text-align: center; }
.locator__app-map-details-location-alert p {
margin: 0; }
.site-main .locator__app-map-details-location-address[href*="//"]:not([href*="localhost:8889"]):not([href*="hiusa.azurewebsites.net"]):not([href*="hiusa.org"]):not([href*="hiusa.box.com"]):not([href*="hiusa.app.box.com"]):not([href*="cdn-hiusa-corporatewebsite-001.azureedge.net"]), .site-main .locator__app-map-details-location-address[href*="bookings.hiusa.org"], .site-main .locator__app-map-details-location-address[href*="docs.google.com"] {
-ms-flex-align: start;
align-items: flex-start; }
.site-main .locator__app-map-details-location-address[href*="//"]:not([href*="localhost:8889"]):not([href*="hiusa.azurewebsites.net"]):not([href*="hiusa.org"]):not([href*="hiusa.box.com"]):not([href*="hiusa.app.box.com"]):not([href*="cdn-hiusa-corporatewebsite-001.azureedge.net"]):after, .site-main .locator__app-map-details-location-address[href*="bookings.hiusa.org"]:after, .site-main .locator__app-map-details-location-address[href*="docs.google.com"]:after {
display: none; }
.locator__app-map-details-contact {
padding: 15px;
background-color: #FFFFFF;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center; }
.locator__app-map-details-contact-phone {
display: -ms-flexbox;
display: flex;
text-decoration: none; }
.locator__app-map-details-contact-phone:hover .locator__app-map-details-contact-phone-text {
color: #BC4800; }
.locator__app-map-details-contact-phone-icon {
width: 20px;
height: 20px;
margin-right: 8px;
margin-top: .2em; }
.locator__app-map-details-contact-phone-text {
color: #5F5F5F;
font-weight: normal; }
.locator__app-map-details-contact-directions {
margin-right: 15px; } .locator__app-list {
margin: 45px 0; }
.locator__app-list-group-list-subgroup {
margin-top: 60px;
margin-bottom: 60px; }
.locator__app-list-group-list-subgroup-headline {
margin-top: 0;
margin-bottom: 30px; } .locator__app-list-group-list-location {
margin: 30px auto;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column; }
.locator__app-list-group-list-location-image {
position: relative; }
.locator__app-list-group-list-location-image svg {
position: relative;
width: calc(100% - 15px);
height: 100%;
z-index: 1; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.locator__app-list-group-list-location-image svg {
height: 219px; } }
.locator__app-list-group-list-location-image:after {
position: absolute;
content: "";
width: 100%;
top: 15px;
left: 0;
bottom: 15px;
background-color: #E8E8E8;
z-index: 0; }
.locator__app-list-group-list-location-name {
margin: 15px 0 20px;
font-size: 18px;
font-size: 1.125rem;
font-family: noto-sans, sans-serif;
font-weight: bold; }
.locator .locator__app-list-group-list-location-name {
margin-bottom: 0; }
.locator .locator__app-list-group-list-location-independent {
margin-top: 0; }
.locator__app-list-group-list-location-alert {
-ms-flex-item-align: start;
align-self: flex-start;
text-align: center;
background-color: #E8E8E8;
padding: 10px 15px;
font-weight: bold;
margin: 5px 0; } .locator__app-list-group-list-location-address,
.locator__app-list-group-list-location-contact-item-link-phone,
.locator__app-list-group-list-location-contact-item-link-email {
color: #5F5F5F;
font-size: 18px;
font-size: 1.125rem;
font-weight: normal; }
.locator__app-list-group-list-location-address {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column; }
.site-main .locator__app-list-group-list-location-address[href*="//"]:not([href*="localhost:8889"]):not([href*="hiusa.azurewebsites.net"]):not([href*="hiusa.org"]):not([href*="hiusa.box.com"]):not([href*="hiusa.app.box.com"]):not([href*="cdn-hiusa-corporatewebsite-001.azureedge.net"]), .site-main .locator__app-list-group-list-location-address[href*="bookings.hiusa.org"], .site-main .locator__app-list-group-list-location-address[href*="docs.google.com"] {
-ms-flex-align: start;
align-items: flex-start; }
.site-main .locator__app-list-group-list-location-address[href*="//"]:not([href*="localhost:8889"]):not([href*="hiusa.azurewebsites.net"]):not([href*="hiusa.org"]):not([href*="hiusa.box.com"]):not([href*="hiusa.app.box.com"]):not([href*="cdn-hiusa-corporatewebsite-001.azureedge.net"]):after, .site-main .locator__app-list-group-list-location-address[href*="bookings.hiusa.org"]:after, .site-main .locator__app-list-group-list-location-address[href*="docs.google.com"]:after {
display: none; }
.locator__app-list-group-list-location-contact {
margin: 10px 0 15px;
padding: 0; }
.locator__app-list-group-list-location-contact-item:before {
display: none; }
.locator__app-list-group-list-location-contact-item-link {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
text-decoration: none; }
.locator__app-list-group-list-location-contact-item-link:hover .locator__app-list-group-list-location-contact-item-link-phone,
.locator__app-list-group-list-location-contact-item-link:hover .locator__app-list-group-list-location-contact-item-link-email {
color: #BC4800; }
.locator__app-list-group-list-location-contact-item-link-email {
word-break: break-all; }
.locator__app-list-group-list-location-contact-item-link-icon {
width: 1px;
height: 1px;
min-width: 20px;
min-height: 20px;
margin-right: 10px; } .locator__app-list-group-list-location-amenities {
display: -ms-flexbox;
display: flex;
padding: 0;
margin: 0 0 15px; }
.locator__app-list-group-list-location-amenities-item {
width: 30px;
height: 30px;
margin-right: 20px;
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center; }
.locator__app-list-group-list-location-amenities-item:before {
display: none; }
.locator__app-list-group-list-location-amenities-item:last-of-type {
margin-right: 0; }
.locator__app-list-group-list-location-amenities-item:hover .locator__app-list-group-list-location-amenities-item-text,
.locator__app-list-group-list-location-amenities-item:focus + .locator__app-list-group-list-location-amenities-item-text .locator__app-list-group-list-location-amenities-item-text {
width: auto;
height: auto;
margin: auto;
padding: 5px 10px;
overflow: visible;
clip: initial;
border: 0;
background-color: #2E2E2E;
color: #FFFFFF;
bottom: 125%;
border-radius: 5px;
white-space: pre;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center; }
.locator__app-list-group-list-location-amenities-item:hover .locator__app-list-group-list-location-amenities-item-text:after,
.locator__app-list-group-list-location-amenities-item:focus + .locator__app-list-group-list-location-amenities-item-text .locator__app-list-group-list-location-amenities-item-text:after {
position: absolute;
content: "";
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 8px solid #2E2E2E;
top: 100%;
margin: auto; }
.locator__app-list-group-list-location-amenities-item-text {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0; }
.locator__app-list-group-list-location-amenities-item-icon {
-webkit-appearance: none;
background-color: transparent;
border: 0; }
.locator__app-list-group-list-location-amenities-item-icon svg {
width: 1px;
height: 1px;
min-width: 30px;
min-height: 30px;
display: block; }
.locator__app-list-group-list-location-buttons {
margin-top: auto;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: start;
align-items: flex-start; }
.locator__app-list-group-list-location-buttons .primary-button {
margin-right: 15px;
margin-bottom: 15px; } .hostel-locator {
padding: 30px 0;
max-width: 1150px; }
.hostel-locator .locator {
margin: auto; }
@media (min-width: 768px) { .locator__header-heading {
margin: 30px; } .locator__app-map-details {
top: 30px;
left: 30px;
bottom: auto;
right: auto;
min-width: 340px; } .locator__app-list-group-list-subgroup-list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; } .locator__app-list-group-list-location {
width: calc(33.333% - 15px);
margin: 0;
margin-right: 15px; }
.locator__app-list-group-list-location:nth-child(3n - 2) {
margin-right: 15px; } }
@media (min-width: 992px) { .locator__app-list-group-list-location-buttons {
-ms-flex-direction: row;
flex-direction: row; }
.locator__app-list-group-list-location-buttons .primary-button {
margin-right: 15px; }
.locator__app-list-group-list-location-buttons .secondary-button {
margin-bottom: 15px; } }
.sub-navigation {
max-width: none;
padding: 15px 0; }
.static-video {
text-align: center; }
.static-video .video-thumbnail-wrapper {
display: inline-block;
position: relative;
background: none;
border: none;
padding: 0px; }
.static-video .video-thumbnail-wrapper:focus {
outline: #FF5000 dotted 2px;
outline-offset: 2px; }
.static-video svg {
position: absolute;
width: 60px;
height: 60px;
top: calc(50% - 30px);
left: calc(50% - 30px); }
.hostel-details__header {
margin-bottom: 15px;
margin-top: 0; }
.hostel-details__independent {
font-weight: bold;
margin-top: 0; }
.hostel-details__alert {
padding: 30px;
margin: 30px 0;
background-color: #E8E8E8; }
.hostel-details__alert-headline {
margin: 0; }
.hostel-details__alert-content {
margin-top: 15px;
padding-left: 30px; }
.hostel-details__alert-content p {
margin: 0; }
.hostel-details__alert-content a {
color: #2E2E2E; }
.hostel-details__alert-content a:hover {
color: #FF5000; }
.hostel-details__address,
.hostel-details__contact-phone,
.hostel-details__contact-email {
display: -ms-flexbox;
display: flex; }
.hostel-details__address svg,
.hostel-details__contact-phone svg,
.hostel-details__contact-email svg {
min-width: 20px;
min-height: 20px;
width: 1px;
height: 1px;
margin-right: 5px; }
.hostel-details__address {
margin-bottom: 5px;
text-decoration: none; }
.hostel-details__address svg {
margin-top: .2em;
-ms-flex-item-align: start;
align-self: flex-start; }
.hostel-details__address[href*="//"]:not([href*="localhost:8889"]):not([href*="hiusa.azurewebsites.net"]):not([href*="hiusa.org"]):not([href*="hiusa.box.com"]):not([href*="hiusa.app.box.com"]):not([href*="cdn-hiusa-corporatewebsite-001.azureedge.net"]):after, .hostel-details__address[href*="bookings.hiusa.org"]:after, .hostel-details__address[href*="docs.google.com"]:after {
display: none; }
.hostel-details__address-text {
margin: 0;
color: #5F5F5F;
font-weight: normal; }
.hostel-details__contact-phone,
.hostel-details__contact-email {
text-decoration: none; }
.hostel-details__contact-phone svg,
.hostel-details__contact-email svg {
margin-top: .2em; }
.hostel-details__contact-phone {
margin-bottom: 15px; }
.hostel-details__contact-phone-text {
margin: 0;
color: #5F5F5F;
font-weight: normal; }
.hostel-details__contact-email-text {
margin: 0;
color: #5F5F5F;
font-weight: normal;
word-break: break-all; }
@media (min-width: 768px) {
.hostel-details__header {
margin-bottom: 5px; }
.hostel-details__contact {
display: -ms-flexbox;
display: flex; }
.hostel-details__contact-phone {
margin-right: 30px;
margin-bottom: 0; } }
.hostel-booking__form {
display: -ms-flexbox;
display: flex;
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.hostel-booking__form-legend {
width: 100%; }
.hostel-booking__form-label {
width: 100%;
margin-right: 0;
margin-top: 15px;
position: relative; }
.hostel-booking__form .hostel-booking__form-label-input {
border-top: 0;
border-left: 0;
border-right: 0;
background-color: transparent; }
.hostel-booking__form-label--guest .hostel-booking__form-label-text {
position: relative; }
.hostel-booking__form-label--guest .hostel-booking__form-label-text:before {
content: "";
position: absolute;
width: 14px;
height: 20px;
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 83.491 120'%3E%3Cg id='Group_3949' data-name='Group 3949'%3E%3Cpath id='Path_5443' data-name='Path 5443' d='M16.73,25.174a25.133,25.133,0,1,0,0-.082Z'/%3E%3Cpath id='Path_5444' data-name='Path 5444' d='M41.745,55.084A41.809,41.809,0,0,0,0,96.829v13.35a93.631,93.631,0,0,0,83.491,0V96.847A41.81,41.81,0,0,0,41.745,55.084Z'/%3E%3C/g%3E%3C/svg%3E");
top: 22px;
background-repeat: no-repeat;
top: 22px;
right: calc(100% - 14px); }
.hostel-booking__form-label--guest .hostel-booking__form-label-input {
padding-left: 30px; }
.hostel-booking__form-label--date .hostel-booking__form-label-text {
position: relative; }
.hostel-booking__form-label--date .hostel-booking__form-label-text:before {
content: "";
position: absolute;
width: 18px;
height: 20px;
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 104.998 120'%3E%3Cpath id='Icon_awesome-calendar' data-name='Icon awesome-calendar' d='M2.814,45h99.369A2.82,2.82,0,0,1,105,47.815v60.933A11.252,11.252,0,0,1,93.746,120H11.252A11.252,11.252,0,0,1,0,108.748V47.809A2.82,2.82,0,0,1,2.814,45ZM105,34.685V26.248A11.252,11.252,0,0,0,93.746,15H82.5V2.814A2.819,2.819,0,0,0,79.686,0H70.313A2.82,2.82,0,0,0,67.5,2.814V15H37.47V2.814A2.82,2.82,0,0,0,34.685,0H25.318A2.821,2.821,0,0,0,22.5,2.814V15H11.252A11.252,11.252,0,0,0,0,26.248v8.437A2.821,2.821,0,0,0,2.814,37.5h99.369A2.822,2.822,0,0,0,105,34.685Z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-repeat: no-repeat;
top: 22px;
right: calc(100% - 18px); }
.hostel-booking__form-label--date .hostel-booking__form-label-input {
padding-left: 30px; }
.hostel-booking__form-label--room .hostel-booking__form-label-text {
position: relative; }
.hostel-booking__form-label--room .hostel-booking__form-label-text:before {
content: "";
position: absolute;
width: 20px;
height: 20px;
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cpath d='M102.387,53.98V35.253a14.815,14.815,0,0,0-14.8-14.8H32.412a14.815,14.815,0,0,0-14.8,14.8V53.98A17.588,17.588,0,0,0,8.032,69.617v37.225a3.5,3.5,0,0,0,7,0V88.362h89.936v18.48a3.5,3.5,0,0,0,7,0V69.617A17.588,17.588,0,0,0,102.387,53.98ZM24.613,35.253a7.807,7.807,0,0,1,7.8-7.8H87.588a7.807,7.807,0,0,1,7.8,7.8V52.085c-.334-.019-.664-.051-1-.051h-7a11.032,11.032,0,0,0,.761-4.013V45.38A11.121,11.121,0,0,0,77.042,34.271H42.48A11.121,11.121,0,0,0,31.371,45.38v2.641a11.033,11.033,0,0,0,.762,4.013H25.615c-.338,0-.668.032-1,.051ZM38.371,48.021V45.38a4.114,4.114,0,0,1,4.109-4.109H77.042a4.113,4.113,0,0,1,4.109,4.109v2.641a4.113,4.113,0,0,1-3.24,4.013h-36.3A4.113,4.113,0,0,1,38.371,48.021ZM98.887,78.036H18.715a2,2,0,0,1,0-4H98.887a2,2,0,0,1,0,4Z' fill='%232e2e2e'/%3E%3C/svg%3E");
background-repeat: no-repeat;
top: 22px;
right: calc(100% - 20px); }
.hostel-booking__form-label--room .hostel-booking__form-label-input {
padding-left: 30px; }
.hostel-booking__form-label--half {
width: calc(50% - 20px); }
.hostel-booking__form-label--half:nth-child(odd) {
margin-right: auto; }
.hostel-booking__form-label--half:nth-child(even) {
margin-left: auto; }
.hostel-booking__form-arrow {
width: 25px;
height: 25px;
min-width: 25px;
min-height: 25px;
position: absolute;
left: 102%;
top: 1.5em; }
.assd-error {
position: absolute;
top: 100%; }
.hostel-booking__form .hostel-booking__form-submit {
border: 0;
margin-top: 15px; }
.hostel-book-now {
padding: 30px;
text-align: center; }
.hostel-book-now__headline {
margin: 0;
margin-bottom: 15px; }
@media (min-width: 992px) {
.hostel-booking .hostel-booking__form .hostel-booking__form-label--checkin {
margin-right: 40px; }
.hostel-booking__form {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
.hostel-booking__form .hostel-booking__form-label--checkin {
margin-right: 40px; }
.hostel-booking__form-legend {
margin-right: 15px;
width: auto; }
.hostel-booking__form-label {
width: auto;
margin-right: 15px;
margin-top: 0; }
.hostel-booking__form-label--half {
width: auto; }
.hostel-booking__form-label--half:nth-child(odd) {
margin-right: 15px; }
.hostel-booking__form-label--half:nth-child(even) {
margin-left: 0; }
.hostel-booking__form-arrow {
left: 103%; }
.hostel-booking__form-label--guest {
width: 15%; }
.hostel-booking__form-submit {
margin-top: 0;
width: auto; } }
@media screen and (-ms-high-contrast: active) and (min-width: 992px), (-ms-high-contrast: none) and (min-width: 992px) {
.hostel-booking__form-label--half {
width: 20%; }
.hostel-booking__form-label--room {
width: 10%; } }
.hostel-description {
padding: 0 0 60px; }
.hostel-description__main {
padding: 20px 45px; }
.hostel-description__main-headline {
margin: 0; }
.hostel-description__sidebar {
position: relative; }
.hostel-description__sidebar:after {
position: absolute;
content: "";
bottom: 30px;
left: -30px;
right: 0;
top: 30px;
background-color: #E8E8E8;
z-index: 0; }
.hostel-description__sidebar-content {
position: relative;
width: calc(100% - 30px);
padding: 60px 30px;
text-align: right;
margin-left: auto;
box-sizing: border-box;
z-index: 1;
overflow: hidden; }
.hostel-description__sidebar-content:after {
content: '';
position: absolute;
width: 1100%;
height: 1100%;
bottom: -20px;
right: -420%;
background: #FFFFFF;
transform-origin: 54% 100%;
transform: rotate(60deg);
z-index: -1; }
.hostel-description__sidebar-content-copy {
margin-right: 30px; }
.hostel-description__sidebar-content-copy h4,
.hostel-description__sidebar-content-copy p {
margin: 0; }
.hostel-description__sidebar-content-copy h4 {
margin-top: 10px; }
.hostel-description__sidebar-content-copy h4:first-of-type {
margin-top: 0; }
.hostel-description__sidebar-content-headline {
margin: 0;
margin-bottom: 15px; }
@media (min-width: 992px) {
.hostel-description {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
padding: 30px; }
.hostel-description__main {
width: 60%;
padding: 0;
margin-right: 30px; }
.hostel-description__sidebar {
width: 40%; }
.hostel-description__sidebar:after {
left: 0px; } }
.hostel-amenities {
padding: 30px; }
.hostel-amenities__amenities-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start; }
.hostel-amenities__amenity {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
margin: 10px 10px 10px 0px;
width: calc(50% - 10px); }
.hostel-amenities__amenity svg {
height: 1px;
width: 1px;
min-width: 20px;
min-height: 20px;
display: block;
margin-top: 3px;
margin-right: 10px; }
.hostel-amenities__amenity p {
margin: 0; }
@media (min-width: 768px) {
.hostel-amenities__amenity {
width: calc(25% - 10px); } }
.hostel-basics {
padding: 30px; }
.hostel-room-type {
padding: 30px; }
.hostel-room-type__header {
margin: 0; }
.hostel-room-type__room {
margin-top: 30px; }
.hostel-room-type__room:first-of-type {
margin-top: 0; }
.hostel-room-type__room-header,
.hostel-room-type__group-header {
font-size: 18px;
font-size: 1.125rem;
font-family: noto-sans, sans-serif;
margin: 15px 0; }
.hostel-room-type__room-image-wrapper {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
background: none;
border: none;
padding: 0px;
cursor: pointer; }
.hostel-room-type__room-image-wrapper img {
width: 100%; }
.hostel-room-type__room-image-wrapper svg {
position: absolute;
width: 20px;
height: 20px;
display: block;
right: 5px;
bottom: 5px;
fill: #FFFFFF; }
.hostel-room-type__room-image-wrapper:focus {
outline: #FF5000 dotted 2px;
outline-offset: 2px; }
.hostel-room-type__room-options {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-bottom: 15px; }
.hostel-room-type__room-options svg {
width: 30px;
height: 30px;
display: block;
margin-right: 5px; }
.hostel-room-type__room-options-occupants {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
font-size: 15px;
font-size: 0.9375rem;
font-family: noto-sans, sans-serif;
font-weight: bold; }
.hostel-room-type__room-options-ensuite {
margin-left: 20px; }
@media (min-width: 768px) {
.hostel-room-type__header {
margin-bottom: 15px; }
.hostel-room-type__rooms {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.hostel-room-type__room {
width: calc(50% - 15px);
margin-top: 0;
margin-bottom: 30px; }
.hostel-room-type__room:nth-child(odd) {
margin-right: 15px; }
.hostel-room-type__room:nth-child(even) {
margin-left: 15px; }
.hostel-room-type__room-header {
margin: 0 0 15px; } }
@media (min-width: 992px) {
.hostel-room-type__room {
width: calc(33% - 18px); }
.hostel-room-type__room:nth-child(odd) {
margin-right: 0; }
.hostel-room-type__room:nth-child(even) {
margin-left: 0; }
.hostel-room-type__room:nth-child(3n + 2) {
margin: 0px 30px; } }
#hostel-room-type__image-modal {
display: -ms-flexbox;
display: flex;
display: none;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-align: center;
align-items: center;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1000; }
#hostel-room-type__image-modal .hostel-room-type__image-modal-background {
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: .8;
background: #2E2E2E; }
#hostel-room-type__image-modal .hostel-room-type__image-modal__image-wrapper {
max-width: 1060px;
padding: 30px;
position: relative; }
.hostel-group p {
max-width: 700px; }
.hostel-locator__nearby {
padding: 30px;
padding-top: 60px; }
.hostel-locator__nearby-headline {
margin: 0; }
.hostel-locator__nearby-locations-item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-top: 30px; }
.hostel-locator__nearby-locations-item-image {
width: calc(50% - 15px);
margin-right: 15px; }
.hostel-locator__nearby-locations-item-image img {
width: 100%; }
.hostel-locator__nearby-locations-item-copy {
width: calc(50% - 15px);
margin-left: 15px; }
.hostel-locator__nearby-locations-item-copy-name {
margin: 0;
font-size: 18px;
font-size: 1.125rem;
font-family: noto-sans, sans-serif; }
.hostel-locator__nearby-locations-item-copy-distance {
margin: 0;
font-size: 18px;
font-size: 1.125rem;
font-style: italic; }
@media (min-width: 768px) {
.hostel-locator__nearby {
padding: 30px;
padding-top: 30px; }
.hostel-locator__nearby-locations {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.hostel-locator__nearby-locations-item {
display: block;
margin-top: 30px;
width: calc(50% - 15px); }
.hostel-locator__nearby-locations-item:nth-child(odd) {
margin-right: 15px; }
.hostel-locator__nearby-locations-item:nth-child(even) {
margin-left: 15px; }
.hostel-locator__nearby-locations-item-image {
width: 100%;
margin-right: 0;
margin-bottom: 15px; }
.hostel-locator__nearby-locations-item-copy {
width: 100%;
margin-left: 0; } }
@media (min-width: 992px) {
.hostel-locator__nearby-locations-item {
width: calc(33% - 18px); }
.hostel-locator__nearby-locations-item:nth-child(odd) {
margin-right: 0; }
.hostel-locator__nearby-locations-item:nth-child(even) {
margin-left: 0; }
.hostel-locator__nearby-locations-item:nth-child(3n + 2) {
margin-left: 30px;
margin-right: 30px; } }
.hostel-awards {
padding: 0px;
padding-top: 30px;
max-width: 1150px; }
.hostel-awards__headline {
margin: 0;
padding: 0 30px; }
.hostel-awards__featured {
padding: 30px; }
.hostel-awards__featured-headline {
margin: 0;
margin-bottom: 15px; }
.hostel-awards__featured-image {
max-width: 250px;
margin-bottom: 30px; }
.hostel-awards__featured-copy {
max-width: 700px; }
.hostel-awards__featured-copy h4 {
margin: 0; }
.hostel-awards__featured-copy p {
margin: 15px 0; }
.hostel-awards__other {
padding: 30px; }
.hostel-awards__other-headline {
margin: 0;
margin-bottom: 15px; }
.hostel-awards__other-awards {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.hostel-awards__other-awards-item {
width: calc(50% - 15px);
margin-top: 30px; }
.hostel-awards__other-awards-item:first-of-type, .hostel-awards__other-awards-item:nth-child(2) {
margin-top: 0; }
.hostel-awards__other-awards-item:nth-child(odd) {
margin-right: 15px; }
.hostel-awards__other-awards-item:nth-child(even) {
margin-left: 15px; }
.hostel-awards__other-awards-item-image {
margin-bottom: 15px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #FFFFFF;
height: 115px; }
.hostel-awards__other-awards-item-image img {
width: auto;
max-width: 80%;
max-height: 80%; }
.hostel-awards__other-awards-item-headline {
margin: 0; }
.hostel-awards__other-awards-item-copy {
margin-top: 15px; }
.hostel-awards__other-awards-item-copy p {
margin: 0; }
.hostel-awards__additional {
padding: 30px; }
.hostel-awards__additional-headline {
margin: 0;
margin-bottom: 15px; }
@media (min-width: 992px) {
.hostel-awards__other-awards-item {
width: calc(25% - 23px);
margin-top: 0px;
text-align: center; }
.hostel-awards__other-awards-item:nth-child(odd) {
margin-right: 0; }
.hostel-awards__other-awards-item:nth-child(even) {
margin-left: 0; }
.hostel-awards__other-awards-item:nth-child(4n - 3) {
margin-right: 15px; }
.hostel-awards__other-awards-item:nth-child(4n - 2), .hostel-awards__other-awards-item:nth-child(4n - 1) {
margin: 0 15px; }
.hostel-awards__other-awards-item:nth-child(4n) {
margin-left: 15px; }
.hostel-awards__other-awards-item-image {
height: 150px; } } .hostel-search-list {
position: absolute;
top: calc(100% + 1px);
left: 0;
right: 0;
display: none;
background-color: #F8F8F8;
margin: 0;
padding: 0;
border-bottom: 1px solid #C4C4C4;
max-height: 50vh;
overflow-y: auto;
z-index: 1;
scroll-behavior: smooth; }
.hostel-search-list--expanded {
display: block; }
.hostel-search-list__group {
margin-bottom: 15px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column; }
.hostel-search-list__group:before {
display: none; }
.hostel-search-list__group-link {
font-size: 18px;
font-size: 1.125rem;
font-family: noto-sans, sans-serif;
color: #2E2E2E;
text-decoration: none;
padding: 5px 15px; }
.hostel-search-list__group-link:hover, .hostel-search-list__group-link--selected {
background-color: #FF5000;
color: #FFFFFF; }
.hostel-search-list__group-list {
padding: 0; }
.hostel-search-list__group-list-item {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column; }
.hostel-search-list__group-list-item:before {
display: none; }
.hostel-search-list__group-list-item .hostel-search-list__group-list-item-link:hover,
.hostel-search-list__group-list-item .hostel-search-list__group-link--selected {
background-color: #FF5000;
color: #FFFFFF; }
.hostel-search-list__group-list-item-link {
font-size: 15px;
font-size: 0.9375rem;
font-family: noto-sans, sans-serif;
color: #5F5F5F;
text-decoration: none;
padding: 5px 15px 5px 30px; }
.hostel-search-list-item--hide {
display: none; }
.navigation {
background-color: #FFFFFF; }
.navigation__list {
padding: 0;
margin: 0;
list-style: none; }
.navigation__list-item {
list-style: none;
padding: 1em 30px .9em;
margin: 0;
border-bottom: 4px solid #F8F8F8; }
.navigation__list-item:before {
display: none; }
.navigation__list-item-link {
text-decoration: none;
font-size: 19px;
font-size: 1.1875rem; }
.navigation__list-item-link--current {
color: #BC4800; }
@media (min-width: 768px) {
.navigation {
padding: 0 30px; }
.navigation__list {
max-width: 1086px;
margin: 0 auto;
padding: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: stretch;
align-content: stretch; }
.navigation__list-item {
padding: 1.2em 0 1.2em 0;
margin: 0 2em 0 0;
border-bottom: none; }
.navigation__list-link {
font-size: 18px;
font-size: 1.125rem; } }
.blog-listing__header {
padding: 0 30px; }
.blog-listing__header-heading {
max-width: 1086px;
margin: 0 auto;
padding: .5em 0; }
.blog-listing__header-heading-bigger {
font-size: 36px;
font-size: 2.25rem; }
@media (min-width: 768px) {
.blog-listing__header-heading-bigger {
font-size: inherit; }
.blog-listing__header-heading-br {
display: none; } }
.blog-listing__cards {
width: 100%;
margin: 0;
padding: 0; }
.blog-listing__card-image {
position: relative;
margin: 0 45px 0 30px;
z-index: 3; }
.blog-listing__card-content {
position: relative;
background-color: #FFFFFF;
margin: 0 15px -15px 45px;
top: -45px;
padding: 45px 30px 30px; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.blog-listing__card-image {
height: 272px; }
.blog-listing__post-image {
height: 272px; }
.blog-listing__post-category {
padding-top: 5px; } }
@media all and (-ms-high-contrast: none) and (min-width: 768px) and (max-width: 1023px), (-ms-high-contrast: active) and (min-width: 768px) and (max-width: 1023px) {
.blog-listing__card-image {
height: 388px; }
.blog-listing__post-image {
height: 388px; } }
@media all and (-ms-high-contrast: none) and (max-width: 767px), (-ms-high-contrast: active) and (max-width: 767px) {
.blog-listing__card-image {
width: 272px;
height: 272px; }
.blog-listing__post-image {
width: 272px;
height: 272px; } }
.blog-listing__card {
margin: 0;
padding: 0; }
.blog-listing__card:before {
display: none; }
@media (min-width: 768px) {
.blog-listing__cards {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 1146px;
margin: 0 auto;
padding-right: 15px;
box-sizing: border-box; }
.blog-listing__card {
width: 50%;
max-width: 50%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-line-pack: stretch;
align-content: stretch;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 0 15px;
box-sizing: border-box; }
.blog-listing__card-image {
margin: 0 15px; }
.blog-listing__card-content {
margin: 0 -15px -15px 45px;
-ms-flex: 1 1 auto;
flex: 1 1 auto; } }
@media (min-width: 1024px) {
.blog-listing__cards {
margin: 0 auto;
padding: 0; }
.blog-listing__card {
width: 33.3333333333%;
max-width: calc(33.3333333333% - 10px);
padding: 0 15px;
box-sizing: border-box; } }
.blog-listing__card--featured {
margin-top: 30px; }
.blog-listing__card--featured .blog-listing__card-image {
margin: 0;
z-index: 0; }
.blog-listing__card--featured .blog-listing__card-content {
position: relative;
padding: 30px;
background: #fff;
margin: 0 30px;
top: -30px;
z-index: 1; }
@media (min-width: 768px) {
.blog-listing__card--featured {
width: 100%;
margin: 30px 30px 120px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
padding: 0;
max-width: none; }
.blog-listing__card--featured .blog-listing__card-image {
margin: 0;
z-index: 0;
width: 55%;
max-width: 528px; }
.blog-listing__card--featured .blog-listing__card-content {
padding: 45px 60px;
background: #fff;
margin: 0 0 0 -30px;
top: 60px;
width: 45%;
-ms-flex: 0 1 auto;
flex: 0 1 auto; } }
.blog-listing__card--gap {
height: 30px;
width: 100%;
max-width: none; }
@media (max-width: 768px), (min-width: 1024px) {
.blog-listing__card--related:nth-child(n+4) {
display: none; } }
.blog-listing__post-image {
position: relative;
z-index: 1; }
.blog-listing__post-category {
font-size: 18px;
font-size: 1.125rem;
padding: 15px 0; }
.blog-listing__post-category-link {
text-decoration: none; }
.blog-listing__post-image-background {
position: absolute;
content: "";
background-color: #E8E8E8;
z-index: 0;
top: 30px;
bottom: 15px;
right: -15px;
left: 15px; }
.blog-listing__post-title {
margin: 0; }
.blog-listing__card--featured .blog-listing__post-title {
padding-bottom: 15px; }
.blog-listing__post-image {
position: relative;
width: 100%;
height: auto; }
.blog-listing__post-excerpt p {
margin: 0 0 1em 0; }
.blog-listing__post-link {
text-decoration: none;
font-family: futura-pt-bold, sans-serif;
font-weight: normal;
font-weight: bold; }
.blog-listing__post-link:hover svg path {
fill: #BC4800; }
.blog-listing__post-title .blog-listing__post-link {
font-size: 22px;
font-size: 1.375rem;
line-height: 1.2;
display: block; }
.blog-listing__post-link-arrow {
margin: 0 .15em;
position: relative;
transform: translateX(0);
transition: transform .2s ease; }
.blog-listing__post-link:hover .blog-listing__post-link-arrow {
transform: translateX(5px); }
.blog-listing__card--featured .blog-listing__post-title .blog-listing__post-link {
font-size: 30px;
font-size: 1.875rem;
font-family: futura-pt-bold, sans-serif;
font-weight: normal;
line-height: 1.2;
display: block;
font-weight: normal;
color: #2E2E2E; }
.site-main.site-main--post {
padding-bottom: 30px; }
.blog-post__article-header-hero {
max-width: 100%;
margin: 0 30px 0 0; }
.blog-post__article-header-content {
padding: 0;
position: relative;
background-color: #F8F8F8;
margin: -45px auto 0 30px; }
.blog-post__article-title {
font-size: 35px;
font-size: 2.1875rem;
padding: 0 30px;
margin: 0;
line-height: 1.25; }
.blog-post__article-category {
padding: 30px 30px 15px; }
.blog-post__article-category-link {
text-decoration: none;
font-family: futura-pt-bold, sans-serif;
font-weight: normal;
font-weight: bold; }
.blog-post__article-meta {
font-family: noto-sans, sans-serif;
vertical-align: middle;
padding: 30px;
color: #5F5F5F; }
.blog-post__article-meta-author {
text-transform: uppercase; }
.blog-post__article-meta-author-photo {
display: inline-block;
width: 42px;
height: 42px;
vertical-align: middle;
margin-right: .75em; }
.blog-post__article-meta-author-photo-image {
border-radius: 21px;
vertical-align: middle; }
.blog-post__article-meta-author-name {
display: inline;
font-style: normal; }
.blog-post__article-meta-separator {
font-size: 22px;
font-weight: bold;
position: relative;
top: 2px;
display: none; }
.blog-post__article-meta-separator:before, .blog-post__article-meta-separator:after {
content: "\00a0";
display: inline; }
.blog-post__article-meta-date {
text-transform: none;
display: block;
padding-top: 15px; }
.blog-post__article-content {
padding: 0 30px;
line-height: 1.5; }
@media (min-width: 768px) {
.blog-post__article {
padding: 0 30px 0;
max-width: 1086px;
margin: 0 auto; }
.blog-post__article-header {
padding-top: 20px; }
.blog-post__article-header-content {
padding: 30px;
position: relative;
background-color: #F8F8F8;
width: 621px;
margin: -60px auto 0; }
.blog-post__article-category {
padding: 0 0 10px; }
.blog-post__article-title {
padding: 0;
font-size: 45px;
font-size: 2.8125rem; }
.blog-post__article-meta {
padding: 30px 0 0; }
.blog-post__article-meta-separator,
.blog-post__article-meta-date {
display: inline; }
.blog-post__article-content {
padding: 0;
width: 621px;
max-width: 100%;
margin: 0 auto; } }
@media (min-width: 1008px) {
.blog-post__article-header-hero {
width: 778px;
max-width: 100%;
margin: 0 auto 0 0; } }
@media (min-width: 1024px) {
.blog-post__article-title {
min-width: 807px; } }
@media (min-width: 1230px) {
.blog-post__article-header-hero-image {
position: relative;
left: -52px; } }
.blog-post__article-tags {
padding: 15px 15px 15px;
margin: 0; }
.blog-post__article-tags-list {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-align: start;
align-items: flex-start; }
.blog-post__article-tags-list-item:before {
display: none; }
.blog-post__article-tags-list-item-link {
border-radius: 3px;
color: #2E2E2E;
background-color: #E8E8E8;
padding: 6px 15px;
display: block;
text-decoration: none;
margin: 0 15px 15px 0;
white-space: nowrap;
font-size: 15px;
font-size: 0.9375rem; }
.blog-post__article-tags-list-item-link:hover {
color: #E8E8E8;
background-color: #2E2E2E; }
@media (min-width: 768px) {
.blog-post__article-tags {
padding: 15px 30px 7px;
width: 651px;
margin: 0 auto; } }
.blog-post__article-author {
font-family: noto-sans, sans-serif;
margin: 30px;
padding: 36px 0 45px 0;
border-top: 1px solid #707070;
border-bottom: 1px solid #707070;
text-align: center; }
.blog-post__article-author p {
margin: 0 0 15px 0; }
.blog-post__article-author-photo {
display: block;
width: 236px;
height: 236px;
margin: 0 auto; }
.blog-post__article-author-photo-image {
display: block;
border-radius: 118px; }
.blog-post__article-author-name {
font-style: normal;
text-transform: uppercase;
display: block;
padding: 30px 0 15px;
color: #5F5F5F; }
.blog-post__article-author-bio {
font-style: normal;
margin: 0 -5px; }
.blog-post__article-author-contact {
margin-bottom: 15px; }
.blog-post__article-author-contact-link {
font-style: normal; }
@media (min-width: 414px) {
.blog-post__article-author-bio {
margin: 0 auto;
max-width: 342px; } }
@media (min-width: 1024px) {
.blog-post__article-author {
margin: 30px 0; } }
.wp-block-gallery {
font-family: noto-sans, sans-serif;
background-color: #FFFFFF;
margin: 0 -30px;
padding: 30px; }
.blocks-gallery-item:before {
display: none; }
.blocks-gallery-caption {
display: block; }
@media (min-width: 1024px) {
.blocks-gallery-caption,
.blocks-gallery-grid {
width: 621px;
margin: 0 auto; }
.wp-block-gallery {
margin: 0 -60px;
padding: 30px; }
.wp-block-gallery blockquote {
max-width: 621px;
margin: 0 auto;
padding: 0; } }
@media (min-width: 1280px) {
.wp-block-gallery {
margin: 0 -120px; } }
.wp-block-quote {
background-color: #FFFFFF;
padding: 106px 30px 30px;
margin: 0;
position: relative; }
.wp-block-quote:before, .wp-block-quote:after {
content: "";
display: block;
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20height%3D%2239.702%22%20viewBox%3D%220%200%2028.938%2039.702%22%20width%3D%2228.938%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m1363.7%20272.721a14.409%2014.409%200%200%200%202.948-28.515c.955-1.209%203.008-3.586%204.48-5.274a2.324%202.324%200%200%200%20-.385-3.406l-2.825-2.058a2.324%202.324%200%200%200%20-3.1.324c-4.095%204.542-15.643%2017.937-15.643%2024.52a14.53%2014.53%200%200%200%2014.523%2014.412z%22%20fill%3D%22%23e8e8e8%22%20transform%3D%22translate%28-1349.174%20-233.02%29%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
width: 32px;
height: 40px;
position: absolute;
left: 30px;
top: 33px; }
.wp-block-quote:after {
left: 64px; }
.wp-block-quote p {
font-family: futura-pt-bold, sans-serif;
font-weight: normal;
font-size: 25px;
font-size: 1.5625rem;
font-weight: normal;
line-height: 1.12;
margin: 0 0 .75em; }
.wp-block-quote p:only-child {
margin: 0; }
.wp-block-quote cite {
display: block;
color: #5F5F5F;
font-size: 14px;
font-size: 0.875rem; }
@media (min-width: 1186px) {
.wp-block-quote {
padding: 30px 64px 30px 120px;
margin: 0 0 0 -120px; } }
.wp-block-pullquote,
.wp-block-pullquote:not(.is-style-solid-color) {
background-color: #FFFFFF;
margin: 0 -30px; }
.wp-block-pullquote blockquote,
.wp-block-pullquote:not(.is-style-solid-color) blockquote {
margin: 0 30px;
padding: 0;
border-top: 4px solid #E8E8E8;
border-bottom: 4px solid #E8E8E8; }
.wp-block-pullquote blockquote p,
.wp-block-pullquote:not(.is-style-solid-color) blockquote p {
font-family: futura-pt-bold, sans-serif;
font-weight: normal;
font-size: 25px;
font-size: 1.5625rem;
font-weight: normal;
line-height: 1.12;
margin: 30px 0; }
.wp-block-pullquote blockquote cite,
.wp-block-pullquote:not(.is-style-solid-color) blockquote cite {
display: block;
color: #5F5F5F;
font-size: 14px;
font-size: 0.875rem; }
@media (min-width: 1024px) {
.wp-block-pullquote,
.wp-block-pullquote:not(.is-style-solid-color) {
margin: 0 -60px;
padding: 30px 0; }
.wp-block-pullquote blockquote,
.wp-block-pullquote:not(.is-style-solid-color) blockquote {
max-width: 621px;
margin: 0 auto;
padding: 0; } }
@media (min-width: 1280px) {
.wp-block-pullquote,
.wp-block-pullquote:not(.is-style-solid-color) {
margin: 0 -120px; } }
.wp-block-media-text .wp-block-media-text__content {
padding: 0;
margin: 0;
position: relative;
-ms-flex-item-align: end;
align-self: flex-end; }
.wp-block-media-text .wp-block-media-text__content:before {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 54px 0 0 27px;
border-color: transparent transparent transparent #E8E8E8;
z-index: 1; }
.wp-block-media-text .wp-block-media-text__content:after {
content: "";
display: block;
max-width: 75%;
width: 156px;
border-bottom: solid 6px #E8E8E8; }
.wp-block-media-text .wp-block-quote {
margin: 0;
padding: 25px 0 15px 16px;
max-width: 266px;
position: relative;
z-index: 0;
background: none; }
.wp-block-media-text .wp-block-quote:before, .wp-block-media-text .wp-block-quote:after {
display: none; }
.wp-block-media-text .wp-block-quote p {
font-family: noto-sans, sans-serif;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.3; }
.wp-block-media-text .wp-block-quote cite {
font-family: noto-sans, sans-serif;
font-size: 15px;
font-size: 0.9375rem;
display: block;
padding-left: 15px; }
.related-stories {
padding: 0;
max-width: 100%;
margin: 0; }
.related-stories__title {
padding: 30px;
margin: 0; }
@media (min-width: 768px) {
.related-stories__title {
max-width: 1086px;
margin: 0 auto;
min-width: 807px; } }
.pagination {
padding: 15px; }
.pagination-list {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
padding: 0; }
.pagination-list-item {
margin: 15px; }
.pagination-list-item:before {
display: none; }
.pagination-list-item-link {
text-decoration: none; }
.pagination-list-item-link--current {
display: inline-block;
width: 53px;
height: 33px;
padding: 13px 0 7px;
color: #FFFFFF;
background-color: #FF5000;
border-radius: 27px;
text-align: center;
font-weight: bold; }
.blog-listing-pagination__page-of-pages {
font-weight: bold;
font-size: 15px;
font-size: 0.9375rem;
font-family: noto-sans, sans-serif;
text-align: center; }
.pagination-list-item--previous,
.pagination-list-item--next {
padding-top: 6px; }
.pagination-list-item--previous a:hover svg path,
.pagination-list-item--next a:hover svg path {
fill: #BC4800; }
.site-main--search .pagination {
padding: 30px 0; }
.site-main--search .pagination-list {
-ms-flex-pack: start;
justify-content: flex-start; }
.site-main--search .blog-listing-pagination__page-of-pages {
text-align: left; }
.search-results {
padding: 0 30px; }
@media (min-width: 1024px) {
.search-results {
max-width: 787px;
padding: 0 50px 0 0;
margin: 0 auto; } }
.search-results__heading {
margin: 60px 0 40px;
padding: 0;
font-size: 32px;
font-size: 2rem; }
@media (min-width: 1024px) {
.search-results__heading {
font-size: 34px;
font-size: 2.125rem; } }
.search-results__list {
margin: 0;
padding: 0; }
.search-results__list-item {
margin: 0;
padding: 0 0 15px 0;
border-bottom: solid 1px #707070; }
.search-results__list-item:before {
display: none; }
.search-results__list-item + .search-results__list-item {
margin-top: 25px; }
.search-results__list-item-link {
text-decoration: none;
display: block; }
.search-results__list-item-link:focus {
outline: #FF5000 dotted 2px;
outline-offset: 2px; }
.search-results__list-item-link:after {
display: none; }
.search-results__list-item-heading {
font-size: 24px;
font-size: 1.5rem;
text-decoration: none;
color: #2E2E2E;
padding: 0;
margin: 0 0 15px 0; }
.search-results__list-item-link-excerpt {
font-weight: normal;
text-decoration: none;
color: #2E2E2E; }
.search-results__list-item-link-url {
text-decoration: underline;
word-break: break-word;
max-width: 100%; }