/* 
Theme Name: Footflops Child Theme 
Version: 1.0 
Description: Child theme Footflops, with customizations. 
Author: Paul
Author URI:  
Template: footflops */

.topbar-link-toggle .account-title {
    background-image: url(images/menu.svg);
}
.topbar-link-toggle:hover .account-title {
    background-image: url(images/menu-hover.svg);
}

.amount {
	color:#fe0000;
	font-size: 30px !important;
}
.fpf-totals dd {
    color: #fe0000;
    font-weight: bold;
}

.fpf-field.fpf-radio label {
    display: inline-block !important;
    border: 1px solid #000;
    width: auto;
    height: 30px;
    float: left;
    margin-right: 20px;
    text-align: center;
    line-height: 30px !important;
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
    padding: 0 10px;
}
.fpf-field.fpf-radio label.selected {
	background-color:#f03717;
}

.fpf-field.fpf-radio input {
    display: none;
}
/*.fpf-field.fpf-radio-images label:first-child {
    font-size:20px;
}
.fpf-radio-images input[type="radio"]+label {
    text-align:center;
}*/


.header-second-row {
    display: block;
/*    background: #2d2c2c;*/
    padding:20px 0;
}
.secondary-menu {
/*    max-width:900px;*/
    display:block;
    margin: 0 auto;
    height:100%;
}
.secondary-menu a {
    color: #fff;
    margin:0 auto;
/*    max-width: 120px;*/
    display:block;
    font-size:11px;
    text-align:center;
}
.secondary-menu a:hover {
    color: #888888;
}
.secondary-menu li.no-img > a img {
    display:none;
}
.second-menu {
    margin-left:0;
    margin-bottom:0;
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    height:60px;
    align-items:center;
}
#menu-second-row-rugby.second-menu {
    grid-template-columns: repeat(6, 1fr);
}
.mega-menu-column a {
    padding:20px;
    border-radius:5px;
    border-width: 1px;
    border-style: solid;
    border-color:transparent;
    transition: background .4s;
    text-align:left;
    width:100%;
    box-sizing:border-box;
}
.mega-menu-column a:hover {
    background:#434242;
    color:#fff;
}
.mega-menu-column a img {
    height:70px;
    margin-right:30px;
}
li.has-mega-menu {
    height: 100%;
    align-items: center;
    display: grid;
}
li.has-mega-menu .sub-menu {
    position:fixed;
    top:178px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: calc( ( 100% - 1450px ) / 2 );
    padding-right: calc( ( 100% - 1450px ) / 2 );
    max-height: calc( 100vh - 88px );
    overflow:hidden;
    overflow-y:auto;
}
.sub-menu li {
    height: auto;
}


@media screen and (min-width: 600px){
    .second-menu:first-child {
        margin-left:20px;
    }
    .has-mega-menu {
        position:static;
        display: inline-block;
        /*padding-right: 10px;*/
        line-height: 20px;
    }
    li.has-mega-menu .sub-menu {
        width: 100%;
        z-index: 100;
        left:0px;
        right:0px;
        display:none;
        margin-left: 0;
        background: #2d2c2c;
    }
    li.has-mega-menu:hover>.sub-menu{
        /*flexbox fallback for browsers that do not support CSS GRID lyout*/
        display: flex;
        flex-wrap: wrap;
        list-style-type: none;
        /*CSS GRID lyout*/ 
        display: grid;
        grid-template-columns: repeat(auto-fit,minmax(50%, 50%));
    }

}
@media screen and (min-width: 992px){
    
    /*.has-mega-menu {
        padding-right: 12px;
    }*/
    li.has-mega-menu:hover>.sub-menu{
        grid-template-columns: repeat(auto-fit,minmax(33.3333%, 33.3333%));
    }
}
@media screen and (min-width: 1200px){
    /*.has-mega-menu {
        padding-right: 45px;
    }*/
    .second-menu:first-child {
        margin-left:-4px;
    }
    li.has-mega-menu:hover>.sub-menu{
        grid-template-columns: repeat(auto-fit,minmax(25%, 25%));
    }
}



@media screen and (min-width: 600px){
    li.mega-menu-column {
        width: 100%;
        max-width: 100%;
        min-height: 1px;
        padding: 10px 0px;
        flex: 1 0 calc(50%);
        display:flex;
    }
}
@media screen and (min-width: 992px){
    li.mega-menu-column {
        flex: 1 0 calc(33.333%);
        display:flex;
    }
}
@media screen and (min-width: 1200px){
    li.mega-menu-column {
        flex: 1 0 calc(25%);
        display:flex;
    }
}
/*li.mega-menu-column:hover {
    background:#434242;
}*/

.navigation-bar {
    display:block;
}
@media screen and (max-width: 576px){
    .navigation-bar {
        display:none;
    }
}


/* HEADER STYLES */
.header-top .main-navigation,
.header-second-row,
.secondary-menu,
.menu-second-row-container,
.menu-second-row-rugby-container,
.second-menu {
    height:100%;
    margin:0;
    padding:0;
}
.header-top .theme-container {
    display: grid;
    grid-template-columns: .15fr .7fr .15fr;
}
.header-left {
    float: none;
    display: block;
}
@media only screen and (max-width: 479px) {
    .header-left {
        top: 18px !important;
    }
}
.header-center {
    float: none;
    vertical-align: baseline;
}
.header-right {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin:0;
    justify-items: end;
    align-items: center;
    padding-left:10px;
}
.header-search,
.topbar-link,
.header-cart {
    float:none;
    margin:0;
}
.header-search .search-form {
    top: 70px !important;
}
.header-search .search-form .search-field {
    border-color:#121212;
}
@media only screen and (max-width: 479px) {
    .header-center {
        display:none;
    }
    .header-top .theme-container {
        grid-template-columns: repeat(2, 100%);
    }
    .header-right {
        justify-items: center;
    }
    .header-search .search-form {
        right:-220px !important;
    }
    .header-search .search-form {
        top: 50px !important;
    }
}


/* MENU ICONS */
.header-right .dashicons {
    width: 32px;
    height: 32px;
    font-size: 32px;
    color:#fff;
    cursor: pointer;
}
.header-right .dashicons:hover {
    color: #777777;
}
.cart-items-num {
    background-color: #787777;
    width: 22px;
    height: 22px;
    line-height: 22px;
    position: absolute;
    border-radius: 50%;
    top: -5px;
    right: -5px;
    color: #fff;
}
.cart-items-num.active {
 background-color:#f56f01;
}
.cart-items-num-pos {
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    transform: translate( -50%, -50% );
}
.header-search .header-toggle,
.header-search .header-toggle:hover,
.header-search.active .header-toggle,
.header-search.active .header-toggle:hover {
    background-image:none;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    background-size: auto;
    height: auto;
    width: auto;
}

/* product nav buttons hide */
.tmpmela_product_nav_buttons {
    display:none;
}

.woocommerce-product-details__short-description {
    max-width:560px;
}

.logo-size-container {
    display:grid;
    grid-template-columns: 1fr 1fr;
    width: 300px;
    place-items: center;
    justify-content: center;
}

.summary .logo-container {
    display: block;
    margin-top: 10px;
    position: relative;
    width: 120px;
}
.summary .logo-container img {
    width: 100%;
}
.summary .size-chart-btn-container {
    display: block;
    margin-top: 10px;
    position: relative;
    width: 70px;
    cursor:pointer;
}
.summary .size-chart-btn-container img {
    width: 100%;
}

.size-chart-pop-container {
    display: block;
    position: fixed;
    top: 167px;
    right: -651px;
    width: 650px;
    background: #fff;
    bottom: 0;
    box-shadow: 0 0 30px -15px #000;
    border: 1px solid #888;
    transition: right .2s, top .1s;
/*    transition-delay: 0s, .5s;*/
}
.size-chart-pop-container.open {
    right:0;
}
.size-chart-pop-container-top-bar {
    display:block;
    background:#fff;
    height: 40px;
    position:relative;
}
.size-chart-pop-container-top-bar-close {
    display:block;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    width:40px;
    cursor:pointer;
}
.size-chart-pop-container-top-bar-close .dashicons {
    width: 40px;
    line-height: 40px;
    font-size: 30px;
}
.size-chart-pop-container-content {
    display:block;
    padding: 0 20px 20px 20px;
}
.size-chart-pop-container-content-top {
    display:grid;
    grid-template-columns: 1fr 80px;
/*    justify-content: center;*/
    border-bottom: 1px solid #999;
}
.size-chart-pop-container-content-top .tailles-head {
    line-height:80px;
    font-size: 20px;
    font-weight:bold;
    color:#000;
}
.size-chart-pop-container-content-top .tailles-logo {
    justify-content: right;
    display: grid;
    align-content: center;
}
.size-chart-pop-container-content-top .logo-container {
    width:80px;
}
.size-chart-pop-container-content .size-chart {
    display:grid;
    justify-items: center;
    margin-top:30px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    color:#000;
    box-sizing: border-box;
}
.size-chart-pop-container-content .size-chart div {
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    width:100%;
    text-align: center;
    line-height:45px;
}
.size-chart-pop-container-content .size-chart.nike.homme,
.size-chart-pop-container-content .size-chart.nike.femme,
.size-chart-pop-container-content .size-chart.nike.junior {
    grid-template-columns: repeat(4, 1fr);
}
.size-chart-pop-container-content .size-chart.nike.homme div:nth-child(4n),
.size-chart-pop-container-content .size-chart.nike.femme div:nth-child(4n),
.size-chart-pop-container-content .size-chart.nike.junior div:nth-child(4n) {
    background:#eee;
    font-weight:bold;
    line-height:45px;
}

.size-chart-pop-container-content .size-chart.nike.homme div:nth-child(-n+4),
.size-chart-pop-container-content .size-chart.nike.femme div:nth-child(-n+4),
.size-chart-pop-container-content .size-chart.nike.junior div:nth-child(-n+4) {
    background:#eee;
    font-weight:bold;
    line-height:25px;
    padding:5px 0;
}
@media only screen and (max-width: 479px) {
    .size-chart-pop-container {
        right: calc( - 100% - 1px );
        width: 100%;
        z-index:200;
    }
    .size-chart-pop-container-content .size-chart div {
        font-size: .8em;
    }
    .size-chart-pop-container-content .size-chart.nike.homme div:nth-child(-n+4),
    .size-chart-pop-container-content .size-chart.nike.femme div:nth-child(-n+4),
    .size-chart-pop-container-content .size-chart.nike.junior div:nth-child(-n+4) {
        line-height:1.8em;
    }
}

.product-shipping-info-container {
    display: inline-block;
    padding:20px;
    background:#fef5f4;
    border:1px solid #f9d6d2;
    margin-bottom:20px;
    font-weight:normal;
    color:#000;
    font-size:14px;
}
.cart .product-shipping-info-container {
    margin-top:20px;
}
.product-shipping-info-container a {
    color: #f03717;
    font-weight: bold;
}
.product-shipping-info-container .dashicons {
    color: #f03717;
    margin-right:5px;
}
.product-shipping-info-container .top-row {
    font-size: 18px;
}
.header-logo img {
    width: 200px;
}
.jj-footer-menu {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    max-width:1400px;
    margin: 0 auto;
}
.jj-footer-menu h4 {
    color: #fe0000;
    text-transform: uppercase;
}
.jj-footer-menu ul.footer-menu {
    list-style-type:none;
    margin-left: 0;
}
.jj-footer-menu ul.footer-menu li {
}
.jj-footer-menu ul.footer-menu li a {
    color:#fff;
    text-transform: uppercase;
}
.jj-footer-menu ul.footer-menu li a:hover {
    color:#777;
}
.jj-footer-col.col4 {
    text-align:right;
}
@media only screen and (max-width: 479px) {
    .footer-top {
        display:none;
    }
}

/* SLIDE IN MENU */
.jj-slide-in-menu {
    position:fixed;
    width:500px;
    height:100%;
    top:0px;
    right:-501px;
/*    bottom:0;*/
    background-color:#1a1a1a;
    border:1px solid #000;
    overflow: auto;
    overflow-x:hidden;
    z-index:99999999;
    transition:.2s;
    box-shadow: 0 0 30px -15px #000;
}
.jj-slide-in-menu.opened {
    right:0;
}
@media only screen and (max-width: 479px) {
    .jj-slide-in-menu {
        right: calc( - 100% - 1px );
        width: 100%;
    }
    /* HIDE TRANSLATEPRESS FLOATING LANGUAGE SWITCHER FOR MOBILES */
    #trp-floater-ls {
        display:none;
    }
}
.jj-slide-in-menu .jj-slide-in-menu-user-bar,
.jj-slide-in-menu .jj-slide-in-menu-top-bar {
    display:block;
    background-color:#262728;
    line-height:50px;
    height:50px;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    position:relative;
}
.jj-slide-in-menu .jj-slide-in-menu-user-bar {
    padding-left:23px;
}
.jj_user_name {
    color:#fff;
}
.jj-slide-in-menu-top-bar-language {
    position: relative;
    padding-left:24px;
}
.jj-slide-in-menu-top-bar-language-choice a {
    color:#fff;
}
.jj-slide-in-menu-top-bar-language-choice a:hover {
    color:#f03717;
}
.jj-slide-in-menu .jj-slide-in-menu-top-bar .jj-slide-in-menu-top-bar-icon {
    width: 50px;
    position: absolute;
    right: 0;
    top:0;
}
.jj-slide-in-menu .jj-slide-in-menu-top-bar .dashicons {
    line-height: 50px;
    width: 50px;
    height: 50px;
    font-size:35px;
    color:#fff;
}
.jj-slide-in-menu .jj-slide-in-menu-top-bar .dashicons:hover {
    color:#f03717;
    cursor:pointer;
}
.jj-slide-in-menu ul {
    list-style-type: none;
    padding:0;
    margin:0;
    position: relative;
}
.jj-slide-in-menu ul li {
    width:100%;
    position: relative;
}
.jj-slide-in-menu ul li.menu-item-has-children .mobile-menu-icon {
    line-height: 50px;
    vertical-align: top;
    text-align: center;
    font-size:20px;

    position:absolute;
    top:0;
    right:0;
    bottom:0;
    width:50px;
    display:block;
    color:#fff;
}
.jj-slide-in-menu ul li.menu-item-has-children .mobile-menu-icon:hover {
    color:#f03717;
    cursor:pointer;
}
.jj-slide-in-menu ul li.menu-item-has-children .mobile-menu-icon.opened:before {
    content: "\f343";
}
.jj-slide-in-menu ul li a {
    color:#fff;
    text-decoration:none;
    width:100%;
    text-transform: uppercase;
    transition:color .2s;
}
.jj-slide-in-menu ul li a:hover {
    color:#f03717;
}
.jj-slide-in-menu ul li ul.sub-menu {
    max-height:0;
    overflow: hidden;
    transition: max-height .2s;
}
.jj-slide-in-menu ul li.menu-item-has-children .mobile-menu-icon.opened + ul.sub-menu {
    max-height: 3000px;
}
.jj-slide-in-menu ul li ul li {
    padding-left: 30px;
    box-sizing:border-box;
}
/* FIX VIDEO DISPLAYED OVER SLIDE IN MENU */
.home-slider {
    z-index:0;
}

/* CART NUMBER BG */
.cart-items-num.active {
    background-color: #f03717;
}

.product-button-outer a:before {
    content: "\f177";
    width: 32px;
    height: 32px;
    font-size: 32px;
    color: #fff;
    cursor: pointer;
    font-family: dashicons;
    display: inline-block;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: never;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 20px;
    height: 20px;
    font-size: 20px;
    vertical-align: top;
    text-align: center;
    transition: color .1s ease-in;
    margin-right:20px;
}
.jj-sale-sticker {
    position: absolute;
    display: block;
    width: 50px;
    height: 50px;
    transform: rotate(-20deg);
    top: 0;
}
.jj-sale-sticker-back {
    position: absolute;
    display: block;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background: #17bf80;
    border-radius: 50%;
    clip-path: inset(0px 0px 16% 0px);
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #FF0026),
        color-stop(1, #C20000)
    );
    background-image: -o-linear-gradient(bottom, #FF0026 0%, #C20000 100%);
    background-image: -moz-linear-gradient(bottom, #FF0026 0%, #C20000 100%);
    background-image: -webkit-linear-gradient(bottom, #FF0026 0%, #C20000 100%);
    background-image: -ms-linear-gradient(bottom, #FF0026 0%, #C20000 100%);
    background-image: linear-gradient(to bottom, #FF0026 0%, #C20000 100%);
}
.jj-sale-sticker-price {
    color: #fff;
    position: absolute;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    top: 50%;
    transform: translateY(-50%);
    width:100%;
}
.jj-sale-sticker-peel {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #ddced3;
    bottom: -68%;
    clip-path: inset(0px 0px 84% 0px);
    border-radius: 50%;
    background-image: -webkit-gradient(
        linear,
        right bottom,
        right top,
        color-stop(0.2, #B8B8B8),
        color-stop(0.89, #B8B8B8),
        color-stop(1, #FFFFFF)
    );
    background-image: -o-linear-gradient(top, #B8B8B8 20%, #B8B8B8 89%, #FFFFFF 100%);
    background-image: -moz-linear-gradient(top, #B8B8B8 20%, #B8B8B8 89%, #FFFFFF 100%);
    background-image: -webkit-linear-gradient(top, #B8B8B8 20%, #B8B8B8 89%, #FFFFFF 100%);
    background-image: -ms-linear-gradient(top, #B8B8B8 20%, #B8B8B8 89%, #FFFFFF 100%);
    background-image: linear-gradient(to top, #B8B8B8 20%, #B8B8B8 89%, #FFFFFF 100%);
}
@media only screen and (max-width: 479px) {
    .jj-sale-sticker {
        width: 30px;
        height: 30px;
    }
    .jj-sale-sticker-price {
        font-size:8px;
    }
}

.summary.entry-summary p.price {
    position:relative;
}
.summary.entry-summary p.price ins {
    position:relative;
}
.summary.entry-summary p.price ins span.woocommerce-Price-amount.amount div.new_visual_price {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: #fff;
    display: block;
    right: 0;
}
.site-info {
    float: none;
}

.woocommerce ul.products li.product .product-name,
.woocommerce-page ul.products li.product .product-name {
    text-overflow: clip;
    overflow: visible;
    white-space: normal;
}
.desc {
    font-size: 10px;
    display: block;
    max-width:1400px;
    margin: 0 auto;
}
.desc p {
    margin-bottom:10px !important;
    line-height: 20px !important;
}
.desc h3 {
    font-size: 14px;
}
.desc h4 {
    font-size: 12px;
}
.woocommerce span.onsale, .woocommerce-page span.onsale {
    display:none !important;
}

/* NEW ICON MENU */
.jj-slide-in-menu.new .jj-slide-in-menu-items {
    display:grid;
    grid-template-columns: repeat(3, 1fr );
    column-gap:10px;
    row-gap:10px;
    padding:10px;
    position:relative;
}
.jj-slide-in-menu.new .jj-slide-in-menu-items.children {
    padding:0 10px;
    max-height: 0px;
    overflow:hidden;
    background-color:#333333;
    transition: padding-top .2s, padding-bottom .2s, max-height .2s;
}
.jj-slide-in-menu.new .jj-slide-in-menu-items.children.active {
    max-height:2000px;
    padding-top:10px;
    padding-bottom:10px;
}
.jj-slide-in-menu.new .jj-slide-in-menu-items a {
    font-size: 10px;
    padding:20px;
    text-align:center;
    color:#fff;
    text-transform: uppercase;
    line-height:16px;
    background-color: transparent;
    transition:background-color 0.3s;
    border-radius:5px;
    position:relative;
}
.jj-slide-in-menu.new .jj-slide-in-menu-items a.has-children:after {
    content:"";
    display:block;
    width:10px;
    height:10px;
    background-color:#fff;
    position:absolute;
    bottom:10px;
    left:50%;
    transform: translateX(-50%);
    clip-path: polygon(100% 66%, 50% 100%, 0 66%, 0 33%, 50% 66%, 100% 35%);
}
.jj-slide-in-menu.new .jj-slide-in-menu-items a:hover,
.jj-slide-in-menu.new .jj-slide-in-menu-items a.active {
    background-color:#434242;
}
.jj-slide-in-menu.new .jj-slide-in-menu-items a .jj-slide-in-menu-item-img {
    display:block;
    margin:0 auto;
    width:100%;
    aspect-ratio:1/1;
    background-size:contain;
    margin-bottom: 10px;
}

/* FILTERS */
.jj-filter-container {
    display:grid;
/*    grid-template-columns: repeat(6,1fr);*/
    grid-template-columns: repeat(7,1fr);
    column-gap:20px;
    row-gap:10px;
    margin-bottom: 20px;
    color: #303030;
    margin-top: 20px;
}
.jj-filter-container.active {
    border-bottom:1px solid #666;
    padding-bottom:20px;
}
.jj-filter-container .jj-filter-column {
    display:none;
}
.jj-filter-container.active .jj-filter-column {
    display:block;
}
.jj-filter-column.heading {
/*    grid-column: span 6;*/
    grid-column: span 7;
    display:block;
}
.jj-filter-column.heading a span.dashicons-filter {
    line-height:26px;
    height:26px;
    transition: transform .3s;
}
.jj-filter-container.active .jj-filter-column.heading a span.dashicons {
    transform: rotateX(180deg);
}
.jj-filter-container.active .jj-filter-column.heading {
/*    grid-column: span 3;*/
    grid-column: span 4;
}
.jj-filter-column.reset {
    grid-column: span 3;
    text-align:right;
    display:none;
}
.jj-filter-container.active .jj-filter-column.reset {
    display:block;
}
.jj-filter-column.reset button {
    line-height: 18px;
    font-size: 12px;
    padding: 3px 10px;
}
.jj-filter-column form label {
    color:#fff;
    font-weight:normal;
    white-space:nowrap;
}
.jj-filter-column details {
    position:relative;
    background:#fff;
    color:#666;
    transition: background .3s, color .3s;
    cursor:pointer;
    z-index:98;
}
.jj-filter-column details:hover {
    background:#e7e6e6;
}
.jj-filter-column details.set {
    background:#cdcdcd;
    color:#222;
}
.jj-filter-column details summary,
.jj-filter-column details .drop {
    border: 1px solid #666;
    border-radius: 2px;
    list-style:none;
}
.jj-filter-column details summary::-webkit-details-marker {
    display: none; /* special fix, required just for Safari */
}
.jj-filter-column details summary {
    border: 1px solid #666;
    border-radius: 2px;
    padding-left: 10px;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
    white-space:nowrap;
    overflow: hidden;
}
.jj-filter-column details summary .dashicons {
    position: absolute;
    right: 1px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    font-size: 16px;
    background:#fff;
    transition: background .3s, transform .3s;
}
.jj-filter-column details.disabled {
    pointer-events: none;
    background:#eee;
    color:#b1b1b1;
}
.jj-filter-column details.disabled summary .dashicons {
    background:#eee;
    display:none;
}
.jj-filter-column details:hover summary .dashicons {
    background:#e7e6e6;
}
.jj-filter-column details.set summary .dashicons {
    background:#cdcdcd;
}
.jj-filter-column details[open] summary .dashicons {
    transform: rotateX(180deg);
}
.jj-filter-column details summary::-webkit-details-marker {
    display: none; /* special fix, required just for Safari */
}
.jj-filter-column details .drop {
    position: absolute;
    background: #2d2c2c;
    box-shadow: 0px 3px 10px rgba(0,0,0,0.3);
    z-index:98;
    top: 100%;
    left: 0;
    right: 0;
    color:#fff;
    max-height: 400px;
}
.jj-filter-column details .list {
    overflow: auto;
    overflow-x: hidden;
    max-height:398px;
}
.jj-filter-column details .list.search {
    max-height:362px;
}
.jj-filter-column details ul {
    list-style: none;
    margin: 0;
}
.jj_filter_search_container {
    padding:2px;
}
.jj_filter_search_container input[type=text] {
    width:100%;
}
.jj_filter_search_container .jj_filter_search_clear {
    position: absolute;
    top: 2px;
    right: 3px;
    color: #666;
    width: 20px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    display:none;
}
.jj_filter_search_container .jj_filter_search_clear:hover {
    color: #000;
}
.jj_filter_search_container .jj_filter_search_clear.on {
    display:block;
}
.jj_filter_search_container .jj_filter_search_clear .dashicons {
    height: 34px;
    line-height: 34px;
}
.jj-filter-column details li.hidden {
    display:none;
}
.jj-filter-column details li.search.not {
    display:none;
}
.jj-filter-column details li input[ type=radio ] {
    display:none;
}
.jj-filter-column details li input[ type=radio ] + label {
    padding: 5px 10px;
    width:100%;
    display:block;
    box-sizing:border-box;
}
.jj-filter-column details li input[ type=radio ] + label span.dashicons {
    height: 26px;
    width: 26px;
    line-height: 26px;
    position: absolute;
    right: 0;
}
.jj-filter-column details li input[ type=radio ] + label:hover {
    background: #434242;
}
.jj-filter-column details li input[ type=radio ]:checked + label,
.jj-filter-column details li input[ type=radio ]:checked + label:hover {
    background: #fe0000;
}
@media screen and (max-width: 768px){
    .jj-filter-container,
    .jj-filter-container.dev {
        grid-template-columns: repeat( 4, 1fr );
    }
    .jj-filter-container.active .jj-filter-column.heading,
    .jj-filter-container.active .jj-filter-column.heading.dev {
        grid-column: span 2;
    }
    .jj-filter-column.reset {
        grid-column: span 2;
    }
}
@media screen and (max-width: 576px){
    .jj-filter-container,
    .jj-filter-container.dev {
        grid-template-columns: 47% 47%;
        margin-top: 0px;
    }
    .jj-filter-column {
        grid-column: span 1;
    }
    .jj-filter-column.heading,
    .jj-filter-column.heading.dev,
    .jj-filter-container.active .jj-filter-column.heading,
    .jj-filter-container.active .jj-filter-column.heading.dev {
        grid-column: span 1;
    }
    .jj-filter-column.reset,
    .jj-filter-container.active .jj-filter-column.reset  {
        grid-column: span 1;
    }
    .jj-filter-column details {
        z-index:auto;
    }
    .jj-filter-column details summary {
        padding:10px;
    }
    .jj-filter-column details li input[ type=radio ] + label {
        padding: 10px 20px;
    }
}

.backface {
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    display:none;
    z-index:97;
}
.backface.on {
    display:block;
}
.woocommerce form .form-row-wide, .woocommerce-page form .form-row-wide {
    clear:both !important;
}

.jj-product-specifications {
    display:grid;
    grid-template-columns: repeat(2, auto);
    max-width: 500px;
    border-bottom:1px solid #666;
    color:#333;
}
.jj-product-specifications div {
    border:1px solid #666;
    line-height:30px;
    padding: 0 20px;
}
.jj-product-specifications div:nth-child(odd) {
    border-bottom:0;
    border-right:0;
}
.jj-product-specifications div:nth-child(even) {
    border-bottom:0;
}
.jj-product-specification-label {
    background-color: #eee;
    text-transform: capitalize;
    font-weight:bold;
}

.jj-desc-cols {
    display:grid;
    column-gap:40px;
    grid-template-columns: repeat(2, auto);
}
.jj-desc-col.text {
    grid-column:1;
    font-size: 16px;
}
.jj-desc-col.specs {
    grid-column:2;
}

.jj-tag-sticker {
    display:block;
    position:absolute;
    background-color:#cecece;
    color:#fff;
    transform:rotate(45deg);
    text-align: center;
    word-spacing: 99999999999px;
    opacity:0.4;
}
.single-product .jj-tag-sticker {
    width: 265px;
    height: 60px;
    padding: 6px 0;
    top: 32px;
    left: 387px;
    font-size: 40px;
    line-height: 30px;
    right:auto;
}
.product-block-inner .jj-tag-sticker {
    width: 150px;
    height: 33px;
    padding: 3px 0;
    top: 11px;
    right: -46px;
    font-size: 20px;
    line-height: 17px;
    left: auto;
}

@media screen and (max-width: 576px){
    .jj-desc-cols {
        grid-template-columns: 1fr;
    }
    .jj-desc-col.text {
        grid-row:2;
        grid-column:1;
    }
    .jj-desc-col.specs {
        grid-row:1;
        grid-column:1;
    }
    .jj-product-specifications {
        margin-top:40px;
    }

    .single-product .jj-tag-sticker {
        left:149px;
    }
    .product-block-inner .jj-tag-sticker {
        font-size: 16px;
        height: 27px;
        width: 108px;
        line-height: 14px;
        right: -29px;
        top: 10px;
    }
}

.fpf-fields .fpf-field.fpf-heading {
    margin-top: 40px;
}
.fpf-fields .fpf-field.fpf-heading:first-child {
    margin-top: 0px;
}

.archive .page-title .entry-title-main {
    text-transform:uppercase !important;
}
.jj-desc-col h4 {
    font-weight:normal !important;
}
.jj-desc-col .more-text {
    font-size:16px;
/*    color:#000;*/
}
.mystery-boxes {
    width:33.33%;
}
@media screen and (max-width: 576px){
    .mystery-boxes {
        width:100%;
    }
}
#agWidget-1 {
    filter: none !important;
}