/* -----------------------------------
==============================================================================
# LOGIN
==============================================================================
----------------------------------- */
body.woocommerce-account .register-form {
display: none;
}
body.woocommerce-account .register-form-privato-azienda {
max-width: 34.4rem;
display: flex;
justify-content: center;
text-align: center;
margin: auto;
gap: 3rem;
padding-top: 2.3rem;
}
body.woocommerce-account .register-form-privato-azienda .value {
display: flex;
align-items: center;
gap: 0.5rem;
cursor: pointer;
font-weight: bold;
}
body.woocommerce-account .register-form-privato-azienda .value input {
display: none;
}
body.woocommerce-account .register-form-privato-azienda .value label {
margin-bottom: 0;
cursor: pointer;
}
body.woocommerce-account .register-form-privato-azienda .value span {
width: 1.3rem;
height: 1.3rem;
border: 2px solid var(--accent);
border-radius: 0.4rem;
transition: background 0.3s ease-in-out;
background: transparent;
}
body.woocommerce-account .register-form-privato-azienda .value:hover span,
body.woocommerce-account .register-form-privato-azienda .value.active span {
background: var(--accent);
}
body.woocommerce-account .login-form-container,
body.woocommerce-account .register-form-container {
background-color: #f7f7f7;
padding-top: 3.75rem;
}
body.woocommerce-account .register-form-container .ragione-sociale,
body.woocommerce-account .register-form-container .partita-iva,
body.woocommerce-account .register-form-container .codice-fiscale,
body.woocommerce-account .register-form-container .codice-univoco {
display: none;
}
body.woocommerce-account .woocommerce-form-login .woocommerce-form-login__rememberme {
display: none;
}
body.woocommerce-account .login-form-container h2,
body.woocommerce-account .register-form-container h2,
body.woocommerce-account .register-section h3,
body.woocommerce-account .login-section h3 {
font-size: 1.875rem;
font-weight: bold;
text-align: center;
}
body.woocommerce-account .woocommerce .woocommerce-form-login,
body.woocommerce-account .woocommerce .woocommerce-form-register {
border: 0;
margin: 0;
padding: 0;
}
body.woocommerce-account .woocommerce-form-login .login-form-fields,
body.woocommerce-account .woocommerce-form-register .register-form-fields {
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: 2.5rem;
row-gap: 1rem;
max-width: 34.4rem;
margin: auto;
}
body.woocommerce-account .woocommerce-form-login .login-form-fields,
body.woocommerce-account .woocommerce-form-register .register-form-fields {
padding-top: 2.85rem;
}
body.woocommerce-account .woocommerce-form-login input,
body.woocommerce-account .woocommerce-form-register input {
border: 1px solid rgba(112, 112, 112, 0.2);
border-radius: 0.7rem;
padding: 0.75rem;
line-height: 1;
background-color: transparent;
}
body.woocommerce-account .woocommerce-form-login input:focus,
body.woocommerce-account .woocommerce-form-register input:focus {
outline: none;
box-shadow: 0 0 0 1px var(--accent);
border-color: var(--accent);
}
body.woocommerce-account form .show-password-input {
right: 0.7em;
top: 0.8rem;
cursor: pointer;
display: grid;
}
body .woocommerce .woocommerce-password-strength {
background: transparent;
color: var(--accent);
text-align: left;
padding: 0.5rem 0px 0px;
font-size: 0.75rem;
}
body .woocommerce-password-hint {
font-size: 0.75rem;
margin-top: 0.3rem;
}
body.woocommerce-account .woocommerce-form-login label,
body.woocommerce-account .woocommerce-form-register label {
line-height: 1rem;
font-size: 0.7rem;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 0.35rem;
text-align: center;
}
body.woocommerce-account .woocommerce-form-register label span.required {
font-size: 0.7rem;
font-weight: bold;
color: var(--grey-4);
}
body.woocommerce-account .woocommerce-form-login label span.required {
display: none;
}
body.woocommerce-account .woocommerce-form-login p,
body.woocommerce-account .woocommerce-form-register p {
margin: 0;
padding: 0;
}
body.woocommerce-account .woocommerce-form-login .button-login,
body.woocommerce-account .woocommerce-form-register .button-register {
text-align: center;
padding-top: 2.5rem;
padding-bottom: 4rem;
}
body.woocommerce-account .woocommerce-form-login .button-login button,
body.woocommerce-account .woocommerce-form-register .button-register button {
margin: 0;
color: var(--accent);
letter-spacing: 0;
padding: 0;
background: transparent;
outline: 0;
text-decoration: underline;
float: none;
font-size: 0.94rem;
}
body.woocommerce-account .woocommerce-form-register .button-register button.disabled:hover {
background: transparent;
}
body.woocommerce-account .woocommerce-form-login p.lost_password {
text-align: center;
font-size: 1rem;
font-size: 0.75rem;
font-weight: bold;
text-decoration: underline;
padding-top: 1.375rem;
}
body.woocommerce-account .register-section,
body.woocommerce-account .login-section {
padding-top: 3.5rem;
padding-bottom: 4.2rem;
}
body.woocommerce-account .register-section p,
body.woocommerce-account .login-section p {
padding-top: 1.2rem;
margin: 0;
color: var(--accent);
letter-spacing: 0;
background: transparent;
outline: 0;
text-decoration: underline;
float: none;
font-size: 0.94rem;
text-align: center;
font-weight: bold;
}
body.woocommerce-account .register-section a,
body.woocommerce-account .login-section a {
cursor: pointer;
}
body.woocommerce-account .woocommerce-privacy-policy-text a {
color: var(--accent);
}
body.woocommerce-account .woocommerce-privacy-policy-text p {
text-align: center;
font-size: 1rem;
font-size: 0.75rem;
padding-top: 1.375rem;
max-width: 34.4rem;
margin: auto;
}
body .woocommerce-info,
body .woocommerce-message {
border-top-color: var(--accent);
color: var(--grey-3);
background-color: var(--grey-1);
font-size: 0.94rem;
}
body .woocommerce .woocommerce-info a,
body .woocommerce .woocommerce-message a {
border-radius: 0;
background: var(--grey-1);
color: var(--grey-3);
border: 1px solid var(--grey-3);
font-size: 1rem;
font-size: 0.85rem;
text-transform: uppercase;
}
body .woocommerce-info::before,
body .woocommerce-message::before {
color: var(--accent);
}
body.woocommerce-account .transenne-account-container {
padding-top: 3.75rem;
display: flex;
padding-bottom: 6.5rem;
}
body.woocommerce-account .woocommerce-MyAccount-navigation {
padding-right: 3rem;
min-width: 13rem;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--downloads,
body.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--payment-methods {
display: none;
}
body.woocommerce-account .woocommerce-MyAccount-navigation h3 {
font-size: 0.94rem;
color: var(--accent);
padding-bottom: 2.2rem;
text-transform: uppercase;
padding-top: 0.4rem;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li {
padding-bottom: 1.2rem;
list-style: none;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li a {
transition: opacity 0.3s ease-in-out;
color: var(--grey-3);
font-size: 0.94rem;
opacity: 0.5;
font-weight: bold;
text-transform: uppercase;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
opacity: 1;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
opacity: 1;
}
body.woocommerce-account .woocommerce-MyAccount-content {
float: none;
max-width: 40.4rem;
width: 100%;
margin-left: auto;
}
body.woocommerce-account .woocommerce-MyAccount-content h1 {
color: var(--grey-4);
padding-bottom: 1.36rem;
}
body.woocommerce-account .woocommerce-MyAccount-content p {
line-height: 1.25;
color: var(--grey-3);
font-size: 0.9rem;
}
body.woocommerce-account .woocommerce-MyAccount-content p.dashboard-content {
padding-bottom: 0.5rem;
}
body.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-table {
border-spacing: 27px 0;
margin-left: -27px;
width: calc(100% + 54px);
padding-top: 20px;
margin-bottom: 9px;
border: 0;
}
body.woocommerce-account.woocommerce-view-order h2.woocommerce-column__title {
font-weight: bold;
font-size: 1.3rem;
margin-bottom: 0.8rem;
margin-top: 0;
}
body.woocommerce-account.woocommerce-view-order .woocommerce-order-details h2 {
font-weight: bold;
font-size: 1.3rem;
margin-bottom: 0.8rem;
margin-top: 0;
margin-bottom: -0.8rem;
margin-top: 3.3rem;
}
body.woocommerce-account.woocommerce-orders .woocommerce-orders-table td,
body.woocommerce-account.woocommerce-orders .woocommerce-orders-table th {
padding: 4px 8px;
vertical-align: middle;
padding-left: 0;
padding-top: 1rem;
padding-bottom: 1rem;
font-weight: bold;
}
body.woocommerce-account.woocommerce-orders .woocommerce-orders-table th {
padding-top: 0;
text-transform: uppercase;
opacity: 0.5;
}
body.woocommerce-account.woocommerce-orders .woocommerce table.my_account_orders {
border: 0;
}
body.woocommerce-account.woocommerce-orders table.my_account_orders .button {
padding: 0;
border: 0;
background: transparent;
color: var(--accent);
text-decoration: underline;
text-transform: uppercase;
transition: opacity 0.3s ease-in-out;
opacity: 1;
}
body.woocommerce-account.woocommerce-orders table.my_account_orders .button:hover {
opacity: 0.8;
}
body.woocommerce-account .woocommerce-MyAccount-content p mark {
background: transparent;
font-weight: bold;
color: var(--grey-4);
}
body.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-table thead th {
font-size: 0.9rem;
border-top: 0;
font-weight: bold;
padding: 1rem 0;
text-transform: uppercase;
opacity: 0.5;
}
body.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-table th,
body.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-table td {
position: relative;
padding-left: 0;
padding-right: 0;
padding-top: 1rem;
padding-bottom: 1rem;
border-top: 1px solid #c5c5c5;
letter-spacing: 0;
width: 50%;
font-size: 0.9rem;
font-weight: bold;
}
body.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-table td .item-thumbnail {
position: absolute;
top: 50%;
left: 0;
transform: translatey(-50%);
}
body.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-table td .item-thumbnail img {
height: 2.5rem;
width: 100%;
}
body.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-table td.woocommerce-table__product-name.product-name {
padding-left: 3.5rem;
}
body.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-table td.woocommerce-table__product-name.product-name ul {
margin: 0;
padding: 0;
margin-top: 5px;
}
body.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-table td.woocommerce-table__product-name.product-name p,
body.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-table td.woocommerce-table__product-name.product-name li,
body.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-table td.woocommerce-table__product-name.product-name strong {
color: var(--grey-4);
line-height: 1.5em;
margin-top: 0;
margin-bottom: 0;
letter-spacing: 0;
}
body.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-table td.woocommerce-table__product-name.product-name strong {
font-weight: normal;
text-transform: none;
}
body.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-table td.woocommerce-table__product-name.product-name a {
font-weight: bold;
}
body.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-table td.woocommerce-table__product-name.product-name a:hover {
color: var(--accent);
}
body.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content .title {
margin-top: 0;
margin-bottom: 0;
}
body.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content .title h5 {
font-size: 16px;
padding: 18px 0;
border-top: 0;
font-weight: bold;
line-height: 1.5em;
margin: 0;
border-bottom: 1px solid #c5c5c5;
letter-spacing: 0;
}
body.woocommerce-account.woocommerce-view-order .woocommerce-customer-details .woocommerce-customer-details--phone::before,
body.woocommerce-account.woocommerce-view-order .woocommerce-customer-details .woocommerce-customer-details--email::before {
display: none;
}
body.woocommerce-account.woocommerce-view-order .woocommerce-customer-details .woocommerce-customer-details--email,
body.woocommerce-account.woocommerce-view-order .woocommerce-customer-details .woocommerce-customer-details--phone {
padding: 0;
}
body.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content .title hr {
display: none;
}
body.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-table.customer_details {
padding-top: 0;
}
body.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content address {
line-height: 1.25;
color: var(--grey-3);
font-size: 0.9rem;
font-style: normal;
padding: 0;
border: 0;
}
body.woocommerce-account .row-2-account {
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: 2.5rem;
row-gap: 1rem;
margin: auto;
padding-bottom: 1rem;
}
body.woocommerce-account .row-2-account.row-edit-account {
padding-top: 1rem;
}
body.woocommerce-account .woocommerce-MyAccount-content .form-row {
float: none;
margin-bottom: 0;
width: 100%;
}
body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content .title h5 {
font-weight: bold;
font-size: 1rem;
margin-top: 1.5rem;
margin-bottom: 0.8rem;
}
body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content .title a {
margin: 0;
color: var(--accent);
letter-spacing: 0;
background: transparent;
outline: 0;
text-decoration: underline;
float: none;
font-size: 0.94rem;
text-align: center;
font-weight: bold;
border: 0;
padding: 0;
border-radius: 0;
box-shadow: none;
margin-top: 1.53rem;
text-transform: uppercase;
cursor: pointer;
}
body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content address {
padding-top: 1.6rem;
line-height: 1.25;
color: var(--grey-3);
font-size: 0.9rem;
font-style: normal;
}
body.woocommerce-account.woocommerce-edit-account .woocommerce-MyAccount-content .form-row,
body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content form.modifica-spedizione-fatturazione .form-row {
margin-bottom: 0;
padding: 0;
}
body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content form.modifica-spedizione-fatturazione .form-row .optional {
display: none;
}
body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content form.modifica-spedizione-fatturazione .form-row .required {
color: black;
font-size: 13px;
font-weight: normal;
}
body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content form.modifica-spedizione-fatturazione .form-row#billing_address_2_field,
body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content form.modifica-spedizione-fatturazione .form-row#billing_company_field,
body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content form.modifica-spedizione-fatturazione .form-row#shipping_address_2_field,
body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content form.modifica-spedizione-fatturazione .form-row#shipping_company_field {
display: none !important;
}
body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content form.modifica-spedizione-fatturazione .form-row span {
border-left: 0;
border-right: 0;
border-radius: 0;
border-top: 0;
font-size: 1rem;
color: rgb(117, 117, 117);
padding-left: 0;
padding-right: 0;
outline: 0;
height: auto;
line-height: 1.45;
}
body.woocommerce-account .select2-container--default .select2-selection--single {
border: 0;
}
body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content form.modifica-spedizione-fatturazione .form-row span.select2-selection__arrow {
position: absolute;
top: 50%;
transform: translatey(-50%);
}
body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content form.modifica-spedizione-fatturazione .form-row span.select2-container {
border: 1px solid rgba(112, 112, 112, 0.2);
border-radius: 0.7rem;
padding: 0.75rem;
line-height: 1;
background-color: transparent;
}
body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content form.modifica-spedizione-fatturazione .form-row span.select2-selection__rendered {
top: -0.15rem;
position: relative;
}
body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content form.modifica-spedizione-fatturazione .woocommerce-address-fields__field-wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: 2.5rem;
}
body.woocommerce-account.woocommerce-edit-account .woocommerce-MyAccount-content input,
body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content form.modifica-spedizione-fatturazione input {
border: 1px solid rgba(112, 112, 112, 0.2);
border-radius: 0.7rem;
padding: 0.75rem;
line-height: 1;
background-color: transparent;
}
body.woocommerce-account.woocommerce-edit-account .woocommerce-MyAccount-content input:focus,
body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content form.modifica-spedizione-fatturazione input:focus {
outline: none;
box-shadow: 0 0 0 1px var(--accent);
border-color: var(--accent);
}
body.woocommerce-account.woocommerce-edit-account .woocommerce-MyAccount-content label,
body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content form.modifica-spedizione-fatturazione label {
line-height: 1rem;
font-size: 0.7rem;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 0.35rem;
opacity: 0.5;
color: var(--grey-4);
}
body.woocommerce-account.woocommerce-edit-account .woocommerce-MyAccount-content fieldset {
border: 0;
padding-top: 2.8rem;
}
body.woocommerce-account.woocommerce-edit-account .woocommerce-MyAccount-content input.btn,
body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content form.modifica-spedizione-fatturazione input.btn {
margin: 0;
color: var(--accent);
letter-spacing: 0;
background: transparent;
outline: 0;
text-decoration: underline;
float: none;
font-size: 0.94rem;
text-align: center;
font-weight: bold;
border: 0;
padding: 0;
border-radius: 0;
box-shadow: none;
margin-top: 1.53rem;
text-transform: uppercase;
cursor: pointer;
}
body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content form.modifica-spedizione-fatturazione .form-row {
padding-bottom: 1rem;
}
body.woocommerce-account.woocommerce-edit-account .woocommerce-MyAccount-content .title h5 {
font-size: 0.7rem;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 0.35rem;
color: var(--grey-4);
padding: 0;
color: var(--accent);
margin-bottom: 1.26rem;
}
body.woocommerce-account.woocommerce-edit-account .woocommerce-MyAccount-content .title hr {
display: none;
}
body.woocommerce-lost-password .reset-password-container-wrapper {
display: grid;
}
body.woocommerce-lost-password .woocommerce-ResetPassword {
background-color: #f7f7f7;
padding-top: 3.75rem;
}
body.woocommerce-lost-password .woocommerce-ResetPassword h2 {
font-size: 1.875rem;
font-weight: bold;
text-align: center;
}
body.woocommerce-lost-password .woocommerce-ResetPassword p.forgot-password-text {
text-align: center;
font-size: 1rem;
font-size: 0.75rem;
padding-top: 0.8rem;
max-width: 34.4rem;
margin: auto;
}
body.woocommerce-lost-password .woocommerce-ResetPassword .form-row {
padding: 0;
margin-bottom: 0;
}
body.woocommerce-lost-password .woocommerce-ResetPassword .form-row.woocommerce-form-row--first {
max-width: 34.4rem;
margin: auto;
padding-top: 2.75rem;
}
body.woocommerce-lost-password .woocommerce-ResetPassword .form-row input {
border: 1px solid rgba(112, 112, 112, 0.2);
border-radius: 0.7rem;
padding: 0.75rem;
line-height: 1;
background-color: transparent;
}
body.woocommerce-lost-password .woocommerce-ResetPassword .form-row label {
line-height: 1rem;
font-size: 0.7rem;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 0.35rem;
text-align: center;
}
body.woocommerce-lost-password .woocommerce-ResetPassword .reset-password-button {
text-align: center;
padding-top: 2.5rem;
padding-bottom: 4.4rem;
}
body.woocommerce-lost-password .woocommerce-ResetPassword .reset-password-button button {
margin: 0;
color: var(--accent);
letter-spacing: 0;
padding: 0;
background: transparent;
outline: 0;
text-decoration: underline;
float: none;
font-size: 0.94rem;
text-transform: uppercase;
}
body .sent-email {
padding-top: 3.75rem;
padding-bottom: 4rem;
text-align: center;
background-color: #f7f7f7;
}
body .sent-email h3 {
font-size: 1.875rem;
font-weight: bold;
text-align: center;
}
body .sent-email .sent-email-message {
font-size: 0.9rem;
padding-top: 1rem;
}
body .sent-email .sent-email-button {
padding-top: 2.5rem;
}
body .sent-email .sent-email-button a {
margin: 0;
color: var(--accent);
letter-spacing: 0;
padding: 0;
background: transparent;
outline: 0;
text-decoration: underline;
float: none;
font-size: 0.94rem;
font-weight: bold;
}
/* -----------------------------------
==============================================================================
# VENDITA
==============================================================================
----------------------------------- */
body.archive section#archive-shop {
padding-bottom: 3.2rem;
}
body.archive section#archive-shop .breadcrums {
padding-top: 2.5rem;
padding-bottom: 1.75rem;
}
body.archive section#archive-shop header h1 {
text-align: center;
color: var(--accent);
font-size: 1.875rem;
padding-bottom: 2.6rem;
}
body.archive section#archive-shop ul.products {
margin-bottom: 0;
}
body.archive section#archive-shop .woocommerce-result-count,
body.archive section#archive-shop .woocommerce-ordering {
display: none;
}
body.archive section#archive-shop .boxes {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 1.875rem;
}
body.archive section#archive-shop .boxes .single-product {
background-color: var(--grey-1);
border-radius: 0.7rem;
}
body.archive section#archive-shop .boxes .single-product .columns {
display: grid;
grid-template-columns: 1fr 2fr;
grid-column-gap: 1.875rem;
}
body.archive section#archive-shop .boxes .single-product .columns .col {
display: flex;
}
body.archive section#archive-shop .boxes .single-product .columns .col > * {
flex: 1;
}
body.archive section#archive-shop .boxes .single-product .col.immagine {
display: flex;
align-items: center;
}
body.archive section#archive-shop .boxes .single-product .col.immagine .img-cont {
height: 80%;
}
body.archive section#archive-shop .boxes .single-product .col.immagine .img-cont img {
height: 100%;
width: 100%;
object-fit: cover;
object-position: center right;
}
body.archive section#archive-shop .boxes .single-product .col.text .content {
padding-top: 4.25rem;
padding-bottom: 4rem;
padding-right: 4.5rem;
}
body.archive section#archive-shop .boxes .single-product .col.text .content .title {
margin-bottom: 0.5rem;
}
body.archive section#archive-shop .boxes .single-product .col.text .content .title h3 {
font-size: 1.875rem;
}
body.archive section#archive-shop .boxes .single-product .col.text .content .excerpt {
margin-bottom: 4.5rem;
}
body.archive section#archive-shop .boxes .single-product .col.text .content .cta a {
display: flex;
justify-content: space-between;
gap: 2.5rem;
align-items: center;
line-height: 1;
text-transform: uppercase;
font-weight: bold;
}
body.archive section#archive-shop .boxes .single-product .col.text .content .cta a img {
width: 2em;
padding-bottom: 0.35em;
transition-duration: 0.3s;
}
body.archive section#archive-shop .boxes .single-product .col.text .content .cta a:hover img {
transform: translateX(25%);
}
body.archive section#why-choose {
background-color: var(--grey-1);
padding-top: 6.5rem;
padding-bottom: 6rem;
}
body.archive section#why-choose .section-title {
text-align: center;
margin-bottom: 2.7rem;
}
body.archive section#why-choose .section-title h2 {
font-size: 2.6rem;
}
body.archive section#why-choose .columns {
display: flex;
justify-content: center;
gap: 9vw;
}
body.archive section#why-choose .img-wrapper {
width: 7rem;
height: 5.6rem;
position: relative;
margin-bottom: 2.8rem;
}
body.archive section#why-choose .img-wrapper img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
body.archive section#why-choose .title h3 {
text-align: center;
font-weight: normal;
font-size: 1.17rem;
}
body.archive section#why-choose .title h3 .main {
font-weight: bold;
}
/* -----------------------------------
==============================================================================
# VENDITA - PRODOTTO SINGOLO
==============================================================================
----------------------------------- */
body.single-product #primary {
overflow: hidden;
}
body.single-product #main .single-product-content {
padding-bottom: 6.15rem;
}
body.single-product #main .single-product-content.no-qty .quantity-custom {
display: none;
}
body.single-product #main .single-product-content.no-qty form.cart .variation-radios {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
body.single-product #main .single-product-content.no-qty form.cart .variation-radios label {
font-size: 0.875rem;
}
body.single-product #main .single-product-content .container {
display: flex;
grid-template-columns: repeat(2, 1fr);
}
body.single-product #main .single-product-content .woocommerce-product-gallery,
body.single-product #main .single-product-content .woo-variation-product-gallery,
body.single-product #main .single-product-content .entry-summary,
body.single-product #main .single-product-content .main-images-content {
width: 50%;
min-width: 50%;
float: none;
margin-bottom: 0;
}
body.single-product #main .single-product-content .woocommerce-product-gallery,
body.single-product #main .single-product-content .woo-variation-product-gallery {
width: 100%;
max-width: 100% !important;
}
body.single-product #main .single-product-content .woocommerce-product-gallery {
padding-top: 6.5rem;
}
body .woo-variation-gallery-wrapper .wvg-gallery-thumbnail-image {
padding: 0 10px;
float: none !important;
}
body.single-product #main .single-product-content .woocommerce-product-gallery img,
body.single-product #main .single-product-content .woo-variation-product-gallery img {
max-width: 25vw;
margin: auto;
max-height: 22rem;
object-fit: contain;
}
body .woo-variation-gallery-thumbnail-position-bottom-bottom .woo-variation-gallery-thumbnail-slider {
text-align: center;
}
body .woo-variation-gallery-thumbnail-position-bottom-bottom .woo-variation-gallery-container .woo-variation-gallery-slider-wrapper,
body .woo-variation-gallery-wrapper .woo-variation-gallery-slider,
body .woo-variation-gallery-wrapper .woo-variation-gallery-slider .slick-list,
body .woo-variation-gallery-wrapper .woo-variation-gallery-slider .slick-track,
body .woo-variation-gallery-wrapper .woo-variation-gallery-slider .slick-slide div,
body .woo-variation-gallery-wrapper .woo-variation-gallery-slider img {
min-height: 30rem;
object-fit: contain;
}
body .woo-variation-gallery-wrapper .woo-variation-gallery-slider .slick-slide,
body .woo-variation-gallery-wrapper .woo-variation-gallery-slider .slick-slide div {
display: grid;
place-items: center;
}
body .woo-variation-gallery-wrapper .woo-variation-gallery-slider img.zoomImg {
display: none !important;
}
body .woo-variation-gallery-wrapper .woo-variation-gallery-trigger {
display: none;
}
body.single-product #main .single-product-content .entry-summary {
padding-left: 8.33%;
}
body.single-product .thumbnails-slider {
padding-top: 3rem;
}
body.single-product .thumbnails-slider .swiper-wrapper {
justify-content: center;
}
body.single-product .woocommerce-breadcrumb,
body.single-product .product_meta,
body.single-product .woocommerce-tabs {
display: none;
}
body.single-product .custom-contact {
margin-top: -3rem;
margin-bottom: 4rem;
font-size: 1rem;
color: var(--grey-3);
border-top: 1px solid rgb(108, 108, 108, 0.2);
padding-top: 1.5rem;
padding-bottom: 1.7rem;
border-bottom: 1px solid rgb(108, 108, 108, 0.2);
}
body.single-product .custom-contact a {
color: var(--accent);
}
body.single-product .custom-contact.without-mepa {
border-bottom: 0;
margin-bottom: 0;
}
body.single-product .single-product-content {
padding-top: 2.55rem;
}
body.single-product .single-product-content .entry-summary h1 {
font-size: 2.58rem;
line-height: 1.15;
color: var(--grey-3);
padding-bottom: 2.4rem;
padding-top: 2.4rem;
}
body.single-product .single-product-content .entry-summary .product-sottotitolo h3 {
margin-top: -1rem;
border-bottom: 1px solid rgb(108, 108, 108, 0.2);
margin-bottom: 2rem;
padding-bottom: 2rem;
color: var(--accent);
}
body.woocommerce div.product span.price ins {
text-decoration: none;
font-weight: normal;
}
body.single-product .woocommerce-price-suffix {
font-size: 1rem;
}
body.single-product div.product .woocommerce-variation-price {
padding-bottom: 1.5rem;
}
body.single-product .single-product-content .woocommerce-product-details__short-description {
display: none;
}
body.single-product .single-product-content .woocommerce-product-gallery__image {
pointer-events: none;
}
body.single-product div.product form.cart .quantity {
float: none !important;
margin: 0;
display: inline-block;
}
body.single-product div.product form.cart .quantity input {
outline: 0;
}
body.single-product div.product form.cart .quantity input::-webkit-outer-spin-button,
body.single-product div.product form.cart .quantity input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
body.single-product div.product form.cart .quantity input[type="number"] {
-moz-appearance: textfield;
}
body.single-product div.product p.price,
body.single-product div.product span.price {
color: var(--grey-3);
opacity: 0.5;
font-size: 1.875rem;
}
body.single-product div.product form.cart .button {
float: none;
}
body.single-product div.product .quantity-custom {
display: inline-block;
}
body.single-product div.product form.cart {
margin-top: 2.2rem;
border-top: 1px solid rgb(108, 108, 108, 0.2);
margin-bottom: 0;
padding-bottom: 2.6rem;
}
body.single-product div.product form.cart .variations {
border-bottom: 1px solid rgb(108, 108, 108, 0.2);
margin-bottom: 2.65rem;
}
body.single-product div.product form.cart .variations tr td {
border-bottom: 1px solid rgb(108, 108, 108, 0.2);
padding-bottom: 2.6rem;
margin-bottom: 2.65rem;
padding-top: 2.6rem;
}
body.single-product div.product form.cart .variations label {
font-size: 1.03rem;
}
body.single-product div.product form.cart .variation-radios input {
display: none;
}
body.single-product div.product form.cart .variation-radios,
body.single-product div.product.product-type-simple form.cart {
display: flex;
column-gap: 1.7rem;
text-align: center;
align-items: center;
}
body.single-product div.product form.cart .variation-radios label {
padding: 1.4rem;
background: var(--grey-1);
border-radius: 0.7rem;
text-align: center;
border: 2px solid var(--grey-1);
transition: border 0.3s ease-in-out;
line-height: 1.25;
cursor: pointer;
}
body.single-product div.product form.cart .variation-radios .variation-radio {
flex: 1 1 0px;
}
body.single-product div.product form.cart .variation-radios .variation-radio label {
display: block;
}
body.single-product div.product form.cart .variation-radios label:hover,
body.single-product div.product form.cart .variation-radios input:checked + label {
border: 2px solid var(--accent);
}
body.single-product div.product form.cart .variations .label,
body.single-product div.product form.cart .variations select {
display: none;
}
body.single-product div.product form.cart .variations .reset_variations {
display: none !important;
}
body.single-product .single_variation_wrap .woocommerce-variation-add-to-cart {
display: flex;
column-gap: 1.6rem;
}
body.single-product .single_variation_wrap .woocommerce-variation-add-to-cart .quantity-custom,
body.single-product div.product.product-type-simple form.cart .quantity-custom {
height: 2.4rem;
line-height: 2.2rem;
border: 1px solid rgb(112, 112, 112, 0.2);
width: 7.8rem;
border-radius: 0.7rem;
text-align: center;
min-width: 7.8rem;
}
body.single-product .single_variation_wrap .woocommerce-variation-add-to-cart .quantity-custom button.minus,
body.single-product div.product.product-type-simple form.cart .quantity-custom button.minus {
font-size: 1rem;
background: transparent;
border: 0;
outline: 0;
color: var(--grey-3);
cursor: pointer;
min-width: 1.5rem;
}
body.single-product .single_variation_wrap .woocommerce-variation-add-to-cart .quantity-custom button.plus,
body.single-product div.product.product-type-simple form.cart .quantity-custom button.plus {
font-size: 1rem;
background: transparent;
border: 0;
outline: 0;
position: relative;
top: 0;
color: var(--grey-3);
cursor: pointer;
min-width: 1.5rem;
}
body.single-product .single_variation_wrap .woocommerce-variation-add-to-cart .quantity-custom .quantity input,
body.single-product div.product.product-type-simple form.cart .quantity-custom .quantity input {
border: 0;
font-size: 0.85rem;
color: var(--grey-3);
width: 1.9rem;
}
body.single-product .single_variation_wrap .woocommerce-variation-add-to-cart button.single_add_to_cart_button,
body.single-product div.product.product-type-simple form.cart button.single_add_to_cart_button {
height: 2.4rem;
border: 1px solid rgb(112, 112, 112, 0.2);
width: 7.8rem;
border-radius: 0.7rem;
text-align: center;
width: 100%;
padding: 0;
background: var(--accent);
font-size: 0.85rem;
opacity: 1;
transition: opacity 0.3s ease-in-out;
}
body.single-product .single_variation_wrap .woocommerce-variation-add-to-cart button.single_add_to_cart_button:hover,
body.single-product div.product.product-type-simple form.cart button.single_add_to_cart_button:hover {
background: var(--accent);
opacity: 0.8;
}
body.single-product div.product.product-type-simple form.cart {
padding-top: 2.6rem;
}
/*body.single-product div.product.product-type-simple form.cart button.single_add_to_cart_button,
body.single-product div.product.product-type-simple form.cart .quantity-custom {
display: none;
}*/
body.single-product.logged-in div.product.product-type-simple form.cart button.single_add_to_cart_button,
body.single-product.logged-in div.product.product-type-simple form.cart .quantity-custom {
display: block;
}
body.single-product div.product.product-type-simple form.cart:before,
body.single-product div.product.product-type-simple form.cart:after {
display: none;
}
body.single-product div.product.product-type-simple form.cart .added_to_cart {
display: none;
}
body.single-product button.button.loading::after {
top: 0.7rem;
}
body.single-product .titolo-contenuto-prodotto {
border-top: 1px solid rgb(108, 108, 108, 0.2);
padding-top: 2.625rem;
}
body.single-product .titolo-contenuto-prodotto h2 {
font-size: 1.4rem;
color: var(--grey-3);
padding-bottom: 1.21rem;
}
body.single-product .descrizione-contenuto-prodotto {
font-size: 0.94rem;
line-height: 1.17rem;
max-height: 11.7rem;
display: -webkit-box;
-webkit-line-clamp: 10;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
text-align: left;
transition: all 300ms ease-in-out;
}
body.single-product .descrizione-contenuto-prodotto.active {
-webkit-line-clamp: unset;
max-height: 1000rem;
}
body.single-product .leggi-piu-prodotto {
padding-top: 0.8rem;
}
body.single-product .leggi-piu-prodotto a {
font-size: 0.94rem;
line-height: 1.17rem;
text-decoration: underline;
}
body.single-product .descrizione-contenuto-prodotto.active + .leggi-piu-prodotto a.leggi-meno {
display: block;
}
body.single-product .descrizione-contenuto-prodotto.active + .leggi-piu-prodotto a.leggi-piu {
display: none;
}
body.single-product .leggi-piu-prodotto a.leggi-meno {
display: none;
}
body.single-product #specifiche {
background-color: var(--grey-1);
padding-top: 6rem;
padding-bottom: 6.5rem;
}
body.single-product #specifiche .section-title {
text-align: center;
margin-bottom: 4.125rem;
}
body.single-product #specifiche .section-title h2 {
font-size: 2.6rem;
}
body.single-product #specifiche .columns {
display: flex;
justify-content: center;
gap: 9vw;
}
body.single-product #specifiche .columns .title {
width: 100%;
margin: auto;
max-width: 13rem;
}
body.single-product #specifiche .img-wrapper {
width: 7rem;
height: 5.6rem;
position: relative;
margin-bottom: 2.8rem;
margin-left: auto;
margin-right: auto;
}
body.single-product #specifiche .img-wrapper img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
body.single-product #specifiche .title h3 {
text-align: center;
font-weight: bold;
font-size: 1.4rem;
}
body.single-product #specifiche .title h4 {
text-align: center;
font-size: 0.94rem;
padding-top: 0.75rem;
font-weight: normal;
}
body.single-product .related {
padding-bottom: 6.5rem;
}
body.single-product .related .swiper {
overflow: visible;
}
body.single-product .related .single-product {
background-color: var(--grey-1);
border-radius: 0.7rem;
height: auto;
}
body.single-product .related .single-product .columns {
display: grid;
grid-template-columns: 1fr 2fr;
grid-column-gap: 1.875rem;
}
body.single-product .related .single-product .columns .col {
display: flex;
}
body.single-product .related .single-product .columns .col > * {
flex: 1;
}
body.single-product .related .single-product .col.immagine {
display: flex;
align-items: center;
}
body.single-product .related .single-product .col.immagine .img-cont {
height: 80%;
}
body.single-product .related .single-product .col.immagine .img-cont img {
height: 100%;
width: 100%;
object-fit: cover;
object-position: center right;
}
body.single-product .related .single-product .col.text .content {
padding-top: 4.25rem;
padding-bottom: 4rem;
padding-right: 4.5rem;
}
body.single-product .related .single-product .col.text .content .title {
margin-bottom: 0.5rem;
}
body.single-product .related .single-product .col.text .content .title h3 {
font-size: 1.875rem;
}
body.single-product .related .single-product .col.text .content .excerpt,
body.archive section#archive-shop .boxes .single-product .col.text .content .excerpt {
margin-bottom: 4.5rem;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 4;
line-clamp: 4;
-webkit-box-orient: vertical;
max-height: 4.8rem;
}
body.single-product .related .single-product .col.text .content .cta a {
display: flex;
justify-content: space-between;
gap: 2.5rem;
align-items: center;
line-height: 1;
text-transform: uppercase;
font-weight: bold;
}
body.single-product .related .single-product .col.text .content .cta a img {
width: 2em;
padding-bottom: 0.35em;
transition-duration: 0.3s;
}
body.single-product .related .single-product .col.text .content .cta a:hover img {
transform: translateX(25%);
}
body.single-product .related h2 {
font-size: 1.875rem;
font-weight: bold;
color: var(--accent);
text-transform: uppercase;
margin-bottom: 0.35em;
padding-top: 2.81rem;
text-align: center;
}
body.single-product .related p.related-text {
color: var(--grey-3);
padding-bottom: 3rem;
text-align: center;
}
body.single-product .transenne-customer-only {
font-size: 0.94rem;
line-height: 1.17rem;
padding-bottom: 2.6rem;
}
body.single-product .transenne-customer-only a {
color: var(--accent);
opacity: 1;
transition: opacity 0.3s ease-in-out;
font-weight: bold;
}
body.single-product .transenne-customer-only a:hover {
opacity: 0.8;
}
/* -----------------------------------
==============================================================================
# CARRELLO
==============================================================================
----------------------------------- */
body.woocommerce-cart #main-index-content .container {
display: flex;
padding-bottom: 1.5rem;
}
body.woocommerce-cart #main-index-content .container .return-to-shop {
position: relative;
left: 50%;
transform: translatex(-50%);
padding-bottom: 1rem;
}
body.woocommerce-cart #main-index-content .container .return-to-shop a {
text-transform: uppercase;
margin: 0;
color: var(--accent);
letter-spacing: 0;
padding: 0;
background: transparent;
outline: 0;
text-decoration: underline;
float: none;
font-size: 0.94rem;
padding: 0;
border: 0;
}
body.woocommerce-cart .woocommerce-cart-form {
width: auto;
float: none;
min-width: 66.66%;
}
body.woocommerce-cart .cart-collaterals {
min-width: 33.333%;
padding-left: 1.875rem;
}
body.woocommerce-cart .cart-collaterals .woocommerce-shipping-totals .woocommerce-shipping-calculator {
display: none;
}
body.woocommerce-cart .cart-collaterals .cart_totals {
float: none;
width: 100%;
}
body.woocommerce-cart table.cart {
border: 0;
}
body.woocommerce-cart table.cart img {
width: 3rem;
height: 3rem;
object-fit: contain;
}
body.woocommerce-cart table.cart tbody .cart_item:nth-child(1) td {
border-top: 1px solid rgba(112, 112, 112, 0.2);
}
body.woocommerce-cart table.cart tbody .cart_item td.product-name {
width: 26%;
line-height: 1.3;
padding-right: 2px;
}
body.woocommerce-cart table.cart tbody .cart_item td.product-quantity .quantity {
height: 2.4rem;
line-height: 2.2rem;
border: 1px solid rgb(112, 112, 112, 0.2);
border-radius: 0.7rem;
text-align: center;
max-width: 6.8rem;
display: flex;
align-items: center;
justify-content: center;
}
body.woocommerce-cart table.cart td {
border-top: 0;
border-bottom: 1px solid rgba(112, 112, 112, 0.2);
}
body.woocommerce-cart table.cart th,
body.woocommerce-cart table.cart td,
body.woocommerce-cart table.cart td input,
body.woocommerce-cart .cart_totals td,
body.woocommerce-cart .cart_totals th {
font-size: 0.9rem;
font-weight: bold;
padding: 1.3rem 0;
}
body.woocommerce-cart .cart_totals td,
body.woocommerce-cart .cart_totals th {
padding: 0;
border: 0;
}
body.woocommerce-cart .cart_totals table {
border: 0;
}
body.woocommerce-cart .cart-collaterals .cart_totals tr th,
body.woocommerce-cart .cart-collaterals .cart_totals tr td {
border: 0;
}
body.woocommerce-cart .cart-collaterals .cart_totals h2 {
font-size: 0.9rem;
font-weight: bold;
padding: 1.3rem 0;
line-height: 1.5em;
text-transform: uppercase;
opacity: 0.5;
}
body.woocommerce-cart .cart-collaterals .cart_totals table {
border-top: 1px solid rgba(112, 112, 112, 0.2);
border-radius: 0;
border-bottom: 1px solid rgba(112, 112, 112, 0.2);
padding: 1.45rem 0;
margin-bottom: 0;
}
body.woocommerce-cart .cart-collaterals .cart_totals table td {
text-align: right;
}
body.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout {
padding: 0;
}
body.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout a {
font-size: 0.9rem;
font-weight: bold;
padding: 1.3rem 0;
line-height: 1.5em;
text-transform: uppercase;
opacity: 1;
padding-top: 0.7rem;
padding-bottom: 0.7rem;
border-radius: 0.7rem;
margin-top: 2.15rem;
margin-bottom: 0;
transition: opacity 300ms ease-in-out;
background-color: var(--accent);
}
body.woocommerce-checkout #payment div.form-row.place-order button {
background-color: var(--accent);
}
body.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout a:hover {
opacity: 0.8;
background: var(--accent);
}
body.woocommerce-cart table.cart th {
text-transform: uppercase;
opacity: 0.5;
}
body.woocommerce-cart table.cart .actions {
display: none;
}
body.woocommerce-cart table.cart a.remove {
color: var(--grey-4) !important;
}
body.woocommerce-cart table.cart a.remove:hover {
background: transparent;
color: var(--grey-4) !important;
}
body.woocommerce-cart table.cart button.minus {
font-size: 1rem;
background: transparent;
border: 0;
outline: 0;
color: var(--grey-3);
cursor: pointer;
min-width: 1.5rem;
}
body.woocommerce-cart table.cart button.plus {
font-size: 1rem;
background: transparent;
border: 0;
outline: 0;
position: relative;
top: 0.1rem;
color: var(--grey-3);
cursor: pointer;
min-width: 1.5rem;
}
body.woocommerce-cart table.cart .quantity input {
border: 0;
font-size: 0.85rem;
color: var(--grey-3);
width: 1.9rem;
outline: 0;
padding: 0;
}
body.woocommerce-cart table.cart .quantity input::-webkit-outer-spin-button,
body.woocommerce-cart table.cart .quantity input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
body.woocommerce-cart table.cart .quantity input[type="number"] {
-moz-appearance: textfield;
}
/* -----------------------------------
==============================================================================
# CHECKOUT
==============================================================================
----------------------------------- */
body.woocommerce-checkout #main-index-content {
overflow-x: hidden;
padding-top: 4.2rem;
padding-bottom: 4.35rem;
}
body.woocommerce-checkout .woocommerce-billing-fields .form-row input,
body.woocommerce-checkout .woocommerce-shipping-fields .form-row input {
border: 1px solid rgba(112, 112, 112, 0.2);
border-radius: 0.7rem;
padding: 0.75rem;
line-height: 1;
background-color: transparent;
}
body.woocommerce-checkout .woocommerce-billing-fields .form-row,
body.woocommerce-checkout .woocommerce-shipping-fields .form-row {
padding: 0;
margin: 0;
padding-bottom: 1rem;
}
body.woocommerce-checkout .woocommerce-billing-fields .form-row label,
body.woocommerce-checkout .woocommerce-shipping-fields .form-row label {
line-height: 1rem;
font-size: 0.7rem;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 0.35rem;
color: var(--grey-3);
}
body.woocommerce-checkout .woocommerce-billing-fields .form-row input:focus,
body.woocommerce-checkout .woocommerce-shipping-fields .form-row input:focus {
outline: none;
box-shadow: 0 0 0 1px var(--accent);
border-color: var(--accent);
}
body.woocommerce-checkout .woocommerce-billing-fields #billing_company_field,
body.woocommerce-checkout .woocommerce-billing-fields #billing_address_2_field,
body.woocommerce-checkout .woocommerce-shipping-fields #shipping_company_field,
body.woocommerce-checkout .woocommerce-shipping-fields #shipping_address_2_field,
body.woocommerce-checkout .woocommerce-billing-fields #company_name_field,
body.woocommerce-checkout .woocommerce-billing-fields #vat_number_field,
body.woocommerce-checkout .woocommerce-billing-fields #citizen_code_field,
body.woocommerce-checkout .woocommerce-billing-fields #unique_code_field {
display: none !important;
}
body .woocommerce .woocommerce-info a.showcoupon {
border: 0;
}
body.woocommerce-checkout .woocommerce-billing-fields .form-row span,
body.woocommerce-checkout .woocommerce-shipping-fields .form-row span {
border-left: 0;
border-right: 0;
border-radius: 0;
border-top: 0;
font-size: 1rem;
color: rgb(117, 117, 117);
padding-left: 0;
padding-right: 0;
outline: 0;
height: auto;
line-height: 1.45;
}
body.woocommerce-checkout .woocommerce-billing-fields .select2-container--default .select2-selection--single,
body.woocommerce-checkout .woocommerce-shipping-fields .select2-container--default .select2-selection--single {
border: 0;
}
body.woocommerce-checkout .woocommerce-billing-fields .form-row span.select2-selection__arrow,
body.woocommerce-checkout .woocommerce-shipping-fields .form-row span.select2-selection__arrow {
position: absolute;
top: 50%;
transform: translatey(-50%);
}
body.woocommerce-checkout .woocommerce-billing-fields .form-row span.select2-container,
body.woocommerce-checkout .woocommerce-shipping-fields .form-row span.select2-container {
border: 1px solid rgba(112, 112, 112, 0.2);
border-radius: 0.7rem;
padding: 0.75rem;
line-height: 1;
background-color: transparent;
}
body.woocommerce-checkout .woocommerce-billing-fields .form-row span.select2-selection__rendered,
body.woocommerce-checkout .woocommerce-shipping-fields .form-row span.select2-selection__rendered {
top: -0.15rem;
position: relative;
}
body.woocommerce-checkout .woocommerce-billing-fields h3 {
padding-bottom: 2.4rem;
font-size: 1.875rem;
color: var(--accent);
}
body.woocommerce-checkout #checkout-payment h3 {
padding-left: 20.5%;
padding-top: 4.1rem;
font-size: 1.875rem;
padding-bottom: 1.65rem;
position: relative;
z-index: 1;
}
body.woocommerce-checkout #order_review {
padding-left: 20.5%;
position: relative;
z-index: 1;
}
body.woocommerce-checkout .woocommerce-shipping-fields h3 {
padding-top: 1rem;
padding-bottom: 1.7rem;
}
body.woocommerce-checkout .woocommerce-shipping-fields h3 label {
display: flex;
align-items: center;
column-gap: 0.3rem;
}
body.woocommerce-checkout .woocommerce-shipping-fields h3 label span {
line-height: 1rem;
font-size: 0.7rem;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 0;
color: var(--grey-3);
}
body .select2-container--open .select2-dropdown--below {
position: relative;
top: -10px;
border: 1px solid rgba(112, 112, 112, 0.2);
}
body.woocommerce-checkout .checkout-fields-container {
display: flex;
}
body.woocommerce-checkout table.shop_table {
border: 0;
border-spacing: 0;
border-bottom: 2px solid rgba(112, 112, 112, 0.2);
border-radius: 0px;
padding-bottom: 0.4rem;
margin-bottom: 0;
}
body.woocommerce-checkout #payment ul.payment_methods,
body.woocommerce-checkout .woocommerce-checkout #payment {
padding: 0;
background: transparent;
}
body.woocommerce-checkout .woocommerce-checkout #payment label,
body.woocommerce-checkout .woocommerce-checkout #payment p {
color: var(--grey-4);
font-weight: bold;
font-size: 0.9rem;
}
body.woocommerce-checkout #payment ul.payment_methods {
border-bottom: 2px solid rgb(112, 112, 112, 0.2);
padding-top: 1.4rem;
padding-bottom: 1.4rem;
}
body.woocommerce-checkout #payment div.form-row.place-order {
padding: 0;
padding-top: 1.8rem;
}
body.woocommerce-checkout #payment div.form-row.place-order .woocommerce-privacy-policy-text p {
font-size: 0.9rem;
}
body.woocommerce-checkout #payment div.form-row.place-order button {
font-size: 0.9rem;
font-weight: bold;
padding: 1.3rem 0;
line-height: 1.5em;
text-transform: uppercase;
opacity: 1;
padding-top: 0.7rem;
padding-bottom: 0.7rem;
border-radius: 0.7rem;
margin-top: 2.15rem;
margin-bottom: 0;
transition: opacity 300ms ease-in-out;
width: 100%;
margin-top: 3.5rem;
margin-bottom: 5.7rem;
}
body.woocommerce-checkout #payment div.form-row.place-order button:hover {
opacity: 0.8;
background: var(--accent);
}
body.woocommerce-checkout #payment div.payment_box .wc-credit-card-form label,
body.woocommerce-checkout .woocommerce-checkout #payment p {
font-size: 0.75rem;
}
body.woocommerce-checkout #payment div.payment_box fieldset {
border: 0;
}
body.woocommerce-checkout #payment div.payment_box .form-row {
padding: 0;
margin-bottom: 0;
}
.woocommerce-checkout #payment ul.payment_methods li input {
outline: none;
user-select: none;
-webkit-user-select: none;
}
body.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods-saveNew,
body.woocommerce-checkout #payment .wc-stripe-new-payment-method {
display: none !important;
}
body.woocommerce-checkout #payment div.payment_box .wc-credit-card-form label .required {
display: none;
}
body.woocommerce-checkout table.shop_table thead th {
border-bottom: 2px solid rgb(112, 112, 112, 0.2);
}
body.woocommerce-checkout table.shop_table thead th {
padding-bottom: 1.8rem;
padding-top: 0;
}
body.woocommerce-cart .fee.transport span,
body.woocommerce-checkout .fee.transport span {
display: flex;
font-size: 11px;
line-height: 1.6;
}
body.woocommerce-cart .fee.transport td,
body.woocommerce-checkout .fee.transport td {
display: grid;
}
body.woocommerce-cart .fee.transport td label:last-child,
body.woocommerce-checkout .fee.transport td label:last-child {
margin-top: -1rem;
}
body.woocommerce-checkout #payment div.payment_box {
background: #f1f1f1;
color: var(--grey-4);
}
body.woocommerce-checkout #payment div.payment_box::before {
border: 1em solid #f1f1f1;
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
}
body.woocommerce-checkout table.shop_table tbody tr:nth-child(1) td {
padding-top: 1.8rem;
}
body.woocommerce-checkout table.shop_table tbody td,
body.woocommerce-checkout table.shop_table tfoot td,
body.woocommerce-checkout table.shop_table tbody th,
body.woocommerce-checkout table.shop_table tfoot th {
padding-top: 0;
padding-bottom: 0.7rem;
}
body.woocommerce-checkout table.shop_table tfoot ul#shipping_method li {
margin: 0;
}
body.woocommerce-checkout table.shop_table th,
body.woocommerce-checkout table.shop_table td {
padding-left: 0;
font-size: 0.9rem;
font-weight: bold;
}
body.woocommerce-checkout table.shop_table tbody td,
body.woocommerce-checkout table.shop_table tbody th,
body.woocommerce-checkout table.shop_table tfoot td,
body.woocommerce-checkout table.shop_table tfoot th {
border: 0;
}
body.woocommerce-checkout .woocommerce-billing-fields,
body.woocommerce-checkout .woocommerce-shipping-fields,
body.woocommerce-checkout .woocommerce-additional-fields {
max-width: 30.3rem;
}
body.woocommerce-checkout .woocommerce-additional-fields {
padding-top: 0;
}
body.woocommerce-checkout .custom-invoice-value {
padding-bottom: 1.5rem;
}
body.woocommerce-checkout .checkout-fields-container #customer_details {
min-width: 58.333%;
padding-right: 1rem;
}
body.woocommerce-checkout .checkout-fields-container #checkout-payment {
min-width: 41.666%;
padding-left: 1rem;
}
body.woocommerce-checkout .checkout-fields-container #checkout-payment:before {
content: "";
background: var(--grey-1);
position: absolute;
height: 100%;
width: 50vw;
border-radius: 0.7rem 0 0 0.7rem;
}
body.woocommerce-checkout .custom-question-field-wrapper h3 {
padding-bottom: 0;
padding-top: 0;
display: inline-block;
font-size: 1rem;
}
body.woocommerce form .form-row .required {
color: var(--grey-4);
font-weight: bold;
}
body.woocommerce-checkout .custom-question-field-wrapper #custom_question_field_field input {
width: 2%;
display: inline-block;
cursor: pointer;
position: relative;
top: 0.5px;
}
body.woocommerce-checkout .custom-question-field-wrapper #custom_question_field_field label {
width: 48%;
display: inline-block;
padding-left: 0.5rem;
font-size: 0.7rem;
}
body.woocommerce-checkout #order_comments_field {
padding: 0;
margin: 0;
}
body.woocommerce-checkout #order_comments_field label {
line-height: 1rem;
font-size: 0.7rem;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 0.35rem;
color: var(--grey-3);
}
body.woocommerce-checkout #order_comments_field textarea {
border: 1px solid rgba(112, 112, 112, 0.2);
border-radius: 0.7rem;
padding: 0.75rem;
line-height: 1;
background-color: transparent;
min-height: 6rem;
}
body.woocommerce-checkout .custom-question-field-wrapper .form-row {
padding: 0;
margin: 0;
margin-bottom: 1rem;
}
body.woocommerce-checkout .custom-question-field-wrapper .form-row label {
margin-bottom: 0.35rem;
}
body.woocommerce-checkout .custom-question-field-wrapper .form-row#custom_question_field_field {
display: none;
margin-bottom: 1.5rem;
}
body.woocommerce-checkout .custom-question-field-wrapper .form-row#custom_question_field_field.active {
display: block;
}
body.woocommerce-checkout .custom-question-field-wrapper .form-row#custom_question_field_field .woocommerce-input-wrapper {
display: flex;
align-items: center;
}
body.woocommerce-checkout .custom-question-field-wrapper .form-row#custom_question_field_field .woocommerce-input-wrapper label {
margin-bottom: 0;
}
body.woocommerce-checkout .custom-invoice-value.active span,
body.woocommerce-checkout .custom-invoice-value:hover span {
background: var(--accent);
}
body.woocommerce-checkout .custom-question-field-wrapper label {
line-height: 1rem;
font-size: 0.7rem;
text-transform: uppercase;
font-weight: bold;
color: var(--grey-3);
}
body.woocommerce-checkout .custom-question-field-wrapper input {
border: 1px solid rgba(112, 112, 112, 0.2);
border-radius: 0.7rem;
padding: 0.75rem;
line-height: 1;
background-color: transparent;
}
body.woocommerce-checkout .custom-invoice-value {
display: flex;
align-items: center;
cursor: pointer;
column-gap: 0.3rem;
padding-top: 2rem;
}
body.woocommerce-checkout .custom-invoice-value span {
margin-right: 0.5rem;
width: 1.2rem;
height: 1.2rem;
border: 2px solid var(--accent);
border-radius: 0.4rem;
transition: background 0.3s ease-in-out;
display: inline-block;
position: relative;
top: 0.2rem;
}
body.woocommerce-checkout .woocommerce-billing-fields .form-row#billing_first_name_field,
body.woocommerce-checkout .woocommerce-billing-fields .form-row#billing_address_1_field,
body.woocommerce-checkout .woocommerce-billing-fields .form-row#billing_phone_field,
body.woocommerce-checkout .woocommerce-shipping-fields .form-row#shipping_first_name_field,
body.woocommerce-checkout .woocommerce-shipping-fields .form-row#shipping_address_1_field,
body.woocommerce-checkout .woocommerce-shipping-fields .form-row#shipping_phone_field {
width: calc(50% - 0.9rem);
float: left;
clear: none;
}
body.woocommerce-checkout .woocommerce-billing-fields .form-row#billing_last_name_field,
body.woocommerce-checkout .woocommerce-billing-fields .form-row#billing_postcode_field,
body.woocommerce-checkout .woocommerce-billing-fields .form-row#billing_email_field,
body.woocommerce-checkout .woocommerce-shipping-fields .form-row#shipping_last_name_field,
body.woocommerce-checkout .woocommerce-shipping-fields .form-row#shipping_postcode_field,
body.woocommerce-checkout .woocommerce-shipping-fields .form-row#shipping_email_field {
width: calc(50% - 0.9rem);
float: right;
clear: none;
}
body.woocommerce-order-received .woocommerce-order {
padding-bottom: 2.5rem;
padding-top: 3.9rem;
}
body.woocommerce-order-received ul.order_details {
margin-bottom: 1.5rem;
margin-top: 1.8rem;
}
body.woocommerce-order-received ul.order_details li strong {
font-size: 1rem;
}
body.woocommerce-order-received .woocommerce-order p,
body.woocommerce-order-received .woocommerce-order li {
font-size: 0.9rem;
}
body.woocommerce-order-received .woocommerce-order .woocommerce-order-details {
margin-bottom: 3.5rem;
padding-top: 3.2rem;
}
body.woocommerce-order-received .woocommerce-order .woocommerce-order-details h2,
body.woocommerce-order-received .woocommerce-order .woocommerce-customer-details h2 {
padding-bottom: 1.2rem;
}
body.woocommerce-order-received .woocommerce-order .woocommerce-customer-details address {
line-height: 1.25;
color: var(--grey-3);
font-size: 0.9rem;
font-style: normal;
padding: 0;
border: 0;
}
body.woocommerce-order-received .woocommerce-order .woocommerce-customer-details p {
padding-left: 0;
}
body.woocommerce-order-received .woocommerce-order .woocommerce-customer-details p:before {
display: none;
}
body > header .voci-menu .icons li.cart a span.cart-contents-count {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
body > header .voci-menu .icons li.cart a span.cart-contents-count.animated {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
body footer .contact-boxes .single-box {
padding: 4.17rem 22%;
}
body.category section#categories .single-category .articles {
row-gap: 3rem;
}
body.category section#hero .content-wrapper {
display: flex;
}
body.category .blog-filter {
display: flex;
margin-left: auto;
position: relative;
}
body.category.category-consigli .blog-filter,
body.category.category-emergenza-covid-19 .blog-filter {
display: none;
}
body.category section#categories .single-category .articles .single-notizia.hide-el {
display: none;
}
body.category .blog-filter select {
flex: 1;
display: flex;
align-items: center;
font-size: 0.9375rem;
font-weight: 400;
text-transform: uppercase;
padding: 0.8rem 2.5rem 0.8rem 0.9rem;
-webkit-appearance: none;
outline: none;
cursor: pointer;
border: 0;
border-radius: 5px;
background: #f9f9f9;
color: var(--grey-4);
font-family: helvetica neue lt std, sans-serif;
}
body.category .blog-filter:after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.752' height='13.083' viewBox='0 0 24.752 13.083'%3E%3Cpath id='Tracciato_827' data-name='Tracciato 827' d='M3196.832-10221.5l12.022 12.022 12.022-12.022' transform='translate(-3196.478 10221.854)' fill='none' stroke='%234c5560' stroke-width='1'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
width: 1rem;
height: 0.5625rem;
content: "";
position: absolute;
right: 0.84rem;
pointer-events: none;
top: 50%;
transform: translatey(-50%);
margin-top: 0.1rem;
}
body.single-notizia section#gallery .swiper .swiper-slide {
width: auto;
}
body.single-notizia section#gallery .swiper .swiper-slide div img {
width: auto;
height: 400px;
}
body.single-product .single_variation_wrap .woocommerce-variation-add-to-cart .added_to_cart {
display: none;
}
body.woocommerce-account.woocommerce-orders .woocommerce table.my_account_orders {
border-spacing: 0;
}
body.woocommerce span.onsale {
left: 1.5rem;
background-color: var(--accent);
border-radius: 0.7rem;
padding: 0 1rem;
min-height: 2.4rem;
}
body > header .voci-menu .container .languages .lang-sel {
display: flex;
gap: 0.6rem;
}
body > header .voci-menu .container .languages .lang-sel li a {
opacity: 0.5;
}
body > header .voci-menu .container .languages .lang-sel li.current a,
body > header .voci-menu .container .languages .lang-sel li:hover a {
opacity: 1;
}
body > header .voci-menu .container .languages .lang-sel li a::before {
display: none;
}
body.single-noleggio.noleggio-cat-pacchetto.noleggio-template-noleggio-medium section#intro {
padding-bottom: 0;
}
/* -----------------------------------
==============================================================================
# BARRIERE DI SICUREZZA
==============================================================================
----------------------------------- */
/* Hero */
body.page-template-tmpl-barriere section#hero {
display: flex;
}
body.page-template-tmpl-barriere section#hero .page-title {
flex: 1;
position: relative;
display: grid;
place-items: center;
}
body.page-template-tmpl-barriere section#hero .page-title h1 {
font-size: 2.6rem;
color: white;
text-align: center;
}
/* Intro */
body.page-template-tmpl-barriere section#intro,
body.page-template-tmpl-barriere-more section#intro {
padding-top: 3rem;
padding-bottom: 0rem;
}
body.page-template-tmpl-barriere section#intro .container,
body.page-template-tmpl-barriere-more section#intro .top {
max-width: var(--container-narrow);
margin-left: auto;
margin-right: auto;
}
body.page-template-tmpl-barriere section#intro .top {
margin-bottom: 2.7rem;
}
body.page-template-tmpl-barriere-more section#intro .top {
margin-bottom: 3.9rem;
}
body.page-template-tmpl-barriere-more section#intro .top + .content {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1.875rem;
}
body.page-template-tmpl-barriere-more section#intro .content a {
background: #f7f7f7;
border-radius: 0.7rem;
}
body.page-template-tmpl-barriere-more section#intro .content .title h3 {
font-size: 1.64rem;
color: var(--accent);
margin-bottom: 1.1rem;
}
body.page-template-tmpl-barriere-more section#intro .content .excerpt {
font-size: 1.2rem;
}
body.page-template-tmpl-barriere-more section#intro .col.text {
padding: 3rem 3.7rem 3.7rem 3.7rem;
text-align: center;
}
body.page-template-tmpl-barriere-more section#intro .img-cont {
max-width: 74%;
margin: auto;
padding-top: 4rem;
}
body.page-template-tmpl-barriere section#intro .section-title {
margin-bottom: 2rem;
}
body.page-template-tmpl-barriere-more section#intro .section-title {
margin-top: 3rem;
}
body.page-template-tmpl-barriere section#intro .section-title h2,
body.page-template-tmpl-barriere-more section#intro .section-title h1 {
font-size: 2.6rem;
color: var(--accent);
}
body.page-template-tmpl-barriere-more section#personalizza,
body.single-product section#personalizza {
background: var(--accent);
color: white;
padding-top: 4.5rem;
padding-bottom: 5.1rem;
text-align: center;
margin-top: 2.55rem;
}
body.single-product section#personalizza {
margin-top: 0;
}
body.page-template-tmpl-barriere-more section#personalizza .section-title h2,
body.single-product section#personalizza .section-title h2 {
margin-bottom: 1.15rem;
font-size: 1.875rem;
}
body.page-template-tmpl-barriere-more section#personalizza .subtitle,
body.single-product section#personalizza .subtitle {
line-height: 1.4;
font-size: 1.4rem;
margin-bottom: 2.5rem;
}
body.page-template-tmpl-barriere-more section#personalizza .cta a,
body.single-product section#personalizza .cta a {
border: 1px solid white;
padding: 0.6rem 2.9rem;
border-radius: 0.7rem;
font-size: 1.4rem;
color: white;
line-height: 1.4;
transition: all 200ms ease-in-out;
}
body.page-template-tmpl-barriere-more section#personalizza .cta a:hover,
body.single-product section#personalizza .cta a:hover {
color: var(--accent);
background: white;
}
body.page-template-tmpl-barriere-more section#personalizza .cta a img,
body.single-product section#personalizza .cta a img {
display: none;
}
body.page-template-tmpl-barriere-more section#dimensioni {
background: #6c6c6c;
color: white;
padding-top: 4.5rem;
padding-bottom: 5.1rem;
text-align: center;
}
body.page-template-tmpl-barriere-more section#dimensioni .section-title h2 {
margin-bottom: 2.55rem;
font-size: 1.875rem;
}
body.page-template-tmpl-barriere-more section#dimensioni .img {
max-width: 90%;
margin: auto;
}
body.page-template-tmpl-barriere-more section#accessori {
color: var(--accent);
padding-top: 4.5rem;
padding-bottom: 5.1rem;
text-align: center;
}
body.page-template-tmpl-barriere-more section#accessori .section-title h2 {
margin-bottom: 5.29rem;
font-size: 1.875rem;
}
body.page-template-tmpl-barriere-more section#accessori .img {
background: #f7f7f7;
border-radius: 0.7rem;
}
body.page-template-tmpl-barriere-more section#accessori .img img {
mix-blend-mode: multiply;
}
body.page-template-tmpl-barriere-more section#accessori .columns {
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 2.1rem;
row-gap: 2.55rem;
}
body.page-template-tmpl-barriere-more section#accessori .title h3 {
font-size: 1.2rem;
padding-top: 0.9375rem;
}
body.page-template-tmpl-barriere section#intro .text p {
line-height: 1.33;
font-size: 1.4rem;
color: var(--grey-3);
}
/* Seconda */
body.page-template-tmpl-barriere section#seconda {
padding-top: 8.5rem;
padding-bottom: 9.5rem;
}
body.page-template-tmpl-barriere section#seconda .columns {
display: grid;
grid-template-columns: 7fr 5fr;
}
body.page-template-tmpl-barriere section#seconda .col.immagine {
display: flex;
align-items: center;
}
body.page-template-tmpl-barriere section#seconda .col.immagine .img-cont {
width: 80%;
margin: auto;
position: relative;
}
body.page-template-tmpl-barriere section#seconda .col.immagine .img-cont img {
width: 100%;
}
body.page-template-tmpl-barriere section#seconda .col.testo {
display: flex;
align-items: center;
}
body.page-template-tmpl-barriere section#seconda .col.testo .content {
display: flex;
flex-direction: column;
gap: 4rem;
}
body.page-template-tmpl-barriere section#seconda .titoletto p,
body.page-template-tmpl-barriere section#seconda .cta a {
text-transform: uppercase;
font-weight: bold;
color: var(--grey-4);
}
body.page-template-tmpl-barriere section#seconda .titolo-corpo h2 {
font-size: 2.6rem;
line-height: 1.18;
color: var(--accent);
margin-bottom: 0.25em;
}
body.page-template-tmpl-barriere section#seconda .titolo-corpo p {
font-size: 1.4rem;
line-height: 1.33;
color: var(--grey-3);
}
body.page-template-tmpl-barriere section#seconda .cta a {
display: inline-flex;
gap: 2.5rem;
align-items: center;
line-height: 1;
}
body.page-template-tmpl-barriere section#seconda .cta a img {
width: 2em;
transition-duration: 0.3s;
}
body.page-template-tmpl-barriere section#seconda .cta a:hover img {
transform: translateX(25%);
}
/* Specifiche */
body.page-template-tmpl-barriere #specifiche,
body.page-template-tmpl-barriere-more section#perche-scegliere {
background-color: var(--grey-1);
padding-top: 6rem;
padding-bottom: 6.5rem;
}
body.page-template-tmpl-barriere #specifiche .section-title,
body.page-template-tmpl-barriere-more section#perche-scegliere .section-title {
text-align: center;
margin-bottom: 4.125rem;
}
body.page-template-tmpl-barriere #specifiche .section-title h2,
body.page-template-tmpl-barriere-more section#perche-scegliere .section-title h2 {
font-size: 2.6rem;
}
body.page-template-tmpl-barriere #specifiche .columns,
body.page-template-tmpl-barriere-more section#perche-scegliere .columns {
display: flex;
justify-content: center;
gap: 5vw;
}
body.page-template-tmpl-barriere #specifiche .columns .title,
body.page-template-tmpl-barriere-more section#perche-scegliere .columns .desc {
width: 100%;
margin: auto;
max-width: 18rem;
width: 18rem;
}
body.page-template-tmpl-barriere #specifiche .img-wrapper,
body.page-template-tmpl-barriere-more section#perche-scegliere .img-wrapper {
width: 7rem;
height: 5.6rem;
position: relative;
margin-bottom: 2.8rem;
margin-left: auto;
margin-right: auto;
}
body.page-template-tmpl-barriere #specifiche .img-wrapper img,
body.page-template-tmpl-barriere-more section#perche-scegliere .img-wrapper img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
body.page-template-tmpl-barriere #specifiche .title h3 {
text-align: center;
font-weight: bold;
font-size: 1.4rem;
}
body.page-template-tmpl-barriere #specifiche .title h4,
body.page-template-tmpl-barriere-more section#perche-scegliere .desc {
text-align: center;
font-size: 0.94rem;
line-height: 1.7;
padding-top: 1.6rem;
font-weight: normal;
}
body.page-template-tmpl-barriere-more section#perche-scegliere .columns .desc {
padding-top: 0;
}
/* Clienti */
body.page-template-tmpl-barriere section#clienti {
padding-top: 5.5rem;
padding-bottom: 6.5rem;
}
body.page-template-tmpl-barriere section#clienti .section-title {
text-align: center;
margin-bottom: 4.8rem;
}
body.page-template-tmpl-barriere section#clienti .section-title h2 {
text-transform: uppercase;
color: var(--accent);
font-size: 1.875rem;
}
/* Notizie */
/* Notizie */
body.page-template-tmpl-barriere section#notizie {
padding-top: 6rem;
padding-bottom: 6rem;
background-color: var(--grey-1);
}
body.page-template-tmpl-barriere section#notizie .top-bar {
display: flex;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 2rem;
}
body.page-template-tmpl-barriere section#notizie .top-bar .section-title h2 {
font-size: 2.1rem;
color: var(--accent);
line-height: 1;
}
body.page-template-tmpl-barriere section#notizie .top-bar .cta a {
color: var(--accent);
text-transform: uppercase;
text-decoration: underline;
font-weight: bold;
}
body.page-template-tmpl-barriere section#notizie .articoli {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 1.875rem;
}
body.page-template-tmpl-barriere section#notizie .articoli .single-notizia {
position: relative;
}
body.page-template-tmpl-barriere section#notizie .articoli .single-notizia a {
display: block;
}
body.page-template-tmpl-barriere section#notizie .articoli .single-notizia .data {
margin-bottom: 1.25rem;
}
body.page-template-tmpl-barriere section#notizie .articoli .single-notizia .img {
width: 100%;
position: relative;
padding-bottom: 66.66%;
margin-bottom: 1.5rem;
}
body.page-template-tmpl-barriere section#notizie .articoli .single-notizia .img img {
position: absolute;
height: 100%;
width: 100%;
border-radius: 0.7rem;
object-fit: cover;
object-position: center;
}
body.page-template-tmpl-barriere section#notizie .articoli .single-notizia .bottom-text {
padding-right: 10%;
}
body.page-template-tmpl-barriere section#notizie .articoli .single-notizia .bottom-text .title {
margin-bottom: 1rem;
}
body.page-template-tmpl-barriere section#notizie .articoli .single-notizia .bottom-text .title .h3 {
line-height: 1.333;
}
/* Barriere */
body.page-template-tmpl-barriere #barriere {
padding-top: 6rem;
padding-bottom: 6.5rem;
}
body.page-template-tmpl-barriere #barriere .section-title {
text-align: center;
margin-bottom: 4.125rem;
}
body.page-template-tmpl-barriere #barriere .section-title h2 {
font-size: 2.6rem;
color: var(--accent);
}
body.page-template-tmpl-barriere #barriere .barriere {
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: 1.875rem;
row-gap: 4.1rem;
}
body.page-template-tmpl-barriere #barriere .barriere .single-barriera img {
min-height: 18vw;
object-fit: cover;
border-radius: 0.7rem;
}
body.page-template-tmpl-barriere #barriere .barriere .single-barriera h3 {
font-size: 1.875rem;
margin-top: 1.92rem;
color: var(--accent);
margin-bottom: 1.21rem;
}
body.page-template-tmpl-barriere #barriere .barriere .single-barriera .text {
line-height: 1.7;
font-size: 0.94rem;
}
body.single-barriere section#main {
padding-top: 2.7rem;
padding-bottom: 6.5rem;
}
body.single-barriere section#main p,
body.single-barriere section#final p {
color: var(--grey-3);
}
body.single-barriere section#main .container,
body.single-barriere section#final .container {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-column-gap: 1.875rem;
}
body.single-barriere section#main .container > *,
body.single-barriere section#final .container > * {
grid-column: 3/11;
}
body.single-barriere section#main .top-bar {
display: flex;
gap: 2rem;
justify-content: space-between;
margin-bottom: 2.4rem;
}
body.single-barriere section#main .top-bar .category a {
text-transform: uppercase;
font-weight: bold;
color: var(--accent);
}
body.single-barriere section#main .post-title {
margin-bottom: 2.34rem;
}
body.single-barriere section#main .post-title h1 {
font-size: 2.6rem;
color: var(--accent);
line-height: 1.18;
}
body.single-barriere section#main .post-data {
margin-bottom: 1.5rem;
}
body.single-barriere section#main .post-data p {
font-weight: bold;
line-height: 1.25;
text-transform: uppercase;
}
body.single-barriere section#main .desc {
line-height: 1.4;
}
body.single-barriere section#main .subtitle h3 {
font-size: 1.4rem;
color: var(--accent);
line-height: 1.4;
margin-bottom: 1.8rem;
}
body.single-barriere section#main .subdesc {
font-size: 1.4rem;
line-height: 1.4;
}
body.single-barriere section#main .img {
margin-top: 5.2rem;
margin-bottom: 5.2rem;
}
body.single-barriere section#main img {
border-radius: 0.7rem;
}
body.single-barriere section#main .post-content p:not(:last-of-type) {
margin-bottom: 1.5rem;
}
body.single-barriere section#main .post-content figure {
margin-top: 4.5rem;
margin-bottom: 4.5rem;
border-radius: 0.7rem;
overflow: hidden;
}
body.single-barriere section#gallery {
padding-top: 6.56rem;
padding-bottom: 6.56rem;
background-color: var(--grey-1);
overflow: hidden;
}
body.single-barriere section#gallery .section-title {
margin-bottom: 2.2rem;
}
body.single-barriere section#gallery .section-title h2 {
color: var(--accent);
font-size: 1.875rem;
}
body.single-barriere section#gallery .swiper {
max-width: var(--container);
padding-left: 2rem;
padding-right: 2rem;
overflow: visible;
}
body.single-barriere section#gallery .swiper .swiper-slide .img-cont img {
border-radius: 0.7rem;
}
body.single-barriere section#gallery .swiper .swiper-slide {
width: auto;
}
body.single-barriere section#gallery .swiper .swiper-slide div img {
width: auto;
height: 400px;
}
body.single-barriere section#brochure,
body.page-template-tmpl-barriere-more section#brochure {
margin-top: 6.75rem;
margin-bottom: 6.75rem;
text-align: center;
}
body.single-barriere section#brochure .cta a,
body.page-template-tmpl-barriere-more section#brochure .cta a {
border: 1px solid var(--accent);
padding: 0.6rem 2.9rem;
border-radius: 0.7rem;
font-size: 1.4rem;
color: var(--accent);
line-height: 1.4;
transition: all 200ms ease-in-out;
}
body.page-template-tmpl-landing header .voci-menu .container {
align-items: center;
}
body:not(.page-template-tmpl-landing) header .voci-menu .whatsapp {
display: none !important;
}
body.page-template-tmpl-landing .whatsapp p {
display: flex;
justify-content: flex-end;
}
body.page-template-tmpl-landing .whatsapp a {
white-space: nowrap;
display: flex;
align-items: center;
background-color: var(--accent);
border-radius: 2rem;
padding: 0.6rem 1.5rem;
gap: 0.9rem;
}
body.page-template-tmpl-landing .whatsapp svg {
max-width: 2rem;
min-width: 1.8rem;
height: auto;
color: white;
}
body.page-template-tmpl-landing .whatsapp span {
color: white;
}
body.page-template-tmpl-landing > header .voci-menu .container:before {
content: "";
flex: 1;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.full-image .whatsapp p {
justify-content: center;
margin-top: 2rem;
}
body.page-template-tmpl-landing header .whatsapp {
flex: 1;
}
body.single-barriere section#brochure .cta a:hover,
body.page-template-tmpl-barriere-more section#brochure .cta a:hover {
background: var(--accent);
color: white;
}
body.single-barriere section#brochure .cta a img,
body.page-template-tmpl-barriere-more section#brochure .cta a img {
display: none;
}
body.single-barriere section#products {
margin-bottom: 6.75rem;
}
body header .product-list {
row-gap: 0 !important;
}
body.single-barriere .product-list {
display: grid;
gap: 1.875rem;
}
body.single-barriere .single-product {
background-color: var(--grey-1);
border-radius: 0.7rem;
max-width: 34rem;
margin: auto;
}
body.single-barriere .single-product .columns {
display: grid;
grid-template-columns: 1fr 1.25fr;
grid-column-gap: 2.5rem;
}
body.single-barriere .single-product .columns .col {
display: flex;
}
body.single-barriere .single-product .columns .col > * {
flex: 1;
}
body.single-barriere .single-product .col.immagine {
display: flex;
align-items: center;
}
body.single-barriere .single-product .col.immagine .img-cont img {
height: 100%;
width: 90%;
max-height: 300px;
margin-left: auto;
object-fit: contain;
object-position: center;
}
body.single-barriere .single-product .col.text .content {
padding-top: 4.25rem;
padding-bottom: 4rem;
padding-right: 2rem;
}
body.single-barriere .single-product .col.text .content .title {
margin-bottom: 0.5rem;
}
body.single-barriere .single-product .col.text .content .title h3 {
font-size: 1.875rem;
}
body.single-barriere .single-product .col.text .content .excerpt {
margin-bottom: 4.5rem;
margin-top: 1.2rem;
}
body.single-barriere .single-product .col.text .content .cta a {
display: flex;
justify-content: space-between;
gap: 2.5rem;
align-items: center;
line-height: 1;
text-transform: uppercase;
font-weight: bold;
}
body.single-barriere .single-product .col.text .content .cta a img {
width: 2em;
transition-duration: 0.3s;
}
body.single-barriere .single-product .col.text .content .cta a:hover img {
transform: translateX(25%);
}
body.single-product #barriere {
padding-top: 4.125rem;
padding-bottom: 6.5rem;
background: #f7f7f7;
}
body.single-product #barriere .section-title {
text-align: center;
margin-bottom: 4.125rem;
}
body.single-product #barriere .section-title h2 {
font-size: 2.6rem;
color: var(--accent);
}
body.single-product #barriere .barriere {
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 1.875rem;
row-gap: 4.1rem;
}
body.single-product #barriere .barriere .single-barriera img {
min-height: 14vw;
object-fit: cover;
border-radius: 0.7rem;
}
body.single-product #barriere .barriere .single-barriera h3 {
font-size: 1.4rem;
margin-top: 1.1rem;
color: var(--accent);
margin-bottom: 1.21rem;
}
body.single-product #barriere .barriere .single-barriera .text {
line-height: 1.7;
font-size: 0.94rem;
}
body.woocommerce div.product p.stock.out-of-stock {
margin-top: 2rem;
margin-bottom: 2rem;
}
body.single-notizia section#main .post-content .wp-video {
width: 100% !important;
margin-bottom: 3rem;
}
body.single-notizia section#main .post-content .wp-video-shortcode {
width: 100% !important;
height: 100% !important;
min-height: 600px !important;
}
body.single-notizia section#main .post-content .wp-video-shortcode video,
.mejs-overlay.mejs-layer.mejs-overlay-play {
width: 100% !important;
height: 100% !important;
}
body.archive.term-barriera section#why-choose {
display: none;
}
body.archive.term-barriera section#archive-shop {
padding-bottom: 9rem;
}
@keyframes bounceIn {
0% {
opacity: 0;
transform: scale(0.3);
}
50% {
opacity: 1;
transform: scale(1.4);
}
70% {
transform: scale(0.9);
}
100% {
transform: scale(1);
}
}
@media (min-width: 768px) and (max-width: 1200px) {
body footer .contact-boxes .single-box {
padding: 4.17rem 2rem;
}
body.page-template-tmpl-consulenza-contatti section#main .col.desc {
padding-left: 0;
padding-right: 1rem;
}
form#simple-contant-form .inputs-wrapper .single-input {
width: 100%;
}
form#simple-contant-form .inputs-wrapper {
display: flex;
flex-wrap: wrap;
}
body.page-template-tmpl-consulenza-contatti section#main .col.desc .page-title {
max-width: 100%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body.single-product #main .single-product-content .entry-summary {
padding-left: 1rem;
}
body > header .voci-menu .logo img {
width: 11rem;
}
body.home section#products .boxes,
body.page-template-tmpl-noleggio section#single-products .boxes,
body.archive section#archive-shop .boxes {
grid-template-columns: repeat(1, 1fr);
}
.text-img-sections .single-section.img-left .columns .col.img img,
.text-img-sections .single-section.img-right .columns .col.img img {
min-height: 24rem;
object-fit: cover;
}
body.woocommerce-checkout #checkout-payment h3,
body.woocommerce-checkout #order_review {
padding-left: 2rem;
}
}
@media (min-width: 768px) {
header .languages.only-mobile {
display: none;
}
.only-mobile,
body.single-product .additional-content.only-mobile,
body.single-noleggio .additional-content.only-mobile {
display: none;
}
}
@media (max-width: 767px) {
.only-desktop,
body.single-product .additional-content.only-desktop,
body.single-noleggio .additional-content.only-desktop {
display: none;
}
body.archive.term-barriera section#archive-shop {
padding-bottom: 5rem;
}
body .woo-variation-gallery-thumbnail-position-bottom-bottom .woo-variation-gallery-container .woo-variation-gallery-slider-wrapper,
body .woo-variation-gallery-wrapper .woo-variation-gallery-slider,
body .woo-variation-gallery-wrapper .woo-variation-gallery-slider .slick-list,
body .woo-variation-gallery-wrapper .woo-variation-gallery-slider .slick-track,
body .woo-variation-gallery-wrapper .woo-variation-gallery-slider .slick-slide div,
body .woo-variation-gallery-wrapper .woo-variation-gallery-slider img {
min-height: 87vw;
}
body.single-product #main .single-product-content .woocommerce-product-gallery img,
body.single-product #main .single-product-content .woo-variation-product-gallery img {
max-width: 90vw;
}
body.single-product #main .single-product-content .woocommerce-product-gallery,
body.single-product #main .single-product-content .woo-variation-product-gallery,
body.single-product #main .single-product-content .entry-summary,
body.single-product #main .single-product-content .main-images-content {
width: 100%;
min-width: 100%;
float: none;
margin-bottom: 0;
}
body.single-product div.product form.cart .variation-radios .variation-radio {
flex: unset;
width: 100%;
}
header .languages.only-desktop {
display: none;
}
.container {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.full-height-menu {
min-height: 50vh;
}
body.home section#seconda,
body.home section#noleggio,
body.home section#notizie,
body.home section#clienti,
body.page-template-tmpl-chi-siamo section#intro,
body.page-template-tmpl-noleggio section#intro,
body.page-template-tmpl-noleggio section#noleggio,
body.single-noleggio.noleggio-cat-pacchetto section#intro,
body.single-noleggio.noleggio-cat-pacchetto section#finale,
body.page-template-tmpl-barriere section#clienti,
body.page-template-tmpl-barriere section#notizie {
padding-top: 4rem;
padding-bottom: 4rem;
}
body.page-template-tmpl-barriere #specifiche,
body.page-template-tmpl-barriere-more section#perche-scegliere {
padding-top: 4rem;
padding-bottom: 5rem;
}
body.single-noleggio.noleggio-cat-pacchetto section#configuratore .step.form form .submit input[type="submit"] {
font-size: 1rem;
}
body.single-noleggio.noleggio-cat-pacchetto section#configuratore .step.buttons-big .options .single-option .option-wrapper {
display: flex;
}
body.single-noleggio.noleggio-cat-pacchetto section#configuratore .step.buttons-big .options .single-option .option-wrapper .img {
max-width: 35%;
min-width: 35%;
}
body > header .voci-menu .container .icons {
margin-right: 0;
}
body.single-noleggio.noleggio-cat-pacchetto section#configuratore .step.form form .submit input[type="submit"] {
padding-left: 3.5rem;
padding-right: 3.5rem;
}
body.single-noleggio.noleggio-cat-pacchetto section#configuratore .step.check .options .single-option .value .box {
width: 1.5rem;
height: 1.5rem;
border-radius: 0.5rem;
}
body.single-noleggio.noleggio-cat-pacchetto section#configuratore .step.check .options .single-option .value p {
margin-bottom: 0;
font-size: 1.2rem;
}
body.single-product #main .single-product-content .woocommerce-product-gallery,
body.single-product #main .single-product-content .entry-summary {
min-width: 100%;
max-width: 100%;
}
body.single-product #main .single-product-content .container {
flex-wrap: wrap;
}
body.page-template-tmpl-chi-siamo section#text-section {
padding-top: 4rem;
padding-bottom: 4rem;
}
body.page-template-tmpl-chi-siamo section#immagini-testo {
padding-top: 4.5rem;
padding-bottom: 3.8rem;
}
body.page-template-tmpl-noleggio section#immagini-testo {
padding-bottom: 2.5rem;
padding-top: 5rem;
}
body.page-template-tmpl-noleggio section#why-choose .section-title,
body.archive section#why-choose .section-title,
body.single-product .related .single-product .section-title {
margin-bottom: 4rem;
}
body.page-template-tmpl-barriere #specifiche .img-wrapper,
body.page-template-tmpl-barriere-more section#perche-scegliere .img-wrapper {
margin-bottom: 2rem;
}
body.single-notizia section#main .post-content .wp-video {
width: 100% !important;
margin-bottom: 3rem;
}
body.single-notizia section#main .post-content .wp-video-shortcode {
width: 100% !important;
height: 100% !important;
min-height: 400px !important;
}
body.single-notizia section#main .post-content .wp-video-shortcode video {
width: 100% !important;
height: 100% !important;
}
body.page-template-tmpl-barriere #specifiche .title h4,
body.page-template-tmpl-barriere-more section#perche-scegliere .desc {
padding-top: 1.1rem;
}
body.page-template-tmpl-noleggio section#why-choose .columns,
body.archive section#why-choose .columns,
body.single-product .related .single-product .columns,
body.page-template-tmpl-barriere #specifiche .columns,
body.page-template-tmpl-barriere-more section#perche-scegliere .columns {
gap: 3rem;
flex-direction: column;
}
body.archive section#why-choose .img-wrapper,
body.single-product .related .single-product .img-wrapper {
margin: auto;
margin-bottom: 1rem;
}
body.home section#products {
padding-top: 4rem;
padding-bottom: 5rem;
}
body.page-template-tmpl-noleggio section#why-choose,
body.archive section#why-choose {
padding-top: 4rem;
padding-bottom: 4.5rem;
}
body.home section#seconda .col.testo .content {
gap: 2rem;
}
body.home section#seconda .columns {
grid-row-gap: 4rem;
}
body.home section#noleggio .section-title h2,
body.home section#products .boxes .single-product .col.text .content .title h3,
body.page-template-tmpl-noleggio section#noleggio .section-title h2,
body.page-template-tmpl-noleggio section#single-products .boxes .single-product .col.text .content .title h3,
body.archive section#archive-shop .boxes .single-product .col.text .content .title h3,
body.single-product .related h2,
body.woocommerce-account .login-form-container h2,
body.woocommerce-account .register-form-container h2,
body.woocommerce-account .register-section h3,
body.woocommerce-account .login-section h3,
body.woocommerce-lost-password .woocommerce-ResetPassword h2,
body .sent-email h3,
body.woocommerce-account .woocommerce-MyAccount-content h1,
body.single-product div.product p.price,
body.single-product div.product span.price,
body.woocommerce-checkout .woocommerce-billing-fields h3,
footer main .footer-title h3,
body.single-noleggio.noleggio-cat-pacchetto section#configuratore .step .step-title h3,
body.single-noleggio.noleggio-cat-pacchetto section#finale .section-title h2,
body.page-template-tmpl-barriere-more section#personalizza .section-title h2,
body.single-product section#personalizza .section-title h2,
body.page-template-tmpl-barriere section#intro .section-title h2,
body.page-template-tmpl-barriere-more section#intro .section-title h1,
body.page-template-tmpl-barriere-more section#intro .content .title h3,
body.page-template-tmpl-barriere-more section#dimensioni .section-title h2,
body.page-template-tmpl-barriere-more section#accessori .section-title h2,
body.single-barriere .single-product .col.text .content .title h3 {
font-size: 1.5rem;
}
body.single-barriere .single-product .col.text .content .excerpt {
margin-bottom: 2.5rem;
}
body.page-template-tmpl-barriere-more section#accessori .section-title h2 {
margin-bottom: 4.5rem;
}
body.page-template-tmpl-barriere-more section#accessori .title h3 {
font-size: 1rem;
}
body.page-template-tmpl-barriere-more section#accessori .columns {
grid-template-columns: repeat(2, 1fr);
}
body.single-product #specifiche .columns {
display: flex;
gap: 3rem;
flex-direction: column;
}
body.home section#products .section-title h2,
body.page-template-tmpl-chi-siamo section#intro .section-title h2,
body.page-template-tmpl-noleggio section#intro .section-title h2,
body.page-template-tmpl-noleggio section#single-products .section-title h2,
body.single-product .single-product-content .entry-summary h1,
body.page-template-tmpl-blog section#hero .page-title h1,
body.category section#hero .page-title h1,
body.tag section#hero .page-title h1,
body.single-noleggio.noleggio-cat-pacchetto section#intro .section-title h2,
body.single-noleggio.noleggio-cat-pacchetto section#info .titolo-corpo h2,
body.single-product #barriere .section-title h2,
body.page-template-tmpl-barriere #specifiche .section-title h2,
body.page-template-tmpl-barriere-more section#perche-scegliere .section-title h2,
body.page-template-tmpl-barriere #barriere .section-title h2,
body.page-template-tmpl-barriere section#hero .page-title h1,
body.page-template-tmpl-barriere section#notizie .top-bar .section-title h2,
body.home section#notizie .top-bar .section-title h2,
body.single-barriere section#main .post-title h1 {
font-size: 2rem;
}
body.single-barriere section#main .img {
margin-top: 4rem;
margin-bottom: 4rem;
}
body.single-barriere section#main .container,
body.single-barriere section#final .container {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-column-gap: 1.875rem;
}
body.single-barriere section#main .container > *,
body.single-barriere section#final .container > * {
grid-column: unset;
}
body.page-template-tmpl-barriere section#intro .text p,
body.page-template-tmpl-barriere section#seconda .titolo-corpo p {
font-size: 1.1rem;
}
body.page-template-tmpl-barriere section#seconda .columns {
grid-template-columns: 1fr;
grid-row-gap: 4rem;
}
body.page-template-tmpl-barriere-more section#intro .top + .content {
grid-template-columns: 1fr;
}
body.page-template-tmpl-barriere section#seconda {
padding-top: 5.5rem;
padding-bottom: 5.5rem;
}
body.single-noleggio.noleggio-cat-pacchetto section#info .titolo-corpo h2 {
margin-bottom: 2rem;
}
body.single-product #specifiche .section-title {
margin-bottom: 4rem;
}
body.single-product #main .single-product-content {
padding-bottom: 0rem;
}
body.single-product #specifiche .img-wrapper {
margin-bottom: 1rem;
}
body.home section#noleggio .boxes .single-event .event-title h3,
body.page-template-tmpl-noleggio section#noleggio .boxes .single-event .event-title h3,
body.page-template-tmpl-barriere-more section#personalizza .subtitle,
body.single-product section#personalizza .subtitle,
body.page-template-tmpl-barriere-more section#personalizza .cta a,
body.single-product section#personalizza .cta a,
body.page-template-tmpl-barriere #barriere .barriere .single-barriera h3,
body.single-barriere section#brochure .cta a,
body.page-template-tmpl-barriere-more section#brochure .cta a,
body.page-template-tmpl-barriere #specifiche .title h3,
body.single-barriere section#main .subtitle h3,
body.single-barriere section#main .subdesc {
font-size: 1.3rem;
}
body.single-barriere section#brochure,
body.page-template-tmpl-barriere-more section#brochure {
margin-top: 5.75rem;
margin-bottom: 5.75rem;
text-align: center;
}
body.single-barriere section#main {
padding-bottom: 4.5rem;
}
body.single-barriere section#gallery .swiper .swiper-slide div img {
height: 200px;
}
body.single-barriere section#gallery {
padding-top: 4rem;
padding-bottom: 4.5rem;
}
body.page-template-tmpl-barriere #barriere .barriere {
grid-template-columns: repeat(1, 1fr);
}
body.home section#products .boxes .single-product .col.text .content .excerpt,
body.archive section#archive-shop .boxes .single-product .col.text .content .excerpt {
margin-bottom: 2.5rem;
}
body.archive section#archive-shop .boxes .single-product .col.text .content,
body.single-product .related .single-product .col.text .content {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
padding-right: 2.5rem;
padding-left: 2.5rem;
}
body.single-barriere .single-product .columns {
grid-template-columns: 1fr;
grid-row-gap: 1.45rem;
padding-top: 2.5rem;
}
body.single-barriere .single-product .col.text .content {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
padding-right: 2.5rem;
padding-left: 2.5rem;
}
body.single-product #barriere {
margin-top: 4.125rem;
padding-bottom: 4.5rem;
}
body > header .voci-menu ul#menu-menu-principale li.with-sub-voices:hover,
body > header .voci-menu ul#menu-menu-principale li.with-sub-voices.active {
background-color: transparent !important;
}
body.single-product #barriere .barriere {
grid-template-columns: repeat(1, 1fr);
}
body.single-product #barriere .barriere .single-barriera img,
body.page-template-tmpl-barriere #barriere .barriere .single-barriera img {
min-height: 52vw;
}
body.home section#products .boxes .single-product .col.immagine .img-cont img,
body.page-template-tmpl-noleggio section#single-products .boxes .single-product .col.immagine .img-cont img,
body.archive section#archive-shop .boxes .single-product .col.immagine .img-cont img,
body.single-product .related .single-product .col.immagine .img-cont img,
body.single-barriere .single-product .col.immagine .img-cont img {
height: auto;
width: 80%;
margin: auto;
padding-right: 2.5rem;
padding-left: 2.5rem;
padding-top: 2rem;
}
body.home section#clienti .img-cont img,
body footer .contact-boxes .single-box {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
footer main .footer-title,
body.page-template-tmpl-noleggio section#single-products .boxes .single-product .col.text .content .excerpt,
body.single-product .related .single-product .col.text .content .excerpt {
margin-bottom: 2.8rem;
}
footer main .columns .col.col-1 {
margin-top: 2.8rem;
}
body > header .hb {
left: 0rem;
}
body > header .voci-menu .icons {
right: 1.5rem;
}
body.home section#notizie .top-bar {
margin-bottom: 4rem;
}
.text-img-sections .single-section.img-left .col.text-content .content-wrapper,
.text-img-sections .single-section.img-right .col.text-content .content-wrapper {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
body.page-template-tmpl-noleggio section#immagini-testo .text-img-sections {
gap: 2.5rem;
}
.text-img-sections .single-section .col.text-content .content {
max-width: 100%;
}
.text-img-sections .single-section .col.img {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
body.single-product .woocommerce-price-suffix {
font-size: 0.9rem;
}
.text-img-sections .single-section.img-left .columns .col.img img,
.text-img-sections .single-section.img-right .columns .col.img img {
border-radius: 0.7rem;
max-width: 100%;
}
body.page-template-tmpl-chi-siamo section#text-section .content h3,
body.page-template-tmpl-chi-siamo section#text-section .content p,
body.home section#seconda .titolo-corpo p,
body.single-noleggio.noleggio-cat-pacchetto section#info .titolo-corpo p {
font-size: 1.2rem;
}
body.single-notizia section#gallery .swiper .swiper-slide div img {
height: 200px;
}
body.single-notizia section#main {
padding-bottom: 4.5rem;
}
body.single-notizia section#gallery .swiper {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
body.single-notizia section#notizie {
padding-top: 4.3rem;
}
body.single-notizia section#notizie .articoli {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-column-gap: 1.875rem;
}
body.single-notizia section#final {
padding-top: 4.5rem;
padding-bottom: 3.7rem;
}
body.page-template-tmpl-chi-siamo section#gallery,
body.page-template-tmpl-noleggio section#single-products,
body.single-notizia section#gallery {
padding-top: 4rem;
padding-bottom: 5rem;
}
body.archive section#archive-shop .boxes,
body.single-noleggio.noleggio-cat-pacchetto.noleggio-template-noleggio-medium section#configuratore .step.buttons-super-big .options {
grid-template-columns: repeat(1, 1fr);
}
body.archive section#archive-shop .boxes .single-product .columns {
grid-template-columns: 1fr;
grid-row-gap: 1.45rem;
}
body.archive section#archive-shop header h1 {
font-size: 1.5rem;
padding-bottom: 4rem;
padding-top: 1.8rem;
}
body.single-product .related {
padding-bottom: 4.5rem;
}
body.single-product div.product form.cart .variation-radios,
body.single-product div.product.product-type-simple form.cart {
flex-wrap: wrap;
gap: 1rem;
}
body.single-product div.product form.cart .variation-radios label {
flex: unset;
width: 100%;
}
body.archive section#why-choose .section-title h2,
body.single-product .related .single-product .col.text .content .title h3,
body.single-product #specifiche .section-title h2 {
font-size: 1.8rem;
}
body.single-product .related h2 {
padding-top: 4rem;
}
body.single-product #specifiche {
padding-top: 4rem;
padding-bottom: 4.5rem;
margin-top: 4.5rem;
}
body.archive section#archive-shop {
padding-bottom: 4.8rem;
}
body.single-product #main .single-product-content .container {
grid-template-columns: repeat(1, 1fr);
}
body.single-product #main .single-product-content .woocommerce-product-gallery {
padding-top: 2.5rem;
max-width: 80%;
margin: auto;
}
body.single-product #main .single-product-content .entry-summary {
padding-left: 0;
padding-top: 2rem;
}
body.single-product div.product.product-type-simple form.cart:not(.variations_form) {
padding-top: 1.8rem;
}
body.single-product #main .single-product-content .main-images-content .play svg,
body.single-noleggio:not(.noleggio-cat-pacchetto) section#main .columns > .col .play svg,
body.page-template-tmpl-landing div#landing-page section.landing-row.text-image .columns.text-left .img-wrapper .play svg {
width: 6rem !important;
}
body.single-noleggio:not(.noleggio-cat-pacchetto) section#main .columns > .col .product-img img,
body .woo-variation-gallery-wrapper .woo-variation-gallery-slider .slick-slide img {
height: 21rem;
}
body.single-product .related .single-product .columns {
grid-template-columns: 1fr;
grid-row-gap: 1.45rem;
}
body.woocommerce-account .woocommerce-form-login .login-form-fields,
body.woocommerce-account .woocommerce-form-register .register-form-fields,
body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content form.modifica-spedizione-fatturazione .woocommerce-address-fields__field-wrapper,
body.woocommerce-account .row-2-account {
grid-template-columns: repeat(1, 1fr);
}
body.woocommerce-account .transenne-account-container {
flex-wrap: wrap;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li {
padding-bottom: 1.2rem;
display: inline-block;
padding-right: 2.5rem;
}
body.woocommerce-account .woocommerce-MyAccount-navigation {
padding-right: 0;
min-width: 100%;
}
body.woocommerce-account .woocommerce-MyAccount-content {
padding-top: 2rem;
}
body.woocommerce-account .woocommerce-MyAccount-navigation h3 {
padding-bottom: 1.2rem;
}
body .woocommerce .woocommerce-info,
body .woocommerce .woocommerce-message {
display: flex;
flex-wrap: wrap;
}
body .woocommerce .woocommerce-info a,
body .woocommerce .woocommerce-message a {
width: 100%;
margin-bottom: 0;
text-align: center;
order: 3;
margin-top: 10px;
}
body.archive.category section#hero,
body.page-template-tmpl-blog section#hero,
body.category section#hero,
body.tag section#hero,
body.single-noleggio.noleggio-cat-pacchetto section#info,
body.page-template-tmpl-barriere #barriere {
padding-top: 4rem;
padding-bottom: 4rem;
}
body.single-noleggio.noleggio-cat-pacchetto section#info .columns {
grid-row-gap: 4rem;
}
body.page-template-tmpl-blog section#categories,
body.category section#categories,
body.tag section#categories {
padding-bottom: 5.6rem;
}
body.page-template-tmpl-blog section#categories .categories .single-category .top-bar,
body.category section#categories .single-category .top-bar,
body.tag section#categories .single-category .top-bar {
flex-direction: column;
gap: 1rem;
align-items: center;
margin-bottom: 3rem;
}
body.page-template-tmpl-blog section#categories .categories .single-category .articles,
body.category section#categories .single-category .articles,
body.tag section#categories .single-category .articles {
grid-row-gap: 3rem;
}
body.single-notizia section#notizie .top-bar {
margin-bottom: 4rem;
flex-direction: column;
gap: 1rem;
align-items: center;
}
body.single-notizia section#notizie .articoli {
gap: 3rem;
}
body.woocommerce-cart table.cart tbody .cart_item td.product-quantity .quantity {
margin-left: auto;
}
.woocommerce table.shop_table_responsive tr:nth-child(2n) td,
.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
background: rgba(0, 0, 0, 0);
}
body.woocommerce-cart table.cart td {
display: flex;
align-items: center;
}
body.woocommerce-cart table.cart td.product-thumbnail {
display: block;
}
body.woocommerce-cart table.cart td.product-remove {
margin-top: 1rem;
}
body.woocommerce-cart section#main-index-content {
padding-top: 4rem;
padding-bottom: 4rem;
}
body.woocommerce-cart table.cart tbody .cart_item:nth-child(1) td.product-remove {
margin-top: 0;
padding-top: 0;
}
body.woocommerce-cart table.cart td a,
body.woocommerce-cart table.cart td span {
margin-left: auto;
}
body.single-notizia section#main .post-content {
word-wrap: break-word;
white-space: pre-wrap;
word-break: break-word;
display: flex;
flex-wrap: wrap;
}
body.woocommerce-cart table.cart tbody .cart_item:nth-child(1) td {
border-top: 0;
}
body.woocommerce-cart table.cart tbody .cart_item td.product-name {
width: 100%;
}
body.woocommerce-cart .woocommerce-cart-form {
min-width: 100%;
}
body.woocommerce-cart #main-index-content .container {
display: flex;
padding-bottom: 1.5rem;
flex-wrap: wrap;
row-gap: 1rem;
}
body.woocommerce-checkout .checkout-fields-container #customer_details {
max-width: 100%;
min-width: 100%;
padding-right: 0;
}
body.woocommerce-checkout .woocommerce-billing-fields .form-row#billing_first_name_field,
body.woocommerce-checkout .woocommerce-billing-fields .form-row#billing_address_1_field,
body.woocommerce-checkout .woocommerce-billing-fields .form-row#billing_phone_field,
body.woocommerce-checkout .woocommerce-shipping-fields .form-row#shipping_first_name_field,
body.woocommerce-checkout .woocommerce-shipping-fields .form-row#shipping_address_1_field,
body.woocommerce-checkout .woocommerce-shipping-fields .form-row#shipping_phone_field,
body.woocommerce-checkout .woocommerce-billing-fields .form-row#billing_last_name_field,
body.woocommerce-checkout .woocommerce-billing-fields .form-row#billing_postcode_field,
body.woocommerce-checkout .woocommerce-billing-fields .form-row#billing_email_field,
body.woocommerce-checkout .woocommerce-shipping-fields .form-row#shipping_last_name_field,
body.woocommerce-checkout .woocommerce-shipping-fields .form-row#shipping_postcode_field,
body.woocommerce-checkout .woocommerce-shipping-fields .form-row#shipping_email_field {
width: 100%;
float: none;
clear: none;
}
body.woocommerce-cart .cart-collaterals {
padding-left: 0;
}
body.woocommerce-checkout .checkout-fields-container {
flex-wrap: wrap;
}
body.woocommerce-order-received ul.order_details {
margin-bottom: 1.5rem;
margin-top: 1.8rem;
display: grid;
gap: 1rem;
}
body.woocommerce-order-received .woocommerce-order p,
body.woocommerce-order-received .woocommerce-order li {
font-size: 0.9rem;
padding: 0;
border: 0;
}
body.woocommerce-order-received .woocommerce-order .woocommerce-customer-details .woocommerce-column--shipping-address h2,
body.woocommerce-account.woocommerce-view-order .woocommerce-column--shipping-address h2.woocommerce-column__title {
padding-top: 3rem;
}
body.woocommerce-checkout table.shop_table.order_details tbody tr td:last-child,
body.woocommerce-checkout table.shop_table.order_details thead tr th:last-child,
body.woocommerce-checkout table.shop_table.order_details tfoot tr td {
text-align: right;
}
body.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-table {
border-spacing: 0;
margin-left: 0;
width: 100%;
padding-top: 2rem;
margin-bottom: 9px;
border: 0;
padding-left: 0;
padding-right: 0;
}
body.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-table thead tr th:nth-child(1) {
width: 70%;
}
body.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-table thead tr th:nth-child(2),
body.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-table tbody tr td:nth-child(2),
body.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-table tfoot tr td:nth-child(2) {
text-align: right;
}
body.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-table td.woocommerce-table__product-name.product-name {
padding-right: 1rem;
}
body.woocommerce-account .transenne-account-container {
padding-bottom: 4.5rem;
}
body > header {
position: fixed;
background: white;
}
body > header .voci-menu .icons li.cart a span.cart-contents-count {
right: -0.7em;
bottom: -0.7em;
width: 1.4em;
height: 1.4em;
}
body.woocommerce-checkout .checkout-fields-container #checkout-payment:before {
border-radius: 0.7rem;
width: 100%;
margin-top: 2.3rem;
}
body.woocommerce-checkout #checkout-payment h3 {
padding-left: 2rem;
padding-right: 2rem;
padding-top: 3rem;
font-size: 1.5rem;
padding-bottom: 1.65rem;
position: relative;
z-index: 1;
}
body.woocommerce-checkout .woocommerce-shipping-fields h3 label input,
body.woocommerce-checkout .custom-question-field-wrapper #custom_question_field_field input,
body.woocommerce-checkout .custom-question-field-wrapper input {
width: 1rem;
}
body.woocommerce-checkout .custom-invoice-value input,
body.woocommerce-checkout .custom-question-field-wrapper .form-row#custom_question_field_field input {
padding: 0;
}
body.woocommerce-checkout .custom-question-field-wrapper .form-row#custom_question_field_field .woocommerce-input-wrapper label {
padding-right: 3rem;
width: auto;
}
body.woocommerce-checkout .checkout-fields-container #checkout-payment {
min-width: 100%;
padding-left: 0;
padding-bottom: 3rem;
position: relative;
}
body.woocommerce-account .register-section a,
body.woocommerce-account .login-section a {
line-height: 1.4;
}
body.woocommerce-checkout #order_review {
padding-left: 1rem;
padding-right: 1rem;
}
body.woocommerce-cart .fee.transport td:before {
display: none;
}
body.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table thead tr th:nth-child(2),
body.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table tbody tr td:nth-child(2),
body.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table tfoot tr td {
padding-right: 0;
text-align: right;
}
body.single-product .leggi-piu-prodotto {
display: none;
}
body.single-product .descrizione-contenuto-prodotto {
-webkit-line-clamp: unset;
max-height: none;
}
body > header .voci-menu .logo img {
width: 98%;
margin: auto;
margin-top: 0.2rem;
}
body > header .voci-menu .container .logo-wrapper {
position: absolute;
width: calc(100% - 3rem);
top: 50%;
transform: translatey(-50%);
}
body > header .voci-menu .logo a {
display: block;
width: 60%;
margin: auto;
}
body.single-noleggio.noleggio-cat-pacchetto section#hero #form-date .cta a,
body.single-noleggio.noleggio-cat-pacchetto section#intro .cta a {
font-size: 1.2rem;
}
body.single-noleggio.noleggio-cat-pacchetto section#intro .cta a {
padding: 0.8rem 2.7rem 0.8rem;
text-align: center;
font-size: 1.1rem;
}
body.single-noleggio.noleggio-cat-pacchetto section#hero #form-date {
padding: 3rem 1.5rem;
min-width: 100%;
}
body.single-noleggio.noleggio-cat-pacchetto section#hero .container {
padding-top: 7.4vh;
}
body.single-noleggio.noleggio-cat-pacchetto section#hero #form-date .input-date .input,
body.single-noleggio.noleggio-cat-pacchetto section#hero #form-date input {
width: 100%;
}
body.single-noleggio.noleggio-cat-pacchetto section#configuratore .step {
padding-top: 4rem;
padding-bottom: 4.5rem;
}
body > header .voci-menu .voice-wrapper ul {
padding-top: 2rem;
}
body > header .voci-menu .container .languages .lang-sel {
justify-content: center;
padding-top: 3rem;
gap: 1.5rem;
padding-bottom: 1rem;
}
}
body.single-noleggio.noleggio-cat-pacchetto section#intro .section-title h1 {
font-size: 2.6rem;
color: var(--accent);
}
body.single-noleggio:not(.noleggio-cat-pacchetto) section#installazione .columns {
display: grid;
grid-template-columns: autofit;
gap: 1.875rem;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
/* -----------------------------------
==============================================================================
# PAGINA 404
==============================================================================
----------------------------------- */
body section#pagina-404 {
padding-top: 3.75rem;
padding-bottom: 4.55rem;
text-align: center;
}
body section#pagina-404 h1 {
color: var(--grey-4);
padding-bottom: 1.36rem;
font-size: 1.875rem;
font-weight: 700;
text-align: center;
}
body section#pagina-404 .cta {
padding-top: 1.5rem;
}
body section#pagina-404 .cta p {
height: 2.4rem;
border: 1px solid rgb(112, 112, 112, 0.2);
text-align: center;
width: 100%;
font-size: 0.85rem;
opacity: 1;
transition: opacity 0.3s ease-in-out;
line-height: 2.4rem;
display: inline;
}
body section#pagina-404 .cta p:hover {
opacity: 0.8;
}
body section#pagina-404 .cta p a {
color: white;
padding: 0.5rem 2rem;
background: var(--accent);
border-radius: 0.7rem;
}
@media (min-width: 768px) {
body.single-product div.product form.cart .variation-radios {
flex-wrap: wrap;
}
}
/* -----------------------------------
==============================================================================
# NEWSLETTER
==============================================================================
----------------------------------- */
body.page-template-tmpl-newsletter #mc_embed_signup form {
max-width: 35rem;
margin: auto;
padding-top: 3rem;
padding-bottom: 5rem;
}
body.page-template-tmpl-newsletter #mc_embed_signup #mc_embed_signup_scroll h2 {
font-size: 2.6rem;
font-weight: bold;
color: var(--accent);
line-height: 1.18;
margin-bottom: 2rem;
}
body.page-template-tmpl-newsletter #mc_embed_signup .mc-field-group label {
font-size: 0.7rem;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 0.35rem;
}
body.page-template-tmpl-newsletter #mc_embed_signup .mc-field-group input,
body.page-template-tmpl-newsletter #mc_embed_signup .mc-field-group select {
border: 1px solid rgba(112, 112, 112, 0.2);
border-radius: 0.7rem;
padding: 0.75rem;
line-height: 1;
background-color: transparent;
}
body.page-template-tmpl-newsletter #mc_embed_signup .mc-field-group.input-group input {
position: relative;
top: 2.5px;
}
body.page-template-tmpl-newsletter #mc_embed_signup .mc-field-group.input-group > strong {
margin-top: 0.6rem;
margin-bottom: 0.4rem;
}
body.page-template-tmpl-newsletter #mc_embed_signup .mc-field-group:not(.input-group) input:focus,
body.page-template-tmpl-newsletter #mc_embed_signup .mc-field-group select:focus {
outline: none;
box-shadow: 0 0 0 1px var(--accent);
border-color: var(--accent);
}
body.page-template-tmpl-newsletter #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
padding-top: 0;
font-size: 0.7rem;
margin-top: 0;
text-transform: uppercase;
color: #c00;
font-weight: bold;
margin-bottom: 0;
padding-bottom: 0;
padding-left: 0;
}
body.page-template-tmpl-newsletter #mc_embed_signup #mc-embedded-subscribe {
all: unset;
cursor: pointer;
font-weight: bold;
font-size: 1.4rem;
text-decoration: underline;
text-transform: uppercase;
color: var(--accent);
margin-top: 2rem;
}
body.page-template-tmpl-newsletter #mc_embed_signup div#mce-responses {
float: none;
padding: 0;
margin: 0;
width: 100%;
}
body.page-template-tmpl-newsletter #mc_embed_signup #mce-success-response,
body.page-template-tmpl-newsletter #mc_embed_signup #mce-error-response {
font-weight: 500;
font-size: 0.875rem;
text-transform: none;
padding: 0;
margin: 0;
color: var(--grey-4);
width: 100%;
float: none;
margin-top: 2.4rem;
}
body.page-template-tmpl-landing {
padding-top: 6.5rem;
}
body.page-template-tmpl-landing header,
body.page-template-tmpl-landing > header .sub-voices {
border: 0;
}
body.page-template-tmpl-landing header .top-bar,
body.page-template-tmpl-landing > header .voci-menu .container .icons,
body.page-template-tmpl-landing > header .voci-menu .container .languages.only-desktop {
display: none;
}
body.page-template-tmpl-landing > header .voci-menu .container .voice-wrapper,
body.page-template-tmpl-landing > header .voci-menu .container .voice-wrapper .menu-menu-principale-container {
display: none;
}
body.page-template-tmpl-landing > header .voci-menu .container {
justify-content: center;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.full-image {
padding-left: 2rem;
padding-right: 2rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.full-image .content {
position: relative;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.full-image .content .img {
position: relative;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.full-image .content .img:after {
position: absolute;
content: "";
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.2);
top: 0;
left: 0;
border-radius: 1.25rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.full-image .content .img img {
border-radius: 1.25rem;
width: 100%;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.full-image .content .text {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.full-image .content .text h1 {
max-width: 31.93rem;
margin: auto;
width: 100%;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.full-image .content .text * {
font-size: 2.25rem;
line-height: 1.17;
color: white;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.text-image,
body.page-template-tmpl-landing div#landing-page section.landing-row.elements-grid,
body.page-template-tmpl-landing div#landing-page section.landing-row.slider,
body.page-template-tmpl-landing div#landing-page section.landing-row.title-text {
margin-top: 4.25rem;
margin-bottom: 4.25rem;
padding-top: 3.75rem;
padding-bottom: 3.75rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.elements-grid.with-padding,
body.page-template-tmpl-landing div#landing-page section.landing-row.text-image.with-padding {
padding-top: 6rem;
padding-bottom: 7rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.text-image .columns {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 2rem;
align-items: center;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.text-image .columns.text-left .column.content {
order: 1;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.text-image .columns.text-left .column.img {
order: 2;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.text-image .columns .column.content .small-title {
display: flex;
margin-bottom: 2.5rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.text-image .columns .img-wrapper {
position: relative;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.text-image .columns.text-left .img-wrapper:after {
width: calc(100% - 2px);
height: calc(100% - 2px);
border: 2px solid var(--accent);
border-radius: 0.625rem;
content: "";
top: 0.75rem;
left: -0.75rem;
z-index: 1;
position: absolute;
pointer-events: none;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.text-image .columns.text-left .img-wrapper .play svg {
width: 8rem;
height: auto;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.text-image .columns.text-left .img-wrapper .play svg path {
fill: var(--accent);
}
body.page-template-tmpl-landing div#landing-page section.landing-row.text-image .columns.text-left .img-wrapper .play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
opacity: 1;
visibility: visible;
cursor: pointer;
transition: all 300ms ease;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.text-image .columns.text-left .img-wrapper video {
border-radius: 0.625rem;
cursor: pointer;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.text-image .columns.text-left .img-wrapper .video.active .play {
opacity: 0;
visibility: hidden;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.text-image .columns.text-right .img-wrapper:after {
width: calc(100% - 2px);
height: calc(100% - 2px);
border: 2px solid var(--accent);
border-radius: 0.625rem;
content: "";
top: 0.75rem;
left: 0.75rem;
z-index: 1;
position: absolute;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.text-image .columns.text-right .img-wrapper {
margin-left: 0;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.text-image .columns .img-wrapper:after {
left: 0.75rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.text-image .columns .img-wrapper img {
border-radius: 0.625rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row .cta-wrap a,
body.page-template-tmpl-landing div#landing-page section.landing-row a.custom-cta {
display: inline-flex;
gap: 2.5rem;
align-items: center;
line-height: 1;
font-size: 1rem;
text-transform: uppercase;
font-weight: 700;
color: var(--grey-4);
margin-top: 4rem;
height: 2.625rem;
background-color: var(--accent);
color: white;
border-radius: 0.75rem;
font-size: 0.875rem;
text-transform: none;
padding-left: 0.93rem;
padding-right: 0.9rem;
gap: 1.6rem;
margin-top: 0rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row .cta-wrap a:after,
body.page-template-tmpl-landing div#landing-page section.landing-row a.custom-cta:after {
width: 1.8rem;
height: 1.8rem;
background-size: contain;
background-repeat: no-repeat;
content: "";
transform: rotate(90deg) scale(1);
transition: all 300ms ease-in-out;
background-image: url('data:image/svg+xml,');
}
body.page-template-tmpl-landing div#landing-page section.landing-row a.custom-cta:hover:after,
body.page-template-tmpl-landing div#landing-page section.landing-row .cta-wrap a:hover:after {
transform: scale(1.1) rotate(90deg);
}
body.page-template-tmpl-landing div#landing-page section.landing-row .cta-wrap .cta {
text-align: center;
margin-top: 3.5rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row .cta-wrap a:hover:after {
transform: translateX(25%);
}
body.page-template-tmpl-landing div#landing-page section.landing-row.text-image .columns .column.content .title * {
font-size: 2.375rem;
line-height: 1.26;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.text-image .columns .column.content .title {
margin-bottom: 2.5rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.text-image .columns .column.content .text {
line-height: 1.625;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.text-image .columns .column.content .text p:not(:last-child) {
margin-bottom: 2.5rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.text-image .columns .column.content .text ul {
margin-bottom: 2.5rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.text-image .columns .column.content .text ul li {
list-style: none;
position: relative;
padding-left: 1.3rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.text-image .columns .column.content .text ul li:before {
content: "";
position: absolute;
left: 0;
top: 0.45rem;
width: 0.5rem;
height: 0.5rem;
border-radius: 50%;
background-color: var(--accent);
}
body.page-template-tmpl-landing div#landing-page .small-title p {
color: var(--accent);
padding: 0.5rem 1.25rem;
border-radius: 2rem;
background-color: rgba(237, 114, 13, 0.1);
font-weight: bold;
font-size: 0.875rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.elements-grid .small-title {
display: flex;
justify-content: center;
margin-bottom: 3rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.elements-grid .small-title p {
color: var(--accent);
padding: 0.5rem 1.25rem;
border-radius: 2rem;
background-color: rgba(237, 114, 13, 0.1);
font-weight: bold;
font-size: 0.875rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.elements-grid .title {
margin-bottom: 3rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.elements-grid .title * {
font-size: 2.375rem;
line-height: 1.26;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.elements-grid .columns {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.elements-grid .column-wrapper {
padding: 3.125rem 2.375rem;
border: 1px solid var(--accent);
border-radius: 0.625rem;
background-color: rgba(150, 150, 150, 0.08);
height: 100%;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.elements-grid .column-wrapper .img img {
height: 3.75rem;
width: auto;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.elements-grid .column-wrapper .title-internal {
margin-top: 2.5rem;
margin-bottom: 2rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.elements-grid .column-wrapper .title-internal * {
font-size: 1.5rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.elements-grid .column-wrapper .text-internal {
line-height: 1.625;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.strong-points .columns {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 2rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.strong-points .small-title p {
color: var(--color);
background-color: rgba(var(--color), 0.3);
}
body.page-template-tmpl-landing div#landing-page section.landing-row.strong-points .small-title {
display: flex;
justify-content: center;
margin-bottom: 3rem;
padding-top: 3.5rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.strong-points .title h2 {
text-align: center;
font-size: 2.375rem;
line-height: 1.26;
max-width: 31.93rem;
margin: auto;
width: 100%;
margin-bottom: 6rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.strong-points .img-wrapper {
position: relative;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.strong-points .img-wrapper:after {
width: calc(100% - 2px);
height: calc(100% - 2px);
border: 2px solid white;
border-radius: 0.625rem;
content: "";
top: 0.75rem;
left: -0.75rem;
z-index: 1;
position: absolute;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.strong-points .img-wrapper img {
border-radius: 0.625rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.strong-points .points {
max-width: 22.75rem;
margin: auto;
max-height: 39rem;
overflow-y: scroll;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.strong-points .points .point .point-wrapper {
display: flex;
gap: 1.125rem;
align-items: center;
background-color: rgba(var(--color), 0.3);
border-radius: 0.625rem;
padding: 2.75rem 2.125rem 2.75rem 1.875rem;
line-height: 1.4;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.strong-points .points .point .point-wrapper .number {
font-size: 3.125rem;
font-weight: bold;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.strong-points .points .point .point-wrapper .point {
font-size: 1.25rem;
font-weight: bold;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.strong-points .columns .column.img {
padding-bottom: 9rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.strong-points .points div.point {
margin-bottom: 2.5rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.strong-points .points::-webkit-scrollbar {
display: none;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.text-image .columns .img-wrapper {
position: relative;
max-width: 28.8rem;
margin-left: auto;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.text-image .columns .column.content .answer-time p {
color: #969696;
font-size: 0.875rem;
font-weight: bold;
margin-top: 1.5rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.text-image .title-wrap .small-title {
display: flex;
justify-content: center;
margin-bottom: 2.5rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.text-image .title-wrap .title h2 {
font-size: 2.375rem;
line-height: 1.26;
max-width: 59rem;
margin: auto;
margin-bottom: 3rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.slider .swiper-navigation div:after {
display: none;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.slider .content {
max-width: 59rem;
margin: auto;
position: relative;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.slider .swiper-wrap {
position: relative;
margin-bottom: 3rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.slider .swiper-wrap .swiper-slide {
background-color: #9696961a;
border-radius: 0.625rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.slider .swiper-wrap .swiper-slide img {
mix-blend-mode: multiply;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.slider .swiper-navigation .swiper-button-prev {
left: -4rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.slider .swiper-navigation .swiper-button-next {
right: -4rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.slider .swiper-pagination {
bottom: -3rem;
}
body.page-template-tmpl-landing {
color: #3c3c3c;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.slider .content .title h2 {
font-size: 1.75rem;
line-height: 1.35;
max-width: 47.5rem;
margin: auto;
margin-bottom: 3rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.slider .content .title h2:not(:last-child) {
margin-bottom: 2.5rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.contact-form .content {
padding-left: 2rem;
padding-right: 2rem;
position: relative;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.contact-form .content .img {
position: absolute;
width: calc(100% - 4rem);
top: 0;
height: 100%;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.contact-form .content .img img {
border-radius: 1.25rem;
height: 100%;
max-height: calc(100% - 18rem);
width: 100%;
object-fit: cover;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.contact-form .content .content-wrapper {
position: relative;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.contact-form .content .content-wrapper-wrapper {
max-width: 56.5rem;
margin: auto;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.contact-form .content .content-wrapper-wrapper .title h2 {
color: white;
font-size: 1.75rem;
line-height: 1.35;
padding-top: 5.5rem;
padding-bottom: 1.7rem;
max-width: 28rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.contact-form .content .content-wrapper-wrapper .text {
color: white;
font-weight: 700;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.contact-form .content form {
margin-top: 6rem;
padding: 3.75rem 6rem 3rem 6rem;
background-color: var(--accent);
border-radius: 0.625rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.contact-form .content form input:not([type="submit"]),
body.page-template-tmpl-landing div#landing-page section.landing-row.contact-form .content form textarea {
border: 0;
background-color: rgba(249, 249, 249, 0.4);
border-radius: 0.7rem;
padding: 0.75rem;
line-height: 1;
margin-top: 0.6rem;
width: 100%;
font-size: 1rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.contact-form .content form textarea::placeholder,
body.page-template-tmpl-landing div#landing-page section.landing-row.contact-form .content form textarea::-webkit-placeholder {
color: white;
line-height: 1.6;
font-size: 0.875rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.contact-form .content form label {
font-size: 0.875rem;
font-weight: 500;
color: white;
display: grid;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.contact-form .section-contact-form.double {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 2rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.contact-form .section-contact-form {
margin-bottom: 1.25rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.contact-form .wpcf7-not-valid-tip {
margin-top: 0.6rem;
color: white;
font-size: 0.75rem;
font-weight: 500;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.contact-form .submit-contact-form {
display: flex;
gap: 2rem;
justify-content: space-between;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.contact-form .content form .submit-contact-form label {
display: flex;
gap: 0.5rem;
align-items: start;
font-size: 0.75rem;
max-width: 16.5rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.contact-form .content form .submit-contact-form .privacy input {
width: auto;
margin: 0;
padding: 0;
min-width: 0.9rem;
width: 0.9rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.contact-form .content form .submit-contact-form .privacy .wpcf7-list-item {
margin: 0;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.contact-form .content form .submit-contact-form .submit input {
display: inline-flex;
gap: 2.5rem;
align-items: center;
line-height: 1;
font-size: 1rem;
text-transform: uppercase;
font-weight: 700;
color: var(--grey-4);
margin-top: 4rem;
height: 2.625rem;
background-color: #3c3c3c;
color: white;
border-radius: 0.75rem;
font-size: 0.875rem;
text-transform: none;
padding-left: 1.6rem;
padding-right: 4.6rem;
gap: 1.6rem;
margin-top: 0rem;
border: 1px solid #3c3c3c;
cursor: pointer;
width: 100%;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.contact-form .content form .submit-contact-form .submit p {
position: relative;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.contact-form .content form .submit-contact-form .submit p:after {
width: 2rem;
height: 2rem;
background-size: contain;
background-repeat: no-repeat;
content: "";
position: absolute;
right: 1.5rem;
pointer-events: none;
top: 50%;
transform: translatey(-50%);
transition: all 300ms ease-in-out;
background-image: url('data:image/svg+xml,');
}
body.page-template-tmpl-landing div#landing-page section.landing-row.contact-form .content form .submit-contact-form .submit p:hover:after {
transform: translatey(-50%) translateX(25%);
}
body.page-template-tmpl-landing div#landing-page section.landing-row.contact-form .content form .submit-contact-form .submit .wpcf7-spinner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: 0;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.contact-form .content form .submit-contact-form .answer {
font-size: 0.8rem;
color: white;
text-align: right;
margin-top: 0.5rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.contact-form .content form .wpcf7-response-output {
margin: 0;
padding: 0;
border: 0;
margin-top: 2rem;
color: white;
font-weight: 500;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.title-text .title {
margin-bottom: 3rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.title-text .title * {
text-align: center;
font-size: 2.375rem;
line-height: 1.26;
max-width: 59rem;
margin: auto;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.title-text .text {
line-height: 1.625;
max-width: 47.5rem;
margin: auto;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.title-text .text h3,
body.page-template-tmpl-landing div#landing-page section.landing-row.title-text .text h4,
body.page-template-tmpl-landing div#landing-page section.landing-row.title-text .text h5,
body.page-template-tmpl-landing div#landing-page section.landing-row.title-text .text h6 {
font-size: 1.75rem;
line-height: 1.35;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.title-text .text p:not(:last-child) {
margin-bottom: 2.5rem;
}
@media only screen and (max-width: 767px) {
body.page-template-tmpl-landing > header .hb {
display: none;
}
body.page-template-tmpl-landing > header .voci-menu .logo a {
display: block;
width: 73%;
margin: auto;
max-width: 17rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.full-image .content .img img {
border-radius: 1.25rem;
min-height: 24rem;
object-fit: cover;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.full-image {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.full-image .content .text * {
font-size: 1.8rem;
line-height: 1.17;
color: white;
padding-left: 1rem;
padding-right: 1rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.text-image .columns .column.content .title *,
body.page-template-tmpl-landing div#landing-page section.landing-row.elements-grid .title *,
body.page-template-tmpl-landing div#landing-page section.landing-row.strong-points .title h2 {
font-size: 1.8rem;
}
body.page-template-tmpl-landing header,
body.page-template-tmpl-landing header .voci-menu {
height: 5rem;
}
body.page-template-tmpl-landing {
padding-top: 5.3rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.text-image .columns {
grid-template-columns: 1fr;
gap: 2rem;
align-items: start;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.text-image,
body.page-template-tmpl-landing div#landing-page section.landing-row.elements-grid,
body.page-template-tmpl-landing div#landing-page section.landing-row.slider,
body.page-template-tmpl-landing div#landing-page section.landing-row.title-text {
margin-top: 2rem;
margin-bottom: 2rem;
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.text-image .columns .column.content .title,
body.page-template-tmpl-landing div#landing-page section.landing-row.text-image .columns .column.content .text p:not(:last-child),
body.page-template-tmpl-landing div#landing-page section.landing-row.text-image .columns .column.content .text ul {
margin-bottom: 1.5rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.elements-grid .small-title {
margin-bottom: 2rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.strong-points .small-title {
margin-bottom: 2.5rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.elements-grid .column-wrapper {
padding: 3.125rem 1.5rem;
border: 1px solid var(--accent);
border-radius: 0.625rem;
background-color: rgba(150, 150, 150, 0.08);
height: 100%;
min-width: 17rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.elements-grid .columns {
gap: 2rem;
width: 100%;
overflow-y: scroll;
gap: 1.5rem;
padding-left: 1.5rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.elements-grid .container {
padding: 0;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.elements-grid .title {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.elements-grid .columns .column:last-child {
padding-right: 1.5rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.strong-points .columns {
grid-template-columns: 1fr;
display: block;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.strong-points .title h2 {
margin-bottom: 3rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.strong-points .columns .column.img {
padding-bottom: 2.5rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.strong-points .points .point .point-wrapper .number {
font-size: 2rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.strong-points .points .point .point-wrapper .point {
font-size: 1rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.strong-points .points .point .point-wrapper {
display: grid;
gap: 0;
align-items: center;
background-color: rgba(var(--color), 0.3);
border-radius: 0.625rem;
padding: 1.6rem 1.5rem;
line-height: 1.4;
height: 100%;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.strong-points .points div.point {
margin-bottom: 0rem;
min-width: 16rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.strong-points .points {
max-width: 22.75rem;
margin: auto;
max-height: 39rem;
overflow-y: scroll;
display: flex;
max-width: 100%;
overflow-x: scroll;
width: 100%;
max-height: none;
gap: 1.5rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.strong-points .container {
padding-left: 0;
padding-right: 0;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.strong-points .columns .column.img {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.strong-points .columns .column.content .points {
padding-left: 1.5rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.strong-points .columns .column.content .points .point:last-child {
padding-right: 1.5rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row .cta-wrap a,
body.page-template-tmpl-landing div#landing-page section.landing-row a.custom-cta {
height: 3.1rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.strong-points .columns .column.img {
padding-bottom: 3.5rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.strong-points .columns .column.content .points {
padding-bottom: 4.5rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.text-image .columns .column.content {
order: 1;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.text-image .columns .column.img {
order: 2;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.elements-grid.with-padding,
body.page-template-tmpl-landing div#landing-page section.landing-row.text-image.with-padding {
padding-top: 4rem;
padding-bottom: 5rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.text-image .title-wrap .title h2 {
font-size: 1.8rem;
margin-bottom: 1.5rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.title-text .title * {
font-size: 1.8rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.title-text .title,
body.page-template-tmpl-landing div#landing-page section.landing-row.title-text .text p:not(:last-child) {
margin-bottom: 1.5rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.slider .content .title h2:not(:last-child) {
margin-bottom: 1.5rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.slider .content .title h2 {
font-size: 1.35rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.title-text .text h3,
body.page-template-tmpl-landing div#landing-page section.landing-row.title-text .text h4,
body.page-template-tmpl-landing div#landing-page section.landing-row.title-text .text h5,
body.page-template-tmpl-landing div#landing-page section.landing-row.title-text .text h6,
body.page-template-tmpl-landing div#landing-page section.landing-row.contact-form .content .content-wrapper-wrapper .title h2 {
font-size: 1.35rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.contact-form .content {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.contact-form .content .img {
width: calc(100% - 3rem);
}
body.page-template-tmpl-landing div#landing-page section.landing-row.contact-form .content .content-wrapper-wrapper .title h2 {
padding-top: 4.5rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.contact-form .content form {
margin-top: 5rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.contact-form .content .content-wrapper-wrapper .text,
body.page-template-tmpl-landing div#landing-page section.landing-row.contact-form .content .content-wrapper-wrapper .title {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.contact-form .submit-contact-form {
display: block;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.contact-form .content form .submit-contact-form .submit {
margin-top: 1.5rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.contact-form .content form .submit-contact-form .answer {
margin-top: 1.2rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.slider .swiper-navigation .swiper-button-prev {
left: -0.75rem;
}
body.page-template-tmpl-landing div#landing-page section.landing-row.slider .swiper-navigation .swiper-button-next {
right: -0.75rem;
}
body.page-template-tmpl-landing header .whatsapp {
display: none;
}
body.single-product .custom-contact {
margin-top: -2rem;
}
}