/*
Theme Name: WR Nitro Child
Theme URI: http://www.woorockets.com/themes/nitro
Author: WooRockets Team
Author URI: http://www.woorockets.com/
Description: Nitro - the only WordPress eCommerce theme you will need for any WooCommerce projects. Nitro theme comes with ready to use layouts for different ecommerce industries such as fashion, electronics, furniture, digital, sports, jewelry and other. Nitro represents what WooCommerce customers want to see in a theme including intuitive design (UX), robust performance (loading speed) and eCommerce functionalities (boosting sales).
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: wr-nitro
Text Domain: wr-nitro

/*  [ Add your custom css below ]
- - - - - - - - - - - - - - - - - - - - */


/*
* Product Customiser
*/

.select_option,
.select_option .yith_wccl_value {
    border-radius: 50%;
}

.woocommerce-cart .shop_table .product-remove .remove {
    opacity: 1 !important;
    font-size: 2em;
    color: #2a2a2a !important;
}

.close-kit-product {
    width: 60px;
    height: 60px;
    position: absolute;
    right: 100px;
    border: solid 3px lightgrey;
    border-radius: 50%;
    text-align: center;
    line-height: 57px;
    background: rgb(32, 32, 32);
    z-index: 999;
}

.close-kit-product:hover {
    color: #fff;
}

.product__attr,
.product__image {
    margin-bottom: 15px;
}

.wr-custom-attribute.color-picker.oh {
    display: inline-block;
    *display: inline;
    /*IE7*/
    *zoom: 1;
    /*IE7*/
    height: 40px;
}

.modal-backdrop.fade.in {
    display: none;
}


/* .product:hover{
    width: max-content;
} */

.modal-backdrop .fade .in {
    display: none;
}

.product__title h3 {
    font-size: 12px !important;
    line-height: 16px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.products {
    overflow: visible !important;
}

.product:hover>.wr-item-animation:hover,
.product:hover>.product__wrap:hover {
    overflow: visible;
    padding: 15px;
    border: 0 !important;
    -moz-box-shadow: 0 0 15px #2a2a2a;
    -webkit-box-shadow: 0 0 15px #2a2a2a;
    box-shadow: 0 0 15px #2a2a2a;
    z-index: 99999;
    background: #fff;
    position: absolute;
    transform: scale(1.05) !important;
    visibility: visible;
    -webkit-transform: translateY(0) scale(1);
    opacity: 1;
    transform: translateY(0) scale(1);
    opacity: 1;
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.7s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
    transition: transform 0.7s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.7s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
}

.quote-builder-matchwear-results:hover>.owl-stage-outer:hover>.owl-stage:hover>.owl-item.active:hover>.product:hover>.product__wrap:hover,
.quote_result:hover>.item_title:hover>.product:hover>.product__wrap:hover,
.kitbuilder-products:hover>.product:hover>.product__wrap:hover,
.p-upsell:hover>.products:hover>.product:hover>.product__wrap:hover {
    padding: 0 !important;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    transform: none !important;
    visibility: visible;
    -webkit-transform: none !important;
    opacity: 1;
    transform: none !important;
    opacity: 1;
    -webkit-transition: none !important;
    transition: none !important;
}

.p-upsell:hover>.products:hover {
    overflow: hidden;
}

.product:hover>.wr-item-animation:hover>.product__wrap>.product__attr>.wr-custom-attribute.color-picker.oh,
.product:hover>.product__wrap>.product__attr>.wr-custom-attribute.color-picker.oh,
.quote_result>.item_title>.product>.product__wrap>.product__attr>.wr-custom-attribute.color-picker.oh,
.quote-builder-matchwear-results>.owl-stage-outer>.owl-stage>.owl-item.active>.product>.product__wrap>.product__attr>.wr-custom-attribute.color-picker.oh {
    height: auto;
    overflow-y: hidden;
    max-height: 500px;
    opacity: 1;
    animation-name: fadeInOpacity;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 0.25s;
}

.product:hover>.wr-item-animation:hover>.product__wrap>.product__title h3,
.product:hover>.product__wrap>.product__title h3 {
    white-space: normal;
    overflow: visible;
    /* transition-property: all;
	transition-duration: .9s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1); */
}

.product:last-child:nth-child(odd):hover>.wr-item-animation:hover,
.product:last-child:nth-child(odd):hover>.product__wrap:hover {
    position: relative;
}

#shop-main .products.grid-layout .product {
    min-height: 500px;
}

.kitbuilder-products.products {
    overflow: hidden;
}

.cart_customisation_details {
    position: absolute;
    width: 350px;
    height: auto;
    background: #fff;
    z-index: 9999;
    padding: 15px;
    border: solid 2px #2a2a2a;
    overflow: auto;
    border-radius: 10px;
}

.see_details {
    text-decoration: underline dashed #2482bd;
    font-size: 12px;
    font-weight: 600;
}

.bulk_discount {
    /* position: absolute;
    top: -15px;
    right: 0;
    width: 150px;
    height: 150px;
    position: absolute;
    border: solid 3px lightgrey;
    border-radius: 50%;
    
    background: #2482bd;
    z-index: 999; */
}

.bulk_discount h3 {
    color: #fff !important;
    font-weight: 700;
    text-align: center;
    line-height: 1em;
    font-size: 20px;
    font-family: "Roboto", "Montserrat", sans-serif;
    text-transform: uppercase;
}

.bulk_discount h3 span.bulk_discount_rate {
    line-height: 1em;
    font-size: 2em;
    font-family: "Roboto", "Montserrat", sans-serif;
    text-transform: uppercase;
}

.bulk_discount h5 {
    color: #fff;
    font-size: 1em;
    font-weight: 600;
}

.bulk_discount h5 span.bulk_discount_quantity {
    color: #ffbf47;
    font-size: 1em;
    font-weight: 600;
}

.bulk_discount.mobile-ribbon h5 span.bulk_discount_rate {
    line-height: 1em;
    font-size: 1em;
    font-family: "Roboto", "Montserrat", sans-serif;
    text-transform: uppercase;
}

.bulk_discount.mobile-ribbon h5 {
    color: #2a2a2a;
    font-size: 0.7em;
    font-weight: 600;
}

.bulk_discount.mobile-ribbon h5 span.bulk_discount_quantity {
    color: #ffbf47;
    font-size: 1em;
    font-weight: 600;
}

.ribbon {
    width: 150px;
    height: 150px;
    background-color: #2482bd;
    position: absolute;
    right: 0px;
    top: 0px;
    animation: drop forwards .8s 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    padding-top: 10px;
}

.ribbon:before {
    content: '';
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: -35px;
    border-left: 75px solid #2482bd;
    border-right: 75px solid #2482bd;
    border-bottom: 37.5px solid transparent;
}

.mobile-ribbon {
    font-size: 1em;
    font-weight: 600;
    color: #2a2a2a;
}


/* .ribbon:after{
    content:'';
    width:400px;
    height:270px;
    position: absolute;
    z-index: -1;
    left: 0;
    bottom:-120px;
    background-color:$shadow;
    transform:skewY(35deg) skewX(0);
} */

@keyframes drop {
    0% {
        top: -350px;
    }
    100% {
        top: 0;
    }
}

.woof-colour-name {
    float: left;
}

.woof_color_term {
    float: left;
}

.woof-add-colour[data-option-colour]:before {
    content: "";
    width: 7px;
    height: auto;
    background-color: attr(data-option-colour);
}

.woof-add-colour {
    padding-left: 5px;
}

.woof-add-colour[data-option-colour='white']:before {
    width: 3px;
    height: auto;
    background-color: #fff;
}

.woof-add-colour[data-option-colour='orange']:before {
    width: 7px;
    height: auto;
    background-color: orange;
}

.woof-add-colour[data-option-colour='yellow']:before {
    width: 7px;
    height: auto;
    background-color: yellow;
}

.woof-add-colour[data-option-colour='royal-blue']:before {
    width: 7px;
    height: auto;
    background-color: royalblue;
}

.woof-add-colour[data-option-colour='red']:before {
    width: 7px;
    height: auto;
    background-color: red;
}

.woof-add-colour[data-option-colour='green']:before {
    width: 7px;
    height: auto;
    background-color: green;
}

.woof-add-colour[data-option-colour='purple']:before {
    width: 7px;
    height: auto;
    background-color: purple;
}

.woof-add-colour[data-option-colour='pink']:before {
    width: 7px;
    height: auto;
    background-color: pink;
}

.woof-add-colour[data-option-colour='black']:before {
    width: 7px;
    height: auto;
    background-color: black;
}

.woof-add-colour[data-option-colour='navy-blue']:before {
    width: 7px;
    height: auto;
    background-color: navy;
}

.woof-add-colour[data-option-colour='sky-blue']:before {
    width: 7px;
    height: auto;
    background-color: skyblue;
}

.woof-add-colour[data-option-colour='grey']:before {
    width: 7px;
    height: auto;
    background-color: grey;
}

.woof-add-colour[data-option-colour='maroon']:before {
    width: 7px;
    height: auto;
    background-color: maroon;
}

.woof-add-colour[data-option-colour]::before {
    content: "";
    width: 2px !important;
    position: absolute !important;
    left: 2px !important;
    height: inherit !important;
}

.size_variation_quantities,
.rjm_customisations {
    margin-top: 50px;
}

.size_variation_quantities dl.variation,
.rjm_customisations dl.variation {
    margin-bottom: 0;
    font-size: 80%;
    display: flow-root;
}

.size_variation_quantities dl,
.rjm_customisations dl {
    margin-bottom: 0 !important;
}

.size_variation_quantities .variation dt,
.rjm_customisations .variation dt {
    float: left;
    margin-right: 5px;
    clear: both;
}

.size_variation_quantities dt,
.rjm_customisations dt {
    font-weight: 700;
}

.size_variation_quantities .variation dd,
.rjm_customisations .variation dd {
    margin-bottom: 0;
}

.size_variation_quantities dd,
.rjm_customisations dd {
    margin: 0 0 1.75em;
}

.customisation_quantity {
    padding: 0 2px;
}

.wr-custom-attribute[data-attribute="pa_sizes"] {
    width: max-content;
}

.wr-custom-attribute.text-label li a {
    float: left;
    height: 45px;
    line-height: 45px;
}

.wr-custom-attribute li {
    font-size: small;
    font-weight: bold;
}

.fpd-views-selection>.fpd-item {
    width: 150px !important;
    height: 150px !important;
}

nav.woocommerce-breadcrumb {
    font-size: 12px !important;
    font-weight: 600 !important;
}

.single-product .product-title {
    font-weight: 600;
}

.feature-item,
.woocommerce-product-details__short-description p {
    font-size: 14px;
    font-weight: 600;
}

.feature-item:empty,
.woocommerce-product-details__short-description p:empty {
    display: none;
}

.feature-item::before,
.woocommerce-product-details__short-description p:before {
    font-family: "FontAwesome";
    content: "\f00c        ";
}


/* .matchwear-item{
    float: left;
    position: relative;
} */


/* .quote-builder-matchwear-results{    
    width: 100%;
} */

.shirts_section,
.shorts_section,
.socks_section {
    /* overflow-x: scroll; */
}

.matchwear-item.selected::before,
.matchwear-item.selected:hover::before {
    font-family: "FontAwesome"!important;
    content: "\f00c";
    width: 50px !important;
    position: absolute !important;
    left: 2px !important;
    top: 5px;
    height: 50px !important;
    border-radius: 50%;
    border: solid 3px lightgrey;
    background: rgb(32, 32, 32);
    font-size: 22px;
    line-height: 44px;
    text-align: center;
    color: #ffbf47;
    z-index: 1;
}

.matchwear-item:hover::before {
    font-family: "FontAwesome"!important;
    content: "\f00c";
    width: 50px !important;
    position: absolute !important;
    left: 2px !important;
    top: 5px;
    height: 50px !important;
    border-radius: 50%;
    border: solid 3px lightgrey;
    background: rgb(32, 32, 32);
    color: grey;
    font-size: 22px;
    line-height: 44px;
    text-align: center;
    z-index: 1;
}

.results_count {
    border-bottom: solid 2px #f2f2f2;
}

.quote_price_title {
    text-align: center;
    background: #2a2a2a;
    color: #fff !important;
    padding: 15px 0;
}

.matchwear_adults_price,
.single_adults_price,
.matchwear_kids_price,
.single_kids_price {
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    background: #f2f2f2;
    padding: 35px 10px 35px 10px !important;
}

.prod_details {
    text-align: left;
}

.quote_matchwear_buy_now,
.quote_buy_now,
.quote_print,
.quote_matchwear_print,
.quote_email {
    line-height: 36px;
    font-size: 36px;
    font-weight: 600;
    text-align: center;
    background: #2482bd;
    padding: 35px 0;
}

.quote_matchwear_print,
.quote_print,
.quote_email {
    line-height: 26px;
    font-size: 26px;
    color: #fff !important;
    float: left;
}

.small-size {
    line-height: 16px;
    font-size: 16px;
}

.print_quote_brand_type_header {
    color: #2482bd;
}

a.quote_matchwear_buy_now:hover,
a.quote_matchwear_print,
a.quote_email {
    color: #fff !important;
}

.size-quantity {
    position: relative !important;
    background: white;
    float: left !important;
    width: 100% !important;
}

.size-quantity input[type="number"] {
    line-height: 41px !important;
    height: 43px !important;
    width: 100% !important;
    padding-right: 0 !important;
    border: 0 !important;
    font-size: 14px;
    font-weight: 600;
}

.size-quantity .qty {
    top: 0 !important;
    right: 0 !important;
    width: 15px !important;
    border-left: solid 1px;
}

ul[data-attribute="pa_sizes"] li .size_with_quantity {
    height: 100px;
}

.all-caps {
    text-transform: capitalize;
}

.woocommerce-product-details__short-description {
    margin-bottom: 20px;
}

.style-2 .variations .attribute_item {
    margin-bottom: 20px !important;
}

.single-product .p-single-info .price .amount {
    font-size: 25px !important;
    font-weight: 900 !important;
}


/* Customize the label (the container) */

.checkbox_container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* Hide the browser's default checkbox */

.checkbox_container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}


/* Create a custom checkbox */

.checkbox_container .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}


/* On mouse-over, add a grey background color */

.checkbox_container:hover input~.checkmark {
    background-color: #ccc;
}


/* When the checkbox is checked, add a blue background */

.checkbox_container input:checked~.checkmark {
    background-color: #2196F3;
}


/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the checkmark when checked */

.checkbox_container input:checked~.checkmark:after {
    display: block;
}


/* Style the checkmark/indicator */

.checkbox_container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


/* Customize the label (the container) */

.radio_container {
    /*display: block;*/
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    margin-right: 10px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 600;
}


/* Hide the browser's default radio button */

.radio_container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}


/* Create a custom radio button */

.radio_container .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
}


/* On mouse-over, add a grey background color */

.radio_container:hover input~.checkmark {
    background-color: #ccc;
}


/* When the radio button is checked, add a blue background */

.radio_container input:checked~.checkmark {
    background-color: #2196F3;
}


/* Create the indicator (the dot/circle - hidden when not checked) */

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the indicator (dot/circle) when checked */

.radio_container input:checked~.checkmark:after {
    display: block;
}


/* Style the indicator (dot/circle) */

.radio_container .checkmark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

.customisation_price_info {
    font-size: 15px;
    font-weight: 600;
}

.option_container {
    margin-bottom: 20px;
}

.radio_heading {}

.customisation_breakdown,
.customisation_info,
.additional_fees {
    font-size: 12px;
    font-weight: 400;
}

.customisation_breakdown .customisation_header {
    font-size: 16px;
    font-weight: 600;
}

.customisation_info {
    font-weight: 600;
}

.clearfix {
    clear: both;
}

.features-title {
    text-transform: uppercase;
    font-size: 24px;
}

.style-2 .product-attribute-table .label {
    width: 120px;
    font-weight: bold;
}

.product-attribute-table {
    padding-bottom: 10px;
}

.rjm_var_quantity {
    font-size: 14px;
    font-weight: 600;
    margin-left: 15px;
    line-height: 24px;
}

.rjm_var_price .woocommerce-Price-amount {
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
}

.attribute_table_headings,
.attribute_table_item {
    float: left;
    border-right: solid 2px #ffffff !important;
}

.attribute_table_headings:last-child,
.attribute_table_item:last-child {
    border-right: 0;
}

.item_heading,
.table_item {
    height: 45px;
}

.item_heading:last-child,
.table_item:last-child {
    height: 45px;
}

.item_heading {
    background: #2482bd;
}

.table_item {
    background: #f2f2f2;
}

.item_heading:not(:last-child),
.table_item:not(:last-child) {
    border-bottom: solid 2px #ffffff;
}

.item_heading p,
.table_item p {
    font-weight: 600;
    font-size: 12px;
    text-align: center;
    line-height: 40px;
}

.item_heading p {
    color: #fff;
}

.wc-item-meta li {
    list-style: none !important;
}

.fpd-show-order-item {
    display: none;
}

a.has-image {
    background: #fff !important;
}

.quantity input[type="number"] {
    -webkit-appearance: none !important;
    -moz-appearance: textfield !important;
}

.wr-custom-attribute-table .quantity {
    margin: 0 !important;
}

.submit_quote {
    padding: 10px;
    font-weight: 600;
}

.submit_quote:hover {
    background: #2a2a2a;
    color: #fff;
}

.header-mail a,
.header-mail i,
.home-header-mail a,
.home-header-mail i,
.header-tel a,
.header-tel i,
.home-header-tel a,
.home-header-tel i {
    text-decoration: none;
    color: #2a2a2a;
    font-weight: 600;
}

.home-header-mail a,
.home-header-mail i,
.home-header-tel a,
.home-header-tel i {
    color: #fff;
}

.home-header-mail a:hover,
.header-mail a:hover,
.header-mail i:hover,
.header-mail:hover,
.home-header-tel a:hover,
.header-tel a:hover,
.header-tel i:hover,
.header-tel:hover {
    color: #ffbf47;
}

.woof_redraw_zone .woof_list_label .woof_label_term {
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
}

.stock.out-of-stock,
.wc-no-matching-variations {
    font-weight: 600;
    color: maroon;
    text-transform: uppercase;
}

.single-has-image {
    background-color: #fff !important;
}

p.price {
    width: 100%;
}

a.customiser-how-to {
    margin: 15px 0;
}

#ct_size_guide,
#ct_size_guide div {
    max-width: 100% !important;
}

#ct_size_guide.sg table {
    display: none;
}

a.open-popup-link[href="#ct_size_guide"],
a.customiser-how-to {
    width: 100%;
    height: 50px;
    background-color: #2a2a2a;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    line-height: 50px;
    font-weight: 600;
    float: left;
}

a.open-popup-link[href="#ct_size_guide"]::before {
    content: "Check Out The ";
}

a.open-popup-link[href="#ct_size_guide"]:hover,
a.customiser-how-to:hover {
    color: #ffbf47;
}

.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -60px;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.mobile-list-layout .product__image {
    margin: auto;
}

.woof_remove_ppi {
    font-family: "Montserrat";
}

.woof_remove_ppi::before {
    font-family: "FontAwesome";
}

.button.woof_reset_search_form {
    width: 100%;
}

.yith-infs-loader {
    clear: both;
    margin: auto;
}

.single_variation_wrap .open-popup-link {
    display: none !important;
}

.woocommerce-product-gallery__image img {
    visibility: hidden;
}

.woocommerce-product-gallery__image:only-child img {
    visibility: visible;
}

.woocommerce-product-gallery__image.flex-active-slide {
    text-align: center !important;
}

.woocommerce-product-gallery__image.flex-active-slide img {
    visibility: visible;
}

.wr-custom-attribute.color-picker li.selected a {
    padding: 10px;
    border-radius: 25%;
    border: 0;
}

li.selected a.has-image {
    padding: 0 !important;
}

.wr-custom-attribute.color-picker li.selected a {
    border: solid 4px #dadada !important;
}

.addon-custom-textarea {
    width: 100% !important;
}

.wr-custom-attribute.color-picker li {
    /* display: block !important; */
}

.wr-nitro-carousel:hover .owl-nav>.owl-prev {
    left: -60px !important;
}

.wr-nitro-carousel:hover .owl-nav>.owl-next {
    right: -55px !important;
}

.buy_now_loading_header {
    margin-top: 50px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
}

.f-right {
    float: right !important;
}

.ta-right {
    text-align: right;
}

.rjm-product-customiser i {
    margin-right: 10px;
}

.fpd-modal-wrapper>.fpd-modal-close {
    width: 60px;
    height: 60px;
    position: absolute;
    right: 100px;
    border: solid 3px lightgrey;
    border-radius: 50%;
    text-align: center;
    line-height: 57px;
    background: rgb(32, 32, 32);
    z-index: 999;
    color: #ffbf47 !important;
    font-weight: 600;
}

.fade-in,
.product {
    opacity: 1;
    animation-name: fadeInOpacity;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 2s;
}

.slider {
    overflow-y: hidden;
    max-height: 300px;
    /* approximate max height */
    transition-property: all;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.slider {
    max-height: 55px;
    /* approximate max height */
    transition-property: all;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.mm-container {
    padding: 0 !important;
}

.hb-cart .cart-control span.count {
    background: #e4da52 !important;
    color: #000 !important;
    font-weight: 700;
}


/*frontend overwrite*/

.product__attr .wr-custom-attribute li a {
    width: 35px;
    height: 35px;
}

.single_placeholder__attr {
    height: 40px;
}

.product-btn-center .product__action-bottom .product__btn_cart {
    width: 100%;
    background: #2482bd !important;
    color: white;
    font-weight: 600;
    font-size: 0.85em;
}

.product-btn-center .product__action-bottom .product__btn_cart i {
    color: #fff !important;
}

.product-btn-center .product__action-bottom .product__btn_cart:hover>i {
    color: #ffbf47 !important;
}

.wr-custom-attribute li a.single-has-image {
    width: 60px;
    height: 60px;
}

ul.accepted-payment-methods {
    float: right;
}

.product-mobile-thumbnail {
    width: 37%;
    padding-right: 10px !important;
}

.product-mobile-info {
    width: 60%;
}

.customise-button-mobile {
    height: 30px !important;
    width: 100% !important;
    font-size: 8px !important;
    line-height: inherit !important;
}

.product-var-info {
    border: 0 !important;
    border-bottom: 1px solid #e1e1e1 !important;
    padding: 0 !important;
}

h5.var-product-subtotal-heading {
    text-align: left;
    margin: 0;
    font-weight: 600;
}

p.additional_fees_display {
    font-size: 90%;
}

.var-subtotal span.amount {
    font-size: 140% !important;
    font-weight: 600;
}

tr.importer-loading {
    background-image: url('https://staging.rjmsports.com/uploads/2018/11/loading.gif');
}

.quantity .qty {
    top: 0;
    right: 0;
    width: 32px;
}

@media (hover: none) {
    /* .product {
        pointer-events: none;
    } */
    .product:hover>.wr-item-animation:hover,
    .product:hover>.product__wrap:hover {
        position: relative;
    }
}

@media (max-width: 768px) {
    .woocommerce-cart .woocommerce>form .product-thumbnail,
    .shop_table_responsive .product-thumbnail {
        display: table-cell !important;
    }
    .quantity {
        width: 77px !important;
    }
}

@media (max-width: 800px) {
    .footer .top .widget_nitro_social {
        width: 100% !important;
        text-align: center;
        padding: 0 15px !important;
    }
    .cxs-space-32 {
        margin-bottom: 32px;
    }
    .product>.product__wrap>.product__content>.product__title h3 {
        white-space: normal;
        overflow: visible;
    }
}

@media (max-width: 568px) {
    .footer .bot .info * {
        text-align: center;
        margin: auto;
        float: inherit;
    }
    .product:hover>.wr-item-animation:hover,
    .product:hover>.product__wrap:hover {
        padding: 15px 0;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        position: relative;
        transform: none !important;
        visibility: visible;
        -webkit-transform: none !important;
        opacity: 1;
        transform: none !important;
        opacity: 1;
        -webkit-transition: none !important;
        transition: none !important;
    }
    .product>.wr-item-animation>.product__wrap>.product__attr>.wr-custom-attribute.color-picker.oh,
    .product>.product__wrap>.product__attr>.wr-custom-attribute.color-picker.oh {
        height: auto;
        overflow-y: hidden;
        max-height: 500px;
        opacity: 1;
        animation-name: fadeInOpacity;
        animation-iteration-count: 1;
        animation-timing-function: ease-in;
        animation-duration: 0.25s;
    }
    .cart_customisation_details {
        width: 100%;
        left: 0;
    }
    .see_details {
        text-decoration: underline dashed #2482bd;
        font-size: 12px;
        font-weight: 600;
    }
}

@keyframes fadeInOpacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes lds-rolling {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@-webkit-keyframes lds-rolling {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.lds-rolling {
    position: relative;
    margin: auto;
}

.lds-rolling div,
.lds-rolling div:after {
    position: absolute;
    width: 144px;
    height: 144px;
    border: 4px solid #cccccc;
    border-top-color: transparent;
    border-radius: 50%;
}

.lds-rolling div {
    -webkit-animation: lds-rolling 1.3s linear infinite;
    animation: lds-rolling 1.3s linear infinite;
    top: 100px;
    left: 100px;
}

.lds-rolling div:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.lds-rolling {
    width: 190px !important;
    height: 190px !important;
    -webkit-transform: translate(-95px, -95px) scale(0.95) translate(95px, 95px);
    transform: translate(-95px, -95px) scale(0.95) translate(95px, 95px);
}

.woof_list.woof_list_label li {
    width: 100% !important;
}

.product_subtotal .additional_fees {
    font-size: 12px;
    font-weight: 400;
    color: #2a2a2a !important;
}

#fpd-save-order {
    display: none !important;
}

.fpd-views-selection .fpd-shadow-1 {
    width: 50% !important;
    margin: auto !important;
    display: block;
}


/* cs equivalent*/

@media (max-width: 768px) {
    .attribute_table_headings,
    .attribute_table_item {
        width: 100% !important;
        border-bottom: solid 2px #fff !important;
    }
    .size-quantity {
        position: relative !important;
        background: white;
        float: left !important;
        width: 100% !important;
    }
    .size-quantity input[type="number"] {
        width: 100% !important;
        padding-right: 0 !important;
        border: 0 !important;
    }
    .size-quantity .qty {
        top: 0 !important;
        right: 0 !important;
        width: 15px !important;
        border-left: solid 1px;
    }
    .item_heading,
    .table_item {
        width: 33% !important;
        float: left;
        border-bottom: 0 !important;
        border-right: solid 2px #fff;
    }
    .attribute_table_item .quantity {
        width: 33% !important;
        text-align: center;
    }
}

@media (max-width: 568px) {
    .cxs-mgb-10 {
        margin-bottom: 10px;
    }
    .cxs-mgb-20 {
        margin-bottom: 20px;
    }
    .cxs-mgb-30 {
        margin-bottom: 30px;
    }
    .cxs-mgt-10 {
        margin-top: 10px;
    }
    .cxs-mgt-20 {
        margin-top: 20px;
    }
    .cxs-mgt-30 {
        margin-top: 30px;
    }
    .cxs-mgl-10 {
        margin-left: 10px;
    }
    .cxs-mgl-20 {
        margin-left: 20px;
    }
    .cxs-mgl-30 {
        margin-left: 30px;
    }
}