/*---------------------------------- IMPORTAZ. STILI COMBINAZIONI COLORI ----------------------------------*/ /*---------------------------------- /////////| COLORI BLOCCHI |///////// ----------------------------------*/ /*logo - sfondo-pulsanti - fixed-top*/ /*#9e532b*/ /*verde whats-app::after 2cbda5*/ /*footer-link*/ /*#dac8a0;*/ /*footer-social e banner*/ /*#f5f0e5;*/ /*footer-bottom*/ /*#555;*/ /**/ /*sfondo modulo contatto*/ /**/ /*menu - titoli-principali*/ /*#232323;*/ /*sotto-titoli-principali - body*/ /*#555;*/ /* sistema di colori a triade */ /* sistema di colori tonali */ /*#d8e056;*/ /* fascia catalogo */ /* fascia catalogo link active */ /*---------------------------------- //////////////| LOGO |////////////// ----------------------------------*/ /*variabile*/ /*fissa*/ /*---------------------------------- //////////////| MENU |////////////// ----------------------------------*/ /**/ /**/ /*---------------------------------- /////////////| BUTTON |///////////// ----------------------------------*/ /**/ /*---------------------------------- ///////////| FONT PAGE |/////////// ----------------------------------*/ /*@title-text-transform: uppercase;*/ /**/ /**/ /*@body-color: @secondary-color;*/ /**/ /*---------------------------------- //////////| FORM CONTATTI |///////// ----------------------------------*/ /*@bg-testata-opacity-white: fade(@white-color, 60%);*/ /*---------------------------------- /////////////| FOOTER |///////////// ----------------------------------*/ /**/ /**/ /*---------------------------------- ///////////| COPYRIGHT |//////////// ----------------------------------*/ /*---------------------------------- /////////////| BANNER |///////////// ----------------------------------*/ /**/ /*------------------------------------ ////| BANNER TESTATA HOME - 100% |//// ------------------------------------*/ /**/ /**/ /*@title-testata-home-size: 2rem;*/ /**/ /*@subtitle-testata-home-size: 2.5rem;*/ /*@alternative-font;*/ /*----------------------------------- ////| BANNER TESTATA HOME - 55% |//// -----------------------------------*/ /*@bg-width: 55%; @bg-max-width: 55%; @bg-size: cover; @bg-path: polygon(0 0%, 99% 0%, 80% 101%, 0% 100%); @bg-testata-opacity: @bg-primary-color; @bg-color-top-opacity: lighten(@primary-color, 25%); @bg-color-bottom-opacity: @primary-color; @title-testata-home-size: 4rem; @title-testata-home-font: @testata-font; @title-testata-home-color: @white-color; @title-testata-home-weight: 700; @subtitle-testata-home-size: 2.5rem; @subtitle-testata-home-font: @primary-font; @subtitle-testata-home-color: @white-color;*/ /*---------------------------------- /////////| BANNER FASCIA |////////// ----------------------------------*/ /**/ /**/ /**/ /*---------------------------------- ///////| BANNER NAVIGAZIONE |/////// ----------------------------------*/ /**/ /**/ /*---------------------------------- /////////| BANNER SLIDER |////////// ----------------------------------*/ /**/ /**/ /*---------------------------------- ///////| PATTERN BACKGROUND |/////// ----------------------------------*/ /**/ /**/ /*---------------------------------- ///////////| SVG ICON |///////////// ----------------------------------*/ /**/ /*---------------------------------- ///////| SKILL COMPONENET |///////// ----------------------------------*/ /*@import "https://www.hotelperugina.com/css/custom-bicromo.less";*/ /*@import "https://www.hotelperugina.com/css/custom-bicromo2.less";*/ /*@import "https://www.hotelperugina.com/css/custom-colore-complementare.less";*/ /*---------------------------------- ////////| IMPORTAZIONE FONT |/////// ATTENZIONE QUANDO SI COMBINANO GLI SCRIPT CSS L'IMPORT DEI FONT QUI NON FUNZIONA!!!!!!!!!! /////////// -> SPOSTATO IN MASTERPAGE ----------------------------------*/ /*---------------------------------- //////////////| FONT |////////////// ----------------------------------*/ /*titoli-principali*/ /*sotto-titoli-principali*/ /*menu - body*/ /*'Roboto Condensed', sans-serif;*/ /*--------------------------------- -------------- COLORI ------------- ----------------------------------*/ .bg-primary-color { background-color: #bb87b8 !important; } .bg-secondary-color { background-color: #e0c9df !important; } .bg-light-color { background-color: #faf5f9 !important; background-image: none; background-size: 15%; } .bg-medium-color { background-color: #333333 !important; } .bg-dark-color { background-color: #bb87b8 !important; } .bg-manual-secondary-color-fade { background-color: rgba(140, 80, 137, 0.7) !important; } .bg-color-sottomeu { background-color: #729831 !important; } .bg-color-sottomeu-active { background-color: #87a750 !important; } .bg-transparent-white { background-color: rgba(255, 255, 255, 0.5) !important; } .bg-transparent-black { background-color: rgba(0, 0, 0, 0.5) !important; } .tx-primary-color { color: #bb87b8 !important; } .tx-secondary-color { color: #e0c9df !important; } .tx-light-color { color: #faf5f9 !important; } .tx-dark-color { color: #0a060a !important; } .bd-primary-color { border-color: #bb87b8 !important; } .bd-secondary-color { border-color: #e0c9df !important; } .bd-light-color { border-color: #faf5f9 !important; } .bd-dark-color { border-color: #bb87b8 !important; } .primary-color { color: #0a060a !important; } .secondary-color { color: #8c5089 !important; } .color-sottomeu { color: #729831 !important; } .black-color { color: #000 !important; } .white-color { color: #fff !important; } /* Stilizzazione selectbox comune per safari !!*/ select.form-control { -moz-appearance: none; -webkit-appearance: none; appearance: none; background-position: right center; background-repeat: no-repeat; background-size: 1ex; background-origin: content-box; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0ic3ZnMiIKICAgdmlld0JveD0iMCAwIDM1Ljk3MDk4MyAyMy4wOTE1MTgiCiAgIGhlaWdodD0iNi41MTY5Mzk2bW0iCiAgIHdpZHRoPSIxMC4xNTE4MTFtbSI+CiAgPGRlZnMKICAgICBpZD0iZGVmczQiIC8+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhNyI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGU+PC9kYzp0aXRsZT4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGcKICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjAyLjAxNDUxLC00MDcuMTIyMjUpIgogICAgIGlkPSJsYXllcjEiPgogICAgPHRleHQKICAgICAgIGlkPSJ0ZXh0MzMzNiIKICAgICAgIHk9IjYyOS41MDUwNyIKICAgICAgIHg9IjI5MS40Mjg1NiIKICAgICAgIHN0eWxlPSJmb250LXN0eWxlOm5vcm1hbDtmb250LXdlaWdodDpub3JtYWw7Zm9udC1zaXplOjQwcHg7bGluZS1oZWlnaHQ6MTI1JTtmb250LWZhbWlseTpzYW5zLXNlcmlmO2xldHRlci1zcGFjaW5nOjBweDt3b3JkLXNwYWNpbmc6MHB4O2ZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MXB4O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1vcGFjaXR5OjEiCiAgICAgICB4bWw6c3BhY2U9InByZXNlcnZlIj48dHNwYW4KICAgICAgICAgeT0iNjI5LjUwNTA3IgogICAgICAgICB4PSIyOTEuNDI4NTYiCiAgICAgICAgIGlkPSJ0c3BhbjMzMzgiPjwvdHNwYW4+PC90ZXh0PgogICAgPGcKICAgICAgIGlkPSJ0ZXh0MzM0MCIKICAgICAgIHN0eWxlPSJmb250LXN0eWxlOm5vcm1hbDtmb250LXZhcmlhbnQ6bm9ybWFsO2ZvbnQtd2VpZ2h0Om5vcm1hbDtmb250LXN0cmV0Y2g6bm9ybWFsO2ZvbnQtc2l6ZTo0MHB4O2xpbmUtaGVpZ2h0OjEyNSU7Zm9udC1mYW1pbHk6Rm9udEF3ZXNvbWU7LWlua3NjYXBlLWZvbnQtc3BlY2lmaWNhdGlvbjpGb250QXdlc29tZTtsZXR0ZXItc3BhY2luZzowcHg7d29yZC1zcGFjaW5nOjBweDtmaWxsOiMwMDAwMDA7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjFweDtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2Utb3BhY2l0eToxIj4KICAgICAgPHBhdGgKICAgICAgICAgaWQ9InBhdGgzMzQ1IgogICAgICAgICBzdHlsZT0iZmlsbDojMzMzMzMzO2ZpbGwtb3BhY2l0eToxIgogICAgICAgICBkPSJtIDIzNy41NjY5Niw0MTMuMjU1MDcgYyAwLjU1ODA0LC0wLjU1ODA0IDAuNTU4MDQsLTEuNDczMjIgMCwtMi4wMzEyNSBsIC0zLjcwNTM1LC0zLjY4MzA0IGMgLTAuNTU4MDQsLTAuNTU4MDQgLTEuNDUwOSwtMC41NTgwNCAtMi4wMDg5MywwIEwgMjIwLDQxOS4zOTM0NiAyMDguMTQ3MzIsNDA3LjU0MDc4IGMgLTAuNTU4MDMsLTAuNTU4MDQgLTEuNDUwODksLTAuNTU4MDQgLTIuMDA4OTMsMCBsIC0zLjcwNTM1LDMuNjgzMDQgYyAtMC41NTgwNCwwLjU1ODAzIC0wLjU1ODA0LDEuNDczMjEgMCwyLjAzMTI1IGwgMTYuNTYyNSwxNi41NDAxNyBjIDAuNTU4MDMsMC41NTgwNCAxLjQ1MDg5LDAuNTU4MDQgMi4wMDg5MiwwIGwgMTYuNTYyNSwtMTYuNTQwMTcgeiIgLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo="); } /*--------------------------------- --------------- FONT -------------- ----------------------------------*/ a { color: #729831; } a:hover { color: #87a750; } .font-primary, .font-primary a { font-family: 'Montserrat', sans-serif !important; } .font-secondary { font-family: 'Open Sans', sans-serif !important; } .font-base, .font-base a { font-family: 'Open Sans', sans-serif !important; } .size-body-copyright { font-size: 0.7rem !important; } .body-copyright-lineh { line-height: 1rem !important; } /*--------------------------------- ----------- FIXED - TOP ----------- ----------------------------------*/ .fixedtop { background-color: #bb87b8; position: fixed; height: 40px; top: 0px; z-index: 9999; overflow: visible; width: 100%; font-size: 0.8rem; font-weight: normal; background-image: none; background-size: 30%; } .fixedtop .form-control, .form-control:focus { border: none; background-color: #fff; } /*--------------------------------- --------------- MENU -------------- ----------------------------------*/ /*LOGO*/ .fulllogobckdark { width: 383px; height: 113px; /*AGGIUNTI PER LOGO DOPPIA POSIZIONE*/ background: url(https://www.hotelperugina.com/images/main_logo_d.png) center center; background-size: 95%; background-repeat: no-repeat; } .shrinklogo { width: calc((383px * 61) / 119); height: 62px; } .fulllogo { width: 90%; height: auto; } @media (max-width: 1179px) { .fulllogobckdark { width: calc((383px * 61) / 119); height: 62px; /*margin-left: calc(100% - ((170 * @larghezza-logo-smart) / 206));*/ /*AGGIUNTI PER LOGO DOPPIA POSIZIONE*/ background: url(https://www.hotelperugina.com/images/main_logo_d.png) center center; background-size: 95%; background-repeat: no-repeat; } .shrinklogo { width: calc((383px * 61) / 119); height: 62px; } } /*DISTANZA DELLA PAGINA DAL MENU IN CASO DI E COMMERCE CON SOTTO MENU PRODOTTI A VISTA*/ .headerspacer { padding-top: 151px; /*padding-top: calc(141px + 82px);*/ } /*--------- END ---------*/ /*DISTANZA DELLA PAGINA DAL MENU IN CASO DI SITO NORMALE*/ /*.headerspacer { padding-top: calc(141px + 14px); }*/ @media (max-width: 1179px) { .headerspacer { padding-top: 100px; } } .sliderrev { height: calc(100vh - 141px) !important; } @media (max-width: 767px) { .sliderrev { height: calc(100vh - 90px) !important; } } i .fa { font-weight: 900; } .menuzord, .menuzord *, .menuzord:not(i) { font-family: 'Montserrat', sans-serif; border-color: #e0c9df !important; font-size: 1rem; } .menuzord.white .menuzord-menu > li > a, .menuzord.white .menuzord-menu > li > a span { color: #0a060a; font-family: 'Montserrat', sans-serif; font-size: 1rem; font-weight: 600; } .menuzord.white .menuzord-menu > li.active > a, .menuzord.white .menuzord-menu > li:hover > a, .menuzord.white .menuzord-menu ul.dropdown li:hover > a, .menuzord.white .menuzord-menu > li > a:active { color: #8c5089 !important; /*font-weight: @menu-hover-weight;*/ background: none; } .menuzord.white .showhide em { background: #0a060a; } .menuzord-brand { font-weight: 600; } .menuzord-menu ul.dropdown, .menuzord-menu ul.dropdown li ul.dropdown { border-color: #8c5089 !important; list-style: none; margin: 10px 0 0 0; padding: 10px 0 20px; display: none; position: absolute; z-index: 99; min-width: 180px; white-space: nowrap; background: #fff; border: 1px solid #8c5089; border-top: 1px dashed #8c5089; box-shadow: 0 4px 6px -6px #222; } .menuzord-menu ul.dropdown li { font-size: 1rem; padding: 12px 0; } .menuzord-menu ul.dropdown li a { font-weight: 400; color: #0a060a; } .menuzord-menu ul.dropdown li:hover > a { font-weight: 400; color: #8c5089; } .menuzord i { font-family: 'Font Awesome 5 Free'; } /*MENU PRODOTTI A VISTA*/ @media (min-width: 1025px) { .menuzord-menu li.catalogo-menu .indicator { bottom: -37px; position: absolute; font-size: 35px !important; margin-left: calc(-50% + 0px); color: #729831 !important; display: inline; } .menuzord-menu li.catalogo-menu .indicator:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f0de"; } /*.menuzord-menu li.catalogo-menu .fa { display: none; }*/ .menuzord-menu ul.dropdown li a { font-weight: 400; color: #000; } .menuzord-menu li.catalogo-menu ul { /*display: block !important;*/ width: calc(100% + 40px); left: -20px; background-color: #729831; opacity: 1 !important; border: none; padding: 0px 55px; background-image: none; background-size: 20%; /*SOTTO MENU A COLONNE ON/OFF (si può attivare soltanto con SOTTO SOTTO MENU OFF) */ /*-webkit-column-count: 4; -moz-column-count: 4; column-count: 4; column-rule: solid 1px @bg-primary-color; webkit-column-fill: auto; -moz-column-fill: auto; column-fill: auto; height: 164px; padding-top: 10px; padding-bottom: 10px; padding-left: calc((100% - 1110px) / 2); padding-right: calc((100% - 1110px) / 2);*/ } .visible-ok { display: block !important; } .menuzord-menu li.catalogo-menu ul li { display: inline-block; float: right; clear: none; width: auto; margin-left: 10px; } .menuzord-menu li.catalogo-menu ul li a { padding: 14px 14px 14px 40px !important; } .menuzord-menu li.catalogo-menu ul li:nth-child(6) { background: url(https://www.hotelperugina.com/images/icon-logo.png) 10px center no-repeat !important; background-size: 32px !important; } .menuzord-menu li.catalogo-menu ul li:nth-child(5) { background: url(https://www.hotelperugina.com/images/icon-logo.png) 10px center no-repeat !important; background-size: 32px !important; } .menuzord-menu li.catalogo-menu ul li:nth-child(4) { background: url(https://www.hotelperugina.com/images/icon-logo.png) 10px center no-repeat !important; background-size: 32px !important; } .menuzord-menu li.catalogo-menu ul li:nth-child(3) { background: url(https://www.hotelperugina.com/images/icon-logo.png) 10px center no-repeat !important; background-size: 32px !important; } .menuzord-menu li.catalogo-menu ul li:nth-child(2) { background: url(https://www.hotelperugina.com/images/icon-logo.png) 10px center no-repeat !important; background-size: 32px !important; } .menuzord-menu li.catalogo-menu ul li:nth-child(1) { background: url(https://www.hotelperugina.com/images/icon-logo.png) 10px center no-repeat !important; background-size: 32px !important; } /*sotto sotto menu catalogo*/ .menuzord-menu li.catalogo-menu ul.dropdown .fa { display: block; /*color: @primary-color;*/ } .menuzord-menu li.catalogo-menu ul.dropdown li .indicator { top: 7px; right: 0px; } .menuzord-menu li.catalogo-menu ul.dropdown li .indicator:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: ""; } .menuzord-menu li.catalogo-menu ul.dropdown li .indicator i.fa.fa-angle-right:before { content: "\f107"; } .menuzord-menu li.catalogo-menu ul { /*SOTTO SOTTO MENU ON OFF*/ border-bottom: 1px solid #bb87b8 !important; } .menuzord-menu li.catalogo-menu ul.dropdown li { position: unset !important; padding: 22px 10px; margin-left: 0; font-weight: 400 !important; /*SOTTO MENU A COLONNE ON/OFF (si può attivare soltanto con SOTTO SOTTO MENU OFF) */ /*width: 100%; padding: 10px 10px;*/ /*SOTTO SOTTO MENU ON OFF*/ margin-bottom: -1px; border-bottom: 1px solid #bb87b8 !important; border-left: 1px solid transparent !important; border-right: 1px solid transparent !important; } .menuzord-menu li.catalogo-menu ul.dropdown li:hover { background-color: #87a750 !important; font-weight: 400 !important; /*SOTTO SOTTO MENU ON OFF*/ border-bottom: 1px solid transparent !important; border-left: 1px solid #bb87b8 !important; border-right: 1px solid #bb87b8 !important; } .menuzord-menu li.catalogo-menu ul.dropdown li ul.dropdown { width: 100%; min-width: auto; padding: 10px 55px; display: none; background: #87a750; border: 0px; border-bottom: none !important; left: 0; /*SOTTO SOTTO MENU ON*/ top: 63px; /*SOTTO SOTTO MENU OFF*/ /*top: 62px;*/ } .menuzord-menu li.catalogo-menu ul.dropdown li ul.dropdown li { padding: 0px; margin: 2px 0; float: right; background: none !important; border: none !important; font-weight: 400 !important; } .menuzord-menu li.catalogo-menu ul.dropdown li ul.dropdown li:hover { font-weight: 400 !important; } .menuzord.white .menuzord-menu li.catalogo-menu ul.dropdown li:hover a { color: #0a060a !important; } .menuzord.white .menuzord-menu li.catalogo-menu ul.dropdown li, .menuzord.white .menuzord-menu li.catalogo-menu ul.dropdown li a, .menuzord.white .menuzord-menu li.catalogo-menu ul.dropdown .fa, .menuzord.white .menuzord-menu li.catalogo-menu ul.dropdown li ul.dropdown li a { color: #fff !important; } .menuzord.white .menuzord-menu li.catalogo-menu ul.dropdown li:hover, .menuzord.white .menuzord-menu li.catalogo-menu ul.dropdown li a:hover, .menuzord.white .menuzord-menu li.catalogo-menu ul.dropdown .fa:hover, .menuzord.white .menuzord-menu li.catalogo-menu ul.dropdown li ul.dropdown li a:hover { color: #0a060a !important; } .menuzord-menu li.catalogo-menu ul.dropdown li ul.dropdown li a { padding: 14px !important; } } /*-------------- END menu prodotti a vista -------------*/ .simplemenu, .simplemenu * ~ .simplemenu:not(i) { font-family: 'Montserrat', sans-serif; border-color: #e0c9df !important; } .simplemenu .fa, .simplemenu .fas { font: normal normal 900 0.8rem 'Font Awesome 5 Free' !important; } .simplemenu > ul > li { padding: 6px 25px; float: left; border-right: 1px solid #e0c9df; } .simplemenu > ul > li:nth-last-child(1) { border-right: none; } @media screen and (max-width: 961px) { .simplemenu > ul > li { border-right: none; } } .simplemenu > ul > li > ul > li { padding: 4px; } .simplemenu > ul > li > ul > li > a { color: #0a060a; text-transform: none; font-size: 0.8rem; text-transform: uppercase; } .simplemenu > ul > li > ul > li > a:hover { color: #8c5089 !important; font-weight: 600; } .simplemenu .dropdown-menu { border-top: 0; transform: translate3d(0, 29px, 0px) !important; border-radius: 0rem; } .triggerdata { color: #fff; } div#btn-menumobile { padding: 3px 0; background-color: transparent; color: #0a060a; width: 0; font-size: 24px; } .fixednav .fa-phone, #btn-menumobile { color: #0a060a; } #btn-menumobile .fa-bars { transform: rotate(0deg); transition: transform 0.3s linear; font-size: 1.5rem; } #btn-menumobile .fa-times { transform: rotate(180deg); transition: transform 0.3s linear; font-size: 1.5rem; } /*--------------------------------- ------- LOGO AZIENDA TESTI -------- ----------------------------------*/ div#blocco-lgo-home { /*height: 0 !important; padding: 0 !important; display: none;*/ } /*--------------------------------- ---------- TESTI PAGINA ----------- ----------------------------------*/ .mbr-section-title, a .mbr-section-title, .title-block, h1 span:nth-child(1).mbr-section-title, .cart-product, .cart-quantity, .cart-total { color: #0a060a; font-family: 'Montserrat', sans-serif; font-size: 3rem; font-weight: 500; text-transform: none; font-style: normal; text-align: center; letter-spacing: 0px; line-height: 1.1 !important; margin: 0; word-break: break-word; word-wrap: break-word; /*Start svg decorazione sotto il titolo*/ /*padding-bottom: 21px; background: url("data:image/svg+xml;utf8,") no-repeat bottom center; background-size: 135px 21px;*/ /*&::after { margin-top: 55px; content: ""; position: absolute; background: url("data:image/svg+xml;utf8,") no-repeat; height: 20px; width: 134px; left: 50%; margin-left: -67px; }*/ /*&.noafter::after { display: none; }*/ /*End svg decorazione sotto il titolo*/ } .mbr-section-title.noafter, a .mbr-section-title.noafter, .title-block.noafter { background: none; background-size: 0; } h3.mbr-section-title.display-5.bg-dark-color.noafter { letter-spacing: 1px !important; font-weight: normal !important; font-family: 'Open Sans', sans-serif !important; font-size: 1rem !important; padding: 0.6rem 0 !important; } .mbr-section-title, .title-block, h1 span:nth-child(1).mbr-section-title, .cart-product, .cart-quantity, .cart-total { padding-top: 20px; /*padding-bottom: 3rem;*/ /*Svg decorazione sotto i titoli auto-generati*/ } .mbr-section-title::after, .title-block::after { top: 75px; margin-top: 0; } /*Svg decorazione sotto i titoli scroll schede*/ #divScrollerSuggeritiJsTitle .mbr-section-title::after { margin-top: 0; } .title-block { padding-top: 20px; } @media screen and (max-width: 415px) { .mbr-section-title, .title-block, h1 span:nth-child(1).mbr-section-title, .cart-product, .cart-quantity, .cart-total { font-size: 2rem; } .mbr-section-title::after, .title-block::after { margin-top: 15px; } .mbr-section-subtitle, h1 span .mbr-section-subtitle { font-size: 1.5rem; } } .mbr-section-subtitle, h1 span .mbr-section-subtitle { color: #8c5089 !important; font-family: 'Montserrat', sans-serif !important; font-size: 1.8rem !important; font-weight: 400; font-style: normal; text-align: center; line-height: 36px; margin-top: 0.25rem !important; display: block; } .base-set, body, html, button, input, select, textarea, p, p.lead, .lead p { color: #0a060a; font-family: 'Open Sans', sans-serif; font-size: 1.35rem; font-weight: 300; line-height: 1.4 !important; } html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { overflow-x: hidden; /* background-color: transparent;*/ } body, html, button, input, select, textarea { font-size: 1em; background-color: transparent; } .container { position: relative; } .body-wrapper { padding: 0px 0px; position: relative; z-index: 0; width: 100%; overflow-x: inherit; /*overflow-x: hidden;*/ } @media (max-width: 768px) { .body-wrapper { overflow-x: hidden; } } h1 span:nth-child(1) { font-family: 'Montserrat', sans-serif !important; color: #0a060a !important; font-size: 100% !important; } h1 span { font-family: 'Montserrat', sans-serif !important; color: #8c5089 !important; font-size: 90% !important; } /*---------- TTITOLETTI VIRGOLETTAI -----------*/ .quote-marks { font-size: 2.4rem !important; line-height: 3rem !important; color: #0a060a !important; } .quote-marks::before { content: "“"; font-family: Georgia, serif; margin-top: 20px; position: absolute; margin-left: -55px; font-weight: normal; font-size: 100px; color: #8c5089; } .quote-marks::after { content: "”"; font-family: Georgia, serif; margin-top: 40px; position: absolute; margin-left: 15px; font-weight: normal; font-size: 100px; color: #8c5089; } @media (max-width: 767px) { .quote-marks { font-size: 1.4rem !important; line-height: 2rem !important; } .quote-marks::before { margin-top: 10px; margin-left: -35px; font-size: 75px; } .quote-marks::after { margin-top: 30px; margin-left: 5px; font-size: 75px; } } /*---------------------------------- -------------- PULSANTI -------------- ----------------------------------*/ button:focus { outline: none; } button:hover { cursor: pointer; } /*.divbuttonstyle a, */ a.divbuttonstyle, .divbuttonstyle, .btn, input[type="submit"], input[type="button"], button.btn, .btn-primary, div.divbuttonstyle, div.divbuttonstyle:visited, button.divbuttonstyle, a.divbuttonstyle:visited, .divbuttonstyle:visited, btn:visited, input:visited[type="submit"], input:visited[type="button"], button.btn:visited, .btn-primary:visited, div.divbuttonstyle:visited, button.divbuttonstyle:visited, a.divbuttonstyle:active, .divbuttonstyle:active, btn:active, input:active[type="submit"], input:active[type="button"], button.btn:active, .btn-primary:active, div.divbuttonstyle:active, button.divbuttonstyle:active, a.divbuttonstyle:hover, div.divbuttonstyle:hover, .divbuttonstyle:hover, button.divbuttonstyle:hover, button.btn:hover, .btn:hover, .btn-primary:hover, input:hover[type="submit"], input:hover[type="button"], .button-carrello, .button-carrello1, .button-carrello:hover, .btn-carrello-esaurito, .btn-carrello-esaurito:hover, .button-carrello1:hover, .btn-carrello-esaurito1, .btn-carrello-esaurito1:hover, .button-carrello-animate, .button-carrello-animate:hover { font-family: 'Open Sans', sans-serif; letter-spacing: 2px; font-size: 0.8rem; font-weight: normal; position: relative; line-height: 1 !important; padding: 0.75rem 2rem !important; display: inline-block; height: auto; -moz-box-shadow: none; box-shadow: none; text-shadow: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition: background 0.2s, opacity 0.2s; -moz-transition: background 0.2s, opacity 0.2s; -o-transition: background 0.2s, opacity 0.2s; transition: background 0.2s, opacity 0.2s; background: #729831; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #fff !important; text-transform: uppercase !important; text-align: center; white-space: nowrap; /*vertical-align: middle !important;*/ height: auto !important; border: 1px solid #729831; cursor: pointer; } /*.divbuttonstyle a:hover,*/ a.divbuttonstyle:hover, div.divbuttonstyle:hover, .divbuttonstyle:hover, button.divbuttonstyle:hover, button.btn:hover, .btn:hover, .btn-primary:hover, input:hover[type="submit"], input:hover[type="button"], .button-carrello:hover, .button-carrello1:hover, .button-carrello-animate:hover { color: #000 !important; /*opacity: 0.78;*/ background-color: #ddecc3; /*background: @bg-primary-color;*/ font-size: 0.8rem; text-decoration: none !important; } .divbuttonstyle a, .divbuttonstyle a:visited, .divbuttonstyle a:active, span.divbuttonstyle a, span.divbuttonstyle { color: #fff !important; } .divbuttonstyle a:hover, span.divbuttonstyle a:hover, span.divbuttonstyle:hover { color: #000 !important; } footer button.divbuttonstyle, footer button.divbuttonstyle:visited, footer button.divbuttonstyle:active, footer button.divbuttonstyle:hover, footer .divbuttonstyle, footer .divbuttonstyle:visited, footer .divbuttonstyle:active, footer .divbuttonstyle:hover { padding: 0.72rem 0.5rem !important; } .btn-black-outline, .btn-black-outline:active, .btn-black-outline:visited, .btn-black-outline:focus .btn .btn-black, .btn .btn-black:active, .btn .btn-black:visited, .btn .btn-black:focus, .btn-black-outline:hover, .btn .btn-black:hover, .btn-banner, .btn-banner:active, .btn-banner:visited, .btn-banner:focus .btn .btn-banner, .btn .btn-banner:active, .btn .btn-banner:visited, .btn .btn-banner:focus, .btn-banner:hover, .btn .btn-banner:hover { font-family: 'Open Sans', sans-serif; letter-spacing: 2px; font-size: 0.8rem; font-weight: normal; position: relative; line-height: 1 !important; padding: 0.75rem 2rem !important; margin: 10px 5px; height: auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-shadow: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition: background 0.2s, opacity 0.2s; -moz-transition: background 0.2s, opacity 0.2s; -o-transition: background 0.2s, opacity 0.2s; transition: background 0.2s, opacity 0.2s; margin: 0 0 0 0 !important; background: #fff !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #0a060a; color: #0a060a !important; text-transform: uppercase; text-align: center; white-space: nowrap; /*vertical-align: middle !important;*/ height: auto !important; cursor: pointer; } .btn-black-outline:hover, .btn .btn-black:hover { color: #fff !important; background: #0a060a !important; border-color: #0a060a; opacity: 0.78; text-decoration: none !important; border: 1px solid #729831; } .btn-banner, .btn-banner:active, .btn-banner:visited, .btn-banner:focus .btn .btn-banner, .btn .btn-banner:active, .btn .btn-banner:visited, .btn .btn-banner:focus, .btn-banner:hover, .btn .btn-banner:hover { background: #ffc107 !important; font-size: 1.1vw !important; color: #fff !important; } .btn-banner:hover, .btn .btn-banner:hover { color: #0a060a !important; border-color: #0a060a; opacity: 0.78; text-decoration: none !important; } @media (min-width: 1025px) { .buttonmenu, a .buttonmenu { background: #729831 !important; font-size: 1rem !important; border: 1px solid #729831; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } .buttonmenu:hover, a .buttonmenu:hover { background-color: #ddecc3 !important; color: #000 !important; } .menuzord.white .menuzord-menu > li > a.buttonmenu { color: #fff !important; border-color: transparent !important; } .menuzord.white .menuzord-menu > li > a.buttonmenu:hover, .menuzord.white .menuzord-menu > li > a.buttonmenu span:hover { color: #000 !important; border-color: #000 !important; } .menuzord.white .menuzord-menu > li > a.buttonmenu span { /*&:extend(.menuzord.white .menuzord-menu > li > a.buttonmenu);*/ } .menuzord.white .menuzord-menu > li > a.buttonmenu span:hover { border: none !important; } } /*---------------------------------- PULSANTE SCORRIMENTO BANNER E PAGINA ----------------------------------*/ .pulsanti-scorrimento, .tp-leftarrow.square, .tp-rightarrow.square { font-size: 42px; line-height: 38px; background: #fff !important; border: 1px solid #0a060a; color: #0a060a !important; width: 42px !important; text-align: center; border-radius: 50%; margin: 5px; height: 42px; } .pulsanti-scorrimento:hover, .tp-leftarrow.square:hover, .tp-rightarrow.square:hover { color: #fff !important; background: #0a060a !important; border-color: #0a060a; opacity: 0.78; text-decoration: none !important; border: 1px solid #729831; } .tp-leftarrow.square, .tp-rightarrow.square { z-index: 100; cursor: pointer; background: none; } .tp-leftarrow.square:before { content: "\f104"; font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; text-decoration: inherit; margin-left: -5px; line-height: 42px; } .tp-rightarrow.square:before { content: "\f105"; font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; text-decoration: inherit; margin-left: 5px; line-height: 42px; } /*---------------------------------- ------ PULSANTE IMAGE HOVER -------- ----------------------------------*/ .border-tipo1 { border-color: #ccc !important; /*background-color: rgba(200,200,200,0.05);*/ -webkit-box-shadow: 0px 0px 1px 1px rgba(200, 200, 200, 0.3); -moz-box-shadow: 0px 0px 1px 1px rgba(200, 200, 200, 0.3); box-shadow: 0px 0px 1px 1px rgba(200, 200, 200, 0.3); -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-transition: box-shadow 0.3s; } .border-tipo1:hover { border-color: #ccc !important; -webkit-box-shadow: 0px 0px 1px 1px rgba(200, 200, 200, 0.6); -moz-box-shadow: 0px 0px 1px 1px rgba(200, 200, 200, 0.6); box-shadow: 0px 0px 1px 1px rgba(200, 200, 200, 0.6); -webkit-transition: box-shadow 0.3s; -moz-filter: drop-shadow(0 2px 5px 0.2px); -webkit-border-radius: 0px; -moz-border-radius: 0px; } .work-item .card { margin: 10px; padding: 0px; } .card-img-overlay.card-gradient-overlay { background-image: -webkit-linear-gradient(-270deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.411) 32.5%, rgba(0, 0, 0, 0.333) 38.4%, rgba(0, 0, 0, 0.257) 44.5%, rgba(0, 0, 0, 0.183) 50.9%, rgba(0, 0, 0, 0.013) 57.7%, rgba(0, 0, 0, 0.01) 65%, rgba(0, 0, 0, 0.008) 72.9%, rgba(0, 0, 0, 0) 81.4%, rgba(0, 0, 0, 0) 90.6%, transparent 100%); background-image: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.411) 32.5%, rgba(0, 0, 0, 0.333) 38.4%, rgba(0, 0, 0, 0.257) 44.5%, rgba(0, 0, 0, 0.183) 50.9%, rgba(0, 0, 0, 0.013) 57.7%, rgba(0, 0, 0, 0.01) 65%, rgba(0, 0, 0, 0.008) 72.9%, rgba(0, 0, 0, 0) 81.4%, rgba(0, 0, 0, 0) 90.6%, transparent 100%); } .card-img-overlay:hover { /*background-color: rgba(0,0,0,0.5); background-position: center center !important;*/ /*background-size: 50px 50px !important;*/ /*opacity: 0 !important;*/ /*width:100%; height:auto;*/ } .work-image:after, .imgovercontainer:after { background-position: center center !important; background-size: 50px 50px !important; opacity: 0 !important; position: absolute; display: block; content: ""; height: 100%; width: 100%; top: 0; } .work-image:hover:after, ul li .work-image:hover:after, .imgovercontainer:hover:after { z-index: 2 !important; /*background: url(https://www.hotelperugina.com/images/link.png) center center no-repeat !important;*/ background: url(https://www.hotelperugina.com/images/link1.png) center center no-repeat !important; /*background: url(https://www.hotelperugina.com/images/link2.png) center center no-repeat !important; background: url(https://www.hotelperugina.com/images/link3.png) center center no-repeat !important;*/ background-size: 80px 80px !important; background-color: rgba(0, 0, 0, 0.5) !important; opacity: 1 !important; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } .btn.btn-blue { border: 1px solid #bb87b8; box-shadow: none; } /*---------------------------------- ---------- PARALAX IMAGE ----------- ----------------------------------*/ .mbr-parallax-background { background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } /*---------------------------------- -------------- FOOTER -------------- ----------------------------------*/ .footerhead { padding: 15px 60px 15px 60px; border-top: 1px solid #faf5f9; background-color: #faf5f9; line-height: 60px; } .footerheadcontainer { max-width: 100%; } .footerlogo { float: left; display: block; line-height: 30px; } .footerhead .footerheadcontainer:after, .footerhead .footerheadcontainer:before { content: " "; display: table; vertical-align: middle; } .footerhead .footerheadcontainer:after { clear: both; } .footer-category-list-horizontal { float: left; margin: 0px; line-height: 60px; } .footer-category-list-horizontal li { display: inline; list-style: none; padding-left: 10px; } ul.footer-category-list { margin-bottom: 0; } .footer { background-color: #fff; border-top: none; } .footer .logos-payment { padding-top: 20px; background-color: #faf5f9; } .footer .logo-payment { height: 60px; width: 60px; margin: 0 15px; } .logo-payment:nth-child(1) { background: url(https://www.hotelperugina.com/images/logos-payment/visa.png) center center no-repeat !important; background-size: 60px !important; } .logo-payment:nth-child(2) { background: url(https://www.hotelperugina.com/images/logos-payment/maestro.png) center center no-repeat !important; background-size: 60px !important; } .logo-payment:nth-child(3) { background: url(https://www.hotelperugina.com/images/logos-payment/mastercard.png) center center no-repeat !important; background-size: 60px !important; } .logo-payment:nth-child(4) { background: url(https://www.hotelperugina.com/images/logos-payment/paypal.png) center center no-repeat !important; background-size: 60px !important; } .logo-payment:nth-child(5) { background: url(https://www.hotelperugina.com/images/logos-payment/discover.png) center center no-repeat !important; background-size: 60px !important; } .logo-payment:nth-child(6) { background: url(https://www.hotelperugina.com/images/logos-payment/americanexpress.png) center center no-repeat !important; background-size: 60px !important; } .logo-payment:nth-child(7) { background: url(https://www.hotelperugina.com/images/logos-payment/aura.png) center center no-repeat !important; background-size: 60px !important; } .footer .copyright { font-family: 'Open Sans', sans-serif; /* background-color: #33332e; */ color: #fff; background-color: #bb87b8; border-top: none; font-size: 0.7rem; padding: 25px 0px; background-image: none; background-size: 30%; } .footer .copyright p { line-height: 1rem !important; color: #fff; } .footer .copyright a { font-family: 'Open Sans', sans-serif; color: #fff; } .footer .footer-col .footer-content .footer-content-text { font-family: 'Open Sans', sans-serif; color: #fff; } .footer-content-text p { font-size: 0.8em; } .footer-category-list .label-nav { font-size: calc 0.99em; margin-left: -3px; } .footer .footer-col .footer-content .footer-category-list li { padding: 4px 0; position: relative; line-height: normal; border-bottom: none; padding-left: 14px; text-indent: -14px; } .footer .footer-col .footer-content .footer-category-list li a { margin-left: 0px; } .footer .footer-col .footer-content .footer-category-list li a:before { content: "\f105"; font-family: 'Font Awesome 5 Free'; font-weight: 900; padding-right: 5px; } /*FOOTER ICON CATALOGO START*/ .footer .footer-col .footer-content .footer-category-list li:first-child { padding-top: 4px; } .footer .footer-col .footer-content .footer-category-list .catalogo-footer li a:before { content: "\f105"; font-family: 'Font Awesome 5 Free'; font-weight: 900; padding-right: 5px; } .footer .footer-col .footer-content .footer-category-list.catalogo-footer li a:before { content: ""; } .footer .footer-col .footer-content .footer-category-list.catalogo-footer li:nth-child(1) { background: url(https://www.hotelperugina.com/images/icon-logo.png) center left no-repeat !important; background-size: 20px !important; padding-left: 42px; } .footer .footer-col .footer-content .footer-category-list.catalogo-footer li:nth-child(2) { background: url(https://www.hotelperugina.com/images/icon-logo.png) center left no-repeat !important; background-size: 20px !important; padding-left: 42px; } .footer .footer-col .footer-content .footer-category-list.catalogo-footer li:nth-child(3) { background: url(https://www.hotelperugina.com/images/icon-logo.png) center left no-repeat !important; background-size: 20px !important; padding-left: 42px; } .footer .footer-col .footer-content .footer-category-list.catalogo-footer li:nth-child(4) { background: url(https://www.hotelperugina.com/images/icon-logo.png) center left no-repeat !important; background-size: 20px !important; padding-left: 42px; } .footer .footer-col .footer-content .footer-category-list.catalogo-footer li:nth-child(5) { background: url(https://www.hotelperugina.com/images/icon-logo.png) center left no-repeat !important; background-size: 20px !important; padding-left: 42px; } .footer .footer-col .footer-content .footer-category-list.catalogo-footer li:nth-child(6) { background: url(https://www.hotelperugina.com/images/icon-logo.png) center left no-repeat !important; background-size: 20px !important; padding-left: 42px; } /*FOOTER ICON CATALOGO END*/ .footer .footer-col .footer-title { color: #bb87b8; font-family: 'Montserrat', sans-serif; font-weight: bold; border-bottom: 1px solid #bb87b8; } .footer .footer-col .footer-title a { color: #bb87b8; } .footer .footer-col .footer-title a:hover { color: #fff; } .footer .footer-col .footer-content input[type=submit] { font-family: 'Open Sans', sans-serif; background-color: #000; border: 0; border-radius: 0px; color: #000; font-size: 12px; } .footer .footer-col .footer-content a, .footer .footer-col p { color: #fff; font-family: 'Open Sans', sans-serif; font-size: 0.9em; } .footer .footer-col .footer-content .footer-category-list li a:hover { /*color: #33332e;*/ color: #0a060a; font-family: 'Open Sans', sans-serif; } .footer-wrapper { padding: 20px 60px 50px 60px; background-color: #e0c9df; background-image: none; background-size: 15%; } .footer .social-icons .social-media-icon { background-color: #729831; border-radius: 50%; } /*--------------------------------- ------- BANNER TESTATA HOME ------- ----------------------------------*/ .tp-caption.very_big_white { width: 100% !important; max-width: 100% !important; background-size: cover !important; -webkit-clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0% 100%); background: linear-gradient(rgba(114, 152, 49, 0), rgba(10, 6, 10, 0.75)); background: -webkit-linear-gradient(rgba(114, 152, 49, 0), rgba(10, 6, 10, 0.75)); /*background-color: @bg-testata-opacity;*/ padding: 20px 20px; } .bigtext { color: #fff; font-family: 'Montserrat', sans-serif; font-size: calc(49px + (65 - 49) * ((100vw - 768px) / (1200 - 768))) !important; font-weight: 700; text-align: center; text-shadow: -1px 2px 5px rgba(0, 0, 0, 0.5); line-height: normal; white-space: nowrap; margin-bottom: 10px !important; /*padding-bottom: 35px !important; background: url("data:image/svg+xml;utf8,") no-repeat bottom center; background-size: 135px 21px;*/ } /*Start svg decorazione banner-top-home*/ /*.bigtext { &::after { content: ""; position: absolute; background: url("data:image/svg+xml;utf8,") no-repeat; height: 20px; width: 134px; left: 50%; margin-left: -67px; bottom: -0.3rem; } }*/ /*End svg decorazione banner-top-home*/ .smalltext { color: #fff; font-family: 'Montserrat', sans-serif; font-size: calc(10px + (20 - 10) * ((100vw - 768px) / (1200 - 768))) !important; font-weight: 700 !important; text-align: center; line-height: normal; white-space: nowrap; text-shadow: -1px 2px 5px rgba(0, 0, 0, 0.5); } /*------------------------------------ ----- BANNER VIDEO TESTATA HOME ------ --------------------------------------*/ .titolo1videohome { -moz-animation: titolo1 20s; -o-animation: titolo1 20s; animation: titolo1 20s; animation-iteration-count: 1; opacity: 0; } .titolo2videohome { -webkit-animation: titolo2 25s; -moz-animation: titolo2 25s; -o-animation: titolo2 25s; animation: titolo2 25s; animation-iteration-count: 1; font-size: 20px; opacity: 0; } /*.sfondovideohome { -webkit-animation: sfondo 30s; -moz-animation: sfondo 30s; -o-animation: sfondo 30s; animation: sfondo 30s; animation-iteration-count: 1; background-color: rgba(0, 0, 0, 0); }*/ @keyframes titolo1 { 20% { opacity: 0; } 30% { opacity: 1; } 55% { opacity: 1; } 100% { opacity: 0; } } @keyframes titolo2 { 25% { opacity: 0; } 35% { opacity: 1; } 60% { opacity: 1; } 100% { opacity: 0; } } @keyframes sfondo { 80% { background-color: rgba(0, 0, 0, 0); } 85%, 90% { background-color: #000000; } 100% { background-color: rgba(0, 0, 0, 0); } } .overlayvideotext { position: absolute; font-size: 40px; text-align: center; line-height: 50px !important; color: #fff !important; width: 100%; height: 100%; margin-top: 0; text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3) !important; } /*---------------------------------- ----- BANNER FASCIA VIDEO HTML ----- ----------------------------------*/ .btn-play:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f04b"; color: #fff; font-size: 1em; width: 70px; height: 45px; display: inline-block; padding-top: 12px; } .btn-play-on:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f04c"; color: #fff; font-size: 1em; width: 70px; height: 45px; display: inline-block; padding-top: 12px; } .btn-vol:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f026"; color: #fff; font-size: 1em; width: 70px; height: 45px; display: inline-block; padding-top: 12px; } .btn-vol-on:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f028"; color: #fff; font-size: 1em; width: 70px; height: 45px; display: inline-block; padding-top: 12px; } .bckvideostyle { width: 100%; height: calc(90vh - 70px) !important; position: relative; top: 0; left: 0; z-index: 0; background-size: cover; overflow-x: hidden; overflow-y: hidden; padding-bottom: 0 !important; } .bckvideostylefascia { width: 100%; /*height: calc(65vh) !important;*/ height: 0; padding-top: calc(9 / 16 * 100%); position: relative; top: 0; left: 0; z-index: 0; background-size: cover; overflow-x: hidden; overflow-y: hidden; padding-bottom: 0 !important; } .overlayvideotext { position: absolute; font-size: 40px; text-align: center; line-height: 80px; color: #000; width: 100%; height: 100%; margin-top: 0; text-shadow: 10px 10px 20px rgba(248, 248, 248, 0.6); } .overlayvideotext .bigtext { font-size: 6rem; } .overlayvideotext .smalltext { font-size: 4rem; } @media (min-width: 800px) and (max-width: 1179px) { .bckvideostyle { width: 100%; height: calc(50vh) !important; position: relative; top: 0; left: 0; z-index: 0; background-size: cover; overflow-x: hidden; overflow-y: hidden; padding-bottom: 0 !important; } /*.bckvideostylefascia { width: 100%; height: calc(50vh - 70px) !important; position: relative; top: 0; left: 0; z-index: 0; background-size: cover; overflow-x: hidden; overflow-y: hidden; padding-bottom: 0 !important; }*/ .overlayvideotext .bigtext { font-size: 4rem; } .overlayvideotext .smalltext { font-size: 2.5rem; } .bckvideostyle a { font-size: 28px !important; height: 35px; line-height: 35px; vertical-align: bottom; } } @media (min-width: 450px) and (max-width: 800px) { .bckvideostyle { width: 100%; height: calc(100vh - 70px) !important; position: relative; top: 0; left: 0; z-index: 0; background-size: cover; overflow-x: hidden; overflow-y: hidden; padding-bottom: 0 !important; } /*.bckvideostylefascia { width: 100%; height: calc(50vh) !important; position: relative; top: 0; left: 0; z-index: 0; background-size: cover; overflow-x: hidden; overflow-y: hidden; padding-bottom: 0 !important; }*/ .overlayvideotext .bigtext { font-size: 3rem; } .overlayvideotext .smalltext { font-size: 1.5rem; } .bckvideostyle a { font-size: 20px !important; height: 30px; line-height: 30px; vertical-align: bottom; } } @media (max-width: 450px) { .bckvideostyle { width: 100%; height: calc(45vh - 70px) !important; position: relative; top: 0; left: 0; z-index: 0; background-size: cover; overflow-x: hidden; overflow-y: hidden; padding-bottom: 0 !important; } .overlayvideotext .bigtext { font-size: 2rem; } .overlayvideotext .smalltext { font-size: 1rem; } .bckvideostyle a { font-size: 15px !important; height: 25px; line-height: 25px; vertical-align: bottom; } } .overlayvideobuttons { position: absolute; bottom: 10px; left: 90px; font-size: 20px; text-align: center; line-height: normal; color: #000; width: auto; margin-bottom: 0; text-shadow: 10px 10px 20px rgba(248, 248, 248, 0.6); } .overlayvideobuttons input { background: rgba(0, 0, 0, 0.4) !important; } .overlayvideobuttons div { background: rgba(0, 0, 0, 0.4) !important; } .overlayvideobuttonsbottomright { position: absolute; bottom: 10px; left: 10px; font-size: 20px; text-align: center; line-height: normal; color: #000; width: auto; text-shadow: 10px 10px 20px rgba(248, 248, 248, 0.6); } .overlayvideobuttonsbottomright input { background: rgba(0, 0, 0, 0.4) !important; margin: 0 !important; } .overlayvideobuttonsbottomright div { background: rgba(0, 0, 0, 0.4) !important; margin: 0 !important; } /*.isotope-navigation .work-subcaption .work-desc br { line-height: 2.5rem; }*/ /*---------------------------------- ---------- BANNER FASCIA ----------- ----------------------------------*/ .width-banner-fascia { max-width: 1600px; } .title-isotope, .big2 { color: #0a060a; font-family: 'Montserrat', sans-serif; font-size: 2.2rem; font-weight: bold; width: 100%; line-height: 2.2rem !important; background-color: transparent; } .subtitle-isotope { color: #8c5089; font-family: 'Open Sans', sans-serif; font-size: 1.6rem; font-weight: bold !important; line-height: 1.5 !important; } .small2, .body-isotope { color: #0a060a; font-family: 'Open Sans', sans-serif; font-size: 1.3rem; font-weight: 300; background-color: transparent; line-height: 1.8rem !important; } /*---------------------------------- -------- BANNER NAVIGAZIONE -------- ----------------------------------*/ .work-subcaption { width: 100%; height: auto; } .isotope-navigation a .rounded { width: 100%; background-color: #000; padding: inherit; border-radius: 0.25rem !important; text-align: center; margin: 5%; margin-left: 0; } .isotope-navigation .work-subcaption .work-title, .titolo-offerta { color: #0a060a; font-family: 'Montserrat', sans-serif; font-size: 1.4rem; font-weight: 500; font-style: normal; margin-bottom: 0px; } .isotope-navigation .work-subcaption .work-desc, .sottotitolo-offerta { color: #0a060a; font-family: 'Open Sans', sans-serif; font-size: 1.2rem; /*font-style: italic;*/ margin-bottom: 0px; } .isotope-navigation .work-subcaption .work-desc br { line-height: 2.5rem; } #isoBannav1 li .work-image:after { background: url(https://www.hotelperugina.com/images/link1.png) center calc((100% - 0px) / 2) no-repeat !important; background-size: 10% !important; } #isoBannav1 li .work-image:hover:after { background: url(https://www.hotelperugina.com/images/link1.png) center calc((100% - 0px) / 2) no-repeat !important; background-size: 20% !important; } /* PERSONALIZZAZIONI SINGOLI (li) BUTTON OVER CATALOGO */ /*.navigazione-home #isoBannav1 li:nth-child(n+1) .work-image:after { background-position: center calc(~'(100% - 0px) / 2') !important; background-size: 10% !important; } .navigazione-home #isoBannav1 li:nth-child(1) .work-image:hover:after { background: @icon-nav-6 center calc(~'(100% - 0px) / 2') no-repeat !important; background-size: 20% !important; background-color: rgba(0, 0, 0, 0.50) !important; } .navigazione-home #isoBannav1 li:nth-child(2) .work-image:hover:after { background: @icon-nav-5 center calc(~'(100% - 0px) / 2') no-repeat !important; background-size: 20% !important; background-color: rgba(0, 0, 0, 0.50) !important; } .navigazione-home #isoBannav1 li:nth-child(3) .work-image:hover:after { background: @icon-nav-4 center calc(~'(100% - 0px) / 2') no-repeat !important; background-size: 20% !important; background-color: rgba(0, 0, 0, 0.50) !important; } .navigazione-home #isoBannav1 li:nth-child(4) .work-image:hover:after { background: @icon-nav-3 center calc(~'(100% - 0px) / 2') no-repeat !important; background-size: 20% !important; background-color: rgba(0, 0, 0, 0.50) !important; } .navigazione-home #isoBannav1 li:nth-child(5) .work-image:hover:after { background: @icon-nav-2 center calc(~'(100% - 0px) / 2') no-repeat !important; background-size: 20% !important; background-color: rgba(0, 0, 0, 0.50) !important; } .navigazione-home #isoBannav1 li:nth-child(6) .work-image:hover:after { background: @icon-nav-1 center calc(~'(100% - 0px) / 2') no-repeat !important; background-size: 20% !important; background-color: rgba(0, 0, 0, 0.50) !important; }*/ /*#menuzord ul .dropdown li:nth-child(1) { background: url(https://www.hotelperugina.com/images/icon-lampada.png) center calc(~'50% - 90px + 12.5%') no-repeat !important; }*/ /*------------------------------------ -------- BANNER DICONO DI NOI -------- ------------------------------------*/ .a-bg-petrol { background-color: #bb87b8; } /*------------------------------------ ISOTOPE & SCHEDA PRODOTTI & VARIE SHOP ------------------------------------*/ .prezzo-responsive { font-size: 2vw; line-height: 1vw !important; } @media (max-width: 1200px) { .prezzo-responsive { font-size: 2rem; line-height: 2rem !important; } } b, strong { font-weight: bold; } .button-carrello, .btn-carrello-esaurito, .btn-carrello-esaurito:hover, .button-carrello-animate { font-size: 1rem; padding: 0 0 0 2px !important; line-height: 35.5px !important; width: 37.2px; border-radius: 50%; font-weight: lighter; } .button-carrello:hover, .button-carrello-animate:hover { font-size: 1rem; padding: 0 0 0 2px !important; line-height: 35.5px !important; width: 37.2px; border-radius: 50%; font-weight: lighter; } .btn-carrello-esaurito, .btn-carrello-esaurito:hover { /*background: url("https://www.hotelperugina.com/images/soldout1.png") center center no-repeat;*/ background-size: 25px; background-color: transparent !important; color: #000 !important; border: none !important; letter-spacing: 0 !important; font-size: 0.8rem; cursor: unset; } .btn-carrello-esaurito .fa, .btn-carrello-esaurito1 .fa { opacity: 0; } /*------------------------------------------------------*/ .button-carrello1, .btn-carrello-esaurito1, .btn-carrello-esaurito1:hover { min-width: 190px !important; margin: 5px; } .button-carrello1:hover { min-width: 190px !important; } .btn-carrello-esaurito1, .btn-carrello-esaurito1:hover { background-color: transparent !important; color: #000 !important; letter-spacing: 0 !important; font-size: 0.8rem; cursor: unset; min-width: 190px !important; } /*------------------------------------------------------*/ .button-carrello-animate { color: #fff !important; border: 1px solid #729831 !important; /*animation: rotateY 1s infinite; animation-timing-function: linear;*/ } .button-carrello-animate:hover { color: #0a060a !important; border: 1px solid #0a060a !important; } @-webkit-keyframes rotateY { 0% { transform: rotateY(0deg); } 100% { transform: rotateY(360deg); } } .carrello-go-rotate { animation: rotateY 1s 1; animation-timing-function: linear; } /*------------------------------------------------------*/ @media screen and (min-width: 1025px) { .menuzord-menu .carrellomaincontainer a:before, .menuzord-menu .carrellomaincontainer a:after { display: none; } } .count { font-family: 'Montserrat', sans-serif !important; color: #0a060a; border: 1px solid #bb87b8; position: absolute; float: right; background-color: #fff; width: 25px; height: 25px; line-height: 25px; border-radius: 50%; right: -12.5px; top: -12.5px; z-index: 1; -webkit-box-shadow: 4px 8px 8px -2px rgba(0, 0, 0, 0.25); -moz-box-shadow: 4px 8px 8px -2px rgba(0, 0, 0, 0.25); box-shadow: 4px 8px 8px -2px rgba(0, 0, 0, 0.25); font-size: 0.8rem; } .count:hover { font-family: 'Montserrat', sans-serif !important; } /*------------------------------------------------------*/ .carrello-go-launch { /*position:fixed !important;*/ display: block !important; z-index: 999 !important; } .prod_discount { background-color: #bb87b8 !important; } #carrellos1qty input { width: 42px !important; height: 37.2px !important; margin-top: 0 !important; } /*CARRELLO - MENU - FIXEDTOP*/ .dropdown-menu { color: #0a060a; } .dropdown-cart .products-list-mini li { padding: 15px !important; background: #faf5f9; margin-top: 5px !important; } .products-list-mini li + li { border: none; } .dropdown-menu { border: 1px solid #8c5089; } .products-list-mini li:nth-child(1) { display: none; } .products-list-mini li:nth-child(2) { margin-top: 0px !important; } .products-list-mini li:nth-child(n+1) .work-image:after { background-position: center calc((100% - 61px) / 2) !important; background-size: 15% !important; } .products-list-mini li:nth-child(n+1) .work-image:hover:after { background-size: 25% !important; } /*CARRELLO - MENU - MENUZORD*/ .menuzord-menu li #containerCarrello a, .menuzord-menu li .carrellomaincontainer a:before, .menuzord-menu li .carrellomaincontainer a:after { border: none; padding: 14px !important; } .menuzord-menu li #containerCarrello a .totalItems { color: #0a060a; } /*RIEPILOGO - CARRELLO*/ .table td, .table th { padding: 0.5rem; vertical-align: top; border-top: none; background: #faf5f9; vertical-align: middle; } .table-cart thead td, .table-cart thead th { color: #fff; font-weight: normal; background: #bb87b8; } .table-cart tbody tr td, .table-cart tbody tr th { padding-top: 10px; padding-bottom: 10px; border-top: 4px solid #fff; } .table-cart tbody tr td span, .table-cart tbody tr th span { padding-top: 10px; padding-bottom: 10px; vertical-align: middle; } .cart-product, .cart-quantity, .cart-total { text-align: left !important; font-size: 0.8rem; letter-spacing: 2px; font-family: 'Open Sans', sans-serif; } .table-cart .cart-total { min-width: 100px; } .table-cart .cart-product .product-thumb { border: none; margin: 0 10px 0 0; } .cart-total { font-size: 1rem; } .table-cart .cart-remove { width: 50px; padding-right: 0; } select.form-control:not([size]):not([multiple]) { height: auto; } .cart-product .work-image:after { background-size: 30% !important; } .cart-product .work-image:hover:after { background-size: 40% !important; } /*--- PAGINA ACQUSITO PRODOTTO ---*/ .bill-address label { margin-bottom: 0.2rem; font-size: 0.8rem; } .bill-address .form-group { margin-bottom: 0.8rem; } .quantity-order { font-size: 1.2rem; font-weight: bold; width: 50px; height: 50px; float: left; background: #e0c9df; line-height: 32px; border-radius: 50%; color: #fff; text-align: center; } /*---------------------------------- ---------- ISOTOPE STAFF ----------- ----------------------------------*/ .isotope-staff a .rounded { background-color: #000; padding: inherit; border-radius: 0 !important; text-align: center; margin: 5% 5% 0 0; } .isotope-staff .work-subcaption { background-color: #faf5f9; height: 168px; } .isotope-staff .work-subcaption .work-title { color: #0a060a; font-family: 'Montserrat', sans-serif; font-size: 1.4rem; font-weight: bold; font-style: normal; margin-bottom: 0px; } .isotope-staff .work-subcaption .work-desc { color: #0a060a; font-family: 'Open Sans', sans-serif; font-size: 1.2rem; font-style: italic; margin-bottom: 0px; } /*---------------------------------- ---------- ISOTOPE OFFERTA --------- ----------------------------------*/ .sottotitolo-offerta { font-style: normal; font-weight: 300; } .imgbackstyle { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #333; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; background-attachment: scroll; overflow: hidden; min-height: 370px; } /*---------------------------------- ---------- ISOTOPE SLIDER ---------- ----------------------------------*/ .owl-slider-v2 .box { margin: 14px; background-color: #fff; } .owl-slider-v2 .box .work-image, .owl-slider-v2 .box .work-image-no-button { height: auto; padding: 0; width: 100%; margin: 5%; text-align: center; margin-left: 0; border-radius: 0; position: relative; overflow: hidden; } .title-banner-slider { color: #0a060a; font-family: 'Montserrat', sans-serif; font-size: 1.4rem; font-weight: bold; font-style: normal; margin-bottom: 0px; } .subtitle-banner-slider { color: #0a060a; font-family: 'Open Sans', sans-serif; font-size: 1.2rem; font-style: normal; margin-bottom: 0px; } .body-banner-slider { height: 190px; border-top: none; text-align: center; overflow: hidden; } .owl-theme .owl-controls .owl-page span { background: #bb87b8; filter: alpha(opacity=50); -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { opacity: 1; filter: alpha(opacity=100); } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin-top: 20px; } /*---------------------------------- ---- ISOTOPE news-letter e mail ---- ----------------------------------*/ .mbr-overlay { background-color: rgba(0, 0, 0, 0.4); opacity: 1; bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 1; } .mbr-overlay-white { /*background-color: @bg-testata-opacity-white;*/ background: linear-gradient(-90deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.3)); } /*---------------------------------- ----------- ISOTOPE BLOG ----------- ----------------------------------*/ .linksmall a, .linksmall-blog a { color: #729831; } .linksmall a:hover, .linksmall-blog a:hover { /*color: @bg-button-hover-color;*/ opacity: 0.5; } .pagination { display: inline-flex; } .pagination li { margin-left: 5px; } /*---------------------------------- ---------- SCHEDA DETAILS ---------- ----------------------------------*/ .blog-post h1 a { color: #0a060a; } .blog-post .blog-post-body, .blog-post-body { font-size: 1.1rem; color: #0a060a; font-family: 'Open Sans', sans-serif; line-height: 1.6rem; } /*---------------------------------- ------- SCHEDA DETAILS STAFF ------- ----------------------------------*/ .staff-image img { height: auto !important; } /*---------------------------------- --- CARUSEL SCHEDA DETAILS BLOG ---- ----------------------------------*/ .owl-carousel-v1 .item { margin: 0 15px; background-color: #fff; border: none; } .owl-carousel-v1 .item:hover { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; /* -webkit-filter: drop-shadow(0 7px 14px .35px); */ -moz-filter: d none; } .body-banner-slider a p { font-size: 1.1rem; } /*---------------------------------- ---------------- FAQ --------------- ----------------------------------*/ .faq-section { padding-top: 0px; padding-bottom: 0px; background-color: #fff; position: relative; } .card { border-color: #e0c9df; } .faq-section .card, #collapse_faq .card { background-color: #fff; /*border: none;*/ border-radius: 0px; margin-bottom: -1px; } #collapse_faq .card { border: 1px solid #e0c9df; } .faq-section .card .title { background-color: #bb87b8 !important; } .faq-section .card .card-header { background-color: #faf5f9; border: 0px; padding: 0; margin-bottom: 0; } .faq-section .card .card-header a.panel-title { margin-bottom: 0; margin-top: -1px; font-weight: 700; font-style: normal; display: block; text-decoration: none !important; line-height: normal; } .faq-section .card .card-header a.panel-title h4 { font-family: 'Open Sans', sans-serif; color: #0a060a; padding: 1.3rem 2rem; margin-bottom: 0; font-weight: bold; font-size: 1rem; line-height: 22px; } /*---------------------------------- --------- EFFETTO PULSANTE --------- ----------------------------------*/ @media screen and (min-width: 1025px) { .menuzord-menu *:not(.dropdown-menu) { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } /*in caso dialog sottomenu normale*/ /*.menuzord-menu a:not(.btn):not(.product-thumb) { position: relative; padding: 8px 14px !important; }*/ /*in caso dialog sottomenu prodotti a vista*/ .menuzord-menu a { position: relative; padding: 8px 14px !important; } .menuzord-menu a:hover { color: #8c5089; /*font-weight: @menu-hover-weight !important;*/ padding: 8px 14px !important; } .menuzord.white .menuzord-menu > li.active > a, .menuzord.white .menuzord-menu > li:hover > a, .menuzord.white .menuzord-menu ul.dropdown li:hover > a { /*font-weight: @menu-hover-weight !important;*/ } .menuzord-menu ul.dropdown li a, .menuzord-menu ul.dropdown li a:before, .menuzord-menu ul.dropdown li a:after { border: none; padding: 14px !important; } /*opzione 1*/ .menuzord-menu a:before, .menuzord-menu a:after { height: 14px; width: 14px; position: absolute; content: ''; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; opacity: 0; } .menuzord-menu li a:before { left: 0; top: 0; border-left: 2px solid #8c5089; border-top: 2px solid #8c5089; -webkit-transform: translate(100%, 50%); transform: translate(100%, 50%); } .menuzord-menu li a:after { right: 0; bottom: 0; border-right: 2px solid #8c5089; border-bottom: 2px solid #8c5089; -webkit-transform: translate(-100%, -50%); transform: translate(-100%, -50%); } /*tolgo l'effetto al pulsante prenota*/ .menuzord-menu li:nth-child(6) a:before, .menuzord-menu li:nth-child(6) a:after { border: none; } .menuzord-menu li a:hover:before, .menuzord-menu li .current a:before, .menuzord-menu li a:hover:after, .menuzord-menu li .current a:after { -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); opacity: 1; border-color: #8c5089; } /*opzione 2*/ /*.menuzord-menu a:before, .menuzord-menu a:after { height: 1px; position: absolute; content: ''; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; background-color: lighten(@bg-primary-color, 30%); width: 0; } .menuzord-menu a:before { top: 0; left: 0; } .menuzord-menu a:after { bottom: 0; right: 0; } .menuzord-menu a:hover:before, .menuzord-menu .current a:before, .menuzord-menu a:hover:after, .menuzord-menu .current a:after { width: 100%; }*/ } /*---------------------------------- --------------- FORM --------------- ----------------------------------*/ .ui-15 .ui-form .form-control { background-color: #ffffff; } .form-control, .form-control:focus { border: 1px solid #e0c9df; } .ui-15 .ui-form .ui-icon { color: #e0c9df !important; } /*--------------- FORM - ERRORE COMPILAZIONE DATI MANCANTI ---------------*/ .errormessageform { color: red; width: 40%; right: 20px; position: absolute; top: 20px; font-size: 0.9rem !important; background: #fff; padding: 15px; border-radius: 20px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25); text-align: left; } .errormessageform::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.6em solid transparent; border-right: 0.6em solid transparent; border-bottom: 0.6em solid transparent; border-left: 0.6em solid; right: -1.2em; bottom: 20px; position: absolute; color: #fff; } .errormessageformprivacy { color: red; width: 40%; right: 20px; position: absolute; font-size: 0.9rem !important; background: #fff; padding: 15px; border-radius: 20px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25); text-align: left; top: 190px; } .errormessageformprivacy::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.6em solid transparent; border-right: 0.6em solid transparent; border-bottom: 0.6em solid transparent; border-left: 0.6em solid; right: -1.2em; position: absolute; color: #fff; } .errormessageform ul { margin-bottom: 0.8rem !important; } /*---------------------------------- --------------- CHECKBOX MODIFICA --------------- ----------------------------------*/ label[class="checkbox"] input[type="checkbox"] { margin: 4px; width: 25px; height: 25px; } li input[type="radio"] { margin: 4px; width: 25px; height: 25px; } /*---------------------------------- --------------- per feedbacks --------------- ----------------------------------*/ .noborders { box-sizing: border-box; background-color: transparent; border: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } #divCommenti-totals h3 { color: #0a060a; } .commenti-details-page div#divCommenti-head-ctrl { background-color: #fff !important; padding-top: 0 !important; padding-bottom: 0 !important; } .g-recaptcha { margin: 15px auto !important; width: auto !important; height: auto !important; text-align: -webkit-center; text-align: -moz-center; text-align: -o-center; text-align: -ms-center; } /* ------------------------- rounded button ------------------*/ button.js-roundedpush { background-color: #bb87b8; border-radius: 50%; width: 60px !important; height: 60px !important; color: white; padding: 0px !important; margin: 0px !important; } button.js-roundedpush:hover { background-color: #bb87b8; border-radius: 50%; width: 60px !important; height: 60px !important; color: white !important; padding: 0px !important; margin: 0px !important; } .form-control { background-color: #faf5f9; box-shadow: none; color: #0a060a; font-size: 0.875rem; padding: 0.5em; } .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #bc88b9; } .form-control::-moz-placeholder { /* Firefox 19+ */ color: #bc88b9; } .form-control:-ms-input-placeholder { /* IE 10+ */ color: #bc88b9; } .form-control:-moz-placeholder { /* Firefox 18- */ color: #bc88b9; } .rating { color: #bb87b8 !important; } .searchbar-container { background-color: #bb87b8; } .searchbar-container > ul { display: block !important; width: calc(50% + 40px); left: -20px; margin: 0 auto; background-color: #bb87b8; opacity: 1 !important; border: none; padding: 10px 35px; } .searchbar-container > ul li { display: inline-block; /*float: right; clear: none;*/ /*width: auto;*/ width: 160px; padding: 10px 10px; margin: 0px auto; } .searchbar-container select input button { padding: 14px 14px 14px 40px !important; } /* ------------------------- Stili from landing.css ( da verificare utilizzo ) --------------------------- */ .mbr-section-full { height: calc(100vh - 60px) !important; } .mbr-section-full .mbr-overlay { min-height: calc(100vh - 60px) !important; } .mbr-section { position: relative; padding-top: 120px; padding-bottom: 120px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .mbr-section-full { display: table; height: 100vh; padding-bottom: 0; padding-top: 0; table-layout: fixed; width: 100%; } .mbr-section-full > .mbr-table-cell { width: 100%; } .mbr-section-small { padding-top: 60px; padding-bottom: 60px; } .mbr-section__container--first { padding-top: 120px; padding-bottom: 40px; } .mbr-section__container--middle { padding-top: 0; padding-bottom: 40px; } .mbr-section__container--last { padding-top: 0; padding-bottom: 120px; } .mbr-section-sm-padding { padding-top: 40px; padding-bottom: 40px; } .mbr-section-md-padding { padding-top: 90px; padding-bottom: 90px; } .mbr-section-nopadding { padding-top: 0; padding-bottom: 0; } .mbr-section-title + .mbr-section-subtitle { margin-top: -21px; } .mbr-section-hero::before { display: none !important; } .mbr-section-hero .mbr-section-title { color: #fff; margin-bottom: 1.6875rem; } .mbr-section-hero .mbr-section-lead { color: #fff; font-family: 'Open Sans', sans-serif; font-size: 1.5rem; font-style: italic; margin-top: -1em; } .mbr-section-hero .mbr-section-text { color: #fff; } @media (max-width: 767px) { .mbr-section { padding-top: 60px; padding-bottom: 60px; } .mbr-section-full { padding-bottom: 0; padding-top: 0; } .mbr-section__container--first { padding-top: 60px; padding-bottom: 40px; } .mbr-section__container--middle { padding-top: 0; padding-bottom: 40px; } .mbr-section__container--last { padding-top: 0; padding-bottom: 60px; } .mbr-section-sm-padding { padding-top: 40px; padding-bottom: 40px; } .mbr-section-md-padding { padding-top: 60px; padding-bottom: 60px; } .mbr-section-nopadding { padding-top: 0; padding-bottom: 0; } .mbr-section-subtitle, h1 span .mbr-section-subtitle { margin-bottom: 0; } .mbr-section-hero.mbr-after-navbar .mbr-section { padding-top: 120px; } .mbr-section-hero.mbr-section-with-arrow .mbr-section { padding-bottom: 120px; } .mbr-section-hero .mbr-section-title { font-size: 3.125rem !important; } .mbr-section-hero .mbr-section-lead { font-size: 1.125rem !important; } .mbr-section-hero .mbr-section-btn .btn { font-size: 0.75rem !important; line-height: 1.5; padding: 0.75rem 2.1875rem; } } .mbr-section-full .mbr-overlay { min-height: 100vh; } .mbr-overlay ~ * { z-index: 2; } .mbr-section-full .mbr-background-video, .mbr-section-full .mbr-background-video-preview { min-height: 100vh; } .mbr-table { display: table; width: 100%; } .mbr-table-full { height: 100%; position: relative; width: 100%; } .mbr-table-cell { display: table-cell; float: none; padding-bottom: 0; padding-top: 0; position: relative; vertical-align: middle; } .mbr-table-md-up { width: 100%; } .mbr-table-md-up .mbr-table-cell { display: block; } .mbr-table-md-up .mbr-table-cell + .mbr-table-cell { padding-top: 40px; } @media (min-width: 768px) { .mbr-table-md-up { display: table; } .mbr-table-md-up .mbr-table-cell { display: table-cell; } .mbr-table-md-up .mbr-table-cell + .mbr-table-cell { padding-top: 0; } } @media (min-width: 768px) { .mbr-right-padding-md-up { padding-right: 60px; } } @media (min-width: 768px) { .mbr-left-padding-md-up { padding-left: 60px; } } .mbr-valign-top { vertical-align: top; } .content-size { width: auto; } .image-size { vertical-align: middle; margin: auto; text-align: center; } .image-size .mbr-figure { padding-top: 3px; } @media (max-width: 768px) { .image-size { width: 100% !important; } } .mbr-figure { display: block; margin: 0; overflow: hidden; position: relative; width: 100%; } .mbr-figure img, .mbr-figure iframe { display: block; width: 100%; } .mbr-figure .mbr-figure-caption { background: #2e2e2e; color: #fff; font-family: 'Raleway'; padding: 1.5rem 0; text-align: center; width: 100%; } .mbr-figure .mbr-figure-caption-over { background: -moz-linear-gradient(left, rgba(67, 76, 99, 0.85), rgba(188, 155, 114, 0.85)) !important; background: -ms-linear-gradient(left, rgba(67, 76, 99, 0.85), rgba(188, 155, 114, 0.85)) !important; background: -o-linear-gradient(left, rgba(67, 76, 99, 0.85), rgba(188, 155, 114, 0.85)) !important; background: -webkit-linear-gradient(left, rgba(67, 76, 99, 0.85), rgba(188, 155, 114, 0.85)) !important; background: linear-gradient(left, rgba(67, 76, 99, 0.85), rgba(188, 155, 114, 0.85)) !important; bottom: 0; position: absolute; } .breadcrumbs > ul > li { padding: 5px 0; } /* --------------------------------- ----- MENU MOBILE new template ----- --------------------------------- */ @media (max-width: 1179px) { .menuzord-responsive .menuzord-menu.scrollable { overflow-y: auto; -webkit-overflow-scrolling: touch; height: calc(100vh - 120px) !important; max-height: none !important; margin-bottom: 20px; margin-top: 5px; border: 1px solid; } .menuzord-responsive .menuzord-menu.scrollable > .scrollable-fix { height: 0 !important; } .menuzord.white .menuzord-menu > li > a { background-color: #fff; border-bottom: 1px solid; text-align: left; background-color: #faf5f9; } .menuzord.white .menuzord-menu > li:nth-last-child(2) > a { border-bottom: none; } .menuzord-responsive .menuzord-menu li .indicator { position: absolute; right: 50px; top: 6px; transform: rotate(-90deg); } .menuzord-responsive .menuzord-menu li a:focus .indicator, .menuzord-responsive .menuzord-menu li a:focus .active { transform: rotate(0deg); } /*sotto menu*/ .menuzord-responsive .menuzord-menu ul.dropdown, .menuzord-responsive .menuzord-menu ul.dropdown li ul.dropdown { background: #fff; border: none; margin: 0; padding: 0; box-shadow: none; } .menuzord-responsive .menuzord-menu ul.dropdown li a { text-align: left; border-bottom: 1px solid; } .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li:hover > a { padding-left: 20px !important; } .menuzord-responsive .menuzord-menu li ul.dropdown li .indicator { line-height: 22px; padding: 5px 12px; position: absolute; right: 50px; top: 6px; height: auto; transform: rotate(0deg); } /*.menuzord-responsive .menuzord-menu li ul.dropdown li .indicator:focus { transform: rotate(90deg) }*/ .menuzord-responsive .menuzord-menu li ul.dropdown li a:focus .indicator, .menuzord-responsive .menuzord-menu li ul.dropdown li a:focus .active { transform: rotate(90deg); } /*sotto sotto menu*/ .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > ul.dropdown > li > a { padding-left: 35px !important; } .outofsight { position: absolute; /*top: -3000px;*/ height: 0px !important; width: 0px !important; border: none !important; } } /* --------------------------------- ---- TEMPLATE - HOME FULLSCREEN ---- --------------------------------- */ @media screen and (min-width: 1025px) { .sliderrev-home { background-color: #eee; height: calc(100vh) !important; } .fixedtop-home { display: none !important; } .fixednav-home { top: 0; background-color: transparent; } .bckColor2-home { -webkit-box-shadow: 0 4px 6px -6px rgba(34, 34, 34, 0); -moz-box-shadow: 0 4px 6px -6px rgba(34, 34, 34, 0); box-shadow: 0 4px 6px -6px rgba(34, 34, 34, 0); } .headerspacer-home { padding-top: 0; } .fulllogobckdark-home { width: 400px; height: 119px; padding: 5px; background: url(https://www.hotelperugina.com/images/main_logo_d_b.png) center center; background-size: 95% 95%; background-repeat: no-repeat; margin: 0 auto; } .menu-home { color: #fff !important; text-shadow: -1px 2px 5px rgba(0, 0, 0, 0.5); } .menu-home:hover { color: #729831 !important; } .menu-home:active { color: #729831 !important; } .buttonmenu-home { box-shadow: -1px 2px 5px rgba(0, 0, 0, 0.5); } .buttonmenu-span-home { text-shadow: none !important; } .menu-home.buttonmenu-span-home { color: #0a060a !important; } .catalogo-menu-ul-home { display: none !important; visibility: hidden !important; } .indicator-home { display: none !important; } } /* --------------------------------- ---------- SKILLS ANIMATE ---------- --------------------------------- */ .skills { width: inherit; position: relative; } .skills ul { margin-top: 0px; list-style: none; padding-inline-start: 0; } .skills ul > li { margin-bottom: 50px; background: transparent; overflow: hidden; position: relative; } .skills ul > li div { margin-top: 28px; height: 6px; border-radius: 3px; background-color: #e0c9df; } .skills ul > li em { font-family: 'Montserrat', sans-serif; color: #729831; font-size: 18px; position: relative; top: -30px; font-style: normal; font-weight: 600; } .skills ul > li span { height: 6px; border-radius: 3px; background: #0a060a; position: absolute; } .skills ul > li:nth-last-child(1) { margin-bottom: 0px; } .skills1 { width: 90%; } .skills2 { width: 85%; } .skills3 { width: 60%; } .skills4 { width: 55%; }