@charset "utf-8";
/* FONT */
@import url('https://fonts.googleapis.com/css2?family=Commissioner:wght@100..900&family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&display=swap');

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");


/* data 25 giugno 2024 ore 15:31 versione 56.6 */

/* VARIABILI */
:root {
  --accent-orange: #C84630;
  --black: #242424;
  --linear-background: 180deg, #EEE 2.56%, #FDFDFD 10.02%, #FDFDFD 84.64%, #F1F1F1 95.36%, rgba(238, 238, 238, 0.93) 95.37%;
  --grey: #6B6B6B;
}

body,
html {
  font-family: "Commissioner", sans-serif;
  color: var(--black);
  background: linear-gradient(var(--linear-background));
  font-size: 18px;
}

h1 {
  color: var(--black);
  font-family: "Fraunces", serif;

}

.home-page-top-quote h1 {
  color: var(--black);
  font-family: "Fraunces", serif;
  font-size: 32px;
}

h2 {
  color: #6B6B6B;
  font-family: Fraunces;
  font-size: 28px;
  font-style: italic;
  font-weight: 400;
  line-height: 130%;
}

h3 {
  color: var(--black);
  font-family: "Fraunces", serif;
}

h4 {
  color: var(--black);
  font-family: "Fraunces", serif;
  font-size: 24px;
}

h5 {
  color: var(--black);
  font-family: "Fraunces", serif;
  font-size: 20px;
}

.home-page-in-evidenza-container h3 {
  color: white;
}

.row-preview-post h5,
.row-preview-post a,
.row-related-post h5,
.row-related-post a,
.archive h5,
.archive a {
  color: var(--black);
  text-decoration: none;
}

.row-preview-post p,
.row-related-post p,
.tag p {
  font-size: 16px;
  color: var(--grey);
}

.home-page-in-evidenza-container h5,
.home-page-in-evidenza-container a,
.home-page-in-evidenza-container p,
.home-page-in-evidenza-container .data {
  color: white;
  text-decoration: none;
}

.row-preview-post .border,
.row-related-post .border,
.archive .border {
  border: 1px solid transparent !important;
}

.row-preview-post .border:hover,
.row-related-post .border:hover,
.archive .border:hover {
  border: 1px solid var(--grey) !important;
}

.navbar {
  --bs-navbar-nav-link-padding-x: 1rem;
  --bs-navbar-brand-padding-y: 1rem;
}

.navbar-dark,
.navbar[data-bs-theme=dark] {
  --bs-navbar-color: white;
  --bs-navbar-hover-color: var(--accent-orange);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e);
}

.navbar .nav-link.active {
  border-bottom: 1px solid white;
}

.navbar .nav-link {
  color: white !important;
}

.btn.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #C84630;
  --bs-btn-border-color: #C84630;
  --bs-btn-hover-color: #C84630;
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-border-color: #C84630;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #C84630;
  --bs-btn-active-border-color: #C84630;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: grey;
  --bs-btn-disabled-border-color: grey;
}

.btn {
  border-radius: 0;
}

.home-page-top-image img {
  max-height: 500px;
}

.home-page-top-container .col {
  padding-right: 0;
  padding-left: 0;
}

.home-page-main-container {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.home-page-main-container .data,
.home-page-in-evidenza-container .data,
.row-related-post .data,
.archive .data {
  font-size: 14px;
}

.home-page-main-container .btn.btn-primary::after,
.home-page-in-evidenza-container .btn.btn-primary::after {
  font-family: "bootstrap-icons";
  content: "\F138";
  vertical-align: -.125em;
  display: inline-block;
}

.home-page-in-evidenza-container img,
.row-preview-post img,
.row-related-post img,
.home-page-main-container img {
  margin-bottom: 20px;
}


.btn.btn-primary.download::before {
  font-family: "bootstrap-icons";
  content: "\F30A";
  vertical-align: -.125em;
  display: inline-block;
}

.home-page-top-quote {
  max-width: 859px;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  padding: 20px;
  margin-top: -50px;
  position: relative;
}

.home-page-top-quote small {
  font-size: 24px;
  font-style: italic;
  font-weight: 400;
  line-height: 150%;
  display: block;
  text-align: end;
}

.row-preview-post img {
  margin-bottom: 20px;
}

.data {
  color: var(--grey);
}

.breadcrumb {
  font-size: 16px;
}

.breadcrumb a {
  color: var(--accent-orange);
}

.breadcrumb_last {
  color: var(--grey);
}

.gallery .btn {
  --bs-btn-padding-y: 0.75rem;
}

.gallery .caption {
  font-family: Fraunces;
  text-align: start;
  margin-top: 30px;
  margin-bottom: 30px;
}

.lecture-time {
  padding-left: 20px;
  color: var(--grey);
}

.card {
  border-radius: 0;
  --bs-card-inner-border-radius: 0;
  --bs-card-border-radius: 0;
  border: 1px solid #EEE;
}

.card:hover {
  border: 1px solid var(--grey);
}

.container-first-letter>p:first-of-type::first-letter, p.capolettera:first-letter {
  font-size: 64px;
  line-height: 40px;
  font-weight: 900;
  float: left;
  font-family: serif;
  text-transform: uppercase;
  padding: 12px 10px 0 0;
  color: var(--accent-orange);
}

blockquote {
  color: var(--grey);
  padding: 20px;
  max-width: 80%;
  margin: auto;
  font-style: italic;
}

blockquote p {
  font-size: 20px;
}

img.alignright {
  float: right;
  margin: 0 0 1em 1em
}

img.alignleft {
  float: left;
  margin: 0 1em 1em 0
}

img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto
}

.wp-caption-text{
  font-size: 13px;
  font-style: italic;
  color: var(--grey);
  padding: 10px 0 0 0;
}

.timeline-dot {
  color: var(--accent-orange);
  font-size: 100px;
  position: relative;
width: 76px;
padding: 0 24px;
}

.cover-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(50% - 14px);
  background-color: #fefefe;
}

.cover-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(50% - 15px);
  background-color: #fefefe;
}

.timeline .timeline-date {
  color: var(--grey);
font-family: Commissioner;
font-size: 18px;
font-weight: 400;
padding-top: 35px;
}

.timeline .timeline-role {
color: #1B1C1E;
font-family: Fraunces;
font-size: 32px;
font-weight: 400;
}

.timeline .timeline-exp {
color: var(--grey);
font-family: Commissioner;
font-size: 18px;
font-style: italic;
font-weight: 400;
}

.cv-photo, 
.cv-photo img {
	    border: 25px solid var(--accent-orange);
}

.navbar .lang-item {
  align-self: center;
}