/*======================================
Theme Name: Bosal
Theme URI: https://divicake.com/
Description: A divi child theme for <theme_name>
Version: 1.0
Author: Fishgate Advertising
Author URI: https://fishgate.co.za
Template: Divi
======================================*/

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

#page-container {
    overflow: hidden !important;
}

/*Spare Parts Table Styling*/

.home.safari .frzTbl-frozen-columns-wrapper {
    pointer-events: none !important;
}

.frzTbl-scroll-overlay.antiscroll-inner {
    overflow-y: hidden;
    overflow-x: hidden;
}

#product-table .disclaimer-container div.toggle {
    cursor: pointer !important;
}

#product-table .wcpt-heading-row,
#product-table .wcpt-heading-row th {
    background-color: transparent !important;
}

#product-table .wcpt-heading-row {
    border: 1px solid #2B2B2B !important;
}

#product-table .wcpt-heading-row .wcpt-heading {
    border-bottom: 1px solid #2b2b2b;
}

#product-table .wcpt-heading-row .wcpt-heading .wcpt-text.row-header {
    font-weight: 700 !important;
    color: #2b2b2b !important;
}

/*---Mobile Menu Styling---*/
@media only screen and (max-width: 980px) {

    #bosal-custom-menu {
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
    }

    #bosal-custom-menu .et_pb_menu_inner_container {
        width: 100% !important;
    }

    .et_mobile_nav_menu ul.et_mobile_menu {
        padding-top: 100px !important;
        width: 100% !important;
    }

    .et_mobile_nav_menu .et_mobile_menu li {
        padding: 0 20px 0 20px !important;
        width: 100% !important;
        border-top: none !important;
        border-right: none !important;
        border-bottom: 1px solid #cc0000 !important;
        border-left: none !important;
    }

    .et_mobile_nav_menu .et_mobile_menu li.menu-item a {
        padding: 0 !important;
        margin-bottom: 0 !important;
    }

    .et_mobile_nav_menu .mobile_menu_bar .dipi_hamburger {
        transform: scale(1.5) translateX(-5px);

    }

    .et_mobile_nav_menu .mobile_menu_bar .dipi_hamburger .hamburger-box .hamburger-inner {
        width: 25px !important;
    }

    .et_mobile_nav_menu .mobile_menu_bar .dipi_hamburger .hamburger-box .hamburger-inner:before {
        width: 25px !important;
    }

    .et_mobile_nav_menu .mobile_menu_bar .dipi_hamburger .hamburger-box .hamburger-inner:after {
        width: 25px !important;
    }


    /* MOBILE SOCIAL ICONS */

    .mobile-social-container {
        width: 60px;
        height: 88px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin: 0 0 0 20px;
        z-index: 999;
    }


    .mobile-social-container a.facebook {
        width: 30px;
        height: 30px;
        margin: 0;
        border-radius: 15px;
        background-color: transparent;
        transition: ease 800ms background-color;
    }

    .mobile-social-container a.facebook span.facebook-icon {
        width: 30px;
        height: 30px;
        display: block;
        position: relative;
        transition: ease 800ms background-color;
    }

    .mobile-social-container a.facebook:hover span.facebook-icon {
        width: 30px;
        height: 30px;
        display: block;
        position: relative;
        border-radius: 15px;
        background-color: #37589b;
        transition: ease 800ms background-color;
    }

    .mobile-social-container a.facebook:hover span.facebook-icon:before {
        content: '\f30c';
        display: block;
        font-family: 'fontello';
        width: 30px;
        height: 30px;
        font-size: 14px;
        line-height: 30px;
        text-align: center;
        color: #ffffff;

    }


    .mobile-social-container a.facebook span.facebook-icon:before {
        content: '\f30c';
        display: block;
        font-family: 'fontello';
        width: 30px;
        height: 30px;
        font-size: 14px;
        line-height: 30px;
        text-align: center;
        color: #666666;
    }

    .mobile-social-container a.facebook:hover span.facebook-icon:before {
        content: '\f30c';
        display: block;
        font-family: 'fontello';
        width: 30px;
        height: 30px;
        font-size: 14px;
        line-height: 30px;
        text-align: center;
        color: #fff;
    }

    .mobile-social-container a.twitter span.twitter-icon:before {
        content: '\f309';
        display: block;
        font-family: 'fontello';
        width: 30px;
        height: 30px;
        font-size: 14px;
        line-height: 30px;
        text-align: center;
        color: #666666;
    }

    .mobile-social-container a.twitter:hover span.twitter-icon:before {
        content: '\f309';
        display: block;
        font-family: 'fontello';
        width: 30px;
        height: 30px;
        font-size: 14px;
        line-height: 30px;
        text-align: center;
        color: #ffffff;
    }

    .mobile-social-container a.twitter {
        width: 30px;
        height: 30px;
        margin: 0;
    }

    .mobile-social-container a.twitter span.twitter-icon {
        width: 30px;
        height: 30px;
        display: block;
        position: relative;
        border-radius: 15px;
        background-color: transparent;
        transition: ease 800ms background-color;
    }

    .mobile-social-container a.twitter:hover span.twitter-icon {
        width: 30px;
        height: 30px;
        display: block;
        position: relative;
        border-radius: 15px;
        background-color: #46d4fe;
        transition: ease 800ms background-color;
    }
}




.wcpt-product-image-wrapper {
    display: block !important;
    margin: 0 auto 0 0 !important;
}

.wcpt-table,
.wcpt-left-sidebar {
    border: 1px solid #666 !important;
}

.wcpt-clear-filters-wrapper,
.wcpt-filter {
    border-bottom: 1px solid #666 !important;
}

.wcpt-product-type-simple {
    border-bottom: 1px solid #666 !important;
}


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

    .wcpt-table,
    .wcpt-left-sidebar {
        border: 0 solid #666 !important;
    }

    .bosal-image-column {
        border-top: 0 solid #666 !important;
    }


}

@media only screen and (min-width: 980px) and (max-width: 1200px) {

    .disclaimer-container {
        min-width: 90% !important;
        width: 90% !important;
    }

}

#product-table .wcpt-row--category-heading,
#product-table .wcpt-single-result-message {
    display: none !important;
}


#product-table .disclaimer-container {
    margin: 0 0 0 0 !important;
}


#product-table .disclaimer ul li a {
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    color: #cc0000;
    line-height: 1.2em;
}


#product-table .disclaimer ul li {
    margin-bottom: 0 !important;
}


#product-table .disclaimer ul li a:hover {
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    color: #cc0000;
    line-height: 1.2em;
    font-weight: 600;
}

#product-table .disclaimer {
    display: block;
    background: transparent;
    color: #2B2B2B;
    padding: 0 20px 4px 20px;
    margin: -2px 0 0 0;
    border-left: 1px solid #666666;
    border-right: 1px solid #666666;
    border-bottom: 1px solid #666;
    border-top: none;
    max-height: 0;
    overflow: hidden;
    opacity: 1;
    transition: all ease 600ms;
    border-radius: 0px 0px 3px 3px;
}

#product-table .disclaimer ul {
    padding-bottom: 0 !important;
}

#product-table .toggle {
    position: relative !important;
    border-radius: 3px 3px 0 0 !important;
    height: 40px !important;
    margin: 0 !important;
    line-height: 40px !important;
    border-top: 1px solid #666 !important;
    border-left: 1px solid #666 !important;
    border-right: 1px solid #666 !important;
    border-bottom: none !important;
    padding: 0 25px 0 10px !important;
    font-family: 'Lato', sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    color: #2B2B2B !important;
    transition: all ease 900ms;
}

#product-table .toggle.active {
    position: relative !important;
    border-radius: 3px 3px 0 0 !important;
    height: 40px !important;
    margin: 0 !important;
    line-height: 40px !important;
    border-top: 1px solid #666 !important;
    border-left: 1px solid #666 !important;
    border-right: 1px solid #666 !important;
    border-bottom: none !important;
    padding: 0 25px 0 10px !important;
    font-family: 'Lato', sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    color: #2B2B2B !important;
    transition: all ease 800ms;
}

#product-table .disclaimer.active {
    display: block;
    background: transparent;
    color: #000;
    overflow: hidden;
    padding: 15px 20px 15px 20px;
    margin: 0 0 0 0;
    border-radius: 0 0 3px 3px;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    opacity: 1;
    max-height: 400px;
    transition: ease all 800ms;
}



/*---Name Column: Additional Info container---*/
.wcpt-item-row .wcpt-excerpt {
    background-color: #E5E5E5;
    border-radius: 3px;
    height: 76px;
    overflow-y: auto;
    min-width: 236px !important;
}

.wcpt-item-row .wcpt-excerpt:hover::-webkit-scrollbar {
    opacity: 1;
    visibility: visible;
    width: 7px;
    background-color: transparent;
}

.wcpt-item-row .wcpt-excerpt::-webkit-scrollbar {
    opacity: 1;
    visibility: visible;
    width: 7px;
    background-color: transparent;
}

.wcpt-item-row .wcpt-excerpt::-webkit-scrollbar-thumb {
    opacity: 1;
    visibility: visible;
    width: 7px;
    border-radius: 4px;
    background-color: #666666;
}

/*---Name Column Attribute container--*/
.wcpt-item-row .wcpt-attribute {
    margin: 0 0 0 0 !important
}

/*---SIDEBAR FILTERS SECTION---*/

.toggle-arrow {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
}

.toggle-arrow:before {
    content: '+';
    width: 20px;
    height: 20px;
    display: block;
    font-family: 'Lato', sans-serif;
    font-size: 20px;
    line-height: 20px;
    font-weight: 300;
    text-align: center;
    color: #000;
    transition: ease all 800ms;
    transform: rotate(0);
}

.toggle-arrow.active:before {
    content: '\2014';
    width: 20px;
    height: 20px;
    display: block;
    font-family: 'Lato', sans-serif;
    font-size: 20px;
    font-weight: 300;
    text-align: center;
    line-height: 20px;
    color: #000;
    transition: ease all 800ms;
}

#product-table .wcpt-left-sidebar .wcpt-filter .wcpt-dropdown-option .wcpt-text {
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    color: #2B2B2B;
}

#product-table .wcpt-left-sidebar .wcpt-filter .wcpt-dropdown-option input[type=radio] {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 15px !important;
    height: 15px !important;
    min-width: 15px !important;
    min-height: 15px !important;
    border: 1px solid #2B2B2B !important;
    border-radius: 50% !important;
    position: relative !important;
    top: 0 !important;
    margin-top: 0 !important;
}

#product-table .wcpt-left-sidebar .wcpt-filter .wcpt-dropdown-option input[type=radio]:checked {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 15px !important;
    height: 15px !important;
    min-width: 15px !important;
    min-height: 15px !important;
    border: 1px solid #2B2B2B !important;
    border-radius: 50% !important;
    position: relative !important;
    top: 2px !important;
}

#product-table .wcpt-left-sidebar .wcpt-filter .wcpt-dropdown-option input[type=radio]:checked:after {
    content: '' !important;
    width: 11px !important;
    height: 11px !important;
    display: block !important;
    position: absolute !important;
    background-color: #B9261B !important;
    border-radius: 50% !important;
    top: 1px !important;
    left: 1px !important;
}

#product-table .wcpt-left-sidebar .wcpt-clear-filter {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    background-color: #F2F2F2;
    border-radius: 3px;
    border: 1px solid #666666BC;
    margin-bottom: 10px;
}

#product-table .wcpt-left-sidebar .wcpt-clear-filter svg {
    order: 2;
    margin-left: auto;
    stroke: #666666 !important;
}

#product-table .wcpt-left-sidebar .wcpt-filter-label {
    order: 1;
}

#product-table .wcpt-left-sidebar .wcpt-filter-label .wcpt-selected-filter {
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    columns: #666666;
}

.wcpt-filter .wcpt-dropdown-option label {
    color: #666 !important;
    text-transform: capitalize !important;
}

.wcpt-filter .wcpt-dropdown-label .wcpt-text {
    color: #2B2B2B !important;
    text-transform: uppercase !important;
}

.wcpt-table .wcpt-product-type-simple td {
    vertical-align: top !important;
    padding-left: 10px !important;
}

.wcpt-dropdown-option .wcpt-text {
    color: #2B2B2B;
    text-transform: capitalize !important;
}

.wcpt-required-but-missing-nav-filter-message .wcpt-missing span:not(.wcpt-icon) {
    font-size: 15px !important;
    color: #2B2B2B !important;
}

.wcpt-required-but-missing-nav-filter-message>div:not(.wcpt-missing)>span:not(.wcpt-icon) {
    font-size: 15px !important;
    color: #2B2B2B !important;
}

.wcpt-filter-heading {
    position: relative
}

.wcpt-left-sidebar .wcpt-filter>.wcpt-filter-heading>.wcpt-icon {
    transform: rotate(0);
    width: 25px;
    height: 25px;
    display: block;
    position: absolute;
    right: 15px;
    top: 10px;
}

.wcpt-left-sidebar .wcpt-filter.wcpt-open>.wcpt-filter-heading>.wcpt-icon {
    transform: rotate(0);
    width: 25px;
    height: 25px;
    display: block;
}

.wcpt-filter-heading .wcpt-icon-chevron-down svg,
.wcpt-filter-heading .wcpt-icon-chevron-up svg {
    display: none !important;
}

.wcpt-filter-heading .wcpt-icon-chevron-down:after {
    content: "+";
    width: 25px;
    height: 25px;
    display: block;
    font-family: 'Lato', sans-serif;
    font-size: 25px;
    line-height: 25px;
    font-weight: 300;
    text-align: center;
    color: #2B2B2B;
}

.wcpt-left-sidebar .wcpt-filter.wcpt-open .wcpt-filter-heading .wcpt-icon-chevron-down:after {
    content: "\2014";
    width: 25px;
    height: 25px;
    display: block;
    font-family: 'Lato', sans-serif;
    font-size: 25px;
    line-height: 25px;
    font-weight: 300;
    text-align: center;
    color: #2B2B2B;
}

.wcpt-search-filter-options {
    height: 40px;
    width: 100%;
    padding: 10px;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    color: #000;
    border: 1px solid #666666;
    margin-top: 10px;
    margin-bottom: 5px;
    border-radius: 3px;
}

.wcpt-search-filter-option-set::-webkit-scrollbar {
    width: 3px;
    opacity: 1;
    visibility: visible;
    padding-top: 3px;
}

.wcpt-search-filter-option-set::-webkit-scrollbar-thumb {
    width: 3px;
    min-height: 17px !important;
    height: 17px !important;
    background-color: #838383;
    opacity: 1;
    border-radius: 2px;
    visibility: visible;
}

.wcpt-search-filter-option-set::-webkit-scrollbar-track-piece {
    width: 3px;
    min-height: 17px !important;
    height: 17px !important;
    opacity: 1;
    border-radius: 2px;
    visibility: visible;
}

.wcpt-search-filter-option-set {
    overflow-y: scroll;
    max-height: 185px !important;
    width: 99% !important;
}

.wcpt-search-filter-option-set .wcpt-dropdown-option:first-child {
    padding: 0 5px 5px 2px !important;
}


.wcpt-dropdown.wcpt-filter {
    transition: all 0.8s ease;
}

.wcpt-dropdown.wcpt-filter.wcpt-open {
    transition: all 0.8s ease;
}

tr.wcpt-product-type-simple {
    position: relative;
    background-color: transparent !important;
}

tr.wcpt-product-type-simple .wcpt-cell:first-child {
    background-color: transparent !important;
    padding: 32px 0 32px 24px !important
}

tr.wcpt-product-type-simple .wcpt-cell:nth-child(2) {
    background-color: transparent !important;
    padding: 32px 0 32px 24px !important
}

tr.wcpt-product-type-simple .wcpt-cell:nth-child(3) {
    background-color: transparent !important;
    padding: 32px 24px 32px 24px !important
}

tr.wcpt-product-type-simple .wcpt-cell:last-child {
    background-color: transparent !important;
    padding: 32px 24px 32px 24px !important
}

tr.wcpt-product-type-simple:after {
    content: '';
    display: block;
    background-color: #F2F2F2;
    border-radius: 5px;
    position: absolute;
    width: calc(100% - 22px);
    height: calc(100% - 22px);
    top: 11px;
    left: 11px;
    z-index: -1;
}

.wcpt-heading-row .wcpt-heading {
    padding: 15px 24px !important;
}

.wcpt-button-custom.contact-us-btn {
    width: fit-content !important;
    padding: 0 27px !important;
    height: 50px !important;
    line-height: 50px !important;
    color: #ffffff !important;
    background-color: #B9261B !important;
    border-radius: 3px !important;
    border: 0 !important;
    margin: 0 !important;
}

.wcpt-button-custom.contact-us-btn .wcpt-button-label .wcpt-text {
    width: 100% !important;
    padding: 0 !important;
    text-align: center !important;
    line-height: 50px !important;
    height: 50px !important;
    border: 0 !important;
    color: #ffffff !important;
    font-family: 'Lato', sans-serif !important;
    font-size: 16px !important;
    display: block !important;
}

.wcpt-button-custom.contact-us-btn .wcpt-button-label .wcpt-item-row {
    display: block !important;
    height: 50px !important;
}

.bosal-product-column .wcpt-text.wcpt-1737965607032 {
    width: fit-content;
    display: inline-block;
}


/*---Mobile View and Small Screen Styling---*/

@media only screen and (min-width: 1200px) and (max-width: 1368px) {

    .bosal-image-column .wcpt-product-image-wrapper {
        width: 100% !important;
        max-width: unset !important;
        min-width: 150px !important;
    }

    .bosal-product-column .wcpt-item-row {
        width: 100% !important;
        max-width: unset !important;
        min-width: 220px !important;
    }

    .bosal-details-column .disclaimer-container {
        width: 100% !important;
        max-width: unset !important;
        min-width: unset !important;
    }

}

@media only screen and (max-width: 1200px) {}

/*ALL STYLINGS FROM MOBILE TO TABLET*/
@media only screen and (max-width: 1200px) {

    /*---FONT STYLING---*/

    /*
font-family: 'Lato', sans-serif;
font-weight: 900;
color: #2B2B2B;

color: #666666;

font-family: 'Lato', sans-serif;
font-weight: 400;

*/

    /*MOBILE GRID FILTER ICON*/

    .wcpt-icon.wcpt-icon-chevron-down {
        width: 25px;
        height: 25px;
    }

    .wcpt-dropdown.wcpt-filter {
        border-bottom: none !important;
    }

    /*FONTS*/
    .mobile.bosal-product-header {
        font-family: 'Lato', sans-serif;
        font-weight: 900 !important;
        color: #2B2B2B;

    }

    .mobile-product-attribute-header {
        font-family: 'Lato', sans-serif;
        font-weight: 900;
        color: #2B2B2B;
    }

    .mobile-attributes {
        font-family: 'Lato', sans-serif;
        font-weight: 400;
        color: #2B2B2B;
    }

    /*FONTS SPACING*/

    .mobile-title-row,
    .mobile-sku-row,
    .mobile-make-row,
    .mobile-model-row,
    .mobile-year-row {
        margin-bottom: 5px !important;
    }

    #product-table .wcpt-table tbody tr.wcpt-product-type-simple .wcpt-cell .wcpt-item-row:not(.mobile-header-row) {
        padding: 0 24px;
    }

    .mobile-title-row {
        margin-top: 21px !important;
        padding-bottom: 10px !important;
    }

    .mobile-info-row {
        margin-top: 15px !important;
    }

    .mobile-info-row .wcpt-excerpt {
        margin-top: 8px !important;
        margin-bottom: 15px !important;
    }

    .mobile-header-row .mobile-column-header-text {
        font-family: 'Lato', sans-serif;
        font-weight: 900;
        font-size: 16px;
        line-height: 40px;
        color: #666666;
    }


    /*GRID STYLING*/
    #product-table .wcpt-table tbody tr.wcpt-product-type-simple .wcpt-product-image-wrapper {
        max-width: 100% !important;
        height: 200px !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

    #product-table .wcpt-table tbody tr.wcpt-product-type-simple .wcpt-product-image-wrapper img {
        display: block;
        width: auto !important;
        min-width: unset !important;
        max-width: unset !important;
        max-height: 200px !important;
        min-height: unset !important;
    }

    #product-table .wcpt-table tbody tr.wcpt-product-type-simple {
        border-bottom: none !important;
    }


    #product-table .wcpt-table tbody tr.wcpt-product-type-simple .wcpt-cell {
        padding: 24px 12px 24px 12px !important;
    }


    #product-table .wcpt-table tbody tr.wcpt-product-type-simple .wcpt-cell .wcpt-item-row .disclaimer-container {
        width: 100% !important;
        min-width: 100% !important;
    }

    #product-table .wcpt-table tbody tr.wcpt-product-type-simple .wcpt-cell .wcpt-item-row.mobile-header-row {
        margin: 10px 0;
        padding: 0 24px;
        height: 40px;
        border-top: 1px solid #66666640;
        border-bottom: 1px solid #66666640;
    }


    #product-table .wcpt-table tbody tr.wcpt-product-type-simple .wcpt-cell .wcpt-item-row.mobile-disclaimer-row .mobile-disclaimer-dropdown {
        margin: 20px 0 10px 0 !important;
    }

    #product-table .wcpt-table tbody tr.wcpt-product-type-simple .wcpt-cell .wcpt-item-row.mobile-disclaimer-row .mobile-fitment-dropdown {
        margin: 10px 0 20px 0 !important;
    }

    #product-table .wcpt-table tbody tr.wcpt-product-type-simple .wcpt-cell .wcpt-item-row.mobile-enquire-row {
        margin: 25px 0 25px 0 !important;
    }

    tr.wcpt-product-type-simple:after {
        content: '';
        display: block;
        background-color: #F2F2F2;
        border: 1px solid #66666640;
        border-radius: 5px;
        position: absolute;
        width: calc(100% - 23px);
        height: calc(100% - 22px);
        top: 11px;
        left: 11px;
        z-index: -1;

    }

}

/*TABLET FILTER LAYOUT*/
@media only screen and (min-width: 751px) and (max-width: 1200px) {

    /*Tablet Filters*/
    .wcpt-navigation .wcpt-item-row {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        column-gap: 10px !important;
    }

    .wcpt-navigation .wcpt-item-row .wcpt-dropdown.wcpt-filter {
        width: 24% !important;
        margin-right: 0 !important;
    }

    .wcpt-navigation .wcpt-item-row .wcpt-dropdown.wcpt-filter .wcpt-filter-heading {
        justify-content: space-between !important;
        width: 100% !important;
    }

    /******/
    /*RADIO BUTTONS*/
    #product-table .wcpt-was-left-sidebar .wcpt-filter .wcpt-dropdown-option input[type=radio] {
        -webkit-appearance: none !important;
        appearance: none !important;
        min-width: 15px !important;
        width: 15px !important;
        max-width: 15px !important;
        height: 15px !important;
        border: 1px solid #2B2B2B !important;
        border-radius: 50% !important;
        position: relative !important;
        top: 0 !important;
        margin-top: 0 !important;
    }

    #product-table .wcpt-was-left-sidebar .wcpt-filter .wcpt-dropdown-option input[type=radio]:checked {
        -webkit-appearance: none !important;
        appearance: none !important;
        width: 15px !important;
        height: 15px !important;
        border: 1px solid #2B2B2B !important;
        border-radius: 50% !important;
        position: relative !important;
        top: 2px !important;
    }

    #product-table .wcpt-was-left-sidebar .wcpt-filter .wcpt-dropdown-option input[type=radio]:checked:after {
        content: '' !important;
        width: 11px !important;
        height: 11px !important;
        display: block !important;
        position: absolute !important;
        background-color: #B9261B !important;
        border-radius: 50% !important;
        top: 1px !important;
        left: 1px !important;
    }

    #product-table .wcpt-was-left-sidebar .wcpt-clear-filter {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        background-color: #F2F2F2;
        border-radius: 3px;
        border: 1px solid #666666BC;
        margin-bottom: 10px;
    }

    .wcpt-clear-filters-wrapper.wcpt-filter-no-heading {
        width: 100% !important;
        padding: 10px !important;
        margin-bottom: 5px !important;
        border-bottom: none !important;
    }

    #product-table .wcpt-was-left-sidebar .wcpt-clear-filter {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        background-color: #F2F2F2;
        border-radius: 3px;
        border: 1px solid #666666BC;
    }


    #product-table .wcpt-was-left-sidebar .wcpt-clear-filter svg {
        order: 2;
        margin-left: auto;
        stroke: #666666 !important;
    }

    #product-table .wcpt-was-left-sidebar .wcpt-filter-label {
        order: 1;
    }

    #product-table .wcpt-was-left-sidebar .wcpt-filter-label .wcpt-selected-filter {
        font-family: 'Lato', sans-serif;
        font-size: 15px;
        columns: #666666;
    }

    #product-table .wcpt-table tbody tr.wcpt-product-type-simple .wcpt-cell .wcpt-item-row.mobile-header-row.details-row {
        position: relative;
        margin-bottom: 0 !important;
    }

    #product-table .wcpt-table tbody tr.wcpt-product-type-simple .wcpt-cell .wcpt-item-row.mobile-header-row.enquire-row {
        position: relative;
        margin-top: 0 !important;
        border-top: none !important;
    }

    .mobile-header-row .wcpt-icon {
        transform: rotate(0);
        width: 25px;
        height: 40px;
        display: block;
        position: absolute;
        right: 15px;
        top: 0;
    }


    .mobile-header-row .wcpt-icon-chevron-down svg,
    .mobile-header-row .wcpt-icon-chevron-up svg {
        display: none !important;
    }

    .mobile-header-row .wcpt-icon-chevron-down:after {
        content: "+";
        width: 25px;
        height: 40px;
        display: block;
        font-family: 'Lato', sans-serif;
        font-size: 25px;
        line-height: 40px;
        font-weight: 300;
        text-align: center;
        color: #2B2B2B;
        transition: all ease 800ms;
    }

    .mobile-header-row.elopen .wcpt-icon-chevron-down:after {
        content: "\2014";
        width: 25px;
        height: 40px;
        display: block;
        font-family: 'Lato', sans-serif;
        font-size: 25px;
        line-height: 40px;
        font-weight: 300;
        text-align: center;
        color: #2B2B2B;
        transition: all ease 800ms;
    }

    #product-table .wcpt-table tbody tr.wcpt-product-type-simple .wcpt-cell .wcpt-item-row.mobile-disclaimer-row.tog-content {
        overflow-y: hidden;
        margin: 0 !important;
        max-height: 0;
        border-bottom: none;
        transition: ease all 800ms;

    }

    #product-table .wcpt-table tbody tr.wcpt-product-type-simple .wcpt-cell .wcpt-item-row.mobile-disclaimer-row.tog-content.elopen {
        overflow-y: hidden;
        margin: 10px 0 0 0 !important;
        max-height: 500px;
        border-bottom: 1px solid #66666640;
        transition: ease all 800ms;
    }

}


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


    /*--MOBILE FILTERS--*/

    /*Phone Filters*/

    .wcpt-navigation .wcpt-item-row {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: space-between !important;
        column-gap: 0 !important;
    }

    .wcpt-navigation .wcpt-item-row .wcpt-dropdown.wcpt-filter {
        width: 100% !important;
        height: 40px !important;
        margin-right: 0 !important;
    }

    .wcpt-navigation .wcpt-item-row .wcpt-dropdown.wcpt-filter .wcpt-filter-heading {
        justify-content: space-between !important;
        width: 100% !important;
        height: 40px !important;
    }

    .wcpt-icon.wcpt-icon-chevron-down {
        width: 25px !important;
        height: 40px !important;
        top: 0 !important;
    }

    .wcpt-filter-heading .wcpt-icon-chevron-down:after {
        content: "+";
        width: 25px;
        height: 40px;
        display: block;
        font-family: 'Lato', sans-serif;
        font-size: 25px;
        line-height: 40px;
        font-weight: 300;
        text-align: center;
        color: #2B2B2B;
    }

    .wcpt-left-sidebar .wcpt-filter.wcpt-open .wcpt-filter-heading .wcpt-icon-chevron-down:after {
        content: "\2014";
        width: 25px;
        height: 40px;
        display: block;
        font-family: 'Lato', sans-serif;
        font-size: 25px;
        line-height: 40px;
        font-weight: 300;
        text-align: center;
        color: #2B2B2B;
    }


    .mobile-header-row {
        position: relative;
    }

    .mobile-header-row .wcpt-icon {
        transform: rotate(0);
        width: 25px;
        height: 40px;
        display: block;
        position: absolute;
        right: 15px;
        top: 0;
    }


    .mobile-header-row .wcpt-icon-chevron-down svg,
    .mobile-header-row .wcpt-icon-chevron-up svg {
        display: none !important;
    }

    .mobile-header-row .wcpt-icon-chevron-down:after {
        content: "+";
        width: 25px;
        height: 40px;
        display: block;
        font-family: 'Lato', sans-serif;
        font-size: 25px;
        line-height: 40px;
        font-weight: 300;
        text-align: center;
        color: #2B2B2B;
        transition: all ease 800ms;
    }

    .mobile-header-row.elopen .wcpt-icon-chevron-down:after {
        content: "\2014";
        width: 25px;
        height: 40px;
        display: block;
        font-family: 'Lato', sans-serif;
        font-size: 25px;
        line-height: 40px;
        font-weight: 300;
        text-align: center;
        color: #2B2B2B;
        transition: all ease 800ms;
    }

    .wcpt-clear-filters-wrapper.wcpt-filter-no-heading {
        width: 100% !important;
        padding: 10px !important;
        margin-bottom: 5px !important;
        border-bottom: none !important;
    }

    #product-table .wcpt-was-left-sidebar .wcpt-clear-filter {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        background-color: #F2F2F2;
        border-radius: 3px;
        border: 1px solid #666666BC;
    }


    #product-table .wcpt-was-left-sidebar .wcpt-clear-filter svg {
        order: 2;
        margin-left: auto;
        stroke: #666666 !important;
    }

    #product-table .wcpt-was-left-sidebar .wcpt-filter-label {
        order: 1;
    }

    #product-table .wcpt-was-left-sidebar .wcpt-filter-label .wcpt-selected-filter {
        font-family: 'Lato', sans-serif;
        font-size: 15px;
        columns: #666666;
    }

    /******/
    /*RADIO BUTTONS*/
    #product-table .wcpt-was-left-sidebar .wcpt-filter .wcpt-dropdown-option input[type=radio] {
        -webkit-appearance: none !important;
        appearance: none !important;
        width: 15px !important;
        height: 15px !important;
        border: 1px solid #2B2B2B !important;
        border-radius: 50% !important;
        position: relative !important;
        top: 0 !important;
        margin-top: 0 !important;
    }

    #product-table .wcpt-was-left-sidebar .wcpt-filter .wcpt-dropdown-option input[type=radio]:checked {
        -webkit-appearance: none !important;
        appearance: none !important;
        width: 15px !important;
        height: 15px !important;
        border: 1px solid #2B2B2B !important;
        border-radius: 50% !important;
        position: relative !important;
        top: 2px !important;
    }

    #product-table .wcpt-was-left-sidebar .wcpt-filter .wcpt-dropdown-option input[type=radio]:checked:after {
        content: '' !important;
        width: 11px !important;
        height: 11px !important;
        display: block !important;
        position: absolute !important;
        background-color: #B9261B !important;
        border-radius: 50% !important;
        top: 1px !important;
        left: 1px !important;
    }

    /*****/


    #product-catalogue #product-table .wcpt-table tbody tr.wcpt-product-type-simple .wcpt-cell {
        padding: 24px 12px 9px 12px !important;
    }

    #product-catalogue #product-table .wcpt-table tbody tr.wcpt-product-type-simple .wcpt-cell .wcpt-item-row:nth-child(10) .mobile-column-header-text,
    #product-catalogue #product-table .wcpt-table tbody tr.wcpt-product-type-simple .wcpt-cell .wcpt-item-row:nth-child(12) .wcpt-icon-chevron-down {
        z-index: 0;
    }

    #product-catalogue #product-table .wcpt-table tbody tr.wcpt-product-type-simple .wcpt-cell .wcpt-item-row.row-toggle {
        margin: 0 0 0 0 !important;
        padding: 0 24px;
        height: 40px;
        border-top: 1px solid #66666640;
        border-bottom: 1px solid #66666640;
        z-index: 1;
    }

    #product-catalogue #product-table .wcpt-table tbody tr.wcpt-product-type-simple .wcpt-cell .wcpt-item-row:nth-child(12) {
        margin: 0 0 0 0 !important;
        padding: 0 24px;
        height: 40px;
        border-top: 0;
        border-bottom: 0;
        z-index: 1;
        transition: ease all 800ms;
    }

    #product-catalogue #product-table .wcpt-table tbody tr.wcpt-product-type-simple .wcpt-cell .wcpt-item-row:nth-child(12).elopen {
        margin: 0 0 0 0 !important;
        padding: 0 24px;
        height: 40px;
        border-bottom: 1px solid #66666640;
        z-index: 1;
        transition: ease all 800ms;
    }


    #product-table .wcpt-table tbody tr.wcpt-product-type-simple .wcpt-cell .wcpt-item-row.mobile-disclaimer-row {
        overflow-y: hidden;
        margin: 0 !important;
        max-height: 0;
        border-bottom: none;
        transition: ease all 800ms;

    }

    #product-table .wcpt-table tbody tr.wcpt-product-type-simple .wcpt-cell .wcpt-item-row.mobile-disclaimer-row.elopen {
        overflow-y: hidden;
        margin: 10px 0 0 0 !important;
        max-height: 500px;
        border-bottom: 1px solid #66666640;
        transition: ease all 800ms;
    }

    #product-table .wcpt-table tbody tr.wcpt-product-type-simple .wcpt-cell .wcpt-item-row.mobile-enquire-row {
        overflow-y: hidden;
        margin: 25px 0 25px 0 !important;
        padding: 0 24px 24px 24px !important;
        max-height: 500px;
        transition: ease all 800ms;
    }

    /*#product-table .wcpt-table tbody tr.wcpt-product-type-simple .wcpt-cell .wcpt-item-row.mobile-enquire-row.elopen {
        overflow-y: hidden;
        margin: 25px 0 25px 0 !important;
        padding: 0 24px 24px 24px !important;
        max-height: 500px;
        transition: ease all 800ms;
    }*/

}


@media only screen and (min-width: 751px) and (max-width: 1200px) {

    #product-table .wcpt-table tbody {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: flex-start;
    }

    #product-table .wcpt-table tbody tr.wcpt-product-type-simple {
        width: 50%;
    }

}

@media only screen and (min-width: 751px) and (max-width: 789px) {

    /*Tablet Filters*/
    .wcpt-navigation .wcpt-item-row {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        column-gap: 9px !important;
    }

    .wcpt-navigation .wcpt-item-row .wcpt-dropdown.wcpt-filter {
        width: 24% !important;
        margin-right: 0 !important;
    }

    .wcpt-navigation .wcpt-item-row .wcpt-dropdown.wcpt-filter .wcpt-filter-heading {
        justify-content: space-between !important;
        width: 100% !important;
    }


}

/*---Safari Fixes---*/

.home.safari tr.wcpt-row.wcpt-product-type-simple:after {
    content: '';
    display: none !important;
    background-color: #F2F2F2;
    border-radius: 5px;
    position: absolute;
    width: calc(100% - 22px);
    height: calc(100% - 22px);
    top: 11px;
    left: 11px;
    z-index: -1;
}


.home.safari .wcpt-heading-row .wcpt-heading:last-child {
    border-right: 1px solid #2B2B2B !important;
}

@media only screen and (max-width: 1200px) {
    /* .home.safari #product-table tbody .wcpt-row.wcpt-product-type-simple.wcpt-odd {
        border-right: 1px solid #2B2B2B !important;
        border-bottom: 1px solid #2B2B2B !important;
    }

    .home.safari #product-table tbody .wcpt-row.wcpt-product-type-simple.wcpt-even {
        border-bottom: 1px solid #2B2B2B !important;
    }*/

    .home.safari #product-table tbody .wcpt-row.wcpt-product-type-simple .wcpt-cell {
        padding: 0 !important;
    }

    .home.safari #product-table tbody .wcpt-cell-val {
        transform: scale(98%) !important;
        padding: 24px 0 0 0 !important;
        border-radius: 5px !important;
        background-color: #f2f2f2 !important;
        border: 1px solid #66666640 !important;
    }

    .home.safari #product-table .disclaimer-container {
        border: 1px solid #666666 !important;
        border-radius: 3px !important;
    }

    .home.safari #product-table .disclaimer-container .toggle,
    .home.safari #product-table .disclaimer-container .disclaimer {
        border-top: none !important;
        border-left: none !important;
        border-bottom: none !important;
        border-right: none !important;
        border-radius: 0 !important;
    }
}

.home.safari .wcpt-row.wcpt-product-type-simple {
    position: relative !important;
}


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

    .wcpt-was-left-sidebar .wcpt-filter .wcpt-dropdown-menu {
        width: 100% !important;
        max-width: 100% !important;
    }



}

.attribute-row.hidden-row {
    display: none !important;
}