:root {
--bs-primary: #203241;
--bs-primary-rgb: 32,50,65;
--bs-secondary: #35546D;
--bs-secondary-rgb: 53,84,109;  
}
#sp-main-body, #sp-header.header-sticky.#sp-main-body {
padding: 60px 0;
}
#sp-main-body {
  padding: 60px 0 !important;
}
.hidecontent #sp-main-body {
display: none;
}
.category_article_image {
  display:none;
}
.mwall-filters-sortings {
  display:none;
}

/* ------------------------------------------ 
RESPONSIVE IFRAME
---------------------------------------------- */
.iframecontainer {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; 
}
.iframecontainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/*
@media only screen and (min-width: 320px) and (max-width: 600px) {
h1 {font-size:7vw !important}
h2 {font-size:6vw !important}
h3 {font-size:5vw !important}
h4 {font-size:4vw !important}
h5 {font-size:3vw !important}
h6 {font-size:2vw !important}
}
*/

/* ------------------------------------------ 
CUSTOM FIELDS
---------------------------------------------- */
.field-label {
  font-weight:bold;
}
.fields-container {
  margin-top:1rem;
}

/* ------------------------------------------ 
NATIVE CONTACT FORM HACK TO REORDER
#contact-form {display:flex; flex-flow:row wrap}
#contact-form fieldset {min-width:100%;}
#contact-form fieldset:nth-child(1) {order:2;}
#contact-form fieldset:nth-child(2) {order:1}
#contact-form > .control-group:first-of-type {order:10;}
---------------------------------------------- */


/* ----------------------- 
HELIXULTIMATE STRUCTURE 
---------------------------*/
body {
background:#fff !important;
}
html {
  scroll-behavior: smooth;
}
.breadcrumb {
margin-bottom:0;
background: #333333;
border-radius: 0px;
}
.pathway {
color:#dadada;
}
.article-header {
text-align:center;
}
.article-header h1 {
font-size:3rem !important;
}
.contact h3 {
  display:none;
}
.article-list .article .readmore a {
  color:#4943ac;
}
.sp-module-content .mod-languages img {
width:25px;
height:auto;
margin:5px;
}
/* ----------------------- 
FEATURE SECTION 
--------------------------- */

#sp-feature {
color:#fff;
background-repeat: no-repeat;
background-position: center center;
}
.overlay {
background:rgba(0,0,0,0.4);
position:absolute;
left:0; 
top:0; 
width:100%; 
height:100%;
z-index:1;
}

#mod-custom111 {
/*  background-image: url(/images/backgrounds/bg0.jpg); */
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
}


/* ------------------------  
LOGO ANIMATION  
---------------------------*/
.logo-image, .logo-image-phone {
filter: brightness(0) invert(1);
transition: filter 0.5s ease-in-out;
}
#sp-header.header-sticky .logo-image, #sp-header.header-sticky .logo-image-phone  {
filter: none;
transition: filter 0.5s ease-in-out;
}
/* ------------------------  
HEADER & MENU 
---------------------------*/
#sp-header {
position:absolute;
background-color: rgba(255, 255, 255, 0);
box-shadow:none;
transition: background-color 0.5s ease-in-out;
}
#sp-header .container {
max-width: 90%;
transition: background-color 0.5s ease-in-out;
}
.sp-megamenu-parent > li > a {
color:#fff !important;
text-transform: uppercase;
}
.sp-megamenu-parent > li.active > a {
color:#fff;;
font-weight: bold;
}
.sp-megamenu-parent > li > a:hover  {
color:white;
} 
.burger-icon>span {
background-color: #fff;   
}

/* ------------------------ 
STICKY HEADER TWEAKS 
---------------------------*/
#sp-header.header-sticky {
background-color: rgba(255, 255, 255, 1);
z-index:10;
}
#sp-header.header-sticky~section#sp-main-body {
padding: 100px 0px;
}
#sp-header.header-sticky #offcanvas-toggler > .fa {
color: #333;
}
#sp-header.header-sticky .sp-megamenu-parent > li > a {
color: #222B73 !important;
}
li.lang-active {
background-color: transparent !important;
}
#sp-header.header-sticky .burger-icon>span {
background-color: #222B73;   
}
/* ------------------------ 
PAGE TITLE NATIVE SECTION 
---------------------------*/
#sp-title {
position:relative;
}
.sp-page-title {
height: 220px;
padding:3rem 0rem;
}
.sp-page-title:after {
position:absolute;
content: "";
top:0;
left:0;
width:100%;
height:100%;
background-color: rgba(0, 0, 0, 0.4);
}
.sp-page-title-heading {
margin-top:60px !important;
text-align:center;
filter: brightness(0) invert(100);
}
.sp-page-title .container {
z-index: 10;
position: absolute;
left:0;
right:0;
margin:auto;
}


/* ------------------------ 
 * YOUTUbe BG SCRIPT
 * ---------------------------*/

.ytbg-wrapper {
position: relative;
}
.ytbg-content {
display: table;
width: 100%;
min-height: 100vh;
z-index: 1;
position: relative;
}

.ytbg-content .inner {
display: table-cell;
vertical-align: middle;
text-align: center;
padding-left: 16px;
padding-right: 16px;
}
iframe {
transition: opacity 500ms ease-in-out;
transition-delay: 250ms;
}
.video-background-controls button {
font-size: 32px;
display: inline-block;
padding: 0px;
margin: 0px;
height: 32px;
width: 32px;
border-radius: 16px;
line-height: 32px;
border: none;
background: none;
-webkit-appearance: none;
color: white;
filter: drop-shadow(0px 0px 1px black);
cursor: pointer;
opacity: 1;
transition: all 250ms ease-in-out;
margin-left: 10px;
}
.video-background-controls button:hover {
opacity: 0.5;
}
.arrowdown {
font-size:2rem;
position: absolute;
bottom: 20px;
left: 50%;
transform: translate(-50%,-50%);
} 

/* ------------------------ 
 * COOKIES CK Banner
 * ---------------------------*/
#cookiesck {
margin: 20px;
width: 350px;
padding: 20px;
}