@media only screen and (min-width: 768px) { }  @media only screen and (max-width: 767px) { }:root {
--red-primary: #af031a;
--red-primary-RGB: 175, 3, 26;
--orange-primary: #ffab29;
--orange-primary-RGB: 255, 171, 41;
--height-header: 118px;
--size-logo:150px;
--size-logo-mobile:100px;
}  #top .inner-container {
position: relative; 
}
#top #header_main{
border-bottom:solid 2px var(--orange-primary); 
}
#top .logo {
position: absolute; 
top: 100%;
transform: translateY(-50%);
width: var(--size-logo);
height: var(--size-logo);
background-color: white;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
border: solid 1px var(--red-primary);
}
#top .logo img,
#top .logo a {
height: auto;
}
#top .logo img,
#top .logo a{
max-height: var(--size-logo) !important;
}
@media screen and (max-width: 767px){
#top .logo img,
#top .logo a{
max-height: var(--size-logo-mobile) !important;
}
#top #header_main {
padding: 10px auto !important;
}
.responsive #top .logo {
position: inherit; 
transform: inherit;
width: inherit;
height: inherit;
background-color: inherit;
border-radius: inherit;
display: inherit;
justify-content: inherit;
align-items: inherit;
box-shadow: inherit;
border: inherit;
}.responsive #top .logo img {
padding:5px;
}
}  #top .nf-field-description{
z-index:100;
} .checkbox-container.label-right .checkbox-wrap{
flex-direction:column;
}
#top #ninja_forms_required_items,
.nf-field-container {
margin-bottom: 0px !important;
}
#top .nf-field-element input[type="text"],
#top .nf-field-element input[type="email"],
#top .nf-field-element input[type="tel"]
{
margin-bottom: 0 !important;
}
input[type="button"] {
cursor: pointer;
}   .full-height-grid{
height:calc(100vh - var(--height-header));
} @media screen and (max-width: 1200px){
#top .full-height-grid .left-cl-slider{
padding:40px;
}
} #top .avia-slideshow-1 .avia-slideshow-inner,
#top .avia-slideshow-1 .avia-slideshow-inner li,
#top .avia-slideshow-1 .avia-slideshow-inner li .avia-slide-wrap{
height: calc(100vh - var(--height-header)) !important; 
}
#top .avia-slideshow-1 .avia-slideshow-inner .avia-slide-wrap img {
object-fit: cover !important; 
min-height: 100%;
width: auto;
}  .avia-slideshow-1  .avia-caption .avia-caption-title{
background: rgba(var(--red-primary-RGB),0.5);
border-radius:18px;
letter-spacing: .05em;
font-weight:800;
font-size:30px;
} .avia-slideshow-1 .avia-caption-content p{
background: rgba(var(--red-primary-RGB),0.5);
border-radius:18px;
margin-top:20px;
letter-spacing: .01em;
} .avia-slideshow-1 .avia-caption{
right: 17px;
bottom: 117px;
text-align: center;
} #top .hotel-card {
position: relative;
}
#top .hotel-card .header-img {
z-index: 1;
margin-bottom:0;
}
#top .hotel-card .header-img::after{
content:'';
position: absolute;
top:100%;
left:0;
width:100%;
height: calc((var(--size-logo) / 2) + 20px);
background-color: var(--orange-primary);
}
#top .hotel-card .over-img {
z-index: 2;
height: var(--size-logo);
width: var(--size-logo);
margin-top:  calc((var(--size-logo) / 2)*-1);
}
#top .hotel-card .over-img .avia-image-overlay-wrap{
display:flex;
justify-content:center;
align-items:center;
height: var(--size-logo);
width: var(--size-logo);
padding: 5px;
border-radius:50%;
background-color: white;
overflow:hidden;
}  #footer.footer_color{
background-size:contain;
}
#footer .footer-ressources p{
display:flex;
justify-content: left;
align-items:center;
}
#top #footer .container {
display: flex;
flex-wrap:wrap;
max-width:100%;
}
#top #footer .container .flex_column{
flex-grow:1;
min-width: 270px;
}
#footer .first{
display:flex;
justify-content:center;
align-items:center;
margin-top:20px;
}
#footer .first .widget_media_image{
display:flex;
justify-content:center;
align-items:center;
height: var(--size-logo);
width: var(--size-logo);
padding: 5px;
border-radius:50%;
background-color: white;
overflow:hidden;
}
#footer .widget {
margin: 0 0 30px 0;
}
#footer .widgettitle {
font-size: 1.5em;
margin-top:0;
margin-bottom:20px;
border-bottom-style: solid;
border-bottom-width: 2px;
border-color: var(--red-primary);
}
#socket .copyright{ width : 100%; }
@media screen and (max-width: 767px){
#footer p{
margin: 0;
}
#footer .widget {
margin: 0px;
}
}
.onh-list-item {
display: none!important;
}.avia_wpml_language_switch{
position: relative;
padding: 0px 0 0 10px;
height: 30px;
line-height: 36px;
margin: 0 0 0 0;
z-index: 151;
-webkit-backface-visibility: hidden;
top:-2px;
right:0;
overflow: hidden;
}
.sub_menu ul{
float:left;
}
#top ul.avia_wpml_language_switch  li{
float:left;
margin: 0px 0px 0px 5px;
padding:0;
border:none;
}
.avia_wpml_language_switch li:hover{
opacity: 0.8;
}
.avia_wpml_language_switch li span{
display:none;
}
.avia_wpml_language_switch li .language_flag{
display:block;
}
.avia_wpml_language_switch li .language_flag img{
display:inline-block;
border:1px solid rgba(255,255,255,0.2);
}
#icl_lang_sel_widget{
overflow:visible;
z-index:20;
}
.html_header_sidebar #top .avia_wpml_language_switch{
border-bottom-style:solid;
border-bottom-width:1px;
padding:0px 10px;
}.flex_cell.av-lrhpeg7h-a3c2589e32529897612bbc0d3294edec{
vertical-align:top;
background:url(https://www.hostelvista.ch/wp/wp-content/uploads/2024/01/SapinsBWT.svg) 50% 100% no-repeat scroll #ffab29;
}
.responsive #top #wrap_all .flex_cell.av-lrhpeg7h-a3c2589e32529897612bbc0d3294edec{
padding:0px 0px 0px 0px !important;
}
.flex_column.av-3aefr-23f10ae7ffb6bee32cfc007240e86db8{
padding:30px 30px 30px 30px;
}
#top .av-special-heading.av-lrhpgu6l-578f8cc4081d51648d4027eb9f6ebad0{
padding-bottom:10px;
color:#ffffff;
}
body .av-special-heading.av-lrhpgu6l-578f8cc4081d51648d4027eb9f6ebad0 .av-special-heading-tag .heading-char{
font-size:25px;
}
#top #wrap_all .av-special-heading.av-lrhpgu6l-578f8cc4081d51648d4027eb9f6ebad0 .av-special-heading-tag{
padding:80px 0 0 0;
}
.av-special-heading.av-lrhpgu6l-578f8cc4081d51648d4027eb9f6ebad0 .special-heading-inner-border{
border-color:#ffffff;
}
.av-special-heading.av-lrhpgu6l-578f8cc4081d51648d4027eb9f6ebad0 .av-subheading{
font-size:15px;
}
#top .av_textblock_section.av-1fsr3-e4222c2df26eea80c6de109360cb08c4 .avia_textblock{
color:#ffffff;
}
#top #wrap_all .avia-button.av-lrjc3tc6-c62adf4c8e9488943a793ddf9c54ceaf{
background-color:#af031a;
border-color:#af031a;
color:#ffffff;
border-radius:18px 18px 18px 18px;
transition:all 0.4s ease-in-out;
}
#top #wrap_all .avia-button.av-lrjc3tc6-c62adf4c8e9488943a793ddf9c54ceaf:hover{
background-color:white;
color:#af031a;
transition:all 0.4s ease-in-out;
}
#top #wrap_all.avia-button.av-lrjc3tc6-c62adf4c8e9488943a793ddf9c54ceaf:hover .avia_button_background{
border-radius:18px 18px 18px 18px;
}
.flex_cell.av-2jr3n-ca41dabe553c8796920be04432fe2eed{
vertical-align:top;
}
.responsive #top #wrap_all .flex_cell.av-2jr3n-ca41dabe553c8796920be04432fe2eed{
padding:0px 0px 0px 0px !important;
}
#top .flex_column.av-lrj1vsld-70afae73f055a7090ce431dc5660e83d{
margin-top:0px;
margin-bottom:0px;
}
.flex_column.av-lrj1vsld-70afae73f055a7090ce431dc5660e83d{
padding:0 0 0 0;
}
.responsive #top #wrap_all .flex_column.av-lrj1vsld-70afae73f055a7090ce431dc5660e83d{
margin-top:0px;
margin-bottom:0px;
}
.avia-section.av-lrkg0f46-0fcac340668e3fcea14c697c6d25ae0f{
background-color:rgba(0,0,0,0);
background-image:unset;
margin-top:-100px;
margin-bottom:0px;
position:relative;
}
.avia-section.av-lrkg0f46-0fcac340668e3fcea14c697c6d25ae0f .avia-divider-svg-top svg{
height:100px;
width:calc(100% + 1.3px);
fill:#ffffff;
}
.avia-section.av-lrkpnyzj-3b3f542afcbb590784d931f65c5d00de{
background-color:rgba(0,0,0,0);
background-image:unset;
z-index:100;
position:relative;
}
.av-curtain-footer.av-curtain-activated #main .avia-section.av-lrkpnyzj-3b3f542afcbb590784d931f65c5d00de{
z-index:100;
}
#top .av-special-heading.av-lrkpsmr3-134c2273982b18aead1aa9e362939daf{
padding-bottom:10px;
color:#ffab29;
}
body .av-special-heading.av-lrkpsmr3-134c2273982b18aead1aa9e362939daf .av-special-heading-tag .heading-char{
font-size:25px;
}
.av-special-heading.av-lrkpsmr3-134c2273982b18aead1aa9e362939daf .special-heading-inner-border{
border-color:#ffab29;
}
.av-special-heading.av-lrkpsmr3-134c2273982b18aead1aa9e362939daf .av-subheading{
font-size:15px;
}
#top #wrap_all .avia-button.av-lrkpjn72-bd5d5388881aab10a13ece084189d19d{
background-color:#ffab29;
border-color:#ffab29;
color:#ffffff;
border-radius:18px 18px 18px 18px;
transition:all 0.4s ease-in-out;
}
#top #wrap_all .avia-button.av-lrkpjn72-bd5d5388881aab10a13ece084189d19d:hover{
background-color:white;
color:#ffab29;
transition:all 0.4s ease-in-out;
}
#top #wrap_all.avia-button.av-lrkpjn72-bd5d5388881aab10a13ece084189d19d:hover .avia_button_background{
border-radius:18px 18px 18px 18px;
}
#top .av-special-heading.av-lrj4cefs-1b311395a651a63f503711b32c7dedf1{
padding-bottom:10px;
color:#ffab29;
}
body .av-special-heading.av-lrj4cefs-1b311395a651a63f503711b32c7dedf1 .av-special-heading-tag .heading-char{
font-size:25px;
}
.av-special-heading.av-lrj4cefs-1b311395a651a63f503711b32c7dedf1 .special-heading-inner-border{
border-color:#ffab29;
}
.av-special-heading.av-lrj4cefs-1b311395a651a63f503711b32c7dedf1 .av-subheading{
font-size:15px;
}
.avia-image-container.av-lrj9jrnb-dde4bc9ee707cdeb3dcc7127be0a6144 img.avia_image{
box-shadow:none;
}
.avia-image-container.av-lrj9jrnb-dde4bc9ee707cdeb3dcc7127be0a6144 .av-image-caption-overlay-center{
color:#ffffff;
}
.avia-image-container.av-lrj9km4e-4f8ef92e055ae455dacd5ecf3d23926e img.avia_image{
box-shadow:none;
}
.avia-image-container.av-lrj9km4e-4f8ef92e055ae455dacd5ecf3d23926e .av-image-caption-overlay-center{
color:#ffffff;
}
#top .av-special-heading.av-lrj9m3lx-5f27bbae9b8fdba3c19ff6b53a483ebd{
padding-bottom:10px;
}
body .av-special-heading.av-lrj9m3lx-5f27bbae9b8fdba3c19ff6b53a483ebd .av-special-heading-tag .heading-char{
font-size:25px;
}
.av-special-heading.av-lrj9m3lx-5f27bbae9b8fdba3c19ff6b53a483ebd .av-subheading{
font-size:15px;
}
#top #wrap_all .avia-button.av-331r-bd31e5e6228454b4d5812d076d95a74d{
color:#ffab29;
border-style:solid;
border-width:2px 2px 2px 2px;
border-color:#6d6d6d;
border-radius:18px 18px 18px 18px;
transition:all 0.4s ease-in-out;
}
#top #wrap_all .avia-button.av-331r-bd31e5e6228454b4d5812d076d95a74d:hover{
background-color:#ffab29;
color:white;
transition:all 0.4s ease-in-out;
}
#top #wrap_all.avia-button.av-331r-bd31e5e6228454b4d5812d076d95a74d:hover .avia_button_background{
border-radius:18px 18px 18px 18px;
}
.avia-image-container.av-lrj9hfjc-5ec8334ade94c811d4f7fec18873f36f img.avia_image{
box-shadow:none;
}
.avia-image-container.av-lrj9hfjc-5ec8334ade94c811d4f7fec18873f36f .av-image-caption-overlay-center{
color:#ffffff;
}
.avia-image-container.av-lrj9iuqf-d9597b999cdc5dab976296ad653c0f6e img.avia_image{
box-shadow:none;
}
.avia-image-container.av-lrj9iuqf-d9597b999cdc5dab976296ad653c0f6e .av-image-caption-overlay-center{
color:#ffffff;
}
#top .av-special-heading.av-lrj9icjd-c41e5946b8bb45c1a7c326bac94517ce{
padding-bottom:10px;
}
body .av-special-heading.av-lrj9icjd-c41e5946b8bb45c1a7c326bac94517ce .av-special-heading-tag .heading-char{
font-size:25px;
}
.av-special-heading.av-lrj9icjd-c41e5946b8bb45c1a7c326bac94517ce .av-subheading{
font-size:15px;
}
#top #wrap_all .avia-button.av-24ni7-a036b72958a3e21e058553b4d873735b{
color:#ffab29;
border-style:solid;
border-width:2px 2px 2px 2px;
border-color:#6d6d6d;
border-radius:18px 18px 18px 18px;
transition:all 0.4s ease-in-out;
}
#top #wrap_all .avia-button.av-24ni7-a036b72958a3e21e058553b4d873735b:hover{
background-color:#ffab29;
color:white;
transition:all 0.4s ease-in-out;
}
#top #wrap_all.avia-button.av-24ni7-a036b72958a3e21e058553b4d873735b:hover .avia_button_background{
border-radius:18px 18px 18px 18px;
}
.avia-image-container.av-lrj43lll-5b08a3cc6b21c7f26217b60bedec2dec img.avia_image{
box-shadow:none;
}
.avia-image-container.av-lrj43lll-5b08a3cc6b21c7f26217b60bedec2dec .av-image-caption-overlay-center{
color:#ffffff;
}
.avia-image-container.av-lrj45omz-8bc164f70fed9a9e47f480826036506c img.avia_image{
box-shadow:none;
}
.avia-image-container.av-lrj45omz-8bc164f70fed9a9e47f480826036506c .av-image-caption-overlay-center{
color:#ffffff;
}
#top .av-special-heading.av-lrj49sl5-e29459cd058c0708243da2775493e589{
padding-bottom:10px;
}
body .av-special-heading.av-lrj49sl5-e29459cd058c0708243da2775493e589 .av-special-heading-tag .heading-char{
font-size:25px;
}
.av-special-heading.av-lrj49sl5-e29459cd058c0708243da2775493e589 .av-subheading{
font-size:15px;
}
#top #wrap_all .avia-button.av-lrj48wto-d9eb36407f17e434872a3495b543cdaa{
color:#ffab29;
border-style:solid;
border-width:2px 2px 2px 2px;
border-color:#6d6d6d;
border-radius:18px 18px 18px 18px;
transition:all 0.4s ease-in-out;
}
#top #wrap_all .avia-button.av-lrj48wto-d9eb36407f17e434872a3495b543cdaa:hover{
background-color:#ffab29;
color:white;
transition:all 0.4s ease-in-out;
}
#top #wrap_all.avia-button.av-lrj48wto-d9eb36407f17e434872a3495b543cdaa:hover .avia_button_background{
border-radius:18px 18px 18px 18px;
}
.flex_cell.av-lrjbzt7c-e6b2e6c5cb81bcdff59fcdbdf9b499cc{
vertical-align:top;
height:430px;
min-height:430px;
background:url(https://www.hostelvista.ch/wp/wp-content/uploads/2024/01/Dortoir-chambre.auberge.jpg) 50% 50% no-repeat scroll ;
}
.flex_cell.av-3ib07-f1e86f1ce668dcc529deea0418ff0988{
vertical-align:top;
height:430px;
min-height:430px;
background:url(https://www.hostelvista.ch/wp/wp-content/uploads/2024/01/montagneBWT-1030x373.png) 100% 100% no-repeat scroll #f8f8f8;
}
.responsive #top #wrap_all .flex_cell.av-3ib07-f1e86f1ce668dcc529deea0418ff0988{
padding:40px 40px 40px 40px !important;
}
#top .av-special-heading.av-lrjc0nod-12e8768a2e314b516b64c918d0511399{
padding-bottom:10px;
color:#ffab29;
}
body .av-special-heading.av-lrjc0nod-12e8768a2e314b516b64c918d0511399 .av-special-heading-tag .heading-char{
font-size:25px;
}
.av-special-heading.av-lrjc0nod-12e8768a2e314b516b64c918d0511399 .special-heading-inner-border{
border-color:#ffab29;
}
.av-special-heading.av-lrjc0nod-12e8768a2e314b516b64c918d0511399 .av-subheading{
font-size:15px;
}
#top #wrap_all .avia-button.av-28ywn-8d6ef20d3f5466cf637f8fa270c5ec95{
background-color:#af031a;
border-color:#af031a;
color:#ffffff;
border-radius:18px 18px 18px 18px;
transition:all 0.4s ease-in-out;
}
#top #wrap_all .avia-button.av-28ywn-8d6ef20d3f5466cf637f8fa270c5ec95:hover{
background-color:white;
color:#af031a;
transition:all 0.4s ease-in-out;
}
#top #wrap_all.avia-button.av-28ywn-8d6ef20d3f5466cf637f8fa270c5ec95:hover .avia_button_background{
border-radius:18px 18px 18px 18px;
}
#top #wrap_all .avia-button.av-lrjczxk2-0b6be10111111c065fd66ce32f25e943{
color:#ffab29;
border-style:solid;
border-width:2px 2px 2px 2px;
border-color:#6d6d6d;
border-radius:18px 18px 18px 18px;
transition:all 0.4s ease-in-out;
}
#top #wrap_all .avia-button.av-lrjczxk2-0b6be10111111c065fd66ce32f25e943:hover{
background-color:#ffab29;
color:white;
transition:all 0.4s ease-in-out;
}
#top #wrap_all.avia-button.av-lrjczxk2-0b6be10111111c065fd66ce32f25e943:hover .avia_button_background{
border-radius:18px 18px 18px 18px;
}
#top .av-special-heading.av-lrkuap4i-da18654d98e266047b8f892ed9e13b1f{
padding-bottom:10px;
color:#ffab29;
}
body .av-special-heading.av-lrkuap4i-da18654d98e266047b8f892ed9e13b1f .av-special-heading-tag .heading-char{
font-size:25px;
}
.av-special-heading.av-lrkuap4i-da18654d98e266047b8f892ed9e13b1f .special-heading-inner-border{
border-color:#ffab29;
}
.av-special-heading.av-lrkuap4i-da18654d98e266047b8f892ed9e13b1f .av-subheading{
font-size:15px;
}
#top #wrap_all .avia-button.av-lrkj1x9y-74a0e9f94962fdf3516cb0bfbbacd1e8{
color:#ffab29;
border-style:solid;
border-width:2px 2px 2px 2px;
border-color:#6d6d6d;
border-radius:18px 18px 18px 18px;
transition:all 0.4s ease-in-out;
}
#top #wrap_all .avia-button.av-lrkj1x9y-74a0e9f94962fdf3516cb0bfbbacd1e8:hover{
background-color:#ffab29;
color:white;
transition:all 0.4s ease-in-out;
}
#top #wrap_all.avia-button.av-lrkj1x9y-74a0e9f94962fdf3516cb0bfbbacd1e8:hover .avia_button_background{
border-radius:18px 18px 18px 18px;
}
.avia-section.av-lrkj2xjf-b4e7682c7e14a6e593399b42ac37f7c0{
position:relative;
}
.avia-section.av-lrkj2xjf-b4e7682c7e14a6e593399b42ac37f7c0 .avia-divider-svg-top svg{
height:100px;
width:calc(100% + 1.3px);
fill:#ffab29;
}
@media only screen and (min-width: 990px){ 
.flex_column.av-3aefr-23f10ae7ffb6bee32cfc007240e86db8{
padding:30px 80px 30px 80px;
}
}
@media only screen and (max-width: 479px){ 
.flex_column.av-s7db-9d1a7599855421936fbbd8171b133d3a{
padding:10px 0 0 0;
}
#top #wrap_all .av-special-heading.av-lrkpsmr3-134c2273982b18aead1aa9e362939daf .av-special-heading-tag{
font-size:28px;
}
}