/* 
    *********************************************************************
    * This file is created and developed by Badr Eddine Rachadi.         *
    * Unauthorized edits are prohibited. Please do not modify this file  *
    * without prior consent. If you need to make any changes, please     *
    * contact me at badr@kreaforma.de to ensure consistency         *
    * with the original version, as it is essential that both versions   *
    * remain identical. Thank you for your cooperation.                  *
    *********************************************************************
*/

/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/




/***********TEST***********/
.block-heading.text-center.block-heading-style-1 {
  justify-content: center;
  align-items: center;
  display: flex !important;
  flex-direction: column;
}

/***********TEST***********/

/*other css module modifications*/
.intro-heading.inverse-text.text-center {
      display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

/* Desktop */

/* headings & ul */


h1, h2, h3, h4, h5 {
  margin: 0 !important;
  padding: 0 !important;
}


/*

p {
  margin-bottom: 10px !important;
} */
a {
  text-decoration: none !important;
}


 
ul {
  margin-left: 20px;
  margin-bottom: 10px;
}


/* end headings */





/* shop page */
.sprd-header__image img {
display: none !important;
}

#sprd-basket-button {
margin:0;
}

/* admissions team background from blue to dark black*/
.section-module-2::before {
  background-color: #040404;
}


/* admissions team title*/
#hs_cos_wrapper_dnd_area-module-2 .block-heading__title {
color: #fff;
}




/* map and form*/
.flex-box.box-space-40 {
  width: 1250px;
  padding: 0;
}

.section-main.column-width-50.flex-box.flex-direction-column.flex-parent-unset-height {
padding:0;
}

.section-sub.column-width-50{
padding:0;
}

.hs-richtext.hs-main-font-element {
  padding-bottom:20px !important;
}

.hs-richtext p {
 padding-bottom: 30px; 
}

.atbs-block.atbs-block--fullwidth.section-module-12 {
  width: 1250px;
  margin-top: 200px;
}



/* main featured block*/
.flex-box.align-item-center {
  width: 100%;
}

.section-module-1 .section-sub {
 width: 1250px;
 padding: 0; 
}

.intro-feature__image.box-background-image {
filter: brightness(.7);
}



/* width for blog listing */
.hs-embed-content-wrapper{
 padding-bottom: -30% !important;
}
.posts-list.flex-box.box-item-3i.box-space-40 {
  width: 1290px;
  
}
.atbs-block__inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}




/* color of calendar titles */
.block-heading__hint {
color: #EE7203 ;
}

.block-heading__title.atbs-exclude {
 color: #003D63; 
}



 .section-module-6 {
    padding: 0px !important;
  }

  



img {
max-width: 500%;
}
  





/* End Desktop */







/* mobile */









@media only screen and (max-width: 767px) {
  
  

  
   /* map and form*/
  .flex-box.box-space-40 {
   width:100%; 
  }
  
  .section-module-12 .block-heading {
  max-width: 100%;
    padding: 40px 20px 0px 0px;
  }
  
  .section-sub.column-width-50 {
  padding-top: 50px;
}
    .atbs-block.atbs-block--fullwidth.section-module-12 {
  width: 100%;
  margin-top: 100px;
}
  
  /* accordion FAQ*/
.section-module-11 .accordion-wrapper{
width: 100%;
}

  
 /* main featured block*/
  .section-module-1 .section-sub {
 width: 100%;
    padding: 20px;
}
  
  /* spotify podcast*/
  .hs-embed-content-wrapper{
 padding-bottom: 1% !important;
}
  
  
    /* blog listing*/
  .posts-list.flex-box.box-item-3i.box-space-40 {
   width: 100% !important;
  }
  
  .section-module-7 .posts-list>* {
    padding: 10px 0px !important;
  }
  
  
  
  /* Agenda */
  .atbs-block.atbs-block--fullwidth.section-module-6 {
    width: 100%;
  }
  /* End Agenda */
  
  
  .team-list.flex-box.box-item-4i.box-space-40 {
    gap: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    }
  /*end*/
  
  


  

  
/* for map and contact form mobile*/
.section-module-12 .atbs-block__inner > .flex-box {
  margin: -60px;
}
/*end*/
  
  
  
  
  .section-module-7 .atbs-block__inner, .text-center {
    width:100% !important;
    padding: 10px !important;
    
  }
  
  
  
  /* for block acheivement*/
  .block-heading.text-center.block-heading-style-1 {
  width: 100% !important;
  
  }
  .member__text.text-center.inverse-text {
  width: 100% !important;
  }
  .tab-card__text.text-center {
  width:100% !important;
  }
  .dnd_area_about-row-1-margin {
  margin-bottom:0px !important;
  }
/*end*/
  
  
  /*for blog listing*/
.section-module-7 {
  padding-left: 0px;
  padding-right: 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%
}
  
}

/* End Mobile */
  

  
 
  
  

 




/*Old Hidden Header*/

/

@media (max-width: 767px) and (min-width: 767px) {
  
  .site-header, .site-header.site-header-default, .sticky-header {
  display:none !important;
  }
  
.header-default-no-dnd {
display:none !important;
}
  
    .site-header {
display:none !important;
}
  
}




.sticky-header.is-fixed {
display: none !important;
}
.atbs-offcanvas .js-atbs-offcanvas .inverse-text .init-display-none .is-actives {
  display:none !important;
}
.site-header .header-default-no-dnd {
 display:none !important; 
}
.site-header__inner .hidden-xs .hidden-sm {
  display: none !important;
}
*/
/*copied from child theme edit on CSS - for the header*/
.atbs-js-sticky-header-standard.is-show {
  width: 100% ;
  display:none;
  justify-content: center;
  padding:0;
  background-color: white;
  z-index: 999 !important;
}

.flex-box.align-item-center {
  display:flex;
  justify-content: space-between;

  
}

.column-width-75.navigation-bar__section.flex-box.align-item-center {
width:50%;
}

.column-width-25.header-btn-wrapper.flex-box.align-item-center.justify-content-end {
width:50%;
  display:flex;
  justify-content: flex-end;
}




.site-header,
.site-header.site-header-default {
    --color-primary : white;

 width:100% !important;
  display:none;
  justify-items: space-between !important;
}
.sticky-header {
    --color-primary :white ;
}
.sticky-header,
.site-header,
.site-header.site-header-default {
    padding: 0 var(--container-space);
    background-color: var(--color-primary);
    width: 1250px;
}


/*sticky header*/






/*logo final edit*/


/*hover menu mobile*/
#atbs-offcanvas-mobile.atbs-offcanvas .hs-item-has-children a .submenu-toggle, #atbs-offcanvas-mobile.atbs-offcanvas .lang_switcher_class, #atbs-offcanvas-mobile.atbs-offcanvas .navigation .hs-menu-wrapper > ul > li, #atbs-offcanvas-mobile.atbs-offcanvas .navigation li a {
 transition-duration: 0.4s;
}
#atbs-offcanvas-mobile.atbs-offcanvas .hs-item-has-children a .submenu-toggle, #atbs-offcanvas-mobile.atbs-offcanvas .lang_switcher_class, #atbs-offcanvas-mobile.atbs-offcanvas .navigation .hs-menu-wrapper > ul > li, #atbs-offcanvas-mobile.atbs-offcanvas .navigation li a:hover{
  color:#EE7203;
  
}

/*close button mobile menu*/

#atbs-offcanvas-mobile.atbs-offcanvas .atbs-offcanvas-close {
 background-color: #336482;
  padding-top: 0px;
  transition-duration: 0.3s;
}

#atbs-offcanvas-mobile.atbs-offcanvas .atbs-offcanvas-close:hover {
background-color: #EE7203;
}
/*mobile menu icon centering*/

.hs_cos_wrapper .hs_cos_wrapper_widget .hs_cos_wrapper_type_icon .social-title__icon svg {
 margin-bottom: -5px; 
}

/* mobile menu background color*/
#atbs-offcanvas-mobile.atbs-offcanvas.is-active {
 background-color:  #99B1C1 !important;
}




.site-footer, .site-footer.site-footer-default {
  display:none !important;
}
.site-header .navigation .hs-menu-wrapper > ul, .sticky-header .navigation .hs-menu-wrapper > ul {
  display:none !important;
}
.flex-box align-item-center {
    width:1250px;
  }
  .offcanvas-menu-toggle svg path {
    fill: #003D63 !important;
  }
  
  .offcanvas-menu-toggle {
    display:flex;
    justify-content: end;
  }
  
  .offcanvas-menu-toggle svg {
   width:25px;
    height:auto;
    transition-duration: 0.5s;
    fill:#003D63;
  }
  
  .site-header.inverse-text *, .sticky-header.inverse-text * svg {
    fill:black !important;
  }
  .site-header .navigation .hs-menu-wrapper > ul, .sticky-header .navigation .hs-menu-wrapper > ul a {
    color:black !important;
    
  }
  
  
  .site-header.site-header-default .navigation-bar__section > :not(:last-child), .sticky-header .navigation-bar__section > :not(:last-child) img {
    
  }
 
  
  .site-header.inverse-text *, .sticky-header.inverse-text * {
    padding:0px auto;
  }
  
 #hs_cos_wrapper_dnd_area-module-2 .block-heading__hint {
    color: #00ABE5;
  }
  .dnd-section > .row-fluid {
      margin: 0px 0px;
  }
  menu color
  .offcanvas-menu-toggle svg path{
    fill: #003D63 ;
  }
    .member__image::before {
      border: 2px solid #EE7203;
    }

  @media (max-width: 767px) {
    .dnd-section .dnd-column {
      padding: 0px 0px !important;
    }
    .site-header, .site-header.site-header-default, .sticky-header {
      padding:5px 10px;
    }

/*
img.hs-image-widget {
    width: 150px !important;
}
*/


    .align-item-center{
      height:10vh;
    }
    
    .heroimage{
      width:90%;
      
    }
  }