/*
Theme Name: Nextawards
Description: Responsive Starter WordPress Theme (WooCommerce Ready) with: Minimal Style, 4 Header Style, 2 Menus, 11 Amazing Block Patterns, Trasparent Header Template, WhatsApp Chat, Cool animations, Light and fast, Full Site Editing Template! Inspired by Awards Winning Web Sites. Correct setup and installation in theme folder readme file ;)
Version: 7.4.9
Author: Brandy
Site: https://agenziabrandy.com/
Text Domain: nextawards
Tested up to: 6.1
Requires PHP: 5.6
Domain Path: /languages
Tags: blog, custom-colors, custom-logo, custom-menu, e-commerce, theme-options, translation-ready, block-editor-patterns, block-editor-styles, custom-background, featured-images, footer-widgets, photography, portfolio, wide-blocks, full-site-editing
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/* ! Reset */
body, html{ font-size: 16px; font-family: -apple-system, BlinkMacSystemFont, "Poppins","Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; box-sizing: border-box;margin: 0;padding: 0; overflow-x: hidden!important;}
*,*:before,*:after { box-sizing: border-box; }
h1,h2,h3,h4,h5,h6, p, ol, ul { margin: 0; padding: 0; }
ol,ul { padding-left: 20px; }
img {height: auto;width: 100%;}
a { text-decoration: none!important; }
hr{ border: none; width: 100%; }
body.admin-bar .header { position: fixed; top: 32px; z-index: 1000; font-family: "Poppins", serif!important; }
body.page-template-home.no-scroll {
overflow: hidden!important;
height: 100%!important;
}
:root {
/* GENERAL */
--site-bg-color: #ffffff;
--site-text-color: #000000;
--link-color: #048ea0;
--link-color-hover: #105862;
--container__flexible-border: 0;
--hero-bg-color: #000000;
--hero-text-color: #ffffff;
--sep-border-color: #000000;
--gsap-markers: 0; /* 1 = true, 0 = false */
/* BORDER ON */
/* --border-on: 1px solid red; */
/* BORDER OFF */
--border-on: 0;
/* --border-linee-on: 1px solid red; */
--border-linee-on: 0;
/* SPACER VISIBLE ON */
/* --spacer-background: violet;
--spacer-border: 1px solid darkviolet;
--spacer-opacity: .6; */
/* SPACER VISIBLE OFF */
--spacer-background: none;
--spacer-border: 0;
--spacer-opacity: 1;
/* PROGETTI */
--progetti-bg-color: #ffffff;
--progetti-text-color: #000000;
--progetti-item-servizio-border: 2px solid #000000;
--progetti-item-servizio-color: #000000;
}
/* ------------------------------------------------------------------------- *
/* 1 Base */
/* ------------------------------------------------------------------------- */
/* Typography */
body{font-size: 16px; background-color: var(--site-bg-color); color: var(--site-text-color); font-family: "Poppins" , serif; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%;}
body.custom-background.dark{background-color: var(--site-bg-color);}
body.custom-background{background-color: var(--site-bg-color)!important;}
body.menu-open{overflow: hidden;} /*block scrolling when menu is open*/
main#content {
border-bottom: 1px solid #000000;
height: auto;
padding: 20px;
padding-top: 120px;
/* border: 1px solid red; */
min-height: 100vh;
}
.page main#content{
padding-top: 120px!important;
}
.page-template-home main#content {
padding: 0;
padding-top: 0!important;
}
main#content p {
color: var(--site-text-color);
}
main#content p {
color: var(--site-text-color);
}
/* ! Title System */
h1, h2, h3, h4, h5, h6, p, ol, ul {
color: var(--site-text-color);
margin-bottom: 1rem;
line-height: 120%
}
.text-0{font-size: 5rem; line-height: 100%;}
h1, .text-1{font-size: 3.4rem;}
h2, .text-2{font-size: 2.2rem;}
h3, .text-3{font-size: 1.5rem;}
h4, .text-4{font-size: 1.3rem;}
h5, p, .text-5, ul,li{font-size: 1rem;line-height: 150%;}
h6{font-size: 0.8rem;}
.evi a{color:#fff!important; background-color: var(--link-color);border-radius: 100px;padding-left: 20px!important; padding-right: 20px!important;}
@media (max-width: 768px) {
.text-0 { font-size: 4rem; }
h1, .text-1 { font-size: 2.25rem; }
}
/* Link color */
a { color: var(--link-color); font-weight: bold;}
a:focus, a:hover { color: var(--link-color-hover); text-decoration: none; font-weight: bold;}
/* Button Link */
.wp-block-button__link{text-decoration: none!important;color:#fff;}
.wp-block-button__link:hover{text-decoration: none!important;color:#fff;}
/* ------------------------------------------------------------------------- *
/* 2 Layout */
/* ------------------------------------------------------------------------- */
.wrapper{overflow:hidden;width: 100%;padding: 0;}
/* ------------------------------------------------------------------------- *
/* 2.1 Menu */
/* ------------------------------------------------------------------------- */
.no-spacer{height: 0;}
.spacer{height: 180px;}
.spacer__small {
height: 50px;
width: 100%;
background: var(--spacer-background);
border: var(--spacer-border);
opacity: var(--spacer-opacity);
}
@media (min-width: 769px) {
.spacer__extra-small {height: 25px; /*border: 1px solid red;*/width: 100%;}
.spacer__small {height: 50px; /*border: 1px solid red;*/width: 100%;}
.spacer {height: 80px;/* border: 1px solid green; */width: 100%;}
.spacer__large {height: 100px; /*border: 1px solid blue;*/width: 100%;}
.spacer__extra-large {height: 200px;/* border: 1px solid violet; */width: 100%;}
}
.page-template-home .spacer__extra-large {
height: 120px;
}
@media (max-width: 768px) {
.spacer__extra-small {height: 25px; /*border: 1px solid red;*/width: 100%;}
.spacer__extra-small_m {height: 150px;/*border: 1px solid red;*/width: 100%;}
.spacer__small_m {height: 100px; /*border: 1px solid blue;*/width: 100%;}
.spacer__m {height: 100px; /*border: 1px solid green;*/width: 100%;}
.spacer__large_m {height: 100px; /*border: 1px solid blue;*/width: 100%;}
.spacer__extra-large_m {height: 180px;/*border: 1px solid violet;*/width: 100%;}
}
.header__topbar{ background-color: #333; width: 100%;padding: 4px 4px;color:#fff; text-align: center;margin-right: calc(50% - 50vw);margin-left: calc(50% - 50vw);width: auto;}
@media (max-width: 794px) {
.header__topbar{font-size: 13px;}
.spacer{width: 100%;height: 70px;/* border: 1px solid green; */}
}
.header{background-color: transparent;position: fixed!important;top:0;left:0;z-index: 9999;width: 100%;padding: 0;filter: invert(1);}
.page-template-home .header{background-color: white;position: fixed;top:0;left:0;z-index: 9999;width: 100%;padding: 0;}
.header__content{width: 100%;margin: 0 auto;display: flex;align-items: center;justify-content: flex-end;padding:10px 0;border-bottom: 0;position: relative;padding: 0 25px;height: 120px;box-shadow: none;transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;z-index: 9999;}
.header__logo,
.header__quick{display: flex;align-items: center;color:var(--site-text-color);font-weight: bold;height: 120px;}
.header__quick a{color:var(--site-text-color);}
.header__logo-img{width: 170px;height: auto;padding: 0;}
.header__quick ul{list-style-type: none;margin-bottom: 0;}
.header__quick ul li{display: inline-block;}
.header__quick ul li a{padding: 10px 5px;}
.menu,
.menu ul{margin: 0;position: relative;display: flex;align-items: center;}
.menu li{display: inline-block;position: relative;margin: 0 5px;}
.menu li a{color: #000000;opacity: 1;display: flex;padding: 20px 15px;font-size: 1.25rem;font-weight: bold;/*text-transform: uppercase;*/letter-spacing: 1px;margin: 0;}
@media (max-width: 1190px) {
.menu li a{color: #ffffff !important;opacity: 1;display: block;padding: 10px 0!important;font-size: 2rem;line-height: 100%;font-weight: bold;background-image: none!important;}
}
.icon-hamburger{display: none;}
a.header_menu--item {
position: absolute;
color: #fff;
font-weight: 300;
text-transform: uppercase;
}
.item--left {
position: fixed!important;
color: #fff;
left: 25px;
}
.item--right {
position: absolute;
right: 100px;
color: #fff;
}
/* Quick search */
.quick-search{width: 140px;height: 38px;background: #fff;border-radius: 30px;opacity: 0.6;margin: 2px 0 0 0; transition: all 0.3s cubic-bezier(.215, .61, .355, 1);}
.quick-search form{display: flex;justify-content: center;align-items: center;}
.quick-search__icon{border:none; background: none;padding: 0;padding: 13px 2px;}
input.quick-search__input[type=text]{padding: 10px 3px;font-size: 13px;margin:0;border:none;background: none;}
input.quick-search__input[type=text]:focus{ outline: none;}
.quick-search:hover{opacity: 1;transform: scale(1.1);}
@media (max-width: 1290px) {
.quick-search {width: 40px;position: relative;background-color: transparent;margin-right: 10px;}
.quick-search form{width:38px;height: 38px;position: absolute;right:0;top:0;background: #fff;border-radius: 40px;transition: all 1s cubic-bezier(.215, .61, .355, 1);}
.quick-search:hover form{width:138px;}
}
.header__logo-img{width: 170px;height: auto;padding: 0;}
.menu {
position: fixed;
bottom: 0;
top: uset;
left:0;
right:0;
background-color: var(--site-bg);
height: 100vh;
margin: 0;
overflow: auto;
transition: all 1s cubic-bezier(.215, .61, .355, 1);
padding-left: 0;
transform: translateX(-100%);
padding-top: 15px;
overflow: hidden;
display: flex;
flex-direction: column;
min-width: 100%;
}
.menu li{width: 100%;margin: 0!important;border-bottom: 0 solid #ccc;padding: 0px 15px;}
.menu-open .menu{transform: translateX(0%);}
.menu-open .menu > li:last-child{margin-bottom: 150px;position: relative;}
.icon-hamburger{height: 50px;width: 50px;position:absolute;top: auto;right: 15px;display: flex;flex-direction: column;align-items: flex-end;justify-content: center;border:none;background: transparent;z-index: 9999;/* border: 1px solid red; */padding: 0;}
.icon-hamburger strong{height: 1px;margin-top:-1px;overflow: hidden;width: 1px;display: block;margin: 0;padding: 0;display: none;}
.icon-hamburger span{height: 3px;width: 30px;background: #fff;position: relative;display: block;transition: all 0.2s cubic-bezier(.215, .61, .355, 1);margin: 5px 0;border-radius: 10px;}
.menu-open .icon-hamburger {background: trasparent;/* border: 1px solid red; */}
.menu-open .icon-hamburger span:nth-child(2){transform: rotate(45deg) translate(0px, 0px);position: relative;right: 0px;top: 0px;background: #ffffff;}
.menu-open .icon-hamburger span:nth-child(3){transform: rotate(-45deg) translate(7px , -6px);margin: 0;/* position: relative; *//* right: -5px; */background: #ffffff;}
.header__content{padding: 0 15px;height: 120px;border-bottom: 0;}
.header__quick{display: flex; justify-content: flex-end;}
.header__quick ul{padding-left: 0;}
@media (max-width: 500px) {
.header__quick .menu-item-type-custom{display: none;}
.header__quick button{pointer-events: none;}
}
/* Menu transparent */
@media (min-width: 1190px) {
.page-template-menu-trasparent .spacer{display: none;}
.page-template-menu-trasparent .header{background: transparent;transition: all 1s cubic-bezier(.215, .61, .355, 1);}
.page-template-menu-trasparent .header__content{border:none;}
.page-template-menu-trasparent .header__logo-img,
.page-template-menu-trasparent .header [class^='icon-']{filter: brightness(0) invert(1);}
.page-template-menu-trasparent .header__logo{color:#fff;}
.page-template-menu-trasparent .menu li a,
.page-template-menu-trasparent .header__quick ul li a {color:#fff;}
.page-template-menu-trasparent.scroll-down .header{background: #222;}
}
@media (max-width: 1190px) {
.page-template-menu-trasparent .spacer{height:44px;}
.page-template-menu-trasparent .header__content{border:none;}
}
/* Menu black */
@media (min-width: 1190px) {
.page-template-menu-black .spacer{display: none;}
.page-template-menu-black .header{background: transparent;transition: all 1s cubic-bezier(.215, .61, .355, 1);}
.page-template-menu-black .header__content{border:none;}
.page-template-menu-black.scroll-down .header{background-color: var(--site-bg);}
li#menu-item-123 {
/* background: #e20613!important; */
/* border-radius: 5px!important; */
/* line-height: 0!important; */
/* color: #fff!important; */
margin-left: 25px;
}
li#menu-item-123 a {
color: #fff!important;
background: #000000 !important;
border-radius: 10px;
/* line-height: 0!important; */
color: #fff!important;
position: relative;
}
}
@media (max-width: 1190px) {
.page-template-menu-black .spacer{height:44px;}
.page-template-menu-black .header__content{border:none;}
}
/* Menu Dropdown */
.menu li ul{
background: #000000;
visibility: hidden;
/* visibility: unset; */
opacity: 1;
min-width: 250px;
position: absolute;
transition: all 0.5s ease;
margin-top: 0px;
top: 73px;
right: 0;
display: none;
/* display: block; */
padding: 0;
text-align: left;
border-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
/* margin: 0; */
padding: 5px;
padding-top: 5px;
padding-bottom: 5px;
box-sizing: border-box;
}
.menu li ul > li > a,
.page-template-menu-trasparent .menu li ul > li > a{color: #ffffff;}
.menu li ul > li > a:hover {background: #ffffff;color:#000000;border-radius: 5px;}
/* Open Dropdown */
@media (min-width: 1190px) {
.menu li:hover > ul,
.menu li ul:hover {visibility: visible;opacity: 0;display: block;}
}
.menu li.open-dropdown ul{visibility: visible; opacity: 1; display: block; }
.menu li ul li {clear: both;width: 100%;margin: 0;margin-bottom: 5px;}
.menu li ul li:last-child {margin-bottom: 0;}
.menu > li.menu-item-has-children > a{position: relative;padding-right: 30px;}
.menu > li.menu-item-has-children > a::after{
content:
" ";
width: 20px;
height: 20px;
background-size:30px;
position: absolute;
top:50%;
right: 0;
/* transform: rotate(90deg); */
margin-top: -10px;
background-repeat: no-repeat;
background-position: center;
background-size: 20px;
background-image: url('/svg/down-right-arrow.svg');
border-radius: 50%;
}
@media (max-width: 1199px) {
.menu > li.menu-item-has-children > a::after{
content:" ";
width: 25px;
height: 25px;
background-size:30px;
position: absolute;
top:50%;
right: 0;
/* transform: rotate(90deg); */
margin-top: -10px;
background-repeat: no-repeat;
background-position: center;
background-size: 25px;
background-image: url('/svg/down-right-arrow.svg');
border-radius: 50%;
filter: invert(1);
}
}
@media (min-width: 1190px) {
.page-template-menu-trasparent .menu > li.menu-item-has-children > a::after{
background-image: url('data:image/svg+xml;utf8,');
filter: invert(1);
}
}
@media (max-width: 1190px) {
.menu li ul{position: relative;background: none;width: 100%;margin: 0;padding: 0;left: 0;top: 0;}
.menu li ul li{border:none;}
.menu li ul li a{padding-left: 0;}
}
/* ------------------------------------------------------------------------- *
/* 2.2 Home */
/* ------------------------------------------------------------------------- */
.home-title { position: absolute; top:-9999px; color: #fff; font-size: 12px;}
/* ------------------------------------------------------------------------- *
/* 2.3 Index */
/* ------------------------------------------------------------------------- */
/* Single, Post & Page */
@media (max-width: 768px) {
h1 span{display: block;}
}
/* ------------------------------------------------------------------------- *
/* 2.4 Sections */
/* ------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------- *
/* 2.6 Footer */
/* ------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------- *
/* 3 Modules */
/* ------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------- *
/* 4 WordPress Default Element */
/* ------------------------------------------------------------------------- */
/* Pagination */
.pagination { float: left; margin: 40px 0 40px 0; padding: 0; width: 100%; }
.pagination span,
.pagination a { float: left; margin: 0 10px 10px 0; padding: 14px 19px; border: 1px solid #222; }
/* Image */
.alignleft { float: left; margin-right: 20px; margin-bottom: 10px; max-width: 97%; height: auto; }
.alignright { float: right; margin-bottom: 10px; margin-left: 20px; max-width: 97%; height: auto; }
.aligncenter { display: block; margin: 0 auto; max-width: 97%; height: auto; }
.alignnone { max-width: 97%; height: auto; }
.text-center{text-align: center;}
@media (max-width: 768px) {
.sma-text-center{float:none; text-align: center;}
}
body .alignfull {
margin-left: -20px;
margin-right: -20px;
}
@media only screen and (min-width: 960px) {
body .alignfull {
width: auto;
max-width: 1000%;
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
}
body .alignwide {
width: auto;
max-width: 1000%;
margin-right: calc(25% - 25vw);
margin-left: calc(25% - 25vw);
}
.alignwide img,
.alignfull img {
display: block;
margin: 0 auto;
}
}
/* Image Caption */
.wp-caption { margin-bottom: 20px; padding: 10px; max-width: 97%; border: 1px solid #eee; text-align: center; }
.wp-caption img { margin: 0; padding: 0; width: 100%!important; height: auto; border: 0 none; }
.wp-caption p.wp-caption-text { margin: 0; padding: 8px; font-size: 1em; line-height: 17px; }
.gallery-caption{font-size: 20px;}
/* Stiky */
.sticky { border-right: 3px solid #eee; border-bottom: 3px solid #eee; }
/* Blockquote */
blockquote {
font-weight: 200;
font-style: italic;
margin: 0.25em 0;
padding: 0px 30px;
line-height: 1.45;
position: relative;
border-left: 5px solid #e20613;
}
/* Search */
.form-search{width: 100%;border-radius: 100px; border: 1px solid #e4e4e4; padding-left: 15px;position: relative;background:#fff;margin-bottom: 30px;padding: 5px;}
.form-search input[type=text]{width: 100%; border:none;background: transparent!important;font-size: 18px;}
.form-search button[type=submit]{padding: 0; border: none;background: transparent;color:#000000;padding: 0px;border-radius:20px; position:absolute; top: 8px; right:20px;}
.form-search button[type=submit] svg{width: 30px; height:30px}
/* Comments */
.comment-form-author,
.comment-form-email,
.comment-form-url { float: left; margin-top: 20px; margin-right: 3%; width: 30.3333333%; }
.comment-form-author input,
.comment-form-email input,
.comment-form-url input { width: 100%; }
ol.commentlist { margin: 0 0 1em; padding: 0; list-style: none; text-indent: 0; }
ol.commentlist li.comment { padding: 1em;}
ol.commentlist li.comment div.vcard cite.fn { text-transform: uppercase; font-size: 14px; }
ol.commentlist li.comment div.vcard img.avatar { float: left; margin: 6px 1em 1em 0; border-radius: 50px; }
ol.commentlist li.comment div.comment-meta { font-size: 12px; }
ol.commentlist li.comment ul { margin: 0 0 1em 2em; }
ol.commentlist li.comment div.reply { margin-left: 80px; font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { margin: 1em 0 0; list-style: none; text-indent: 0; }
ol.commentlist li.comment ul.children li.depth-2 { margin: 0 0 .25em .25em; border-left: 1px solid #eee; }
ol.commentlist li.comment ul.children li.depth-3 { margin: 0 0 .25em .25em; border-left: 1px solid #eee; }
ol.commentlist li.comment ul.children li.depth-4 { margin: 0 0 .25em .25em; border-left: 1px solid #eee; }
ol.commentlist li.bypostauthor .fn { font-weight: bold; }
ol.commentlist li img{max-width: 97%;}
input[type=text],
input[type=number],
input[type=tel],
input[type=password],
input[type=email],
input[type=url]{ width: 100%; padding: 10px; border: 1px solid #949494; background: #fff; -webkit-appearance: none;border-radius: 0;margin-top:5px}
textarea { padding: 10px; width: 100%; border: 1px solid #949494; background: #fff; -webkit-appearance: none;border-radius: 0;margin-top:5px}
input[type=submit],
button[type=submit] { margin-top: 10px; padding: 15px 20px; color: #fff; text-transform: uppercase; background: #222; border:none;margin-top:5px;display: block;font-weight: bold;width: auto;}
#comments { width: 100%; }
/* ------------------------------------------------------------------------- *
/* 5 Helpers */
/* ------------------------------------------------------------------------- */
.mt-0{margin-top: 0 }
.mt-1{margin-top: 10px}
.mt-2{margin-top: 20px}
.mt-3{margin-top: 40px}
.mt-4{margin-top: 100px }
.mb-0{margin-bottom: 0}
.mb-1{margin-bottom: 10px}
.mb-2{margin-bottom: 20px}
.mb-3{margin-bottom: 40px}
.mb-4{margin-bottom: 100px}
.p-0{padding: 0}
.p-1{padding: 10px}
.p-2{padding: 20px}
.p-3{padding: 40px}
.p-4{padding: 100px}
.pt-1{padding-top: 10px;}
.pt-3{padding-top: 20px;}
.pt-3{padding-top: 40px;}
.pt-4{padding-top: 15vh;}
.pb-1{padding-bottom: 10px;}
.pb-2{padding-bottom: 20px;}
.pb-3{padding-bottom: 40px;}
.pb-4{padding-bottom: 15vh;}
.img-res{width: 100%;}
.none {display: none!important;}
/* ! Grid System */
.grid {margin: 0 auto;display: flex;flex-flow: row;flex-wrap: wrap;width: 100%;}
.grid--center{justify-content: center;}
.col{ flex: 1;}
[class*='col-'] { position: relative;padding: 0;}
.grid .grid [class*='col-'] {padding: 0px;}
.col-10{ width: 10%;}
.col-20{width: 20%;/*border: 1px solid blue;*/padding: 15px;}
.col-25{ width: 25%; }
.col-30{ width: 30%; }
.col-33{ width: 33.33%; }
.col-40{ width: 40%; }
.col-50{ width: 50%; }
.col-60{ width: 60%; }
.col-70{ width: 70%; }
.col-80{ width: 80%; }
.col-90{ width: 90%; }
.col-100{width: 100%;box-sizing: border-box;}
@media (max-width: 991px) {
.tab-20 { width: 20%; }
.tab-25 { width: 25%; }
.tab-33 { width: 33.33%; }
.tab-50 { width: 50%; }
.tab-100 { width: 100%; }
}
@media (max-width: 768px) {
[class*='col-'] { width: 100%;}
.sma-20 { width: 20%; }
.sma-25 { width: 25%; }
.sma-33 { width: 33.33%; }
.sma-50 { width: 50%; }
.sma-100 { width: 100%; }
}
/* Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
right: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
/* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
outline: 0;
}
/* underline for accesibility */
.text-content a,
.comment-content a{text-decoration: underline;}
/* ! Icon System - https://ionicframework.com/docs/v3/ionicons/ */
.icon-arrow{display:inline-block; margin: -3px 5px;width: 18px;height: 18px;background-size: 100%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3EArrow Forward%3C/title%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='M268 112l144 144-144 144M392 256H100'/%3E%3C/svg%3E");}
.icon-check{display:inline-block; margin: -3px 5px;width: 18px;height: 18px;background-size: 100%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg fill='%23333333' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='405.272px' height='405.272px' viewBox='0 0 405.272 405.272'%3E%3Cg%3E%3Cpath d='M393.401 124.425L179.603 338.208c-15.832 15.835-41.514 15.835-57.361 0L11.878 227.836c-15.838-15.835-15.838-41.52 0-57.358c15.841-15.841 41.521-15.841 57.355-0.006l81.698 81.699L336.037 67.064c15.841-15.841 41.523-15.829 57.358 0C409.23 82.902 409.23 108.578 393.401 124.425z'/%3E%3C/g%3E%3C/svg%3E");}
.icon-angle{display:inline-block; margin: -3px 5px;width: 18px;height: 18px;background-size: 100%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3EChevron Down%3C/title%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='M112 184l144 144 144-144'/%3E%3C/svg%3E");}
.icon-fb{display:inline-block; margin: -3px 5px;width: 18px;height: 18px;background-size: 100%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3ELogo Facebook%3C/title%3E%3Cpath d='M480 257.35c0-123.7-100.3-224-224-224s-224 100.3-224 224c0 111.8 81.9 204.47 189 221.29V322.12h-56.89v-64.77H221V208c0-56.13 33.45-87.16 84.61-87.16 24.51 0 50.15 4.38 50.15 4.38v55.13H327.5c-27.81 0-36.51 17.26-36.51 35v42h62.12l-9.92 64.77H291v156.54c107.1-16.81 189-109.48 189-221.31z' fill-rule='evenodd'/%3E%3C/svg%3E");}
.icon-ig{display:inline-block; margin: -3px 5px;width: 18px;height: 18px;background-size: 100%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3ELogo Instagram%3C/title%3E%3Cpath d='M349.33 69.33a93.62 93.62 0 0193.34 93.34v186.66a93.62 93.62 0 01-93.34 93.34H162.67a93.62 93.62 0 01-93.34-93.34V162.67a93.62 93.62 0 0193.34-93.34h186.66m0-37.33H162.67C90.8 32 32 90.8 32 162.67v186.66C32 421.2 90.8 480 162.67 480h186.66C421.2 480 480 421.2 480 349.33V162.67C480 90.8 421.2 32 349.33 32z'/%3E%3Cpath d='M377.33 162.67a28 28 0 1128-28 27.94 27.94 0 01-28 28zM256 181.33A74.67 74.67 0 11181.33 256 74.75 74.75 0 01256 181.33m0-37.33a112 112 0 10112 112 112 112 0 00-112-112z'/%3E%3C/svg%3E");}
.icon-tw{display:inline-block; margin: -3px 5px;width: 18px;height: 18px;background-size: 100%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3ELogo Twitter%3C/title%3E%3Cpath d='M496 109.5a201.8 201.8 0 01-56.55 15.3 97.51 97.51 0 0043.33-53.6 197.74 197.74 0 01-62.56 23.5A99.14 99.14 0 00348.31 64c-54.42 0-98.46 43.4-98.46 96.9a93.21 93.21 0 002.54 22.1 280.7 280.7 0 01-203-101.3A95.69 95.69 0 0036 130.4c0 33.6 17.53 63.3 44 80.7A97.5 97.5 0 0135.22 199v1.2c0 47 34 86.1 79 95a100.76 100.76 0 01-25.94 3.4 94.38 94.38 0 01-18.51-1.8c12.51 38.5 48.92 66.5 92.05 67.3A199.59 199.59 0 0139.5 405.6a203 203 0 01-23.5-1.4A278.68 278.68 0 00166.74 448c181.36 0 280.44-147.7 280.44-275.8 0-4.2-.11-8.4-.31-12.5A198.48 198.48 0 00496 109.5z'/%3E%3C/svg%3E"); }
.icon-yt{display:inline-block; margin: -3px 5px;width: 18px;height: 18px;background-size: 100%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3ELogo Youtube%3C/title%3E%3Cpath d='M508.64 148.79c0-45-33.1-81.2-74-81.2C379.24 65 322.74 64 265 64h-18c-57.6 0-114.2 1-169.6 3.6C36.6 67.6 3.5 104 3.5 149 1 184.59-.06 220.19 0 255.79q-.15 53.4 3.4 106.9c0 45 33.1 81.5 73.9 81.5 58.2 2.7 117.9 3.9 178.6 3.8q91.2.3 178.6-3.8c40.9 0 74-36.5 74-81.5 2.4-35.7 3.5-71.3 3.4-107q.34-53.4-3.26-106.9zM207 353.89v-196.5l145 98.2z'/%3E%3C/svg%3E"); }
.icon-search{display:inline-block; margin: -3px 5px;width: 18px;height: 18px;background-size: 100%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3ESearch%3C/title%3E%3Cpath d='M221.09 64a157.09 157.09 0 10157.09 157.09A157.1 157.1 0 00221.09 64z' fill='none' stroke='currentColor' stroke-miterlimit='10' stroke-width='32'/%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-miterlimit='10' stroke-width='32' d='M338.29 338.29L448 448'/%3E%3C/svg%3E");}
.icon-wa{display:inline-block; margin: -3px 5px;width: 18px;height: 18px;background-size: 100%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3ELogo Whatsapp%3C/title%3E%3Cpath d='M414.73 97.1A222.14 222.14 0 00256.94 32C134 32 33.92 131.58 33.87 254a220.61 220.61 0 0029.78 111L32 480l118.25-30.87a223.63 223.63 0 00106.6 27h.09c122.93 0 223-99.59 223.06-222A220.18 220.18 0 00414.73 97.1zM256.94 438.66h-.08a185.75 185.75 0 01-94.36-25.72l-6.77-4-70.17 18.32 18.73-68.09-4.41-7A183.46 183.46 0 0171.53 254c0-101.73 83.21-184.5 185.48-184.5a185 185 0 01185.33 184.64c-.04 101.74-83.21 184.52-185.4 184.52zm101.69-138.19c-5.57-2.78-33-16.2-38.08-18.05s-8.83-2.78-12.54 2.78-14.4 18-17.65 21.75-6.5 4.16-12.07 1.38-23.54-8.63-44.83-27.53c-16.57-14.71-27.75-32.87-31-38.42s-.35-8.56 2.44-11.32c2.51-2.49 5.57-6.48 8.36-9.72s3.72-5.56 5.57-9.26.93-6.94-.46-9.71-12.54-30.08-17.18-41.19c-4.53-10.82-9.12-9.35-12.54-9.52-3.25-.16-7-.2-10.69-.2a20.53 20.53 0 00-14.86 6.94c-5.11 5.56-19.51 19-19.51 46.28s20 53.68 22.76 57.38 39.3 59.73 95.21 83.76a323.11 323.11 0 0031.78 11.68c13.35 4.22 25.5 3.63 35.1 2.2 10.71-1.59 33-13.42 37.63-26.38s4.64-24.06 3.25-26.37-5.11-3.71-10.69-6.48z' fill-rule='evenodd'/%3E%3C/svg%3E");}
.icon-tk{display:inline-block; margin: -3px 5px;width: 18px;height: 18px;background-size: 100%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3ELogo Tiktok%3C/title%3E%3Cpath d='M412.19 118.66a109.27 109.27 0 01-9.45-5.5 132.87 132.87 0 01-24.27-20.62c-18.1-20.71-24.86-41.72-27.35-56.43h.1C349.14 23.9 350 16 350.13 16h-82.44v318.78c0 4.28 0 8.51-.18 12.69 0 .52-.05 1-.08 1.56 0 .23 0 .47-.05.71v.18a70 70 0 01-35.22 55.56 68.8 68.8 0 01-34.11 9c-38.41 0-69.54-31.32-69.54-70s31.13-70 69.54-70a68.9 68.9 0 0121.41 3.39l.1-83.94a153.14 153.14 0 00-118 34.52 161.79 161.79 0 00-35.3 43.53c-3.48 6-16.61 30.11-18.2 69.24-1 22.21 5.67 45.22 8.85 54.73v.2c2 5.6 9.75 24.71 22.38 40.82A167.53 167.53 0 00115 470.66v-.2l.2.2c39.91 27.12 84.16 25.34 84.16 25.34 7.66-.31 33.32 0 62.46-13.81 32.32-15.31 50.72-38.12 50.72-38.12a158.46 158.46 0 0027.64-45.93c7.46-19.61 9.95-43.13 9.95-52.53V176.49c1 .6 14.32 9.41 14.32 9.41s19.19 12.3 49.13 20.31c21.48 5.7 50.42 6.9 50.42 6.9v-81.84c-10.14 1.1-30.73-2.1-51.81-12.61z'/%3E%3C/svg%3E"); }
.icon-plus{display:inline-block; margin: -3px 5px;width: 18px;height: 18px;background-size: 100%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3EAdd%3C/title%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='32' d='M256 112v288M400 256H112'/%3E%3C/svg%3E");}
.icon-call{ display:inline-block; margin: -3px 5px;width: 18px;height: 18px;background-size: 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M436.9 364.8c-14.7-14.7-50-36.8-67.4-45.1-20.2-9.7-27.6-9.5-41.9.8-11.9 8.6-19.6 16.6-33.3 13.6-13.7-2.9-40.7-23.4-66.9-49.5-26.2-26.2-46.6-53.2-49.5-66.9-2.9-13.8 5.1-21.4 13.6-33.3 10.3-14.3 10.6-21.7.8-41.9C184 125 162 89.8 147.2 75.1c-14.7-14.7-18-11.5-26.1-8.6 0 0-12 4.8-23.9 12.7-14.7 9.8-22.9 18-28.7 30.3-5.7 12.3-12.3 35.2 21.3 95 27.1 48.3 53.7 84.9 93.2 124.3l.1.1.1.1c39.5 39.5 76 66.1 124.3 93.2 59.8 33.6 82.7 27 95 21.3 12.3-5.7 20.5-13.9 30.3-28.7 7.9-11.9 12.7-23.9 12.7-23.9 2.9-8.1 6.2-11.4-8.6-26.1z'/%3E%3C/svg%3E");}
.icon-in{ display:inline-block; margin: -3px 5px;width: 18px;height: 18px;background-size: 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Cpath d='M444.17 32H70.28C49.85 32 32 46.7 32 66.89v374.72C32 461.91 49.85 480 70.28 480h373.78c20.54 0 35.94-18.21 35.94-38.39V66.89C480.12 46.7 464.6 32 444.17 32zm-273.3 373.43h-64.18V205.88h64.18zM141 175.54h-.46c-20.54 0-33.84-15.29-33.84-34.43 0-19.49 13.65-34.42 34.65-34.42s33.85 14.82 34.31 34.42c-.01 19.14-13.31 34.43-34.66 34.43zm264.43 229.89h-64.18V296.32c0-26.14-9.34-44-32.56-44-17.74 0-28.24 12-32.91 23.69-1.75 4.2-2.22 9.92-2.22 15.76v113.66h-64.18V205.88h64.18v27.77c9.34-13.3 23.93-32.44 57.88-32.44 42.13 0 74 27.77 74 87.64z'/%3E%3C/svg%3E");}
.icon-1{width: 40px;height: 40px;}
.icon-2{width: 70px;padding: 8px;}
.icon-3{width: 100px;padding: 8px;}
.icon-invert{filter: invert(1);}
/* Accordion */
.accordion h3{position: relative;padding-right: 30px;margin-bottom: 15px;cursor:pointer}
.accordion h3:after{
width: 30px;height: 30px;position: absolute; top:0; right:0;content: ' '; background-image: url('data:image/svg+xml;utf8,');
transform: rotate(90deg);
background-size:100%;
}
.accordion .wp-block-column .wp-block-group {padding: 0;max-height: 0;overflow:hidden;border-bottom: 2px solid #ddd; transition: all 0.2s ease-in-out;}
.accordion .wp-block-column .wp-block-group.open-accordion{max-height:500px;padding-bottom: 15px;overflow: auto;}
/* Animation on scroll */
.fade { opacity: 0; transform: translateY(40px); transition: 1.0s ease-in-out; will-change: transform, opacity;}
.fadeIn { opacity: 1;transform: translateY(0px)}
/* Animation on load */
@keyframes fade-load {
from {opacity: 0; transform: translateY(20px);}
to {opacity: 1; transform: translateY(0);}
}
.load { opacity: 0; animation: fade-load cubic-bezier(0.385, 0.135, 0.15, 0.86) 0.5s forwards;}
/* Whats App */
.logo-whats-app {
display: block;
width: 38px;
height: 38px;
position: fixed;
bottom: 43px;
right: 43px;
z-index: 999;
border-radius: 100%;
background: #25D366;
border: 0px solid #25D366;
}
.logo-whats-app .icon-wa{width: 44px;height: 44px;margin: -3px 0 0 -3px;padding: 0;filter: invert(1);}
/* Woo Commerce
------------------------------------------------------------------------ */
.menu-item-type-woocommerce-cart{position: relative;width: 30px;height: 18px;}
.menu-cart-total{position: relative;position: absolute;top:-10px; left:0;}
.menu-cart-total svg{height: 24px;width: 24px;}
.menu-cart-total span{position: absolute;bottom:10px; right:-2px;font-size: 11px;}
/* button */
.woocommerce .button{background:#222!important; color:#fff!important; text-transform: uppercase;font-family: inherit!important;}
/* columns fix */
.checkout.woocommerce-content [class*='col-'],
.checkout.woocommerce-checkout [class*='col-'] {padding: 0;}
/* select */
.select2-container .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__arrow {height: 36px;}
.woocommerce-input-wrapper input{border-radius: 4px;}
/* coupon */
.woocommerce #coupon_code{height: 36px;}
/* table */
#add_payment_method .cart-collaterals .cart_totals tr td,
#add_payment_method .cart-collaterals .cart_totals tr th,
.woocommerce-cart .cart-collaterals .cart_totals tr td,
.woocommerce-cart .cart-collaterals .cart_totals tr th,
.woocommerce-checkout .cart-collaterals .cart_totals tr td,
.woocommerce-checkout .cart-collaterals .cart_totals tr th{border-top: 1px solid #ccc;}
/* quantity single products */
.woocommerce .quantity input{margin-top: 0;border-radius: 4px;padding: 9.5px;}
/* price */
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price{color:#000000;}
/* variations */
.woocommerce div.product form.cart .variations{padding: 10px;border-bottom: 1px solid #222;}
.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th{padding-bottom: 10px;}
.woocommerce select {
/* Reset */
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #666;
outline: 0;
font: inherit;
/* Personalize */
width: 20em;
height: 40px;
padding: 0 4em 0 1em;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3EChevron Down%3C/title%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='M112 184l144 144 144-144'/%3E%3C/svg%3E") no-repeat right 0.8em center/1.4em;
color: #222;
border-radius: 0.25em;
cursor: pointer;
}
.woocommerce select option {
color: inherit;
background-color: #320a28;
}
.woocommerce select:focus {
outline: none;
}
.woocommerce select::-ms-expand {
display: none;
}
.woocommerce .woocommerce-ordering select {border:none; width:200px}
@media (max-width: 768px) {
.woocommerce-result-count{font-size: 12px;}
.woocommerce .woocommerce-ordering select {font-size: 12px;margin-top:-10px; width:140px}
}
/* tabs */
.woocommerce div.product .woocommerce-tabs h2{display: none;}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs::before { display: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li { border-radius: 0; margin-bottom: 0px;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: #222; color: #fff}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{border-color:#222}
.woocommerce div.product .woocommerce-tabs ul.tabs li { background: transparent; border: 0; }
.woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0; }
/* messages */
.woocommerce-error, .woocommerce-info, .woocommerce-message {
padding: 1em 2em 1em 3.5em;
margin: 0 0 2em;
border-radius: 4px;
position: relative;
background-color: #f7f6f7;
color: #111;
border-top: none;
list-style: none outside;
line-height: 32px;
width: auto;
word-wrap: break-word;
}
.woocommerce .woocommerce-message a.button{background: #4CAF50!important;}
.woocommerce-message::before{color: #4CAF50;}
.woocommerce .woocommerce-message {background: #e5fce5}
.woocommerce .woocommerce-error a.button{background: #F44336!important;}
.woocommerce-error::before{color: #F44336;}
.woocommerce .woocommerce-error {background: #FEECEB; color:#D91811}
.woocommerce .woocommerce-info a.button{background: #2296F2!important;}
.woocommerce .woocommerce-info a{color:#1478C8}
.woocommerce-info::before{color: #2296F2;}
.woocommerce .woocommerce-info {background: #E9F5FE;}
/* general fix */
.woocommerce a.added_to_cart{padding-left: 10px;}
.woocommerce-page #content .text-content a{text-decoration: none;}
.woocommerce span.onsale {background-color: #444;}
.woocommerce div.product .product_meta {font-size: 14px;}
.woocommerce .woocommerce-billing-fields{margin-bottom: 20px;}
.woocommerce .woocommerce-variation-price{margin-bottom: 10px;}
/* hide title and button in shop list */
.woocommerce ul.products li.product .button {display: none;}
.woocommerce-shop h1{display: none;}
/* Woo Pagination */
.woocommerce nav.woocommerce-pagination ul {text-align: left;width: 100%;border:none}
.woocommerce nav.woocommerce-pagination ul li {border: 1px solid #222;margin-right: 10px;}
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a { float: left; padding: 14px 19px; display: inline-block;}
/* Checkout */
.checkout.woocommerce-checkout .select2-container--default .select2-selection--single{border: 2px solid #ddd; height: 40px;}
.checkout.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 34px;}
.checkout.woocommerce-checkout input[type=text],
.checkout.woocommerce-checkout input[type=number],
.checkout.woocommerce-checkout input[type=tel],
.checkout.woocommerce-checkout input[type=password],
.checkout.woocommerce-checkout input[type=email],
.checkout.woocommerce-checkout input[type=url],
.checkout.woocommerce-checkout textarea{border: 2px solid #ddd}
@media (min-width: 998px){
.checkout.woocommerce-checkout.col2-set, .woocommerce-page .col2-set{ width:50%;float:left }
.checkout.woocommerce-checkout #order_review_heading,
.checkout.woocommerce-checkout #order_review{width:45%; float:right }
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {width:100%}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order{width:100%; display:block; padding:20px}
}
/* End Woo Commerce
------------------------------------------------------------------------ */
/* Full Site Editing
------------------------------------------------------------------------ */
@media (max-width: 768px) {
.wp-block-navigation__responsive-container{padding: 20px!important;}
}
/* End Full Site Editing
------------------------------------------------------------------------ */
/* clearfix for post float images */
.clearfix:after {
visibility: hidden;
display: block;
content: "";
clear: both;
height: 0;
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.logo__intro {
margin: 0 auto;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.logo__intro img {
width: 300px;
}
@media (max-width: 768px) {
.logo__intro img {
width: 220px;
}
}
.container__flexible {
display: flex;
align-items: center;
justify-content: stretch;
position: relative;
/* border: 1px solid red; */
padding: 0;
padding-left: 0;
height: 100%;
max-width: 1400px;
margin: 0 auto;
}
@media (max-width: 768px) {
.container__flexible {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
/* border: 1px solid red; */
padding: 0;
padding-left: 0;
}
}
.container__text {
width: 40%;
padding: 80px;
background: #e20613;
color: #fff;
min-height: 70vh;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
position: relative;
z-index: 9;
border-radius: 50px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
@media (max-width: 768px) {
.container__text {
width: 100%;
padding: 50px 25px;
background: #e20613;
color: #fff;
min-height: 70vh;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
position: relative;
z-index: 9;
border-top-right-radius: 50px;
border-bottom-left-radius: 0;
}
}
.container__text h2 {
font-size: 3rem;
line-height: 3rem;
margin-bottom: 50px;
}
@media (max-width: 768px) {
.container__text h2 {
font-size: 2.5rem;
line-height: 2.5rem;
margin-bottom: 50px;
}
}
.container__text p {
font-size: 1.4rem;
line-height: 2rem;
}
@media (max-width: 768px) {
.container__text p {
font-size: 1.3rem;
line-height: 1.6rem;
}
}
.container__text-dx h2 {
font-size: 3rem;
line-height: 3rem;
margin-bottom: 50px;
}
@media (max-width: 768px) {
.container__text-dx h2 {
font-size: 2.5rem;
line-height: 2.5rem;
margin-bottom: 50px;
}
}
.container__text-dx p {
font-size: 1.4rem;
line-height: 2rem;
}
@media (max-width: 768px) {
.container__text-dx p {
font-size: 1.3rem;
line-height: 1.6rem;
}
}
.container__image {
width: 60%;
min-height: 70vh;
height: 100%;
display: flex;
flex-direction: column;
justify-content: stretch;
position: relative;
left: 0;
top: 0;
/* border: 1px solid blue; */
/* border-radius: 50px; */
/* border-top-right-radius: 0; */
/* border-bottom-right-radius: 0; */
}
@media (max-width: 768px) {
.container__image {
width: 100%;
position: relative;
left: 0;
top: 0;
}
}
.container__flexible-page {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
/* border: 1px solid red; */
padding: 0;
margin: 0 auto;
}
@media (max-width: 768px) {
.container__flexible-page {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
/* border: 1px solid red; */
padding: 0;
}
}
.container__image-sx {
width: 50%;
min-height: 70vh;
height: 100%;
display: flex;
flex-direction: column;
justify-content: stretch;
position: relative;
left: 0;
top: 0;
/* border: 1px solid blue; */
}
@media (max-width: 768px) {
.container__image-sx {
width: 100%;
position: relative;
left: 0;
background: #e20613;
}
}
.container__text-dx {
left: 0;
width: 50%;
padding: 80px;
background: #E0D5BA;
color: #e20613;
min-height: 70vh;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
position: relative;
z-index: 9;
}
@media (max-width: 768px) {
.container__text-dx {
left: 0;
width: 100%;
padding: 25px;
background: #e0d5bb;
color: #e20613;
min-height: 60vh;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
position: relative;
z-index: 9;
}
}
.container__text-dx p {
font-size: 1.4rem;
line-height: 2rem;
}
.container__didascalia {
display: flex;
align-items: center;
justify-content: flex-start;
}
.container__image-didascalia img {
width: 100%;
height: auto;
}
.container__text-didascalia h3 {
margin: 0;
}
.section__location {
width: 100%;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.section__location img {
width: 70%;
}
p.cursive {
font-size: 1rem!important;
/* font-family: "Satisfy", cursive; */
color: #ffffff;
margin: 10px;
font-weight: normal;
text-transform: uppercase;
}
@media (max-width: 768px) {
p.cursive {
font-size: 1.5rem!important;
/* font-family: "Satisfy", cursive; */
color: #ffffff;
margin: 10px;
}
}
h3.subltitle {
position: relative;
font-size: 3.5rem;
line-height: 3.5rem;
margin-bottom: 50px;
text-transform: uppercase;
}
@media (max-width: 768px) {
h3.subltitle {
position: relative;
font-size: 2.5rem;
line-height: 2.5rem;
margin-bottom: 50px;
text-transform: uppercase;
text-align: left;
}
}
h3.subltitle:after {
content: '';
position: absolute;
bottom: -15px;
width: 80px;
height: 6px;
background: #e20613;
left: calc(50% - 40px);
}
@media (max-width: 768px) {
h3.subltitle:after {
content: '';
position: absolute;
bottom: -15px;
width: 80px;
height: 6px;
background: #e20613;
left: 0;
}
}
/* TAB RULES */
.tabs {
left: 50%;
transform: translateX(-50%);
position: relative;
background: white;
padding: 50px 0;
padding-bottom: 80px;
width: 100%;
height: auto;
box-shadow: none;
border-radius: 5px;
min-width: 100%;
}
.tabs input[name=tab-control] {
display: none;
}
.tabs .content section h2,
.tabs ul li label {
/* font-family: "Montserrat"; */
/* font-weight: bold; */
/* font-size: 12px; */
/* color: #428BFF; */
/* width: 100%; */
/* display: flex; */
/* align-items: center; */
/* justify-content: center; */
}
.tabs ul {
list-style-type: none;
padding-left: 0;
display: flex;
flex-direction: row;
margin-bottom: 10px;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
width: 280px;
height: 60px;
border: 1px solid #000000;
background: #fff;
border-radius: 50px;
padding: 5px;
margin: 0 auto;
margin-bottom: 150px;
}
.page-template-come-raggiungerci-en .tabs ul,
.page-template-come-raggiungerci-de .tabs ul,
.page-template-menu .tabs ul {
list-style-type: none;
padding-left: 0;
display: flex;
flex-direction: row;
margin-bottom: 10px;
justify-content: center;
align-items: center;
flex-wrap: wrap;
width: 50%;
height: 60px;
background: #ffffff;
border: 1px solid #000000;
border-radius: 50px;
padding: 5px;
margin: 0 auto;
margin-bottom: 150px;
}
@media (max-width: 768px) {
.page-template-come-raggiungerci-en .tabs ul,
.page-template-come-raggiungerci-de .tabs ul,
.page-template-menu .tabs ul {
list-style-type: none;
padding-left: 0;
display: flex;
flex-direction: row;
margin-bottom: 10px;
justify-content: space-between;
align-items: center;
flex-wrap: nowrap;
width: 100%;
height: 60px;
background: #fff;
border: 1px solid #000000;
border-radius: 50px;
padding: 5px;
margin: 0 auto;
margin-bottom: 0px;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
}
.tabs ul li {
box-sizing: border-box;
flex: 1;
width: 50%;
height: 100%;
padding: 0;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 768px) {
.tabs ul li {
box-sizing: border-box;
flex: 1;
width: 100%;
min-width: 100px;
height: 50px;
padding: 0;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
}
.tabs ul li label {
transition: all 0.3s ease-in-out;
color: #000000;
padding: 5px auto;
overflow: hidden;
text-overflow: ellipsis;
display: block;
cursor: pointer;
transition: all 0.2s ease-in-out;
white-space: nowrap;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.tabs ul li label br {
display: none;
}
.tabs ul li label svg {
fill: #929daf;
height: 1.2em;
vertical-align: bottom;
margin-right: 0.2em;
transition: all 0.2s ease-in-out;
}
.tabs ul li label:hover, .tabs ul li label:focus, .tabs ul li label:active {
outline: 0;
color: #000000;
}
.tabs ul li label:hover svg, .tabs ul li label:focus svg, .tabs ul li label:active svg {
fill: #bec5cf;
}
.tabs .slider {
position: relative;
width: 50%;
transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
}
.tabs .slider .indicator {
position: relative;
width: 100%;
max-width: 100%;
margin: 0 auto;
height: 4px;
background: #428BFF;
border-radius: 1px;
}
.tabs .content {
margin-top: 30px;
}
.tabs .content section {
display: none;
-webkit-animation-name: content;
animation-name: content;
-webkit-animation-direction: normal;
animation-direction: normal;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
line-height: 1.4;
}
.tabs .content section h2 {
/* color: #428BFF; */
/* display: none; */
}
.tabs input[name=tab-control]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label svg {
fill: #428BFF;
}
@media (max-width: 600px) {
.tabs input[name=tab-control]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label {
background: rgba(0, 0, 0, 0.08);
}
}
.tabs input[name=tab-control]:nth-of-type(1):checked ~ .slider {
transform: translateX(0%);
}
.tabs input[name=tab-control]:nth-of-type(1):checked ~ .content > section:nth-child(1) {
display: flex;
flex-direction: column;
height: 100%;
justify-content: stretch;
}
.tabs input[name=tab-control]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label {
cursor: default;
color: #ffffff;
background: #e20613;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
width: 100%;
}
.tabs input[name=tab-control]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label svg {
fill: #428BFF;
}
@media (max-width: 600px) {
.tabs input[name=tab-control]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label {
background: rgba(0, 0, 0, 0.08);
}
}
.tabs input[name=tab-control]:nth-of-type(2):checked ~ .slider {
transform: translateX(100%);
}
.tabs input[name=tab-control]:nth-of-type(2):checked ~ .content > section:nth-child(2) {
display: block;
}
.tabs input[name=tab-control]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label {
cursor: default;
color: #428BFF;
}
.tabs input[name=tab-control]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label svg {
fill: #428BFF;
}
@media (max-width: 600px) {
.tabs input[name=tab-control]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label {
background: rgba(0, 0, 0, 0.08);
}
}
.tabs input[name=tab-control]:nth-of-type(3):checked ~ .slider {
transform: translateX(200%);
}
.tabs input[name=tab-control]:nth-of-type(3):checked ~ .content > section:nth-child(3) {
display: block;
}
.tabs input[name=tab-control]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label {
cursor: default;
color: #428BFF;
}
.tabs input[name=tab-control]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label svg {
fill: #428BFF;
}
@media (max-width: 600px) {
.tabs input[name=tab-control]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label {
background: rgba(0, 0, 0, 0.08);
}
}
.tabs input[name=tab-control]:nth-of-type(4):checked ~ .slider {
transform: translateX(300%);
}
.tabs input[name=tab-control]:nth-of-type(4):checked ~ .content > section:nth-child(4) {
display: block;
}
.tabs input[name=tab-control]:nth-of-type(5):checked ~ ul > li:nth-child(5) > label {
cursor: default;
color: #428BFF;
}
.tabs input[name=tab-control]:nth-of-type(5):checked ~ ul > li:nth-child(5) > label svg {
fill: #428BFF;
}
@media (max-width: 600px) {
.tabs input[name=tab-control]:nth-of-type(5):checked ~ ul > li:nth-child(5) > label {
background: rgba(0, 0, 0, 0.08);
}
}
.tabs input[name=tab-control]:nth-of-type(5):checked ~ .slider {
transform: translateX(300%);
}
.tabs input[name=tab-control]:nth-of-type(5):checked ~ .content > section:nth-child(5) {
display: block;
}
.tabs input[name=tab-control]:nth-of-type(6):checked ~ ul > li:nth-child(6) > label {
cursor: default;
color: #428BFF;
}
.tabs input[name=tab-control]:nth-of-type(6Per ):checked ~ ul > li:nth-child(6) > label svg {
fill: #428BFF;
}
@media (max-width: 600px) {
.tabs input[name=tab-control]:nth-of-type(6):checked ~ ul > li:nth-child(6) > label {
background: rgba(0, 0, 0, 0.08);
}
}
.tabs input[name=tab-control]:nth-of-type(6):checked ~ .slider {
transform: translateX(300%);
}
.tabs input[name=tab-control]:nth-of-type(6):checked ~ .content > section:nth-child(6) {
display: block;
}
.tabs input[name=tab-control]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label,
.tabs input[name=tab-control]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label,
.tabs input[name=tab-control]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label,
.tabs input[name=tab-control]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label,
.tabs input[name=tab-control]:nth-of-type(5):checked ~ ul > li:nth-child(5) > label,
.tabs input[name=tab-control]:nth-of-type(6):checked ~ ul > li:nth-child(6) > label {
cursor: default;
color: #ffffff;
background: #e20613;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
width: 100%;
}
@media (max-width: 768px) {
.tabs input[name=tab-control]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label,
.tabs input[name=tab-control]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label,
.tabs input[name=tab-control]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label,
.tabs input[name=tab-control]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label,
.tabs input[name=tab-control]:nth-of-type(5):checked ~ ul > li:nth-child(5) > label,
.tabs input[name=tab-control]:nth-of-type(6):checked ~ ul > li:nth-child(6) > label {
cursor: default;
color: #ffffff;
background: #e20613;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
width: 100%;
padding: 0 25px;
/* max-width: 250px!important; */
}
}
@-webkit-keyframes content {
from {
opacity: 0;
transform: translateY(5%);
}
to {
opacity: 1;
transform: translateY(0%);
}
}
@keyframes content {
from {
opacity: 0;
transform: translateY(5%);
}
to {
opacity: 1;
transform: translateY(0%);
}
}
@media (max-width: 1000px) {
.tabs ul li label {
white-space: initial;
}
.tabs ul li label br {
display: initial;
}
.tabs ul li label svg {
height: 1.5em;
}
}
@media (max-width: 600px) {
.tabs ul li label {
padding: 5px;
border-radius: 5px;
}
/* .tabs ul li label span {
display: none;
} */
.tabs .slider {
display: none;
}
.tabs .content {
margin-top: 20px;
}
.tabs .content section h2 {
display: block;
}
}
.container__text a {
display: flex;
width: 290px;
height: 60px;
border-radius: 3px;
padding: 0 20px;
justify-content: center;
align-items: center;
font-weight: 500;
letter-spacing: 3px;
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
color: #e20613;
font-family: "Poppins" , serif;
background-color: #fff;
transition: all .25s ease-in-out;
margin-top: 50px;
z-index: 10;
}
.arrow-r:after {
content: '';
width: 25px;
height: 25px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
transition: all .25s ease-in-out;
margin-left: 20px;
}
.container__text .arrow-r:after {
background-image: url('/svg/i-freccia-destra-mp.svg');
}
.container__text a:hover {
background-color: #fff;
color: #e20613;
}
.container__text .arrow-r:hover:after {
transform: translateX(5px);
}
.section__title {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
@media (max-width: 768px) {
.section__title {
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
text-align: left;
padding: 15px;
}
}
@media (max-width: 768px) {
.single-servizi .section__title {
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
text-align: left;
padding: 0;
}
}
@media (max-width: 768px) {
.single-sezioni .section__title,
.page-template-home .section__title,
.page-template-servizi .section__title,
.page-template-contatti .section__title {
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
text-align: left;
padding: 0!important;
}
}
.menu-item__text {
font-size: 20px;
line-height: 22px;
/* font-weight: bold; */
padding-top: 10px;
position: relative;
display: flex;
padding-left: 25px;
}
.menu-item__text:before {
content: '';
position: absolute;
left: 0;
top: 21px;
width: 15px;
height: 4px;
background: #e20613;
border-radius: 25px;
}
.menu-item__price {
border-bottom: 1px solid #ccc;
padding-top: 10px;
padding-bottom: 15px;
padding-left: 0;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
.menu-item__price p {
margin: 0;
}
.menu-item__price span {
/* background: #47876c2b; */
/* color: #000000; */
background: #e0d5bb;
color: #e20613;
border-radius: 5px;
padding: 25px;
font-size: 1.2rem;
line-height: 140%;
width: 100%;
}
.menu-item__price.last {
border-bottom: 0;
}
.menu-item__formato {
padding-left: 25px;
color: #818181;
font-style: italic;
}
.menu-item__coperto {
position: relative;
min-height: 25px;
display: flex;
align-items: center;
padding-left: 40px;
}
.menu-item__coperto.car,
.menu-item__coperto.bus,
.menu-item__coperto.treno,
.menu-item__coperto.aereo,
.menu-item__coperto.mare {
position: relative;
min-height: 80px;
display: flex;
align-items: center;
padding-left: 40px;
}
/* .menu-item__coperto:before {
content: '';
position: absolute;
left: 0;
width: 35px;
height: 35px;
background: black;
border-radius: 50%;
background-image: url('/svg/i-coperto.svg');
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
} */
.menu-item__coperto.car:before {
content: '';
position: absolute;
left: 0;
width: 80px;
height: 80px;
/* background: black; */
border-radius: 0;
background-image: url('/svg/i-car.svg');
background-position: center;
background-repeat: no-repeat;
background-size: 80px;
}
.menu-item__coperto.bus:before {
content: '';
position: absolute;
left: 0;
width: 80px;
height: 80px;
/* background: black; */
border-radius: 0;
background-image: url('/svg/i-bus.svg');
background-position: center;
background-repeat: no-repeat;
background-size: 80px;
}
.menu-item__coperto.treno:before {
content: '';
position: absolute;
left: 0;
width: 80px;
height: 80px;
/* background: black; */
border-radius: 0;
background-image: url('/svg/i-treno.svg');
background-position: center;
background-repeat: no-repeat;
background-size: 80px;
}
.menu-item__coperto.aereo:before {
content: '';
position: absolute;
left: 0;
width: 80px;
height: 80px;
/* background: black; */
border-radius: 0;
background-image: url('/svg/i-aereo03.svg');
background-position: center;
background-repeat: no-repeat;
background-size: 80px;
}
.menu-item__coperto.mare:before {
content: '';
position: absolute;
left: 0;
width: 80px;
height: 80px;
/* background: black; */
border-radius: 0;
background-image: url('/svg/i-mare.svg');
background-position: center;
background-repeat: no-repeat;
background-size: 80px;
}
.servizi__cover-content {
width: 100%;
height: 350px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.content__servizi {
overflow-x: hidden;
overflow-y: visible;
position: relative;
padding-top: 100px;
padding-bottom: 100px;
}
@media (max-width: 768px) {
.content__servizi {
overflow-x: hidden;
overflow-y: visible;
position: relative;
padding-top: 50px;
padding-bottom: 60px;
}
}
article.item--servizi {
border: 0;
border-radius: 25px;
padding: 15px;
padding-bottom: 95px;
min-height: auto;
}
article.item--servizi {
position: relative;
}
article.item--servizi .servizi_link a {
display: flex;
width: 100%;
height: 60px;
border-radius: 3px;
padding: 0 20px;
justify-content: center;
align-items: center;
font-weight: 500;
letter-spacing: 3px;
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
color: #fff;
font-family: "Poppins" , serif;
background-color: #000;
transition: all .25s ease-in-out;
margin-top: 0;
z-index: 10;
position: relative;
bottom: 0;
border-bottom-left-radius: 12.5px;
border-bottom-right-radius: 12.5px;
}
.SwiperServizi .swiper-pagination-custom,
.SwiperServizi .swiper-pagination-fraction {
width:115px;
left: 0;
top: 0!important;
height: 85px;
display: flex;
align-items: center;
justify-content: center;
color: #51976a;
padding: 0!important;
margin: 0 auto;
/* border: 1px solid red; */
}
@media screen and (max-width: 1199px) {
.SwiperServizi .swiper-container-horizontal>.swiper-pagination-bullets,
.SwiperServizi .swiper-pagination-custom,
.SwiperServizi .swiper-pagination-fraction {
width:115px;
left: 20px;
top: 0!important;
height: 85px;
display: flex;
align-items: center;
justify-content: center;
color: #51976a;
padding: 0!important;
margin: 0 auto;
/* border: 1px solid red; */
}
}
.SwiperServizi .swiper-container-horizontal>.swiper-pagination-bullets,
.SwiperServizi .swiper-pagination-custom,
.SwiperServizi .swiper-pagination-fraction {
width:115px;
left: 0;
height: 85px;
display: flex;
align-items: center;
justify-content: center;
color: #51976a;
padding: 0!important;
margin: 0 auto;
bottom: unset!important;
top: 53px!important;
/* border: 1px solid red; */
}
@media screen and (max-width: 1199px) {
.SwiperServizi .swiper-container-horizontal>.swiper-pagination-bullets,
.SwiperServizi .swiper-pagination-custom,
.SwiperServizi .swiper-pagination-fraction {
width:115px;
left: 0px;
top: 0!important;
height: 85px;
display: flex;
align-items: center;
justify-content: center;
color: #51976a;
padding: 0!important;
margin: 0 auto;
/* border: 1px solid red; */
}
}
.SwiperServizi .swiper-pagination-current,
.SwiperServizi .swiper-pagination-current {
width: 100%;
font-size: 26px;
margin-right: 1px;
font-weight: bold;
color: #51976a!important;
margin-right: 3px;
margin-bottom: 0;
display: flex;
align-items: center;
justify-content: flex-start;
position: relative;
}
.SwiperServizi .swiper-pagination-current:after,
.SwiperServizi .swiper-pagination-current:after {
content: '';
position: absolute;
width: 30px;
height: 2px;
background: #51976a;
left: 40px;
top: 18px;
transform: rotate(0);
}
.SwiperServizi .swiper-pagination-total,
.SwiperServizi .swiper-pagination-total {
margin-left: 0;
font-size: 16px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.swiper-button-next,
.swiper-button-prev {
top: 0;
width: 50px;
height: 50px;
color: #000000;
z-index: 99;
border: 0;
border-radius: 0;
background-color: transparent;
display: block;
margin: 0;
border: var(--border-on);
box-shadow: 0 0 20px #00000020;
}
.swiper-button-prev {
background-size: 20px;
background-image: url('/svg/i-arrow-prev-black.svg');
background-repeat: no-repeat;
background-position: center center;
left: 50px;
background-color: #fff;
border-radius: 50%;
}
.swiper-button-next {
background-size: 20px;
background-image: url('/svg/i-arrow-next-black.svg');
background-repeat: no-repeat;
background-position: center center;
right: 50px;
background-color: #fff;
border-radius: 50%;
}
.swiper-button-next:after, .swiper-button-prev:after {
display: none;
}
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 18px!important;
left: 0;
width: 100%;
z-index: 99;
display: flex;
align-items: center;
justify-content: center;
}
.SwiperPartners .swiper-pagination-bullet-active,
.SwiperEdizioni .swiper-pagination-bullet-active,
.SwiperServizi .swiper-pagination-bullet-active {
opacity: 1;
background: #000!important;
border: 2px solid #000!important;
transform: scale(1.15);
transition: all ease-in-out .6s;
}
.SwiperPartners .swiper-pagination-bullet,
.SwiperEdizioni .swiper-pagination-bullet,
.SwiperServizi .swiper-pagination-bullet {
width: 10px!important;
height: 10px!important;
display: inline-block;
border-radius: 100%;
background: #fff;
opacity: 1!important;
border: 2px solid #000!important;
}
article.item--servizi h3 {
font-size: 1.8rem;
line-height: 2rem;
margin-top: 25px;
}
article.item--servizi .arrow-r:after {
background-image: url('/svg/i-freccia-destra-bianco.svg');
}
.dove-siamo__cta .arrow-r:after {
background-image: url('/svg/i-freccia-destra-bianco.svg');
}
article.item--servizi .arrow-r:hover:after {
transform: translateX(5px);
}
/* .servizi__cover p {
min-height: 170px;
} */
.item--servizi .menu-item__price .price__symbol {
background: transparent;
position: absolute;
top: 40px;
left: 10px;
font-size: 24px;
font-weight: bold;
color: #fff;
width: 25px;
height: 35px;
border-radius: 0;
display: flex;
align-items: center;
justify-content: flex-start;
/* border: 1px solid red; */
}
.item--servizi .menu-item__price .price__number {
background: #454545;
border-radius: 5px;
padding: 4px 8px;
font-size: 32px;
font-weight: bold;
color: #fff;
width: 100px;
height: 100px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: flex-start;
padding-left: 35px;
}
.menu-item__dettagli {
min-height: 180px;
margin: 10px 0;
}
.menu-item__air,
.menu-item__bagno,
.menu-item__tv,
.menu-item__wifi,
.menu-item__park,
.menu-item__cucina,
.menu-item__colazione
{
margin: 0;
padding-left: 50px;
height: 50px;
display: flex;
align-items: center;
position: relative;
}
.menu-item__air:before,
.menu-item__bagno:before,
.menu-item__tv:before,
.menu-item__wifi:before,
.menu-item__park:before,
.menu-item__cucina:before,
.menu-item__colazione:before {
content: '';
background-color: #e20613;
background-repeat: no-repeat;
background-position: center;
background-size: 25px;
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
position: absolute;
top: auto;
left: 0;
}
.menu-item__air:before {
background-image: url('/svg/tariffe-aria-condizionata-nero.svg');
}
.menu-item__bagno:before {
background-image: url('/svg/tariffe-bagno-nero.svg');
}
.menu-item__tv:before {
background-image: url('/svg/tariffe-tv-nero.svg');
}
.menu-item__wifi:before {
background-image: url('/svg/tariffe-wi-fi-nero.svg');
}
.menu-item__park:before {
background-image: url('/svg/tariffe-parcheggio-nero.svg');
}
.menu-item__cucina:before {
background-color: #FF9800;
background-image: url('/svg/tariffe-cucina-nero.svg');
}
.menu-item__colazione:before {
background-color: #FF9800;
background-image: url('/svg/tariffe-colazione-nero.svg');
}
div#tariffe-colazione .menu-item__text,
div#tariffe-senza-colazione .menu-item__text {
margin: 0;
padding: 0;
}
div#tariffe-colazione .menu-item__text:before,
div#tariffe-senza-colazione .menu-item__text:before {
content: '';
position: absolute;
left: 0;
top: 15px;
width: 50px;
height: 4px;
background: #e20613;
border-radius: 25px;
}
.tabs.tariffe ul {
margin-bottom: 0;
}
/* .page-template-menu .tabs ul {
list-style-type: none;
padding-left: 0;
display: flex;
flex-direction: row;
margin-bottom: 10px;
justify-content: space-between;
align-items: center;
flex-wrap: nowrap;
width: 50%;
height: 60px;
background: #fff;
border: 1px solid #000000;
border-radius: 50px;
padding: 5px;
margin: 0 auto;
margin-bottom: 0px;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
} */
@media (max-width: 768px) {
.tabs.home ul,
.tabs.tariffe ul,
.tabs.indicazioni ul {
list-style-type: none;
padding-left: 0;
display: flex;
flex-direction: row;
margin-bottom: 10px;
justify-content: space-between;
align-items: center;
flex-wrap: nowrap;
width: 100%;
max-width: 280px;
height: 60px;
background: #fff;
border: 1px solid #000000;
border-radius: 50px;
padding: 5px;
margin: 0 auto;
margin-bottom: 50px;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
}
@media (max-width: 768px) {
.tabs.home ul {
list-style-type: none;
padding-left: 0;
display: flex;
flex-direction: row;
margin-bottom: 10px;
justify-content: space-between;
align-items: center;
flex-wrap: nowrap;
width: 100%;
max-width: 100%;
height: 60px;
background: #fff;
border: 1px solid #000000;
border-radius: 50px;
padding: 5px;
margin: 0 auto;
margin-bottom: 50px;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
}
img.location__img {
width: 100%;
}
@media (max-width: 768px) {
img.location__img {
width: 100%;
}
}
span.wpforms-image-choices-image img {
width: 35px;
}
li#menu-item-879 a,
li#menu-item-880 a,
li#menu-item-881 a,
li#menu-item-882 a,
li#menu-item-256 a,
li#menu-item-257 a
{
font-size: 0;
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
margin: 0 5px;
opacity: 1;
}
li#menu-item-862 a,
li#menu-item-864 a,
li#menu-item-209 a,
li#menu-item-255 a
{
opacity: 1;
}
li#menu-item-879 a,
li#menu-item-881 a,
li#menu-item-256 a
{
background-image: url('/svg/i-facebook-sacor.svg');
background-color: #e20613;
width: 40px;
height: 40px;
top: calc(50% - 20px);
position: relative;
border-radius: 50%;
margin-left: 30px;
background-size: 17px;
}
li#menu-item-880 a,
li#menu-item-882 a,
li#menu-item-257 a
{
background-image: url('/svg/i-instagram-sacor.svg');
background-color: #e20613;
width: 40px;
height: 40px;
top: calc(50% - 20px);
position: relative;
border-radius: 50%;
}
li#menu-item-879 a:before,
li#menu-item-881 a:before,
li#menu-item-256 a:before {
content: '';
background: #fff;
width: 1px;
height: 100%;
position: absolute;
top: 0;
left: -25px;
}
@media (max-width: 768px) {
li#menu-item-872 {
line-height: 2.6rem;
}
}
@media (min-width: 1191px) {
ul.menu li > a:focus + ul {
display: block;
position: absolute;
z-index:999;
right: 0px;
opacity: 1;
/*top: -75px;*/
}
}
.menu li a:hover {
color: #000000;
opacity: 1;
}
.eZgKgY {
display: inline-flex;
flex-direction: column;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
margin: 0px auto;
background-color: rgb(255 255 255)!important;
border-radius: 5px;
padding: 12px 16px;
cursor: pointer;
border: 1px solid #000000;
box-shadow: 0 0 20px #00000015;
}
.kaKtJS {
line-height: 1.17;
text-align: center;
color: rgba(17, 17, 17, 0.5);
font-size: 12px;
text-decoration: none!important;
cursor: pointer;
}
.fEOllS {
display: flex;
flex-direction: column;
height: 100%;
max-height: 100%;
position: relative;
box-sizing: border-box;
border-radius: 0px;
padding: 80px 25px!important;
}
button.CloseComponent__PopupCloseControlContainer-sc-dvwxh0-0.jUqhZg {
background: #000000;
width: 40px;
height: 40px;
position: relative;
top: 9px;
color: #fff!important;
}
.hNLRdZ svg {
display: block;
object-fit: contain;
width: 16px;
height: 16px;
fill: #fff!important;
}
.jUqhZg:hover svg {
fill: #fff!important;
}
.jUqhZg:hover svg {
fill: rgb(255 255 255) !important;
}
div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li, div.wpforms-container-full .wpforms-field.wpforms-field-radio ul li, div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul li, div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple ul li, div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox ul li {
height: unset;
line-height: var(--wpforms-field-size-checkbox-size);
display: flex;
align-items: flex-start;
margin: 0;
margin: 0;
margin-right: 0;
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-item label, div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-item label, div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-none .wpforms-image-choices-item label {
display: block;
overflow: hidden;
position: relative;
border-width: 1px;
border-color: #e20613!important;
border-style: solid;
min-width: 100px;
background: #fff;
}
div.wpforms-container-full .wpforms-form .wpforms-image-choices-classic .wpforms-image-choices-item.wpforms-selected label {
border-width: 2px;
border-style: solid;
border-color: #e20613!important;
box-shadow: none!important;
outline: none;
background: #47876c2b;
}
.current-menu-item:before {
/* border: 1px dashed #fff; */
border-radius: 45px;
content: '';
position: absolute;
width: calc(100% - 20px);
bottom: 10px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
margin: 0 auto;
left: 10px;
display: none;
}
@media (max-width: 1190px) {
.current-menu-item:before {
height: 4px;
border-radius: 0;
content: '';
position: absolute;
width: 10px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
margin: 0 auto;
top: calc(50% - 0px);
left: 0;
right: unset;
background: #e20613;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
display: none;
}
}
@media (max-width: 1190px) {
ul.sub-menu .current-menu-item:before {
display: none;
}
}
.page-template-prenota-de .current-menu-item a,
.page-template-prenota-en .current-menu-item a,
.page-template-prenota .current-menu-item a {
color: #e20613;
opacity: 1!important;
}
@media (max-width: 1190px) {
li#menu-item-879,
li#menu-item-880,
li#menu-item-881,
li#menu-item-882,
li#menu-item-256,
li#menu-item-257
{
display: none;
}
}
@media (max-width: 1190px) {
li#menu-item-255 li,
li#menu-item-313 li,
li#menu-item-316 li {
margin: 0;
padding: 0;
}
.menu li ul > li > a:hover {
color: #000000;
border-radius: 0;
background: transparent!important;
}
}
li#menu-item-862,
li#menu-item-864,
li#menu-item-209,
li#menu-item-255 {
background: #fff;
border-radius: 5px;
max-height: 50px;
display: flex;
align-items: center;
/* padding-right: 40px; */
/* background-image: url(/svg/quote-request-blu.svg)!important; */
/* background-repeat: no-repeat!important; */
/* background-position: calc(100% - 15px); */
/* background-size: 25px!important; */
margin-right: 15px;
}
li#menu-item-862 a,
li#menu-item-864 a,
li#menu-item-209 a,
li#menu-item-255 a {
color: #e20613;
width: 100%;
padding-right: 50px;
background-image: url('/svg/quote-request-blu.svg')!important;
background-repeat: no-repeat!important;
background-position: calc(100% - 15px);
background-size: 25px!important;
}
@media (max-width: 1190px) {
/* li#menu-item-255 {
min-height: 100px;
}
li#menu-item-255 ul {
display: flex;
align-items: center;
justify-content: center;
top: 0;
background: black;
}
li#menu-item-255 ul li {
display: flex;
align-items: center;
justify-content: center;
top: 0;
color: #fff;
}
li#menu-item-255 ul li a{
display: flex;
align-items: center;
justify-content: center;
top: 0;
color: #fff;
} */
}
li.choice-1.depth-1.wpforms-image-choices-item.wpforms-selected label:after,
li.choice-2.depth-1.wpforms-image-choices-item.wpforms-selected label:after,
li.choice-3.depth-1.wpforms-image-choices-item.wpforms-selected label:after,
li.choice-4.depth-1.wpforms-image-choices-item.wpforms-selected label:after,
li.choice-5.depth-1.wpforms-image-choices-item.wpforms-selected label:after,
li.choice-6.depth-1.wpforms-image-choices-item.wpforms-selected label:after,
li.choice-7.depth-1.wpforms-image-choices-item.wpforms-selected label:after,
li.choice-8.depth-1.wpforms-image-choices-item.wpforms-selected label:after,
li.choice-9.depth-1.wpforms-image-choices-item.wpforms-selected label:after,
li.choice-10.depth-1.wpforms-image-choices-item.wpforms-selected label:after,
li.choice-11.depth-1.wpforms-image-choices-item.wpforms-selected label:after,
li.choice-12.depth-1.wpforms-image-choices-item.wpforms-selected label:after,
li.choice-13.depth-1.wpforms-image-choices-item.wpforms-selected label:after,
li.choice-14.depth-1.wpforms-image-choices-item.wpforms-selected label:after,
li.choice-15.depth-1.wpforms-image-choices-item.wpforms-selected label:after,
li.choice-16.depth-1.wpforms-image-choices-item.wpforms-selected label:after
{
content: '';
background: #e20613;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 6px;
}
.page-template-prodotti .container__image {
width: 50%;
position: relative;
left: 0;
top: 0;
}
@media (max-width: 768px) {
.page-template-prodotti .container__image {
width: 100%;
position: relative;
left: 0;
top: 0;
}
}
.page-template-prodotti .container__image-sx {
width: 50%;
position: relative;
left: 0;
top: 0;
}
@media (max-width: 768px) {
.page-template-prodotti .container__image-sx {
width: 100%;
position: relative;
left: 0;
top: 0;
}
}
.page-template-prodotti .container__text {
width: 50%;
padding: 80px;
background: #e20613;
color: #fff;
min-height: 70vh;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
position: relative;
z-index: 9;
}
@media (max-width: 768px) {
.page-template-prodotti .container__text {
width: 100%;
padding: 50px 25px;
background: #e20613;
color: #fff;
min-height: 70vh;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
position: relative;
z-index: 9;
}
}
.page-template-prodotti .container__text-dx {
left: 0;
width: 50%;
padding: 80px;
background: #e20613;
color: #fff;
min-height: 85vh;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
position: relative;
z-index: 9;
}
@media (max-width: 768px) {
.page-template-prodotti .container__text-dx {
left: 0;
width: 100%;
padding: 50px 25px;
background: #e20613;
color: #fff;
min-height: 85vh;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
position: relative;
z-index: 9;
}
}
figure {
display: flex;
margin: 0;
}
.content__team {
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 768px) {
.page-template-chi-siamo .content__team {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
}
.item__team {
display: flex;
width: 50%;
border-radius: 50%;
border: 15px solid #fff;
box-shadow: 0 0 30px #00000015;
margin: 0 10px;
}
@media (max-width: 768px) {
.item__team {
display: flex;
width: 80%;
border-radius: 50%;
border: 15px solid #fff;
box-shadow: 0 0 30px #00000015;
margin: 0 10px;
}
}
.item__team img {
border-radius: 50%;
}
.content__didascalia {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
@media (max-width: 768px) {
.content__didascalia {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
}
@media (max-width: 768px) {
.content__didascalia.first {
margin-bottom: 45px;
}
.content__didascalia.last {
border-top: 1px solid #ccc;
padding-top: 50px;
border-bottom: 1px solid #ccc;
padding-bottom: 50px
}
}
.item__nome h3 {
font-size: 3rem!important;
/* font-family: 'Satisfy'; */
color: #000000;
/* font-weight: 400; */
margin: 0;
margin-top: 25px;
text-align: center;
}
.item__nome p {
font-size: 1.25rem!important;
font-family: 'Satisfy';
color: #e20613;
font-weight: 400;
margin: 0;
text-align: center;
}
/* .page-template-chi-siamo .container__text-dx {
left: 0;
width: 50%;
padding: 80px;
background: #fff;
color: #000000;
min-height: 60vh;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
position: relative;
z-index: 9;
}
@media (max-width: 768px) {
.page-template-chi-siamo .container__text-dx {
left: 0;
width: 100%;
padding: 50px 0;
background: #fff;
color: #000000;
min-height: 60vh;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
position: relative;
z-index: 9;
}
} */
.page-template-ristoro li#menu-item-146:before {
display: none;
}
.page-template-alloggio li#menu-item-145:before {
display: none;
}
.page-template-menu li#menu-item-314:before {
display: none;
}
.page-template-menu-tema li#menu-item-312:before {
display: none;
}
.intro__info-content {
background: #fff;
border-radius: 15px;
padding: 25px;
font-size: 1.25rem;
position: relative;
border-top-left-radius: 0;
border: 3px solid #e20613;
}
.content__news {
overflow-x: hidden;
overflow-y: visible;
position: relative;
padding-top: 0;
padding-bottom: 0;
}
/* SWIPER NEWS */
.SwiperNews .swiper-button-next,
.SwiperNews .swiper-button-prev {
display: none!important;
}
.SwiperNews .swiper-horizontal>.swiper-pagination-bullets,
.SwiperNews .swiper-pagination-bullets.swiper-pagination-horizontal,
.SwiperNews .swiper-pagination-custom,
.SwiperNews .swiper-pagination-fraction {
bottom: 5px!important;
left: 0;
width: 100%;
z-index: 99;
display: flex;
align-items: center;
justify-content: center;
}
.SwiperNews .swiper-pagination-bullet-active {
opacity: 1;
background: #e20613!important;
border: 2px solid ##e20613!important;
transform: scale(1.15);
transition: all ease-in-out .6s;
}
.SwiperNews .swiper-pagination-bullet {
width: 10px!important;
height: 10px!important;
display: inline-block;
border-radius: 100%;
background: #fff;
opacity: 1!important;
border: 2px solid #e20613!important;
}
span.news__sep {
width: 25px;
height: 4px;
border-radius: 25px;
background: black;
display: inline-flex;
align-items: center;
justify-content: center;
top: -3px;
position: relative;
margin: 0 10px;
}
.box__info {
background-color: #e20613;
position: absolute;
top: -43px;
left: -3px;
width: 40px;
height: 40px;
background-image: url('/svg/i-orari.svg')!important;
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
margin-bottom: -44px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
a.menu__tema-link {
position: relative;
color: #000000;
}
.menu__tema-link h3 {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
min-height: 120px;
width: calc(100% - 80px);
/* border: 1px solid red; */
padding: 15px;
top: -100px;
background: #fff;
left: 40px;
box-shadow: 20px 0px 40px 0px rgba(0, 0, 0, 0.06);
transition: top 1100ms cubic-bezier(0.19, 1, 0.22, 1);
text-align: center;
}
.menu__tema-link h3:hover {
top: -80px;
}
a.menu__tema-link img {
transition: all 700ms cubic-bezier(0.215, 0.61, 0.355, 1);
border-radius: 20px!important;
margin: 0;
padding: 0;
}
a.menu__tema-link p {
display: flex;
align-items: center;
justify-content: center;
}
.item__menu-tema {
margin-bottom: 50px;
}
@media (min-width: 769px) and (max-width: 1190px) {
.item__menu-tema {
width: 50%;
}
}
@media (max-width: 768px) {
.item__menu-tema {
width: 100%;
}
}
.single-menu-a-tema .menu-item__price .price__symbol {
background: transparent;
position: absolute;
top: 37px;
left: 10px;
font-size: 24px;
font-weight: bold;
color: #fff;
width: 25px;
height: 35px;
border-radius: 0;
display: flex;
align-items: center;
justify-content: flex-start;
/* border: 1px solid red; */
}
.single-menu-a-tema .menu-item__price span {
background: #454545;
border-radius: 5px;
padding: 4px 8px;
font-weight: bold;
color: #fff;
}
.single-menu-a-tema .menu-item__price .price__number {
background: #454545;
border-radius: 5px;
padding: 4px 8px;
font-size: 32px;
font-weight: bold;
color: #fff;
width: 100px;
height: 100px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: flex-start;
padding-left: 35px;
padding-bottom: 20px;
}
.single-menu-a-tema .menu-item__price {
border-bottom: 0;
padding-top: 10px;
padding-bottom: 15px;
padding-left: 0;
position: relative;
}
span.price__people {
position: absolute;
bottom: 40px;
font-size: 13px;
left: 13px;
background: transparent!important;
}
@media (max-width: 768px) {
span.wpforms-image-choices-label {
font-size: 12px!important;
}
}
@media (max-width: 768px) {
div.wpforms-container-full .wpforms-field.wpforms-field-checkbox.wpforms-list-inline ul,
div.wpforms-container-full .wpforms-field.wpforms-field-radio.wpforms-list-inline ul,
div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox.wpforms-list-inline ul,
div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple.wpforms-list-inline ul,
div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox.wpforms-list-inline ul {
display: inline-flex;
flex-wrap: nowrap;
overflow-x: auto;
width: 100%;
}
}
@media (max-width: 768px) {
div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul,
div.wpforms-container-full .wpforms-field.wpforms-field-radio ul,
div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul,
div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple ul,
div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox ul {
display: grid;
grid-template-columns: repeat(1, auto);
padding: 0;
gap: 0;
}
}
@media (min-width: 769px) {
.desktop {
display: flex;
}
}
@media (max-width: 768px) {
.desktop {
display: none!important;
}
}
@media (min-width: 769px) {
.mobile {
display: none!important;
}
}
@media (max-width: 768px) {
.mobile {
display: flex;
}
}
.container__menu-tema {
display: flex;
align-items: flex-start;
padding: 100px 0;
}
@media (max-width: 768px) {
.container__menu-tema {
display: flex;
flex-direction: column-reverse;
align-items: flex-start;
padding: 25px 0;
}
}
.content__sx,
.content__dx {
width: 50%;
}
@media (max-width: 768px) {
.content__sx,
.content__dx {
width: 100%;
}
}
@media (max-width: 768px) {
.content__dx {
margin-bottom: 50px;
}
}
.menu-tema__img {
width: 600px!important;
height: 600px!important;
display: flex;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
border-radius: 25px;
border-top-right-radius: 25px;
box-shadow: 20px 0px 40px 0px rgb(0 0 0 / 6%);
position: relative;
border: 6px solid;
background-color: #fff;
}
@media (max-width: 768px) {
.menu-tema__img {
width: 400px!important;
height: 400px!important;
display: flex;
background-size: cover;
border-radius: 25px;
box-shadow: 20px 0px 40px 0px rgb(0 0 0 / 6%);
position: relative;
}
}
.menu-tema__img:before {
background: #d6498b;
content: '';
position: absolute;
bottom: -20px;
left: -20px;
width: 100%;
height: 100%;
z-index: -1;
border-radius: 40px;
}
@media (max-width: 768px) {
.menu-tema__img:before {
background: #e20613;
content: '';
position: absolute;
bottom: -20px;
left: -20px;
width: 100%;
height: 100%;
z-index: -1;
border-radius: 40px;
display: none;
}
}
li#menu-item-255.open-dropdown {
height: 50px;
}
main#content p {
font-size: 1.25rem;
line-height: 120%;
font-family: "Poppins", serif;
width: 100%;
}
@media (max-width: 768px) {
.container__flexible-page.row__reverse {
display: flex;
flex-direction: column-reverse;
}
}
.footer-credits {
width: 100%;
position: relative;
margin: 0 auto;
display: flex;
align-items: center;
flex-direction: column;
position: relative;
bottom: 0;
z-index: 99;
color: #fff;
/* color: #000000; */
filter: invert(1);
}
@media (max-width: 768px) {
.footer-credits {
width: 100%;
position: relative;
margin: 0 auto;
display: flex;
align-items: flex-start;
justify-content: flex-end;
flex-direction: column;
position: relative;
padding: 0;
}
}
@media (max-width: 768px) {
footer .col-33 {
/* border-bottom: 1px solid #e20613; */
padding: 25px 0;
}
}
.love {
background-color: rgba(177, 58, 58, 0)!important;
color: transparent!important;
padding: 8px;
margin-left: 1px!important;
margin-right: 1px!important;
background-image: url('/svg/love.svg')!important;
background-position: center;
background-repeat: no-repeat;
background-size: 12px;
width: auto;
height: auto;
position: relative;
left: -2px;
}
.emmekweb {
color: #000000!important;
text-transform: uppercase;
font-size: 18px!important;
padding: 5px!important;
}
.logo__footer {
margin: 0 auto;
width: auto;
height: auto;
border-radius: 25px;
display: flex;
align-items: center;
justify-content: flex-start;
z-index: 99;
position: relative;
margin-bottom: 0;
border: 0;
padding: 0;
}
@media (max-width: 768px) {
.logo__footer {
margin: 0 auto;
width: 220px;
height: auto;
/* background: #000000; */
border-radius: 0;
box-shadow: none;
align-items: center;
justify-content: flex-start;
z-index: 99;
position: relative;
margin-bottom: 0;
border: 0;
margin-left: 0;
/* border: 1px solid red; */
}
}
.logo__footer img {
width: 280px;
}
@media (max-width: 768px) {
.logo__footer img {
width: 150px;
}
}
.footer__social {
width: 100%;
height: auto;
display: flex;
align-items: center;
justify-content: center;
padding-bottom: 25px;
}
a.social_instagram {
width: 50px;
height: 50px;
border-radius: 50%;
background-color: transparent;
background-image: url('/svg/i-logo-instagram-brandy.svg');
background-size: 25px;
background-position: center;
background-repeat: no-repeat;
margin-right: 5px;
border: 0;
filter: invert(1);
}
a.social_facebook {
width: 50px;
height: 50px;
border-radius: 50%;
background-color: transparent;
background-image: url('/svg/i-logo-facebook-brandy-nero.svg');
background-size: 25px;
background-position: center;
background-repeat: no-repeat;
margin: 0 10px;
border: 0;
margin-left: 0;
filter: invert(1);
}
a.social_linkedin {
width: 50px;
height: 50px;
border-radius: 50%;
background-color: transparent;
background-image: url('/svg/i-logo-linkedin-brandy-nero.svg');
background-size: 25px;
background-position: center;
background-repeat: no-repeat;
margin: 0 10px;
border: 0;
margin-left: 0;
filter: invert(1);
}
.footer__azienda {
display: flex;
flex-direction: column;
padding-left: 50px;
}
@media (max-width: 768px) {
.footer__azienda {
display: flex;
flex-direction: column;
padding-left: 0;
}
}
.footer__azienda a,
.footer__azienda p {
color: #fff;
font-size: .95rem;
line-height: 130%;
margin: 0;
}
.menu li.open-dropdown {
min-height: auto;
/* border: 1px solid red; */
}
/* MENU LAN */
li#menu-item-848 a,
li#menu-item-846 a,
li#menu-item-845 a {
border: 1px solid #fff;
border-radius: 5px;
}
li#menu-item-848 a,
li#menu-item-846 a,
li#menu-item-845 a {
position: relative;
width: 80px;
height: 50px;
padding-left: 36px;
opacity: 1;
font-size: 13px;
/* border: 1px solid #fff; */
/* border-radius: 5px; */
display: flex;
align-items: center;
}
@media (max-width: 768px) {
li#menu-item-848 a,
li#menu-item-846 a,
li#menu-item-845 a {
position: relative;
width: 85px;
height: 50px;
padding-left: 40px!important;
opacity: 1;
font-size: 13px;
/* border: 1px solid #fff; */
/* border-radius: 5px; */
display: flex;
align-items: center;
}
}
li#menu-item-848 a:hover,
li#menu-item-846 a:hover,
li#menu-item-845 a:hover {
background: transparent;
}
li#menu-item-845 a:before {
content: '';
position: absolute;
top: calc(50% - 20px);
left: 0;
width: 40px;
height: 40px;
background-image: url('/svg/i-flag-it.svg');
background-repeat: no-repeat;
background-position: center;
}
li#menu-item-846 a:before {
content: '';
position: absolute;
top: calc(50% - 20px);
left: 0;
width: 40px;
height: 40px;
background-image: url('/svg/i-flag-de.svg');
background-repeat: no-repeat;
background-position: center;
}
li#menu-item-848 a:before {
content: '';
position: absolute;
top: calc(50% - 20px);
left: 0;
width: 40px;
height: 40px;
background-image: url('/svg/i-flag-en.svg');
background-repeat: no-repeat;
background-position: center;
}
@media (max-width: 768px) {
li#menu-item-848 a,
li#menu-item-846 a,
li#menu-item-845 a {
border: 1px solid #e20613;
border-radius: 5px;
}
li#menu-item-848,
li#menu-item-846,
li#menu-item-845 {
margin-top: 20px!important;
}
li#menu-item-848.open-dropdown a,
li#menu-item-846.open-dropdown a,
li#menu-item-845.open-dropdown a {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
li#menu-item-848-it a,
li#menu-item-846-it a,
li#menu-item-845-de a {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
li#menu-item-848-de a,
li#menu-item-846-en a,
li#menu-item-845-en a {
border-bottom-left-radius: 5px!important;
border-bottom-right-radius: 5px!important;
}
}
@media (max-width: 768px) {
li#menu-item-845 a:before,
li#menu-item-846 a:before,
li#menu-item-848 a:before {
left: 0;
}
}
li#menu-item-846 a::after,
li#menu-item-848 a::after,
li#menu-item-845 a::after {
filter: invert(1)!important;
}
@media (max-width: 768px) {
li#menu-item-846 a::after,
li#menu-item-848 a::after,
li#menu-item-845 a::after {
filter: none!important;
}
}
li#menu-item-845-it a:before {
content: '';
position: absolute;
top: calc(50% - 20px);
left: 0;
width: 40px;
height: 40px;
background-image: url('/svg/i-flag-it.svg');
background-repeat: no-repeat;
background-position: center;
}
li#menu-item-845-de a:before {
content: '';
position: absolute;
top: calc(50% - 20px);
left: 0;
width: 40px;
height: 40px;
background-image: url('/svg/i-flag-de.svg');
background-repeat: no-repeat;
background-position: center;
}
li#menu-item-845-en a:before {
content: '';
position: absolute;
top: calc(50% - 20px);
left: 0;
width: 40px;
height: 40px;
background-image: url('/svg/i-flag-en.svg');
background-repeat: no-repeat;
background-position: center;
}
li#menu-item-846-it a:before {
content: '';
position: absolute;
top: calc(50% - 20px);
left: 0;
width: 40px;
height: 40px;
background-image: url('/svg/i-flag-it.svg');
background-repeat: no-repeat;
background-position: center;
}
li#menu-item-846-de a:before {
content: '';
position: absolute;
top: calc(50% - 20px);
left: 0;
width: 40px;
height: 40px;
background-image: url('/svg/i-flag-de.svg');
background-repeat: no-repeat;
background-position: center;
}
li#menu-item-846-en a:before {
content: '';
position: absolute;
top: calc(50% - 20px);
left: 0;
width: 40px;
height: 40px;
background-image: url('/svg/i-flag-en.svg');
background-repeat: no-repeat;
background-position: center;
}
li#menu-item-848-it a:before {
content: '';
position: absolute;
top: calc(50% - 20px);
left: 0;
width: 40px;
height: 40px;
background-image: url('/svg/i-flag-it.svg');
background-repeat: no-repeat;
background-position: center;
}
li#menu-item-848-de a:before {
content: '';
position: absolute;
top: calc(50% - 20px);
left: 0;
width: 40px;
height: 40px;
background-image: url('/svg/i-flag-de.svg');
background-repeat: no-repeat;
background-position: center;
}
li#menu-item-848-en a:before {
content: '';
position: absolute;
top: calc(50% - 20px);
left: 0;
width: 40px;
height: 40px;
background-image: url('/svg/i-flag-en.svg');
background-repeat: no-repeat;
background-position: center;
}
li#menu-item-846 .sub-menu,
li#menu-item-848 .sub-menu,
li#menu-item-845 .sub-menu {
top: 47px;
right: -1px;
width: 82px;
min-width: 82px;
border: 0;
border-top: 0;
border-radius: 5px;
border-top-left-radius: 0;
border-top-right-radius: 0;
padding: 0;
display: flex;
flex-direction: column;
align-items: center;
font-size: 14px!important;
background: white;
}
@media (max-width: 768px) {
li#menu-item-846 .sub-menu,
li#menu-item-848 .sub-menu,
li#menu-item-845 .sub-menu {
top: 0;
right: unset;
left: 0;
width: 85px;
min-width: 85px;
border: 0;
border-top: 0;
border-radius: 5px;
border-top-left-radius: 0;
border-top-right-radius: 0;
padding: 0;
display: flex;
flex-direction: column;
align-items: center;
font-size: 14px!important;
background: #e20613;
}
li#menu-item-846 .sub-menu a,
li#menu-item-848 .sub-menu a,
li#menu-item-845 .sub-menu a {
color: #fff;
}
}
@media (max-width: 768px) {
li#menu-item-846 .sub-menu li,
li#menu-item-848 .sub-menu li,
li#menu-item-845 .sub-menu li {
padding: 0;
}
}
button#wpforms-submit-911,
button#wpforms-submit-908,
button#wpforms-submit-838,
button#wpforms-submit-835,
button#wpforms-submit-243,
button#wpforms-submit-7 {
display: flex;
width: 100%;
max-width: 250px;
height: 60px;
border-radius: 3px;
padding: 0 20px;
justify-content: center;
align-items: center;
font-weight: 500;
letter-spacing: 3px;
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
color: #fff;
font-family: "Poppins" , serif;
background-color: #e20613;
transition: all .25s ease-in-out;
margin-top: 0;
z-index: 10;
position: relative;
bottom: 0;
border-bottom-left-radius: 12.5px;
border-bottom-right-radius: 12.5px;
}
@media (max-width: 768px) {
button#wpforms-submit-911,
button#wpforms-submit-908,
button#wpforms-submit-838,
button#wpforms-submit-835,
button#wpforms-submit-243,
button#wpforms-submit-7 {
display: flex;
width: 100%;
max-width: 100%;
}
}
button#wpforms-submit-911:after,
button#wpforms-submit-908:after,
button#wpforms-submit-838:after,
button#wpforms-submit-835:after,
button#wpforms-submit-243:after,
button#wpforms-submit-7:after {
content: '';
width: 25px;
height: 25px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
transition: all .25s ease-in-out;
margin-left: 20px;
}
button#wpforms-submit-911:after,
button#wpforms-submit-908:after,
button#wpforms-submit-838:after,
button#wpforms-submit-835:after,
button#wpforms-submit-243:after,
button#wpforms-submit-7:after {
background-image: url('/svg/i-freccia-destra-bianco.svg');
}
button#wpforms-submit-911:hover:after,
button#wpforms-submit-908:hover:after,
button#wpforms-submit-838:hover:after,
button#wpforms-submit-835:hover:after,
button#wpforms-submit-243:hover:after,
button#wpforms-submit-7:hover:after {
transform: translateX(5px);
}
ul#wpforms-7-field_4 li.choice-1.depth-1,
ul#wpforms-7-field_4 li.choice-1.depth-1.wpforms-selected {
padding-left: 2px;
}
a.button__top {
position: absolute;
left: calc(50% - 50px);
bottom: -40px;
background: #c8bb94;
height: 50px;
width: 100px;
display: flex;
align-items: flex-end;
justify-content: center;
border-top-left-radius: 50px;
border-top-right-radius: 50px;
color: #000000;
text-transform: uppercase;
font-size: 15px;
font-weight: bold;
padding: 5px;
background-image: url('/svg/i-up-arrow.svg');
background-size: 25px;
background-position: center 5px;
background-repeat: no-repeat;
}
.page-template-contatti iframe:nth-child(2) {
border-radius: 15px;
/* border: 4px solid #ccc!important; */
/* padding: 10px; */
}
.jAxJlj img, .jAxJlj svg {
display: block;
object-fit: contain;
width: 16px;
height: 16px;
fill: rgb(255 255 255)!important;
}
.progetto--video {
padding: 25px!important;
}
iframe.cmplz-placeholder-element.cmplz-no-video.cmplz-processed.cmplz-activated {
border-radius: 15px;
}
/*
.SwiperLuogo01,
.SwiperLuogo02,
.SwiperLuogo03,
.SwiperLuogo04,
.SwiperLuogo05,
.SwiperCamere {
overflow: hidden;
width: 100%;
}
.SwiperLuogo01 .swiper-button-prev,
.SwiperLuogo01 .swiper-button-next,
.SwiperLuogo02 .swiper-button-prev,
.SwiperLuogo02 .swiper-button-next,
.SwiperLuogo03 .swiper-button-prev,
.SwiperLuogo03 .swiper-button-next,
.SwiperLuogo04 .swiper-button-prev,
.SwiperLuogo04 .swiper-button-next,
.SwiperLuogo05 .swiper-button-prev,
.SwiperLuogo05 .swiper-button-next,
.SwiperCamere .swiper-button-next,
.SwiperCamere .swiper-button-prev {
top: 40px;
width: 60px;
height: 60px;
color: #000000;
z-index: 99;
border: 0;
border-radius: 50%;
background-color: #e20613;
display: block;
}
.SwiperLuogo01 .swiper-button-prev,
.SwiperLuogo02 .swiper-button-prev,
.SwiperLuogo03 .swiper-button-prev,
.SwiperLuogo04 .swiper-button-prev,
.SwiperLuogo05 .swiper-button-prev,
.SwiperCamere .swiper-button-prev {
background-size: 25px;
background-image: url('/svg/i-swiper-prev-white-mf.svg');
background-repeat: no-repeat;
background-position: center center;
right: 100px;
left: unset;
}
.SwiperLuogo01 .swiper-button-next,
.SwiperLuogo02 .swiper-button-next,
.SwiperLuogo03 .swiper-button-next,
.SwiperLuogo04 .swiper-button-next,
.SwiperLuogo05 .swiper-button-next,
.SwiperCamere .swiper-button-next {
background-size: 25px;
background-image: url('/svg/i-swiper-next-white-mf.svg');
background-repeat: no-repeat;
background-position: center center;
right: 20px;
left: unset;
}
.SwiperLuogo01 .swiper-horizontal>.swiper-pagination-bullets,
.SwiperLuogo01 .swiper-pagination-bullets.swiper-pagination-horizontal,
.SwiperLuogo01 .swiper-pagination-custom,
.SwiperLuogo01 .swiper-pagination-fraction,
.SwiperLuogo02 .swiper-horizontal>.swiper-pagination-bullets,
.SwiperLuogo02 .swiper-pagination-bullets.swiper-pagination-horizontal,
.SwiperLuogo02 .swiper-pagination-custom,
.SwiperLuogo02 .swiper-pagination-fraction,
.SwiperLuogo03 .swiper-horizontal>.swiper-pagination-bullets,
.SwiperLuogo03 .swiper-pagination-bullets.swiper-pagination-horizontal,
.SwiperLuogo03 .swiper-pagination-custom,
.SwiperLuogo03 .swiper-pagination-fraction,
.SwiperLuogo04 .swiper-horizontal>.swiper-pagination-bullets,
.SwiperLuogo04 .swiper-pagination-bullets.swiper-pagination-horizontal,
.SwiperLuogo04 .swiper-pagination-custom,
.SwiperLuogo04 .swiper-pagination-fraction,
.SwiperLuogo05 .swiper-horizontal>.swiper-pagination-bullets,
.SwiperLuogo05.swiper-pagination-bullets.swiper-pagination-horizontal,
.SwiperLuogo05 .swiper-pagination-custom,
.SwiperLuogo05 .swiper-pagination-fraction,
.SwiperCamere .swiper-horizontal>.swiper-pagination-bullets,
.SwiperCamere .swiper-pagination-bullets.swiper-pagination-horizontal,
.SwiperCamere .swiper-pagination-custom,
.SwiperCamere .swiper-pagination-fraction {
bottom: 18px!important;
left: 0;
width: 100%;
z-index: 99;
display: flex;
align-items: center;
justify-content: center;
}
.SwiperLuogo01 .swiper-pagination-bullet-active,
.SwiperLuogo02 .swiper-pagination-bullet-active,
.SwiperLuogo03 .swiper-pagination-bullet-active,
.SwiperLuogo04 .swiper-pagination-bullet-active,
.SwiperLuogo05 .swiper-pagination-bullet-active,
.SwiperCamere .swiper-pagination-bullet-active {
opacity: 1;
background: #e20613!important;
border: 2px solid ##e20613!important;
transform: scale(1.15);
transition: all ease-in-out .6s;
}
.SwiperLuogo01 .swiper-pagination-bullet,
.SwiperLuogo02 .swiper-pagination-bullet,
.SwiperLuogo03 .swiper-pagination-bullet,
.SwiperLuogo04 .swiper-pagination-bullet,
.SwiperLuogo05 .swiper-pagination-bullet,
.SwiperCamere .swiper-pagination-bullet {
width: 10px!important;
height: 10px!important;
display: inline-block;
border-radius: 100%;
background: transparent;
opacity: 1!important;
border: 2px solid #e20613!important;
}
*/
.container__text-dx a {
display: flex;
width: 290px;
height: 60px;
border-radius: 3px;
padding: 0 20px;
justify-content: center;
align-items: center;
font-weight: 500;
letter-spacing: 3px;
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
color: #e20613;
font-family: "Poppins" , serif;
background-color: #fff;
transition: all .25s ease-in-out;
margin-top: 50px;
z-index: 10;
}
.container__text-dx .arrow-r:after {
background-image: url('/svg/i-freccia-destra-mp.svg');
}
.container__text-dx .arrow-r:hover:after {
transform: translateX(5px);
}
.menu-item__color.rossa {
background: #f45656;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-weight: bold;
}
.menu-item__color.gialla {
background: #ffda00;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-weight: bold;
}
.menu-item__color.viola {
background: #9f60aa;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-weight: bold;
}
.menu-item__color.verde {
background: #4CAF50;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-weight: bold;
}
.page-template-case-mobili article.item--servizi h3 {
font-size: 2rem;
line-height: 2rem;
margin-top: 25px;
margin-bottom: 0;
}
.menu-item__color-text {
text-transform: uppercase;
}
span.price__posti {
background: #ffffff;
border-radius: 5px;
padding: 4px 8px;
padding-bottom: 5px;
font-size: 13px;
font-weight: bold;
color: #000000;
text-transform: uppercase;
border: 2px solid;
}
.img__luoghi {
width: 100%;
min-height: 60vh;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
/*
.page-template-cosa-visitare-de .container__text-sx,
.page-template-cosa-visitare-en .container__text-sx,
.page-template-cosa-visitare-v2 .container__text-sx {
left: 0;
width: 50%;
min-height: 60vh;
padding: 80px;
background: #e20613;
color: #fff;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
position: relative;
z-index: 9;
}
@media (max-width: 768px) {
.page-template-cosa-visitare-de .container__text-sx,
.page-template-cosa-visitare-en .container__text-sx,
.page-template-cosa-visitare-v2 .container__text-sx {
left: 0;
width: 100%;
padding: 50px 25px;
background: #e20613;
color: #fff;
min-height: auto;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
position: relative;
z-index: 9;
}
}
.page-template-cosa-visitare-de .container__text-dx,
.page-template-cosa-visitare-en .container__text-dx,
.page-template-cosa-visitare-v2 .container__text-dx {
left: 0;
width: 50%;
padding: 80px;
background: #e20613;
color: #fff;
min-height: 60vh;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
position: relative;
z-index: 9;
}
@media (max-width: 768px) {
.page-template-cosa-visitare-de .container__text-dx,
.page-template-cosa-visitare-en .container__text-dx,
.page-template-cosa-visitare-v2 .container__text-dx {
left: 0;
width: 100%;
padding: 50px 25px;
background: #e20613;
color: #fff;
min-height: auto;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
position: relative;
z-index: 9;
}
}
.page-template-cosa-visitare-de .container__image-sx,
.page-template-cosa-visitare-de .container__image-dx,
.page-template-cosa-visitare-en .container__image-sx,
.page-template-cosa-visitare-en .container__image-dx,
.page-template-cosa-visitare-v2 .container__image-sx,
.page-template-cosa-visitare-v2 .container__image-dx {
width: 50%;
position: relative;
overflow: hidden;
}
.page-template-cosa-visitare-de .container__image-sx,
.page-template-cosa-visitare-en .container__image-sx,
.page-template-cosa-visitare-v2 .container__image-sx {
width: 50%;
position: relative;
min-height: 60vh;
left: 0;
}
.page-template-cosa-visitare-de .container__image-dx,
.page-template-cosa-visitare-en .container__image-dx,
.page-template-cosa-visitare-v2 .container__image-dx {
width: 50%;
min-height: 60vh;
position: relative;
left: 0%;
}
@media (max-width: 768px) {
.page-template-cosa-visitare-de .container__image-sx,
.page-template-cosa-visitare-de .container__image-dx,
.page-template-cosa-visitare-en .container__image-sx,
.page-template-cosa-visitare-en .container__image-dx,
.page-template-cosa-visitare-v2 .container__image-sx,
.page-template-cosa-visitare-v2 .container__image-dx {
width: 100%;
position: relative;
overflow: hidden;
}
}
.page-template-cosa-visitare-de .swiper-slide,
.page-template-cosa-visitare-en .swiper-slide,
.page-template-cosa-visitare-v2 .swiper-slide {
background: #e20613;
}
*/
.left01 {
width: 100%;
height: 100%;
display: flex;
position: absolute;
left: 0;
top: 0;
background-image: url('https://newseaway.com/dev/wp-content/uploads/2024/11/TenutaPrimero19.2DJI_0220-2-scaled.jpg')!important;
background-size: cover;
object-fit: contain;
}
.right01 {
width: 100%;
height: 100%;
display: flex;
position: absolute;
left: 0;
top: 0;
background-image: url('https://newseaway.com/dev/wp-content/uploads/2024/12/IMG_1000.jpg')!important;
background-size: cover;
background-position: right;
object-fit: contain;
border-radius: 50px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
@media (max-width: 768px) {
.right01 {
border-top-right-radius: 0;
border-bottom-left-radius: 50px;
border-bottom-right-radius: 50px;
}
}
.right02 {
width: 100%;
height: 100%;
display: flex;
position: absolute;
left: 0;
top: 0;
background-image: url('https://newseaway.com/dev/wp-content/uploads/2024/12/porto-tramonto.jpg')!important;
background-size: cover;
object-fit: contain;
border-radius: 50px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
@media (max-width: 768px) {
.right02 {
border-top-right-radius: 0;
border-bottom-left-radius: 50px;
border-bottom-right-radius: 50px;
}
}
.right03 {
width: 100%;
height: 100%;
display: flex;
position: absolute;
left: 0;
top: 0;
background-image: url('https://newseaway.com/dev/wp-content/uploads/2024/10/grado-1024x863-4.jpg')!important;
background-size: cover;
object-fit: contain;
border-radius: 50px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
@media (max-width: 768px) {
.right03 {
border-top-right-radius: 0;
border-bottom-left-radius: 50px;
border-bottom-right-radius: 50px;
}
}
.right04 {
width: 100%;
height: 100%;
display: flex;
position: absolute;
left: 0;
top: 0;
background-image: url('https://newseaway.com/dev/wp-content/uploads/2024/05/PRIMERO_0060_1.jpg')!important;
background-size: cover;
object-fit: contain;
border-radius: 50px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
@media (max-width: 768px) {
.right04 {
border-top-right-radius: 0;
border-bottom-left-radius: 50px;
border-bottom-right-radius: 50px;
}
}
.page-template-home-en .is-fullscreen,
.page-template-home-de .is-fullscreen,
.page-template-home .is-fullscreen {
width: 100%;
max-width: 100%;
margin: 0 auto;
display: block;
}
.page-template-home-en .video__overlay,
.page-template-home-de .video__overlay,
.page-template-home .video__overlay {
position: absolute;
width: 100%;
height: 100%;
background: #e206132e;
/* background: #47876ce8; */
left: 0;
top: 0;
z-index: 1;
}
.video__overlay {
position: absolute;
width: 100%;
height: 100%;
/* background: #a6d7f5eb; */
left: 0;
top: 0;
z-index: 1;
}
.page-template-home-en .img__overlay,
.page-template-home-de .img__overlay,
.page-template-home .img__overlay {
position: absolute;
top: 0;
right: 0;
left: unset;
width: 100%;
height: 100%;
/* background-image: url('https://dev-test.me/svg/back-svg02.svg');
background-repeat: no-repeat;
background-position: -200px;
background-size: cover; */
background: rgb(0,55,99);
background: -moz-linear-gradient(180deg, rgba(0,55,99,1) 15%, rgba(0,55,99,0) 100%);
background: -webkit-linear-gradient(180deg, rgba(0,55,99,1) 15%, rgba(0,55,99,0) 100%);
background: linear-gradient(180deg, rgba(0,55,99,1) 15%, rgba(0,55,99,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e20613",endColorstr="#e20613",GradientType=1);
opacity: 1;
/* z-index: 1; */
/* filter: invert(1); */
/* background-blend-mode: multiply; */
}
.page-template-home-en .img__overlay:after,
.page-template-home-de .img__overlay:after,
.page-template-home .img__overlay:after {
content: '';
position: absolute;
top: 85px;
right: 0;
left: 0;
width: 50%;
height: calc(100% - 85px);
background-image: url('/svg/texture__mp02.svg')!important;
background-repeat: no-repeat!important;
background-position: center left!important;
background-size: contain!important;
/* background: rgb(0,55,99); */
background: -moz-linear-gradient(180deg, rgba(0,55,99,1) 0%, rgba(0,55,99,0) 100%);
background: -webkit-linear-gradient(180deg, rgba(0,55,99,1) 0%, rgba(0,55,99,0) 100%);
background: linear-gradient(180deg, rgba(0,55,99,1) 0%, rgba(0,55,99,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e20613",endColorstr="#e20613",GradientType=1);
opacity: .08;
z-index: 1;
/* filter: invert(1); */
/* background-blend-mode: multiply; */
/* border: 5px solid red!important; */
}
.hero {
height: 100vh;
width: 100%;
position: relative;
/* overflow: hidden; */
background: #A6D7F5;
display: flex;
align-items: center;
justify-content: center;
}
.about-video {
width: 100%;
object-fit: cover;
overflow-clip-margin: content-box;
overflow: clip;
border: 0!important;
}
.swiper-slide video {
pointer-events: none !important;
touch-action: none; /* evita che il video gestisca gesture native */
}
.swiper-slide {
touch-action: pan-y;
}
.back-video {
position: absolute;
right: 0;
bottom: 0;
z-index: 0;
pointer-events: none !important;
touch-action: none; /* evita che il video gestisca gesture native */
}
@media (min-aspect-ratio: 16/9) {
.back-video {
width: 100%;
height: auto;
/* filter: grayscale(1); */
}
}
@media (max-aspect-ratio: 16/9) {
.back-video {
width: auto;
height: 100%;
/* filter: grayscale(1); */
}
}
.boxed {
max-width: 1400px;
margin: 0 auto!important;
}
.boxed--location,
.boxed--promo,
.boxed {
max-width: 1400px;
margin: 0 auto;
padding: 20px;
}
.boxed--promo {
max-width: 100%;
margin: 0 auto;
}
@media (max-width: 1399px) {
.boxed {
padding: 25px;
}
}
@media (max-width: 768px) {
.boxed-mobile {
padding: 0;
}
}
@media (max-width: 768px) {
.boxed-location {
padding: 0;
}
}
@media (max-width: 768px) {
.boxed--promo {
padding: 0 15px;
}
}
.page-template-home-en.scroll-down header,
.page-template-home-de.scroll-down header,
.page-template-home.scroll-down header {
background: linear-gradient(0deg, rgba(0, 0, 0, 0), #000);
}
@media (max-width: 768px) {
.page-template-home-en.scroll-down header,
.page-template-home-de.scroll-down header,
.page-template-home.scroll-down header {
background: black!important;
}
}
.page-template-home-en .hero-text,
.page-template-home-de .hero-text,
.page-template-home .hero-text {
width: 100%;
height: 100vh;
position: relative;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
flex-direction: revert;
z-index: 2;
padding-left: 0;
padding: 15px;
}
.top {
padding: 0;
}
.page-template-home-en .hero-title,
.page-template-home-en .hero-sub,
.page-template-home-de .hero-title,
.page-template-home-de .hero-sub,
.page-template-home .hero-title,
.page-template-home .hero-sub {
color: #ffffff;
/* text-shadow: 2px 2px 10px rgb(0 0 0 / 55%); */
}
.hero-title,
.page-title {
font-size: 5rem;
line-height: 100%;
text-transform: uppercase;
/* margin-block-end: 16px; */
}
.spacer-15 {
height: 15px;
}
.fw-300 {
font-weight: 300;
}
.spacer-50 {
height: 150px;
}
.dove-siamo__cta a {
display: flex;
width: 290px;
height: 60px;
border-radius: 3px;
padding: 0 20px;
justify-content: center;
align-items: center;
font-weight: 500;
letter-spacing: 3px;
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
color: #fff;
font-family: "Poppins" , serif;
background-color: #e20613;
transition: all .25s ease-in-out;
margin-top: 50px;
z-index: 10;
}
.dove-siamo__cta .arrow-r:hover:after {
transform: translateX(5px);
}
.container__image-didascalia {
width: 180px;
height: 180px;
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
border: 2px solid #fff;
border-radius: 50%;
background: #fff;
box-shadow: 0 0 30px #0000003;
margin-right: 25px;
}
.slogan p {
font-size: 2.5rem!important;
line-height: 100%;
font-weight: 100!important;
max-width: 80%;
}
@media (max-width: 768px) {
.slogan p {
font-size: 1.8rem!important;
line-height: 120%;
max-width: 100%;
}
}
.slogan--welcome p {
font-family: "Satisfy", cursive;
width: 100%;
display: flex;
font-size: 4rem!important;
max-width: 100%;
margin-top: 25px;
color: #e20613;
align-items: center!important;
justify-content: center;
}
@media (max-width: 768px) {
.slogan--welcome p {
font-size: 2.8rem!important;
line-height: 120%;
max-width: 100%;
text-align: center;
}
}
footer.footer--background {
position: relative;
width: 100%;
height: auto;
/* background-image: url('https://dev-test.me/sacor/wp-content/uploads/2025/10/Sacor-36-scaled.jpg'); */
background-repeat: no-repeat;
background-size: cover;
background-position: top;
background: #000000;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
footer.footer--background:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
left: 0;
bottom: 0;
background: linear-gradient(360deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
background: #000;
opacity: 1;
z-index: 9;
/* display: none; */
filter: invert(1);
}
footer.footer--background:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: linear-gradient(180deg, rgb(255 255 255) 0%, rgba(0,55,99,0) 100%);
opacity: 1;
z-index: 9;
display: none;
}
.social {
position: relative;
z-index: 99;
color: #e20613;
}
.scroll-top {
background: #ffffff;
border: 0;
border-radius: 50%;
bottom: 0;
cursor: pointer;
height: 50px;
margin: 0;
opacity: 1;
position: fixed;
right: -70px;
transition: right 0.2s ease-in-out;
width: 50px;
z-index: 99;
box-shadow: 0 0 20px #00000020;
}
.scroll-top.visible {
right: 25px;
bottom: 25px;
}
.arrow {
border: solid #000000;
border-width: 0 2px 2px 0;
display: inline-block;
margin-top: 5px;
padding: 4px;
}
.arrow.up {
transform: rotate(-135deg);
}
.footer-credits p {
margin: 0;
font-size: .85rem;
color: #fff;
}
.footer-credits a {
color: #fff!important;
}
.container__text-didascalia p {
font-family: "Satisfy", cursive;
width: 100%;
display: flex;
font-size: 4rem!important;
max-width: 100%;
margin-top: 25px;
}
@media (max-width: 768px) {
.container__text-didascalia p {
font-family: "Satisfy", cursive;
width: 100%;
display: flex;
font-size: 3rem!important;
max-width: 100%;
margin-top: 25px;
margin-bottom: 25px;
}
}
.promo .left01 {
border-bottom-left-radius: 50px;
}
@media (max-width: 768px) {
.promo .left01 {
border-top-left-radius: 50px;
border-top-right-radius: 50px;
border-bottom-left-radius: 50px;
}
}
.promo .container__text-dx {
border-bottom-right-radius: 50px;
}
@media (max-width: 768px) {
.promo .container__text-dx {
border-bottom-left-radius: 50px;
border-bottom-right-radius: 50px;
}
}
@media (max-width: 768px) {
.promo .container__image-sx {
border-top-left-radius: 50px;
border-top-right-radius: 50px;
}
}
@media (max-width: 768px) {
.promo {
padding: 0;
}
}
.dove-siamo {
max-width: 1400px;
margin: 0 auto;
padding: 15px;
}
.container__ora {
width: 85px;
}
span.ora {
background: #fff;
padding: 2.5px 5px;
margin-left: 0;
border: 1px solid;
text-align: right;
display: flex;
align-items: center;
justify-content: flex-end;
}
div#offerta {
padding: 0;
}
.cmplz-cookiebanner {
border-bottom-left-radius: 0!important;
border-bottom-right-radius: 0!important;
}
.cmplz-cookiebanner .cmplz-close {
line-height: 20px;
justify-self: end;
grid-column-start: 3;
font-size: 20px;
cursor: pointer;
width: 20px;
height: 20px;
color: #ffffff!important;
background-color: #e20613;
border-radius: 50%;
padding: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.cmplz-cookiebanner .cmplz-close svg {
width: 20px;
height: 20px;
position: absolute;
z-index: 99;
}
.cmplz-cookiebanner.cmplz-show {
box-shadow: 0 0 50px #00000036!important;
}
p.gps {
font-size: 2rem!important;
line-height: 100%;
color: #fff;
}
.container__rotate {
position: relative;
/* border: 1px solid red; */
width: auto;
height: 250px;
display: flex;
align-items: center;
justify-content: flex-start;
margin-top: 50px;
}
.content__rotate {
position: relative;
/* border: 1px solid red; */
width: 250px;
height: 250px;
display: flex;
align-items: center;
justify-content: center;
}
img.c5t {
position: absolute;
/* width: 150px; */
width: 50px;
opacity: 1;
transform: scale(1);
animation: pulse-love 1s linear infinite;
}
.available {
width: 200px;
height: 200px;
position: absolute;
top: auto;
right: unset;
opacity: 1;
filter: invert(1);
}
.rotate {
animation: rotation 20s linear infinite;
}
@keyframes rotation {
0% { transform: rotate(0deg);}
100% { transform: rotate(360deg);}
}
@keyframes pulse-love {
0% {
transform: scale(1);
}
10% {
transform: scale(1.1);
}
20% {
transform: scale(0.9);
}
30% {
transform: scale(1.2);
}
40% {
transform: scale(0.9);
}
50% {
transform: scale(1.05);
}
60% {
transform: scale(0.95);
}
70% {
transform: scale(1);
}
}
.container__text.suite {
background: #E0D5BA!important;
color: #e20613!important;
}
.container__text.cantiere {
background: #256b6a!important;
color: #fff!important;
}
/* .intro .container__text {
width: 40%;
padding: 80px;
background: #e20613;
color: #fff;
min-height: 60vh;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
position: relative;
z-index: 9;
border-radius: 50px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
} */
.tabs.home input[name=tab-control]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label {
cursor: default;
color: #ffffff;
background: #e20613;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
border-radius: 28px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
width: 100%;
padding: 0 25px;
/* max-width: 250px!important; */
}
.tabs.home input[name=tab-control]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label {
cursor: default;
color: #ffffff;
background: #e0d5bb;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
border-radius: 28px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
width: 100%;
padding: 0 25px;
/* max-width: 250px!important; */
}
.tabs.home input[name=tab-control]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label {
cursor: default;
color: #ffffff;
background: #256b6a;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
border-radius: 28px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
width: 100%;
padding: 0 25px;
/* max-width: 250px!important; */
}
/* ===== */
/* 768 */
/* ===== */
/* @media (max-width: 1199px) { */
.header {
background: #000;
}
.logo__mobile {
display: block;
position: absolute;
top: 15px;
right: 15px;
font-size: 30px;
font-weight: bold;
color: #fff;
/* border: 1px solid red; */
width: 80px;
height: 40px;
z-index: 999999;
display: flex;
align-items: center;
justify-content: center;
}
.icon-hamburger {
height: 60px;
width: 60px;
position: absolute;
top: 30px;
right: 15px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border: none;
background: transparent;
z-index: 9999;
padding: 0;
border-radius: 50%;
background: transparent;
/* box-shadow: 0 0 50px #00000050; */
/* border: 1px solid white; */
}
.icon-hamburger span {
height: 4px;
width: 40px;
background: #ffffff;
position: relative;
display: block;
transition: all 0.2s cubic-bezier(.215, .61, .355, 1);
margin: 4px 0;
border-radius: 10px;
}
.icon-hamburger span {
height: 3px;
width: 40px;
background: #ffffff;
position: relative;
display: block;
transition: all 0.2s cubic-bezier(.215, .61, .355, 1);
margin: 6px 0;
border-radius: 10px;
}
.menu {
text-align: right;
position: absolute;
top: 0;
left: 0;
right: 0;
background-color: #ffffff;
width: 100%;
height: calc(100vh - 0px);
margin: 0;
overflow: auto;
/* overflow: hidden; */
transition: all .6s cubic-bezier(.215, .61, .355, 1);
padding-left: 0;
transform: translateY(100%);
padding-top: 150px;
padding-bottom: 130px;
display: flex;
flex-direction: column;
border-top-left-radius: 0;
border-top-right-radius: 0;
min-width: auto;
justify-content: center;
align-items: flex-end;
filter: invert(1)!important;
}
.test {
background: transparent;
width: 100%;
height: calc(100% - 65px);
position: fixed;
top: -15px;
z-index: -1;
display: none;
}
/* } */
@media (max-width: 768px) {
.test {
background: #000000;
width: 100%;
height: 100%;
position: fixed;
top: 0;
z-index: -1;
display: block;
}
}
/* .test:after {
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 100%;
height: 50%;
background-image: url('/svg/texture__mp02.svg')!important;
background-repeat: no-repeat!important;
background-size: cover!important;
filter: invert(1);
opacity: .1;
} */
.menu-open header {
height: 100%!important;
}
.menu-open .header__content {
width: 100%!important;
height: 100%!important;
background: #000000;
z-index: 999;
position: relative;
}
a.header__logo {
position: fixed;
top: 0;
left: calc(50% - 85px);
width: 170px;
/* border: 1px solid red; */
}
@media (max-width: 1190px) {
a.header__logo {
position: fixed;
top: 0;
left: 15px;
}
}
.scroll-down .header__logo {
/* position: fixed; */
/* top: 0; */
/* left: 25px; */
z-index: 999999;
/* display: none; */
}
@media (max-width: 1190px) {
.scroll-down .header__logo {
position: fixed;
top: 0;
left: 15px;
}
}
.menu-open .header__logo {
position: fixed;
top: 0;
left: calc(50% - 85px);
z-index: 999999;
opacity: 1;
display: flex;
/* filter: invert(1); */
}
.menu li a:hover {
color: #000000;
opacity: 1;
}
.tabs.indicazioni ul li {
box-sizing: border-box;
flex: 1;
width: 100%;
min-width: 20%;
height: 50px;
padding: 0;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.tabs.indicazioni input[name=tab-control]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label,
.tabs.indicazioni input[name=tab-control]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label,
.tabs.indicazioni input[name=tab-control]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label,
.tabs.indicazioni input[name=tab-control]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label,
.tabs.indicazioni input[name=tab-control]:nth-of-type(5):checked ~ ul > li:nth-child(5) > label,
.tabs.indicazioni input[name=tab-control]:nth-of-type(6):checked ~ ul > li:nth-child(6) > label {
cursor: default;
color: #ffffff;
background: #e2061340;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
border-radius: 28px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
width: 100%;
padding: 0 25px;
/* max-width: 250px!important; */
}
.tabs.indicazioni input[name=tab-control]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.tabs.indicazioni input[name=tab-control]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label,
.tabs.indicazioni input[name=tab-control]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label,
.tabs.indicazioni input[name=tab-control]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label,
.tabs.indicazioni input[name=tab-control]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label {
border-radius: 0;
}
.tabs.indicazioni input[name=tab-control]:nth-of-type(5):checked ~ ul > li:nth-child(5) > label {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 28px;
border-bottom-right-radius: 28px;
}
li[title="Auto"] {
font-size: 0;
background-image: url('/svg/i-car.svg');
background-position: center;
background-repeat: no-repeat;
background-size: 25px;
}
li[title="Pullman"] {
font-size: 0;
background-image: url('/svg/i-bus.svg');
background-position: center;
background-repeat: no-repeat;
background-size: 25px;
}
li[title="Treno"] {
font-size: 0;
background-image: url('/svg/i-treno.svg');
background-position: center;
background-repeat: no-repeat;
background-size: 25px;
}
li[title="Aereo"] {
font-size: 0;
background-image: url('/svg/i-aereo03.svg');
background-position: center;
background-repeat: no-repeat;
background-size: 25px;
}
li[title="Mare"] {
font-size: 0;
background-image: url('/svg/i-mare.svg');
background-position: center;
background-repeat: no-repeat;
background-size: 25px;
}
.single a.header__logo.optional,
.page a.header__logo.optional,
.page-template-home a.header__logo.optional,
.page-template-contatti-de a.header__logo.optional
{
display: none;
}
/* .page-template-prenota-de a.header__logo.default,
.page-template-contatti-de a.header__logo.default,
.page-template-chi-siamo-de a.header__logo.defaul,
.page-template-come-raggiunbgerci-de a.header__logo.default,
.page-template-prenota-en a.header__logo.default,
.page-template-contatti-en a.header__logo.default,
.page-template-chi-siamo-en a.header__logo.defaul,
.page-template-come-raggiunbgerci-en a.header__logo.default,
.page-template-prenota a.header__logo.default,
.page-template-contatti a.header__logo.default,
.page-template-chi-siamo a.header__logo.default,
.page-template-menu a.header__logo.default {
display: none;
} */
/* .page-template-prenota-de a.header__logo.optional,
.page-template-contatti-de a.header__logo.optional,
.page-template-chi-siamo-de a.header__logo.optional,
.page-template-come-raggiunbgerci-de a.header__logo.optional,
.page-template-prenota-en a.header__logo.optional,
.page-template-contatti-en a.header__logo.optional,
.page-template-chi-siamo-en a.header__logo.optional,
.page-template-come-raggiunbgerci-en a.header__logo.optional,
.page-template-prenota a.header__logo.optional,
.page-template-contatti a.header__logo.optional,
.page-template-chi-siamo a.header__logo.optional,
.page-template-menu a.header__logo.optional {
display: block;
} */
.page-template-prenota-de.scroll-down a.header__logo.optional,
.page-template-chi-siamo-de.scroll-down a.header__logo.optional,
.page-template-come-raggiunbgerci-de.scroll-down a.header__logo.optional,
.page-template-prenota-en.scroll-down a.header__logo.optional,
.page-template-chi-siamo-en.scroll-down a.header__logo.optional,
.page-template-come-raggiunbgerci-en.scroll-down a.header__logo.optional,
.page-template-prenota.scroll-down a.header__logo.optional,
.page-template-chi-siamo.scroll-down a.header__logo.optional,
.page-template-menu.scroll-down a.header__logo.optional {
display: none!important;
}
.page-template-prenota-de.menu-open .header__logo.default,
.page-template-contatti-de.menu-open .header__logo.default,
.page-template-chi-siamo-de.menu-open .header__logo.defaul,
.page-template-come-raggiunbgerci-de.menu-open .header__logo.default,
.page-template-prenota-en.menu-open .header__logo.default,
.page-template-contatti-en.menu-open .header__logo.default,
.page-template-chi-siamo-en.menu-open .header__logo.defaul,
.page-template-come-raggiunbgerci-en.menu-open .header__logo.default,
.page-template-prenota.menu-open .header__logo.default,
.page-template-contatti.menu-open .header__logo.default,
.page-template-chi-siamo.menu-open .header__logo.default,
.page-template-menu.menu-open .header__logo.default,
.page-template-servizi.menu-open .header__logo.default,
.page.menu-open .header__logo.default,
.single-servizi.menu-open .header__logo.default,
.single-progetti.menu-open .header__logo.default
{
position: fixed;
top: 15px;
left: 15px;
z-index: 999999;
opacity: 1;
display: none!important;
}
.page-template-prenota-de.menu-open .header__logo.optional,
.page-template-contatti-de.menu-open .header__logo.optional,
.page-template-chi-siamo-de.menu-open .header__logo.optional,
.page-template-come-raggiunbgerci-de.menu-open .header__logo.optional,
.page-template-prenota-en.menu-open .header__logo.optional,
.page-template-contatti-en.menu-open .header__logo.optional,
.page-template-chi-siamo-en.menu-open .header__logo.optional,
.page-template-come-raggiunbgerci-en.menu-open .header__logo.optional,
.page-template-prenota.menu-open .header__logo.optional,
.page-template-contatti.menu-open .header__logo.optional,
.page-template-chi-siamo.menu-open .header__logo.optional,
.page-template-menu.menu-open .header__logo.optional,
.page-template-servizi.menu-open .header__logo.optional,
.page.menu-open .header__logo.optional,
.single-servizi.menu-open .header__logo.optional,
.single-progetti.menu-open .header__logo.optional
{
position: fixed;
top: 0;
left: 15px;
z-index: 999999;
opacity: 1;
/* display: none!important; */
}
li#menu-item-209:before {
display: block;
}
ul#wpforms-835-field_10,
ul#wpforms-838-field_10,
ul#wpforms-7-field_10 {
display: flex;
align-items: center;
justify-content: space-between;
}
.wpforms-container .wpforms-list-inline .wpforms-image-choices-classic li {
margin: 0!important;
}
/* .current-menu-item a {
background: transparent;
color: #e20613!important;
opacity: 1!important;
padding-left: 40px!important;
border-radius: 0;
}
*/
.hero-title, .page-title {
font-size: 3.6rem;
line-height: 95%;
text-transform: uppercase;
/* margin-block-end: 16px; */
}
.container__rotate {
position: relative;
/* border: 1px solid red; */
width: auto;
height: 220px!important;
display: flex;
align-items: center;
justify-content: flex-start;
margin-top: 50px;
left: 0;
}
.content__rotate {
position: relative;
/* border: 1px solid red; */
width: 200px;
height: 200px;
display: flex;
align-items: center;
justify-content: center;
}
.available {
width: 200px;
height: 200px;
position: absolute;
top: auto;
right: unset;
opacity: 1;
}
img.c5t {
position: absolute;
/* width: 150px; */
width: 35px;
opacity: 1;
transform: scale(1);
animation: pulse-love 1s linear infinite;
}
.page-template-home-en .img__overlay:after,
.page-template-home-de .img__overlay:after,
.page-template-home .img__overlay:after {
content: '';
position: absolute;
top: 0;
right: 0;
left: 0;
width: 100%;
height: calc(100% - 85px);
background-image: url('/svg/texture__mp02.svg')!important;
background-repeat: no-repeat!important;
background-position: center left!important;
background-size: contain!important;
/* background: rgb(0,55,99); */
background: -moz-linear-gradient(180deg, rgba(0,55,99,1) 0%, rgba(0,55,99,0) 100%);
background: -webkit-linear-gradient(180deg, rgba(0,55,99,1) 0%, rgba(0,55,99,0) 100%);
background: linear-gradient(180deg, rgba(0,55,99,1) 0%, rgba(0,55,99,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e20613",endColorstr="#e20613",GradientType=1);
opacity: .08;
z-index: 1;
/* filter: invert(1); */
/* background-blend-mode: multiply; */
/* border: 5px solid red!important; */
}
.tabs.indicazioni {
padding-bottom: 0;
}
}
/* ===== */
/* 768 */
/* ===== */
.arpa-widget[data-format=v-extended] .meteo-icon {
animation: pulse-love 3s linear infinite;
}
@keyframes pulse {
from {
transform: scale(.9);
}
to {
transform: scale(1.1);
}
}
.arpa-widget[data-color=transparent] {
background-color: transparent;
border: 1px solid #fff;
border-top-right-radius: 0!important;
border-bottom-right-radius: 0!important;
position: absolute;
right: -1px;
z-index: 9;
color: #fff;
}
.arpa-widget .tool-body {
position: relative;
height: 60px;
margin: 20px 0;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.arpa-widget[data-format=v-extended] .meteo-icon {
position: static;
display: block;
height: 80px;
margin: 0;
max-height: none;
max-width: none;
/* filter: invert(1); */
margin-bottom: 25px;
}
.boxed--meteo {
display: flex;
align-items: flex-start;
justify-content: center;
min-height: 50vh;
padding: 50px 0;
}
.boxed--meteo .arpa-widget[data-color=transparent] {
background-color: transparent;
border: 0;
border-top-right-radius: 0!important;
border-bottom-right-radius: 0!important;
position: relative;
right: -1px;
z-index: 9;
color: #000000;
}
.boxed--meteo .arpa-widget[data-format=v-extended] .meteo-icon {
position: static;
display: block;
height: 80px;
margin: 0;
max-height: none;
max-width: none;
filter: invert(1);
margin-bottom: 25px;
}
img.maree__img {
width: 180px;
margin: 0 auto;
}
.arpa-meteo .arpa-widget {
background-color: transparent;
border: 1px solid #e20613;
position: relative;
z-index: 9;
color: #000000;
}
.col-100.meteo {
background: #ccc;
background: #E0D5BA;
color: #e20613;
}
.meteo__info {
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 768px) {
.meteo__info {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
}
.meteo__link {
padding-left: 50px;
display: flex;
flex-direction: column;
}
@media (max-width: 768px) {
.meteo__link {
padding-left: 0;
display: flex;
flex-direction: column;
}
}
.boxed--news {
max-width: 1400px;
margin: 0 auto;
margin-top: 50px;
}
@media (max-width: 768px) {
.boxed--news {
max-width: 1400px;
margin: 0 auto;
margin-top: 0;
padding: 25px;
}
}
.box-news {
background: #e2061347;
padding: 25px 50px;
border-radius: 5px;
color: #e20613;
position: relative;
}
@media (max-width: 768px) {
.box-news {
background: #e2061347;
padding: 25px;
border-radius: 5px;
color: #e20613;
position: relative;
}
}
img.info__img {
width: 25px;
width: 31px;
height: 31px;
background: transparent;
position: relative;
/* top: -85px; */
/* left: 30px; */
z-index: 9;
background-repeat: no-repeat;
background-position: center;
/* background-image: url(/svg/i-info-text.svg); */
background-size: 30px!important;
font-size: 0;
border: 2px solid #1c3661;
border-radius: 50%;
}
span.day__week {
display: inline-flex;
min-width: 60px;
}
.page-template-contatti .footer__contact,
.page-template-contatti-de .footer__contact,
.page-template-contatti-en .footer__contact {
display: none;
}
.footer__contact-page {
margin: 50px 0;
}
.distanze__km {
width: 100%;
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: center;
}
@media (max-width: 768px) {
.distanze__km {
width: 100%;
overflow: auto;
display: flex;
flex-wrap: nowrap;
flex-direction: row;
align-items: center;
}
}
.location__item {
width: 150px;
height: auto;
display: flex;
flex-direction: column;
border: 1px solid #ccc;
border-radius: 5px;
margin-right: 25px;
margin-bottom: 25px;
align-items: center;
justify-content: space-between;
padding: 5px;
}
@media (max-width: 768px) {
.location__item {
width: 100%!important;
min-width: 120px;
height: auto;
display: flex;
flex-direction: column;
border: 1px solid #ccc;
border-radius: 5px;
margin-right: 25px;
align-items: center;
justify-content: space-between;
padding: 5px;
}
}
.location__item-label {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
background: #256b6a;
border-top-left-radius: 2.5px;
border-top-right-radius: 2.5px;
min-height: 60px;
}
.location__item-label p {
color: #fff;
text-transform: uppercase;
font-weight: bold;
font-size: 1.25rem!important;
line-height: 90%;
margin: 0!important;
}
@media (max-width: 768px) {
.location__item-label p {
color: #fff;
text-transform: uppercase;
font-weight: bold;
font-size: 1rem!important;
line-height: 90%;
margin: 0!important;
}
}
.location__item-distanza {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.location__item-distanza p {
font-size: 2.5rem!important;
margin: 0!important;
font-weight: bold;
}
.location__item-distanza span {
position: relative;
top: -10px;
font-size: 18px;
}
.via-terra .location__item-label {
background: #e20613;
}
.richiesta__inviata {
margin: 0 auto;
width: 100%;
max-width: 1400px;
}
@media (max-width: 768px) {
.richiesta__inviata {
margin: 0 auto;
width: 100%;
max-width: 1400px;
padding: 0 15px;
}
}
.servizi_link {
position: absolute;
bottom: 15px;
}
/* ====================== */
/* START BLOG */
/* ====================== */
.page-template-blog .img__news {
background-size: 50px!important;
background-position: center!important;
background-repeat: no-repeat!important;
}
.page-template-blog .container__icon-slide {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
margin: 0 auto;
/* margin-bottom: 50px; */
position: relative;
z-index: 99;
}
.page-template-blog .page__link a:after {
top: 7.5px;
right: 0;
}
.page-template-blog .content_icon-slide {
display: flex;
align-items: center;
justify-content: center;
width: 100px;
height: 100px;
background: #ff8a00;
/* border: 10px solid #ff3d46; */
border-radius: 50%;
/* border-top-left-radius: 5px; */
-webkit-font-smoothing: subpixel-antialiased;
box-shadow: 0 0 40px #00000015;
}
.page-template-blog .intro-text {
padding-top: 25px;
padding-bottom: 50px;
}
.page-template-blog .container__percorso {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
margin: 0 auto;
margin-bottom: 50px;
position: relative;
z-index: 99;
padding: 0 100px;
}
@media (max-width: 768px) {
.page-template-blog .container__percorso {
padding: 0 25px;
}
}
.page-template-blog .container__percorso p {
font-size: 16px;
text-align: left;
padding-left: 0;
position: relative;
color: #000000;
z-index: 99;
}
.page-template-blog span.sep__percorso {
position: relative;
top: -7px;
color: #000000;
margin: 0 8px;
}
.page-template-blog.container__percorso a {
color: #000000;
opacity: 0.8;
}
.page-template-blog .container__percorso a:hover {
opacity: 1;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.page-template-blog .container__news {
display: flex;
flex-wrap: wrap;
/* border: 1px solid red; */
width: 100%;
justify-content: flex-start;
}
.page-template-blog .container__news article {
width: 22.5%;
padding: 30px;
padding-top: 0;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
transform: scale(1);
-webkit-box-shadow: none;
box-shadow: none;
background-color: #fff;
font-size: 16px!important;
margin: 0;
margin-bottom: 3.33333333%;
border-radius: 5px;
border: 2px solid #dadada;
border-radius: 25px;
padding: 15px;
padding-bottom: 90px;
min-height: 580px;
}
@media screen and (min-width: 769px) and (max-width: 1580px) {
.page-template-blog .container__news article {
width: 48%;
border: 1px solid greenyellow;
border: 1px solid #222222;
padding: 30px;
padding-top: 0;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
transform: scale(1);
-webkit-box-shadow: none;
box-shadow: none;
background-color: #fff;
font-size: 16px!important;
margin: 0;
margin-bottom: 50px;
}
}
@media (max-width: 768px) {
.page-template-blog .container__news article {
width: 100%;
border: 1px solid greenyellow;
border: 1px solid #222222;
padding: 15px;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
transform: scale(1);
-webkit-box-shadow: none;
box-shadow: none;
background-color: #fff;
font-size: 16px!important;
margin: 0;
margin-bottom: 50px;
padding-bottom: 90px;
min-height: auto;
}
}
.page-template-blog .container__news article:nth-child(4n + 1) {
/* background: red; */
margin-left: 0;
margin-right: 1.66666667%;
}
@media screen and (min-width: 769px) and (max-width: 1580px) {
.page-template-blog .container__news article:nth-child(4n + 1) {
/* background: yellow; */
margin-left: 0;
margin-right: 2%;
}
}
.page-template-blog .container__news article:nth-child(4n + 2) {
/* background: yellow; */
margin-left: 1.66666667%;
margin-right: 1.66666667%;
}
@media screen and (min-width: 769px) and (max-width: 1580px) {
.page-template-blog .container__news article:nth-child(4n + 2) {
/* background: yellow; */
margin-left: 2%;
margin-right: 0;
}
}
.page-template-blog .container__news article:nth-child(4n + 3) {
/* background: green; */
margin-left: 1.66666667%;
margin-right: 1.66666667%;
}
@media screen and (min-width: 769px) and (max-width: 1580px) {
.page-template-blog .container__news article:nth-child(4n + 3) {
/* background: green; */
margin-left: 0;
margin-right: 2%;
}
}
.page-template-blog .container__news article:nth-child(4n + 4) {
/* background: blue; */
margin-left: 1.66666667%;
margin-right: 0;
}
@media screen and (min-width: 769px) and (max-width: 1580px) {
.page-template-blog .container__news article:nth-child(4n + 4) {
/* background: blue; */
margin-left: 2%;
margin-right: 0;
}
}
@media (max-width: 768px) {
.page-template-blog .container__news article:nth-child(4n + 1),
.page-template-blog .container__news article:nth-child(4n + 2),
.page-template-blog .container__news article:nth-child(4n + 3),
.page-template-blog .container__news article:nth-child(4n + 4) {
/* background: blue; */
margin-left: 0;
margin-right: 0;
}
}
.page-template-blog .container__news .container__news .page__link a {
min-width: 100%;
padding-left: 0;
box-shadow: none;
}
.page-template-blog .img__news {
background-image: url('https://3servicefvg.com/svg/icon-archive.svg')!important;
}
.container__news h1 {
color: #000000;
font-size: 2rem;
line-height: 100%;
}
/* ====================== */
/* END BLOG */
/* ====================== */
/* ====================== */
/* START CURRENT */
/* ====================== */
.page-template-in-corso .img__news {
background-size: 50px!important;
background-position: center!important;
background-repeat: no-repeat!important;
}
.page-template-in-corso .container__icon-slide {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
margin: 0 auto;
/* margin-bottom: 50px; */
position: relative;
z-index: 99;
}
.page-template-in-corso .page__link a:after {
top: 7.5px;
right: 0;
}
.page-template-in-corso .content_icon-slide {
display: flex;
align-items: center;
justify-content: center;
width: 100px;
height: 100px;
background: #ff8a00;
/* border: 10px solid #ff3d46; */
border-radius: 50%;
/* border-top-left-radius: 5px; */
-webkit-font-smoothing: subpixel-antialiased;
box-shadow: 0 0 40px #00000015;
}
.page-template-in-corso .intro-text {
padding-top: 25px;
padding-bottom: 50px;
}
.page-template-in-corso .container__percorso {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
margin: 0 auto;
margin-bottom: 50px;
position: relative;
z-index: 99;
padding: 0 100px;
}
@media (max-width: 768px) {
.page-template-in-corso .container__percorso {
padding: 0 25px;
}
}
.page-template-in-corso .container__percorso p {
font-size: 16px;
text-align: left;
padding-left: 0;
position: relative;
color: #000000;
z-index: 99;
}
.page-template-in-corso span.sep__percorso {
position: relative;
top: -7px;
color: #000000;
margin: 0 8px;
}
.page-template-in-corso.container__percorso a {
color: #000000;
opacity: 0.8;
}
.page-template-in-corso .container__percorso a:hover {
opacity: 1;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.page-template-in-corso .container__news {
display: flex;
flex-wrap: wrap;
/* border: 1px solid red; */
width: 100%;
justify-content: flex-start;
}
.page-template-in-corso .container__news article {
width: 22.5%;
padding: 30px;
padding-top: 0;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
transform: scale(1);
-webkit-box-shadow: none;
box-shadow: none;
background-color: #fff;
font-size: 16px!important;
margin: 0;
margin-bottom: 3.33333333%;
border-radius: 5px;
border: 2px solid #dadada;
border-radius: 25px;
padding: 15px;
min-height: 580px;
}
@media screen and (min-width: 769px) and (max-width: 1580px) {
.page-template-in-corso .container__news article {
width: 48%;
border: 1px solid greenyellow;
border: 1px solid #222222;
padding: 30px;
padding-top: 0;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
transform: scale(1);
-webkit-box-shadow: none;
box-shadow: none;
background-color: #fff;
font-size: 16px!important;
margin: 0;
margin-bottom: 50px;
}
}
@media (max-width: 768px) {
.page-template-in-corso .container__news article {
width: 100%;
border: 1px solid greenyellow;
border: 1px solid #222222;
padding: 15px;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
transform: scale(1);
-webkit-box-shadow: none;
box-shadow: none;
background-color: #fff;
font-size: 16px!important;
margin: 0;
margin-bottom: 50px;
padding-bottom: 90px;
min-height: auto;
}
}
.page-template-in-corso .container__news article:nth-child(4n + 1) {
/* background: red; */
margin-left: 0;
margin-right: 1.66666667%;
}
@media screen and (min-width: 769px) and (max-width: 1580px) {
.page-template-in-corso .container__news article:nth-child(4n + 1) {
/* background: yellow; */
margin-left: 0;
margin-right: 2%;
}
}
.page-template-in-corso .container__news article:nth-child(4n + 2) {
/* background: yellow; */
margin-left: 1.66666667%;
margin-right: 1.66666667%;
}
@media screen and (min-width: 769px) and (max-width: 1580px) {
.page-template-in-corso .container__news article:nth-child(4n + 2) {
/* background: yellow; */
margin-left: 2%;
margin-right: 0;
}
}
.page-template-in-corso .container__news article:nth-child(4n + 3) {
/* background: green; */
margin-left: 1.66666667%;
margin-right: 1.66666667%;
}
@media screen and (min-width: 769px) and (max-width: 1580px) {
.page-template-in-corso .container__news article:nth-child(4n + 3) {
/* background: green; */
margin-left: 0;
margin-right: 2%;
}
}
.page-template-in-corso .container__news article:nth-child(4n + 4) {
/* background: blue; */
margin-left: 1.66666667%;
margin-right: 0;
}
@media screen and (min-width: 769px) and (max-width: 1580px) {
.page-template-in-corso .container__news article:nth-child(4n + 4) {
/* background: blue; */
margin-left: 2%;
margin-right: 0;
}
}
@media (max-width: 768px) {
.page-template-in-corso .container__news article:nth-child(4n + 1),
.page-template-in-corso .container__news article:nth-child(4n + 2),
.page-template-in-corso .container__news article:nth-child(4n + 3),
.page-template-in-corso .container__news article:nth-child(4n + 4) {
/* background: blue; */
margin-left: 0;
margin-right: 0;
}
}
.page-template-in-corso .container__news .container__news .page__link a {
min-width: 100%;
padding-left: 0;
box-shadow: none;
}
.page-template-in-corso .img__news {
background-image: url('https://3servicefvg.com/svg/icon-archive.svg')!important;
}
/* ====================== */
/* END CURRENT */
/* ====================== */
.intro h2 {
font-weight: normal;
max-width: 60%;
line-height: 120%;
font-size: 1.8rem;
}
@media (max-width: 768px) {
.intro h2 {
font-weight: normal;
max-width: 100%;
line-height: 100%;
font-size: 2rem;
}
}
.contatti__azienda {
position: relative;
overflow: hidden;
}
.page-template-contatti .section__subtitle {
display: flex;
flex-direction: row-reverse;
align-items: flex-start;
justify-content: center;
font-weight: 300;
margin-top: 0;
}
@media (max-width: 768px) {
.page-template-contatti .section__subtitle {
display: flex;
flex-direction: column-reverse;
align-items: stretch;
justify-content: space-between;
font-weight: 300;
margin-top: 0;
}
}
.page-template-contatti .section__subtitle__left {
width: 50%;
padding-right: 80px;
}
.page-template-contatti .section__subtitle__right {
width: 50%;
padding: 0;
/* background: #992D79; */
display: flex;
align-items: center;
}
@media (max-width: 768px) {
.page-template-contatti .section__subtitle__left,
.page-template-contatti .section__subtitle__right {
width: 100%;
padding: 0;
display: flex;
align-items: center;
}
}
@media (max-width: 768px) {
.contatti__azienda {
padding: 0;
}
}
@media (max-width: 768px) {
div#wpforms-243 {
width: 100%;
}
}
.contatti__azienda p,
.contatti__azienda a,
.contatti__azienda a:active,
.contatti__azienda a:hover {
color: #000000;
font-size: 1.5rem!important;
line-height: 2.25rem;
margin: 0;
font-weight: 300!important;
position: relative;
}
@media (max-width: 768px) {
.contatti__azienda p,
.contatti__azienda a,
.contatti__azienda a:active,
.contatti__azienda a:hover {
color: #000000;
font-size: 1rem!important;
line-height: 1.25rem;
margin: 0;
font-weight: 300!important;
}
}
.contatti__azienda p {
padding-left: 35px;
}
p.azienda_denominazione {
font-weight: bold!important;
margin-bottom: 10px;
padding: 0;
}
.contatti__azienda {
position: relative;
overflow: hidden;
}
.azienda_indirizzo,
.azienda_tel,
.azienda_email {
position: relative;
padding-left: 40px;
min-height: 35px;
display: flex;
align-items: center;
padding-left: 0;
font-weight: normal!important;
}
@media (max-width: 768px) {
.azienda_indirizzo,
.azienda_tel,
.azienda_email {
position: relative;
padding-left: 40px;
min-height: auto;
display: flex;
align-items: center;
padding-left: 0;
font-weight: normal!important;
}
}
/*
.azienda_indirizzo:before,
.azienda_tel:before,
.azienda_email:before {
content: '';
background-size: 25px;
background-position: center;
background-repeat: no-repeat;
position: absolute;
left: 0;
width: 25px;
height: 25px;
border-radius: 0;
}
.contatti__azienda .azienda_indirizzo:before,
.contatti__azienda .azienda_tel:before,
.contatti__azienda .azienda_email:before {
content: '';
background-size: 25px;
background-position: center;
background-repeat: no-repeat;
position: absolute;
left: 0;
width: 25px;
height: 25px;
border-radius: 0;
}
.azienda_indirizzo:before {
background-image: url('/svg/i-location-sacor.svg')!important;
}
.azienda_tel:before {
background-image: url('/svg/i-telefono-sacor.svg')!important;
}
.azienda_email:before {
background-image: url('/svg/i-email-sacor.svg');
}
*/
img.azienda__logo-img {
width: 100%;
max-width: 150px;
margin-bottom: 0;
margin-left: 0;
}
.map-container {
overflow: hidden;
height: 450px;
display: block;
}
.map-iframe {
height: calc(100% + 4px);
min-width: calc(100% + 4px);
margin: -2px;
background-color: #e5e3df;
/* filter: grayscale(); */
}
/* WP FORMS */
button#wpforms-submit-23528 {
display: flex;
width: 100%;
max-width: 250px;
height: 60px;
border-radius: 3px;
padding: 0 20px;
justify-content: center;
align-items: center;
font-weight: 500;
letter-spacing: 3px;
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
color: #fff;
background-color: #e20613!important;
transition: all .25s ease-in-out;
margin-top: 0;
z-index: 10;
position: relative;
bottom: 0;
border-bottom-left-radius: 12.5px;
border-bottom-right-radius: 12.5px;
}
button#wpforms-submit-23528:after {
background-image: url('/svg/i-freccia-destra-bianco.svg');
}
button#wpforms-submit-23528:after {
content: '';
width: 25px;
height: 25px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
transition: all .25s ease-in-out;
margin-left: 20px;
}
button#wpforms-submit-23528:hover:after {
transform: translateX(5px);
border: 0;
position: initial;
}
form#wpforms-form-23528 ul#wpforms-23528-field_5 {
display: flex;
align-items: center;
}
@media screen and (max-width: 768px) {
form#wpforms-form-23528 ul#wpforms-23528-field_5 {
display: flex;
flex-direction: column;
align-items: flex-start;
}
}
form#wpforms-form-23528 ul#wpforms-23528-field_5 li {
align-items: center!important;
}
form#wpforms-form-23528 label.wpforms-field-label-inline {
color: #fff!important;
font-weight: bold!important;
}
form#wpforms-form-23528 input#wpforms-23528-field_5_1:before,
form#wpforms-form-23528 input#wpforms-23528-field_5_2:before {
border-width: 0!important;
border-style: var(--wpforms-field-border-style);
border-color: var(--wpforms-field-border-color);
background-color: var(--wpforms-field-background-color);
background-clip: padding-box;
background-image: none;
border-radius: 50%!important;
}
.page-template-contatti form#wpforms-form-23528 input#wpforms-23528-field_5_1:before,
.page-template-contatti form#wpforms-form-23528 input#wpforms-23528-field_5_2:before {
border: 2px solid #000000!important;
}
form#wpforms-form-23528 input#wpforms-23528-field_5_1:checked:after {
border: 0;
border-top: none;
border-right: none;
height: calc( var(--wpforms-field-size-checkbox-size ) * 0.6);
border-left: 0;
border-bottom: 0;
background-color: transparent;
transform: scale(0.8) rotate(-45deg);
left: 2px!important;
top: auto!important;
border: 0;
border-radius: 50%;
background: #8BC34A;
}
form#wpforms-form-23528 input#wpforms-23528-field_5_2:checked:after {
border: 0;
border-top: none;
border-right: none;
height: calc( var(--wpforms-field-size-checkbox-size ) * 0.6);
border-left: 0;
border-bottom: 0;
background-color: transparent;
transform: scale(0.8) rotate(-45deg);
left: 2px!important;
top: calc( -3px + var(--wpforms-field-border-size, 1px ));
border: 0;
border-radius: 50%;
background: #d52a1d;
}
div#wpforms-23528-field_5-container {
min-height: auto;
border: 0;
border-radius: 5px;
padding: 0;
}
em.wpforms-error {
background: #fff!important;
/* padding: 5px 15px!important; */
border-radius: 3px!important;
border: 1px dashed #fff;
height: 43px!important;
display: flex!important;
align-items: center;
padding-left: 0;
font-weight: bold!important;
}
div.wpforms-container-full .wpforms-form label.wpforms-error:before,
div.wpforms-container-full .wpforms-form em.wpforms-error:before {
width: 25px!important;
height: 25px!important;
-webkit-mask-image: url('/svg/i-alert.svg')!important;
mask-image: url('/svg/i-alert.svg')!important;
left: 0;
margin-right: 10px;
}
div.wpforms-container-full input[type=checkbox]:focus:before,
div.wpforms-container-full input[type=radio]:focus:before {
border-width: var(--wpforms-field-border-size, 0);
border-style: solid;
border-color: var(--wpforms-button-background-color);
box-shadow: none!important;
outline: none;
}
.page-template-contatti form#wpforms-form-23528 label.wpforms-field-label-inline {
color: #000000!important;
font-weight: bold!important;
padding: 0;
}
div.wpforms-container-full input[type=checkbox],
div.wpforms-container-full input[type=radio] {
position: relative;
display: inline-block;
background: none;
margin: 0;
border: none;
box-shadow: none;
vertical-align: middle;
opacity: 1;
appearance: none;
display: flex!important;
/* align-items: center!important; */
/* justify-content: flex-start!important; */
}
div.wpforms-container-full input[type=checkbox]:before,
div.wpforms-container-full input[type=checkbox]:after,
div.wpforms-container-full input[type=radio]:before,
div.wpforms-container-full input[type=radio]:after {
/* content: ''; */
/* position: absolute; */
/* left: auto!important; */
/* top: auto!important; */
/* width: 25px!important; */
/* height: 25px!important; */
/* box-sizing: content-box; */
/* cursor: pointer; */
}
.disclamier p {
position: relative;
padding-left: 50px;
line-height: 105%;
color: #656565;
}
.disclamier p:before {
content: '';
position: absolute;
width: 35px;
height: 35px;
top: 0;
left: 0;
opacity: 1;
background-size: 40px;
background-image: url('/svg/i-info-text-tooltip.svg');
background-repeat: no-repeat;
background-position: center center;
border: 2px solid #e20613;
border-radius: 50%;
}
.section__cta {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 50px;
border-radius: 15px;
}
.cta {
border-radius: 10px;
padding: 100px;
display: flex;
flex-direction: column;
color: #fff;
position: relative;
}
@media screen and (max-width: 768px) {
.cta {
border-radius: 0;
padding: 100px 50px;
display: flex;
flex-direction: column;
color: #fff;
position: relative;
}
}
.cta__link {
margin-top: 25px;
}
.cta__link a{
position: relative;
width: auto;
max-width: 180px;
display: flex;
height: 60px;
border-radius: 3px;
padding: 0 20px;
justify-content: center;
align-items: center;
font-weight: 500;
letter-spacing: 3px;
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
color: #e20613;
font-family: "Poppins" , serif;
background-color: #fff;
transition: all .25s ease-in-out;
margin-top: 0;
z-index: 10;
position: relative;
bottom: 0;
border-bottom-left-radius: 12.5px;
border-bottom-right-radius: 12.5px;
}
.cta__link .arrow-r:after {
background-image: url('/svg/i-freccia-destra-rosso.svg')!important;
}
.cta__link .arrow-r:hover:after {
transform: translateX(5px);
}
span.pub-date {
height: 150px;
left: 15px;
width: 35px;
background: #e20613;
position: absolute;
top: 15px;
display: flex;
align-items: center;
justify-content: center;
border-top-left-radius: 10px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.content__date {
transform: rotate(-90deg);
position: relative;
width: auto;
display: flex;
align-items: center;
color: #fff;
text-transform: uppercase;
font-size: 1.25rem;
font-weight: bold;
letter-spacing: 1px;
}
.date__giorno {
margin: 5px;
}
.date__anno {
margin: 5px;
}
/* ATTIVITA */
.page-template-in-corso article,
.page-template-blog article {
position: relative;
}
.page__link {
position: absolute;
bottom: 15px;
}
.page-template-in-corso .page__link a,
.page-template-blog article .page__link a {
display: flex;
width: 100%;
height: 60px;
border-radius: 3px;
padding: 0 20px;
justify-content: center;
align-items: center;
font-weight: 500;
letter-spacing: 3px;
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
color: #fff;
font-family: "Poppins" , serif;
background-color: #000000;
transition: all .25s ease-in-out;
margin-top: 0;
z-index: 10;
position: relative;
bottom: 0;
border-bottom-left-radius: 12.5px;
border-bottom-right-radius: 12.5px;
}
.page-template-in-corso article .arrow-r:after,
.page-template-blog article .arrow-r:after {
background-image: url('/svg/i-freccia-destra-bianco.svg');
}
.page-template-in-corso .arrow-r:hover:after,
.page-template-blog article .arrow-r:hover:after {
transform: translateX(5px);
}
.page-template-in-corso article a.img__link,
.page-template-blog article a.img__link {
width: 100%;
min-height: 300px;
display: flex;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
margin-bottom: 15px;
}
.single-attivita h3.subltitle:after {
content: '';
position: absolute;
bottom: -15px;
width: 80px;
height: 6px;
background: #e20613;
left: calc(50% - 40px);
display: none!important;
}
a.button__back.underline-l.long-word {
position: relative;
padding-left: 25px;
width: auto;
/* border: 1px solid red; */
display: flex;
align-items: center;
justify-content: flex-start;
}
a.button__back.underline-l.long-word:before,
a.button__back.underline-l.long-word:before {
content: '';
background-size: 20px;
background-image: url('/svg/i-freccia-destra-rosso.svg');
background-repeat: no-repeat;
background-position: center;
position: absolute;
left: 0;
top: 0;
width: 25px;
height: 100%;
transform: rotate(180deg);
filter: opacity(0.5);
}
.page-template-in-corso .section__title a,
.page-template-blog .section__title a {
font-weight: normal;
position: relative;
}
.page-template-in-corso a.button__back.underline-l.long-word:after,
.page-template-blog a.button__back.underline-l.long-word:after {
content: '';
width: 0;
height: 3px;
background: #7a2260;
display: block;
position: absolute;
border-radius: 5px;
bottom: 4px;
left: 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
a.button__back.underline-l:hover::after,
a.button__back.underline-l:hover::after {
width: 100%;
}
a.button__back.underline-l:after {
content: '';
width: 0;
height: 2.5px;
background: #ffffff;
display: block;
position: absolute;
border-radius: 5px;
bottom: 0px;
left: 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
a.button__back.underline-l.long-word:after {
content: '';
width: 0;
height: 2px;
background: #e20613;
display: block;
position: absolute;
border-radius: 5px;
bottom: 8px;
left: 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
@media (max-width: 768px) {
a.button__back.underline-l:after,
a.button__back.underline-l.long-word:after {
display: none;
}
}
a.button__back.underline-l:hover::after {
width: 100%;
}
/* p.cursive {
font-size: 1rem!important;
letter-spacing: 5px;
color: #bcbcbc;
margin: 10px;
padding-left: 25px;
} */
/* ! PAGINATION */
a.prev.page-numbers {
font-size: 0;0
width: 55px;
height: 55px;
display: flex;
align-items: center;
border-radius: 50%;
background-color: #000000;
background-image: url('/svg/blog-arrow-left.svg');
background-position: center;
background-size: 35px;
background-repeat: no-repeat;
color: #fff;
}
a.next.page-numbers {
font-size: 0;
width: 55px;
height: 55px;
display: flex;
align-items: center;
border-radius: 50%;
background-color: #000000;
background-image: url('/svg/blog-arrow-right.svg');
background-position: center;
background-size: 35px;
background-repeat: no-repeat;
color: #fff;
}
a.page-numbers {
width: 55px;
height: 55px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background-color: #000000;
color: #fff;
font-weight: bold;
}
span.page-numbers.current {
width: 55px;
height: 55px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background-color: #ffff00;
color: #000;
font-weight: bold;
transform: scale(1.10);
box-shadow: 0 0 20px #00000030;
border: 0;
z-index: 9999;
}
article.item--servizi.sezione-fissa {
background: #e20613;
min-height: 537px;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
@media (max-width: 768px) {
article.item--servizi.sezione-fissa {
display: none;
}
}
article.item--servizi.sezione-fissa .servizi__cover-content,
article.item--servizi.sezione-fissa .servizi_link {
opacity: 0;
height: 0;
}
article.item--servizi.sezione-fissa h3 {
color: #fff;
}
.cta-home {
padding: 0;
margin: 0;
}
@media (max-width: 768px) {
.cta-home {
padding: 0 15px;
margin: 0;
}
}
.cta-home a {
display: flex;
width: auto;
height: 60px;
border-radius: 3px;
padding: 0 20px;
justify-content: center;
align-items: center;
font-weight: 500;
letter-spacing: 3px;
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
color: #fff;
font-family: "Poppins" , serif;
background-color: #000000;
transition: all .25sease-in-out;
margin-top: 0;
z-index: 10;
position: relative;
bottom: 0;
border-bottom-left-radius: 12.5px;
border-bottom-right-radius: 12.5px;
}
.cta-home .arrow-r:after {
background-image: url('/svg/i-freccia-destra-bianco.svg');
}
.cta-home .arrow-r:hover:after {
transform: translateX(5px);
}
.col-100.grid.boxed.slogan img {
border-radius: 25px;
}
.col-100.grid.boxed.slogan {
position: relative;
}
.dec__home-01 {
position: absolute;
right: 20%;
background: #ffffff;
border: 1px solid #e5e5e5;
box-shadow: 0 0 20px #00000017;
border-radius: 15px;
width: 120px;
height: 120px;
top: 20%;
background-image: url('/svg/i-mask-theatre.svg');
background-repeat: no-repeat;
background-position: center;
background-size: 60px;
/* filter: invert(1); */
}
.dec__home-02 {
position: absolute;
right: 30%;
background: #ffffff;
border: 1px solid #e5e5e5;
box-shadow: 0 0 20px #00000017;
border-radius: 15px;
width: 120px;
height: 120px;
top: 35%;
background-image: url('/svg/i-spotlight.svg');
background-repeat: no-repeat;
background-position: center;
background-size: 50px;
/* filter: invert(1); */
}
blockquote.atf--img {
margin: 0;
padding: 0;
border: 0;
}
blockquote {
font-weight: 200;
/* font-style: italic; */
margin: 0.25em 0;
padding: 0px 80px;
line-height: 1% !important;
position: relative;
border-left: 0;
background-image: url('/svg/i-quote-tcu.svg');
background-repeat: no-repeat;
background-position: top left;
background-size: 50px;
}
@media (max-width: 768px) {
blockquote {
font-weight: 200;
/* font-style: italic; */
margin: 0.25em 0;
padding: 0px 80px;
padding-right: 0;
line-height: 1% !important;
position: relative;
border-left: 0;
background-image: url('/svg/i-quote-tcu.svg')
background-repeat: no-repeat;
background-position: top left;
background-size: 50px;
}
}
blockquote h2 {
font-weight: bold !important;
max-width: 60%;
line-height: 100% !important;
color: #e20613;
font-style: normal;
}
@media (max-width: 768px) {
blockquote h2 {
font-weight: bold!important;
max-width: 100%;
line-height: 100%!important;
color: #e20613;
font-size: 2rem;
}
}
.container--marquee {
padding: 0!important;
background: #e20e19;
}
.marquee-text {
overflow: clip;
border-top: 0;
/* border-bottom: 1px solid #000000; */
padding: 0;
padding-top: 0;
/* margin-top: 70px; */
}
@media (max-width: 768px) {
.marquee-text {
overflow: clip;
border-top: 0;
/* border-bottom: 1px solid #000000; */
padding: 0;
/* margin-top: 70px; */
}
}
.marquee-text-track {
display: flex;
align-items: center;
justify-content: center;
padding-left: 30px;
gap: 25px;
width: max-content;
animation: marquee-move-text var(--speed, 100s) linear infinite var(
--direction,
forwards
);
}
@media (max-width: 768px) {
.marquee-text-track {
display: flex;
align-items: center;
justify-content: center;
padding-left: 30px;
gap: 30px;
width: max-content;
animation: marquee-move-text var(--speed, 50s) linear infinite var(
--direction,
forwards
);
}
}
.marquee-text p {
/* border: 2px solid #05a376; */
background-color: #ffff00;
border-radius: 0;
padding: 10px 0;
padding-right: 25px;
/* color: #05a376; */
color: #fff;
font-size: 2.5vw!important;
font-weight: bold;
text-transform: uppercase;
margin: 0;
width: auto!important;
letter-spacing: -2px;
position: relative;
/* border: 1px solid; */
}
@media screen and (max-width: 768px) {
.marquee-text p {
/* border: 2px solid #05a376; */
border-radius: 999px;
/* color: #05a376; */
color: #fff;
font-size: 2rem!important;
font-weight: bold;
text-transform: uppercase;
margin: 0;
letter-spacing: .2px;
}
}
.marquee-text p:after {
content: '';
position: absolute;
right: -12.5px;
top: calc(50% - 4px);
width: 25px;
height: 8px;
background: #000;
}
@media screen and (max-width: 768px) {
.marquee-text p:after {
content: '';
position: absolute;
right: -12.5px;
top: calc(50% - 3px);
width: 20px;
height: 6px;
background: #000;
}
}
@keyframes marquee-move-text {
to {
transform: translateX(-50%);
}
}
.fadeout-horizontal {
-webkit-mask-image: linear-gradient(to right, transparent 0%, white 80px, white calc(100% - var(--fade-distance, 80px)), transparent 100%);
mask-image: linear-gradient(to right, transparent 0%, white 80px, white calc(100% - var(--fade-distance, 80px)), transparent 100%);
}
.anteprima-eventi {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
min-height: auto;
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
}
@media screen and (max-width: 768px) {
.anteprima-eventi {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: calc(100dvh - 120px);
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
}
}
.anteprima-eventi:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
left: 0;
bottom: 0;
background: linear-gradient(360deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.7) 100%);
opacity: 1;
z-index: 9;
display: none;
}
@media screen and (max-width: 768px) {
.anteprima-eventi:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
left: 0;
bottom: 0;
background: linear-gradient(360deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.7) 100%);
opacity: 1;
z-index: 9;
}
}
.anteprima--content {
width: 100%;
height: 100vh;
position: absolute;
top: 0;
padding: 100px 25px;
padding-left: 100px;
z-index: 99;
/* border-top: 1px solid #fff; */
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-end;
}
.anteprima--stato {
width: 100%;
display: flex;
margin-bottom: 10px;
}
span.evento__stato.in-corso {
border-radius: 5px;
background: transparent;
padding: 10px 15px;
color: #ffffff;
font-size: 16px;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
/* border: 2px solid; */
padding-left: 40px;
position: relative;
display: flex;
align-items: center;
}
span.evento__stato.in-corso:before {
content: '';
position: absolute;
top: auto;
left: 0;
width: 25px;
height: 25px;
display: block;
border: 4px solid rgb(5 163 118);
/* background: white; */
border-radius: 50%;
animation: status-pulse-in-corso 1s infinite;
}
span.evento__stato.da-disputare {
border-radius: 5px;
background: transparent;
padding: 10px 15px;
color: #fff;
font-size: 16px;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
/* border: 2px solid; */
padding-left: 40px;
position: relative;
display: flex;
align-items: center;
}
span.evento__stato.da-disputare:before {
content: '';
position: absolute;
top: auto;
left: 0;
width: 25px;
height: 25px;
display: block;
border: 4px solid #FFC107;
/* background: white; */
border-radius: 50%;
animation: status-pulse-in-arrivo 1s infinite;
}
span.evento__stato.conclusa {
border-radius: 5px;
background: transparent;
padding: 10px 15px;
color: #fff;
font-size: 16px;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
/* border: 2px solid; */
padding-left: 40px;
position: relative;
display: flex;
align-items: center;
}
span.evento__stato.conclusa:before {
content: '';
position: absolute;
top: auto;
left: 0;
width: 25px;
height: 25px;
display: block;
border: 4px solid #F44336;
/* background: white; */
border-radius: 50%;
/* animation: status-pulse 1s infinite; */
}
@keyframes status-pulse-in-corso
{
0% {
box-shadow: 0 0 0 0px rgba(5, 163, 118, 0.5);
}
100% {
box-shadow: 0 0 0 15px rgba(5, 163, 118, 0);
}
}
@keyframes status-pulse-in-arrivo
{
0% {
box-shadow: 0 0 0 0px #ff9800;
}
100% {
box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
}
}
.anteprima--container {
width: 100%;
height: auto;
position: relative;
padding: 25px;
z-index: 99;
border: 1px solid red;
display: block;
flex-direction: column;
}
.anteprima--content {
width: 100%;
height: 100vh;
position: absolute;
top: 0;
padding: 0;
z-index: 99;
/* border-top: 1px solid #fff; */
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-end;
object-fit: cover;
}
@media screen and (max-width: 768px) {
.anteprima--content {
width: 100%;
height: auto;
position: relative;
padding: 0;
padding-left: 0;
padding-bottom: 0;
z-index: 99;
/* border-top: 1px solid #fff; */
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
}
.anteprima--content h3 {
color: #fff;
font-size: 3vw;
line-height: 90%;
margin: 0;
}
@media screen and (max-width: 768px) {
.anteprima--content h3 {
color: #fff;
font-size: 2rem;
line-height: 100%;
margin: 0;
}
}
p.anteprima--location,
p.anteprima--date {
color: #fff;
padding-left: 45px;
margin: 10px 0;
}
@media screen and (max-width: 768px) {
p.anteprima--location,
p.anteprima--date {
color: #fff;
padding-left: 35px;
margin: 10px 0;
}
}
p.anteprima--location {
font-size: 1.4rem !important;
background-image: url('/svg/i-location-bianco.svg');
background-repeat: no-repeat;
background-size: 30px;
background-position: left;
margin-top: 25px;
margin-bottom: 0;
}
@media screen and (max-width: 768px) {
p.anteprima--location {
font-size: 1rem !important;
background-image: url('/svg/i-location-bianco.svg');
background-repeat: no-repeat;
background-size: 20px;
background-position: left;
margin-top: 25px;
margin-bottom: 0;
}
}
p.anteprima--date {
font-size: 1.8rem !important;
line-height: 100%;
background-image: url('/svg/i-calendario-bianco.svg');
background-repeat: no-repeat;
background-position: left;
background-size: 30px;
text-transform: uppercase;
margin-top: 0;
}
@media screen and (max-width: 768px) {
p.anteprima--date {
font-size: 1.4rem !important;
line-height: 100%;
background-image: url('/svg/i-calendario-bianco.svg');
background-repeat: no-repeat;
background-position: left 1px;
background-size: 20px;
text-transform: uppercase;
margin-top: 5px;
}
}
.container__flexible-content {
display: flex;
flex-direction: column;
width: 100%;
height: 100vh;
height: auto;
padding: 0;
border: var(--container__flexible-border);
box-sizing: border-box;
}
@media screen and (max-width: 768px) {
.container__flexible-content {
padding: 15px;
}
}
@media screen and (max-width: 768px) {
.page-template-home .container__flexible-content {
padding: 0;
}
}
.container__rotate {
position: relative;
width: 200px;
height: 200px;
display: flex;
align-items: center;
justify-content: flex-start;
margin-top: 50px;
}
.content__rotate {
position: relative;
width: 250px;
height: 250px;
display: flex;
align-items: center;
justify-content: center;
}
img.scopri-palio {
width: 150px;
width: 50px;
opacity: 1;
border-radius: 50%;
border: 0;
animation: pulse-love 1s linear infinite;
}
a.link__palio {
background: transparent;
margin: 0;
width: 100%;
height: 100%;
z-index: 999;
display: flex;
padding: 0 20px;
justify-content: center;
align-items: center;
font-weight: 500;
letter-spacing: 3px;
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
transition: all .25s ease-in-out;
}
.cariche--content {
width: 100%;
display: flex;
flex-direction: column;
}
article.item__carica {
border-bottom: 1px solid #000000;
width: 100%;
padding: 15px 0;
}
article.item__carica:nth-child(2) {
border-top: 1px solid #000000 !important;
}
.item__carica-img {
width: 80px;
height: 80px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 50%;
margin-right: 25px;
}
.item__carica-flex {
display: flex;
}
.item__carica-nome {
font-size: 2rem;
line-height: 100%;
font-weight: bold;
margin-bottom: 5px;
}
.item__carica-ruolo {
font-size: 1rem;
line-height: 100%;
font-weight: normal;
}
.palio23 .menu-tema__img:before {
background: #f99d9b!important;
}
.palio24 .menu-tema__img:before {
background: #7393ba!important;
}
.palio24 .menu-tema__img:before {
background: #7393ba!important;
}
.palio22 .menu-tema__img:before {
background: #6d6d6d!important;
}
.palio21 .menu-tema__img:before {
background: #caa55f!important;
}
.palio20 .menu-tema__img:before {
background: #a8dd44!important;
}
.mestieri1 .menu-tema__img:before {
background: #edc536!important;
}
.mestieri2 .menu-tema__img:before {
background: #a179c4!important;
}
.mestieri3 .menu-tema__img:before {
background: #dd6666!important;
}
.mestieri4 .menu-tema__img:before {
background: #568ebf!important;
}
.content__edizioni {
display: block;
width: 100%;
}
.edizioni__cover-content {
width: 100%;
height: 350px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
article.item--edizioni {
border: 2px solid #dadada;
border-radius: 25px;
padding: 15px;
padding-bottom: 95px;
min-height: auto;
}
article.item--edizioni {
position: relative;
}
article.item--edizioni h3 {
font-size: 9rem;
line-height: 90%;
}
article.item--edizioni p {
font-size: 0.85rem !important;
line-height: 90%;
text-transform: uppercase;
}
.edizioni__cover {
padding: 15px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.edizioni_link {
position: absolute;
bottom: 15px;
}
article.item--edizioni .edizioni_link a {
display: flex;
width: 100%;
height: 60px;
border-radius: 3px;
padding: 0 20px;
justify-content: center;
align-items: center;
font-weight: 500;
letter-spacing: 3px;
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
color: #fff;
font-family: "Poppins" , serif;
background-color: #000000;
transition: all .25s ease-in-out;
margin-top: 0;
z-index: 10;
position: relative;
bottom: 0;
border-bottom-left-radius: 12.5px;
border-bottom-right-radius: 12.5px;
}
article.item--edizioni .edizioni_link .arrow-r:after {
background-image: url('/svg/i-freccia-destra-bianco.svg');
}
.menu-item__edizione h3 {
font-size: 12rem;
font-weight: bold;
margin-top: -50px;
}
.menu-item__edizione p {
font-size: 2rem;
font-weight: bold;
}
.intro .dec__home-01,
.intro .dec__home-02 {
display: none;
}
.swiper.SwiperEdizioni {
padding: 100px 0;
}
.swiper.SwiperPartners {
padding: 100px 0;
padding-bottom: 50px;
}
.item__carica-text {
width: calc(100% - 105px);
display: flex;
flex-direction: column;
/* border: 1px solid; */
}
a.arrow-r.fade-in.section__link02 {
position: relative;
border: 1px solid #000000;
padding: 10px;
margin-top: 15px;
width: 150px;
background-repeat: no-repeat;
background-position: calc(100% - 10px);
background-size: 20px;
background-image: url('/svg/down-right-arrow.svg');
opacity: 1;
transform: none;
}
.cta--content {
width: 100%;
max-width: 1400px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
padding: 0;
}
.cta-newsletter .section__link01 {
display: flex;
width: auto;
height: 60px;
border-radius: 3px;
padding: 0 20px;
justify-content: center;
align-items: center;
font-weight: 500;
letter-spacing: 3px;
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
color: #fff;
font-family: "Poppins" , serif;
background-color: #000000;
transition: all .25sease -in-out;
margin-top: 0;
z-index: 10;
position: relative;
bottom: 0;
border-bottom-left-radius: 12.5px;
border-bottom-right-radius: 12.5px;
}
.cta-newsletter .arrow-r:after {
background-image: url('/svg/i-freccia-destra-rosso.svg');
}
div#altri-progetti--edizioni h3 {
font-size: 4rem;
}
div#palio--edizioni .simbolo-ed {
display: none;
}
div#mestieri--edizioni .simbolo {
display: none;
}
div#mestieri--edizioni .simbolo-ed {
position: absolute;
font-size: 4.4rem;
top: -8px;
}
div#altri-progetti--edizioni .simbolo,
div#altri-progetti--edizioni .simbolo-ed {
display: none;
}
.item__comunicato-img {
display: flex;
width: 50px;
height: auto;
align-items: center;
justify-content: center;
background-size: cover;
background-position: top;
background-repeat: no-repeat;
border-radius: 0;
margin-right: 15px;
background-size: 50px;
background-image: url('/svg/i-comunicati.svg');
}
.item__comunicato-text {
width: calc(100% - 65px);
display: flex;
flex-direction: column;
/* border: 1px solid; */
}
@media screen and (max-width: 768px) {
.item__comunicato-text {
width: 100%;
display: flex;
flex-direction: column;
/* border: 1px solid; */
}
}
.item__comunicato-data {
font-size: 1rem;
line-height: 100%;
font-weight: normal;
/* background: #ccc; */
width: auto;
/* display: block; */
margin-top: 4px;
margin-bottom: 10px;
}
.item__comunicato-data span {
background: #e3e2e2;
border-radius: 5px;
padding: 2px 5px;
}
@media screen and (max-width: 768px) {
.item__comunicato-img {
display: none;
}
}
.cariche,
.comunicati,
.trasparenza,
.trasparenza-old {
/* padding: 0; */
}
.trasparenza-old {
opacity: .5;
}
.container--cariche,
.container--comunicati,
.container--trasparenza {
padding-bottom: 0;
}
@media screen and (max-width: 1190px) {
.container--cariche,
.container--comunicati,
.container--trasparenza {
padding: 0!important;
}
}
article.item__carica:last-child {
border-bottom: 0;
}
.page-id-24 article.item__carica:last-child {
border-bottom: 1px solid #000000;
}
@media screen and (min-width: 1191px) {
.current-menu-parent {
border: 2px solid #e20613;
border-radius: 0;
padding: 0 !important;
padding-right: 10px !important;
}
}
.menu li a,
.current-menu-item a {
color: #ffffff !important;
opacity: 1!important;
border-radius: 5px;
background: transparent;
/* border-left: 20px solid #e20613; */
font-size: clamp(2.8rem, -0.3132rem + 4.1509vw, 5rem)!important;
line-height: 100%;
}
@media screen and (max-width: 1190px) {
.current-menu-item a {
color: #e20613!important;
opacity: 1!important;
border-radius: 0;
background: transparent;
/* border-left: 20px solid #e20613; */
}
}
@media screen and (min-width: 1191px) {
li#menu-item-34.current-menu-item a,
li#menu-item-23921.current-menu-item a,
li#menu-item-23941.current-menu-item a {
border: 2px solid #e20613!important;
border-radius: 10px;
/* padding: 0 !important; */
/* padding-right: 10px !important; */
}
}
@media screen and (min-width: 1191px) {
li#menu-item-123.current-menu-item a {
border: 0!important;
background-color: #e20613!important;
/* padding-right: 10px !important; */
}
}
.rotate-container {
display: flex;
align-items: center;
justify-content: flex-start;
overflow: hidden;
padding: 0;
margin: 0;
position: relative;
width: 250px;
height: 250px;;
border: 1px solid red;
}
.circle-container {
position: relative;
width: 250px;
height: 250px;
display: flex;
align-items: center;
justify-content: center;
}
.circle-container svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform-origin: center;
}
@keyframes circle-rotate {
form {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.circle-container text {
animation: circle-rotate 35s linear infinite;
transform-origin: 50% 50%;
fill: #fff;
font-size: 1.08rem!important;
font-family: "Poppins" , serif;
text-transform: uppercase;
font-weight: bold;
/* text-align: center; */
/* display: flex; */
/* align-items: center; */
/* justify-content: center; */
letter-spacing: 1px!important;
}
.image-circle-container {
position: absolute;
left: auto;
top: auto;
width: 60px;
height: 60px;
border-radius: 0;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
}
.image-circle-container img {
width: 100%;
height: 100%;
object-fit: cover;
animation: pulse-love 1s linear infinite;
}
/* SLIDER IMG */
.SwiperGallery {
height: auto;
padding-top: 0;
position: relative;
}
@media screen and (max-width: 768px) {
.SwiperGallery {
height: auto;
}
}
.slider-container {
width: 100%;
margin: 0 auto;
/* border: 1px solid red; */
display: block;
}
.container__img-slide>img {
width: auto;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale(1.01);
transform: translate(-50%, -50%) scale(1.01);
-webkit-transition: opacity .3scubic-bezier(.57,.24,.39,.88);
transition: opacity .3scubic-bezier(.57,.24,.39,.88);
opacity: 0;
/* min-height: 680px; */
}
img.wh {
height: auto;
width: 100%;
opacity: 1;
min-height: 400px;
max-height: 400px;
object-fit: cover;
}
@media screen and (max-width: 768px) {
img.wh {
height: auto;
width: 100%;
opacity: 1;
min-height: 180px;
max-height: 180px;
object-fit: cover;
}
}
.bk__hover .cover__img-slide,
.bk__hover:after {
position: absolute;
left: 50%;
top: 50%;
width: 100%;
height: 100%;
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transition: .3s;
transition: .3s
}
.bk__hover:after {
content: "";
display: block;
-webkit-transform: translate3d(-50%,-50%,1px) scale(0);
transform: translate3d(-50%,-50%,1px) scale(0);
background-color: #e20613;
/* background-color: #000000; */
mix-blend-mode: multiply;
/* filter: grayscale(1); */
z-index: 1
}
.bk__hover:after {
content: "";
display: block;
-webkit-transform: translate3d(-50%,-50%,1px) scale(0);
transform: translate3d(-50%,-50%,1px) scale(0);
background-color: #e20613;
/* background-color: #000000; */
mix-blend-mode: multiply;
/* filter: grayscale(1); */
z-index: 1
}
/* .palio24 .bk__hover:after {
background-color: #7393ba!important;
} */
.bk__hover .cover__img-slide {
-webkit-transform: translate3d(-50%,-50%,1px);
transform: translate3d(-50%,-50%,1px);
opacity: 0;
pointer-events: none;
z-index: 2
}
.bk__hover .cover__img-slide .img-slide__link {
width: 100%;
max-width: 100%;
position: relative;
height: 100%;
}
.bk__hover:hover .cover__img-slide {
-webkit-transition: .3s .15s;
transition: .3s .15s
}
.bk__hover:hover .cover__img-slide,
.bk__hover:hover:after {
-webkit-transform: translate3d(-50%,-50%,1px) scale(1);
transform: translate3d(-50%,-50%,1px) scale(1);
opacity: 1;
pointer-events: auto
}
.bk__hover:hover {
text-decoration: none
}
.m_auto {
margin-left: auto;
margin-right: auto;
}
.img-slide__link.center_div svg {
position: absolute;
width: 60px;
height: 60px;
left: calc(50% - 30px);
top: calc(50% - 30px);
filter: invert(1);
}
@media screen and (max-width: 768px) {
.img-slide__link.center_div svg {
position: absolute;
width: 50px;
height: 50px;
left: calc(50% - 25px);
top: calc(50% - 25px);
}
}
.glightbox-clean .gslide-title {
font-size: 1em;
font-weight: 400;
font-family: arial;
color: #000000;
margin-bottom: 5px!important;
line-height: 100%!important;
font-weight: bold!important;
font-family: "Poppins" , serif!important;
}
.glightbox-clean .gslide-desc {
font-size: .86em;
margin-bottom: 0;
font-family: "Poppins" , serif!important;
line-height: 100%!important;
}
.item__importro {
margin-top: 10px;
}
.item__importro span {
font-size: 1.2rem;
margin-top: 5px;
color: #2c5100;
/* font-weight: bold; */
background: #8BC34A;
border-radius: 5px;
padding: 2px 5px;
}
.item__importro--nota {
font-size: 15px;
opacity: .6;
margin-top: 3px;
}
.item__erogante {
font-size: 1.25rem;
line-height: 100%;
font-weight: normal;
margin-bottom: 5px;
text-transform: uppercase;
}
.item__trasparenza-text {
width: calc(100% - 65px);
display: flex;
flex-direction: column;
/* border: 1px solid; */
}
@media screen and (max-width: 768px) {
.item__trasparenza-text {
width: calc(100% - 45px);
display: flex;
flex-direction: column;
/* border: 1px solid; */
}
}
.item__causale {
font-size: 1.2rem;
line-height: 100%;
font-weight: bold;
}
.item__trasparenza-img {
display: flex;
width: 50px;
height: auto;
align-items: center;
justify-content: center;
background-size: cover;
background-position: top;
background-repeat: no-repeat;
border-radius: 0;
margin-right: 15px;
background-size: 50px;
background-image: url('/svg/i-erogazioni.svg');
}
@media screen and (max-width: 768px) {
.item__trasparenza-img {
display: flex;
width: 30px;
height: auto;
align-items: center;
justify-content: center;
background-size: cover;
background-position: 0 0;
background-repeat: no-repeat;
border-radius: 0;
margin-right: 15px;
background-size: 30px;
background-image: url('/svg/i-erogazioni.svg');
}
}
.item__carica-mandato {
color: #e20613;
text-transform: uppercase;
font-size: .8rem;
margin-top: 5px;
}
.page-id-24 .anteprima--stato,
.page-id-24 p.anteprima--location,
.page-id-23258 .anteprima--stato,
.page-id-23258 p.anteprima--location {
display: none;
}
.page-id-24 p.anteprima--date {
font-size: 3vw !important;
line-height: 100%;
background-image: none!important;
margin-top: 10px;
padding: 0;
}
@media screen and (max-width: 768px) {
.page-id-24 p.anteprima--date {
font-size: 1.4rem!important;
line-height: 100%;
background-image: none!important;
margin-top: 10px;
padding: 0;
}
}
@media screen and (max-width: 768px) {
.page-id-23258 .anteprima-eventi,
.page-id-24 .anteprima-eventi {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: auto;
min-height: 400px;
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
}
}
span.item--organi {
background-size: 30px;
background-repeat: no-repeat;
background-position: left;
background-size: 20px;
background-image: url('/svg/down-right-arrow.svg');
padding-left: 25px;
}
/* SINGLE MESTIERI */
.single-mestieri .mestieri {
padding: 15px!important;
}
@media (max-width: 768px) {
.single-mestieri .mestieri {
padding: 0!important;
}
}
.single-mestieri .edizione--location {
font-size: 1.4rem !important;
line-height: 100%;
min-height: 30px;
background-image: url('/svg/i-location-black.svg');
background-repeat: no-repeat;
background-size: 30px;
background-position: 0 0;
margin-top: 25px;
margin-bottom: 5px;
padding-left: 40px;
}
.single-mestieri .edizione--date {
font-size: 1.8rem !important;
line-height: 100%;
background-image: url('/svg/i-calendario-nero.svg');
background-repeat: no-repeat;
background-position: 0 0;
background-size: 30px;
text-transform: uppercase;
margin-top: 0;
padding-left: 40px;
}
@media (max-width: 768px) {
.single-mestieri .section__title {
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
text-align: left;
padding: 0;
}
}
/* SINGLE PALIO */
.single-palio .palio {
padding: 15px !important;
}
@media (max-width: 768px) {
.single-palio .palio {
padding: 0!important;
}
}
.single-palio .edizione--location {
font-size: 1.4rem !important;
line-height: 100%;
min-height: 30px;
background-image: url('/svg/i-location-black.svg');
background-repeat: no-repeat;
background-size: 30px;
background-position: 0 0;
margin-top: 25px;
margin-bottom: 5px;
padding-left: 40px;
}
.single-palio .edizione--date {
font-size: 1.8rem !important;
line-height: 100%;
background-image: url('/svg/i-calendario-nero.svg');
background-repeat: no-repeat;
background-position: 0 0;
background-size: 30px;
text-transform: uppercase;
margin-top: 0;
padding-left: 40px;
}
@media (max-width: 768px) {
.single-palio .section__title {
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
text-align: left;
padding: 0;
}
}
/* SINGLE ALTRI PROGETTI */
.single-altri-progetti .altri-progetti {
padding: 15px !important;
}
@media (max-width: 768px) {
.single-altri-progetti .altri-progetti {
padding: 0!important;
}
}
.single-altri-progetti .edizione--location {
font-size: 1.4rem !important;
line-height: 100%;
min-height: 30px;
background-image: url('/svg/i-location-black.svg');
background-repeat: no-repeat;
background-size: 30px;
background-position: 0 0;
margin-top: 25px;
margin-bottom: 5px;
padding-left: 40px;
}
.single-altri-progetti .edizione--date {
font-size: 1.8rem !important;
line-height: 100%;
background-image: url('/svg/i-calendario-nero.svg');
background-repeat: no-repeat;
background-position: 0 0;
background-size: 30px;
text-transform: uppercase;
margin-top: 0;
padding-left: 40px;
}
@media (max-width: 768px) {
.single-altri-progetti .section__title {
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
text-align: left;
padding: 0;
}
}
@media (max-width: 768px) {
.single-altri-progetti .menu-item__edizione h3 {
font-size: 5rem;
margin-top: -25px;
}
}
/* SINGLE COMUNICATI STAMPA */
.single-comunicati-stampa .comunicati-stampa {
padding: 15px !important;
}
@media (max-width: 768px) {
.single-comunicati-stampa .comunicati-stampa {
padding: 0!important;
}
}
@media (max-width: 768px) {
.single-comunicati-stampa .section__title {
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
text-align: left;
padding: 0;
}
}
@media (max-width: 768px) {
p.cursive {
font-size: .8rem !important;
/* font-family: "Satisfy", cursive; */
color: #e20613;
margin: 10px;
text-align: left;
}
}
article.item--partner {
border: 1px solid #dadada;
border-radius: 5px;
padding: 5px;
min-height: 140px;
position: relative;
}
.partner__cover {
padding: 5px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.partner__cover p {
font-size: 15px !important;
text-transform: uppercase;
line-height: 100%;
}
p.tipo--partner span {
border: 1px solid #000000;
padding: 2px 5px;
border-radius: 2px;
font-size: 9px;
letter-spacing: 1px;
font-weight: bold;
background-color: #000000;
color: #fff;
}
article.item--partner.partenariato {
background: #fff;
}
article.item--partner.sostegno {
background: #fff;
}
@media (max-width: 1190px) {
footer p.cursive {
font-size: 1rem !important;
/* font-family: "Satisfy", cursive; */
color: #fff;
margin: 0;
text-align: left;
margin-bottom: 15px!important;
}
}
@media (max-width: 1190px) {
.footer__social {
width: 100%;
height: auto;
display: flex;
align-items: center;
justify-content: center;
padding-bottom: 0;
border-top: 1px solid #ffffff !important;
border-bottom: 1px solid #fff;
}
}
@media (max-width: 768px) {
footer.boxed-mobile {
padding: 25px;
padding-top: 0;
padding-bottom: 0;
}
}
@media (max-width: 768px) {
footer .section__title {
padding: 0;
}
}
@media (max-width: 768px) {
.page-template-contatti .spacer__extra-small_m,
.page-template-contatti .spacer {
height: 150px;
border: 1px solid red;
width: 100%;
display: none!important;
}
}
@media (max-width: 1199px) {
footer.pt-3.pb-3.boxed {
padding: 15px;
}
}
.section__edizioni {
padding: 15px !important;
}
@media (max-width: 768px) {
.container__flexible-content.container--cta,
.col-100.grid.boxed.intro,
.col-100.grid.boxed.slogan {
padding: 0;
}
}
.footer__contact {
/* border: 1px solid red; */
padding: 25px;
padding-left: 0;
align-items: flex-start;
border-top: 0;
}
@media (max-width: 768px) {
.footer__contact {
/* border: 1px solid red; */
padding: 0;
}
}
.footer__azienda {
padding: 0;
}
.footer__contact .cursive {
width: 100%;
display: flex;
font-weight: bold;
margin: 0;
margin-bottom: 10px;
}
/* .footer__menu {
display: flex;
}
@media (max-width: 768px) {
.footer__menu {
display: flex;
flex-direction: column;
}
} */
.footer__menu p {
font-weight: bold;
text-transform: uppercase;
margin: 0;
margin-bottom: 10px;
color: #ffffff;
}
.footer__menu ul {
margin-bottom: 25px;
list-style: none;
padding: 0;
}
@media (max-width: 768px) {
.footer__menu ul {
margin-bottom: 0;
}
}
.footer__menu ul li {
}
.footer__menu ul li a {
font-weight: normal;
margin: 0;
padding: 0;
color: #ffffff;
}
.footer__menu a.button__back.underline-l {
position: relative;
padding-left: 0;
font-size: 16px;
}
.footer__menu a.button__back.underline-l:before {
display: none;
}
.footer__menu a.button__back.underline-l:after {
content: '';
width: 0;
height: 2px;
background: #000000;
display: block;
position: absolute;
bottom: -2px;
left: 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.footer__menu a.button__back.underline-l:hover::after {
width: 100%;
}
.gallery__note {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
margin-top: 15px;
border-top: 1px solid #000000;
}
.container__copyright-foto {
width: 150px;
padding-top: 15px;
/* border: 1px solid red; */
display: flex;
margin: 0;
}
img.foto--copyright {
width: 150px;
height: auto;
margin-left: 0;
display: block;
}
.page-id-23888 p.anteprima--location {
font-size: 1.4rem !important;
background-image: url('/svg/i-archivio-bianco.svg');
background-repeat: no-repeat;
background-size: 30px;
background-position: left;
margin-top: 25px;
margin-bottom: 0;
}
.page-template-contatti footer.pt-3.pb-3.boxed {
padding: 0;
}
.concerti__note {
background: #ededed;
border-radius: 5px;
padding: 25px;
padding-top: 60px;
position: relative;
}
.concerti__note:before {
content: '';
position: absolute;
width: 25px;
height: 25px;
top: 25px;
left: 25px;
z-index: 9;
background-repeat: no-repeat;
background-position: center;
background-image: url('https://dev-emmekweb.it/svg/i-info-box.svg');
background-size: 30px !important;
}
.concerti__note p {
font-size: 1rem !important;
line-height: 110%;
color: #000000c2;
}
.page-id-23751 .concerti__note,
.page-id-23861 .concerti__note,
.page-id-23888 .concerti__note,
.postid-23750 .concerti__note,
.postid-23799 .concerti__note,
.postid-23800 .concerti__note,
.postid-23801 .concerti__note,
.postid-23802 .concerti__note
{
display: none;
}
.single-comunicati-stampa .menu-tema__img:before {
background: #909090;
content: '';
position: absolute;
bottom: -20px;
left: -20px;
width: 100%;
height: 100%;
z-index: -1;
border-radius: 40px;
}
.comunicato__data {
display: flex;
}
.single-comunicati-stampa .menu-item__edizione {
margin-bottom: 25px;
}
.single-comunicati-stampa .menu-item__edizione {
margin-bottom: 25px;
padding: 0 25px;
}
@media (max-width: 768px) {
.single-comunicati-stampa .menu-item__edizione {
margin-bottom: 25px;
padding: 0;
}
}
.comunicato__data p {
width: auto !important;
border: 1px solid #000000;
display: block;
padding: 2px 5px;
border-radius: 5px;
background: #000000;
color: #fff;
}
.single-comunicati-stampa .menu-item__edizione p {
margin: 0;
}
.cta-edizione a {
display: flex;
width: auto;
max-width: 280px;
height: 60px;
border-radius: 3px;
padding: 0 20px;
justify-content: center;
align-items: center;
font-weight: 500;
letter-spacing: 3px;
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
color: #fff;
font-family: "Poppins" , serif;
background-color: #000000;
transition: all .25sease-in-out;
margin-top: 0;
z-index: 10;
position: relative;
bottom: 0;
border-bottom-left-radius: 12.5px;
border-bottom-right-radius: 12.5px;
}
.cta-edizione .arrow-r:after {
background-image: url('/svg/i-freccia-destra-bianco.svg');
}
.cta-edizione .arrow-r:hover:after {
transform: translateX(5px);
}
.page-template-intro header,
.page-template-intro footer {
display: none;
}
.menu-open a.header__logo.defualt {
display: none !important;
}
.menu-open a.header__logo.optional {
display: flex !important;
filter: none!important;
align-items: center;
justify-content: center;
}
img.img--servizi {
width: 250px;
/* position: absolute; */
/* bottom: 0; */
z-index: 10;
margin: 0 auto;
}
@media (max-width: 768px) {
img.img--servizi {
width: 150px;
position: absolute;
bottom: 50px;
z-index: 10;
margin: 0 auto;
}
}
.container--anteprima {
padding: 0;
}
.single-sezioni .anteprima-eventi:before {
height: 120px;
}
.single-sezioni img.img--servizi {
width: 90px;
position: absolute;
bottom: 15px;
z-index: 10;
margin: 0 auto;
left: 15px;
}
.single-sezioni .spacer__extra-large {
height: 120px;
}
article.item--servizi {
border: 0;
border-radius: 25px;
padding: 15px;
padding-bottom: 95px;
min-height: auto;
background-size: cover;
background-repeat: no-repeat;
}
article.item--servizi h3 {
font-size: 1.8rem;
line-height: 100%;
margin-top: 0;
margin: 0;
z-index: 2;
position: relative;
color: #000000;
}
article.item--servizi:before {
content: '';
position: absolute;
/* background: red; */
background: transparent;
/* background: #e20e19; */
border: 4px solid #000;
width: 100%;
height: 100%;
left: 0;
top: 0;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
border-radius: 25px;
z-index: 1;
}
.servizi__cover {
display: flex;
align-items: center;
justify-content: flex-start;
border-bottom: 1px solid #fff;
z-index: 2;
position: relative;
min-height: 120px;
}
img.sezione--icon {
width: 60px;
z-index: 2;
margin-right: 15px;
}
.sezioni--content {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 250px;
z-index: 10;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-auto-rows: auto;
grid-column-gap: 30px;
grid-row-gap: 30px;
align-items: center;
}
@media (max-width: 768px) {
.sezioni--content {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 120px;
z-index: 10;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-auto-rows: auto;
grid-column-gap: 0;
grid-row-gap: 30px;
align-items: center;
}
}
.sezioni--content div {
display: flex;
position: relative;
}
.sezioni--content div:after {
content: '';
position: absolute;
right: 0;
top: calc(50% - 60px);
height: 120px;
background: #fff;
width: 1px;
}
@media (max-width: 768px) {
.sezioni--content div:after {
content: '';
position: absolute;
right: 0;
top: calc(50% - 30px);
height: 60px;
background: #fff;
width: 1px;
}
}
.sezioni--content .last:after {
display: none;
}
.single-sezioni .anteprima--content .section__title {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
text-align: center;
}
.single-sezioni .anteprima--content a.button__back.underline-l.long-word:before {
content: '';
background-size: 20px;
background-image: url('/svg/i-freccia-destra-bianco.svg');
background-repeat: no-repeat;
background-position: center;
position: absolute;
left: 0;
top: 0;
width: 25px;
height: 100%;
transform: rotate(180deg);
filter: opacity(0.5);
}
.single-sezioni .anteprima--content a.button__back.underline-l.long-word:after {
content: '';
width: 0;
height: 2px;
background: #ffffff;
display: block;
position: absolute;
border-radius: 5px;
bottom: 8px;
left: 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.single-sezioni .anteprima--content a.button__back.underline-l:hover::after {
width: 100%;
}
.single-sezioni .anteprima--content p.cursive {
font-size: 1rem !important;
/* font-family: "Satisfy", cursive; */
color: #ffffff;
margin: 10px;
font-weight: normal;
text-transform: uppercase;
text-align: left;
}
.single-sezioni .anteprima--content h3.subltitle:after {
content: '';
position: absolute;
bottom: -15px;
width: 80px;
height: 6px;
background: #e20613;
left: 0;
}
.servizio--text {
max-width: 70%;
margin: 0 auto;
padding: 50px 0;
}
@media (max-width: 768px) {
.servizio--text {
max-width: 100%;
margin: 0 auto;
padding: 50px 0;
padding-bottom: 0;
}
}
div#servizi {
padding: 0;
}
@media screen and (max-width: 768px) {
.page-template-servizi .container__flexible-content {
padding: 0;
}
}
/* Core styles/functionality */
.tab {
width: 100%;
position: relative;
display: -webkit-box;
/* flex-grow: overflow */
}
.tab input {
position: absolute;
opacity: 0;
z-index: -1;
}
.tab__content {
max-height: 600px;
top: 0;
max-height: 0;
overflow: hidden;
transition: all 0.35s;
border: 0;
background: #fff;
border-radius: 25px;
text-align: left;
padding: 25px 50px;
visibility: hidden;
transition: none;
}
.tab input:checked ~ .tab__content {
max-height: 100%;
width: 100%;
top: -28px;
position: relative;
z-index: 9;
background: #000000;
padding-top: 60px;
border: 0;
border-radius: 30px;
text-align: left;
padding: 25px;
visibility: visible;
transition: none;
margin-top: 28px;
margin-bottom: 0;
padding-right: 100px;
padding-top: 80px;
color: #fff;
}
@media (max-width: 768px) {
.tab input:checked ~ .tab__content {
padding-right: 25px!important;
}
}
.tab input:checked ~ .tab__close {
background: rgb(14, 0, 59);
display: none;
position: absolute;
right: 0;
top: 0;
width: 50px;
height: 50px;
z-index: 9;
}
/* Visual styles */
.accordion {
color: var(--theme);
border: 0;
border-radius: 25px;
/* overflow: hidden; */
position: relative;
box-sizing: border-box;
margin-top: 25px;
}
.tab__label,
.tab__close {
display: flex;
color: black;
background: var(--theme);
cursor: pointer;
}
.tab__label {
justify-content: space-between;
padding: 20px;
width: auto;
background: #ffffff;
display: flex;
border: 1px solid;
border-radius: 50px;
height: 60px;
border: 1px solid #000000;
padding: 0 25px;
display: flex;
align-items: center;
justify-content: flex-start;
font-size: clamp(1rem, 2vw, 1.2rem);
line-height: 100%;
color: #000000;
border-radius: 50px;
transition: all .25s ease-in-out;
z-index: 999;
position: absolute;
padding-right: 20px;
top: 0;
left: 0;
font-weight: bold;
letter-spacing: 0.5px;
}
@media (max-width: 1199px) {
.tab__label {
justify-content: space-between;
padding: 20px;
width: auto;
background: #ffffff;
display: flex;
border: 1px solid;
border-radius: 50px;
height: 60px;
border: 1px solid #000000;
padding: 0 20px;
display: flex;
align-items: center;
justify-content: flex-start;
font-size: clamp(1rem, 2vw, 1.2rem);
line-height: 100%;
color: #000000;
border-radius: 50px;
transition: all .25s ease-in-out;
/* z-index: 10; */
position: absolute;
padding-right: 20px;
top: 0;
right: unset;
font-weight: bold;
letter-spacing: 0.5px;
}
}
.service--02 .tab__label,
.service--04 .tab__label{
justify-content: space-between;
padding: 20px;
width: auto;
background: #ffffff;
display: flex;
border: 1px solid;
border-radius: 50px;
height: 60px;
border: 1px solid #000000;
padding: 0 20px;
display: flex;
align-items: center;
justify-content: flex-start;
font-size: clamp(1rem, 2vw, 1.2rem);
line-height: 100%;
color: #000000;
border-radius: 50px;
transition: all .25s ease-in-out;
/* z-index: 10; */
position: absolute;
padding-right: 20px;
top: -19px;
right: unset;
left: 0;
}
.tab__label::after {
content: '';
width: 25px;
height: 25px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
transition: all .25s ease-in-out;
margin-left: -25px;
opacity: 0;
background-image: url('/svg/i-more-white.svg');
transform: rotate(45deg)!important;
filter: invert(0);
}
.tab__label:hover:after {
transform: translateX(5px);
opacity: 1;
margin-left: 20px;
/* padding-right: 20px; */
/* display: inline-flex; */
}
.tab__label:hover {
background-color: #000000;
color: #fff;
}
.tab input:checked ~ .tab__label {
background: #000000;
color: #fff;
}
.tab input:checked + .tab__label::after {
transform: none;
}
.tab__content p {
margin: 0;
padding: 0;
}
.tab__close {
justify-content: flex-end;
padding: 0.5rem 1rem;
font-size: 0.75rem;
opacity: 0;
}
.accordion--radio {
--theme: var(--secondary);
}
/* Arrow animation */
.tab input:not(:checked) + .tab__label:hover::after {
animation: none;
}
@keyframes bounce {
25% {
transform: rotate(90deg) translate(.25rem);
}
75% {
transform: rotate(90deg) translate(-.25rem);
}
}
.tab input:checked ~ .tab__content.tab__close {
background: #105cd9;
}
.tab-close {
background-color: #ffffff;
width: 50px;
height: 50px;
position: absolute;
top: 10px;
right: 10px;
float: right;
display: block;
border-radius: 50%;
background-image: url('/svg/i-close-servizio-black.svg');
background-repeat: no-repeat;
background-size: 25px;
background-position: center;
}
/* FIX HOME PAGE FULLWIDTH */
.page-template-home .header {
border: 0!important;
background: transparent;
background: linear-gradient(0deg, rgba(0, 0, 0, 0), #000);
border-bottom: 0;
filter: invert(1);
}
.page-template-home .header__content {
border: 0!important;
}
body.page-template-home {
overflow: hidden;
position: fixed;
height: 100vh;
width: 100%;
}
.footer-home {
position: absolute;
left: 0;
bottom: 0;
z-index: 99;
display: flex;
align-items: center;
justify-content: flex-start;
text-align: center;
width: 100%;
color: #fff;
font-weight: 100;
height: 110px;
padding-left: 25px;
/* background: #000000; */
/* ROSSO */
background: #e20613;
font-size: .75rem;
/* border: 1px solid; */
}
@media (max-width: 768px) {
.footer-home {
position: fixed;
left: 0;
bottom: 0;
z-index: 99;
display: block;
align-items: flex-start;
justify-content: center;
text-align: center;
width: 100%;
color: #fff;
font-weight: 100;
height: 60px;
padding-left: 25px;
background: #000000;
font-size: .75rem;
flex-direction: column;
}
}
.footer-home a {
color: #fff;
}
.SwiperVideo {
height: 100vh;
width: 100%;
}
.SwiperVideo:after {
content: '';
position: absolute;
top: calc(50vh - 240px);
left: -200px;
width: 480px;
height: 480px;
background-image: url('https://dev-test.me/sacor/wp-content/uploads/2025/10/logo-sacor-pittogramma.svg');
background-position: center;
background-size: contain;
background-repeat: no-repeat;
z-index: 99999;
opacity: 1;
/* mix-blend-mode: lighten; */
display: none;
}
video.back-video {
width: 100%;
height: 100vh;
position: relative;
object-fit: cover;
border-radius: 25px;
/* filter: blur(1.5px); */
}
.video__overlay {
position: absolute;
width: 100%;
height: 100vh;
top: 0;
left: 0;
background-color: #000000!important;
/* margin-bottom: 8px; */
/* filter: grayscale(1); */
opacity: .5;
z-index: 99!important;
}
.video__content {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: 9;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.video__content h3 {
font-size: clamp(2.2rem, 3vw, 6.2rem);
line-height: 100%;
color: #ffffff;
font-family: "avenir-lt-pro", sans-serif;
font-weight: 500;
font-style: normal;
}
.video__content p {
font-size: clamp(1rem, 2vw, 3rem);
line-height: 100%;
color: #fff;
margin-bottom: 50px;
font-family: "avenir-lt-pro", sans-serif;
font-weight: 500;
font-style: normal;
}
.video__content a {
height: 60px;
border: 1px solid #fff;
padding: 0 20px;
display: flex;
align-items: center;
justify-content: center;
font-size: clamp(1rem, 2vw, 1.2rem);
line-height: 100%;
color: #fff;
border-radius: 50px;
transition: all .25s ease-in-out;
z-index: 10;
position: relative;
}
.video__content a:hover {
padding-right: 25px;
background-color: #fff!important;
color: #000000!important;
}
.video__content a:hover:after {
filter: invert(1);
}
.arrow-r:after {
content: '';
width: 25px;
height: 25px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
transition: all .25s ease-in-out;
margin-left: -25px;
opacity: 0;
/* display: none; */
}
.arrow-r:hover:after {
transform: translateX(5px);
opacity: 1;
margin-left: 20px;
/* padding-right: 20px; */
/* display: inline-flex; */
}
.arrow-r:after {
background-image: url('https://dev-test.me/fioridiflora/wp-content/themes/emmekweb/icons/i-freccia-destra-bianco.svg');
}
.SwiperVideo .swiper-button-prev,
.SwiperVideo .swiper-button-next {
width: 50px;
height: 50px;
bottom: 0!important;
border-radius: 50%;
margin: 0;
top: auto;
}
.SwiperVideo .swiper-button-prev {
left: 25px!important;
left: unset;
}
.SwiperVideo .swiper-button-prev:after {
content: '';
position: absolute;
width: 1px;
height: 50%;
background: #fff;
bottom: 0;
right: 0;
left: unset;
z-index: 99;
}
.SwiperVideo .swiper-button-next {
right: 25px;
left: unset;
}
.swiper-button-prev:after {
content: '' !important;
background-image: url('https://dev-test.me/fioridiflora/wp-content/themes/emmekweb/icons/i-freccia-sinistra-bianco.svg');
background-repeat: no-repeat;
background-size: 30px;
background-position: center;
width: 50px;
height: 50px;
/* border: 1px solid gray; */
}
.swiper-button-next:after {
content: '' !important;
background-image: url('https://dev-test.me/fioridiflora/wp-content/themes/emmekweb/icons/i-freccia-destra-bianco.svg');
background-repeat: no-repeat;
background-size: 30px;
background-position: center;
width: 50px;
height: 50px;
/* border: 1px solid gray; */
}
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 25px!important;
left: 0;
width: 100%;
z-index: 99;
display: flex;
align-items: center;
justify-content: center;
}
.SwiperVideo .swiper-pagination-bullet-active {
opacity: 1!important;
background: #ffffff!important;
border: 2px solid #ffffff!important;
/* transform: scale(1.15); */
transition: all ease-in-out .6s;
}
.SwiperVideo .swiper-pagination-bullet {
width: 30px!important;
height: 6px!important;
display: inline-block;
border-radius: 5px;
background: #ffffff;
opacity: 1;
border: 1px solid #fff;
opacity: .25;
}
.swiper-button-next:after {
content: '' !important;
background-image: url('https://dev-test.me/fioridiflora/wp-content/themes/emmekweb/icons/i-freccia-destra-bianco.svg');
background-repeat: no-repeat;
background-size: 30px;
background-position: center;
width: 50px;
height: 50px;
/* border: 1px solid gray; */
}
.page-template-home li#menu-item-34.current-menu-item a,
.page-template-home li#menu-item-23921.current-menu-item a,
.page-template-home li#menu-item-23941.current-menu-item a {
background: transparent;
border: 0!important;
color: #fff;
}
.page-template-home li#menu-item-123 a {
color: #fff!important;
background: #e20613!important;
border-radius: 50px;
/* line-height: 0!important; */
color: #fff!important;
position: relative;
padding: 15px 30px;
/* box-shadow: 0 0 20px #d02d26; */
border: 0;
min-height: 60px;
display: flex;
align-items: center;
justify-content: center;
}
/* .page-template-home .menu li a {
color: #fff;
opacity: 1;
display: flex;
padding: 20px 15px;
font-size: 1.25rem;
font-weight: bold;
letter-spacing: 1px;
margin: 0;
} */
.container__button-swiper {
position: absolute;
bottom: 25px;
right: 25px;
display: flex;
align-items: center;
justify-content: center;
width: 150px;
height: 60px;
background: #e20714;
background: #000000;
z-index: 99999;
border-radius: 50px;
}
@media (max-width: 768px) {
.container__button-swiper {
position: fixed;
bottom: 25px;
right: 25px;
display: flex;
align-items: center;
justify-content: center;
width: 150px;
height: 60px;
background: #e20714;
background: #000000;
z-index: 99999;
border-radius: 50px;
}
}
.container__button-swiper:after {
content: '';
background: white;
position: absolute;
left: 50%;
width: 1px;
height: 50%;
z-index: 9999;
}
.SwiperVideo .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
z-index: 9999;
height: 110px;
bottom: 0!important;
}
@media (max-width: 768px) {
.SwiperVideo .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
z-index: 9999;
height: 60px;
bottom: 80px!important;
position: fixed;
}
}
span.footer__sep {
font-size: 1.25rem;
margin: 0 5px;
font-weight: 300;
}
.footer__menu--item {
width: 100%;
padding: 0 25px;
border-right: 1px solid #000000;
color: #fff;
position: relative;
padding-left: 0;
}
.footer__menu--item ul {
list-style: none;
padding-left: 0;
}
.footer__menu--item a {
color: #fff;
position: relative;
}
.footer__menu--item:first-child {
border-left: 1px solid #000000;
}
.footer__menu--item:last-child {
border: 0;
}
/* SINGLE SERVIZI */
/* .single-servizi header {
background: transparent;
border: 0!important;
} */
/* .single-servizi .header__content {
border: 0!important;
} */
/* .single-servizi.scroll-down .header__content {
border-bottom: 1px solid #000000!important;
} */
/* .single-servizi a.header__logo.default {
display: none;
} */
/* .single-servizi a.header__logo.optional {
display: flex!important;
} */
/* .single-servizi.scroll-down a.header__logo.default {
display: flex!important;
} */
/* .single-servizi.scroll-down a.header__logo.optional {
display: none!important;
} */
/* .single-servizi.menu-open a.header__logo.default {
display: none!important;
} */
/* .single-servizi.menu-open a.header__logo.optional {
display: block!important;
} */
/*
.single-servizi a.header__logo.optional {
display: flex!important;
}
.single-servizi.scroll-down a.header__logo.default {
display: flex!important;
}
.single-servizi.scroll-down a.header__logo.optional {
display: none!important;
}
*/
li#menu-item-123 a {
color: #fff !important;
background: #e20613 !important;
border-radius: 10px;
/* line-height: 0 !important; */
color: #fff !important;
position: relative;
}
li#menu-item-123 a {
color: #fff !important;
background: #e20613 !important;
border-radius: 50px;
/* line-height: 0 !important; */
color: #fff !important;
position: relative;
padding: 15px 30px!important;
/* box-shadow: 0 0 20px #d02d26; */
border: 0;
min-height: 60px;
display: flex;
align-items: center;
justify-content: center;
}
@media (min-width: 1191px) {
.scroll-down li#menu-item-123 a {
color: #fff !important;
background: #000000 !important;
color: #fff !important;
position: relative;
}
}
/* .single-servizi.scroll-down header {
background: #fff!important;
} */
.single-servizi .menu li a {
color: #fff;
}
.single-servizi.scroll-down .menu li a {
color: #000000;
}
/* .single-servizi .menu li a:after,
.page-template-home .menu li a:after {
content: '';
width: 0;
height: 2px;
background: #fff;
display: block;
position: absolute;
bottom: 10px;
left: 15px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
} */
.single-servizi p.breadcrumb {
font-size: 1rem !important;
/* font-family: "Satisfy", cursive; */
color: #fff;
margin: 10px;
font-weight: normal;
text-transform: uppercase;
/* font-family: "Poppins", serif!important; */
}
.single-servizi .section__title {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
text-align: center;
}
a.button__back.underline-l.long-word:before, a.button__back.underline-l.long-word:before {
content: '';
background-size: 20px;
background-image: url('/svg/i-freccia-destra-bianco.svg');
background-repeat: no-repeat;
background-position: center;
position: absolute;
left: 0;
top: 0;
width: 25px;
height: 100%;
transform: rotate(180deg);
opacity: 1;
}
.single-servizi a.button__back.underline-l.long-word:after {
content: '';
width: 0;
height: 1px;
background: #fff;
display: block;
position: absolute;
border-radius: 5px;
bottom: 8px;
left: 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.single-servizi a.button__back.underline-l:hover::after {
width: 100%;
}
.menu li a:after {
content: '';
width: 0;
height: 2px;
background: #000000;
display: block;
position: absolute;
bottom: 10px;
left: 15px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.scroll-down .menu li a:after {
content: '';
width: 0;
height: 2px;
background: #000000;
display: block;
position: absolute;
bottom: 10px;
left: 15px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
display: none;
}
.menu li a:hover::after {
width: calc(100% - 30px);
}
li#menu-item-123 a:after {
display: none;
}
/* SLIDER HOME */
:root {
--color-background: #e20613;
--color-background-footer: #e20613;
--color-text: #ffffff;
--color-text-button: #ffffff;
}
.video__text {
position: absolute;
width: 100%;
height: auto;
z-index: 9999;
bottom: 50px;
border-bottom: 1px solid #000000;
padding: 50px 25px;
color: #fff;
background: --color-background;
width: 100%;
height: auto;
position: absolute;
bottom: 50px;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
}
.video__text.v1 {
position: absolute;
width: 100%;
height: auto;
z-index: 9999;
bottom: 50px;
border-bottom: 1px solid #000000;
padding: 50px 25px;
color: #fff;
background: --color-background;
width: 100%;
height: auto;
position: absolute;
bottom: 50px;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
}
.video__text.v2 {
position: absolute;
width: 100%;
height: calc(50vh + 110px)!important;
z-index: 9999;
bottom: 50px;
border-bottom: 0;
padding: 50px 25px;
color: #fff;
/* NERO */
/* background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); */
/* ROSSO */
background: linear-gradient(0deg, #e20613 0%, rgba(0, 0, 0, 0) 100%);
width: 100%;
height: auto;
position: absolute;
bottom: 110px;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
/* border: 1px solid green; */
}
@media (max-width: 768px) {
.video__text.v2 {
position: absolute;
width: 100%;
height: 100vh!important;
z-index: 9999;
bottom: 50px;
border-bottom: 1px solid #000000;
padding: 50px 25px;
color: #fff;
width: 100%;
height: auto;
position: absolute;
bottom: 50px;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
}
.video__text h1,
.video__text h2,
.video__text span {
color: #fff;
font-size: clamp(2.5rem, 5vw, 6rem);
line-height: 90%;
margin: 0;
}
.video__text a {
display: flex;
width: auto;
height: 60px;
border-radius: 50px;
padding: 0 50px;
justify-content: center;
align-items: center;
font-weight: 500;
letter-spacing: 3px;
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
color: #fff;
font-family: "Poppins", serif;
background-color: #e20613;
background-color: #000000;
transition: all .25s ease-in-out;
margin-top: 0;
z-index: 10;
position: absolute;
bottom: 0;
/* border-bottom-left-radius: 12.5px; */
/* border-bottom-right-radius: 12.5px; */
}
.video__text .arrow-r:after {
background-image: url('/svg/i-freccia-destra-bianco.svg');
}
.video__text .arrow-r:hover:after
{
transform: translateX(5px);
}
.video__text p {
max-width: 70%;
margin: 25px 0;
margin-bottom: 50px;
font-size: clamp(1.5rem, 2.5vw, 3rem)!important;
line-height: 120%;
}
@media (max-width: 768px) {
.video__text p {
max-width: 100%;
}
}
.video__link {
position: relative;
bottom: 0;
height: 60px;
width: 100%;
display: flex;
}
.footer--info {
padding: 25px 15px;
background: #000;
filter: invert(1);
}
@media (max-width: 768px) {
.footer--info {
padding: 25px;
background: #000;
filter: invert(1);
}
}
.social .section__title {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.container__flexible-content {
background: transparent;
}
span.item--data {
display: inline-flex;
background: #e20613;
border-radius: 50%;
min-width: 70px;
min-height: 70px;
font-weight: bold;
align-items: center;
justify-content: center;
color: #fff;
}
span.about--esperienza {
color: #e20613;
font-weight: bold;
font-size: clamp(1.5rem, 2.5vw, 3.5rem);
margin-top: 50px;
margin-bottom: 15px;
position: relative;
display: flex;
line-height: 100%;
}
.container__flexible-menu {
display: flex;
width: 100%;
margin-top: 0;
min-height: 90px;
}
.content--multiassistenza img
{
width: auto;
max-width: 250px;
}
.content--multiassistenza svg
{
width: 250px;
}
.section--about ul {
position: relative;
}
.section--about ul li {
list-style-image: url('/svg/i-azienda-indirizzo.svg');
/* OR */
list-style-type: '👉';
padding-inline-start: 1ch;
position: relative;
}
.punto__elenco--content {
display: grid;
grid-template-columns: 100px auto;
/* margin: 15px 0; */
border-bottom: 1px solid #ccc;
padding: 15px 0;
}
@media (max-width: 768px) {
.punto_elenco--tappe .punto__elenco--content {
display: grid;
grid-template-columns: 90px calc(100% - 90px);
/* margin: 15px 0; */
border-bottom: 1px solid #ccc;
padding: 15px 0;
width: 100%;
}
}
.punto__elenco--content:last-child {
border-bottom: 0;
}
.punto__elenco--content p,
.punto__elenco--content a {
margin: 0;
}
.punto__elenco--left {
background: #e20613;
width: 80px;
height: 80px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-weight: bold;
font-size: 1.4rem;
position: relative;
}
@media (max-width: 768px) {
.punto__elenco--left {
background: #e20613;
width: 60px;
height: 60px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-weight: bold;
font-size: 1.15rem;
position: relative;
}
}
.punto__elenco--right {
display: flex;
align-items: center;
}
.punto_elenco--semplice .punto__elenco--content {
display: grid;
grid-template-columns: 50px auto;
margin: 5px 0;
border-bottom: 0;
padding: 0;
}
.punto_elenco--semplice .punto__elenco--left {
background-color: transparent;
width: 50px;
height: 50px;
background-size: 30px;
background-position: left;
background-repeat: no-repeat;
background-image: url('/svg/i-bullet-sacor-03.svg') !important;
position: relative;
}
.breadcrumbs-bar {
position: fixed;
/* top: var(--header-height, 80px); */ /* imposta qui l’altezza effettiva dell’header */
left: 0;
right: 0;
background-color: #e20613; /* rosso */
color: #fff;
z-index: 1000;
padding: 10px 0;
display: none;
transition: opacity 0.3s ease, transform 0.3s ease;
opacity: 0;
transform: translateY(-10px);
}
.breadcrumbs-bar.visible {
display: block;
opacity: 1;
transform: translateY(0);
padding: 10px 25px;
}
nav.breadcrumbs a {
color: #fff !important;
font-weight: 300;
}
nav.breadcrumbs span {
font-weight: bold;
}
p.breadcrumb {
font-family: "Poppins", serif;
}
.content--multiassistenza p {
max-width: 70%;
margin: 0 auto;
}
@media (max-width: 768px) {
.content--multiassistenza p {
max-width: 100%;
margin: 0 auto;
}
}
.partner--logo {
width: 100%;
max-width: 180px;
height: auto;
}
article.item--recensione {
border: 1px solid #d2d2d2;
border-radius: 12px;
padding: 0px;
min-height: auto;
background: #fff;
}
article.item--recensione h3 {
font-size: 1.25rem;
line-height: 100%;
}
article.item--recensione p {
font-size: 1rem!important;
line-height: 100%!important;
color: #606060;
font-family: 'acumin-pro-condensed',sans-serif!important;
font-weight: 300;
margin: 0;
}
.recensione--profilo__container {
display: flex;
}
.recensione--profilo__content .img--profilo {
width: 40px;
height: 40px;
padding: 2px;
border-radius: 50%;
border: 0;
}
img.img--google {
width: 20px;
padding: 2px;
border-radius: 50%;
border: 1px solid #ccc;
margin: 0 5px;
margin-right: 2px!important;
}
.recensione--profilo__content {
width: 100%;
display: grid;
grid-template-columns: 50px auto;
align-items: center;
padding-bottom: 15px;
border-bottom: 1px solid #d2d2d2;
}
.recensione--profilo__content h3 {
margin: 0;
}
.container--source {
display: flex;
flex-direction: column;
width: 100%;
}
p.fonte {
width: 100%;
display: flex;
align-items: center;
font-size: 10px!important;
margin: 0;
margin-top: 2px !important;
}
p.voto {
font-size: 18px !important;
margin-top: 5px !important;
font-weight: bold !important;
}
img.voto--stelle {
width: 80px;
margin: 5px 0;
}
.page-id-24969 .swiper.SwiperEdizioni {
padding-top: 0;
padding-bottom: 50px;
}
.page-id-24969 .swiper-pagination {
bottom: 20px!important;
}
@media (max-width: 768px) {
.footer__menu--item {
border: 0!important;
padding: 0!important;
}
}
@media (max-width: 768px) {
.footer__menu--item:first-child {
border: 0!important;
}
}
/* ================ */
/* HOME SCROLL */
/* ================ */
body.page-template-home {
overflow: auto;
position: relative;
height: 100%;
width: 100%;
}
.page-template-home .swiper.SwiperEdizioni {
padding: 100px 0;
padding-top: 50px;
}
.footer-home {
display: none;
}
.footer-home {
display: none;
position: absolute;
left: 0;
bottom: 0;
z-index: 99;
display: flex;
align-items: center;
justify-content: flex-start;
text-align: center;
width: 100%;
color: #fff;
font-weight: 100;
height: 110px;
padding-left: 25px;
background: #e20613;
font-size: .75rem;
display: none;
}
.page-template-home .section__title {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
width: 100%;
padding: 25px 0;
}
.page-template-home .section__title h3 {
margin: 0;
}
.video__text.v2 {
position: absolute;
width: 100%;
z-index: 9999;
bottom: 50px;
border-bottom: 0;
padding: 50px 25px;
color: #fff;
background: linear-gradient(0deg, #e20613 0%, rgba(0, 0, 0, 0) 100%);
width: 100%;
height: auto;
position: absolute;
bottom: 0;
padding-bottom: 150px;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
}
@media (max-width: 768px) {
.video__text.v2 {
height: auto;
position: absolute;
bottom: 0;
padding-bottom: 0px;
}
}
.container__button-swiper {
position: absolute;
}
.SwiperVideo .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
position: absolute;
}
.SwiperVideo {
height: 100vh;
height: 100dvh;
width: 100%;
}
/* ATTIVA / DISATTIVA FOOTER HOME */
/* .page-template-home footer {
display: none;
} */
.page-template-home a.header__logo.default {
display: none;
}
.page-template-home a.header__logo.optional {
display: flex!important;
}
.page-template-home.scroll-down a.header__logo.default {
display: flex!important;
}
.page-template-home.scroll-down a.header__logo.optional {
display: none!important;
}
.page-template-home.menu-open a.header__logo.default {
display: none!important;
}
/* .page-template-home.menu-open a.header__logo.optional {
display: block!important;
} */
@media (max-width: 1190px) {
li#menu-item-123 a {
color: #fff!important;
/* line-height: 0!important; */
color: #fff!important;
position: relative;
padding: 15px 30px!important;
/* box-shadow: 0 0 20px #d02d26; */
border: 0;
min-height: 50px!important;
display: flex;
align-items: center;
justify-content: center;
width: 200px;
margin-top: 15px;
}
}
@media (max-width: 1190px) {
.menu li a:after {
display: none!important;
}
}
@media (max-width: 1190px) {
.page-template-home .section__title h3 {
padding: 25px 0;
}
}
@media (min-width: 1190px) {
.page-template-home.scroll-down .menu li a {
color: #000000!important;
}
}
@media (min-width: 1190px) {
.page-template-home.scroll-down .current-menu-item a {
color: #000000!important;
}
}
.item__loghi img {
border: 1px solid #868686;
border-radius: 5px;
margin-top: 25px;
width: 100%;
}
@media (max-width: 1190px) {
.item__loghi img {
border: 0;
border-radius: 0;
margin-top: 25px;
width: 100%;
}
}
@media (max-width: 1190px) {
footer .social .section__title {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
text-align: center;
}
}
@media (max-width: 1190px) {
.punto_elenco--semplice {
padding: 15px;
}
}
@media (min-width: 1191px) {
.punto_elenco--tappe .punto__elenco--left:after {
position: absolute;
content: '';
background: #e20613;
width: 30px;
height: 2px;
right: -30px;
}
}
@media (max-width: 1190px) {
.punto_elenco--tappe .punto__elenco--left:after {
position: absolute;
content: '';
background: #e20613;
width: 15px;
height: 2px;
right: -15px;
}
}
@media (min-width: 1191px) {
.punto_elenco--tappe .punto__elenco--right {
padding-left: 25px;
}
}
.storia--img {
width: auto;
height: 480px;
max-width: 50%;
border: 5px solid #d3bba145;
border-radius: 25px;
margin-bottom: 25px;
/* box-shadow: 0px 15px 20px 15px #00000008; */
}
@media (max-width: 768px) {
.storia--img {
width: 100%;
height: auto;
max-width: 100%;
border: 5px solid #d3bba145;
border-radius: 25px;
/* box-shadow: 0px 15px 20px 15px #00000008; */
}
}
.punto__elenco--right {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
/* ! ANIMATIONS */
/* --------------------------------------------------------- */
.fade-in{opacity: 0; transform: translateY(10rem);}
.text-reveal{transform: translateY(1rem);clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);}
.fade-up{opacity: 0; transform: translateY(5rem);}
.fade-up-1{opacity: 0; transform: translateY(5rem);}
.fade-up-2{opacity: 0; transform: translateY(5rem);}
.fade-up-3{opacity: 0; transform: translateY(5rem);}
/* .text--p,
.arrow-r {
opacity: 0;
} */
.menu > li a {
background-image: linear-gradient(to right, #000000, #000000 50%, rgb(152 152 152) 0%) !important;
background-size: 200% 100%;
background-position: -100%;
display: inline-block;
padding: 15px 0;
position: relative;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
transition: all 0.4s ease-in-out;
}
@media (max-width: 768px) {
.menu li a {
background-image: linear-gradient(to right, #000000, #000000 50%, #000000 0%) !important;
}
}
.menu > li a:hover {
background-position: 0;
}
.menu li a:after {
display: none;
}
.menu .menu-item-28 a {
background-image: linear-gradient(to right, #cc9866, #cc9866 50%, #fff 50%)!important;
}
.menu .menu-item-7 a {
background-image: linear-gradient(to right, #218888, #218888 50%, #fff 50%)!important;
}
.menu .menu-item-27 a {
background-image: linear-gradient(to right, #000000, #000000 50%, #000000 50%) !important;
}
.menu .menu-item-26 a {
background-image: linear-gradient(to right, #f6f5f5, #f6f5f5 50%, #fff 50%)!important;
}
main#content {
border-bottom: 1px solid #000000;
height: auto;
/* height: 100dvh; */
padding-top: 0;
}
.page--content {
padding: 25px;
}
ul.elenco--servizi {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 10px;
align-items: center;
justify-content: center;
}
li.item-servizio {
border: var(--progetti-item-servizio-border);
padding: 5px 15px;
border-radius: 25px;
margin-right: 10px;
margin-bottom: 10px;
}
li.item-servizio a {
color: var(--progetti-item-servizio-color);;
}
.label--servizio {
min-height: 160px;
}
body.single-progetti {
background: var(--progetti-bg-color);
padding-top: 120px;
}
.single-progetti main p {
color: var(--progetti-text-color);
}
section.container--cards {
display: grid;
grid-template-columns: repeat(2, 2fr);
grid-template-rows: repeat(2, 1fr);
column-gap: 20px;
row-gap: 20px;
padding-top: 340px;
}
@media (max-width: 768px) {
section.container--cards {
display: flex;
flex-direction: column;
column-gap: 20px;
row-gap: 20px;
}
}
/*
.card1 {
grid-column: span 2 / span 2;
}
.card2 {
grid-row: span 2 / span 2;
grid-column-start: 3;
}
.card3 {
grid-row: span 2 / span 2;
grid-column-start: 4;
}
.card4 {
grid-row-start: 2;
}
.card5 {
grid-row-start: 2;
}
*/
/* .card1 { background: #cc9866; }
.card2 { background: #e94e24;}
.card3 { background: #218888;}
.card4 { background: #f6f5f5;}
.card5 { background: violet;}
.card6 { background: purple;} */
.container--cards a {
/* background: #fff; */
color: #000000;
padding: 25px;
border-radius: 10px;
}
.container--cards a:hover {
/* transform: scale(.95); */
/* border: 25px solid #000000; */
/* transition: all .3s linear !important; */
}
section.container--cards h3 {
font-size: 3.25rem!important;
line-height: 100%;
font-weight: bold;
color: #000000;
padding-left: 80px;
padding-top: 25px;
text-transform: uppercase;
margin-bottom: 10px;
}
section.container--cards a p {
font-size: 1.25rem!important;
line-height: 150%!important;
font-weight: 200;
color: #000000;
padding-left: 80px;
}
main#content h1 {
color: #fff;
}
.section--team {
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-template-rows: 1;
column-gap: 25px;
row-gap: 25px;
position: relative;
}
@media (max-width: 768px) {
.section--team {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-template-rows: repeat(auto, 1fr);
column-gap: 0;
row-gap: 50px;
position: relative;
}
}
.content--team {
padding: 0 15px;
}
@media (max-width: 768px) {
.content--team {
padding: 0 25px;
}
}
.team--text {
color: #fff;
}
.item--team {
/* grid-row-start: 2; */
width: 100%;
height: auto;
display: flex;
flex-direction: column;
border: var(--border-on);
color: #fff;
position: relative;
}
.item--team-cover--hover {
display: none;
}
.item--team-cover:hover + .item--team-cover--hover {
display: block;
position: absolute;
background-color: #000;
z-index: 9;
}
/* CSS */
.first, .second{
transition: all 250ms ease;
}
/* stato base */
.second{ display: none; background-color:#000; transform: translateX(0); }
/* quando passo sul primo, cambio anche il secondo */
.first:hover + .second,
.first:focus + .second {
display: block;
}
/* opzionale: effetto sul primo stesso */
.first:hover,
.first:focus { background:#d6f0ff; }
.item--team_nominativo {
font-weight: 100;
font-size: 1.25rem;
line-height: 100%;
margin: 5px 0;
margin-top: 15px;
color: #000000;
text-transform: uppercase;
text-align: center;
background-image: url('https://dev-test.me/brandy/wp-content/uploads/2026/02/nastro03.png');
background-repeat: no-repeat;
position: relative;
background-position: center;
background-size: 100%;
min-height: 50px;
}
.item--team_nominativo span {
font-weight: bold;
}
.item--team_ruolo {
color: #000;
text-align: center;
font-size: .8rem;
}
.team__img--hover {
background: #000000;
margin: 0;
padding: 0;
border: 0;
}
/* --------------------------
CONTAINER HOVER
--------------------------- */
.hover-effect {
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.hover-effect:hover {
transform: translateY(-6px);
box-shadow: 0 15px 25px rgba(0,0,0,0.15);
}
/* --------------------------
IMMAGINI (swap + zoom)
--------------------------- */
.team-hover-container {
position: relative;
width: 100%;
overflow: hidden;
}
.team-hover-container img {
width: 100%;
display: block;
transition: opacity 0.35s ease, transform 0.35s ease;
}
/* Immagine hover sopra */
.team-img.hover {
position: absolute;
inset: 0;
opacity: 0;
transform: scale(1);
}
.team-hover-container:hover .team-img.hover {
opacity: 1;
}
/* Immagine base che sfuma */
.team-hover-container:hover .team-img.base {
opacity: 0;
}
/* SCHEDA PROGETTO */
.scheda--progetto h1 {
padding: 0;
/* font-size: 5rem; */
font-size: clamp(2.25rem, -1.6415rem + 5.1887vw, 5rem);
line-height: 100%;
margin-top: 50px;
color: var(--progetti-text-color)!important;
}
.scheda--progetto img {
border-radius: 50px;
padding: 25px;
}
@media (max-width: 768px) {
.scheda--progetto img {
border-radius: 50px;
padding: 20px;
}
}
.content__carousel {
width: 100%;
position: relative;
}
@media (max-width: 768px) {
.content__carousel {
width: 100%;
position: relative;
/* padding: 0 10px; */
}
}
@media (max-width: 768px) {
.content-carousel img {
border-radius: 25px;
padding: 0;
}
}
.col-100.img__progetto--2 {
display: grid;
grid-template-columns: auto auto;
column-gap: 50px;
padding: 25px;
}
@media (max-width: 768px) {
.col-100.img__progetto--2 {
display: grid;
grid-template-columns: auto;
column-gap: 0;
row-gap: 50px;
padding: 25px;
}
}
.img__progetto--2 img {
border-radius: 25px;
}
hr.sep {
border: none;
border-bottom: 1px solid var(--sep-border-color);
display: flex;
width: 100%;
}
.container--navigation {
position: absolute;
top: calc(50% - 30px);
width: 100%;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
border: var(--border-on);
}
@media (max-width: 768px) {
.container--navigation {
top: unset;
bottom: 30px!important;
}
}
legend.wpforms-field-label,
label.wpforms-field-label {
color: var(--site-text-color)!important;
}
button#wpforms-submit-474,
button#wpforms-submit-489 {
background-color: transparent;
border-radius: 0;
padding: 10px 25px;
color: #000000 !important;
width: auto;
min-width: 250px;
background-repeat: no-repeat;
background-size: contain;
background-position: left;
background-image: url('https://dev-test.me/brandy/wp-content/uploads/2026/01/nastro-brandy.png');
height: auto;
min-height: 80px;
padding: 5px 0;
font-weight: bold;
}
@media (max-width: 768px) {
button#wpforms-submit-474,
button#wpforms-submit-489 {
background-color: transparent;
border-radius: 0;
padding: 10px 25px;
color: #000000 !important;
width: 80%;
max-width: 220px;
background-repeat: no-repeat;
background-size: contain;
background-position: left;
background-image: url('https://dev-test.me/brandy/wp-content/uploads/2026/01/nastro-brandy.png');
height: auto;
min-height: 80px;
padding: 5px 0;
font-weight: bold;
}
}
form#wpforms-form-474 input,
form#wpforms-form-474 textarea,
form#wpforms-form-474 select,
form#wpforms-form-489 input,
form#wpforms-form-489 textarea,
form#wpforms-form-489 select
{
border-radius: 25px!important;
}
wpforms-field-checkbox {
border-radius: 50%;
}
.quote-container {
color: #fff;
line-height: 100%;
}
svg.modulo-01 {
width: 50px;
position: relative;
transform: rotate(270deg);
}
svg.modulo-02 {
width: 50px;
transform: rotate(270deg);
/* position: relative; */
/* left: -30px; */
/* top: 20px; */
}
svg.modulo-01 g#modulo-01{
fill: #218888;
}
svg.modulo-02 g#modulo-02{
fill: #218888;
}
section.container--progetti {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: auto;
column-gap: 50px;
row-gap: 50px;
width: 100%;
}
@media (max-width: 768px) {
section.container--progetti {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-template-rows: auto;
column-gap: 20px;
row-gap: 20px;
width: 100%;
padding-top: 20px;
transform: none;
}
}
.container--progetti a {
/* background: #fff; */
color: var(--progetti-text-color);
padding: 25px;
border-radius: 25px;
width: 100%;
min-height: 580px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
}
@media (max-width: 768px) {
.container--progetti a {
/* background: #fff; */
min-height: 380px;
}
}
@media (max-width: 768px) {
.col-100.boxed.box--cliente {
padding-top: 0;
}
}
.col-100.grid.boxed.cards--progetti {
padding: 0;
}
.container__titolo-progetto {
position: absolute;
bottom: 25px;
background: #fff;
padding: 10px 20px;
border-radius: 25px;
display: block;
align-items: center;
width: auto;
}
.container__titolo-progetto h3 {
margin: 0;
}
@media (max-width: 768px) {
.container__titolo-progetto h3 {
font-size: 1rem;
}
}
@media (max-width: 768px) {
.page-template-homeV1 .container__titolo-progetto h3 {
font-size: .8rem;
}
}
.hero-container p {
color: var(--hero-text-color);
}
.glitch-container {
position: relative;
display: inline-block;
width: 350px;
filter: url(#liquify);
}
.glitch {
position: relative;
width: 100%;
}
.glitch__img {
width: 100%;
display: block;
filter: blur(10px);
}
.glitch__img--top,
.glitch__img--bottom {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
mix-blend-mode: none;
opacity: 0.2;
}
/* Animazioni glitch */
.glitch__img--top {
animation: glitchTop 1s linear infinite;
}
.glitch__img--bottom {
animation: glitchBottom 1s linear infinite;
}
@keyframes glitchTop {
0% { transform: translate(2px,-2px); }
25% { transform: translate(-2px,1px); }
50% { transform: translate(1px,2px); }
75% { transform: translate(-1px,-1px); }
100% { transform: translate(2px,-2px); }
}
@keyframes glitchBottom {
0% { transform: translate(-2px,2px); }
25% { transform: translate(1px,-1px); }
50% { transform: translate(-1px,-2px); }
75% { transform: translate(2px,1px); }
100% { transform: translate(-2px,2px); }
}
/* Hover → immagine normale MA NON rimuovere il filter */
.glitch-container:hover .glitch__img {
filter: blur(0) !important;
}
.glitch-container:hover .glitch__img--top,
.glitch-container:hover .glitch__img--bottom {
animation: none !important;
opacity: 0 !important;
}
.container__flexible-content.hero--container {
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
background: var(--hero-bg-color);
}
.scroll-down-icon {
width: 100%;
height: 100px;
position: absolute;
bottom: 0;
right: 0;
margin-left: 0;
display: flex;
flex-direction: column;
align-items: center;
z-index: 9;
/* border: 1px solid gray; */
}
.scroll-down-icon span {
/* transform: rotate(-90deg); */
position: absolute;
color: #fff;
margin-top: 30px;
font-weight: 300;
text-transform: uppercase;
font-size: 12px;
}
.line-center {
background: #fff;
transform-origin: left;
width: 2px;
height: 0;
opacity: 0;
position: absolute;
margin-top: 60px;
/* border-bottom-left-radius: 0; */
border-radius: 5px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
animation: vertical_line_growth 4s cubic-bezier(.215, .61, .355, 1) infinite;
}
@media (max-width: 1024px) {
.line-center {
width: 2px;
}
}
@media (max-width: 1280px) {
a.header_menu--item.item--left {
display: none;
}
}
@keyframes vertical_line_growth {
0% { height: 0; opacity: 0;}
20% { height: 0; opacity: 0;}
40% { height: 0; opacity: 1;}
60% { height: 40px; opacity: 1;}
80% { height: 40px; opacity: 1;}
100% { height: 40px; opacity: 0;}
}
#ghost--container { position: relative; overflow: hidden; }
#char {
position: absolute;
top: 0;
left: 0;
opacity: 0;
color: red;
filter: invert(1);
z-index: 99;
cursor: pointer;
}
#finish {
position: fixed;
top: 1em;
left: 1em;
}
.hero-container h1 {
font-weight: 300;
text-align: center;
}
.glitch__img--morph {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
filter: blur(6px) brightness(0.65);
opacity: 0.5;
pointer-events: none;
mix-blend-mode: lighten;
z-index: 0;
}
/* RGB layer top/bottom */
.glitch__img--top,
.glitch__img--bottom {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.2;
pointer-events: none;
z-index: 1;
}
/* .logo-animated {
animation: pulse 3s ease-in-out infinite;
}
@keyframes pulse {
0%, 100% {
transform: scale(1);
}
50% {
transform: scale(1.03);
}
} */
.logo-animated path {
fill: none;
stroke: #000;
stroke-width: 4;
stroke-dasharray: 400;
stroke-dashoffset: 400;
animation: draw 2s ease forwards;
}
@keyframes draw {
to {
stroke-dashoffset: 0;
}
}
.logo-svg {
width: 100%;
max-width: 420px;
will-change: transform;
transform-origin: 50% 50%;
}
/* Stato iniziale dei path */
.logo-svg path {
opacity: 0;
}
/* Pulse dell'intero logo */
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.05); }
100% { transform: scale(1); }
}
ul.elenco-servizi {
list-style: none;
padding: 0;
}
.single-post article {
padding-top: 150px;
}
.single-post h1 {
color: #000000!important;
}
.single-post p {
font-size: 1.25rem;
line-height: 150%;
font-family: "Poppins", serif;
width: 100%;
}
.single-post .breadcrumbs-bar {
width: 100%!important;
position: fixed!important;
top: 120px!important;
left: 0!important;
right: 0;
display: block!important;
background-color: #ededed;
color: #000;
z-index: 1000;
padding: 10px 0;
transition: none!important;
opacity: 1!important;
transform: none!important;
padding: 10px 25px;
}
.single-post nav.breadcrumbs a {
color: #000000 !important;
font-weight: 300;
}
.single-servizi main#content {
border-bottom: 1px solid #000000;
height: auto;
padding-top: 160px!important;
padding: 0;
}
.single-servizi main#content h1 {
color: #000;
}
.single-servizi .breadcrumbs-bar {
position: relative;
display: block;
opacity: 1;
visibility: visible;
background: transparent;
color: #000;
}
.single-servizi nav.breadcrumbs a {
color: #000000 !important;
font-weight: 300;
}
.single-servizi .header {
background: #000;
border-bottom: 1px solid #fff;
filter: invert(1);
}
.single-servizi .swiper-button-prev {
background-size: 25px;
background-image: url('/svg/i-arrow-prev-black.svg');
background-repeat: no-repeat;
background-position: center center;
left: 0;
background-color: #fff;
border-radius: 50%;
filter: invert(1);
z-index: 9;
}
.single-servizi .swiper-button-next {
filter: invert(1);
background-size: 20px;
background-image: url('/svg/i-arrow-next-black.svg');
background-repeat: no-repeat;
background-position: center center;
right: 0;
background-color: #fff;
border-radius: 50%;
}
h3.subltitle:after {
display: none;
}
.cards--principali {
position: relative;
padding-top: 0;
padding-bottom: 100px;
}
.container--cards a{
background-image: url('https://dev-test.me/brandy/wp-content/uploads/2026/02/nastro03.png');
background-repeat: no-repeat;
position: relative;
background-position: 0px -10px;
}
img.img--servizio {
position: absolute;
width: 150px;
left: 10px;
top: -35px;
}
.label__progetto {
display: flex;
align-items: center;
}
.label__progetto--item {
width: auto;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
padding: 2.5px 10px;
}
.label__progetto--item h3 {
margin: 0;
}
.team--title {
width: 100%;
height: auto;
border: 0;
position: relative;
display: flex;
align-items: center;
justify-content: center;
background-image: url('https://dev-test.me/brandy/wp-content/uploads/2026/01/nastro-brandy.png');
background-repeat: no-repeat;
background-size: 35%;
background-position: center;
position: relative;
}
.team--title .logo-svg {
width: 100%;
max-width: 420px;
transform-origin: 50% 50%;
filter: invert(1);
}
.team-shape {
stroke-dasharray: 2000;
stroke-dashoffset: 2000;
fill-opacity: 0;
}
svg.svg-team {
width: 200px;
}
.team--line {
width: 100%;
height: auto;
display: flex;
align-items: center;
justify-content: center;
position: relative;
border: var(--border-on);
margin-bottom: -80px;
}
.team--line:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(0deg, rgb(255 255 255 / 40%), #fff);
}
.team--line img {
width: 100%;
max-width: 250px;
}
.clienti--title {
width: 100%;
height: auto;
border: 0;
position: relative;
display: flex;
align-items: center;
justify-content: center;
background-image: url('https://dev-test.me/brandy/wp-content/uploads/2026/01/nastro-brandy.png');
background-repeat: no-repeat;
background-size: 35%;
background-position: center;
position: relative;
}
@media (max-width: 768px) {
.clienti--title {
width: 100%;
height: auto;
min-height: 230px;
border: 0;
position: relative;
display: flex;
align-items: center;
justify-content: center;
background-image: url('https://dev-test.me/brandy/wp-content/uploads/2026/01/nastro-brandy.png');
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
position: relative;
}
}
.section--clienti {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: auto;
column-gap: 25px;
row-gap: 25px;
position: relative;
padding-top: 25px;
width: 100%;
}
@media (max-width: 768px) {
.section--clienti {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: auto;
column-gap: 25px;
row-gap: 25px;
position: relative;
padding-top: 25px;
width: 100%;
}
}
.item--clienti {
width: 100%;
height: auto;
min-height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border: var(--border-on);
color: #fff;
position: relative;
padding: 0;
/* border: 1px solid red; */
}
.clienti--line {
width: 100%;
height: auto;
display: flex;
align-items: center;
justify-content: center;
position: relative;
border: var(--border-on);
margin-bottom: -80px;
}
.clienti--line img {
width: 100%;
max-width: 250px;
}
.clienti--title img {
width: 450px;
}
@media (max-width: 768px) {
.clienti--title img {
width: 100%;
}
}
.content--about {
background: #000;
padding: 100px 50px;
}
.content--about h2 {
color: #fff;
text-transform: uppercase;
font-size: 3vw;
}
.content--about p {
color: #fff !important;
font-size: 1.25vw!important;
line-height: 120% !important;
max-width: 100%;
margin: 0!important;
}
.container__flexible-content {
display: flex;
flex-direction: column;
width: 100%;
padding: 0;
/* border: 1px solid green; */
}
.anteprima-eventi {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: calc(100vh - 170px);
min-height: 700px;
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
}
.container--marquee {
background: #ffff00;
transform: rotate(-3deg);
z-index: 999;
}
.about-video {
width: 100%;
height: 100vh;
object-fit: cover;
overflow-clip-margin: content-box;
overflow: clip;
border: 0 !important;
}
.content--slogan {
background: #000;
padding: 100px 50px;
display: flex;
align-items: center;
justify-content: center;
}
.content--slogan h2 {
color: #ffff00;
text-transform: uppercase;
font-size: 4vw;
line-height: 100%;
text-align: center;
}
.content--slogan p {
color: #fff !important;
font-size: .85vw !important;
line-height: 120% !important;
max-width: 60%;
}
.container--linee {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
/* height: 400px; */
border: var(--border-linee-on);
overflow: hidden;
}
.content--linee {
width: 100%;
padding: 0;
padding: 0;
height: 100%;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.content--linee img {
/* width: auto; */
width: 250px;
max-width: 100%;
margin: 0;
padding: 0;
/* height: 100%; */
height: auto;
}
.item--team_firma {
position: absolute;
bottom: 60px;
}
.item--clienti_foto img {
height: 100%;
width: 85%;
}
.content--intro h1 {
color: #000!important;
text-transform: uppercase;
font-size: 4vw;
line-height: 100%;
margin-bottom: 50px;
}
.container--intro {
margin-top: 0;
position: relative;
}
.intro--title {
/* border: 1px solid red; */
position: absolute;
right: 0;
width: 30%;
}
.text-uppercase {
text-transform: uppercase;
}
.content--intro .section__subtitle__right {
padding-left: 40%;
padding-right: 10%;
}
.content--progetti {
padding-left: 0;
padding-right: 0;
}
.svg-section {
display: flex;
justify-content: center;
align-items: self-end; /* fa partire le linee dal basso */
height: 100vh; /* uguale all'altezza dell'SVG */
overflow: hidden;
}
.svg-section [class^="brandySvg"] {
width: 100%;
height: 100%;
overflow: visible; /* permette alle linee di scalare senza essere tagliate */
}
[class^="brandySvg"] .linea {
transform-box: fill-box;
transform-origin: center bottom; /* scala dal basso verso l’alto */
transform: scaleY(0); /* linee inizialmente invisibili */
}
[class^="brandySvg"] .linea {
will-change: transform;
transform-box: fill-box;
}
.content--slogan h1 {
color: #ffff00!important;
text-transform: uppercase;
font-size: 4vw;
line-height: 100%;
text-align: center;
}
/* stato base */
.item--team {
transition:
none;
/* transform 0.35s ease,
opacity 0.35s ease,
filter 0.35s ease; */
padding: 15px;
border: 4px solid #fff;
}
@media (max-width: 768px) {
.item--team {
transition:
none;
/* transform 0.35s ease,
opacity 0.35s ease,
filter 0.35s ease; */
padding: 15px;
border: 3px solid #fff;
}
}
/* quando hoveri la section: tutti opacizzati */
.section--team:hover .item--team {
opacity: 0.4;
filter: grayscale(20%);
}
/* elemento attivo */
.section--team .item--team:hover {
opacity: 1;
transform: scale(1.1);
filter: grayscale(0%);
z-index: 5;
}
.section--team {
overflow: visible;
}
.section--team .item--team:hover {
opacity: 1;
transform: scale(1.1);
box-shadow: 0 20px 40px rgba(0,0,0,0.15);
border: 4px solid #000;
border-radius: 25px;
}
@media (max-width: 768px) {
.section--team .item--team:hover {
opacity: 1;
transform: none;
box-shadow: 0 20px 40px rgba(0,0,0,0.15);
border: 3px solid #000;
border-radius: 25px;
}
}
.linee01 {
margin-top: -200px;
position: relative;
z-index: 99;
}
.linee02 {
height: 40px;
width: 100%;
}
.linee03 {
height: 150px;
width: 100%;
}
.linee04 {
margin-top: 0;
position: relative;
height: 150px;
}
.linee04:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgb(255 255 255 / 0%), #ffffff80);
z-index: 9;
}
.linee05 {
margin-top: 0;
position: relative;
}
.linee05:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgb(255 255 255 / 0%), #ffffff80);
z-index: 9;
}
.blog article {
padding: 25px 0;
border-top: 1px solid #000;
}
.blog article:last-of-type {
border-bottom: 1px solid #000!important;
}
.blog article h2,
.blog article a,
.blog article p {
color: #000!important;
}
.section--border {
position: absolute;
top: 0;
left: 5%;
width: 90%;
height: 100%;
border: 1px solid #000;
padding: 100px 50px;
}
.box--animation-01 {
transform: scale(0.75);
opacity: 0;
will-change: transform, opacity;
}
.box--animation-01 .section__subtitle__center {
overflow: hidden;
}
.item--clienti_foto {
filter: grayscale(1);
}
#text {
padding: 0 10px 0 0;
margin: 0;
border: 1px solid red;
}
#cursor {
margin: 0;
display: inline-block;
}
.line-1{
position: relative;
top: 50%;
width: auto;
margin: 0 auto;
border-right: 2px solid rgba(255,255,255,.75);
font-size: 180%;
text-align: center;
white-space: nowrap;
overflow: hidden;
transform: translateY(-50%);
}
/* Animation */
.anim-typewriter{
animation: typewriter 4s steps(44) 1s 1 normal both,
blinkTextCursor 500ms steps(44) infinite normal;
}
@keyframes typewriter{
from{width: 0;}
to{width: 24em;}
}
@keyframes blinkTextCursor{
from{border-right-color: rgba(255,255,255,.75);}
to{border-right-color: transparent;}
}
.cards--principali h2,
.cards--principali h3 {
color: #000000;
text-transform: uppercase;
font-size: 3vw;
}
.about--wrapper {
max-width: 800px;
margin: 200px auto;
display: flex;
flex-direction: column;
gap: 40px
}
.wrapper {
width: 100%;
max-width: 100%;
display: block;
}
.animate {
overflow-wrap: anywhere;
}
.animate span {
display: inline-flex;
/* white-space: pre; */
}
.animate {
color: #fff;
/* font-size: 32px; */
font-weight: 300;
/* border: 1px solid red; */
}
.animate p {
margin: 0 0 1em;
}
.word {
display: inline-block;
white-space: nowrap; /* mai rompere dentro la parola */
}
.char {
display: inline;
white-space: pre; /* preserva spazi */
}
.single-progetti main#content {
padding: 0!important;
}
.hero__audio-btn {
position: absolute;
bottom: 50%;
right: 40px;
background: rgba(0,0,0,0.6);
color: white;
border: none;
width: 50px;
height: 50px;
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
z-index: 99999999;
}
.hero__audio-btn:hover {
background: rgba(0,0,0,0.85);
}
.hero__audio-btn .icon {
width: 22px;
height: 22px;
}
.icon--sound {
display: none;
}
/* Stato audio attivo */
.hero__audio-btn.is-active .icon--mute {
display: none;
}
.hero__audio-btn.is-active .icon--sound {
display: block;
}
.container__flexible-content.progetto--video.progetto--video {
height: auto;
/* max-height: calc(100vh - 120px); */
}
.slide__poster,
.slide__video {
width: 100%;
height: 100%;
object-fit: cover;
/* object-fit: contain; */
position: absolute;
top:0;
left:0;
border-radius: 25px;
}
.slide__poster { z-index: 2; }
.slide__video { z-index: 1; }
.slide__audio-btn {
position: absolute;
bottom: 30px;
right: calc(50% - 25px);
width: 50px;
height: 50px;
border-radius: 50%;
background: rgba(0,0,0,0.6);
color: white;
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
z-index: 3;
transition: background 0.3s;
}
.slide__audio-btn:hover { background: rgba(0,0,0,0.85); }
.slide__audio-btn .icon { width: 22px; height: 22px; }
.icon--sound { display: none; }
.slide__audio-btn.is-active .icon--mute { display: none; }
.slide__audio-btn.is-active .icon--sound { display: block; }
@media (min-width: 1281px) {
a.card2 p,
a.card4 p,
a.card6 p,
a.card8 p
{
padding-left: 25px !important;
padding-right: 80px;
}
}
.single-servizi .container--linee {
height: 80px !important;
}
@media (max-width: 768px) {
.col-100.grid.cover--progetto {
padding: 25px;
}
}
@media (max-width: 768px) {
.col-100.grid.cover--progetto img {
padding: 0;
border-radius: 25px;
}
}
@media (max-width: 768px) {
.container--progetti .fade {
opacity: 1;
}
}
@media (max-width: 768px) {
.hide--mobile {
display: none;
}
}
@media (max-width: 768px) {
.grid.boxed.footer__contact .col-20 {
padding: 0 !important;
}
}
.page-template-home .content--progetti {
padding: 20px;
}
@media (max-width: 768px) {
.page-template-home section.container--progetti {
display: grid;
grid-template-columns: repeat(1, 1fr) !important;
grid-template-rows: auto;
column-gap: 20px;
row-gap: 50px;
width: 100%;
padding-top: 20px;
transform: none;
}
}
.single-servizi .servizi__cover {
display: flex;
align-items: center;
justify-content: flex-start;
border-bottom: 1px solid #fff;
z-index: 2;
position: relative;
min-height: 120px;
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
background-image: url('https://dev-test.me/brandy/wp-content/uploads/2026/01/nastro-brandy.png');
}
.single-servizi article.item--servizi:before {
content: '';
position: absolute;
/* background: red; */
background: transparent;
/* background: #e20e19; */
border: 0;
width: 100%;
height: 100%;
left: 0;
top: 0;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
border-radius: 0;
z-index: 1;
}
@media (max-width: 768px) {
.page-template-home .content--intro h1 {
color: #000 !important;
text-transform: uppercase;
font-size: 2.8rem;
line-height: 100%;
margin-bottom: 50px;
}
}
@media (max-width: 768px) {
.page-template-home .content--intro .section__subtitle__right {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 768px) {
.content--slogan h2 {
color: #ffff00;
text-transform: uppercase;
font-size: 3rem;
line-height: 100%;
text-align: center;
}
}
@media (max-width: 768px) {
.content--about {
background: #000;
padding: 50px 25px;
}
}
@media (max-width: 768px) {
.content--about h2 {
color: #fff;
text-transform: uppercase;
font-size: 3rem;
}
}
@media (max-width: 768px) {
.content--about p {
color: #fff !important;
font-size: 1rem !important;
line-height: 120% !important;
max-width: 100%;
margin: 0 !important;
}
}
@media (max-width: 768px) {
.col-100.grid.boxed.content--intro {
padding-top: 100px;
}
}
@media (max-width: 768px) {
.intro--title {
/* border: 1px solid red; */
position: absolute;
right: 0;
width: 60%;
}
}
@media (max-width: 768px) {
.col-100.boxed.container--quote {
padding: 0;
}
}
@media (max-width: 768px) {
.container--form .col-100.boxed {
padding: 0;
}
}
@media (max-width: 768px) {
.page-id-24 main#content,
.page-id-484 main#content {
min-height: auto;
}
}
.icon-quote {
width: 40px;
height: 40px;
color: #000; /* colore icona */
}
/* .icon-quote:hover {
color: #e10600;
} */
div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li input+label,
div.wpforms-container-full .wpforms-field.wpforms-field-radio ul li input+label,
div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul li input+label,
div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple ul li input+label,
div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox ul li input+label
{
padding-inline-start: 20px!important;
}
div.wpforms-container-full .wpforms-field-file-upload .wpforms-uploader {
border-radius: 25px!important;
}
@media (max-width: 768px) {
section.container--cards {
padding-top: 450px;
}
}
@media (max-width: 768px) {
.item--clienti_foto img {
height: 100%;
width: 100%;
margin: 0 auto;
}
}
@media (max-width: 768px) {
.cards--principali h2,
.cards--principali h3 {
font-size: 3rem;
line-height: 100%;
}
}
@media (max-width: 768px) {
.section--border {
padding: 100px 25px;
}
}
@media (max-width: 768px) {
img.img--servizio {
position: absolute;
width: 80px;
left: 40px;
top: -0;
}
}
@media (max-width: 768px) {
.label--servizio {
min-height: 120px;
}
}
@media (max-width: 768px) {
section.container--cards h3 {
font-size: 2rem !important;
line-height: 100%;
font-weight: bold;
color: #000000;
padding-left: 70px;
padding-top: 25px;
text-transform: uppercase;
margin-bottom: 10px;
}
}
@media (max-width: 768px) {
section.container--cards a p {
font-size: 1.25rem !important;
line-height: 120% !important;
font-weight: 200;
color: #000000;
padding-left: 15px;
padding-right: 15px;
}
}
@media (max-width: 768px) {
.container--cards a {
background-image: url('https://dev-test.me/brandy/wp-content/uploads/2026/02/nastro03.png');
background-repeat: no-repeat;
position: relative;
background-position: 0 15px;
background-size: contain;
}
}
@media (max-width: 768px) {
.item--team_firma {
position: absolute;
bottom: 60px;
width: 100%;
left: 0;
}
}
@media (max-width: 768px) {
.content--slogan h1 {
color: #ffff00!important;
text-transform: uppercase;
font-size: 2.5rem;
line-height: 100%;
text-align: center;
}
}
@media (max-width: 768px) {
.single-servizi section.container--progetti {
display: grid;
grid-template-columns: repeat(1, 1fr) !important;
grid-template-rows: auto !important;
column-gap: 20px;
row-gap: 20px;
width: 100%;
padding-top: 20px;
transform: none;
}
}
@media (max-width: 768px) {
.single-servizi .content--progetti {
padding: 25px;
}
}
.single-servizi .content__servizi {
padding-top: 0;
}
.page-id-484 header,
.page-id-22 header,
.page-id-24 header
{
border-bottom: 1px solid #fff!important;
}
.posizioni--aperte {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
margin-left: 0;
padding: 0;
}
/* ===== WRAPPER ===== */
.accordion--posizioni {
max-width: 760px;
margin: 60px auto;
margin-left: 0;
border-radius: 18px;
background: #ffffff;
box-shadow: 0 15px 40px rgba(0,0,0,0.06);
overflow: hidden;
border: 1px solid #000;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
/* ===== ITEM ===== */
.accordion--posizioni .accordion-item {
border-top: 1px solid #ececec;
}
.accordion--posizioni .accordion-item:last-child {
border-bottom: none;
}
/* ===== HEADER ===== */
.accordion--posizioni .accordion-header {
width: 100%;
background: transparent;
border: none;
padding: 24px 26px;
font-size: 17px;
font-weight: 600;
text-align: left;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
transition: background 0.25s ease;
}
/* Hover */
.accordion--posizioni .accordion-header:hover {
background: #f7f7f7;
}
/* Focus */
.accordion--posizioni .accordion-header:focus {
outline: none;
}
.accordion--posizioni .accordion-header:focus-visible {
outline: 2px solid #111;
outline-offset: -2px;
}
/* ===== ICON ===== */
.accordion--posizioni .accordion-icon {
width: 16px;
height: 16px;
border-right: 2px solid #111;
border-bottom: 2px solid #111;
transform: rotate(45deg);
transition: transform 0.3s ease;
flex-shrink: 0;
}
.accordion--posizioni
.accordion-header[aria-expanded="true"]
.accordion-icon {
transform: rotate(-135deg);
}
/* ===== CONTENT ===== */
.accordion--posizioni .accordion-content {
overflow: hidden;
max-height: 0;
transition: max-height 0.4s ease;
will-change: max-height;
}
.accordion--posizioni .accordion-content-inner {
padding: 0 26px 26px 26px;
}
.accordion--posizioni .accordion-content p {
margin: 18px 0 0 0;
color: #555;
line-height: 1.6;
font-size: 15px;
}
/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
.accordion--posizioni {
margin: 40px 15px;
max-width: 100%;
width: 100%;
margin: 40px 0;
padding: 0;
}
.accordion--posizioni .accordion-header {
padding: 20px;
font-size: 16px;
color: #000!important;
}
.accordion--posizioni .accordion-content-inner {
padding: 0 20px 20px 20px;
}
}
.accordion--posizioni .accordion-item:first-child {
border-top: 0;
}
@media (max-width: 768px) {
.container__flexible-content.container--posizioni--aperte .boxed {
padding: 0!important;
}
}
.container--cards a p strong {
font-weight: bold!important;
}
@media (max-width: 768px) {
nav.breadcrumbs {
padding: 0 25px;
}
}
@media (max-width: 768px) {
.about-video {
width: 100%;
height: auto;
object-fit: cover;
overflow-clip-margin: content-box;
overflow: clip;
border: 0 !important;
}
}
/* FIX HOME */
@media (max-width: 768px) {
.hero__audio-btn {
position: absolute;
bottom: 25px;
left: 25px;
right: unset;
background: rgba(0,0,0,0.6);
color: white;
border: none;
width: 30px;
height: 30px;
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
z-index: 99999999;
}
}
@media (max-width: 768px) {
.about-video {
padding-top: 100px!important;
width: 100%;
height: auto!important;
object-fit: cover;
overflow-clip-margin: content-box;
overflow: clip;
border: 0 !important;
}
}
@media screen and (max-width: 768px) {
.anteprima-eventi {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: auto;
min-height: auto;
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
}
}
@media screen and (max-width: 768px) {
.anteprima--content {
width: 100%;
height: auto!important;
position: relative;
padding: 0;
padding-left: 0;
padding-bottom: 0;
z-index: 99;
/* border-top: 1px solid #fff; */
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
}
@media screen and (max-width: 768px) {
.container--marquee {
background: #ffff00;
transform: rotate(-3deg);
z-index: 999;
position: relative;
top: -15px!important;
}
}
@media screen and (max-width: 768px) {
.content--linee img {
/* width: auto; */
width: 180px!important;
max-width: 100%;
margin: 0;
padding: 0;
/* height: 100%; */
height: auto;
}
}
@media screen and (max-width: 768px) {
.page-template-home .header {
border: 0!important;
background: transparent;
background: #000;
border-bottom: 0;
filter: invert(1);
}
}
@media screen and (max-width: 768px) {
.linee01 {
margin-top: -100px;
position: relative;
z-index: 99;
}
}
@media screen and (max-width: 768px) {
li.item-servizio {
font-size: .95rem;
}
}
@media screen and (min-width: 769px) {
.hide--desktop {
display: none;
}
}
@media screen and (max-width: 768px) {
.container__flexible-content.container__about.hide--desktop .content--about h2 {
color: #fff;
text-transform: uppercase;
font-size: 4rem;
line-height: 100%;
}
}
.container__flexible-content.intro--progetti p {
margin: 0;
}
.single-servizi .content--progetti {
padding-top: 0;
}