:root {
  --text-color: #615e5e;
  --theme-color: #c28562;
  --theme-color-transp: #c28562a1;
}

/* ----------------------------------------------
  Basic styles
---------------------------------------------- */

body {
  font-family: "Source Sans Pro", sans-serif;
  color: var(--text-color);
  font-size: 1.06rem;
}

.theme-color {
  color: var(--theme-color);
}

::selection {
  color: #fff;
  background: var(--theme-color);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Raleway", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.3rem;
}

.h-simple {
  letter-spacing: 0.1rem;
  color: black;
}

.institute-subtitle,
.twbs-ns .institute-subtitle {
  color: var(--theme-color);
  font-size: 0.8rem;
  letter-spacing: 0.45rem;
  text-shadow: #404040 1px 1px 1px;
}

a,
p a,
.twbs-ns a,
.twbs-ns p a {
  color: #000;
  text-decoration: none;
  -webkit-transition: color 0.2s ease-out;
  -o-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
  cursor: pointer;
}

a:hover,
p a:hover,
.twbs-ns a:hover,
.twbs-ns p a:hover {
  color: var(--theme-color);
}

.text-justify {
  text-align: justify;
}

header.masthead h6.institute-orange {
  color: var(--theme-color);
  font-size: 0.8rem;
  letter-spacing: 0.45rem;
}

blockquote {
  border-left: 5px solid var(--theme-color);
  padding-left: 1rem;
  margin-left: 2rem;
  margin-right: 2rem;
  font-style: italic;
  font-size: larger;
}

/* ----------------------------------------------
  Animations
---------------------------------------------- */

.anim-left {
  position: relative;
  animation: animateleft 0.8s;
}
@keyframes animateleft {
  from {
    left: -100px;
    opacity: 0;
  }
  to {
    left: 0;
    opacity: 1;
  }
}

.anim-bottom {
  position: relative;
  animation: animatebottom 0.8s;
  opacity: 0;
}
@keyframes animatebottom {
  from {
    bottom: -100px;
    opacity: 0;
  }
  to {
    bottom: 0;
    opacity: 1;
  }
}

.anim-delay-1s {
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
}

.fade-in {
  animation: fadeIn 1s;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* ----------------------------------------------
  Animated underline
  https://stackoverflow.com/a/54616200
---------------------------------------------- */

.anun {
  display: inline-block;
  padding-bottom: 2px;
  background-image: linear-gradient(var(--theme-color-transp) 0 0);
  background-position: 0 100%;
  background-size: 0% 1px;
  background-repeat: no-repeat;
  transition: background-size 0.3s, background-position 0s 0.3s;
}

.anun:hover {
  background-position: 100% 100%;
  background-size: 100% 1px;
}

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

.btn-link,
.btn-link:hover {
  color: var(--theme-color) !important;
}

/* .btn-link:hover {
  font-weight: 600;
} */

.btn-outline.btn-class93 {
  color: var(--theme-color);
  border-color: var(--theme-color);
  border-radius: 0 !important;
  outline: 1px solid var(--theme-color) !important;
  outline-offset: 3px;
}

.btn-outline.btn-class93.btn-class93-white {
  color: white;
  border-color: white;
  outline: 1px solid white !important;
}

.btn-outline.btn-class93 span {
  text-transform: uppercase;
  letter-spacing: 0.2rem;
  font-family: "Raleway";
  font-size: 0.8rem;
  font-weight: 500;
  padding: 6px;
}

.btn-outline.btn-class93:hover {
  background-color: transparent;
}

.btn-outline-categs {
  color: var(--theme-color) !important;
  border-color: var(--theme-color) !important;
}

.btn-outline-categs:hover,
.btn-outline-categs.active {
  color: white !important;
  background-color: var(--theme-color) !important;
}

.pagination .page-item .page-link {
  color: var(--theme-color);
}

.pagination .page-item.active .page-link {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
  color: white;
}

/* ----------------------------------------------
  bootstrap accordions
---------------------------------------------- */

.accordion-button {
  background-color: transparent !important;
  color: var(--text-color) !important;
  border: 0 !important;
  box-shadow: 0 0 !important;
}

.accordion h5 {
  letter-spacing: 0.2rem;
  font-size: 1.1rem;
}

.accordion .accordion-body {
  color: var(--text-color);
  text-align: justify;
}

.accordion .accordion-item {
  border-top: 1px solid #c8c8c8 !important;
  border-bottom: 0;
}

/* ----------------------------------------------
  bootstrap tabs
---------------------------------------------- */

.nav-tabs .nav-link {
  color: var(--theme-color);
  /* font-size: larger; */
}

.nav-tabs .nav-link.active {
  color: var(--theme-color);
  font-weight: 600;
}

.tab-content.tab-borders {
  border-right: 1px solid #dee2e6;
  border-left: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
}

/* ----------------------------------------------
  background wrappers
---------------------------------------------- */

.bg-pattern1-wrapper {
  background-image: url("../img/backgrounds/bg-pattern-1.6371d8055c68.jpg");
}

.bg-wrapper-3 {
  background-color: rgb(0, 0, 0);
  background-image: url("../img/backgrounds/pattern-3.d56103fbb1d4.png");
  background-repeat: repeat;
}

.land-bg {
  background-image: url("../img/backgrounds/land-bg-img-2.bb37e18771e8.jpg");
}

.labs-bg {
  background-color: #1c0a09;
}

/* ----------------------------------------------
  preHeader
---------------------------------------------- */

#preHeader {
  height: 37px;
  /* display: none !important; */
}

#preHeader a {
  color: rgb(175, 175, 175);
}

#preHeader a img {
  height: 26px;
}

#preHeader a:hover {
  color: #c28562;
}

/* @media (min-width: 576px) {
  #preHeader {
    height: 37px;
    display: block;
  }
} */

/* flags - adapted from https://github.com/lipis/flag-icons/blob/main/css/flag-icons.css */
.flag {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
}

.flag:before {
  content: "\00a0";
}

.flag-gb {
  background-image: url("../img/flags/gb.fcfef6780b36.svg");
}

.flag-it {
  background-image: url("../img/flags/it.1d72a5dec3ac.svg");
}

/* ----------------------------------------------
  mainNav
---------------------------------------------- */

#mainNav {
  margin-top: 0;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  background-color: #fff !important;
  transition: background-color 0.2s ease, height 0.4s ease, margin-top 0.2s ease;
}

#mainNav .navbar-nav .nav-item .nav-link {
  color: #000000;
  font-family: Raleway;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.3em;
  text-transform: uppercase;
}

/* #mainNav .navbar-nav .nav-item .nav-link:hover {
  text-decoration: underline;
} */

#mainNav .navbar-side {
  width: 330px;
}

#mainNav .navbar-nav .nav-item i {
  margin-right: 4px;
}

/* #mainNav .navbar-logo {
  background-image: url("../img/logo/logo-home-bianco.bc37a4d91cd1.png");
  background-size: cover;
  width: 125px;
  height: 88px;
  transition: width 0.2s ease, height 0.2s ease;
} */

#mainNav.navbar-shrink {
  margin-top: 0;
}

/* #mainNav .nav-item.lang-switcher {
  display: block;
} */

#mainNav .navbar-logo-mobile {
  background-image: url("../img/logo/cnr-igag-mobile.e6945a8267a6.png");
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
}

@media (min-width: 992px) {
  #mainNav {
    margin-top: 37px;
    height: 100px;
    box-shadow: none;
    background-color: transparent !important;
  }
  #navContainer,
  #navbarSupportedContent,
  #navbarSupportedContent ul {
    height: 100px;
  }
  #mainNav .navbar-logo {
    background-image: url("../img/logo/logo-home-bianco.bc37a4d91cd1.png");
    width: 100px;
    height: 70px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: width 0.2s ease, height 0.2s ease;
  }
  #mainNav.navbar-shrink {
    height: 70px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    background-color: #fff !important;
  }
  #mainNav.navbar-shrink #navContainer,
  #mainNav.navbar-shrink #navbarSupportedContent,
  #mainNav.navbar-shrink #navbarSupportedContent ul {
    height: 75px;
  }
  #mainNav.navbar-shrink .navbar-logo {
    background-image: url("../img/logo/logo-home.49dfd44a5962.png");
    width: 90px;
    height: 60px;
    background-size: contain;
    background-repeat: no-repeat;
  }
  #mainNav .navbar-nav .nav-item .nav-link {
    color: #ffffff;
  }
  #mainNav.navbar-shrink .navbar-nav .nav-item .nav-link {
    color: #000000;
  }

  #mainNav.navbar .nav-item .dropdown-menu {
    display: none;
    /* height: 0; */
    /* opacity: 0;
    transition: opacity 1s ease-out;
    height: 0;
    overflow: hidden; */
  }

  #mainNav.navbar .nav-item:hover .dropdown-menu {
    display: block;
    background: transparent;
    padding-top: 2.5rem;
    margin-left: -1.5rem;
    border: 0;
  }

  #mainNav.navbar .nav-item .dropdown-menu .wrapper {
    padding: 2rem;
    background-color: #19130b;
    border-top: 3px solid var(--theme-color);
    border-radius: 0;
    animation: fadeIn 0.6s;
  }

  #mainNav.navbar .nav-item .dropdown-menu a {
    color: #a8a7a5;
    text-transform: uppercase;
    font-size: 0.7rem;
    letter-spacing: 0.2rem;
    font-family: "Raleway";
    padding-left: 0;
    padding-right: 0;
  }

  #mainNav.navbar a.nav-link div {
    padding-top: 3px;
    padding-bottom: 2px;
    padding-left: 2px;
    transition: border-bottom 0.4s ease-in-out;
  }

  #mainNav.navbar a.nav-link:hover div {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }

  #mainNav.navbar a.nav-link div.active {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }

  #mainNav.navbar-shrink a.nav-link:hover div {
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  }

  #mainNav.navbar-shrink a.nav-link div.active {
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  }

  #mainNav.navbar .dropdown-item {
    background: transparent;
    transition: text-decoration 0.3s ease-out;
  }

  /* #mainNav.navbar .dropdown-item:hover {
    text-decoration: underline;
    text-underline-offset: 0.3rem;
  } */

  #mainNav.navbar .dropdown-item .active {
    text-decoration: underline;
    text-underline-offset: 0.3rem;
  }

  #mainNav.navbar .dropdown-item .active:hover {
    background: transparent;
  }

  #navbarUnitsDropdown ~ .dropdown-menu {
    width: 24rem;
  }

  #mainNav.navbar .nav-item .dropdown-menu a:hover {
    background-color: transparent;
    color: var(--theme-color);
    /* border-bottom: 1px solid var(--theme-color); */
  }

  #mainNav .nav-item.lang-switcher {
    position: absolute;
    right: 10px;
  }

  .lang-switcher .flag {
    font-size: 1rem;
  }
}

/* ----------------------------------------------
  Masthead general
---------------------------------------------- */

header.masthead .page-title {
  padding-top: 8rem;
  padding-bottom: 2rem;
}

@media (min-width: 992px) {
  header.masthead .page-title {
    padding-top: 10rem;
    padding-bottom: 2rem;
  }
}

header.masthead .page-title-with-sub {
  padding-top: 8rem;
  /* padding-bottom: 2rem; */
}

@media (min-width: 992px) {
  header.masthead .page-title-with-sub {
    padding-top: 10rem;
    /* padding-bottom: 2rem; */
  }
}

header.masthead.type-2 {
  background-position: center;
  height: 20rem;
  min-height: 20rem;
}

header.masthead.type-1 {
  margin-top: 66px;
}

@media (min-width: 992px) {
  header.masthead.type-1 {
    margin-top: 0;
    background-position: center;
    height: 8.5rem;
    min-height: 8.5rem;
  }
  header.masthead.type-1.greyrocks {
    background-image: url("../img/homepage-slider-2.76f276e03a29.jpg");
  }
}

header.masthead.type-2.greyrocks {
  background-image: url("../img/homepage-slider-2.76f276e03a29.jpg");
}

header.masthead.type-2.labs {
  background-image: url("../img/backgrounds/lab_mast_bg.40328c5400bf.jpg");
}

header.masthead.type-2.projects {
  background-image: url("../img/backgrounds/projects_mast_bg.55cac47deb7b.jpg");
}

header.masthead.institute-unit {
  /* background-image: url("../img/homepage-slider-2.76f276e03a29.jpg"); */
  height: 40rem;
  /* min-height: 24rem;
  max-height: 48rem; */
}

header.masthead.institute-unit img {
  /* min-height: 24rem; */
  height: 100%;
  max-height: 48rem;
}

/* ----------------------------------------------
  Homepage styles
---------------------------------------------- */

.home-block-bg {
  background-size: cover;
  background-position: center;
  height: 12rem;
}

.home-block-bg h4 {
  font-weight: 300;
  letter-spacing: 0.12rem;
}

.home-block-bg1 {
  background-image: url("../img/homepage-block1-vidar-nordli-mathisen-1I3_DFAWgLs-unsplash.b9e86428dfdf.jpg");
}

.home-block-bg2 {
  background-image: url("../img/homepage-block2-stephen-walker-Aemzb5kqs2E-unsplash.50f99731a00e.jpg");
}

.home-block-bg3 {
  background-image: url("../img/homepage-block3-daniel-vargas-YSgRWCQsqb8-unsplash.bffc0a613c81.jpg");
}

.parallax {
  background-image: url("../img/homepage-block1-vidar-nordli-mathisen-1I3_DFAWgLs-unsplash.b9e86428dfdf.jpg");
  min-height: 300px;
  height: 300px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* ----------------------------------------------
  Homepage masthead
---------------------------------------------- */

header.masthead.home {
  height: 100vh;
  min-height: 40rem;
  padding-top: 0; /* 4.5rem; */
  padding-bottom: 0;
}

header.masthead.home .carousel-item {
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
  /* transition-duration: .9s; */
}

header.masthead.home .carousel-item.slide-1 {
  background-image: url("../img/homepage-slider-1.1ae9e752d3cb.jpg");
  animation: home-slides-animation 7s linear infinite;
}

header.masthead.home .carousel-item.slide-2 {
  background-image: url("../img/homepage-slider-2.76f276e03a29.jpg");
  animation: home-slides-animation 7s linear infinite;
}

header.masthead.home .carousel-item.slide-3 {
  background-image: url("../img/homepage-slider-3.e1988da11ca9.jpg");
  animation: home-slides-animation 7s linear infinite;
}

@keyframes home-slides-animation {
  0% {
    transform: translate(0, 0);
  }
  /* 60% {
    transform: translate(20px, -40px) scale(1.08);
  } */
  100% {
    transform: translate(30px, -30px) scale(1.15);
  }
}

header.masthead.home h1 {
  font-size: 18px;
  letter-spacing: 7px;
  line-height: 28px;
  font-weight: 300;
  text-shadow: rgba(0, 0, 0, 0.66) 3px 3px 5px;
}
header.masthead.home p {
  margin-top: 50px;
  font-family: Raleway;
  font-style: italic;
  color: rgb(214, 170, 145);
  text-decoration: none;
  text-align: center;
  line-height: 31px;
  text-shadow: rgba(30, 30, 30, 0.76) 2px 2px 0px;
  letter-spacing: 3px;
  font-weight: 400;
  font-size: 16px;
}
@media (min-width: 576px) {
  header.masthead.home p {
    font-size: 20px;
  }
  header.masthead.home h1 {
    font-size: 20px;
    letter-spacing: 10px;
    line-height: 33px;
  }
}
@media (min-width: 768px) {
  header.masthead.home p {
    font-size: 22px;
  }

  header.masthead.home h1 {
    font-size: 24px;
    letter-spacing: 16px;
    line-height: 35px;
  }
}
@media (min-width: 992px) {
  header.masthead.home p {
    font-size: 24px;
  }
  header.masthead.home h1 {
    font-size: 26px;
    letter-spacing: 18px;
    line-height: 38px;
  }
}

/* ----------------------------------------------
  Institute styles
---------------------------------------------- */

header.masthead.institute {
  background-size: contain;
  background-position: center center;
  background-repeat: repeat;
  background-image: url("../img/backgrounds/land-bg-img-2.bb37e18771e8.jpg");
  padding-top: 5rem;
}

@media (min-width: 992px) {
  header.masthead.institute {
    padding-top: 8rem;
  }
}

header.masthead.institute h3 {
  letter-spacing: 8px;
  line-height: 38px;
}

header.masthead.institute h6 {
  font-weight: 500;
  letter-spacing: 0.1rem;
}

header.masthead.institute a {
  color: white;
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.2);
  transition: background-color 0.3s ease;
}

header.masthead.institute a:hover {
  /* color: white; */
  background-color: rgba(255, 255, 255, 0.1);
  border-color: transparent !important;
}

.institute-page-content h3 {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.4rem;
  color: #121212;
}

/* ----------------------------------------------
  Topics styles
---------------------------------------------- */

header.masthead.topics-index h1 {
  letter-spacing: 0.4rem;
}

.template-topicsindexpage .intro {
  text-align: justify;
}

.topic-desc .h5 {
  font-size: 1.1rem;
  letter-spacing: 0.5rem;
}

.topic-img {
  width: 100%;
}

@media (min-width: 992px) {
  .topic-img {
    width: 49%;
  }
}

header.masthead.topic-page {
  background-size: cover;
  background-position: center center;
  height: 24rem;
  text-align: justify;
}

.overlay {
  background-color: rgba(0, 0, 0, 0.4);
}

header.masthead.topic-page h1 {
  font-size: 1.4rem;
  letter-spacing: 0.5rem;
  font-weight: 400;
}

header.masthead.topic-page h6 {
  font-size: 0.8rem;
  letter-spacing: 0.5rem;
  font-weight: lighter;
}

.block-description {
  text-align: justify;
}

@media (min-width: 992px) {
  .block-description {
    column-count: 2;
    column-gap: 3rem;
  }
}

.block-description p:first-child:first-letter {
  font-size: 3.4rem;
  float: left;
  line-height: 20px;
  padding-top: 0.6rem;
  padding-right: 0.6rem;
}

#topicReferences.nav-tabs {
  border: 0;
}

#topicReferences .nav-link {
  border: 0;
  color: #c28562;
  text-align: left;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 1.3rem;
  font-family: "Raleway";
  text-transform: uppercase;
  font-size: 0.68rem;
  letter-spacing: 0.2rem;
  font-weight: 500;
}

.underline-effect {
  width: 0;
  height: 1px;
  margin-top: 3px;
  background-color: #c285627d;
  transition: width 0.3s ease;
}

#topicReferences .nav-link:hover > .underline-effect {
  width: 100%;
}

#topicReferences .nav-link.active > .underline-effect {
  width: 100%;
}

#topicReferences .nav-link:focus > .underline-effect {
  width: 100%;
}

#myTabContent {
  border-left: 1px solid rgb(227, 227, 227);
}

#topicActivityAccordion button {
  background-color: transparent;
  color: var(--text-color);
  --bs-accordion-color: var(--text-color);
}

.activity h3 {
  color: var(--theme-color);
  letter-spacing: 0.2rem;
  font-weight: 300;
}

#topicActivityAccordion h5 {
  letter-spacing: 0.2rem;
  font-size: 1.1rem;
}

#topicActivityAccordion .accordion-body {
  color: var(--text-color);
  text-align: justify;
}

#topicActivityAccordion .accordion-item {
  border-top: 1px solid #c8c8c8;
  border-bottom: 0;
}

#topicActivityAccordion .accordion-button,
.accordion-button:focus {
  border: 0;
  box-shadow: 0 0;
}

/* ----------------------------------------------
  Staff pages styles
---------------------------------------------- */

header.masthead.staff-index {
  background-color: #1c0a09;
}

header.masthead.staff-index p {
  color: #c28562;
  font-weight: 300;
  font-size: 1.18rem;
  letter-spacing: 0.1rem;
}

header.masthead.staff-index h5 {
  font-size: 1.18rem;
}

header.masthead.staff-index img {
  border-style: groove;
  border-width: 4px 4px 4px 4px;
  border-color: #4d3528;
}

.staff-details {
  background-color: #f4f4f4;
}

.staff-details span.bi {
  color: var(--theme-color);
}

.staff-details p {
  /* margin-bottom: 2.5rem; */
  min-height: 4rem;
}

/* ----------------------------------------------
  Laboratory pages styles
---------------------------------------------- */

h2.lab-unit {
  color: #000;
  font-size: 1.5rem;
  font-weight: 300;
  letter-spacing: 0.5rem;
  text-shadow: 4px 3px 6px rgba(84, 50, 17, 0.3);
}

#labInfoAccordion,
#labInfoAccordion button,
#labInfoAccordion .accordion-item {
  background-color: transparent;
  /* color: var(--text-color);
  --bs-accordion-color: var(--text-color); */
}

/* .activity h3 {
  color: var(--theme-color);
  letter-spacing: .2rem;
  font-weight: 300;
} */

#labInfoAccordion h5 {
  letter-spacing: 0.2rem;
  font-size: 1.1rem;
}

#labInfoAccordion .accordion-body {
  color: white;
  text-align: justify;
}

#labInfoAccordion .accordion-item {
  /* border-top: 0 !important; */
  /* border-bottom: 0; */
  /* border-radius: 0; */
  border: 1px solid #474747 !important;
}

#labInfoAccordion .accordion-button {
  box-shadow: 0 0;
  border-bottom: 1px solid #474747;
}

#labInfoAccordion .accordion-button.collapsed {
  border-bottom: 0;
}

#labInfoAccordion .accordion-button::after {
  background-image: url("data: image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff' %3e%3cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z' /%3e%3c/svg%3e");
}

#labInfoAccordion .accordion-button.collapsed::after {
  background-image: url("data: image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff' %3e%3cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z' /%3e%3c/svg%3e");
}

#labNumByUnitWidget p {
  letter-spacing: 0.3rem;
  font-size: 1rem;
}

#labNumByUnitWidget .h1 {
  font-size: 9rem;
  font-weight: 100;
  opacity: 15%;
  font-family: "Cormorant Garamond";
}

/* ----------------------------------------------
  Dissemination pages styles
---------------------------------------------- */

.template-disseminationindexpage h3 {
  font-size: 1.2rem;
}

/* ----------------------------------------------
  News pages styles
---------------------------------------------- */

header.masthead.news {
  background-image: url("../img/homepage-slider-2.76f276e03a29.jpg");
  height: 20rem;
  min-height: 20rem;
}

.intro.index.news {
  color: white;
}

.news-date-badge {
  background-color: #1c0a09;
  color: #d7926b;
  opacity: 0.7;
  font-family: Raleway;
  text-transform: uppercase;
  letter-spacing: 0.5em;
  font-size: 11px;
}

.news-author {
  font-family: Raleway;
  letter-spacing: 0.2rem;
  font-size: 0.8rem;
  font-weight: 500;
}

#news-gallery {
  max-width: 1920px;
}

.image_gallery p {
  font-size: small;
  font-style: italic;
}

.template-newspage .news-page-content .intro {
  font-style: italic;
  font-size: larger;
}

/* ----------------------------------------------
  Reserved pages styles
---------------------------------------------- */

@media (min-width: 1100px) {
  #resSectionPages {
    min-width: 20rem;
  }
}

#resSectionPages .nav-link:hover > .underline-effect {
  width: 100%;
}

#resSectionPages .nav-link.active > .underline-effect {
  width: 100%;
}

#resSectionPages .nav-link:focus > .underline-effect {
  width: 100%;
}

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

footer {
  background-color: #19130b;
}

footer a.btn,
.twbs-ns footer a.btn {
  color: var(--theme-color);
  border-radius: 100%;
  border-color: #c285629a;
  padding: 0.3rem 0.5rem;
  font-size: 0.8rem;
}

footer a.btn:hover,
.twbs-ns footer a.btn:hover {
  color: var(--theme-color);
  border-color: var(--theme-color);
}

footer p {
  color: #b2b2b2;
}

footer p.copy {
  letter-spacing: 0.27rem;
  font-family: "Raleway";
  /* font-weight: 100; */
  font-size: 0.7rem;
  color: #6f6d6b;
}

footer h5 {
  line-height: 1.45em;
  letter-spacing: 0.1em;
  font-size: 17px;
}

footer a,
.twbs-ns footer a {
  color: #b2b2b2;
  text-decoration: none;
  transition: color 0.2s ease-out;
}

footer a:hover,
.twbs-ns footer a:hover {
  color: #fff;
}

/* ----------------------------------------------
  Widget styles
---------------------------------------------- */

.land-widget a {
  color: white;
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.2);
  transition: background-color 0.3s ease;
}

.land-widget h6 {
  letter-spacing: 0.15rem;
}

.land-widget .col {
  min-width: 150px;
}

.land-widget a:hover {
  /* color: white; */
  background-color: rgba(255, 255, 255, 0.1);
  border-color: transparent !important;
}

/* ----------------------------------------------
  Wagtail richtext styles
---------------------------------------------- */

.richtext-section h1,
.richtext-section h2,
.richtext-section h3,
.richtext-section h4,
.richtext-section h5,
.richtext-section h6 {
  font-weight: 400;
}

.richtext-image {
  max-width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.richtext-image ~ figcaption {
  font-style: italic;
  font-size: 0.9rem;
}

/* @media (min-width: 768px) {
  .richtext-image.right {
    float: right;
    margin-left: 15px;
    max-width: 400px;
  }
}

@media (min-width: 768px) {
  .richtext-image.left {
    float: left;
    margin-right: 15px;
    max-width: 400px;
  }
} */

@media (min-width: 992px) {
  .float-lg-end-captioned-figure-400,
  .float-lg-end-captioned-figure-400 ~ figcaption {
    margin-left: 20px;
    max-width: 400px;
  }
}

@media (min-width: 992px) {
  .float-lg-start-captioned-figure-400,
  .float-lg-start-captioned-figure-400 ~ figcaption {
    margin-right: 20px;
    max-width: 400px;
  }
}

.richtext-image.full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.richtext-image.large {
  width: 100%;
}

.richtext-image-link img {
  /* transition: transform 0.4s ease; */
  border: 1px solid transparent;
}

.richtext-image-link img:hover {
  /* transform: scale(1.04); */
  border: var(--theme-color-transp) 1px solid;
}

/* ----------------------------------------------
  Wagtail StreamField styles
---------------------------------------------- */

.block-collapsed_accordion_list .btn-link {
  text-decoration: none;
  text-align: left;
}

.block-collapsed_accordion_list .btn-link .collapse-icon {
  transform: rotate(90deg);
  transition: transform 0.2s;
  margin-right: 0.5rem;
  padding: 0;
  float: left;
}

.block-collapsed_accordion_list .btn-link.collapsed .collapse-icon {
  transform: rotate(0deg);
}

.block-collapsed_accordion_list h5 {
  font-size: 1rem;
  text-transform: none;
  letter-spacing: normal;
  font-weight: bold;
  color: var(--text-color);
  margin-top: 0.6rem;
  margin-bottom: 0.6rem;
}

.block-collapsed_accordion_list .collapse-item {
  border-bottom: 1px solid rgb(216, 216, 216);
}

/* ----------------------------------------------
  Misc
---------------------------------------------- */

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

.img-fit-cover div {
  height: 100%;
}

/* simple-lightbox dark overlay */
.sl-overlay {
  background: #000 !important;
}

/* ----------------------------------------------
  Custom page classes
---------------------------------------------- */

.marexkus {
  background-image: url("../img/backgrounds/marexkus-bg.060b92bd4b89.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.marexkus .page-body .container {
  padding-left: 3rem;
  padding-right: 3rem;
}

.marexkus img {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}

.btn-program {
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: #6ed6c5;
  --bs-btn-border-color: #6ed6c5;
  --bs-btn-border-radius: 0.3rem;
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: #5bb4a5;
  --bs-btn-hover-border-color: #5bb4a5;
}

.btn-reg {
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: #57c57a;
  --bs-btn-border-color: #57c57a;
  --bs-btn-border-radius: 0.3rem;
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: #49a566;
  --bs-btn-hover-border-color: #49a566;
}

.btn-flyer {
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: #f17d32;
  --bs-btn-border-color: #f17d32;
  --bs-btn-border-radius: 0.3rem;
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: #db732e;
  --bs-btn-hover-border-color: #db732e;
}

.btn-contacts {
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: #37aadf;
  --bs-btn-border-color: #37aadf;
  --bs-btn-border-radius: 0.3rem;
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: #3194c2;
  --bs-btn-hover-border-color: #3194c2;
}

.btn-ratio {
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: #f7b222;
  --bs-btn-border-color: #f7b222;
  --bs-btn-border-radius: 0.3rem;
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: #d0971d;
  --bs-btn-hover-border-color: #d0971d;
}