*,
*:before,
*:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
word-break: break-word;
outline: none;
}
*:focus {
outline: none !important;
}
html,
body {
font-size: var(--fontSize3);
overflow-x: hidden;
width: 100%;
}
body {
font-family: var(--fontFamily1);
font-weight: var(--fontWeightRegular);
color: var(--colorExtraDark);
background: var(--colorExtraLight);
line-height: var(--lineHeightBase);
}
body:before {
content: "";
opacity: 0;
transition: opacity 0.3s;
}
body.ufr-side-menu-open:before {
opacity: 1;
left: 0;
display: block;
width: 100%;
height: 100%;
background: rgb(0 0 0 / 50%);
top: 0;
position: absolute;
z-index: 1;
}
.ufr-no-scroll {
overflow-y: hidden;
}
.alignfull {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
width: 100vw;
max-width: calc(100vw);
}
em,
i,
q,
dfn {
font-style: italic;
}
b,
strong {
font-weight: var(--fontWeightBold);
}
big {
font-size: var(--fontSize6);
}
small {
font-size: var(--fontSize1);
}
ins {
text-decoration: underline;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
abbr,
acronym {
cursor: help;
}
address {
line-height: var(--lineHeightBase);
margin: 0 0 var(--space2) 0;
}
hr {
border: none;
border-top: 1px solid var(--colorMedium);
margin: var(--space6) 0;
}
a {
color: var(--colorAccent1);
transition: color 0.3s;
}
a:hover {
color: var(--colorAccent2);
text-decoration: none;
}
.ufr-site-content {
margin-top: var(--space7);
}
::-moz-selection {
background: var(--colorExtraDark);
color: var(--colorExtraLight);
}
::selection {
background: var(--colorExtraDark);
color: var(--colorExtraLight);
}
@media (min-width: 768px) {
.ufr-site-content {
margin-top: var(--space8);
}
hr {
margin: var(--space8) 0;
}
}
@media (min-width: 992px) {
.ufr-no-scroll {
overflow-y: auto;
}
body.ufr-side-menu-open:before {
display: none;
}
} h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--fontFamily2);
font-weight: var(--fontWeightBold);
}
h1,
h2,
h3,
h4,
h5,
h6,
.ufr-h1,
.ufr-h2,
.ufr-h3,
.ufr-h4,
.ufr-h5,
.ufr-h6 {
margin: var(--space5) 0 var(--space3);
}
h1,
.ufr-h1 {
font-size: var(--fontSize6);
line-height: 1.2;
}
h2,
.ufr-h2 {
font-size: var(--fontSize5);
line-height: 1.3;
}
h3,
.ufr-h3 {
font-size: var(--fontSize4);
line-height: 1.3;
}
h4,
.ufr-h4 {
font-size: var(--fontSize3);
}
h5,
.ufr-h5 {
font-size: var(--fontSize2);
}
h6,
.ufr-h6 {
font-size: var(--fontSize1);
}
p {
line-height: var(--lineHeightBase);
margin: 0 0 var(--space2) 0;
}
p:last-child {
margin-bottom: 0;
}
@media (min-width: 768px) {
h1,
h2,
h3,
.ufr-h1,
.ufr-h2,
.ufr-h3 {
margin: var(--space6) 0 var(--space3);
}
} ul,
ol {
margin: 0 0 var(--space2) 0;
padding-left: var(--space3);
}
ul {
list-style: disc;
}
ul ul {
list-style: circle;
}
ul ul ul {
list-style: square;
}
ol {
list-style: decimal;
}
ol ol {
list-style: lower-alpha;
}
ol ol ol {
list-style: lower-roman;
}
li {
line-height: var(--lineHeightBase);
margin: var(--space1) 0;
}
li > ul,
li > ol {
margin: var(--space1) 0 0 var(--space2);
}
.reset-list-style,
.reset-list-style ul,
.reset-list-style ol {
list-style: none;
margin: 0;
padding: 0;
}
.reset-list-style li {
margin: 0;
padding: 0;
}
dt,
dd {
line-height: var(--lineHeightBase);
}
dt {
font-weight: var(--fontWeightBold);
}
dt + dd {
margin-top: var(--space1);
}
dd + dt {
margin-top: var(--space2);
} blockquote {
border-color: var(--colorAccent1);
border-style: solid;
border-width: 0 0 0 2px;
color: inherit;
margin: var(--space4) 0;
padding: var(--space2);
background: var(--colorLight);
}
cite {
color: var(--high-contrast);
font-size: var(--fontSize3);
font-style: italic;
}
blockquote cite {
display: block;
font-size: var(--fontSize2);
margin: var(--space2) 0 0 0;
font-style: italic;
text-align: right;
}
blockquote p,
.wp-block-pullquote p {
display: block;
font-size: var(--fontSize3);
margin: var(--space2) 0 0 0;
}
blockquote p:last-child {
margin: 0;
} code,
kbd,
pre,
samp {
font-family: monospace;
padding: var(--space2);
background: var(--colorLight);
}
pre {
margin: var(--space4) 0;
}
pre code {
background: transparent;
padding: 0;
} table {
border: 1px solid var(--colorMedium);
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
font-size: var(--fontSize3);
margin: var(--space4) 0;
max-width: 100%;
overflow: hidden;
width: 100%;
}
th,
td {
border: 1px solid var(--colorMedium);
line-height: var(--lineHeightBase);
margin: 0;
overflow: visible;
padding: var(--space1);
}
caption {
background: var(--colorMedium);
font-weight: var(--fontWeightBold);
padding: var(--space1);
text-align: center;
}
thead {
vertical-align: bottom;
white-space: nowrap;
}
th {
font-weight: var(--fontWeightBold);
} figure {
margin: 0;
}
iframe {
display: block;
max-width: 100%;
}
svg,
img,
embed,
object {
display: block;
height: auto;
max-width: 100%;
}
figcaption {
display: block;
font-size: var(--fontSize2);
font-style: italic;
line-height: 1.2;
margin-top: 1.6rem;
}
.img-fit {
background: var(--colorExtraDark);
position: relative;
overflow: hidden;
}
.img-fit img {
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
} fieldset {
border: 1px solid var(--colorMedium);
padding: var(--space3);
}
legend {
width: auto;
font-size: 0.85em;
font-weight: var(--fontWeightBold);
padding: 0 var(--space1);
text-transform: uppercase;
}
label {
display: block;
font-size: var(--fontSize2);
font-weight: var(--fontWeightBold);
margin: 0 0 var(--space1) 0;
}
input,
textarea,
select {
line-height: 1;
border-color: var(--colorMedium);
font-size: var(--fontSize3);
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="week"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea {
-webkit-appearance: none;
-moz-appearance: none;
background: transparent;
border-radius: 0;
border-style: solid;
border-width: 1px;
box-shadow: none;
color: inherit;
display: block;
margin: 0;
max-width: 100%;
outline: none;
padding: var(--space2);
width: 100%;
line-height: 1;
}
input[type="checkbox"] + label {
display: inline;
font-weight: var(--fontWeightRegular);
margin-left: 4px;
}
input::-webkit-input-placeholder {
line-height: normal;
}
input:-ms-input-placeholder {
line-height: normal;
}
input::-moz-placeholder {
line-height: normal;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
display: none;
}
.input-checkbox,
.input-radio,
input[type="checkbox"],
input[type="radio"] {
display: inline-flex;
width: 17px;
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
outline: none;
position: relative;
border: none;
cursor: pointer;
outline-width: 0;
border-radius: 50%;
top: 3px;
margin: 0 8px 0 0;
}
.input-checkbox:after,
.input-radio:after,
input[type="checkbox"]:after,
input[type="radio"]:after {
content: "";
display: inline-block;
width: 17px;
height: 17px;
border: 1px solid var(--colorExtraDark);
}
input[type="checkbox"]:checked:after,
input[type="radio"]:checked:after {
border-color: var(--colorAccent1);
background-color: var(--colorAccent1);
}
.input-checkbox:checked:before,
.input-radio:checked:before,
input[type="checkbox"]:checked:before,
input[type="radio"]:checked:before {
content: "";
position: absolute;
top: 2px;
left: 6px;
display: table;
width: 5px;
height: 10px;
border: 2px solid #fff;
border-top-width: 0;
border-left-width: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
input[type="number"] {
-moz-appearance: textfield !important;
}
textarea {
height: 160px;
resize: none;
line-height: var(--lineHeightBase);
}
select {
background: transparent no-repeat;
background-image: url(//www.diolaitimario.it/wp-content/themes/iprov/assets/images/fontawesome-pro-6.0.0/regular/angle-down.svg);
background-size: var(--fontSize2);
background-position: calc(100% - var(--space2)) center;
padding: var(--space2) var(--space5) var(--space2) var(--space2);
position: relative;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
cursor: pointer;
} span.wpcf7-not-valid-tip {
color: var(--colorError);
font-size: var(--fontSize3);
margin-top: var(--space1);
}
div.wpcf7-response-output {
margin: var(--space4) 0 0 0 !important;
padding: var(--space1);
border: 2px solid var(--colorError);
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
border: 2px solid var(--colorError);
}
div.wpcf7-mail-sent-ok {
border: 2px solid var(--colorSuccess);
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: var(--colorAccent1);
}
span.wpcf7-list-item {
margin: 0;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
border-color: var(--colorError);
padding: var(--space1);
}
.wpcf7-checkbox,
.wpcf7-radio {
position: relative;
display: flex;
flex-direction: column;
} button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .ufr-add-to-cart-preview .button,
.woocommerce div.product form.cart .button,
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
-webkit-appearance: none;
-moz-appearance: none;
background: var(--colorAccent1);
border: none;
border-radius: 0;
color: var(--colorExtraLight);
cursor: pointer;
display: inline-block;
font-size: var(--fontSize3);
text-transform: uppercase;
font-weight: var(--fontWeightBold);
line-height: 1;
margin: 0;
padding: var(--space2) var(--space3);
text-align: center;
text-decoration: none;
transition: background 0.3s, color 0.3s;
}
button:hover,
.button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
.button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce .ufr-product-preview .ufr-add-to-cart-preview .button:hover,
.woocommerce div.product form.cart .button:hover,
.cart_totals #respond input#submit.alt:hover,
.cart_totals a.button.alt:hover,
.cart_totals button.button.alt:hover,
.cart_totals input.button.alt:hover,
.woocommerce #payment #place_order:hover,
.woocommerce-page #payment #place_order:hover {
color: var(--colorExtraLight);
background-color: var(--colorAccent2);
text-decoration: none;
} .ufr-anim-up {
opacity: 0;
transform: translateY(30px);
} .post-password-form input[type="submit"] {
margin-top: var(--space3);
} .ufr-pagination {
text-align: center;
margin: var(--space8) 0 0 0;
text-transform: uppercase;
font-family: var(--fontFamily2);
font-size: var(--fontSize3);
font-weight: var(--fontWeightBold);
text-decoration: none;
}
.ufr-pagination .page-numbers {
padding: 0 var(--space1);
}
.ufr-pagination .current,
.ufr-pagination .page-numbers:hover {
color: var(--colorAccent2);
transition: color 0.3s;
}
.ufr-pagination .page-numbers:not(.prev, .next) {
display: none;
}
@media (min-width: 992px) {
.ufr-pagination .page-numbers:not(.prev, .next) {
display: inline-block;
}
} .ufr-comments-area .comment,
.ufr-comments-area .trackback,
.ufr-comments-area .pingback {
position: relative;
padding-top: var(--space3);
}
.ufr-comments-area .comment:first-child,
.ufr-comments-area .trackback:first-child,
.ufr-comments-area .pingback:first-child {
padding-top: 0;
}
.ufr-comments-area .comment-body {
position: relative;
}
.ufr-comments-area .comment-author,
.ufr-comments-area .comment-metadata,
.ufr-comments-area .comment-content,
.ufr-comments-area .comment-awaiting-moderation,
.ufr-comments-area .reply {
padding-left: var(--space6);
}
.ufr-comments-area .comment-awaiting-moderation {
display: block;
margin-top: var(--space1);
color: var(--colorError);
}
.ufr-comments-area .comment-author {
text-transform: capitalize;
}
.ufr-comments-area .comment-author img {
position: absolute;
left: 0;
}
.ufr-comments-area .comment-author .says {
display: none;
}
.ufr-comments-area .comment-metadata {
font-size: var(--fontSize2);
font-style: italic;
}
.ufr-comments-area .comment-metadata a {
color: var(--colorDark);
}
.ufr-comments-area .comment .comment-edit-link {
padding-left: var(--space1);
}
.ufr-comments-area .comment-content {
margin-top: var(--space1);
}
.ufr-comments-area .comment-content p {
margin: 0;
}
.ufr-comments-area .reply {
font-size: var(--fontSize3);
margin-top: var(--space1);
}
.ufr-comments-area [class*="depth-"] {
border-left: 1px solid var(--colorMedium);
padding-left: var(--space2);
}
.ufr-comments-area .depth-1 {
border-left: 0px;
padding-left: 0px;
}
.ufr-comments-area .trackback .comment-body,
.ufr-comments-area .pingback .comment-body {
font-weight: var(--fontWeightBold);
}
.ufr-comments-area .trackback a,
.ufr-comments-area .pingback a {
margin-top: var(--space1);
font-weight: var(--fontWeightRegular);
display: block;
}
.ufr-comments-area .trackback .comment-edit-link,
.ufr-comments-area .pingback .comment-edit-link {
display: inline-block;
}
.ufr-comment-navigation {
display: flex;
justify-content: space-between;
margin-top: var(--space5);
}
.ufr-no-comments {
margin-top: var(--space6);
font-weight: var(--fontWeightBold);
}
.ufr-comments-area .form-submit {
margin-top: var(--space4);
}
.ufr-comment-form {
margin-top: var(--space6);
}
.ufr-comments-title {
font-size: var(--fontSize5);
} .ufr-site-header {
margin: var(--space3) 0;
position: relative;
z-index: 1;
}
.ufr-site-header__left {
max-width: 50%;
}
.ufr-header-logo img {
max-height: 30px;
width: auto;
}
.ufr-site-header__menu > li {
margin-left: var(--space4);
position: relative;
}
.ufr-header-logo a,
.ufr-site-header__menu a {
text-transform: uppercase;
font-family: var(--fontFamily2);
font-weight: var(--fontWeightBold);
line-height: 1;
font-size: var(--fontSize2);
display: block;
padding: var(--space1);
}
.ufr-header-logo a {
padding-left: 0;
}
.ufr-site-header__menu li:last-child a {
padding-right: 0;
}
.ufr-header-logo a {
font-size: var(--fontSize3);
}
.ufr-site-header__menu .current-menu-item a {
color: var(--colorAccent1);
}
.ufr-header-logo a:hover,
.ufr-site-header__menu a:hover,
.ufr-site-header__menu .current-menu-item > a,
.ufr-site-header__menu .current-menu-item > a:hover {
color: var(--colorAccent2);
}
.ufr-site-header__menu li.menu-item-has-children > a {
display: flex;
align-items: center;
}
.ufr-site-header__menu li.menu-item-has-children > a:after {
content: "\f107";
font-family: "Font Awesome 6 Pro";
margin-left: var(--space1);
font-size: var(--fontSize2);
}
@media (min-width: 768px) {
.ufr-site-header {
margin: var(--space5) 0;
}
} .ufr-site-header__menu li ul {
opacity: 0;
transition: opacity 0.3s ease;
position: absolute;
background: var(--colorExtraLight);
width: max-content;
transform: scaleX(0);
padding: 0;
}
.ufr-site-header__menu li ul li.menu-item-has-children > a:after {
display: none;
}
.ufr-site-header__menu li:hover > ul {
opacity: 1;
transform: scaleX(1);
}
.ufr-site-header__menu li ul li ul {
opacity: 1;
transform: scaleX(1);
position: relative;
} .ufr-header-burger {
height: 40px;
width: 32px;
position: relative;
z-index: 1010;
cursor: pointer;
}
.ufr-header-burger span {
display: block;
position: absolute;
top: 50%;
left: 0;
width: 32px;
height: 2px;
background: var(--colorExtraDark);
transition: all 0.4s cubic-bezier(0.77, 0.2, 0.05, 1);
}
.ufr-header-burger span:first-child {
margin-top: -5px;
}
.ufr-header-burger span:last-child {
margin-top: 5px;
}
.ufr-side-menu-open .ufr-header-burger span:first-child {
margin-top: 0px;
transform: rotate(45deg);
}
.ufr-side-menu-open .ufr-header-burger span:last-child {
margin-top: 0px;
transform: rotate(-45deg);
} #ufr-side-menu {
position: fixed;
top: 0;
bottom: 0;
right: -100vw;
background: #fff;
text-align: right;
max-width: 80vw;
width: 400px;
overflow-y: auto;
overflow-x: hidden;
border-left: 1px solid var(--low-contrast);
z-index: 1020;
transition: right 0.3s ease-in-out;
padding: var(--space3);
}
#ufr-side-menu .ufr-header-burger {
margin: 0 0 0 auto;
}
.ufr-side-menu-open #ufr-side-menu {
right: 0;
}
.ufr-side-menu__list {
margin-top: var(--space6);
}
.ufr-side-menu__list li {
margin-top: var(--space3);
}
.ufr-side-menu__list a {
font-size: var(--fontSize3);
display: block;
text-transform: uppercase;
font-family: var(--fontFamily2);
font-weight: var(--fontWeightBold);
line-height: 1;
}
.ufr-side-menu__list .current-menu-item a {
color: var(--colorAccent1);
}
.ufr-side-menu__list a:hover,
.ufr-side-menu__list .current-menu-item > a,
.ufr-side-menu__list .current-menu-item > a:hover {
color: var(--colorAccent2);
}
@media (min-width: 768px) {
#ufr-side-menu {
padding: var(--space5) var(--space3);
}
} .ufr-site-footer {
margin: var(--space8) 0 var(--space5);
text-align: center;
font-size: var(--fontSize2);
} .ufr-post-preview-meta,
.ufr-singular-meta {
color: var(--colorDark);
font-family: var(--fontFamily2);
font-weight: var(--fontWeightBold);
text-transform: uppercase;
font-size: var(--fontSize2);
} .ufr-post-preview-meta {
text-align: center;
margin-top: var(--space1);
}
.ufr-index-title h1 {
text-align: center;
margin: 0;
}
.ufr-post-preview h2 {
text-align: center;
margin: 0;
font-size: var(--fontSize4);
}
.ufr-post-preview .img-fit {
margin: 0 0 var(--space3) 0;
}
@media (min-width: 992px) {
.ufr-post-preview:nth-child(even) {
padding-top: var(--space7);
}
} .ufr-singular-content {
margin-top: var(--space5);
}
.ufr-singular-thumbnnail {
margin: 0 0 var(--space6) 0;
}
.ufr-singular-title {
margin: 0;
}
.ufr-singular-meta {
margin: var(--space3) 0 0 0;
}
.ufr-singular-content > *:first-child {
margin-top: 0;
}
.ufr-singular-content > *:last-child {
margin-bottom: 0;
}
.ufr-singular-tag {
font-size: var(--fontSize3);
margin: var(--space6) 0 0 0;
text-transform: uppercase;
font-family: var(--fontFamily2);
font-weight: var(--fontWeightBold);
text-decoration: none;
}
@media (min-width: 768px) {
.ufr-singular-thumbnnail {
margin: 0 0 var(--space8) 0;
}
.ufr-singular-content {
margin-top: var(--space6);
}
} .ufr-error404 h1,
.ufr-error404 h3 {
text-align: center;
margin-top: 0;
}
.ufr-error404 .button {
margin: 0 auto;
display: table;
}