/*
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: 2.6.1
Author: Emmekweb
Site: https://emmekweb.it/
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: "greycliff-cf", -apple-system, BlinkMacSystemFont, "greycliff-cf", "Arial", sans-serif; box-sizing: border-box;margin: 0;padding: 0;}
*,*:before,*:after{box-sizing: border-box;}
h1,h2,h3,h4,h5,h6, p, ol, ul{margin: 0;padding: 0;font-weight: inherit;}
ol,ul{padding-left: 20px;}
img{height: auto;width: 100%;}
a{text-decoration: none;}
hr{border:none; border-bottom: 1px solid #000}
:root :where(a:where(:not(.wp-element-button))) {
text-decoration: none!important;
}
b, strong {
font-weight: bold;
}
body.admin-bar .header { position: fixed; top: 32px; z-index: 1000; height: 80px;}
/* ------------------------------------------------------------------------- *
/* 1 Base */
/* ------------------------------------------------------------------------- */
:root { --site-bg: #E4E4E4; --site-text-color: #000; --link-color: #048ea0; --link-color-hover: #105862; }
/* Typography */
body{font-size: 16px; background-color: var(--site-bg); color: var(--site-text-color); font-family: "greycliff-cf", -apple-system, BlinkMacSystemFont, "greycliff-cf", "Arial", sans-serif; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%;}
body.custom-background.dark{background-color: var(--site-bg);}
body.menu-open{overflow: hidden;} /*block scrolling when menu is open*/
body.page-template-home {margin: 0; width: 100%; height: 100vh; position: fixed; top: 0; left: 0; /*border: 2px solid yellow;*/}
.cover__img {
width: 100vw;
height: 100vh;
/* min-height: 92.3354vh; */
/* height: 100%; */
box-sizing: border-box;
overflow-x: hidden;
overflow-y: hidden;
background-image: url('https://dev-test.me/artekprogetti/wp-content/uploads/2024/07/652250127.jpg');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
/* position: fixed; */
display: flex;
align-items: flex-end;
justify-content: center;
/* left: 0; */
padding: 15px!important;
}
h1.page-title {
font-weight: bold;
}
.cover__text {
position: absolute;
color: #fff;
z-index: 999;
left: 150px;
margin-bottom: 150px;
}
@media (max-width: 768px) {
.cover__text {
position: absolute;
color: #fff;
z-index: 999;
left: 15px;
margin-bottom: 200px;
}
}
.woocommerce-page .section__title {
padding-bottom: 50px;
}
@media (max-width: 768px) {
.woocommerce-account .section__title {
padding-top: 100px;
}
}
@media (max-width: 768px) {
.woocommerce-cart .section__title {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
text-align: center;
padding-top: 0;
padding-bottom: 50px;
}
}
a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
background: #000;
}
.cover__text h1 {
text-transform: uppercase;
font-size: 3.5rem!important;
line-height: 3.5rem!important;
font-weight: 300;
}
@media (max-width: 768px) {
.cover__text h1 {
text-transform: uppercase;
font-size: 1.5rem!important;
line-height: 1.85rem!important;
}
}
@media (max-width: 768px) {
.page-template-home span.red {
color: #cb3025;
font-weight: bold;
display: inline-block;
}
}
.cover__img a {
display: flex;
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;
color: #ffffff;
background-color: transparent;
transition: all .25s ease-in-out;
margin-top: 50px;
z-index: 10;
border: 2px solid #fff;
}
.cover__img a:hover {
background-color: transparent;
color: #ffffff;
border: 2px solid #fff;
}
.arrow-r:after {
background-image: url('/svg/i-freccia-destra-bianco.svg');
}
.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;
}
.arrow-r:hover:after {
transform: translateX(5px);
}
.fade-in {
-webkit-animation-name: fade-in;
animation-name: fade-in;
}
@media (min-width: 1199px) {
.page-template-home .menu li a {
color: #fff;
}
}
@media (min-width: 1199px) {
.page-template-home .menu li a:hover {
color: #fff;
}
}
/* ! Title System */
h1, h2, h3, h4, h5, h6, p, ol, ul{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: 1.25rem;line-height: 125%;}
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: 3rem;}
}
/* Link color */
a {color: #000;font-weight: bold;}
a:focus, a:hover { color: var(--link-color-hover); text-decoration: none!important; 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 0;}
/* ------------------------------------------------------------------------- *
/* 2.1 Menu */
/* ------------------------------------------------------------------------- */
@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: 150px; /*border: 1px solid violet;*/width: 100%;}
}
@media (max-width: 768px) {
.spacer__extra-small_m {height: 50px; /*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: 150px; /*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: 798px) {
.header__topbar{font-size: 13px;}
.spacer{height: 80px;/* border: 1px solid green; */}
}
.header{background-color: var(--site-bg);position: fixed; top:0; left:0;z-index: 9999;width: 100%;padding: 0;}
.header {
/* background-color: #7C2563!important; */
/* background-color: #9B307D!important; */
/* background-color: #C7C4D6!important; */
/* background-color: #DADADA!important; */
background-color: #ffdf00 !important;
border-bottom: 1px solid #897100;
}
.header__content{width: 100%;max-width: 1400px;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;padding:10px 0;border-bottom: 0;position: relative;padding: 0 25px;height: 80px;box-shadow: none;}
.header__logo,
.header__quick{display: flex;align-items: center;justify-content: flex-start;color:var(--site-text-color);font-weight: bold;position: relative;left: 0;}
.header__quick a{color:var(--site-text-color);}
.header__logo-img{width: 180px;height: auto;}
.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;}
@media (max-width: 1199px) {
.header {
background: #ffdf00!important;
}
}
.menu,
.menu ul{margin: 0;position: relative;display: flex;margin-right: 60px;}
.menu li{display: flex;flex-direction: column;position: relative;align-items: center;justify-content: center;height: 80px;}
.menu li a{color: #897100;opacity: 1;display: block;padding: 20px 15px;font-size: 1.25rem;font-weight: bold;text-transform: uppercase;letter-spacing: 1px;}
@media (max-width: 1199px) {
.menu li a{color: #897100;opacity: 1;display: block;padding: 15px 0;font-size: 2.5rem;line-height: 2rem;font-weight: bold;}
}
.icon-hamburger{display: none;}
/* 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;}
}
@media (max-width: 1199px) {
.header__logo-img{width: 140px;height: auto;}
.menu-open header {
height: 80px;
background: transparent!important;
}
.menu-open .header__content {
width: 100%!important;
height: 100%!important;
background: #ffdf00;
z-index: -1;
}
.menu{
position: absolute;
top: 80px;
left: 0;
right:0;
background-color: #ffde00;
width: 100%;
height: calc(100vh - 80px);
margin: 0;
overflow: auto;
transition: all .6s cubic-bezier(.215, .61, .355, 1);
padding-left: 0;
transform: translateY(100%);
padding-top: 50px;
padding-bottom: 130px;
/* overflow: hidden; */
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-direction: column;
border-top-left-radius: 0;
border-top-right-radius: 0;
text-align: left;
}
.menu li{width: 100%;margin: 0;border-bottom: 0 solid #ccc;padding: 0px 15px;justify-content: flex-start;align-items: flex-start;display: block;height: auto;}
.menu-open .menu{transform: translateY(0%);}
.menu-open .menu > li:last-child{margin-bottom: 150px;position: relative;}
.icon-hamburger{height: 80px;width: 80px;position:absolute;top: 0;right: -5px;display: flex;flex-direction: column;align-items: center;justify-content: center;border:none;background: transparent;z-index: 9999;/* border: 1px solid red; */padding: 0;border-radius: 0;background: transparent;padding-bottom: 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: 4px;width: 40px;background: #000;position: relative;display: block;transition: all 0.2s cubic-bezier(.215, .61, .355, 1);margin: 4px 0;border-radius: 10px;}
.menu-open .icon-hamburger span:nth-child(2){transform: rotate(45deg) translate(0px, 0px);position: relative;right: 0px;top: 1px;}
.menu-open .icon-hamburger span:nth-child(3){transform: rotate(-45deg) translate(5px , -5px);margin: 0;/* position: relative; */right: 0;}
.header__content{padding: 0 15px;height: 80px;border-bottom: 0;}
.header__quick{display: flex; justify-content: flex-end;}
.header__quick ul{padding-left: 0;}
ul.sub-menu li a {
font-size: 1.4rem;
font-weight: 500;
line-height: 100%;
}
.menu li ul li {
padding: 0!important;
margin: 0;
}
}
@media (max-width: 500px) {
.header__quick .menu-item-type-custom{display: none;}
.header__quick button{pointer-events: none;}
}
/* Menu transparent */
@media (min-width: 1199px) {
.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: 1199px) {
.page-template-menu-trasparent .spacer{height:44px}
.page-template-menu-trasparent .header__content{border:none}
}
/* Menu black */
@media (min-width: 1199px) {
.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)}
}
@media (max-width: 1199px) {
.page-template-menu-black .spacer{height:44px}
.page-template-menu-black .header__content{border:none}
}
/* Menu Dropdown */
.menu li ul{background: #cabb8f;visibility: hidden;opacity: 1;min-width: 240px;position: absolute;transition: all 0.5s ease;margin-top: 0px;top: 73px;right: 0;display: none;padding: 0;text-align: left;border-radius: 15px;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px; margin: 0;}
.menu li ul > li > a,
.page-template-menu-trasparent .menu li ul > li > a{color: #000;}
.menu li ul > li > a:hover {background: #cabb8f;color:#000;border-radius: 15px;}
/* Open Dropdown */
@media (min-width: 1199px) {
.menu li {
height: auto;
}
.menu li:hover > ul,
.menu li ul:hover {visibility: visible;opacity: 0;display: block;}
.menu li ul li {
display: flex;
align-items: flex-start;
justify-content: center;
}
.menu li ul {
background: #ffffff;
visibility: hidden;
opacity: 1;
min-width: 320px;
position: absolute;
transition: all 0.5s ease;
margin-top: 0px;
top: 73px;
right: 0;
padding: 10px;
text-align: left;
border-radius: 0;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
box-shadow: 0px 10px 20px 0px #00000017;
}
.menu li ul > li > a {
width: 100%;
}
.menu li ul > li > a:hover {
background: #000;
color: #fff;
border-radius: 5px;
}
.menu > li.menu-item-has-children > a::after {
content: " ";
width: 25px;
height: 25px;
background-size: 30px;
position: absolute;
top: 50%;
right: 0;
transform: rotate(45deg);
margin-top: -9px!important;
background-size: 20px!important;
background-repeat: no-repeat!important;
background-image: url('/svg/i-freccia-destra-nero.svg')!important;
transition: all 0.25s ease-in-out;
}
.page-template-single-prestazione .current_page_item {
background: #ed3125!important;
color: #fff!important;
border-radius: 5px!important;
}
}
.menu li.open-dropdown ul{visibility: visible;opacity: 1;display: block;background: #fff;}
.menu li ul li { clear: both; width: 100%; }
.menu > li.menu-item-has-children > a{position: relative;}
.menu > li.menu-item-has-children > a::after{
content:" ";
width: 30px;
height: 30px;
background-size:30px;
position: absolute;
top:50%;
right: 0;
transform: rotate(45deg);
margin-top: -15px;
background-size:100%;
background-image: url('/svg/i-freccia-destra-bianco.svg');
transition: all 0.25s ease-in-out;
display: none;
}
.menu > li.menu-item-has-children.open-dropdown > a::after{
transform: rotate(90deg);
}
@media (min-width: 1199px) {
.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: 1199px) {
.menu li ul{position: relative;background: none;width: 100%;margin: 0;padding: 15px;left: 0;top: 0;border-radius: 15px;}
.menu li ul li{border:none}
.menu li ul li a{padding-left: 0;color: #000000;}
}
/* ------------------------------------------------------------------------- *
/* 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: 0; }
*/
/* 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: 100%;
margin-right: 0;
margin-left: 0;
}
.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 #222; }
/* 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:#000;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%;}
/* ! Grid System */
.grid {margin: 0 auto;display: flex;flex-flow: row;flex-wrap: wrap;width: 100%;max-width: 1400px;}
.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%; }
.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%; }
@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:-2pxpx;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:#000}
/* variations */
.woocommerce div.product form.cart .variations{padding: 10px;border-bottom: 1px solid #222;position: relative;width: 100%;}
.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 #000000!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
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:auto;}
@media (max-width: 768px) {
.woocommerce-result-count{font-size: 12px;}
.woocommerce .woocommerce-ordering select {font-size: 12px;margin-top:-10px;width: auto;}
}
/* 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;
padding-bottom: 90px;
}
.woocommerce .woocommerce-message a.button{background: #4CAF50!important;}
.woocommerce-message::before{color: #4CAF50;}
.woocommerce .woocommerce-message {background: #e5fce5; line-height: 100%;}
.woocommerce .woocommerce-error a.button{background: #F44336!important;}
.woocommerce-error::before{color: #F44336;}
.woocommerce .woocommerce-error {background: #FEECEB;color:#D91811;padding-bottom: 90px;}
.woocommerce .woocommerce-info a.button{background: #000000 !important;}
.woocommerce .woocommerce-info a{color:#1478C8;}
.woocommerce-info::before{color: #000000;}
.woocommerce .woocommerce-info {background: #fff29b;}
/* general fix */
.woocommerce a.added_to_cart{padding-left: 10px;}
.woocommerce-page #content .text-content a{text-decoration: none;}
.woocommerce span.onsale {
background-color: #fff29b;
border: 0;
border-radius: 5px;
border-top-left-radius: 20px;
/* border-bottom-right-radius: 8px; */
padding: 5px 8px;
min-height: 40px;
line-height: 100%;
font-size: 0.8rem;
color: #897100;
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: flex-start;
/* transform: rotate(-90deg); */
min-width: 150px;
top: 5px;
left: 5px;
}
@media (max-width: 768px) {
.woocommerce span.onsale {
background-color: #05A379;
border: 0;
border-radius: 5px;
/* border-top-right-radius: 8px; */
/* border-bottom-right-radius: 8px; */
padding: 5px 8px;
min-height: 40px;
line-height: 100%;
font-size: 0.8rem;
color: #ffffff;
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: flex-start;
/* transform: rotate(-90deg); */
min-width: calc(100% - 10px);
top: 5px;
left: 5px;
}
}
@media (max-width: 768px) {
.single-product span.onsale {
background-color: #fff29b;
border: 0;
border-radius: 5px;
border-top-left-radius: 21px;
/* border-bottom-right-radius: 8px; */
padding: 5px 8px;
min-height: 40px;
line-height: 100%;
font-size: 0.8rem;
color: #897100;
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: flex-start;
/* transform: rotate(-90deg); */
min-width: 150px;
top: 5px;
left: 5px;
}
}
.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;} */
.button-variation.button-variation {
display: none;
}
/* Woo Pagination */
/*
.woocommerce nav.woocommerce-pagination ul {text-align: left;width: 100%;border:none}
.woocommerce nav.woocommerce-pagination ul li {border: 0;margin-right: 10px;overflow: visible;}
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a {float: left;padding: 14px 19px;display: flex;}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
background: #05A379;
color: #fff;
font-weight: bold;
}
*/
nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover {
background: transparent!important;
color: #000000!important;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
background: #000000 !important;
color: #ffffff;
font-weight: bold;
}
.woocommerce nav.woocommerce-pagination ul {
display: inline-block;
white-space: nowrap;
padding: 0;
clear: both;
border: 2px solid #ffffff!important;
box-shadow: 0 0 0px 1px #000000 !important;
border-right: 0;
background: #fff29b!important;
margin: 1px;
border-radius: 5px!important;
padding: 0;
}
.woocommerce nav.woocommerce-pagination ul li {
border-right: 2px solid #ffffff!important;;
padding: 0;
margin: 0;
float: left;
display: inline;
overflow: hidden;
min-width: 35px!important;;
}
.woocommerce nav.woocommerce-pagination ul li:last-child {
border-right: 0 !important;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.woocommerce nav.woocommerce-pagination ul li:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
/* 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}
}
/* ! - Minicart */
.cart-icon {
display: block;
position: absolute;
top: 0;
right: 32px;
z-index: 30;
width: 50px;
height: 100%;
/* border: 1px solid #ccc; */
background-image: url('/svg/i-cart.svg');
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
}
@media (max-width: 1199px) {
.cart-icon {
display: block;
position: absolute;
top: 0;
right: 90px;
z-index: 30;
width: 50px;
height: 100%;
/* border: 1px solid #ccc; */
background-image: url('/svg/i-cart.svg');
background-position: center;
background-repeat: no-repeat;
}
}
.cart-icon.animate {
/* border: 1px solid; */
}
.cart-icon .cart-contents {
cursor: pointer;
color: #333;
font-size: 22px;
padding: 7px;
}
.cart-icon .cart-contents__number {
position: absolute;
height: 20px;
width: 20px;
line-height: 20px;
border-radius: 20px;
text-align: center;
font-size: 11px;
right: -15px;
top: 10px;
font-weight: bold;
background: #000;
color: #ffffff;
}
.cart--open {
min-height: 50px;
max-height: 600px;
}
@media (max-width: 768px) {
.cart--open {
min-height: 50px;
max-height: 100vh !important;
height: calc(100dvh - 90px) !important;
}
}
@media (max-width: 768px) {
.cart--open {
min-height: 50px;
max-height: 100vh !important;
height: calc(100dvh - 90px) !important;
}
}
.animate {
-webkit-transition: all 0.4s;
-moz-transition: all 0.4;
transition: all 0.4s;
}
@media (min-width: 1210px) {
.animate {
transition: none;
}
.minicart.animate.cart--open {
max-height: 100vh;
height: auto;
}
}
.nav-wrap .grid{position: relative}
.minicart { list-style-type : none; margin : 0px; width : 270px; max-height : 0px; overflow : hidden; position : absolute; z-index : 9999999; top : 98px; right : 0px; background : #ffffff; box-shadow : 0 15px 15px rgba(0,0,0,0.08); }
.minicart__inside {padding : 20px;position: relative;padding-top: 0;}
@media (max-width: 768px) {
.minicart__inside {
padding: 15px;
position: relative;
}
}
.minicart .widget { margin-bottom : 0; }
.minicart .widget li {position : relative;margin-top : 5px!important;display: block;width: 100%}
.minicart .widget li a { border : none; padding : 0px 0 0 0; color:#000;}
.minicart .widget a.button { padding : 10px; }
.minicart .widget_shopping_cart .total{ padding-top : 20px; border:none;margin-bottom: 15px;}
.minicart .widget_shopping_cart .woocommerce-mini-cart__total:before{
height: 20px;
bottom: 0; left:0;
width: 100%;
content: ' ';
display: block;
margin-top: -40px;
background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
position: relative;
z-index: 2;
margin-bottom: 20px;
}
.minicart .woocommerce-mini-cart__buttons { margin-bottom : 0; }
@media (max-width: 1199px) {
.minicart {
list-style-type: none;
margin: 0px;
width: 100vw;
max-height: auto;
overflow: hidden;
position: absolute;
z-index: 9999999;
top: 81px;
left: 0%!important;
background: #ffffff;
box-shadow: 0 15px 15px rgb(0 0 0 / 8%);
}
}
.minicart .woocommerce a.remove {
display: flex;
font-size: 0;
height: 30px;
width: 30px;
text-align: center;
line-height: 1;
border-radius: 100%;
color: red!important;
text-decoration: none;
font-weight: 700;
border: 0;
background: transparent;
background-image: url('/svg/i-remove-product.svg')!important;
background-size: 30px!important;
background-position: left!important;
background-repeat: no-repeat!important;
}
.minicart .woocommerce .widget_shopping_cart .cart_list li,
.minicart .woocommerce.widget_shopping_cart .cart_list li {
padding-left: 40px;
position: relative;
padding-top: 5px;
border-bottom: 1px solid #000;
}
.minicart .woocommerce.widget_shopping_cart .cart_list li:last-child {
padding-bottom: 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;
position: relative;
/* border: 1px solid red; */
padding: 0;
padding-left: 0;
}
@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: calc(50% + 100px);
padding: 80px;
background: #cabb8f;
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) {
.container__text {
width: 100%;
padding: 50px 25px;
background: #cabb8f;
color: #fff;
min-height: 70vh;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
position: relative;
z-index: 9;
}
}
.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: 50%;
position: relative;
left: 0;
top: 0;
}
@media (max-width: 768px) {
.container__image {
width: 100%;
position: relative;
left: 0;
top: 0;
}
}
.container__flexible-page {
display: flex;
align-items: center;
flex-direction: column;
position: relative;
/* border: 1px solid red; */
padding: 0;
}
@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: 40%;
position: relative;
left: 0;
}
@media (max-width: 768px) {
.container__image-sx {
width: 100%;
position: relative;
left: 0;
background: transparent;
/* word-break: break-all; */
}
}
@media (max-width: 768px) {
.page-template-chi-siamo .container__image-sx img{
display: none;
}
}
.container__text-dx {
left: 0;
width: 50%;
padding: 80px;
background: transparent;
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) {
.container__text-dx {
left: 0;
width: 100%;
padding: 25px;
background: trasparent;
color: #fff;
min-height: 60vh;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
position: relative;
z-index: 9;
}
}
.tl_container__text-dx {
left: 0;
width: 50%;
padding: 80px;
background: #f1f1f1;
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) {
.tl_container__text-dx {
left: 0;
width: 100%;
padding: 25px;
background: #f1f1f1;
color: #fff;
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: 160px;
border: 2px solid #fff;
border-radius: 50%;
background: #fff;
box-shadow: 0 0 30px #0003;
margin-right: 25px;
}
.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: 'greycliff-cf';
letter-spacing: 5px;
color: #bcbcbc;
margin: 10px;
padding-left: 25px;
}
@media (max-width: 768px) {
p.cursive {
font-size: 1rem!important;
font-family: 'greycliff-cf';
letter-spacing: 5px;
color: #bcbcbc;
margin: 10px 0;
padding-left: 35px;
}
}
.single-lavori p.cursive {
font-size: 1rem!important;
font-family: 'greycliff-cf';
letter-spacing: 5px;
color: #bcbcbc;
margin: 10px 0;
}
h3.subltitle {
position: relative;
font-size: 3.5rem;
font-weight: bold;
line-height: 3.5rem;
margin-bottom: 0;
text-transform: uppercase;
color: #000;
}
@media (max-width: 768px) {
h3.subltitle {
position: relative;
font-size: 2.5rem;
line-height: 2.5rem;
margin-bottom: 0px;
text-align: left;
}
}
@media (max-width: 768px) {
.page-template-lavori h3.subltitle {
position: relative;
font-size: 2.5rem;
line-height: 2.5rem;
margin-bottom: 0;
text-align: left;
}
}
h3.subltitle:after {
content: '';
position: absolute;
bottom: -15px;
width: 80px;
height: 6px;
background: #ed3125;
left: calc(50% - 40px);
display: none;
}
/* TAB RULES */
.tabs {
left: 50%;
transform: translateX(-50%);
position: relative;
background: #f2f2f2;
padding: 0;
padding-bottom: 0;
width: 100%;
height: auto;
box-shadow: none;
border-radius: 5px;
min-width: 100%;
}
@media (max-width: 768px) {
.page-template-lavori .tabs {
left: 50%;
transform: translateX(-50%);
position: relative;
background: #f2f2f2;
padding: 0;
padding-bottom: 0;
width: 100%;
height: auto;
box-shadow: none;
border-radius: 0;
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: center;
align-items: center;
flex-wrap: wrap;
width: auto;
height: 60px;
border: 0;
background: transparent;
border-radius: 5px;
padding: 2.5px;
margin: 0 auto;
margin-bottom: 150px;
min-width: 100px;
}
.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 #000;
border-radius: 50px;
padding: 5px;
margin: 0 auto;
margin-bottom: 150px;
}
@media (max-width: 768px) {
.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 #000;
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: none;
width: auto;
height: 100%;
padding: 0;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
min-width: 100px;
border: 0;
}
@media (max-width: 768px) {
.tabs ul li {
box-sizing: border-box;
flex: 1;
width: 100%;
min-width: auto;
height: 50px;
padding: 0;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
}
@media (max-width: 768px) {
.page-template-lavori .tabs ul li {
box-sizing: border-box;
flex: 1;
width: 100%;
min-width: auto;
height: 35px;
padding: 0;
text-align: left;
padding-left: 0;
}
}
.tabs ul li label {
transition: all 0.3s ease-in-out;
color: #000000;
padding: 0 25px;
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;
border: 1px solid #f2f2f2;
font-size: 20px;
text-transform: uppercase;
position: relative;
}
@media (max-width: 768px) {
.page-template-lavori .tabs ul li label {
transition: all 0.3s ease-in-out;
color: #000000;
padding: 0 50px;
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: left;
border: 1px solid #f2f2f2;
font-size: 16px;
text-transform: uppercase;
position: relative;
}
}
.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: 0;
}
.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: block;
}
.tabs input[name=tab-control]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label {
cursor: default;
color: #ffffff;
background: #cabb8f;
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(7):checked ~ ul > li:nth-child(7) > label {
cursor: default;
color: #428BFF;
}
.tabs input[name=tab-control]:nth-of-type(7Per ):checked ~ ul > li:nth-child(7) > label svg {
fill: #428BFF;
}
@media (max-width: 600px) {
.tabs input[name=tab-control]:nth-of-type(7):checked ~ ul > li:nth-child(7) > label {
background: rgba(0, 0, 0, 0.08);
}
}
.tabs input[name=tab-control]:nth-of-type(7):checked ~ .slider {
transform: translateX(300%);
}
.tabs input[name=tab-control]:nth-of-type(7):checked ~ .content > section:nth-child(7) {
display: block;
}
.tabs input[name=tab-control]:nth-of-type(8):checked ~ ul > li:nth-child(8) > label {
cursor: default;
color: #428BFF;
}
.tabs input[name=tab-control]:nth-of-type(8Per ):checked ~ ul > li:nth-child(8) > label svg {
fill: #428BFF;
}
@media (max-width: 600px) {
.tabs input[name=tab-control]:nth-of-type(8):checked ~ ul > li:nth-child(8) > label {
background: rgba(0, 0, 0, 0.08);
}
}
.tabs input[name=tab-control]:nth-of-type(8):checked ~ .slider {
transform: translateX(300%);
}
.tabs input[name=tab-control]:nth-of-type(8):checked ~ .content > section:nth-child(8) {
display: block;
}
.tabs input[name=tab-control]:nth-of-type(9):checked ~ ul > li:nth-child(9) > label {
cursor: default;
color: #428BFF;
}
.tabs input[name=tab-control]:nth-of-type(9Per ):checked ~ ul > li:nth-child(9) > label svg {
fill: #428BFF;
}
@media (max-width: 600px) {
.tabs input[name=tab-control]:nth-of-type(9):checked ~ ul > li:nth-child(9) > label {
background: rgba(0, 0, 0, 0.08);
}
}
.tabs input[name=tab-control]:nth-of-type(9):checked ~ .slider {
transform: translateX(300%);
}
.tabs input[name=tab-control]:nth-of-type(9):checked ~ .content > section:nth-child(9) {
display: block;
}
.tabs input[name=tab-control]:nth-of-type(10):checked ~ ul > li:nth-child(10) > label {
cursor: default;
color: #428BFF;
}
.tabs input[name=tab-control]:nth-of-type(10Per ):checked ~ ul > li:nth-child(10) > label svg {
fill: #428BFF;
}
@media (max-width: 600px) {
.tabs input[name=tab-control]:nth-of-type(10):checked ~ ul > li:nth-child(10) > label {
background: rgba(0, 0, 0, 0.08);
}
}
.tabs input[name=tab-control]:nth-of-type(10):checked ~ .slider {
transform: translateX(300%);
}
.tabs input[name=tab-control]:nth-of-type(10):checked ~ .content > section:nth-child(10) {
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,
.tabs input[name=tab-control]:nth-of-type(7):checked ~ ul > li:nth-child(7) > label,
.tabs input[name=tab-control]:nth-of-type(8):checked ~ ul > li:nth-child(8) > label,
.tabs input[name=tab-control]:nth-of-type(9):checked ~ ul > li:nth-child(9) > label,
.tabs input[name=tab-control]:nth-of-type(10):checked ~ ul > li:nth-child(10) > label {
cursor: default;
color: #000000;
background: transparent;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
border-radius: 2.5px;
width: auto;
min-width: 100px;
border: 1px solid #f2f2f2;
padding: 0 25px;
}
@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,
.tabs input[name=tab-control]:nth-of-type(7):checked ~ ul > li:nth-child(7) > label,
.tabs input[name=tab-control]:nth-of-type(8):checked ~ ul > li:nth-child(8) > label,
.tabs input[name=tab-control]:nth-of-type(9):checked ~ ul > li:nth-child(9) > label,
.tabs input[name=tab-control]:nth-of-type(10):checked ~ ul > li:nth-child(10) > label {
cursor: default;
color: #ffffff;
background: #2c2b2a;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
width: 100%;
padding: 0 25px;
/* font-size: 1.8rem; */
}
}
@media (max-width: 768px) {
.page-template-lavori .tabs input[name=tab-control]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label,
.page-template-lavori .tabs input[name=tab-control]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label,
.page-template-lavori .tabs input[name=tab-control]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label,
.page-template-lavori .tabs input[name=tab-control]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label,
.page-template-lavori .tabs input[name=tab-control]:nth-of-type(5):checked ~ ul > li:nth-child(5) > label,
.page-template-lavori .tabs input[name=tab-control]:nth-of-type(6):checked ~ ul > li:nth-child(6) > label,
.page-template-lavori .tabs input[name=tab-control]:nth-of-type(7):checked ~ ul > li:nth-child(7) > label,
.page-template-lavori .tabs input[name=tab-control]:nth-of-type(8):checked ~ ul > li:nth-child(8) > label,
.page-template-lavori .tabs input[name=tab-control]:nth-of-type(9):checked ~ ul > li:nth-child(9) > label,
.page-template-lavori .tabs input[name=tab-control]:nth-of-type(10):checked ~ ul > li:nth-child(10) > label {
cursor: default;
color: #000000;
background: transparent;
height: 100%;
display: flex;
align-items: center;
justify-content: left;
border-radius: 0;
width: 100%;
padding: 0 50px;
}
}
@-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: 0 25px;
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: 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: #cabb8f;
font-family: "greycliff-cf";
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-oro.svg');
}
.container__text a:hover {
background-color: #fff;
color: #cabb8f;
}
.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;
padding-top: 0;
}
@media (max-width: 768px) {
.section__title {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
text-align: center;
padding-top: 0;
}
}
.menu-item__text {
font-size: 20px;
line-height: normal;
padding-top: 0;
position: relative;
display: flex;
flex-direction: column;
padding-left: 0;
margin: 15px 0;
}
.menu-item__text:before {
content: '';
position: absolute;
left: 0;
top: 21px;
width: 15px;
height: 4px;
background: #be2e24;
border-radius: 25px;
border: 0;
border-radius: 20px;
content: '';
position: absolute;
width: 50px;
height: 15px;
bottom: 11px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
margin: 0 auto;
top: 0;
left: 0;
/* background-image: url(/svg/segnaposto.svg); */
background-position: left;
background-repeat: no-repeat;
background-size: 30px;
transform: rotate(180deg);
display: none;
}
.menu-item__price {
border-bottom: 1px solid #ccc;
padding-top: 10px;
padding-bottom: 15px;
padding-left: 0;
position: relative;
}
.menu-item__price span {
background: #454545;
border-radius: 5px;
padding: 4px 8px;
font-weight: bold;
color: #fff;
}
.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: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;
}
.offerta__cover-content {
width: 100%;
height: 420px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border-top-left-radius: 2.5px;
border-top-right-radius: 2.5px;
border-bottom-left-radius: 2.5px;
border-bottom-right-radius: 2.5px;
position: relative;
}
.offerta__cover-content:after {
background: white;
content: '';
position: absolute;
left: -50px;
bottom: -50px;
width: 100%;
height: 100%;
z-index: -1;
}
.offerta__cover-content {
position: relative;
}
.content__offerta {
/* overflow-x: hidden;
overflow-y: visible; */
position: relative;
/* padding-top: 100px; */
/* padding-bottom: 100px; */
display: grid;
/* flex-wrap: wrap; */
grid-template: auto / auto auto auto;
grid-gap: 200px;
column-gap: 70px;
/* width: 100%; */
align-items: flex-start;
/* justify-content: space-between; */
/* border: 1px solid gray; */
padding-bottom: 50px;
}
@media (max-width: 768px) {
.content__offerta {
/* overflow-x: hidden;
overflow-y: visible; */
position: relative;
/* padding-top: 100px; */
/* padding-bottom: 100px; */
display: grid;
/* flex-wrap: wrap; */
grid-template: auto / auto;
grid-gap: 100px;
column-gap: 70px;
/* width: 100%; */
align-items: flex-start;
/* justify-content: space-between; */
/* border: 1px solid gray; */
padding-bottom: 50px;
}
}
article.item--offerta {
/* border: 1px solid red; */
border-radius: 0;
padding: 0;
width: 100%;
}
@media (max-width: 768px) {
article.item--offerta {
/* border: 1px solid red; */
border-radius: 0;
padding: 0;
width: 100%;
}
}
article.item--offerta {
position: relative;
}
article.item--offerta .offerta_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: #000;
font-family: "greycliff-cf";
background-color: #cabb8f;
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;
}
.SwiperOfferta .swiper-pagination-custom,
.SwiperOfferta .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) {
.SwiperOfferta .swiper-container-horizontal>.swiper-pagination-bullets,
.SwiperOfferta .swiper-pagination-custom,
.SwiperOfferta .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; */
}
}
.SwiperOfferta .swiper-container-horizontal>.swiper-pagination-bullets,
.SwiperOfferta .swiper-pagination-custom,
.SwiperOfferta .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) {
.SwiperOfferta .swiper-container-horizontal>.swiper-pagination-bullets,
.SwiperOfferta .swiper-pagination-custom,
.SwiperOfferta .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; */
}
}
.SwiperOfferta .swiper-pagination-current,
.SwiperOfferta .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;
}
.SwiperOfferta .swiper-pagination-current:after,
.SwiperOfferta .swiper-pagination-current:after {
content: '';
position: absolute;
width: 30px;
height: 2px;
background: #51976a;
left: 40px;
top: 18px;
transform: rotate(0);
}
.SwiperOfferta .swiper-pagination-total,
.SwiperOfferta .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: 25px;
width: 60px;
/* border: 1px solid red!important; */
height: 60px;
color: #000;
z-index: 99;
border: 0;
border-radius: 0;
/* background-color: #fff; */
display: block;
}
@media screen and (max-width: 768px) {
.swiper-button-next,
.swiper-button-prev {
top: 70px;
bottom: unset;
width: 60px;
/* border: 1px solid red!important; */
height: 60px;
color: #000;
z-index: 99;
border: 0;
border-radius: 0;
/* background-color: #fff; */
display: block;
}
}
.swiper-button-prev {
background-size: 50px;
background-image: url('/svg/i-freccia-destra-nero.svg');
background-repeat: no-repeat;
background-position: left;
right: 80px;
left: unset;
transform: rotate(180deg);
}
.swiper-button-next {
background-size: 50px;
background-image: url('/svg/i-freccia-destra-nero.svg');
background-repeat: no-repeat;
background-position: right;
right: 0;
}
.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;
}
@media screen and (max-width: 768px) {
.swiper-button-next,
.swiper-button-prev {
top: 25px;
bottom: unset;
width: 60px;
/* border: 1px solid red!important; */
height: 60px;
color: #000;
z-index: 99;
border: 0;
border-radius: 0;
/* background-color: #fff; */
display: block;
}
}
.SwiperOfferta .swiper-pagination-bullet-active {
opacity: 1;
background: #cabb8f!important;
border: 2px solid ##cabb8f!important;
transform: scale(1.15);
transition: all ease-in-out .6s;
}
.SwiperOfferta .swiper-pagination-bullet {
width: 10px!important;
height: 10px!important;
display: inline-block;
border-radius: 100%;
background: #fff;
opacity: 1!important;
border: 2px solid #cabb8f!important;
}
article.item--offerta h3 {
font-size: 3rem;
line-height: 3rem;
margin-top: 25px;
text-transform: uppercase;
}
@media (max-width: 768px) {
.page-template-lavori article.item--offerta h3 {
font-size: 2rem;
line-height: 2.25rem;
margin-top: 0;
margin-bottom: 0;
text-transform: uppercase;
}
}
@media (max-width: 768px) {
.page-template-chi-siamo article.item--offerta h3,
.page-template-festival-en article.item--offerta h3 {
font-size: 2rem;
line-height: 2.25rem;
margin-top: 0;
margin-bottom: 0;
text-transform: uppercase;
}
}
.single-lavori article.item--offerta h3 {
font-size: 3rem;
line-height: 3rem;
margin-top: 0;
margin-bottom: 0;
text-transform: uppercase;
}
@media (max-width: 768px) {
.single-lavori article.item--offerta h3 {
font-size: 2rem;
line-height: 2.25rem;
margin-top: 0;
margin-bottom: 0;
text-transform: uppercase;
}
}
article.item--offerta .arrow-r:after {
background-image: url('/svg/i-freccia-destra-nero.svg');
}
article.item--offerta .arrow-r:hover:after {
transform: translateX(5px);
}
.offerta__cover p {
min-height: 170px;
}
.item--offerta .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--offerta .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;
}
.tabs.tariffe ul {
margin-bottom: 0;
}
@media (max-width: 768px) {
.tabs.home ul,
.tabs.tariffe 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 #000;
border-radius: 50px;
padding: 5px;
margin: 0 auto;
margin-bottom: 50px;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
}
@media (max-width: 768px) {
.page-template-lavori .tabs.home ul,
.page-template-lavori .tabs.tariffe ul {
list-style-type: none;
padding-left: 0;
display: inline;
flex-direction: row;
margin-bottom: 10px;
justify-content: space-between;
align-items: center;
flex-wrap: nowrap;
width: 100%;
height: 60px;
border-radius: 50px;
margin: 0 auto;
margin-bottom: 50px;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
text-align: left;
border: 0;
background: transparent;
}
}
img.location__img {
width: 70%;
}
@media (max-width: 768px) {
img.location__img {
width: 100%;
}
}
span.wpforms-image-choices-image img {
width: 35px;
}
@media (min-width: 1199px) {
li#menu-item-1637 {
margin-right: 10px;
margin-left: 20px;
}
}
@media (min-width: 1199px) {
li#menu-item-1637 a {
background: #ed3125;
border-radius: 5px;
padding: 10px 15px;
color: #fff;
}
}
li#menu-item-256 a,
li#menu-item-257 a,
li#menu-item-769 a
{
font-size: 0;
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
margin: 0 5px;
}
li#menu-item-4031,
li#menu-item-4032,
li#menu-item-4033 {
display: flex;
align-items: center;
justify-content: center;
width: 50px;
}
@media (max-width: 1199px) {
li#menu-item-4031,
li#menu-item-4032,
li#menu-item-4033 {
display: none;
}
}
li#menu-item-4031 a {
background-image: url('/svg/i-call-bianco.svg');
background-position: center;
background-repeat: no-repeat;
background-size: 20px!important;
background-color: #000;
width: 40px;
height: 40px;
position: relative;
border-radius: 50%;
margin-left: 0;
background-size: 17px;
text-indent: -99999999px;
}
li#menu-item-4032 a {
background-image: url('/svg/i-email-bianco.svg');
background-position: center;
background-repeat: no-repeat;
background-size: 20px!important;
background-color: #000;
width: 40px;
height: 40px;
position: relative;
border-radius: 50%;
margin-left: 0;
background-size: 17px;
text-indent: -99999999px;
}
li#menu-item-4033 a {
background-image: url('/svg/i-whatsapp.svg');
background-position: center;
background-repeat: no-repeat;
background-size: 20px!important;
background-color: #000;
width: 40px;
height: 40px;
position: relative;
border-radius: 50%;
margin-left: 0;
background-size: 17px;
text-indent: -99999999px;
}
li#menu-item-256 a
{
background-image: url('/svg/i-facebook-nero.svg');
background-color: #ed3125;
width: 40px;
height: 40px;
position: relative;
border-radius: 50%;
margin-left: 20px;
background-size: 17px;
}
@media (max-width: 1199px) {
li#menu-item-256 a
{
background-image: url('/svg/i-facebook-viola.svg');
}
}
li#menu-item-257 a
{
background-image: url('/svg/i-instagram-bianco.svg');
background-color: #ed3125;
width: 40px;
height: 40px;
position: relative;
border-radius: 50%;
}
@media (max-width: 1199px) {
li#menu-item-257 a
{
background-image: url('/svg/i-instagram-viola.svg');
background-color: #ed3125;
width: 40px;
height: 40px;
top: calc(50% - 20px);
position: relative;
border-radius: 50%;
}
}
li#menu-item-769 a
{
background-image: url('/svg/i-youtube-bianco.svg');
background-color: #ed3125;
width: 40px;
height: 40px;
top: calc(50% - 20px);
position: relative;
border-radius: 50%;
}
@media (max-width: 768px) {
li#menu-item-769 a
{
background-image: url('/svg/i-youtube-verde.svg');
}
}
li#menu-item-256 a:before {
content: '';
background: #dbede5;
width: 2px;
height: 100%;
position: absolute;
top: 0;
left: -15px;
border-radius: 5px;
}
@media (min-width: 1199px) {
ul.menu li > a:focus + ul {
display: block;
position: absolute;
z-index:999;
right: 0px;
opacity: 1;
/*top: -75px;*/
}
ul.menu:after {
content: '';
background: #000000;
width: 2px;
height: 25px;
position: absolute;
right: 0;
top: calc(50% - 12.5px);
border-radius: 5px;
display: none;
}
}
.menu li a:hover {
color: #000;
}
@media (max-width: 1199px) {
.menu li a:hover {
color: #000;
}
}
.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 #000;
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: #000;
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: 10px 0;
margin-right: 10px;
}
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: 2px;
border-color: #efefef!important;
border-style: solid;
min-width: 100px;
}
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: #000!important;
box-shadow: none!important;
outline: none;
}
.current-menu-item:before {
/* border: 2px solid #000; */
border-radius: 45px;
content: '';
position: absolute;
width: calc(100% - 20px);
height: 20px;
bottom: -8px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
margin: 0 auto;
left: 10px;
/* background-image: url('/svg/segnaposto.svg'); */
background-position: center;
background-repeat: no-repeat;
background-size: 50px;
}
@media (max-width: 1199px) {
.current-menu-item:before {
height: 4px;
border-radius: 0;
content: '';
position: absolute;
width: 50px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
margin: 0 auto;
top: calc(50% - 25px);
left: unset!important;
right: 15px;
height: 50px!Important;
background: transparent;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
transform: none;
/* border: 1px solid red; */
border-radius: 0!important;
/* background-image: url(/svg/segnaposto__menu.svg)!important; */
background-position: right!important;
background-size: 100%!important;
width: 25px!important;
}
}
.current_page_item {
position: relative;
}
.current_page_item:before {
/* border: 2px solid #000; */
border-radius: 45px;
content: '';
position: absolute;
width: 50px;
height: 20px;
bottom: -8px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
margin: 0 auto;
left: calc(50% - 25px);
background-image: url('/svg/segnaposto.svg');
background-position: left;
background-repeat: no-repeat;
background-size: 50px;
}
.current-menu-item a {
color: #000!important;
}
@media (max-width: 768px) {
.current-menu-item a {
color: #000!important;
}
}
li#menu-item-209:before {
display: none;
}
.test {
background: transparent;
width: 100%;
height: calc(100% - 65px);
position: fixed;
top: -15px;
z-index: -1;
display: none;
}
@media (max-width: 768px) {
.test {
background: transparent;
width: 100%;
height: 100%;
position: fixed;
top: 0;
z-index: -1;
display: block;
}
}
@media (max-width: 1199px) {
.box__social {
position: absolute;
width: 100%;
background: #ed3125;
height: 120px;
top: 0;
bottom: 0px;
left: 0;
/* bottom: 0px; */
display: flex;
align-items: start;
justify-content: center;
border-top-right-radius: 0;
border-top-left-radius: 0;
padding-top: 20px;
color: #fff;
border-bottom: 1px dashed #fff;
display: none;
}
}
@media (max-width: 1199px) {
li#menu-item-256 a,
li#menu-item-257 a,
li#menu-item-769 a
{
margin-left: 0;
filter: inherit;
width: 40px;
height: 40px;
margin: 0;
background-color: #fff;
}
}
@media (max-width: 1199px) {
li#menu-item-256
{
position: relative;
top: 40px;
left: 15px;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
margin: 0;
/* border: 1px solid red; */
z-index: 1;
}
}
@media (max-width: 1199px) {
li#menu-item-256 a:before {
content: '';
background: #000;
width: 1px;
height: 100%;
position: absolute;
top: 0;
left: -15px;
display: none;
}
}
@media (max-width: 1199px) {
li#menu-item-257
{
position: relative;
top: 0;
left: 70px;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
margin: 0;
/* border: 1px solid yellow; */
}
}
@media (max-width: 1199px) {
li#menu-item-769
{
position: fixed;
top: 60px;
left: calc(50% + 30px);
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
margin: 0;
/* border: 1px solid blue; */
}
}
@media (max-width: 1199px) {
li#menu-item-256,
li#menu-item-257,
{
/* display: none; */
}
}
@media (max-width: 1199px) {
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 {
border-radius: 0;
background-color: transparent;
color: #ffffff;
}
}
@media (min-width: 1199px) {
.page-template-single-prestazione li#menu-item-1845 a {
color: #ffde00;
}
.page-template-single-prestazione li#menu-item-1840 a,
.page-template-single-prestazione li#menu-item-1841 a,
.page-template-single-prestazione li#menu-item-1842 a,
.page-template-single-prestazione li#menu-item-1843 a,
.page-template-single-prestazione li#menu-item-1853 a {
color: #dbede5;
}
}
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: black;
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: #cabb8f;
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: #cabb8f;
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: #cabb8f; */
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: #cabb8f; */
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;
width: 100%;
max-width: 100%;
height: 100%;
align-items: center;
justify-content: center;
}
@media (max-width: 768px) {
figure {
display: flex;
margin: 0;
width: 100%;
max-width: 100%;
height: 100%;
}
}
.content__team {
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 768px) {
.page-template-chi-siamo .content__team,
.page-template-festival-en .content__team {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
}
.item__team {
display: flex;
width: 50%;
border-radius: 23px;
border: 8px 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: 15px;
}
.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;
line-height: 3rem;
/* 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: #cabb8f;
font-weight: 400;
margin: 0;
text-align: center;
}
.page-template-chi-siamo .container__text-dx,
.page-template-festival-en .container__text-dx {
left: 0;
width: 50%;
background: #ffffff;
color: #000;
min-height: 50vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
z-index: 9;
padding: 30px;
padding-left: 30px;
padding-right: 50px;
/* border: 1px solid red; */
border-radius: 50px;
}
@media (max-width: 1199px) {
.page-template-chi-siamo .container__text-dx,
.page-template-festival-en .container__text-dx {
left: 0;
width: 100%;
padding: 0;
background: transparent;
color: #000;
min-height: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
position: relative;
z-index: 9;
margin: 0;
margin-top: 0;
margin-bottom: 0;
}
}
.page-template-ristoro li#menu-item-146:before {
display: none;
}
.page-template-lavori 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 {
border-radius: 0;
padding: 25px;
font-size: 1.25rem;
position: relative;
border-top-left-radius: 0;
border: 3px solid #c8bb9452;
}
.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: #cabb8f!important;
border: 2px solid ##cabb8f!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 #cabb8f!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: #c8bb9452;
position: absolute;
top: -43px;
left: -3px;
width: 40px;
height: 40px;
background-image: url('/svg/i-open-message.svg')!important;
background-position: center;
background-repeat: no-repeat;
background-size: 30px;
margin-bottom: -44px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
a.menu__tema-link {
position: relative;
color: #000;
}
.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: 1199px) {
.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;
}
}
@media (min-width: 769px) {
.mobile {
display: none;
}
}
@media (max-width: 768px) {
.mobile {
display: flex;
}
}
.container__lavoro-scheda {
display: flex;
align-items: flex-start;
padding: 100px 0;
padding-top: 0;
padding-bottom: 50px;
}
@media (max-width: 768px) {
.container__lavoro-scheda {
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-size: cover;
border-radius: 25px;
box-shadow: 20px 0px 40px 0px rgb(0 0 0 / 6%);
position: relative;
}
@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: #ed3125;
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: #ed3125;
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.4rem;
FONT-WEIGHT: 400;
} */
main#content {
padding: 0 15px;
}
@media (max-width: 768px) {
main#content {
padding: 0 15px;
}
}
@media (max-width: 768px) {
.container__flexible-page.row__reverse {
display: flex;
flex-direction: column-reverse;
}
}
footer {
padding: 0 15px;
background: #000;
}
.footer-credits {
width: 100%;
position: relative;
margin: 0 auto;
display: flex;
align-items: center;
flex-direction: column;
position: relative;
padding-top: 25px;
font-size: .8rem;
color: #fff;
}
@media (max-width: 768px) {
.footer-credits {
width: 100%;
position: relative;
margin: 0 auto;
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-direction: column;
position: relative;
padding-top: 25px;
}
}
@media (max-width: 768px) {
.footer-credits p,
.footer-credits span,
.footer-credits a {
font-size: .8rem!important;
line-height: 1.1rem;
}
}
@media (max-width: 768px) {
footer .col-33 {
border-bottom: 1px solid #ccc;
padding: 25px 0;
}
}
footer .col-50 {
padding: 0;
}
.footer-credits p {
margin: 0;
font-size: .8rem;
}
.footer-credits a {
color: #fff;
}
.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: #fff!important;
text-transform: uppercase;
font-size: .8rem!important;
padding: 5px!important;
}
.logo__footer {
margin: 0 auto;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.logo__footer img {
width: 250px;
}
@media (max-width: 768px) {
.logo__footer img {
width: 150px;
}
}
footer .spacer__small {
width: 100%;
height: 50px;
/* border: 1px solid red; */
}
.footer__social {
width: 100%;
height: auto;
display: flex;
align-items: center;
justify-content: center;
padding: 25px;
}
@media (max-width: 768px) {
.footer__social {
width: 100%;
height: auto;
display: flex;
align-items: center;
justify-content: center;
padding-top: 25px;
padding-bottom: 25px;
}
}
.footer__social .footer__options {
width: 100%;
height: auto;
display: flex;
align-items: center;
justify-content: center;
padding-bottom: 0;
font-size: 0;
gap: 10px;
}
@media (max-width: 768px) {
.footer__social .footer__options {
padding-bottom: 0;
}
}
a.social_instagram {
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #ffde00;
background-image: url('/svg/i-instagram-nero.svg');
background-size: 25px;
background-position: center;
background-repeat: no-repeat;
}
a.social_facebook {
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #ffde00;
background-image: url('/svg/i-facebook-nero.svg');
background-size: 25px;
background-position: center;
background-repeat: no-repeat;
}
a.social_youtube {
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #ffde00;
background-image: url('/svg/i-youtube-nero.svg');
background-size: 25px;
background-position: center;
background-repeat: no-repeat;
}
a.social_tiktok {
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #ffde00;
background-image: url('/svg/i-tiktok-nero.svg');
background-size: 25px;
background-position: center;
background-repeat: no-repeat;
}
.footer__azienda {
display: flex;
flex-direction: column;
}
.footer__azienda a {
color: #000;
font-size: 1.2rem;
}
@media (max-width: 768px) {
.footer__azienda a {
color: #000;
font-size: 1rem;
}
}
.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: 35px;
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;
/* filter: invert(1); */
}
.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-shop.svg');
}
.azienda_tel:before {
background-image: url('/svg/i-call.svg');
}
.azienda_email:before {
background-image: url('/svg/i-mail.svg');
}
/*
.azienda_indirizzo,
a.azienda_tel,
a.azienda_email {
position: relative;
padding-left: 40px;
min-height: 35px;
display: flex;
align-items: center;
padding-left: 35px;
font-weight: normal!important;
}
.azienda_indirizzo:before,
a.azienda_tel:before,
a.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;
filter: invert(1);
}
.contatti__azienda .azienda_indirizzo:before,
.contatti__azienda a.azienda_tel:before,
.contatti__azienda a.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-azienda-indirizzo.svg');
}
a.azienda_tel:before {
background-image: url('/svg/i-azienda-tel.svg');
}
a.azienda_email:before {
background-image: url('/svg/i-azienda-email.svg');
}
*/
.menu li.open-dropdown {
min-height: auto;
/* border: 1px solid red; */
}
button#wpforms-submit-2120,
button#wpforms-submit-2114,
button#wpforms-submit-1998,
button#wpforms-submit-1917,
button#wpforms-submit-1896,
button#wpforms-submit-1880,
button#wpforms-submit-1405,
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: #000000;
/* font-family: "greycliff-cf"; */
background-color: #ffdf00 !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;
}
@media (max-width: 768px) {
button#wpforms-submit-2120,
button#wpforms-submit-2114,
button#wpforms-submit-1998,
button#wpforms-submit-1917,
button#wpforms-submit-1896,
button#wpforms-submit-1880,
button#wpforms-submit-1405,
button#wpforms-submit-243,
button#wpforms-submit-7 {
display: flex;
width: 100%;
max-width: 100%;
}
}
button#wpforms-submit-2120:after,
button#wpforms-submit-2114:after,
button#wpforms-submit-1998:after,
button#wpforms-submit-1917:after,
button#wpforms-submit-1896:after,
button#wpforms-submit-1880:after,
button#wpforms-submit-1405: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-2120:after,
button#wpforms-submit-2114:after,
button#wpforms-submit-1998:after,
button#wpforms-submit-1917:after,
button#wpforms-submit-1896:after,
button#wpforms-submit-1880:after,
button#wpforms-submit-1405:after,
button#wpforms-submit-243:after,
button#wpforms-submit-7:after {
background-image: url('/svg/i-freccia-destra-nero.svg');
}
button#wpforms-submit-2120:hover:after,
button#wpforms-submit-2114:hover:after,
button#wpforms-submit-1998:hover:after,
button#wpforms-submit-1917:hover:after,
button#wpforms-submit-1896:hover:after,
button#wpforms-submit-1880:hover:after,
button#wpforms-submit-1405:hover:after,
button#wpforms-submit-243:hover:after,
button#wpforms-submit-7:hover:after,
button#wpforms-submit-1405:focus:after,
button#wpforms-submit-243:focus:after,
button#wpforms-submit-7:focus:after {
transform: translateX(5px);
border: 0;
position: initial;
}
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;
}
div.wpforms-container-full.wpforms-render-modern .wpforms-form .wpforms-field-likert_scale table tr th {
font-style: normal;
font-weight: 400;
font-size: var(--wpforms-label-size-sublabel-font-size);
color: #fff!important;
}
div.wpforms-container-full .wpforms-field-label, .wp-core-ui div.wpforms-container-full .wpforms-field-label {
color: #000!important;
}
div.wpforms-container-full.wpforms-render-modern .wpforms-form .wpforms-field-likert_scale table.modern tbody tr:nth-child(odd) th,
div.wpforms-container-full.wpforms-render-modern .wpforms-form .wpforms-field-likert_scale table.modern tbody tr:nth-child(odd) td {
background-color: rgb(0 0 0 / 15%)!important;
}
@media (min-width: 1199px) {
thead tr th {
min-width: 110px;
}
div.wpforms-container-full.wpforms-render-modern .wpforms-form .wpforms-field-likert_scale table tr th {
font-size: 1.2rem!important;
line-height: 1.5rem!important;
width: 40%;
height: 120px!important;
}
}
div.wpforms-container-full input[type=checkbox],
div.wpforms-container-full input[type=radio] {
position: relative;
display: inline-block;
background: none;
height: 50px!important;
width: 50px!important;
margin: 0 0 0 2px;
border: none;
box-shadow: none;
vertical-align: middle;
opacity: 1;
appearance: none;
display: flex!important;
align-items: center!important;
justify-content: center!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;
}
div.wpforms-container-full input[type=checkbox]:before,
div.wpforms-container-full input[type=radio]:before {
border-radius: 3px!important;
}
div.wpforms-container-full input[type=checkbox]:checked:before,
div.wpforms-container-full input[type=radio]:checked:before {
margin: 0;
border-width: var(--wpforms-field-border-size, 0);
border-style: solid;
border-color: #ffffff!important;
box-shadow: 0 0 0 1px #ffffff, 0px 1px 2px rgba(0,0,0,0.15)!important;
outline: none;
border-radius: 3px!important;
}
div.wpforms-container-full input[type=radio]:checked:after {
border: 1px solid transparent;
border-radius: 50%;
background-color: #8BC34A!important;
transform: scale(0.95)!important;
-moz-transform: scale(0.8)!important;
left: calc( -3px + var(
--wpforms-field-border-size, 1px ));
top: calc( -3px + var(
--wpforms-field-border-size, 1px ));
}
@media only screen and (max-width: 768px){
form.wpforms-form .wpforms-field-likert_scale table tbody tr td {
display: block;
border: none !important;
border-bottom: 1px solid #eee !important;
padding: 0!important;
}
}
div.wpforms-container-full input[type=radio]:checked:after {
border: 1px solid transparent;
border-radius: 3px;
background-color: var(--wpforms-button-background-color);
transform: scale(0.5);
-moz-transform: scale(0.47);
left: calc( -3px + var(--wpforms-field-border-size, 1px ));
top: calc( -3px + var(--wpforms-field-border-size, 1px ));
background-position: center;
background-size: 15px!important;
background-repeat: no-repeat!important;
background-image: url('/svg/select-black.svg')!important;
border-radius: 4px!important;
}
div.wpforms-container-full.wpforms-render-modern .wpforms-form .wpforms-field-likert_scale table.modern tbody tr td input[type=radio]:hover:before,
div.wpforms-container-full.wpforms-render-modern .wpforms-form .wpforms-field-likert_scale table.modern tbody tr td input[type=checkbox]:hover:before {
border-color: #000000!important;
box-shadow: 0 0 0 1px #000000, 0px 1px 2px rgba(0,0,0,0.15)!important;
}
div.wpforms-container-full input[type=checkbox], div.wpforms-container-full input[type=radio] {
position: relative;
display: inline-block;
background: none;
height: auto;
width: 50px;
margin: 0 0 0 2px;
border: none;
box-shadow: none;
vertical-align: middle;
opacity: 1;
appearance: none;
display: flex;
align-items: center;
justify-content: center;
border-radius: 3px!important;
}
a.button__top {
border-radius: 45px;
content: '';
position: absolute;
width: calc(100% - 20px);
height: 50px;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
margin: 0 auto;
left: 10px;
/* background-image: url(/svg/segnaposto.svg); */
background-position: bottom;
background-repeat: no-repeat;
background-size: 100px;
}
.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;
}
iframe.cmplz-placeholder-element.cmplz-no-video.cmplz-processed.cmplz-activated {
border-radius: 15px;
}
img.header__logo-img-white {
width: 100%;
height: auto;
max-height: 60px;
}
@media only screen and (max-width: 768px){
img.header__logo-img-white {
width: 90px;
height: auto;
max-height: 100%;
/* border: 1px solid green; */
}
}
.header__logo-img {
width: 180px;
height: auto;
z-index: 9;
opacity: 0;
}
.container__logo {
display: flex;
/* flex-direction: column; */
position: relative;
justify-content: center;
align-items: flex-start;
}
.animated-logo__completo {
width: 480px;
height: 100%;
position: relative;
/* overflow-x: hidden; */
/* border: 1px solid blue; */
padding: 20px 0;
}
.animated-logo__top,
.animated-logo__center,
.animated-logo__bottom {
position: absolute;
}
.logo__top,
.logo__center,
.logo__bottom {
position: absolute;
}
img.animated-completo {
opacity: 0;
}
img.animated-logo__top {
width: 430px;
position: absolute;
left: -1px;
top: 4px;
opacity: 0;
/* filter: invert(1); */
}
img.animated-logo__center {
position: absolute;
width: 324px;
top: -120px;
left: 105px;
opacity: 0;
/* filter: invert(1); */
}
img.animated-logo__bottom {
position: absolute;
width: 184px;
left: -184px;
top: 114px;
transform: rotate(-180deg);
transform-origin: 50% 50%;
opacity: 0;
}
.tl_animated-logo__completo {
width: 100%;
height: auto;
position: relative;
/* border: 1px solid blue; */
display: flex;
}
.tl_container__svg-logo {
min-height: 100%;
width: 100%;
/* border: 1px solid red; */
display: flex;
align-items: center;
}
.tl_animated-logo__top,
.tl_animated-logo__center,
.tl_animated-logo__bottom {
position: absolute;
}
img.tl_animated-completo {
opacity: 0;
}
@media and (min-width: 1199px) and (min-width: 1440px) {
img.tl_animated-completo {
opacity: 0;
width: 100%;
}
}
@media (max-width: 768px) {
img.tl_animated-completo {
opacity: 0;
width: 100%;
}
}
img.tl_animated-logo__top {
width: 570px;
position: absolute;
left: 0px;
top: 25px;
opacity: 0;
}
@media (min-width: 1199px) and (max-width: 1440px) {
img.tl_animated-logo__top {
width: 460px;
position: absolute;
left: 0px;
top: 5px;
opacity: 0;
}
}
@media (max-width: 768px) {
img.tl_animated-logo__top {
width: 250px;
position: absolute;
left: 3px;
top: 3px;
opacity: 0;
}
}
img.tl_animated-logo__center {
position: absolute;
width: 430px;
top: -100px;
left: 140px;
opacity: 0;
}
@media (min-width: 1199px) and (max-width: 1440px) {
img.tl_animated-logo__center {
position: absolute;
width: 347px;
top: -120px;
left: 113px;
opacity: 0;
}
}
@media (max-width: 768px) {
img.tl_animated-logo__center {
position: absolute;
width: 190px;
top: -120px;
left: 64px;
opacity: 0;
}
}
img.tl_animated-logo__bottom {
position: absolute;
width: 250px;
left: -90px;
top: 170px;
transform: rotate(-180deg);
transform-origin: 50% 50%;
opacity: 0;
}
@media (min-width: 1199px) and (max-width: 1440px) {
img.tl_animated-logo__bottom {
position: absolute;
width: 200px;
left: -165px;
top: 123px;
transform: rotate(-180deg);
transform-origin: 50% 50%;
opacity: 0;
}
}
@media (max-width: 768px) {
img.tl_animated-logo__bottom {
position: absolute;
width: 100%;
max-width: 110px;
left: -300px;
top: 67px;
transform: rotate(-180deg);
transform-origin: 50% 50%;
opacity: 0;
}
}
.page-template-home .wrapper {
overflow: hidden;
width: 100%;
height: 100vh;
padding: 0;
}
.container__image-sx {
width: 40%;
position: relative;
left: 0;
background: #ed3125;
padding: 80px;
color: #fff;
font-weight: bold;
}
@media (max-width: 1199px) {
.container__image-sx {
width: 100%;
position: relative;
left: 0;
background: #ed3125;
padding: 30px;
color: #fff;
font-weight: bold;
}
}
.container__image-sx {
width: auto;
position: absolute;
left: 50%;
top: 0;
height: 100%;
background: #ffffff;
padding: 0 50px;
color: #000;
font-weight: bold;
display: flex;
flex-direction: column;
justify-content: center;
/* border: 1px solid red; */
}
@media (max-width: 1199px) {
.container__image-sx {
width: 100%;
position: relative;
left: 0;
background: #ffde00;
padding: 30px;
color: #000000;
font-weight: bold;
border-bottom-left-radius: 25px;
border-bottom-right-radius: 25px;
}
}
.container__image-sx p {
font-size: 1.8rem!important;
line-height: 100%;
font-weight: normal;
margin-top: 0;
}
.full-width {
width: 100%;
max-width: 100%;
padding: 0;
}
.page-template-home .header {
background-color: #ffffff;
background: transparent;
box-shadow: none!important;
}
.page-template-home .spacer {
height: auto;
display: none;
}
.page-template-home .header {
background-color: #ffffff;
background: transparent;
box-shadow: none!important;
}
.page-template-home .header__content {
box-shadow: none!important;
}
/*
.page-template-home.scroll-down .header {
background-color: #ffffff;
}
.page-template-home.scroll-down .header__content {
background: #fff!important;
box-shadow: 0px 40px 40px 0px rgb(0 0 0 / 10%)!important;
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
*/
.cover__img:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #00000075;
background: rgb(0,0,0);
background: -moz-linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(0deg, rgb(0 0 0) 0%, rgba(0,0,0,0) 100%),linear-gradient(180deg, rgb(0 0 0 / 75%) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
/* display: none; */
}
.page-template-home .header__logo-img-white {
width: 180px;
height: auto;
display: none;
}
.page-template-home .header__logo-img {
width: 180px;
height: auto;
display: block;
}
@media (min-width: 1199px) {
.page-template-lavori .tabs {
left: 50%;
transform: translateX(-50%);
position: relative;
background: #f2f2f2;
padding: 0;
padding-bottom: 20px;
width: 100%;
height: auto;
box-shadow: none;
border-radius: 5px;
min-width: 100%;
}
}
/* @media (max-width: 768px) {
.page-template-lavori .tabs {
left: 50%;
transform: translateX(-50%);
position: relative;
background: #f2f2f2;
padding: 0;
padding-bottom: 20px;
width: 100%;
height: auto;
box-shadow: none;
border-radius: 5px;
min-width: 100%;
}
} */
.page-template-home.scroll-down .menu li a {
color: #000;
}
.page-template-home img.header__logo-img {
display: block!important;
}
.page-template-home img.header__logo-img-white {
display: none!important;
}
.page-template-home li#menu-item-256 a,
.page-template-home li#menu-item-257 a
{
filter: invert(1);
}
.page-template-home.scroll-down li#menu-item-256 a,
.page-template-home.scroll-down li#menu-item-257 a {
filter: none!important;
}
.page-template-home footer{
display: none;
}
.page-template-home .icon-hamburger span {
background: #fff;
}
/* article.item--offerta:nth-child(3n+0){
margin-top: 0;
padding-top: 100px;
} */
article.item--offerta:nth-child(3n+2) {
margin-top: 0;
/* padding-top: 200px; */
/* border: 2px solid red; */
}
article.item--offerta:nth-child(1){
padding-top: 0;
}
article.item--offerta:nth-child(2n+2) {
margin-top: 0;
/* padding-top: 200px; */
}
article.item--offerta:nth-child(2){
padding-top: 0;
}
/* article.item--offerta:nth-child(3){
padding-top: 100px;
}
article.item--offerta:nth-child(4){
padding-top: 200px;
}
article.item--offerta:nth-child(5){
padding-top: 100px;
}
article.item--offerta:nth-child(6){
padding-top: 100px;
}
article.item--offerta:nth-child(7){
padding-top: 100px;
} */
.footer__home {
display: flex;
position: absolute;
bottom: 0;
height: 50px;
width: 100%;
padding: 0 25px;
/* background: #ffffff80; */
display: flex;
align-items: center;
justify-content: center;
background: rgb(0 0 0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
/* background: -webkit-linear-gradient(0deg, rgb(0 0 0) 0%, rgba(0,0,0,0) 100%); */
/* background: linear-gradient(0deg, rgb(0 0 0) 0%, rgba(0,0,0,0) 100%); */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
color: #fff;
}
@media (max-width: 768px) {
.footer__home {
display: flex;
position: fixed!important;
/* position: absolute; */
bottom: 0;
left: 0;
height: 120px;
width: 100%;
padding: 0 20px;
border: 1px solid red;
/* background: #ffffff80; */
display: block;
align-items: center;
justify-content: center;
background: rgb(0 0 0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
/* background: -webkit-linear-gradient(0deg, rgb(0 0 0) 0%, rgba(0,0,0,0) 100%); */
/* background: linear-gradient(0deg, rgb(0 0 0) 0%, rgba(0,0,0,0) 100%); */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
color: #fff;
}
}
.container__flexible-menu {
border: 0;
border-radius: 0;
padding: 0;
/* border: 1px solid #00BCD4; */
padding-left: 50px;
}
@media (max-width: 768px) {
.page-template-chi-siamo .container__flexible-menu,
.page-template-festival-en .container__flexible-menu {
border: 0;
border-radius: 0;
padding: 0;
/* border: 1px solid #00BCD4; */
padding-left: 50px;
padding-bottom: 25px;
}
}
.single-lavori .container__flexible-menu {
border: 0;
border-radius: 0;
padding: 0;
/* border: 1px solid #00BCD4; */
padding-left: 50px;
position: relative;
}
.footer__home p {
font-size: 1rem!important;
margin: 0;
padding: 0;
}
.tag__category {
font-size: 16px;
display: block;
align-items: center;
position: absolute;
padding-left: 0;
bottom: -50px;
left: 0;
height: 100%;
width: 50px;
/* border: 1px solid red; */
}
.page-template-lavori .tag__category {
font-size: 20px;
font-weight: bold!important;
display: block;
align-items: center;
position: absolute;
padding-left: 0;
bottom: -50px;
left: 0;
height: 100%;
width: 50px;
/* border: 1px solid red; */
}
.single-lavori .tag__category {
font-size: 16px;
display: block;
align-items: center;
position: absolute;
padding-left: 0;
bottom: -50px;
left: 0;
height: 100%;
width: 50px;
/* border: 1px solid red; */
}
.color__category {
width: 100%;
height: 50px;
position: absolute;
bottom: 0;
/* left: -22px; */
/* border-top-left-radius: 2.5px; */
/* border-top-right-radius: 2.5px; */
}
.container__flexible-menu.Urbanistica.e.Infrastrutture .color__category {
background: #005CB8;
}
.container__flexible-menu.Residenziale.e.Turistico .color__category {
background: #58BA48;
}
.container__flexible-menu.Commerciale.Industriale.Sociale .color__category {
background: #FF0000;
}
.tag__category span {
display: inline-block;
position: absolute;
left: 0;
bottom: 0;
color: #737070;
transform: rotate(-90deg);
/* width: 100%; */
transform-origin: 0 0;
/* border: 1px solid green; */
white-space: nowrap;
height: 50px;
display: flex;
align-items: center;
padding-left: 15px;
font-weight: normal;
}
.page-template-lavori .tag__category span {
display: inline-block;
position: absolute;
left: 0;
bottom: 0;
color: #000;
transform: rotate(-90deg);
/* width: 100%; */
transform-origin: 0 0;
/* border: 1px solid green; */
white-space: nowrap;
height: 50px;
display: flex;
align-items: center;
padding-left: 15px;
font-weight: bold;
text-transform: uppercase;
}
body.single-lavori {
background-color: #f2f2f2!important;
}
.single-lavori article.item--offerta {
/* border: 1px solid red; */
border-radius: 0;
padding: 0;
width: 100%;
}
.single-lavori .offerta__cover-content {
width: 100%;
height: 600px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border-top-left-radius: 2.5px;
border-top-right-radius: 2.5px;
border-bottom-left-radius: 2.5px;
border-bottom-right-radius: 2.5px;
position: relative;
}
@media (max-width: 768px) {
.single-lavori .offerta__cover-content {
width: 100%;
height: 420px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border-top-left-radius: 2.5px;
border-top-right-radius: 2.5px;
border-bottom-left-radius: 2.5px;
border-bottom-right-radius: 2.5px;
position: relative;
}
}
@media (max-width: 768px) {
.menu-tema__img {
width: 101%!important;
height: 400px!important;
display: flex;
background-size: cover;
border-radius: 25px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
box-shadow: none;
position: relative;
}
}
@media (max-width: 768px) {
.page-template-chi-siamo .menu-item__text,
.page-template-festival-en .menu-item__text {
position: relative;
left: -50px;
}
}
@media (max-width: 768px) {
.page-template-lavori .menu-item__text {
position: relative;
left: -50px;
}
}
.single-lavori .menu-item__text h3 {
margin: 0;
}
.single-lavori .menu-item__text p {
font-size: 1.5rem!important;
line-height: 1.8rem!important;
margin: 0;
}
.single-lavori .menu-item__text span {
font-size: .9rem;
color: #929292;
}
.single-lavori .intro__info-content {
border-radius: 15px;
padding: 0;
position: relative;
border-top-left-radius: 0;
border: 0;
}
.single-lavori .menu-item__text.sottotitolo {
font-size: 1.5rem!important;
line-height: 1.8rem!important;
margin: 0;
}
.single-lavori .menu-item__text.sottotitolo {
margin: 0;
width: 70%;
margin-bottom: 0;
}
@media (max-width: 768px) {
.single-lavori .menu-item__text.sottotitolo {
margin: 0;
width: 100%;
margin-top: 100px;
margin-bottom: 0;
}
}
.single-lavori .menu-item__text.sottotitolo p {
line-height: 1.8rem!important;
}
footer {
border-top: 0;
margin-top: 0;
}
a.button__top:after {
content: '';
position: absolute;
width: 50px;
height: 50px;
/* background: red; */
/* background-image: url('/svg/i-up-arrow-white.svg'); */
background-size: 25px;
background-position: center 20px;
background-repeat: no-repeat;
z-index: 999;
}
body.page-template-contatti,
body.page-template-chi-siamo,
body.page-template-festival-en,
body.page-template-servizi,
body.page-template-lavori {
background-color: #ffffff!important;
}
.offerta__cover-content:after {
background: white;
content: '';
position: absolute;
left: -50px;
bottom: -50px;
width: 100%;
height: 100%;
z-index: -1;
}
article.item--offerta a {
color: #2C2B2A;
}
.tabs input[name=tab-control]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label:after {
content: '';
position: absolute;
width: 50px;
height: 50px;
background: #2c2b2a;
z-index: -1;
left: 0;
top: 0px;
border-radius: 2.5px;
opacity: .15;
}
@media (max-width: 768px) {
.tabs input[name=tab-control]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label:after {
content: '';
position: absolute;
width: 25px;
height: 50px;
background: #2c2b2a;
z-index: -1;
left: 0;
top: 0;
border-radius: 0;
opacity: .15;
}
}
.tabs input[name=tab-control]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label:after {
content: '';
position: absolute;
width: 50px;
height: 50px;
background: #71b758;
z-index: -1;
left: 0;
top: 0px;
border-radius: 2.5px;
/* opacity: .5; */
}
@media (max-width: 768px) {
.tabs input[name=tab-control]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label:after {
content: '';
position: absolute;
width: 25px;
height: 50px;
background: #71b758;
z-index: -1;
left: 0;
top: 0;
border-radius: 0;
/* opacity: .5; */
}
}
.tabs input[name=tab-control]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label:after {
content: '';
position: absolute;
width: 50px;
height: 50px;
background: #FF0000;
z-index: -1;
left: 0;
top: 0px;
border-radius: 2.5px;
/* opacity: .5; */
}
@media (max-width: 768px) {
.tabs input[name=tab-control]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label:after {
content: '';
position: absolute;
width: 25px;
height: 50px;
background: #FF0000;
z-index: -1;
left: 0;
top: 0;
border-radius: 0;
/* opacity: .5; */
}
}
.tabs input[name=tab-control]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label:after {
content: '';
position: absolute;
width: 50px;
height: 50px;
background: #005CB8;
z-index: -1;
left: 0;
top: 0px;
border-radius: 2.5px;
/* opacity: .5; */
}
@media (max-width: 768px) {
.tabs input[name=tab-control]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label:after {
content: '';
position: absolute;
width: 25px;
height: 50px;
background: #005CB8;
z-index: -1;
left: 0;
top: 0;
border-radius: 0;
/* opacity: .5; */
}
}
.single-lavori .container__back {
display: flex;
align-items: center;
height: 150px;
padding-left: 0;
/* border: 1px solid violet; */
}
@media screen and (max-width: 1199px) {
.single-lavori .container__back {
display: flex;
align-items: center;
height: 80px;
padding-left: 0;
padding: 0;
}
}
.single-lavori .container__back a {
font-size: 16px;
font-weight: 300!important;
color: #000;
}
.single-lavori a.button__back.underline-l {
position: relative!important;
padding-left: 35px;
}
.single-lavori a.button__back.underline-l:before {
content: '';
width: 30px;
height: 100%;
left: 0;
background-image: url('/svg/i-item-menu.svg')!important;
background-size: 25px!important;
background-position: center!important;
background-repeat: no-repeat!important;
position: absolute;
transform: rotate(-180deg);
}
.single-lavori a.button__back.underline-l:after {
content: '';
width: 0;
height: 2px;
background: #000;
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;
}
.single-lavori a.button__back.underline-l:hover::after {
width: 100%;
}
.page-template-chi-siamo .container__flexible-page,
.page-template-festival-en .container__flexible-page {
display: flex;
flex-direction: column;
align-items: stretch;
position: relative;
/* border: 1px solid red; */
padding: 0;
font-weight: 300;
margin-bottom: 0;
height: 100%;
}
@media screen and (max-width: 1199px) {
.page-template-chi-siamo .container__flexible-page,
.page-template-festival-en .container__flexible-page {
display: block;
/* flex-direction: row-reverse; */
align-items: flex-end;
position: relative;
/* border: 1px solid red; */
padding: 0;
font-weight: 300;
margin-bottom: 0;
}
}
span.red {
color: #cb3025;
font-weight: bold;
}
.menu-item__text.team,
.menu-item__text.ruolo {
margin: 0;
}
.menu-item__text.team h3 {
margin: 0;
}
.menu-item__text.ruolo p {
display: flex;
align-items: center;
margin-bottom: 25px;
font-size: 16px!important;
text-transform: uppercase;
color: #878787;
}
@media (max-width: 768px) {
.menu-item__text.ruolo p {
display: flex;
align-items: center;
margin-bottom: 0;
font-size: 16px!important;
text-transform: uppercase;
color: #878787;
}
}
span.sep__team {
width: 15px;
height: 3px;
background: #cb3025;
display: inline-block;
border-radius: 25px;
margin: 0 5px;
}
span.sep__team:nth-child(1) {
margin-left: 0;
}
.page-template-chi-siamo article.item--offerta:nth-child(2),
.page-template-chi-siamo article.item--offerta:nth-child(2n+1),
.page-template-festival-en article.item--offerta:nth-child(2),
.page-template-festival-en article.item--offerta:nth-child(2n+1) {
margin-top: 0;
padding-top: 0;
}
@media (max-width: 768px) {
.page-template-chi-siamo article.item--offerta:nth-child(2),
.page-template-chi-siamo article.item--offerta:nth-child(2n+1),
.page-template-festival-en article.item--offerta:nth-child(2),
.page-template-festival-en article.item--offerta:nth-child(2n+1) {
margin-top: 0px;
padding-top: 0px;
padding-bottom: 0px;
margin-bottom: 100px
}
}
.page-template-chi-siamo .content__offerta,
.page-template-festival-en .content__offerta {
overflow-x: hidden;
overflow-y: hidden;
position: relative;
padding-top: 0;
padding-bottom: 0;
display: flex;
flex-wrap: wrap;
grid-gap: 0;
align-items: flex-start;
justify-content: space-around;
/* border: 1px solid red; */
}
@media (max-width: 768px) {
.page-template-chi-siamo .content__offerta,
.page-template-festival-en .content__offerta {
overflow-x: hidden;
overflow-y: visible;
position: relative;
padding-top: 0px;
padding-bottom: 0px;
display: block;
flex-wrap: wrap;
grid-gap: 0;
align-items: flex-start;
justify-content: space-around;
/* border: 1px solid red; */
}
}
.page-template-chi-siamo article.item--offerta,
.page-template-festival-en article.item--offerta {
/* border: 1px solid red; */
border-radius: 0;
padding: 0;
width: calc(33.333333333333333% - 50px);
}
@media (max-width: 768px) {
.page-template-chi-siamo article.item--offerta,
.page-template-festival-en article.item--offerta {
/* border: 1px solid red; */
border-radius: 0;
padding: 0;
width: 100%;
}
}
.menu-item__text.descrizione p {
font-size: 1rem!important;
line-height: 1.25rem;
min-height: 60px;
}
.page-template-chi-siamo .offerta__cover-content:after,
.page-template-festival-en .offerta__cover-content:after {
background: #cb3025;
content: '';
position: absolute;
left: -50px;
bottom: -50px;
width: 100%;
height: 100%;
z-index: -1;
}
@media (max-width: 768px) {
.page-template-chi-siamo .offerta__cover-content,
.page-template-festival-en .offerta__cover-content {
height: 300px;
}
}
.page-template-chi-siamo .tag__category span,
.page-template-festival-en .tag__category span {
display: inline-block;
position: absolute;
left: 0;
bottom: 0;
color: #fff;
transform: rotate(-90deg);
/* width: 100%; */
transform-origin: 0 0;
/* border: 1px solid green; */
white-space: nowrap;
height: 50px;
display: flex;
align-items: center;
padding-left: 15px;
font-weight: normal;
}
.container__image-sx h3 {
font-size: 2rem;
line-height: 2.8rem;
font-weight: 300;
margin: 0;
}
@media (max-width: 768px) {
.container__image-sx h3 {
font-size: 1.8rem;
line-height: 2rem;
font-weight: 300;
margin: 0;
}
}
.page-template-chi-siamo .section__subtitle,
.page-template-festival-en .section__subtitle {
display: flex;
align-items: stretch;
justify-content: space-between;
font-weight: 300;
/* margin-top: 150px; */
}
@media (max-width: 768px) {
.page-template-chi-siamo .section__subtitle,
.page-template-festival-en .section__subtitle {
display: block;
align-items: stretch;
justify-content: space-between;
font-weight: 300;
margin-top: 0;
}
}
.section__subtitle {
width: 100%;
display: flex;
align-items: stretch;
justify-content: space-between;
font-weight: 300;
margin-top: 0;
}
@media (max-width: 768px) {
.section__subtitle {
display: flex;
flex-direction: column;
width: 100%;
}
}
@media (max-width: 768px) {
.page-template-chi-siamo .section__subtitle p,
.page-template-festival-en .section__subtitle p {
margin: 0;
}
}
.section__subtitle__left {
width: 33.333333333333333%;
padding: 25px;
/* border: 1px solid blue; */
}
@media (max-width: 768px) {
.section__subtitle__left {
width: 100%;
padding-left: 0;
padding-right: 0;
margin-bottom: 50px;
}
}
@media (max-width: 768px) {
.page-template-chi-siamo .section__subtitle__left,
.page-template-festival-en .section__subtitle__left {
width: 100%;
padding-left: 0;
padding-right: 0;
margin: 50px 0;
}
}
.section__subtitle__center {
width: 33.333333333333333%;
padding: 25px;
/* border: 1px solid blue; */
}
@media (max-width: 768px) {
.section__subtitle__center {
width: 100%;
padding-left: 0;
padding-right: 0;
}
}
.section__subtitle__right {
width: 33.333333333333333%;
padding: 25px;
/* border: 1px solid blue; */
}
@media (max-width: 768px) {
.section__subtitle__right {
width: 100%;
margin-top: 50px;
padding-left: 0;
padding-right: 0;
}
}
.page-template-lavori .section__subtitle__center {
width: 100%;
padding-left: 25px;
padding-right: 25px;
}
@media (max-width: 768px) {
.page-template-lavori .section__subtitle__center {
width: 100%;
padding-left: 0;
padding-right: 0;
}
}
.page-template-servizi .tabs {
left: 50%;
transform: translateX(-50%);
position: relative;
background: #fff;
padding: 0;
padding-bottom: 80px;
width: 100%;
height: 100%;
box-shadow: none;
border-radius: 5px;
min-width: 100%;
display: flex;
}
@media (max-width: 768px) {
.page-template-servizi .tabs {
left: 50%;
transform: translateX(-50%);
position: relative;
background: #fff;
padding: 0;
padding-top: 0;
padding-bottom: 0;
width: 100%;
height: 100%;
box-shadow: none;
border-radius: 5px;
min-width: 100%;
display: block;
}
}
.page-template-servizi .tabs ul {
list-style-type: none;
padding-left: 0;
display: flex;
flex-direction: column;
margin-bottom: 10px;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: nowrap;
width: 50%;
height: 60px;
border: 0;
background: transparent;
border-radius: 5px;
padding: 2.5px;
margin: 0 auto;
margin-bottom: 150px;
min-width: 100px;
}
@media (max-width: 768px) {
.page-template-servizi .tabs ul {
list-style-type: none;
padding-left: 0;
display: flex;
flex-direction: revert;
margin-bottom: 10px;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: nowrap;
width: 100%;
height: 80px;
border: 0;
background: transparent;
border-radius: 5px;
padding: 2.5px;
margin: 0 auto;
margin-bottom: 50px;
min-width: 100px;
}
}
.page-template-servizi .tabs ul li {
box-sizing: border-box;
flex: none;
width: auto;
height: 100%;
padding: 0;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
min-width: 100px;
border: 0;
margin: 5px 0;
}
.page-template-servizi .tabs .content {
margin-top: 0;
width: 50%;
min-height: 600px;
/* border: 1px solid red; */
/* position: relative; */
/* background: #fff; */
padding: 25px;
padding-top: 8px;
}
@media (max-width: 768px) {
.page-template-servizi .tabs .content {
margin-top: 0;
width: 100%;
min-height: auto;
/* border: 1px solid red; */
/* position: relative; */
/* background: #fff; */
padding: 25px;
padding-top: 8px;
}
}
.page-template-servizi .tabs ul li label {
transition: all 0.3s ease-in-out;
color: #000000;
padding: 0 25px;
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;
border: 0;
font-size: 1.8rem;
font-weight: bold;
text-transform: uppercase;
position: relative;
}
@media (max-width: 768px) {
.page-template-servizi .tabs ul li label {
transition: all 0.3s ease-in-out;
color: #000000;
padding: 0 25px;
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;
border: 0;
font-size: 1.8rem;
font-weight: bold;
text-transform: uppercase;
position: relative;
font-size: 1.2rem!important;
}
}
.page-template-servizi .tabs input[name=tab-control]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label,
.page-template-servizi .tabs input[name=tab-control]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label,
.page-template-servizi .tabs input[name=tab-control]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label,
.page-template-servizi .tabs input[name=tab-control]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label,
.page-template-servizi .tabs input[name=tab-control]:nth-of-type(5):checked ~ ul > li:nth-child(5) > label,
.page-template-servizi .tabs input[name=tab-control]:nth-of-type(6):checked ~ ul > li:nth-child(6) > label,
.page-template-servizi .tabs input[name=tab-control]:nth-of-type(7):checked ~ ul > li:nth-child(7) > label,
.page-template-servizi .tabs input[name=tab-control]:nth-of-type(8):checked ~ ul > li:nth-child(8) > label,
.page-template-servizi .tabs input[name=tab-control]:nth-of-type(9):checked ~ ul > li:nth-child(9) > label,
.page-template-servizi .tabs input[name=tab-control]:nth-of-type(10):checked ~ ul > li:nth-child(10) > label {
cursor: default;
color: #cb3025;
background: transparent;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
border-radius: 2.5px;
width: auto;
min-width: 100px;
border: 0;
padding: 0 25px;
font-weight: bold;
font-size: 1.8rem;
}
.page-template-servizi .tabs input[name=tab-control]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label:after,
.page-template-servizi .tabs input[name=tab-control]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label:after,
.page-template-servizi .tabs input[name=tab-control]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label:after,
.page-template-servizi .tabs input[name=tab-control]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label:after,
.page-template-servizi .tabs input[name=tab-control]:nth-of-type(5):checked ~ ul > li:nth-child(5) > label:after,
.page-template-servizi .tabs input[name=tab-control]:nth-of-type(6):checked ~ ul > li:nth-child(6) > label:after,
.page-template-servizi .tabs input[name=tab-control]:nth-of-type(7):checked ~ ul > li:nth-child(7) > label:after,
.page-template-servizi .tabs input[name=tab-control]:nth-of-type(8):checked ~ ul > li:nth-child(8) > label:after,
.page-template-servizi .tabs input[name=tab-control]:nth-of-type(9):checked ~ ul > li:nth-child(9) > label:after,
.page-template-servizi .tabs input[name=tab-control]:nth-of-type(10):checked ~ ul > li:nth-child(10) > label:after {
content: '';
position: absolute!important;
width: 50px!important;
height: 50px!important;
bottom: 3px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
margin: 0 auto;
left: -20px!important;
background-color: transparent;
background-image: url('/svg/segnaposto__left.svg')!important;
background-position: center;
background-repeat: no-repeat;
background-size: auto!important;
}
@media (max-width: 768px) {
.page-template-servizi .tabs input[name=tab-control]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label:after,
.page-template-servizi .tabs input[name=tab-control]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label:after,
.page-template-servizi .tabs input[name=tab-control]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label:after,
.page-template-servizi .tabs input[name=tab-control]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label:after,
.page-template-servizi .tabs input[name=tab-control]:nth-of-type(5):checked ~ ul > li:nth-child(5) > label:after,
.page-template-servizi .tabs input[name=tab-control]:nth-of-type(6):checked ~ ul > li:nth-child(6) > label:after,
.page-template-servizi .tabs input[name=tab-control]:nth-of-type(7):checked ~ ul > li:nth-child(7) > label:after,
.page-template-servizi .tabs input[name=tab-control]:nth-of-type(8):checked ~ ul > li:nth-child(8) > label:after,
.page-template-servizi .tabs input[name=tab-control]:nth-of-type(9):checked ~ ul > li:nth-child(9) > label:after,
.page-template-servizi .tabs input[name=tab-control]:nth-of-type(10):checked ~ ul > li:nth-child(10) > label:after {
content: '';
position: absolute!important;
width: 50px!important;
height: 50px!important;
bottom: -14px!important;
top: unset!important;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
margin: 0 auto;
left: calc(50% - 25px)!important;
background-color: transparent;
background-image: url('/svg/segnaposto.svg')!important;
background-position: center;
background-repeat: no-repeat;
background-size: auto!important;
transform: rotate(180deg);
}
}
.page-template-servizi .tabs .content p {
font-size: 16px!important;
line-height: 18px;
color: #000000;
position: relative;
padding-left: 35px;
margin: 0;
min-height: 45px;
display: flex;
align-items: center;
}
@media (max-width: 768px) {
.page-template-servizi .tabs .content p {
font-size: 16px!important;
line-height: 18px;
color: #000000;
position: relative;
padding-left: 35px;
margin: 10px 0;
min-height: 45px;
display: flex;
align-items: center;
}
}
.page-template-servizi .tabs .content p:before {
content: '';
position: absolute;
width: 15px;
height: 3px;
background: #cb3025;
display: inline-block;
border-radius: 25px;
margin: 0 5px;
left: 0px!important;
top: calc(50% - 1.5px);
}
.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: #ed3125; */
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: #000;
font-size: 1.5rem!important;
line-height: 2.25rem;
margin: 0;
font-weight: 300!important;
position: relative;
padding-left: 0;
}
@media (max-width: 768px) {
.contatti__azienda p,
.contatti__azienda a,
.contatti__azienda a:active,
.contatti__azienda a:hover {
color: #000;
font-size: 1rem!important;
line-height: 1.25rem;
margin: 0;
font-weight: 300!important;
}
}
img.azienda__logo-img {
width: 280px;
margin-bottom: 50px;
}
@media (max-width: 768px) {
img.azienda__logo-img {
width: 180px;
margin-bottom: 25px;
}
}
.page-template-servizi .section__subtitle {
display: flex;
align-items: flex-start;
justify-content: center;
font-weight: 300;
margin-top: 0;
padding: 0 100px;
}
@media (max-width: 768px) {
.page-template-servizi .section__subtitle {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
font-weight: 300;
margin-top: 0;
padding: 0;
}
}
.page-template-servizi .section__subtitle__left {
width: 50%;
padding-right: 25px;
}
@media (max-width: 768px) {
.page-template-servizi .section__subtitle__left {
width: 100%;
padding-right: 0;
}
}
.page-template-servizi .section__subtitle__center {
width: 50%;
padding-left: 25px;
padding-right: 25px;
}
@media (max-width: 768px) {
.page-template-servizi .section__subtitle__center {
width: 100%;
padding-left: 0;
padding-right: 0;
}
}
p.azienda_denominazione {
font-weight: bold!important;
margin-bottom: 10px;
padding: 0;
}
p.azienda_piva {
margin-top: 20px;
}
.cmplz-placeholder-parent iframe {
filter: grayscale(1);
}
.map-container {
overflow: hidden;
height: 450px;
display: block;
}
.map-iframe {
height: calc(100% + 4px);
min-width: calc(100% + 4px);
margin: -2px;
background-color: #e5e3df;
}
.single-lavori .archive__container {
display: flex;
flex-wrap: wrap;
width: 100%;
max-width: 100%;
margin: 0 auto;
padding: 0;
}
@media screen and (max-width: 768px) {
.single-lavori .archive__container {
padding: 0;
}
}
.single-lavori .archive__content {
width: 100%;
display: flex;
align-items: stretch;
flex-wrap: wrap;
padding-top: 0;
}
.archive__content article {
display: block;
/* border: 1px solid #dedede; */
display: flex;
flex-direction: column;
width: 32%;
max-width: 1200px;
margin-top: 1%;
margin-bottom: 1%;
box-shadow: 0 0 20px #0000000d;
max-height: 245px;
position: relative;
overflow: hidden;
}
@media screen and (max-width: 768px) {
.archive__content article {
max-height: 380px;
}
}
.archive__content article:nth-child(1) {
margin-right: 1%;
margin-left: 0!important;
/* background: red; */
}
.archive__content article:nth-child(3n+1) {
margin-right: 1%;
margin-left: 0!important;
/* background: red; */
}
.archive__content article:nth-child(3n+2) {
margin-right: 1%!important;
margin-left: 1%!important;
/* background: yellow; */
}
.archive__content article:nth-child(3n+3) {
margin-right: 0px;
margin-left: 1%;
/* background: green; */
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
.single-lavori .archive__content {
width: 100%;
display: flex;
align-items: stretch;
flex-wrap: wrap;
justify-content: space-between;
padding-top: 25px;
}
.archive__content article {
width: calc(50% - 10px);
}
.archive__content article:nth-child(2n+1) {
margin-right: 0!important;
margin-left: 0!important;
}
.archive__content article:nth-child(2n+2) {
margin-left: 0!important;
margin-right: 0!important;
}
}
@media screen and (max-width: 768px) {
.archive__content article {
width: 100%;
margin-left: 0!important;
margin-right: 0!important;
}
.archive__content article:nth-child(3n+2) {
margin-right: 0!important;
margin-left: 0!important;
/* background: yellow; */
}
}
.archive__content article .section-inner {
width: 100%;
}
.archive__content article h2.entry-title {
font-size: 26px;
text-align: left;
}
.archive__content article .post-meta-wrapper {
display: none;
}
.archive__content article a.archive__button {
position: absolute;
bottom: 25px;
left: 25px;
height: 50px;
background: white;
border: 1px solid #606060;
width: calc(100% - 50px)!important;
display: flex;
align-items: center;
justify-content: center;
color: #606060;
text-transform: uppercase;
font-size: 16px;
}
.archive__content article a.archive__button:before {
position: absolute;
content: '';
/* background: red; */
width: 100%;
height: 1px;
top: -30px;
border-top: 2px dashed #ccc;
}
.archive__content article .featured-media {
margin-top: 1px!important;
}
.archive__content article .banner-categoria {
width: auto;
height: auto;
padding: 0px;
color: #000;
font-size: 16px;
font-weight: 700;
line-height: 14px;
text-transform: none;
font-family: 'Titillium Web', Sans-serif;
display: flex;
flex-direction: column;
align-items: flex-start;
float: left;
padding-left: 5px;
}
.archive__content article .container-categoria {
display: flex;
align-items: center;
padding: 0;
padding-left: 0;
min-height: 65px;
border-top: 0!important;
border-bottom: 0;
}
.archive__content article span.separator-cat {
display: none;
}
.archive__content article .container-luogo-evento {
display: flex;
align-items: center;
margin-top: 0px;
border-top: 0;
border-bottom: 0;
padding: 10px;
padding-left: 0;
padding-right: 0;
min-height: 55px;
}
.archive__content article .container__icon-luogo {
display: flex;
align-items: center;
justify-content: flex-start!important;
/* border: 1px solid red; */
min-height: 35px;
width: 40px;
}
.archive__content article .container__text-luogo {
display: flex;
align-items: center;
justify-content: flex-start;
/* border: 1px solid red; */
width: calc(100% - 40px);
min-height: 35px;
}
.archive__content article img.icona-luogo {
width: 25px!important;
}
.archive__content article p.luogo-evento {
font-size: 16px;
line-height: 16px;
color: #75757;
}
.archive__content article p.archive__ora-evento {
padding-left: 2px;
}
.archive__content article .box-data-evento-archive {
display: flex;
align-items: center;
padding: 10px;
font-weight: 700;
background: #000;
color: #fff;
padding-left: 15px;
height: 50px;
}
.archive__content article .box-data-evento-archive__content {
font-size: 16px;
}
.archive__content article .box-data-evento-archive__content p {
line-height: 16px;
}
.archive__content article .container-archive__title {
padding: 0!important;
display: flex;
align-items: flex-start;
/* border: 1px solid red; */
/* margin-bottom: 15px; */
min-height: 65px;
}
.archive__content article .container-archive__button {
/* border: 1px solid red; */
display: flex;
position: absolute;
bottom: 15px;
left: 0;
width: 100%;
height: 60px;
align-items: center;
padding: 15px;
}
.archive__content .container-img-festival-single {
margin-bottom: 90px;
}
.archive__content article .container-archive__button:before {
content: '';
position: absolute;
width: 100%;
left: 0;
top: -15px;
border-top: 1px solid #ccc;
height: 10px;
display: none;
}
.archive__content article .archive__button {
bottom: -1px;
right: 15px;
height: 60px;
background: #000;
/* background: #fff; */
border-radius: 50%;
width: 60px;
display: flex;
align-items: center;
justify-content: center;
color: #606060;
text-transform: uppercase;
font-size: 16px;
position: absolute;
background-image: url('/svg/i-right-arrow-white.svg')!important;
/* background-image: url('/svg/i-right-arrow-white-black.svg')!important; */
background-position: center!important;
background-repeat: no-repeat!important;
background-size: 30px!important;
-webkit-transition: all .3s cubic-bezier(.175,.885,.32,1.275);
-moz-transition: all .3s cubic-bezier(.175,.885,.32,1.275);
-ms-transition: all .3s cubic-bezier(.175,.885,.32,1.275);
-o-transition: all .3s cubic-bezier(.175,.885,.32,1.275);
transition: all .3s cubic-bezier(.175,.885,.32,1.275);
}
.archive__content article .archive__button:hover {
-webkit-transform: scale(1.05) rotate(45deg);
-moz-transform: scale(1.05) rotate(45deg);
-ms-transform: scale(1.05) rotate(45deg);
-o-transform: scale(1.05) rotate(45deg);
transform: scale(1.05) rotate(45deg);
-webkit-box-shadow: 0 0 18px 0 rgb(0 0 0 / 15%);
-moz-box-shadow: 0 0 18px 0 rgba(0,0,0,.15);
box-shadow: 0 0 18px 0 rgb(0 0 0 / 15%);
}
.archive__content a.transparent__button,
.archive__content a.transparent__button:hover,
.archive__content a.transparent__button:focus,
.archive__content a.transparent__button:active,
.archive__content a.transparent__button:visited
{
color: #000;
}
.archive__content img.img-festival {
width: 100%;
height: 100%;
-webkit-box-shadow: 0px 35px 40px -40px rgb(0 0 0 / 50%);
-moz-box-shadow: 0px 35px 40px -40px rgb(0 0 0 / 50%);
box-shadow: 0px 35px 40px -40px rgb(0 0 0 / 50%);
}
.archive__content h2.titolo {
font-size: 38px;
font-weight: 700;
line-height: 38px;
margin-bottom: 0;
color: #fff;
z-index: 10;
display: flex;
align-items: center;
padding-left: 0;
}
@media screen and (max-width: 768px) {
.archive__content h2.titolo {
font-size: 32px;
line-height: 32px;
padding-left: 0;
}
}
/* .single-lavori h2.titolo {
font-size: 38px;
font-weight: 700;
line-height: 38px;
margin-bottom: 0;
float: left;
position: relative;
margin-left: 90px;
color: #7a62ae;
z-index: 10;
height: 60px;
display: flex;
align-items: center;
background: #fff;
border-radius: 5px;
padding: 20px;
} */
.archive__content .container__icon-edizione {
display: flex;
align-items: center;
justify-content: center;
width: 55px;
height: 55px;
border-radius: 50%;
box-shadow: 0 0 40px #00000040;
}
.archive__content .container__icon-edizione.gradojazz {
background: transparent!important;
border-width: 10px!important;
}
.archive__content .container__icon-edizione.musicarnia {
background: transparent!important;
border-width: 10px!important;
}
.archive__content .container__icon-edizione.teatropasolini {
background: transparent!important;
border-width: 10px!important;
}
.archive__content .container__icon-edizione.notenuove {
background: transparent!important;
border-width: 10px!important;
}
.archive__content .container__icon-edizione.borghiswing {
background: transparent!important;
border-width: 10px!important;
}
.archive__content .container__icon-edizione.altrieventi {
background: transparent!important;
border-width: 10px!important;
}
.glightbox-clean .gslide-description {
background: transparent!important;
}
.glightbox-clean .gdesc-inner {
padding: 20px 0!important;
background: transparent!important;
}
.gdesc-inner h4 {
font-size: 20px!important;
font-weight: bold!important;
font-family: inherit!important;
margin-bottom: 5px!important;
line-height: 20px!important;
color: #fff!important;
}
.glightbox-clean .gslide-desc {
font-size: 18px!important;
font-weight: 300!important;
margin-bottom: 0!important;
font-family: inherit!important;
line-height: 20px!important;
color: #fff!important;
}
.container__servizi {
/* border: 1px solid red; */
display: flex;
flex-direction: column;
}
.content__servizi {
display: flex;
/* border: 1px solid blue; */
margin: 25px 0;
}
@media screen and (max-width: 768px) {
.content__servizi {
display: flex;
flex-direction: column;
/* border: 1px solid blue; */
margin: 25px 0;
}
}
.content__servizi .servizi__elenco p {
position: relative;
padding-left: 30px;
}
.content__servizi .servizi__elenco p:before {
content: '';
position: absolute;
width: 15px;
height: 3px;
background: #cb3025;
display: inline-block;
border-radius: 25px;
margin: 0 5px;
left: 0px!important;
top: 15px;
}
.content__servizi:last-child {
margin: 0;
}
.servizi__title {
width: 25%;
display: flex;
}
@media screen and (max-width: 768px) {
.servizi__title {
width: 100%;
display: flex;
margin-bottom: 25px;
}
}
.servizi__title span {
position: relative!important;
cursor: default;
color: #cb3025;
background: transparent;
height: 100%;
display: flex;
align-items: flex-start;
justify-content: center;
border-radius: 2.5px;
width: auto;
min-width: 100px;
border: 0;
padding: 0 50px;
font-weight: bold;
font-size: 1.8rem;
}
.servizi__title span:after {
content: '';
position: absolute!important;
width: 50px!important;
height: 50px!important;
top: 0;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
margin: 0 auto;
left: -15px!important;
background-color: transparent;
background-image: url('/svg/segnaposto__left.svg')!important;
background-position: center;
background-repeat: no-repeat;
background-size: auto!important;
}
.section__subtitle.festival__info {
width: 100%;
max-width: 1400px;
margin: 0 auto;
height: auto;
/* border: 1px solid blue; */
padding-top: 0;
margin-top: -150px;
}
@media screen and (max-width: 768px) {
.section__subtitle.festival__info {
width: 100%;
max-width: 1400px;
margin: 0 auto;
height: auto;
/* border: 1px solid blue; */
padding-top: 0;
margin-top: -180px!important;
}
}
.section__subtitle.festival__info h3 {
margin: 0;
color: #e6007e;
/* font-size: 5rem; */
/* line-height: 5rem; */
font-size: 3.2rem;
line-height: 3.4rem;
transform: rotate(-2deg);
z-index: 99;
position: relative;
top: 132px;
}
@media screen and (max-width: 768px) {
.section__subtitle.festival__info h3 {
margin: 0;
color: #e6007e;
font-size: 2.5rem;
line-height: 2.5rem;
transform: rotate(-2deg);
z-index: 99;
position: relative;
top: 132px;
text-align: left;
}
}
.section__subtitle.festival__info .section__subtitle__center {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.festival__background {
background-size: 50%;
width: 100%;
padding: 250px 0;
padding-bottom: 200px;
position: relative;
}
@media screen and (max-width: 768px) {
.festival__background {
background-size: 50%;
width: 100%;
padding: 25px 0;
padding-bottom: 50px;
position: relative;
}
}
.festival__background:before {
content: ' ';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 1;
background-image: url('https://frutsfestival.it/landing/wp-content/uploads/2024/09/texture-sito.png');
background-repeat: repeat;
background-position: center;
background-size: contain;
}
.festival__background-mask {
position: absolute;
top: 0;
left: 0;
background: white;
width: 100%;
height: 100px;
transform: skew(-88deg);
transform-origin: top;
}
h3.part__right {
text-align: right;
}
.section__subtitle h3 {
font-size: 1.8rem;
line-height: 1.8rem;
}
.section__cta {
padding: 60px;
position: relative;
display: flex;
flex-direction: column;
}
@media (max-width: 768px) {
.section__cta {
padding: 30px;
position: relative;
display: flex;
flex-direction: column;
}
}
.section__cta h3 {
font-size: 2.5rem;
line-height: 2.5rem;
font-weight: bold;
color: #ffffff;
}
.section__cta p {
font-size: 1.8rem!important;
line-height: 2rem;
font-weight: normal;
/* margin-top: 25px; */
/* color: #ffde00!important; */
}
.festival__background a {
width: 100%;
max-width: 300px;
padding: 20px;
color: #ffffff;
display: flex!important;
align-items: center;
justify-content: center;
transition: all .25s ease-in-out;
margin-top: 25px;
}
@media screen and (max-width: 768px) {
.festival__background a {
width: 100%;
max-width: 100%;
padding: 20px;
color: #ffffff;
display: flex!important;
align-items: center;
justify-content: center;
transition: all .25s ease-in-out;
margin-top: 25px;
}
}
.section__cta a {
width: 100%;
max-width: 300px;
padding: 20px;
/* background: #e6007e; */
color: #ffffff;
display: block;
align-items: center;
justify-content: center;
transition: all .25s ease-in-out;
padding-left: 80px;
position: relative;
}
@media screen and (max-width: 768px) {
.section__cta a {
width: 100%;
max-width: 100%;
padding: 20px;
background: #e6007e;
color: #ffffff;
display: flex!important;
align-items: center;
justify-content: center;
transition: all .25s ease-in-out;
padding-left: 80px;
position: relative;
/* position: absolute; */
bottom: -32.5px;
height: 65px;
margin-bottom: 15px;
}
}
.section__cta a:before {
content: '';
background-image: url('/svg/i-freccia-down-right-bianco.svg');
background-size: 25px;
background-repeat: no-repeat;
background-position: left;
width: 45px;
height: 40px;
top: calc(50% - 20px);
left: 20px;
position: absolute;
border-right: 1px solid #fff;
}
.container__layout-col3,
.content__layout-col3,
.container__layout-col4,
.content__layout-col4 {
width: 100%;
}
.column___map {
background: #ed3125;
padding: 40px 30px!important;
color: #fff;
}
.column___lab {
background: #ed3125;
padding: 40px 30px!important;
color: #fff;
}
.section__credits {
width: 100%;
max-width: 100%;
display: flex;
flex-direction: row;
background: #ffde00;
align-items: center;
justify-content: center;
position: relative;
}
.section__credits h3 {
color: #e6007e;
}
.section__credits p {
font-size: 1.2rem!important;
line-height: 1.3rem;
margin: 0;
}
.section__credits strong {
color: #ed3125;
font-weight: 600;
}
span.credits__sedi {
color: #ffde00!important;
font-weight: bold;
}
.img__col {
width: 100%;
height: 300px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
/* .container__layout-col3 a {
display: none;
} */
.festival__info .section__link01,
.festival__info .section__link02,
.festival__info .section__link03
{
display: none;
}
.box {
background: red;
width: 50px;
height: 50px;
position: relative;
}
.container__svg-logo {
min-height: 100%;
/* border: 1px solid red; */
display: flex;
align-items: center;
overflow-x: hidden;
padding: 0;
margin: 0;
position: relative;
}
@media screen and (max-width: 1199px) {
.page-template-chi-siamo .container__svg-logo:after {
content: '';
background: #ffde00;
background: -moz-linear-gradient(0deg, #ffde00 5%, rgba(153,45,121,0) 100%);
background: -webkit-linear-gradient(0deg, #ffde00 5%, rgba(153,45,121,0) 100%);
background: linear-gradient(0deg, #ffde00 5%, rgba(153,45,121,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ed3125",endColorstr="#ed3125",GradientType=1);
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50%;
}
}
.logo__mobile {
display: none;
}
@media screen and (max-width: 1199px) {
.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;
display: none;
}
}
span.text__boxed {
color: #ed3125;
transform-origin: 50% 50%;
transform: rotate(-180deg);
position: relative;
display: inline-block;
top: 15px;
}
@media screen and (max-width: 1199px) {
span.text__boxed {
color: #ed3125;
transform-origin: 50% 50%;
transform: rotate(-180deg);
position: relative;
display: inline-block;
top: 10px;
}
}
.section__cta strong {
color: #fff!important;
}
.section__subtitle h2 {
font-size: 3rem;
line-height: 3rem;
}
.section__sponsor.top {
border-top: 1px solid #ed3125;
padding-top: 25px;
}
.section__sponsor.bottom {
border-bottom: 1px solid #ed3125;
padding-bottom: 25px;
}
div#section__lab {
position: relative;
}
div#section__lab a {
width: 100%;
max-width: 300px;
padding: 20px;
color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
transition: all .25s ease-in-out;
margin-top: 25px;
}
/* div#section__lab .section__subtitle__left,
div#section__lab .section__subtitle__center,
div#section__lab .section__subtitle__right {
position: relative;
padding-bottom: 120px!important;
} */
.column___lab a {
display: none!important;
}
.festival__info .content__form {
display: block!important;
}
.section__credits h3 {
margin-bottom: 50px;
}
@media screen and (max-width: 1199px) {
.section__credits h3 {
margin-bottom: 25px;
}
}
.content__logo {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 0 15px;
height: 100%;
}
@media screen and (max-width: 1199px) {
.content__logo {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
height: 100%;
margin-bottom: 50px;
}
}
.content__logo img {
max-width: 200px;
}
.page-template-chi-siamo .section__subtitle,
.page-template-festival-en .section__subtitle {
display: flex;
align-items: stretch;
justify-content: space-between;
flex-wrap: wrap;
font-weight: 300;
margin-top: 0;
}
@media screen and (max-width: 1199px) {
.section__sponsor .section__subtitle {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
}
.section__sponsor .section__subtitle__01,
.section__sponsor .section__subtitle__02,
.section__sponsor .section__subtitle__03,
.section__sponsor .section__subtitle__04 {
width: 25%;
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (max-width: 1199px) {
.section__sponsor .section__subtitle__01,
.section__sponsor .section__subtitle__02,
.section__sponsor .section__subtitle__03,
.section__sponsor .section__subtitle__04 {
width: 50%;
display: flex;
align-items: center;
justify-content: center;
}
}
.section__sponsor .content__logo {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
padding: 0;
height: 100%;
}
.section__sponsor .content__logo img {
max-width: 180px;
}
p.sponsor__label {
font-size: 1rem;
line-height: 1rem;
margin: 0;
color: #ed3125;
font-weight: bold;
}
.content__concerti {
width: 100%;
position: relative;
top: -60px;
}
@media screen and (max-width: 768px) {
.content__concerti {
width: 100%;
position: relative;
top: 0;
}
}
/* SWIPER NEWS */
.SwiperConcerti .swiper-button-next,
.SwiperConcerti .swiper-button-prev {
/* display: none!important; */
}
.SwiperConcerti .swiper-horizontal>.swiper-pagination-bullets,
.SwiperConcerti .swiper-pagination-bullets.swiper-pagination-horizontal,
.SwiperConcerti .swiper-pagination-custom,
.SwiperConcerti .swiper-pagination-fraction {
top: -10px!important;
left: 0;
right: 0!important;
bottom: unset!important;
width: 100%;
z-index: 99;
display: flex;
align-items: center;
justify-content: flex-end;
position: absolute;
font-size: 3rem;
color: #ffde00;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.SwiperConcerti .swiper-pagination-fraction {
top: 3px!important;
left: 0;
right: 0!important;
bottom: unset!important;
width: calc(100% - 120px);
z-index: 99;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
font-size: 3rem;
color: #cfe5f0;
font-weight: bold;
margin: 0 auto;
}
}
span.swiper-pagination-current {
opacity: 1!important;
color: #ffde00;
}
span.swiper-pagination-total {
opacity: .5;
color: #ffde00;
}
.SwiperConcerti .swiper-pagination-bullet-active {
opacity: 1;
background: #0097c8!important;
border: 2px solid #0097c8!important;
transform: scale(1.15);
transition: all ease-in-out .6s;
}
.SwiperConcerti .swiper-pagination-bullet {
width: 10px!important;
height: 10px!important;
display: inline-block;
border-radius: 100%;
background: #fff;
opacity: 1!important;
border: 2px solid #0097c8!important;
}
.SwiperConcerti {
padding-top: 100px;
padding-bottom: 0;
/* border: 1px solid; */
/* overflow: visible; */
}
@media screen and (max-width: 768px) {
.SwiperConcerti {
padding-top: 80px;
padding-bottom: 0;
/* border: 1px solid; */
}
}
.SwiperSelezione {
padding-top: 100px;
padding-bottom: 0;
/* border: 1px solid; */
}
@media screen and (max-width: 768px) {
.SwiperSelezione {
padding-top: 80px;
padding-bottom: 0;
/* border: 1px solid; */
}
}
.section__subtitle h2 {
font-size: 3rem;
line-height: 3rem;
}
article.item__concerto {
/* border: 1px solid red; */
padding: 0;
display: flex;
overflow: auto;
padding: 25px 0;
}
@media screen and (max-width: 768px) {
article.item__concerto {
/* border: 1px solid red; */
padding: 0;
display: flex;
flex-direction: column;
overflow: auto;
}
}
article.item__selezione {
/* border: 1px solid red; */
padding: 0;
display: flex;
flex-direction: column;
overflow: auto;
background-position: bottom;
background-repeat: no-repeat;
background-size: cover;
min-height: 380px;
border-radius: 25px;
}
@media screen and (max-width: 768px) {
article.item__selezione {
/* border: 1px solid red; */
padding: 0;
display: flex;
flex-direction: column;
overflow: auto;
}
}
.section__concerti h2,
.section__selezione h2 {
font-size: 3rem;
line-height: 3rem;
font-weight: bold;
}
.item__concerto-img {
width: calc(50% - 15px);
width: 25%;
background-position: center;
background-repeat: no-repeat;
background-size: 50%;
/* margin-left: 15px; */
position: relative;
margin-bottom: 0;
border: 1px solid #dfdfdf;
border-radius: 25px;
box-shadow: 0 0 25px #00000017;
margin-left: 25px;
}
@media screen and (max-width: 768px) {
.item__concerto-img {
/* width: calc(100% - 15px); */
width: 50%;
min-width: 250px;
height: 250px;
background-position: center;
background-repeat: no-repeat;
background-size: 50%;
/* margin-left: 15px; */
position: relative;
margin: 0 auto;
margin-bottom: 15px;
margin-top: 25px;
margin-left: 20px;
}
}
.item__concerto-text {
/* width: calc(50% - 15px); */
width: 670px;
height: auto;
padding: 25px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
@media screen and (max-width: 768px) {
.item__concerto-text {
width: 100%;
padding: 50px 20px;
height: auto;
min-height: 385px;
margin-bottom: 0;
}
div#section__concerti .spacer {
display: none;
}
div#section__servizi .spacer {
display: none;
}
}
.item__selezione-text {
width: calc(50% - 15px);
width: 100%;
height: auto;
padding: 25px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
@media screen and (max-width: 768px) {
.item__selezione-text {
width: calc(50% - 15px);
width: 100%;
height: auto;
padding: 15px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
}
.section__servizi h2 {
font-size: 3rem;
line-height: 3rem;
}
.item__concerto-sep {
/* width: calc(50% - 15px); */
width: 20px;
height: auto;
}
@media screen and (max-width: 768px) {
.item__concerto-sep {
width: 100%;
height: 0;
}
}
.item__concerto-text h3 {
font-size: 2.8rem;
font-weight: bold;
line-height: 3rem;
word-break: break-all;
text-transform: uppercase;
}
@media screen and (max-width: 768px) {
.item__concerto-text h3 {
font-size: 2.1rem;
line-height: 2.1rem;
}
}
.item__concerto-text p {
font-size: 1.8rem;
line-height: 2rem;
}
@media screen and (max-width: 768px) {
.item__concerto-text p {
font-size: 1.4rem;
line-height: 1.6rem;
}
}
.label__copyright {
transform-origin: 0 0;
position: absolute;
left: -15px;
bottom: -15px;
/* background: red; */
transform: rotate(-90deg);
font-size: 12px;
}
@media screen and (max-width: 768px) {
.label__copyright {
transform-origin: 0 0;
position: absolute;
left: 0;
bottom: -10px;
/* background: red; */
transform: rotate(-90deg);
font-size: 12px;
color: #fff;
}
}
.none {
display: none!important;
}
.fuxia {
color: #e6007e!important;
}
.concerti__note p {
font-weight: bold;
color: #ed3125;
}
.festival__background .section__subtitle__left strong {
color: #e6007e!important;
}
.festival__background .section__subtitle__center strong {
color: #0097c8!important;
}
.festival__background .section__subtitle__right strong {
color: #ed3125!important;
}
.countdown__evento {
width: 100%;
display: flex;
flex-direction: column;
font-size: 2rem;
margin: 25px 0;
}
.countdown__evento {
width: 100%;
display: flex;
flex-direction: column;
}
.countdown__container {
display: flex;
/* flex-direction: column; */
align-items: flex-start;
justify-content: flex-start;
/* font-size: 4rem; */
}
.giorni__number {
font-size: 5rem;
font-weight: bold;
line-height: 5rem;
}
.giorni__label {
font-size: 2rem;
line-height: 2rem;
}
.column___map .section__link01 {
display: flex!important;
}
.column___map a {
width: 100%;
max-width: 300px;
padding: 20px;
color: #ed3125;
display: flex;
align-items: center;
justify-content: center;
transition: all .25s ease-in-out;
margin-top: 25px;
}
.column___map .arrow-r:after {
background-image: url('/svg/i-freccia-destra-verde.svg');
}
.page-template-thankyou-page li#menu-item-1419,
.page-template-thankyou-page li#menu-item-1420,
.page-template-thankyou-page li#menu-item-1421,
.page-template-chi-siamo li#menu-item-1419,
.page-template-chi-siamo li#menu-item-1420,
.page-template-chi-siamo li#menu-item-1421
{
display: none;
}
.page-template-thankyou-page-en li#menu-item-762,
.page-template-thankyou-page-en li#menu-item-763,
.page-template-thankyou-page-en li#menu-item-764,
.page-template-festival-en li#menu-item-762,
.page-template-festival-en li#menu-item-763,
.page-template-festival-en li#menu-item-764
{
display: none;
}
.section__subtitle p {
font-weight: 400;
}
.page-template-intro header,
.page-template-intro footer {
display: none;
}
/* INTRO */
.page-template-intro .wrap {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
overflow: hidden;
/* position: fixed; */
top: 0;
left: 0;
padding: 20px;
margin: 0;
box-sizing: border-box;
}
.page-template-intro .wrap h3 {
font-size: 2rem;
line-height: 2.25rem;
margin: 100px 0;
font-weight: 300;
}
@media screen and (max-width: 768px) {
.page-template-intro .wrap h3 {
font-size: 1.25rem;
line-height: 1.5rem;
margin: 100px 0;
font-weight: 300;
}
}
.page-template-intro img.logo {
width: 50%;
max-width: 800px;
}
@media screen and (max-width: 768px) {
.page-template-intro img.logo {
width: 100%;
max-width: 100%;
}
}
.page-template-intro .footer__social {
width: 100%;
height: auto;
display: flex;
align-items: center;
justify-content: center;
padding-top: 0;
padding-bottom: 0;
/* position: fixed; */
bottom: 0;
left: 0;
padding: 20px;
box-sizing: border-box;
}
@media (max-width: 768px) {
.page-template-intro .footer__social {
width: 100%;
height: auto;
display: flex;
align-items: center;
justify-content: center;
padding-top: 0;
padding-bottom: 0;
padding: 20px;
}
}
.page-template-intro .footer__social .footer__options {
width: 100%;
height: auto;
display: flex;
align-items: center;
justify-content: center;
padding-bottom: 25px;
font-size: 0;
}
@media (max-width: 768px) {
.page-template-intro .footer__social .footer__options {
padding-bottom: 0;
}
}
.page-template-intro a.social_instagram {
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #ed3125;
background-image: url('/svg/i-instagram-bianco.svg');
background-size: 25px;
background-position: center;
background-repeat: no-repeat;
margin-right: 5px;
}
.page-template-intro a.social_facebook {
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #ed3125;
background-image: url('/svg/i-facebook-nero.svg');
background-size: 25px;
background-position: center;
background-repeat: no-repeat;
margin: 0 10px;
}
.page-template-intro a.social_youtube {
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #ed3125;
background-image: url('/svg/i-youtube-bianco.svg');
background-size: 25px;
background-position: center;
background-repeat: no-repeat;
margin: 0 10px;
}
a.link {
color: #fff;
display: block;
margin: 0!important;
width: auto;
padding: 0;
word-break: break-all;
width: 100%;
max-width: 100%;
}
a.link:hover {
text-decoration: underline!important;
}
.container__image-sx a {
width: 100%;
max-width: 300px;
padding: 20px;
color: #ffffff;
display: flex!important;
align-items: center;
justify-content: center;
transition: all .25s ease-in-out;
margin-top: 25px;
font-size: 1.4rem;
text-transform: uppercase;
}
.container__image-sx h2 {
font-size: 2.6rem;
line-height: 100%;
color: #000000;
}
@media screen and (max-width: 768px) {
.container__image-sx h2 {
font-size: 2rem;
line-height: 2.2rem;
color: #000000;
}
}
.container__image-sx img {
width: 50%;
position: relative;
margin-bottom: 50px;
display: none;
}
.chi-sono {
padding: 0;
padding-top: 0;
}
@media screen and (max-width: 768px) {
.chi-sono {
padding: 0;
padding-top: 15px;
}
}
/* .chi-sono a {
display: none!important;
} */
.section__cta .grid {
display: flex;
flex-direction: column;
color: #fff;
}
.section__cta:after {
content: '';
background-image: url(/svg/email.svg);
background-size: 180px;
background-position-x: calc(100% - 30px);
background-position-y: calc(100% - 30px);
background-repeat: no-repeat;
position: absolute;
bottom: 0;
right: 0;
width: 50%;
/* border: 1px solid red; */
height: 200px;
opacity: .25;
}
@media screen and (max-width: 768px) {
.section__cta:after {
display: none;
}
}
div#wpforms-243 {
width: 50%;
margin-left: 0;
}
@media (max-width: 768px) {
div#wpforms-243 {
width: 100%;
margin-left: 0;
}
}
/* .page-template-contatti .current-menu-item a {
color: #fff!important;
} */
.page-template-single-prestazione .current-menu-item a {
color: #ffffff!important;
}
@media (max-width: 768px) {
.page-template-single-prestazione .current-menu-item a {
color: #ffffff!important;
}
}
.page-template-single-prestazione .menu-item-1845 .current-menu-parent a {
color: #7A2261!important;
}
/* .page-template-single-prestazione .current-menu-parent a {
color: #7A2261!important;
}
@media (max-width: 768px) {
.page-template-single-prestazione .current-menu-parent a {
color: #fff!important;
}
} */
.page-template-single-prestazione li ul li a:hover {
color: #fff!important;
}
.section__credits-content {
width: 100%;
max-width: 1400px;
display: flex;
align-items: center;
padding: 50px 0;
}
@media (max-width: 1199px) {
.section__credits-content {
width: 100%;
max-width: 1400px;
display: flex;
flex-direction: column;
align-items: center;
padding: 50px 15px;
}
}
.section__credits-content strong,
.section__credits-content b {
color: #000!important;
}
.testo-info h3 {
font-size: 2.5rem;
line-height: 2.5rem;
color: #ffde00!important;
}
.curiosita.testo-info p {
font-size: 1.8rem!important;
line-height: 2rem;
font-weight: normal;
margin-top: 25px;
color: #ffde00!important;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.testo-info p {
font-size: 1.8rem!important;
line-height: 2rem;
font-weight: normal;
margin-top: 25px;
color: #000000 !important;
max-width: 70%;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 768px) {
.testo-info p {
font-size: 1.8rem!important;
line-height: 2rem;
font-weight: normal;
margin-top: 25px;
color: #000000 !important;
max-width: 100%;
}
}
/* .contatti__azienda p:before {
content: '';
background: #8e3676!important;
width: 15px;
height: 15px;
position: absolute;
left: -7.5px;
top: calc(50% - 7.5px);
border-radius: 50%;
} */
/* .contatti__azienda p:nth-child(2):before {
display: none;
} */
.page-template-contatti div#wpforms-243 {
width: 100%;
margin-left: 0;
}
.section__link01,
.section__link02,
.section__link03 {
width: 100%;
max-width: 300px;
padding: 20px;
color: #ffffff!important;
display: flex!important;
align-items: center;
justify-content: center;
transition: all .25s ease-in-out;
margin-top: 25px;
text-transform: uppercase;
font-size: 1.4rem;
}
.section__link--acquistiamo {
width: 100%;
max-width: max-content;
padding: 20px;
color: #ffffff!important;
display: flex!important;
align-items: center;
justify-content: center;
transition: all .25s ease-in-out;
margin-top: 25px;
text-transform: uppercase;
font-size: 1.4rem;
line-height: 100%;
}
span.soluzione--numero {
display: inline-flex;
background: #000;
width: 40px;
height: 40px;
color: #fff;
font-weight: bold;
align-items: center;
justify-content: center;
border-radius: 50%;
font-size: 1.5rem;
}
.section__link--acquistiamo:after {
background-image: url('/svg/i-freccia-destra-nero.svg')!important;
}
.page-template-single-prestazione .intro a {
display: none!important;
}
.pilates-info h2,
.pilates-info p {
color: #ed3125;
}
.pilates-info p {
font-size: 1.5rem;
line-height: 1.6rem;
font-weight: 500;
}
.pilates-info .section__subtitle__left {
width: 30%;
padding: 25px;
border: 2px solid #ed3125;
background: #fff;
border-radius: 15px;
box-shadow: 0 0 0px 8px #dbede5;
}
.pilates-info .section__subtitle__center {
width: 30%;
padding: 25px;
border: 2px solid #ed3125;
background: #fff;
border-radius: 15px;
box-shadow: 0 0 0px 8px #dbede5;
}
.pilates-info .section__subtitle__right {
width: 30%;
padding: 25px;
border: 2px solid #ed3125;
background: #fff;
border-radius: 15px;
box-shadow: 0 0 0px 8px #dbede5;
}
@media (max-width: 768px) {
.pilates-info .section__subtitle__left,
.pilates-info .section__subtitle__center,
.pilates-info .section__subtitle__right {
/* width: 100%; */
width: calc(100% - 20px);
margin-left: auto;
margin-right: auto;
}
}
div#pilates-info a {
display: none!important;
}
.container__libro {
display: flex;
width: 100%;
}
@media (max-width: 768px) {
.container__libro {
display: flex;
flex-direction: column;
width: 100%;
}
}
.content__libro-img {
display: flex;
width: auto;
padding: 25px;
}
@media (max-width: 768px) {
.content__libro-img {
display: flex;
width: auto;
padding: 25px 0;
}
}
.content__libro-img img {
box-shadow: 0 0 20px 10px #00000025;
border-radius: 15px;
}
.content__libro-text {
padding: 25px;
font-size: 1.8rem;
line-height: 2rem;
}
@media (max-width: 768px) {
.content__libro-text {
padding: 25px 0;
font-size: 1.8rem;
line-height: 2rem;
}
}
.page-template-single-prestazione li#menu-item-1799 a {
color: #ed3125!important;
}
@media (max-width: 768px) {
.page-template-single-prestazione li#menu-item-1799 a,
.page-template-single-prestazione li#menu-item-1799 a:hover {
color: #fff!important;
}
}
.page-id-1748 li#menu-item-1799 a,
.page-id-1748 li#menu-item-1799 a:hover {
color: #ed3125!important;
}
@media (max-width: 768px) {
.page-id-1748 li#menu-item-1799 a,
.page-id-1748 li#menu-item-1799 a:hover {
color: #fff!important;
}
}
.testo-info a {
position: relative;
}
a.button__back.underline-l:after {
content: '';
width: 0;
height: 2px;
background: #ffde00;
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: 3px;
background: #ffde00;
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;
}
@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%;
}
.section__title a {
font-weight: normal;
position: relative;
}
.section__title a:before {
content: '';
background-size: 20px;
background-image: url('/svg/i-freccia-destra-nero.svg');
background-repeat: no-repeat;
background-position: center;
position: absolute;
left: 0;
top: 2px;
width: 25px;
height: 100%;
transform: rotate(180deg);
filter: opacity(0.5);
}
.curiosita {
background: #dbede5;
padding: 100px;
padding-left: 150px;
position: relative;
}
@media (max-width: 768px) {
.curiosita {
background: #dbede5;
padding: 30px!important;
}
}
.curiosita:after {
content: '';
background-image: url('/svg/i-letteratura.svg');
background-size: 180px;
background-position-x: calc(100% - 30px);
background-position-y: calc(100% - 30px);
background-repeat: no-repeat;
position: absolute;
bottom: 0;
right: 0;
width: 50%;
/* border: 1px solid red; */
height: 100%;
opacity: .25;
}
@media screen and (max-width: 768px) {
.curiosita:after {
display: none;
}
}
@media screen and (min-width: 769px) {
div#box-questionario,
div#box-questionario-02 {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
}
@media screen and (max-width: 768px) {
.box-questionario .section__subtitle__left,
.box-questionario .section__subtitle__center,
.box-questionario .section__subtitle__right,
.box-questionario-02 .section__subtitle__left,
.box-questionario-02 .section__subtitle__center,
.box-questionario-02 .section__subtitle__right {
border-top: 1px solid #ccc;
}
.box-questionario .section__subtitle__right,
.box-questionario-02 .section__subtitle__right {
border-bottom: 1px solid #ccc;
}
}
@media screen and (max-width: 768px) {
.box-questionario .section__subtitle__left,
.box-questionario .section__subtitle__center,
.box-questionario .section__subtitle__right,
.box-questionario-02 .section__subtitle__left,
.box-questionario-02 .section__subtitle__center,
.box-questionario-02 .section__subtitle__right {
margin: 0;
}
}
@media screen and (max-width: 768px) {
.box-questionario .section__subtitle h2,
.box-questionario-02 .section__subtitle h2 {
font-size: 2rem;
line-height: 2rem;
}
}
.section__one-column:before {
content: '';
position: absolute;
top: 70px;
left: 0;
width: 150px;
height: 150px;
/* background-image: url('https://fisioterapistaelisamoretti.it/dev/wp-content/uploads/2024/11/logo_image-dec.svg'); */
background-repeat: no-repeat;
opacity: 0;
}
.page-template-chi-sono .section__one-column:before,
.curiosita .section__one-column:before {
content: '';
position: absolute;
top: 70px;
left: 0;
width: 150px;
height: 150px;
/* background-image: url('https://fisioterapistaelisamoretti.it/dev/wp-content/uploads/2024/11/logo_image-dec.svg'); */
background-repeat: no-repeat;
opacity: .2;
display: none;
}
.back__page {
position: fixed!important;
top: 0;
left: -40%;
width: 100%;
height: 100vh;
/* background-image: url('https://fisioterapistaelisamoretti.it/dev/wp-content/uploads/2024/11/logo_image-dec.svg'); */
background-repeat: no-repeat;
background-position: center;
z-index: -1;
opacity: .2;
}
@media (max-width: 768px) {
.back__page {
position: fixed!important;
top: 0;
left: -40%;
width: 100%;
height: 100vh;
background-image: url('https://fisioterapistaelisamoretti.it/dev/wp-content/uploads/2024/11/logo_image-dec.svg');
background-repeat: no-repeat;
background-position: center;
z-index: -1;
opacity: .1;
display: none;
}
}
.logo__completo {
display: flex;
}
.logo__completo img {
border-radius: 25px;
}
@media (max-width: 768px) {
.logo__completo img {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
}
.logo-mobile img {
width: 70%;
max-width: 250px;
margin: 0 auto;
}
@media (max-width: 768px) {
a.arrow-r.fade-in.section__link01,
a.arrow-r.fade-in.section__link02,
a.arrow-r.fade-in.section__link03 {
width: 100%;
background-color: #000000 !important;
}
}
.page-template-modulo-acufene .section__cta:after,
.page-template-modulo-jfls .section__cta:after,
.page-template-modulo-gad7 .section__cta:after,
.page-template-modulo-phq9 .section__cta:after {
content: '';
background-image: url('/svg/questionario.svg');
background-size: 180px;
background-position-x: calc(100% - 30px);
background-position-y: 50px;
background-repeat: no-repeat;
position: absolute;
bottom: unset;
top: 0;
right: 0;
width: 50%;
/* border: 1px solid red; */
height: 300px;
opacity: .25;
}
div#wpforms-1998,
div#wpforms-1917,
div#wpforms-1896,
div#wpforms-1880 {
padding-top: 60px;
}
div#wpforms-1998 h2,
div#wpforms-1917 h2,
div#wpforms-1896 h2,
div#wpforms-1880 h2 {
margin: 0;
margin-top: 25px;
}
p.questionario__info {
font-size: 1.2rem!important;
line-height: 1.4rem!important;
margin: 0;
}
p.questionario__info.pedice {
opacity: .5;
}
.box-questionario a,
.box-questionario-02 a {
background: #ffde00;
}
/* a.button__back.underline-l.long-word:after {
content: '';
width: 0;
height: 2px;
background: #000;
display: block;
position: absolute;
bottom: -7px;
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) {
form.wpforms-form .wpforms-field-likert_scale table tbody tr th {
font-size: 1.25rem!important;
}
}
@media (max-width: 768px) {
form.wpforms-form .wpforms-field-likert_scale table tbody tr td {
display: block;
border: none !important;
border-bottom: 1px solid #eee !important;
padding: 0 20px !important;
}
}
img.img__questionario {
filter: invert(1);
width: 60px;
}
@media (min-width: 769px) {
.box-questionario .section__subtitle h2,
.box-questionario-02 .section__subtitle h2 {
font-size: 3rem;
line-height: 3rem;
min-height: 200px;
}
}
.page-template-single-prestazione .archive__container {
display: flex;
flex-wrap: wrap;
width: 100%;
max-width: 100%;
margin: 0 auto;
padding: 0;
}
@media screen and (max-width: 768px) {
.page-template-single-prestazione .archive__container {
display: flex;
flex-wrap: wrap;
width: 100%;
max-width: 100%;
margin: 0 auto;
padding: 0;
}
}
.page-template-single-prestazione .archive__content {
width: 100%;
display: flex;
align-items: stretch;
flex-wrap: wrap;
padding-top: 0;
}
@media screen and (max-width: 768px) {
.archive__content article {
max-height: 380px;
}
}
.page-template-single-prestazione .archive__content article {
display: block;
/* border: 1px solid #dedede; */
display: flex;
flex-direction: column;
width: 32%;
max-width: 1200px;
margin-top: 1%;
margin-bottom: 1%;
box-shadow: 0 0 20px #0000000d;
max-height: 245px;
position: relative;
overflow: hidden;
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
.page-template-single-prestazione .archive__content {
width: 100%;
display: flex;
align-items: stretch;
flex-wrap: wrap;
justify-content: space-between;
padding-top: 25px;
}
.page-template-single-prestazione .archive__content article {
width: calc(50% - 10px);
}
.page-template-single-prestazione .archive__content article:nth-child(2n+1) {
margin-right: 0!important;
margin-left: 0!important;
}
.page-template-single-prestazione .archive__content article:nth-child(2n+2) {
margin-left: 0!important;
margin-right: 0!important;
}
}
@media screen and (max-width: 768px) {
.page-template-single-prestazione .archive__content article {
width: 100%;
margin-left: 0!important;
margin-right: 0!important;
}
.page-template-single-prestazione .archive__content article:nth-child(3n+2) {
margin-right: 0!important;
margin-left: 0!important;
/* background: yellow; */
}
}
.glightbox-clean .gclose {
width: 45px;
height: 45px;
top: 15px;
right: 10px;
position: absolute;
background: #ed3125!important;
border-radius: 50%;
}
.glightbox-clean .gprev {
width: 45px;
height: 45px;
background: #ed3125!important;
border-radius: 50%;
}
.glightbox-clean .gnext {
width: 45px;
height: 45px;
background: #ed3125!important;
border-radius: 50%;
}
div#wpforms-2114-field_31 a,
div#wpforms-2120-field_35 a,
div#wpforms-1917-field_31 a,
div#wpforms-1998-field_34 a,
div#wpforms-1896-field_35 a,
div#wpforms-243-field_29 a {
display: inline-flex!important;
}
div#wpforms-2114-field_31 a:before,
div#wpforms-2120-field_35 a:before,
div#wpforms-1998-field_34 a:before,
div#wpforms-1917-field_31 a:before,
div#wpforms-1896-field_35 a:before,
div#wpforms-243-field_29 a:before {
display: none;
}
/* SLIDER GALLERY */
.slider-container {
width: 100%;
margin: 0 auto;
/* border: 1px solid red; */
display: block;
}
.SwiperGallery {
height: 500px;
}
@media screen and (max-width: 768px) {
.SwiperGallery {
height: 250px;
}
}
.img-gallery-formazione {
margin: 0 auto;
width: calc(101% + 9px);
height: 100%;
background-size: cover;
background-position: 50% 50%;
position: relative;
margin-left: -2.5px;
}
@media screen and (max-width: 768px) {
.img-gallery-formazione {
margin: 0 auto;
width: 100%;
height: 100%;
background-size: cover;
background-position: 50% 50%;
position: relative;
margin-left: 0;
}
}
form#wpforms-form-2120 ul#wpforms-2120-field_36,
form#wpforms-form-2114 ul#wpforms-2114-field_32,
form#wpforms-form-1998 ul#wpforms-1998-field_35,
form#wpforms-form-1896 ul#wpforms-1896-field_36,
form#wpforms-form-1917 ul#wpforms-1917-field_32,
form#wpforms-form-243 ul#wpforms-243-field_28 {
display: flex;
align-items: center;
}
@media screen and (max-width: 768px) {
form#wpforms-form-2120 ul#wpforms-2120-field_36,
form#wpforms-form-2114 ul#wpforms-2114-field_32,
form#wpforms-form-1998 ul#wpforms-1998-field_35,
form#wpforms-form-1896 ul#wpforms-1896-field_36,
form#wpforms-form-1917 ul#wpforms-1917-field_32,
form#wpforms-form-243 ul#wpforms-243-field_28 {
display: flex;
flex-direction: column;
align-items: flex-start;
}
}
form#wpforms-form-2120 ul#wpforms-2120-field_36 li,
form#wpforms-form-2114 ul#wpforms-2114-field_32 li,
form#wpforms-form-1998 ul#wpforms-1998-field_35 li,
form#wpforms-form-1896 ul#wpforms-1896-field_36 li,
form#wpforms-form-1917 ul#wpforms-1917-field_32 li,
form#wpforms-form-243 ul#wpforms-243-field_28 li {
align-items: center!important;
}
form#wpforms-form-2120 label.wpforms-field-label-inline,
form#wpforms-form-2114 label.wpforms-field-label-inline,
form#wpforms-form-1998 label.wpforms-field-label-inline,
form#wpforms-form-1896 label.wpforms-field-label-inline,
form#wpforms-form-1917 label.wpforms-field-label-inline,
form#wpforms-form-243 label.wpforms-field-label-inline {
color: #fff!important;
font-weight: bold!important;
}
form#wpforms-form-2120 input#wpforms-2120-field_36_1:before,
form#wpforms-form-2120 input#wpforms-2120-field_36_2:before,
form#wpforms-form-2114 input#wpforms-2114-field_32_1:before,
form#wpforms-form-2114 input#wpforms-2114-field_32_2:before,
form#wpforms-form-1998 input#wpforms-1998-field_35_1:before,
form#wpforms-form-1998 input#wpforms-1998-field_35_2:before,
form#wpforms-form-1896 input#wpforms-1896-field_36_1:before,
form#wpforms-form-1896 input#wpforms-1896-field_36_2:before,
form#wpforms-form-1917 input#wpforms-1917-field_32_1:before,
form#wpforms-form-1917 input#wpforms-1917-field_32_2:before,
form#wpforms-form-243 input#wpforms-243-field_28_1:before,
form#wpforms-form-243 input#wpforms-243-field_28_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-243 input#wpforms-243-field_28_1:before,
.page-template-contatti form#wpforms-form-243 input#wpforms-243-field_28_2:before {
border: 1px solid #00000025!important;
}
form#wpforms-form-2120 input#wpforms-2120-field_36_1:checked:after,
form#wpforms-form-2114 input#wpforms-2114-field_32_1:checked:after,
form#wpforms-form-1998 input#wpforms-1998-field_35_1:checked:after,
form#wpforms-form-1896 input#wpforms-1896-field_36_1:checked:after,
form#wpforms-form-1917 input#wpforms-1917-field_32_1:checked:after,
form#wpforms-form-243 input#wpforms-243-field_28_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: calc( -4px + var(--wpforms-field-border-size, 1px ));
top: calc( -3px + var(--wpforms-field-border-size, 1px ));
border: 0;
border-radius: 50%;
background: #8BC34A;
text-indent: -999999px;
}
form#wpforms-form-2120 input#wpforms-2120-field_36_2:checked:after,
form#wpforms-form-2114 input#wpforms-2114-field_32_2:checked:after,
form#wpforms-form-1998 input#wpforms-1998-field_35_2:checked:after,
form#wpforms-form-1896 input#wpforms-1896-field_36_2:checked:after,
form#wpforms-form-1917 input#wpforms-1917-field_32_2:checked:after,
form#wpforms-form-243 input#wpforms-243-field_28_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: calc( -4px + var(--wpforms-field-border-size, 1px ));
top: calc( -3px + var(--wpforms-field-border-size, 1px ));
border: 0;
border-radius: 50%;
background: #d52a1d;
text-indent: -999999px;
}
div#wpforms-2120-field_36-container,
div#wpforms-2114-field_32-container,
div#wpforms-1998-field_35-container,
div#wpforms-1896-field_36-container,
div#wpforms-1917-field_32-container,
div#wpforms-243-field_28-container {
min-height: auto;
}
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: 15px!important;
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;
}
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-243 label.wpforms-field-label-inline {
color: #000!important;
font-weight: bold!important;
}
.single .container__flexible-page {
width: 100%;
display: flex;
align-items: center;
flex-direction: column;
position: relative;
/* border: 1px solid red; */
padding: 0;
}
.single .section__one-column {
width: 100%;
}
/* .single p {
word-break: break-all;
} */
.single .section__title {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
text-align: left;
padding-top: 0;
width: 100%;
}
.section__title a {
margin-bottom: 25px;
}
.blog article {
width: 100%;
border-bottom: 1px solid #ccc;
padding: 20px 0;
padding-left: 65px;
position: relative;
}
.blog article:before {
content: '';
position: absolute;
top: 20px;
left: 0;
width: 50px;
height: 50px;
background: #8e3676;
background-image: url('/svg/i-blog.svg');
background-repeat: no-repeat;
background-position: center;
background-size: 30px;
border-radius: 50%;
}
.blog article:first-child {
border-top: 1px solid #ccc;
}
/* ! PAGINATION */
/*
a.prev.page-numbers {
font-size: 0;0
width: 55px;
height: 55px;
display: flex;
align-items: center;
border-radius: 50%;
background-color: #dbede5;
background-image: url('/svg/blog-arrow-left-verde.svg')!important;!i;!;
background-position: center!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
background-size: 35px!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
background-repeat: no-repeat!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
color: #fff;
text-indent: -99999999px;
font-weight: bold;
}
a.next.page-numbers {
font-size: 0;
width: 55px;
height: 55px;
display: flex;
align-items: center;
border-radius: 50%;
background-color: #dbede5!important;
background-image: url('/svg/blog-arrow-right-verde.svg')!important;!i;!;
background-position: center!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
background-size: 35px!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
background-repeat: no-repeat!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
color: #fff;
text-indent: -99999999px;
}
a.page-numbers {
width: 55px;
height: 55px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background-color: #dbede5!important;
color: #ffde00;
font-weight: bold!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
}
span.page-numbers.current {
width: 55px;
height: 55px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background-color: #7c2563;
color: #fff;
font-weight: bold;
transform: scale(1.10);
box-shadow: 0 0 20px #00000030;
z-index: 9999;
}
*/
.section__subtitle__right.disabled p,
.section__subtitle__right.disabled a,
.section__subtitle__right.disabled img {
display: none!important;
}
@media screen and (max-width: 768px) {
.disabled {
display: none!important;
}
}
div#box-questionario-02 {
margin-top: -81px;
}
.woocommerce-shop .current-menu-item a {
color: #000!important;
}
.woocommerce-shop .current-menu-item a:hover {
color: #fff !important;
}
.box__luogo {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
position: relative;
z-index: 9;
margin-bottom: 10px;
}
img.pin-location {
width: 80px;
margin-bottom: 15px;
}
.box__luogo h3 {
margin: 0;
background: #fff29b;
border-radius: 5px;
padding: 5px 15px;
margin: 5px 0;
font-size: 1.25rem;
text-transform: uppercase;
/* padding-left: 35px; */
background-image: url('/svg/i-location-puglia.svg');
background-repeat: no-repeat;
background-size: 25px;
background-position: 5px;
color: #000;
font-weight: bold;
}
div#accordionFlushExample {
width: 100%;
}
button.accordion-button.collapsed {
font-size: 18px!important;
font-weight: bold;
}
.accordion-body {
padding: 0;
padding-bottom: 15px;
border-top: 0;
}
.accordion-flush .accordion-item:first-child {
border-top: 0!important;
}
.accordion-flush .accordion-item:last-child {
border-bottom: 0!important;
}
.accordion-item {
background-color: #fff;
/* border-top: 1px solid #ededed!important; */
border-bottom: 1px solid #ccc!important;
padding: 0;
/* margin-bottom: 30px; */
}
.accordion-button:not(.collapsed):focus {
-webkit-box-shadow: none!important;
box-shadow: none!important;
}
.accordion-body a,
.accordion-body a:visited,
.accordion-body a:hover,
.accordion-body a:focus {
color: #000000;
/* font-weight: 300; */
position: relative;
}
.accordion-button,
.accordion-button:visited,
.accordion-button:hover,
.accordion-button:focus {
font-size: 16px!important;
border-color: #000;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
color: #000;
}
.accordion-button:not(.collapsed) {
color: #000;
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 18px !important;
font-weight: bold;
}
footer#site-footer h2 {
font-size: 24px;
line-height: 24px;
margin: 0;
padding: 0;
}
footer#site-footer button {
background: transparent!important;
}
footer#site-footer .accordion-item {
background: transparent;
}
footer#site-footer .container__back {
display: flex;
align-items: center;
height: 25px;
padding-left: 0;
}
footer#site-footer .accordion-body {
padding: 0;
padding-bottom: 25px;
border-top: 0;
}
footer#site-footer h2 {
font-size: 24px;
line-height: 24px;
margin: 0;
padding: 0;
min-height: auto;
border: 0;
}
footer#site-footer button {
line-height: 16px;
}
footer#site-footer .container__back a {
font-weight: 500!important;
}
footer#site-footer .container__back .long-word {
font-weight: 500!important;
line-height: 14px;
}
footer#site-footer a.button__back.underline-l.long-word:after {
content: '';
width: 0;
height: 2px;
background: #000;
display: block;
position: absolute;
bottom: -7px;
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#site-footer a.button__back.underline-l {
position: relative;
padding-left: 0;
font-size: 16px;
}
footer#site-footer a.button__back.underline-l:before {
display: none;
}
footer#site-footer a.button__back.underline-l:after {
content: '';
width: 0;
height: 2px;
background: #fff;
display: block;
position: absolute;
bottom: 1px;
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#site-footer a.button__back.underline-l:hover::after {
width: 100%;
}
.page-template-contatti input[type="checkbox"]:checked::before {
content: ''!important;
position: absolute;
display: flex!important;
align-items: center;
justify-content: center;
margin: 0!important;
top: 2px;
left: 2px;
width: 27px!important;
height: 27px!important;
background-color: #68bd86;
border-radius: 50%;
}
.page-template-contatti input[type="checkbox"]:checked::after {
content: 'On'!important;
position: absolute;
display: flex!important;
align-items: center;
justify-content: center;
margin: 0!important;
top: 2px;
left: 40px;
width: 27px!important;
height: 27px!important;
border-radius: 50%;
text-indent: -99999px;
}
.page-template-cookie input#cmplz-statistics-optin:after,
.page-template-cookie input#cmplz-marketing-optin:after {
content: 'Off';
position: absolute;
display: flex!important;
align-items: center;
justify-content: flex-start;
margin: 0!important;
top: 2px;
left: 40px;
width: 200px!important;
height: 27px!important;
border-radius: 50%;
}
.page-template-privacy-policy .primary-menu a,
.page-template-privacy-policy .primary-menu a {
color: #fff!important;
}
.accordion-body hr {
margin: 15px 0;
/* border-style: dashed; */
/* border-width: 4px; */
border-color: #fff;
border-bottom: 0!important;
background: #fff;
border-bottom: 2px dashed #dedede!important;
opacity: 1;
}
.accordion-header {
margin-bottom: 0;
position: relative;
}
button.accordion-button.collapsed {
padding-left: 0px;
padding-right: 35px;
}
.accordion-button:not(.collapsed) {
-webkit-box-shadow: none;
box-shadow: none;
padding-left: 0px;
padding-right: 35px;
}
.accordion-button:after {
-ms-flex-negative: 0;
flex-shrink: 0;
position: absolute;
right: 0;
width: 25px;
height: 25px;
margin-left: auto;
content: "";
background-image: url("/svg/i-right-down.svg");
background-repeat: no-repeat;
background-size: 25px;
-webkit-transition: -webkit-transform .2s ease-in-out;
transition: -webkit-transform .2s ease-in-out;
transition: transform .2s ease-in-out;
transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out;
}
.accordion-button:not(.collapsed):after {
background-image: url("/svg/i-right-up.svg");
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.footer__dati-associazione {
width: 33.333333333333333%;
padding-left: 0;
padding-right: 25px;
z-index: 9;
}
@media (max-width: 768px) {
.footer__dati-associazione {
width: 100%;
padding-left: 0;
padding-right: 0;
z-index: 9;
}
}
.footer-menu button {
background: transparent!important;
}
.footer-menu .accordion-item {
background: transparent;
}
.footer__menu {
width: 100%;
display: flex;
background: #ffde00;
/* background-color: #ededed; */
}
@media (max-width: 1199px) {
.footer__menu {
width: 100%;
display: flex;
background: #ffde00;
padding: 0 15px;
/* background-color: #ededed; */
}
}
.footer__menu-content {
width: 100%;
display: flex;
justify-content: center;
align-items: flex-start;
margin: 0 auto;
padding-bottom: 50px;
}
@media (max-width: 768px) {
.footer__menu-content {
display: flex;
flex-direction: column;
}
}
.footer-menu button{
background: transparent;
}
div#accordion {
background: transparent;
}
.accordion-item {
background: transparent;
}
.accordion-button {
background-color: transparent;
padding: 0;
padding: 10px 0;
border-bottom: 1px solid #000;
}
.woocommerce-page main#content {
padding: 100px 15px;
width: 100%;
max-width: 1400px;
margin: 0 auto;
position: relative;
box-sizing: border-box;
}
@media (max-width: 1199px) {
.woocommerce-page main#content {
padding: 25px 15px;
width: 100%;
max-width: 1400px;
margin: 0 auto;
position: relative;
box-sizing: border-box;
}
}
.woocommerce-cart main#content {
padding: 0 15px;
width: 100%;
max-width: 1400px;
margin: 0 auto;
position: relative;
box-sizing: border-box;
}
.woocommerce .woocommerce-error .button,
.woocommerce .woocommerce-info .button,
.woocommerce .woocommerce-message .button,
.woocommerce-page .woocommerce-error .button,
.woocommerce-page .woocommerce-info .button,
.woocommerce-page .woocommerce-message .button {
float: left!important;
left: 25px;
bottom: 25px;
position: absolute;
}
.woocommerce div.product .product_title {
clear: none;
margin-top: 0;
padding: 0;
font-weight: bold;
line-height: 98%;
}
.woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove {
position: absolute;
top: calc(50% - 15px);
left: 0;
}
.woocommerce div.product .product_meta {
font-size: 14px;
display: flex;
flex-direction: column;
}
table.variations tbody {
display: flex;
flex-direction: column;
width: 100%;
}
table.variations th.label {
width: 100%;
padding-left: 35px;
position: relative;
padding-bottom: 0!important;
}
table.variations th.label:before {
position: absolute;
top: calc(50% - 12.5px);
left: 0;
width: 25px;
height: 25px;
margin-left: auto;
content: "";
background-image: url('/svg/i-right-down-verde.svg');
background-repeat: no-repeat;
background-size: 25px;
background-position: center;
margin: 0;
padding-bottom: 0 !important;
}
table.variations td.value {
display: grid;
grid-template-columns: 90px 90px 90px 90px;
grid-row-gap: 8px;
grid-column-gap: 8px;
flex-wrap: wrap;
}
@media (max-width: 768px) {
table.variations td.value {
width: 100%;
display: grid;
grid-template-columns: auto auto auto auto;
grid-row-gap: 8px;
grid-column-gap: 8px;
flex-wrap: wrap;
}
}
table.variations .button-variation {
border: 1px solid #000000;
color: #000000 !important;
padding: 10px;
border-radius: 4px;
line-height: 100%;
margin: 0;
vertical-align: top;
display: flex!important;
align-items: center;
justify-content: center;
font-weight: bold;
opacity: .5;
cursor: pointer;
}
table.variations .button-variation.button-variation__selected {
color: #fff!important;
background: #000;
font-weight: bold;
opacity: 1;
}
.woocommerce div.product form.cart .variations select {
display: none;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .stock {
color: #000;
font-weight: bold;
text-transform: uppercase;
position: relative;
padding-left: 35px;
margin: 0;
min-height: 35px;
display: flex;
align-items: center;
margin-bottom: 10px;
font-size: .8em!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
}
p.stock.in-stock: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: in-stock-pulse 1s infinite;
}
@keyframes in-stock-pulse
{
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);
}
}
p.stock.out-of-stock:before {
content: '';
position: absolute;
top: auto;
left: 0;
width: 25px;
height: 25px;
display: block;
border: 4px solid #f94500;
background: white;
border-radius: 50%;
animation: out-of-stock-pulse 1s infinite;
}
@keyframes out-of-stock-pulse
{
0% {
box-shadow: 0 0 0 0px rgba(249, 69, 0, 0.5);
}
100% {
box-shadow: 0 0 0 15px rgba(249, 69, 0, 0);
}
}
.single-product .woocommerce .quantity .qty {
width: 3.631em;
min-width: 45px;
text-align: center;
min-height: 45px !important;
}
/* ! PANEL INFO E PAGAMENTI */
.panel-info-e-pagamenti-container {
width: 100%;
margin: 0 auto;
height: 100%;
position: relative;
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
z-index: -1;
padding: 50px 0;
}
.panel-info-e-pagamenti-container::before {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
content: '';
/* opacity: 0.5; */
background-repeat: no-repeat;
background-position: center;
background-repeat: repeat!important;
background-color: #ffde00;
/* background: linear-gradient(
0deg
, rgba(227,30,36,1) 0%, rgba(227,30,36,0) 100%); */
/* mix-blend-mode: multiply; */
background-color: #fff29b;
/* background-image: url('https://www.tessilprima.it/img/clean-textile.png'); */
}
.block-25.m-h200:before {
content: "";
position: absolute;
background: #000;
width: 1px;
height: 250px;
right: -2px;
top: 0;
border-radius: 10px;
opacity: .5;
}
@media screen and (max-width: 768px) {
.block-25.m-h200:before {
content: "";
position: absolute;
background: #000;
bottom: 0px;
width: 100%;
height: 1px;
right: 0;
top: 0;
border-radius: 10px;
}
.block-25.m-h200.first:before {
display: none;
}
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
.block-25.m-h200.last:before {
display: none;
}
}
@media screen and (min-width: 1200px) {
.block-25.m-h200.last:before {
display: none;
}
}
.panel-info-e-pagamenti__content .block-25 {
width: 25%!important;
}
@media screen and (max-width: 768px) {
.panel-info-e-pagamenti__content .block-25 {
width: 100%!important;
padding: 25px 0;
}
}
.panel-info-e-pagamenti-container img {
width: 60px;
filter: invert(1);
}
.cornice-top {
width: 100%;
height: 25px;
background-image: url('https://tessilprima.it/svg/cornice.svg');
background-repeat: repeat;
background-size: 95px;
background-position: center;
position: absolute;
top: 0px;
left: 0px;
border: 1px solid #000;
opacity: .2;
z-index: 1;
filter: revert;
}
.cornice-bottom {
width: 100%;
height: 25px;
/*background-color: #fff;*/
background-image: url('https://tessilprima.it/svg/cornice.svg');
background-repeat: repeat;
background-size: 95px;
background-position: center;
position: absolute;
bottom: 0px;
left: 0px;
border: 1px solid #000;
opacity: .2;
z-index: 1;
/*filter: revert;*/
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
.panel-info-e-pagamenti-container {
padding: 25px!important;
}
.panel-info-e-pagamenti-container.bg-ocra.pt-100.pb-100 {
padding-top: 50px!important;
}
}
@media screen and (max-width: 1199px) {
.panel-info-e-pagamenti-container {
padding: 0 25px;
}
.panel-info-e-pagamenti-container.bg-ocra.pt-100.pb-100 {
padding-top: 50px!important;
}
}
.panel-info-e-pagamenti__content {
width: 100%;
height: auto;
max-width: 1200px;
margin: 0 auto;
padding: 0 25px;
/* border: 1px solid blue; */
display: flex;
align-items: flex-start;
justify-content: stretch;
position: relative;
}
@media screen and (max-width: 768px) {
.panel-info-e-pagamenti__content {
flex-direction: column;
}
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
.panel-info-e-pagamenti__content {
width: 100%;
height: auto;
max-width: 1200px;
margin: 0 auto;
padding: 0;
/* border: 1px solid blue; */
display: flex;
flex-flow: wrap;
align-items: flex-start;
justify-content: space-between;
position: relative;
}
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
.panel-info-e-pagamenti__content .block-25 {
width: 50%!important;
}
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
.block-25.m-h200:nth-child(2)::before {
display: none;
}
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
.block-25.m-h200:nth-child(1),
.block-25.m-h200:nth-child(2) {
padding-bottom: 25px;
}
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
.block-25.m-h200:nth-child(3),
.block-25.m-h200:nth-child(4) {
border-top: 1px solid #ffffff;
padding-top: 25px;
}
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
.block-25.m-h200:before {
content: "";
position: absolute;
background: #ffffff;
width: 2px;
height: 180px;
right: -2px;
top: auto;
}
}
.panel-info-e-pagamenti__content h1,
.panel-info-e-pagamenti__content h2,
.panel-info-e-pagamenti__content h3,
.panel-info-e-pagamenti__content p,
.panel-info-e-pagamenti__content a
{
font-weight: 800!important;
}
.panel-info-e-pagamenti__content span {
font-family: 'Montserrat',sans-serif!important;
font-size: 16px;
font-weight: 400!important;
padding: 0 10px;
text-align: center;
color: #000;
}
.panel-info-e-pagamenti__content .block-25 {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
/* border: 1px solid yellowgreen; */
}
.panel-info-e-pagamenti__content p {
font-size: 20px;
line-height: 24px;
font-weight: 300;
color: #000;
margin: 20px 0;
text-align: center;
}
.panel-info-e-pagamenti__content ul li {
font-size: 22px;
line-height: 28px;
font-weight: 300;
color: #646478;
}
.pswp {
z-index: 9999999;
background: #efefef!important;
}
.pswp__ui--fit .pswp__caption, .pswp__ui--fit .pswp__top-bar {
background-color: #000000!important;
}
/*
.pswp {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
z-index: 1500;
-webkit-text-size-adjust: 100%;
-webkit-backface-visibility: hidden;
outline: 0;
z-index: 9999;
}
.pswp__bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #ffffff;
opacity: 0;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
will-change: opacity;
opacity: 1 !important;
}
.pswp__ui--fit .pswp__caption, .pswp__ui--fit .pswp__top-bar {
background-color: rgb(0 0 0);
z-index: 999999999;
filter: invert(1);
}
*/
em.woocommerce-review__verified.verified {
font-size: 0;
/* background: #83d37d; */
width: 15px;
height: 15px;
display: inline-block;
border-radius: 50%;
position: relative;
top: -1px;
background-repeat: no-repeat;
background-position: left;
background-image: url('/svg/i-verificato.svg');
}
a.reset_variations {
background: #f94500;
border-radius: 50%;
width: 25px;
height: 25px;
font-size: 0!important;
display: inline-block;
position: absolute;
top: 5px;
background-repeat: no-repeat;
background-position: left;
background-image: url('/svg/i-delete.svg');
background-size: 25px!important;
}
button.single_add_to_cart_button.button.alt {
background: #000!important;
height: 50px;
}
.woocommerce .quantity .qty {
height: 50px;
}
.product_meta span {
margin-bottom: 10px;
}
span.posted_in a {
border: 1px solid;
border-radius: 3px;
padding: 5px 8px;
text-transform: uppercase;
font-size: 0.65rem;
background: #fff29b;
color: #000;
border: #fff29b;
min-height: 17px !important;
display: inline-flex;
align-items: center;
justify-content: center;
}
.item__selezione-text a {
background: #000!important;
width: 80px!important;
text-indent: -99999999999px;
border-radius: 50%;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
background-position: center;
position: absolute;
right: 15px;
bottom: 15px;
}
.item__selezione-text a.arrow-r:after {
content: '';
width: 25px;
height: 25px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
transition: all .25sease-in-out;
margin-left: 0;
}
article.item__selezione {
position: relative;
}
article.item__selezione:after {
content: '';
background: #ffde00;
background: -moz-linear-gradient(180deg, #000 5%, rgba(153, 45, 121, 0) 100%);
background: -webkit-linear-gradient(180deg, #000 5%, rgba(153, 45, 121, 0) 100%);
background: linear-gradient(180deg, #000 5%, rgba(153, 45, 121, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ed3125",endColorstr="#ed3125",GradientType=1);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 70%;
display: none;
}
/* article.item__selezione:after {
content: '';
background: #ffde00;
background: -moz-linear-gradient(180deg, #000 5%, rgba(153, 45, 121, 0) 100%);
background: -webkit-linear-gradient(180deg, #ffde00 5%, rgba(153, 45, 121, 0) 100%);
background: linear-gradient(180deg, #ffde00 5%, rgba(153, 45, 121, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ed3125",endColorstr="#ed3125",GradientType=1);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 90%;
} */
article.item__selezione h3 {
color: #000;
font-size: 2rem;
line-height: 98%;
font-weight: bold;
z-index: 9999;
}
span.item__tag {
color: #000;
font-size: .8rem;
font-weight: bold;
z-index: 9999;
background: #fff29b;
position: relative;
border-radius: 5px;
padding: 5px 8px;
/* text-transform: uppercase; */
margin: 0;
}
.item__selezione-text span {
margin-right: 10px;
}
div[data-value="bianco-blu"] {
background: #fff !important;
opacity: .6 !important;
text-indent: -99999px;
position: relative;
}
div[data-value="bianco-blu"]::after {
content: '';
background: #2e3953;
width: calc(50% - 4px);
height: calc(100% - 4px);
right: 2px;
border-radius: 2px;
opacity: .8 !important;
position: absolute;
right: 2px;
top: 2px;
}
div[data-value="bianco-blu"].button-variation__selected {
opacity: 1 !important;
}
div[data-value="bianco-blu"].button-variation__selected::after {
content: '';
background: #2e3953;
width: calc(50% - 4px);
height: calc(100% - 4px);
right: 2px;
border-radius: 2px;
opacity: 1 !important;
position: absolute;
right: 2px;
top: 2px;
}
/* BLU ROYAL / BLU MARINO */
div[data-value="blu-royal-blu-marino"] {
background: #1d77bf !important;
opacity: .6 !important;
text-indent: -99999px;
position: relative;
}
div[data-value="blu-royal-blu-marino"]::after {
content: '';
background: #2e3953;
width: calc(50% - 4px);
height: calc(100% - 4px);
right: 2px;
border-radius: 2px;
opacity: .8 !important;
position: absolute;
right: 2px;
top: 2px;
}
div[data-value="blu-royal-blu-marino"].button-variation__selected {
opacity: 1 !important;
}
div[data-value="blu-royal-blu-marino"].button-variation__selected::after {
content: '';
background: #2e3953;
width: calc(50% - 4px);
height: calc(100% - 4px);
right: 2px;
border-radius: 2px;
opacity: 1 !important;
position: absolute;
right: 2px;
top: 2px;
}
/* NERO / GRIGIO */
div[data-value="nero-grigio"] {
background: #000 !important;
opacity: .6 !important;
text-indent: -99999px;
position: relative;
}
div[data-value="nero-grigio"]::after {
content: '';
background: #ccc;
width: calc(50% - 4px);
height: calc(100% - 4px);
right: 2px;
border-radius: 2px;
opacity: .8 !important;
position: absolute;
right: 2px;
top: 2px;
}
div[data-value="nero-grigio"].button-variation__selected {
opacity: 1 !important;
}
div[data-value="nero-grigio"].button-variation__selected::after {
content: '';
background: #ccc;
width: calc(50% - 4px);
height: calc(100% - 4px);
right: 2px;
border-radius: 2px;
opacity: 1 !important;
position: absolute;
right: 2px;
top: 2px;
}
/* BIANCO */
div[data-value="bianco"] {
background: #000 !important;
opacity: .6 !important;
text-indent: -99999px;
position: relative;
}
div[data-value="bianco"]::after {
content: '';
background: #fff;
width: calc(50% - 4px);
height: calc(100% - 4px);
right: 2px;
border-radius: 2px;
opacity: .8 !important;
position: absolute;
right: 2px;
top: 2px;
}
div[data-value="bianco"].button-variation__selected {
opacity: 1 !important;
}
div[data-value="bianco"].button-variation__selected::after {
content: '';
background: #fff;
width: calc(100% - 4px);
height: calc(100% - 4px);
right: 2px;
border-radius: 2px;
opacity: 1 !important;
position: absolute;
right: 2px;
top: 2px;
}
/* NERO */
div[data-value="nero"] {
background: #000 !important;
opacity: .6 !important;
text-indent: -99999px;
position: relative;
}
div[data-value="nero"]::after {
content: '';
background: #000;
width: calc(50% - 4px);
height: calc(100% - 4px);
right: 2px;
border-radius: 2px;
opacity: .8 !important;
position: absolute;
right: 2px;
top: 2px;
}
div[data-value="nero"].button-variation__selected {
opacity: 1 !important;
}
div[data-value="nero"].button-variation__selected::after {
content: '';
background: #000;
width: calc(100% - 4px);
height: calc(100% - 4px);
right: 2px;
border-radius: 2px;
opacity: 1 !important;
position: absolute;
right: 2px;
top: 2px;
}
.woocommerce ul.products li.product .onsale {
top: 5px;
right: 5px;
left: auto;
margin: 0;
border-radius: 5px;
}
@media (max-width: 768px) {
.woocommerce ul.products li.product .onsale {
background-color: #fff29b;
border: 0;
border-radius: 5px;
/* border-top-right-radius: 8px; */
/* border-bottom-right-radius: 8px; */
padding: 5px 8px;
min-height: 40px;
line-height: 100%;
font-size: 0.8rem;
color: #897100;
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: flex-start;
/* transform: rotate(-90deg); */
min-width: 150px;
top: 5px;
left: 5px;
}
}
.accordion-item:last-of-type .accordion-button.collapsed {
border-radius: 0!important;
}
.accordion-item:last-of-type .accordion-collapse {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
padding: 15px 0;
}
.container__back {
padding: 5px 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
color: #ffde00;
}
.woocommerce-product-gallery__wrapper {
border: 0;
border-radius: 25px;
}
.woocommerce-product-gallery__image,
.woocommerce div.product div.images img {
border-radius: 25px;
}
.sale-perc {
border: 2px solid #EA4E50;
display: inline-flex;
padding: 2px 2px;
margin-bottom: 10px;
border-radius: 5px;
background: #EA4E50;
color: #fff;
font-weight: bold;
}
span.onsale-number {
border: 2px solid #ffffff;
display: flex;
align-items: center;
padding: 0 2px;
border-radius: 2px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
background: #ffffff;
color: #897100;
font-weight: bold;
font-size: 15px;
top: 7px;
right: 7px;
z-index: 99;
position: absolute;
height: 36px;
}
.woocommerce div.product span.onsale-number {
display: none;
}
section.related.products span.onsale-number {
display: flex!important;
}
.woocommerce ul.products li.product a img {
width: 100%;
height: auto;
display: block;
margin: 0 0 1em;
/* box-shadow: 0 0 20px #000; */
border: 2px solid #ededed;
border-radius: 10px;
}
p.price {
display: flex;
flex-direction: column;
}
.woocommerce div.product p.price {
text-decoration: none;
font-size: 2rem;
font-weight: bold;
}
.woocommerce div.product p.price del {
font-weight: normal!important;
font-size: 20px;
line-height: 100%;
}
.woocommerce div.product p.price ins {
font-size: 2rem;
text-decoration: none;
font-weight: bold;
}
/* .woocommerce div.product.sale p.price ins {
padding-left: 50px !important;
} */
/* ----------------------------------------------*/
/* ! ORDER BY */
/* ----------------------------------------------*/
.container-menu-order {
display: flex;
width: 100%;
height: 100px;
align-items: center;
justify-content: flex-end;
margin-bottom: 50px;
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
.container-menu-order {
justify-content: flex-start;
}
}
@media screen and (max-width: 768px) {
.container-menu-order {
justify-content: flex-start;
}
}
.order-select-wrapper {
position: relative;
display: inline-block;
user-select: none;
}
.order-select-wrapper select {
display: none;
}
.order-select {
position: relative;
display: inline-block;
}
@media screen and (max-width: 768px) {
form.woocommerce-ordering,
.order-select-wrapper,
.order-select-wrapper select,
.order-select {
width: 100%;
}
}
.order-select-trigger {
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
height: 50px;
padding: 0;
padding-left: 20px;
font-size: 16px;
letter-spacing: 1px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
line-height: auto!important;
background: #000000;
border-radius: 0px;
cursor: pointer;
min-width: 250px;
}
@media screen and (max-width: 768px) {
.order-select-trigger {
font-size: 14px;
text-transform: uppercase;
font-weight: bold!important;
letter-spacing: 1px;
padding: 1.1em 1.44em;
}
}
@media screen and (max-width: 320px) {
.order-select-trigger {
font-size: 12px;
}
}
.order-select-trigger:after {
position: absolute;
display: block;
content: '';
width: 10px;
height: 10px;
top: 50%;
right: 25px;
margin-top: -3px;
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(45deg) translateY(-50%);
transition: all .4s ease-in-out;
transform-origin: 50% 0;
}
.order-select.opened .order-select-trigger:after {
margin-top: 3px;
transform: rotate(-135deg) translateY(-50%);
}
.order-options {
position: absolute;
display: block;
top: 100%;
left: 0;
right: 0;
min-width: 100%;
margin: 15px 0;
border: 2px solid #000000;
border-radius: 0;
box-sizing: border-box;
box-shadow: 0 10px 25px #0000002e;
background: #fff;
transition: all .4s ease-in-out;
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translateY(-15px);
z-index: 10;
}
.order-select.opened .order-options {
opacity: 1;
visibility: visible;
pointer-events: all;
transform: translateY(0);
}
.order-options:before {
position: absolute;
display: none;
}
.order-option-hover:before {
background: #f9f9f9;
}
.order-option {
position: relative;
display: flex;
align-items: center;
padding: 0 22px;
border-bottom: 2px solid #000000;
font-size: 16px;
font-weight: 600;
color: #000000;
line-height: 16px;
cursor: pointer;
transition: all .4s ease-in-out;
height: 50px;
}
.order-option:first-of-type {
border-radius: 0;
}
.order-option:last-of-type {
border-bottom: 0;
border-radius: 0;
}
.order-option:hover, .order-option.selection {
background: #fff;
color: black;
}
li#menu-item-2163 a,
li#menu-item-2355 a,
li#menu-item-2354 a,
li#menu-item-3761 a,
li#menu-item-2356 a,
li#menu-item-2358 a,
li#menu-item-2357 a,
li#menu-item-2386 a {
background-position: 10px;
background-repeat: no-repeat;
background-size: 25px;
}
li#menu-item-2163 a {
/* background-image: url('/svg/shop.svg'); */
/* filter: invert(1); */
}
li#menu-item-2355 a {
background-image: url('/svg/scarpe-calcio.svg');
}
li#menu-item-2354 a {
background-image: url('/svg/scarpe-futsal.svg');
}
li#menu-item-3761 a {
background-image: url('/svg/scarpe-tempo-libero.svg');
}
li#menu-item-2356 a {
background-image: url('/svg/palloni.svg');
}
li#menu-item-2358 a {
background-image: url('/svg/guanti-portiere.svg');
}
li#menu-item-2357 a {
background-image: url('/svg/abbigliamento.svg');
}
li#menu-item-2386 a {
background-image: url('/svg/offerte.svg');
}
@media screen and (min-width: 1200px) {
li#menu-item-2163 a:hover {
/* background-image: url('/svg/shop-white.svg'); */
}
li#menu-item-2163.current-menu-item a {
background-color: #ffe000 !important;
/* background-image: url('/svg/shop-white.svg') !important; */
color: #000000 !important;
border-radius: 5px!important;
}
li#menu-item-3903 a:hover {
/* background-image: url('/svg/palloni-white.svg'); */
}
li#menu-item-3903.current-menu-item a {
background-color: #ffe000 !important;
/* background-image: url('/svg/palloni-white.svg') !important; */
color: #000000 !important;
border-radius: 5px!important;
}
li#menu-item-3904 a:hover {
/* background-image: url('/svg/scarpe-calcio-white.svg'); */
}
li#menu-item-3904.current-menu-item a {
background-color: #ffe000 !important;
/* background-image: url('/svg/scarpe-calcio-white.svg') !important; */
color: #000000 !important;
border-radius: 5px!important;
}
li#menu-item-3905 a:hover {
/* background-image: url('/svg/scarpe-calcio-white.svg'); */
}
li#menu-item-3905.current-menu-item a {
background-color: #ffe000 !important;
/* background-image: url('/svg/scarpe-calcio-white.svg') !important; */
color: #000000 !important;
border-radius: 5px!important;
}
li#menu-item-3906 a:hover {
/* background-image: url('/svg/scarpe-calcio-white.svg'); */
}
li#menu-item-3906.current-menu-item a {
background-color: #ffe000 !important;
/* background-image: url('/svg/scarpe-calcio-white.svg') !important; */
color: #000000 !important;
border-radius: 5px!important;
}
li#menu-item-2358 a:hover {
background-image: url('/svg/guanti-portiere-white.svg');
}
li#menu-item-2358.current-menu-item a {
background-color: #ed3125 !important;
background-image: url('/svg/guanti-portiere-white.svg') !important;
color: #fff !important;
border-radius: 5px!important;
}
li#menu-item-2357 a:hover {
background-image: url('/svg/abbigliamento-white.svg');
}
li#menu-item-2357.current-menu-item a {
background-color: #ed3125 !important;
background-image: url('/svg/abbigliamento-white.svg') !important;
color: #fff !important;
border-radius: 5px!important;
}
li#menu-item-2386 a:hover {
background-image: url('/svg/offerte-white.svg');
}
li#menu-item-2386.current-menu-item a {
background-color: #ed3125 !important;
background-image: url('/svg/offerte-white.svg') !important;
color: #fff !important;
border-radius: 5px!important;
}
}
.woocommerce .woocommerce-ordering {
margin: 0 0 1em;
margin-top: 10px;
margin-bottom: 50px;
}
.wc-block-components-sidebar-layout.wc-block-cart {
padding-top: 150px;
}
.marquee-text {
overflow: clip;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
padding: 50px 0;
margin-top: 0;
}
.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 #ffde00; */
background-color: #fff29b;
border-radius: 999px;
padding: 1rem 2.5rem;
/* color: #ffde00; */
color: #897100;
font-size: 3rem;
font-weight: bold;
text-transform: uppercase;
margin: 0;
}
@media screen and (max-width: 768px) {
.marquee-text p {
/* border: 2px solid #ffde00; */
background-color: #fff29b;
border-radius: 999px;
padding: 1rem 2.5rem;
/* color: #ffde00; */
color: #000;
font-size: 1.2rem;
font-weight: bold;
text-transform: uppercase;
margin: 0;
}
}
@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%);
}
.container__rotate {
position: relative;
width: 100%;
height: 250px;
display: flex;
align-items: center;
justify-content: center;
margin-top: 100px;
/* border: 1px solid red; */
!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
}
.content__rotate {
position: relative;
width: 250px;
height: 250px;
display: flex;
align-items: center;
justify-content: center;
background: #EA4E50;
border-radius: 50%;
}
a.link__ordina {
background: transparent;
margin: 0;
/* width: 100%; */
/* height: 100%; */
z-index: 999;
display: flex;
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: #4a6642;
font-family: 'Barlow';
background-color: transparent;
transition: all .25sease-in-out;
z-index: 10;
}
img.offerte-mese {
width: 150px;
width: 80px;
opacity: 1;
border-radius: 50%;
border: 0;
animation: pulse-link 1s linear infinite;
filter: invert(1);
}
.rotate {
animation: rotation 20s linear infinite;
}
.available {
width: 250px;
height: 250px;
position: absolute;
top: auto;
right: unset;
opacity: 1;
filter: invert(1);
padding: 10px;
}
@keyframes rotation {
0% { transform: rotate(0deg);}
100% { transform: rotate(360deg);}
}
@keyframes pulse-link {
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);
}
}
/* ! 5.2 - PANEL INTRO ACCOUNT */
.woocommerce-account .panel-page__content.pt-200.pb-200 {
padding-top: 150px!important;
}
nav.woocommerce-MyAccount-navigation {
/* display: none; */
}
.panel-account__container {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
padding: 25px 0px;
/* border: 1px solid blue; */
margin-bottom: 80px;
}
.panel-account__content {
display: flex;
width: 100%;
align-items: center;
justify-content: center;
margin: 0 auto;
}
.panel-account__content-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 16.666666666666667%;
min-height: 180px;
border-radius: 0;
/* border: 1px solid red; */
font-family: 'Reem Kufi', sans-serif;
font-weight: bold;
color: #ccc;
transition: all ease-in-out .2s;
/* box-shadow: 0 0 40px #00000015; */
position: relative;
z-index: 10;
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
.panel-account__content-item {
width: 33.333333333333333%;
min-height: auto!important;
border-radius: 0;
border: 1px solid #ccc;
padding: 10px;
}
}
@media screen and (max-width: 768px) {
.panel-account__content-item {
width: 50%;
min-height: auto!important;
border-radius: 0;
border: 1px solid #ccc;
padding: 10px;
}
}
.panel-account__content-item::before {
content: '';
position: absolute;
top: calc(50% - 40px);
right: 0;
width: 1px;
height: 80px;
background: #ccc;
z-index: 10;
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
.panel-account__content-item::before {
display: none;
}
}
@media screen and (max-width: 768px) {
.panel-account__content-item::before {
display: none;
}
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
.panel-account__content-item:nth-child(1) {
border-top: none;
border-bottom: none;
border-left: none;
border-right: none;
}
}
@media screen and (max-width: 768px) {
.panel-account__content-item:nth-child(1) {
border-top: none;
border-left: none;
}
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
.panel-account__content-item:nth-child(2) {
border-top: none;
border-bottom: none;
}
}
@media screen and (max-width: 768px) {
.panel-account__content-item:nth-child(2) {
border-left: none;
border-right: none;
border-top: none;
}
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
.panel-account__content-item:nth-child(3) {
border-top: none;
border-left: none;
border-right: none;
border-bottom: none;
}
}
@media screen and (max-width: 768px) {
.panel-account__content-item:nth-child(3) {
border-left: none;
border-bottom: none;
border-top: none;
}
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
.panel-account__content-item:nth-child(4) {
border-left: none;
border-right: none;
border-bottom: none;
}
}
@media screen and (max-width: 768px) {
.panel-account__content-item:nth-child(4) {
border-left: none;
border-right: none;
border-bottom: none;
border-top: none;
}
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
.panel-account__content-item:nth-child(5) {
border-bottom: none;
}
}
@media screen and (max-width: 768px) {
.panel-account__content-item:nth-child(5) {
border-left: none;
border-bottom: none;
}
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
.panel-account__content-item:nth-child(6) {
border-left: none;
border-right: none;
border-bottom: none;
}
}
@media screen and (max-width: 768px) {
.panel-account__content-item:nth-child(6) {
border-left: none;
border-right: none;
border-bottom: none;
}
}
.panel-account__content-item:last-child::before {
display: none;
}
@media screen and (max-width: 768px) {
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-message {
display: flex;
align-items: flex-start;
justify-content: center;
flex-direction: row;
width: 100%;
max-width: 1200px;
min-height: 160px;
padding: 25px;
color: #000;
padding-top: 30px!important;
padding-left: 85px;
position: relative;
font-size: 16px;
font-weight: bold;
line-height: 20px;
margin: 25px 0;
border: 0!important;
}
}
@media screen and (max-width: 768px) {
.woocommerce-account .woocommerce-info a {
position: absolute;
right: 25px;
bottom: 25px;
width: calc(100% - 50px);
color: #fff!important;
}
}
.panel-account__content ul a {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
min-height: 180px;
/* border: 1px solid blue; */
border-radius: 0;
font-family: 'Reem Kufi', sans-serif;
font-weight: bold;
color: #000;
transition: all ease-in-out .2s;
position: relative;
z-index: 11;
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
.panel-account__content ul a {
width: calc( 50% - 15px);
margin: 15px 0;
}
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
.panel-account__content ul a:nth-child(2n) {
margin-left: 7.5px;
}
.panel-account__content ul a:nth-child(2n+1) {
margin-right: 7.5px;
}
}
@media screen and (max-width: 768px) {
.panel-account__content ul a {
width: 100%;
margin: 0;
min-height: auto!important;
}
}
@media screen and (max-width: 768px) {
.panel-account__content ul a:nth-child(2n) {
margin-left: 0;
}
.panel-account__content ul a:nth-child(2n+1) {
margin-right: 0;
}
}
.panel-account__content ul a:hover {
/* border: 4px solid #ffde00; */
box-shadow: 0 0 25px #00000015;
transform: scale(1.1);
background: #fff;
/* -webkit-transform-origin-y: bottom; */
/* border-radius: 50%; */
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
.panel-account__content ul a:hover {
border: 0;
box-shadow: none;
transform: none;
/* background: #fff; */
/* -webkit-transform-origin-y: bottom; */
border-radius: 0;
}
}
@media screen and (max-width: 768px) {
.panel-account__content ul a:hover {
border: 0;
box-shadow: none;
transform: none;
/* background: #fff; */
/* -webkit-transform-origin-y: bottom; */
border-radius: 0;
}
}
.panel-account__content ul {
width: 100%;
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: center;
justify-content: center;
padding: 0;
margin: 0;
/*border: 1px solid violet;*/
}
.panel-account__content li {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 0;
padding: 0;
font-size: 18px;
/* border: 1px solid chartreuse; */
}
.panel-account__content img {
width: 40px;
margin-bottom: 15px;
}
/* ! 5.3 - PANEL DETAIL ACCOUNT */
.panel-account-detail__container {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
padding: 25px 0px;
/* border: 1px solid blue; */
}
.panel-account-detail__content {
display: flex;
width: 100%;
align-items: center;
justify-content: center;
margin: 0 auto;
}
.u-column1.col-1.woocommerce-Address,
.u-column2.col-2.woocommerce-Address {
width: 100%;
padding: 0;
background: #fff;
}
.woocommerce-Address address {
font-style: normal;
line-height: 22px;
font-size: 18px;
}
.u-column1.col-1.woocommerce-Address h3,
.u-column2.col-2.woocommerce-Address h3 {
font-size: 48px;
line-height: 52px;
letter-spacing: 1px;
color: #000;
margin: 25px 0;
}
header.woocommerce-Address-title.title {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
header.woocommerce-Address-title.title a {
display: flex;
align-items: center;
color: #000;
position: relative;
width: 100%;
padding-left: 65px;
min-height: 50px!important;
font-size: 18px;
margin-bottom: 15px
/* border: 1px solid red; */
}
header.woocommerce-Address-title.title a:before {
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #ffde00;
background-image: url('/svg/i-menu-account-edit-black.svg');
background-repeat: no-repeat;
background-size: 25px;
background-position: center;
}
.woocommerce-account .woocommerce-MyAccount-content p {
font-size: 20px;
line-height: normal;
margin: 0;
}
.woocommerce-account .woocommerce-MyAccount-content form h3 {
font-size: 48px;
line-height: 52px;
letter-spacing: 1px;
margin-top: 0;
}
@media screen and (max-width: 768px) {
.woocommerce-account .woocommerce-MyAccount-content form h3 {
font-size: 42px;
line-height: 46px;
}
}
.woocommerce-address-fields__field-wrapper {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
.woocommerce-address-fields__field-wrapper p {
width: 100%!important;
display: flex;
align-items: center;
flex-direction: column;
/*border: 1px solid red;*/
}
.woocommerce-account .woocommerce-MyAccount-content form {
width: 100%!important;
}
.woocommerce-address-fields__field-wrapper label,
.woocommerce-address-fields__field-wrapper span
.woocommerce-address-fields__field-wrapper input {
width: 100%!important;
display: flex;
align-items: center;
flex-direction: column;
}
.woocommerce-account .woocommerce-MyAccount-content span.woocommerce-input-wrapper {
width: 100%;
height: 50px;
}
.woocommerce-account .woocommerce-MyAccount-content span.woocommerce-input-wrapper .select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px;
height: 50px;
display: flex;
align-items: center;
}
.woocommerce-account .woocommerce-MyAccount-content span.woocommerce-input-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow b {
right: 0;
}
.woocommerce-account .woocommerce-MyAccount-content span.woocommerce-input-wrapper span.select2-dropdown.select2-dropdown--below {
max-width: auto!important;
}
.woocommerce-account .woocommerce-MyAccount-content span.woocommerce-input-wrapper .select2-container .select2-selection--single {
height: 50px!important;
}
.woocommerce-account .woocommerce-MyAccount-content span.woocommerce-input-wrapper .select2-container--default .select2-results__option--highlighted[aria-selected],
.woocommerce-account .woocommerce-MyAccount-content span.woocommerce-input-wrapper .select2-container--default .select2-results__option--highlighted[data-selected] {
background-color: #000;
color: #fff;
}
.woocommerce-account .woocommerce-MyAccount-content span.woocommerce-input-wrapper .select2-results__option {
padding: 15px;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-select: none;
font-size: 16px;
}
.woocommerce-account .woocommerce-MyAccount-content span.woocommerce-input-wrapper .select2-container--default .select2-results>.select2-results__options li {
margin: 0;
}
span.username-info {
/* display: flex; */
/* height: 100%; */
font-size: 16px;
color: #999;
}
label[for="account_display_name"] {
margin-top: 20px;
}
button[name="save_account_details"],
button[name="save_address"]
{
height: 50px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 25px!important;
}
@media screen and (max-width: 768px) {
button[name="save_account_details"],
button[name="save_address"]
{
width: 100%;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 25px!important;
}
}
.panel-account-detail__content ul a {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 150px;
min-height: 150px;
/* margin: 15px; */
/* border-radius: 50%; */
background: #ffffff;
/* border: 4px solid #ffde00; */
box-shadow: 0px 5px 25px #00000012;
color: #000;
cursor: auto!important;
}
@media screen and (max-width: 768px) {
.panel-account-detail__content ul a {
width: 80px;
min-height: 80px;
}
}
.panel-account-detail__content ul {
width: 100%;
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: center;
justify-content: flex-start;
padding: 0;
margin: 0;
/*border: 1px solid violet;*/
}
.panel-account-detail__content li {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 0;
padding: 0;
font-size: 18px;
/* border: 1px solid chartreuse; */
}
.panel-account-detail__content img {
width: 60px;
}
@media screen and (max-width: 768px) {
.panel-account-detail__content img {
width: 40px;
}
}
form.woocommerce-EditAccountForm.edit-account label {
text-align: left;
width: 100%;
}
.woocommerce-account .woocommerce-EditAccountForm fieldset {
border: 0;
}
.woocommerce-message.woocommerce-message--info.woocommerce-Message.woocommerce-Message--info.woocommerce-info a,
.woocommerce-Message.woocommerce-Message--info.woocommerce-info a,
.woocommerce-account .woocommerce-EditAccountForm button,
.woocommerce-EditAccountForm button,
.woocommerce-address-fields button {
background: #ffde00!important;
text-decoration: none!important;
color: #000000 !important;
}
.item-menu__selected {
color: #ffde00!important;
}
/* ! 5.4 - ORDINI */
a.woocommerce-button.button.view {
height: 50px!important;
background: #ffde00;
text-decoration: none!important;
}
td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-number a {
color: white;
padding: 5px;
background: #ffde00;
border-radius: 5px;
font-weight: bold;
}
p.my-orders-info {
/* border-bottom: 2px dashed #ccc; */
padding: 20px 0;
width: 100%;
margin: 0;
}
h2.my-orders-title {
margin-top: 40px;
}
.woocommerce-view-order .woocommerce-order-details {
padding-top: 40px;
padding-bottom: 0;
border-top: 7px solid#ffde00;
box-shadow: 0 0 40px #00000021;
padding: 20px;
border-radius: 25px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
h2.woocommerce-order-details__title {
margin-top: 20px;
}
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
border: 1px solid #fff29b !important;
padding: 20px;
margin: 2em 0;
text-align: left;
border-radius: 5px;
background: #fff29b;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
float: unset;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
background: #fff29b;
z-index: 999;
max-width: 1400px;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.woocommerce-account .woocommerce-MyAccount-navigation {
float: unset;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: #fff29b;
z-index: 999;
max-width: 1400px;
margin: 0 auto;
padding: 15px;
box-shadow: 0 0 20px #00000026;
border-bottom: 1px solid #000;
}
}
nav.woocommerce-MyAccount-navigation ul {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
list-style: none;
margin: 0;
padding-right: 20px;
}
@media screen and (max-width: 768px) {
nav.woocommerce-MyAccount-navigation ul {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
list-style: none;
margin: 0;
padding-right: 20px;
overflow: scroll;
overflow-wrap: break-word;
white-space: nowrap;
padding: 0;
}
}
nav.woocommerce-MyAccount-navigation ul li {
margin: 10px;
padding: 5px;
}
@media (max-width: 768px) {
nav.woocommerce-MyAccount-navigation ul li {
margin: 0;
margin-top: 10px;
margin-right: 10px;
padding: 5px;
}
}
li.woocommerce-MyAccount-navigation-link.is-active {
border: 2px solid #000000;
padding: 5px;
border-radius: 5px;
background: #000000;
}
li.woocommerce-MyAccount-navigation-link.is-active a {
color: #fff;
}
.woocommerce-account .woocommerce-MyAccount-content {
float: left;
width: 100%;
}
li#menu-item-2161 {
margin-right: 10px;
}
li#menu-item-2161:after {
content: '';
background: #000000;
width: 2px;
height: 25px;
position: absolute;
right: 0;
top: calc(50% - 12.5px);
border-radius: 5px;
}
li#menu-item-2399 {
width: 50px;
text-indent: -999999px;
background-image: url('/svg/i-user-02.svg');
background-position: center;
background-repeat: no-repeat;
background-size: 45px;
cursor: pointer;
}
@media (max-width: 1199px) {
li#menu-item-2399 {
width: 100%;
text-indent: -999999px;
background-image: url('/svg/i-user-02.svg');
background-position: 15px;
background-repeat: no-repeat;
background-size: 45px;
cursor: pointer;
filter: invert(0);
border-top: 1px solid #000;
}
}
.account-bar {
width: 100%;
background: #fff29b;
display: flex;
height: auto;
/* border: 1px solid red; */
position: fixed;
left: 0;
top: 80px;
z-index: 999;
}
.user-acc {
padding: 0 20px;
width: 40%;
}
@media screen and (max-width: 768px) {
.user-acc {
padding: 0;
width: 100%;
padding-bottom: 10px;
border-bottom: 1px solid;
}
}
.my-acc {
font-weight: 300;
font-size: .9rem;
padding-left: 55px;
background-image: url('/svg/i-user-02.svg');
background-position: left;
background-repeat: no-repeat;
background-size: 45px;
}
@media screen and (max-width: 768px) {
.my-acc {
font-weight: 300;
font-size: .7rem;
padding-left: 40px;
background-image: url('/svg/i-user-02.svg');
background-position: left;
background-repeat: no-repeat;
background-size: 35px;
}
}
.my-acc span {
font-size: 1.25rem;
color: #000;
}
@media screen and (max-width: 768px) {
.my-acc span {
font-size: 1rem;
color: #000;
}
}
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout {
background-image: url('/svg/i-logout.svg');
background-position: right;
background-repeat: no-repeat;
background-size: 35px;
width: 85px;
}
@media screen and (max-width: 768px) {
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout {
position: fixed;
right: 0;
top: 82px;
}
}
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout a {
display: flex;
color: #000;
}
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads {
display: none;
}
@media screen and (max-width: 768px) {
.page-id-2144 .section__title {
padding-top: 0;
}
}
.small,
small {
font-size: 10px;
font-weight: 300;
/* padding: 2px; */
/* background: #ccc; */
display: block;
width: auto;
text-transform: uppercase;
position: relative;
padding-left: 20px;
/* border: 1px solid; */
display: flex;
align-items: center;
letter-spacing: 1px;
margin-top: -5px;
}
.summary.entry-summary .small,
.summary.entry-summary small {
margin-top: -10px;
}
small.woocommerce-price-suffix:before {
position: absolute;
top: auto;
left: 0;
width: 18px;
height: 100%;
margin-left: auto;
content: "";
background-image: url('/svg/i-info-iva.svg');
background-repeat: no-repeat;
background-size: 15px;
background-position: left;
/* background-color: #000000; */
border-radius: 50%;
}
ul.wc-item-meta {
padding-left: 0;
}
strong.wc-item-meta-label {
font-size: .9rem;
}
li.woocommerce-OrderUpdate.comment.note {
border: 1px solid #ccc;
border-left: 50px solid;
}
.welcome-panel .welcome-products:before {
content: "f312"!important;
top: -3px!important;
}
/*
@media (max-width: 768px) {
.woocommerce nav.woocommerce-pagination ul li {
border: 0;
margin-right: 10px;
overflow: visible;
font-size: 16px;
}
}
@media (max-width: 768px) {
a.page-numbers {
width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background-color: #dbede5 !important;
color: #ffde00;
font-weight: bold !important;
}
}
@media (max-width: 768px) {
a.prev.page-numbers {
font-size: 0;
height: 35px;
display: flex;
align-items: center;
border-radius: 50%;
background-color: #dbede5;
background-image: url('/svg/blog-arrow-left-verde.svg') !important;
background-position: center !important;
background-size: 15px !important;
background-repeat: no-repeat !important;
color: #fff;
text-indent: -99999999px;
font-weight: bold;
}
}
@media (max-width: 768px) {
span.page-numbers.current {
width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background-color: #7c2563;
color: #fff;
font-weight: bold;
transform: scale(1.10);
box-shadow: 0 0 20px #00000030;
z-index: 9999;
}
}
*/
.woocommerce-page ul.products li.product.sale .price {
font-weight: normal;
}
.woocommerce-page ul.products li.product .price {
font-weight: bold;
}
.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted, .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
border-radius: 4px;
box-shadow: inset 0 0 0 1.5px #ffde00!important;
background-color: #fff29b;
}
.wc-block-components-totals-footer-item .wc-block-components-totals-footer-item-tax {
margin-bottom: 0;
font-size: 16px;
line-height: 100%;
opacity: .6;
}
.wc-block-components-radio-control .wc-block-components-radio-control__input:checked {
border: 1px solid #000000 !important;
}
.wc-block-components-radio-control .wc-block-components-radio-control__input:checked:before {
background: #000000 !important;
border-radius: 50%;
content: "";
display: block;
height: .75em;
left: 50%;
margin: 0;
min-height: 15px!important;
min-width: 15px!important;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: .75em;
}
.pswp__ui--fit .pswp__caption,
.pswp__ui--fit .pswp__top-bar {
background-color: #000000 !important;
}
.content__sedi {
display: flex;
padding: 15px;
background: #0000000f;
border-radius: 5px;
margin: 10px 0;
justify-content: space-between;
}
@media screen and (max-width: 768px) {
.content__sedi {
display: flex;
flex-direction: column;
padding: 25px;
background: #0000000f;
border-radius: 5px;
margin: 25px 0;
justify-content: space-between;
}
}
.content__sedi-santamaria,
.content__sedi-latisana {
width: calc(50% - 25px);
}
@media screen and (max-width: 768px) {
.content__sedi-santamaria,
.content__sedi-latisana {
width: 100%;
padding: 15px 0;
}
}
.content__sedi-santamaria {
border-right: 1px solid #897100;
margin-right: 25px;
}
@media screen and (max-width: 768px) {
.content__sedi-santamaria {
border-right: 0;
border-bottom: 1px solid #05A379;
margin-right: 0;
}
}
span.content__sedi-title {
font-size: 1.5rem;
font-weight: bold;
position: relative;
display: block;
margin-bottom: 10px;
text-transform: uppercase;
color: #000;
}
.sede-on {
display: flex;
}
.sede-off {
display: none;
}
li.wc-block-components-totals-discount__coupon-list-item.is-removable.wc-block-components-chip.wc-block-components-chip--radius-large {
padding: 0;
margin: 0;
padding: 5px 10px;
border: 1px solid #0000002e;
display: inline-flex;
animation: lc;
justify-content: center;
background: yellow;
text-transform: uppercase;
font-weight: bold;
font-size: 16px;
border-radius: 5px;
letter-spacing: 1px;
}
.wc-block-components-chip .wc-block-components-chip__remove {
-moz-appearance: none;
appearance: none;
background: #000000!important;
border: 0!important;
border-radius: 50%!important;
height: 20px!important;
line-height: 20px!important;
margin: 0!important;
padding: 0!important;
width: 20px!important;
display: flex!important;
align-items: center!important;
justify-content: center!important;
}
.wc-block-components-chip .wc-block-components-chip__remove-icon {
fill: #ffffff!important;
}
.woocommerce .woocommerce-customer-details address {
font-style: normal;
margin-bottom: 0;
border: 1px solid rgba(0, 0, 0, .1);
border-bottom-width: 2px;
border-right-width: 2px;
text-align: left;
width: 100%;
border-radius: 5px;
padding: 15px;
box-sizing: border-box;
}
.woocommerce-view-order .small,
.woocommerce-view-order small {
font-size: 10px;
font-weight: 300;
/* padding: 2px; */
/* background: #ccc; */
display: block;
width: auto;
text-transform: uppercase;
position: relative;
padding-left: 0;
/* border: 1px solid; */
display: flex;
align-items: center;
letter-spacing: 1px;
margin-top: -5px;
}
.woocommerce-view-order small.includes_tax span.woocommerce-Price-amount.amount {
padding-left: 5px;
padding-right: 5px;
font-weight: bold;
/* background: beige; */
}
p.wc-block-components-totals-footer-item-tax {
position: relative;
padding-left: 20px;
}
p.wc-block-components-totals-footer-item-tax:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 18px;
height: 100%;
margin-left: auto;
content: "";
background-image: url('/svg/i-info-iva.svg');
background-repeat: no-repeat;
background-size: 15px;
background-position: left;
/* background-color: #000000; */
border-radius: 50%;
}
.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: 15px;
padding: 0;
}
}
.box-news {
background: #fff29b;
padding: 25px 50px;
border-radius: 5px;
color: #000000;
position: relative;
}
@media (max-width: 768px) {
.box-news {
background: #dbede5;
padding: 25px;
border-radius: 5px;
color: #000000;
position: relative;
}
}
img.info__img {
width: 25px;
width: 30px;
height: 30px;
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 #897100;
border-radius: 50%;
}
.item__selezione-cover {
width: 280px;
height: 100%;
min-height: 280px;
background-size: cover!important;
border-radius: 50%;
}
.SwiperVideo {
height: auto;
max-height: calc(100dvh - 95px);
padding: 15px 0;
}
@media (max-width: 768px) {
.SwiperVideo {
height: auto;
padding: 15px 0;
}
}
@media (max-width: 768px) {
.header__logo, .header__quick {
display: flex;
align-items: center;
justify-content: flex-start;
color: var(--site-text-color);
font-weight: bold;
/* position: relative; */
/* left: 0; */
/* border: 1px solid red; */
/* max-width: 50%; */
width: 50%;
/* height: 80px; */
}
}
@media (max-width: 768px) {
.container__logo {
display: flex;
/* flex-direction: column; */
position: relative;
justify-content: flex-start;
align-items: center;
/* border: 1px solid blue; */
left: 0;
width: 100%;
height: 80px;
}
}
.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;
}
video.back-video {
width: 100%;
height: 100vh;
position: relative;
object-fit: cover;
/* filter: blur(1.5px); */
}
.video__content h3 {
font-size: clamp(1rem, 2vw, 3rem);
line-height: 100%;
color: #ffffff;
/* font-family: "avenir-lt-pro", sans-serif; */
font-weight: 500;
/* font-style: italic; */
}
.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;
text-align: center;
text-transform: uppercase;
}
.video__content a {
height: 40px;
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;
text-transform: uppercase;
}
.SwiperVideo .swiper-horizontal>.swiper-pagination-bullets,
.SwiperVideo .swiper-pagination-bullets.swiper-pagination-horizontal,
.SwiperVideo .swiper-pagination-custom,
.SwiperVideo .swiper-pagination-fraction {
bottom: 90px !important;
left: 0;
width: 100%;
z-index: 99;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 768px) {
.SwiperVideo .swiper-horizontal>.swiper-pagination-bullets,
.SwiperVideo .swiper-pagination-bullets.swiper-pagination-horizontal,
.SwiperVideo .swiper-pagination-custom,
.SwiperVideo .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;
background: #ffffff!important;
border: 2px solid #ffffff!important;
transform: scale(1.15);
transition: all ease-in-out .6s;
}
.SwiperVideo .swiper-pagination-bullet {
width: 20px!important;
height: 20px!important;
display: inline-block;
border-radius: 100%;
background: #ffffff00;
opacity: 1!important;
border: 2px solid #ffffff!important;
}
@media (max-width: 768px) {
.SwiperVideo .swiper-pagination-bullet {
width: 10px!important;
height: 10px!important;
display: inline-block;
border-radius: 100%;
background: #ffffff00;
opacity: 1!important;
border: 2px solid #ffffff!important;
}
}
.SwiperVideo .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.SwiperVideo .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 5px);
}
@media (max-width: 768px) {
.SwiperVideo .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.SwiperVideo .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
}
.swiper__pagination-box {
position: absolute;
top: 25px;
left: calc(50% - 60px);
background: #ffffffd6;
width: 120px;
height: 60px;
z-index: 9;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
}
@media (max-width: 768px) {
.swiper__pagination-box {
position: absolute;
top: calc(50% - 60px);
left: unset;
right: 0;
background: #ffffffd6;
width: 60px;
height: 120px;
z-index: 9;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: 5px;
display: none!important;
}
}
.SwiperVideo .swiper-button-next {
background-size: 30px;
background-image: url('/svg/i-freccia-destra-nero.svg');
background-repeat: no-repeat;
background-position: center;
right: 0;
top: 22px;
}
@media (max-width: 768px) {
.SwiperVideo .swiper-button-next {
background-size: 30px;
background-image: url('/svg/i-freccia-destra-nero.svg');
background-repeat: no-repeat;
background-position: center;
right: 0;
top: 82px;
}
}
.SwiperVideo .swiper-button-prev {
background-size: 30px;
background-image: url('/svg/i-freccia-destra-nero.svg');
background-repeat: no-repeat;
background-position: center;
right: unset;
left: 0;
top: 22px;
transform: rotate(180deg);
}
@media (max-width: 768px) {
.menu li.open-dropdown ul {
visibility: visible;
opacity: 1;
display: block;
background: #000000;
}
}
@media (max-width: 1199px) {
.menu li ul li a {
padding-left: 0;
color: #fff!important;
}
}
@media (max-width: 1199px) {
.menu > li.menu-item-has-children > a::after {
content: " ";
width: 30px;
height: 30px;
background-size: 30px;
position: absolute;
top: 50%;
right: 0;
transform: rotate(45deg);
margin-top: -15px;
background-size: 100%;
background-image: url('/svg/i-freccia-destra-nero.svg');
}
}
@media (max-width: 1199px) {
.woocommerce-shop .current-menu-item a {
color: #fff !important;
}
}
.woocommerce .button:hover {
background-color: #ffffff!important;
}
.woocommerce-edit-account button.woocommerce-Button.button:hover,
a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
color: #ffffff!important;
}
.swiper-slide[aria-label="1 / 3"] .video__content h3,
.swiper-slide[aria-label="1 / 3"] .video__content p
{
color: #000!important;
}
.swiper-slide[aria-label="1 / 3"] .video__content a {
height: 80px;
width: 300px;
border: 1px solid #000;
background-color: #000;
padding: 0 20px;
display: flex;
align-items: center;
justify-content: center;
font-size: clamp(1.25rem, 2vw, 1.2rem);
line-height: 100%;
color: #fff;
border-radius: 50px;
transition: all .25s ease-in-out;
z-index: 10;
position: relative;
text-transform: uppercase;
}
@media (max-width: 1199px) {
.swiper-slide[aria-label="1 / 3"] .video__content a {
height: 40px;
width: auto;
border: 1px solid #000;
background-color: #000;
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;
text-transform: uppercase;
}
}
.swiper-slide[aria-label="1 / 3"] .video__content.arrow-r:after {
background-image: url('/svg/i-freccia-destra-nero.svg')!important;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
cursor: pointer;
opacity: .5;
padding: 2px;
}
.icon--whatsapp
{
background-image: url('/svg/i-whatsapp.svg');
background-position: center;
background-repeat: no-repeat;
background-size: 20px !important;
background-color: #000;
width: 40px;
height: 40px;
position: relative;
border-radius: 50%;
margin-left: 0;
background-size: 17px;
text-indent: -99999999px;
}
.icon--tel {
background-image: url('/svg/i-call-bianco.svg');
background-position: center;
background-repeat: no-repeat;
background-size: 20px !important;
background-color: #000;
width: 40px;
height: 40px;
position: relative;
border-radius: 50%;
margin-left: 0;
background-size: 17px;
text-indent: -99999999px;
}
.icon--email {
background-image: url('/svg/i-email-bianco.svg');
background-position: center;
background-repeat: no-repeat;
background-size: 20px !important;
background-color: #000;
width: 40px;
height: 40px;
position: relative;
border-radius: 50%;
margin-left: 0;
background-size: 17px;
text-indent: -99999999px;
}
@media (max-width: 1199px) {
.box--contatti {
display: flex;
flex-direction: column;
background: #000000;
width: 50px;
height: 150px;
position: fixed;
left: 0;
top: calc(50% - 75px);
z-index: 99;
align-items: center;
justify-content: center;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
}
/* .postid-3996 .single_add_to_cart_button {
display: none!important;
} */
.woocommerce-page .box--contatti {
display: none!important;
}
button#wpforms-submit-4136 {
background: #000000;
}
div#wpforms-4136 {
margin: 0;
}
.woocommerce-message.alert-tracciabilita {
background: #fdf1a6;
padding: 25px;
padding-top: 40px;
}
p.tracciabilita--message {
font-size: 13px;
line-height: 13px;
opacity: .7;
margin-top: 5px;
}
.info--shop p {
/* font-family: 'Montserrat', sans-serif !important; */
font-size: 16px;
line-height: 110%;
font-weight: 400 !important;
padding: 0 10px;
text-align: center;
color: #000;
margin: 0;
}
div.wpforms-container-full .wpforms-confirmation-container-full,
div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
background: #4daf51!important;
border: 1px solid #39a13e!important;
box-sizing: border-box;
margin: 0!important;
border-radius: 4px!important;
box-shadow: 0 0 20px #00000030!important;
}
div.wpforms-container-full .wpforms-confirmation-container-full p,
div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) p {
color: #ffffff!important;
font-weight: bold!important;
}
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }