@font-face {
  font-family: "LibreBaskerville";
  src: url("../fonts/LibreBaskerville-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "LibreBaskerville";
  src: url("../fonts/LibreBaskerville-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "LibreBaskerville";
  src: url("../fonts/LibreBaskerville-Bold.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Black.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-BlackItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "BasierCircleMono";
  src: url("../fonts/BasierCircleMono-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "BasierCircleMono";
  src: url("../fonts/BasierCircleMono-RegularItalic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "BasierCircleMono";
  src: url("../fonts/BasierCircleMono-Bold.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "BasierCircleMono";
  src: url("../fonts/BasierCircleMono-BoldItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "fg";
  src: url("../fonts/FGroteskBook-Regular.eot");
  src: url("../fonts/FGroteskBook-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/FGroteskBook-Regular.woff2") format("woff2"), url("../fonts/FGroteskBook-Regular.woff") format("woff"),
    url("../fonts/FGroteskBook-Regular.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "fg";
  src: url("../fonts/FGroteskDemi-Regular.eot");
  src: url("../fonts/FGroteskDemi-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/FGroteskDemi-Regular.woff2") format("woff2"), url("../fonts/FGroteskDemi-Regular.woff") format("woff"),
    url("../fonts/FGroteskDemi-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "fg";
  src: url("../fonts/FGroteskBold-Regular.eot");
  src: url("../fonts/FGroteskBold-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/FGroteskBold-Regular.woff2") format("woff2"), url("../fonts/FGroteskBold-Regular.woff") format("woff"),
    url("../fonts/FGroteskBold-Regular.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "fg";
  src: url("../fonts/FGroteskBook-Italic.eot");
  src: url("../fonts/FGroteskBook-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/FGroteskBook-Italic.woff2") format("woff2"), url("../fonts/FGroteskBook-Italic.woff") format("woff"),
    url("../fonts/FGroteskBook-Italic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "fg";
  src: url("../fonts/FGroteskDemi-Italic.eot");
  src: url("../fonts/FGroteskDemi-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/FGroteskDemi-Italic.woff2") format("woff2"), url("../fonts/FGroteskDemi-Italic.woff") format("woff"),
    url("../fonts/FGroteskDemi-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "fg";
  src: url("../fonts/FGroteskBold-Italic.eot");
  src: url("../fonts/FGroteskBold-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/FGroteskBold-Italic.woff2") format("woff2"), url("../fonts/FGroteskBold-Italic.woff") format("woff"),
    url("../fonts/FGroteskBold-Italic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "NoeText";
  src: url("../fonts/NoeText-Regular.eot");
  src: url("../fonts/NoeText-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/NoeText-Regular.woff2") format("woff2"), url("../fonts/NoeText-Regular.woff") format("woff"),
    url("../fonts/NoeText-Regular.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "NoeText";
  src: url("../fonts/NoeText-RegularItalic.eot");
  src: url("../fonts/NoeText-RegularItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/NoeText-RegularItalic.woff2") format("woff2"),
    url("../fonts/NoeText-RegularItalic.woff") format("woff"), url("../fonts/NoeText-RegularItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "NoeText";
  src: url("../fonts/NoeText-Black.eot");
  src: url("../fonts/NoeText-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/NoeText-Black.woff2") format("woff2"), url("../fonts/NoeText-Black.woff") format("woff"),
    url("../fonts/NoeText-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "NoeDisplay";
  src: url("../fonts/NoeDisplay.eot");
  src: url("../fonts/NoeDisplay.eot?#iefix") format("embedded-opentype"), url("../fonts/NoeDisplay.woff2") format("woff2"), url("../fonts/NoeDisplay.woff") format("woff"),
    url("../fonts/NoeDisplay.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "NoeDisplay";
  src: url("../fonts/NoeDisplay-Medium.eot");
  src: url("../fonts/NoeDisplay-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/NoeDisplay-Medium.woff2") format("woff2"), url("../fonts/NoeDisplay-Medium.woff") format("woff"),
    url("../fonts/NoeDisplay-Medium.ttf") format("truetype"), url("../fonts/NoeDisplay-Medium.svg#NoeDisplay-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* Fonts Font Family "Brown" with font-weight: normal / bold / lighter  and font-style: normal / italic -------------------------------------------------------------------------------------------------- */
@font-face { font-family: 'Brandon'; src: url("../fonts/Bold.eot"); /* IE9 Compat Modes */ src: url("../fonts/Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Bold.woff") format("woff"), url("../fonts/Bold.ttf") format("truetype"), url("../fonts/Bold.svg#52b8f7bdef7f32b456bdff259aa0aafa") format("svg"); /* Legacy iOS */ font-style: normal; font-weight: bold; }

@font-face { font-family: 'Brandon'; src: url("../fonts/BoldItalic.eot"); /* IE9 Compat Modes */ src: url("../fonts/BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/BoldItalic.woff") format("woff"), url("../fonts/BoldItalic.ttf") format("truetype"), url("../fonts/BoldItalic.svg#3574f4ac83278493b02a146bccc1a500") format("svg"); /* Legacy iOS */ font-style: italic; font-weight: bold; }

@font-face { font-family: 'Brandon'; src: url("../fonts/Regular.eot"); /* IE9 Compat Modes */ src: url("../fonts/Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Regular.woff") format("woff"), url("../fonts/Regular.ttf") format("truetype"), url("../fonts/Regular.svg#4582969d6388a5dded4cbb4ff7487e0a") format("svg"); /* Legacy iOS */ font-style: normal; font-weight: normal; }

@font-face { font-family: 'Brandon'; src: url("../fonts/RegularItalic.eot"); /* IE9 Compat Modes */ src: url("../fonts/RegularItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/RegularItalic.woff") format("woff"), url("../fonts/RegularItalic.ttf") format("truetype"), url("../fonts/RegularItalic.svg#209a8c9e59efad64ce8807be31e0570e") format("svg"); /* Legacy iOS */ font-style: italic; font-weight: normal; }




/* ------------------------------------ Type  ------------------------------------  */

html { font-size: 20px; }

body {
  font-family: "Brandon", Arial, sans-serif;
  font-style: normal;
  font-weight: 300;
}

em {
  font-family: "Brandon", Arial, sans-serif;
  font-weight: normal;
  font-style: italic;
}

b, strong, th { font-weight: bold; }


.descrizione-numero p {
  font-size: 1.125rem;
}

.descrizione-numero p em {
  font-family: "LibreBaskerville", "NoeText", serif;
  font-style: italic;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: "Brandon", Arial, sans-serif; font-style: normal; font-variant: normal; font-weight: bold;
}
.titoletto {
  font-family: "Brandon", Arial, sans-serif; font-style: normal; font-variant: normal; font-weight: bold;
}

p {
  /* font-family: "LibreBaskerville", "NoeText", serif; */
}

dt {
  font-weight: 400;
  font-family: "BasierCircleMono", "fg", sans-serif;
}

/*
.sans,
.sans p {
  font-family: "BasierCircleMono", "fg", sans-serif;
  font-weight: 300;
}
*/

.lead,
.lead p {
  font-family: "BasierCircleMono", sans-serif;
  font-weight: normal;
}

ul {
  list-style-type: none;
}

.sans strong {
  font-family: "BasierCircleMono", "fg", sans-serif;
  font-style: normal;
  font-weight: 500;
}

.sans-demi {
  font-family: "BasierCircleMono", "fg", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.sans-italic {
  font-family: "BasierCircleMono", "fg", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.staff h5 {
  color: rgb(255, 255, 255);
}

.yo {
  font-family: "fg", sans-serif;
  font-weight: 500;
}

@media (max-width: 772px) {
  .display-4 {
    font-size: 200%;
  }
}

a,
.navbar-light .navbar-nav .nav-link {
  /* color: #178295; */
  color: #000;
  transition: 0.3s;
}

a:hover {
  color: #0d505c;
  transition: 0.3s;
  text-decoration: none;
}

.fotografo p {
  font-family: "BasierCircleMono", "fg", sans-serif;
}

.fotografo a {
  color: inherit;
  border-bottom: 1px solid white;
}

.fotografo a:hover {
  color: grey;
  border-bottom: 1px solid grey;
}

.numero-info p {
  margin-bottom:0.5em; 
  /* font-family: "BasierCircleMono", "fg", sans-serif;
  font-weight: 300; */
}

/* ------------------------------------ Navbar  ------------------------------------  */

.navbar {
  padding: 1rem 1rem;
}

.navbar-brand {
  font-family: "Poppins", "NoeDisplay", serif;
  font-weight: 500;
  font-size: 300%;
  line-height: 0.5;
  text-transform: uppercase;
}

@media (min-width: 772px) {
  .navbar-brand {
    font-size: 400%;
    line-height: 0.5;
  }
}

.ilpost-logo {
  width: 40px;
  height: auto;
}

@media (min-width: 772px) {
  .ilpost-logo {
    width: 70px;
    height: auto;
  }
}

.nav-link {
  text-transform: uppercase;
  font-size: 80%;
  font-weight: bold;
  letter-spacing: 0.1px;
}

.nav-link .active {
  border-bottom: 2px solid black;
}

/*
.card-body h4,
h1.titolo-numero {
  font-family: "Poppins", "NoeDisplay", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
} */

.sottotitolo {
  font-family: "BasierCircleMono", "NoeDisplay", serif;
  font-size: 1.2rem;
}

.navbar-toggler {
  border: 0px;
}

.nav-link {
  padding: 0.1rem 0;
}

@media (min-width: 992px) {
  .nav-link {
    padding: 0.5rem 1rem;
  }
}

/* ------------------------------------ Buttons  ------------------------------------  */

.btn {
  text-transform: uppercase;
  font-weight: bold;
  /* font-family: "BasierCircleMono", "fg", sans-serif;
  font-weight: 400; */
}

.btn-buy {
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.9);
  background-color: rgba(0, 0, 0, 0.7);
  border-color: none;
  font-weight: bold;
  /* font-family: "BasierCircleMono", "fg", sans-serif;
  font-weight: 400; */
}

.btn-buy:hover {
  background-color: rgba(0, 0, 0, 1);
  border-color: none;
  color: white;
}

/* ------------------------------------ Colors  ------------------------------------  */

.bg-transparent {
  background-color: transparent;
}

.bg-cool {
  background-color: #c7c7c7;
}

.bg-grey {
  background-color: #afb4b0;
}

.bg-green {
  background-color: #bedacb;
}

.bg-yellow {
  background-color: #f5b673;
}

.bg-cyan {
  background-color: #178295;
}

.bg-lightyellow {
  background-color: #f5eedb;
}

.bg-red {
  background-color: #ea4e50;
}

.bg-is {
  background-size: cover;
  background-position: 50% 50%;
}

.bg-beige {
  background-color: #d6d2cb;
}

.bg-lightbeige {
  background-color: #f3eee6;
}

.bg-grigino {
  background-color: #f8f9fa;
}

.bg-blackish {
  background-color: rgba(0, 0, 0, 0.9);
}

/* ------------------------------------ Cards  ------------------------------------  */

.card,
.card-footer {
  background-color: transparent;
}

.card-body {
  padding-left: 0;
  padding-right: 0;
  padding-top: 2rem;
  padding-bottom: 1.25rem;
}

.card-footer {
  padding-left: 0;
  padding-right: 0;
  border-top: 0;
}

.text-islanda {
  color: #ea4e50;
}

.card-title {
  font-family: "fg", sans-serif;
  font-weight: 400;
  font-size: 130%;
}

.card img,
.card a img {
  width: 100%;
  height: auto;
  min-width: 0;
  object-fit: contain;
}

/* ------------------------------------ Footer  ------------------------------------  */

footer a {
  color: black;
}

/* ------------------------------------ Carousel  ------------------------------------  */

#carousel .carousel-inner img {
  margin: 4rem auto 4rem auto;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}

.carousel-control-prev-icon {
  background-image: url("../img/arr-left.svg");
}

.carousel-control-next-icon {
  background-image: url("../img/arr-right.svg");
}

.carousel-indicators li {
  background-color: rgba(0, 0, 0, 0.5);
  height: 2px;
}

.carousel-indicators .active {
  background-color: #178295;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
  width: 30px;
  height: 30px;
}

/* ------------------------------------ Jumbotron  ------------------------------------  */

.jumbotron {
  min-height: 90vh;
  margin-bottom: 0;
}

/* ------------------------------------ TOC  ------------------------------------  */

#istoc p {
  font-family: "LibreBaskerville", "NoeText", serif;
}

#istoc p em {
  font-family: "LibreBaskerville", "NoeText", serif;
  font-style: italic;
  font-weight: normal;
}

#istoc h5 {
  font-size: 1rem;
  font-family: "BasierCircleMono", "fg", sans-serif;
  font-weight: 500;
  margin-bottom: 0;
}

.author {
  font-family: "BasierCircleMono", "fg", sans-serif;
  font-weight: 300;
}
/*
#istoc h6:before {
    content: "— "
}*/

#istoc p.eye {
  font-family: "BasierCircleMono", "fg", sans-serif;
  font-weight: 400;
  font-size: 75%;
  text-transform: uppercase;
  margin-bottom: 0rem;
  letter-spacing: 0.2px;
}

.toc p,
.toc h6 {
  margin-bottom: 0;
}

.toc li {
  margin-top: 2rem;
}

.toc li:last-child {
  margin-bottom: 2rem;
}

/* ------------------------------------ Extra  ------------------------------------  */

main {
  padding-top: 120px;
}

@media (min-width: 772px) {
  main {
    padding-top: 160px;
  }
}

.crow {
  width: 50%;
  text-align: right;
  margin-top: 5rem;
}

.cover-img {
  width: 98%;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
  transition: all 0.1s ease-in-out;
}

.separator {
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
}

.cover-img:hover {
  box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.5);
  transition: all 0.2s ease-in-out;
}

.ombra {
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}

.off {
  opacity: 0.7;
}

footer ul.menu {
  padding-left: 0;
}

@media (max-width: 1200px) {
  .testo-intro p.sans.lead {
    font-size: 95%;
  }
}

.pinterest {
  background: #cb2027;
}

.mc4wp-response p {
  padding-top: 1rem !important;
  font-family: "BasierCircleMono", "fg", sans-serif;
  font-style: normal;
  font-weight: 300;
}

textarea:focus,
input:focus {
  outline: none !important;
}

.form-control {
  color: white !important;
  background-color: transparent;
  border-radius: 0px;
  outline: none;
}

.form-control:focus {
  background-color: transparent;
}

.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0);
}

.navbar-toggler {
  margin-bottom: 5px;
}

.mh-0 {
  min-height: auto;
}

/* ------------------------------------ countdown  ------------------------------------  */

@font-face {
  font-family: "LEDDotMatrixRegular";
  src: url("../fonts/LEDDotMatrixRegular.woff2") format("woff2"), url("../fonts/LEDDotMatrixRegular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

#countdown p {
  font-family: "BasierCircleMono", "fg", sans-serif;
  font-weight: 400;
  letter-spacing: 0.1px;
  text-transform: uppercase;
  font-size: 50%;
  margin-bottom: 0;
  color: #aab7bd;
}
#countdown h3 {
  font-family: "LEDDotMatrixRegular";
  font-size: 1.5rem;
  color: #e94268;
}

h1#headline {
  font-size: 1rem;
  color: #e94268;
}

@media (min-width: 576px) {
  #countdown h3 {
    font-size: 2.6rem;
  }

  h1#headline {
    font-size: 2rem;
  }
  #countdown p {
    font-size: 80%;
  }
}
.message {
  display: none;
}
.countdown-fondo {
  background-color: black;
}



.nilsson-logo {
  width: 10vw;
}