/* R Macleod Outdoors Style Changes */

/* Navigation Changes 27/09/23 */
@media only screen and (max-width: 992px) {
    ul.level1 {background:#e5e5e5;}
    ul.level1 > li.level2:before {
        content: '\f061';
        font-family: 'Font Awesome 5 Pro';
        color:#201f1f;
        position:absolute;
        font-size:14px;
        top:10px;
    }
    ul.level1 > li.level2 {margin-left:15px !important;}
    .nav-sections .navigation ul.level1.submenu li.level2 a,
    ul.level1 > li.level2 > a {padding:5px 5px 5px 20px !important;}
    ul.level1 > li.level2 > a > span {font-size:13px !important;}
}

@media only screen and (min-width: 993px) {
    .navigation .level0 .level1.submenu {
        top:auto !important;
        left:auto !important;
        width: 100% !important;
        padding: 0px !important;
    }
    .navigation .level0 .level1.submenu li {
        margin-left:15px !important;
    }
    .navigation .level0 .level1.submenu li a {
        color:#f5f5f5 !important;
        font-size:14px !important;
    }
    .navigation .level0 .level1.submenu li a:after {
        display:none;
    }
    .navigation .level0 .level1.submenu li a:before {
        content: '\f061';
        font-family: 'Font Awesome 5 Pro';
        position: relative;
        margin-right: 10px;
    }
    .navigation .level0 .level1.submenu li a span {
        color:#f5f5f5 !important;
        font-size:14px !important;
    }
    .navigation .level0 .submenu a::after {
        content: '\f061';
        font-family: 'Font Awesome 5 Pro';
    }
}

/* Outdoor Theme Style Overides */

/* 
Headings:
font-family: 'Playfair Display', serif;

Body:
font-family: 'Roboto', sans-serif; 
 
Primary #201f1f
Green #403e3e 

*/

/* Background Primary */
.actions .secondary .action.viewcart,
.header-logo,
.cart-container .form-cart .action.update,
.cart.table-wrapper .actions-toolbar > .action, 
.action-gift, 
.block-cart-failed .action.continue, 
.cart-container .form-cart .action.continue,
.cta-content .btn,
.action.primary,
.page-footer {
    background:#201f1f !important;
    background-color:#201f1f !important;
}

.products-grid .addtocart .button,
.action.primary span {
    font-size:16px !important;
}

.cta-content .btn,
.minicart-wrapper .action.showcart::before,
.headLink i,
.headerButs h6,
.logoBlock .call span,
.headLink a:hover h6, 
.headLink a:hover i,
.logoBlock .call,
.footer-bottom p,
.footer-bottom a,
.footer-wrap .col a,
.footer-wrap .col h2,
.footer-wrap .col p, 
.footer-wrap ul li, 
.footer-wrap ul li a {
    color:#f5f5f5 !important;
}
.opc-estimated-wrapper .minicart-wrapper .action.showcart::before {
    color:#201f1f !important;
}

.footer-wrap .col a:hover,
.footer-wrap ul li a:hover {
    opacity:0.8;
}


/* Background Seccondary */
.minicart-wrapper .action.showcart .counter.qty,
.cta,
.footer-bottom,
.product-info-main .action.towishlist,
.product-item .discount, .gal-wrap .discount,
.newsletterWrap,
.products-grid .addtocart .button {
    background-color:#403e3e;
    background:#403e3e !important;
}

.page-wrapper > .breadcrumbs, .row.breadcrumbs,
.breadcrumb-content {
    background-color:#201f1f;
    background:#201f1f;
}

.product.data.items > .item.content,
.product.data.items > .item.title > .switch {
    border: 1px solid #201f1f;
}

.page-footer {
    border-top:1px solid #403e3e ;
}

/* Color Seccondary */

/* Random */
.navigation li.level0:hover a.level-top span {
    text-decoration:none;
}
.navigation .level0 .submenu a:hover,
.navigation .level0 .level1.submenu li a:hover {opacity:0.8;}

.action.primary,
.product-info-main .box-tocart .action.tocart, 
.product-options-bottom .box-tocart .action.tocart, 
.product-info-main .action.towishlist {
    font-size:16px;
}

.cta {margin-top:0px;}
.cta .col .message {
    font-weight:normal;
}

input[type=text]:not(.browser-default).amsearch-input {
    background:#f5f5f5;
}

.ui-widget.ui-widget-content {border:none !important;}
.opc-progress-bar {margin-top:10px;}

/* Heading */
.opc-wrapper .step-title, 
.opc-block-shipping-information .shipping-information-title, 
.opc-block-summary > .title, 
.checkout-agreements-items .checkout-agreements-item-title,
.opc-wrapper .step-title span, 
.opc-block-shipping-information .shipping-information-title span, 
.opc-block-summary > .title span, 
.checkout-agreements-items .checkout-agreements-item-title span,
.fieldset > .legend {
    font-family: 'Playfair Display', serif;
}

.headerButs h6 {
    font-weight:normal;
}

.footer-connect img {
    max-width:150px;
}

#shopping-cart-table .product-image-container {width:auto;}

/* Homepage */

.homepage-banners [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner {
    max-width:1600px;
}

.homepage-banners a,
.homepage-banners span,
.homepage-banners h2 {
    color:#f5f5f5;
}

a.pagebuilder-button-primary, 
button.pagebuilder-button-primary, 
div.pagebuilder-button-primary, 
.cart.table-wrapper .actions-toolbar > .action.pagebuilder-button-primary, 
.action-gift.pagebuilder-button-primary {
    background: #34372a;
    border: 1px solid #34372a;
    padding: 10px 20px;
    font-size: 14px;
    color:#f5f5f5;
    line-height:100%;
    height:37px;
}

a.pagebuilder-button-primary span {
    color:#f5f5f5;
}

a.pagebuilder-button-primary:hover, 
button.pagebuilder-button-primary:hover, 
div.pagebuilder-button-primary:hover, 
.cart.table-wrapper .actions-toolbar > 
.action.pagebuilder-button-primary:hover, 
.action-gift.pagebuilder-button-primary:hover {
    background: #201f1f;
    border: 1px solid #201f1f;
    padding: 10px 20px;
    font-size: 14px;
    color:#f5f5f5;
    line-height:100%;
    height:37px;
}

.homepage-banners .pagebuilder-column:hover {
    background-blend-mode: saturation;
    filter: grayscale(100%);
}


.homepage-banners .pagebuilder-column {
    justify-content:flex-end !important;
}

.homepage-banners h2 {font-size:40px;}

.nav-sections-item-title {background:#e5e5e5;}

.navigation > ul,
.wrap.header-nav {
    background: #403e3e;
}

.cta {
    background: #201f1f !important;
    border-bottom:1px solid #403e3e;
}

.home-cta h3 {
    color:#fff;
    text-align:left;
    font-size:26px;
}


.product.data.items > .item.content {
    background:#f5f5f5;
}

.fotorama__stage {
    background:#fff;
}


a.pagebuilder-button-primary:focus, 
button.pagebuilder-button-primary:focus, 
div.pagebuilder-button-primary:focus, 
a.pagebuilder-button-primary:active, 
button.pagebuilder-button-primary:active, 
div.pagebuilder-button-primary:active, 
.cart.table-wrapper .actions-toolbar > .action.pagebuilder-button-primary:focus, 
.cart.table-wrapper .actions-toolbar > .action.pagebuilder-button-primary:active, 
.action-gift.pagebuilder-button-primary:focus, 
.action-gift.pagebuilder-button-primary:active {
    color: #ffffff;
    background: #34372a;
    border: 1px solid #34372a;
}

#description table > tbody > tr:first-child td {
    background: #34372a !important;
}

.product.data.items > .item.title.active > .switch {text-decoration:none;}

.sidebar .wrap .inner .block-viewed-products-grid .products-grid ol li.product-item,
.page-products .products-grid .product-item {
    background: #fff;
    border: 1px solid #34372a;
}



/* Responsive */

/* Desktop */
@media only screen and (min-width: 993px) {
    .navigation .level0 > .level-top, .navigation .level0 > .level-top span {
        font-size:18px;
    }
    .logoBlock .call {font-size:18px;}

    input[type=text]:not(.browser-default).amsearch-input {
        border-radius:20px 20px;
    }

    .navigation .level0 > a.level-top > span {
        color:#f5f5f5 !important;
    }
}
/* Mobile */
@media only screen and (max-width: 992px) {
    .homepage-banners .pagebuilder-column {
        min-height:200px !important;
        margin:5px 0px !important;
    }
    .homepage-banners h2 {font-size:24px;}   
    .navigation .level0 > .level-top, .navigation .level0 > .level-top span {font-size:15px;}

    .amsearch-input-wrapper {    
        border-radius: 5px 5px;
        max-width: 95%;
        margin: auto;
    }
    
    input[type=text]:not(.browser-default).amsearch-input {
        border-radius: 20px 20px;
        max-width: 97%;
        margin: auto;
    }

    .header-logo {padding-bottom:10px;}
}

@media only screen and (max-width: 600px) {
    .homepage-banners .pagebuilder-column {margin:0px !important;}
    .cms-index-index .page-main {margin-top:0px;}
    .featured-products {margin-top:0px;}
    /* pagebuilder-column-line */

    .homepage-banners .pagebuilder-column {
        position: relative;
        display: flex !important;
        padding: 10% !important;
    }
    .homepage-banners .pagebuilder-column::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.3); /* Change the color and opacity as needed */
    }
    [data-content-type='buttons'],
    .homepage-banners h2 {
        z-index: 1 !important;
        position: relative;
    }

    .homepage-banners .slick-slider {padding:0px;}

    /* Random Responsive Tweaks */
    .featured-products {padding:20px 0px;}
    .featured-products .row {padding:0px 5px;}
    #product-sliders .slick-slider {padding:0px;}
    .featured-products h3 {margin:0px;}
    .solidbar {margin-bottom:15px;}
    .newsletterWrap {margin-top:20px;}
    .footer .footer-wrap {margin-top:10px;padding-top:10px;}

}

/* Listing Tweaks */
@media only screen and (max-width: 600px) {
    .product-item-details .actions-primary {margin-bottom:10px;}

    .products-grid .addtocart .button,
    .action.primary span {
        font-size:12px !important;
    }
    .products-grid .addtocart .button,
    .product-item .action.primary {
        height:30px;
    }

    .top-wrap .title-content {margin-bottom:0px;}
    .page-main {margin-top:0px;}
}

/* Menu Colour Fix. */
@media only screen and (max-width: 992px) { 
    .navigation .submenu:not(:first-child) .active>a {
        border:none;
    }
    ul.level1 {
        background:none !important;
    }
    ul.level1 > li.level2 {
        margin-left:0px !important;
        position: relative;
    }
    ul.level1 > li.level2:before {
        top:5px;
    }
    nav ul li.active {background:none !important;}
}