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

:root {
	/* -- COLOR ------------------------------------------------ */
	--main-color: #EB00CB;
}

h1 { letter-spacing: var(--ls-titleBlog); }
p { letter-spacing: var(--ls-title); }
.main-color { color: var(--main-color); }
/* HERO */
.ba-hero { border-top: 1px solid var(--white); display: grid; gap: var(--space-8); align-items: stretch; }
nav.ba-breadcrumb { line-height: 1; margin-bottom: var(--space-3); }
nav.ba-breadcrumb a, nav.ba-breadcrumb span { color: var(--sheerWhite); font-size: var(--fs-10); }
.ba-hero__content { grid-column: 1; z-index: 2; align-items: flex-start; display: flex; flex-direction: column; }
.ba-hero__head { height: 100%; display: flex; flex-direction: column; }
h1.ba-hero__title { font-size: var(--fs-80); line-height: 0.9; text-transform: uppercase; max-inline-size: 12ch; }
.ba-eyebrow { margin-bottom: var(--space-2); line-height: 1; }
span.ba-eyebrow__tag { text-transform: uppercase; font-size: var(--fs-15); }
.ba-byline { display: flex; margin-bottom: var(--space-4); align-items: center; gap: var(--space-2);}
a.ba-byline__name { display: block; line-height: 0; }
.ba-byline__avatar { width: clamp(64px, 10vw, 126px); height: clamp(64px, 10vw, 126px); border-radius: 50%; object-fit: cover; flex-shrink: 0; aspect-ratio: 1 / 1; } 
a.ba-byline__name svg { fill: var(--white); width: clamp(16px, 3vw, 22px); height: clamp(16px, 3vw, 22px); }
.ba-hero__bio p { font-size: var(--fs-20); margin-bottom: var(--space-6); }
.ba-hero__links { display: flex; margin-top: auto; }
.ba-hero__links a { text-transform: uppercase; font-size: var(--fs-15); }
.ba-hero__links a:hover { color: var(--main-color); }
figure.ba-hero__photo { display: block; height: 100%; z-index: 1; position: relative; overflow: hidden; width: fit-content; }
figure.ba-hero__photo img { height: 100%; object-fit: cover; display: block; }
figure.ba-hero__photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #EB00CB 0%, #5061A2 60%, #1DE18D 115%); mix-blend-mode: lighten; opacity: .9; }

/* COMPETENZE */
section.ba-competenze { padding-block: var(--space-6); }
.ba-competenze__wrap { text-align: center; }
h2.ba-competenze__title { font-size: var(--fs-20); text-transform: uppercase; margin-bottom: var(--space-3); }
.ba-competenze__list { display: flex; gap: var(--space-2); }
span.ba-competenze__tag { font-size: var(--fs-15); line-height: 1.3; text-transform: uppercase; background: var(--main-color); padding-block: .4em; padding-inline: 1.5em; display: flex; align-items: center; }

/* ARTICOLI FIRMATI */
.articoli-firmati__wrap { padding-block: var(--space-10); }
h2.articoli-firmati__title { font-size: var(--fs-55); line-height: 1; text-transform: uppercase; margin-bottom: var(--space-4); }
.articoli-grid { display: grid; gap: var(--space-3); }
.articoli-grid .ev-card { background: var(--black); }
.ev-card { display: flex; flex-direction: column; height: 100%; }
.ev-card--side .ev-card__media { aspect-ratio: 16 / 9; }
.ev-card__media { display: block; position: relative; overflow: hidden; }
.ev-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ev-card__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #EB00CB 0%, #5061A2 60%, #1DE18D 115%); mix-blend-mode: lighten; opacity: .9; }
article.ev-card--side .ev-card__body { padding: var(--space-2); }
.ev-card__body { display: flex; flex-direction: column; flex: 1; }
article.ev-card--side .ev-badge { font-size: var(--fs-15); padding-inline: var(--space-1); padding-block: .3em; }
.ev-badge { display: inline-block; text-transform: uppercase; width: fit-content; }
article.ev-card--side .ev-date { font-size: var(--fs-15); margin-block: var(--space-2); }
.ev-date { display: block; text-transform: uppercase; }
.articoli-grid h3.ev-card__title { margin-bottom: var(--space-1); }
.ev-card--side .ev-card__title { font-size: var(--fs-20); line-height: 1.3; text-transform: uppercase; }
.articoli-grid .ev-card__excerpt { font-size: var(--fs-15); }
.ev-card__more { display: flex; align-items: center; gap: var(--space-1); text-decoration: none; font-size: var(--fs-15); text-transform: lowercase; margin-top: auto; }
.articoli-pagination { display: flex; gap: var(--space-1); margin-top: var(--space-4); justify-content: center; flex-wrap: wrap; }
.articoli-page.is-active { background: transparent; opacity: 100%; color: #fff !important;}
.articoli-page { display: flex; align-items: center; gap: var(--space-1); background: transparent; color: var(--white); opacity: 20%; border: none !important; cursor: pointer; transition: .2s; font-size: var(--fs-15);}
button.articoli-page:hover, button.articoli-page:focus { background: transparent !important; }
.articoli-dots { display: inline-flex; align-items: center; justify-content: center; line-height: 1; align-self: center; transform: translateY(-0.35em);}
.articoli-next { opacity: 100%;}
@media (width <= 550px) {
	header.ba-hero { padding-inline: 8vw; }
	.ba-competenze__list { flex-direction: column; align-items: center; }
}
@media (width >= 551px) and (width <= 766.9px) {
    header.ba-hero { padding-inline: 10vw; }
}
@media (width <= 766.9px) {
	.ba-hero__links { flex-wrap: wrap; gap: var(--space-2); flex-direction: column; }
    .articoli-grid { grid-template-columns: 1fr; }
}
@media (width >= 767px) {
	.ba-hero__links { gap: var(--space-8); }
}
@media (width >= 767px) and (width <= 899.9px) {
	header.ba-hero { padding-block: var(--space-8); padding-inline: 8vw; }
}
@media (width >= 767px) and (width <= 1099.9px) {
    .articoli-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (width <= 899.9px) {
	header.ba-hero { padding-block: var(--space-8);}
}
@media (width <= 1099.9px) {
	.ba-hero { grid-template-columns: 1fr; }
	.ba-hero__content { grid-column: 1; grid-row: auto; }
	.ba-hero__bio p { max-inline-size: 51ch; text-wrap: balance; }
	.ba-hero__photo { grid-column: 1; grid-row: auto; min-height: 50vh; justify-self: center; }
	.ba-competenze__list { flex-wrap: wrap; justify-content: center; }
}
@media (width >= 900px) {
	.ba-hero { padding-block: var(--space-10); }
}
@media (width >= 1100px) {
	.ba-hero { grid-template-columns: 1fr 1fr; }
	figure.ba-hero__photo { grid-column: 2; }
	.ba-competenze__list { justify-content: space-between; }
	.articoli-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (width >= 900px) and (width <= 1400px){
	.ba-hero__content { padding-left: 8vw; }
}
@media (width >= 1401px) {
    .ba-hero__content { padding-left: calc((100vw - min(70vw, 1200px)) / 2); }
}