@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url(//fonts.googleapis.com/earlyaccess/notokufiarabic.css);
@import url("https://fonts.googleapis.com/css2?family=Lateef&display=swap");
/* font-family: 'Lateef', cursive; */

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

@font-face {
  font-family: "Proto Grotesk";
  src: url("../fonts/ProtoGrotesk-Bold.eot");
  src: url("../fonts/ProtoGrotesk-Bold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/ProtoGrotesk-Bold.woff2") format("woff2"),
    url("../fonts/ProtoGrotesk-Bold.woff") format("woff"),
    url("../fonts/ProtoGrotesk-Bold.ttf") format("truetype"),
    url("../fonts/ProtoGrotesk-Bold.svg#ProtoGrotesk-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

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

*,
*:hover,
*:focus,
*:active,
*:visited,
*:focus-visible,
*:focus-within {
  outline: 0 !important;
  box-shadow: none !important;
  border-radius: 0;
}

html,
body,
.page {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden;
}

body {
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #777577;
  padding: 0 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Proto Grotesk", "Roboto", sans-serif;
  font-weight: bold;
  color: #003156;
}

h1 {
  font-size: 36px;
}

main {
  background-color: #f5f0ea;
}

img {
  height: auto;
  max-width: 100%;
}

a {
  color: #262c2f;
}

a:hover,
a:focus {
  text-decoration: none;
  color: #0e4ca1;
}

p {
  color: #777577;
}

p a {
  color: #0e4ca1;
}

.container-fluid {
  max-width: 1480px;
}

.container-fluid,
.container {
  padding-left: 60px;
  padding-right: 60px;
}

.header-top {
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 2px solid #e0e0e0;
}

.custom-logo {
  height: 47px;
  min-height: 47px;
  max-height: 47px;
}

.custom-logo img {
  width: auto;
}

.header {
  border-bottom: 2px solid #e0e0e0;
}

.header ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.header ul li {
  list-style: none;
}

.main-menu li {
  display: inline-block;
  padding-top: 20px;
  padding-bottom: 20px;
}

.main-menu.rtl {
  float: right;
}

.main-menu li a {
  position: relative;
  display: block;
  margin-right: 36px;
  color: #1d1d1d;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}

.main-menu.rtl li a {
  font-size: 22px;
}

.main-menu li a::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -22px;
  left: 0;
  margin: 0;
  display: block;
  width: 100%;
  height: 2px;
  background-color: transparent;
}

.main-menu li.current-menu-item a::after {
  background-color: #262c2e;
}

/* PAGES */

.page-hero {
  position: relative;
  width: 100%;
  height: 356px;
  overflow: hidden;
}

.page-hero .hero-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  text-align: center;
}

.page-hero .hero-image img {
  margin: auto;
  width: auto;
  height: 100%;
}

.page-content {
  background-image: url(../icons/page-content-bg.svg);
  background-position: bottom -120px right;
  background-size: 220px 531px;
  background-repeat: no-repeat;
  background-color: #ffffff;
  padding-top: 40px;
  padding-bottom: 80px;
}

.page-content h1 {
  margin-bottom: 30px;
}

.contact-page-address dt {
  display: none;
  visibility: hidden;
  opacity: 0;
  font-size: 0;
  color: transparent;
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  text-indent: -99999px;
}

.contact-page-address dd > i,
.contact-page-address dd > a i {
  content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  border: 1px solid #dedede;
  margin-right: 8px;
  position: relative;
}

.contact-page-address dd > i.none,
.contact-page-address dd > a i.none {
  border-color: transparent;
}

.contact-page-address dd > i::before,
.contact-page-address dd > a > i::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: #0e4ca1;
}

.contact-page-address dd > i.none::before,
.contact-page-address dd > a i.none::before {
  background-color: transparent;
}

.contact-page-address dd > i.address::before,
.contact-page-address dd > a i.address::before {
  -webkit-mask-image: url(../icons/address.svg);
  mask-image: url(../icons/address.svg);
}

.contact-page-address dd > i.phone::before,
.contact-page-address dd > a i.phone::before {
  -webkit-mask-image: url(../icons/phone.svg);
  mask-image: url(../icons/phone.svg);
}

.contact-page-address dd > i.email::before,
.contact-page-address dd > a i.email::before {
  -webkit-mask-image: url(../icons/email.svg);
  mask-image: url(../icons/email.svg);
}

.contact-page-address dd {
  margin-bottom: 20px;
}

.contact-page-address dd:last-child,
.contact-page-address dd:last-of-type {
  margin-bottom: 0;
}

.contact-page-address dd > *:last-child,
.contact-page-address dd > *:last-of-type {
  margin-bottom: 0;
}

.contact-page-address dd > u,
.contact-page-address dd > a u {
  font-weight: 500;
  color: #262c2e;
  margin-bottom: 0;
}

/* ARCHIVE */

.archive-hero {
  position: relative;
  width: 100%;
  height: 260px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  background-repeat: no-repeat;
  background-position: top right;
  background-size: contain;
}

.events-hero {
  background-image: url(../img/events-hero.jpg);
  background-color: #e5f4ff;
}

.medias-hero {
  background-image: url(../img/medias-hero.jpg);
  background-color: #f5f0ea;
}

.releases-hero {
  background-image: url(../img/releases-hero.jpg);
  background-color: #e5f4ff;
}

.projects-hero {
  background-image: url(../img/projects-hero.jpg);
  background-color: #c5e9e8;
}

.portraits-hero {
  background-image: url(../img/portraits-hero.jpg);
  background-color: #f5f0ea;
}

.directories-hero {
  background-image: url(../img/directories-hero.jpg);
  background-color: #e5f4ff;
}

.archive-hero .hero-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  text-align: center;
}

.archive-hero .hero-image img {
  margin: auto;
  width: auto;
  height: 100%;
}

.archive-hero h1 {
  margin: 0;
}

.archive-hero .dropdown,
.archive-hero .dropdown-toggle {
  margin: auto 0 auto auto;
  min-width: 212px;
  max-width: 300px;
}

.archive-hero .dropdown-toggle {
  width: 100%;
  text-align: left;
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0;
  vertical-align: middle;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 18px;
  margin: auto;
  border-top: 7px solid;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 0;
  height: 7px;
}

.btn-secondary.dropdown-toggle {
  padding: 10px 18px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  background-color: #ffffff;
  color: #777577;
  border-color: #ffffff;
}

.directories-hero .btn-secondary.dropdown-toggle {
  background-color: #0e4ca1;
  color: #ffffff;
  border-color: #0e4ca1;
}

.dropdown-menu {
  transform: none !important;
  margin: -1px 0 0 0 !important;
  top: 40px !important;
  border-radius: 0 !important;
  background-color: #0e4ca1;
  border: 1px solid #0e4ca1;
}

.dropdown-item {
  padding: 8px 10px;
  font-weight: 400;
  white-space: normal;
  font-size: 14px;
}

.dropdown-item,
.dropdown-item:hover,
.dropdown-item:focus {
  color: #ffffff;
  background-color: transparent;
}

.dropdown-item.active,
.dropdown-item:active,
.dropdown-item.active:hover,
.dropdown-item.active:focus {
  position: relative;
  background-color: transparent;
}

.dropdown-item.active::after,
.dropdown-item:active::after,
.dropdown-item.active:hover::after,
.dropdown-item.active:focus::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
  display: block;
  width: 16px;
  height: 16px;
  -webkit-mask: url(../icons/checkmark.svg) 100% 100% no-repeat;
  mask: url(../icons/checkmark.svg) 100% 100% no-repeat;
  background-color: #ffffff;
}

.dropdown:hover .btn-secondary.dropdown-toggle {
  border-color: #0e4ca1;
  color: #0e4ca1;
  background-color: #ffffff;
}

.show > .btn-secondary.dropdown-toggle {
  border-color: #0e4ca1;
  background-color: #0e4ca1 !important;
  color: #ffffff !important;
}

.show > .btn-secondary.dropdown-toggle::after {
  transform: rotate(-180deg);
}

.dropdown-divider {
  margin: 5px 10px;
  border-top: 1px solid #ffffff;
}

.archive-filter {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: -12px;
  background-color: #ffffff;
}

#releases-filter-alphabetic,
#releases-filter-year,
#releases-filter-genre,
#releases-filter-author {
  padding-top: 0;
}

.archive-items {
  padding-top: 25px;
  padding-bottom: 80px;
  background-color: #ffffff;
}

.archive-projects {
  padding-top: 45px;
  padding-bottom: 50px;
}

.archive-events .event {
  position: relative;
  padding: 20px;
  margin-top: 25px;
  margin-bottom: 30px;
  background-color: #f5f0ea;
}

.archive-medias .gallery,
.archive-releases .release,
.archive-projects .project,
.archive-portraits .portrait {
  margin-bottom: 30px;
}

.archive-releases .release {
  margin-bottom: 50px;
}

.archive-posts .gallery,
.archive-medias .gallery {
  margin-bottom: 55px;
}

.archive-events .event .date {
  position: absolute;
  top: -24px;
  left: 20px;
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #142e85;
  background-color: transparent;
  min-width: 60px;
  z-index: 2;
}

.archive-events .date .months {
  text-align: center;
  padding: 4px 8px;
  color: #ffffff;
  background-color: #0e4ca1;
}

.archive-events .date .dates {
  font-weight: 600;
  padding-top: 8px;
  padding-bottom: 6px;
}

.archive-events .date .day {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 0;
  padding-bottom: 10px;
}

.archive-events .date .days {
  font-weight: 600;
  padding: 8px 8px;
  background-color: #fff;
}

.archive-events .date .year {
  text-align: left;
  font-weight: 600;
  padding: 8px 8px;
  background-color: #fff;
  display: inline-block;
}

.archive-items .item h2 {
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: #1d1d1d;
  margin-bottom: 20px;
}

.archive-events .event h2 {
  min-height: 72px;
}

#categories-row {
  display: none;
}

.archive-posts .gallery h2,
.archive-medias .gallery h2 {
  /* min-height: 72px; */
  color: #262c2e;
  margin: 0;
}

.archive-posts .gallery .date,
.archive-medias .gallery .date {
  color: #777577;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  margin-top: 5px;
  text-transform: capitalize;
}

.archive-items .item.featured-media h2 {
  font-size: 26px;
  line-height: 32px;
}

.archive-releases .release h2 {
  min-height: unset;
  color: #000000;
  margin-bottom: 12px;
}

.archive-projects .project h2 {
  min-height: unset;
  color: #262c2e;
  margin-bottom: 12px;
}

.archive-portraits .portrait h2 {
  min-height: unset;
  color: #000000;
  margin-bottom: 0;
}

.archive-directories .directory h2 {
  min-height: unset;
  color: #000000;
  margin-bottom: 10px;
}

.archive-items .item h2 a {
  color: #1d1d1d;
}

.archive-items .gallery h2 a {
  color: #262c2e;
}

.archive-items .release h2 a {
  color: #000000;
}

.archive-items .project h2 a {
  color: #262c2e;
}

.archive-items .portrait h2 a {
  color: #000000;
}

.archive-items .directory h2 a {
  font-size: 22px;
  line-height: 24px;
  color: #000000;
}

.archive-events .event .event-hour {
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  height: 16px;
  color: #6f6f6f;
}

.archive-events .event .event-city {
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  height: 16px;
  color: #000000;
  margin-top: 4px;
}

.archive-items .thumbnail {
  width: 100%;
  margin-bottom: 15px;
}

.archive-items .thumbnail img {
  width: 100%;
}

.archive-releases .thumbnail {
  position: relative;
  padding-right: 10px;
  padding-bottom: 10px;
  margin-bottom: 20px;
  z-index: 2;
}

.archive-releases .thumbnail a {
  display: block;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 10px;
  position: relative;
  z-index: 9;
  align-items: center;
  justify-content: center;
}

/* .archive-releases .thumbnail img {
  position: relative;
  width: u;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  z-index: 2;
} */

.archive-releases .thumbnail .img {
  position: relative;
  width: 100%;
  max-width: 100%;
  padding-top: 150%;
  z-index: 2;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  overflow: hidden;
}

.archive-portraits .thumbnail .img {
  position: relative;
  width: 100%;
  max-width: 100%;
  padding-top: 130%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  overflow: hidden;
}

.archive-posts .thumbnail .img, .archive-medias .thumbnail .img {
  position: relative;
  width: 100%;
  max-width: 100%;
  padding-top: 56.25%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  overflow: hidden;
}

.archive-events .thumbnail .img {
  position: relative;
  width: 100%;
  max-width: 100%;
  padding-top: 56.25%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  overflow: hidden;
  z-index: 1;
}

.archive-projects .thumbnail .img {
  position: relative;
  width: 100%;
  max-width: 100%;
  padding-top: 56.25%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  overflow: hidden;
  z-index: 1;
}

.archive-directories .thumbnail {
  width: 100px;
  height: 100px;
  margin-bottom: 0;
}

.archive-directories .thumbnail .img {
  width: 100px;
  height: 100px;
  margin-bottom: 0;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  background-color: transparent;
  max-width: 100%;
}

.archive-releases .thumbnail::before {
  content: "";
  position: absolute;
  top: 10px;
  right: 0;
  bottom: 0;
  left: 10px;
  margin: auto;
  background-color: #d9d9d9;
  z-index: 1;
}

.archive-projects .thumbnail {
  position: relative;
}

.archive-items .more-items {
  margin-top: 15px;
}

.archive-items .taxonomies {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 12px;
  font-weight: bold;
  font-family: "Proto Grotesk", "Roboto", sans-serif;
  margin-bottom: 10px;
}

.archive-medias .taxonomies .format {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  color: #0e4ca1;
  margin-right: 15px;
}

.archive-medias .taxonomies .format span {
  display: inline-block;
  width: 17px;
  height: 17px;
  background-color: #0e4ca1;
  margin-right: 4px;
}

.taxonomies .format span.photo {
  -webkit-mask: url(../icons/photo.svg) no-repeat 100% 100%;
  mask: url(../icons/photo.svg) no-repeat 100% 100%;
}

.taxonomies .format span.audio {
  -webkit-mask: url(../icons/audio.svg) no-repeat 100% 100%;
  mask: url(../icons/audio.svg) no-repeat 100% 100%;
}

.taxonomies .format span.video {
  -webkit-mask: url(../icons/video.svg) no-repeat 100% 100%;
  mask: url(../icons/video.svg) no-repeat 100% 100%;
}

.archive-medias .taxonomies .category {
  color: #0e4ca1;
}

.archive-releases .author {
  font-size: 12px;
  line-height: 18px;
  font-weight: bold;
  font-family: "Proto Grotesk", "Roboto", sans-serif;
  text-transform: uppercase;
  color: #0e4ca1;
  margin-bottom: 4px;
}

.archive-releases .edition,
.archive-releases .date {
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  color: #777577;
  margin-bottom: 4px;
}

.archive-releases .date {
  margin-bottom: 0;
}

.archive-projects .open {
  position: absolute;
  top: 20px;
  right: 20px;
  margin: auto;
  width: 57px;
  height: 57px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
  color: #777577;
  background-color: #ffffff;
  border-radius: 100%;
  z-index: 1;
}

.archive-projects .category {
  font-size: 12px;
  font-weight: bold;
  font-family: "Proto Grotesk", "Roboto", sans-serif;
  text-transform: uppercase;
  color: #0e4ca1;
  margin-bottom: 6px;
}

.archive-projects .deadline {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #777577;
  margin-bottom: 0;
}

.archive-portraits .format {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #777577;
  margin-top: 10px;
  margin-bottom: 0;
}

.archive-directories .directory {
  background-color: #f5f0ea;
  padding: 28px;
  margin-bottom: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.archive-directories .directory .content {
  flex: 1 1 100px;
  padding-right: 5px;
}

.archive-directories .format,
.archive-directories .pin {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #777577;
  margin-bottom: 4px;
}

.archive-directories .pin {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  width: max-content;
  margin-bottom: 0;
}

.archive-directories .pin span {
  display: inline-block;
}

.archive-directories .pin::before {
  content: "";
  width: 14px;
  height: 14px;
  display: inline-block;
  background-color: #777577;
  -webkit-mask: url(../icons/pin.svg) no-repeat 100% 100%;
  mask: url(../icons/pin.svg) no-repeat 100% 100%;
  margin-right: 2px;
}

.collapse-card {
  margin-bottom: 12px;
}

.card,
.card-header,
.card-header:first-child {
  border-radius: 0;
  border-width: 0;
}

.collapse-card .card-header {
  position: relative;
  color: #003156;
  font-size: 22px;
  font-weight: 600;
  background-color: #ffffff;
  padding: 20px 66px 20px 28px;
  border-bottom: 1px solid #f5f0ea;
}

.collapse-card .card-header::after {
  content: "";
  position: absolute;
  display: block;
  width: 22px;
  height: 22px;
  top: 0;
  right: 31px;
  bottom: 0;
  margin: auto;
  -webkit-mask-image: url(../icons/plus.svg);
  mask-image: url(../icons/plus.svg);
  background-color: #003156;
  transform: rotate(-45deg);
}

.collapse-card:hover .card-header {
  color: #0e4ca1;
}

.collapse-card:hover .card-header::after {
  background-color: #0e4ca1;
}

.collapse-card .card-header.collapsed {
  border-color: transparent;
}

.collapse-card .card-header.collapsed::after {
  transform: rotate(0);
}

.collapse-card .card-body {
  padding: 28px;
}

.collapse-card .card-body p:last-child,
.collapse-card .card-body p:last-of-type {
  margin-bottom: 0;
}

.btn {
  border-radius: 0;
}

.btn-primary {
  border-color: #0e4ca1;
  background-color: #0e4ca1;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  padding: 20px 40px;
}

.btn-primary:hover {
  border-color: #003156;
  background-color: #003156;
}

.footer {
  background-color: #003156;
}

.footer .footer-top {
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.custom_top_left_footer_widget .textwidget {
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
}

.footer .footer-bottom {
  padding-top: 30px;
  padding-bottom: 30px;
}

.footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer ul li {
  list-style: none;
  padding-bottom: 15px;
}

.footer ul li:last-child,
.footer ul li:last-of-type {
  padding-bottom: 0;
}

.footer .custom_bottom_column_1_footer_widget ul li {
  padding-bottom: 0;
}

.footer ul li a {
  color: #d8d8d8;
  font-size: 14px;
  font-weight: 600;
}

.footer ul li a:hover {
  color: #ffffff;
  text-decoration: underline;
}

.footer ul li.menu-external-item a {
  font-weight: 400;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}

.footer ul li .menu-external-icon {
  transform: rotate(-45deg);
  display: flex;
  width: 12px;
  height: 12px;
  fill: currentColor;
  margin-left: 4px;
}

.footer .menu-icon {
  width: 36px;
  height: 36px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background-color: transparent;
  margin-right: 8px;
  margin-bottom: 12px;
}

.footer .menu-icon:hover {
  border: 1px solid #ffffff;
  background-color: #ffffff;
}

.footer .menu-icon > span {
  width: 16px;
  height: 16px;
  display: inline-block;
  background-color: #ffffff;
}

.footer .menu-icon:hover > span {
  width: 16px;
  height: 16px;
  display: inline-block;
  background-color: #003156;
}

.footer .title-span {
  margin-bottom: 12px;
}

.footer .custom_bottom_column {
  padding-left: 40px;
  padding-right: 40px;
}

.footer .custom_bottom_column_1_footer_widget {
  padding-left: 15px;
}

.footer .custom_bottom_column_4_footer_widget {
  padding-right: 15px;
}

.footer .custom_bottom_column_1_footer_widget a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.homepage-hero {
  position: relative;
  background-color: #0e4ca1;
  width: 100%;
  min-height: 356px;
}

.homepage-hero::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.4);
}

.homepage-hero img {
  width: 100%;
  height: auto;
  min-height: 356px;
  margin: auto;
  display: block;
}

.homepage-hero .content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  z-index: 3;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.homepage-hero .content > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #ffffff;
}

.homepage-hero .subtitle {
  color: #ffffff;
  font-size: 12px;
  font-weight: 400;
  font-family: "Proto Grotesk", "Roboto", sans-serif;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.homepage-hero .title {
  color: #ffffff;
  font-size: 36px;
  font-weight: blod;
  font-family: "Proto Grotesk", "Roboto", sans-serif;
  line-height: 36px;
  margin-bottom: 28px;
}

.btn-link {
  color: #003156;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  display: block;
  width: fit-content;
}

.homepage-hero .btn-link {
  color: #ffffff;
}

.btn-link .chevron {
  align-items: center;
}

.btn-link .chevron::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  -webkit-mask: url(../icons/chevron.svg) 100% 100% no-repeat;
  mask: url(../icons/chevron.svg) 100% 100% no-repeat;
  background-color: #003156;
  margin-left: 4px;
}

.homepage-hero .btn-link .chevron::after {
  background-color: #ffffff;
}

.featured-portrait {
  position: relative;
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #f5f0ea;
  overflow: hidden;
}

.featured-portrait::before {
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  left: -30vw;
  right: 0;
  bottom: 0;
  z-index: 10;
  border-top: 55vw solid transparent;
  --border-opacity: 1;
  border-color: #c5e9e8;
  border-left: 130vw solid transparent;
  border-bottom: 0 solid transparent;
  border-right: 0 solid transparent;
  z-index: 1;
}

.featured-portrait article {
  position: relative;
  padding-left: 118px;
  padding-right: 118px;
  z-index: 2;
}

.featured-portrait figure {
  width: 100%;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.featured-portrait figure .img {
  position: relative;
  width: 100%;
  min-height: 37.5vw;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}

.featured-portrait .subtitle {
  font-size: 12px;
  font-weight: bold;
  font-family: "Proto Grotesk", "Roboto", sans-serif;
  line-height: 16px;
  text-transform: uppercase;
  color: #003156;
  margin-bottom: 12px;
}

.featured-portrait .title {
  font-size: 40px;
  font-weight: bold;
  font-family: "Proto Grotesk", "Roboto", sans-serif;
  color: #003156;
  margin-bottom: 30px;
}

.featured-portrait .excerpt {
  max-width: 555px;
  margin-bottom: 20px;
}

.featured-portrait .excerpt,
.featured-portrait .excerpt p {
  font-size: 18px;
  line-height: 28px;
  font-family: "Roboto", sans-serif;
  color: rgba(0, 0, 0, 0.6);
}

.featured-portrait .excerpt p:last-child,
.featured-portrait .excerpt p:last-of-type {
  margin-bottom: 0;
}

.featured-portrait .btn-link {
  font-size: 14px;
  line-height: 18px;
  color: #003156;
  margin-bottom: 60px;
}

.section-title {
  font-size: 30px;
  font-weight: bold;
  font-family: "Proto Grotesk", "Roboto", sans-serif;
  color: #003156;
  margin-bottom: 25px;
}

.home .archive-items {
  position: relative;
  padding-top: 80px;
  padding-bottom: 80px;
}

.home .archive-items .section-title {
  position: relative;
  z-index: 2;
}

.home .archive-events::before {
  content: "";
  position: absolute;
  display: block;
  background-image: url(../img/homepage-upcoming-events.svg);
  background-color: transparent;
  background-repeat: no-repeat;
  width: 424px;
  height: 496px;
  z-index: 1;
  top: -6em;
  left: 0;
}

.home .archive-releases {
  background-color: #e5f4ff;
}

.home .archive-releases::before {
  content: "";
  position: absolute;
  display: block;
  background-image: url(../img/homepage-latest-releases.svg);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: top;
  background-size: contain;
  width: 348px;
  height: 662px;
  z-index: 1;
  top: -14.3rem;
  right: 0;
}

.home .owl-carousel {
  z-index: 3;
}

.home-featured-medias-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.archive-medias .featured-item {
  position: relative;
}

.archive-medias .featured-item .thumbnail {
  margin-bottom: 0;
}

.archive-medias .thumbnail.no-thumbnail {
  background-color: #aaaaaa;
}

.archive-medias .thumbnail a {
  display: block;
  height: auto;
}

.archive-medias .featured-item .thumbnail a {
  height: auto;
}

.archive-medias .featured-item .heading {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 30px 45px;
}

.archive-medias .featured-item h2,
.archive-medias .featured-item h2 a,
.archive-medias .featured-item .format,
.archive-medias .featured-item .category {
  min-height: unset;
  color: #ffffff;
}

.archive-medias .featured-item h2 a {
  font-size: 22px;
  line-height: 28px;
}

.archive-medias .featured-item .format span {
  background-color: #ffffff;
}

.home .archive-medias {
  background-color: #f5f0ea;
}

.home .archive-medias::before {
  content: "";
  position: absolute;
  display: block;
  background-image: url(../img/homepage-medias.svg);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: top;
  background-size: contain;
  width: 348px;
  height: 662px;
  z-index: 1;
  top: -14.3rem;
  left: 0;
}

.professionals {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #c5e9e8;
}

.home .professionals > .container-fluid {
  position: relative;
}

.home .professionals > .container-fluid::before {
  content: "";
  position: absolute;
  display: block;
  background-image: url(../img/homepage-professionals.svg);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: top;
  background-size: contain;
  width: 348px;
  height: 194px;
  z-index: 1;
  top: -10.75rem;
  right: 60px;
}

.professionals .item {
  position: relative;
  padding-right: 10px;
  padding-bottom: 10px;
  z-index: 2;
}

.professionals .item::before {
  content: "";
  background-color: #d9d9d9;
  position: absolute;
  top: 10px;
  right: 0;
  bottom: 0;
  left: 10px;
  margin: 0;
  z-index: 1;
}

.professionals .item a {
  position: relative;
  display: block;
  height: 120px;
  background: #ffffff;
  position: relative;
  z-index: 2;
  padding: 20px;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  color: #003156;
}

.professionals .item a::after {
  content: "";
  position: absolute;
  bottom: 20px;
  left: 20px;
  display: block;
  width: 16px;
  height: 16px;
  -webkit-mask: url(../icons/arrow.svg) 100% 100% no-repeat;
  mask: url(../icons/arrow.svg) 100% 100% no-repeat;
  background-color: #0e4ca1;
}

.archive-filter .btn {
  margin-right: 5px;
  margin-bottom: 12px;
}

.archive-filter .btn.by {
  position: relative;
  padding-right: 47px;
}

.archive-filter .btn.by::after {
  display: inline-block;
  margin-left: 0;
  vertical-align: middle;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 18px;
  margin: auto;
  border-top: 7px solid;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 0;
  height: 7px;
}

.archive-filter .btn.author.active {
  position: relative;
  padding-right: 54px;
}

.archive-filter .btn.author.active::after {
  content: "";
  position: absolute;
  display: block;
  width: 18px;
  height: 18px;
  top: 0;
  bottom: 0;
  right: 18px;
  margin: auto;
  -webkit-mask-image: url(../icons/plus.svg);
  mask-image: url(../icons/plus.svg);
  background-color: #ffffff;
  color: #ffffff;
  transform: rotate(-45deg);
}

.archive-filter .btn.by.active::after {
  transform: rotate(180deg);
}

/* .archive-filter .btn.format::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 17px;
  background-color: #777577;
  margin-right: 8px;
  margin-top: -2px;
} */

/* .archive-filter .btn.format.video::before {
  -webkit-mask: url(../icons/video.svg) 100% 100% no-repeat;
  mask: url(../icons/video.svg) 100% 100% no-repeat;
}

.archive-filter .btn.format.audio::before {
  -webkit-mask: url(../icons/audio.svg) 100% 100% no-repeat;
  mask: url(../icons/audio.svg) 100% 100% no-repeat;
}

.archive-filter .btn.format.photo::before {
  -webkit-mask: url(../icons/photo.svg) 100% 100% no-repeat;
  mask: url(../icons/photo.svg) 100% 100% no-repeat;
} */

.archive-filter input.form-control {
  font-size: 14px;
  line-height: 20px;
  color: #777577;
  padding: 8px 20px 8px 38px;
  border: 1px solid #dedede;
  background-color: transparent;
  border-radius: 0;
}

.search-input-wrapper .input-group > img{
  width: 20px;
  height: 35px;
  margin-right: -32px;
  opacity: .5;
}

.btn-outline-primary {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #777577;
  padding: 8px 20px;
  border: 1px solid #dedede;
  background-color: transparent;
}

.btn-outline-primary:hover {
  color: #0e4ca1;
  border: 1px solid #0e4ca1;
  background-color: transparent;
}

.archive-filter .btn.format:hover::before {
  background-color: #0e4ca1;
}

.btn-outline-primary:focus {
  color: #777577;
  border: 1px solid #dedede;
  background-color: transparent;
}

.archive-filter .btn.format:focus::before {
  background-color: #777577;
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:active,
.btn-outline-primary:not(:disabled):not(.disabled):active {
  color: #ffffff;
  border: 1px solid #0e4ca1;
  background-color: #0e4ca1;
}

.archive-filter .btn.format:not(:disabled):not(.disabled).active::before,
.archive-filter .btn.format:active::before,
.archive-filter .btn.format:not(:disabled):not(.disabled):active::before {
  background-color: #ffffff;
}

.archive-filter .btn.disabled,
.archive-filter .btn:disabled,
.archive-filter .btn.disabled:hover,
.archive-filter .btn:disabled:hover {
  color: #aaaaaa;
  background-color: transparent;
  border-color: #aaaaaa;
}

.archive-filter .btn.format.disabled::before,
.archive-filter .btn.format:disabled::before,
.archive-filter .btn.format:disabled:hover::before,
.archive-filter .btn.format:disabled:hover::before {
  background-color: #aaaaaa;
}

.archive-tabs {
  margin-top: -45px;
}

.archive-tabs .btn-tab {
  font-size: 16px;
  font-weight: 600;
  line-height: 23px;
  color: #777577;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 14px;
  margin-right: 20px;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  border-bottom: 2px solid transparent;
}

.archive-tabs .btn-tab.active,
.archive-tabs .btn-tab.active:hover,
.archive-tabs .btn-tab.active.focus {
  color: #003156;
  border-color: #003156;
}

.archive-tabs .btn-tab:focus,
.archive-tabs .btn-tab:hover {
  border-color: #777577;
}

.single-content {
  padding-top: 20px;
  padding-bottom: 80px;
  background-color: #f5f0ea;
}

.single-content p,
.single-content td,
.single-content li,
.single-content div {
  color: #262c2f;
}

.single-content.event-content {
  background-image: url(../icons/single-event-bg.svg);
  background-repeat: no-repeat;
  background-position: right 2vh;
  background-size: auto 94vh;
}

.single-content.project-content {
  background-image: url(../icons/single-project-bg.svg);
  background-repeat: no-repeat;
  background-position: right top 30px;
  background-size: 50vw auto;
}

.single-content.event-content .thumbnail .img {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}

.breadcrumb {
  padding: 0;
  margin-bottom: 60px;
  background-color: transparent;
  border-radius: 0;
}

.post-share {
  position: relative;
}

.breadcrumb-item,
.breadcrumb-item a,
.post-share > a {
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  color: #777577;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
}

.post-share a {
  font-weight: 600;
}

.post-share-ul {
  list-style: none;
  position: absolute;
  top: 30px;
  right: 0;
  margin: 0;
  padding: 6px 12px;
  margin: 0;
  z-index: 9;
  width: 160px;
  height: auto;
  background-color: #ffffff;
  border: 1px solid #dedede;
  display: none;
}

.post-share-ul li {
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 6px 0;
  display: block;
  font-size: 14px;
  line-height: 18px;
  width: 100%;
  float: left;
}

.post-share-ul li a {
  padding: 0;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  color: #262c2e;
  transition: all 300ms ease-out;
}

.post-share-ul a:hover {
  color: #0e4ca1;
}

.post-share-ul li i {
  position: relative;
  width: 31px;
  height: 31px;
  background-color: #ffffff;
  border: 1px solid #dedede;
  display: inline-block;
  margin-right: 6px;
  border-radius: 100%;
  transition: all 300ms ease-out;
}

.post-share-ul a:hover i {
  background-color: #0e4ca1;
  border: 1px solid #0e4ca1;
}

.post-share-ul li i::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: block;
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-position: center center;
  mask-repeat: no-repeat;
  background-color: #0e4ca1;
}

.post-share-ul a:hover i::before {
  background-color: #ffffff;
}

.post-share-ul li i.mail::before {
  width: 16px;
  height: 16px;
  -webkit-mask-image: url(../icons/email.svg);
  mask-image: url(../icons/email.svg);
  -webkit-mask-size: 16px 16px;
  mask-size: 16px 16px;
}

.post-share-ul li i.twitter::before {
  width: 14px;
  height: 14px;
  -webkit-mask-image: url(../icons/twitter.svg);
  mask-image: url(../icons/twitter.svg);
  -webkit-mask-size: 14px 14px;
  mask-size: 14px 14px;
}

.post-share-ul li i.facebook::before {
  width: 14px;
  height: 14px;
  -webkit-mask-image: url(../icons/facebook.svg);
  mask-image: url(../icons/facebook.svg);
  -webkit-mask-size: 14px 14px;
  mask-size: 14px 14px;
}

.post-share-ul li i.linkedin::before {
  width: 15px;
  height: 15px;
  -webkit-mask-image: url(../icons/linkedin.svg);
  mask-image: url(../icons/linkedin.svg);
  -webkit-mask-size: 15px 15px;
  mask-size: 15px 15px;
}

.post-share-ul li i.copy::before {
  width: 14px;
  height: 14px;
  -webkit-mask-image: url(../icons/link.svg);
  mask-image: url(../icons/link.svg);
  -webkit-mask-size: 14px 14px;
  mask-size: 14px 14px;
}

.breadcrumb-item a::before {
  content: "";
  width: 10px;
  height: 10px;
  margin-right: 4px;
  margin-top: -0.15em;
  display: inline-block;
  -webkit-mask-image: url(../icons/chevron.svg);
  -webkit-mask-position: left center;
  -webkit-mask-size: 10px 10px;
  mask-image: url(../icons/chevron.svg);
  mask-position: left center;
  mask-size: 10px 10px;
  background-color: #777577;
  vertical-align: middle;
  transform: rotate(180deg);
}

.post-share > a::before {
  content: "";
  width: 16px;
  height: 16px;
  margin-right: 4px;
  display: inline-block;
  -webkit-mask-image: url(../icons/share.svg);
  -webkit-mask-position: left center;
  -webkit-mask-size: 16px 16px;
  -webkit-mask-repeat: no-repeat;
  mask-image: url(../icons/share.svg);
  mask-position: left center;
  mask-size: 16px 16px;
  mask-repeat: no-repeat;
  background-color: #777577;
  vertical-align: middle;
}

.single-title {
  font-size: 36px;
  font-weight: bold;
  font-family: "Proto Grotesk", "Roboto", sans-serif;
  line-height: 40px;
  margin-bottom: 25px;
}

.single-content article > figure.thumbnail {
  margin-bottom: 28px;
}

.single-content article > figure.thumbnail img {
  width: 100%;
  max-width: 100%;
}

.single-content .excerpt,
.single-content .excerpt > * {
  font-size: 20px;
  line-height: 29px;
  color: #262c2f;
}

.single-content .excerpt {
  margin-bottom: 45px;
}

.single-content .excerpt > *:last-child,
.single-content .excerpt > *:last-of-type {
  margin-bottom: 0;
}

.single-content .collapse-card {
  margin-bottom: 12px;
}

.collapse-card table {
  width: 100%;
  margin: -16px 0 0 0;
}

.collapse-card table th,
.collapse-card table td {
  font-size: 16px;
  line-height: 24px;
  color: #777577;
  vertical-align: top;
  padding-top: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #f5f0ea;
}

.collapse-card table td a {
  font-size: 16px;
  line-height: 24px;
  text-decoration: underline;
  color: #777577;
  vertical-align: top;
  padding-top: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #f5f0ea;
}

.collapse-card table th {
  width: 35%;
  font-weight: 500;
  color: #262c2e;
  padding-right: 8px;
}

.collapse-card table td {
  padding-left: 8px;
}

.collapse-card table tr:last-child th,
.collapse-card table tr:last-of-type th,
.collapse-card table tr:last-child td,
.collapse-card table tr:last-of-type td {
  padding-bottom: 0;
  border-bottom: 0;
}

.single-content blockquote.quote {
  position: relative;
  font-size: 20px;
  line-height: 30px;
  color: #003156;
  padding-top: 40px;
  padding-left: 80px;
  margin-top: 45px;
  margin-bottom: 45px;
  min-height: 190px;
  z-index: 2;
}

.single-content .quote-content {
  position: relative;
  z-index: 2;
  margin-bottom: 15px;
}

.single-content .quote-content > * {
  font-size: 20px;
  line-height: 30px;
  color: #003156;
}

.single-content blockquote.quote::before {
  content: "";
  width: 224px;
  height: 190px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  background-color: transparent;
  background-image: url(../icons/quote.svg);
  z-index: 1;
}

.single-content .quote-content > *:last-child,
.single-content .quote-content > *:last-of-type {
  margin-bottom: 0;
}

.single-content blockquote.quote cite {
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  line-height: 20px;
  color: rgb(119, 117, 119, 0.7);
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  z-index: 1;
  position: relative;
}

.single-content blockquote.quote cite::before {
  content: "";
  width: 8px;
  height: 2px;
  display: inline-block;
  background-color: rgb(119, 117, 119, 0.7);
  margin-right: 4px;
}

.single-content .blockphotos {
  background-color: #ffffff;
  padding: 28px;
  margin-bottom: 12px;
}

.single-content .blockphotos .block-title {
  font-size: 22px;
  font-weight: 600;
  line-height: 20px;
  color: #003156;
  margin-bottom: 28px;
}

.single .archive-items {
  padding-top: 80px;
  padding-bottom: 80px;
}

.single .archive-items .section-title {
  font-size: 30px;
  color: #003156;
  margin-bottom: 30px;
}

.single .archive-items .event {
  margin-bottom: 0;
}

.single-content .apply,
.single-content .newsletter {
  background-color: #ffffff;
  padding: 10px;
}

.single-content aside .apply,
.single-content aside .newsletter {
  max-width: 440px;
  width: 320px;
  width: 100%;
}

.single-content .apply dl,
.single-content .newsletter dl {
  background-color: #f5f0ea;
  padding: 20px;
  margin: 0;
}

.single-content .apply dt,
.single-content .apply dd,
.single-content .newsletter dt,
.single-content .newsletter dd {
  padding: 0;
  margin: 0;
}

.single-content .apply dd,
.single-content .newsletter dd {
  margin-top: 8px;
  margin-bottom: 8px;
}

.single-content .apply dd.sep,
.single-content .newsletter dd.sep {
  background-color: #ffffff;
  width: 100%;
  height: 4px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.single-content .apply dt {
  font-size: 18px;
  font-weight: 900;
  color: #0e4ca1;
  margin-bottom: 12px;
}

.single-content .newsletter dt {
  font-size: 14px;
  font-weight: 600;
  color: #262c2f;
  margin-bottom: 20px;
}

.single-content .apply dd.black,
.single-content .newsletter dd.black {
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  color: #262c2f;
}

.single-content .apply dd,
.single-content .newsletter dd {
  /* padding-left: 38px; */
  word-break: break-all;
}

.single-content .apply dd.black p,
.single-content .newsletter dd.black p {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #262c2f;
}

.single-content .apply dd.gray,
.single-content .newsletter dd.gray {
  font-size: 14px;
  line-height: 18px;
  color: #777577;
}

.single-content .apply dd.gray p,
.single-content .newsletter dd.gray p {
  font-size: 14px;
  line-height: 18px;
  color: #777577;
  margin-bottom: 0;
}

.single-content .apply dd strong,
.single-content .newsletter dd strong {
  font-weight: 500;
}

.single-content .apply dd a,
.single-content .newsletter dd a {
  text-decoration: underline;
  color: #262c2f;
}

.single-content .apply dd a:hover,
.single-content .apply dd a:focus,
.single-content .newsletter dd a:hover,
.single-content .newsletter dd a:focus {
  color: #0e4ca1;
}

.single-content .apply dl table,
.single-content .newsletter dl table {
  width: 100%;
}

.single-content .apply dl th,
.single-content .newsletter dl th {
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  color: #262c2f;
}

.single-content .apply dl td,
.single-content .newsletter dl td {
  font-size: 14px;
  line-height: 22px;
  color: #777577;
}

.single-content .apply dl th,
.single-content .apply dl td,
.single-content .newsletter dl th,
.single-content .newsletter dl td {
  vertical-align: middle;
}

.single-content .apply dl td,
.single-content .newsletter dl td {
  text-align: right;
}

.single-content .apply dl .dd-icon,
.single-content .newsletter dl .dd-icon {
  padding-left: 38px;
}

.single-content .apply dl i,
.single-content .newsletter dl i {
  margin-left: -38px;
}
.single-content .apply dl .ticket,
.single-content .newsletter dl .ticket {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-color: #0e4ca1;
  border-radius: 100%;
  border-radius: 100%;
  margin: 3px 0 -3px 0px;
  position: relative;
}

.single-content .apply dl .ticket::before,
.single-content .newsletter dl .ticket::before {
  content: "";
  width: 16px;
  height: 16px;
  display: inline-block;
  -webkit-mask-position: left center;
  -webkit-mask-size: 16px 16px;
  -webkit-mask-repeat: no-repeat;
  mask-position: left center;
  mask-size: 16px 16px;
  mask-repeat: no-repeat;
  -webkit-mask: url(../icons/link.svg) no-repeat 100% 100%;
  mask: url(../icons/link.svg) no-repeat 100% 100%;
  background-color: #ffffff;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.single-content .apply dl .info::before,
.single-content .apply dl .time::before,
.single-content .newsletter dl .info::before,
.single-content .newsletter dl .time::before {
  content: "";
  width: 16px;
  height: 16px;
  margin-right: 8px;
  display: inline-block;
  -webkit-mask-position: left center;
  -webkit-mask-size: 16px 16px;
  -webkit-mask-repeat: no-repeat;
  mask-position: left center;
  mask-size: 16px 16px;
  mask-repeat: no-repeat;
  background-color: #777577;
  vertical-align: middle;
}

.single-content .apply dl .address,
.single-content .newsletter dl .address {
  position: relative;
  background-color: #ffffff;
  width: 31px;
  height: 31px;
  border-radius: 100%;
  border: 1px solid #dedede;
  margin-right: 8px;
  vertical-align: middle;
  display: inline-block;
}

.single-content .apply dl .address::before,
.single-content .newsletter dl .address::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 15px;
  height: 15px;
  display: block;
  -webkit-mask-image: url(../icons/address.svg);
  mask-image: url(../icons/address.svg);
  -webkit-mask-position: left center;
  -webkit-mask-size: 15px 15px;
  -webkit-mask-repeat: no-repeat;
  mask-position: left center;
  mask-size: 15px 15px;
  mask-repeat: no-repeat;
  background-color: #0e4ca1;
}

.single-content .apply dl .info::before,
.single-content .newsletter dl .info::before {
  -webkit-mask-image: url(../icons/time.svg);
  mask-image: url(../icons/time.svg);
}

.single-content .apply dl .time::before,
.single-content .newsletter dl .time::before {
  -webkit-mask-image: url(../icons/time.svg);
  mask-image: url(../icons/time.svg);
}

.aside-flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.aside-flex .thumbnail {
  margin-bottom: 0;
}

.single-content.media-content {
  background-color: #ffffff;
}

.single-content.media-content .thumbnail {
  margin-bottom: 45px;
}

.single-content.media-content .thumbnail img {
  width: 100%;
}

.single-content.media-content .thumbnail .img {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}

.single-content.media-content .item-video {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  overflow: hidden;
}

.single-content.media-content .owl-video-wrapper {
  width: 100%;
  height: unset !important;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
}

.media-content .single-title {
  line-height: 46px;
  margin-bottom: 28px;
}

.media-content .excerpt {
  margin-bottom: 28px;
}

.media-content .content {
  font-size: 16px;
  line-height: 24px;
  color: #777577;
  margin-bottom: 28px;
}

.media-content .document,
.media-content .link {
  margin: 10px 0;
}

.media-content .link {
  margin-top: 0;
}

.media-content .document {
  margin-bottom: 0;
}

.media-content .document a,
.media-content .link a {
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

.media-content .document .icon,
.media-content .link .icon {
  position: relative;
  background-color: #ffffff;
  width: 31px;
  height: 31px;
  border-radius: 100%;
  border: 1px solid #dedede;
  margin-right: 8px;
  vertical-align: middle;
  display: inline-block;
}

.media-content .document .icon::before,
.media-content .link .icon::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 14px;
  height: 14px;
  display: block;
  -webkit-mask-image: url(../icons/document.svg);
  mask-image: url(../icons/document.svg);
  -webkit-mask-position: left center;
  -webkit-mask-size: 14px 14px;
  -webkit-mask-repeat: no-repeat;
  mask-position: left center;
  mask-size: 14px 14px;
  mask-repeat: no-repeat;
  background-color: #0e4ca1;
}

.media-content .link .icon::before {
  -webkit-mask-image: url(../icons/link.svg);
  mask-image: url(../icons/link.svg);
}

.media-content .taxonomies {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 12px;
  font-weight: bold;
  font-family: "Proto Grotesk", "Roboto", sans-serif;
  margin-bottom: 10px;
}

.media-content .taxonomies .format {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  color: #0e4ca1;
  margin-right: 15px;
}

.media-content .taxonomies .format span {
  display: inline-block;
  width: 17px;
  height: 17px;
  background-color: #0e4ca1;
  margin-right: 4px;
}

.media-content .taxonomies .category {
  color: #0e4ca1;
}

.media-content .owl-carousel {
  margin-bottom: 45px;
}

.media-content .owl-theme .owl-nav {
  top: -42px;
}

.archive-other-medias,
.archive-related-medias {
  background-color: #f5f0ea;
}

.archive-same-author {
  background-color: #e5f4ff;
}

* > p:last-child,
* > p:last-of-type {
  margin-bottom: 0;
}

.single .archive-medias .gallery,
.single .archive-releases .release,
.single .archive-projects .project,
.single .archive-portraits .portrait {
  margin-bottom: 0;
}

.single .archive-medias .gallery h2 {
  min-height: unset;
}

.project-content {
  background-color: #f0f7f6;
}

.project-content .block-title {
  font-size: 26px;
  line-height: 32px;
  margin-top: 60px;
  margin-bottom: 30px;
}

.single-content.project-content .thumbnail .img {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}

.laureate {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: start;
  align-items: center;
}

.laureate .name {
  font-size: 22px;
  line-height: 32px;
  color: #262c2e;
}

.laureate .label {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #777577;
}

.single-content .laureate figure.thumbnail {
  margin-right: 20px;
  margin-bottom: 0;
}

.project-content .category {
  font-size: 12px;
  font-weight: bold;
  font-family: "Proto Grotesk", "Roboto", sans-serif;
  text-transform: uppercase;
  color: #0076a6;
  margin-bottom: 12px;
}

.project-content .single-title {
  color: #262c2f;
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 28px;
}

.collapse-card .card-body ul:last-child,
.collapse-card .card-body ul:last-of-type {
  margin-top: 12px;
  margin-bottom: 0;
}

.collapse-card .card-body ul,
.collapse-card .card-body li {
  list-style: none;
  padding-left: 0;
}

.collapse-card .card-body ul li {
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 20px;
}

.collapse-card .card-body ul li::before {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 8px;
  height: 8px;
  background-color: #0e4ca1;
  border-radius: 100%;
  margin-top: 8px;
  margin-right: 12px;
  margin-left: -20px;
}

.single-content .collapse-card:last-child,
.single-content .collapse-card:last-of-type {
  margin-bottom: 0;
}

.project-content aside .apply dl,
.project-content aside .newsletter dl {
  background-color: #f0f7f6;
}

.single-content.directory-content {
  background-image: url(../img/single-directory-bg-min.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top left;
}

.single-content.portrait-content {
  background-image: url(../img/single-portrait-bg-min.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top left;
}

.directory-content .format {
  font-size: 12px;
  font-weight: 600;
  font-family: "Proto Grotesk", "Roboto", sans-serif;
  line-height: 24px;
  color: #0e4ca1;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.directory-content .section-title {
  font-size: 30px;
  line-height: 40px;
  color: #003156;
  margin-bottom: 30px;
}

.single-content .contact {
  background-color: #ffffff;
  padding: 10px;
  width: 100%;
  margin-bottom: 40px;
}

.single-content .contact address {
  background-color: #f5f0ea;
  padding: 20px;
  width: 100%;
  margin-bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
}

.single-content .contact address dl {
  margin-bottom: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.single-content .contact address dl:first-child,
.single-content .contact address dl:first-of-type {
  padding-right: 18px;
  border-right: 4px solid #ffffff;
}

.single-content .contact address dl:last-child,
.single-content .contact address dl:last-of-type {
  padding-left: 20px;
}

.single-content .contact dt {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: #0e4ca1;
  margin-top: 0;
  margin-bottom: 12px;
}

.single-content .contact dd {
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  color: #262c2f;
  margin-top: 6px;
  margin-bottom: 6px;
  display: inline-block;
  width: 100%;
}

.single-content .contact dd:first-child,
.single-content .contact dd:first-of-type {
  margin-top: 0;
}

.single-content .contact dd:last-child,
.single-content .contact dd:last-of-type {
  margin-bottom: 0;
}

.single-content .contact i {
  position: relative;
  background-color: #ffffff;
  width: 31px;
  height: 31px;
  border-radius: 100%;
  border: 1px solid #dedede;
  margin-right: 8px;
  vertical-align: middle;
  display: inline-block;
}

.single-content .contact i::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: block;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  mask-repeat: no-repeat;
  background-color: #0e4ca1;
}

.single-content .contact i.email::before {
  width: 16px;
  height: 16px;
  -webkit-mask-image: url(../icons/email.svg);
  mask-image: url(../icons/email.svg);
  -webkit-mask-size: 16px 16px;
  mask-size: 16px 16px;
}

.single-content .contact i.address::before {
  width: 15px;
  height: 15px;
  -webkit-mask-image: url(../icons/address.svg);
  mask-image: url(../icons/address.svg);
  -webkit-mask-size: 15px 15px;
  mask-size: 15px 15px;
}

.single-content .contact i.phone::before {
  width: 15px;
  height: 15px;
  -webkit-mask-image: url(../icons/phone.svg);
  mask-image: url(../icons/phone.svg);
  -webkit-mask-size: 15px 15px;
  mask-size: 15px 15px;
}

.single-content .contact i.website::before {
  width: 15px;
  height: 15px;
  -webkit-mask-image: url(../icons/link.svg);
  mask-image: url(../icons/link.svg);
  -webkit-mask-size: 15px 15px;
  mask-size: 15px 15px;
}

.directory-content aside .thumbnail {
  max-width: 440px;
  width: 100%;
}

.directory-content aside .thumbnail .img {
  position: relative;
  width: 100%;
  padding-top: 100%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  overflow: hidden;
  background-color: transparent;
}

.directory-content .excerpt {
  margin-bottom: 20px;
}

.directory-content .content {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 40px;
}

ul.related_portraits {
  list-style: none;
  padding: 0;
  width: 100%;
  display: block;
  margin-bottom: 0;
}

ul.related_portraits li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: start;
  margin-bottom: 20px;
}

ul.related_portraits li:last-child,
ul.related_portraits li:last-of-type {
  margin-bottom: 0;
}

ul.related_portraits figure {
  margin-right: 7px;
  margin-bottom: 0;
  padding-left: 10px;
  width: 82px;
  height: 70px;
  border-left: 3px solid #0e4ca1;
  overflow: hidden;
}

ul.related_portraits .title {
  margin: 0;
  padding: 0;
}

ul.related_portraits .label {
  font-size: 16px;
  line-height: 23px;
  margin-top: -5px;
  margin-bottom: 8px;
}

ul.related_portraits h3,
ul.related_portraits h3 a {
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  line-height: 23px;
  color: #0e4ca1;
  text-decoration: underline;
  margin-bottom: 0;
}

.single-directory .archive-related-medias {
  background-color: #e5f4ff;
}

.single-content.release-content {
  background-image: url(../img/single-release-bg-min.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top left;
}

.release-content .single-title {
  margin-bottom: 16px;
}

.release-content .single-title small {
  font-size: 75%;
  display: block;
  margin-top: 5px;
  margin-bottom: 5px;
}

.release-content .single-title small.rtl-title {
  font-family: "Noto Kufi Arabic", sans-serif;
  font-weight: 600;
}

.release-content .content {
  margin-bottom: 40px;
}

.release-content .collapse-card {
  margin-bottom: 30px !important;
}

.release-content aside .thumbnail {
  max-width: 438px;
  width: 100%;
  position: relative;
  padding-right: 10px;
  padding-bottom: 10px;
  z-index: 2;
}

.release-content aside .thumbnail::before {
  content: "";
  position: absolute;
  top: 10px;
  right: 0;
  bottom: 0;
  left: 10px;
  margin: auto;
  background-color: #d9d9d9;
  z-index: 1;
}

.release-content aside img {
  position: relative;
  z-index: 2;
  width: 100%;
}

.release-content .author {
  position: relative;
  display: inline-block;
  padding-left: 0;
  list-style: none;
}

.release-content .author .more-authors {
  margin-left: 4px;
}

.release-content .author .more-authors-btn {
  cursor: pointer;
  display: inline-block;
  margin-left: 0;
  vertical-align: middle;
  margin: auto;
  border-top: 7px solid;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 0;
  height: 7px;
}

.release-content .author li {
  display: inline-block;
  list-style: none;
}

.release-content .author li.hide {
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: all 300ms ease-out;
}

.release-content .author li.show {
  display: inline-block;
  opacity: 1;
  visibility: visible;
}

.release-content .author li::before {
  /* content: ", "; */
  content: "-";
  display: inline-block;
  padding-right: 4px;
  padding-left: 4px;
}

.release-content .author li:first-child::before,
.release-content .author li:first-of-type::before,
.release-content .author .more-authors::before {
  display: none;
}

.release-content .author,
.release-content .author a {
  font-size: 20px;
  font-weight: bold;
  font-family: "Proto Grotesk", "Roboto", sans-serif;
  line-height: 23px;
  color: #003156;
  margin-bottom: 12px;
}

.release-content .taxonomies {
  font-size: 16px;
  font-weight: 600;
  line-height: 23px;
  margin-bottom: 40px;
}

.release-content .edition,
.release-content .date {
  display: inline-block;
  color: #777577;
}

.release-content .edition u {
  color: #777577;
}

.release-content .is_public {
  margin-top: -30px;
  margin-bottom: 40px;
  font-style: italic;
}

.single-content .apply dl .document,
.single-content .newsletter dl .document {
  position: relative;
  background-color: #ffffff;
  width: 31px;
  height: 31px;
  border-radius: 100%;
  border: 1px solid #dedede;
  margin-right: 8px;
  vertical-align: middle;
  display: inline-block;
}

.single-content .apply dl .document::before,
.single-content .newsletter dl .document::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 14px;
  height: 14px;
  display: block;
  -webkit-mask-image: url(../icons/document.svg);
  mask-image: url(../icons/document.svg);
  -webkit-mask-position: left center;
  -webkit-mask-size: 14px 14px;
  -webkit-mask-repeat: no-repeat;
  mask-position: left center;
  mask-size: 14px 14px;
  mask-repeat: no-repeat;
  background-color: #0e4ca1;
}

.single-content .apply dl .email,
.single-content .newsletter dl .email {
  position: relative;
  background-color: #ffffff;
  width: 31px;
  height: 31px;
  border-radius: 100%;
  border: 1px solid #dedede;
  margin-right: 8px;
  vertical-align: middle;
  display: inline-block;
}

.single-content .apply dl .email::before,
.single-content .newsletter dl .email::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 14px;
  height: 14px;
  display: block;
  -webkit-mask-image: url(../icons/email.svg);
  mask-image: url(../icons/email.svg);
  -webkit-mask-position: left center;
  -webkit-mask-size: 14px 14px;
  -webkit-mask-repeat: no-repeat;
  mask-position: left center;
  mask-size: 14px 14px;
  mask-repeat: no-repeat;
  background-color: #0e4ca1;
}

.single-content .newsletter .btn {
  width: 100%;
  margin-top: 20px;
  text-align: left;
  padding: 14px 20px;
  line-height: 18px;
  font-size: 14px;
  position: relative;
}

.single-content .newsletter .btn::after {
  content: "";
  width: 14px;
  height: 14px;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
  -webkit-mask-image: url(../icons/chevron.svg);
  -webkit-mask-position: center center;
  -webkit-mask-size: 14px 14px;
  mask-image: url(../icons/chevron.svg);
  mask-position: left center;
  mask-size: 14px 14px;
  background-color: #ffffff;
}

.single-content .social-links {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.single-content .social-links li {
  list-style: none;
  display: block;
  width: 32px;
  margin-top: 16px;
  margin-right: 12px;
}

.single-content .social-links a {
  position: relative;
  width: 31px;
  height: 31px;
  display: block;
  background-color: #0e4ca1;
  border: 1px solid #0e4ca1;
  font-size: 0;
  color: transparent;
  text-indent: -99999px;
  border-radius: 100%;
}

.single-content .social-links i::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 16px;
  height: 16px;
  display: block;
  -webkit-mask-position: left center;
  -webkit-mask-size: 16px 16px;
  -webkit-mask-repeat: no-repeat;
  mask-position: left center;
  mask-size: 16px 16px;
  mask-repeat: no-repeat;
  background-color: #ffffff;
}

.single-content .social-links i.facebook::before {
  -webkit-mask-image: url(../icons/facebook.svg);
  mask-image: url(../icons/facebook.svg);
}

.single-content .social-links i.instagram::before {
  -webkit-mask-image: url(../icons/instagram.svg);
  mask-image: url(../icons/instagram.svg);
}

.single-content .social-links i.linkedin::before {
  -webkit-mask-image: url(../icons/linkedin.svg);
  mask-image: url(../icons/linkedin.svg);
}

.single-content .social-links i.youtube::before {
  -webkit-mask-image: url(../icons/youtube.svg);
  mask-image: url(../icons/youtube.svg);
}

.single-content .social-links i.twitter::before {
  -webkit-mask-image: url(../icons/twitter.svg);
  mask-image: url(../icons/twitter.svg);
}

.bg-white {
  background-color: #ffffff !important;
}

.bg-bleu {
  background-color: #94d8f3 !important;
}

.bg-vert {
  background-color: #42c1bd !important;
}

.bg-vert-clair {
  background-color: #c5e9e8 !important;
}

.bg-jaune {
  background-color: #ffef96 !important;
}

.bg-beige {
  background-color: #f5f0ea !important;
}

.bg-bleu-clair {
  background-color: #e5f4ff !important;
}

.portrait-content aside figure {
  max-width: 440px;
}

.portrait-content .format,
.portrait-content .format a {
  font-size: 12px;
  font-weight: bold;
  font-family: "Proto Grotesk", "Roboto", sans-serif;
  line-height: 18px;
  text-transform: uppercase;
  color: #0076a6;
  margin-bottom: 8px;
}

.portrait-content .section-title {
  font-size: 36px;
  font-weight: bold;
  font-family: "Proto Grotesk", "Roboto", sans-serif;
  line-height: 40px;
  color: #003156;
  margin-bottom: 20px;
}

.portrait-content .excerpt {
  font-size: 20px;
  line-height: 30px;
  color: #262c2e;
  margin-bottom: 45px;
}

.portrait-content .content,
.portrait-content .content p {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 45px;
}

.single-content .content h2 {
  font-family: "Roboto", sans-serif;
}

.portrait-content .content h2 {
  font-size: 22px;
  line-height: 23px;
  margin-bottom: 16px;
}

.portrait-content .block-title {
  font-size: 22px;
  font-weight: 600;
  font-family: "Roboto", sans-serif;
  line-height: 32px;
  color: #003156;
  /* margin-top: 60px; */
  margin-bottom: 8px;
}

.portrait-content .contact {
  margin-bottom: 0;
}

.loading {
  background-image: url(../img/loading-ajax.gif);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  width: 100%;
  height: 300px;
}

.modal {
  padding-right: 0 !important;
}

.close {
  text-shadow: none;
  opacity: 1;
}

.modal button.close {
  display: block;
  width: 32px;
  height: 32px;
  -webkit-mask-image: url(../icons/plus.svg);
  mask-image: url(../icons/plus.svg);
  background-color: #003156;
  color: #003156;
  transform: rotate(-45deg);
  text-shadow: none;
  opacity: 1;
  margin: 0;
  padding: 0;
}

.close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus {
  opacity: 1;
}

.modal-title {
  font-size: 36px;
  font-weight: bold;
  font-family: "Proto Grotesk", "Roboto", sans-serif;
  line-height: 40px;
  color: #003156;
  display: block;
  margin-bottom: 12px;
}

.modal-subtitle {
  font-size: 20px;
  font-weight: 400;
  line-height: 29px;
  color: #777577;
  display: block;
}

.modal-dialog {
  max-width: 770px;
  min-width: 770px;
}

.modal-content {
  border: 0;
  border-radius: 0;
  padding: 52px;
  margin: auto;
}

.modal-content .form-group {
  margin-bottom: 1.25rem;
}

.modal-content .form-group input[type="email"] {
  margin-bottom: 2.5rem;
}

.modal-header {
  border-bottom: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 0;
}

.modal-body {
  padding: 0;
}

.modal-body form {
  padding: 0;
  margin: 30px 0 0 0;
}

.modal-body form label {
  font-size: 14px;
  font-weight: 900;
  color: #003156;
}

.modal-body .form-check {
  padding-left: 27px;
}

.modal-body .form-check.form-list {
  margin-bottom: 0.75rem;
}

.modal-body .sep {
  clear: both;
  display: block;
  width: 100%;
  height: 15px;
}

.modal-body .form-check-input {
  display: none;
  opacity: 0;
  visibility: hidden;
}

.modal-body form label.form-check-label::before {
  content: "";
  width: 17px;
  height: 17px;
  margin: 0 10px -5px -27px;
  border: solid 3px #dedede;
  display: inline-block;
}

.modal-body .form-check-input:checked + .form-check-label::before {
  background-color: #0e4ca1;
}

.modal-body form label.form-check-label {
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
  color: #777577;
}

.modal-body form label.form-check-label a {
  color: #777577;
  text-decoration: underline;
}

.modal-body form .form-control {
  max-width: 50%;
  height: auto;
  padding: 10px 15px;
  border: 1px solid #dedede;
  background-color: #f5f5f5;
  border-radius: 0;
  font-size: 14px;
  line-height: 1.3em;
  color: #777577;
}

.form-control::-webkit-input-placeholder {
  /* Edge */
  font-size: 14px;
  line-height: 1.3em;
  color: #777577;
}

.form-control:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-size: 14px;
  line-height: 1.3em;
  color: #777577;
}

.form-control::placeholder {
  font-size: 14px;
  line-height: 1.3em;
  color: #777577;
}

.block-lab-carousel {
  margin-bottom: 48px;
}

.aligncenter {
  text-align: center;
  margin: auto;
  display: block;
}

.alignright {
  text-align: right;
  margin: auto 0 auto auto;
  display: block;
}

.alignleft {
  text-align: left;
  margin: auto auto auto 0;
  display: block;
}

#collapse-presentation h1,
#collapse-presentation h2,
#collapse-presentation h3,
#collapse-presentation h4,
#collapse-presentation h5,
#collapse-presentation h6 {
  color: #0e4ca1;
}

.language-menu {
  display: block;
  padding: 0;
  margin: 0;
  list-style: none;
}

.language-menu li {
  display: inline-block;
  padding: 0;
  margin: 0;
  list-style: none;
}

.language-menu a {
  color: #0e4ca1;
  font-size: 38px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.language-menu .rtl a {
  font-family: "Lateef", cursive;
}

.owl-theme iframe {
  height: 100%;
}

.single-content .content > *,
.portrait-content .content > * {
  margin-bottom: 15px;
}

.portrait-content .content > p {
  margin-bottom: 15px !important;
}

.single-content .content h2,
.single-content .content h3,
.single-content .content h4,
.single-content .content h5,
.single-content .content h6 {
  line-height: 1.4em !important;
}

.wp-block-spacer {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.wpml-ls-legacy-list-horizontal{
  display: inline-block;
}

.nowrap{
  white-space: nowrap;
}

.overflow-x-auto{
  overflow-x: auto;
}