/*======================================
Theme Name: Direct Building Products
Theme URI: https://divicake.com/
Description: The Direct Building Products WordPress theme is specifically designed for Direct Building Products, providing a professional platform to showcase their extensive range of building materials and services. With a responsive design for mobile and tablet use, this theme streamlines material sourcing while enhancing customer relationships.
Version: 1.0
Author: Click Convert Marketing
Author URI: https://clickconvertmarketing.com/
Template: Divi
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */

.products-grid {display:flex; flex-wrap:wrap; justify-content: space-between;}
.product-item {width:30%; padding:20px; border:1px solid #000; border-radius:10px; }
.product-item img {width:100%; height:100%; object-fit:cover; }
.product-item .product-title {font-size:18px; font-weight:bold; margin-top:10px; }
.product-item .product-price {font-size:16px; font-weight:bold; margin-top:10px; }
.product-item .product-stock-status {font-size:14px; font-weight:bold; margin-top:10px; }
.product-item .product-stock-status.in-stock {color:green; }
.product-item .product-stock-status.out-of-stock {color:red; }
.product-item .product-stock-status.low-stock {color:orange; }
.product-item .product-stock-status.backorder {color:purple; }
.product-item .product-stock-status.discontinued {color:gray; }
.product-item .product-stock-status.on-backorder {color:brown; }
.product-item .product-stock-status.on-backorder {color:brown; }

.ps-product .container, .ps-content .container, .ps-service-strip .container{width: 90%; max-width: initial;}

.ps-product .product-landing-wrapper{display: flex; gap: 26px; flex-wrap: wrap; margin-top: 36px; align-items: flex-start;}

.ps-product .product-image-section{width: calc(50% - 13px); border: 1px solid rgba(222, 222, 222, 1); border-radius: 5px; overflow: hidden;}

.ps-product .product-details-section{padding-right: 80px; width: calc(50% - 13px);}

.ps-product .product-title{font-weight: 700; color: #1773B0; font-size: 34px;}

.ps-product .cart{display: flex; align-items: center; gap: 10px; padding-bottom: 25px; margin-bottom: 20px; border-bottom: 1px solid #D0D0D0;}

.ps-product .cart .quantity-wrapper .quantity{width: 83px;}
.ps-product .cart .quantity-wrapper .input-text{width: 100%; background: none; border: 1px solid #757575; border-radius: 6px; padding: 11px 10px; text-align: center; font-size: 18px;}
.ps-product .cart .quantity-wrapper label{display: none;}

.ps-product .cart button{background: #D4410B!important; flex-grow: 1; padding: 10px 20px!important;}
.ps-product .product-stock-status, .product-item .product-stock-status{margin: 28px 0 15px;}
.ps-product .product-stock-status .in-stock, .product-item .product-stock-status .in-stock{position: relative; padding-left: 30px; color: #4D7A50; font-size: 15px;}
.ps-product .product-stock-status .in-stock:before, .product-item .product-stock-status .in-stock:before{content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.6536 9.10108L17.6566 9.09708C17.9157 8.7954 18.0444 8.40314 18.0143 8.00659C17.9842 7.61005 17.7978 7.2417 17.4961 6.98258C17.3467 6.85428 17.1735 6.75666 16.9864 6.69529C16.7993 6.63392 16.6019 6.61 16.4056 6.62491C16.009 6.65501 15.6407 6.8414 15.3816 7.14308L9.43658 13.9201L7.57858 12.0611C7.43932 11.9218 7.27398 11.8113 7.09202 11.736C6.91006 11.6606 6.71504 11.6218 6.51808 11.6218C6.32113 11.6218 6.12611 11.6606 5.94415 11.736C5.76218 11.8113 5.59685 11.9218 5.45758 12.0611C5.31832 12.2004 5.20784 12.3657 5.13247 12.5476C5.0571 12.7296 5.01831 12.9246 5.01831 13.1216C5.01831 13.3185 5.0571 13.5136 5.13247 13.6955C5.20784 13.8775 5.31832 14.0428 5.45758 14.1821L8.45658 17.1821C8.74558 17.4721 9.13158 17.6221 9.55658 17.6211H9.57558C9.78183 17.6131 9.9842 17.5626 10.17 17.4727C10.3559 17.3829 10.5212 17.2557 10.6556 17.0991L17.6536 9.10108Z' fill='%23108043' stroke='white'/%3E%3Ccircle cx='12' cy='12' r='11' stroke='%234D7A50' stroke-width='2'/%3E%3C/svg%3E%0A"); position: absolute; left: 0; top: -2px;}

.ps-product .product-short-description h3{display: none;}
.ps-product .product-short-description p{font-size: 18px; line-height: 26px; letter-spacing: 4%; color: #121212;}

.ps-product .product-price{color: #121212; font-size: 16px;}

.ps-product .product-price strong{font-weight: 700; font-size: 22px; line-height: 30px; color: #404040;}

.ps-product .dispatch{background: #FFE684; border-radius: 18px; padding: 6px 20px; display: inline-flex; gap: 10px; margin-bottom: 18px;}

.ps-product .dispatch p{font-weight: 600; font-size: 15px; letter-spacing: 3%; color: #121212;}

.ps-product .google-reviews-banner{border: 4px solid #D9D9D9; border-radius: 5px; display: flex; width: 100%; align-items: center; justify-content: center; margin: 0; padding: 13px 20px;}

.ps-product .google-reviews-banner img{max-width: 218px;}

.ps-product .google-reviews-banner div{padding-left: 40px; padding-right: 40px; border-left: 1px solid #D9D9D9;}

.ps-product .google-reviews-banner .quote{color: #1773B0; font-size: 30px; line-height: 38px; font-weight: 700; margin-bottom: 5px; padding-bottom: 0;}

.ps-product .google-reviews-banner .quote_author{color: #404040; font-size: 16px; line-height: 24px; margin-left: 14px;}

.ps-product .related-products h3 {font-weight: 700; font-size: 30px; line-height: 38px; text-align: center; margin-bottom: 20px;}

.ps-product .related-products ul, .products-grid{display: flex; gap: 30px; flex-wrap: wrap; margin-bottom: 40px; list-style: none; padding: 0!important; justify-content: flex-start;}

.products-grid.products-grid--center{justify-content: center;}


.ps-product .related-products ul li, .products-grid .product-item{width: calc(25% - 22.5px); list-style: none;}

.product-short-description ul {list-style-type: disc; padding: 20px 0 23px 1em; line-height: 26px;}
.product-short-description ul li {font-size: 18px;line-height: 26px; color: #121212;}

@media only screen and (max-width: 1100px) {
    
    .ps-product .related-products ul, .products-grid{gap: 20px;}
    .ps-product .related-products ul li, .products-grid .product-item{width: calc(33.333% - 13.333px);}
    
}

@media only screen and (max-width: 800px) {
    
    .ps-product .related-products ul, .products-grid{gap: 20px;}
    .ps-product .related-products ul li, .products-grid .product-item{width: calc(50% - 10px);}
    
}

@media only screen and (max-width: 550px) {
    
    .ps-product .related-products ul, .products-grid{gap: 10px;}
    .ps-product .related-products ul li, .products-grid .product-item{width: calc(50% - 5px);}
    
}

.product-item{text-align: center; border: 1px solid #D9D9D9; border-radius: 5px;}

.product-item .product-title a{border-top: 1px solid #D9D9D9; padding-top: 10px; font-size: 18px; line-height: 22px; display: block; color: #1773B0;}

.product-item .product-title{margin-bottom: 0!important; padding-bottom: 0; width: 100%;}

.product-item .product-price strong{font-size: 16px; line-height: 22px; color: #404040;}

.product-item .product-actions .add-to-cart-button{background: #D4410B!important; font-size: 15px;}

.product-item .product-actions .add-to-cart-button:after{top: 0!important;}

.product-item .product-stock-status{margin-top: 10px;}

.product-item .product-actions .more-button{background: #404040!important; font-size: 15px;}

.product-item .product-actions .more-button:after{top: 0!important;}


@media only screen and (max-width: 550px) {
    
    .product-item .product-title a{font-size: 13px; line-height: 16px;}
    .product-item .product-price strong{font-size: 13px; line-height: 16px;}
    .ps-product .product-stock-status .in-stock, .product-item .product-stock-status .in-stock{position: relative; padding-left: 27px; font-size: 13px; font-weight: 400;}
    .ps-product .product-stock-status .in-stock:before, .product-item .product-stock-status .in-stock:before{transform: scale(0.8); transform-origin: center top;}
    
    .product-item .product-actions .add-to-cart-button{font-size: 13px;}
    .product-item .product-actions .more-button{font-size: 13px;}
    .product-item .product-price{margin-top: 5px;}
    
}

.ps-content .entry-content{width: 90%; max-width: 940px; text-align: center; margin: 50px auto;}

.ps-content .entry-content h1{color: #1773B0; font-weight: 700; font-size: 34px; line-height: 38px;}

.ps-content .entry-content p{font-size: 16px; line-height: 24px; letter-spacing: 4%; color: #121212;}

.ps-content .entry-content p a{color: #1773B0; text-decoration: underline; font-weight: 700;}

@media only screen and (max-width: 700px) {
    
    .ps-content .entry-content{margin: 30px auto; width: 100%;}
    .ps-content .entry-content h1{font-size: 24px; line-height: 32px;}
    
}

@media only screen and (max-width: 1100px) {
    .ps-product .product-details-section{padding-right: 0;}
    
    .ps-product .google-reviews-banner .quote{font-size: 22px; line-height: 28px;}
    .ps-product .google-reviews-banner div{padding-left: 20px; padding-right: 20px;}
    .ps-product .google-reviews-banner .quote_author{margin-left: 0;}
}

@media only screen and (max-width: 700px) {
    .ps-product .product-details-section, .ps-product .product-image-section{width: 100%;}
}

@media only screen and (max-width: 650px) {
    .ps-product .google-reviews-banner{flex-wrap: wrap;}
    .ps-product .google-reviews-banner div{border-left: 0; padding-left: 0; padding-right: 0; border-top: 1px solid #D9D9D9; margin-top: 10px; width: 100%; padding-top: 10px; text-align: center;}
    
    .ps-product .google-reviews-banner .quote{font-size: 18px; line-height: 22px;}
    
    .ps-product .related-products h3 {font-size: 22px; margin-bottom: 0;}
    
    .ps-product .product-title{font-size: 24px;}
    
    .ps-product .product-price{font-size: 14px;}
    .ps-product .product-price strong {font-size: 18px;}
}

.ps-service-strip{background: #3398CA;}

.ps-service-strip .slider .swiper-slide p{color: #fff; font-size: 16px; line-height: 24px; font-weight: 700;}

.ps-service-strip .slider .swiper-slide{display: flex; align-items: center; justify-content: center; gap: 10px; position: relative;}

.ps-service-strip .slider .swiper-slide:after{content: ''; display: block; top: 0; right: 0; height: 100%; position: absolute; display: block; border-left: 1px solid rgba(255, 255, 255, 0.5);}

.ps-service-strip .slider .swiper-slide:first-child{border-left: 1px solid rgba(255, 255, 255, 0.5);}

.ps-service-strip .slider{padding: 16px 1px 16px 0;}

.swiper-button-prev svg path, .swiper-button-next svg path{fill: #fff; transform: scale(0.4); transform-origin: center;}

.swiper-button-prev{left: -5px!important;}

.swiper-button-next{right: -5px!important;}
@media only screen and (max-width: 550px) {
   .ps-service-strip .slider{padding: 4px 1px 4px 0;}
   .ps-service-strip .slider .swiper-slide:first-child{border: 0;}
   .ps-service-strip .slider .swiper-slide:after{display: none;}
}