/* Putting alert box eway styles in here temporarily until I can configure the AusTech source control files with pre-processor */
.modal-footer .btn+.btn {
    margin-right: 5px;
}

#eway-secure-field-expiry {
    max-width: 350px;
}

.eway-credit-card-payment .grid.spacing-bottom.inspectlet-sensitive .grid-row:nth-child(2) {
  margin-top: 10px;
}

.eway-credit-card-payment .grid.spacing-bottom.inspectlet-sensitive .grid-row:nth-child(3) {
  position: relative;
  top: -10px;
}

.customer-token-credit-card-view .alert-box {
  height:auto;
  display: flex;
}

.customer-token-credit-card-view .alert-box:before {
  height:100%;
  padding-top:0px;
  display:flex;
  flex-direction:row;
  align-items: center;
  justify-content: center;
}

.payment-provider-link img {
    display: inline-block;
    float: left;
    max-height: 36px;
    margin: 0 10px 0 0;
}

#eway-secure-cvn-field {
  max-width: 150px!important;
    float: left;
    display: inline-block;
    clear: none;
    margin: 0 5px 5px 0;
}

/* Putting alert box eway styles in here temporarily until I can configure the AusTech source control files with pre-processor */

/*alternating row color for technical table */
.cv-table-2 tr:nth-child(even),
.widget-product-technical-specifications.info-group.product-detail-specs .content-table tr:nth-child(even) {
  background-color: #f2f2f2;
  }
.cv-table-2 td:nth-child(1),
.widget-product-technical-specifications.info-group.product-detail-specs .content-table td:nth-child(1) {
  font-weight: bold;
  }

/* Catalogue card start*/
.catalogue-card {
    /* Add shadows to create the "card" effect */
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    transition: 0.3s;
  display:flex;
  flex-wrap: wrap;
    align-items: center;
  justify-content: center;
    width: 100%;
    padding: 10px 10px;
    margin: 10px 10px;
    height: 100%;
}

/* On mouse-over, add a deeper shadow */
.catalogue-card:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}

/* Add some padding inside the card container */
.catalogue-container {
    padding: 10px 10px;
    height: 100%;
}
.btn-container {
      padding: 2px 16px;
      margin: 10px;
     display: inline-block;
    }

/* Catalogue card end*/

/* video container in article */
.video-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
  justify-content: center;
  align-items: center;
  text-align: center;
}
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
}

/* #346018 START Font update */
@font-face {
  font-family: 'Eurostile-LT-Std-Roman';
  src: url('/Themes/BPDTHEME01/theme-client-updates/fonts/Eurostile-LT-Std-Roman_16313.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

html {
  font-family: 'Eurostile-LT-Std-Roman',Helvetica,Arial,sans-serif;
}

/* #346018 END Font update */

/* change out-of-stock to in-stock icon START*/
.out-of-stock:before {
    background: #71b55e;
}
.out-of-stock:before {
    content: "";
}
/* change out-of-stock to in-stock icon END*/

/* Accordion start */
/* accordion from W3 */
.promo-accordion {
    background-color: #58c1fe;
    border-radius: 5px;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    overflow: hidden;
    border: 1px solid #fff;
    text-align: left;
    outline: none;
    font-size: 15px;
    font-weight: bold;
    transition: 0.4s;
  }
  
  .promo-accordion.active, .promo-accordion:hover {
    background-color: #139ae7;
  }
  
  .promo-accordion:after {
    content: '\f0da';
    font-family: 'Font Awesome 5 Free';

    font-weight: bold;
    float: right;
    margin-left: 5px;
  }
  
  .promo-accordion.active:after {
    content: "\f0d7";
    font-family: 'Font Awesome 5 Free';
  }
  
  .promo-accordion-panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
  }
/* Accordion end */


/* promo accordion details-summary start */
       .promo-accordion-details {
            padding: .75em .75em 0;
            margin-top: 5px;
            
        }
        
        .promo-accordion-summary {	
            font-weight: 600;
            margin: -.75em -.75em 0;
            padding: .75em;
            background: #44baff;
            border-radius: 5px;
    cursor: pointer;
    overflow: hidden;
    transition: 0.4s;
            
        }
        .promo-accordion-summary.active, .promo-accordion-summary:hover {
    background-color: #139ae7;
  }
        
  .promo-accordion-details[open] {
            padding: .75em;
            border-bottom: 1px solid #d4d4d4;
            background-color: #fff;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
        }
        
        .promo-accordion-details[open] summary {
            border-bottom: 1px solid #d4d4d4;
            margin-bottom: 10px;
            
        }
/* promo accordion details-summary end */

/* #f2fafd background */
.bg-lightblue-1 {
  background-color: #d0f2ff;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  
}
.bg-lightblue-2 {
  background-color: #d0f2ff;
padding: 10px;
  margin-top: -10px;
  margin-bottom: 10px;
}

/* Order History - order Search form */
.theme-BPDTHEME01.page-OrderSearch #advanced-search-content .grid-row:first-of-type {
  display: grid;
  grid-template-columns: repeat(5,1fr);
}

@media (max-width:600px) {
  .theme-BPDTHEME01.page-OrderSearch #advanced-search-content .grid-row:first-of-type {
    display: grid;
    grid-template-columns: repeat(1,1fr);
  }
}

/* Header Login link style */
.widget-login-logout.main-header-login {
  display: inline-block;
  color: #fff;
  padding: 15px 10px;
}

.widget-login-logout.main-header-login a {
  color: #fff;
  font-family: "Gotham Book";
  font-size: 16px;
  text-transform: uppercase;
}
.widget-login-logout.main-header-register {
  display: inline-block;
  color: #fff;
  padding: 15px 10px;
}

.widget-login-logout.main-header-register a {
  color: #fff;
  font-family: "Gotham Book";
  font-size: 16px;
  text-transform: uppercase;
}

/* ALIGN CENTER */
  .align-center {
    display: flex;
    text-align: center;
    align-items: center;
    align-content: center;
    justify-content: center;
}

/* REMOVE LINK UNDERLINE */
.link-no-deco {
    text-decoration: none;
    font-weight: bold;
}

/* GENERAL CARD */
.page-card {
    /* Add shadows to create the "card" effect */
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    transition: 0.3s;
    display: block;
    flex-wrap: wrap;
    padding: 1rem 3rem 3rem 3rem;
    margin: 1rem 5rem 5rem 5rem;
}
/* On mouse-over, add a deeper shadow */
.page-card:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}


/* LOLLIE PLAYER */
lottie-player {
    width: 300px;
    height: 300px;
}

@media(max-width:500px){
    .page-card {
        padding: 1rem 2rem;
        margin: 1rem;
    }
    lottie-player {
        width: 150px;
        height: 150px;
    }
}

/* Product variant List */
.product-variant-list-widget .cv-numeric-input{
  display: none;
}
.product-variant-list-widget .data-list-heading .cv-data-zone-2 .data-list-column:nth-child(3){
  display: none;
}

/* Product detail padding margin */
.widget-product-technical-specifications {
  padding: 1em 0;
}

.widget-product-field.info-group.widget-product-field-ProductDescription.product-detail-desc,
.widget-product-field.info-group.widget-product-field-CUS_Applications.product-detail-applications,
.widget-product-field.info-group.widget-product-field-CUS_Compliance.product-detail-compliance {
  padding: 0;
  margin: 10px 0;
}

  /*responsive article table*/
  .article-table {
    border: 1px solid #ccc;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed;
  }
  
  .article-table caption {
    font-size: 1.5em;
    margin: .5em 0 .75em;
  }
  
  .article-table tr {
    border: 1px solid #ddd;
    padding: .35em;
  }
  
  .article-table tr:nth-child(even) {
    background-color: #f2f2f2;
  }

  .article-table th,
  .article-table td {
    padding: .625em;
    text-align: left;
  }
  
  .article-table th {
    font-size: .85em;
    letter-spacing: .1em;
    text-transform: uppercase;
    background-color: #14203F;
    color: #fff;
  }
   
    @media screen and (max-width: 600px) {
    .article-table {
      border: 0;
    }
  
    .article-table caption {
      font-size: 1.3em;
    }
    
    .article-table thead {
      border: none;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px;
    }
    
    .article-table tr {
      border-bottom: 3px solid #ddd;
      display: block;
      margin-bottom: .625em;
    }
    
    .article-table td {
      border-bottom: 1px solid #ddd;
      display: block;
      font-size: .8em;
      text-align: left;
    }
    
    .article-table td::before {

      content: attr(data-label);
      float: left;
      font-weight: bold;
      text-transform: uppercase;
    }
    
    .article-table td:last-child {
      border-bottom: 0;
    }
  }

    /*responsive article table end*/