* {
padding: 0;
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
line-height: 1;
text-decoration: none;
}
*::before,
*::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
background-color: var(--wp--preset--color--background);
font-family: var(--wp--preset--font-family--content), serif, Arial, Helvetica,
sans-serif;
font-size: var(--wp--preset--font-size--sm);
color: var(--wp--preset--color--paragraph);
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-ms-font-smoothing: antialiased;
text-rendering: optimizeLegibility !important;
-moz-osx-font-smoothing: grayscale;
}
ul,
ol {
margin: 20px 0 30px 0;
padding: 0 20px;
}
ul li,
ol li {
margin-bottom: 10px;
line-height: 1.6;
}
ul li::marker,
ol li::marker {
color: var(--wp--preset--color--button);
}
a {
transition: 0.3s all ease-in-out;
}
a:hover {
color: var(--wp--preset--color--primary) !important;
} figure {
margin: 0;
}
img {
width: 100%;
height: auto;
object-fit: cover;
}
figcaption {
font-style: italic;
color: var(--wp--preset--color--paragraph);
margin-top: 10px;
line-height: 1.6;
} dl {
margin-bottom: 30px;
font-size: clamp(0.925rem, 0.8767rem + 0.1644vw, 1rem);
font-weight: 400;
color: var(--wp--preset--color--paragraph);
}
dt {
font-size: var(--wp--preset--font-size--sm);
line-height: 1.6;
margin-bottom: 5px;
font-weight: 600;
color: var(--wp--preset--color--button);
}
dd {
padding-left: 1rem;
line-height: 1.6;
margin-bottom: 20px;
} table {
width: 100%;
margin-bottom: 30px;
border-collapse: collapse;
}
table caption {
padding: 20px;
background-color: var(--wp--preset--color--secondary);
text-transform: uppercase;
font-size: 0.9rem;
font-weight: 600;
color: var(--wp--preset--color--light);
}
th,
td {
border: none !important;
padding: 0.75rem !important;
}
td {
font-weight: 400;
color: var(--wp--preset--color--paragraph);
font-size: 0.875rem;
}
tbody th,
th {
font-weight: 600;
text-align: left;
background: var(--paragraph);
color: var(--wp--preset--color--light);
}
tr:nth-child(even) {
background: var(--wp--preset--color--light);
}
tr:nth-child(odd) {
background: var(--wp--preset--color--grey-light);
}
tfoot tr {
background: var(--wp--preset--color--paragraph) !important;
}
tfoot td {
color: var(--wp--preset--color--light);
font-weight: 600;
} blockquote {
font-style: italic;
color: var(--wp--preset--color--dark-grey);
}
blockquote::before {
content: "\0023";
color: var(--wp--preset--color--dark-grey);
font-size: var(--wp--preset--font-size--md);
font-weight: 600;
opacity: 0.5;
}
hr {
border: 1px solid var(--wp--preset--color--grey);
margin: 40px 0;
}
address {
margin-bottom: 30px;
font-style: normal;
}
kbd {
font-weight: 700;
color: var(--wp--preset--color--button);
}
pre {
font-family: var(--wp--preset--font-family--content), serif, Arial, Helvetica,
sans-serif;
line-height: 1.6;
margin-bottom: 30px;
white-space: pre-wrap;
word-wrap: break-word;
}
button {
border: none;
background-color: transparent;
cursor: pointer;
}
br {
margin: 1vh 0;
} label {
display: block;
margin-bottom: 10px;
font-weight: 500;
line-height: 1.6;
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: var(--wp--preset--color--background);
clip: auto !important;
clip-path: none;
color: var(--wp--preset--color--paragraph);
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
fieldset {
border: 1px solid var(--wp--preset--color--grey);
padding: 20px;
}
legend {
text-transform: uppercase;
font-size: 0.9rem;
padding: 0 5px;
font-weight: 600;
color: var(--wp--preset--color--button);
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="date"],
input[type="time"],
input[type="search"],
input[type="url"],
input[type="tel"],
input[type="range"],
select,
textarea {
border: 1px solid var(--wp--preset--color--grey);
padding: 10px;
width: 100%;
margin-bottom: 20px;
border-radius: 0;
font-size: 1rem;
font-family: var(--wp--preset--font-family--content), serif, Arial, Helvetica,
sans-serif;
color: var(--wp--preset--color--paragraph);
transition: 0.3s;
}
input[type="range"] {
accent-color: var(--wp--preset--color--button);
}
input[type="button"] {
background-color: var(--wp--preset--color--primary);
color: var(--wp--preset--color--light);
border-radius: 0rem;
border-color: var(--wp--preset--color--button);
border-width: 1px;
border-style: solid;
font-weight: 600;
margin-top: 1.3rem;
padding-top: 0.6rem;
padding-right: 0.825rem;
padding-bottom: 0.4rem;
padding-left: 0.825rem;
}
input[type="button"]:hover {
background-color: var(--wp--preset--color--light);
color: var(--wp--preset--color--primary);
border-color: var(--wp--preset--color--light);
}
input[type="submit"],
button[type="submit"] {
display: block;
width: 100%;
margin-top: 30px;
padding: 10px;
background-color: var(--wp--preset--color--button);
border: none;
border-radius: 0;
color: var(--wp--preset--color--light);
font-size: 0.925rem;
font-weight: 600;
cursor: pointer;
transition: 0.3s all ease-in-out;
}
input[type="submit"]:hover,
button[type="submit"]:hover {
background-color: var(--wp--preset--color--light);
color: var(--wp--preset--color--primary);
}
textarea {
height: 100px;
min-height: 100px;
resize: none;
font-family: var(--wp--preset--font-family--content), Arial, Helvetica,
sans-serif;
}
input:focus,
textarea:focus,
select:focus {
outline-color: var(--wp--preset--color--button);
}
input:-webkit-autofill {
box-shadow: inset 0 0 0 9999px var(--wp--preset--color--light);
-webkit-box-shadow: inset 0 0 0 9999px var(--wp--preset--color--light);
}
input:-webkit-autofill:focus {
box-shadow: 0 0 0 50px var(--wp--preset--color--light) inset;
-webkit-box-shadow: 0 0 0 50px var(--wp--preset--color--light) inset;
}
::placeholder {
color: var(--wp--preset--color--dark-grey);
} h1,
h2,
h3,
h4,
h5,
h6 {
overflow-wrap: break-word;
font-family: var(--wp--preset--font-family--title);
color: var(--wp--preset--color--light);
}
h1 {
font-size: var(--wp--preset--font-size--xxl);
margin-bottom: 35px;
}
h2 {
font-size: var(--wp--preset--font-size--e-lg);
margin-bottom: 20px;
}
h3 {
font-size: var(--wp--preset--font-size--md);
margin-bottom: 20px;
}
h4 {
font-size: var(--wp--preset--font-size--md-s);
margin-bottom: 20px;
}
h5 {
font-size: var(--wp--preset--font-size--sm);
margin-bottom: 20px;
}
h6 {
font-size: var(--wp--preset--font-size--sm);
margin-bottom: 20px;
}
p {
font-size: var(--wp--preset--font-size--sm);
margin-bottom: 10px;
line-height: 120%;
} .skip-link {
position: absolute;
left: -999px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
background: #000;
color: #fff;
padding: 8px 16px;
z-index: 1000;
text-decoration: none;
font-weight: bold;
border-radius: 4px;
}
.skip-link:focus {
left: 16px;
top: 16px;
width: auto;
height: auto;
clip: auto;
overflow: visible;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.space {
display: block;
padding: 0.5vh 0;
}
.spacer-3 {
padding: 3vh 0;
}
.spacer-6 {
padding: 6vh 0;
}
.divider {
margin: 60px 0;
}
.center {
text-align: center;
}
.upper {
text-transform: uppercase;
}
.margin-t-30 {
margin-top: 30px;
}
.margin-t-60 {
margin-top: 60px;
}
.margin-t-100 {
margin-top: 100px;
}
.margin-b-30 {
margin-bottom: 30px;
}
.margin-b-60 {
margin-bottom: 60px;
}
.margin-b-100 {
margin-bottom: 100px;
}
.text-center {
text-align: center;
}
.a-top {
align-items: flex-start;
}
.a-center {
align-items: center;
}
.a-end {
align-items: flex-end;
}
.space-btw {
justify-content: space-between;
}
.space-around {
justify-content: space-around;
}
.space-cen {
justify-content: center;
}
.space-end {
justify-content: flex-end;
}
.space-str {
justify-content: flex-start;
}
.head-font {
font-family: var(--wp--preset--font-family--cairoplay);
}
.content-font {
font-family: var(--wp--preset--font-family--inter);
} .alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 0;
}
.alert-ok {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.alert-info {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
} .d-block {
display: block;
}
.d-grid {
display: grid;
}
.d-flex {
display: flex;
}
.d-flex-c {
display: flex;
flex-direction: column;
}
.flex-wrap {
flex-wrap: wrap;
}
.row {
display: flex;
flex-wrap: wrap;
}
.row > * {
box-sizing: border-box;
flex-shrink: 0;
width: 100%;
max-width: 100%;
}
.row-cols-auto > * {
flex: 0 0 auto;
width: auto;
}
@media (min-width: 768px) {
.col-md {
flex: 1 0 0%;
}
.row-cols-md-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-md-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-md-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-md-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-md-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-md-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-md-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-md-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-md-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-md-3 {
flex: 0 0 auto;
width: 25%;
}
.col-md-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-md-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-md-6 {
flex: 0 0 auto;
width: 50%;
}
.col-md-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-md-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-md-9 {
flex: 0 0 auto;
width: 75%;
}
.col-md-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-md-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-md-12 {
flex: 0 0 auto;
width: 100%;
}
}
@media (min-width: 992px) {
.col-lg {
flex: 1 0 0%;
}
.row-cols-lg-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-lg-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-lg-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-lg-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-lg-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-lg-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-lg-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-lg-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-lg-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-lg-3 {
flex: 0 0 auto;
width: 25%;
}
.col-lg-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-lg-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-lg-6 {
flex: 0 0 auto;
width: 50%;
}
.col-lg-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-lg-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-lg-9 {
flex: 0 0 auto;
width: 75%;
}
.col-lg-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-lg-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-lg-12 {
flex: 0 0 auto;
width: 100%;
}
}
@media (max-width: 768px) {
.gap-md {
gap: 100px;
}
}
@media (max-width: 992px) {
.gap-lg {
gap: 100px;
}
.gap-lg-150 {
gap: 150px;
}
}
.row-reverse {
flex-direction: row-reverse;
}
.col-reverse {
flex-direction: column-reverse;
}
.col-text-md,
.box-text-lg {
padding: 0 50px;
}
@media (max-width: 768px) {
.row-md-reverse {
flex-direction: row-reverse;
}
.col-md-reverse {
flex-direction: column-reverse;
}
.col-text-md {
padding: 0;
}
}
@media (max-width: 992px) {
.row-lg-reverse {
flex-direction: row-reverse;
}
.col-lg-reverse {
flex-direction: column-reverse;
}
.col-text-lg {
padding: 0;
}
}
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
} .wp-block-button.is-style-fill a {
color: var(--wp--preset--color--light);
}
.wp-block-button.is-style-fill .wp-block-button__link:hover {
background-color: var(--wp--preset--color--light);
color: var(--wp--preset--color--primary);
border-color: var(--wp--preset--color--light) !important;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
color: var(--wp--preset--color--primary);
border-color: var(--wp--preset--color--light) !important;
} .occhiello {
font-size: var(--wp--preset--font-size--e-sm);
color: var(--wp--preset--color--grey);
}
.occhiello-red {
font-size: var(--wp--preset--font-size--sup-s);
color: var(--wp--preset--color--primary);
}
.square-img {
position: relative;
}
.square-img::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
border: 10px solid var(--wp--preset--color--grey-dark);
opacity: 0.75;
top: -5%;
left: -4%;
z-index: -1;
} .shadow-title {
position: relative;
}
.shadow-title::after {
position: absolute;
content: "Produzioni";
top: -6vh;
left: -2vh;
font-size: var(--wp--preset--font-size--xxl);
font-weight: 800;
color: var(--wp--preset--color--grey);
z-index: -1;
font-family: var(--wp--preset--font-family--title);
opacity: 0.3;
} .shadow-title-1 {
position: relative;
}
.shadow-title-1::after {
position: absolute;
content: "Riconoscimenti";
top: -6vh;
left: -2vh;
font-size: var(--wp--preset--font-size--xxl);
font-weight: 800;
color: var(--wp--preset--color--grey);
z-index: -1;
font-family: var(--wp--preset--font-family--title);
opacity: 0.3;
}
.split-color {
color: var(--wp--preset--color--primary);
}
.height-50 {
height: 50vh;
} .fade-in-y-50 {
transform: translateY(50%);
}
.fade-in-y-20 {
transform: translateY(20%);
}
.fade-in-x {
transform: translateX(100%);
}  .alignfull {
width: 100%;
margin-inline: auto;
}
.container,
.alignwide {
width: min(1600px, 100% - 7vh);
margin-inline: auto;
} @media (max-width: 600px) {
.wp-block-media-text.is-stacked-on-mobile:is:not(alignwide) {
padding: 0 8%;
row-gap: 30px;
}
.wp-block-media-text.is-stacked-on-mobile {
row-gap: 8vh;
}
.wp-block-media-text__content {
padding: 0 !important;
}
} .wp-block-cover {
padding: 0;
} .headline {
position: fixed;
width: 100%;
z-index: 1001;
}
.headline a {
color: var(--wp--preset--color--light);
}
.headline .container .inner {
width: 100%;
padding: 20px 0;
}
.headline .container .inner .wrap-burger {
margin-inline: 0 auto;
}
.headline .container .inner .wrap-brand {
margin-inline: auto;
}
.headline .container .inner .wrap-form {
margin-inline: auto 0;
}
.headline .container .inner .brand {
padding: 0;
display: flex;
margin-inline: auto;
margin-bottom: 0;
}
.headline .container .inner .brand img {
width: clamp(10rem, 7.8824rem + 9.0353vw, 22rem);
height: auto;
}
.headline .container .inner .search {
display: flex;
margin-left: auto;
padding: 0 0 0 20px;
cursor: pointer;
}
.headline .container .inner .search i {
padding: 12px 0;
}
@media screen and (max-width: 700px) {
.headline .container .inner .wrap-brand {
margin-inline: auto 0;
}
} input::placeholder {
color: var(--wp--preset--color--grey); } input::-webkit-input-placeholder {
color: var(
--wp--preset--color--grey
); }
input:-ms-input-placeholder {
color: var(
--wp--preset--color--grey
); }
input::-ms-input-placeholder {
color: var(
--wp--preset--color--grey
); } .headline-scroll.headline {
background: rgb(0, 0, 0);
}
@media screen and (max-width: 430px) {
.headline .search-form {
display: none;
}
.headline .brand {
margin-inline: 0 !important;
}
} .headline .container .inner .burger-menu {
display: flex;
flex-direction: column;
row-gap: 8px;
background-color: transparent;
border: none;
padding: 12px 50px 0 0;
cursor: pointer;
z-index: 1001;
margin-right: 0;
position: relative;
}
.burger-item-1,
.burger-item-2 {
width: 25px;
height: 1px;
background-color: var(--wp--preset--color--light);
}
.headline .container .inner .burger-menu .burger-label {
position: relative;
display: inline-block;
}
.label-menu,
.label-close {
position: absolute;
left: 35px;
top: -19px;
display: flex;
align-items: center;
justify-content: center;
color: var(--wp--preset--color--grey-light);
}
.label-close {
opacity: 0;
transform: translateY(10%);
} .open-menu {
position: absolute;
top: 0;
left: 0;
width: 60vh;
height: 100vh;
padding: 50px 10px;
opacity: 1;
transform: translateX(-100%);
background-color: var(--wp--preset--color--background);
}
.open-menu .inner-open-menu {
padding: 0 15px 0 15px;
width: 100%;
height: 100%;
}
.open-menu .inner-open-menu .headline-menu {
height: 55%;
display: flex;
align-items: center;
}
.open-menu .inner-open-menu .social {
margin-top: 4vh;
}
.open-menu .inner-open-menu .social .icon svg {
width: 25px;
height: 25px;
margin-right: 10px;
}
.open-menu .inner-open-menu .headline-menu .menu {
list-style: none;
padding: 0;
}
.open-menu .inner-open-menu .headline-menu .menu .menu-item {
margin: 25px 0;
transform: translateX(-100%);
}
.open-menu .inner-open-menu .headline-menu .menu .menu-item a {
font-size: var(--wp--preset--font-size--md);
font-family: var(--wp--preset--font-family--title);
display: block;
}
.open-menu .inner-open-menu .brand-icon {
margin-bottom: 3vh;
}
.open-menu .inner-open-menu .brand-icon img {
width: 250px;
height: 40px;
object-fit: contain;
}
@media screen and (max-width: 500px) {
.open-menu {
width: 100%;
}
} .search-form,
.search-form-open {
position: relative;
width: 250px;
}
.input-search::placeholder {
color: var(--wp--preset--color--light);
}
.search-form input[type="text"],
.search-form-open input[type="text"] {
border: none;
border-bottom: 1px solid var(--wp--preset--color--light);
height: 30px;
margin-bottom: 0;
background-color: transparent;
}
.search-form input,
.search-form-open input[type="text"]:focus {
outline: none;
}
.search-form input[type="text"]:focus-visible,
.search-form-open input[type="text"]:focus-visible {
outline: none;
border: 1px solid var(--wp--preset--color--light);
}
input[type="text"]:-webkit-autofil {
-webkit-text-fill-color: var(--wp--preset--color--light);
-webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
}
input[type="text"]:focus-visible:-webkit-autofill {
background-color: transparent !important;
}
.btn-submit {
position: absolute;
top: 0;
right: 0;
width: 30px;
height: 30px;
color: red;
}
@media screen and (max-width: 700px) {
.wrap-form {
display: none;
}
.headline .container .inner .brand {
margin-right: 0;
}
}
@media screen and (min-width: 700px) {
.search-form-open {
display: none;
}
} .video-header {
position: relative;
height: 100vh;
height: 100dvh;
width: 100%;
overflow: hidden;
}
.video-header::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
z-index: 1;
}
#bg-video,
#bg-image {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: 100%;
height: 100vh;
z-index: -1;
transform: translate(-50%, -50%);
}
#bg-video img,
#bg-image img {
object-fit: cover;
width: 100%;
height: 100%;
} .banner-testo {
position: absolute;
bottom: 10%;
left: 0;
z-index: 10;
}
.banner-testo h2 {
font-size: var(--wp--preset--font-size--md);
margin-left: 1vh;
}
.banner-testo .inner {
gap: 2vh;
}
.banner-testo .inner h2 {
position: relative;
margin-bottom: 0;
font-size: clamp(1.8rem, 1.1747rem + 2.7114vw, 4.225rem);
width: fit-content;
font-weight: 300;
margin-left: 1vh;
}
.banner-testo .inner h2 span {
font-size: var(--wp--preset--font-size--sm);
color: var(--wp--preset--color--primary);
margin-left: 1vh;
}
@media screen and (max-width: 992px) {
.esecutive .row {
flex-direction: column-reverse;
}
.esecutive .col-lg-6 {
padding-right: 0 !important;
}
.cinematografiche .col-lg-6 {
padding-left: 0 !important;
}
.gap-lg {
gap: 40px;
}
} .davide {
position: relative;
}
.davide::after {
position: absolute;
content: "Davide Montecchi";
top: 35%;
left: 70%;
font-size: var(--wp--preset--font-size--e-lg);
font-family: var(--wp--preset--font-family--title);
}
.elisa {
position: relative;
}
.elisa::after {
position: absolute;
content: "Elisa Giardini";
top: 35%;
left: 70%;
font-size: var(--wp--preset--font-size--e-lg);
font-family: var(--wp--preset--font-family--title);
}
.about {
position: relative;
background: url(https://meclimone.manueltirone.it/wp-content/uploads/2024/06/Meclimone-chi-siamo.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}
.about::after {
position: absolute;
content: "";
top: 0;
left: 0;
background-color: var(--wp--preset--color--dark);
opacity: 0.8;
z-index: 1;
width: 100%;
height: 100%;
}
.about .inner {
position: relative;
z-index: 2;
}
@media screen and (max-width: 1350px) {
.davide::after,
.elisa::after {
top: 30%;
}
}
@media screen and (max-width: 1200px) {
.davide::after,
.elisa::after {
top: 26%;
left: 50%;
}
}
@media screen and (max-width: 1050px) {
.davide::after,
.elisa::after {
top: 20%;
}
}
@media screen and (max-width: 870px) {
.davide::after,
.elisa::after {
top: 15%;
}
}
@media screen and (max-width: 768px) {
.davide::after,
.elisa::after {
top: 50%;
}
}
@media screen and (max-width: 635px) {
.davide::after,
.elisa::after {
top: 35%;
}
}
@media screen and (max-width: 430px) {
.davide::after,
.elisa::after {
top: 25%;
}
} .page-content-archive .hero-archive {
padding-top: 20vh;
padding-bottom: 4vh;
background-image: url(https://www.meclimone.com/wp-content/uploads/2024/06/hero-archive.webp);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.page-content-archive .hero-archive::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.6;
}
.page-content-archive .container {
position: relative;
z-index: 20;
}
.page-content-archive .container .intro {
padding-left: 15vw;
margin-bottom: 20px;
padding-right: 15vw;
line-height: 1.2;
}
.page-content-archive .prod-archive .container .wrap-archive {
grid-template-columns: repeat(4, 1fr);
gap: 35px;
}
.page-content-archive
.prod-archive
.container
.wrap-archive
article
.box-corsi {
overflow: hidden;
position: relative;
aspect-ratio: 2 / 3;
}
.page-content-archive
.prod-archive
.container
.wrap-archive
article
.box-corsi
img {
width: 100%;
height: 100%;
object-fit: fill;
}
.page-content-archive .prod-archive .container .wrap-archive article h2 {
color: var(--wp--preset--color--light);
font-size: var(--wp--preset--font-size--md);
}
.wrap-archive .box-info {
padding: 25px 0 25px 10px;
border-left: 1px solid var(--wp--preset--color--grey-dark);
border-bottom: 1px solid var(--wp--preset--color--grey-dark);
border-right: 1px solid var(--wp--preset--color--grey-dark);
min-height: 15vh;
}
.wrap-archive .box-info .title {
margin: 0;
}
.wrap-archive .box-info .date {
font-size: var(--wp--preset--font-size--sup-s);
margin-bottom: 15px;
display: block;
}
.page-content-archive .prod-archive .wrap-archive .layer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
min-height: 200px;
max-height: 350px;
z-index: 10;
padding: 2vh;
background: rgb(0, 0, 0);
background: -moz-linear-gradient(
180deg,
rgba(0, 0, 0, 0.7665660014005602) 26%,
rgba(0, 0, 0, 0.7777704831932774) 70%,
rgba(0, 0, 0, 0.7077424719887955) 100%
);
background: -webkit-linear-gradient(
180deg,
rgba(0, 0, 0, 0.7665660014005602) 26%,
rgba(0, 0, 0, 0.7777704831932774) 70%,
rgba(0, 0, 0, 0.7077424719887955) 100%
);
background: linear-gradient(
180deg,
rgba(0, 0, 0, 0.7665660014005602) 26%,
rgba(0, 0, 0, 0.7777704831932774) 70%,
rgba(0, 0, 0, 0.7077424719887955) 100%
);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
transform: translateY(100%);
opacity: 0;
}
.specifiche .inner {
row-gap: 2vh;
}
.page-content-archive .prod-archive .wrap-archive .layer ul {
margin: 0;
padding: 0;
list-style: none;
}
.page-content-archive .prod-archive .wrap-archive .layer ul li {
margin: 0;
padding: 0;
margin-top: 10px;
}
.page-content-archive .prod-archive .wrap-archive .layer .wrap-attori {
gap: 5px;
flex-wrap: wrap;
}
.page-content-archive .layer .regia,
.page-content-archive .layer .uscita,
.page-content-archive .layer .attori {
margin-bottom: 10px;
color: #bbbbbb;
font-family: var(--wp--preset--font-family--title);
font-weight: 600;
font-size: var(--wp--preset--font-size--sm);
}
.page-content-archive .layer .data,
.page-content-archive .layer .direttore,
.page-content-archive .layer .attore {
color: #808080;
font-size: var(--wp--preset--font-size--sup-s);
}
@media screen and (max-width: 1150px) {
.page-content-archive .prod-archive .container .wrap-archive {
grid-template-columns: repeat(3, 1fr);
gap: 35px;
}
}
@media screen and (max-width: 992px) {
.page-content-single .hero-single .video {
padding-right: 0 !important;
}
.page-content-single .hero-single .trama .share {
margin-top: 2vh;
}
}
@media screen and (max-width: 900px) {
.page-content-archive .prod-archive .container .wrap-archive {
grid-template-columns: repeat(2, 1fr);
gap: 35px;
}
}
@media screen and (max-width: 768px) {
.page-content-archive .container .intro {
padding-left: 0;
}
}
@media screen and (max-width: 600px) {
.page-content-archive .prod-archive .container .wrap-archive {
grid-template-columns: repeat(1, 1fr);
gap: 35px;
}
} .page-content-single .hero-single {
padding-top: 20vh;
padding-bottom: 4vh;
}
.page-content-single .hero-single .trailer {
padding: 5vh 0;
}
.page-content-single .hero-single h1 {
color: var(--wp--preset--color--primary);
font-size: var(--wp--preset--font-size--e-lg);
}
.page-content-single .hero-single .video {
padding-right: var(--wp--preset--spacing--40);
}
.page-content-single .hero-single .video iframe {
width: 100%;
height: 450px;
}
.page-content-single .hero-single .trama span {
margin: 20px 0;
}
.page-content-single .hero-single .trama .share {
padding: 10px 0;
border-top: 1px solid var(--wp--preset--color--grey-dark);
border-bottom: 1px solid var(--wp--preset--color--grey-dark);
margin-bottom: 4vh;
}
.page-content-single .hero-single .specifiche {
padding: 3vh;
border-top: 1px solid var(--wp--preset--color--grey-dark);
border-bottom: 1px solid var(--wp--preset--color--grey-dark);
margin-bottom: 4vh;
}
.page-content-single .hero-single .specifiche ul {
margin: 0;
list-style: none;
padding: 0;
}
.page-content-single .hero-single .specifiche ul li {
margin: 0;
}
.page-content-single .hero-single .specifiche p {
font-size: var(--wp--preset--font-size--md);
}
.page-content-single .hero-single .row .occhiello {
font-size: var(--wp--preset--font-size--md-s);
display: block;
margin-bottom: 3vh;
}
.page-content-single .hero-single .premiazioni {
padding: 5vh;
}
.page-content-single .hero-single .premiazioni .lista {
flex-wrap: wrap;
gap: 20px;
}
.page-content-single .hero-single .premiazioni .lista .premio {
aspect-ratio: 1;
max-width: 250px;
}
.premiazioni h2 {
position: relative;
z-index: 1;
}
.premiazioni .lista {
position: relative;
z-index: 1;
}
.premiazioni .lista .premio img {
object-fit: contain;
width: 100%;
height: 100%;
}
.ricordi h3 {
padding: 3vh 0;
margin: 0;
text-align: center;
font-size: var(--wp--preset--font-size--e-lg);
}
.slider-ricordi .image {
aspect-ratio: 2 / 3;
}
.slider-ricordi .image img {
width: 100%;
height: 100%;
} .page-content-search .hero-search {
padding-top: 15vh;
padding-bottom: 4vh;
}
.page-content-search .container .intro {
padding-left: 15vw;
margin-bottom: 20px;
padding-right: 15vw;
line-height: 1.2;
}
.page-content-search .hero-search h1 {
margin-top: 2vh;
}
.page-content-search .prod-search .container .wrap-search {
grid-template-columns: repeat(4, 1fr);
gap: 35px;
}
.page-content-search .prod-search .container .wrap-search article {
overflow: hidden;
position: relative;
}
.page-content-search .prod-search .container .wrap-search article h2 {
color: var(--wp--preset--color--primary);
font-size: var(--wp--preset--font-size--md);
}
.wrap-search .box-info {
padding: 25px 0 25px 10px;
border-left: 1px solid var(--wp--preset--color--grey-dark);
border-bottom: 1px solid var(--wp--preset--color--grey-dark);
border-right: 1px solid var(--wp--preset--color--grey-dark);
}
.wrap-search .box-info .title {
margin: 0;
}
.wrap-search .box-info .date {
font-size: var(--wp--preset--font-size--sup-s);
margin-bottom: 15px;
display: block;
}
.page-content-search .prod-search .wrap-search .layer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
max-height: 70%;
z-index: 10;
padding: 2vh 2vh 10vh 2vh;
background: rgb(0, 0, 0);
background: -moz-linear-gradient(
180deg,
rgba(0, 0, 0, 0.7665660014005602) 26%,
rgba(0, 0, 0, 0.7777704831932774) 70%,
rgba(0, 0, 0, 0.7077424719887955) 100%
);
background: -webkit-linear-gradient(
180deg,
rgba(0, 0, 0, 0.7665660014005602) 26%,
rgba(0, 0, 0, 0.7777704831932774) 70%,
rgba(0, 0, 0, 0.7077424719887955) 100%
);
background: linear-gradient(
180deg,
rgba(0, 0, 0, 0.7665660014005602) 26%,
rgba(0, 0, 0, 0.7777704831932774) 70%,
rgba(0, 0, 0, 0.7077424719887955) 100%
);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
transform: translateY(100%);
opacity: 0;
}
.page-content-search .prod-search .wrap-search .layer ul {
margin: 0;
padding: 0;
list-style: none;
}
.page-content-search .prod-search .wrap-search .layer ul li {
margin: 0;
padding: 0;
margin-top: 10px;
}
.page-content-search .prod-search .wrap-search .layer .wrap-attori {
gap: 5px;
flex-wrap: wrap;
}
.page-content-search .layer .regia,
.layer .uscita {
margin-bottom: 10px;
}
.page-content-search .layer .attore,
.layer .direttore,
.layer .data {
margin-bottom: 10px;
}
.page-content-search .layer .data,
.layer .direttore,
.layer .attore {
color: var(--wp--preset--color--light);
}
@media screen and (max-width: 1050px) {
.page-content-search .prod-search .container .wrap-search {
grid-template-columns: repeat(3, 1fr);
gap: 35px;
}
}
@media screen and (max-width: 768px) {
.page-content-search .prod-search .container .wrap-search {
grid-template-columns: repeat(2, 1fr);
gap: 35px;
}
}
@media screen and (max-width: 430px) {
.page-content-search .prod-search .container .wrap-search {
grid-template-columns: repeat(1, 1fr);
gap: 35px;
}
} .informazioni .wp-block-column {
min-height: 300px;
place-items: center;
display: grid;
} input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="date"],
input[type="time"],
input[type="search"],
input[type="url"],
input[type="tel"],
input[type="range"],
select,
textarea {
background-color: var(--wp--preset--color--dark);
margin-bottom: 0;
border: none;
border-bottom: 2px solid var(--wp--preset--color--grey-dark);
}
input[type="submit"] {
margin-top: 0;
}
label {
margin: 0;
font-size: var(--wp--preset--font-size--e-sm);
position: relative;
}
.required {
position: absolute;
left: 80px;
top: 6px;
}
input[type="checkbox"] {
display: none;
}
.custom-checkbox {
display: flex;
align-items: center;
justify-content: center;
width: 17px;
height: 17px;
position: relative;
margin-right: 5px;
overflow: hidden;
background-clip: content-box;
background-color: var(--wp--preset--color--light);
}
.policy {
line-height: 0;
display: inline-flex;
}
.policy .required {
position: absolute;
top: 6px;
left: 20px;
}
.custom-checkbox::after {
content: "\2713";
visibility: hidden;
font-size: var(--wp--preset--font-size--e-sm);
color: var(--wp--preset--color--button);
margin-bottom: -5px;
}
.required {
color: var(--wp--preset--color--primary);
margin: 0 5px;
}
input[type="checkbox"]:checked + .custom-checkbox::after {
visibility: visible;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: var(--wp--preset--color--button);
} .page-404 .container {
height: 100vh;
}
.page-404 .container h1 {
color: var(--wp--preset--color--primary);
}
.page-404 .container p {
font-size: var(--wp--preset--font-size--md);
margin-bottom: 5vh;
} .footer {
padding: 25px 0 0 0;
background-color: var(--wp--preset--color--dark);
border-top: 1px solid var(--wp--preset--color--grey-dark);
}
.footer .container .brand {
color: var(--wp--preset--color--paragraph);
margin-bottom: 35px;
display: block;
}
.footer .container .brand img {
width: clamp(10rem, 7.8824rem + 9.0353vw, 22rem);
height: auto;
}
.footer .container .top {
padding: 25px 0;
}
.footer .container .top .col-lg-4 h4 {
margin-bottom: 20px;
}
.footer .container .top .col-lg-8 .social h4 {
margin-top: 20px;
}
.footer .container .top .col-lg-4 a,
.footer .container .top .col-lg-4 p {
font-size: var(--wp--preset--font-size--e-sm);
margin-bottom: 0;
color: var(--wp--preset--color--paragraph);
}
.footer .container .col-lg-8 .social i svg {
width: 25px;
height: 25px;
margin-right: 20px;
}
.footer .container .address svg {
width: 25px;
height: 25px;
margin-right: 10px;
}
.footer .container .address span:nth-child(1),
.footer .container .address span:nth-child(2) {
margin-bottom: 3vh;
}
.footer .container .brand span:nth-child(1) {
font-size: var(--wp--preset--font-size--md);
}
.footer .container .brand span:nth-child(2) {
font-size: var(--wp--preset--font-size--e-sm);
}
.footer .container .bottom {
padding: 25px 0 5px 0;
border-top: 1px solid var(--wp--preset--color--grey-dark);
}
.footer .container .bottom .col-lg-8 p {
font-size: var(--wp--preset--font-size--sup-s);
padding: 5px 0;
}
.footer .container .bottom .col-lg-4 .footer-menu ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
gap: 20px;
}
.footer .container .bottom .col-lg-4 .footer-menu ul li {
display: flex;
align-items: flex-start;
}
.footer .container .bottom .col-lg-4 .footer-menu ul li a {
font-size: var(--wp--preset--font-size--e-sm);
}
@media screen and (max-width: 992px) {
.footer .container .brand {
margin-bottom: 0;
}
} .splide__arrow {
background-color: transparent;
border: 1px solid var(--wp--preset--color--grey);
width: 3.5em;
height: 3.5em;
}
.splide__arrow svg {
fill: var(--wp--preset--color--primary);
}  .breadcrumbs {
margin-bottom: 10vh;
text-align: end;
}
.separator {
color: var(--wp--preset--color--primary);
}
.breadcrumbs nav p a {
color: var(--wp--preset--color--grey);
} .back-to-top {
display: inline-block;
writing-mode: vertical-rl;
text-orientation: upright;
position: fixed;
bottom: 50px;
right: 10px;
padding: 10px 20px;
z-index: 999;
color: var(--wp--preset--color--primary);
opacity: 1;
} .cursor {
width: 5vh;
height: 5vh;
border: 0.5px solid var(--wp--preset--color--primary);
border-radius: 50%;
position: absolute;
pointer-events: none;
display: grid;
place-content: center;
padding: 1vh;
z-index: 2000;
}
.cursor .text {
color: var(--wp--preset--color--primary);
font-size: var(--fs-cursor);
font-weight: 600;
opacity: 0;
} .social-share * {
margin-left: 10px;
}
.social-share .share {
margin: 0 !important;
}
.social-share img {
width: clamp(30px, 5vw, 45px);
height: clamp(40px, 5vw, 45px);
} .counter {
background-color: var(--wp--preset--color--grey-dark);
position: fixed;
border: 1px solid var(--wp--preset--color--light);
width: 200px;
height: 200px;
bottom: 5vh;
left: 5vh;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
z-index: 100;
}
.counter .inner-counter {
text-align: center;
margin-top: 2vh;
}
.counter span {
display: block;
margin-bottom: 1vh;
}