/* Default version */
#box-cross-selling { border-radius: 20px; overflow: hidden; min-height: 0; position: relative; }
#box-cross-selling .inner { text-transform:uppercase;font-size:12px; padding:10px;box-sizing: border-box; }
#box-cross-selling .inner .header {padding:6px 20px 10px;}
#box-cross-selling .inner .header .title { margin:0 0 8px 0; font-weight:400; font-size:20px; line-height:22px; cursor:default; }
#box-cross-selling .inner .header .station-name { font-weight:400; height:30px; overflow:hidden; line-height:30px; position:relative; }
#box-cross-selling .inner .header .one-title,
#box-cross-selling .inner .selector span { font-size:16px; text-transform:uppercase; display:block; }
#box-cross-selling .inner .header .one-title { cursor:default; padding:0 10px; }
#box-cross-selling .inner .selector span { padding-right:24px; }

#box-cross-selling .inner .form-submit { margin:0; position:absolute; right:0; bottom:0; background:none; border:0; padding:0; text-transform:uppercase;  }
#box-cross-selling .inner .form-submit span { position: relative; overflow:hidden; min-width:100px;height:33px;line-height:33px;padding:0 20px;display:block;text-align:center; border-radius:20px 0 0 0; font-size:14px; }
#box-cross-selling .inner .form-submit:hover span:before { content:' '; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; opacity:0.08; }
#box-cross-selling .inner .form-submit.progress-disabled:after { content:' '; display:block; position:absolute; left:-30px; top:50%; margin:-11px 0 0; width:22px; height:22px; animation:loader-rotate 2s infinite; background:url('../../../themes/npy/img/loader-white.png') no-repeat 0 0; background-size:contain; }
#box-cross-selling .inner .ajax-progress { display:none !important; }

#box-cross-selling .inner .more {height:36px;line-height:36px;margin:0;position:absolute;left:20px;bottom:0;}
#box-cross-selling .inner .more a { text-decoration:none; color:#fadcdc; font-size:10px; }
#box-cross-selling .inner .more a:hover { text-decoration:underline; }

#box-cross-selling .inner .textbeforelist { display: block;font-size: 13px;font-weight:200;text-transform: none;padding:0 20px 2px;}
#box-cross-selling .inner .prestations { padding:0 20px 40px; overflow:hidden; }
#box-cross-selling .inner .list-links { display:none; }
#box-cross-selling .inner .prestations .form-type-checkbox { border-top: 1px solid; background:no-repeat 30px 50%; }
#box-cross-selling.w50 .inner .prestations .form-type-checkbox { width:50%; float:left; border-top:0; border-bottom:1px solid #f4a8a9; }
#box-cross-selling .inner .prestations .form-type-checkbox:hover { background-color:rgba(255,255,255,0.1); }
#box-cross-selling .inner .prestations .form-type-checkbox input:hover { cursor:pointer; }
#box-cross-selling .inner .prestations .form-type-checkbox:first-child{border-top: none;}
#box-cross-selling .inner .prestations .form-type-checkbox label { display:block; text-transform: uppercase;font-weight: 200;font-size: 15px; width:100%; padding:7px 0 7px 60px; box-sizing: border-box; }
#box-cross-selling .inner .prestations .form-type-checkbox label:hover { cursor:pointer; }

#box-cross-selling .inner input[type=checkbox] + label:before {content: ''; position: absolute; left:0; top: 9px;width: 17px; height: 17px; margin:0; border: 1px solid; background:transparent; }
#box-cross-selling .inner input[type=checkbox] + label:after {content: '✔'; position: absolute; top: 8px; left: 4px; font-size: 14px; margin:0; opacity: 0;transform: scale(0); background:transparent; transition: all 0.2s ease-in-out; }
#box-cross-selling .inner input[type=checkbox]:checked + label:after { opacity: 1; transform: scale(1); }

#box-cross-selling .inner .prestations .form-item-services-skipass { background-image:url('../img/cs_icon_skipass.png'); }
#box-cross-selling .inner .prestations .form-item-services-accommodation { background-image:url('../img/cs_icon_accommodation.png'); }
#box-cross-selling .inner .prestations .form-item-services-ski-lessons { background-image:url('../img/cs_icon_ski_lessons.png'); }
#box-cross-selling .inner .prestations .form-item-services-equipment-rental { background-image:url('../img/cs_icon_equipment_rental.png'); }
#box-cross-selling .inner .prestations .form-item-services-good-deals { background-image:url('../img/cs_icon_good_deals_yellow.png'); }
#box-cross-selling .inner .prestations .form-item-services-good-deals > label{ font-weight: bold !important; }
#box-cross-selling .inner .prestations .form-item-services-others { background-image:url('../img/cs_icon_others.png'); }

/* Select Uniform */
#box-cross-selling .inner .selector span { background:url('../img/form-selector-cs.png') no-repeat 100% 50%; }


/* Default - V2 */
#box-cross-selling.theme-default-v2 { border-radius:0; }
#box-cross-selling.theme-default-v2 .inner .form-submit span { border-radius:10px 0 0; }
#box-cross-selling.theme-default-v2 .inner .form-submit span:after {}

/* Horizontal version */
#box-cross-selling.theme-horizontal { margin:0; }
#box-cross-selling.theme-horizontal .inner { padding:10px 15px 15px; }
#box-cross-selling.theme-horizontal .inner .textbeforelist { display:none; }
#box-cross-selling.theme-horizontal .inner .header { padding:10px 10px 0 4px; float:left; width:245px; }
#box-cross-selling.theme-horizontal .inner .header .title { font-size:18px; font-weight: 700; margin:0 0 12px; }
.i18n-es #box-cross-selling.theme-horizontal .inner .header .title { font-size:20px; }
.i18n-en #box-cross-selling.theme-horizontal .inner .header .title { font-size:24px; }
#box-cross-selling.theme-horizontal .inner .header .station-name { font-weight: 700; }
#box-cross-selling.theme-horizontal .inner .header .one-title,
#box-cross-selling.theme-horizontal .inner .selector { padding-left:6px; }
#box-cross-selling.theme-horizontal .inner .prestations { width:460px; padding:0; float:left; position: relative; }
#box-cross-selling.theme-horizontal .inner .prestations:before { content:' '; display:block; position: absolute; left:50%; top:9px; bottom:5px; border-left:1px solid rgba(255,255,255,0.5); }
#box-cross-selling.theme-horizontal .inner .prestations .form-type-checkbox { border:0; float:left; width:50%; background-position:45px 50%; }
#box-cross-selling.theme-horizontal .inner .prestations .form-type-checkbox label { font-size:12px; font-weight: 400; padding:7px 0 10px 75px; }
#box-cross-selling.theme-horizontal .inner input[type="checkbox"] + label:before { left:15px; }
#box-cross-selling.theme-horizontal .inner input[type="checkbox"] + label:after { left:19px; }
#box-cross-selling.theme-horizontal .inner .form-submit { position: relative; float:right; margin:24px 11px 20px 0; }
#box-cross-selling.theme-horizontal .inner .form-submit span { border-radius:6px; height:50px; line-height: 50px; font-size: 18px; min-width: 130px; }
#box-cross-selling.theme-horizontal .inner .more { left:auto; right:30px; }
#box-cross-selling.theme-horizontal .inner .more a { font-size:12px; }

/* Content top - context */
#content-top #box-cross-selling.theme-horizontal { margin:60px auto; }


/* No form => push reservation (for "La Rhune") */
.mobile-overlay .mobile-overlay-open.cover span{display: none;}
#box-cross-selling .inner .push-reservation { box-sizing: border-box; padding:10px 15px; }
#box-cross-selling .inner .push-reservation:first-child { border-bottom:1px solid #f4a8a9; }
#box-cross-selling .inner .push-reservation:last-child { padding-bottom:30px; }
#box-cross-selling .inner .push-reservation .push-title { text-transform:uppercase; line-height:24px; font-size:20px; }
#box-cross-selling .inner .push-reservation .push-title .icon { float:left; padding:0 7px 0 0; }
#box-cross-selling .inner .push-reservation .push-title span { overflow: hidden; display: block; }
#box-cross-selling .inner .push-reservation .push-content { padding:10px 0 12px; font-size:14px; line-height:18px; text-transform:none; }
#box-cross-selling .inner .push-reservation .push-content p { margin:10px 0 0; }
#box-cross-selling .inner .push-reservation .push-link { padding:0; text-align:right; }
#box-cross-selling .inner .push-reservation .push-link .btn { min-width: 50%; box-sizing: border-box; background:#003d78; color:#fff; font-size:14px; text-decoration:none; display:inline-block; text-transform:uppercase; height:32px; line-height:32px; text-align:center; padding:0 20px; border-radius:3px; }
#box-cross-selling .inner .push-reservation.disable  .push-link .btn { cursor:default; background:#d0494a; color:#fadcdc; }
#box-cross-selling .inner .push-reservation .push-link a.btn:hover { background:#71b1d6; color:#fff; }
#box-cross-selling .inner .list-push-reservation + .more { right:30px; left:auto; bottom:0 !important; display: block !important; }

#box-cross-selling.theme-horizontal .inner .push-reservation { width:50%; float:left; text-align: center; padding:10px 15px; }
#box-cross-selling.theme-horizontal .inner .push-reservation .push-title .icon { float:none; vertical-align: middle; display: inline-block; }
#box-cross-selling.theme-horizontal .inner .push-reservation .push-title span { vertical-align: middle; display: inline-block; }
#box-cross-selling.theme-horizontal .inner .push-reservation:first-child { border:0; border-right:1px solid #f4a8a9; }
#box-cross-selling.theme-horizontal .inner .push-reservation .push-link { text-align: center; }



/* Cross-selling Box via iframe */
#box-cross-selling.iframe-mode { position:static; border-radius:0; }
#box-cross-selling.iframe-mode.context-station .inner .header .title { margin-bottom:0; }
#box-cross-selling.iframe-mode.context-station .inner .header .station-name { display: none; }
#box-cross-selling.iframe-mode .inner .prestations { padding-bottom:0; margin-bottom:0; }
#box-cross-selling.iframe-mode .create-by { font-size:12px; text-transform: none; cursor:default; position: absolute; bottom:7px; left:30px; }
#box-cross-selling.iframe-mode .create-by img { padding:0 0 0 3px; }


/* Tablet / Mobile */
@media screen and (max-width:1024px) {

    /* Horizontal version */
    #box-cross-selling.theme-horizontal .inner { height:auto; padding:25px; }
    #box-cross-selling.theme-horizontal .inner .header { float:none; width:auto; padding:0 0 15px; text-align: center; }
    #box-cross-selling.theme-horizontal .inner .header .title { display: inline-block; margin:0 10px 0 0; vertical-align: middle; }
    #box-cross-selling.theme-horizontal .inner .header .station-name { display: inline-block; width:250px; vertical-align: middle; text-align: left; }
    #box-cross-selling.theme-horizontal .inner .prestations { float:none; width:auto; }
    #box-cross-selling.theme-horizontal .inner .aside { text-align: center; }
    #box-cross-selling.theme-horizontal .inner .form-submit { float:none; margin:25px 0 0; }
    #box-cross-selling.theme-horizontal .inner .more { bottom:15px; }

    /* No form => push reservation (for "La Rhune") */
    #box-cross-selling.theme-horizontal .inner .push-reservation .push-title span { padding:5px 0 0; display: block; }


}

/* Tablet */
@media screen and (min-width:768px) and (max-width:1024px) {

    /* Default version */
    .col-8 > #box-cross-selling .inner .prestations .form-type-checkbox,
	.col-8-tb > #box-cross-selling .inner .prestations .form-type-checkbox { width:50%; float:left; border-top:0; border-bottom:1px solid #f4a8a9; }


    /* No form => push reservation (for "La Rhune") */
    .col-8-tb > #box-cross-selling .inner .push-reservation { float:left; width:50%; }
    .col-8-tb > #box-cross-selling .inner .push-reservation:first-child { border:0; border-right: 1px solid #f4a8a9; }


    /* Content top - context */
    #content-top #box-cross-selling.theme-horizontal { width:540px; margin:30px auto 40px; }

}


/* Mobile */
@media screen and (max-width:767px) {
    
    /* Horizontal version */
    #box-cross-selling.theme-horizontal .inner { padding:16px 25px 22px; }
    #box-cross-selling.theme-horizontal .inner .header { padding:0; }
    #box-cross-selling.theme-horizontal .inner .header .title { display: block; margin:0 0 15px; }
    #box-cross-selling.theme-horizontal .inner .header .station-name { display: block; width:auto; }
    #box-cross-selling.theme-horizontal .inner .header .one-title:after { content:' '; position: absolute; top:50%; right:7px; margin:-3px 0 0; border-width:7px 7px 0; border-color:currentColor transparent; border-style:solid dashed;  }
    #box-cross-selling.theme-horizontal .inner .prestations,
    #box-cross-selling.theme-horizontal .inner .aside,
    #box-cross-selling.theme-horizontal .inner .more { display:none; }

    /* No form => push reservation (for "La Rhune") */
    body.page-ni-rhune .mobile-overlay .mobile-overlay-open.cover {text-align: center;font-size: 20px;line-height: 1.8;}
    body.page-ni-rhune .mobile-overlay .mobile-overlay-open.cover span{display: block;}
    #box-cross-selling.theme-horizontal .inner .push-reservation { width:auto; float:none; }
    #box-cross-selling.theme-horizontal .inner .push-reservation:first-child { border:0; border-bottom:1px solid #f4a8a9; }
    #box-cross-selling.theme-horizontal .inner .list-push-reservation { display: none; }
    #box-cross-selling.theme-horizontal .inner .list-push-reservation + .more { text-align: center; position: static; height:auto; line-height: 1; }
    #box-cross-selling.theme-horizontal .inner .list-push-reservation + .more a { font-weight: 700; font-size:18px; color:#fff; }
    #box-cross-selling.theme-horizontal.mode-overlay .inner .list-push-reservation { display:block; }
    #box-cross-selling.theme-horizontal.mode-overlay .inner .list-push-reservation + .more a { font-weight: 400; font-size: 14px; }


    /* Content top - context */
    #content-top #box-cross-selling.theme-horizontal { margin:40px auto; }

    /* Mode overlay */
    #box-cross-selling.mode-overlay { background:#e85152; }
    #box-cross-selling.mode-overlay .inner { padding:16px 25px 22px; }
    #box-cross-selling.mode-overlay .inner .prestations,
    #box-cross-selling.mode-overlay .inner .aside,
    #box-cross-selling.mode-overlay .inner .more { display:block; }
    #box-cross-selling.mode-overlay .inner .header { padding:0 0 25px; float:none; text-align: center; width: auto; }
    #box-cross-selling.mode-overlay .inner .header .title { font-weight: 400; font-size:24px; vertical-align: middle; margin:0 0 15px; }
    #box-cross-selling.mode-overlay .inner .header .station-name { display: block; width: auto; text-align: left; }
    #box-cross-selling.mode-overlay .inner .header .one-title:after { display:none; }
    #box-cross-selling.mode-overlay .inner .textbeforelist { display:none; }
    #box-cross-selling.mode-overlay .inner .prestations { margin:0; padding:0; }
    #box-cross-selling.mode-overlay .inner .prestations .form-type-checkbox { border:0; width:auto; display:block; float:none; background-position:45px 50%; }
    #box-cross-selling.mode-overlay .inner .prestations .form-type-checkbox label { font-size:12px; font-weight:400; padding:7px 0 10px 75px; }
    #box-cross-selling.mode-overlay .inner input[type="checkbox"] + label:before { left:15px; }
    #box-cross-selling.mode-overlay .inner input[type="checkbox"] + label:after { left:19px; }
    #box-cross-selling.mode-overlay .inner .prestations:before { display:none; }
    #box-cross-selling.mode-overlay .inner .aside { text-align: center; }
    #box-cross-selling.mode-overlay .inner .more { text-align: center; position: static; margin:10px 0 0; }
    #box-cross-selling.mode-overlay .inner .more a { display:block; }
    #box-cross-selling.mode-overlay .inner .form-submit { float:none; margin:25px 0 0; position: relative; }
    #box-cross-selling.mode-overlay .inner .form-submit span { border-radius:6px; height:50px; line-height: 50px; font-size: 18px; min-width: 130px; }

}