/*------------------------------------------------------------------------
# Pivot Drupal
# ------------------------------------------------------------------------
# Created by Symphony Themes
# Websites:  http://www.symphonythemes.com -  Email: info@symphonythemes.com
--------------------------------------------------------------------------
    1.   Custom CSS
    2.   Forms
    3.   Blog & Portfolio
    4.   Others
--------------------------------------------------------------------------------*/

/* 01. Custom CSS
 --------------------------------------------------------------------------------*/

html { font-size: 100%;}
body { position: unset; }
html,body{
  height: 100% !important;
}


@font-face {
  font-family: 'ideal-semibold';
  src: url(../fonts/IdealSans-Semibold-Pro.otf);
}

@font-face {
  font-family: 'ideal-medium';
  src: url(../fonts/IdealSans-Medium-Pro.otf);
}

@font-face {
  font-family: 'ideal';
  src: url(../fonts/IdealSans-Book-Pro.otf);
}

@font-face{
  font-family: 'segoe';
  src: url(../fonts/Segoe-UI.ttf);
}

@media screen and (min-width: 768px) {
  body { margin-top: 0; }
  .layout--twocol-section > .layout__region {
    flex: 0 1 100%;
  }
}


.form-group:last-child, .panel:last-child, .popover ol:last-child, .popover ul:last-child, p:last-child {
  margin-bottom: 1rem;
}
.row:before,
.row:after {
  display: block;
}

/* Paddings and margins */
pb0 { padding-bottom: 0 !important; }
pt0 { padding-top: 0 !important; }

/* Backgrounds */
.bg-white {
  background-color: #fff;
}

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

.bg-purple {
  background-color: #7a54d8;
  color: #fff;
}
.bg-purple-light {
  background-color: #c2b2cd;
  color: #fff;
}
.bg-blue-light {
  background-color: #8ea6e6;
  color: #fff;
}
.bg-pink {
  background-color: #f64d62;
  color: #fff;
}
.bg-skype {
  background-color: #00aff0;
  color: #fff;
}
.bg-project {
  background-color: #7a54d8;
  color: #fff;
}
.bg-job {
  background-color: #c2b2cd;
  color: #fff;
}

/* Menu */
#block-thesaas-main-menu {
  margin-bottom: 0;
}
.nav-item,
.nav-link {
  cursor: pointer;
}

/* Toolbar */
.toolbar-oriented .toolbar-tray {
  position: fixed;
}

/* Split section */
h6.section-info {
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 1.6;
  font-weight: 600;
  letter-spacing: 1px;
  padding-top: 60px;
}
.thesaas-sections-split.section,
.thesaas-sections-split .main-content .topbar,
.thesaas-sections-split .main-content .site-footer {
  margin: 30px 50px 100px;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
  border: 1px solid #ebebeb;
}
.thesaas-sections-split .main-content .topbar {
  position: static;
}
.thesaas-sections-split .main-content .topbar .topbar-toggler {
  display: none;
}

/* Admin toolbar */
#toolbar-administration #toolbar-bar {
  overflow: hidden;
}

/* Regions */
.topbar:not(.topbar-inverse) + .main-content {
  padding-top: 150px;
}

/* Nav Tab */
.user-logged-in nav.tabs {
  position: fixed;
  left: 0;
  top: 80px;
  transition: all 0.5s ease 0.25s;
  z-index: 1000;
  width: 80px;
}
.user-logged-in nav.tabs ul.tabs--primary {
  background: #fff none repeat scroll 0 0;
  border: medium none;
  list-style: outside none none;
  opacity: 0.9;
}
.user-logged-in nav.tabs ul.tabs--primary li {
  float: none;
  opacity: 0.8;
  width: 100%;
}
.user-logged-in nav.tabs ul.tabs--primary li a {
  margin-right: 0;
}
.user-logged-in nav.tabs ul.tabs--primary li.active a,
.user-logged-in nav.tabs ul.tabs--primary li:hover a {
  background: #ffb500 none repeat scroll 0 0;
  border: none;
  border-radius: 0;
  color: #fff;
}
.user-logged-in nav.tabs ul.tabs--primary li.active,
.user-logged-in nav.tabs ul.tabs--primary li:hover {
  opacity: 1;
}


p.hours {
  margin-bottom: 0;
  font-family: 'ideal';
}

/* HEADER - PICTURE WITH TEXT */
.header-picture-text{
  color: white
}

.header-picture-text h3{
  font-size: 42px;
  line-height: 1.2;
  font-weight: 800;
  font-family: 'ideal-semibold';
}

.header-picture-text h2{
  font-size: 32px;
  line-height: 1.2;
  font-family: 'ideal-medium';
  letter-spacing: 1.22px;
}

.header-picture-text hr{
  border-top: 4px solid white;
  margin: 15px 0;
}

/* Footer menu */
#block-footer .nav {
  -moz-box-pack: center;
  justify-content: center;
}
#block-footer .nav li {
  padding-left: 20px;
  padding-right: 20px;
  -moz-box-align: center;
  -moz-box-pack: justify;
  align-items: center;
  display: flex;
  justify-content: space-between;
}
#block-footer li a {
  font-size: 14px;
  line-height: 1.6;
  font-weight: 600;
  text-transform: uppercase;
  -moz-box-flex: 1;
  color: #535353;
  flex-grow: 1;
  padding: 2px 0;
  white-space: nowrap;
}

/* Video background */
.bg-video {
  left: 0;
}

/*--------------------------------------------------------------------------------*/
/*
/* 02. Forms
/*
 --------------------------------------------------------------------------------*/

button#edit-preview {
  display: none;
}

.form-type-email label {
  display: none;
}

/* Contact form */
.contact-form input,
.contact-form textarea,
.user-form input,
.user-login-form input,
.user-pass input {
  font-size: 14px;
  line-height: 1.6;
  padding: 7px 20px;
  height: auto;
}
.contact-form .form-submit,
.user-form .form-submit,
.user-login-form .form-submit {
  font-size: 12px;
  line-height: 1.6;
  padding: 9px 34px;
  width: 100%;
}

/* User forms */
body.path-user .main-content {
  background: url(../img/bg-girl.jpg) center center no-repeat;
  height: 100vh;
}
body.path-user .main-content .container,
body.path-user .main-content .container .row {
  height: 100vh;
}
body.path-user .main-content .container .row > div {
  align-self: center !important;
  -webkit-align-self: center !important;
  -ms-flex-item-align: center !important;
  -ms-grid-row-align: center !important;
}
body.path-user .main-content .region-content {
  padding: 50px;
  background: #fff;
  width: 600px;
  margin: 0 auto;
  border: 0 none;
  border-radius: 0;
  transition: all 0.5s ease 0s;
  box-shadow: 0 1px 25px rgba(0, 0, 0, 0.05);
}
body.path-user nav.topbar,
body.path-user .site-footer {
  display: none;
}
body.user-logged-in.path-user nav.topbar,
body.user-logged-in.path-user .site-footer {
  display: block;
}
.user-login-form,
.user-register-form,
.user-pass {
  padding-top: 20px;
}

/*--------------------------------------------------------------------------------*/
/*
/* 03. Blog, Portfolio, Job
/*
 --------------------------------------------------------------------------------*/
.row.gap-y .col, .row.gap-y [class*="col-"] {
    padding-bottom: 15px;
    padding-top: 15px;
}

/* Article */
.node--type-article .blog-image-holder {
  padding: 30px 0;
}
.node--type-article .blog-image-holder img {
  width: 100%;
}
.node--type-article .field--name-field-tags {
  padding: 20px 70px 0 0;
}

.node--type-article .field--name-field-tags .field--item {
  display: inline-block;
  padding-right: 0;
  margin: 6px 0 !important;
}

.node--type-article .field--name-field-tags .field--item a {
  background-color: #f5f6f7;
  color: #788394;
  border-radius: 10rem;
  padding: 6px 16px 7px;
  /* font-size: 85%; */
  font-weight: 400;
  line-height: 1.3;
}
.node--type-article #section-content ul.links {
  padding-top: 20px;
  float: right;
}
.node--type-article #section-comment h2 {
  padding-bottom: 20px;
}
.node--type-article #section-comment article.comment {
  padding-bottom: 20px;
}
.node--type-article #section-comment .field--name-user-picture img {
  border-radius: 100px;
}

/* Portfolio */
.view-portfolio .view-content {
  width: 100%;
}
.view-portfolio h5 a,
.view-portfolio h5 a:hover {
  color: #fff;
}

.page-node-type-project .region-content .project-content .field--name-body {
  margin-bottom: 20px;
}
.page-node-type-project .region-content .project-content .field--name-body .field--label {
  color: #37404d;
  font-family: "Dosis","Open Sans",sans-serif;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 1.6;
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
}
.page-node-type-project .region-content .project-content .field {
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.page-node-type-project .region-content .project-content .field:last-child {
  border-bottom: none;
}
.page-node-type-project .region-content .project-content .field--type-string .field--label,
.page-node-type-project .region-content .project-content .field--type-datetime .field--label,
.page-node-type-project .region-content .project-content .field--type-link .field--label {
  color: #b5b9bf;
  display: block;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 1px;
  text-transform: uppercase;
}


/* Job */
.page-node-type-job .field--name-field-job-location {
  display: inline;
}

/* external css: flickity.css */

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body { font-family: sans-serif; }

.gallery-cell {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  width: 50%;
  height: 400px;
}

/* cell number */
.gallery-cell:before {
  display: block;
  text-align: center;
  content: counter(gallery-cell);
  line-height: 200px;
  font-size: 80px;
  color: white;
}

/* FOOTER */

.footer1{
  margin-top: 45px;
  padding-top: 35px;
  border-top: 1px solid #E5E5E5;
}

footer ul{
  list-style: none;
}

footer ul li{
  font-size: 16px;
  margin-bottom: 5px;
  cursor: pointer;
}

footer ul li:first-child{
  text-transform: none;
  font-size: 20px;
  line-height: 1.4;
  font-weight: 500;
  margin-bottom: 10px;
}

footer .terms{
  background-color: #DADADA;
}

footer .terms p{
  opacity: .6;
  font-size: 16px;
  margin: 0;
  margin-right: 50px;
}

footer .terms a {
  opacity: .6;
  font-size: 14px !important;
  cursor: pointer;
  margin: 0;
  margin-right: 0;
  font-family: ideal;
  text-decoration: underline;
  color: #212529;
  display: block;
}

footer .terms a:hover {
  text-decoration: none;
}

footer .terms a:hover {
  text-decoration: none;
}

footer .flex-custom {
  display: flex;
  flex-direction: column;
}

footer .padding-custom-footer{
  padding-top: 1rem;
  padding-bottom: 1rem;
}

footer a {
  text-decoration: none;
  color: inherit;
}

.responsive-flex-footer{
  display: inline-block;
}

.carousel-cell {
  width: 400px;
  color: #131313;
  max-width: 33.333333%;
}

.carousel-cell .views-field-field-background-image{
    width: 320px;
    height: 200px;
}

.carousel-cell .views-field-field-background-image img{
    width: 100%;
    height: 200px;
}

.carousel-cell .type{
    margin-top: 17px;
    font-weight: bold;
    font-size: 16px;
    opacity: .56;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.carousel-cell .date{
    font-size: 14px;

}

.carousel-cell .views-field-body{
    font-size: 16px;
    padding-right: 50px;
}

/* SPEAKERS */

.speaker{
  line-height: 1.2;
  position: relative;
}

.speaker .img-holder{
  width: 250px;
  height: 375px;
  overflow: hidden;
  z-index: 5;
}

.speaker .img-holder img{
  height: 100%;
}

.speaker .name{
  font-size: 32px;
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 0px;
  font-family: 'ideal-medium';
  letter-spacing: 1.22px;
}

.speaker .position{
  font-size: 20px;
  line-height: 1.4;
  font-family: 'ideal-medium';
  letter-spacing: 0.76px;
}

.paragraph .key-speakers-description{
  display: none;
}

.paragraph .modal-body .key-speakers-description{
  display: inline;
  color: #131313;
}

.paragraph.paragraph--type--key-speakers-block > div {
  width: 100%;
}

.paragraph.paragraph--type--key-speakers-block .speaker {
  margin-bottom: 20px;
}

.paragraph--type--symposium-block .paragraph.paragraph--type--key-speakers-block .speaker {
  margin-bottom: 0;
}

/* KEY SPEAKER TEMPLATE */

.paragraph.paragraph--type--key-speakers-block .key-spekers-row > .col-md-4 > div {
  margin-top: 13px !important;
}

.field--name-field-image {
  width: 100%;
  height: auto;
  overflow: hidden;
  z-index: 5;
}

.field--name-field-image img {
  height: auto;
  width: 100%;
}

.field--name-field-name1 {
  font-size: 24px;
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 0px;
  font-family: 'ideal-medium';
  letter-spacing: 1.22px;
}

.field--name-field-position1{
  font-size: 16px;
  font-family: 'ideal-medium';
  letter-spacing: 0.76px;
  line-height: 1.4;
  margin-top: 5px;
}

.speaker-img-2023 {
  border: 8px solid;
  border-radius: 50%;
  height: auto !important;
  min-height: auto !important;
  display: flex;
  max-width: 100%;
  align-self: flex-start;
}

.speaker-name-2023 {
  font-size: 24px;
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 0px;
  font-family: 'ideal-medium';
  letter-spacing: 0;
  line-height: 1;
  text-align: center;
}

.speaker-details-2023 {
  font-size: 16px;
  font-family: 'ideal-medium';
  letter-spacing: 0;
  line-height: 1;
  margin-top: 5px;
  text-align: center;
}

.modal-title-color{
  color: #007DB7;
}

.modal-open {
  overflow:hidden;
  overflow-y:scroll;
  padding-right:0 !important;
}

.padding-custom-speakers{
  padding-top: 20px;
  padding-bottom: 60px;
}

.flex-custom-card-deck{
  display: flex;
  flex-direction: column;
}

.padding-modal-content{
  padding-bottom: 1.5rem;
}


/* REGISTRATION PAGE POPUP */
/* ******************************************************** */
#spb-block-seadspopup .spb_top_center {
  top: 50%;
  left: 50%;
  right: 0;
  width: 800px;
  position: relative;
  margin-left: -400px;
  max-height: 604px;
  margin-top: -302px;
}

#block-seadspopup {
  position: relative;
}

.spb_center {
  top:35%;
}

#block-seadspopup .field--name-field-popup-link {
  background: #8DC63F;
  text-transform: uppercase;
  color: #fff;
  max-width: 300px;
  text-align: center;
  position: absolute;
  bottom: 10px;
  right: 0;
  border-radius: 10px 0 0 10px;
}

#block-seadspopup .field--name-field-popup-link a {
  color: #fff;
  font-weight: 600;
  font-family: "ideal" !important;
  letter-spacing: 2px;
  font-size: 12px;
  display: block;
  padding: 2px 15px;
}

#spb-block-seadspopup .spb_close {
  border: 0;
  /* color: #fff; */
  font-size: 38px;
  line-height: 1;
  font-family: 'Open Sans';
  background: transparent;
}

#block-seadspopup {
  display: none;
}

.event-schedule{
  background-color: white;
  border-radius: 4px;
  padding:30px;
}

.event-schedule hr{
  border-top: 1px solid #007DB7;
}

.event-schedule h6{
  font-family: 'ideal-medium', sans-serif;
  font-size: 24px;
}

.event-body {
  grid-area: body;
}
.event-schedule {
  grid-area: schedule;
}
.event-related {
  grid-area: related;
}
.views-field-field-blurb-date {
  grid-area: date;
}
.views-field-title {
  grid-area: title
}
.views-field-field-partner-events-type {
  grid-area: type;
}

.article-grid{
  display: grid;
  grid-template-areas:
  'body body body body schedule schedule'
  'body body body body related related';
  grid-template-columns: (minmax(0, 500px) 280px);
  grid-template-rows: auto 1fr;
  grid-gap: 40px;
}

.pb-105{
  padding-bottom:1.5rem;
}


.view-events-grid-list .views-col{
  max-width: 50%;
}

.view-events-grid-list .views-col{
  display: grid;
  grid-template-areas:
  'date date title title title'
  'date date type type type';
  grid-template-rows: auto 1fr;
  grid-gap: 20px;
  grid-template-columns: 20%;
  margin-bottom: 2em;
}

.event-type, .event-organizer{
  text-transform: uppercase;
  font-weight: 700;
  font-size: 16px;
  width: 100%;
}

.paragraph--type--related-contents > .field--name-field-related-content > .field--item > a{
  font-family: 'Segoe UI', sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 23.4px;
}

.field--name-field-events-image, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img{
  padding: 0 0 20px 0;
}


@media screen and (max-height: 600px){
  #spb-block-seadspopup .spb_top_center {
    top: 10px !important;
    margin-top: 0 !important;
  }
}

/* ******************************************************** */

/* AGENDA ACTIVITY table */
.agenda-activity .container > img {
  width: 100%;
  height: auto;
  max-width: 928px;
}

@media screen and (min-width: 760px) and (max-width:1020px){

  /* KEY SPEAKER view link alignment*/
  .paragraph.paragraph--type--key-speakers-block .key-spekers-row > .col-md-4 > div {
    margin-top: 5px !important;
  }

  .flex-custom-card-deck{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
  }

  .padding-modal-content{
    padding-bottom: 1.5rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 2000px){
  .flex-custom-card-deck{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
  }

  .padding-modal-content{
    padding-bottom: 1.5rem;
  }
}

/* Symposium Highlights */

.py-custom{
  padding-top: 200px;
  padding-bottom: 50px;
}

.field--name-field-symposium-head-title{
  font-size: 40px;
  line-height: 1.2;
}

.field--name-field-key-speakers-title{
  font-size: 40px;
  line-height: 1.2;
  padding: 0 0 30px;
}

.field--name-field-symposium-image{
  display: flex;
  justify-content: center;
  position: relative;
}

.field--name-field-symposium-image img,
.field--name-field-symposium-image img.img-responsive {
  display: block !important;
  max-width: 100%;
  width: 100% !important;
  height: auto !important;
}

.field--name-field-symposium-title{
  font-size: 2rem;
}

.overlay {
  position: absolute;
  bottom: 20px;
  left: 10%;
  height: 80px;
  width: 80%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0,0,0,0.6);
}

.symposium-block2{
  position: relative;
}

.symposium-block2:hover .overlay {
  opacity: 0.9;
}

.text-symposium-block2 {
  color: white;
}

@media screen and (min-width: 760px) and (max-width:1020px){
  .field--name-field-symposium-head-title {
    font-size: 30px;
  }

  .field--name-field-key-speakers-title {
    font-size: 30px;
  }

  .field--name-field-symposium-title {
    font-size: 2.7rem;
  }
}

@media screen and (max-width: 1199px) {
  .news-card .date-box .days {
    font-size: 26px;
  }
}


.horizontal-line-break{
  height: 4px;
  width: 100%;
  background-color: #fff;
  margin: 1rem auto;
}

/* HEADER WITH IMAGE OVERLAY */

.image-overlay {
  top: 0;
  width: 100%;
  opacity: .5;
  height: 100%!important;
  object-fit: cover;
  mix-blend-mode: overlay;
  position: absolute;
}

.dark-overlay .image-overlay {
  mix-blend-mode: normal;
  opacity: 0.7;
}

.dark-overlay .image-overlay {
  mix-blend-mode: normal;
  opacity: 0.7;
}

.image-multiply{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  mix-blend-mode: multiply;
  opacity: .31;
  object-fit: cover;
}

.paragraph--type--header2-block img{
  width: 100%;
  display: block;
  opacity: .9;
  mix-blend-mode: overlay;
  position: absolute;
  top: 0;
}

.paragraph--type--template-a-content1 .field--name-field-temp-a-cont1-description{
  margin-top: 1rem;
}

/* UTILS,COLORS ETC */

    /* Add blue gradient */
    .blue-gradient-bg{
      background: transparent linear-gradient(180deg, #6DCFF6 0%, #007DB7 100%) 0% 0% no-repeat padding-box;
  }

  .bg-blue{
      background-color: #007DB7;
  }

  .bg-light-blue{
      background-color: #00B6C9;
  }

  .bg-light-light-blue{
    background-color: #D4EAF2;
  }

  /* Parallax Effect */
  .bg-parallax{
      background-image: url(/assets/images/parallax.png);
      min-height: 500px;
      background-attachment: fixed;
      background-position: top;
      background-repeat: no-repeat;
      background-size: cover;
  }


  /* .diagonal-bottom-right{
      -webkit-clip-path: polygon(0 100%, 100% 0, 100% 100%, 0 100%);
      clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
      padding-bottom: ;
  }

  .diagonal-bottom-right + section{
      margin-top: -4.5%;
  }


  .diagonal-top{
      -webkit-clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 100%);
      clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 100%);
  } */

  /* Add square image on background */
  .square{
      background-image: url(/assets/images/square.png);
      position: absolute;
      width: 221px;
      height: 575px;
      background-repeat: no-repeat;
      /* z-index: -2; */
      opacity: .3;
      mix-blend-mode: soft-light !important;
  }

  /* Add square image on the left side */
  .square-left{
      top: 25px;
      left: 28px;
      transform: scaleX(-1);
  }

/* Add square image on the right side */
  .square-right{
      top: 25px;
      right: 28px;
  }

  .h-140{
      height: 140%;
  }

  .bg-gray{
      background-color: #F4F4F4;
  }

  .custom-shadow{
      box-shadow: 0px 3px 6px #00000029;
  }

  .text-16{
      font-size: 16px;
  }

  .text-20{
      font-size: 20px;
      line-height: 1.4;
  }

  .text-32{
      font-size: 32px;
  }

  .text-42{
      font-size: 42px;
  }

  .text-52{
      font-size: 52px;
  }

  .blue{
      color: #007DB7;
  }

  .gray{
      color: #4F4F4F;
  }

  .white{
      color: white;
  }

  .underline{
      text-decoration: underline;
  }

  .uppercase{
      text-transform: uppercase;
  }

  .light{
      font-weight: 300;
  }

  .medium{
      font-weight: 500;
  }

  .btn-yellow{
    color: #002569;
    background-color: #D3E437;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 7px;
    font-family: 'ideal-medium';
    display: inline-block;
    border: 0;
    padding: 10px 20px;
  }

  .btn-yellow:hover{
      transition: background-color ease-in .2s;
      background-color: #c1d133;
  }

  .event-banner {
    width: 100%;
    padding: 30px 0px;
  }

  .event-title{
    color:#007DB7;
  }

  .event-details {
    padding: 30px 0px !important;
  }

  .event-banner {
    width: 100%;
    padding: 0px 0px 20px 0px;
  }

  .event-title-beta h1{
    font-family: "ideal-semibold", sans-serif;
    font-size: 50px;
    line-height: 65px;
    color: black;
    padding: 10px 0px;
  }

  .space-between{
    justify-content: space-between;
  }

  .event-details{
    padding: 30px 0px !important;
  }

  .justify-content-even{
      justify-content: space-evenly;
  }

  .justify-content-around{
    justify-content: space-around;
  }

  .spacing{
      letter-spacing: 1.6px;
  }

  .spacing-1{
      letter-spacing: 1.22px;
  }

  .margin-y-1rem{
    margin: 1rem 0;
  }

  .margin-bottom-30 {
    margin-bottom: 30px;
  }

  .opacity-70{
      opacity: .7;
  }

  .region-content > .paragraph--type--content-template-a > div.field .field--item,
  .region-content > .paragraph--type--content-template-a2 > div.field .field--item {
    margin-top: 15px;
    margin-bottom: 15px;
}

  .margin-y-1rem{
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .width-100percent{
    width: 100%;
  }

  /* .section-block-spacing{
    margin-top: 3rem;
    margin-bottom: 3rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
  } */

.carousel-cell {
  width: 380px;
  color: #131313;
  max-width: 33.333333%;
}

.carousel-cell .views-field-field-background-image{
    width: 320px;
    height: 200px;
}

.carousel-cell .views-field-field-background-image img{
    width: 100%;
    height: 200px;
}

.carousel-cell .type{
    margin-top: 17px;
    font-weight: bold;
    font-size: 16px;
    opacity: .56;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.carousel-cell .views-field-title{
    font-size: 20px;
    line-height: 1.2;
    padding-right: 50px;
}

.carousel-cell .date{
    font-size: 14px;

}

.carousel-cell .views-field-body{
    font-size: 16px;
    padding-right: 50px;
}

.region-navigation-collapsible #block-exposedformsearch-newspage-1 .input-group{
  border:none;
}

.region-navigation-collapsible #block-exposedformsite-searchpage-1 .input-group{
  border:none;
}

.region-navigation-collapsible #block-sociallinks svg,div.fa{
  margin: 5px;
}

header.slider-content-modified .container {
  margin-top: 100px;
  padding-left: 0;
  padding-right: 0;
}

header.slider-content-modified .container {
  display: flex !important;
  align-items: center;
  min-height: 490px;
  height: calc(100vh - 200px);
}

header.slider-content-modified.vh-50 .container {
  height: calc(50vh - 200px) !important;
}

.swiper-container.vh-50 .swiper-pagination{
  bottom:20px;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
  position: absolute;
  bottom: 80px;
}

.swiper-container {
  height: 100vh
}

.section {
  height:75vh;
}

article table{
  width: 100% !important;
}

article th,article td{
  padding: 15px;
}

article, article .section{
  background-color: transparent;
}
article .section{
  height:auto;
  padding-bottom: 0;
}

article > .section {
  padding-top: 50px;
}

article .block-field-blocknodearticletitle{
  font-family: 'ideal-semibold';
  font-size: 2.5rem;
  margin-bottom: .5rem;
  font-weight: 500;
  line-height: 1.2;
  margin-top: 0;
}

article .field--name-field-highlight,
.paragraph--type--events-template-3 .share-btn-container {
    font-family: ideal;
    font-weight: 700;
}

article .field--name-field-highlight span.call-modal {
  width: 25px;
  height: 25px;
  top: 7px;
}

.date-event div.share {
  right: 15px;
  position: absolute;
  text-transform: uppercase;
  font-family: ideal;
  font-weight: 700;
}

.date-event span.call-modal {
  width: 18px;
  height: 18px;
  margin-left: 3px;
  display: inline-block;
  top: 4px;
  font-size:12px;
}

article .block-field-blocknodearticlefield-article-date {
  width: 100%;
}

article .block-field-blocknodearticlefield-highlight {
  width: 100%;
  position: relative;
}

article .block-field-blocknodearticlefield-highlight .block-inner {
  position: relative;
  float: right;
}

article .block-field-blocknodearticlefield-article-date + .block-field-blocknodearticlefield-highlight .block-inner {
  margin-top: -40px;
}

/* .diagonal-bottom-left{
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
    padding-bottom: 100px;
} */

.diagonal-bottom-left{
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 50px));
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 50px));
  padding-bottom: 100px;
}

.diagonal-bottom-right{
    -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 50px), 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 50px), 0 100%);
    padding-bottom: 10%;
}

.diagonal-bottom-right + section{
    margin-top: -4.5%;
}

.diagonal-bottom-right + section{
    margin-top: -4.5%;
}

.diagonal-top-left{
  -webkit-clip-path: polygon(0 0, 100% 50px, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 50px, 100% 100%, 0 100%);
  padding-top: 100px;
}

.diagonal-top-right{
    -webkit-clip-path: polygon(0 50px, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 50px, 100% 0, 100% 100%, 0 100%);
    padding-top: 10%;
}

.diagonal-top-left{
    margin-top: -70px;
}

.diagonal-top-right{
    margin-top: -70px;
}

.diagonal-top-left > div{
  margin-top: 30px;
}

.diagonal-top-right > div{
  margin-top: 30px;
}

/* Add diagonal slice at the top */
  .diagonal-top{
      -webkit-clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 100%);
      clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 100%);
  }

  .white-all-text{
    color:white;
  }

  .bg-parallax{
    min-height: 500px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .connection{
    opacity: .15;
    position: absolute;
    top: 50px;
  }

  .position-relative {
    position: relative!important;
  }

  .word-wrap-overflow-wrap{
    overflow-wrap: break-word;
  }

  .pver h1{
    color:#0facf3;
    font-size:32px;
  }

/* Content Template A */

/* add media query */

/* .content-template-A-items-width{
  height: 330px;
  overflow: hidden;
} */

/* News Headline Collection */
.vh-25{
  height:25vh;
}
.vh-50{
  height:50vh;
}
.vh-75{
  height:75vh;
}

.news-holder .img-holder{
  width: 100%;
}

.news-holder .img-holder img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 00;
  top: 0;
  object-fit: cover;
}

.news-holder .date {
  font-size: 14px;
  letter-spacing: 0;
  font-weight: 400;
}

.news-holder{
    color: #131313;
}

.news-holder hr {
    margin-top: 30px;
    margin-bottom: 0;
    border-top: 1px solid rgb(44, 44, 44);
    height: 2px;
    width: 100%;
}

.news-holder .text-holder .type {
    margin-top: 10px;
    margin-bottom: 5px;
    opacity: 0.8;
}

.news-holder .inner-row.fw {
    width: 100%;
    display: flex;
}

.news-holder .img-holder{
    width: 100%;
}

.news-holder .type {
    margin-top: 17px;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 0px;
    opacity: 0.8;
}

.news-holder .type * {
    font-size: 14px;
}

.news-holder .title{
    color: #007DB7;
    font-size: 20px;
    line-height: 1.2;
    font-weight: bold;
    font-family: 'ideal-semibold';
}

.news-holder .title a {
    color: #007DB7;
}

.news-holder .description{
    font-family: 'segoe';
    font-size: 16px;
    line-height: 1.6;
}

.center-cropped img{
  width: 320px;
  height: 220px;
  object-fit: cover;
}

.view-filters select {
  border-radius: 5px;
  padding: 0;
  width:200px;
}

.view-filters form button[value="Apply"]{
  display:none;
}

.view-filters form .form-actions{
  margin:0;
}

.view-empty {
  padding-left: 15px;
}

.pt-10vh{
  padding-top: 20vh;
}
.pt-20vh{
  padding-top: 20vh;
}
.pt-30vh{
  padding-top: 20vh;
}
.pt-40vh{
  padding-top: 20vh;
}
.pt-50vh{
  padding-top: 20vh;
}

.pager-show-more li{
  list-style: none;
  text-align: center!important;
}

.pager-show-more a {
  display: inline-block;
  font-weight: 500;
  text-decoration: underline;
  font-size: 20px;
  line-height: 1.6;
  margin: 0!important;
  font-family: 'ideal-medium' !important;
  color: #0275d8;
}

.view.view-search-news.view-id-search_news {
  padding-top: 50px;
}

.view.view-search-news.view-id-search_news div.view-header{
  color: #007DB7;
  font-size: 32px;
  font-family: 'ideal-semibold';
  margin-bottom: .5rem;
  font-weight: 500;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 40px;
}

.view.view-search-news.view-id-search_news li {
  list-style: none;
  margin-bottom: 30px;
}

.view.view-search-news.view-id-search_news ul {
  padding:0;
}
.view.view-search-news.view-id-search_news .views-field.views-field-title {
  margin-top: 10px!important;
}

.view.view-search-news.view-id-search_news div.item-list ul li a {
  color: #007DB7;
  font-family: 'ideal-semibold';
}

/* FONT SIZES */

.fs-50 {font-size: 40px;}
.fs-40 {font-size: 40px;}
.fs-30 {font-size: 30px;}
.fs-20 {font-size: 20px;}

.events-row .img-holder {
    padding-left: 0;
}

.container {
    margin: 0 auto;
}
.partner-image-container {
  padding:25px;
  max-width: 20%;
}
.partner-image-row {
  justify-content: center;
}

.partners-enlarge-images .row div.partner-image-container {
  width:100% !important;
  margin: 0 !important;
  max-width:100%;
}

.partners-enlarge-images .row{
  margin: 0 !important;
}
.partners-enlarge-images h1 {
  margin: 0 !important;
}

.margin-minus-15px {
  margin-left: -15px !important;
}

@media screen and (max-width: 767px) {
  .partners-enlarge-images .row div.partner-image-container img{
    max-width:100% !important;
    max-height:100% !important;
  }
  .partner-image-container {
    max-width: 100%;
  }
  .event-schedule{
    width: 100% !important;
  }

  .event-related{
      width: 100% !important;
  }
}

/* .resources .title {
    font-weight: 500!important;
    font-size: 18px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
} */

.resources .title {
  font-weight: 500!important;
  font-size: 18px !important;
}

.resources .news-holder .text-holder .type {
    font-size: 14px;
    line-height: 1.6;
}


a.article-download-button {
  height: 36px;
  max-width: 100%;
  padding: 5px 25px 5px 25px;
  align-items: center;
  border-radius: 36px;
  border: 1px solid #dfe1e5;
  box-sizing: border-box;
  color: #f1f3f4;
  display: -webkit-inline-box;border-color: transparent;
  background-color: #2a2b2e;
  cursor: pointer;
  border-color: transparent;
  background-color: #2a2b2e;
  cursor: pointer;
}

/* UPCOMING EVENTS TEMPLATE */

.text-container * {
    margin: 0 !important;
}

.upcoming-events .title {
    font-size: 18px;
    line-height: 1.2;
}

.header-picture-text .new-font {
    font-size: 16px !important;
    line-height: 1.6;
    font-weight: 500 !important;
}

.nav-shadow {
    box-shadow: 0 0 15px rgba(0,0,0,.1);
}

.search .fs-14 {
    font-size: 14px;
    line-height: 1.6;
}

.search-header .search input {
    border: 1px solid #007DB7;
}

.search-header .nav-menu *, .social-links i:before{
    color: #007DB7;
}

.carousel-cell.center-cropped .views-field-field-type{
    margin-top: 15px;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.6;
    text-transform: uppercase;
    margin-bottom: 0px;
    opacity: 0.8;
}
.carousel-cell.center-cropped span span.field-content{
    display: contents;
}

.carousel-cell .views-field-body
{
    padding-top: 10px;
}

span.views-field.views-field-field-article-date {
  display: inline-block;
}

.news-holder span span.field-content{
    display: contents;
}

.news-holder .views-field-field-type{
    margin-top: 15px;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.6;
    opacity: 0.8;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.news-holder .views-field-body
{
    padding-top: 10px;
}

.avatar-section {
    max-width: 55px;
}

.author-caption{
    padding-left: 0;
}

.author-section
{
    margin-left: 0px;
}

.author-section .author-name {
    color: #007DB7;
    font-size: 16px;
    line-height: 1.2;
    padding: 0 !important;
    margin: 0 !important;
}

.author-section .date {
  font-size: 14px;
}


/* ARTICLE PAGE */
.block-field-blocknodearticlefield-article-date > .block-inner {
  flex: 0 1 67%;
  max-width: 67%;
}

.block-field-blocknodearticlefield-article-date > .block-inner h2 {
  width: 100%;
  clear: both;
  float: left;
}

.block-field-blocknodearticlefield-article-date > .block-inner article.author article {
  background: rgba(0,0,0,0.2);
  max-width: 40px;
  max-height: 40px;
  margin-right: 10px;
  overflow: hidden;
}

.block-field-blocknodearticlefield-article-date > .block-inner footer {
  float: left;
  max-height: 50px;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.block-field-blocknodearticlefield-article-date > .block-inner .author.header-info {
  float: left;
  display: flex;
  flex-direction: column-reverse;
}

.block-field-blocknodearticlefield-article-date > .block-inner .author.header-info .fa {
  display: none;
}

.block-field-blocknodearticlefield-article-date > .block-inner .author.header-info > .article-create-date:nth-of-type(2) * {
  font-family: ideal !important;
  text-transform: capitalize;
  font-weight: 700 !important;
  color: #007DB7!important;
  font-size: 16px;
}

.block-field-blocknodearticlefield-article-date > .block-inner .article-create-date span {
  font-size: 14px;
  line-height: 1.6;
  font-family: 'Segoe UI';
  letter-spacing: 0;
  font-weight: 400;
}

.block-field-blocknodearticlefield-article-date > .block-inner .article-create-date .fa {
  display: none;
}

.block-field-blocknodearticlefield-article-date > .block-inner  article .content {
  padding-right: 15px;
  padding-left: 15px;
  float: left;
  display: none;
}

.block-field-blocknodearticlefield-article-date > .block-inner .label {
  display: none;
}


article .layout__region.layout__region--first {
  padding-right: 90px;
  display: flex;
  flex-wrap: wrap;
  max-width: 67%;
}

article .block-field-blocknodearticlebody {
  width: 100%;
}

.layout__region.layout__region--second {
  max-width: 33%;
}

article .block-inner > .field--name-body
{
  padding-top: 20px;
}

article .block-inner > .field--name-body img {
  height: auto !important;
}

article .block-field-blocknodearticletitle
{
  padding-bottom: 20px;
}

.caption * {
    margin: 0 !important;
    padding: 0 !important;
}

.share-text {
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 0;
}

article .content {
  padding-right: 15px;
  padding-left: 15px;
}

article .field--name-body .container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

article > .content
{
  margin-bottom: 50px;
  padding: 0;
}

article > .content .col-12.article-title {
  padding-bottom: 20px;
}

article > .content > .field--name-body img {
  margin-bottom: 0 !important;
  padding-bottom: 0;
  width: 100%;
}

article > .content .list-inline {
  margin-bottom: 0;
}

.block-views-blocktop-reads-block-1
{
  line-height: 1.2;
}
.block-views-blocktop-reads-block-1 .block-title
{
  color: #007DB7;
  font-size: 20px;
  font-weight: bold;
  font-size: 32px !important;
  line-height: 1.4;
  margin-bottom: .5rem;
}
.block-views-blocktop-reads-block-1 .views-field-field-type
{
  display: inline-block;
  position: relative;
  padding-right: 25px;
}

.block-views-blockrelated-articles-block-1
{
  line-height: 1.2;
  margin-top: 50px;
}

.block-views-blockrelated-articles-block-1 .block-title
{
  color: #007DB7;
  font-size: 20px;
  font-weight: bold;
  font-size: 32px !important;
  line-height: 1.2;
  margin-bottom: .5rem;
}
.block-views-blockrelated-articles-block-1 .views-field-field-type
{
  display: inline-block;
  position: relative;
  padding-right: 25px;
}

.block-views-blockrelated-articles-block-1 .views-row, .block-views-blocktop-reads-block-1 .views-row {
  margin: 0 0 10px;
}

.block-views-blockrelated-articles-block-1 .views-row .views-field-title *,
.block-views-blocktop-reads-block-1 .views-row .views-field-title * {
  font-family: ideal !important;
  font-size: 20px;
  margin-top: 5px;
}

.block-views-blockrelated-articles-block-1 a,.block-views-blocktop-reads-block-1 a
{
  color: #007DB7 !important;
}
.view-search-news span.views-field-field-source span.field-content{
  display: inline-flex;
}
.view-search-news span.views-field-field-article-date span.field-content{
  display: inline-flex;
}
.breadcrumb {
  background-color: transparent;
  padding: 0;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
}

.breadcrumb > li + li:before{
  content: ">";
  color: #6B6B6B;
  text-transform: uppercase;
}
.breadcrumb > li{
  text-transform: uppercase;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.6;
}
.breadcrumb > li.active{
  display:none;
}

.breadcrumb > li, .breadcrumb > li * {
  font-family: ideal;
}

.breadcrumb > li * {
  color: #6B6B6B;
}

/* .breadcrumb > .active {
  color: #007DB7;
} */

.breadcrumb > .active {
  color: #007DB7;
  width: 90%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* Background Color */

.bg-light-gray {
  background-color: #E8E8E8;
}

/* The Modal (background) */
.custom-modal {
  display: none;
  position: fixed;
  z-index: 2000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
}

/* Modal Content */
#custom-modal > .modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px 20px 30px;
  border: 1px solid #888;
  width: 94%;
  max-width: 400px;
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
  /* overflow-y: scroll; */
}

/* The Close Button */
.modal-close {
  color: #aaaaaa;
  font-size: 36px;
  position: absolute;
  top: 15px;
  right: 15px;
  line-height: 22px;
  height: 22px;
  width: 22px;
  text-align: center;
  z-index: 2;
}

.modal-close:hover,
.modal-close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.share-link-button{
  width:18px;
  height:18px;
  opacity:0.6;
  cursor:pointer;
}

#custom-modal > .modal-content > .row > div:nth-of-type(2) {
  padding-top: 15px !important;
}

.share-modal-input {
  width: 70%;
  border-radius: 5px;
  padding: 0 10px;
  margin-right: 10px;
  border: 1px solid rgba(0,0,0,0.5);
}

.modal-title {
  font-size: 25px;
  font-weight: bold;
  color: #007DB7;
  font-family: ideal;
}

span.call-modal {
  width: 18px;
  height: 18px;
  margin-left: 3px;
  display: inline-block;
  top: 4px;
  position: relative;
  font-size:12px;
}

.hide-type {
  font-size:0px !important;
}

.call-modal #share-link-icon {
  width: 100%;
  height: 100%;
  opacity: 0.5;
  cursor: pointer;
  position: absolute !important;
  top: 0;
  left: 0;
}

/* p img,.paragraph img {
  padding-bottom: 15px;
} */

p img.align-left,.paragraph img.align-left
{
  padding-right: 15px;
}
p img.align-right,.paragraph img.align-right
{
  padding-left: 15px;
}
ol {
  list-style-position: inside;
}

figure img {
  margin-bottom: 10px;
  max-width:100%;
  height: auto;
  margin:auto;
  display:block;
}

.maintenance-header {
  box-shadow: 0 4px 2px -2px rgba(0,0,0,.2);
  background-color:#fff;
}
.maintenance-message {
  float:right;
}
.maintenance-image {
  float:left;
}
.maintenance-content .maintenance-message{
  max-width: 30em;
  min-width: 25em;
  align-self: center;
}

.maintenance-content {
  vertical-align: middle;
  display: inline-block;
  height: 50%;
  width: 100%;
  position: absolute;
  top: 25%;
  max-width: 700px;
  bottom: 0;
  margin: auto;
  left: 50%;
  transform: translate(-50%, 0);
}

.maintenance-container {
  display: block;
  height: 100vh;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100vw;
  background-color: #F4F4F4;
}

.maintenance-container .maintenance-content > .row {
  margin: 0 auto !important;
}

.maintenance-container .maintenance-content h1 {
  color: #007DB7
}

button[value="Apply"] {
  display:none;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .maintenance-container .maintenance-content > .row {
    max-width: 720px;
    width: 100%;
  }

/* splash header */
  .swiper-container, header .h-fullscreen {
    height: auto !important;
  }

  header.slider-content-modified .container {
    height: 100% !important;
    max-height: 550px !important;
  }

  header.slider-content-modified .container.center-image-only {
    max-height: 450px !important;
    min-height: 450px !important;
  }
}


li.expanded:after {
    content:"▼";
}


li.expanded ul {
  margin-top: 20px;
  padding: 0 !important;
  border-radius: 4px;
  box-shadow: 3px 3px 6px rgba(0,0,0,0.16)
}

li.expanded ul li
{
  padding-left: 10px;
  padding: 8px 16px;
  text-align: left;
}
li.expanded ul li:first-child {
  border-radius: 4px 4px 0 0;
}

li.expanded ul li:last-child {
  border-radius: 0 0 4px 4px;
}
li.expanded ul li:hover
{
  background-color: #007DB7;
}
li.expanded ul li:hover a
{
  color:white;
}
li.expanded ul li a
{
  text-transform: uppercase !important;
}
li.expanded ul li a.nav-link:hover
{
  border-bottom: none !important;
  padding-bottom: 0px !important;
}
li.expanded a.nav-link:hover
{
  border-bottom: none !important;
  padding-bottom: 0px !important;
}
.connection.right {
    right: 20px;
    top: auto;
    bottom: 50px;
    display: block !important;
    max-width: 170px;
}
.connection.left {
    left: 20px;
    top: 50px;
    bottom: auto;
    display: block !important;
    max-width: 170px;
}
.new-template-video .py-4,.new-template-video .pt-4 {
    padding-top: 25px!important;
}
.new-template-video .video_slider_title h1{
    font-size:44px;
    color:#fff;
    font-family:"ideal" !important;
    font-weight: 700;
    line-height: 1.2;
}
.new-template-video .video_slider_title {
    padding-top: 3rem !important;
    padding-bottom: 0 !important;
}
.new-template-video .py-5 {
    padding-bottom: 1.5rem !important;
}
.new-template-video .news-holder .title {
  font-size: 34px;
  font-family: "ideal" !important;
  margin-bottom: 5px;
}
.new-template-video .text-holder * {
    color: #fff !important;
}
.news-holder .title {
    font-weight: bold;
}
.news-holder .description {
    font-size: 16px;
}
.news-section p {
    letter-spacing: 0.76px;
}
.new-template-video iframe, .new-template-video video {
    width: 100%;
    height: 100%;
}
.video-holder {
    width: 100%;
    height: 500px;
    background: rgba(0,0,0,0.5);
}
.new-template-video .swiper-pagination{
  position: absolute;
  bottom: 35px;
}
.new-template-video .news-holder {
    max-width: 1000px;
    margin: 0 auto;
}
.news-holder {
    color: #131313;
}
@media screen and (max-width: 991px) {

  .topbar-expand-md .nav-submenu .nav-link {
    font-weight: 700 !important;
  }

  li.expanded:after {
    display: none;
  }

  .new-template-video .video_slider_title h1{
      font-size:34px;
  }
  .new-template-video .video-holder {
    height: 345px;
  }
  .topbar-nav
  {
    text-align: left;
  }
  li.expanded ul
  {
    margin-top: 20px !important;
    margin-bottom: 5px !important;
    display: block !important;
    opacity: 1 !important;
  }
  li.expanded ul li.nav-item
  {
    margin-top:0px !important;
    padding: 0 0 0 10px;
  }
  li.expanded ul li a.nav-link
  {
    font-size: 14px !important;
  }
}

@media screen and (max-width: 1000px) {
  .article-grid {
    display: grid;
    grid-template-areas:
      "schedule schedule schedule schedule schedule schedule"
      "body body body body body body"
      "related related related related related related";
      grid-template-columns: (minmax(0, 500px) 280px);
    grid-gap: 40px;
    grid-auto-rows: minmax(min-content, max-content);
  }

  .event-title-beta h1 {
    font-size: 24px;
    line-height: 31.2px;
  }

  .event-schedule{
    width: 100% !important;
  }

  .event-related{
      width: 100% !important;
  }
}

/* =============== START --- RELATED - EVENTS=============== */

.related {
  grid-area: related;
}

.blue-text {
  color: #007db7;
}

.related {
  padding-bottom: 40px;
  width: 350px;
}
.related-item a {
  font-family: ideal;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.2;
}

.related hr {
  border-top: 1px solid #9e9e9e;
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

/* =============== END --- RELATED - EVENTS =============== */
/* =============== NEWS CARDS - EVENTS =============== */

.events-area.heading * {
  color: #007DB7;
}

.events-area.heading h2 {
  font-weight: 700;
}

.events-area.heading a {
  text-decoration: underline;
  text-transform: uppercase;
  font-size: 24px;
}

.news-holder .title {
  margin-bottom: 5px;
}

.news-cards .news-holder {
  padding: 0;
}
.news-cards .news-holder .hours {
  font-family: "Segoe UI", sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  color: black;
}

.news-card .news-holder .hours {
  text-transform: uppercase;
  font-size: 16px;
}

.news-card .news-holder .month {
  font-size: 16px;
  font-weight: bolder;
}

.news-card .news-holder .text-holder .type {
  margin-top: 0;
}



.paragraph.paragraph--type--events-template-2 {
  padding: 50px 0;
}

.paragraph--type--symposium-highlights-block.accent2 + .paragraph.paragraph--type--events-template-2 {
  padding-top: 0 !important;
}

.paragraph.paragraph--type--events-template-2 .heading .field--type-link,
.partners-logo .row.heading .field--name-field-extra-link {
  text-align: right;
  margin-top: 10px;
}

.partners-logo .row .extra-link-container {
  padding-right: 0px;
  margin-right: 0px;
  margin-top: 5px;
}

.paragraph.paragraph--type--events-template-2 .heading .field--type-link * {
  color: #007DB7;
}

.paragraph.paragraph--type--events-template-2 .events-area.heading .pr-25,
.paragraph--type--content-template-b2 .pr-25,
.paragraph--type--video-slider .col-sm-4,
.paragraph--type--video-slider .pr-25,
.partners-logo .pr-25 {
  padding-right: 0 !important;
}



.paragraph--type--content-template-b2 .position-relative .row .col-sm-6:nth-of-type(2),
.paragraph--type--video-slider .row .col-sm-4:nth-of-type(2) {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.news-card .paragraph.paragraph--type--event-card-2 .col-4 {
  padding-right: 0 !important;
}

.news-card .paragraph.paragraph--type--event-card-2 .col-8 {
  /* padding-left: 15px !important; */
  padding-left: 5px !important;
  display: flex;
  align-items: center;
}

.paragraph--type--events-template-2 .field--item.news-holder .news-holder {
  display: flex;
  align-items: center;
}

.news-card .paragraph.paragraph--type--event-card-2 .col-8 .text-holder {
  padding-left: 10px;
}

.news-card .paragraph.paragraph--type--event-card-2 .col-8 .title,.event-identifier .title {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.date-box {
  border: 1px solid #53A7CE;
  padding: 16px;
  min-height: 178px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 130px;
  margin-right: 20px !important;
}

.event-identifier .date-box {
  min-height:210px;
}

.text-holder {
  padding-left: 1rem;
}

.date-box * {
  color: #007DB7;
  font-size: 16px;
  line-height: 32px;
  font-weight: 500;
  margin: 0 !important;
  text-align: center;
}

.date-box p.year {
  font-size: 14px;
  font-weight: 400;
}

.date-box .month {
  font-family: "Segoe UI", sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.date-box .days {
  font-family: "Segoe UI", sans-serif;
  font-size: 24px;
  line-height: 24px;
  font-weight: bold;
}

p.hours {
  margin-bottom: 5px;
}

.bgc-w {
  background-color: #fff;
}

.space-between {
  justify-content: space-between;
}

.item-center {
  align-items: center;
}

.flex-row {
  display: flex;
  flex-direction: row;
  position: relative;
}

.event-schedule {
  background-color: white;
  border-radius: 4px;
  padding: 30px;
  width: 350px;
}
.event-schedule div::after{
  content:none;
}
.event-schedule div::before{
  content:none;
}
.events .article-download-button {
  height: 45px;
  width: fit-content;
  color: white;
  background-color: #007db7;
  border-radius: 6px;
  margin: 20px 0px;
  display: flex;
  justify-content: center;
}
.events .article-download-button i {
  margin: 0px 10px;
}
.event-schedule div.row.space-between,.events .container .row{
  position: relative;
  margin: 0 auto;
}

.event-schedule hr {
  border-top: 1px solid #007db7;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.event-schedule h6 {
  font-family: "ideal-medium", sans-serif;
  font-size: 24px;
}

.date {
  font-family: "Segoe UI", sans-serif;
  font-weight: 600;
  font-size: 16px;
}
.event-schedule {
  grid-area: schedule;
}

.time {
  font-family: "Segoe UI", sans-serif;
  font-size: 16px;
}
.add-to-calen {
  border-radius: 6px;
  background-color: #007db7;
  height: 45px;
  width: 45px;
  cursor: pointer;
  border: 0px;
}

@media (max-width: 1199px){

  .news-card .paragraph.paragraph--type--event-card-2 .col-8 {
    padding-left: 15px !important;
  }

  .news-card .paragraph.paragraph--type--event-card-2 .col-4 {
    padding-right: 0 !important;
  }

  * .news-card .paragraph.paragraph--type--event-card-2 .col-8 .text-holder {
      padding-left: 0;
  }

  * .news-card .paragraph.paragraph--type--event-card-2 .col-8 .text-holder {
    padding-left: 2rem;
  }

}

@media (max-width: 991px){
  .new-template-video .video-holder {
      height: 345px;
  }

  div#spb-block-seadspopup {
    display: none;
  }

  .event-identifier .inner-row .pl-3 {
    padding-left: 0 !important;
  }
}


/* MOBILE */

@media (max-width: 767px){

  * .news-card .paragraph.paragraph--type--event-card-2 .col-8 .text-holder {
    padding-left: 2rem;
  }

  .paragraph.paragraph--type--key-speakers-block .field--name-field-key-speakers-title {
      padding-bottom: 0;
  }

  .paragraph.paragraph--type--key-speakers-block .key-spekers-row > div {
      display: flex;
      padding-bottom: 0 !important;
  }

  .paragraph.paragraph--type--key-speakers-block .key-spekers-row {
      padding-bottom: 15px;
  }

  div#spb-block-seadspopup {
      display: none;
  }

  .new-template-video .video_slider_title h1{
      font-size:30px;
  }
  .connection.right, .connection.left{
      display: none;
  }
  .date-box * {
      font-size: 14px;
  }
  .date-box > .days {
    font-size: 24px !important;
  }

  .events-area.heading a {
      font-size: 16px;
  }

  .new-template-video .video-holder {
      height: 300px;
  }

  /* NEW events card template */
  .paragraph.paragraph--type--events-template-2 {
    padding: 30px 0;
  }

  * .news-card .paragraph.paragraph--type--event-card-2 .col-4 {
    padding-right: 15px !important;
  }

  * .news-card .paragraph.paragraph--type--event-card-2 .col-8 {
    padding-left: 0 !important;
  }

  .news-card .date-box .days {
    font-size: 22px !important;
  }

  .paragraph.paragraph--type--events-template-2 .heading .field--type-link {
    text-align: left;
  }

  .new-template-video .news-holder {
    padding: 0 !important;
  }

  li.expanded ul li a.nav-link
  {
    font-size: 12px !important;
  }

  .maintenance-page .topbar {
      height: 100px !important;
  }

  .maintenance-header {
    text-align: center;
  }

  .maintenance-header img {
    margin: 0 auto !important;
    max-width: 300px;
    width: 100%;
  }

  .maintenance-container .maintenance-content > .row {
      max-width: 540px;
      width: 100%;
  }

  .maintenance-container .maintenance-content {
      top: 35%;
      margin-top: 0;
  }

  .maintenance-container .maintenance-content img {
      max-width: 70px;
      margin-bottom: 20px;
  }

  .maintenance-container .maintenance-content > .row > div {
    text-align: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
  }

  section figure img {
    height: auto !important;
  }

  li.expanded ul li a.nav-link {
      font-size: 12px !important;
  }

  article .section {
    padding-top: 20px !important;
    padding-bottom: 0 !important;
  }

  .layout--twocol-section > .layout__region {
    flex: 0 1 100% !important;
  }

  .layout--twocol-section > .layout__region .field--name-body,
  .node--type-article .field--name-field-tags {
    padding-right: 0 !important;
  }

  .block-views-blocktop-reads-block-1 {
    margin-top: 30px;
  }
  .view-top-reads .view-content .views-field-title span.field-content {
    font-size: 18px;
  }

  .paragraph--type--content-template-b2 .position-relative .row .col-sm-6:nth-of-type(2),
  .paragraph--type--video-slider .row .col-sm-4:nth-of-type(2) {
    justify-content: start;
  }

  .paragraph--type--video-slider .row .col-sm-4:nth-of-type(2) {
    padding: 0 !important;
  }

  /* .paragraph--type--video-slider .row.video_slider_title div.news-holder.col-sm-8 {
    padding-left: 15px !important;
  } */

  .field--item{
    margin-top: 10px;
  }

  .event-identifier .container {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }

  .node--type-events img {
    height: auto;
  }

  .video-bg-outer .content {
    top: 30% !important;
  }
}

.video-bg-outer {
  text-align: center;
  position: relative;
  overflow: hidden;
  line-height: normal;
  font-size: 0;
}

.paragraph--type--video-upload-bg::before {
  content:"";
  position: absolute;
  top:0;
  right:0;
  left:0;
  bottom:0;
  z-index:0;
  background:linear-gradient(to right,#6dcff657,#007db77a);
}

.content-overlay .video-bg-overlay-text {
  font-size: 18px;
  color: #fff;
}

.video-bg-outer .content-overlay {
  position: absolute;
  display: grid;
  place-items: flex-start;
  top: 95%;
  justify-items: start;
  left: 1%;
}

#video-bg-template {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: 100vh;
  top: 85%;
  left: 50%;
  object-fit: cover;
  /* transform: translate(0%,-10%); */
}

.video-bg-outer .content {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  font-weight: 900;
  user-select: none;
  top: 50%;
  bottom: 50%;
}
.video-bg-outer .content .field {
  margin-top: 50px;
}

.video-bg-outer .content .field .field--label {
  display: none;
}

.video-bg-outer .content .field .field--item a {
  padding: 15px 23px;
  color: #002569;
  background-color: #f1c40f;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 7px;
  font-family: 'ideal-semibold';
  min-height: 70px;
  text-align: center;
}

.video-bg-outer .sound-option {
  font-size: 42px;
  position: absolute;
  right: 0;
  top: 15%;
  cursor: pointer;
}

.body-scrolled-video-bg .topbar.topbar-sticky {
  position: fixed;
  background-color: rgba(255, 255, 255, 0.98);
  -webkit-box-shadow: 0 0 15px rgb(0 0 0 / 6%);
  box-shadow: 0 0 15px rgb(0 0 0 / 6%);
  -webkit-transition: margin-left .5s, background-color .5s;
  transition: margin-left .5s, background-color .5s;
}

.body-scrolled-video-bg main#main-content {
  padding-top: 130px;
}

.highlight-bar {
  position: fixed;
  top: 0px;
  z-index: 999;
  width: 100%;
  height: auto;
  background-color: #153570;
  color: #fff;
  border: none;
  border-radius: 0;
  padding: 10px 40px;
}

.highlight-link {
  padding: 10px 0px;
  color: #002569;
  background-color: #FCFF04;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 7px;
  font-family: 'ideal-semibold';
  display: inline-block;
  width: 100%;
  text-align: center;
}

.highlight-link:hover {
  color: #014c8c;
}

.highlight-description {
  font-size: 14px;
}

.highlight-header {
  border: none;
  padding: 0px 20px;
}

/* .highlight-title, .highlight-description {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
} */

.highlight-close span{
  font-size: 38px;
  color: #fff;
  position: absolute;
  right: -30px;
  top: 10px;
}

.image-fitter .container div div div div div div div div div div img.img-responsive,
.image-fitter .container div div div div div div img.img-responsive,
.field--name-field-content-template-b div div div img.img-responsive {
  object-fit: fill;
}

@media screen and (min-width: 300px) and (max-width: 720px) {

  #video-bg-template {
    height: auto !important;
  }

  .content-overlay .video-bg-overlay-text {
    font-size: 10px;
    color: #fff;
  }
  .video-bg-outer .content-overlay {
    top: 93%;
  }

  .video-bg-outer .sound-option {
    top: 0;
  }

  .highlight-close span{
    top: -15px;
  }

  .highlight-title {
    font-size: 18px !important;
  }

  div:has(> .highlight-link) {
    text-align: center;
  }
}

@media screen and (min-width: 720px) and (max-width: 920px) {

  span.text-to-button.mb-5.b-black-3:first-child {
    margin-right: 5px;
    margin-left: 5px;
  }

  #video-bg-template {
    height: auto !important;
  }

  .content-overlay .video-bg-overlay-text {
    font-size: 10px;
    color: #fff;
  }

  .video-bg-outer .content-overlay {
    top: 97%;
  }
}

@media screen and (min-width: 770px) {
  .paragraph--type--video-slider .row.video_slider_title div.news-holder.col-sm-8 {
    padding-left: 0 !important;
  }
}