/*!
 * Start Bootstrap - Scrolling Nav (https://startbootstrap.com/template-overviews/scrolling-nav)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-scrolling-nav/blob/master/LICENSE)
 */

body {
  overflow-x: hidden;
}

p, h1, h2, h3 {
  font-family: 'Nunito', sans-serif;
  color: black;
}

#homepage h1 {
  font-weight: 700;
  color: white;
  padding-bottom: 25px;
  margin: 0;
}

#homepage.static-menu #banner {
  min-height: initial !important;
}

#homepage.static-menu .banner-bottom {
  height: auto !important;
}

#homepage h2, #contentpage h1, #sidebar h2 {
  font-weight: 700;
  color: #0070c0;
  text-transform: uppercase;
}

#menu ul {
  margin:0;
}

#menu ul li a {
  font-weight:600;
  font-size:18px;
  letter-spacing:-0.906672px;
}

#homepage #menu ul li a {
  color:white !important;
}

#menu ul li  > a:hover  {
  color: white !important;
}

#contentpage #menu > ul > li.level-1 > a:hover {
  color:#0070c0 !important;
}


#menu ul li li {
  background-color: #3A8BCC;
}

#menu ul li li:hover {
  background-color:#186BAD;
}

#menu ul ul li {
  border-bottom:unset;
}




#menu ul li:hover>ul {
  visibility: visible;
  display: block !important;
}

#homepage h3, #contentpage h2 {
  font-size: 19px;
  font-weight: bold;
}

#mainbody.conference-page {
  padding-bottom:200px;

}

a {
  color: #0070c0;
}

section {
  padding: 50px 0;
}

.form-check-input {
  position:initial;
}

#menubar, #homepage .banner-inner {
  margin: auto;
  padding-top: 50px;
  padding-left:15px;
  padding-right:15px;
  max-width:100%;
  width: 1320px;
}

#homepage .banner-overlay {
  background: rgb(44 30 74 / 55%);
}

#homepage .banner-content {
  padding-top:75px;
}

#menubar {
  display: flex;
  justify-content: space-between;
}

#contentpage #mainbody .menubar {
  height: 200px;
  background: url(images/content-menu-bg.jpg) top left no-repeat;
}

#homepage #logo, #homepage #the-menu {
  z-index: 99999;
}

/* Fixed menu on scroll */
#homepage .fixed-menu {
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:75px;
  background-color:#0070c0;
  padding-top:20px;
  padding-bottom:20px;
  z-index: 999;
}

#homepage .fixed-menu > #menubar {
  max-width:100%;
  width: 1800px;
  padding-left:15px;
  padding-right:15px;
  padding-top:0px;
}

#homepage .fixed-menu > #menubar #logo img {
  width: 200px;
  height: auto;
}

#menu ul ul {
  transform: translate(0px, 28px);
}

/* Content Template Starts */
#homepage .rhs-top-wave-wrapper {
  position:absolute;
  top:0;
  right:0;
  z-index:-1;
  max-width:65%;
  /*overflow:hidden;*/
}

#homepage .rhs-top-wave-wrapper img {
  transform:translate(0px, -45%) rotate(180deg);
  height:auto;
  width:100%;
}

.middle-bottom-wave-wrapper {
  position:absolute;
  bottom:0;
  left:0;
  z-index:-1;
  max-width:100%;
  width:1920px;
  overflow:hidden;
}

.middle-bottom-wave-wrapper img {
  transform:translate(0px, 50%);
  height:auto;
  width:100%;
}


.lhs-bottom-wave-wrapper {
  position:absolute;
  bottom:0;
  left:0;
  z-index:-1;
  max-width:65%;
  overflow:hidden;
}

.lhs-bottom-wave-wrapper img {
  transform:translate(0px, 45%);
  height:auto;
  width:100%;
}

#mainbody {
  position:relative;
  padding-bottom:125px;
  padding-top:75px;
}

#contentpage #the-menu {
  float: right;
}

#homepage #banner {
  height:auto;
  background: url(images/v2/home-banner.jpg) bottom center no-repeat;
  background-size: cover;
}

#homepage .banner-inner {
  min-height: 780px;
}

#homepage .banner-content p {
  color: white;
  padding-bottom: 10px;
  font-size:21.3335px;
}

.btn {
  min-width:235px;
}

.btn.btn-custom-1, .btn.btn-custom-2, .btn.btn-custom-3 {
  padding-left:20px;
  padding-right:20px;
  border-radius:5px;
  margin-bottom:5px;
}

.btn.btn-custom-1 {
  background-color:#0070c0;
  border:solid transparent;
  color:white;
}

.btn.btn-custom-1:hover {
  background-color:#5f80d3;
}

.btn.btn-custom-2 {
  background-color:transparent;
  border:#5f80d3 solid;
  color: #5f80d3;
}

.btn.btn-custom-2:hover {
  border-color:#0070c0;
  color: #0070c0;
}


#banner .btn.btn-custom-2 {
  background-color:transparent;
  border:solid white;
  color:white;
}

#banner .btn.btn-custom-2:hover {
  border-color:#5f80d3;
  color: #5f80d3;
}

#homepage .banner-bottom {
  height: 410px;
  z-index: 100;
}


div[class*="backgroundimage-"] {
  padding:15px;
}

.general-page-layout-wrapper {
  display: inline-flex;
  justify-content: flex-start;
  width: 100%;
  background-color: rgb(236 236 236 / 20%);
}
.general-page-lhs {
  max-width:25%;
  width:311px;
}

.general-page-lhs #logo img {
  width:100%;
  height:auto;
}

.general-page-rhs {
  flex:1; /* make it consume the remaining width */
  max-width:100%;
}


#contentpage #sidebar {
  min-height: 100vh;
  background-color:white;
  box-shadow: 2px 0px 5px #00000012;
}

#contentpage #sidebar-content {
  padding-top:50px;
  padding-left:15px;
  padding-right:15px;
}

#contentpage #mainbody .content {
  min-height: 1000px;
  padding: 0px 30% 200px 5%;
  background: url(images/content-bg.jpg) bottom right no-repeat;
}

.general-page-layout-banner #menubar {
  justify-content: flex-end;
  width:100%;
}

.general-page-layout-banner #logo {
  display:none;
}

.ce-bodytext>.btn-primary>a {
  color: white !important;
}

footer {
  text-align: center;
  padding-left:15px;
  padding-right:15px;
  padding-bottom: 25px;
  position: absolute;
  bottom: 0;
  transform: translate(-50%, 0);
  left: 50%;
  width:100%;
}

.frame-type-menu_sitemap_pages ul {
  padding-left:15px;
  padding-right:15px;
  max-width:80%;
  list-style:none;
  text-align:center;
  color:rgb(138, 138, 138);
  margin: auto;
}

.frame-type-menu_sitemap_pages ul li {
  padding-bottom:15px;
}

.frame-type-menu_sitemap_pages ul li a {
  color:rgb(138, 138, 138);
  font-weight:600;
}

.collection-subtype {
  display: none !important;
}

/* content default width */
.main-content > div, .main-content > div.row.row-layout-554 > .simple-row-inner-default > div {
  width:1140px;
}

/* *** EXTENSIONS ********** */
.tx-felogin-pi1 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* *********************** */
/* *** TYPO3 Specific for FE *** */
.typo3-messages {
  list-style: none;
  padding: 0;
}

/* ************************* */
@media (min-width: 992px) and (max-width: 1560px) {
  #contentpage #mainbody .menubar {
    background: transparent;
  }
}

@media (max-width: 991.98px) {

  .general-page-layout-wrapper {
    background-color:white;
  }

  #contentpage #mainbody .menubar {
    display: none;
  }

  #homepage #logo {
    float: none;
    display: block;
    text-align: center;
  }

  #homepage h1 {
    font-size: 26px;
  }

  #homepage .banner-content {
    padding-top: 200px;
  }

  #homepage .banner-bottom-bg {
    opacity: 1;
  }

  #contentpage #sidebar {
    display:none;
  }

  #contentpage #sidebar-content {
    padding: 10px 2% 0px 2%;
  }

  #contentpage #mainbody .content {
    padding: 0px 2% 50px 2%;
    background: none;
  }

  #contentpage #logo>a {
    display: block;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4px;
    text-align: center;
  }

  #logo {
    display:none !important;
  }

  #homepage .banner-content {
    padding-top:50px;
  }

  #homepage .banner-inner {
    min-height:initial;
  }

  #mainbody {
    padding-top:15px;
  }
}

@media (min-width: 992px)  {
  #mainbody {
    min-height:90vh;
    overflow:hidden;
  }
}

@media screen and (min-width: 220px) and (max-width: 990px), 
screen and (min-device-width: 480px) and (max-device-width: 990px), 
only screen and (max-device-width: 480px) and (orientation: portrait), 
only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio : 1.5) {
  .slicknav_menu {
    background: #388ccb;
  }
}

/****
*
* Migrate to STORM_BASE
*
***/

.ce-left.ce-intext.ce-nowrap, 
.ce-right.ce-intext.ce-nowrap {
    display: flex;
    gap:16px;
}

.ce-left.ce-intext.ce-nowrap > div, 
.ce-right.ce-intext.ce-nowrap > div {
    flex: 1;
}

.ce-right.ce-intext.ce-nowrap {
    flex-direction: row-reverse;
}

iframe {
  max-width:100%;
}


@media (max-width:1499px) {
  #contentpage .general-page-rhs .main-content > div {
    width:800px;
  }
}

/*
@media (max-width:991.98px) {
  #contentpage .general-page-rhs .main-content {
    min-height:70vh;
  }
}*/


@media (max-width:900px) {
    .ce-right.ce-intext.ce-nowrap, .ce-left.ce-intext.ce-nowrap {
        flex-direction: column;
    }

    .ce-right .ce-gallery .ce-row .ce-column {
        float:none;
    }
}