/*
	Theme Name: MFTshop24
	Theme URI: https://www.kreativhuhn.at
	Author: kreativhuhn
	Author URI: https://www.kreativhuhn.at
	Version: 2.3
	Description: Flatsome 3.16 Child Theme for MFT-Shop24
	Template: flatsome
*/

/* MFT Corporate Design
   Grün:    		#dddd3a     rgb(221,221,58)
   Grün dünkler:	#c3c33a
   Schwarz: 		#1a171b     rgb(26,23,27)
   Rot:     		#af0917
*/

body {
    color: #444;
}

li {
    margin-left: 20px;
}

.header-wrapper.stuck {
    opacity: .95;
}
.stuck #logo img {
    height: 60px!important;
}

.nav-dark .nav>li.html {
    color: #444 !important;
}
.nav-small.nav>li.html {
    font-size: .8em;
}

#top-bar, #top-bar li > a {
    color: #444;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
}
/*ul.top-bar-nav li a:hover {
    border-bottom: 1px solid #444;
}
ul.top-bar-nav .nav-dropdown li a:hover {
    border-bottom: none;
}*/
#top-bar .social-icons a, #top-bar .dark .social-icons a, #top-bar .dark .checkout-group h3, #top-bar .dark .order-review h3 {
    color: #444 !important;
}
#top-bar .social-icons .icon:hover {
    background: none !important;
}

ul.header-nav a.nav-top-link,
strong.cart-name, span.cart-price {
    color: #444;
    opacity: 1;
}
ul.header-nav li a {
    font-weight: normal;
}

h1.mft-page-title {
    margin-bottom: 30px;
    text-transform: uppercase;
}

h1.product-title {
    font-size: 2.5em;
}

.absolute-footer ul {
    padding-bottom: 10px;
    border-bottom: none;
}
.absolute-footer ul li a {
    color: #444;
}
.absolute-footer ul li a:hover {
    color: #000;
}
.copyright-footer {
    opacity: .6;
}

footer {
    border-top: 1px solid #dddddd;
}

#top-link {
    background: #dddd3a;
}

.button {
    background-color: #dddd3a;
}

.fancy-underline:after {
    background: url("img/mft-underline.png") 50% top no-repeat;
}


@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/


}

/* Such-Button - grün statt rot */
.searchform .button.secondary {
    border-color: #dddd3a;
    background-color: #dddd3a !important;
}


/* Homepage Slider */
.banner h2, .banner h3, .banner h1 {
    font-weight: bold;
}


/* Footer */
/* MFT Special Site Parts */
.mft-payment-icons img {
    opacity: 0.6;
}
.mft-payment-icons img:hover {
    opacity: 1;
}



/* Icons - use fontawesome instead of flatsome icomoon */
.links>li>a:before, i[class^="icon-"], i[class*=" icon-"], .icon-play, .icon-500px, .icon-tumblr, .icon-phone, .icon-gift, .header-nav a.nav-top-link.icon-search, .nav-top-link.icon-search, .icon-angle-left, .icon-angle-right, .icon-angle-up, .icon-angle-down, .icon-twitter, .icon-heart, .icon-envelop, .icon-tag, .icon-star, .icon-star-2, .icon-star-3, .icon-facebook, .icon-feed, .icon-close, .icon-checkmark, .icon-menu, .icon-plus, .icon-minus, .icon-instagram, .icon-google-plus, .icon-pinterest, .icon-search, .icon-skype, .icon-dribbble, .icon-users, .icon-certificate, .icon-expand, .icon-linkedin, .icon-map-pin-fill, .icon-pen-alt-fill, .icon-youtube, .icon-flickr, .icon-clock, .icon-inner, .icon-vk {
    font-family: "FontAwesome" !important;
    speak: none !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 1;
    -webkit-font-smoothing: antialiased !important;
    visibility: visible !important;
}
.icon-500px:before {
    content: "\f26e" !important; }
.icon-vk:before {
    content: "\f189" !important; }
.icon-play:before {
    content: "\f04b" !important; }
.icon-tumblr:before {
    content: "\f173" !important; }
.icon-phone:before {
    content: "\f095" !important; }

.icon-gift:before {
    content: "\f06b" !important; }

.icon-angle-left:before {
    content: "\f104" !important; }

.icon-angle-right:before {
    content: "\f105" !important; }

.icon-angle-up:before {
    content: "\f106" !important; }

.icon-angle-down:before {
    content: "\f107" !important; }

.icon-twitter:before {
    content: "\f099" !important; }

.icon-heart:before {
    content: "\f004" !important; }

.icon-envelop:before {
    content: "\f003" !important; }

.icon-tag:before {
    content: "\f02b" !important; }

.icon-star:before {
    content: "\f005" !important; }

.icon-star-2:before {
    content: "\f006" !important; }

.icon-star-3:before {
    content: "\f007" !important; }

.icon-facebook:before {
    content: "\f09a" !important; }

.icon-feed:before {
    content: "\f09e" !important; }

.icon-close:before {
    content: "\f00d" !important; }

.icon-checkmark:before {
    content: "\f00c" !important; }

.icon-menu:before {
    content: "\f0c9" !important; }

.icon-plus:before {
    content: "\f067" !important; }

.icon-minus:before {
    content: "\f068" !important; }

.icon-instagram:before {
    content: "\f16d" !important; }

.icon-google-plus:before {
    content: "\f0d5" !important; }

.icon-pinterest:before {
    content: "\f0d2" !important; }

.icon-search:before {
    content: "\f002" !important; }

.icon-skype:before {
    content: "\f17e" !important; }

.icon-dribbble:before {
    content: "\f17d" !important; }

.icon-users:before {
    content: "\f0c0" !important; }

.icon-certificate:before {
    content: "\f0a3" !important; }

.icon-expand:before {
    content: "\f065" !important; }

.icon-linkedin:before {
    content: "\f08c" !important; }

.icon-map-pin-fill:before {
    content: "\f041" !important; }

.icon-pen-alt-fill:before {
    content: "\f040" !important; }

.icon-youtube:before {
    content: "\f16a" !important; }

.icon-flickr:before {
    content: "\f16e" !important; }

.icon-clock:before {
    content: "\f017" !important; }

.fa {
    margin-right: 3px !important;
}

li.menu-parent-item > a.nav-top-link:after, .mobile-sidebar li ul:before {
    font-family: "FontAwesome" !important;
}


/* Formulare / Newsletter-Anmeldung */
.ninja-forms-form-wrap label {
    font-weight: normal !important;
}

.cleverreach_checkbox-wrap.label-right input[type="checkbox"] {
    display: inline-block !important;
    float: left;
    margin: 5px 0 0;
}
.cleverreach_checkbox-wrap.label-right label {
    display: inline-block !important;
    width: 80%;
    margin-left: 15px;
    font-size: 0.85em;
}

.ninja-forms-req-symbol {
    color: inherit !important;
}

.ninja-forms-form .button.secondary {
    background-color: #dddd3a !important;
}

.ninja-forms-error-msg {
    color: #af0917 !important;
    font-size: 0.875em !important;
}

.ninja-forms-field-error {
    display: none !important;
}


.haet-cleverreach-field-wrap.type-submit {
    text-align: left !important;
}


/* Produktdarstellung */
.breadcrumbs {
    color: #444;
    font-family: "Roboto Condensed", sans-serif;
}

.product-small.col .col-inner {
    padding: 20px;
    border: 1px solid #777777;
}

.product-small .price small.woocommerce-price-suffix {
    display: block;
}

.badge, .badge+.badge {
    height: 2.2em;
}
.badge+.badge {
    margin-top: 4px;
}
.badge-inner {
    text-transform: uppercase;
}
.badge-inner, .badge-inner .onsale {
    padding: 2px 4px;
}

.price-wrapper {
    font-size: 1.2em;
}
.single-product .price-wrapper {
    font-size: 1em;
}

.single-product .navplugify {
    margin: 15px 0;
    font-weight: bold;
}
.single-product .navplugify .imgclasssmallactive {
    border-width: 2px !important;
}

button i, .button i {
    top: 0;
}

.is-small, .is-small.button {
    font-size: .85em;
}

.product-tabs.nav>li>a {
    font-size: 1.2em;
}

h3.product-section-title {
    font-size: 1.8em;
    text-transform: unset;
}


/* Checkout */
.cart_item .product-name {
    padding-top: 5px !important;
    color: #444;
}
.cart_item .delivery-time-info {
    font-size: 0.875em;
}

.cart_totals .product-name {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

.woocommerce-checkout .legal {
    padding: 15px 0;
}

.woocommerce-checkout .cleverreach-checkbox-woocommerce {
    margin-top: 20px;
}

.woocommerce .addresses address {
    font-style: normal;
}


/* Blog */
body.blog h1.page-title, body.archive h1.page-title, body.search-results h1.page-title {
    font-size: 1em;
    line-height: 1.2125em;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 30px !important;
    margin: 0 0 5px;
    color: #555;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}
@media only screen and (min-width: 48em) {
    body.blog h1.page-title, body.archive h1.page-title, body.search-results h1.page-title {
        font-size: 1.625em;
        line-height: 1.4;
    }
}

.flatsome_recent_posts ul li {
    min-height: 50px;
}
.flatsome_recent_posts .post-date {
    top: 0;
}
.flatsome_recent_posts .post_comments {
    display: none;
}



/* SPORTALPEN 08/2019 */

/* GENERAL */

.container-width, .full-width .ubermenu-nav, .container, .row, .row.row-small {
    max-width: 1140px;
}

/* CRO BARS */

.cro-facts {
    font-weight: 700;
    font-size: 14px;
    background-color: rgb(195, 195, 58);
    color: rgb(68, 68, 68);
}

.cro-facts .col {
    padding-top: 14px;
    padding-bottom: 14px;
}

.cro-facts .owl-prev, .cro-facts .owl-next {
    position: absolute;
    top: -28px;
    margin-bottom: 0;
    margin-right: 0;
    font-size: 30px !important;
}

.cro-facts .owl-prev {
    left: 0;
}

.cro-facts .owl-next {
    right: 0;
}

.cro-facts .item-wrapper::before {
    content: '✓';
    position: relative;
    left: -10px;
}

@media screen and (max-width: 399px) {
    .cro-facts {
        font-size: 11px;
    }

    .cro-facts .owl-prev, .cro-facts .owl-next {
        top: -32px;
    }

    .cro-facts .item-wrapper::before {
        display: none;
    }
}

/* HEADLINES */

.section-title-container {
    padding: 0 8px;
}

.section-title-normal, .section-title-normal span {
    border-bottom: 0 !important;
}

h3.section-title {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    font-size: 50px;
    border-bottom: 0;
}

h3.section-title span {
    margin: 0;
    padding: 0;
    border: 0;
}

@media screen and (max-width: 849px) {
    h3.section-title {
        font-size: 35px;
    }
}

@media screen and (max-width: 575px) {
    h3.section-title {
        font-size: 28px;
    }
}

/* FOOTER */

#footer {
    margin-top: 70px;
    border-top: 0;
}

#sa-footer {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: rgb(240, 240, 240);
}

#sa-footer .title {
    margin-top: 30px;
    margin-bottom: 2px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    font-size: 32px;
    text-transform: uppercase;
}

#sa-footer .menu {
    margin-bottom: 0;
}

#sa-footer .menu-item + .menu-item {
    border-top: 0;
}

#sa-footer .menu-item a {
    padding: 1px 0;
    font-weight: 300;
    font-size: 19px;
    color: rgb(68, 68, 68);
    -webkit-transition: color ease 250ms;
    transition: color ease 250ms;
}

#sa-footer .menu-item a:hover {
    color: rgb(0, 0, 0);
}

#sa-footer .zahlarten {
    margin-top: 25px;
    width: 220px;
    height: 100px;
}

#sa-footer .social-icons {
    margin-top: 15px;
}

#sa-footer .social-icons a {
    border-width: 1px;
    color: rgb(68, 68, 68);
}

#sa-footer .social-icons a + a {
    margin-left: 15px;
}

#sa-footer .auszeichnungen {
    margin-top: 30px;
    width: 200px;
    height: 190px;
}

#sa-footer-bar {
    font-size: 16px;
    color: rgb(68, 68, 68);
}

#sa-footer-bar .col {
    padding-top: 22px;
    padding-bottom: 22px;
}

@media screen and (max-width: 849px) {
    #sa-footer {
        padding-bottom: 30px;
    }

    #sa-footer .col {
        padding-bottom: 0;
    }

    #sa-footer .title {
        margin-top: 10px;
        font-size: 24px;
    }

    #sa-footer .menu-item a {
        padding: 4px 0;
        font-size: 16px;
    }

    #sa-footer .zahlarten, #sa-footer .auszeichnungen {
        margin-top: 10px;
    }

    #sa-footer .zahlarten {
        width: 120px;
        height: auto;
    }

    #sa-footer .auszeichnungen {
        width: 120px;
        height: auto;
    }
}

/* Product Categories */

.product-category .col-inner {
    border: 1px solid #777777;
}

.product-category .category-name {
    padding: 18px 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    /*font-size: 26px;*/
    font-size: 18px;
    text-transform: uppercase;
    color: rgb(0, 0, 0);
}

.product-category .category-name::after {
    content: '\203A';
}

@media screen and (max-width: 991px) {
    .product-category .category-name {
        font-size: 18px;
    }
}

@media screen and (max-width: 599px) {
    .product-category .category-name {
        font-size: 15px;
    }
}

@media screen and (max-width: 399px) {
    .product-category .category-name {
        font-size: 12px;
    }
}

/* Product List */

.free-delivery {
    margin-bottom: 50px;
    padding: 10px 0;
    font-weight: 700;
    font-size: 24px;
    background: rgb(195, 195, 58);
    text-align: center;
}

.product-shortcode .product-small.col .col-inner {
    padding: 30px;
}

.product-shortcode .product-small.col .title-wrapper {
    margin-bottom: 15px;
    min-height: 69px;
    font-size: 24px;
}

.product-shortcode .product-small.col .add-to-cart-button a {
    padding: 14px 25px;
    font-size: 18px;
}

div.products .product p.wc-gzd-additional-info, ul.products li p.wc-gzd-additional-info, ul.product_list_widget li p.wc-gzd-additional-info, .product p.wc-gzd-additional-info {
    margin: 0 !important;
}
div.products .product p.wc-gzd-additional-info.tax-info, .product p.wc-gzd-additional-info.tax-info {
    margin-top: 10px !important;
}

ul.product_list_widget li p.wc-gzd-additional-info {
    display: none !important;
}

.product-category .box-text h5 {
    font-size: 20px;
    text-transform: unset;
}

.product-small.col .delivery-time-info {
    margin-top: 15px;
    line-height: 1;
}

.product-small.col .title-wrapper {
    margin-bottom: 10px;
    min-height: 62px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 20px;
    /*text-transform: uppercase;*/
}

.product-small.col .title-wrapper a {
    color: rgb(68, 68, 68);
}

.product-small.col .add-to-cart-button {
    text-align: center;
}

.product-small.col .add-to-cart-button a {
    margin-right: 0;
    padding: 12px;
    min-height: 0;
    line-height: 1;
    font-size: 15px;
    border: 0;
    background-color: rgb(201, 201, 78);
    color: rgb(68, 68, 68);
}

.product-small.col .add-to-cart-button a:hover {
    background-color: rgb(221, 221, 98);
}

.product-small.col .box-text {
    padding-bottom: 0;
}

.product-small.col .woocommerce-Price-amount.amount {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 24px;
}
.product-small.col del .woocommerce-Price-amount.amount {
    font-size: 18px;
}

.badge-inner.on-sale, .badge-inner.new-bubble {
    background-color: rgb(201, 201, 78) !important;
}

@media screen and (max-width: 1199px) {
    .product-shortcode .product-small.col .title-wrapper {
        min-height: 60px;
        font-size: 20px;
    }

    .product-small.col .title-wrapper {
        min-height: 50px;
        font-size: 16px;
    }

    .product-small.col .woocommerce-Price-amount.amount {
        font-size: 22px;
    }
    .product-small.col del .woocommerce-Price-amount.amount {
        font-size: 18px;
    }
}

@media screen and (max-width: 991px) {
    .product-shortcode .product-small.col .col-inner {
        padding: 15px;
    }

    .product-shortcode .product-small.col .title-wrapper {
        min-height: 52px;
        font-size: 18px;
    }

    .product-small.col .woocommerce-Price-amount.amount {
        font-size: 20px;
    }
    .product-small.col del .woocommerce-Price-amount.amount {
        font-size: 16px;
    }
}

@media screen and (max-width: 849px) {
    .free-delivery {
        font-size: 20px;
    }

    .product-small.col .title-wrapper {
        min-height: 59px;
        font-size: 16px;
    }
}

@media screen and (max-width: 599px) {
    .product-shortcode .product-small.col .col-inner,
    .product-small.col .col-inner {
        padding: 5px;
    }

    .product-shortcode .product-small.col .add-to-cart-button a,
    .product-small.col .add-to-cart-button a {
        padding: 12px;
        font-size: 16px;
    }

    .product-shortcode .product-small.col .title-wrapper,
    .product-small.col .title-wrapper {
        min-height: 50px;
        font-size: 16px;
    }

    .product-small.col .woocommerce-Price-amount.amount {
        font-size: 16px;
    }
    .product-small.col del .woocommerce-Price-amount.amount {
        font-size: 12px;
    }
}

@media screen and (max-width: 399px) {
    .product-small.col .title-wrapper {
        font-size: 14px;
    }
}

/* HEADER / NAVIGATION */

@media screen and (max-width: 1099px) {
    html.js {
        margin-top: 0 !important;
    }

    #wpadminbar {
        display: none !important;
    }
}

.nav-spacing-medium > li {
    margin: 0;
}

.nav-spacing-medium > li + li {
    margin-left: 110px;
}

ul.header-nav a.nav-top-link, .header-cart-link {
    font-family: 'Roboto Condensed', sans-serif !important;
    font-weight: 300 !important;
    font-size: 20px !important;
    text-transform: uppercase !important;
}

@media screen and (min-width: 850px) {
    .menu-item-19757 > a {
        padding: 22px 25px !important;
        background-color: rgb(242, 242, 242);
    }

    .header-nav .cart-item {
        margin-left: 20px !important;
    }

    .header-cart-link {
        padding: 10px 25px !important;
        background-color: rgb(242, 242, 242);
    }

    .header-wrapper.stuck .header-cart-link {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .header-wrapper.stuck .menu-item-19757 > a {
        padding-top: 3px !important;
        padding-bottom: 3px !important;
    }
}

@media screen and (max-width: 1199px) {
    .nav-spacing-medium > li + li {
        margin-left: 80px;
    }
}

@media screen and (max-width: 1049px) {
    .nav-spacing-medium > li + li {
        margin-left: 30px;
    }
}

@media screen and (max-width: 949px) {
    .header-nav .cart-item {
        margin-left: 10px !important;
    }

    .nav-spacing-medium > li + li {
        margin-left: 10px;
    }

    .menu-item-19757 > a {
        padding: 22px 15px !important;
    }

    .header-cart-link {
        padding: 10px 15px !important;
    }
}

@media screen and (max-width: 849px) {
    .nav>li>a {
        font-size: 1.2em !important;
    }
    .nav>li>a.nav-top-link {
        font-size: .8em !important;
    }

    .menu-item-19757, .menu-item-2747, .header-social-icons {
        display: none !important;
    }
}


/* HEADER SLIDER */

/*#content > .slider-wrapper {
	margin-bottom: 120px;
}*/

#content > .slider-wrapper .flickity-page-dots {
    bottom: -35px;
}

#content > .slider-wrapper .dot {
    border-width: 1px;
    border-color: rgb(77, 77, 77);
}

#content > .slider-wrapper .dot.is-selected {
    background-color: rgb(77, 77, 77);
}

#content > .slider-wrapper a.button {
    font-size: 18px;
    border: 0;
    background-color: rgb(201, 201, 78);
    color: rgb(77, 77, 77);
}

#content > .slider-wrapper h3 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    font-size: 32px;
    text-transform: uppercase;
}

#content > .slider-wrapper a.button:hover {
    background-color: rgb(221, 221, 98);
    box-shadow: none;
}

#content > .slider-wrapper .flickity-prev-next-button {
    width: 46px;
    height: 46px;
}

@media screen and (max-width: 849px) {
    #content > .slider-wrapper {
        margin-bottom: 50px;
    }
}

/* rating stars */

.page-id-24614 .testimonial-box .star-rating {
    width: 75px;
}

.page-id-24614 .testimonial-box .star-rating::before {
    content: '\f005\f005\f005\f005\f005';
    font-family: 'FontAwesome';
}

.page-id-24614 .testimonial-box .star-rating span::before {
    display: none;
}


/* YITH WooCommerce Dynamic Pricing and Discounts */
/* Aktionshinweis auf Produktseiten */
div.mft-produkt-aktionshinweis {
    display: inline-block;
    margin-bottom: 20px;
}
/* Popup im Warenkorb */
.ywdpd_popup_items li.item h5, .ywdpd_step2 h5 {
    color: #555555;
    font-weight: bold;
    margin-bottom: 0;
}
.ywdpd_popup .ywdpd_image_badge, .ywdpd_popup .ywdpd_qty_arrows .button, .ywdpd_popup .single_add_to_cart_button, .ywdpd_popup .product_taxonomy.button {
    border: none;
}
.ywdpd_popup #ywdpd_popup_container .ywdpd_footer a {
    color: #555555;
    font-size: 12px;
}
.ywdpd_popup #ywdpd_popup_container .ywdpd_footer a:hover {
    color: #C3C33A;
}