body{}/*john banks tweaks sept 2024*/ 


.product-data-items-content .title-accordion::before, 
.product-data-items-content .data.item.content + .title-accordion::before {
    font: normal normal normal 25px / 1 Material Symbols Outlined;
    position: absolute;
    right: 7px;
    top: 7px;
    content: '\e145';
    color: #164488;
}
.product-data-items-content .title-accordion{
    bacground-image:none;
    position: relative;
}
.featuredprods .slick-track,
.featuredprods .slick-slide.slick-current.slick-active {
    width: 100% !important;
}
.featuredproducts .slick-slide img {
    display: block;
    width: auto;
    height: auto;
    margin-bottom: 13px;
    max-height: 220px;
    margin: 0 auto 20px;
}


iframe#server-low-profile {
    width: 100%!important;
    border: none;
}

span.special-price span.price-label::before{
    top: 0;
    right: 0;
}
.block.filter .block-content.filter-content .block-filter-content{
    padding: 0;
    overflow-y: auto;
    max-height: calc(100% - 50px);
}

.filter-open .category-product-actions .filter-toggle .title:after {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0.8;
    display: block;
    content: "";
    z-index: 998;
    width: 100%;
}


.filter-open .block.filter .block-content.filter-content {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
}

.block.filter .block-content.filter-content {
    background: #fff;
    top: 0;
    bottom: 0;
    width: 100%;
    max-width: 320px;
    left: 0;
    right: auto;
    position: fixed;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
}


.category-product-actions {
    min-height: 85px;
}
ol.products.list.items.product-items.row {
    clear: both;
}

body:not(.page-layout-1column) .category-product-actions .toolbar.toolbar-products {
    width: 39%;
    float: right;
    text-align: right;
}
.category-product-actions .filter-toggle {
    display: inline-block; 
}
.category-product-actions .filter-toggle,
.catalogsearch-result-index .category-product-actions .filter-toggle,
.catalog-category-view.page-layout-1column .category-product-actions .filter-toggle {
    float: left;
    width: 100%;
    background: #fff;
    border: 1px solid #134EA0;
    max-width: 130px;
    position: relative;
    margin: 0 0 0 5px;
}



.category-product-actions .filter-toggle .title,
.page-layout-1column .category-product-actions .filter-toggle .title {
    font-size: 36px;
    cursor: pointer;
    line-height: 38px;
    color: #134EA0;
    background: transparent;
    padding: 0;
    position: relative;
}

.catalogsearch-result-index .category-product-actions .filter-toggle {
    position: absolute;
    bottom: 1px;
}
.catalogsearch-result-index .category-product-actions {
    min-height: 0;
    clear: both;
    margin: 0 auto 20px;
    padding: 20px 20px 0 10px;
}
.category-product-actions::after {
    content: "";
    clear: both;
    display: block;
}
.category-product-actions dl.block dt.title {
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 5px;
    color: #222222;
}
.category-product-actions dl.block dd.item {
    display: inline-block;
    color: #164488;
    border: solid 1px;
    padding: 4px 6px 4px 6px;
    margin: 0 0 4px;
    background: #fff;
    transition: 0.3s;
}
.category-product-actions dl.block dd.item:hover {
    box-shadow: 0 2px 3px -1px #124ea0;
}
.category-product-actions dl.block dd.item a {
    color: #124ea0;
}
.category-product-actions .filter-toggle .title:before,
.catalogsearch-result-index .category-product-actions .filter-toggle  .title:before,
.page-layout-1column .category-product-actions .filter-toggle .title:before {
    font-family: 'Open Sans', sans-serif;
    content: 'Filter Items';
    position: absolute;
    color: #154ea0;
    display: block;
    font-size: 15px;
    width: auto;
    min-width: 100px;
    left: 40px;
    line-height: 20px;
    top: 12px;
    z-index: 10;
    opacity: 1;
    visibility: visible;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
}
.category-product-actions .filter-toggle .title span {
    position: relative;
    width: 30px;
    height: 25px;
}

.category-product-actions .filter-toggle .pe-7s-edit:before {
    font: normal normal normal 22px/1 Material Symbols Outlined;
    content: "\e429";
    position: absolute;
    color: #18509E;
    display: block;
    font-size: 24px;
    line-height: inherit;
    top: 0px;
    left: 6px;
    opacity: 1;
    visibility: visible;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    rotate: 90deg;
}



.product-info-main .product-add-form .box-tocart .field.qty > .control .input-text.qty, 
.bundle-info .product-details .box-tocart .field.qty > .control .input-text.qty {
    background: #f4f6fa!important;
}

.block.review-list .review-items li.review-item .review-title {
    font-size: 18px;
    color: #164488;
    font-weight: 700;
    border-bottom: solid 1px;
    margin-bottom: 12px;
    margin-top: 6px;
}

.product-info-main .swatch-option.text.selected,
.product-info-main .swatch-option.text,
.product-info-main .swatch-option.text:hover {
    cursor: pointer!important;
    display: inline-block;
}
.product-data-items-content .title-accordion:after{
    display: none!important
}


.product-data-items-content .title-accordion {
    background-image: url(/media/wysiwyg/Home/plus1.png);
    background-repeat: no-repeat;
    background-position: 98% center;
    background-size: 13px;
}

.product-add-form .product-options-wrapper .swatch-opt .swatch-attribute-label::before {
    content: "Selected ";
}


body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.box-tocart .field.qty > .control span.edit-qty {
    padding-top: 14px;
}

.retailstore_colour.swatch-attribute .swatch-option.selected::before, 
.product-info-main .swatch-option.text.selected::before{
    font-weight: 600;
}

span.price-container.price-final_price{
    vertical-align: top;
}
div.mage-error {
    color: #ff0000;
    font-style: normal;
    padding-top: 5px;
    line-height: 1.4;
    font-size: 14px;
    font-weight: 600;
    background: #ff00001c;
    padding: 5px 12px;
}

/*basket pagination*/
.cart-products-toolbar.toolbar .toolbar-amount {
    position: relative;
    margin:0 0 10px;
}

.cart-products-toolbar.toolbar .pager {
    width: auto;
    margin: 0 auto;
}
.cart-products-toolbar.toolbar {
    width: auto;
    text-align: center;
    margin: 20px 0;
}
.cart-products-toolbar.toolbar .pages {
    display: inline-block;
    float: none;
}
.cart-products-toolbar.toolbar .pages .pagination .item {
    padding: 0 5px;
    margin: 0 0 5px;
}

.cart-products-toolbar.toolbar .pages .pagination .item a.action.next, 
.cart-products-toolbar.toolbar .pages .pagination .item a.action.previous {
    border: solid 1px;
    font-size: 12px;
}

.box.box-address-billing, .box.box-address-shipping {
    border: solid 1px #ccc;
    padding: 10px;
    margin: 10px 0 10px;
    width: auto;
    max-width: 420px;
    box-shadow: 0 8px 8px -10px #0000003b;
}
.block.block-addresses-default .block-title {
    color: #18509E;
    font-size: 18px;
}
.block-addresses-default .box a.action.edit {
    background: #fff;
    display: inline-block;
    padding: 5px 15px;
    color: #18509E;
    border: solid #18509E 2px;
    border-radius: 5px;
    height: auto;
    font-size: 16px;
}
.sidebar .block .block-title .title {
    margin-bottom: 7px;
}
.sidebar .block .block-title .title i {
    display: none;
}
.box.box-address-billing h3, .box.box-address-shipping h3 {
    text-transform: none;
}
.block.block-addresses-list {
    margin: 30px 0 0;
}

.block.block-addresses-list .block-title {
    color: #18509E;
    font-size: 18px;
    margin: 0;
}
/*basket pagination*/
.products-grid.wishlist .product-item-info .box-tocart+.product-item-actions .action:hover {
    border-color: transparent;
    background-color: transparent;
}

.cart-container::before {
    content: "Please make sure you have selected the correct sizes before completing your order";
    background: #ffd602;
    display: block;
    padding: 10px 20px;
    border: solid #87a6cf 2px;

    text-align: center;
    font-weight: 700;
    color: #0a274f;
}
.product-info-main .swatch-option.text{
    margin: 0 15px 15px 0;
}
.checkout-cart-index #shopping-cart-table tbody tr td.col.qty .control.qty .input-text{
    background: transparent!important;
}
.product-detail-infomation.margin-top65 {
    margin: 10px 0 0;
}
.cart dl.item-options {
    font-size: 16px;
}
.homebanner [data-content-type="button-item"], 
button.pagebuilder-slide-button.pagebuilder-button-primary, 
button.pagebuilder-banner-button.pagebuilder-button-primary{
    margin-right: 10px;
}
.minicart-items .product-item .product-item-details > .product.options {
    font-size: 14px;
}


.product-options-bottom::before {
  content: "Please check you've selected the correct size before adding to basket.";
  background: gold;
  padding: 5px 15px;
  display: block;
  margin-top: 20px;
  font-size: 16px;
}


.opc-estimated-wrapper .minicart-wrapper button.action.showcart h6.pay::after, 
.pe-7s-user::before, 
.contactblock.icons p::before, 
.dropdown-toplinks .pe-7s-user::before, 
.table-icon-menu .minicart-wrapper .action.showcart::before, 
.fullwidth.helperblock .pagebuilder-column li a::before, 
button.action.search::before, 
button#product-addtocart-button::before, 
.table-icon-menu .minicart-wrapper .action.showcart::before, 
.retailstore_colour.swatch-attribute .swatch-option.selected::before, 
.product-data-items-content .title-accordion::after {
    font-weight: 600;
}

.introduction a.btn.blue {
    background: #154ea0;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    margin: 10px 0;
    padding: 10px 30px;
    min-height: auto;
    height: auto;
}

.customer-address-index .column.main .actions-toolbar:last-child {
    display: inline-block;
}
.customer-address-index .column.main .actions-toolbar:last-child .primary {
    display: inline-block;
    float: left;
    margin: 0 5px 0 0;
}
.customer-address-index .column.main .actions-toolbar:last-child .secondary a.action.back {
    font-size: 16px;
}

table#additional-addresses-table th {
    background: #f4f6fa;
    border-bottom: none;
}
.block.block-addresses-list .block-title {
    font-size: 20px;
    margin-bottom: 10px;
}
table#additional-addresses-table td a.action {
    color: #154488;
    text-decoration: none;
}
.product-detail-infomation .product-name {
    font-size: 38px;
}
input[type=datetime], 
input[type=email], input[type=number], 
input[type=password], input[type=search], 
input[type=tel], input[type=text], 
input[type=url] {
    background-color: #fff!important;
}
textarea.input-text.order-comment.order-comment-input {
    background: #fff!important;
}
#product_addtocart_form .product-options-bottom .box-tocart .fieldset .field.qty .control input {
    background: transparent!important;
}
.minisearch .item.product .price-box .old-price, 
.minisearch .price-box .old-price, 
.minisearch .price-box .special-price {
    vertical-align: top;
}
.price-box .special-price,
.price-box .old-price, 
.item.product .price-box .old-price{
    vertical-align: middle;
    display: inline-block!important;
}
.product-info-main .price-box .old-price {
    display: inline-block!important;
    vertical-align: top;
}
.swatch-option:hover, .swatch-option.selected {
    box-shadow: 0 0 0 1px #18509E;
    border: solid #fff 3px!important;
}
/*zoom off*/
.product.media img.zoomImg {
    display: none!important;
}
.product-info-main .swatch-option.text.selected::before {
    font: normal normal normal 18px/1 Material Symbols Outlined;
    content: '\e5ca';
    font-size: 30px;
    position: absolute;
    top: 13px;
    margin: 0;
    left: 6px;
    font-size: 18px;
    font-weight: 600;
}
.retailstore_colour.swatch-attribute .swatch-option.selected::before, 
.product-info-main .swatch-option.text.selected::before{
    font-family: 'Material Symbols Outlined'!important;
    font-size: 18px;
    line-height: 18px;
    right: -10px;
    background: #1a8561;
    width: 22px;
    position: absolute;
    top: -10px;
    height: 22px;
    right: -10px;
    left: auto;
    content: '\e5ca';
    border: solid #fff 2px;
    text-indent: 0;
    color: #fff;
    font-weight: 600;
}

.product-info-main .swatch-option.text.selected::before {
    right: -5px;
    font-weight: 600;
}
.product-info-main .swatch-option.text:hover {
    color: #18509e!important;
    background: #154ea04a;
}
.product-info-main .swatch-option.text.selected:hover {
    color: #fff!important;
    background: #18509e;
}
.product-info-main .swatch-option.text.selected, 
.retailstore_colour.swatch-attribute .swatch-option.selected {
    overflow: visible;
    /*background: #18509e;*/
    color: #fff!important;
    border: solid #fff 2px!important;
    box-shadow: 0 0 0px 1px #000000;
}
.product-data-items-content .data.item.content input {
    background-color: #f3f6fa!important;
}
.header:not(.header6):not(.header7) .nav-main-menu li > a + .toggle-menu a, 
.header:not(.header6):not(.header7) .megamenu-content .top-links li a:not(.no-display) {
    min-height: 49px;
}

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


    /*basket pagination*/

    /*basket pagination*/
    .cart-products-toolbar.toolbar .pages {
        display: inline-block;
        float: none; 
        margin: 5px auto 0;
    }


    .cart-products-toolbar.toolbar {
        width: 100%;
    }
    .cart-products-toolbar.toolbar .toolbar-amount {
        position: relative;
        margin: 0;
        display: block;
    }
    table#additional-addresses-table tr,
    table#additional-addresses-table td.col {
        display: block;
        width: 100%;
    }
    table#additional-addresses-table td.col {
        border: none;
        padding: 0;
    }
    table#additional-addresses-table tr {
        border: solid #ccc 1px;
        padding: 10px;
        margin-bottom: 20px;
        box-shadow: 0 8px 8px -10px #0000003b;
    }

    .additional-addresses #additional-addresses-table{
        border:none;
        margin: 30px 0 40px;
        display: table;
        width: 100%;
        max-width: 100%;
        clear: both;
    }
    td.col.actions{
        margin-top: 10px;
    }
    td.col.actions a.action {
        border: solid 2px;
        padding: 5px;
        display: inline-block;
        border-radius: 5px;
    }
    .box.box-address-billing, .box.box-address-shipping{
        max-width: 100%;
    }

    .block-addresses-list tbody {
        width: 100%;
        display: block;
    }
    table#additional-addresses-table thead {
        display: none;
    }
    .header:not(.header6):not(.header7) .megamenu-content .nav-tabs > li > a {
        color: #272727;
        background: #fff;
    }
    .header:not(.header6):not(.header7) .nav-main-menu li > a + .toggle-menu a, 
    .header:not(.header6):not(.header7) .megamenu-content .top-links li a:not(.no-display){
        border-bottom: none;

    }
    .header:not(.header6):not(.header7) .megamenu-content .nav-tabs > li.active > a {
        background-color: #272727;
        color: #fff;
    }
    .header:not(.header6):not(.header7) .megamenu-content .nav-tabs > li > a {
        /*color: #fff;*/
    }
    .header:not(.header6):not(.header7) .nav-main-menu li > a + .toggle-menu{
        line-height: 41px;
    }
    .header:not(.header6):not(.header7) .nav-main-menu li > a + .toggle-menu a.active .fa:before,
    .header:not(.header6):not(.header7) .nav-main-menu li > a + .toggle-menu a .fa:before {
        font-weight: 600;
    }
    /*Moble Menu Fix*/
    .header.header8 .bottom-header-content{
        top: 20px !important;
    }

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


    .products-grid .product-item-info {
        min-height: 320px;
        padding: 5px 0;
    }

    .page-wrapper .top-container .widget.block.block-static-block {
        display: block!important;
        min-height: 30px;
    }

    .top-container {
        padding: 0!important;
        max-height: 40px;
        overflow: hidden;
    }



    .homebanner [data-content-type="button-item"], 
    button.pagebuilder-slide-button.pagebuilder-button-primary, 
    button.pagebuilder-banner-button.pagebuilder-button-primary {
        margin-right: 0;
        display: block!important;
        margin-bottom: 5px;
    }

    .product-info-main .swatch-option.text.selected, 
    .retailstore_colour.swatch-attribute .swatch-option.selected {
        padding: 10px 5px 0;
    }
    .product-info-main .swatch-option.text.selected{
        background: #18509e;
    }
    .block.related-product-main.navigation-top.related {
        padding: 30px 10px;
    }
    .related-product-main .products-grid.slider-1-row .owl-item {
        padding: 0 5px;
    }
    .retailstore_colour.swatch-attribute .swatch-option {
        width: 65px;
        min-width: 65px;
        min-height: 65px;
    }
    .owl-carousel .owl-nav > div.owl-prev, 
    body .homebanner .owl-carousel .owl-nav > div.owl-prev {
        left: 4px!important;
    }
    .owl-carousel .owl-nav > div.owl-next, 
    body .homebanner .owl-carousel .owl-nav > div.owl-next {
        right: 4px!important;
    }
    .product-info-main .swatch-option.text:hover {
        /*color: #18509e!important;*/
        background: #F3F6FA;
        padding: 10px 7px;
    }

}

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

    .products-grid .product-item-info .product-item-details {
        padding: 5px;
    }

}

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

    .header.header8 .bottom-header-content{
        top: 25px !important;
    }

}


/*size option hover*/
.products-grid .product-item-info {
    overflow: hidden;
}

.products-grid .product-item-info .swatch-attribute.retailstore_size::before {
    content: "Sizes available";
    font-weight: 600;
    color: #164488;
}
.products-grid .product-item-info .swatch-attribute.retailstore_size {
    position: absolute;
    width: 100%;
    background: #fff;
    z-index: 999999;
    padding: 10px;
    box-shadow: 0 4px 3px -3px #0000005c;
    transition: 0.3s;
    top: -250px;
    left:0
}
.products-grid .product-item-info:hover .swatch-attribute.retailstore_size {
    top: 0;
}
.products .item.product .swatch-option.disabled {
    display: none;
}
.products .item.product .swatch-more {
    display: none;
}

.products .item.product .swatch-attribute .swatch-option {
    min-width: auto;
    height: auto;
    border-radius: 0;
    margin: 0 2px 2px 0;
    padding: 0 3px;
}

.products .item.product .swatch-option.text {
    border: 1px solid #999;
    white-space: nowrap;
    background: #fff;
    color: #999
}

.products .item.product .swatch-option:hover, 
.products .item.product .swatch-option.selected {
    box-shadow: 0 0 0 1px #18509E;
    border: solid #ccc 1px!important;
    background: #133c76;
    color: #fff!important;
}

.products-grid .product-item-info .product-item-details .product-item-name {
    margin-bottom: 0px;
}
.products-grid .product-item-info {
    min-height: 430px;
    padding: 10px;
}
/*size option hover*/