/* 
 Theme Name:   Hello Elementor Child
 Theme URI:    https://rocwood.co.uk/
 Description:  Editable Child theme for hello-elementor
 Author:       Neil Rigby / Rocwood Global Ltd
 Author URI:   https://rocwood.co.uk/
 Template:     hello-elementor
 Version:      1.1.4
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/* 
 * == Add your own styles below this line ==
 * -------------------------------------------------------------------------- */


/* 
 * Extra CSS to make rocwood.co.uk more inline with required layout.
 * -------------------------------------------------------------------------- */


#site-footer {
        display: none !important;
}

h1, h2, h3, h4, h5, h6 {
    color: inherit;
    font-family: inherit;
    font-weight: 700 !important;
    line-height: 1.2;
    margin-block-end: 1rem;
    margin-block-start: .5rem;
}

@media only screen and (max-width: 1500px) {
    .elementor-motion-effects-container > .elementor-motion-effects-layer {
        transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
        margin-top: 0px;
        margin-bottom: 0px;
        padding: 5px 0px 0px 0px !important;
        width: 100% !important;
    }
}

.woolentor-archive-data-area .woolentor-archive-title {
    color: #000000;
    font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
    font-weight: var( --e-global-typography-primary-font-weight );
    margin-block-start: 0px !important;
    margin-block-end: 0px !important;
}

/* 
 * STAR RATING 
 * -------------------------------------------------------------------------- */

ul.products li.product .star-rating {
    /* color: #FFD504;
    font-size: 1.1em; */
    margin-bottom: 10px;
    height: 9cqw !important;
}

.yith-add-to-wishlist-button-block {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: max-content;
    margin: 0 auto;
}

.elementor-products-grid ul.products.elementor-grid li.product a.woocommerce-loop-product__link {
    display: block;
    position: relative;
    top: 0px;
    /*  height: 318px; */
    aspect-ratio: 0.5 !important;
}

/* 
 * SINGLE PRODUCT PAGE
 * -------------------------------------------------------------------------- */

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    /* float: left;
    margin: 0 3.8% 2.992em 0;
    padding: 0;
    position: relative;
    width: 22.05%;
    margin-left: 0; */
    container-type: inline-size; /* for use with cqw/cqh (container query width/height) in child. A parent must be "container-type: inline-size;" */
}

/* 
 * PRODUCT TITLE in category listing
 * -------------------------------------------------------------------------- */

ul.products li.product .woocommerce-loop-product__title, 
ul.products li.product .woocommerce-loop-category__title {
    /*  font-size: 24px !important;  
        font-size: min(max(14px, 16px), 20px) !important;
        line-height: min(max(16.8px, 19.2px), 24px) !important; For info 1.5em = 24px */
    font-size: 18px !important; /*  calc(12px + .4vw) !important; */
    font-size: 11cqw !important; /* cqw/cqh (container query width/height). A parent must be "container-type: inline-size;" */
    line-height: 1.2 !important;
    letter-spacing: 0px;
    word-spacing: 0px;
    width: 100% !important;
    padding: 0 !important;
    overflow: hidden !important;
    display: block !important;
    max-height: 3.6em !important; 3 lines * line-height
    height: 3.6em !important; 
    position: relative !important;
    text-overflow: ellipsis !important;
    /*  white-space: nowrap !important; */
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;  
}

ul.elementor-nav-menu--dropdown a {
    border-inline-start: 8px solid transparent;
    text-shadow: none;
    padding-left: 36px !important;
}
ul.elementor-nav-menu--dropdown li.menu-item-object-product_cat ul.elementor-nav-menu--dropdown li.menu-item-object-product_cat {
    padding-left: 18px !important;
}

ul.products li.product a img {
    width: 100%;
    height: auto;
    display: block;
    margin: 7cqw 0 7cqw 0 !important;
    box-shadow: none;
}
ul.products li.product .star-rating {
    color: var( --e-global-color-6508147 );
    font-size: 9cqw !important;
    margin-top: 3px !important;
    margin-bottom: 10px !important;
}

/* 
 * HEART reposition "Add to Wishlist" 
 * -------------------------------------------------------------------------- */

.yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button-over-image {
    position: absolute;
    display: flex;
    margin: 0px !important;
    z-index: 20;
}

.nr-font-sizing {
    font-size: clamp(2rem, 5vw, 4rem) !important;
    font-size: clamp(32px, 5vw, 64px) !important;
    font-size: 11cqw !important; /* cqw/cqh (container query width/height). A parent must be "container-type: inline-size;" */
    /*
        Starts at 2rem (32px) on small screens
        Grows based on viewport width (5vw)
        Caps at 4rem (64px) on large screens
    */
}

/* 
 * PRICE to be positioned at bottom of DIV 
 * -------------------------------------------------------------------------- */

ul.products li.product .price ins { /* SALE Price */
    /*  color: var( --e-global-color-3a24442 ); */
    font-size: 13cqw !important; /* cqw/cqh (container query width/height). A parent must be "container-type: inline-size;" */
    text-decoration: none !important;
}

ul.products li.product .price del { /* RRP Price */
    font-family: "Arial", Sans-serif;
    /*  font-size: 11px !important; */
    font-size: 6.5cqw !important; /* cqw/cqh (container query width/height). A parent must be "container-type: inline-size;" */
    text-decoration: line-through !important;
}

.elementor-widget__width-auto.elementor-widget.elementor-widget-heading > div > div > del, 
.woocommerce-variation-price .price del { /* Variable Product Stock Status RRP Price */
    color: var( --e-global-color-text );
    font-family: "Avant Garde Gothic", Sans-serif;
    font-size: 18px;
    text-decoration: line-through !important;
}

.elementor-widget__width-auto.elementor-widget.elementor-widget-heading > div > div > ins, 
.woocommerce-variation-price .price ins { /* Variable Product Stock Status SALE Price */
    color: #FF0000;
    font-family: "Avant Garde Gothic", Sans-serif;
    font-size: 36px;
    text-decoration: none;
    text-decoration: none !important;
}

ul.products li.product .price {
    color: #000  !important; 
    /*  font-size: 18px; */
    font-size: 10cqw !important; /* cqw/cqh (container query width/height). A parent must be "container-type: inline-size;" */
    text-decoration: none !important;
    margin-top: 28px;
    width: 100%;
    position: absolute !important;
    bottom: 0 !important;
}

ul.products li.product .woocommerce-loop-product__title {
    color: var( --e-global-color-primary );
    margin-bottom: 0 !important;
    height: 40cqw !important;
}

ul.products li.product div.product-sku {
    font-weight: 700 !important;
    color: var(--e-global-color-81448fd);
    font-size: 6cqw !important; /* cqw/cqh (container query width/height). A parent must be "container-type: inline-size;" */
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;  
    max-width: 90cqw;
    white-space: nowrap;
    text-overflow: ellipsis !important;
    overflow: hidden;
    justify-self: center;
}

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {
    background: #fff;
    /*  padding: 10px; */
    border-radius: 0px !important;
}



/* 
 * Set drop down menu to position correctly
 * -------------------------------------------------------------------------- */

#mega-menu-menu-1 > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item {
    opacity: 0;
    transform: translate(0, 10px);
    transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in;
    top: 0px !important;
}

#mega-menu-menu-1 > li.mega-menu-item > ul.mega-sub-menu {
    opacity: 0;
    transform: translate(0, 10px);
    transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in;
    top: 53px !important;
}

/* 
 * 
 * -------------------------------------------------------------------------- */


@media screen and (max-width: 1350px) {
    #mega-menu-menu-1 > li.mega-menu-item > ul.mega-sub-menu {
        opacity: 0;
        transform: translate(0, 10px);
        transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in;
        top: 77px !important;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 {
        text-align: center;
        padding: 10px 0px 20px 0px;
        height: 77px !important;
    }
}

/* 
 * SUB SUB Menu 
 * -------------------------------------------------------------------------- */

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard li.mega-menu-item > a.mega-menu-link, 
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
    color: black !important; /* white; */
    font-family: inherit;
    font-size: 14px;
    text-transform: none;
    text-decoration: none;
    font-weight: bold !important;
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 5px !important;
    vertical-align: top;
    display: block;
    border: 0;
    border-radius: 10px;
}

/* 
 * SUB Menu
 * -------------------------------------------------------------------------- 
 
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link, 
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    color: black;
    font-family: inherit;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 5px;
    vertical-align: top;
    display: block;
    border: 0;
    border-radius: 10px;
}
*/

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard li.mega-menu-item > a.mega-menu-link:hover, 
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard li.mega-menu-item > a.mega-menu-link:focus, 
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover, 
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:focus {
    color: #ffd504 !important;
    font-weight: normal;
    text-decoration: none;
    /* background: linear-gradient(to bottom, #222, transparent); */
    background-color: black !important;
}

.elementor-element.elementor-element-d9495f6 {
    /* width: initial; */
    max-width: initial;
    align-self: center;
}

/* 
 * Set drop down menu to centre position correctly
 * -------------------------------------------------------------------------- */

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu {
    z-index: 999;
    border-radius: 10px;
    background: linear-gradient(to bottom, #FFD504, #FFD504) !important; /* black, #222 */
    border: 0;
    padding: 10px 30px;
    position: absolute;
    width: 1200px !important;
    max-width: 1200px !important;
    left: calc((100vw - 1200px)/2) !important;
/*    right: auto !important; */
    padding-left: 2% !important;
    padding-right: 2% !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link, 
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    color: black; /* white */
    font-family: inherit;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 5px;
    vertical-align: top;
    display: block;
    border: 0;
    border-radius: 10px;
}

/* 
 * HEART - not selected
 * -------------------------------------------------------------------------- */

.yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--icon-button:is(button) svg.yith-wcwl-add-to-wishlist-button-icon {
    stroke: black;
    fill: black;
}

/* 
 * HEART - selected
 * -------------------------------------------------------------------------- */

.yith-wcwl-add-to-wishlist-button:not(.yith-wcwl-add-to-wishlist-button--themed-button).yith-wcwl-add-to-wishlist-button--added svg.yith-wcwl-add-to-wishlist-button-icon {
    stroke: #ffd504;
    fill: #ffd504;
}

/* 
 * SEARCH facility level up search box with back arrow
 * -------------------------------------------------------------------------- */

.dgwt-wcas-om-bar {
    display: flex;
    height: 53px !important;
    width: 100%;
}

/* 
 * SEARCH facility level up search box with back arrow
 * -------------------------------------------------------------------------- */

.dgwt-wcas-open-pirx.dgwt-wcas-overlay-mobile-on .dgwt-wcas-om-bar button.dgwt-wcas-om-return svg {
    left: 17px;
    top: 18px !important;
    width: 17px;
    height: 17px;
}

/* 
 * BREVO position in bottom right corner
 * -------------------------------------------------------------------------- */

.brevo-conversations /*--pos-right*/ {
    right: 5px !important;
}

.brevo-conversations /*--side-bottom*/ {
    bottom: 55px !important;
}

.cky-revisit-bottom-left {
    bottom: 60px !important;
    left: 15px !important;
}

.elementor-nav-menu--toggle .elementor-menu-toggle:not(.elementor-active)+.elementor-nav-menu__container {
    max-height: 0;
    overflow: hidden;
    transform: scaleY(0);
    margin-top: 0px !important;
    --menu-height: 0;
}

.elementor-menu-toggle:hover, 
.elementor-menu-toggle:focus {
    background-color: unset !important;
}

/* 
 * HEART used for the Add to Wishlist
 * -------------------------------------------------------------------------- */

.yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--icon-button:is(button) svg.yith-wcwl-add-to-wishlist-button-icon {
    width: 30px;
    height: 30px;
    /* fill: #fff; */
}

/* 
 * CENTRE all results 
 * -------------------------------------------------------------------------- */

.woocommerce .woocommerce-result-count {
    margin: 0 0 1em;
    text-align: center;
    width: 100%;
}

.woocommerce .woocommerce-ordering {
    margin: 0 0 1em;
    text-align: center !important;
    width: 100% !important;
}

[data-id="27b7cb6"] > div > p, 
[data-id="5ab695c"] > div > p {
    text-indent: -9999px;
    line-height: 0; /* Collapse the original line */
}
[data-id="27b7cb6"] > div > p::after, 
[data-id="5ab695c"] > div > p::after {
    content: "Rocwood House, Lightwood Green Industrial Estate, Overton, Wrexham" "\00a0" "LL13" "\00a0" "0HU" !important;
    /* \00a0 is better than using   */
    text-indent: 0;
    display: block;
    line-height: initial; /* New content takes up original line height */
}

[data-id="0644f41"] > div > h2 {
    text-indent: -9999px;
    line-height: 0; /* Collapse the original line */
}

[data-id="7310892"] > div {
 /*   Left: 65px; */
 /*   background-image: url("https://www.staging.rocwood.co.uk/wp-content/uploads/2021/11/logo.webp"); */
    max-width: 200px;
/*    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;*/
    padding-top: 0px;
    justify-content: center !important;
}
[data-id="7310892"] {
    justify-content: center !important;
 /*   margin-left: 65px; */
}
[data-id="33785"] {  /* Center logo bottom left screen [7310892] */
    justify-content: center;
/*     margin-left: 65px;  */
}

/* 
 * 
 * -------------------------------------------------------------------------- */

elementor-section-full_width.elementor-section-height-default.elementor-section-height-default > div {
    margin-left: 65px;
}

elementor-section-full_width.elementor-section-height-default.elementor-section-height-default > div {
    margin-right: 80px;
}

elementor-section-full_width.elementor-section-height-default.elementor-section-height-default > div {
    margin-right: 90px;
}

/* 
 * 
 * -------------------------------------------------------------------------- */
.elementor-element.elementor-element-71b7b49 {
    /* --grid-template-columns: repeat(0, auto); */
    width: 100% !important;
    max-width: 100% !important;
    --container-widget-width: 100% !important;
    /* --container-widget-flex-grow: 0; */
    /* --icon-size: 18px; */
    /* --grid-column-gap: 5px; */
    /* --grid-row-gap: 0px; */
}

/* 
 * 
 * -------------------------------------------------------------------------- 
 
    Data-ids for each header element
    3f4bebd
    a169311
    1475d5e
    276d319
    326cb8d
    e080a8a
    a647c75
    c341072
[data-id="3f4bebd"] {
    width: 13% !important;
}
[data-id="a169311"] {
    width: 22% !important;
}
[data-id="1475d5e"] {
    width: 18% !important;
}
[data-id="276d319"] {
    width: 13% !important;
}
[data-id="326cb8d"] {
    width: 10% !important;
}
[data-id="e080a8a"] {
    width:  8% !important;
}
[data-id="a647c75"] {
    width:  8% !important;
}
[data-id="c341072"] {
    width:  8% !important;
}
*/
[data-id="3f4bebd"] {
    width: 303px !important;
}
[data-id="a169311"] {
    width: 100% !important;
}
[data-id="1475d5e"] {
    width: 196px !important;
}
/* width of '6000' */
[data-id="276d319"] {
    min-width:  116px !important;
    max-width:  138px !important;
}
[data-id="326cb8d"] {
    min-width:  112px !important;
    max-width:  133px !important;
}
[data-id="e080a8a"] {
    min-width:  103px !important;
    max-width:  123px !important;
}
[data-id="a647c75"] {
    min-width:  93px !important;
    max-width:  123px !important;
}
[data-id="c341072"] {
    min-width:  93px !important;
    max-width:  123px !important;
}
.elementor-widget-wrap>.elementor-element {
    /*  width: 100%; */
}


/*
        .elementor-widget-container {
            /*  margin: -8px 0px 0px 0px;
            padding: 0px 0px 0px 0px; * /
            width: 96px;
        }
        .elementor-widget-container {
            /*  margin: 0px 0px 0px 0px; * /
            width: 300px;
        }
*/

/* a[href="https://www.staging.rocwood.co.uk/warranty/"] {
   background-color: green; 
   padding-right:0;
} */


.e--pointer-framed .elementor-item:before, 
.e--pointer-framed .elementor-item:after {
    border: none !important;
}


.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated {
    /*  align-content: center;
    align-items: center; */
    display: flex !important;
}

/* 
 * SEARCH BAR width on Desktop
 * -------------------------------------------------------------------------- */

.elementor-element.elementor-element-030985a {
/*  grid-column: span 2; */
    text-align: center !important;
    flex-grow: 1 !important;
/*  width: var(--container-widget-width, 200px); */
    max-width: 100% !important;
}


/* 
 * SEARCH BAR width on Desktop
 * -------------------------------------------------------------------------- */

/* .elementor-element.elementor-element-d9495f6 { BOTH */
.elementor-widget.elementor-widget-fibosearch {
    /*  width: unset !important; */
    max-width: unset !important;
    /*  --container-widget-width: 300px;
        --container-widget-flex-grow: 0; 
        width: 100% !important;      calc(100% - 250px) !important; */
        position: relative !important;
    width: if(media(min-width: 1550px): calc(100% - 250px); else: 100%;) !important;    /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
    min-width: fit-content;
}

{/*
.elementor-element-edf9312, [data-id="edf9312"] { /* LIVE */
    width: 100% !important; /*  var( --container-widget-width, 212px ); */
    max-width: unset !important; /*  212px; */
    --container-widget-width: unset;
    --container-widget-flex-grow: 0;
    align-self: center;
}

.elementor-element-ba1cdda, [data-id="ba1cdda"] { /* LIVE */
    width: 100% !important; /* var( --container-widget-width, 200px ); */
    max-width: unset !important; /* 200px; */
    --container-widget-width: unset;
    --container-widget-flex-grow: 0;
    align-self: center;
    text-align: center;
}
*/}

/* 
 * SEARCH background on mobile
 * -------------------------------------------------------------------------- */

.dgwt-wcas-overlay-mobile {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: #ffd504;
    padding-top: 20px;
}

.dgwt-wcas-open-pirx.dgwt-wcas-overlay-mobile-on .dgwt-wcas-suggestions-wrapp {
    border-top: 1px solid #e0e2e5;
    margin-top: 28px !important;
}

/* 
 * ADD TO BASKET button
 * -------------------------------------------------------------------------- */

.elementor-wc-products ul.products li.product .button {
    color: #000000;
    background-color: #FFD504;
    border-color: #000000;
    font-size: 15px;
    border-radius: 6px 6px 6px 6px;
    margin-top: 0px;
    display: block;
}

/* 
 * VIEW BASKET button
 * -------------------------------------------------------------------------- */

.elementor-wc-products .added_to_cart {
    margin-inline-start: 0px;
    color: #fff !important;
    background-color: #ff0000 !important;
    border-color: #000;
    font-size: 15px;
    border-radius: 6px 6px 6px 6px;
    margin-top: 0px;
    margin: 0;
    line-height: 1;
    position: relative;
    overflow: visible;
    padding: .618em 1em;
    font-weight: 700;
    left: auto;
    border: 0;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
    display: block !important;
}

.woocommerce-loop-product__buttons > a[aria-label^="Read more"]  {
    color: #FFD504 !important;
    background-color: #000 !important;
    border-color: #000 !important;
}

.woocommerce-loop-product__buttons > a[aria-label^="Select options"]  {
    color: #000 !important;
    background-color: #8ed1fc !important;
    border-color: #8ed1fc !important;
}

.elementor-wc-products ul.products li.product .button {
    color: #000000;
    background-color: #FFD504;
    border-color: #000000;
    font-size: 15px;
    border-radius: 6px 6px 6px 6px;
    margin-top: 0px;
    display: block;
}

.elementor-wc-products ul.products li.product .button.added {
    display:        none !important;
}



.wc-proceed-to-checkout a {
    margin-bottom:  17px !important;
}
.ppcp-messages { /* PayPay Pay in 3 text */
    margin-top:     17px !important;
    margin-bottom:  17px !important;
}
.elementor-7 .elementor-element.elementor-element-c0456d1 .woocommerce .wc-proceed-to-checkout .checkout-button, 
    .ppc-button-wrapper, 
    .wcpay-express-checkout-wrapper {
    @media screen and (max-width: 780px) {
        width:          100% !important;
    }
    @media screen and (min-width: 780px) {
        width:          100% !important;
    }
}
@media screen and (min-width: 780px) {
    .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals {
    width: 50% !important;
    }
}

/*
.woocommerce-checkout form.checkout .woocommerce-billing-fields, 
.woocommerce-checkout form.checkout .woocommerce-shipping-fields, 
.woocommerce-checkout form.checkout .woocommerce-additional-fields, 
.woocommerce-checkout form.checkout #payment, 
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order {
    background: #f1f1f1 !important;
    border-radius: 12px !important;
    padding: 22px 24px !important;
    margin-bottom: 22px !important;
    border: 0px !important; 
    width: 100% !important;
    max-width: 100% !important;
}
.elementor-widget-woocommerce-checkout-page .woocommerce #customer_details .col-1, .elementor-widget-woocommerce-checkout-page .woocommerce .e-checkout__order_review, .elementor-widget-woocommerce-checkout-page .woocommerce .e-coupon-box, .elementor-widget-woocommerce-checkout-page .woocommerce .e-woocommerce-login-section, .elementor-widget-woocommerce-checkout-page .woocommerce .shipping_address, .elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-additional-fields, .elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout #payment {
    background: var(--sections-background-color,#f1f1f1) !important;
    border-color: var(--sections-border-color,#d5d8dc);
    border-radius: var(--sections-border-radius,3px);
    border-style: var(--sections-border-type,solid);
    border-width: 0px !important;
    display: block;
    margin: var(--sections-margin,0 0 24px 0);
    padding: var(--sections-padding,16px 30px);
}
*/

.elementor-49476 .elementor-element.elementor-element-8691a33:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-49476 .elementor-element.elementor-element-8691a33 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #f7f7f7 !important;
    border-width: 0px !important;
}

.woocommerce-billing-fields {
    border: 0px solid rgba(0,0,0,0.04) !important;
}









/* 
 * EXAMPLE CODE
 * -------------------------------------------------------------------------- 
 *
    [data-elementor-lightbox-slideshow="6ca4b45"] {
        href: "https://www.staging.rocwood.co.uk/warranty/";
    }

    .e-gallery--ltr.e-gallery-masonry .e-gallery-item {
        left: calc((100% / var(--columns) - (var(--hgap) * (var(--columns) - 1) / var(--columns))) * var(--column) + (var(--hgap) * var(--column)));
    }

    .elementor-widget-wrap>.elementor-element {
        width: 100%;
    }

    .elementor-widget-wrap>.elementor-element

    .sidebar {
        width: if(media(min-width: 768px): calc(100% - 250px); else: 100%);
    }
*/