:root {
--colorAccent1: #ff07a7;
--colorAccent2: #cf0c8a;
--colorAccent3: #edf935;
--colorAccent4: #ffe5f4;
--colorExtraLight: #ffffff;
--colorLight: #f5f5f5;
--colorMedium: #cccccc;
--colorDark: #868686;
--colorExtraDark: #000000;
--colorError: #f44336;
--colorSuccess: #009944;
--space1: 8px;
--space2: 16px;
--space3: 24px;
--space4: 32px;
--space5: 48px;
--space6: 64px;
--space7: 80px;
--space8: 112px;
--space9: 160px;
--space10: 200px;
--fontSize1: 12px;
--fontSize2: 16px;
--fontSize3: 18px;
--fontSize4: 22px;
--fontSize4-1: 26px;
--fontSize5: 26px;
--fontSize6: 30px;
--fontSize7: 46px;
--fontSize8: 56px;
--fontSize9: 13vw;
--fontFamily1: "Gilroy";
--fontFamily2: "SaolDisplay";
--fontWeightRegular: 400;
--fontWeightBold: 700;
--lineHeightBase: 1.6;
}
@media (min-width: 768px) {
:root {
--fontSize1: 14px;
--fontSize5: 30px;
--fontSize6: 30px;
--fontSize7: 46px;
--fontSize8: 80px;
--fontSize9: 13vw;
}
}
@media (min-width: 992px) {
:root {
--fontSize5: 46px;
--fontSize6: 54px;
--fontSize7: 54px;
--fontSize8: 152px;
--fontSize9: 13vw;
}
}
@media (min-width: 1200px) {
:root {
--fontSize5: 46px;
--fontSize6: 62px;
--fontSize7: 94px;
--fontSize8: 152px;
--fontSize9: 13vw;
}
}
@media (min-width: 1440px) {
:root {
--fontSize5: 46px;
--fontSize6: 62px;
--fontSize7: 94px;
--fontSize8: 152px;
--fontSize9: 9vw;
}
} html,
body {
height: auto;
}
html {
background: var(--colorExtraDark);
}
body {
background: var(--colorExtraLight);
color: var(--colorExtraDark);
background-position: top center;
background-size: 100% auto;
background-repeat: no-repeat repeat;
transition: background 1s, color 1s;
}
.body-black {
background-color: var(--colorExtraDark);
color: var(--colorExtraLight);
}
#ufr-scrollbar-inner {
overflow-x: hidden;
}
.ufr-site-content {
margin-top: var(--space8);
}
.ufr-titolo h1 {
margin: var(--space2) 0 0 0;
}
.nopost-message {
margin: var(--space7) 0 0 0;
text-align: center;
}
li {
margin: var(--space2) 0;
}
button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .ufr-add-to-cart-preview .button,
.woocommerce div.product form.cart .button,
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
padding: var(--space2) var(--space5);
border-radius: 40px;
}
@media (min-width: 992px) {
.ufr-site-content {
margin-top: var(--space10);
}
.ufr-titolo h1 {
margin: var(--space4) 0 0 0;
}
} .ufr-video-embed {
position: relative;
padding-top: calc(1080/1920 * 100%);
height: 0;
}
.ufr-video-embed iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
padding: var(--space1) var(--space4);
border-radius: 40px;
} form#sib_signup_form_3 p.sib-alert-message-success {
margin-top: var(--space3);
}
form#sib_signup_form_3 .sib_loader {
display: table;
margin: var(--space3) auto 0 auto;
} #cookie-law-info-bar {
font-size: var(--fontSize2);
line-height: var(--lineHeightBase);
font-weight: var(--fontWeightRegular);
border-top: 1px solid rgb(255 255 255 / 80%) !important;
background-color: rgb(0 0 0 / 80%) !important;
padding: 0;
}
.cli-style-v2 {
font-size: var(--fontSize2);
font-weight: var(--fontWeightRegular);
line-height: var(--lineHeightBase);
}
.cli-bar-container {
padding-top: var(--space3);
padding-bottom: var(--space3);
}
.cli-bar-btn_container {
flex-wrap: nowrap;
width: 30%;
margin-left: 100px;
}
.cli-style-v2 .cli-bar-btn_container .cli_action_button,
.cli-style-v2 .cli-bar-btn_container .cli-plugin-main-link,
.cli-style-v2 .cli-bar-btn_container .cli_settings_button {
margin-left: 0;
margin-right: 16px;
}
.cli-style-v2 .cli-bar-btn_container .cli-plugin-button {
font-weight: var(--fontWeightBold);
border-radius: 50px;
}
.cli-style-v2 .cli-bar-btn_container .cli-plugin-button.cli-plugin-button:last-child {
margin-right: 0;
}
.cli-tab-footer .wt-cli-privacy-accept-btn {
background-color: var(--colorAccent1);
font-weight: var(--fontWeightBold);
border-radius: 50px;
}
@media (max-width: 985px) {
.cli-bar-btn_container {
flex-wrap: wrap;
width: 100%;
margin-left: 0;
}
} .img-fit {
background-color: var(--colorLight);
}
img[data-src] {
opacity: 0;
transition: opacity 0.4s;
}
img.lazyloaded,
.woocommerce-product-gallery__image img,
.wvg-gallery-image img {
opacity: 1 !important;
} .ufr-icon-social {
position: fixed;
z-index: 1000;
display: flex;
flex-direction: column;
align-items: center;
top: 200px;
left: 64px;
}
.ufr-icon-social a {
display: block;
color: var(--colorExtraDark);
margin: var(--space2) 0;
}
.ufr-icon-social a:hover {
color: var(--colorAccent1);
}
.body-black .ufr-icon-social a {
color: var(--colorExtraLight);
}
.body-black .ufr-icon-social a:hover {
color: var(--colorAccent1);
} .ufr-pagination .page-numbers {
font-family: var(--fontFamily1);
color: var(--colorExtraDark);
}
.ufr-pagination .current {
color: var(--colorAccent1);
} .ufr-link-plus {
display: inline-flex;
align-items: center;
color: var(--colorExtraDark);
transition: color 1s;
}
.ufr-link-plus i {
color: var(--colorAccent1);
}
.ufr-link-plus .ufr-link__text {
border-bottom: 2px solid var(--colorAccent1);
margin-left: var(--space1);
}
.body-black .ufr-link-plus {
color: var(--colorExtraLight);
}
.body-black .ufr-link-plus:hover {
color: var(--colorAccent2);
} #fader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999999;
pointer-events: none;
background: black;
animation-duration: 0.3s;
animation-timing-function: ease-in-out;
}
@keyframes fade-out {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
#fader.fade-out {
opacity: 0;
animation-name: fade-out;
}
#fader.fade-in {
opacity: 1;
animation-name: fade-in;
} .page-template-fullwiidth .ufr-singular-content {
margin-top: 0;
} h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--fontFamily1);
}
.fontFamily2 {
font-family: var(--fontFamily2);
}
.fontRegular {
font-weight: var(--fontWeightRegular);
}
.fontBold {
font-weight: var(--fontWeightBold);
}
span.fontSpecial {
font-family: var(--fontFamily2);
font-weight: var(--fontWeightRegular);
} .ufr-site-header {
transform: translateY(-30px);
opacity: 0;
}
.ufr-header-logo a,
.ufr-site-header__menu a,
.ufr-site-header__menu .current-menu-item > a,
.ufr-site-header__menu .ufr-menu-toggle-link {
font-family: var(--fontFamily1);
font-weight: var(--fontWeightRegular);
color: var(--colorExtraDark);
text-transform: none;
padding: 0px;
}
.ufr-site-header__menu > li {
margin-left: 0;
}
.ufr-site-header__menu a {
display: inline-block;
border-bottom: 2px solid var(--colorAccent1);
}
.ufr-header-logo a:hover,
.ufr-site-header__menu a:hover,
.ufr-site-header__menu .current-menu-item > a:hover,
.ufr-site-header__menu .ufr-menu-toggle-link:hover {
color: var(--colorAccent1);
}
.ufr-header-logo img {
width: 100%;
max-height: 35px;
height: 35px;
}
.ufr-menu-toggle-link {
cursor: pointer;
transition: color 0.3s;
}
.ufr-menu-toggle-link:before {
content: "";
display: inline-block;
background: var(--colorAccent1);
width: 12px;
height: 12px;
border-radius: 100%;
margin: 0 var(--space1) 0 0;
}
@media (min-width: 992px) {
.ufr-site-header__menu > li {
margin-left: var(--space5);
}
.ufr-header-logo img {
max-height: 55px;
height: 55px;
}
.ufr-header-logo a,
.ufr-site-header__menu a,
.ufr-site-header__menu .ufr-menu-toggle-link {
font-size: var(--fontSize4);
}
} #ufr-fullscreen-menu {
opacity: 0;
position: fixed;
top: 100vh;
left: 0;
width: 100vw;
height: 100%;
min-height: 100vh;
background: var(--colorExtraDark);
overflow-y: auto;
overflow-x: hidden;
z-index: 1020;
display: flex;
flex-direction: column;
}
#ufr-fullscreen-menu .ufr-site-header {
position: relative;
width: 100%;
}
#ufr-fullscreen-menu .ufr-site-header__menu a {
color: var(--colorExtraLight);
}
#ufr-fullscreen-menu .ufr-site-header__menu .ufr-menu-toggle-link:hover {
color: var(--colorExtraDark);
}
#ufr-fullscreen-menu .ufr-site-header__menu a:hover {
color: var(--colorAccent1);
}
.ufr-fullscreen-menu__wrap {
width: 100%;
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
padding: var(--space6) 0;
} .ufr-fullscreen-menu__list {
width: 100%;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
align-items: center;
}
.ufr-fullscreen-menu__list li {
margin: 0;
}
.ufr-fullscreen-menu__list a {
opacity: 0;
display: block;
transform: translateY(16px);
font-size: var(--fontSize5);
font-family: var(--fontFamily1);
font-weight: var(--fontWeightBold);
margin: var(--space2) 0;
color: var(--colorExtraLight);
text-transform: none;
}
.ufr-fullscreen-menu__list a:hover {
color: var(--colorAccent1);
}
@media (min-width: 1200px) {
.ufr-fullscreen-menu__list {
justify-content: center;
flex-direction: row;
margin: 0;
}
.ufr-fullscreen-menu__list a {
margin: 0 var(--space4);
}
}
@media (min-width: 1600px) {
.ufr-fullscreen-menu__list a {
margin: var(--space2) var(--space6);
}
} .ufr-fullscreen-menu__list-down {
width: 100%;
margin: var(--space6) 0 0 0;
padding: 0;
display: flex;
flex-direction: column;
align-items: center;
}
.ufr-fullscreen-menu__list-down a {
opacity: 0;
display: block;
transform: translateY(16px);
line-height: 1;
color: var(--colorExtraLight);
border-bottom: 2px solid var(--colorAccent1);
}
.ufr-fullscreen-menu__list-down a:hover {
color: var(--colorAccent1);
} .ufr-site-header__menu .ufr-menu-close {
height: 35px;
width: 35px;
z-index: 1010;
cursor: pointer;
background: var(--colorAccent1);
color: var(--colorExtraLight);
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.ufr-site-header__menu .ufr-menu-close::before {
display: none;
} .ufr-fullscreen-menu__social {
display: flex;
align-self: center;
}
.ufr-fullscreen-menu__social a {
opacity: 0;
display: block;
transform: translateY(16px);
color: var(--colorExtraLight);
margin: var(--space5) var(--space3) 0 var(--space3);
}
.ufr-fullscreen-menu__social a:hover {
color: var(--colorAccent1);
} .ufr-site-footer {
background: var(--colorExtraDark);
margin: var(--space8) 0 0 0;
padding: var(--space6) 0 0 0;
color: var(--colorDark);
}
.ufr-site-footer a {
color: var(--colorDark);
}
.ufr-site-footer a:hover {
color: var(--colorAccent1);
}
.cta-footer h2 {
border-bottom: 2px solid var(--colorAccent1);
display: inline-block;
line-height: 1;
font-size: var(--fontSize7);
margin: var(--space2) 0 var(--space6);
color: var(--colorExtraLight);
transition: color 0.3s;
}
.cta-footer a h2:hover {
color: var(--colorAccent1);
}
.cta-footer p {
color: var(--colorExtraLight);
font-size: var(--fontSize4-1);
line-height: 1.2;
margin: 0;
}
.footer-title {
font-weight: var(--fontWeightBold);
}
.footer-social {
margin-bottom: var(--space4);
}
.footer-social a {
color: var(--colorExtraLight);
font-weight: var(--fontWeightBold);
font-size: var(--fontSize3);
padding: 0 var(--space1);
}
.footer-extra {
margin: var(--space4) 0;
}
.footer-extra a {
padding: 0 var(--space1);
color: var(--colorExtraLight);
}
.footer-info {
padding-bottom: var(--space4);
}
@media (min-width: 992px) {
.ufr-site-footer {
margin: var(--space9) 0 0 0;
padding: var(--space9) 0 0 0;
}
.footer-title {
color: var(--colorExtraLight);
}
.footer-social {
margin-bottom: 0;
}
.footer-social a {
padding: 0 var(--space2);
}
.footer-social a:last-child {
padding-right: 0;
}
.footer-extra a {
color: var(--colorDark);
}
.footer-extra a:last-child {
padding-right: 0;
}
.footer-extra {
margin: 0;
}
.cta-footer h2 {
margin: var(--space2) 0 var(--space9);
}
.footer-info {
padding-bottom: 0;
}
} .footer-center {
width: 100%;
max-width: 256px;
}
.footer-center .img-fit {
background: transparent;
}
.footer-center .img-fit img {
object-position: top;
}
.footer-left,
.footer-right {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 0 0 var(--space4) 0;
}
.footer-left {
text-align: left;
}
.footer-left__down {
margin-top: var(--space4);
}
.footer-right {
text-align: right;
}
.footer-fish {
margin: 0 auto -60% auto;
max-width: 250px;
} .grecaptcha-badge {
display: none !important;
} .ufr-archive__cat-item:last-child {
margin-right: 0;
}
.ufr-archive__cat-count {
font-family: var(--fontFamily2);
font-size: var(--fontSize2);
font-weight: var(--fontWeightRegular);
top: -0.8em;
}
.ufr-archive__cat-item {
font-size: var(--fontSize5);
font-weight: var(--fontWeightBold);
color: var(--colorExtraDark);
margin: 0 var(--space2) 0 0;
line-height: 1.4;
}
.ufr-archive__cat-all {
color: var(--colorDark);
}
.ufr-archive__cat-active {
color: var(--colorAccent1);
}
.ufr-index-title .ufr-archive__subtitle {
font-size: var(--fontSize3);
font-weight: var(--fontWeightRegular);
text-align: left;
margin: 0 0 var(--space2) 0;
}
.ufr-post-preview {
margin-top: var(--space7);
}
.ufr-post-preview .img-fit {
margin: 0 0 var(--space3) 0;
}
.ufr-post-preview h2 {
text-align: left;
color: var(--colorExtraDark);
font-size: var(--fontSize4);
margin: 0;
transition: color 0.3s;
}
.ufr-post-preview a:hover h2 {
color: var(--colorAccent1);
}
.ufr-post-preview a .img-fit img {
transition: transform 6s cubic-bezier(0.12, 0.94, 0.4, 1.02);
}
.ufr-post-preview a:hover .img-fit img {
transform: scale(1.1);
}
.body-black .ufr-post-preview h2 {
color: var(--colorExtraLight);
}
.ufr-post-preview__descrizione {
margin: var(--space2) 0 0 0;
color: var(--colorExtraDark);
}
.post-type-archive .ufr-index-title h1 {
text-align: left;
}
.post-type-archive .ufr-index-title p,
.tax-cat_portfolio .ufr-index-title p {
margin: 0 0 var(--space2) 0;
}
.ufr-post-preview__cat {
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
margin-top: var(--space1);
}
.ufr-post-preview__cat li {
background: var(--colorAccent4);
color: var(--colorExtraDark);
line-height: 1;
padding: var(--space1) var(--space2);
font-size: var(--fontSize1);
border-radius: 20px;
margin: var(--space1) var(--space1) 0 0;
}
.ufr-post-preview__cat li:last-child {
margin-right: 0;
}
@media (min-width: 992px) {
.ufr-post-preview h2 {
font-size: var(--fontSize4-1);
}
.ufr-archive__cat-count {
font-size: var(--fontSize4);
}
.post-type-archive .ufr-index-title p,
.tax-cat_portfolio .ufr-index-title p {
margin: 0 0 var(--space4) 0;
}
.ufr-index-title .ufr-archive__subtitle {
margin: 0 0 var(--space4) 0;
}
} .ufr-archive-servizi .ufr-post-preview h2 {
font-size: var(--fontSize5);
} .ufr-archive-portfolio .ufr-post-preview h2 {
font-size: var(--fontSize5);
}