/*
 Theme Name:   TechEconomy Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       TechEconomy
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

@font-face {
    font-family: 'GalanoGrotesqueRegular';
    src: url("./assets/fonts/GalanoGrotesque/GalanoGrotesqueRegular.woff") format("woff");
    src: url("./assets/fonts/GalanoGrotesque/GalanoGrotesqueRegular.otf") format("otf");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'DMMono-Regular';
    src: url("assets/fonts/DMMono-Regular.woff2") format("woff2"),
         url("assets/fonts/DMMono-Regular.woff") format("woff"),
         url("assets/fonts/DMMono-Regular.ttf") format("truetype"),
         url("assets/fonts/DMMono-Regular.eot") format("embedded-opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DM-Sans';
    src: url("assets/fonts/DMSans-Regular.woff2") format("woff2"),
         url("assets/fonts/DMSans-Regular.woff") format("woff"),
         url("assets/fonts/DMSans-Regular.ttf") format("truetype"),
         url("assets/fonts/DMSans-Regular.eot") format("embedded-opentype");
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'DMMono-Medium';
    src: url("assets/fonts/DMMono-Medium.woff2") format("woff2"),
         url("assets/fonts/DMMono-Medium.woff") format("woff"),
         url("assets/fonts/DMMono-Medium.ttf") format("truetype"),
         url("assets/fonts/DMMono-Medium.eot") format("embedded-opentype");
    font-weight: 800;
    font-style: normal;
}


body {
    font-family: 'DMMono-Regular', monospace;
    background-color: #fff;
    color: var(--contrast);
    overflow-x: hidden;
}

.medium {
    font-family: 'DMMono-Medium', monospace;
    background-color: #fff;
    color: var(--contrast);
    overflow-x: hidden;
}

.mrg {
    text-align: center;
    top: 0;
    background-color: white;
    z-index: 99999;
    position: sticky;
    border-bottom: 1px solid #000;
    /* margin: auto;
    text-align: center;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: white;
    z-index: 99999; */
}

ol, ul {
    margin: 0;
}

.space-single-post {
    margin: auto;
}

/* Stile per l'header ridotto */
.site-header.shrink {
    padding: 5px 0;
    /* Riduci l'altezza dell'header */
    transition: padding 0.5s ease;
}

.site-header .site-logo img {
    height: 100px;
    /* Altezza normale del logo */
    transition: height 0.5s ease;
}

.site-header.shrink .site-logo img {
    height: 50px;
    /* Altezza ridotta del logo */
}

.no-data{
	display: none;
}

/* ------------------------------------------------ TEMPLATE ---------------------------------------------------- */
.space {
    margin: auto;
    padding-top: 10px;
}

.bn{
	filter: grayscale(100%);
}

.space31 {
    padding-left: 31px !important;
}

.line-first {
    margin: auto;
    border-bottom: 1px solid #000;
}

.grid-container {
    max-width: none;
    padding: 0;
}

.line {
    margin: auto;
    border-bottom: 1px solid #000;
}

.lineFull {
    margin: auto;
    border-bottom: 1px solid #000;
}

.wrap {
    padding: 2rem;
}

.entry-header {
    text-align: center !important;
}


.fonth1 {
    font-size: 5vw;
    margin: 0;
    text-decoration: none !important;
    color: #000 !important;
}

/* .site-title-bold {
    font-family: 'GalanoGrotesqueBold';
} */

.author {
    margin-bottom: 0px;
    font-size: 14px;
}

.brd {
    border-left: 1px solid;
    border-right: 1px solid;
}

.pdg {
    /* padding: 2rem 2rem 2rem 0px; */
    padding: 2.5rem 2rem 2rem 0px
}

.card-title {
    font-size: 24px;
}

.hgt {
    height: 25rem;
}

.box {
    transition: background-color 0.1s, color 0.1s;
    padding: 1.5rem;
    background-color: #fafafa;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    order: 1;
}

.box:hover {
    background-color: black;
    color: white;
    padding: 1.5rem;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.box:hover a {
    color: inherit;
    text-decoration: none !important;
    /* Keeps link color the same on hover */
}

.total-space {
    display: flex;
    /* max-width: 94%; */
    margin: auto;
    justify-content: center;
}

.pagination {
    display: flex;
    justify-content: center;
    margin: auto;
}

.subcategory-image {
    margin-right: 10px;
    vertical-align: middle;
}

.fnt-14 {
    font-size: 14px;
    color: #616161;
}

.box-categoria {
    border-top: 1.5px solid #000;
    padding: 0px 14px 0px 14px;
}

.line-right {
    border-right: 1.5px solid black;
}

.no-data {
    text-align: center;
    top: 0;
    background-color: white;
    z-index: 0;
    position: sticky;
}

.box-black:hover {
    background-color: #000;
}

.box-black:hover a {
    color: #fff;
    text-decoration: none !important;
}

/* ------------------------------------------------ NEWSLETTER ---------------------------------------------------- */

#sib-container {
    padding: 3px!important;
    max-width: 740px!important;
}

.sib-form-block {
    padding: 0!important;
}

.box-newsletter {
    text-align: center;
    background-color: #E0E0E0;
    width: Fixed (1, 440px)px;
    height: Hug (377px)px;
    top: 2592px;
    padding: 6%;
    margin-top: 60px;
}


.newsletter-title {
    /* font-size: 28px;
    font-weight: 500;
    line-height: 33.6px; */
    color: #212121;
    text-align: center;
    font-family: 'DMMono-Medium', monospace;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 500;
    line-height:  2.1rem;
}

.newsletter-undertitle {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6rem;
    letter-spacing: 0.02rem;
    text-align: center;
    font-family: 'DM-Sans', monospace;
    padding-bottom: 20px;
    color: #212121;
}

.newsletter-wdt {
    width: 45%;
    border: 1px solid #000 !important;
    letter-spacing: 2px;
}

.sib-default-btn {
    color: #000 !important;
    background-color: #FAFAFA !important;
    border: 1px solid #000 !important;
    letter-spacing: 2px;
}

.sib-default-btn:hover {
    color: #ffffff !important;
    background-color: #000 !important;
    letter-spacing: 2px;
}


/* ------------------------------------------------ AUTORI ---------------------------------------------------- */
.rounded-circle {
    border-radius: 50% !important;
}

.name-author {
    font-family: 'DMMono-Medium', monospace !important;
    font-weight: 500;
    text-align: left;
    color: #000;
    font-size: 1.75rem;
    font-style: normal;
    line-height:  2.1rem 
}

.description-author {
    font-family: 'DM-Sans', monospace;
    font-size: 1rem;
    font-weight: 400;
    text-align: left;
    color: #424242;
    font-style: normal;
    line-height: 1.6rem;
    letter-spacing: 0.02rem;
}


.description {
    font-family: 'DM-Sans', monospace;
    font-size: 14px;
    font-weight: 400;
    line-height: 22.4px;
    text-align: center;
}

.wdt-author{
	width: 40rem;
}

.no-author-found{
    font-size: 2.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: 0.1375rem;
    color: #212121;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px;
}

.box-img-autori {
    border-right: 1.5px solid #000;
    margin-left: 0.95rem !important;
}

.box-text-autori {
    border-top: 1.5px solid #000;
}

.brd-single-author {
    border-left: 1.5px solid #000;
}

.hgt-line {
    margin-top: 4.1875rem !important;
}

.author-avatars {
    position: relative;
    display: flex;
    align-items: center;
}

.author-main-homepage-image {
    position: relative;
}

.author-main-homepage-image+.author-main-homepage-image {
    margin-left: -20px;
    /* Sovrapposizione degli avatar */
}

.author-avatar {
    display: block;
    margin: auto;
    width: 205px;
}

.border-tutti-gli-articoli:hover .arrow-style {
    margin-left: 6px;
    transition: margin-left 1s;
}

.border-tutti-gli-articoli {
    border-top: 1.5px solid #000;
}

.border-tutti-gli-articoli:hover {
    background-color: #000;
    color: #fff;
}

.font-autore {
    font-family: 'DMMono-Medium', monospace!important;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.8rem ;
    letter-spacing: 0.1125rem;
    text-align: left;
}

.author-title {
    font-family: 'DMMono-Medium', monospace;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.3125rem;
    letter-spacing: 0.0875rem;
    text-transform: uppercase;
}

.author-title-bio {
    font-family: 'DMMono-Medium', monospace;
    color: #000;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.8rem;
    letter-spacing: 0.1125rem;
    text-transform: uppercase;
}

.text-bio{
    padding: 111px 0 0 71px;
}

.avatar-img-author{
    padding: 101px 0 0 0
}

.wp-block-heading {
/*     margin: 64px 0 32px 0!important; */
    font-family: 'DM-Sans', monospace;
    font-size: 35px;
    font-weight: 500;
    line-height: 38.5px;
    text-align: left;

}

.name-author-single {
    font-family: 'DMMono-Regular', monospace;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-align: justify;
    color: #757575;
}

.hgt-articoli {
    height: 10rem;
    padding: 1.50rem;
}

.mrg-tag {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 2rem !important;
    /* padding-top: 1rem !important; */
}

.avatar-img {
    border-radius: 50% !important;
}

/* .box-img {} */

/* cover immagine articoli */
.box-img img {
    width: 100%;
    height: 7.8rem;
    object-fit: cover;
}

.box-img-author img {
    width: 100%;
    height: 13.8rem;
    object-fit: cover;
}

.box-card {
    background-color: #fff;
    border: 1.5px solid #000;
}

.box-card-autori {
    background-color: #fff;
    border: 1px solid #000;
}

.box-card:hover {
    background-color: #f5f5f5;
    /* padding: 1.5rem; */
    border: 1.5px solid #000;
}

.box-card:hover a {
    text-decoration: underline;
}

.box-black {
    display: flex;
    justify-content: center;
    color: #000;
}

.white {
    background-color: #fff;
}

.box-card:hover .white {
    background-color: #000;
    color: #fff;
    text-decoration: none !important
}


.site-title-regular {
    font-size: 4.791vw;
}

.add {
    margin-top: 3rem !important;
    width: 65%;
    margin: auto;
    display: flex;
}

.site-paragraph {
    font-family: 'DMMono-Regular', monospace;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0.1em;
    text-align: center;
}

.inside-header {
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.font-tag {
    font-family: 'DM-Sans', monospace !important;
    color:  #424242;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4rem;
}

.font-botton {
    font-family: 'DMMono-Regular', monospace;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 1.3125rem */
    letter-spacing: 0.0875rem;
    text-transform: uppercase;
}

.nav-float-right #site-navigation {
    margin: auto !important;
}


.dropdown-click .main-navigation ul.toggled-on,
.dropdown-click .main-navigation ul li.sfHover>ul.toggled-on {
    background: #fff;
}

/* ------------------------------------------------ SINGOLO ARTICOLO ---------------------------------------------------- */

.entry-meta {
    gap: 16px;
    display: flex;
}

.uppercase-cat{
	text-transform: uppercase;
	font-size: 0.875rem;
    color: #616161 !important;
}

.single-post-title{
    color:#212121;
    font-family: 'DMMono-Medium', monospace;
    font-size: 4.3125rem;
    font-style: normal;
    font-weight: 500;
    line-height: 4.74375rem;
    letter-spacing: -0.12938rem;
}

.img-fluid-border{
    border-radius: 50px;
	border: 2px solid #fff;
}

.custom-blockquote {
    font-family: 'DMMono-Regular', monospace;
    font-size: 28px;
    font-weight: 500;
    line-height: 33.6px;
    text-align: center;
}

.category_ {
    border: 1px solid #212121;
    padding: 10px 20px;
    border-radius: 99px;
    text-transform: uppercase;
    font-family: 'DMMono-Regular', monospace;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.1em;
    text-align: left;
    gap: 36px;
    opacity: 0px;
}

.space32 {
    margin-top: 2rem;
}

.space72 {
    margin: 72px 0 72px 0;
}

.space187 {
    margin-top: 187px;
}

.ft-14 {
    font-size: 20px;
}

.up {
    text-transform: uppercase;
}

.author-image {
    padding-top: 80px;
}

.box-bio-autori {
    background-color: #f5f5f5;
    padding: 0 0 80px 0;
}

.share {
    display: block;
    font-family: 'DMMono-Regular', monospace;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.1em;
}

.entry-title {
    font-family: 'DMMono-Medium', monospace;
    font-size: 2.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 110%; /* 3.025rem */
    letter-spacing: 0.1375rem;
    color: #212121;
    /* font-family: 'DMMono-Medium';
    font-size: 44px;
    font-weight: 500;
    line-height: 48.4px;
    letter-spacing: 0.05em; */
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px;
    border-bottom: 1px solid #000;
	margin: 0;
}

.single_entry-title {
    font-family: 'DMMono-Regular', monospace;
    font-size: 3.4375rem;
    font-weight: 500;
    line-height: 75.9px;
    letter-spacing: -0.36px;
    text-align: left;
    color: #212121;
}

/* dfn, em, i {
    font-style: italic;
    font-size: 1.375 !important;
}

.cite{
    font-family: 'DMMono-Regular';
    font-size: 28px;
    font-weight: 500;
    line-height: 33.6px;
    text-align: center;
} */

p {
    font-size: 1.125rem;
    font-family: 'DM-Sans', monospace !important;
    margin: 0;
    padding: 0;
}

/* ------------------------------------------------ pagina ricerca ---------------------------------------------------- */

.gp-search-modal .gp-modal__overlay {
    align-items: flex-start;
    padding-top: 25vh;
    z-index: 99999;
    background: #28282887; /* COLORE DI SFONDO DELL'INPUT*/
}
.paging-navigation {
    display: flex;
    justify-content: center;
}

/* .search-modal-form .search-field, .search-modal-form .search-field:focus {
    width: 100%;
    height: 80px;
    background-color: transparent;
    border: 0;
    appearance: none;
} */



/* ------------------------------------------------ testo pagina ---------------------------------------------------- */


/* .grid-container {
    margin-left: auto;
    margin-right: auto;
    max-width: none;
} */

/* .inside-article {
    padding-top: 40px;
} */

/* FOOTER */

.powered{
	font-size: 12px;
    display: flex;
    justify-content: flex-end;
    margin-right: 4rem;
}

.align {
    display: flex;
    justify-content: start;
	margin-left: 1rem;
}

.menu-footer{
    display: flex;
    justify-content: space-evenly;
    list-style: none;
}

/* COLOR SQUARES MENU ROW */
.square-container {
    display: flex;
    justify-content: center;
    gap: 10px;
    padding: 0.5rem;
    overflow-x: auto;
    /* overflow: hidden; */
    white-space: nowrap;
}

.square-container::-webkit-scrollbar {
    display: none;
    /* Per Chrome, Safari, e Opera */
}

.square-container {
    -ms-overflow-style: none;
    /* Per Internet Explorer ed Edge */
    scrollbar-width: none;
    /* Per Firefox */
}

/* Stile per la container normale */
.square-container {
    display: flex;
    justify-content: center;
    gap: 10px;
    padding: 0.5rem;
    overflow-x: auto;
    white-space: nowrap;
}

/* Stile per la container ridotta */
.square-container.shrink {
    gap: 0px; /* Riduci la distanza tra i quadrati */
    padding: 0rem; /* Riduci il padding */
    transition: all 0.3s ease; /* Transizione fluida */
}

/* Stile per i quadrati normali */
.square {
    width: 70px;
    height: 70px;
    transition: all 0.3s ease; /* Per una transizione fluida */
    flex-shrink: 0;
}

/* Stile per i quadrati ridotti */
.square.shrink {
    width: 70px; /* Riduci la larghezza */
    height: 70px; /* Riduci l'altezza */
    transform: scale(0.7); /* Opzionale: applica uno zoom */
    transition: all 0.3s ease;
}


.lineFull {
    margin: auto;
    border-bottom: 1px solid #000;
}

#home-head-container .site-content {
    display: block;
}


#header-top-section .inside-header {
    max-width: 90%;
    margin: 0 auto;
}

#header-top-section .inside-header .menu-toggle {
    background-color: #000;
    color: #fff;
}

.last-article-container {
    display: flex;
    border: 1px solid #000;
}

.article-image-box img {
    object-fit: cover;
}

.post-content-home-col {
    border-left: 1px solid #000;
    padding-top: 64px !important;
    padding-bottom: 63px;
    padding-left: 31px;
}

.post-image-home-col {
    border-left: 1px solid #000;
    padding-left: 0;
}

.m-bottom-32 {
    margin-bottom: 32px;
}

.category-last-home-article a {
    font-size: 0.875rem;
    color: #616161!important;
    font-weight: 400!important;
    font-family: 'DMMono-Regular', monospace!important;
    line-height: normal;
    letter-spacing: 0.0875rem;
	text-transform: uppercase;
}

.home-post-image {
    height: 100%;
}

.home-post-image img {
    height: 80%;
    width: 100%;
    filter: grayscale(100%);
    object-fit: cover;
}

/* .post-title {
    margin-bottom: 32px;
    font-size: 3.4375rem;
    font-family: 'DMMono-Medium';
    color: #212121;
    letter-spacing: -0.36px;
} */

.post-title {
    font-family: 'DMMono-Medium', monospace;
    font-size: 3.4375rem;
    font-style: normal;
    color: #212121;
    font-weight: 500;
    line-height: 110%; /* 3.78125rem */
    letter-spacing: -0.10313rem;
}

.post-title a:hover {
    text-decoration: underline;
}

.post-excerpt {
    color: var(--Neutral-800, #424242);
    font-family: 'DM-Sans', monospace;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.8rem;
}

.author-main-homepage-info {
    margin-bottom: 64px;
    margin-top: 125px;
}

.author-main-article-home {
    display: flex;
}

.author-main-homepage-title {
    font-family: 'DMMono-Medium', monospace;
    font-size:  0.875rem;
    color: #000;
    font-weight: 500;
    line-height:  1.3125rem;
    letter-spacing: 0.0875rem;
    text-transform: uppercase;
}

.author-main-homepage-name {
    color: #757575;
    font-family: 'DMMono-Regular', monospace;
    font-size:  0.875rem;
    font-weight: 400;
    line-height:  1.3125rem;
}

.read-article-btn {
    padding: 30px;
    cursor: pointer;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    display: inline-block;
    text-decoration: none !important;
    color: #000;
    font-family: 'DMMono-Regular', monospace;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.0875rem;
    text-transform: uppercase;
    text-align: center;
}

.space68{
    margin-top: 68px;
}

.neutral200 {
    background-color: #EEEEEE;
}

.read-article-btn:hover {
    background-color: #000;
    color: #fff;
}

.read-more-article-btn:nth-child(-n + 4) {
    padding: 30px;
    cursor: pointer;
    border-bottom: 1px solid #000;
    display: inline-block;
    text-decoration: none !important;
    color: #000;
    font-family: 'DMMono-Regular', monospace;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.1em;
    /* text-align: left; */
    background-color: #FAFAFA;
    text-transform: uppercase;
    text-align: center;
}

.read-more-article-btn:hover {
    background-color: #000;
    color: #fff;
}

.one-container .site-content {
    padding: 0px;
}

.banner-sdg-homepage {
    display: flex;
    justify-content: center;
    width: 70%;
    margin: 0 auto;
    margin-top: 119px;
    margin-bottom: 120px;
}


.homepage-three-col-post-container:nth-child(2) .last-three-post-home-col,
.homepage-three-col-post-container:nth-child(2) .left-post-placeholder-col,
.homepage-three-col-post-container:nth-child(2) .right-post-placeholder-col {
    border-top: none;
}

/* applica la proprietà ai soli primi tre articoli */
.last-three-post-home-col:nth-child(-n + 4) {
    border-top: 1px solid #000;
}

/* Rimuovi il border-top dai post che hanno la classe no-border-top */
.no-border-top {
    border-top: none !important;
}


.first-three-post-home-col:nth-child(-n + 2) {
    border-left: 1px solid #000;
}

.last-three-post-home-col {
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}

.last-three-post-home-col:hover {
    background-color: #f5f5f5;
}

.last-three-post-home-col-fun {
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}

.last-three-post-home-col-fun:hover {
    background-color: #f5f5f5;
}

.placeholder-right-col-border {
    border-top: 1px solid #000;
}


.box-home-img-post {
    height: 159px;
}

.box-home-img-post img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.placeholder-square {
    background-color: #E0E0E0;
    height: 100%;
	width: 80%;
}

.post-home-img-category {
    border-bottom: 1px solid #000;
    min-height: 120px;
}

.post-home-category {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #757575;
    margin-left: 0rem;
	text-transform: uppercase;
}

.post-home-category a {
    font-size: 0.875rem;
    color: #757575;
    font-weight: 400!important;
    font-family: 'DMMono-Regular', monospace!important;
    line-height: 150%;
    letter-spacing: 0.0875rem;
}

.post-category {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #757575;
	margin-left: -2rem !important;
}

.post-category a {
    color: #616161;
    font-family: 'DMMono-Regular'!important;
    line-height: normal;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3125rem;
    letter-spacing: 0.0875rem;
    text-transform: uppercase;
}

.post-home-footer-title {
    font-family: 'DMMono-Medium', monospace;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.3125rem;
    letter-spacing: 0.0875rem;
    text-transform: uppercase;
}

.post-home-card-info {
    border-top: none;
}

.post-home-card-title a {
    text-decoration: none;
    font-family: 'DMMono-Medium', monospace;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    color: #212121;
}

.post-home-card-title a:hover {
    text-decoration: underline;
}

.post-home-card-text {
    /* font-size: 0.8rem;
    line-height: 22px; */
    font-family: 'DM-Sans', monospace;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6rem;
    letter-spacing: 0.02rem;
    text-align: left;
}

.post-info-col {
    padding: 20px;
    height: 23rem;
}

.post-home-card-footer {
    border-top: 1px solid #000;
}

.author-col-footer {
    border-right: 1px solid #000;
}

.post-home-footer-author {
    color: #757575!important;
    font-family: 'DMMono-Regular', monospace;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3125rem;
}

.arrow-col-footer {
    display: flex;
    justify-content: center;
    align-items: center;
}

.arrow-col-footer a {
    color: #000;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

.last-three-post-home-col:hover .arrow-col-footer {
    cursor: pointer;
    background-color: #000;
    color: #fff;
    transition: background-color 0.5s;
}

.last-three-post-home-col:hover .arrow-col-footer a {
    color: #fff;
}

.last-three-post-home-col-fun:hover .arrow-col-footer {
    cursor: pointer;
    background-color: #000;
    color: #fff;
    transition: background-color 0.5s;
}

.last-three-post-home-col-fun:hover .arrow-col-footer a {
    color: #fff;
}
/*** SDG PAGES ***/

.sdg-container {
    width: 100%;
}

.sdg-title {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px;
    border-bottom: 1px solid #000;
    text-transform: uppercase;
}

.sdg-title h2 {
    margin: 0;
}

.sdg-goal-title {
    padding: 20px;
    background-color: #EEE;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #000;
}

.sdg-goal-title h3 {
    margin: 0;
    text-transform: uppercase;
    text-align: center;
    font-size: 0.8rem;
}

.sdg-post {
    display: flex;
    border-bottom: 1px solid #000;
}

.sdg-post-categories a {
    color: var(--Neutral-700, #616161);
    font-family: 'DMMono-Regular', monospace;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 160%;
    letter-spacing: 0.09375rem;
}

.mrg-post-cat{
    padding-top: 1.5rem;
    padding-bottom: 1rem;
}

.sdg-post-left {
    display: flex;
    justify-content: center;
    align-items: center;
}

.sdg-post-left-responsive{
    display: none;
}

.sdg-post-tag,
.sdg-post-tag a {
    writing-mode: vertical-lr;
    text-orientation: bottomright;
    transform: rotate(-180deg);
    text-decoration: none;
    color: #000;
    padding-top: 10px;
}

.sdg-post-left,
.sdg-post-center {
    border-right: 1px solid #000;
    border-top: none;
}

.sdg-mrg {
    padding: 64px 0 64px 31px;
}

.sdg-post-center {
    display: flex;
    flex-direction: column;
}

.sdg-post-title a {
    text-decoration: none;
    color: #000;
}

.sdg-post-title a:hover {
    text-decoration: underline;
}

.sdg-post-title .sdg-title-header {
    /* font-size: 1.5rem; */
    color: var(--Neutral-900, #212121);
    font-family: "DM Mono", monospace;
    font-size: 1.9375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 115%; /* 2.22813rem */
}

.mrg-top-content{
    gap: 2rem;
}
.sdg-post-content {
    /* max-width: 90%;
    font-size: 0.8rem;
    color: #424242; */
    color: var(--Neutral-800, #424242);
    font-family: 'DM-Sans', monospace;
    font-size: 1.1875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 1.9rem */
}

.sdg-post-right {
    padding-left: 0;
    padding-bottom: 45px;
}

.sdg-post-author-title {
    /* text-transform: uppercase;
    margin-bottom: 0;
    font-size: 0.9rem; */
    color: #000;
    text-align: justify;
    text-transform: uppercase;
    font-family: "DM Mono";
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 160%; /* 1.5rem */
    letter-spacing: 0.09375rem;
}

.sdg-post-author {
    padding-top: 48px;
}

.sdg-post-author-name {
    /* color: #757575;
    font-size: 0.8rem; */
    color: var(--Neutral-600, #757575);
    text-align: justify;
    font-family: "DM Mono", monospace;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 1.5rem */
    letter-spacing: 0.09375rem;
}

.sdg-post-image {
    height: 325px;
    width: 325px;
}

.sdg-post-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.pnt-4{
    padding: 1.46rem !important;
}

.pnt-4-author{
    padding: 1.60rem !important;
}



.sdg-square-placeholder {
    height: 325px;
    width: 325px;
    background-color: #f3f3f3;
}

.no-sdg-available {
    margin-top: 30px;
    text-align: center;
    font-size: 1.5rem;
}

/* FOCUS page */

.line-bottom{
    border-bottom: 1px solid #000;
}

#focus-container {
    width: 100%;
}

p{
	margin-bottom: 0em;
}

.category-header {
	padding: 30px 0 0px 0;
    text-align: center;
    border-bottom: 1px solid #000;
}

.focus-title {
    padding: 0px 0 15px 0!important;
    text-transform: uppercase;
    font-family: 'DMMono-Medium', monospace;
    font-size: 2.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 3.025rem;
    letter-spacing: 0.1375rem;
    color: #212121;
}

.category-desc {
    font-size: 1.1rem;
    color: #333;
}


.focus-title {
    margin: 0;
}

.focus-subcategory-title-row {
    border-bottom: 1px solid #000;
    display: flex;
    align-items: center;
    padding-top: 30px;
    padding-bottom: 0px;
    background-color: #EEE;
}

.focus-subcategory-title-row:not(:first-of-type) {
    margin-top: 50px;
    border-top: 1px solid #000;
}

.subcategory-column {
    padding-left: 20px;
}

.subcategory-h-title {
    margin-bottom: 0;
    padding-bottom: 20px;
    color:#212121;
    font-family: 'DMMono-Medium', monospace;
    font-size: 2.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 3.025rem;
    letter-spacing: 0.1375rem;
    }

.focus-post {
    border-bottom: 1px solid #000;
}

.focus-post-left {
    border-left: 1px solid #000;
    padding: 30px 20px 30px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.focus-post-category a {
    color: #616161;
    text-decoration: none;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3125rem;
    letter-spacing: 0.0875rem;
    text-transform: uppercase;
}

.focus-post-title a {
    color: #212121 !important;
    text-decoration: none;
    font-family: 'DMMono-Medium', monospace;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.1rem
}

.focus-post-title a:hover {
    text-decoration: underline;
}

.focus-post-title .focus-title-header {
    font-size: 1.5rem;
}

.first-post-title {
    font-size: 36px !important;
}


.focus-post-content {
    color: #424242;
    margin-bottom: 48px;
    font-family: 'DM-Sans', monospace;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4rem;
}


.author-focus-image img {
    border-radius: 50%;
}

.focus-post-author-title {
    text-transform: uppercase;
    margin-bottom: 0;
    color: #000;
    text-align: justify;
    font-family: 'DMMono-Medium', monospace;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.3125rem;
    letter-spacing: 0.0875rem;
    text-transform: uppercase;
}

.focus-post-author {
    margin-top: 25px;
}

.focus-post-author-name {
    color: #757575;
    font-size: 0.8rem;
}

.focus-post-right {
    border-left: 1px solid #000;
    padding-left: 0;
    padding-bottom: 30px;
}

.first-post-right .focus-post-image {
    width: 325px;
    height: 325px;
	filter: grayscale(100%);
}

.focus-post-thumbnail {
    height: 100%;
}

h1{
	margin: 20px 0 20px 0;
}

.focus-post-image {
    width: 325px;
    height: 325px;
	filter: grayscale(100%);
}

.mrg24{
    margin-bottom: 24px;
}

.focus-post-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.focus-square-placeholder {
    height: 80%;
    width: 60%;
    background-color: #f3f3f3;
}

.no-focus-post-category {
    margin-top: 20px;
    text-align: center;
}


/***** SEARCH RESULTS PAGE *****/

.search-row {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.search-col-left {
    border-left: 1px solid #000;
    padding: 30px 20px 30px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.search-col-right {
    border-left: 1px solid #000;
    padding-left: 0;
    padding-bottom: 30px;
}

.search-post-category a {
    color: #616161;
    text-decoration: none;
    margin-right: 13px;
    font-family: 'DMMono-Regular', monospace;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3125rem;
    letter-spacing: 0.0875rem;
    text-transform: uppercase;

}

.search-post-title a {
    color: #212121 !important;
    text-decoration: none;
    font-family: 'DMMono-Medium', monospace;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 2.1rem */
}

.search-post-content {
    color: #424242;
    font-family: 'DM-Sans', monospace;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 1.4rem */
}

.search-post-author-title {
    font-family: 'DMMono-Medium', monospace;
    font-size: 0.875rem;
    color: #000;
    font-weight: 500;
    line-height: 1.3125rem;
    letter-spacing: 0.0875rem;
    text-transform: uppercase;
    margin-bottom: 0px!important;
}

.search-post-author {
    margin-top: 25px;
}

.search-post-author-name {
    color: #757575;
    font-family: 'DMMono-Regular', monospace;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.3125rem;
}

.search-post-thumbnail {
    height: 100%;
}

.search-post-image {
    width: 60%;
    height: 80%;
}

.search-post-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.search-square-placeholder {
    height: 80%;
    width: 60%;
    background-color: #f3f3f3;
}

.page-title {
    text-align: center;
    margin: 20px 20px 0 20px;
    /* text-transform: uppercase; */
    font-family: 'DMMono-Medium', monospace;
    font-size: 18px;
    font-weight: 500;
    line-height: 48.4px;
    letter-spacing: 0.05em;
}

.taxonomy-description{
	margin-left: 1rem;
}

.entry-content {
	width: 50%;
	margin: auto;
}

@media (max-width: 768px) {
	.powered {
		font-size: 12px;
		display: flex;
		justify-content: flex-end;
		margin-right: 4rem;
		margin-left: 1rem;
	}
	
	h1 {
		font-size: 32px;
        margin: 20px 0 20px 0;
        line-height: 1.2em;
        font-weight: 400;
        text-transform: none;
        margin-left: 2.8rem;
	}
	.post-category {
		display: flex;
		justify-content: center;
		align-items: center;
		color: #757575;
		padding-left: 1rem !important;
	}
	.wdt-author {
		width: 20rem;
	}
    .sdg-title, .sdg-post-left{
        display: none;
    }

    .nav-align-right .inside-navigation, .nav-align-center .inside-navigation {
        max-width: 95%;
    }

    .focus-post-image img {
        height: 100%;
    }

    .post-content-home-col{
        padding-top: 15px !important;
        padding-left: 20px;
    }

    
    .subcategory-column{
        display: flex;
        margin: auto;
        justify-content: center;
    }

    .partnership{
        display: flex;
        justify-content: center;
        align-items: center;
    }
	
	.entry-content {
		margin: 6%;
		width: 88%;
	}
}

@media (max-width: 767px) {
	
	.powered {
		font-size: 12px;
		display: flex;
		justify-content: flex-end;
		margin-right: 4rem;
		margin-left: 1rem;
	}
	
	.entry-content {
		margin: 6%;
		width: 88%;
	}
	
	.post-category {
		display: flex;
		justify-content: center;
		align-items: center;
		color: #757575;
		padding-left: 1rem;
	}

    .sdg-post-left-responsive{
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .text-uppercase{
        margin: 1rem;
        text-transform: uppercase;
    }

    .responsive{
        max-width: 80%;
        margin: auto;
    }

    .responsive1 p{
        max-width: 78%;
        margin: auto;
        font-family: 'DM-Sans', monospace;
        font-size: 19px;
        font-weight: 400;
        line-height: 30.4px;
        text-align: left;
    }

    .custom-blockquote p, .brd-blockquote p, blockquote p  {
        margin: 64px 0 32px 0;
        font-family: 'DMMono-Regular', monospace;
        font-size: 26px;
        font-weight: 500;
        line-height: 28.6px;
        text-align: center;
        color:#212121;
    }
    .custom-blockquote {
        width: 122vw !important;
        position: relative;
        left: 53%!important;
        transform: translateX(-50%);
        margin: 144px 0 144px 40px;
        padding-left: 50px !important;
    }

    .wp-block-heading {
        margin: 64px 48px 32px 48px;
        font-family: 'DM-Sans', monospace;
        font-size: 2.1875rem;
        font-style: normal;
        font-weight: 500;
        line-height: 2.40625rem;
        text-align: left;
    }

    .brd-blockquote::before, .brd-blockquote::after {
        width: 150vw;
        left: 45%!important;
    }

    .tag-responsive{
        max-width: 93%;
        margin: auto;
    }

    .text-bio{
        padding: 111px 0 0 0;
    }

    #header-top-section{
        width: 105%;
    }

    .space31 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .post-home-tag-category{
        margin-left: 0px;
        padding-top: 1.5rem;
        padding-bottom: 1rem;
    }
    
    .m-bottom-32 {
        margin-bottom: 0px;
    }
    
    .post-home-category {
        margin-left: 1rem;
    }
    
    .post-home-category a {
        font-size: 14px;
        color: #757575;
        font-weight: 400!important;
        font-family: 'DMMono-Regular', monospace !important;
        line-height: normal;
        letter-spacing: 1.2px;
    }

    .post-info-col {
        padding: 30px;
        height: 23rem;
    }

    .has-inline-mobile-toggle .mobile-menu-control-wrapper {
        display: flex;
        flex-wrap: wrap;
        position: relative;
        bottom: 11rem;
    }

    .post-title a {
        color: var(--Neutral-900, #212121);
        font-family: 'DMMono-Medium', monospace;
        font-size: 2.5rem;
        font-style: normal;
        font-weight: 500;
        line-height: 2.22813rem
    }

    .single-post-title{
        color:#212121;
        font-family: 'DMMono-Medium', monospace;
        font-size: 2.5rem;
        font-style: normal;
        font-weight: 500;
        line-height: 4.74375rem;
        letter-spacing: -0.12938rem;
    }
	
	.focus-subcategory-title-row {
        flex-direction: column; /* forza la disposizione verticale */
        text-align: center;     /* centra tutto */
    }
    .subcategory-column {
        margin-bottom: 15px;    /* spazio sotto il titolo */
    }
    .partnership {
        text-align: center;     /* partnership centrata su mobile */
        margin-top: 10px;
    }
	
    /* .menu-bar-item {
        display: none;
    } */

    .space-single-post {
        margin: unset;
    }

    .home-post-image img {
        height: 100%;
    }

    .search-modal-fields {
        display: flex;
        margin-top: 3rem;
    }

    .gp-modal__container {
        max-width: 95%;
        max-height: 100vh;
        transform: scale(0.9);
        transition: transform 500ms ease;
        padding: 0 10px;
    }

    .banner-sdg-homepage {
        width: 100%;
        margin: 0 auto;
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .brd {
        border: none;
    }

    .size-auto,
    .size-full,
    .size-large,
    .size-medium,
    .size-thumbnail {
        max-width: 100%;
        height: auto;
    }

    .white {
        background-color: #000;
        color: #fff;
    }


    .mobile-menu {
        display: none;
    }

    .buttone-mobile {
        margin-left: -15px !important;
        background-color: #000;
        color: #fff;
        text-decoration: none;
    }

    .box-card:hover {
        background-color: #fff;
    }

    /* .menu-bar-item {
        display: none;
    } */

    .sdg-title h2 {
        font-size: 1.8rem;
        text-align: center;
    }

    .sdg-post-tag,
    .sdg-post-tag a {
        writing-mode: horizontal-tb;
        text-orientation: bottomright;
        text-decoration: none;
        padding: 20px;
        transform: unset;
    }

    .sdg-post-right {
        padding-bottom: 0px;
        padding-left: 15px;
    }

    .sdg-post-left, .sdg-post-center {
        border-right: 0px solid #000;
        border-left: 1px solid #000;
        border-top: none;
    }

    .sdg-mrg {
        padding: 0 0 0 1.25rem;
        margin: 0 0 0 1rem;
    }

    .sdg-post-left {
        border-bottom: 1px solid #000;
    }

    .sdg-post-image {
        margin-top: 20px;
        height: 180px;
        width: 100%;
    }

    .sdg-post-image img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .sdg-square-placeholder {
        height: 100%;
        width: 100%;
    }

    .first-post-right .focus-post-image {
        height: 100%;
    }

    .focus-post-right {
        padding-left: 22px;
    }

    .focus-post-thumbnail {
        margin-top: 20px;
    }

    .focus-post-image img {
        height: 100%;
    }


    /***** SEARCH RESULTS Page *****/

    .page-title {
        margin: 1.5rem;
        text-align: center;
    }

    .page-header, .sidebar .widget, .site-main>*{
        margin-bottom: 0!important;
    }

    #search-main .page-header .page-title {
        font-size: 2rem;
        text-align: center;
        color: #000;
    }

    .search-col-right {
        padding-left: 15px;
    }

    .search-post-image {
        width: 90%;
        height: 100%;
        margin: 0 auto;
    }

    .search-col-right {
        margin-top: 20px;
    }

    .subcategory-column{
        display: flex;
    }
}

@media (min-width: 320px) and (max-width: 1200px) {
    .site-header .site-logo img {
        height: 60px;
        transition: height 0.5s ease;
    }

    .sdg-post-image {
        height: 220px;
        width: 220px;
    }

    .author-main-homepage-info {
        margin-bottom: 55px;
        margin-top: 55px;
    }
	
	.post-category {
		display: flex;
		justify-content: center;
		align-items: center;
		color: #757575;
		padding-left: 3rem !important;
	}

    .main-navigation .menu-toggle,.sidebar-nav-mobile:not(#sticky-placeholder) {
        display:block;
    }

    .main-navigation ul,.gen-sidebar-nav,.main-navigation:not(.slideout-navigation):not(.toggled) .main-nav > ul,.has-inline-mobile-toggle #site-navigation .inside-navigation > *:not(.navigation-search):not(.main-nav) {
        display: none;
    }

    .nav-align-right .inside-navigation,.nav-align-center .inside-navigation {
        justify-content: space-between;
    }
	
	.card-home-img-post {
        height: auto;
        width: 75% !important;
		filter: grayscale(100%);
    }
}

@media (max-width: 1200px) {
    .square-container {
        display: flex;
        justify-content: flex-start;
    }
}


@media (max-width: 1024px) {
    .post-info-col {
        height: 25rem;
    }
	.card-home-img-post {
        height: auto;
        width: 75% !important;
		filter: grayscale(100%);
    }
}

.placeholder-col {
    display: none;
    /* Nascondi di default */
}


@media (max-width: 1300px) {
    .square-container {
        display: flex;
        justify-content: flex-start;
    }

}

@media (min-width: 1200px) and (max-width: 1599px) {
    .with-space {
        width: 134% !important;
        margin-left: 0rem;
    }
    .box-home-img-post img {
        width: 73%;
        height: 100%;
        object-fit: cover;
    }
	
	.card-home-img-post {
        height: auto;
        width: 75% !important;
		filter: grayscale(100%);
    }
}


@media (min-width:1440px) {
/* 
    .with-space {
        width: 134% !important;
        margin-left: 0rem;
    } */

    .card-home-img-post {
        height: auto;
        width: 75% !important;
		filter: grayscale(100%);
    }
}

@media (min-width: 1600px) {

    .box-home-img-post {
        height: 159px;
    }

    .with-space {
        width: auto !important;
        margin-left: 0rem;
    }

    .placeholder-col {
        display: block;
        /* Mostra le colonne placeholder su schermi grandi */
        width: 50px;
        /* Imposta la larghezza desiderata */
        border-top: 1px solid #9E9E9E;
        border-bottom: 1px solid #9E9E9E;
        padding: 0;
        justify-content: space-between;
        flex-direction: column;
    }

    .left-post-placeholder-col {
        border-top: 1px solid #9E9E9E;
        border-bottom: 1px solid #9E9E9E;
        padding: 0;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

    .left-post-placeholder-col-fun {
        border-top: 0px solid #9E9E9E;
        border-bottom: 1px solid #9E9E9E;
        padding: 0;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
      }

    .right-post-placeholder-col {
        border-top: 1px solid #9E9E9E;
        border-bottom: 1px solid #9E9E9E;
        padding: 0;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

    .right-post-placeholder-col-fun {
        border-top: 0px solid #9E9E9E;
        border-bottom: 1px solid #9E9E9E;
        padding: 0;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
      }

    .card-home-img-post {
        height: auto;
        width: 75% !important;
		filter: grayscale(100%);
    }

    .box-img-autori {
        border-right: 1.5px solid #000;
        margin-left: 0.95rem !important;
        width: 68% !important;
    }

    .placeholder-col-top-box {
        border-bottom: 1px solid #757575;
        min-height: 160px;
    }


    .no-border-bottom{
        border-top: none;
        border-bottom: none;
    }
    .placeholder-col-border {
        border-top: 1px solid #757575;
        border-right: 1px solid #757575;
        border-bottom: 1px solid #757575
    }

    .placeholder-col-footer {
        height: 94.1px;
        border-top: 1px solid #9E9E9E;
    }

    .placeholder-col-footer-2 {
        height: 95.5px;
        border-top: 1px solid #9E9E9E;
    } 
    
    .placeholder-col-footer-3 {
        height: 94.1px;
        border-top: 1px solid #9E9E9E;
    }
}


@media (min-width: 2560px) {
    .card-home-img-post {
        height: auto;
        width: 65% !important;
		filter: grayscale(100%);
    }

    .box-img-autori {
        border-right: 1.5px solid #000;
        margin-left: 0.95rem !important;
        width: 68% !important;
    }


    .placeholder-col-footer {
        height: 95.5px;
        border-top: 1px solid #9E9E9E;
    }

    .placeholder-col-footer-2 {
        height: 95.8px;
        border-top: 1px solid #9E9E9E;
    }
}