/* css for user profile dropdown  addded By Madhan */
    
.commerce_my_account-userProfileMenu_userProfileMenu.slds-dropdown-trigger.slds-dropdown-trigger_click.slds-grid{
    float:right !important;
}

.dropdown-ctn.commerce_my_account-userProfileMenu_userProfileMenu {
    background: white !important;
    border: 1px solid lightcyan;
}

a.profile-menu-item.commerce_my_account-userProfileMenu_userProfileMenu {
    background: white !important;
    color: black !important;
}

/*endeded */

.slds-popover_tooltip {
    background-color: #7D7D7D !important;
}

.slds-modal__header .slds-icon-text-default, .slds-modal__container .slds-icon_small  {
    --sds-c-icon-color-foreground-default: white !important;
    fill: white !important;
}

commerce_my_account-userProfileMenu_userProfileMenu {
    background: white !important;
    color: black !important;
}

.input-label-font .slds-form-element__label {
     font-weight: bold;
 }
.display-card .slds-card {
    background: #f8f8f8 !important;
    border-radius: 10px !important;
    border-color: #ababab !important;
    margin-bottom: 10px;
    padding:10px;
}

b2b_search_suggestions-input .input-icon-container {
    background: white !important;
}

.icon-color.commerce_my_account-userProfileMenu_userProfileMenu {
    --sds-c-icon-color-foreground-default: white !important;
}

/*commerce_builder-user-profile-menu {
    position: absolute !important;
    right: 15px !important;
}*/

commerce_product_details-gallery-image.commerce_product_details-gallery_gallery {
    width: 300px !important;
    height: 300px !important;
}

figure.commerce_product_details-galleryImage_galleryImage {
    border: 1px solid #ababab;
}

.commerce-breadcrumbs_breadcrumbs {
    font-size: 18px !important;
    font-weight: 400 !important;
}

commerce-layout-header header {
    margin-bottom: 35px !important;
    padding-bottom: 0px !important;
    border-bottom: 1px solid #ababab !important;
}

.input-icon-container {
    padding: 0px !important;
}

.carousel.commerce_product_details-carousel_carousel{
    width: 70%;
    margin:auto;
}

commerce_product_details-gallery-image.commerce_product_details-gallery_gallery {
        border: none;
       
}
.image-container[aria-selected=true].commerce_product_details-carousel_carousel {
    border: none;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
}
.component-wrapper-spacer h1.dxp_base-textBlock_textBlock{
    font-size: 28px;
    font-weight : 600;
}
ol.commerce-breadcrumbs_breadcrumbs {
    padding-left: 0px;

}
.Category .slds-button.slds-accordion__summary-action {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}
ol.commerce-breadcrumbs_breadcrumbs {
    padding-left: 0px;

}
.card-body[c-b2bRegistration_b2bRegistration] .slds-card{
            border-radius: 2rem;
 }
.card-body[c-b2bRegistration_b2bRegistration] .slds-card .slds-card__body{
   width: 100%;
   margin: auto;
   max-width: 60%;
}

@media only screen and (max-width: 1517px) {
    .card-body[c-b2bRegistration_b2bRegistration] .slds-card .slds-card__body{
        max-width : 70%
          
    }  
}
 @media only screen and (max-width: 1248px) {
    .card-body[c-b2bRegistration_b2bRegistration] .slds-card .slds-card__body{
        max-width : 80%
          
    }  
}
 @media only screen and (max-width: 1194px) {
    .card-body[c-b2bRegistration_b2bRegistration] .slds-card .slds-card__body{
        max-width : 90%
          
    }  
}
 @media only screen and (max-width: 980px) {
    .card-body[c-b2bRegistration_b2bRegistration] .slds-card .slds-card__body{
        max-width : 100%
          
    }  
}
 @media only screen and (max-width: 574px) {
     .sortBy .slds-dropdown-trigger .slds-dropdown {
         min-width :auto
     }
}
.slds-carousel__content{
height: auto !important;
display: none !important;
}
.slds-carousel__autoplay{
display: none !important;
}



   @font-face {
      font-family: 'B2BSwitzerFont';
      /* Replace myFont with your resource name */
      src: url('{ basePath }/sfsites/c/resource/B2BSwitzerFont') format('woff');
   }
    
   @font-face {
      font-family: 'B2BPasticheGrotesqueFont';
      /* Replace myFont with your resource name */
      src: url('{ basePath }/sfsites/c/resource/B2BPasticheGrotesqueFont') format('woff');
   }

   :root {
      /** set the font for all root/body text **/
      --dxp-g-root-font-family: 'B2BSwitzerFont', sans-serif, arial;
      
      /** set the font for headings **/
      --dxp-g-heading-font-family: 'B2BPasticheGrotesqueFont', sans-serif, arial;
   }
    
    .icon-margin .slds-button__icon {
            margin-bottom: 4px;
    }
    .column-content[dxp_layout-column_column] {
 
    position: relative;
}