/*
	Theme Name: Seventy9 Child Theme
	Theme URI: https://www.seventy9.co.uk/
	Description: Seventy9 Child Theme, all changes should be implemented on these files. Originally developed by Scott A. Dixon
	Version: 1.0.1
	Author: Seventy9
	Author URI: https://www.seventy9.co.uk/
	Template: seventy9
	Tags: theme

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/
.dropdown-item.active, .dropdown-item:active {
    background-color: #000362!important;
}
html {
    margin-top: 0!important;
    font-size: 18px;
 

    body {
        font-size: 1rem;
    }
	img {
		max-width: 100%;
	}

    p {
        &:last-child {
            margin-bottom: 0;
        }
    }

    a {
        color:inherit;
        text-decoration: none;
    }

    h1,.h1 {
        font-size: 1.8rem;
    }
    h2 {
        font-size: 1.6rem;
    }
    h2,h3 {
        margin-bottom: 1rem;
        font-weight: bold;
        b,strong {
            text-transform: uppercase;
            color:#000362;
        }
    }

    h3 {
        font-size: 1.5rem;
    }




    .banner {
        overflow: hidden;
        img {
            height: 274px!important;
            object-fit: contain!important;

        }

        &.banner-large {
            figure {
    
                padding: 0px;
                margin: 0 -14px;
            }
            img {
                height: auto!important;
                object-fit: cover!important;
                margin: 0px;
                padding: 0px;
                  height: 400px!important;
            }
        }
        @media(min-width:1200px) {
            &.banner-large {
                img {
                     object-fit: contain!important;
                    height: 400px!important;
                }
            }
        }
    }
    .banner .col {
        * {
             text-align: inherit!important;
        }
    }
    .position-relative,.banner {
        h1 {
            font-size: 1.8rem;
           
            strong {
                font-size: 1.8rem;
            }
        }
        @media(min-width:767px) {
            h1 {
                font-size: 2.5rem;
            
                strong {
                    font-size: 2.5rem;
                }
            }
        }
    }

    ul {
        margin: 0;
        padding: 0;
        li {
            margin: 0 0 0 1em;
            padding: 0;
        }
    }

    form {
        textarea {
           
            height: 200px;
            @media(min-width:992px) {
                height: 560px;
            }
        }
    }
    .single-product {
        p {
            margin-bottom: 0;
        }
        h2 {
            margin-top: 1.5rem;
            margin-bottom: 0.5em;
            padding-bottom: 0.25em;
            font-size: 1rem;
            color:#000;
            border-bottom:1px solid var(--heading-colour);
        }
    }
}




.saw-table{
    /* margin-top: 2rem; */
      
    font-size: 0.9rem;
    border:1px solid #ccc;
    tr:nth-child(2n) {
        background-color: #f0f0f0;
    }
    td,th {
        min-width: 50px;
        padding: 5px;
    }
    thead{
        background-color: #000362;
        color: #fff;
    }
    
    
}
#nav-logo {
    max-height: 70px;
}

#nav-area {
    a {
        color:#fff;
        font-weight: bold;
    }

    .nav-link {
        position: relative;
        padding-block:15px;
       
        &:hover,&:focus {
            color:var(--primary-colour)!important;
        
        }
        &:hover,&:focus,&.active {
            &:after {
                transition: 0.5s ease all;
                opacity: 1;
            }
        }
        &:after {
            opacity: 0;
            content: "";
            height: 1px;
            margin-top: -5px;
            position: absolute;
            top:100%;
            left:0;
            right:0;
            z-index: 1;
            border-bottom: 3px solid var(--primary-colour);
        }
    }
  

    #navbar {
        width: 100%;
        justify-content: flex-end;
    }

    #menu-main {
        column-gap: 30px;
    }

    .navbar {
        padding-block:20px;
    }

    .mx-auto {
        margin: 0!important;
    }

    .dropdown-item {
        padding-block:10px;
    }

    @media(min-width:1199px) {
       .dropdown-item {
            padding-block:5px;
        }
        .nav-link {
            padding-block:10px;
            &:after {
                left: var(--bs-navbar-nav-link-padding-x);
                right: var(--bs-navbar-nav-link-padding-x);
            }
        }
    }
}



.theme-0 {
    background-color:#fff;
}

.theme-1 {
    background-color: var(--primary-colour);
    color:#fff;
}

.theme-2 {
    background-color: var(--secondary-colour);
    color:#fff;
}

.theme-3 {
    background-color: var(--secondary-colour);
    color:var(--primary-colour);

    h1,h2,h3 {
        font-weight: 900;
    }
}

.theme-banner {
    background-color:#e7e7e7;
    color:#000;
}

.colour-1 {
    color: var(--primary-colour)!important;
}
.colour-2 {
    color: var(--seconadry-colour)!important;
}

.cover {
    aspect-ratio: 3.3;
    min-height: 500px;
    max-width: 100%;
}
.position-relative {

    color:#fff;

    &:has(.position-relative__image-background) {
        /* height: 700px; */
  
       
    }
    &.small:has(.position-relative__image-background) {
        height: 450px;
    }
    

    .position-relative__image-background {
        position: absolute;
        top:0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .d-flex {
        flex-direction: column;
        align-items: center;
        height: 100%;
        z-index: 1;
        position: relative;
        padding-bottom: 60px;
    }
}

.feature-wrapper {
    margin-top: 30px;
    position: absolute;
    top: 0px;
    left: 0;
    margin:0;

    h2 {
        font-size: 1.2rem;
    }

    h1,h2,h3,h4,p {
        margin-bottom: 0px;
    }

    .feature {
        background-color: #000362;
        color:#ff830a;
        padding: 8px 95px 8px 20px;
        font-weight: bold;
        font-size: 1.2rem;
        margin-left: -7px;
        display: inline-block;
        /* clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 100%, 0% 100%); */
        clip-path: polygon(0 0, 100% 0, calc(100% - 30px)  100%, 0% 100%);
    }
}

.product-thumb {
    img {
        height: 300px!important;
        width: 100%!important;
        object-fit: contain!important;
    }
}
.post-type-archive {
    .product-thumb {
    img {
          object-fit: cover!important;
        }
    }
}

.cta-wrapper.right{
    display: flex;
    justify-content: flex-end;

    .cta {
        clip-path: polygon(30px 0, 100% 0, 100%  100%, 0% 100%);
        padding: 5px 20px 5px 35px ;
    }
}
.cta {
    background-color: #000362;
    color:#ff830a;
    padding: 5px 95px 5px 20px;
    font-weight: bold;
    font-size: 0.9rem;
    margin-left: -7px;
    display: inline-block;
    /* clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 100%, 0% 100%); */
    clip-path: polygon(0 0, 100% 0, calc(100% - 30px)  100%, 0% 100%);

    a {
        color:inherit!important;
    }
    &:hover,&:focus {
        background-color: #ff830a;
        color: #fff !important;
    }
}
.wc-block-components-button__text {
    text-align: left!important;
}
.wc-block-components-button,.button.product_type_simple {
    background-color: #ff8207!important;
    border-radius: 30px!important;
    padding:15px 25px!important;
    color: #fff!important;

    /* background-color: #000362!important;
    color: #ff830a!important;
    font-weight: bold!important;
    font-size: 0.9rem!important;
    margin-right: 15px!important;
    margin-bottom: 5px!important;
    display: inline-block!important;
    clip-path:  polygon(0px 0px, 100% 0px, calc(100% - 30px) 100%, 0% 100%)!important;
    padding: 12px 35px 12px 20px !important;

    &:hover,&:focus {
        background-color: #ff830a!important;
        color: #fff!important;
    } */
     
}
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link){
    min-height: 2em!important;
}
.wc-block-components-checkout-place-order-button{
    padding: 12px 25px 12px 35px!important;
    border:0;
    font-weight: bold;
}
.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row{
    justify-content: flex-start!important;
    align-items: flex-start!important;
    @media(min-width:992px) {
        justify-content: flex-end!important;
        align-items: flex-start!important;
    }
}
.
.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button{
    width: auto!important;
}
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link){
    font-weight: bold;
    width: 100%;
    &:after {
        content: "";
        background-size: contain;
        background-position: center left;
        width: 25px;
        height: 30px;
        margin-left: 5px;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'><g transform='scale(-1,1) translate(-24,0)'><path d='M20 11.2H6.8l3.7-3.7-1-1L3.9 12l5.6 5.5 1-1-3.7-3.7H20z'/></g></svg>");
    }
    &:hover,&:focus {
        
        &:after {

             background-image:  url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23ff8207' viewBox='0 0 24 24'><g transform='scale(-1,1) translate(-24,0)'><path d='M20 11.2H6.8l3.7-3.7-1-1L3.9 12l5.6 5.5 1-1-3.7-3.7H20z'/></g></svg>");
        }
    }

    @media(min-width:767px) {
        width: auto;
    }

}

.wc-block-components-checkout-return-to-cart-button svg{
    left: auto;
    margin-left: -35px;
}

.wc-block-components-checkout-return-to-cart-button {
    background-color: #ff830a!important;
    color: #fff!important;
    text-align: center;
    font-weight: bold!important;
    /* font-size: 0.9rem!important; */
    margin-right: 15px!important;
    margin-bottom: 5px!important;
    /* width: 50%; */
    /* clip-path:  polygon(0px 0px, 100% 0px, calc(100% - 30px) 100%, 0% 100%)!important; */
    padding: 13px 35px 13px 50px !important;
    border-radius: 30px;

    svg {
        margin-left: 15px;
    }

    &:hover, &:focus {
        background-color: #000362 !important;
        color: #ff830a !important;
    }
}

.wc-block-components-button {
    &:hover, &:focus {
        background-color: #000362 !important;
        color: #ff830a !important;
    }
}


.wc-block-checkout__actions_row {
    @media(max-width:767px) {
        flex-direction: column!important;

        >* {
            width: 100%!important;
        }
    }
}
.products.columns-2{
    justify-content: space-between;
}
.woocommerce-error {
    background-color: #ff830a!important;
    color: #fff!important;

    &:before {
        filter: brightness(10000%);
    }

    li {
        display: flex;    
        flex-direction: column;  
        column-gap: 15px;
        @media(min-width: 767px) {
            flex-direction: row;
        }
    }

    .button.wc-forward{
        /* float: left!important; */
        margin-top: 10px;
        background-color: #000362;
        clip-path:  polygon(0px 0px, 100% 0px, calc(100% - 30px) 100%, 0% 100%)!important;
        min-width: 170px;
       
    }
}

.added_to_cart.wc-forward {
    background-color: #ff830a !important;
    color: #fff !important;
    font-weight: bold !important;
    font-size: 0.9rem !important;
    display: inline-block !important;
    /* clip-path:  polygon(0px 0px, 100% 0px, calc(100% - 30px) 100%, 0% 100%)!important; */
    padding: 13px 25px !important;
    border-radius: 30px !important;
    &:hover, &:focus {
        background-color: #000362 !important;
        -color: #ff830a !important;
    }
  }


.woocommerce-checkout  {
    .wp-block-woocommerce-checkout  {
        max-width: 1320px;
        margin: 0 auto;
        margin-bottom: 3rem;
    }
}

#body .woo-product-title {
    margin-block: 0 0.5em;
    /* min-height: 60px; */
}
.price {
    font-size: 1rem!important;
}
.product-meta {
    font-size: 0.85rem;
}
.small {
    font-size: 0.7rem;
}
.saws-direct-product-wrapper {
    background-color: #fff;
    position: relative;
    margin-top: 0px;
    /* margin-top: 30px; */
    box-shadow: 0px 0px 2px #3339;
    padding: 110px 40px 90px;
    min-height: 680px;

    p {
        margin-bottom: 0;
    }

    .product-meta {
        display: inline-block;
        min-height: 50px;
    }

    .price {
        color:#ff830a;
        margin-bottom: 0!important;
        margin-top: 0.5rem;
        font-size: 1rem;
    }
    .woo-product-title {
        font-size: 1.3rem;
        /* min-height: 60px; */
    }

    .feature-wrapper {
        top:30px;
    }

    .cta-wrapper{
        margin-top: -15px;
        margin-right: -7px;
        position: absolute;
        bottom: 30px;
        right: -0px;
    }

    @media(max-width:1400px) and (min-width:992px) {
        .woo-product-title {
            min-height: 60px;

        }
    }
}


#body {
    .woocommerce-page ul.products li.product {
        width: calc(33.333% - 20px)!important;
        margin: 0 20px 2.992em 0!important;
        border:1px solid #000!important;
    }
}


.woocommerce ul.products li.product{
    justify-content: space-between!important;
}
.products.columns-4,.products.columns-3 {
    width: 100%;    
}


.tax-product_cat ul.products {
    justify-content: flex-start!important;

    [data-compact="compact_list"]  {
        .product-thumb {
            aspect-ratio: 1!important;
            width: 100%;
        }
    }
}

.tax-product_cat.woocommerce-page ul.products li.product{
    width: 100%!important;

    /* margin: 0!important; */
    clear:none!important;

 

   
}
.single-product.woocommerce-page ul.products {
  
     @media(max-width:1199px) {
        margin-right: -30px;
        justify-content: space-between;
     }
}

.single-product.woocommerce-page .related.products{
    @media(min-width:768px) {
        display: block;
        margin-right: -30px!important;
    }

}


html body .single-product .products {
    display: block;
    float: left;
    width:100%;
    margin-bottom: 30px!important;


    li.product {
        width: calc(33.33% - 30px) !important;
    }
    display: flex;
    justify-content: center;
    flex-wrap: wrap;

    h2 {
        margin-top: 0;
    }  
   
}
.post-type-archive .products  {
    /* overflow: hidden; */
    /* margin-right: -20px!important; */
    display: flex;
  
  

    align-items: stretch;
    flex-wrap: wrap;
    justify-content: flex-start!important;
    align-items: flex-start;

    &:before,&:after {
        display: none!important;
    }
    

    li {
        height: 100%;
        margin: 0!important;
    }

    .product-thumb{
        height: 300px!important;
        object-fit: contain!important;
    }
    .saws-direct-product-wrapper{
        min-height: 0;
    }
}

.theme-0 {
  
    figure,img {
        height: 100%;
        object-fit: cover;
    }
}
.theme-4 {
    position: relative;
}
textarea {
    max-height: 200px;
}

.theme-4, .theme-5,.theme-6,.theme-7,.theme-8{
    
    &.extended {
        &:after {
                content:"";
                top:0;
                margin-left:-100vw;
                width: 100vw;
                height: calc(100% - 0px);
                background-color: #f0f0f0;
                position: absolute;
        
            
        }
    }
    position: relative;
    &:before {
        content: "";
        top:0;
        position: absolute;
        clip-path: polygon(0 0, 40% 0, 20% 100%, 0 100%);
        background-color: #F0F0F0;
        height: 100%;
        width: 100%;
    }

    .col {
        position: relative;
        z-index: 1;
    }
}


.theme-5 {
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
    &:before {
        top:0;
        clip-path: polygon(86% 0, 100% 0, 100% 100%, 74% 100%);
    }
}

.w-100 {
    width: 100%;
    >img {
        width: 100%;
    }
}

.theme-6 {
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
    &:before {
        top:0;
        clip-path:polygon(0% 0px, 45% -2px, 35% 100%, 0% 100%);
    }

    @media(max-width:992px) {
        &:before {
        clip-path:polygon(0% 5px, 100% -5px, 100% 27.5%, 0% 30%);
        }
    }
}
.theme-7 {
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
    &:before {
        top:0;
        left: 0;
        clip-path:polygon(51.32% 65.66%, 101.4% 158px, 100.05% 99.88%, -18px 100.32%);
    }

    @media(max-width:992px) {
      
    }
}
.theme-8 {
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
    &:before {
        top:0;
        width:113%;

        clip-path: polygon(-0% 0px, 100% 0px, 90% 96%, -0% 95%);
    }
    &:after {
        content:"";
        top:0;
        margin-left:-100vw;
        width: 100vw;
        height: calc(100% - 17px);
        background-color: #f0f0f0;
        position: absolute;

    }

    @media(max-width:1500px) {
        &:before {
            width:105%;
        }
    }
}

.single-product {
    overflow-x: hidden;

    &:before {
        content:"";
       top:200px;
       position: absolute;
       right: 0;
       width: 300px;
       height: 300px;
       background-color: #f0f0f0;
       clip-path: polygon(170px 2px, 100% 0px, 100% 100%, 0% 100%);
    }
}


.picture-wrapper {
    position: relative;
  
    &:hover a{
        .inner {
            p, .row:after {
                background-color: #ff8207;
                color:#fff;
            }
        }
    }

    figure {
        max-width: 100%;
        aspect-ratio:1.5!important;
        width: 100%;
      
    }
    img {
        width: 100%!important;
        height: auto!important;
        aspect-ratio:1.32!important;
        object-fit: cover;
        object-position: center;
    }

    .row {
        margin: 0;
    }

    .inner {
        display: inline-block;
        position: absolute;
        bottom:40px;
        margin-left: -20px;
        margin-right: 5px;

        p, .row:after {
            
            width: auto;
            background-color: #000362;
            color:#ff830a;
            padding: 8px 65px 8px 20px;
            font-weight: bold;
            font-size: 1.2rem;
            margin-left: 0px;
            /* clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 100%, 0% 100%); */
            clip-path: polygon(0 0, 100% 0, calc(100% - 30px)  100%, 0% 100%);
        }

        .row {
            position: relative;
            margin: 0;
            display: inline-block;
            width: auto;

            &:after {
                position: absolute;
                left: calc(100% - 40px);
                white-space: no-wrap;
                content: "View range";
                padding: 4px 20px 4px 40px;
                width: 150px;
                top:30px;
                font-size: 0.8rem!important;
                clip-path: polygon(20px 0%, 100% 0, 100% 100%, 0% 100%);
            }
        }

        

    }

    /* @media (max-width:992px) { */
        figure {
    
            padding: 0;
        }
    /* } */
}

footer {
    h3,h4 {
        font-size: 1.22rem;
        margin-bottom: 1rem;
    }

    a {
        &:hover,&:focus {
            color:#ff8207;
        }
    }

    b,strong {
        color:#fff;
        /* font-weight: inherit; */
    }


    .accreditation {
        max-height: 140px;
    }
}


.woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product{
    @media(max-width:992px) {
        
            width: 100%!important;
        
    }
}





  #content-area {
    .container-fluid {
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }
    >.container,>.container-fluid {
        padding-inline: 0;
    }
  }
  #content-area a {
    &:hover,&:focus{
        color:var(--text-colour);
    }
  }


  .icon-wrapper {
    margin-bottom: 1rem;
    position: relative;
    padding-left: 40px;


    span {
        position: absolute;
        left: 0px;
        top:0.2em;
        font-size: 1.2em;
    }
  }


  .woocommerce {
    .container-fluid {
        max-width: 1320px;
        margin: 0 auto;
    }
  }

  .has-large-font-size {
    font-size: 2rem;
  }




  
  .product-area {
    border:1px solid #ccc;
    padding: 30px;
    position: relative;
    z-index: 10;

    img {
        margin-bottom: 0!important
    }

    .content-area {
        background-color: #fff !important;
        padding: 20px;
        border-left: 1px solid #ccc;
        z-index: 10;
        position: relative;
        margin: -30px -30px -30px 0;
    }

    .feature-wrapper {
        position: relative!important;
        margin-top:0px!important;
        margin-left: -35px!important;
    }


    .add_to_cart_button {
        display: none!important;
    }

    .attributes-container {
        display: flex;
        flex-wrap: wrap;
        font-size: 0.9rem;
        border:1px solid #000362;
  }

    .attribute-wrapper {
        width: 100%;
        display: flex;
        border-bottom:1px solid #ccc;
    }
    

    .cta-wrapper {
        position: absolute;
        right: -10px;
        bottom:30px;
    }


    .attribute-name {
        width: 180px;
     
        background-color: #f0f0f0;
        padding:5px 15px;
    }

    .attribute-value {

        flex:1;
        padding:5px 15px;
    }  
  }



.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price,.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
    color: var(--heading-colour)!important;
    font-size: 1.2rem!important;
  }



  .vat {
    margin-top: -0.2em;
    font-size: 0.9rem;
    margin-bottom: 1rem;
  }


  .type-product {
    margin-top: 30px;
  }

  .flex-viewport {
    width: 100%;
  }

  .woocommerce div.product div.images .flex-control-thumbs li {
    width: 100%!important;
  }
  .woocommerce div.product div.images .flex-control-thumbs {
    order:-1;
    display: flex;
   
    align-content: flex-start;
    row-gap: 30px;
  
    flex-direction: column;


    flex-direction: row;
    display: flex;
    gap: 20px;
    width: 100%;

  }
  .woocommerce-product-gallery__image.active{
    max-width: 100%;
  }
  .woocommerce div.product div.images.woocommerce-product-gallery {
    display: flex;
    flex-direction: column;
    gap:30px;
  }
  .woocommerce-product-gallery:has(.flex-control-thumbs) .gallery-next, .woocommerce-product-gallery:has(.flex-control-thumbs) .gallery-prev  {
    display: none!important;
}
  .gallery-prev, .gallery-next {

    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
    display: none;
    background: #ff8207;
    border-radius: 50%;
    color: #fff;
    border: none;
    font-size: 2em;
    padding: 0;
    cursor: pointer;
    width: 34px;
    font-size: 1.2rem;
    padding-bottom: 7px;
    aspect-ratio: 1;
    line-height: 0;
    text-align: center;
    box-shadow: 0 0 2px #000;

}
.gallery-prev {
    left:0px;
    
}
.gallery-next {
    right: 0px;
         /* display: none!important; */
}
.woocommerce-product-gallery   {
    @media(min-width:767px) {
           position: sticky!important;
    top:100px;
    }
}

.woocommerce-product-gallery__image {
    display: none;
}
.woocommerce-product-gallery__image.active {
    display: block;
}
.flex-viewport {
    position: relative;
}
/*Wierd rendering bug because of the thumbnails*/
.woocommerce .product .images .flex-viewport  img {
    width: 100%!important;
    object-fit: contain;
    aspect-ratio: 1.2;
}
  @media(min-width:1200px) {
    .woocommerce .product .images .flex-viewport  img {
        
        width: 100%!important;
    }
    .gallery-prev {
        left: 20px;
    }
    .woocommerce div.product div.images .flex-control-thumbs {
        flex-direction: column;
        width: 150px;
        flex-wrap: wrap;
    }
    .woocommerce div.product div.images.woocommerce-product-gallery {
        flex-direction: row;
    }
  }

.flex-control-thumbs li img{
    border:1px solid #ccc;
    opacity: 1!important;
    &.flex-active {
        border:1px solid #ff8207;
    }
}

.zoomImg {
    display: none!important;
}



@media(min-width:1200px) {
    .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
        width: 52%!important;
    }
    .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
        width: 42%!important;
    }
}

.entry-summary {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;

    align-items: flex-start;

    h1 {
        order:-10;
    }
    .price {
        order:-8;
    }
    .vat {
        order:-6;
    }
    .materials+p+.add_to_cart_button, .materials+.add_to_cart_button {
        order:-6;
        margin-bottom: 1rem;
    }
    .materials{
        margin-bottom: 0;
     }

}

.woocommerce-product-gallery__trigger {display: none;}

.post-type-archive-product .breadcrumb-wrapper {

}

.breadcrumb-wrapper {
    margin-bottom: 1rem;
    padding-block:10px;
    background-color: #F0F0F0;
    font-weight: bold;
    color:#000!important;

    a {
        color:#000!important;
        font-weight: 400;
        &:hover,&:focus {
            color:#ff8207;
        }
    }
    nav {
        margin-bottom: 0!important;
        padding-bottom: 0!important;
        color:#000!important;
        display: flex;
        gap:5px;

        :last-child {
            margin-right: 5px;
            display: inline-block;
        }
        /* * {
            margin-right: 10px;
            margin-right: 10px;
        } */
    }
}

#content-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.breadcrumb-wrapper {
    width: 100%;
    order: -1;
}

.type-product {
    width: 100%;
}
@media(min-width:1200px) {
    .flex-control-nav {
        margin-left: -150px!important;
    }
      .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
        width: 52%!important;
      
      }
  
    .woocommerce #content div.product div.images, .woocommerce div.product div.images:has(.flex-control-nav), .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images:has(.flex-control-nav) {
        width: calc(52% - 150px)!important;
        margin-left: 150px;

    }
    .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
        width: 42%!important;
    }
}



.woocommerce-product-gallery__trigger {display: none;}


.breadcrumb-wrapper {
    padding-block:10px;
    background-color: #F0F0F0;
    font-weight: bold;
    color:#000!important;

    a {
        color:#000!important;
        font-weight: 400;
        &:hover,&:focus {
            color:#ff8207;
        }
    }
    nav {
        margin-bottom: 0!important;
        padding-bottom: 0!important;
        color:#000!important;
        display: flex;
        gap:5px;

        :last-child {
            margin-right: 5px;
            display: inline-block;
        }
        /* * {
            margin-right: 10px;
            margin-right: 10px;
        } */
    }
}

#content-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.breadcrumb-wrapper {
    width: 100%;
  order: -1;
}



ol {
    list-style-type: decimal!important;
    margin-left: 1em;

    li {
        margin-bottom: 1rem;
        &:last-child {
            margin-bottom: 0;
        }
        ol {
            padding-top: 1rem;
            li {
                list-style-type:lower-alpha;
            }
        }
    }
}


.dropdown-menu {
    margin-block:0;
    padding-block:0;
    border-radius:10px;
    overflow: hidden;
    background-color: #ff8207;
    border:1px solid #fff;

    li,a {
        &:hover  {
            background-color: #000362;
        }

    }
}
.nav-item {
    margin: 0;
    padding: 0;
}





    .woocommerce .product-category img, .woocommerce-page .product-category img {
        height: 100%!important;
    }
    .breadcrumb-wrapper + div{
        width: 100%;
    }




    .tax-product_cat {
        .button.product_type_simple {
            display: none!important;
        }
    }
    
    .post-type-archive-product.woocommerce-page ul.products.columns-2{
        margin-top: 30px!important;
    }
  
    .wc-block-components-totals-footer-item .wc-block-components-totals-item__label, .wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
    .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__header, table.wc-block-cart-items .wc-block-cart-items__header,.wp-block-woocommerce-cart-order-summary-heading-block {
        font-size: 1rem!important;
    }


    .is-large.wc-block-cart{
        padding-top: 3rem!important;
    }

    .added_to_cart {
        display: flex;
        column-gap: 30px;
        row-gap: 15px;
        flex-wrap: wrap;
    }





    

    .product-area {
        .err {
            display: none;
        }
    }
    .err {
        color:#ff8207;
        font-size: 0.8em;
    }

    .product.type-product {
        float: left;
        &:after {
            content:"";
            width: 100%;
            clear: both;
        }
    }
    .up-sells.upsells.products {
        width: 100%!important;
    }




    html #body {
        #blog-section {
            width:100%;
    
            >div {
                margin: 0px!important;
                padding: 0px!important;   
                >div {
                    margin: 0px!important;
                    padding: 0px!important;   
                    >div {
                        margin: 0px!important;
                        padding: 0px!important;   
                    }
                }
                 
            }
        }
    }


    .blog-post {

        border-bottom:1px solid #ff8207;
        padding-bottom: 1.5rem;

        img {
            width: 100%;
        }

        p{
            color:#000!important;
        }
    
        img {
            border:1px solid #ff8207;
        }
    }

    .pagination {
        display: flex;
        gap:5px;
        margin-bottom: 1.5rem;
    }

    .page-numbers {
        display: inline-block;
        padding: 5px 10px;
        background-color: #444444;
        color: #fff !important;
 
    
        &.current, &:hover, &:focus {
            background: #ff8207!important;
        }
    }
    


    footer {
        li {
            list-style: disc;
        }
        .row {
            margin-right: calc(-.5 * var(--bs-gutter-x))!important;
            margin-left: calc(-.5 * var(--bs-gutter-x))!important;
        }

}
    

.is-large .wc-block-checkout__sidebar {
    top:104px!important;
}

@media(max-width:1200px) {
    .is-large .wc-block-checkout__sidebar.is-sticky{
        width: 100%;
        order: -1;
        position: relative!important;
        top: 0 !important;
        padding: 0;
        margin-bottom: 30px;
    }
    .wc-block-components-sidebar-layout .wc-block-components-main {
        width: 100%!important;
        padding-right: 0px!important;
    }
}


.wp-block-woocommerce-empty-cart-block {
    margin-top: 3rem;

    .wp-block-heading {
        margin-bottom: 3rem;
    }

}



.st-head-row {
  background-color: #000362 !important;
  color: #ff830a !important;
}
.st-key {
    text-align: left;
}

.dropdown-toggle::after{
    border:0!important;
    border-bottom:3px solid #ff830a!important;
    margin-left: 0px;
}

.overlay {
 
    &:after {
        content:"";
        background-color: #000a;
        position: absolute;
        left: 0px;
        top:0;
        height: 100%;
        width: 100%;
    }
}

.woocommerce-product-gallery__wrapper {
    /* transform: none!important; */
}

#navbar {
    order:2;
    /* margin-top: 30px; */
}
.navbar-toggler {
    border:2px solid #fff!important;
    outline: none!important;
    box-shadow: none!important;
}
html .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    outline: none!important;
}



.woocommerce {

    @media (min-width: 576px) {
    .container-fluid {
        max-width: 540px;
    }
    }
    @media (min-width: 768px) {
    .container-fluid {
        max-width: 720px;
    }
    }
    @media (min-width: 992px) {
    .container-fluid {
        max-width: 960px;
    }
    }
    @media (min-width: 1200px) {
    .container-fluid {
        max-width: 1140px;
    }
    }
    @media (min-width: 1400px) {
    .container-fluid {
        max-width: 1320px;
    }
    }
}

#content-area .container {
    .container-fluid, .container {
        padding: 0px!important;
    }
  
}
.has-small-font-size {
    font-size: 0.8rem;
    font-weight: bold;
}
.container-fluid {

  & > .row{
    margin: 0;

}
}

h4.h1 {
    font-size: 1rem;
}
.btn-primary{

    font-weight: bold;
    border:0;
    padding: 12px 25px;
    border-radius: 30px;
    
    &:hover,&:focus {
        color:#ff8207!important;
        background: #000362!important;
    }
}

.cwginstock-subscribe-form {
    margin-top: 1rem;
}
.cwginstock-0outofstock {
    order:-1;
    .panel-primary {
        border-color: #000362!important;
    }
    .panel-heading {
        background: #000362!important;

        h1,h2,h3,h4 {
            margin-bottom: 0px;
            text-align: left!important;
            font-size: 1rem;
        }
    }
    .col-md-12 >.col-md-12 {
        padding: 0px!important;
    }
    .form-group {
        margin-bottom: 0px!important;
    }
    .cwgstock_button{
        border-radius:10px;
        background: #ff8207!important;
        border:0;
        height: auto;
        font-weight: bold;
        padding: 12px 25px!important;
        border-radius: 30px;
        width: auto;
        float: left;
        

        &:hover,&:focus {
            color:#ff8207!important;
            background: #000362!important;
        }
    }



    .center-block {
        input {
            padding-inline: 15px;
            text-align: left!important;
        }
    }
    .cwgstock_output {
        width: 100%;
        display: flex;
        margin-top: 15px;

        * {
            display: block;
            margin-top: 10px;
            color:#000362!important;
        }
    }
    .cwginstock-panel-body {
        background-color: #f0f0f0;
    }
}
.post-type-archive .woocommerce .products ul, .post-type-archive .woocommerce ul.products {
    margin-right: -30px!important;
}





/*ADJUSTMENT STYLING*/
.post-type-archive-product.woocommerce-page ul.products.columns-2 li.product {
    width: calc(33.33% - 30px)!important;
    margin-bottom: 60px!important;
    width: calc(100%)!important;
    @media(min-width:992px) {
         width: calc(50% - 60px)!important;
 
         margin-right: 60px!important;
    }
    @media(min-width:1250px) {
         width: calc(33.33% - 60px)!important;
    }
}
.post-type-archive .products  {
    @media(min-width: 992px) {
        margin-right: -60px!important;
    }
}

.woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product, .columns-4 ul.products li.product {
    @media (min-width: 768px) {
            width: calc(50% - 60px) !important;
            margin-right: 60px!important;
    }
     @media (min-width: 992px) {
            width: calc(50% - 60px) !important;
    }
    @media (min-width: 1199px) {
            width: calc(33.33% - 60px) !important;
    }
}
.products.columns-4{ 
    li {
        margin-bottom: 60px!imp;
    }

}

.tax-product_cat.woocommerce-page ul.products:has(.compact), .products.columns-4 {
    @media(min-width:767px) {
        margin-right: -58px!important;
        width:auto!important;
    }
}
.tax-product_cat.woocommerce-page ul.products li.product{
    @media(min-width:767px) {
        &[data-compact="compact_list"], &:has(.compact) {
          width: calc(50% - 60px) !important;
          margin-right: 60px !important;
        }
    }
    @media(min-width:1200px) {
        &[data-compact="compact_list"],&:has(.compact) {
          width: calc(33.33% - 60px) !important;
          margin-right: 60px !important;
        }
    }
}

.single-product.woocommerce-page ul.products li.product{
    width: calc(100%)!important;
    clear:none;

    @media(min-width:768px) {
        width: calc(50% - 60px)!important;
        margin: 0 60px 0 0!important;
    }
    
    @media(min-width:1199px) {
        width: calc(33.33% - 60px)!important;
        margin: 0 60px 0 0!important;
    }
}

.home .woocommerce.columns-3{
    padding-top: 1px;

  
    @media(min-width:992px) {
        margin-right: -60px!important;
        
    }

    .product {
        clear: none;
    }
}


.woocommerce-order {
    margin-top: 3rem;
    margin-bottom: 3rem;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 576px) {
    .woocommerce-order {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .woocommerce-order {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .woocommerce-order {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .woocommerce-order {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .woocommerce-order {
        max-width: 1320px;
    }
}
.add-to-cart{
    display: none;
}
.add-to-cart:has(.button) {
    display: flex;
    column-gap: 15px;
}

.container {
    @media(min-width:767px) {
        .container-fluid:has(.products) {
            overflow: hidden;
        }
        .container-fluid >.row >.col-xs-12 {
            /* padding: 0!important; */
        }
    }

}
.socials-wrapper {
    grid-area: socials;
    order:2;
    /* margin-top: -1em!important; */
    ul {
        display: flex;
        column-gap:10px;
        list-style: none;
        margin: 0;
        margin: 0;
        padding: 0;
    }
    li {
        list-style: none;
        color:#fff;
        font-size: 1.8rem;
        margin: 0;
        padding: 0;
    }
}

.tax-product_cat {
    .container {
        overflow: hidden;
    }
}

.custom-quantity-add-to-cart {
    
        margin-top: 1rem;
    
    display: flex;
    gap: 10px;
    flex-direction: column;

    input {
        background-color: #fafafa;
        outline:none;
        border:1px solid #000;
        height: 50px;
        padding-inline: 10px;
    }

    @media(min-width:767px) {
        align-items: center;
        flex-direction: row;
    }
}
.cta,.feature-wrapper  {
    .quantity {
        display: none;
    }
}

.cta {
    .custom-quantity-add-to-cart {
        display: none;
    }
}

html .woocommerce ul.products li.product strong {
	display: inline;
	margin-right: 3px;
}

.products  {
    display:flex;
    flex-wrap:wrap;
    align-items:stretch;
}
.saws-direct-product-wrapper {
    height:100%;
}