/*
Theme Name: MNCstarter
Theme URI: https://manuelmancosu.com
Author: Manuel Mancosu
Author URI: https://manuelmancosu.com
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mnc
*/

/* ! Reset */
body, html{
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
  box-sizing: border-box; margin: 0; padding: 0; overflow-x: hidden; scroll-behavior: smooth;
}

*,
*:before,
*:after{box-sizing: border-box;}

h1, h2, h3, h4, h5, h6{margin: 0; padding: 0; text-wrap: balance;} 
p, ol, ul{margin: 0; padding: 0; text-wrap: pretty;}
ul{list-style: none;}

img{height: auto; max-width: 100%;}

a{transition: all 0.25s cubic-bezier(.215, .61, .355, 1);}

html{font-size: 62.5%;}
body{font-size: 1.6rem;}

.main{min-height: 88vh;}


/* ! Typography */
.bx{transform: translateY(2px;)}
h1, h2, h3, h4, h5{padding: 0; margin: 0;}
p:not(p[class^="is-style-testo-"]){font-size: clamp(1.5rem, 1vmin + 1rem, 1.8rem);}

.headline{font-size: clamp(4rem, 5vmin + 1rem, 8rem); word-wrap: break-word; font-weight: bold;}
.testo_0{font-size: clamp(3.6rem, 5vmin + 1rem, 6.4rem); word-wrap: break-word; font-weight: bold;}
.testo_1, .testo_1 p{font-size: clamp(3.2rem, 4vmin + 1rem, 4.8rem); word-wrap: break-word; font-weight: bold;}
.testo_2, .testo_2 p{font-size: clamp(2.8rem, 3vmin + 1rem, 4rem); word-wrap: break-word;}
.testo_3, .testo_3 p{font-size: clamp(2.4rem, 2vmin + 1rem, 3.2rem); word-wrap: break-word;}
.testo_4, .testo_4 p{font-size: clamp(1.8rem, 1vmin + 1rem, 2.4rem); word-wrap: break-word;}
.testo_5, .testo_5 p{font-size: clamp(1.6rem, 1vmin + 1rem, 2rem); word-wrap: break-word;}
.testo_6, .testo_6 p{font-size: clamp(1rem, 1vmin + 1rem, 1.6rem); word-wrap: break-word;}
.testo_7, .testo_7 p{font-size: clamp(0.8rem, 1vmin + 1rem, 1.36rem); word-wrap: break-word;}

.lsp-reduced{letter-spacing: -0.1rem;}

.regular{font-weight: 400;}
.bold{font-weight: 600;}
.black, .richtext-content .bold{font-weight: 700;}
.italic{font-style: italic;}
.uppercase{text-transform: uppercase;}
.capitalize{text-transform: capitalize;}
.underline{text-decoration: underline;}
.strikeThrough{text-decoration: line-through;}
.text-decoration-none{text-decoration: none !important;}

.txt-lf, .txt-lf p{text-align: left;}
.txt-cn, .txt-cn p{text-align: center;}
.txt-rg, .txt-rg p{text-align: right;}
.txt-js, .txt-js p{text-align: justify; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}
.txt-jsnw{text-align: justify;}

.text-truncate{display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; line-clamp: 1; -webkit-line-clamp: 1;}
.text-truncate.max-two-lines{line-clamp: 2; -webkit-line-clamp: 2;}
.text-truncate.max-three-lines{line-clamp: 3; -webkit-line-clamp: 3;}

.text-columns-2 .block{display: block; columns: 2; column-gap: 40px; -webkit-column-gap: 40px; column-width: 280px; -webkit-column-width: 280px;}

a.tdn{text-decoration: none;}
a.white-text, .white-text{color: #FFFFFF !important;}
.red-text{color: #FF0000 !important;}
.green-text{color: #008000;}
.orange-text{color: #FFA500 !important;}
.secondary-text, .secondary-text::placeholder{color: var(--secondary-color) !important;}

.lh_100{line-height: 105%;}

.auto-space p{margin-bottom: 2.4rem;}


/* ! Alignments */
/*----------------------------------------------------------------------------------- */
.w0{width: 0;}
.h0{height: 0;}

.full-width{width: 100%;}
.full-height{height: 100%;}

.z-10{z-index: -10;}
.z0{z-index: 0;}
.z10{z-index: 10;}
.z20{z-index: 20;}

.t0{top: 0;}
.r0{right: 0;}
.l0{left: 0;}
.r0{bottom: 0;}

.m0{margin: 0 !important;}
.m0a{margin: 0 auto;}

.ml8{margin-left: 0.8rem;}

.fixed{position: fixed;}
.absolute{position: absolute;}
.relative{position: relative;}

.flex{display: flex;}
.flex-column{flex-direction: column;}
.flex-wrap{flex-wrap: wrap !important;}
.flex-nowrap{flex-wrap: nowrap !important;}

@media (max-width: 948px) {#posts-filter{flex-wrap: wrap; max-width: 440px;}}
@media (max-width: 560px) {.flex{flex-wrap: wrap;}}

.jc-start{justify-content: flex-start;}
.jc-center{justify-content: center}
.jc-end{justify-content: flex-end;}
.jc-spbtw{justify-content: space-between;}
.jc-spard{justify-content: space-around;}
.jc-speve{justify-content: space-evenly;}

.al-start{align-items: flex-start;}
.al-center{align-items: center}
.al-end{align-items: flex-end;}

.alc-center{align-content: center;}

.trnsl--128{transform: translateY(-128px);}
.trnsl--160{transform: translateY(-160px);}
.trnsl--240{transform: translateY(-240px);}


/* ! Boxes */
/*----------------------------------------------------------------------------------- */
.r8{border-radius: 8px;}
.r16{border-radius: 16px;}
.r24{border-radius: 24px;}
.r32{border-radius: 32px;}
.r40{border-radius: 40px;}
.r48{border-radius: 48px;}
.r56{border-radius: 56px;}
.r64{border-radius: 64px;}


/* ! Visibilities */
/*----------------------------------------------------------------------------------- */
.block{display: block;}
.deleted{display: none !important;}
.disabled{opacity: 0.64; pointer-events: none; transition: all 0.24s cubic-bezier(.215, .61, .355, 1);}
.show-inhactive{pointer-events: none;}
.element-shown{opacity: 1 !important;}


/* ! Spacers */
/*----------------------------------------------------------------------------------- */
.spacer_4{height: 0.4rem;}
.spacer_8{height: 0.8rem;}
.spacer_16{height: 1.6rem;}
.spacer_24{height: 2.4rem;}
.spacer_32{height: 3.2rem;}
.spacer_40{height: clamp(3.2rem, 3vw + 1rem, 4rem);}
.spacer_48{height: clamp(3.2rem, 3vw + 1rem, 4.8rem);}
.spacer_56{height: clamp(4rem, 4vw + 1rem, 5.6rem);}
.spacer_64{height: clamp(4rem, 4vw + 1rem, 6.4rem);}
.spacer_72{height: clamp(4.8rem, 5vw + 1rem, 7.2rem);}
.spacer_80{height: clamp(4.8rem, 5vw + 1rem, 8.0rem);}
.spacer_88{height: clamp(5.6rem, 6vw + 1rem, 8.8rem);}
.spacer_96{height: clamp(5.6rem, 6vw + 1rem, 9.6rem);}
.spacer_120{height: clamp(6.4rem, 7vw + 1rem, 12.0rem);}
.spacer_160{height: clamp(7.2rem, 9vw + 1rem, 16.0rem);}
.spacer_184{height: clamp(8rem, 10vw + 1rem, 18.4rem);}
.spacer_200{height: clamp(12rem, 11vw + 1rem, 20.0rem);}
.spacer_224{height: clamp(12rem, 12vw + 1rem, 22.4rem);}
.spacer_240{height: clamp(16rem, 13vw + 1rem, 24.0rem);}


/* ! Margins & paddings */
.pdd_4{padding: 0.4rem;}
.pdd_8{padding: 0.8rem;}
.pdd_16{padding: 1.6rem;}
.pdd_24{padding: 2.4rem;}
.pdd_32{padding: clamp(2.4rem, 2vw + 1rem, 3.2rem);}
.pdd_40{padding: clamp(2.4rem, 2vw + 1rem, 4rem);}
.pdd_80{padding: clamp(4.8rem, 5vw + 1rem, 8.0rem);}

.pdd_v8{padding-top: 0.8rem; padding-bottom: 0.8rem;}
.pdd_v16{padding-top: 1.6rem; padding-bottom: 1.6rem;}
.pdd_v24{padding-top: 2.4rem; padding-bottom: 2.4rem;}
.pdd_v32{padding-top: clamp(2.4rem, 2vw + 1rem, 3.2rem); padding-bottom: clamp(2.4rem, 2vw + 1rem, 3.2rem);}
.pdd_v40{padding-top: clamp(2.4rem, 2vw + 1rem, 4rem); padding-bottom: clamp(2.4rem, 2vw + 1rem, 4rem);}

.pdd_h8{padding-left: 0.8rem; padding-right: 0.8rem;}
.pdd_h16{padding-left: 1.6rem; padding-right: 1.6rem;}
.pdd_h24{padding-left: 2.4rem; padding-right: 2.4rem;}
.pdd_h32{padding-left: clamp(2.4rem, 2vw + 1rem, 3.2rem); padding-right: clamp(2.4rem, 2vw + 1rem, 3.2rem);}


/* ! Gaps */
/*----------------------------------------------------------------------------------- */
.gap_4{gap: 0.2rem;}
.gap_4{gap: 0.4rem;}
.gap_8{gap: 0.8rem;}
.gap_12{gap: 1.2rem;}
.gap_16{gap: 1.6rem;}
.gap_24{gap: 2.4rem;}
.gap_32{gap: 3.2rem;}
.gap_40{gap: clamp(2.4rem, 2vw + 1rem, 4rem);}
.gap_48{gap: clamp(2.8rem, 2vw + 1rem, 4.8rem);}
.gap_56{gap: clamp(3.2rem, 4vw + 1rem, 5.6rem);}
.gap_64{gap: clamp(4rem, 4vw + 1rem, 6.4rem);}

.gap_h4{column-gap: 0.4rem;}
.gap_h8{column-gap: 0.8rem;}
.gap_h16{column-gap: 1.6rem;}
.gap_h24{column-gap: 2.4rem;}
.gap_h32{column-gap: 3.2rem;}
.gap_h40{column-gap: clamp(2.4rem, 2vw + 1rem, 4rem);}
.gap_h56{column-gap: clamp(3.2rem, 4vw + 1rem, 5.6rem);}
.gap_h64{column-gap: clamp(4rem, 4vw + 1rem, 6.4rem);}

.gap_v4{row-gap: 0.4rem;}
.gap_v8{row-gap: 0.8rem;}
.gap_v16{row-gap: 1.6rem;}
.gap_v24{row-gap: 2.4rem;}
.gap_v32{row-gap: 3.2rem;}
.gap_v40{row-gap: clamp(2.4rem, 2vw + 1rem, 4rem);}
.gap_v56{row-gap: clamp(3.2rem, 4vw + 1rem, 5.6rem);}
.gap_v64{row-gap: clamp(4rem, 4vw + 1rem, 6.4rem);}


/* ! Images */
/*----------------------------------------------------------------------------------- */
.fit-cover{object-fit: cover;}
.fit-fill{object-fit: fill;}


/* ! Helpers */
/*----------------------------------------------------------------------------------- */
.img-res{width: 100%;}

.width-fit{width: fit-content !important;}
.width-inherit{width: inherit;}

.height-fit{height: fit-content;}
.height-inherit{height: inherit;}

.opacity_80{opacity: 80%}
.overflow-hidden{overflow: hidden;}

.cursor-pointer{cursor: pointer;}


/* ! Animations */
/*----------------------------------------------------------------------------------- */
.fade-in{opacity: 0; transform: translateY(3rem);}


/* ! Wordpress Styles */
/*----------------------------------------------------------------------------------- */
.alignfull{width: 100vw; margin-left: calc(50% - 50vw);}
.alignwide{width: 90vw; margin-left: calc(50% - 45vw);}

@media (min-width: 1320px) {
  .wp-block-media-text {grid-template-columns: 50% 520px min(calc((1320px / 2) - 520px)) minmax(var(--padding-inline), 1fr);}
  .wp-block-media-text .wp-block-media-text__content {grid-column-start: 2; grid-column-end: 4; grid-row: 1; padding: 0 0 0 40px;}
  .wp-block-media-text.reduced .wp-block-media-text__content {grid-column-start: 2; grid-column-end: 3;}
  .wp-block-media-text .wp-block-media-text__media {grid-column: 1;  grid-row: 1;}

  .wp-block-media-text.has-media-on-the-right {grid-template-columns: minmax(var(--padding-inline), 1fr) min(calc((1240px / 2) - 520px))  520px  50%;}
  .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {grid-column-start: 2; grid-column-end: 4; grid-row: 1;}
  .wp-block-media-text.reduced.has-media-on-the-right .wp-block-media-text__content {grid-column: 3; padding: 0 40px 0 0;}
  .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {grid-column: 4;  grid-row: 1;}
}

@media (max-width: 1320px) {
  .wp-block-media-text.reduced .wp-block-media-text__content{width: min(calc(100% - (var(--padding-inline) * 2)), 520px); margin: 0 auto; padding: 0}
}

.wp-block-media-text.section-media > figure{height: 800px;}
.wp-block-media-text.section-media > figure img{height: 100%; object-fit: cover; object-position: 0% 50%;}

@media (max-width: 1080px) {
  .wp-block-media-text.section-media > figure{height: 560px;}
}

@media (max-width: 880px) {
  .wp-block-media-text.section-media{grid-template-columns: 100% !important;}

  .wp-block-media-text.section-media > figure{height: 480px;}

  :is(.wp-block-media-text, .wp-block-media-text.reduced .wp-block-media-text.has-media-on-the-right) .wp-block-media-text__content{grid-column: 1; grid-row: 2; padding: 64px 0;}

  .wp-block-media-text .wp-block-media-text__media,
  .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {grid-column: 1; grid-row: 1;}
}