/* --------------------------------------------------------------------------
Layout
*/


.legal-consent-container ~ .hs_recaptcha {
  margin-bottom: 1rem;
}

.container-fluid.banner-area {
  padding-right: 0;
  padding-left: 0;
}



/* --------------------------------------------------------------------------
Logos
*/

.header-logo.edge-logo.old-edge-logo {
  top: 0;
  padding: .75rem 0;
  left: 0;
}
@media (min-width: 1200px) {
  .header-logo.edge-logo.old-edge-logo {
    top: 0;
/*     width: 195px; */
    padding-top:.85rem;
    padding-bottom: .5rem;
  }
}


/* --------------------------------------------------------------------------
Modifiers
*/


.align-right {
  text-align: right;
}
.align-left {
  text-align: left; 
}
.align-center {
  text-align: center;
}



/* --------------------------------------------------------------------------
course carousel
*/

.product-slideshow-container {  
  overflow: hidden;
}
.product-slideshow {
  left: 3px;
}
.product-item-content {
  border: 1px solid #e3e3e3 !important;
  box-shadow:#2d3e501f 0px 1px 5px 0px !important;
  border-radius: 4px;
  display: block;
  margin-right: 2rem;
  min-height: 350px;
}
.product-item-content .product-image {
  border-radius: 4px 4px 0 0 !important;
}
.product-item-content .product-info {
  padding: 1rem;
}
.product-item-content h4 {
  text-transform: none;
  margin-top: 0;
  color: #333 !important;
}
p.product-description, a .product-info {
  font-size: 14px !important;
  line-height: 1.4 !important;
  margin-bottom: 0 !important; 
  color: #333 !important;
}
.product-item-content:hover {
  background-color: #37147d !important;
  color: #fff !important;
  text-decoration:none;
}
.product-item-content:hover p.product-description,
.product-item-content:hover h4 {
  color: #fff !important;
  text-decoration:none !important;
}
a.product-item-content {
  text-decoration: none;
}

/* --------------------------------------------------------------------------
buttons
*/

.btn.btn-primary, .btn.btn-secondary {
  text-transform: none;
  font-size: 18px;
  font-weight: bold;
}
.btn.btn-primary.btn-grey-solid {
  background-color: #435A68 ;
  color: #fff !important;
  border: 1px solid #435A68;
}
.btn.btn-primary.btn-grey-solid:hover {
  background-color: #fff;
  color: #FBBA2B !important;
  border: 1px solid #fff;
}
.btn.btn-primary.btn-yellow {
  background-color: #fff ;
  color: #FBBA2B  !important;
  border: 1px solid #FBBA2B ;
}
.btn.btn-primary.btn-yellow:hover {
  background-color: #435A68;
  color: #fff !important;
}
.btn.btn-block {
  text-align:center;
  display: block;
}

/* --------------------------------------------------------------------------
CTA button row
*/

.cta-button-row {
  margin-left: auto !important;
  margin-right: auto!important;
  padding: 80px 0 ;
  text-align: center;
}

@media (max-width: 768px){
  .cta-button-row {

    padding: 40px .875rem ;

  }
  .cta-buttons a {
    display: block;
    margin-bottom: 1rem;
  }

/* --------------------------------------------------------------------------
Banner CTA Box
*/

.cta-form-embed div.input {
    width: 100% !important;
}




/* --------------------------------------------------------------------------
Blog
*/

.more-link-blog {
  display: none;
}
.blog-list {
  min-height: 600px;
}
.blog-featured-image {
  max-width: 800px;
}
.blog-featured-image img {
  max-width: 100%;
}
article.related-articles {
  height: 325px;
}
.pagination-section {
  border-top: 1px solid #ccc;
  padding-top: 1rem;
  margin-top: 1rem;
}



/* --------------------------------------------------------------------------
Headers
*/

.site-header-top {
  width: 100% !important; 
}
.site-header-top::before {
  background: none !important;
  width: 100% !important;
}

body.scroll-header .header-logo{
  width: 130px;
}


.landing-category-header {
  padding: 27px 0 21px 0 !important;
  background-color: #37147d !important;
  color: #fff  !important;
  margin: 0 0 1rem 0 !important;
}

.landing-category-header h1 {
  margin-bottom: 0  !important;
  margin-top: 0  !important;
  line-height: 1  !important;
  padding-left: 12px;
  padding-top: 0 !important;
  color: #fff !important;
}





/* --------------------------------------------------------------------------
language switcher
*/


.header__language-switcher {
 cursor:pointer;
 padding-right:1.4rem
}
.header__language-switcher .lang_switcher_class {
 position:static
}
.header__language-switcher .lang_list_class {
 border:2px solid;
 border-radius:3px;
 box-shadow:0 2px 9px 0 rgba(0,0,0,.2);
 display:block;
 left:calc(100% - 24px);
 opacity:0;
 min-width:100px;
 padding-top:0;
 text-align:left;
 top:100%;
 transition:opacity .3s;
 visibility:hidden
}
.header__language-switcher:focus .lang_list_class,
.header__language-switcher:hover .lang_list_class {
 opacity:1;
 transition:opacity .3s;
 visibility:visible
}
.header__language-switcher .lang_list_class:before {
 left:70%;
 top:-25px
}
.header__language-switcher .lang_list_class:after {
 left:70%;
 top:-22px
}
.header__language-switcher .lang_list_class.first-active:after {
 top:-22px;
 transition:.3s
}
.header__language-switcher .lang_list_class li {
 border:none;
 font-size:18px;
 padding:.35rem .7rem
}
.header__language-switcher .lang_list_class li:first-child {
 border-radius:6px 6px 0 0;
 border-top:none
}
.header__language-switcher .lang_list_class li:last-child {
 border-bottom:none;
 border-radius:0 0 6px 6px
}
.header__language-switcher .lang_list_class li:hover {
 transition:background-color .3s
}
.header__language-switcher--label {
 display:flex;
 position:relative
}
.header__language-switcher--label-current {
 align-items:center;
 display:flex;
 font-size:.75rem;
 margin-bottom:.175rem;
 margin-left:.7rem
}
.header__language-switcher--label-current:after {
 border-left:4px solid transparent;
 border-right:4px solid transparent;
 border-top:6px solid #494a52;
 content:"";
 display:block;
 height:0;
 margin-left:.7rem;
 margin-top:.175rem;
 width:0
}
@media (max-width:767px) {
 .header__language-switcher {
  border-top:2px solid #ced4db;
  padding-left:1.05rem;
  padding-right:0
 }
 .header__language-switcher .lang_list_class {
/*   border:none;
  box-shadow:unset;
  display:block;
  left:30px;
  opacity:1;
  padding:0 1.05rem;
  top:0;
  visibility:visible */
 }
  
  .header__language-switcher .lang_list_class {
    border:2px solid;
    border-radius:3px;
    box-shadow:0 2px 9px 0 rgba(0,0,0,.2);
    display:block;
    left:calc(100% - 24px);
    opacity:0;
    min-width:100px;
    padding-top:0;
    text-align:left;
    top:100%;
    transition:opacity .3s;
    visibility:hidden
  }

  
 .header__language-switcher .lang_list_class li {
  background-color:inherit;
  font-size:.917rem
 }
  
 .header__language-switcher--label-current {
/*   display:none */
 }
 .header__language-switcher .globe_class {
/*   background-image:none */
 }
 .header__language-switcher .lang_list_class li:hover {
  background-color:inherit
 }
 .header__language-switcher .lang_list_class:after,
 .header__language-switcher .lang_list_class:before {
/*   content:none */
 }
  
  .header__language-switcher .globe_class {
    background-image: url(//static.hsappstatic.net/cos-LanguageSwitcher/static-1.11/img/globe.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    width: 20px;
    height: 20px;
    cursor: pointer;
  }
  .header__language-switcher--label {
   display:flex;
   position:relative
  }
  .header__language-switcher--label-current {
   align-items:center;
   display:flex;
   font-size:.75rem;
   margin-bottom:.175rem;
   margin-left:.7rem
  }
  .header__language-switcher--label-current:after {
   border-left:4px solid transparent;
   border-right:4px solid transparent;
   border-top:6px solid #494a52;
   content:"";
   display:block;
   height:0;
   margin-left:.7rem;
   margin-top:.175rem;
   width:0
  }
  
}



#nav-toggle {
 display:none
}
.block-system-breadcrumb-block {
  position: relative;
}

.header__language-switcher {
 cursor:pointer;
 padding-right:1.4rem;
  display: inline-block;
  position: absolute;
  top: 0;
  right:0;
}
.header__language-switcher .lang_switcher_class {
 position:static
}
.header__language-switcher .lang_list_class {
 border:2px solid;
 border-radius:3px;
 box-shadow:0 2px 9px 0 rgba(0,0,0,.2);
 display:block;
 left:calc(100% - 24px);
 opacity:0;
 min-width:100px;
 padding-top:0;
 text-align:left;
 top:100%;
 transition:opacity .3s;
 visibility:hidden
}
.header__language-switcher:focus .lang_list_class,
.header__language-switcher:hover .lang_list_class {
 opacity:1;
 transition:opacity .3s;
 visibility:visible
}
.header__language-switcher .lang_list_class:before {
 left:70%;
 top:-25px
}
.header__language-switcher .lang_list_class:after {
 left:70%;
 top:-22px
}
.header__language-switcher .lang_list_class.first-active:after {
 top:-22px;
 transition:.3s
}
.header__language-switcher .lang_list_class li {
 border:none;
 font-size:18px;
 padding:.35rem .7rem
}
.header__language-switcher .lang_list_class li:first-child {
 border-radius:6px 6px 0 0;
 border-top:none
}
.header__language-switcher .lang_list_class li:last-child {
 border-bottom:none;
 border-radius:0 0 6px 6px
}
.header__language-switcher .lang_list_class li:hover {
 transition:background-color .3s
}
.header__language-switcher--label {
 display:flex;
 position:relative
}
.header__language-switcher--label-current {
 align-items:center;
 display:flex;
 font-size: 16px;
font-weight: 500;
color: #435a68;
 margin-left:.7rem
}
.header__language-switcher--label-current:after {
 border-left:4px solid transparent;
 border-right:4px solid transparent;
 border-top:6px solid #494a52;
 content:"";
 display:block;
 height:0;
 margin-left:.7rem;
 margin-top:.175rem;
 width:0
}

@media (max-width:767px) {
 .header__language-switcher {
  border-top:2px solid #ced4db;
  padding-left:1.05rem;
  padding-right:0
 }
 .header__language-switcher .lang_list_class {
  border:none;
  box-shadow:unset;
  display:block;
  left:30px;
  opacity:1;
  padding:0 1.05rem;
  top:0;
  visibility:visible
 }
 .header__language-switcher .lang_list_class li {
  background-color:inherit;
  font-size:.917rem
 }
 .header__language-switcher--label-current {
  display:none
 }
 .header__language-switcher .globe_class {
  background-image:none
 }
 .header__language-switcher .lang_list_class li:hover {
  background-color:inherit
 }
 .header__language-switcher .lang_list_class:after,
 .header__language-switcher .lang_list_class:before {
  content:none
 }
}