/*
Theme Name: quarkfront
Version: 1.4
*/

 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
  /* IE10+ specific styles go here */  
  .card-deck{flex: 0 0 100%;}
}


body{font-display: swap;}

/*
    CSS Overrides
    =============
*/

/* Override to normalize */
h1 {
  font-size: 2.5rem;
}

@media only screen and (max-width: 1024px) {
  .u-header__section .secondary-nav{
    display: none;
  }
}
/*Anamika - Overrides*/

#lang_choice_1{
  background: transparent;
    border: 0;
    color: #fff;
}
#lang_choice_1 option {
    color: #000;
}

.buttons-container-card {
    position: absolute;
    bottom: 23px;
    right: 15px;
    padding-left: 1.5rem;
    /* width: 100%; */
    border-top: 1px solid #e7eaf3;
    margin: auto;
    left: 15px;
    padding-right: 2px;
    padding-top: 10px;
    text-align: right;
}

.u-header__section{z-index: 999;}
.subnav {
    height: 68px;
    display: flex;
    align-items: center;
    background-color: #424242;
    clear: both;
    margin: auto;
    padding: 0.75em 10px;
    width: auto;
    
}


.subnav ul.navbar-nav.u-header__navbar-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}


.subnav li {
    padding: 0 26px;
}

.subnav li .hs-sub-menu li {
    padding: 0;
}


.localnavigation{z-index: 6;}

.LocalNavigation-list .nav-link {
    color: #fff;
}

.c-article__header{display:none;}
.LocalNavigation .navbar{
    padding-bottom: 0;
}

.shadow-custom {
    box-shadow: 0px 5px 10px 0px rgba(140,152,164,.125)!important;
}
.cc-window.cc-banner.cc-type-info.cc-theme-block.cc-bottom.cc-color-override--342980238 {
    background: rgba(0,0,0,.7);
    color: #fff;
    width: 50%;
}
.cc-link {
    color: #fff !important;
    font-weight: bold;
}

/*Nikita - Overrides*/

/* solution pages*/

.gray-area {
    background-color: #F5F5F5;
}

#dp .btn-icon,#ca .btn-icon,#cm .btn-icon,#se .btn-icon,#me .btn-icon {
    height: 20px !important;
    width: 20px !important;
    padding: 9px;
    margin-top: 3px;
}

/*Quark Content Enablement*/
#LocalNavigation a.active {
    color: #377dff;
}

#LocalNavigation a {
    color: #fff;
}
.LocalNavigation-list a.active {
    border-bottom: 4px solid #377dff;
    color: #fff;
}
.ce-modules .LocalNavigation-list {
    justify-content: space-around;
}

/*Pratik - Overrides*/

/*Industries Pages*/

#dp .btn-icon,#ca .btn-icon,#cm .btn-icon,#se .btn-icon,#me .btn-icon {
      height: 20px !important;
      width: 20px !important;
      padding: 9px;
      margin-top: 3px;
}

/*QXP Product Page*/

.custom-slide-parent{
    min-height: 500px;
    max-height: 500px;
    overflow: hidden;
}

.custom-slide{
    /* background-size: 100% 500px;  */
    background-size: cover;
    position: absolute; 
    z-index: -1; 
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; 
}
      
@media only screen and (max-width: 1024px) {
    .custom-slide{
      filter: blur(8px);
      -webkit-filter: blur(8px);
      background-size: cover; 
      position: absolute; 
      z-index: -1; 
      top: 0;
      left: 0;
      bottom: 0;
      right: 0; 
    }

    .custom-slide-parent{
      min-height: 400px;
      max-height: 400px;
      overflow: hidden;
    }

    .bg-content{
        background-color: rgb(0,0,0); /* Fallback color */
        background-color: rgba(0,0,0, 0.4); /* Black w/opacity/see-through */
        z-index: 10;
    }

    .bg-text{
      color: white !important;
      text-align: center;
    }

    .bg-invisible{
      visibility: hidden;
    }

}

/* Home Page */

.c-solution-card__learn-more.outline {
    background: transparent !important;
    color: rgb(0,123,255) !important;
    border: 1px solid rgb(0,123,255);
}

.c-product-section.c-product-ce {
    background: #131515 url("/assets/bg-product-section-ce.png") no-repeat left 0;
    min-height: 650px;
    position: relative;
    top: -1px;
  }
  

  /*Docurated Common Classes*/

.dc-h2::after {
  content: url(/assets/widget.svg) !important; 
  display:inline-block !important;
  height: 30px !important;
  margin-left: 5px !important;
  width: 20px !important;
}
.dc-btn-light {
  border-radius: 0px !important;
  color: #6d296b !important;
  background-color: #f8f9fa !important;
  border-color: #f8f9fa !important;
}
.dc-btn-light:hover {
  color: #6d296b !important;
  background-color: #e2e6ea !important;
  border-color: #dae0e5 !important;
}
.dc-btn-outline-light:hover {
  color: #6d296b !important;
  background-color: #f8f9fa !important;
  border-color: #f8f9fa !important;
}
.dc-btn-outline-primary {
  border-radius: 0px !important;
  color: #6d296b !important;
  border-color: #6d296b !important;
}
.dc-btn-outline-primary:hover {
  background-color: #6d296b;
  border-color: #6d296b !important;
  color:white !important;
}
.dc-btn-primary {
  border-radius: 0px !important;
  background-color: #6d296b !important;
  border-color: #6d296b !important;
  color:white !important;
}
.dc-btn-primary:hover {
  background-color: #944e89 !important;
  border-color: #944e89 !important;
  color:white !important;
}

.dc-btn-warning {
  background-color: #f2af1d !important;
  border-color: #f2af1d !important;
}

/* RESPONSIVE NAV */
.u-hamburger {
  background: none;
  border: 1px solid #444;
  border-radius: 4px;
  padding: 8px 10px 10px;
}

.u-hamburger strong {
  color: #999;
  margin-left: 10px;
  font-size: 20px;
  font-weight: 500;
}

.u-hamburger:hover strong {
  color: #fff;
}

.u-hamburger:hover {
  background: none;
  border-color: #fff;
}

.u-hamburger:hover .u-hamburger__inner, .u-hamburger:hover .u-hamburger__inner::before, .u-hamburger:hover .u-hamburger__inner::after {
  background-color: #fff;
}

.hs-has-sub-menu {
  overflow: visible !important;
}


/* SOLUTION TILES ON HOME */
.c-solutions .c-solutions__card-deck .card {
  border: none;
  transition: all 0.4s ease-in-out;
}

.c-solutions .c-solutions__card-deck .card:hover {
  transform: translateY(-4px);
  box-shadow: 0 0 20px -2px #5d5d5d;
}

@media (max-width: 768px){
/*.btn-primary {
    border-radius: 100px;
    padding: 14px 20px 16px;
    transition: all .2s ease-in-out;
    width: auto;
}*/

#lang_choice_1{
  display: none;
}

.page-template-QXPproductpage .c-solutions {
    display: none;
}

.banner-qxp-resp p span, .banner-qxp-resp p {
    font-size: 13px;
    text-align: center !important;
}

.banner-qxp-resp img {
    width: 300px;
    margin: 10px auto !important;
}

.banner-qxp-resp ul li {
    font-size: 13px;
}
.banner-qxp-resp a.btn {
    width: 39% !important;
    font-size: 13px !important;
}
.banner-qxp-resp .space-1 {
    padding-top: 0 !important;
}

}

a.btn.btn-outline-light:hover {
    color: #000 !important;
}

div#qxpbnavbar-b {
    background: transparent;
}




@media (max-width: 767px) {
  .social {
    padding-top: 10px;
}
  .solution-template .col-lg-5 .float-right {
    float: left !important;
    margin-bottom: 0 !important;
}

.solution-template .col-lg-5 {
    order: 1 !important;
    padding: 2rem;
    margin-bottom: 0 !important;
}

.solution-template .col-lg-7 {
    padding: 2rem;
    margin-bottom: 0 !important;
}

.solution-template .col-lg-7 img {
    margin-bottom: 0 !important;
}

.solution-template .space-2 {
    padding: 0 !important;
}
#navBar.show .hs-mega-menu, #navBar.show .hs-sub-menu {
    position: relative;
    top: 0;
    left:0 !important;
}
.mobile-nav-toggle .hs-mega-menu, .mobile-nav-toggle .hs-sub-menu {
    display: block !important;
    visibility: visible;
}
.localnavigation .mobile-nav-toggle .hs-sub-menu {
    position: relative;
    background: rgba(0, 0, 0, 0.3);
}
}

#navBar .u-header__section .navbar-expand-md .u-header__navbar-nav .u-header__nav-link{
  font-size: 18px;
    font-weight: 400;
}
@media screen and (min-width: 992px) and (max-width: 1085px){
  #qxpnavbar .nav-link, .LocalNavigation li>a, .c-solutions__nav li a, #qxpbnavbar-b .nav-link, .LocalNavigation a {
    font-size: 15px;
  }
}



a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
    cursor: pointer !important;
    color: initial;
}
.nav-link.btn {
    font-size: inherit !important;
}
.btn-icon {
    padding: 0 !important;
}

.ekko-lightbox .modal-dialog {
    margin-top: 10% !important;
    height: 80%;
    margin-bottom: 10% !important;
}

.ekko-lightbox.modal {
    overflow: hidden;
}


@media (min-width: 768px) {
.u-header__section .hs-has-sub-menu:hover .hs-sub-menu , .u-header__section .hs-has-mega-menu:hover .hs-mega-menu {
    display: block !important;
    visibility: visible;
}
.hs-has-sub-menu:hover > a, .hs-has-mega-menu:hover > a {
    background: #fff;
    background-color: #fff;
    color: #000 !important;
}
.localnavigation .hs-has-sub-menu:hover .hs-sub-menu {
    display: block;
    visibility: visible;
}
.localnavigation .hs-has-sub-menu:hover > .nav-link {
    background-color:transparent;
    color:#cacaca !important;
}

}


/*Language Specific*/
[lang=de-DE] #qxpnavbar .nav-link, .LocalNavigation li>a, [lang=de-DE] .c-solutions__nav li a,
 [lang=de-DE] #qxpbnavbar-b .nav-link,
 [lang=fr-FR] #qxpnavbar .nav-link, .LocalNavigation li>a, [lang=fr-FR] .c-solutions__nav li a,
 [lang=fr-FR] #qxpbnavbar-b .nav-link, [lang=fr-FR] .LocalNavigation a {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
@media (min-width: 961px) {}
[lang=fr-FR] .btn {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 158px;
    padding: 10px;
}}

@media (max-width: 960px) {
[lang=de-DE] .btn,[lang=fr-FR] .btn {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 121px;
    padding: 10px;
}


}
[lang=fr-FR] #qxpnavbar .hs-sub-menu li > .nav-link {
    font-size: 13px;
    white-space: normal;
}

@media (max-width: 1020px){
.testimonial-g2{display: none;}
}