/* TRAFIK AP */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');

span.price,
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3, 
.woocommerce ul.products li.product h2, 
.woocommerce ul.products li.product h2, 
.woocommerce-page ul.products li.product h2{
    font-family: 'Outfit', sans-serif
}
body, .toggle h3 a, body .ui-widget, table, select, .bar_graph li span strong, 
#slide-out-widget-area .tagcloud a, body .container .woocommerce-message a.button, 
#search-results .result .title span, .woocommerce ul.products li.product h3, 
.woocommerce-page ul.products li.product h3, .row .col.section-title .nectar-love span, 
body .nectar-love span, body .nectar-social .nectar-love .nectar-love-count, 
body .carousel-heading h2, .sharing-default-minimal .nectar-social .social-text, 
body .sharing-default-minimal .nectar-love, 
.widget ul.nectar_widget[class*="nectar_blog_posts_"] > li .post-date, 
.single [data-post-hs="default_minimal"] #single-below-header span, 
.single .heading-title[data-header-style="default_minimal"] #single-below-header span, 
#header-outer .nectar-image-link-widget .image-link-content span, 
#slide-out-widget-area.fullscreen .nectar-image-link-widget .image-link-content span, 
#slide-out-widget-area.fullscreen-alt .nectar-image-link-widget .image-link-content span, 
.nectar-header-text-content, #slide-out-widget-area .nectar-ext-menu-item .menu-item-desc, 
.woocommerce-checkout-review-order-table .product-info .product-quantity, 
#ajax-content-wrap .nectar-shop-header-bottom .widget_layered_nav_filters ul li a, 
#ajax-content-wrap .nectar-sticky-tabs .wpb_tabs_nav li .menu-content > a{
    font-family: 'Outfit', sans-serif !important
}
#page-header-bg h2, body h2, article.post .post-header h2, 
article.post.quote .post-content h2, article.post.link .post-content h2, 
#call-to-action span, .woocommerce .full-width-tabs #reviews h3, .row .col.section-title h2, 
.nectar_single_testimonial[data-style="bold"] p, 
.woocommerce-account .woocommerce > #customer_login .nectar-form-controls .control, 
body #error-404 h2, .woocommerce-page .woocommerce p.cart-empty, 
.nectar-ext-menu-item .inherit-h2 .menu-title-text, 
#slide-out-widget-area .nectar-ext-menu-item .inherit-h2, 
#mobile-menu .nectar-ext-menu-item .inherit-h2, #ajax-content-wrap .nectar-inherit-h2, 
#header-outer .nectar-inherit-h2, [data-inherit-heading-family="h2"], 
.nectar-quick-view-box div.product h1.product_title.nectar-inherit-h2,
body, body h1, body h2, body h3, body h4, body h5, body h6, 
.woocommerce div.product .woocommerce-tabs .full-width-content ul.tabs li a, 
.woocommerce .woocommerce-breadcrumb a, body:not(.original) .comment-list .comment-author, 
body:not(.original) .comment-list .pingback .comment-body > a, 
.post-area.standard-minimal .post .more-link span, 
#sidebar .widget .nectar_widget[class*="nectar_blog_posts_"] > li .post-date{
    font-family: 'Outfit', sans-serif !important
}
.home #page-header-wrap{
    display: none !important;
}
#page-header-wrap{
     height: auto !important;
}
#page-header-wrap #page-header-bg{
    padding: 80px 0;
}
#page-header-bg .span_6 h1, .nectar-box-roll .overlaid-content h1,
.nectar-highlighted-text h2{
    text-transform: uppercase;
    font-weight: 700;
}
.swiper-slide .button.solid_color .white, .swiper-slide .button.solid_color_2 .white {
    text-transform: uppercase !important;
}
#header-outer[data-format="centered-menu-bottom-bar"] #top .span_9 nav >ul >li:not(#social-in-menu):not(#nectar-user-account):not(#search-btn):not(.slide-out-widget-area-toggle) > a {
    text-transform: uppercase;
    font-weight: 700;
}
.text-uppercase{
    text-transform: uppercase;
}
.product-size-chart .chart-info{
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 20px;
    padding: 15px;
    background: #f4f4f4;
}
.size-chart-toggle .toggle>.toggle-title a{
    font-size: 21px;
    line-height: 20px;
    padding: 12px 12px 12px 36px;
}
.size-chart-toggle .toggle>.toggle-title a i {
    line-height: 20px;
    font-size: 18px;
}
.size-chart-toggle .toggle-contents{
    max-height: unset !important;
    padding: 25px 15px;
    box-shadow: none !important;
    background: #fdfefd;
    border: 1px solid #efefef;
}
.swiper-slide .content h2 {
    font-weight: 700;
    font-size: 60px;
    line-height: 60px;
    text-transform: uppercase;
}
body .size-chart-toggle .toggle[data-inner-wrap=true]>div .inner-toggle-wrap{
    padding: 25px;
}
.size-chart-toggle .inner-toggle-wrap p, .size-chart-toggle .inner-toggle-wrap span{
    font-size: 13px;
    line-height: 20px;
}
.size-chart-toggle table td {
    padding-left: 8px !important;
    line-height: 1.1;
}
.size-chart-toggle table {
    border-top: 1px solid #efefef !important;
}
.size-chart-toggle .inner-toggle-wrap span{
    display: inline-block !important;
    padding: 1px 5px;
    background: #e5e5e5;
}
.size-chart-toggle .table-legend br{
    display: none;
}


/** Toggle Base **/
body .toggle {
    margin-bottom: 15px
}

.toggle.open>.toggle-title a {
    color: #fff;
    background-color: #000
}

body .row .toggle .toggle-title,
body .toggle .toggle-title {
    margin-bottom: 0
}

.toggle>.toggle-title {
    position: relative;
    z-index: 10;
    font-size: 12px
}

.toggle>.toggle-title a {
    display: block;
    color: rgba(0, 0, 0, .65);
    letter-spacing: 0;
    font-size: 14px;
    line-height: 16px;
    padding: 14px 14px 16px 43px;
    font-weight: 400;
    background-color: rgba(0, 0, 0, .045);
    transition: all .2s linear;
    -webkit-transition: all .2s linear
}

.toggle>.toggle-title a i {
    position: absolute;
    left: 13px;
    background-color: transparent;
    color: #888;
    top: 13px;
    width: 18px;
    height: 16px;
    line-height: 18px;
    font-size: 15px;
    transition: all .2s linear;
    -webkit-transition: all .2s linear
}

.toggle.open>.toggle-title a i {
    color: #fff
}

.toggle>.toggle-title a:hover {
    background-color: rgba(0, 0, 0, .035)
}

body .toggle>div {
    border-top: 0;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    padding: 10px 14px;
    display: none
}

.toggle>div .wpb_wrapper {
    margin: 0
}

body .toggle[data-inner-wrap=true]>div {
    transition: max-height .5s ease;
    max-height: 0;
    overflow: hidden;
    pointer-events: none;
    display: block
}

@media only screen and (max-width:999px) {
    body .accordion .toggle[data-inner-wrap=true]>div {
        -webkit-transition: none;
        transition: none
    }
}

body .toggle[data-inner-wrap=true].open>div {
    pointer-events: all
}

body .toggle[data-inner-wrap=true]>div,
div[data-style*=minimal] .toggle[data-inner-wrap=true]>div {
    padding: 0
}

body .toggle[data-inner-wrap=true]>div .inner-toggle-wrap {
    padding: 10px 14px
}

.toggle>div>div:last-child,
.toggle[data-inner-wrap=true] .inner-toggle-wrap>div:last-child {
    margin-bottom: 0 !important
}

.light .toggle>div {
    color: #676767
}

body div[data-style*=minimal] .toggle.open>.toggle-title a,
body div[data-style*=minimal] .toggle>.toggle-title a {
    background-color: transparent
}

div[data-style*=minimal] .toggle>div {
    box-shadow: none;
    -webkit-box-shadow: none;
    padding: 0 0 30px 0;
    background-color: transparent
}

div[data-style*=minimal] .toggle>.toggle-title i {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    left: auto;
    top: 50%;
    margin-top: -15px;
    border: 2px solid #888;
    border-radius: 30px 30px;
    -ms-transition: border-color .15s ease;
    transition: border-color .15s ease;
    -webkit-transition: border-color .15s ease
}

.light div[data-style*=minimal] .toggle>.toggle-title i {
    border-color: #fff
}

.light div[data-style*=minimal] .toggle>.toggle-title i:after,
.light div[data-style*=minimal] .toggle>.toggle-title i:before {
    background-color: #fff
}

.light div[data-style*=minimal] .toggle>.toggle-title a {
    color: #fff
}

div[data-style*=minimal] .toggle.open i:after {
    -ms-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform: scale(1, 0)
}
#nectar-slider-instance-1, 
#nectar-slider-instance-1 .swiper-container,
.swiper-slide{
    background-color: transparent !important;
}
.woocommerce ul.products .price .woocommerce-price-suffix{
    font-size: 12px;
    color: #878991;
}
.footer-logo img{
    width: 200px !important;
}
div.wpforms-container-full input[type=submit]:not(:hover):not(:active), 
div.wpforms-container-full button[type=submit]:not(:hover):not(:active), 
div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active) {
    background-color: #10101f !important;
    padding: 5px 35px !important;
    line-height: 42px;
    height: unset !important;
}
div.wpforms-container-full input[type=submit]:hover, 
div.wpforms-container-full button[type=submit]:hover, 
div.wpforms-container-full .wpforms-page-button:hover,
div.wpforms-container-full input[type=submit]:active, 
div.wpforms-container-full button[type=submit]:active, 
div.wpforms-container-full .wpforms-page-button:active,
div.wpforms-container-full input[type=submit]:focus, 
div.wpforms-container-full button[type=submit]:focus, 
div.wpforms-container-full .wpforms-page-button:focus{
    background-color: #90909f !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 5px 35px !important;
    line-height: 42px;
    height: unset !important;
}
div.wpforms-container-full input[type=submit]:focus:after, 
div.wpforms-container-full button[type=submit]:focus:after, 
div.wpforms-container-full .wpforms-page-button:focus:after {
    border: 0 !important;
}








@media only screen and (max-width: 999px){
    body #top #logo img, #header-outer[data-permanent-transparent="false"] #logo .dark-version {
        height: 60px!important;
    }
    .products li.product.minimal .product-meta {
        padding: 25px 10px !important;
    }
    .woocommerce-wrap .woocommerce .products ul, 
    .woocommerce-wrap .woocommerce ul.products {
        padding: 0 20px !important;
    }
}
@media only screen and (min-width: 1px) and (max-width: 576px){
    body .woocommerce ul.products[data-product-style=minimal] li.product.minimal {
        width: 100% !important;
    }
    .footer-logo img{
        width: 200px !important;
    }
}
