/* HEADER
-------------------------------------------------------------------------- */ 

HEADER #hamburger {
  display: block;
  }  
  
HEADER #logo {
  background-size: auto 48px;
  }  
  
HEADER #search {
  top: 48px;
  right: 45px;  
  width: calc(100% - 20px);
  }  
  
HEADER .right:after { 
  content: " ";
  background: rgba(0,0,0,0.25);
  position: fixed;
  top: 0px;
  right: 0px;
  width: 0;
  height: 100%;
  z-index: 49;
  opacity: 0;
  transition: 0.2s;
  }  
  
HEADER .right {
  margin-top: 5px;
  }  
  
.scrolling.sticky HEADER .right {
  margin-top: 13px;
  }
  
/* MOBILE MENU
-------------------------------------------------------------------------- */     

HEADER #mobile-menu {
  float: right;
  position: relative;
  z-index: 20;
  padding-right: 20px;
  margin-right: -20px;
  }
  
BODY.menu HEADER #mobile-menu,
BODY.menu HEADER .right {
  z-index: 50;
  }  

HEADER .search.mobile {
  position: relative;
  z-index: 10;
  }
  
HEADER #menu {
  background: #fff;
  position: fixed;
  top: 0;
  width: 390px;
  height: 100%;
  padding: 140px 0px 30px 0px;
  transition: 0.2s;
  right: -390px;
  z-index: 50;
  }   

HEADER #menu .languages {
  display: block;  
  float: none;
  position: absolute;
  left: 32px;
  margin-top: 65px;
  }
  
HEADER #menu #digital-services {  
  display: block;
  float: none;
  height: 40px;
  line-height: 37px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 22px;
  font-size: 18px;
  }
  
HEADER #menu #digital-services I {
  float: right;
  line-height: 38px;
  font-size: 16px;
  width: 16px;
  }       

HEADER #menu .search {
  display: none;
  }
  
HEADER .search.mobile {
  display: block;
  position: relative;
  z-index: 20px;
  }    
  
BODY.menu HEADER #menu {
  right: 0;
  }
  
BODY.menu HEADER .right:after {  
  width: 100%;
  opacity: 1;
  }
  
BODY.menu.submenu HEADER #menu {
  left: -100%;
  }  
  
BODY.submenu HEADER .search.mobile {
  opacity: 0;
  }  
  
HEADER NAV {  
  display: block;
  float: none;
  position: relative;
  }
  
HEADER NAV UL LI {
  float: none;
  position: relative;
  } 
  
HEADER NAV UL.menu > LI {
  padding-bottom: 0;
  margin-bottom: 0;
  }  
  
HEADER NAV UL LI A {
  display: block;
  padding: 15px 32px;
  } 
  
HEADER UL LI A:hover {
  opacity: inherit;
  }  
  
HEADER NAV UL.menu > LI:before {
  content: "\e904";
  font-family: 'icomoon';
  font-size: 16px;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  margin-left: 10px;
  position: absolute;
  right: 32px;
  top: 50%;
  margin-top: -8px;
  }   
  
HEADER UL LI.current-menu-item > A SPAN:after,
HEADER UL LI.current-page-ancestor > SPAN:after {
  }
  
HEADER UL DIV.megamenu {
  position: fixed;
  top: 0px !important;
  left: auto;
  right: -100vw;
  width: 390px;
  height: 100%;
  display: block;
  transition: 0.2s;
  background: #fff;
  padding-top: 140px;
  padding-left: 32px;
  padding-right: 32px;
  padding-bottom: 32px;
  opacity: 1;
  transition: right 0.2s;
  overflow-y: auto;
  }  
  
HEADER UL DIV.megamenu UL {
  padding: 0;
  } 
 
HEADER UL DIV.megamenu:before,
HEADER UL DIV.megamenu UL:before {
  display: none;
  }   
  
HEADER UL DIV.megamenu.active {
  display: block;
  }   
  
BODY.submenu HEADER UL DIV.megamenu {
  right: 0;
  }  
  
HEADER UL DIV.megamenu .overview {
  display: block;
  }  
  
HEADER UL DIV.megamenu .back {
  display: block;
  position: absolute;
  z-index: 12;
  padding: 10px;
  top: -100px;
  left: -10px;
  cursor: pointer;
  }  
  
HEADER UL DIV.megamenu .back I {
  float: left;
  margin: 5px 15px 0 0px;
  }
  
HEADER UL DIV.megamenu LI A {
  padding: 10px 0;
  }    
  
HEADER UL DIV.megamenu .featured {
  display: none;
  }
  
HEADER NAV .overlay {
  display: none;
  }
  
HEADER .search {
  margin: 5px 10px;
  font-size: 24px;
  }  
  
/* HEADLINES
-------------------------------------------------------------------------- */   
  
H2 {
  font-size: 68px;
  }  
  
H3 {
  font-size: 42px;
  } 
  
H4 {
  font-size: 30px;
  } 
  
H5 {
  font-size: 26px;
  }   
  
MAIN P A {
  font-size: inherit;
  }  
    
.wp-block-media-text__content P {
  font-size: 16px;
  }    
  
P.has-large-font-size, P.has-large-font-size + P, P.has-large-font-size + .wp-block-button {
  font-size: 18px;
  }  
  
/* LAYOUT
-------------------------------------------------------------------------- */       
  
MAIN {
  padding-top: 150px;
  }   
  
MAIN .wp-block-column P {
  padding-right: 0;
  }  
  
/* HOME 
-------------------------------------------------------------------------- */    

#home {
  height: calc(50vw - 50px);
  margin-bottom: 50px;
  }
  
#home .tiles .tile .content {
  padding: 20px;
  }  
  
#home .tiles .tile .meta {
  font-size: 12px;
  }  
  
#home .tiles .tile H5 {
  font-size: 18px;
  padding-top: 5px;
  }
  
/* SLICK SLIDER 
-------------------------------------------------------------------------- */   
  
.slick-dots {
  text-align: left;
  padding-left: 28px;
  }  
  
.slick-slide .text {
  text-align: left;
  left: 0;
  bottom: 55px;
  margin-left: 0;
  padding-left: 30px;
  }  
  
.slick-slide .text .title {
  font-size: 20px;
  }  
  
.slick-slide .text .more {
  font-size: 18px;
  }  
  
/* BLOCK COVER
-------------------------------------------------------------------------- */     
  
.page-template-blank MAIN  {
  padding-top: 150px 
  } 
  
/* BLOCK COVER
-------------------------------------------------------------------------- */   

.wp-block-cover {
  margin: 70px 0;
  max-height: 420px;
  min-height: 420px !important;
  }
  
.wp-block-cover__inner-container {
  margin-left: 48px;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-right: 50px;
  }    
  
.wp-block-cover H2 {
  font-size: 48px;
  }     
  
/* BLOCK COLUMN
-------------------------------------------------------------------------- */   

.wp-block-column {
  font-size: 16px;
  padding: 0 15px;
  }
  
.wp-block-column H3,
.wp-block-column H4 {
  padding-left: 0 !important;
  }
  
.wp-block-columns {
  margin: 70px -10px;
  }  

.wp-block-columns.c3 .wp-block-column {
  flex-basis: calc(33.3%)!important;
  }
  
.wp-block-columns.contains-factbox {
  max-width: 770px;
  }
  
.wp-block-columns.contains-factbox .wp-block-column:first-child {
  flex-basis: 55% !important;
  padding-right: 50px;
  }
  
@media (max-width: 810px){  
  .wp-block-columns.contains-factbox .wp-block-column:first-child {
    padding-left: 0px;
    }
  }  
  
.wp-block-columns.contains-factbox .wp-block-column:last-child {
  flex-basis: 45% !important;
  }        
  
.factbox {
  min-width: 0;
  margin-right: -50px;
  }  
  
/* SECTION
-------------------------------------------------------------------------- */  

.wp-block-getwid-section .wp-block-columns {
  margin-bottom: 70px;
  }
  
.wp-block-getwid-section .wp-block-columns.c2 .wp-block-column:first-child {
  flex-basis: 33.3% !important;
  }
  
.wp-block-getwid-section .wp-block-columns.c2 .wp-block-column:last-child {
  flex-basis: 66.6% !important;
  }   
  
/* DIGITAL SERVICES
-------------------------------------------------------------------------- */   

.digital-services #login {
  padding-left: 20px;
  }
  
/* BANNER
-------------------------------------------------------------------------- */  
  
.banner {
  padding: 60px 40px;
  font-size: 18px;
  }   
  
#newsletterform {
  margin-top: 0px;
  }    
  
#newsletter-segments {
  padding: 30px 0px;
  margin-top: 50px;
  }  
  
#newsletter-segments .segments {
  display: block;
  }  
  
#newsletter-segments P {
  margin-bottom: 20px;
  }  
  
#newsletter-segments .segments .segment {
  width: 100%;
  margin-bottom: 20px;
  }  
  
#newsletter-segments .segments .title {
  margin-bottom: 0;
  }  
  
#newsletter-segments .segments .md-checkbox-label {
  font-size: 20px;
  line-height: 29px;
  }  
  
#newsletter-segments .segments .description {
  font-size: 16px;  
  }  
  
#newsletter-segments .validation {
  
  }  
  
/* CONTACT
-------------------------------------------------------------------------- */  
  
#contact {
  bottom: 60px;
  right: 40px;
  }