/* General */

.breadcrumbs {
  margin-top: 3rem;
}

/*product styles*/
.product-brand{
  margin-top:20px;
}
.page-title-wrapper {
  margin-top: 10px;
}
.product-type-items .product-type{

    display:none;
}

.product-types-buttons{

    display: flex;
  flex-wrap: wrap;
}


.product-types-buttons a.active{

    background-color: #000000;
    color: #fff;
    border: 1px solid #000;
}
.product-types-buttons a {
    background-color: #fff;
    color: #000;
    border: 1px solid #000;
    border-radius: 30px;
    padding: 5px 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    text-decoration: none;
    cursor: pointer;
  }

  .product-types-buttons a:hover{
    background-color: #000000;
    color: #fff;
    border: 1px solid #000;
  }

  .product-info-main .grouped h2{
    font-size: 18px;
    font-weight: 400;
    color: #000;
  }

  .product-info-main .grouped .product-item-name {
    font-weight: 500;
  }

  .product-info-main a{

    color: #000;
  }

  .product-info-main .actions{
    /*width:300px;*/
  }

  .product-info-main .action.primary{

    background-color: #346e9e;
    border-radius: 43px;
    font-weight: 600;
    font-size: 16px;
    font-family: 'Poppins';
    text-transform: uppercase;
    transition: all ease 0.2s;
    border-width: 0px;
  } 
  .product-info-main .action.primary:hover{
    background-color: rgba(46,89,131,0.67);
  }



  #description ul>li, #description ol>li {
    margin-left: 36px;
  }

  li.doc {
    list-style: none;
  }

  /*price*/
/*.product-price .price::after{
  content: 'NZD'!important;
  margin-left:5px;

}*/

  
  /*product gallery*/
  .product.media .fotorama__nav-wrap .fotorama_horizontal_ratio .fotorama__img{

    width:100%;
  }

  .product.media .fotorama__thumb-border {
   
    border: 2px solid #1e4edd;

  }

  .product.media .fotorama__active .fotorama__dot {
    background-color: #47c5e1;
    border-color: #4f9acf;
}




  /*product description*/
  .product-description{

    clear:both;
  }
  .product-description p{
      
      font-size: 16px;
      font-weight: 300;
      color: #000;
  }
  .product-description p strong{
    font-size:18px;
  }

  .product-description .attribute{

    padding-top:20px;
  }

  .product-description ul, .product-description ol{

    margin-left:20px;
  }

/*product qty alert message*/

#validation-message-box div.mage-error {
  color: #fff;
  font-size: 14px;
  margin-top: 0;
  padding: 10px 0px;
  background-color: #bf4848;
  text-align: center;
  color: #fff;
  border-radius: 5px;
}

  /*reviews*/
.product-reviews{
  margin-top:0px;
  padding-top: 40px;
  border-top: thin solid #cfcfcf;
}

.product-reviews #product-review-container, #customer-reviews{

  width:90%;
  margin:0 auto;
}

.product-reviews .fieldset .review-legend.legend strong {
  display: inline-block;
  margin-left: 10px;
}
  .product-reviews .review-ratings{
    float:none;
  }
  .product-reviews .block-title {
    overflow: hidden;
    padding-bottom: 20px;
  }
  .product-reviews .review-modal {
    float: right;
    cursor: pointer;
    padding: 10px 20px;
    border: thin solid #000;
  }
  .review-add{
    display:none;
    width: 100%;
  margin: 0 auto;
  }

  .review-close{
    float:right;
    cursor:pointer;
  }
  .product-reviews .rating-label{

      vertical-align: middle;
      padding-right:15px;
      padding-bottom:0px;

  }
  .rating-summary .rating-result > span::before {
    
    color: #1e4edd!important;
  }

  .review-control-vote label::before {
    color: #1e4edd!important;
  }
 .product-reviews .review-title {
    margin: 10px 0 10px;
  }

  .product-reviews .review-form .action.submit.primary {
    background-color: #fff;
    border: thin solid #000!important;
    font-weight: 300;
    
  }

  .product-reviews .review-form .action.submit.primary:hover{
    background-color: #000000;
    border: thin solid #000!important;
    color:#fff;
    font-weight: 300;
    
  }


  /*reviews more/pager*/
  .reviews-show-more{
    display:block;
    width:100px;
    margin:0 auto;
    margin-top:20px;
    margin-bottom:20px;
    border:thin solid #000;
    padding:10px;
    text-align:center;
    cursor:pointer;
    text-align:center;
  }

  .product-reviews .toolbar.review-toolbar{
    border-top:none;
  }

  .product-reviews .toolbar-number{
    display:none;
  }


  /*related products*/
  .block.related{
    margin-top:40px;
  }

  .block.related .block-title strong{
    font-weight:400!important;
    font-size:24px!important;
  } 

  .block.related .product-item .price-box .price-label {
    font-size: 18px;
  }

  .block.related .product-item .minimal-price .price-container{
    display:inline-block;
  }

  .block.related .product-item .minimal-price .price {
    font-size: 18px;
    font-weight: 400;
  }
  .product-image-wrapper {
    overflow:visible !important;
    padding-bottom: 100% !important;
    background-color: #fff;
    
}

  .products-related .product-image-container {

    height: auto;
    width: 100%!important;
}

  .page-layout-1column .block.related .products-grid .product-item {
    width: 24%;
}

.page-layout-1column .block.related .products-grid .product-item-info {
  width: 220px;
}

  /*configurable product*/
  .product-options-wrapper{
    margin-top:20px;
  }
  .product-options-wrapper label span{
    font-size: 16px;
    font-weight: 300;
    color: #000;
  }
  .product-options-wrapper select{
    background:#000;
    height:auto;
    border:thin solid #000;
    border-radius:10px;
    padding:10px;
    color: #fff;
    width:75%;
  }

  .product-add-form .call-to-order p {
    font-size: 130%;
    font-weight: 600;
  }

  /*mobile css*/

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

    .page-layout-1column .block.related .products-grid .product-item {
      width: 32%;
  }

  }

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

    .product-info-main{

      width:80%;
      margin:0 auto;
    }
    .product-info-main .page-title-wrapper .page-title {
      
      font-size: 38px;
    }
    .product-types-buttons a {
      
      font-size: 18px;
    }

    .product-description {
      width: 80%;
      margin: 0 auto;
    }

    .pagebuilder-column{

      margin-bottom:20px;
    }

    .block.related {
      width: 80%;
      margin: 0 auto;
      margin-top:30px;
    }
    
    .page-layout-1column .block.related .products-grid .product-item {
      width: 49%;
      margin-left:1%;
  }

    .product-reviews {
      margin-top: 0px;
      width: 90%;
      margin: 0 auto;
    }


    .product.data.items>.item.title.active {
      margin-bottom: -1px !important; 
    }
  
  }
  
  @media screen and (max-width: 638px) {
    .table-wrapper .table:not(.cart):not(.totals):not(.table-comparison) > tbody > tr {
      display: flex;
      justify-content: space-between;
      align-items: baseline;
    }

    /*product reviews*/
    .product-reviews .block-title {
      text-align: center;
    }
    .product-reviews .fieldset .review-legend.legend strong {
      display: block;
      margin-left: 0px;
    }

    .page.messages{
      position: fixed;
      z-index: 997;
      width: 98%;
      left: 0;
      top:0;
      margin-left: 1%;
    }
}

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

  .product-info-main .page-title-wrapper .page-title {
    font-size: 28px;
}
.product-info-main .grouped h2 {
  margin-top: 5px;
}
  .product-info-main,.product-description,.block.related,.product-reviews{
    width:95%;
  }

  .block.related{

    margin-top:35px;
  }
  .product-reviews .review-modal {
    float: none;
    display: block;
    margin-top: 10px;
  }

  .block.related .block-title{

    text-align:center;
  }
  .page-layout-1column .block.related .products-grid .product-item-info {
    width: 100%;
    text-align:center;
}
.page-layout-1column .block.related .products-grid .product-item-info .product-image-container{
  margin:0 auto;
  display:block;
}
  .page-layout-1column .block.related .products-grid .product-item {
    width: 100%;
    margin-left:0px;
}
}