/* ========================================================================== Author's custom styles ========================================================================== */ @-webkit-keyframes hvr-wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes hvr-wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .hvr-wobble-horizontal span { -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); } .hvr-wobble-horizontal:hover span, .hvr-wobble-horizontal:focus span, .hvr-wobble-horizontal:active span { -webkit-animation-name: hvr-wobble-horizontal; animation-name: hvr-wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @-webkit-keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .hvr-wobble-vertical span, .hvr-wobble-vertical-div div, .hvr-wobble-vertical-this { -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); } .hvr-wobble-vertical:hover span, .hvr-wobble-vertical:focus span, .hvr-wobble-vertical:active span, .hvr-wobble-vertical-div:hover div, .hvr-wobble-vertical-div:focus div, .hvr-wobble-vertical-div:active div, .hvr-wobble-vertical-this:hover, .hvr-wobble-vertical-this:focus, .hvr-wobble-vertical-this:active { -webkit-animation-name: hvr-wobble-vertical; animation-name: hvr-wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /** GENERALE **/ body { padding: 0; margin: 0; background: #FFF; -webkit-font-smoothing: antialiased; font-family: 'Mulish', sans-serif; font-size: 16px; color: #333; font-weight: 400; } a { color: #007CC3; text-decoration: none; } a:hover, a:active, a:focus { color: #007CC3; text-decoration: underline; } img.aligncenter { display: block; margin: 0 auto; } div.introduzione { font-size: 18px; color: #333; line-height: 27px; margin: 20px auto 0; max-width: 960px; } div.introduzione p { font-size: 18px; color: #333; line-height: 27px; margin: 0 0 12px; padding: 0; } div.introduzione p:last-child { margin: 0; } .page-template-default .entry-content { margin: 20px auto 0; max-width: 960px; padding-bottom: 60px; font-size: 18px; line-height: 27px; font-weight: 400; color: #333; } .page-container { width: auto; padding: 0; margin-top: 70px; } .page-container .row { margin: 0; } .grecaptcha-badge { z-index: 10000; } @media screen and (max-width: 1000px) { div.introduzione { margin: 20px 20px 0; } .page-template-default .entry-content { margin: 20px 20px 0; } } @media screen and (max-width: 767px) { .page-container { margin-top: 65px; } .grecaptcha-badge { display: none; visibility: hidden; } } /* ancient-browser-alert error */ .ancient-browser-alert { background: #A00; color: #FAA; display: block; padding: 3px 0; text-align: center; } .ancient-browser-alert a { color: #FFF; text-decoration: underline; } .pagination { margin: 0; } .pagination-center { text-align: center; } .pagination-row { margin-bottom: 20px; } .required { color: #F00; } .row-with-vspace { margin-bottom: 20px; } .site-main .format-aside { background: #F5F5F5; } .site-title { margin-bottom: 0; margin-top: 10px; } .site-title > a { text-decoration: none; } .site-title > div { height: auto; line-height: 18px; } .site-title .site-description { color: #999; font-size: 16px; } .site-title .site-title-heading { margin: 0; } .widget_calendar #wp-calendar { margin: 0; } .widget_calendar #wp-calendar #next { text-align: right; } #comments .comment-navigation { margin-bottom: 0; } #comments .comment-navigation-below { margin-bottom: 20px; margin-top: 15px; } #comments .media-list li .media { margin-top: 15px; } #comments .media-list li .media .media-body { border: 1px solid #EEE; padding: 10px; } #comments .media-list li .media .media-body .comment-author { font-size: 12px; margin-bottom: 10px; } #comments .media-list ul.children { list-style: none; margin-left: 2.5em; } .entry-header { padding: 25px 0 0; max-width: 960px; margin: 0 auto; text-align: left; } #content { padding: 0; margin: 0; } @media screen and (max-width: 1000px) { .entry-header { margin: 0 20px; } } @media screen and (max-width: 767px) { .entry-header { padding: 20px 0 0; } } #main-column .wp-video-shortcode { display: block; height: auto; max-width: 100%; } #main-column .attachment .entry-content { margin-bottom: 20px; } #main-column .attachment .entry-content .attachment { text-align: center; } #main-column .attachment .entry-meta { margin-bottom: 20px; } #main-column .post .entry-header .entry-meta { color: #909090; } #main-column .post .entry-header .entry-meta a { color: inherit; } #main-column .post .entry-header .entry-meta .posted-on .updated { display: none; } #main-column .post .entry-meta .categories-icon { cursor: default; } #main-column .post .entry-meta .comments-link a { color: #333; } #main-column .post .entry-meta .comments-link a .comment-icon .comment-total, #main-column .page .entry-meta .comments-link a .comment-icon .comment-total { color: #555; font-size: 12px; margin-left: 5px; } #main-column .attachment .edit-post-link a, #main-column .attachment .entry-meta .edit-post-link a, #main-column .post .entry-meta .edit-post-link a, #main-column .page .entry-meta .edit-post-link a { color: #333; } #main-column .post .entry-meta .tags-icon { cursor: default; } #main-column .attachment .entry-title, #main-column .post .entry-title, #main-column .page .entry-title { margin: 0; padding: 0; font-size: 30px; line-height: 39px; color: #333; font-weight: 700; } #main-column .page .entry-title span { color: #007CC3; } @media screen and (max-width: 767px) { #main-column .attachment .entry-title, #main-column .post .entry-title, #main-column .page .entry-title { font-size: 25px; line-height: 32px; } } /** HEADER **/ #header { width: 100%; box-sizing: border-box; } #barra_top, #barra_top.sticky { height: 70px; background-color: #007CC3; transition: all 0.2s linear; position: fixed; width: 100%; z-index: 10000; top: 0; } #barra_top #barra_top_container { width: auto; max-width: 1080px; height: 70px; position: relative; margin: 0 auto; box-sizing: border-box; padding: 0 102px 0 0; } #barra_top #main_logo { display: block; text-decoration: none; width: 68px; height: 91px; position: absolute; top: 19px; left: 0; z-index: 3; transition: all 0.2s linear; } .home #barra_top #main_logo { width: 101px; height: 133px; } .home #barra_top.sticky #main_logo { width: 68px; height: 91px; } #barra_top #main_logo img { width: 100%; height: 100%; object-fit: contain; transition: all 0.2s linear; } #barra_top #main_logo img.principale, #barra_top.menu_open #main_logo img.principale { display: block; } #barra_top #main_logo img.menu, #barra_top.menu_open #main_logo img.menu { display: none; } #barra_top #btn_menu, #barra_top #close_menu { display: block; width: 52px; height: 52px; text-decoration: none; position: absolute; top: 9px; right: 0; z-index: 1; background: rgba(0, 0, 0, 0); border-radius: 3px; transition: all 0.2s linear; text-align: center; padding: 15px 0 0; font-size: 12px; line-height: 0; color: #FFF; font-weight: 600; } #barra_top #close_menu { display: none; padding: 11.5px 0 0; } #barra_top #btn_menu:hover, #barra_top #btn_menu:active, #barra_top #btn_menu:focus, #barra_top #close_menu:hover, #barra_top #close_menu:active, #barra_top #close_menu:focus { text-decoration: none; background: rgba(0, 0, 0, 0.1); } #barra_top #btn_menu .mobile { display: none; visibility: hidden; } #barra_top #btn_menu svg { margin: 0 auto; } #barra_top #btn_menu span { display: block; line-height: 17px; margin: 2px 0 0; } .btn_standard { display: flex; width: fit-content; height: 45px; border-radius: 5px; text-decoration: none; box-sizing: border-box; font-weight: 700; font-size: 16px; line-height: 16px; text-align: center; color: #FFF; padding: 0 14px; transition: all 0.2s linear; flex-direction: row; justify-content: center; align-items: center; cursor: pointer; background: #FF473A; } .btn_standard svg { vertical-align: text-bottom; } .btn_standard:hover, .btn_standard:active, .btn_standard:focus { background: #E62619; color: #FFF; text-decoration: none; } .btn_standard#footer_contact_us { margin-bottom: 15px; font-size: 18px; line-height: 18px; } .btn_standard#footer_contact_us svg { margin: 0 0 0 12px; } #barra_top #header_btn_preventivo { display: block; float: right; height: 45px; background: #FF473A; border-radius: 5px; text-decoration: none; box-sizing: border-box; margin: 11px 0 0; font-weight: 700; font-size: 16px; line-height: 20px; text-align: center; color: #FFF; padding: 12px 14px 0; transition: all 0.2s linear; } #barra_top #header_btn_preventivo:hover, #barra_top #header_btn_preventivo:active, #barra_top #header_btn_preventivo:focus { background: #E62619; color: #FFF; text-decoration: none; } #barra_top #header_lbl_preventivo { display: block; float: right; margin: 16px 10px 0 0; font-weight: 500; font-size: 13px; line-height: 140%; color: #FFF; } #barra_top #header_punti_preventivo { display: flex; flex-direction: column; float: right; margin: 11px 10px 0 0; font-weight: 700; font-size: 14px; line-height: 140%; color: #FFF; } #barra_top #header_punti_preventivo span { display: block; } #barra_top #header_punti_preventivo span:first-child { margin: 0 0 5px; } #barra_top #header_punti_preventivo span svg { margin: 0 6px -1px 0; vertical-align: text-bottom; } #barra_top #header_separatore_mobile { display: none; float: right; width: 1px; height: 39px; background: #FFF; margin: 13px 16px 0 20px; } #barra_top #header_hotels_mobile { display: none; float: right; font-weight: 600; font-size: 12px; line-height: 0; text-decoration: none; color: #FFF; box-sizing: border-box; padding: 15px 0 0; text-align: center; } #barra_top #header_hotels_mobile span { display: block; line-height: 17px; margin: 3px 0 0; } #barra_top #header_btn_lingua { position: absolute; top: 9px; right: 28px; z-index: 2; } #barra_top #header_btn_lingua > a { display: block; min-width: 52px; height: 52px; text-decoration: none; background: rgba(0, 0, 0, 0); border-radius: 3px; transition: all 0.2s linear; text-align: center; padding: 8px 0 0; font-weight: 400; font-size: 12px; line-height: 0; color: rgba(255, 255, 255, 0.7); } #barra_top #header_btn_lingua > a:hover, #barra_top #header_btn_lingua > a:active, #barra_top #header_btn_lingua > a:focus { text-decoration: none; background: rgba(0, 0, 0, 0.1); } #barra_top #header_btn_lingua img { width: 20px; height: 20px; margin: 0 auto 3px; } #barra_top #header_btn_lingua span { display: block; line-height: 19px; } #barra_top #header_popup_lingua { display: none; position: absolute; left: 0; right: 0; top: 70px; z-index: 1; } #barra_top #header_popup_lingua div { background: #FFF; padding: 10px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15); border-radius: 20px; box-sizing: border-box; display: block; margin: 0 auto; width: 50px; } #barra_top #header_popup_lingua a { display: block; width: 30px; height: 30px; background-repeat: no-repeat; background-size: 30px auto; margin: 0 auto 10px; text-decoration: none; position: relative; } #barra_top #header_popup_lingua a:last-child { margin: 0 auto; } #barra_top #header_popup_lingua a:hover { text-decoration: none; } #barra_top #header_popup_lingua a span { display: block; width: 30px; height: 30px; background: #000; opacity: 0; position: absolute; left: 0; top: 0; z-index: 1; border-radius: 16px; transition: all 0.2s linear; } #barra_top #header_popup_lingua a:hover span { opacity: 0.2; } @media screen and (max-width: 1300px) { #barra_top #barra_top_container { margin: 0 110px 0 auto; } #barra_top.menu_open #main_logo, .home #barra_top.menu_open #main_logo { width: 68px; height: 91px; } } @media screen and (max-width: 1210px) { #barra_top #barra_top_container { margin: 0 110px 0 20px; } } @media screen and (max-width: 1060px) { #barra_top #header_popup_lingua div { width: 44px; } #barra_top #header_popup_lingua a { width: 24px; height: 24px; background-size: 24px auto; } #barra_top #header_popup_lingua a span { width: 24px; height: 24px; } } @media screen and (max-width: 767px) { #barra_top, #barra_top.sticky { height: 65px; } #barra_top #barra_top_container { height: 65px; margin: 0 14px 0 20px; padding: 0 48px 0 0; } #barra_top #main_logo, #barra_top.menu_open #main_logo { width: 70px; height: 93px; } .home #barra_top #main_logo, .home #barra_top.menu_open #main_logo { width: 80px; height: 106px; } #barra_top #main_logo img.principale { display: block; } #barra_top.menu_open #main_logo img.principale { display: none; } #barra_top #main_logo img.menu { display: none; } #barra_top.menu_open #main_logo img.menu { display: block; } #barra_top #btn_menu { top: 0; } #barra_top #btn_menu .desktop { display: none; visibility: hidden; } #barra_top #btn_menu .mobile { display: block; visibility: visible; } #barra_top #close_menu { top: 6.5px; } #barra_top #header_btn_preventivo, #barra_top #header_lbl_preventivo, #barra_top #header_punti_preventivo, #barra_top #header_btn_lingua { display: none; visibility: hidden; } #barra_top #header_separatore_mobile, #barra_top #header_hotels_mobile { display: block; } } /** MENU PRINCIPALE **/ #barra_top #main_menu_background { display: none; position: absolute; top: 70px; left: 0; right: 0; z-index: 1; background: rgba(0, 0, 0, 0.35); height: calc(100vh - 70px); } #barra_top #main_menu { display: none; position: absolute; top: 70px; left: 0; right: 0; z-index: 2; background: #FAF9F8; box-sizing: border-box; padding: 30px 20px; } #barra_top #main_menu .main_menu_container { width: auto; max-width: 1500px; margin: 0 auto; } #barra_top #main_menu .main_menu_container img { float: left; width: 467px; height: 360px; object-fit: cover; } #barra_top #main_menu .main_menu_container img.high { height: 450px; } #barra_top #main_menu .main_menu_container .colonna { float: left; width: 410px; box-sizing: border-box; padding: 20px 0 0 85px; } #barra_top #main_menu .main_menu_container .link { margin: 0 0 40px; cursor: pointer; } #barra_top #main_menu .main_menu_container .link.doubleline, #barra_top #main_menu .main_menu_container .link.it.it_doubleline, #barra_top #main_menu .main_menu_container .link.de.de_doubleline, #barra_top #main_menu .main_menu_container .link.fr.fr_doubleline { margin: 0 0 20px; } #barra_top #main_menu .main_menu_container .link:last-child, #barra_top #main_menu .main_menu_container .link.doubleline:last-child, #barra_top #main_menu .main_menu_container .link.it.it_doubleline:last-child, #barra_top #main_menu .main_menu_container .link.de.de_doubleline:last-child, #barra_top #main_menu .main_menu_container .link.fr.fr_doubleline:last-child { margin: 0; } #barra_top #main_menu .main_menu_container .link table { width: 100%; height: 50px; border: none; } #barra_top #main_menu .main_menu_container .link td:first-child { width: 65px; height: 50px; box-sizing: border-box; padding: 0 14px 0 0; text-align: center; vertical-align: middle; } #barra_top #main_menu .main_menu_container .link td:last-child { height: 50px; box-sizing: border-box; padding: 2px 0 2px 20px; border-left: 1px solid #C4C4C4; font-weight: 400; font-size: 14px; line-height: 17px; color: #333; text-align: left; vertical-align: middle; } #barra_top #main_menu .main_menu_container .link a { display: block; text-decoration: none; font-weight: 600; font-size: 18px; line-height: 22px; color: #333; margin: 0 0 6px; } #barra_top #main_menu .main_menu_container .link:hover a, #barra_top #main_menu .main_menu_container .link a:hover, #barra_top #main_menu .main_menu_container .link a:active, #barra_top #main_menu .main_menu_container .link a:focus { text-decoration: none; color: #007CC3; } #barra_top #main_menu .main_menu_container .link i { font-style: normal; } #barra_top #main_menu .main_menu_container .link svg.mobile { display: none; } #barra_top #main_menu .lingue { display: none; position: absolute; left: 35px; right: 35px; bottom: 30px; z-index: 2; } #barra_top #main_menu .lingue > span { display: block; float: left; font-weight: 400; font-size: 12px; line-height: 20px; color: #FFF; } #barra_top #main_menu .lingue a { display: block; float: left; width: 20px; height: 20px; background-repeat: no-repeat; background-size: 20px auto; margin: 0 0 0 10px; text-decoration: none; position: relative; } #barra_top #main_menu .lingue a:hover, #barra_top #main_menu .lingue a:active, #barra_top #main_menu .lingue a:focus { text-decoration: none; } #barra_top #main_menu .lingue a > span { display: block; width: 20px; height: 20px; background: #000; opacity: 0; position: absolute; left: 0; top: 0; z-index: 1; border-radius: 10px; transition: all 0.2s linear; } #barra_top #main_menu .lingue a:hover > span, #barra_top #main_menu .lingue a:active > span, #barra_top #main_menu .lingue a:focus > span { opacity: 0.2; } #barra_top #main_menu .banner_tawk { display: none; visibility: hidden; line-height: 0; flex-direction: row; border-radius: 8px; background: #FFF; border: 1px solid #FF473A; box-sizing: border-box; padding: 13px; margin: 34px 0 0; justify-content: start; align-items: center; text-decoration: none; } #barra_top #main_menu .banner_tawk:hover, #barra_top #main_menu .banner_tawk:active, #barra_top #main_menu .banner_tawk:focus { text-decoration: none; } #barra_top #main_menu .main_menu_container .banner_tawk img { display: block; visibility: visible; width: 80px; height: auto; } #barra_top #main_menu .banner_tawk span { display: block; margin: 0 0 0 11px; font-size: 18px; line-height: 22px; font-weight: 700; color: #FF473A; } #barra_top #main_menu .banner_tawk span i { display: block; font-size: 12px; line-height: 18px; font-weight: 500; color: #333; font-style: normal; margin: 6px 0 0; } #barra_top #main_menu .pulsante { box-sizing: border-box; padding: 6px 0 0; } #barra_top #main_menu .pulsante a { display: block; height: 45px; background: #FF473A; border-radius: 5px; text-decoration: none; box-sizing: border-box; font-weight: 700; font-size: 16px; line-height: 20px; text-align: left; color: #FFF; padding: 12px 32px 0 15px; transition: all 0.2s linear; position: relative; } #barra_top #main_menu .pulsante a:hover, #barra_top #main_menu .pulsante a:active, #barra_top #main_menu .pulsante a:focus { background: #E62619; color: #FFF; text-decoration: none; } #barra_top #main_menu .pulsante a svg { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); z-index: 1; } @media screen and (max-width: 1400px) { #barra_top #main_menu .main_menu_container .colonna { width: 390px; padding: 20px 0 0 55px; } } @media screen and (max-width: 1300px) { #barra_top #main_menu { padding: 60px 20px 30px; } #barra_top #main_menu .main_menu_container { width: 680px; } #barra_top #main_menu .main_menu_container img { display: none; visibility: hidden; } #barra_top #main_menu .main_menu_container .colonna { width: 340px; padding: 0; } } @media screen and (max-width: 767px) { #barra_top #main_menu { top: 65px; background: #007CC3; padding: 0; height: calc(100vh - 65px); } #barra_top #main_menu .main_menu_container { width: auto; height: auto; position: absolute; left: 35px; right: 35px; top: 100px; bottom: 80px; z-index: 1; overflow-x: hidden; overflow-y: scroll; border-top: 1px solid rgba(243, 243, 243, 0.3); } #barra_top #main_menu .main_menu_container .colonna { float: none; width: 100%; } #barra_top #main_menu .main_menu_container .link { border-bottom: 1px solid rgba(243, 243, 243, 0.3); margin: 0; } #barra_top #main_menu .main_menu_container .link.doubleline, #barra_top #main_menu .main_menu_container .link.it.it_doubleline, #barra_top #main_menu .main_menu_container .link.de.de_doubleline, #barra_top #main_menu .main_menu_container .link.fr.fr_doubleline { margin: 0; } #barra_top #main_menu .main_menu_container .link table { height: auto; } #barra_top #main_menu .main_menu_container .link td:first-child { width: 50px; height: auto; padding: 0 18px 0 0; } #barra_top #main_menu .main_menu_container .link td:last-child { height: auto; padding: 15px 0 15px 0; border-left: none; color: #FFF; } #barra_top #main_menu .main_menu_container .link a { color: #FFF; margin: 0 0 3px; } #barra_top #main_menu .main_menu_container .link:hover a, #barra_top #main_menu .main_menu_container .link a:hover, #barra_top #main_menu .main_menu_container .link a:active, #barra_top #main_menu .main_menu_container .link a:focus { color: #FFF; } #barra_top #main_menu .main_menu_container .link i { color: rgba(255, 255, 255, 0.6); } #barra_top #main_menu .main_menu_container .link svg.desktop { display: none; } #barra_top #main_menu .main_menu_container .link svg.mobile { display: inline-block; } #barra_top #main_menu .lingue { display: block; } #barra_top #main_menu .banner_tawk { display: flex; visibility: visible; } #barra_top #main_menu .pulsante { padding: 30px 0 0; } #barra_top #main_menu .pulsante a { display: inline-block; min-width: 250px; } } /** HEADER FOTOGRAFICO DEGLI ARTICOLI DEL BLOG **/ #photoheader2 { background-position: center top; background-repeat: no-repeat; padding: 0; background-color: transparent; position: relative; } #photoheader2 #copyright_photo { display: block; position: absolute; left: 8px; bottom: 6px; color: #FFF; font-size: 11px; font-weight: 700; z-index: 1; } #photoheader2 #trasparenza_header { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(../img/trasparenza_header.png); } #photoheader2 #header_container { width: 100%; height: 600px; margin: 0 auto; position: relative; text-align: center; transition: all 0.1s linear; } #photoheader2 #header_mobile { display: none; width: 100%; height: 232px; background-position: center top; background-repeat: no-repeat; background-size: cover; } @media screen and (max-width: 1260px) { #photoheader2 #header_container { padding: 0 30px; } } @media screen and (max-width: 1060px) { #photoheader2 { background-size: cover;} #photoheader2 #header_container { height: 500px; } } @media screen and (max-width: 960px) { #photoheader2 #header_container { text-align: right; } } @media screen and (max-width: 767px) { #photoheader2 #copyright_photo { top: 208px; bottom: auto; } #photoheader2 #header_container { height: auto; padding: 0; display: block; } #photoheader2 #header_mobile { display: block; } } /** BREADCRUMB **/ #breadcrumbs_container { padding: 39px 0 0; box-sizing: border-box; } #breadcrumbs { max-width: 960px; margin: 0 auto; font-size: 14px; line-height: 21px; color: #333; font-weight: 400; } #breadcrumbs a { color: #868E96; text-decoration: none; } #breadcrumbs a:hover, #breadcrumbs a:active, #breadcrumbs a:focus { color: #868E96; text-decoration: underline; } #breadcrumbs .breadcrumb_last { color: #868E96; } @media screen and (max-width: 1100px) { #breadcrumbs_container { padding: 50px 0 0; } } @media screen and (max-width: 1000px) { #breadcrumbs { margin: 0 20px; } } @media screen and (max-width: 767px) { #breadcrumbs_container { padding: 57px 0 0; font-size: 12px; line-height: 18px; } } /** SIDEBAR **/ #sidebar-left .widget, #sidebar-right .widget { border: 1px solid #F3F3F3; margin-bottom: 20px; overflow: hidden; padding: 0; } #sidebar-left .widget ul, #sidebar-right .widget ul { padding: 8px 0; list-style: none; } #sidebar-left .widget li, #sidebar-right .widget li { display: block; color: #333; font-weight: 400; font-size: 16px; padding: 8px 20px 8px 26px; cursor: pointer; background-image: none; background-repeat: no-repeat; background-position: left center; } #sidebar-left .widget .children li, #sidebar-right .widget .children li { display: block; color: #333; font-weight: 400; font-size: 16px; padding: 8px 20px 8px 46px; cursor: pointer; background-image: url(../img/servizio_no.png); background-repeat: no-repeat; background-position: left center; } #sidebar-left .widget li a, #sidebar-right .widget li a { color: #333; } #sidebar-left .widget li a:hover, #sidebar-left .widget li a:active, #sidebar-left .widget li a:focus, #sidebar-right .widget li a:hover, #sidebar-right .widget li a:active, #sidebar-right .widget li a:focus { color: #333; text-decoration: none; } #sidebar-left .widget .widget-title, #sidebar-right .widget .widget-title { width: 100%; height: 60px; box-sizing: border-box; background: #007CC3; color: #FFF; margin: 0; padding: 4px 26px 0; font-family: 'Mulish', sans-serif; font-size: 28px; font-weight: 400; line-height: 60px; } #sidebar-left .widget .tagcloud a, #sidebar-right .widget .tagcloud a { display: block; color: #333; font-weight: 400; font-size: 16px !important; padding: 8px 20px 8px 70px; cursor: pointer; background-image: url(../img/servizio_no.png); background-repeat: no-repeat; background-position: 27px center; } #sidebar-left .widget .tagcloud a:hover, #sidebar-left .widget .tagcloud a:active, #sidebar-left .widget .tagcloud a:focus, #sidebar-right .widget .tagcloud a:hover, #sidebar-right .widget .tagcloud a:active, #sidebar-right .widget .tagcloud a:focus { color: #333; text-decoration: none; } /** FOOTER **/ #site-footer { background: #333; font-size: 16px; line-height: 22px; color: rgba(255, 255, 255, 0.7); box-sizing: border-box; padding: 0 20px; font-weight: 400; } #site-footer #footer_wrapper { max-width: 960px; margin: 0 auto; box-sizing: border-box; padding: 48px 0; } #site-footer p { margin: 0 0 10px; padding: 0; font-size: 16px; line-height: 22px; color: rgba(255, 255, 255, 0.7); font-weight: 400; } #site-footer p.small { font-size: 14px; line-height: 20px; } #site-footer a:not(.btn_standard) { color: rgba(255, 255, 255, 0.7); text-decoration: none; transition: all 0.2s linear; } #site-footer a:not(.btn_standard):hover, #site-footer a:not(.btn_standard):active, #site-footer a:not(.btn_standard):focus { color: #FFF; text-decoration: none; } #site-footer strong { font-weight: 600; } #site-footer #footer_wrapper .lingue { display: none; margin: 0 0 30px; } #site-footer #footer_wrapper .lingue > span { display: block; float: left; font-weight: 400; font-size: 14px; line-height: 20px; color: rgba(255, 255, 255, 0.7); } #site-footer #footer_wrapper .lingue a { display: block; float: left; width: 20px; height: 20px; background-repeat: no-repeat; background-size: 20px auto; margin: 0 0 0 10px; text-decoration: none; position: relative; } #site-footer #footer_wrapper .lingue a:hover, #site-footer #footer_wrapper .lingue a:active, #site-footer #footer_wrapper .lingue a:focus { text-decoration: none; } #site-footer #footer_wrapper .lingue a > span { display: block; width: 20px; height: 20px; background: #000; opacity: 0; position: absolute; left: 0; top: 0; z-index: 1; border-radius: 10px; transition: all 0.2s linear; } #site-footer #footer_wrapper .lingue a:hover > span, #site-footer #footer_wrapper .lingue a:active > span, #site-footer #footer_wrapper .lingue a:focus > span { opacity: 0.2; } #site-footer #footer_wrapper .social { width: auto; margin: 40px 0 0; } #site-footer #footer_wrapper .social a { display: block; width: 29px; height: 29px; margin: 0 6px 0 0; float: left; text-decoration: none; } #site-footer #footer_wrapper .social a:hover, #site-footer #footer_wrapper .social a:active, #site-footer #footer_wrapper .social a:focus { text-decoration: none; } #site-footer #footer_wrapper .social a svg { transition: all 0.2s linear; } #site-footer #footer_wrapper .social a:hover svg, #site-footer #footer_wrapper .social a:active svg, #site-footer #footer_wrapper .social a:focus svg { opacity: 0.6; } #site-footer p.copyright { font-size: 14px; line-height: 20px; margin: 0; } #site-footer p.copyright a.area38, #site-footer p.copyright a.hm { display: inline-block; background-repeat: no-repeat; text-decoration: none; transition: all 0.2s linear; } #site-footer #footer_wrapper .bando { display: inline-block; margin: 10px 0; } #site-footer #footer_wrapper .bando img { max-width: 280px; } #site-footer .loghi_regione { display: flex; flex-direction: row; align-items: center; margin: 0 0 10px; } #site-footer .loghi_regione img { margin: 0 20px 0 0; transition: all 0.2s linear; } #site-footer .loghi_regione a { margin: 0 20px 0 0; text-decoration: none; transition: all 0.2s linear; } #site-footer .loghi_regione a:hover img { text-decoration: none; opacity: 0.8; } #site-footer .loghi_regione img:last-child, #site-footer .loghi_regione a:last-child { margin: 0; } #site-footer p.copyright a.area38 { width: 50px; height: 15px; margin: 0 0 0 7px; background-size: 50px auto; } #site-footer p.copyright a.hm { width: 100px; height: 22px; margin: 0 0 -10px 7px; background-size: 100px auto; } #site-footer p.copyright a.area38:hover, #site-footer p.copyright a.area38:active, #site-footer p.copyright a.area38:focus, #site-footer p.copyright a.hm:hover, #site-footer p.copyright a.hm:active, #site-footer p.copyright a.hm:focus { text-decoration: none; opacity: 0.6; } #site-footer a.footer_link{ display: block; color: #FFF; font-size: 22px; line-height: 31px; margin-bottom: 12.5px; font-weight: 600; text-decoration: none; } #site-footer a.footer_link:last-of-type{ margin-bottom: 36px; } #site-footer a.footer_link:hover { color: #FFF; text-decoration: underline; } #site-footer a.footer_link svg { margin: 0 0 0 12px; } #site-footer a.footer_link br.mobile { display: none; } @media screen and (max-width: 767px) { #site-footer #footer_wrapper { padding: 32px 0 93px; } .home #site-footer #footer_wrapper { padding: 32px 0 28px; } #site-footer #footer_wrapper .lingue { display: block; } #site-footer #footer_wrapper .social { margin: 30px 0 0; } #site-footer a.footer_link { font-size: 19px; line-height: 27px; margin-bottom: 10px; padding-top: 8px; } #site-footer a.footer_link br.mobile { display: inline; } #site-footer a.footer_link:last-of-type { margin-bottom: 24px; } } /** FASCIA PARTNER **/ #fascia_partner { width: 100%; background: #FFF; box-sizing: border-box; padding: 40px 20px; text-align: center; } #fascia_partner a { display: inline-block; background-repeat: no-repeat; background-position: center center; transition: all 0.2s linear; margin: 0 20px; } #fascia_partner a:hover, #fascia_partner a:focus, #fascia_partner a:active { opacity: 0.6; } #fascia_partner a#partner_eroica { width: 95px; height: 74px; background-size: 95px auto; } #fascia_partner a#partner_limar { width: 80px; height: 74px; background-size: 80px auto; } #fascia_partner a#partner_pissei { width: 85px; height: 74px; background-size: 85px auto; } #fascia_partner a#partner_nrg { width: 68px; height: 74px; background-size: 68px auto; } #fascia_partner a#partner_fci { width: 110px; height: 74px; background-size: 110px auto; } #fascia_partner a#partner_elite { width: 106px; height: 74px; background-size: 106px auto; } #fascia_partner a#partner_scuola { width: 64px; height: 74px; background-size: 64px auto; } #fascia_partner a#partner_bicisupport { width: 150px; height: 74px; background-size: 150px auto; } #fascia_partner a#partner_topdolomites { width: 99px; height: 74px; background-size: 99px auto; } #fascia_partner a#partner_barbieri { width: 125px; height: 74px; background-size: 99px auto; } #fascia_partner a#partner_svitol { width: 80px; height: 80px; background-size: 80px auto; } #fascia_partner a img { width: 100%; height: 100%; object-fit: contain; object-position: center center; } @media screen and (max-width: 767px) { #fascia_partner { padding: 20px 10px 85px; } #fascia_partner a { margin: 0 10px; } } /** STICKY FOOTER **/ #sticky_footer { display: none; position: fixed; bottom: 0; left: 0; right: 0; z-index: 1000; padding: 0 20px; background: #F3F3F3; border-top: 1px solid #EBEBEB; height: 60px; box-sizing: border-box; } #sticky_footer table { width: 100%; height: 60px; border: none; } #sticky_footer td { height: 100%; vertical-align: middle; } #sticky_footer td:first-child { text-align: left; font-weight: 600; font-size: 13px; line-height: 18px; color: #333; } #sticky_footer td:last-child { text-align: right; } #sticky_footer a { display: inline-block; height: 45px; background: #FF473A; border-radius: 5px; text-decoration: none; box-sizing: border-box; font-weight: 700; font-size: 16px; line-height: 20px; text-align: center; color: #FFF; padding: 12px 14px 0; transition: all 0.2s linear; } #sticky_footer a:hover, #sticky_footer a:active, #sticky_footer a:focus { background: #E62619; color: #FFF; text-decoration: none; } /* #sticky_footer a.banner_tawk { color: #FFF; background: #007CC3; } #sticky_footer a.banner_tawk img { width: 20px; margin: 0 5px 0 0; } #sticky_footer a.banner_tawk:hover, #sticky_footer a.banner_tawk:active, #sticky_footer a.banner_tawk:focus { background: #007CC3; } */ #sticky_footer2 { display: none; position: fixed; bottom: 0; left: 0; right: 0; z-index: 1000; padding: 0 10px; background: #F3F3F3; border-top: 1px solid #EBEBEB; height: 70px; box-sizing: border-box; } #sticky_footer2 table { width: 100%; height: 70px; border: none; } #sticky_footer2 td { width: 50%; height: 100%; vertical-align: middle; box-sizing: border-box; } #sticky_footer2 td:first-child { text-align: left; padding: 0 5px 0 0; } #sticky_footer2 td:last-child { text-align: right; padding: 0 0 0 5px; } #sticky_footer2 a, #sticky_footer2 span { display: flex; width: 100%; height: 50px; border-radius: 5px; text-decoration: none; box-sizing: border-box; font-weight: 700; font-size: 16px; line-height: 16px; text-align: center; color: #FFF; padding: 0 14px; transition: all 0.2s linear; flex-direction: row; justify-content: center; align-items: center; cursor: pointer; } #sticky_footer2 a { background: #FF473A; } #sticky_footer2 span { background: #007CC3; } #sticky_footer2 a:hover, #sticky_footer2 a:active, #sticky_footer2 a:focus { background: #E62619; color: #FFF; text-decoration: none; } #sticky_footer2 span:hover { background: #007CC3; color: #FFF; } #sticky_footer2 a svg, #sticky_footer2 span svg { margin: 0 5px 0 0; } /* NEW STICKY */ #sticky_footer3 { display: none; position: fixed; bottom: 0; left: 0; right: 0; z-index: 1000; padding: 15px 20px; background: #F3F3F3; border-top: 1px solid #EBEBEB; box-sizing: border-box; } #sticky_footer3 .sticky_footer_container { display: flex; flex-direction: row; justify-content: start; align-items: center; } #sticky_footer3 .punti_container { display: flex; flex-direction: column; } #sticky_footer3 a { display: flex; min-width: 190px; border-radius: 5px; text-decoration: none; margin: 0 10px 0 0; box-sizing: border-box; font-weight: 700; font-size: 16px; line-height: 16px; text-align: center; color: #FFF; padding: 12px 10px 13px; transition: all 0.2s linear; flex-direction: row; justify-content: center; align-items: center; cursor: pointer; background: #FF473A; } #sticky_footer3 a:hover, #sticky_footer3 a:active, #sticky_footer3 a:focus { background: #E62619; color: #FFF; text-decoration: none; } #sticky_footer3 a svg { margin: 0 5px 0 0; vertical-align: text-bottom; } #sticky_footer3 span { font-weight: 700; font-size: 14px; } #sticky_footer3 span:first-child { margin: 0 0 5px; } #sticky_footer3 span svg { margin: 0 6px -1px 0; vertical-align: text-bottom; } /* .tawk_button { display: block; position: fixed; right: 50px; bottom: 0; padding: 0 90px 0 20px; min-width: 200px; line-height: 40px; text-align: center; background: #007CC3; border-radius: 15px 15px 0 0; color: #FFF; z-index: 100; } .tawk_button img { position: absolute; right: 15px; top: -100px; } .tawk_button:hover, .tawk_button:active, .tawk_button:focus { color: #FFF; text-decoration: none; } */ #brevo_meetings_button { display: block; position: fixed; right: 50px; bottom: 0; padding: 0 20px; cursor: pointer; line-height: 40px; text-align: center; background: #FF473A; border-radius: 10px 10px 0 0; color: #FFF; z-index: 100; opacity: 0; visibility: hidden; transition: all 0.3s ease; font-size: 18px; font-weight: 700; } #brevo_meetings_button.visible { opacity: 1; visibility: visible; } #brevo_meetings_button:hover { background: #E62619; color: #FFF; text-decoration: none; } #brevo_meetings_button svg { margin: 0 10px -3px 0; } @media screen and (max-width: 960px) { .scheda_touritinerante #sticky_footer { display: block; } } @media screen and (max-width: 767px) { #sticky_footer, #sticky_footer2, #sticky_footer3 { display: block; } /* .tawk_button { display: none; } */ #brevo_meetings_button { display: none; } } /** FORM NEWSLETTER **/ #section_newsletter table { width: 100%; height: 590px; border: none; } #section_newsletter td { height: 100%; text-align: left; vertical-align: middle; box-sizing: border-box; padding: 0; } #section_newsletter td.foto1 { width: 25%; padding-right: 10px; } #section_newsletter td.foto2 { width: 25%; } #section_newsletter td.foto_large { width: 50%; } #section_newsletter td.foto1 img, #section_newsletter td.foto2 img, #section_newsletter td.foto_large img { width: 100%; height: 100%; object-fit: cover; } #section_newsletter td.contenitore { width: 50%; background: #007CC3; padding: 40px 20px 40px 60px; position: relative; } #section_newsletter .logo { width: 70px; height: 93px; object-fit: contain; display: none; position: absolute; left: 50%; top: -50px; margin-left: -35px; z-index: 1; } #section_newsletter h3 { display: block; width: 390px; color: #FFF; font-size: 30px; line-height: 36px; font-weight: 700; margin: 0 0 30px; padding: 0; } #section_newsletter form#form_newsletter { padding: 0; margin: 0; width: 390px; } #section_newsletter form#form_newsletter .linea { width: 100%; height: 1px; background: #333; } #section_newsletter form#form_newsletter input, #section_newsletter form#form_newsletter select { width: 100%; height: 50px; margin: 0; background: #FFF; border: 1px solid #FFF; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: 'Mulish', sans-serif; font-size: 12px; color: #333; font-weight: 400; padding: 0 19px; cursor: pointer; -webkit-font-smoothing: antialiased; line-height: 50px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; display: block; -webkit-appearance: none; -moz-appearance: none; transition: all 0.2s linear; } #section_newsletter form#form_newsletter select { background-repeat: no-repeat; background-size: 12px auto; background-position: calc(100% - 10px) center; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjQ2OTY3IDAuNDY5NjdDMC43NjI1NjMgMC4xNzY3NzcgMS4yMzc0NCAwLjE3Njc3NyAxLjUzMDMzIDAuNDY5NjdMNiA0LjkzOTM0TDEwLjQ2OTcgMC40Njk2N0MxMC43NjI2IDAuMTc2Nzc3IDExLjIzNzQgMC4xNzY3NzcgMTEuNTMwMyAwLjQ2OTY3QzExLjgyMzIgMC43NjI1NjMgMTEuODIzMiAxLjIzNzQ0IDExLjUzMDMgMS41MzAzM0w2IDcuMDYwNjZMMC40Njk2NyAxLjUzMDMzQzAuMTc2Nzc3IDEuMjM3NDQgMC4xNzY3NzcgMC43NjI1NjMgMC40Njk2NyAwLjQ2OTY3WiIgZmlsbD0iYmxhY2siLz48L3N2Zz4="); } #section_newsletter form#form_newsletter input#newsletter_email { margin: 0 0 10px; } #section_newsletter form#form_newsletter input:hover, #section_newsletter form#form_newsletter input:focus, #section_newsletter form#form_newsletter select:hover, #section_newsletter form#form_newsletter select:focus { border: 1px solid #FF473A; } #section_newsletter form#form_newsletter input.errore, #section_newsletter form#form_newsletter select.errore { border: 1px solid #C00; background: #FFDBDB; } #form_newsletter input::placeholder { color: #868E96; opacity: 1; } #form_newsletter input:-ms-input-placeholder, #form_newsletter input::-ms-input-placeholder { color: #868E96; } #section_newsletter form#form_newsletter button { width: 100%; height: auto; margin: 0 0 10px 0; background: #FF473A; border: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: 'Mulish', sans-serif; font-size: 16px; color: #FFF; font-weight: 700; padding: 14px 10px; cursor: pointer; -webkit-font-smoothing: antialiased; line-height: 20px; text-align: center; transition: all 0.2s linear; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: block; -webkit-appearance: none; -moz-appearance: none; } #section_newsletter form#form_newsletter button:hover, #section_newsletter form#form_newsletter button:focus { background: #E62619; } #section_newsletter form#form_newsletter #newsletter_div_privacy { font-size: 12px; line-height: 17px; font-weight: 400; text-align: left; width: 100%; } #section_newsletter form#form_newsletter #newsletter_div_privacy a { font-size: 12px; font-weight: 400; color: rgba(255, 255, 255, 0.6);; text-decoration: none; } #section_newsletter form#form_newsletter #newsletter_div_privacy a:hover, #section_newsletter form#form_newsletter #newsletter_div_privacy a:focus { color: #FFF; text-decoration: none; } #section_newsletter form#form_newsletter #newsletter_div_profilazione { font-size: 14px; line-height: 18px; font-weight: normal; text-align: left; width: 100%; margin: 0 0 10px; } #section_newsletter form#form_newsletter #newsletter_div_profilazione img { cursor: pointer; border: 1px solid #FFF; margin: 1px 10px 8px 0; background-image: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; float: left; transition: all 0.2s linear; background-position: center center; background-repeat: no-repeat; background-color: #FFF; } #section_newsletter form#form_newsletter #newsletter_div_profilazione img.active { background-image: url(../img/privacy_on.svg); } #section_newsletter form#form_newsletter #newsletter_div_profilazione img:hover { border: 1px solid #FF473A; } #section_newsletter form#form_newsletter #newsletter_div_profilazione label { display: inline; font-size: 14px; font-weight: 400; color: #FFF; text-transform: none; cursor: pointer; margin: 0; -webkit-font-smoothing: antialiased; } #section_newsletter form#form_newsletter #newsletter_div_discipline { font-size: 14px; line-height: 18px; font-weight: normal; text-align: left; width: 100%; margin: 0 0 10px; } #section_newsletter form#form_newsletter #newsletter_div_discipline span { display: block; font-weight: 700; color: #FFF; margin: 0 0 14px; font-size: 15px; } #section_newsletter form#form_newsletter #newsletter_div_discipline .disciplina { width: 50%; float: left; margin: 0 0 10px; } #section_newsletter form#form_newsletter #newsletter_div_discipline .disciplina img { cursor: pointer; border: 1px solid #FFF; margin: 1px 10px 0 0; background-image: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; float: left; transition: all 0.2s linear; background-position: center center; background-repeat: no-repeat; background-color: #FFF; } #section_newsletter form#form_newsletter #newsletter_div_discipline .disciplina img.active { background-image: url(../img/privacy_on.svg); } #section_newsletter form#form_newsletter #newsletter_div_discipline .disciplina img:hover { border: 1px solid #FF473A; } #section_newsletter form#form_newsletter #newsletter_div_discipline .disciplina label { display: inline; font-size: 14px; font-weight: 400; color: #FFF; text-transform: none; cursor: pointer; margin: 0; -webkit-font-smoothing: antialiased; } #section_newsletter br.mobile { display: none; } @media screen and (max-width: 1060px) { #section_newsletter td.contenitore { padding: 30px 40px; } } @media screen and (max-width: 960px) { #section_newsletter td.foto1 { display: none; visibility: hidden; } #section_newsletter td.foto2 { width: 50%; } } @media screen and (max-width: 700px) { #section_newsletter td.foto2, #section_newsletter td.foto_large { display: block; width: 100%; height: 200px; } #section_newsletter td.foto2 img { object-position: center bottom; } #section_newsletter td.contenitore { display: block; width: 100%; padding: 77px 20px 59px; } #section_newsletter .logo { display: block; } #section_newsletter h3 { width: auto; text-align: center; font-size: 25px; line-height: 30px; } #section_newsletter form#form_newsletter { width: auto; } #section_newsletter br.mobile { display: inline; } } /** LOADER **/ div#loading_wrapper { display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); z-index: 10000; } div#loading_wrapper div#loading { position: absolute; left: 50%; top: 50%; width: 300px; height: 76px; margin-left: -150px; margin-top: -38px; border-radius: 10px; box-sizing: border-box; font-size: 28px; padding-top: 18px; background: #FFF; text-align: center; color: #333; } /** PAGINATORE **/ div#paginatore { display: flex; flex-direction: row; text-align: center; color: #333; align-items: center; justify-content: center; } div#paginatore a { display: inline-block; background: #FFF; color: #FF473A; font-size: 16px; font-weight: 700; text-align: center; border: 1px solid #FF473A; border-radius: 5px; box-sizing: border-box; text-decoration: none; width: 34px; height: 34px; margin: 0 5px; padding-top: 8px; line-height: 16px; transition: all 0.2s linear; } div#paginatore a.glyphicon { line-height: 18px; margin: -2px 5px 0 } div#paginatore a:hover, div#paginatore a:active { text-decoration: none; background: #FF473A; color: #FFF; } div#paginatore span { display: inline-block; color: #FFF; font-size: 16px; font-weight: 700; line-height: 16px; text-align: center; box-sizing: border-box; width: 34px; height: 34px; margin: 0 5px; padding-top: 8px; background: #FF473A; border-radius: 5px; } div#paginatore i { display: inline-block; color: #FF473A; font-size: 16px; font-weight: 700; line-height: 16px; text-align: center; box-sizing: border-box; height: 34px; margin: 0 5px; padding-top: 8px; font-style: normal; } @media screen and (max-width: 767px) { div#paginatore { margin: 0 -10px; } div#paginatore a, div#paginatore span, div#paginatore i { margin: 0 3px; } div#paginatore a.glyphicon { margin: -2px 3px 0 } } /** FORM PREVENTIVO **/ #form_preventivo { width: 640px; box-sizing: border-box; padding: 0; margin: 0 auto; text-align: left; } #form_preventivo .campo_preventivo, #form_preventivo .campo_preventivo_mobile { float: left; position: relative; width: 300px; margin: 0 10px 12px; } #form_preventivo .campo_preventivo_wide { float: left; position: relative; width: 620px; margin: 0 10px 12px; } #form_preventivo .campo_preventivo_small { float: left; position: relative; width: 140px; margin: 0 10px 12px; } #form_preventivo label { display: block; font-size: 14px; line-height: 20px; font-weight: 700; color: #333; margin: 0 0 5px; padding: 0; text-align: left; } #form_preventivo label i { font-style: normal; font-weight: 400; color: #868E96; } #form_preventivo .etichetta_errore { display: none; min-height: 17px; font-size: 12px; line-height: 16px; font-weight: 400; color: #CB4336; margin: 8px 0 0; padding: 0 0 0 23px; background-repeat: no-repeat; background-size: 17px auto; background-position: 0 0; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOS4xMDE1NiA0VjkuOTA2MjVIOC4wODIwM1Y0SDkuMTAxNTZaTTkuMjAxMTcgMTEuMjAxMlYxMi40MDIzSDhWMTEuMjAxMkg5LjIwMTE3WiIgZmlsbD0iI0NBM0UzMCIvPjxjaXJjbGUgY3g9IjguNSIgY3k9IjguNSIgcj0iOCIgc3Ryb2tlPSIjQ0EzRTMwIi8+PC9zdmc+"); } #form_preventivo input, #form_preventivo select, #form_preventivo textarea { width: 100%; max-width: 100%; height: 40px; background: #FFF; border: 1px solid #AFB5BC; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: 'Mulish', sans-serif; font-size: 14px; color: #333; font-weight: 400; padding: 0 10px; cursor: pointer; -webkit-font-smoothing: antialiased; line-height: 38px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-appearance: none; -moz-appearance: none; transition: all 0.2s ease; } #form_preventivo select { background-repeat: no-repeat; background-size: 12px auto; background-position: calc(100% - 10px) center; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjQ2OTY3IDAuNDY5NjdDMC43NjI1NjMgMC4xNzY3NzcgMS4yMzc0NCAwLjE3Njc3NyAxLjUzMDMzIDAuNDY5NjdMNiA0LjkzOTM0TDEwLjQ2OTcgMC40Njk2N0MxMC43NjI2IDAuMTc2Nzc3IDExLjIzNzQgMC4xNzY3NzcgMTEuNTMwMyAwLjQ2OTY3QzExLjgyMzIgMC43NjI1NjMgMTEuODIzMiAxLjIzNzQ0IDExLjUzMDMgMS41MzAzM0w2IDcuMDYwNjZMMC40Njk2NyAxLjUzMDMzQzAuMTc2Nzc3IDEuMjM3NDQgMC4xNzY3NzcgMC43NjI1NjMgMC40Njk2NyAwLjQ2OTY3WiIgZmlsbD0iYmxhY2siLz48L3N2Zz4="); } #form_preventivo select#richiesta_datatour { padding: 0 10px 0 36px; background-position: 8px 8px; background-size: 20px auto; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTcuMzIzOCAxLjkwNDc2SDE1LjIzODFWMC40NzYxOUMxNS4yMzgxIDAuMzQ5ODk3IDE1LjE4NzkgMC4yMjg3NzYgMTUuMDk4NiAwLjEzOTQ3M0MxNS4wMDkzIDAuMDUwMTcgMTQuODg4MiAwIDE0Ljc2MTkgMEMxNC42MzU2IDAgMTQuNTE0NSAwLjA1MDE3IDE0LjQyNTIgMC4xMzk0NzNDMTQuMzM1OSAwLjIyODc3NiAxNC4yODU3IDAuMzQ5ODk3IDE0LjI4NTcgMC40NzYxOVYxLjkwNDc2SDUuNzE0MjlWMC40NzYxOUM1LjcxNDI5IDAuMzQ5ODk3IDUuNjY0MTIgMC4yMjg3NzYgNS41NzQ4MSAwLjEzOTQ3M0M1LjQ4NTUxIDAuMDUwMTcgNS4zNjQzOSAwIDUuMjM4MSAwQzUuMTExOCAwIDQuOTkwNjggMC4wNTAxNyA0LjkwMTM4IDAuMTM5NDczQzQuODEyMDcgMC4yMjg3NzYgNC43NjE5IDAuMzQ5ODk3IDQuNzYxOSAwLjQ3NjE5VjEuOTA0NzZIMi42NzYxOUMxLjk2NjQyIDEuOTA0NzYgMS4yODU3MiAyLjE4NjcyIDAuNzgzODM4IDIuNjg4NkMwLjI4MTk1NSAzLjE5MDQ4IDAgMy44NzExOCAwIDQuNTgwOTVWMTcuMzIzOEMwIDE4LjAzMzYgMC4yODE5NTUgMTguNzE0MyAwLjc4MzgzOCAxOS4yMTYyQzEuMjg1NzIgMTkuNzE4IDEuOTY2NDIgMjAgMi42NzYxOSAyMEgxNy4zMjM4QzE4LjAzMzYgMjAgMTguNzE0MyAxOS43MTggMTkuMjE2MiAxOS4yMTYyQzE5LjcxOCAxOC43MTQzIDIwIDE4LjAzMzYgMjAgMTcuMzIzOFY0LjU4MDk1QzIwIDMuODcxMTggMTkuNzE4IDMuMTkwNDggMTkuMjE2MiAyLjY4ODZDMTguNzE0MyAyLjE4NjcyIDE4LjAzMzYgMS45MDQ3NiAxNy4zMjM4IDEuOTA0NzZaTTIuNjc2MTkgMi44NTcxNEgxNy4zMjM4QzE3Ljc4MSAyLjg1NzE0IDE4LjIxOTQgMy4wMzg3NiAxOC41NDI3IDMuMzYyMDNDMTguODY2IDMuNjg1MzEgMTkuMDQ3NiA0LjEyMzc3IDE5LjA0NzYgNC41ODA5NVY1LjcxNDI5SDAuOTUyMzgxVjQuNTgwOTVDMC45NTIzODEgNC4xMjM3NyAxLjEzNCAzLjY4NTMxIDEuNDU3MjcgMy4zNjIwM0MxLjc4MDU1IDMuMDM4NzYgMi4yMTkwMSAyLjg1NzE0IDIuNjc2MTkgMi44NTcxNFpNMTcuMzIzOCAxOS4wNDc2SDIuNjc2MTlDMi4yMTkwMSAxOS4wNDc2IDEuNzgwNTUgMTguODY2IDEuNDU3MjcgMTguNTQyN0MxLjEzNCAxOC4yMTk0IDAuOTUyMzgxIDE3Ljc4MSAwLjk1MjM4MSAxNy4zMjM4VjYuNjY2NjdIMTkuMDQ3NlYxNy4zMjM4QzE5LjA0NzYgMTcuNzgxIDE4Ljg2NiAxOC4yMTk0IDE4LjU0MjcgMTguNTQyN0MxOC4yMTk0IDE4Ljg2NiAxNy43ODEgMTkuMDQ3NiAxNy4zMjM4IDE5LjA0NzZaIiBmaWxsPSIjMzMzMzMzIi8+PHBhdGggZD0iTTEwLjYwNyA5VjE2LjdIOS44MTVWOS43MDRIOFY5SDEwLjYwN1oiIGZpbGw9IiMzMzMzMzMiLz48L3N2Zz4="); } #form_preventivo input#richiesta_arrivo, #form_preventivo input#richiesta_partenza { padding: 0 10px 0 36px; background-repeat: no-repeat; background-position: 8px 8px; background-size: 20px auto; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTcuMzIzOCAxLjkwNDc2SDE1LjIzODFWMC40NzYxOUMxNS4yMzgxIDAuMzQ5ODk3IDE1LjE4NzkgMC4yMjg3NzYgMTUuMDk4NiAwLjEzOTQ3M0MxNS4wMDkzIDAuMDUwMTcgMTQuODg4MiAwIDE0Ljc2MTkgMEMxNC42MzU2IDAgMTQuNTE0NSAwLjA1MDE3IDE0LjQyNTIgMC4xMzk0NzNDMTQuMzM1OSAwLjIyODc3NiAxNC4yODU3IDAuMzQ5ODk3IDE0LjI4NTcgMC40NzYxOVYxLjkwNDc2SDUuNzE0MjlWMC40NzYxOUM1LjcxNDI5IDAuMzQ5ODk3IDUuNjY0MTIgMC4yMjg3NzYgNS41NzQ4MSAwLjEzOTQ3M0M1LjQ4NTUxIDAuMDUwMTcgNS4zNjQzOSAwIDUuMjM4MSAwQzUuMTExOCAwIDQuOTkwNjggMC4wNTAxNyA0LjkwMTM4IDAuMTM5NDczQzQuODEyMDcgMC4yMjg3NzYgNC43NjE5IDAuMzQ5ODk3IDQuNzYxOSAwLjQ3NjE5VjEuOTA0NzZIMi42NzYxOUMxLjk2NjQyIDEuOTA0NzYgMS4yODU3MiAyLjE4NjcyIDAuNzgzODM4IDIuNjg4NkMwLjI4MTk1NSAzLjE5MDQ4IDAgMy44NzExOCAwIDQuNTgwOTVWMTcuMzIzOEMwIDE4LjAzMzYgMC4yODE5NTUgMTguNzE0MyAwLjc4MzgzOCAxOS4yMTYyQzEuMjg1NzIgMTkuNzE4IDEuOTY2NDIgMjAgMi42NzYxOSAyMEgxNy4zMjM4QzE4LjAzMzYgMjAgMTguNzE0MyAxOS43MTggMTkuMjE2MiAxOS4yMTYyQzE5LjcxOCAxOC43MTQzIDIwIDE4LjAzMzYgMjAgMTcuMzIzOFY0LjU4MDk1QzIwIDMuODcxMTggMTkuNzE4IDMuMTkwNDggMTkuMjE2MiAyLjY4ODZDMTguNzE0MyAyLjE4NjcyIDE4LjAzMzYgMS45MDQ3NiAxNy4zMjM4IDEuOTA0NzZaTTIuNjc2MTkgMi44NTcxNEgxNy4zMjM4QzE3Ljc4MSAyLjg1NzE0IDE4LjIxOTQgMy4wMzg3NiAxOC41NDI3IDMuMzYyMDNDMTguODY2IDMuNjg1MzEgMTkuMDQ3NiA0LjEyMzc3IDE5LjA0NzYgNC41ODA5NVY1LjcxNDI5SDAuOTUyMzgxVjQuNTgwOTVDMC45NTIzODEgNC4xMjM3NyAxLjEzNCAzLjY4NTMxIDEuNDU3MjcgMy4zNjIwM0MxLjc4MDU1IDMuMDM4NzYgMi4yMTkwMSAyLjg1NzE0IDIuNjc2MTkgMi44NTcxNFpNMTcuMzIzOCAxOS4wNDc2SDIuNjc2MTlDMi4yMTkwMSAxOS4wNDc2IDEuNzgwNTUgMTguODY2IDEuNDU3MjcgMTguNTQyN0MxLjEzNCAxOC4yMTk0IDAuOTUyMzgxIDE3Ljc4MSAwLjk1MjM4MSAxNy4zMjM4VjYuNjY2NjdIMTkuMDQ3NlYxNy4zMjM4QzE5LjA0NzYgMTcuNzgxIDE4Ljg2NiAxOC4yMTk0IDE4LjU0MjcgMTguNTQyN0MxOC4yMTk0IDE4Ljg2NiAxNy43ODEgMTkuMDQ3NiAxNy4zMjM4IDE5LjA0NzZaIiBmaWxsPSIjMzMzMzMzIi8+PHBhdGggZD0iTTEwLjYwNyA5VjE2LjdIOS44MTVWOS43MDRIOFY5SDEwLjYwN1oiIGZpbGw9IiMzMzMzMzMiLz48L3N2Zz4="); } #form_preventivo option { color: #333; } #form_preventivo ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #B9BFC5; opacity: 1; } #form_preventivo :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #B9BFC5; } #form_preventivo ::-ms-input-placeholder { /* Microsoft Edge */ color: #B9BFC5; } #form_preventivo textarea { height: 100px; padding: 10px 12px; line-height: 20px; 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 #007CC3; } #form_preventivo input[type="submit"], #form_preventivo .submit { width: auto; height: auto; font-size: 16px; font-weight: 700; color: #FFF; line-height: 20px; display: block; font-family: 'Mulish', sans-serif; border: none; box-sizing: border-box; padding: 14px 20px; text-align: center; background: #FF473A; margin: 22px auto 0; transition: all 0.2s ease; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #form_preventivo input[type="submit"]:hover, #form_preventivo .submit:hover { background: #E52619; } #form_preventivo input.errore, #form_preventivo select.errore, #form_preventivo textarea.errore { border: 1px solid #CB4336; } #form_preventivo #richiesta_div_marketing, #form_preventivo #richiesta_div_profilazione { font-size: 14px; line-height: 18px; font-weight: 400; -webkit-font-smoothing: antialiased; padding: 0; color: #333; text-align: left; transition: all 0.2s ease; } #form_preventivo #richiesta_div_marketing { margin-top: 8px; } #form_preventivo #richiesta_div_marketing.errore { border: 1px solid #CB4336; border-radius: 5px; padding: 10px; } #form_preventivo #richiesta_div_marketing table, #form_preventivo #richiesta_div_profilazione table { width: 100%; height: auto; border: none; } #form_preventivo #richiesta_div_marketing td, #form_preventivo #richiesta_div_profilazione td { height: 100%; text-align: left; vertical-align: top; } #form_preventivo #richiesta_div_marketing td:first-child, #form_preventivo #richiesta_div_profilazione td:first-child { width: 28px; box-sizing: border-box; padding: 0 10px 0 0; } #form_preventivo #richiesta_div_marketing img, #form_preventivo #richiesta_div_profilazione img { cursor: pointer; border: 1px solid #AFB5BC; 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.2s ease; } #form_preventivo #richiesta_div_marketing img.active, #form_preventivo #richiesta_div_profilazione img.active { background-image: url(../img/privacy_on.svg); } #form_preventivo #richiesta_div_marketing img:hover, #form_preventivo #richiesta_div_profilazione img:hover { border: 1px solid #007CC3; } #form_preventivo #richiesta_div_marketing label, #form_preventivo #richiesta_div_profilazione label { display: inline; font-size: 14px; line-height: 18px; font-weight: 400; color: #333; padding: 0; text-transform: none; cursor: pointer; margin: 0; -webkit-font-smoothing: antialiased; } #form_preventivo #richiesta_div_marketing a, #form_preventivo #richiesta_div_profilazione a { display: inline; font-size: 14px; line-height: 18px; color: #333; transition: all 0.2s ease; } #form_preventivo #richiesta_div_marketing a:hover, #form_preventivo #richiesta_div_marketing a:active, #form_preventivo #richiesta_div_marketing a:focus, #form_preventivo #richiesta_div_profilazione a:hover, #form_preventivo #richiesta_div_profilazione a:active, #form_preventivo #richiesta_div_profilazione a:focus { color: #007CC3; } #form_preventivo a { display: block; color: #333; text-decoration: underline; font-size: 14px; line-height: 18px; font-weight: 400; text-align: left; transition: all 0.2s ease; } #form_preventivo a:hover, #form_preventivo a:active, #form_preventivo a:focus { color: #007CC3; } #form_preventivo .picker__day, #form_preventivo .picker__weekday { text-align: center; } #form_preventivo .categoria_label { font-size: 14px; line-height: 20px; font-weight: 700; color: #333; margin: 8px 0 6px; } #form_preventivo .categoria_label i { font-style: normal; font-weight: 400; color: #868E96; } #form_preventivo .categoria_check { float: left; width: 50%; padding: 0 16px 8px 0; } #form_preventivo .categoria_check img { cursor: pointer; border: 1px solid #AFB5BC; margin: 4px 10px 0 0; background-image: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; float: left; transition: all 0.2s ease; background-position: center center; background-repeat: no-repeat; background-color: transparent; } #form_preventivo .categoria_check img.active { background-image: url(../img/privacy_on.svg); } #form_preventivo .categoria_check img:hover { border: 1px solid #007CC3; } #form_preventivo .categoria_check img.errore { border: 1px solid #CB4336; } #form_preventivo .categoria_check label { display: inline; font-size: 14px; font-weight: 400; color: #333; text-transform: none; cursor: pointer; margin: 0; -webkit-font-smoothing: antialiased; } #form_preventivo div.div_room label { padding: 0 10px; } #form_preventivo a.btn_aggiungi_camera { margin: 0 0 6px; text-decoration: none; display: inline-block; } #form_preventivo a.btn_aggiungi_camera svg { margin: 0 6px -4px 0; } #form_preventivo a.btn_aggiungi_camera circle { transition: all 0.2s ease; } #form_preventivo a.btn_aggiungi_camera:hover circle, #form_preventivo a.btn_aggiungi_camera:active circle, #form_preventivo a.btn_aggiungi_camera:focus circle { fill: #007CC3; } #form_preventivo span.rimuovi_camera { display: inline-block; width: 20px; height: 20px; cursor: pointer; margin: 0 0 0 10px; } #form_preventivo span.rimuovi_camera svg { margin: 0 0 -5px; } #form_preventivo span.rimuovi_camera circle { transition: all 0.2s ease; } #form_preventivo span.rimuovi_camera:hover circle { fill: #007CC3; } #form_preventivo #hotel_checked span { margin: 0 5px 0 0; font-size: 14px; font-weight: 400; color: #333; } #form_preventivo #richiesta_div_hotels span { font-size: 14px; line-height: 18px; font-weight: 400; color: #333; text-decoration: underline; cursor: pointer; } #form_preventivo #richiesta_div_hotels span:hover { color: #007CC3; } #form_preventivo #richiesta_div_hotels div { padding: 10px 0 0; font-size: 14px; line-height: 18px; color: #333; box-sizing: border-box; min-height: 42px; } #form_preventivo #richiesta_div_hotels #list_selected_hotels_loader { display: none; } #form_preventivo #richiesta_div_hotels #list_selected_hotels_p { font-size: 14px; line-height: 18px; color: #333; margin: 0; padding: 0; } #form_preventivo #div_richiesta_nazione_altro { display: none; } @media screen and (max-width: 767px) { #form_preventivo { width: auto; margin: 0 10px; } #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%; } #form_preventivo div.div_room label { padding: 0 2%; } } @media screen and (max-width: 500px) { #form_preventivo .categoria_check { width: 100%; } } @media screen and (max-width: 400px) { #form_preventivo .campo_preventivo_mobile { width: 96%; margin: 0 2% 10px; } } /** FORM RICHIESTA HOTEL **/ #form_richiesta, #form_richiesta_basso, #form_richiesta_lato { padding: 0; margin: 0 0 30px; width: 576px; box-sizing: border-box; } .home #form_richiesta { margin: 0 auto 60px; } .landing_laghi #form_richiesta { margin: 90px auto 60px; } #form_richiesta_basso { margin: 18px 0 30px; } #form_richiesta.gruppo { margin: 50px auto 30px; padding-left: 10px; width: 586px; } #form_richiesta .campo, #form_richiesta_basso .campo, #form_richiesta_lato .campo { position: relative; float: left; } #form_richiesta .campo label { display: block; font-size: 14px; line-height: 18px; font-weight: 400; color: #333; margin: 0 0 4px; } #form_richiesta input, #form_richiesta select, #form_richiesta textarea, #form_richiesta_basso input, #form_richiesta_basso select, #form_richiesta_basso textarea, #form_richiesta_lato input, #form_richiesta_lato select, #form_richiesta_lato textarea { width: 278px; height: 55px; margin: 0 10px 10px 0; background: transparent; border: 1px solid #BFBFBF; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: 'Mulish', sans-serif; font-size: 14px; color: #333; font-weight: normal; padding: 0 16px; cursor: pointer; -webkit-font-smoothing: antialiased; line-height: 55px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; } #form_richiesta select, #form_richiesta_basso select, #form_richiesta_lato select { padding: 0 12px; } #form_richiesta textarea, #form_richiesta_basso textarea, #form_richiesta_lato textarea { resize: none; width: 566px; height: 100px; line-height: 20px; padding: 16px; } #form_richiesta input.wide, #form_richiesta_basso input.wide, #form_richiesta_lato input.wide { width: 566px; } #form_richiesta .calendario span, #form_richiesta_basso .calendario span, #form_richiesta_lato .calendario span { display: block; width: 29px; height: 29px; position: absolute; right: 21px; top: 13px; z-index: -1; background-size: 29px auto; background-image: url(../img/calendario_road.svg); } .landing_laghi #form_richiesta_basso .calendario span, .landing_pacchetto_de #form_richiesta_basso .calendario span, .home #form_richiesta .calendario span, .landing_laghi #form_richiesta .calendario span, .landing_pacchetto_de #form_richiesta .calendario span { background-image: url(../img/calendario_road.svg); } #form_richiesta .select span, #form_richiesta .room_eta span, #form_richiesta_basso .select span, #form_richiesta_basso .room_eta span, #form_richiesta_lato .select span, #form_richiesta_lato .room_eta span { display: block; width: 17px; height: 8px; position: absolute; right: 27px; top: 23px; background-size: 17px 8px; background-image: url(../img/select_road.svg); } #form_richiesta .select.with_label span { top: 44px; } #form_richiesta .room_eta, #form_richiesta_basso .room_eta, #form_richiesta_lato .room_eta { display: none; } .landing_laghi #form_richiesta_basso .select span, .landing_laghi #form_richiesta_basso .room_eta span, .home #form_richiesta .select span, .home #form_richiesta .room_eta span, .landing_laghi #form_richiesta .select span, .landing_laghi #form_richiesta .room_eta span { background-image: url(../img/select_road.svg); } .landing_laghi #form_richiesta_basso input:hover, .landing_laghi #form_richiesta_basso input:focus, .landing_laghi #form_richiesta_basso select:hover, .landing_laghi #form_richiesta_basso select:focus, .landing_laghi #form_richiesta_basso textarea:hover, .landing_laghi #form_richiesta_basso textarea:focus, .landing_pacchetto_de #form_richiesta_basso input:hover, .landing_pacchetto_de #form_richiesta_basso input:focus, .landing_pacchetto_de #form_richiesta_basso select:hover, .landing_pacchetto_de #form_richiesta_basso select:focus, .landing_pacchetto_de #form_richiesta_basso textarea:hover, .landing_pacchetto_de #form_richiesta_basso textarea:focus, .home #form_richiesta input:hover, .home #form_richiesta input:focus, .home #form_richiesta select:hover, .home #form_richiesta select:focus, .home #form_richiesta textarea:hover, .home #form_richiesta textarea:focus, .landing_laghi #form_richiesta input:hover, .landing_laghi #form_richiesta input:focus, .landing_laghi #form_richiesta select:hover, .landing_laghi #form_richiesta select:focus, .landing_laghi #form_richiesta textarea:hover, .landing_laghi #form_richiesta textarea:focus { border: 1px solid #ED1B2D; } .landing_pacchetto_de #form_richiesta input:hover, .landing_pacchetto_de #form_richiesta input:focus, .landing_pacchetto_de #form_richiesta select:hover, .landing_pacchetto_de #form_richiesta select:focus, .landing_pacchetto_de #form_richiesta textarea:hover, .landing_pacchetto_de #form_richiesta textarea:focus { border: 1px solid #007CC3; } #form_richiesta input.errore, #form_richiesta select.errore, #form_richiesta textarea.errore, #form_richiesta_basso input.errore, #form_richiesta_basso select.errore, #form_richiesta_basso textarea.errore, #form_richiesta_lato input.errore, #form_richiesta_lato select.errore, #form_richiesta_lato textarea.errore { border: 1px solid #C00; background: #FFDBDB; } #form_richiesta button.submit, #form_richiesta_basso button.submit, #form_richiesta_lato button.submit { width: 278px; height: 55px; margin: 0 10px 10px 0; border: none; background: #333; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: right; font-family: 'Mulish', sans-serif; font-size: 22px; color: #FFF; font-weight: normal; padding: 4px 0 0; cursor: pointer; -webkit-font-smoothing: antialiased; line-height: 55px; text-align: center; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; letter-spacing: 1px; -webkit-appearance: none; -moz-appearance: none; } .landing_laghi #form_richiesta_basso button.submit, .landing_pacchetto_de #form_richiesta_basso button.submit, .home #form_richiesta button.submit, .landing_laghi #form_richiesta button.submit { background: #EC1B2D; } #form_richiesta button.submit span, #form_richiesta_basso button.submit span, #form_richiesta_lato button.submit span { background-image: url(../img/arrow_white.svg); background-repeat: no-repeat; background-size: 23px 18px; display: inline-block; height: 18px; margin: 0 0 0 12px; width: 23px; } #form_richiesta #richiesta_div_privacy, #form_richiesta_basso #richiesta_div_privacy_basso, #form_richiesta_lato #richiesta_div_privacy_lato { width: 566px; margin: 0 10px 10px 0; font-size: 12px; line-height: 14px; font-weight: normal; float: left; border: 1px solid transparent; padding: 6px 2px; } #form_richiesta #richiesta_div_privacy img, #form_richiesta_basso #richiesta_div_privacy_basso img, #form_richiesta_lato #richiesta_div_privacy_lato img { cursor: pointer; border: 1px solid #BFBFBF; margin: 2px 10px 0 0; background-image: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; float: left; background-position: center center; background-repeat: no-repeat; background-color: transparent; } #form_richiesta #richiesta_div_privacy img.active, #form_richiesta_basso #richiesta_div_privacy_basso img.active, #form_richiesta_lato #richiesta_div_privacy_lato img.active { background-image: url(../img/privacy_on.svg); background-size: 16px 16px; } .landing_laghi #form_richiesta_basso #richiesta_div_privacy_basso img:hover, .landing_pacchetto_de #form_richiesta_basso #richiesta_div_privacy_basso img:hover, .home #form_richiesta #richiesta_div_privacy img:hover, .landing_laghi #form_richiesta #richiesta_div_privacy img:hover, .landing_pacchetto_de #form_richiesta #richiesta_div_privacy img:hover { border: 1px solid #ED1B2D; } #form_richiesta #richiesta_div_privacy label, #form_richiesta_basso #richiesta_div_privacy_basso label, #form_richiesta_lato #richiesta_div_privacy_lato label { display: inline; font-size: 12px; font-weight: 400; color: #333; text-transform: none; cursor: pointer; margin: 0; -webkit-font-smoothing: antialiased; } #form_richiesta #richiesta_div_privacy a, #form_richiesta_basso #richiesta_div_privacy_basso a, #form_richiesta_lato #richiesta_div_privacy_lato a { font-size: 12px; font-weight: 400; color: #333; text-decoration: none; } #form_richiesta #richiesta_div_privacy a:hover, #form_richiesta #richiesta_div_privacy a:focus, #form_richiesta_basso #richiesta_div_privacy_basso a:hover, #form_richiesta_basso #richiesta_div_privacy_basso a:focus, #form_richiesta_lato #richiesta_div_privacy_lato a:hover, #form_richiesta_lato #richiesta_div_privacy_lato a:focus { color: #333; text-decoration: underline; } #form_richiesta #richiesta_div_marketing, #form_richiesta_basso #richiesta_div_marketing_basso, #form_richiesta_lato #richiesta_div_marketing_lato, #form_richiesta #richiesta_div_profilazione, #form_richiesta #richiesta_div_profilazione_de, #form_richiesta_basso #richiesta_div_profilazione_basso, #form_richiesta_lato #richiesta_div_profilazione_lato, #form_richiesta #richiesta_div_hotels { width: 566px; margin: 0 10px 10px 0; font-size: 14px; line-height: 18px; font-weight: normal; float: left; border: 1px solid transparent; padding: 0; } #form_richiesta #richiesta_div_marketing img, #form_richiesta_basso #richiesta_div_marketing_basso img, #form_richiesta_lato #richiesta_div_marketing_lato img, #form_richiesta #richiesta_div_profilazione img, #form_richiesta #richiesta_div_profilazione_de img, #form_richiesta_basso #richiesta_div_profilazione_basso img, #form_richiesta_lato #richiesta_div_profilazione_lato img { cursor: pointer; border: 1px solid #BFBFBF; margin: 2px 10px 0 0; background-image: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; float: left; background-position: center center; background-repeat: no-repeat; background-color: transparent; } #form_richiesta #richiesta_div_marketing img.active, #form_richiesta_basso #richiesta_div_marketing_basso img.active, #form_richiesta_lato #richiesta_div_marketing_lato img.active, #form_richiesta #richiesta_div_profilazione img.active, #form_richiesta #richiesta_div_profilazione_de img.active, #form_richiesta_basso #richiesta_div_profilazione_basso img.active, #form_richiesta_lato #richiesta_div_profilazione_lato img.active { background-image: url(../img/spunta_on.svg); background-size: 16px 16px; } .landing_pacchetto_de #form_richiesta_basso #richiesta_div_marketing_basso img:hover, .landing_pacchetto_de #form_richiesta #richiesta_div_marketing img:hover, .landing_pacchetto_de #form_richiesta_basso #richiesta_div_profilazione_basso img:hover, .landing_pacchetto_de #form_richiesta #richiesta_div_profilazione_de img:hover { border: 1px solid #007CC3; } .landing_pacchetto_de #form_richiesta #richiesta_div_hotels span:hover { color: #007CC3; } .landing_laghi #form_richiesta_basso #richiesta_div_marketing_basso img:hover, .home #form_richiesta #richiesta_div_marketing img:hover, .landing_laghi #form_richiesta #richiesta_div_marketing img:hover, .landing_laghi #form_richiesta_basso #richiesta_div_profilazione_basso img:hover, .home #form_richiesta #richiesta_div_profilazione img:hover, .landing_laghi #form_richiesta #richiesta_div_profilazione img:hover { border: 1px solid #ED1B2D; } #form_richiesta #richiesta_div_marketing label, #form_richiesta_basso #richiesta_div_marketing_basso label, #form_richiesta_lato #richiesta_div_marketing_lato label, #form_richiesta #richiesta_div_profilazione label, #form_richiesta #richiesta_div_profilazione_de label, #form_richiesta_basso #richiesta_div_profilazione_basso label, #form_richiesta_lato #richiesta_div_profilazione_lato label { display: inline; font-size: 14px; font-weight: 400; color: #333; text-transform: none; cursor: pointer; margin: 0; -webkit-font-smoothing: antialiased; } #form_richiesta #richiesta_div_marketing a, #form_richiesta_basso #richiesta_div_marketing_basso a, #form_richiesta_lato #richiesta_div_marketing_lato a, #form_richiesta #richiesta_div_profilazione a, #form_richiesta_basso #richiesta_div_profilazione_basso a, #form_richiesta_lato #richiesta_div_profilazione_lato a { font-size: 14px; font-weight: 400; color: #333; text-decoration: none; } #form_richiesta #richiesta_div_marketing a:hover, #form_richiesta #richiesta_div_marketing a:focus, #form_richiesta_basso #richiesta_div_marketing_basso a:hover, #form_richiesta_basso #richiesta_div_marketing_basso a:focus, #form_richiesta_lato #richiesta_div_marketing_lato a:hover, #form_richiesta_lato #richiesta_div_marketing_lato a:focus, #form_richiesta #richiesta_div_profilazione a:hover, #form_richiesta #richiesta_div_profilazione a:focus, #form_richiesta_basso #richiesta_div_profilazione_basso a:hover, #form_richiesta_basso #richiesta_div_profilazione_basso a:focus, #form_richiesta_lato #richiesta_div_profilazione_lato a:hover, #form_richiesta_lato #richiesta_div_profilazione_lato a:focus { color: #333; text-decoration: underline; } #form_richiesta a.policy, #form_richiesta_basso a.policy, #form_richiesta_lato a.policy { font-size: 12px; font-weight: 400; line-height: 14px; color: #333; text-decoration: none; display: inline-block; margin-bottom: 12px; padding: 0 10px 0 0; } #form_richiesta a.policy:hover, #form_richiesta a.policy:focus, #form_richiesta_basso a.policy:hover, #form_richiesta_basso a.policy:focus, #form_richiesta_lato a.policy:hover, #form_richiesta_lato a.policy:focus { color: #333; text-decoration: underline; } #form_richiesta #richiesta_div_privacy.errore, #form_richiesta_basso #richiesta_div_privacy_basso.errore, #form_richiesta_lato #richiesta_div_privacy_lato.errore { border: 1px solid #C00; background: #FFDBDB; } #form_richiesta #richiesta_div_hotels span { font-size: 14px; font-weight: 400; color: #333; text-decoration: underline; cursor: pointer; } #form_richiesta #richiesta_div_hotels span:hover { color: #ED1B2D; } #form_richiesta #richiesta_div_hotels div { padding: 10px 0 0; font-size: 14px; line-height: 18px; color: #333; box-sizing: border-box; min-height: 42px; } #form_richiesta #richiesta_div_hotels #list_selected_hotels_loader { display: none; } #form_richiesta #richiesta_div_hotels #list_selected_hotels_p { font-size: 14px; line-height: 18px; color: #333; margin: 0; padding: 0; } #form_richiesta div.div_room, #form_richiesta div#addroom_div, #form_richiesta_basso div.div_room, #form_richiesta_basso div#addroom_div_basso, #form_richiesta_lato div.div_room, #form_richiesta_lato div#addroom_div_lato { width: 576px; margin: 0 0 10px; float: left; } #form_richiesta div#omino, #form_richiesta_basso div#omino_basso, #form_richiesta_lato div#omino_lato { width: 278px; height: 223px; margin: 0 10px 10px 0; float: right; text-align: center; } #form_richiesta div.div_room label, #form_richiesta_basso div.div_room label, #form_richiesta_lato div.div_room label { display: block; width: 100%; float: left; font-family: 'Mulish', sans-serif; font-size: 14px; color: #272727; font-weight: 700; } #form_richiesta a.btn_aggiungi_camera, #form_richiesta_basso a.btn_aggiungi_camera, #form_richiesta_lato a.btn_aggiungi_camera { background-image: url(../img/btn_aggiungi.png); background-position: left 4px; background-repeat: no-repeat; padding-left: 20px; font-size: 14px; text-decoration: none; } .landing_laghi #form_richiesta_basso a.btn_aggiungi_camera, .landing_pacchetto_de #form_richiesta_basso a.btn_aggiungi_camera { color: #EC1B2D; } #form_richiesta a.btn_aggiungi_camera:hover, #form_richiesta a.btn_aggiungi_camera:active, #form_richiesta a.btn_aggiungi_camera:focus, #form_richiesta_basso a.btn_aggiungi_camera:hover, #form_richiesta_basso a.btn_aggiungi_camera:active, #form_richiesta_basso a.btn_aggiungi_camera:focus, #form_richiesta_lato a.btn_aggiungi_camera:hover, #form_richiesta_lato a.btn_aggiungi_camera:active, #form_richiesta_lato a.btn_aggiungi_camera:focus { text-decoration: underline; } #form_richiesta span.rimuovi_camera, #form_richiesta_basso span.rimuovi_camera, #form_richiesta_lato span.rimuovi_camera { background-image: url(../img/btn_rimuovi.png); display: inline-block; width: 11px; height: 11px; cursor: pointer; margin: 0 0 3px 16px; } #form_richiesta .picker__weekday, #form_richiesta_basso .picker__weekday, #form_richiesta_lato .picker__weekday { text-align: center; } .richiesta_puntiforza .puntoforza { background-image: url(../img/ico_puntoforza.png); width: 32px; height: 20px; background-position: left; background-repeat: no-repeat; background-size: 20px 20px; display: inline-block; } .richiesta_puntiforza { color: #000;} #section_form_destinazione .richiesta_puntiforza { margin-left: auto; margin-right: auto; max-width: 576px; } #form_richiesta #campo_destinazioni { width: auto; box-sizing: border-box; margin: 0 10px 10px 0; padding: 8px 0 0; border: 1px solid transparent; } #form_richiesta #campo_destinazioni.errore { border: 1px solid #C00; background: #FFDBDB; } #form_richiesta #campo_destinazioni p { text-align: left; font-weight: 700; font-size: 16px; padding: 0 0 0 6px; margin: 0 0 10px; color: #333; } #form_richiesta #campo_destinazioni div.col_sx, #form_richiesta #campo_destinazioni div.col_dx { float: left; width: 50%; } #form_richiesta #campo_destinazioni div.destinazione { width: 100%; font-size: 14px; line-height: 22px; font-weight: normal; margin: 0 0 8px; padding: 0 0 0 6px; box-sizing: border-box; } #form_richiesta #campo_destinazioni div.destinazione#destinazione_all { margin: 22px 0 8px; } #form_richiesta #campo_destinazioni div.destinazione img { cursor: pointer; border: 1px solid #BFBFBF; margin: 0 10px 0 0; background-image: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; float: left; background-position: center center; background-repeat: no-repeat; background-color: transparent; } #form_richiesta #campo_destinazioni div.destinazione img.active { background-image: url(../img/spunta_on.svg); background-size: 16px 16px; } #form_richiesta #campo_destinazioni div.destinazione img:hover { border: 1px solid #ED1B2D; } #form_richiesta #campo_destinazioni div.destinazione label { display: inline; font-size: 14px; font-weight: 400; color: #333; text-transform: none; cursor: pointer; margin: 0; -webkit-font-smoothing: antialiased; } #form_richiesta #campo_destinazioni div.destinazione#destinazione_all label { font-weight: 700; } #form_richiesta .campo.categoria, #form_richiesta_basso .campo.categoria { font-size: 14px; line-height: 18px; font-weight: normal; padding: 8px 0 10px; } #form_richiesta .categoria_label, #form_richiesta_basso .categoria_label { font-size: 14px; line-height: 18px; font-weight: 400; color: #333; margin: 0 0 12px; } #form_richiesta .categoria_check, #form_richiesta_basso .categoria_check { float: left; margin: 0 16px 8px 0; } #form_richiesta .categoria_check img, #form_richiesta_basso .categoria_check img { cursor: pointer; border: 1px solid #BFBFBF; margin: -1px 10px 0 0; background-image: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; float: left; background-position: center center; background-repeat: no-repeat; background-color: transparent; } #form_richiesta .categoria_check img.active, #form_richiesta_basso .categoria_check img.active { background-image: url(../img/privacy_on.svg); background-size: 16px 16px; } #form_richiesta .categoria_check img:hover, #form_richiesta_basso .categoria_check img:hover { border: 1px solid #ED1B2D; } #form_richiesta .categoria_check label, #form_richiesta_basso .categoria_check label { display: inline; font-size: 14px; font-weight: 400; color: #333; text-transform: none; cursor: pointer; margin: 0; -webkit-font-smoothing: antialiased; } #form_richiesta #div_richiesta_nazione_altro { display: none; } @media screen and (max-width: 960px) { #form_richiesta { margin: 0 auto 30px; } } @media screen and (max-width: 767px) { #form_richiesta, #form_richiesta_basso, #form_richiesta_lato { width: 100%; } .home #form_richiesta, .landing_laghi #form_richiesta, .landing_pacchetto_de #form_richiesta { padding: 0 10px; } #form_richiesta.gruppo { width: 100%; padding-left: 0; } #form_richiesta .campo, #form_richiesta_basso .campo, #form_richiesta_lato .campo { width: 100%; } #form_richiesta input, #form_richiesta input.wide, #form_richiesta select, #form_richiesta textarea, #form_richiesta button.submit, #form_richiesta #richiesta_div_privacy, #form_richiesta #richiesta_div_marketing, #form_richiesta #richiesta_div_profilazione, #form_richiesta #richiesta_div_hotels, #form_richiesta div.div_room, #form_richiesta div#addroom_div, #form_richiesta div#omino, #form_richiesta_basso input, #form_richiesta_basso input.wide, #form_richiesta_basso select, #form_richiesta_basso textarea, #form_richiesta_basso button.submit, #form_richiesta_basso #richiesta_div_privacy_basso, #form_richiesta_basso #richiesta_div_marketing_basso, #form_richiesta_basso #richiesta_div_profilazione_basso, #form_richiesta_basso div.div_room, #form_richiesta_basso div#addroom_div_basso, #form_richiesta_basso div#omino_basso, #form_richiesta_lato input, #form_richiesta_lato input.wide, #form_richiesta_lato select, #form_richiesta_lato textarea, #form_richiesta_lato button.submit, #form_richiesta_lato #richiesta_div_privacy_lato, #form_richiesta_lato #richiesta_div_marketing_lato, #form_richiesta_lato #richiesta_div_profilazione_lato, #form_richiesta_lato div.div_room, #form_richiesta_lato div#addroom_div_lato, #form_richiesta_lato div#omino_lato { width: 100%; margin: 0 0 10px; } #form_richiesta #campo_destinazioni div.col_sx, #form_richiesta #campo_destinazioni div.col_dx { float: none; width: 100%; } } /* BANNER PREVENTIVO SU MOBILE */ #banner_preventivo { display: none; position: fixed; bottom: 0; left: 0; right: 0; z-index: 1000; background: #F3F3F3; border-top: 2px solid #DDD; height: 60px; } #banner_preventivo span { display: block; font-size: 16px; font-weight: 700; color: #19AD45; font-style: italic; box-sizing: border-box; position: absolute; top: 10px; left: 12px; width: 98px; text-align: center; line-height: 1.2; } #banner_preventivo a { font-family: 'Mulish', sans-serif; color: #FFF; font-weight: normal; display: block; font-size: 24px; background: #EC1B2D; text-decoration: none; letter-spacing: 1px; width: 190px; height: 40px; box-sizing: border-box; position: absolute; top: 10px; right: 10px; text-align: center; text-transform: uppercase; line-height: 40px; padding-top: 4px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #banner_preventivo a:hover { background: #EC1B2D; text-decoration: none; } @media screen and (max-width: 767px) { #banner_preventivo { display: block; } } /** SCHEDA ARTICOLO **/ .single #breadcrumbs_container { padding: 40px 0 25px; } .single #breadcrumbs { max-width: 928px; padding: 0; } .single #content { max-width: 960px; margin: 0 auto 50px; } .single .entry-header { padding: 0; } .single #main-column .post .entry-title { font-family: 'Mulish', sans-serif; font-size: 30px; line-height: 33px; font-weight: 700; color: #333; margin: 0 0 4px; padding: 4px 0 0; text-align: left; } .single #main-column .post .entry-header .entry-meta { color: #909090; margin: 0 0 15px; } .single #main-column .post footer.entry-meta { margin: 10px 0 20px; } .single #main-column .post footer.entry-meta a { color: #909090; } .single #main-column .post .entry-meta .categories-icon { color: #909090; } .single .entry-content { font-size: 18px; line-height: 27px; color: #333; } .single .entry-content h3 { color: #2B2626; margin-bottom: 20px; } .single .entry-content h2 { border-top: 1px solid #E5E5E5; padding: 10px 16px 0; margin: 40px auto; max-width: 900px; font-size: 40px; line-height: 1.3; font-weight: 700; color: #2B2626; text-align: center; } .single .entry-content figure { border: 1px solid #CCC; margin-bottom: 1.5em; max-width: 100%; } .single .entry-content figure img { display: block; margin: 1.2% auto 0; max-width: 98%; height: auto; } .single .entry-content figure figcaption { text-align: center; } .single .entry-content .titolo_percorso { font-weight: 700; text-decoration: underline; text-align: center; margin: 30px 0 20px; } .single .entry-content .dettagli_percorso { width: 100%; margin: 0 auto 30px; max-width: 900px; } .single .entry-content .dettaglio { float: left; width: 50%; text-align: center; font-size: 18px; line-height: 1.4; font-weight: 400; } .single .entry-content .foto_percorso { width: 100%; margin: 0 auto 40px; } .single .entry-content .foto_percorso a { display: block; height: 270px; float: left; background-repeat: no-repeat; background-size: cover; margin: 0.3%; } .single .entry-content .foto_percorso a.box1 { width: 32.7%; } .single .entry-content .foto_percorso a.box2 { width: 66%; } .single .entry-content .evento { text-align: center; font-size: 18px; line-height: 1.4; font-weight: 400; } .single .entry-content iframe { margin-top: 24px; margin-bottom: 24px; max-width: 100%; } .single .entry-content .clear { clear: both; } .single .entry-content p.sottotitolo { font-size: 36px; line-height: 1.3; } .single .entry-content em { font-size: 18px; line-height: 1.4; } .single .entry-content a { text-decoration: underline; color: #333; } .single .entry-content a:hover, .single .entry-content a:active, .single .entry-content a:focus { text-decoration: underline; color: #EC1B2D; } .single .entry-content a.pulsante { display: inline-block; font-family: 'Mulish', sans-serif; background: #FF473A; border-radius: 5px; text-decoration: none; box-sizing: border-box; margin: 10px 0 0; font-weight: 700; font-size: 16px; line-height: 45px; text-align: center; color: #FFF; padding: 0 14px; transition: all 0.2s linear; } .single .entry-content a.pulsante:hover, .single .entry-content a.pulsante:active, .single .entry-content a.pulsante:focus { text-decoration: none; background: #AB0E1A; } .single .entry-content img.alignnone.size-full { width: 100%; height: auto; margin: 20px 0; } @media screen and (max-width: 1200px) { .single #breadcrumbs { max-width: 958px; padding: 0 20px; text-align: left; } .single #content { padding: 0 5px; } } @media screen and (max-width: 1060px) { .single .entry-content .foto_percorso a { height: 210px; } } @media screen and (max-width: 1024px) { .single .entry-content h2 { font-size: 36px; } .single .entry-content p.sottotitolo { font-size: 30px; } } @media screen and (max-width: 1000px) { .single .entry-header { margin: 0; } .single #breadcrumbs { padding: 0; } } @media screen and (max-width: 960px) { .single #main-column .post .entry-header .entry-meta, .single #main-column .post footer.entry-meta { font-size: 14px; } .single .entry-content h2 { font-size: 30px; } .single .entry-content p.sottotitolo { font-size: 24px; } .single .entry-content .foto_percorso { max-width: 820px; } .single .entry-content .foto_percorso a { margin: 0.5%; height: 320px; } .single .entry-content .foto_percorso a.box1 { width: 49%; } .single .entry-content .foto_percorso a.box2 { width: 99%; } .single .entry-content em { font-size: 16px; } .single .entry-content .dettaglio { font-size: 16px; } } @media screen and (max-width: 767px) { .single .entry-content h2 { margin: 20px auto; } .single .entry-content .dettaglio { width: 100%; } .single .entry-content .foto_percorso { margin: 0 auto 30px; } .single .entry-content .foto_percorso a { height: 300px; } } @media screen and (max-width: 480px) { .single .entry-content .foto_percorso a { height: 220px; } } @media screen and (max-width: 360px) { .single .entry-content .foto_percorso a { height: 140px; } } /** LISTA ARTICOLI **/ .archive #content, .category #content { max-width: 1140px; margin: 0 auto 50px; } .archive .page-header, .category .page-header { padding: 25px 0 0; max-width: 960px; margin: 0 auto 50px; text-align: left; border: none; } .archive .page-header .page-title, .category .page-header .page-title { margin: 0; padding: 0; font-size: 30px; line-height: 39px; color: #333; font-weight: 700; } .archive .page-header .taxonomy-description, .category .page-header .taxonomy-description { font-size: 16px; color: #333; line-height: 1.6; text-align: center; margin: 0 auto; max-width: 1000px; } .archive #main-column .post .entry-title, .category #main-column .post .entry-title { font-family: 'Mulish', sans-serif; font-weight: 700; font-size: 30px; line-height: 39px; color: #333; margin: 0; padding: 4px 0; text-align: left; } .archive #main-column .post .entry-title a, .category #main-column .post .entry-title a { color: #333; text-decoration: none; } .archive #main-column .post .entry-title a:hover, .archive #main-column .post .entry-title a:active, .archive #main-column .post .entry-title a:focus, .category #main-column .post .entry-title a:hover, .category #main-column .post .entry-title a:active, .category #main-column .post .entry-title a:focus { color: #000; text-decoration: none; } .archive #main-column .post .entry-header .entry-meta, .category #main-column .post .entry-header .entry-meta { font-weight: 400; font-size: 14px; line-height: 17px; color: #909090; margin: 0 0 15px; } .archive .entry-content, .category .entry-content { font-weight: 400; font-size: 18px; line-height: 27px; color: #333; } .archive a.more-link, .category a.more-link { display: block; float: left; background: #FF473A; border-radius: 5px; text-decoration: none; box-sizing: border-box; margin: 10px 0 0; font-weight: 700; font-size: 16px; line-height: 45px; text-align: center; color: #FFF; padding: 0 14px; transition: all 0.2s linear; } .archive a.more-link span, .category a.more-link span { background-image: url(../img/arrow_white.svg); background-repeat: no-repeat; background-size: 23px 18px; display: inline-block; height: 18px; margin: 0 0 2px 12px; width: 23px; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); } .archive a.more-link:hover, .archive a.more-link:active, .archive a.more-link:focus, .category a.more-link:hover, .category a.more-link:active, .category a.more-link:focus { background: #E62619; color: #FFF; text-decoration: none; } .archive .post table, .category .post table { border: none; border-bottom: 1px solid #E5E5E5; margin-bottom: 40px; width: 100%; } .archive .post td.foto, .category .post td.foto { text-align: left; vertical-align: top; width: 310px; padding: 0 0 40px 0; } .archive .post td.foto img, .category .post td.foto img { width: 100%; max-width: 310px; height: auto; transition: all 0.3s ease; } .archive .post td.foto a, .category .post td.foto a { display: inline-block; background: #333; } .archive .post td.foto a:hover img, .archive .post td.foto a:active img, .archive .post td.foto a:focus img, .category .post td.foto a:hover img, .category .post td.foto a:active img, .category .post td.foto a:focus img { opacity: 0.6; } .archive .post td.dettagli, .category .post td.dettagli { text-align: left; vertical-align: top; padding: 0 10px 30px 30px; } .archive .dettagli .entry-header, .category .dettagli .entry-header { padding: 10px 0 0; } .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { color: #FFF; background-color: #333; border-color: #333; } .pagination > li:first-child > a, .pagination > li:first-child > span { border-top-left-radius: 0; border-bottom-left-radius: 0; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 0; border-bottom-right-radius: 0; } .pagination > li > a, .pagination > li > span { color: #333; border: 1px solid #E5E5E5; } .pagination > li > a:hover, .pagination > li > a:active, .pagination > li > a:focus { color: #333; } .single .cat-links { margin-right: 20px; } @media screen and (max-width: 1000px) { .archive .dettagli .entry-header, .category .dettagli .entry-header { margin: 0; } .archive .page-header, .category .page-header { margin: 0 20px 50px; } } @media screen and (max-width: 767px) { .archive .page-header, .category .page-header { padding: 20px 0 0; } .archive .dettagli .entry-header, .category .dettagli .entry-header { padding: 0; } .archive .page-header .page-title, .category .page-header .page-title { font-size: 25px; line-height: 32px; } .archive .post td.foto, .category .post td.foto { display: block; width: 100%; } .archive .post td.dettagli, .category .post td.dettagli { display: block; width: 100%; padding: 0 0 30px; } } /* TABELLA COOKIE */ table.lista_cookie { margin-bottom: 30px; border: 1px solid #444; } table.lista_cookie td { border: 1px solid #444; padding: 6px; } /** COOKIEBOT POLICY **/ #cookiebot_policy { width: auto; margin: 0 auto 50px; } #cookiebot_policy #CookieDeclarationUserStatusLabelOn, #cookiebot_policy #CookieDeclarationUserStatusLabelOff, #cookiebot_policy #CookieDeclarationUserStatusLabelMulti { font-weight: 700; } #main-column .entry-content #cookiebot_policy p.CookieDeclarationTypeHeader { font-weight: 700; } @media screen and (max-width: 1050px) { #cookiebot_policy { margin: 0 45px 50px; } #main-column .entry-content #cookiebot_policy p { width: auto; margin: 0 0 10px; } } @media screen and (max-width: 767px) { #cookiebot_policy { margin: 0 20px 30px; } #main-column .entry-content #cookiebot_policy { font-size: 14px; line-height: 21px; } } /** PERSONALIZZAZIONE GUTEMBERG **/ .wp-block-button__link, .wp-block-button__link:visited { font-weight: 700; font-size: 16px; line-height: 20px; box-sizing: border-box; background: #FF473A; border-radius: 5px; padding: 13px 20px; text-decoration: none; color: #FFF; transition: all 0.2s ease; } .wp-block-button__link:hover, .wp-block-button__link:active, .wp-block-button__link:focus { text-decoration: none; color: #FFF; background: #E62619; } /** FASCIA CATEGORIE OFFERTE NEGLI ARTICOLI BLOG **/ #single_fascia_offerte { margin: 0 0 60px; overflow: hidden; } #single_fascia_offerte .fascia_offerte_container { width: auto; max-width: 1100px; margin: 0 auto; position: relative; border-top: 1px solid #DDD; box-sizing: border-box; padding: 40px 0 0; } #single_fascia_offerte h2 { display: block; font-weight: 700; font-size: 24px; line-height: 29px; color: #333; padding: 0 90px 0 0; margin: 0 0 19px; } #single_fascia_offerte #carosello_offerte { position: static; width: 1710px; margin: 0 0 0 -15px; } #single_fascia_offerte #carosello_offerte.col5 { width: 1425px; } #single_fascia_offerte #carosello_offerte.col4 { width: 1140px; } #single_fascia_offerte #carosello_offerte.col3 { width: 855px; } #single_fascia_offerte #carosello_offerte.col2 { width: 570px; } #single_fascia_offerte #carosello_offerte .owl-nav { position: absolute; top: 40px; right: 0; line-height: 0; width: 82px; } #single_fascia_offerte #carosello_offerte .owl-nav.disabled { display: block; } #single_fascia_offerte #carosello_offerte .owl-prev, #single_fascia_offerte #carosello_offerte .owl-next { display: inline; } #single_fascia_offerte #carosello_offerte .owl-prev { margin: 0 10px 0 0; } #single_fascia_offerte #carosello_offerte .owl-prev path, #single_fascia_offerte #carosello_offerte .owl-next path { transition: all 0.2s linear; } #single_fascia_offerte #carosello_offerte .owl-prev:hover path, #single_fascia_offerte #carosello_offerte .owl-next:hover path { fill: #333; } #single_fascia_offerte .categoria { width: 255px; height: 260px; margin: 20px 15px 10px; background: #007CC3; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15); border-radius: 10px; padding: 0 0 100px; transition: all 0.2s linear; cursor: pointer; position: relative; } #single_fascia_offerte .categoria:hover { margin: 10px 15px 20px; } #single_fascia_offerte .categoria a.nome { display: block; text-decoration: none; box-sizing: border-box; text-transform: uppercase; font-weight: 700; font-size: 18px; line-height: 22px; color: #FFF; position: absolute; top: 25px; left: 10px; right: 10px; z-index: 3; text-align: center; } #single_fascia_offerte .categoria a.nome:hover, #single_fascia_offerte .categoria a.nome:active, #single_fascia_offerte .categoria a.nome:focus { text-decoration: none; color: #FFF; } #single_fascia_offerte .categoria .icona { width: 78px; height: auto; position: absolute; left: 50%; top: 78px; z-index: 1; transform: translateX(-50%); } #single_fascia_offerte .categoria .prezzo { display: block; position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; background: #F4F4F4; box-sizing: border-box; padding: 20px 16px; font-weight: 400; font-size: 18px; line-height: 25px; color: #333; border-radius: 0 0 10px 10px; } #single_fascia_offerte .categoria .prezzo b { font-weight: 700; color: #333; } #single_fascia_offerte .categoria .prezzo svg { margin: 0 0 0 14px; } #single_fascia_offerte .categoria .prezzo br.mobile { display: none; } #single_fascia_offerte .btn_container { margin: 40px 0 0; text-align: center; } #single_fascia_offerte .btn_container a { display: inline-block; background: #FFF; border-radius: 5px; text-decoration: none; box-sizing: border-box; padding: 12px 24px; font-weight: 700; font-size: 18px; line-height: 23px; color: #FF473A; transition: all 0.2s linear; border: 1px solid #FF473A; } #single_fascia_offerte .btn_container a:hover, #single_fascia_offerte .btn_container a:active, #single_fascia_offerte .btn_container a:focus { text-decoration: none; background: #FF473A; color: #FFF; } @media screen and (max-width: 1140px) { #single_fascia_offerte { padding: 0 20px; } } @media screen and (max-width: 767px) { #single_fascia_offerte h2 { font-size: 20px; line-height: 24px; margin: 0 0 4px; } #single_fascia_offerte #carosello_offerte { width: 1200px; margin: 0 0 0 -10px; } #single_fascia_offerte #carosello_offerte.col5 { width: 1000px; } #single_fascia_offerte #carosello_offerte.col4 { width: 800px; } #single_fascia_offerte #carosello_offerte.col3 { width: 600px; } #single_fascia_offerte #carosello_offerte.col2 { width: 400px; } #single_fascia_offerte #carosello_offerte .owl-nav { width: 72px; } #single_fascia_offerte #carosello_offerte .owl-prev svg, #single_fascia_offerte #carosello_offerte .owl-next svg { width: 33px; height: auto; } #single_fascia_offerte #carosello_offerte .owl-prev { margin: 0 6px 0 0; } #single_fascia_offerte .categoria { width: 180px; height: 216px; margin: 20px 10px 10px; padding: 0 0 64px; } #single_fascia_offerte .categoria:hover { margin: 10px 10px 20px; } #single_fascia_offerte .categoria a.nome { font-size: 14px; line-height: 17px; top: 20px; } #single_fascia_offerte .categoria .icona { width: 65px; top: 60px; } #single_fascia_offerte .categoria .prezzo { padding: 11px 12px 12px; font-size: 16px; line-height: 22px; } #single_fascia_offerte .categoria .prezzo svg { margin: 0 0 0 10px; } #single_fascia_offerte .categoria .prezzo br.mobile { display: inline; } #single_fascia_offerte .btn_container { margin: 20px 0 0; } } @media screen and (max-width: 500px) { #single_fascia_offerte .btn_container a { display: block; padding: 12px; } }