.menu_rosso.stt-menu-transparent.wp-theme-traveler header.header { background: none; border-bottom: 1px solid #CCC; color: #e30613; } .menu_rosso.stt-menu-transparent.wp-theme-traveler header.header #main-menu > li a { color: #e30613; } .menu_rosso.stt-menu-transparent.wp-theme-traveler .header__center #st-main-menu .main-menu > li.active > a { color: #e30613; } .menu_rosso.stt-menu-transparent.wp-theme-traveler .header__center #st-main-menu .main-menu > li:hover > a, .menu_rosso.stt-menu-transparent.wp-theme-traveler .header__center #st-main-menu .main-menu > li.current-menu-item > a { color: rgb(158,4,13); } .menu_rosso.stt-menu-transparent.wp-theme-traveler header.header #main-menu > li a .fa { color: #e30613; } .menu_rosso.stt-menu-transparent.wp-theme-traveler .header__center #st-main-menu .main-menu > li.active > a .fa, .menu_rosso.stt-menu-transparent.wp-theme-traveler .header__center #st-main-menu .main-menu > li:hover > a .fa, .menu_rosso.stt-menu-transparent.wp-theme-traveler .header__center #st-main-menu .main-menu > li.current-menu-item > a .fa { color: rgb(158,4,13); } .menu_rosso.stt-menu-transparent.wp-theme-traveler .header__center #st-main-menu .main-menu li.menu-item-has-children .menu-dropdown li a { color: #000; } .menu_rosso.stt-menu-transparent.wp-theme-traveler .header__center #st-main-menu .main-menu li.menu-item-has-children .menu-dropdown li:hover > a, .menu_rosso.stt-menu-transparent.wp-theme-traveler .header__center #st-main-menu .main-menu li.menu-item-has-children .menu-dropdown li:hover > .fa { color: rgb(158,4,13); } @media screen and (max-width: 991px) { .menu_rosso.stt-menu-transparent.wp-theme-traveler header.header #main-menu > li a { color: #000; } } #st-content-wrapper.scheda_hotel, #st-content-wrapper.scheda_offerta { padding-bottom: 0; } #st-content-wrapper.listing_hotel .st-breadcrumb, #st-content-wrapper.listing_offerte .st-breadcrumb, #st-content-wrapper.scheda_hotel .st-breadcrumb, #st-content-wrapper.scheda_offerta .st-breadcrumb, #st-content-wrapper.thankyou_page .st-breadcrumb { display: block !important; padding: 10px 0 0; border-bottom: none; font-size: 14px; } #st-content-wrapper.scheda_hotel .st-breadcrumb .container, #st-content-wrapper.scheda_offerta .st-breadcrumb .container { max-width: 960px; padding: 0; } #st-content-wrapper.scheda_hotel .container, #st-content-wrapper.scheda_offerta .container { max-width: none; padding: 0; } #st-content-wrapper.listing_hotel .st-blog, #st-content-wrapper.listing_offerte .st-blog, #st-content-wrapper.scheda_hotel .st-blog, #st-content-wrapper.scheda_offerta .st-blog, #st-content-wrapper.thankyou_page .st-blog { padding: 50px 0 0; } #st-content-wrapper.listing_hotel .introduzione h1, #st-content-wrapper.listing_offerte .introduzione h1, #st-content-wrapper.thankyou_page .introduzione h1 { font-size: 34px; margin: 0 0 20px; } #st-content-wrapper.listing_hotel .introduzione p, #st-content-wrapper.listing_offerte .introduzione p, #st-content-wrapper.thankyou_page .introduzione p { margin: 0 0 12px; } #st-content-wrapper.listing_hotel .introduzione p:last-child, #st-content-wrapper.listing_offerte .introduzione p:last-child, #st-content-wrapper.thankyou_page .introduzione p:last-child { margin: 0; } #gotop { display: none !important; } div.content_more { display:none; } a.link_more { display:block; text-decoration:none; font-size: 16px; color:#e30613; } a.link_more:hover { color:#9E040D; text-decoration: underline; } @media screen and (max-width: 1000px) { #st-content-wrapper.scheda_hotel .st-breadcrumb .container, #st-content-wrapper.scheda_offerta .st-breadcrumb .container { padding: 0 20px; } } @media screen and (max-width: 991px) { .stt-menu-transparent:not(.single-st_rental) #st-content-wrapper.listing_hotel:not(.st-style-elementor), .stt-menu-transparent:not(.single-st_rental) #st-content-wrapper.listing_offerte:not(.st-style-elementor), .stt-menu-transparent:not(.single-st_rental) #st-content-wrapper.scheda_hotel:not(.st-style-elementor), .stt-menu-transparent:not(.single-st_rental) #st-content-wrapper.scheda_offerta:not(.st-style-elementor), .stt-menu-transparent:not(.single-st_rental) #st-content-wrapper.thankyou_page:not(.st-style-elementor) { padding-top: 0; } } @media screen and (max-width: 960px) { .grecaptcha-badge { display: none; visibility: hidden; } } @media screen and (max-width: 767px) { body.with_stickyfooter .gt_switcher_wrapper { bottom: 60px !important; z-index: 20000 !important; } body.with_stickyfooter .iubenda-tp-btn:not(.iubenda-floatable-tb-btn)[data-tp-float][data-tp-float="bottom-left"], body.with_stickyfooter .iubenda-tp-btn:not(.iubenda-floatable-tb-btn)[data-tp-float][data-tp-float="bottom-right"] { bottom: 50px !important; } } /** HEADER GRAFICO **/ #st-content-wrapper.st-style-elementor.scheda_localita .st-bg-feature { background-image: url(https://www.salento.it/wp-content/uploads/2024/10/banner.jpg) !important; background-position: center center; } /** FASCIA FILTRI **/ #fascia_filtri_hotel { box-sizing: border-box; padding: 40px 0 0; text-align: center; } #fascia_filtri_hotel a.pulsante, #fascia_filtri_hotel a.pulsante_grigio { display: inline-block; height: 46px; padding: 12px 20px 0 56px; text-align: left; font-size: 16px; margin: 0 20px; transition: all 0.3s ease; line-height: 20px; color: #FFF; font-weight: 400; border-radius: 8px; text-decoration: none; position: relative; } #fascia_filtri_hotel a.pulsante { background: #e30613; } #fascia_filtri_hotel a.pulsante_grigio { background: #FFF; border: 1px solid #000; color: #000; padding: 11px 19px 0 55px; } #fascia_filtri_hotel a.pulsante:hover, #fascia_filtri_hotel a.pulsante:active, #fascia_filtri_hotel a.pulsante:focus { background: rgb(158,4, 13); text-decoration: none; } #fascia_filtri_hotel a.pulsante_grigio.active, #fascia_filtri_hotel a.pulsante_grigio:hover, #fascia_filtri_hotel a.pulsante_grigio:active, #fascia_filtri_hotel a.pulsante_grigio:focus, #fascia_filtri_hotel a.pulsante_grigio.active:hover, #fascia_filtri_hotel a.pulsante_grigio.active:active, #fascia_filtri_hotel a.pulsante_grigio.active:focus { background: rgba(0,0,0,0.1); text-decoration: none; } #fascia_filtri_hotel a.pulsante svg { position: absolute; top: 14px; left: 20px; z-index: 1; } #fascia_filtri_hotel a.pulsante_grigio svg { position: absolute; top: 12px; left: 20px; z-index: 1; } #fascia_filtri_hotel a.pulsante_grigio#btn_ordina_stelle svg { top: 9px; } #fascia_filtri_hotel.due_pulsanti a.pulsante_grigio i { display: none; position: absolute; width: 1px; height: auto; top: 10px; bottom: 10px; left: 0; z-index: 1; background: #FFF; } #fascia_filtri_hotel.due_pulsanti a.pulsante_grigio i { background: #FFF; } #fascia_filtri_hotel.due_pulsanti.aperto a.pulsante_grigio i { background: none; } #fascia_filtri_hotel.due_pulsanti a.pulsante_grigio.bordo i { background: #000; } #fascia_filtri_hotel #submenu_prezzo, #fascia_filtri_hotel #submenu_stelle { display:none; width: 250px; position:absolute; z-index:1001; background: #FFF; border: 1px solid #DEDEDE; box-sizing: border-box; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25); border-radius: 10px; padding: 11px 16px 12px; text-align: left; margin: 0 20px; } #fascia_filtri_hotel #submenu_prezzo p, #fascia_filtri_hotel #submenu_stelle p { display: block; font-weight: 700; font-size: 16px; line-height: 27px; color: #000; margin: 0 0 5px; padding: 0; } #fascia_filtri_hotel #submenu_prezzo a.scelta, #fascia_filtri_hotel #submenu_stelle a.scelta { display: block; font-weight: 400; font-size: 16px; line-height: 20px; color: #000; box-sizing: border-box; padding: 5px 0 5px 26px; transition: all 0.1s ease; background-repeat:no-repeat; background-position:0 8px; background-size:16px auto; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB4PSIxIiB5PSIxIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHJ4PSI4IiBzdHJva2U9IiNERURFREUiLz48L3N2Zz4="); text-decoration: none; } #fascia_filtri_hotel #submenu_prezzo a.scelta:hover, #fascia_filtri_hotel #submenu_stelle a.scelta:hover { color: #e30613; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjUgOC41QzE2LjUgNC4wODE3MiAxMi45MTgzIDAuNSA4LjUgMC41QzQuMDgxNzIgMC41IDAuNSA0LjA4MTcyIDAuNSA4LjVDMC41IDEyLjkxODMgNC4wODE3MiAxNi41IDguNSAxNi41QzEyLjkxODMgMTYuNSAxNi41IDEyLjkxODMgMTYuNSA4LjVaIiBzdHJva2U9IiNFMzA2MTMiLz4KPC9zdmc+"); } #fascia_filtri_hotel #submenu_prezzo a.scelta.active, #fascia_filtri_hotel #submenu_stelle a.scelta.active { color: #e30613; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjUgOC41QzE2LjUgNC4wODE3MiAxMi45MTgzIDAuNSA4LjUgMC41QzQuMDgxNzIgMC41IDAuNSA0LjA4MTcyIDAuNSA4LjVDMC41IDEyLjkxODMgNC4wODE3MiAxNi41IDguNSAxNi41QzEyLjkxODMgMTYuNSAxNi41IDEyLjkxODMgMTYuNSA4LjVaIiBzdHJva2U9IiNFMzA2MTMiLz4KPHBhdGggZD0iTTEzLjUgOC41QzEzLjUgNS43Mzg1OCAxMS4yNjE0IDMuNSA4LjUgMy41QzUuNzM4NTggMy41IDMuNSA1LjczODU4IDMuNSA4LjVDMy41IDExLjI2MTQgNS43Mzg1OCAxMy41IDguNSAxMy41QzExLjI2MTQgMTMuNSAxMy41IDExLjI2MTQgMTMuNSA4LjVaIiBmaWxsPSIjRTMwNjEzIi8+Cjwvc3ZnPg=="); } #fascia_filtri_hotel #submenu_prezzo a.scelta.active, #fascia_filtri_hotel #submenu_stelle a.scelta.active { color: #e30613; } #fascia_filtri_hotel #submenu_prezzo .btn_close, #fascia_filtri_hotel #submenu_stelle .btn_close { display: none; position: absolute; top: 20px; right: 20px; z-index: 2; text-decoration: none; flex-direction: row; align-items: center; } #fascia_filtri_hotel #submenu_prezzo .btn_close:hover, #fascia_filtri_hotel #submenu_prezzo .btn_close:active, #fascia_filtri_hotel #submenu_prezzo .btn_close:focus, #fascia_filtri_hotel #submenu_stelle .btn_close:hover, #fascia_filtri_hotel #submenu_stelle .btn_close:active, #fascia_filtri_hotel #submenu_stelle .btn_close:focus { text-decoration: none; } #fascia_filtri_hotel #submenu_prezzo .btn_close:hover line, #fascia_filtri_hotel #submenu_prezzo .btn_close:active line, #fascia_filtri_hotel #submenu_prezzo .btn_close:focus line, #fascia_filtri_hotel #submenu_stelle .btn_close:hover line, #fascia_filtri_hotel #submenu_stelle .btn_close:active line, #fascia_filtri_hotel #submenu_stelle .btn_close:focus line { stroke: #e30613; } #fascia_filtri_hotel #submenu_prezzo .btn_close span, #fascia_filtri_hotel #submenu_stelle .btn_close span { display: block; font-size: 12px; line-height: 11px; font-weight: 600; color: #000; margin: 0 10px 0 0; } #fascia_risultati_hotel { font-style: italic; font-size: 16px; line-height: 20px; color: #5E6D77; margin: 20px 0 0; padding: 0; text-align: center; } #fascia_risultati_hotel span { display: block; font-style: normal; margin: 10px 0 0; } #fascia_risultati_hotel strong { font-weight: 700; color: #5E6D77; } @media screen and (max-width: 960px) { #fascia_filtri_hotel a.pulsante, #fascia_filtri_hotel a.pulsante_grigio, #fascia_filtri_hotel #submenu_prezzo, #fascia_filtri_hotel #submenu_stelle { margin: 0 10px; } } @media screen and (max-width: 767px) { #fascia_filtri_hotel { position: fixed; left: 0; right: 0; bottom: 0; /* top: calc( 100% - 56px ); */ z-index: 1001; margin: 0; padding: 0; border-radius: 8px 8px 0 0; background: #e30613; } #fascia_filtri_hotel a.pulsante, #fascia_filtri_hotel a.pulsante_grigio { display: block; width: 33.333%; height: 56px; float: left; border-radius: 0; margin: 0; position: relative; background: #e30613; text-align: center; font-weight: 600; font-size: 10px; line-height: 11px; padding: 0; border: none; color: #FFF; } #fascia_filtri_hotel.due_pulsanti a.pulsante, #fascia_filtri_hotel.due_pulsanti a.pulsante_grigio { width: 50%; display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 15px; line-height: 16px; border: none; } #fascia_filtri_hotel a.pulsante:hover, #fascia_filtri_hotel a.pulsante:active, #fascia_filtri_hotel a.pulsante:focus, #fascia_filtri_hotel a.pulsante_grigio:hover, #fascia_filtri_hotel a.pulsante_grigio:active, #fascia_filtri_hotel a.pulsante_grigio:focus, #fascia_filtri_hotel a.pulsante_grigio.active:hover, #fascia_filtri_hotel a.pulsante_grigio.active:active, #fascia_filtri_hotel a.pulsante_grigio.active:focus { background: #e30613; } #fascia_filtri_hotel a.pulsante { padding: 10px 0 0; border-radius: 8px 0 0 0; } #fascia_filtri_hotel a#btn_ordina_prezzo { padding: 9px 0 0; } #fascia_filtri_hotel.due_pulsanti a#btn_ordina_prezzo { border-radius: 0 8px 0 0; } #fascia_filtri_hotel a#btn_ordina_stelle { padding: 7px 0 0; border-radius: 0 8px 0 0; } #fascia_filtri_hotel.due_pulsanti a.pulsante, #fascia_filtri_hotel.due_pulsanti a#btn_ordina_prezzo, #fascia_filtri_hotel.due_pulsanti a#btn_ordina_stelle { padding: 0 10px; } #fascia_filtri_hotel a.pulsante svg, #fascia_filtri_hotel a.pulsante_grigio svg { position: static; } #fascia_filtri_hotel a#btn_ordina_prezzo path { fill: #FFF; } #fascia_filtri_hotel a#btn_ordina_stelle path { stroke: #FFF; } #fascia_filtri_hotel.due_pulsanti a.pulsante svg, #fascia_filtri_hotel.due_pulsanti a.pulsante_grigio svg { margin: 0 10px 0 0; } #fascia_filtri_hotel a.pulsante svg.ico_filtri, #fascia_filtri_hotel a.pulsante_grigio svg.ico_filtri { width: 22px; height: auto; } #fascia_filtri_hotel.due_pulsanti a.pulsante_grigio i { display: block; } #fascia_filtri_hotel a.pulsante span, #fascia_filtri_hotel a.pulsante_grigio span { display: flex; flex-direction: column; justify-content: end; z-index: 0; position: absolute; left: 0; right: 0; top: 10px; bottom: 10px; } #fascia_filtri_hotel a.pulsante_grigio span { border-left: 1px solid #FFF; } #fascia_filtri_hotel.aperto a.pulsante_grigio span { border-left: 1px solid transparent; } #fascia_filtri_hotel a.pulsante_grigio.bordo span { border-left: 1px solid #000; } #fascia_filtri_hotel.due_pulsanti a.pulsante span, #fascia_filtri_hotel.due_pulsanti a.pulsante_grigio span { display: block; position: static; border-left: none; } #fascia_filtri_hotel a.pulsante.nonattivo, #fascia_filtri_hotel a.pulsante_grigio.nonattivo { background: #F4F4F4; } #fascia_filtri_hotel a.pulsante.nonattivo span, #fascia_filtri_hotel a.pulsante_grigio.nonattivo span { color: #000; } #fascia_filtri_hotel a.pulsante.nonattivo path { fill: #000; } #fascia_filtri_hotel a#btn_ordina_prezzo.nonattivo path { fill: #000; } #fascia_filtri_hotel a#btn_ordina_stelle.nonattivo path { stroke: #000; } #fascia_filtri_hotel #submenu_prezzo, #fascia_filtri_hotel #submenu_stelle { display: block; width: auto; position: fixed; z-index: 1000; border: none; box-shadow: none; border-radius: 0; margin: 0; top: 100%; bottom: 0; left: 0; right: 0; padding: 60px 20px 0; } #fascia_filtri_hotel #submenu_prezzo .btn_close, #fascia_filtri_hotel #submenu_stelle .btn_close { display: flex; } } /** POPUP FILTRI **/ #filtri_background { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 20000; cursor: pointer; background: #000; opacity: 0.7; } #filtri_wrapper { display: none; width: 960px; max-height: 650px; position: fixed; top: 100px; bottom: 100px; left: 50%; margin-left: -481.5px; z-index: 20001; } #filtri_wrapper .filtri_container { position: absolute; top: 0; bottom: 20px; left: 0; right: 0; z-index: 1; box-sizing: border-box; background: #FFF; border-radius: 8px; overflow: hidden; } #filtri_wrapper .filtri_container .filtri_scroller { position: absolute; top: 40px; bottom: 25px; left: 10px; right: -15px; z-index: 1; overflow-y: scroll; padding: 0 8px 0 0; } #filtri_wrapper .filtri_container table { width: 100%; border: none; } #filtri_wrapper .filtri_container td { width: 33.333%; box-sizing: border-box; border-right: 1px solid #C4C4C4; padding: 14px 25px 0; text-align: left; vertical-align: top; } #filtri_wrapper .filtri_container td.last { border-right: none; } #filtri_wrapper .filtri_container h4 { font-weight: 700; font-size: 16px; line-height: 20px; color: #000; margin: 0 0 20px; padding: 0 15px 0 45px; position: relative; cursor: pointer; } #filtri_wrapper .filtri_container h4.alwaysopen { padding: 0 0 0 45px; cursor: default; } #filtri_wrapper .filtri_container h4 .icona { position: absolute; top: -5px; left: 5px; z-index: 1; } #filtri_wrapper .filtri_container h4 .apri, #filtri_wrapper .filtri_container h4 .chiudi { position: absolute; top: 6px; right: 0; z-index: 1; } #filtri_wrapper .filtri_container h4 .apri { display: none; } #filtri_wrapper .filtri_container h4.closed .apri { display: block; } #filtri_wrapper .filtri_container h4.closed .chiudi, #filtri_wrapper .filtri_container h4.alwaysopen .apri, #filtri_wrapper .filtri_container h4.closed.alwaysopen .apri, #filtri_wrapper .filtri_container h4.alwaysopen .chiudi, #filtri_wrapper .filtri_container .lista_filtri.closed { display: none; } #filtri_wrapper .filtri_container hr { display: block; width: auto; height: 0; border:none; border-top: 1px solid #C4C4C4; margin: 18px 0 20px; opacity: 1; } #filtri_wrapper .filtri_container .spazio { height: 10px; } #filtri_wrapper .filtri_container .voce_filtro { font-size: 13px; line-height: 18px; color: #000; font-weight: 400; margin: 0 0 8px; padding: 0 0 0 40px; cursor: pointer; background-repeat: no-repeat; background-size: 18px auto; background-position: 10px center; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB4PSIwLjM3NSIgeT0iMC4zNzUiIHdpZHRoPSIxOS4yNSIgaGVpZ2h0PSIxOS4yNSIgcng9IjIuNjI1IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMC43NSIvPjwvc3ZnPg=="); } #filtri_wrapper .filtri_container .voce_filtro:hover { color: #e30613; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB4PSIwLjM3NSIgeT0iMC4zNzUiIHdpZHRoPSIxOS4yNSIgaGVpZ2h0PSIxOS4yNSIgcng9IjIuNjI1IiBzdHJva2U9IiNlMzA2MTMiIHN0cm9rZS13aWR0aD0iMC43NSIvPjwvc3ZnPg=="); } #filtri_wrapper .filtri_container .voce_filtro.grigio { color: #868E96; cursor: default; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB4PSIwLjM3NSIgeT0iMC4zNzUiIHdpZHRoPSIxOS4yNSIgaGVpZ2h0PSIxOS4yNSIgcng9IjIuNjI1IiBzdHJva2U9IiM4NjhFOTYiIHN0cm9rZS13aWR0aD0iMC43NSIvPjwvc3ZnPg=="); } #filtri_wrapper .filtri_container .voce_filtro.grigio:hover { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB4PSIwLjM3NSIgeT0iMC4zNzUiIHdpZHRoPSIxOS4yNSIgaGVpZ2h0PSIxOS4yNSIgcng9IjIuNjI1IiBzdHJva2U9IiM4NjhFOTYiIHN0cm9rZS13aWR0aD0iMC43NSIvPjwvc3ZnPg=="); } #filtri_wrapper .filtri_container .voce_filtro.checked { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTcuODU3MSAyMEgyLjE0Mjg2QzAuOTU5Mzc1IDIwIDAgMTkuMDQwNiAwIDE3Ljg1NzFWMi4xNDI4NkMwIDAuOTU5Mzc1IDAuOTU5Mzc1IDAgMi4xNDI4NiAwSDE3Ljg1NzFDMTkuMDQwNiAwIDIwIDAuOTU5Mzc1IDIwIDIuMTQyODZWMTcuODU3MUMyMCAxOS4wNDA2IDE5LjA0MDYgMjAgMTcuODU3MSAyMFpNOC43MTkzNyAxNS42MjI0TDE2LjkzMzcgNy40MDgwOEMxNy4yMTI2IDcuMTI5MTUgMTcuMjEyNiA2LjY3Njg4IDE2LjkzMzcgNi4zOTc5NUwxNS45MjM1IDUuMzg3ODFDMTUuNjQ0NiA1LjEwODg4IDE1LjE5MjMgNS4xMDg4NCAxNC45MTMzIDUuMzg3ODFMOC4yMTQyOSAxMi4wODY4TDUuMDg2NjUgOC45NTkyQzQuODA3NzIgOC42ODAyNyA0LjM1NTQ1IDguNjgwMjcgNC4wNzY0NyA4Ljk1OTJMMy4wNjYzNCA5Ljk2OTMzQzIuNzg3NDEgMTAuMjQ4MyAyLjc4NzQxIDEwLjcwMDUgMy4wNjYzNCAxMC45Nzk1TDcuNzA5MiAxNS42MjIzQzcuOTg4MTcgMTUuOTAxMyA4LjQ0MDQgMTUuOTAxMyA4LjcxOTM3IDE1LjYyMjRaIiBmaWxsPSIjZTMwNjEzIi8+PC9zdmc+"); } #filtri_wrapper .filtri_container .btn_close { position: absolute; top: 12px; right: 16px; z-index: 2; text-decoration: none; } #filtri_wrapper .filtri_container .btn_close:hover, #filtri_wrapper .filtri_container .btn_close:active, #filtri_wrapper .filtri_container .btn_close:focus { text-decoration: none; } #filtri_wrapper .filtri_container .btn_close:hover line, #filtri_wrapper .filtri_container .btn_close:active line, #filtri_wrapper .filtri_container .btn_close:focus line { stroke: #e30613; } #filtri_wrapper .filtri_container .btn_close span { display: none; font-size: 12px; line-height: 12px; font-weight: 600; color: #000; margin: 0 10px 0 0; } #filtri_wrapper a.submit { display: block; box-sizing: border-box; position: absolute; bottom: -4px; left: 50%; width: 300px; z-index: 2; padding: 12px 10px; background: #e30613; transform: translateX(-50%); text-align: center; font-size: 18px; line-height: 22px; color: #FFF; font-weight: 400; border-radius: 8px; text-decoration: none; transition: all 0.3s ease; } #filtri_wrapper a.submit:hover, #filtri_wrapper a.submit:active, #filtri_wrapper a.submit:focus { background: rgb(158,4, 13); text-decoration: none; } #filtri_wrapper a.submit svg { margin: 0 0 3px 10px; } p.nessun_risultato { text-align: center; font-weight: 700; margin: 0 0 60px; padding: 0 20px; } @media screen and (max-width: 1400px) { #filtri_wrapper { top: 40px; bottom: 40px; } } @media screen and (max-width: 1060px) { #filtri_wrapper .filtri_container .filtri_scroller { padding: 0 25px 0 0; } } @media screen and (max-width: 1000px) { #filtri_wrapper { width: 720px; max-height: 710px; margin-left: -360px; } #filtri_wrapper .filtri_container .filtri_scroller { top: 30px; } #filtri_wrapper .filtri_container td { padding: 20px 10px 0; } } @media screen and (max-width: 767px) { #filtri_wrapper { display: block; width: auto; min-height: 200px; max-height: none; margin: 0; top: 100%; bottom: 0; left: 0; right: 0; z-index: 1000; } #filtri_wrapper .filtri_container { bottom: 0; border-radius: 0; } #filtri_wrapper .filtri_container .filtri_scroller { top: 60px; bottom: 60px; right: 10px; padding: 0; } #filtri_wrapper .filtri_container table, #filtri_wrapper .filtri_container tbody, #filtri_wrapper .filtri_container tr { display: block; } #filtri_wrapper .filtri_container td { display: block; width: auto; border-right: none; border-bottom: 1px solid #C4C4C4; padding: 20px 0 0; margin: 0 10px; } #filtri_wrapper .filtri_container td.last { border-bottom: none; padding: 20px 0 0; } #filtri_wrapper .filtri_container hr { margin: 20px 0; } #filtri_wrapper .filtri_container .btn_close { display: flex; flex-direction: row; align-items: center; top:20px; right:20px; } #filtri_wrapper .filtri_container .btn_close span { display: block; } #filtri_wrapper a.submit { width: auto; margin: 0; bottom: 10px; white-space: nowrap; padding: 9px 30px; } } /** FORM PREVENTIVO **/ #form_preventivo { width:650px; box-sizing:border-box; padding:0; margin:30px 0 0 -10px; text-align: left; position: relative; } #form_preventivo .campo_preventivo, #form_preventivo .campo_preventivo_mobile { float:left; position:relative; width:305px; margin:0 10px 12px; } #form_preventivo .campo_preventivo_wide { float:left; position:relative; width:630px; margin:0 10px 12px; } #form_preventivo .campo_preventivo_small { float:left; position:relative; width:142px; margin:0 10px 12px; } #form_preventivo label { display: block; font-size: 13px; line-height: 16px; font-weight: 400; color: #000; margin: 0 0 2px; padding: 0; text-align: left; } #form_preventivo input, #form_preventivo select, #form_preventivo textarea { width:100%; max-width:100%; height:40px; background:#FFF; border:1px solid #868E96; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; font-family: var(--bs-font-sans-serif); font-size:14px; color:#000; font-weight:400; padding:0 10px; cursor:pointer; -webkit-font-smoothing:antialiased; line-height:38px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-appearance:none; -moz-appearance:none; transition: all 0.3s ease; } #form_preventivo select { padding:0 10px; background-repeat:no-repeat; background-size:10px auto; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOSA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNC41IDMuNDEyOTNMMS4zMDE4MSAwTDAgMS4xOTc4NUw0LjUgNkw5IDEuMTk3ODVMNy42OTgxOSAwTDQuNSAzLjQxMjkzWiIgZmlsbD0iI2UzMDYxMyIvPjwvc3ZnPg=="); } #form_preventivo .campo_preventivo select, #form_preventivo .campo_preventivo_mobile select, #form_preventivo .campo_preventivo_small select { background-position: calc( 100% - 10px ) center; } #form_preventivo input#preventivo_arrivo, #form_preventivo input#preventivo_partenza { background-repeat:no-repeat; background-position: calc( 100% - 10px ) center; background-size:19px auto; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMi42NTE4NiAyMEgxNi42MDc0QzE4LjA3MDQgMjAgMTkuMjU5MyAxOC44MTExIDE5LjI1OTMgMTcuMzQ4MVY0LjEzMzMxQzE5LjI1OTMgMi42NzAzNSAxOC4wNzA0IDEuNDgxNDUgMTYuNjA3NCAxLjQ4MTQ1SDE1LjU1NTZWMC43NDA3MjdDMTUuNTU1NiAwLjMzMzMxNSAxNS4yMjIyIDAgMTQuODE0OCAwQzE0LjQwNzQgMCAxNC4wNzQxIDAuMzMzMzE1IDE0LjA3NDEgMC43NDA3MjdWMS40ODE0NUg1LjE4NTIyVjAuNzQwNzI3QzUuMTg1MjIgMC4zMzMzMTUgNC44NTE4NCAwIDQuNDQ0NDMgMEM0LjAzNzAyIDAgMy43MDM3IDAuMzMzMzE1IDMuNzAzNyAwLjc0MDcyN1YxLjQ4MTQ1SDIuNjUxODZDMS4xODg5IDEuNDgxNDUgMCAyLjY3MDM1IDAgNC4xMzMzMVYxNy4zNDgxQzAgMTguODExMSAxLjE4ODkgMjAgMi42NTE4NiAyMFpNMS40ODE1MiA0LjEzMzMxQzEuNDgxNTIgMy40ODg4OSAyLjAwNzQ0IDIuOTYyOTcgMi42NTE4NiAyLjk2Mjk3SDMuNzAzN1YzLjcwMzdDMy43MDM3IDQuMTExMTEgNC4wMzcwMiA0LjQ0NDQyIDQuNDQ0NDMgNC40NDQ0MkM0Ljg1MTg0IDQuNDQ0NDIgNS4xODUxNSA0LjExMTExIDUuMTg1MTUgMy43MDM3VjIuOTYyOTdIMTQuMDc0MVYzLjcwMzdDMTQuMDc0MSA0LjExMTExIDE0LjQwNzQgNC40NDQ0MiAxNC44MTQ4IDQuNDQ0NDJDMTUuMjIyMiA0LjQ0NDQyIDE1LjU1NTUgNC4xMTExMSAxNS41NTU1IDMuNzAzN1YyLjk2Mjk3SDE2LjYwNzNDMTcuMjUxOCAyLjk2Mjk3IDE3Ljc3NzcgMy40ODg4OSAxNy43Nzc3IDQuMTMzMzFWNi4yOTYzSDEuNDgxNTJWNC4xMzMzMVpNMS40ODE1MiA3Ljc3Nzc2SDE3Ljc3NzhWMTcuMzQ4MUMxNy43Nzc4IDE3Ljk5MjYgMTcuMjUxOSAxOC41MTg1IDE2LjYwNzUgMTguNTE4NUgyLjY1MTg2QzIuMDA3NDQgMTguNTE4NSAxLjQ4MTUyIDE3Ljk5MjYgMS40ODE1MiAxNy4zNDgxVjcuNzc3NzZaIiBmaWxsPSIjRTMwNjEzIi8+PC9zdmc+"); } #form_preventivo option { color:#000; } #form_preventivo textarea { height:100px; padding:10px 12px; line-height:18px; resize:none; } #form_preventivo input:hover, #form_preventivo select:hover, #form_preventivo textarea:hover, #form_preventivo input:focus, #form_preventivo select:focus, #form_preventivo textarea:focus { outline:none; border:1px solid #e30613; } #form_preventivo input[type="submit"], #form_preventivo .submit { display: inline-block; width: auto; padding: 9px 30px; background: #e30613; font-family: var(--bs-font-sans-serif); border-radius: 8px; font-size: 18px; line-height: 22px; color: #FFF; font-weight: 400; border:none; margin: 18px auto 0; transition: all 0.3s ease; } #form_preventivo input[type="submit"]:hover, #form_preventivo .submit:hover { background: rgb(158,4,13); } #form_preventivo input[type="submit"] svg, #form_preventivo .submit svg { margin: 0 0 3px 15px; } #form_preventivo input[type="submit"]:disabled, #form_preventivo .submit:disabled { background: #CCC; color: #333; } #form_preventivo input[type="submit"]:disabled path, #form_preventivo .submit:disabled path { stroke: #333; } #form_preventivo input.errore, #form_preventivo select.errore { border:1px solid rgb(158,4,13); background-color: #FFDFDF; } #form_preventivo #preventivo_div_marketing, #form_preventivo #preventivo_div_profilazione { font-size:13px; line-height:16px; font-weight:400; margin: 4px 0 0; -webkit-font-smoothing:antialiased; padding:0; color:#000; text-align:left; transition: all 0.3s ease; } #form_preventivo #preventivo_div_marketing table, #form_preventivo #preventivo_div_profilazione table { width: 100%; height: auto; border: none; } #form_preventivo #preventivo_div_marketing td, #form_preventivo #preventivo_div_profilazione td { width: 100%; height: 100%; text-align: left; vertical-align: top; } #form_preventivo #preventivo_div_marketing td:first-child, #form_preventivo #preventivo_div_profilazione td:first-child { width: 0.01%; box-sizing: border-box; padding: 0 12px 0 0; } #form_preventivo #preventivo_div_marketing td:last-child, #form_preventivo #preventivo_div_profilazione td:last-child { padding-top: 2px; } #form_preventivo #preventivo_div_marketing img, #form_preventivo #preventivo_div_profilazione img { cursor:pointer; max-width: none; border:1px solid #868E96; background-image:none; background-color:#FFF; float:left; background-repeat:no-repeat; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background-position:center center; transition: all 0.3s ease; } #form_preventivo #preventivo_div_marketing img.active, #form_preventivo #preventivo_div_profilazione img.active { background-size:15px auto; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNSAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuNSA1LjY4ODIyTDIuMTY5NjkgMEwwIDEuOTk2NDFMNy41IDEwTDE1IDEuOTk2NDFMMTIuODMwMyAwTDcuNSA1LjY4ODIyWiIgZmlsbD0iIzM0M0E0MCIvPjwvc3ZnPg=="); } #form_preventivo #preventivo_div_marketing img:hover, #form_preventivo #preventivo_div_profilazione img:hover { border:1px solid #e30613; } #form_preventivo #preventivo_div_marketing label, #form_preventivo #preventivo_div_profilazione label { display:inline; font-size:13px; line-height: 16px; font-weight:300; color:#000; padding: 0; text-transform:none; cursor:pointer; margin:0; -webkit-font-smoothing:antialiased; } #form_preventivo #preventivo_div_marketing a, #form_preventivo #preventivo_div_profilazione a { display: inline; font-size:12px; line-height:16px; color: #000; } #form_preventivo #preventivo_div_marketing a:hover, #form_preventivo #preventivo_div_marketing a:active, #form_preventivo #preventivo_div_marketing a:focus, #form_preventivo #preventivo_div_profilazione a:hover, #form_preventivo #preventivo_div_profilazione a:active, #form_preventivo #preventivo_div_profilazione a:focus { color: #e30613; } #form_preventivo a { display: block; color: #000; text-decoration: underline; font-size: 12px; line-height: 16px; font-weight: 300; text-align: left; transition: all 0.3s ease; } #form_preventivo a:hover, #form_preventivo a:active, #form_preventivo a:focus { color: #e30613; text-decoration: underline; } #form_preventivo .picker__day, #form_preventivo .picker__weekday { text-align: center; } #form_preventivo .picker__day { background: #E3F8E2; color: #006B2B; } #form_preventivo .picker__day.chiuso { background: #FFE4E4; color: #E72752; } #form_preventivo .picker__day.completo { background: #FDEBD0; color: #F59916; } #form_preventivo .picker__day.picker__day--disabled, #form_preventivo .picker__day.picker__day--disabled.chiuso, #form_preventivo .picker__day.picker__day--disabled.completo { background: #F5F5F5; color: #DDD; } #form_preventivo .picker__day.picker__day--outfocus { background: #F0F9EF; color: #DDD; } #form_preventivo .picker__day.picker__day--outfocus.chiuso { background: #FFF1F1; color: #DDD; } #form_preventivo .picker__day.picker__day--outfocus.completo { background: #FFF9F1; color: #DDD; } #form_preventivo .rooms strong { display: block; font-size: 14px; line-height: 19px; font-weight: 700; color: #000; margin: 10px; } #form_preventivo .rooms .rimuovi_camera { display: inline-block; cursor: pointer; } #form_preventivo .rooms .rimuovi_camera svg { margin: -4px 8px 0 0; } #form_preventivo .rooms .rimuovi_camera:hover rect:first-child { fill: #e30613; } #form_preventivo #addroom_div a { display: inline-block; text-decoration: underline; font-size: 13px; line-height: 16px; font-weight: 700; color: #000; margin: 0 0 8px; } #form_preventivo #addroom_div a:hover { text-decoration: underline; color: #e30613; } #form_preventivo #addroom_div a svg { margin: -2px 8px 0 0; } #form_preventivo #addroom_div a:hover rect:first-child { fill: #e30613; } #form_preventivo #preventivo_div_hotels { font-size:12px; line-height:16px; font-weight:400; } #form_preventivo #preventivo_div_hotels span { font-size:12px; font-weight:400; color:#000; text-decoration: underline; cursor: pointer; } #form_preventivo #preventivo_div_hotels span:hover { color:#000; } #form_preventivo #preventivo_div_hotels div { padding: 10px 0 0; font-size: 12px; line-height: 16px; color:#000; box-sizing: border-box; text-align: left; } #form_preventivo #preventivo_div_hotels #list_selected_hotels_p { font-size: 12px; line-height: 16px; color:#000; margin: 0; padding: 0; text-align: left; } #form_preventivo #div_preventivo_nazione_altro { display: none; } @media screen and (max-width: 767px) { #form_preventivo { width:100%; margin: 30px 0 0; } #form_preventivo .campo_preventivo, #form_preventivo .campo_preventivo_wide { width:96%; margin:0 2% 10px; } #form_preventivo .campo_preventivo_mobile, #form_preventivo .campo_preventivo_small { width:46%; margin:0 2% 10px; } #form_preventivo .campo_preventivo_mobile.margin, #form_preventivo .campo_preventivo_small.margin { margin-right: 4%; } } @media screen and (max-width: 400px) { #form_preventivo .campo_preventivo_mobile { width:96%; margin:0 2% 10px; } #form_preventivo input[type="submit"], #form_preventivo .submit { width: 100%; } } #popup_warning_preventivo { display: none; position: absolute; width: 320px; z-index: 10; top: 0; right: -340px; background: #FFF; box-sizing: border-box; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25); border-radius: 3px; padding: 30px; color: #000; font-size: 14px; font-weight: 700; line-height: 17px; } #popup_warning_preventivo .btn_close { position: absolute; top: 20px; right: 20px; z-index: 1; cursor: pointer; } #popup_warning_preventivo .btn_close path { transition: all 0.3s ease; } #popup_warning_preventivo .btn_close:hover path { fill: #e30613; } #popup_warning_preventivo .icona { margin: 0 0 20px; } #popup_warning_preventivo p { font-size: 14px; font-weight: 600; line-height: 17px; padding: 0; margin: 0 0 10px; } #popup_warning_preventivo p:last-child { margin: 0; } #popup_warning_preventivo b, #popup_warning_preventivo strong { font-weight: 700; color: #CC0100; } #popup_warning_chiuso, #popup_warning_completo, #popup_warning_custom, #popup_warning_validitaofferta { display: none; } @media screen and (max-width: 1020px) { #popup_warning_preventivo { left: 50%; right: auto; transform: translateX(-50%); } } /* BANNER MOBILE HOTEL */ #banner_mobile_hotel { display: none; visibility: hidden; height: 50px; position: fixed; bottom: 0; left: 0; right: 0; transition: all 0.3s ease; z-index: 1000; background: #e30613; border-radius: 8px 8px 0 0; line-height: 0; } #banner_mobile_hotel.nascosto { display: none; } #banner_mobile_hotel a { display: flex; width: 100%; height: 100%; text-decoration: none; align-items: center; justify-content: center; } #banner_mobile_hotel span { display: inline-block; font-size: 18px; line-height:22px; font-weight: 700; padding: 0 0 0 10px; color: #FFF; } @media screen and (max-width: 767px) { #banner_mobile_hotel { display: block; visibility: visible; } }