/*
Theme Name: TopFit Child
Theme URI: http://topfit.mikado-themes.com/
Description: A child theme of TopFit Theme
Author: Mikado Themes
Author URI: http://themeforest.net/user/mikado-themes
Version: 1.0.0
Template: topfit
*/


/* FONTS */
@font-face {
    font-family: 'Muli';
    src: url('assets/fonts/muli-light-webfont.woff2') format('woff2'),
         url('assets/fonts/muli-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Muli';
    src: url('assets/fonts/muli-regular-webfont.woff2') format('woff2'),
         url('assets/fonts/muli-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Muli';
    src: url('assets/fonts/muli-semibold-webfont.woff2') format('woff2'),
         url('assets/fonts/muli-semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('assets/fonts/gilroy-light-webfont.woff2') format('woff2'),
         url('assets/fonts/gilroy-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('assets/fonts/gilroy-extrabold-webfont.woff2') format('woff2'),
         url('assets/fonts/gilroy-extrabold-webfont.woff') format('woff');
    font-weight: 800;
    font-style: normal;

}


/* GENERAL */
body {
    font-family: 'Muli', sans-serif !important;
    font-weight: 300 !important;
}

.mkd-wrapper-inner .mkd-content .mkd-content-inner>.mkd-full-width>.mkd-full-width-inner {
    padding: 0;
}

.mkd-wrapper h1, 
.mkd-wrapper h2, 
.mkd-wrapper h3, 
.mkd-wrapper h4, 
.mkd-wrapper h5, 
.mkd-wrapper h6,
.mkd-main-menu>ul>li>a span.item_text,
.mkd-testimonials .mkd-testimonial-content.testimonials-slider-boxed .mkd-testimonial-slide-inner .mkd-testimonial-info div.mkd-testimonials-job,
.mkd-title .mkd-title-holder h1 span {
    font-family: 'Gilroy', sans-serif;
    font-weight: 800;
    hyphens: auto;
    -webkit-hyphens: auto;
   -moz-hyphens: auto;
}

.mkd-wrapper h1 {
    font-size: 45px;
}

.mkd-wrapper h2 {
    font-size: 40px;
}

.mkd-wrapper p {
    margin: 10px 0 20px 0;
}

.white {
    color: #ffffff;
}

.mkd-wrapper .mkd-content .mkd-btn-solid {
    border-color: #ee5060;
    background-color: #ee5060;
}

/* HEADER */
header .mkd-menu-area,
header.mkd-mobile-header .mkd-mobile-header-inner .mkd-mobile-header-holder .mkd-vertical-align-containers {
    padding-top: 20px;
}

.mkd-header-minimal .mkd-wrapper-inner .mkd-page-header .mkd-menu-area,
header.mkd-mobile-header .mkd-mobile-header-inner {
    background-color: transparent;
}

.mkd-light-header .mkd-mobile-header>div:not(.mkd-sticky-header) .mkd-fullscreen-menu-opener:not(.opened) .mkd-fullscreen-menu-opener-icon span {
    background-color: #ffffff !important;
}

.mkd-light-header .mkd-mobile-header .mkd-fullscreen-menu-opener .mkd-fullscreen-menu-opener-icon:after  {
    border-color: #ffffff !important;
}

header .mkd-position-right-inner .lang-item {
    list-style-type: none;
    display: inline-block;
    line-height: 35px;
    margin-right: 10px;
}

header .mkd-position-right-inner .lang-item a img {
    display: inline-block;
}

header .mkd-position-right-inner .lang-item a span {
    margin-left: 0.3em;
    text-transform: uppercase;
    color: white;
}

header.mkd-mobile-header .mkd-vertical-align-containers {
    padding: 0 50px;
}

.mkd-fullscreen-menu-holder nav.mkd-fullscreen-menu>ul {
    max-width: 80%;
}

nav.mkd-fullscreen-menu ul li a span {
    font-size: 30px;
    margin: 0 !important;
    font-family: 'Gilroy', sans-serif;
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
}

.mkd-vertical-align-containers .mkd-position-right {
    width: 120px;
}

/* FOOTER */    
footer .mkd-footer-bottom-holder .mkd-footer-bottom-holder-inner{
    padding: 10px 0 0 0;
}

footer .mkd-footer-bottom-holder .mkd-right .widget.widget_nav_menu li {
    display: inline-block;
    margin: 0;
}

footer .mkd-footer-bottom-holder .mkd-right .widget.widget_nav_menu li a {
    font-size: 15px;
    font-family: 'Muli', sans-serif;
    font-weight: 300;
}

footer .mkd-footer-bottom-holder .mkd-right .widget.widget_nav_menu li:not(:last-child) a::after {
    content: '|';
    display: inline-block;
    margin-left: 5px;
}

footer .mkd-footer-bottom-holder .mkd-left .widget {
    color: #c8c8c8;
}

/* FAQS */
.mkd-accordion-holder.mkd-boxed .mkd-title-holder span.mkd-tab-title-inner {
    font-weight: 800;
}

#faq.vc_row .mkd-section-inner {
    width: 100%;
    max-width: 1100px;
}

/* TEXTSEITEN */
.mkd-wrapper #impressum h2,
.mkd-wrapper #datenschutz h2 {
    font-size: 30px;
}

/* TESTIMONIALS */
.mkd-testimonial-content .mkd-testimonial-slide-inner .mkd-logo-text {
    padding: 10px 20px;
}

/* BLOG */
body.archive.category .mkd-title-holder {
    margin-top: 100px;
    height: 150px !important;
}

.mkd-blog-holder.mkd-blog-type-standard article .mkd-post-info .mkd-post-info-author .mkd-author {
    padding-left: 0;
}

.mkd-title .mkd-title-holder div.mkd-container .mkd-container-inner,
.mkd-title .mkd-title-holder div.mkd-container,
.mkd-title .mkd-title-holder div.mkd-title-subtitle-holder {
    vertical-align: bottom;
}

body.archive.category .mkd-title .mkd-title-holder h1 {
    color: #ffffff;
}

body.single-post .mkd-content-inner .mkd-container>.mkd-post-image-title {
    padding: 20% 0 5% 0;
}

body.page-template-blog-standard header .mkd-position-right-inner .lang-item a span,
body.archive.category header .mkd-position-right-inner .lang-item a span,
body.single-post header .mkd-position-right-inner .lang-item a span {
    color: #000;
}

/* PRESSE */
#presse .wpb_gallery .wpb_flexslider .flex-control-paging {
    display: none;
}

#presse .flexslider {
    margin: 0 0 10px 0;
    box-shadow: none;
    border-radius: 0px;
    border: none;
}

#presse .flex-direction-nav a {
    height: 25px;
    margin: -12px 0 0 0;
}

#presse .flex-direction-nav a::before {
    font-size: 25px;
}

#presse .flex-direction-nav .flex-next {
    right: 5px;
}

#presse .flex-direction-nav .flex-prev {
    left: 5px;
}


/* WORKOUTS */
#workout-slider .mkd-card-image {
    background-color: rgba(0,0,0,0.05);
}

#html5-lightbox-box #html5-elem-box #html5-elem-wrap,
#html5-lightbox-box #html5-elem-box,
#html5-lightbox-box {
    background: transparent !important;
}

#html5-lightbox-box #html5-elem-box #html5-elem-wrap #html5-image {
    padding: 0 !important;
}

/* MEDIA QUERIES */
@media only screen and (min-width: 1025px) {
    .mkd-fullscreen-menu-holder .mkd-fullscreen-menu-opener.opened {
        display: none;
    }
}
@media only screen and (max-width: 1024px) {
    .mkd-wrapper-inner .mkd-content {
        margin-top: -100px !important;
    }

    .mkd-fullscreen-menu-holder .mkd-fullscreen-menu-opener.opened {
        position: absolute;
        right: 21px;
        top: 43px;
    }

    .welt-excerpt .mkd-elements-holder .mkd-elements-holder-item.mkd-width-1-4 a.mkd-btn {
        padding: 10px 30px !important;
    }
}

@media only screen and (max-width: 900px) {
    #about.vc_row,
    #app.vc_row,
    .welt-excerpt.vc_row {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    .welt-excerpt.two-elements .mkd-elements-holder .mkd-elements-holder-item.mkd-width-1-5:first-child,
    .welt-excerpt.two-elements .mkd-elements-holder .mkd-elements-holder-item.mkd-width-1-5:last-child,
    .welt-excerpt.five-elements .mkd-elements-holder:nth-child(2) .mkd-elements-holder-item.mkd-width-1-5:first-child,
    .welt-excerpt.five-elements .mkd-elements-holder:nth-child(2) .mkd-elements-holder-item.mkd-width-1-5:last-child,
    .welt-excerpt.five-elements .mkd-elements-holder:last-child .mkd-elements-holder-item.mkd-width-1-5:first-child,
    .welt-excerpt.five-elements .mkd-elements-holder:last-child .mkd-elements-holder-item.mkd-width-1-5:last-child {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .mkd-fullscreen-menu-holder nav.mkd-fullscreen-menu ul li a {
        line-height: 40px;
    }

    nav.mkd-fullscreen-menu ul li a span {
        font-size: 20px;
    }

    .mkd-content-inner .mkd-title.mkd-standard-type:not(.mkd-has-background) {
        height: 140px !important;
    }

    #home-first-row {
        padding-top: 80px !important;
    }

    #home-first-row .vc_column-inner,
    .mkd-content div.trainingsplan-phasen.vc_row,
    #home-trainingsphasen,
    #home-workouts,
    #app-phasen,
    #faq.vc_row,
    body.page-template-blog-standard .mkd-container-inner,
    body.single-format-standard .mkd-container-inner,
    body.archive.category .mkd-container-inner {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    body.page-template-blog-standard .mkd-container-inner,
    body.single-format-standard .mkd-container-inner,
    body.archive.category .mkd-container-inner  {
        width: 100%;
        box-sizing: border-box;
    }

    #app .mkd-elements-holder {
        margin-top: 0;
    }

    .welt-excerpt .mkd-elements-holder .mkd-elements-holder-item.mkd-width-1-4 {
        width: 50% !important;
    }

    .welt-excerpt.two-elements .mkd-elements-holder .mkd-elements-holder-item.mkd-width-1-4:first-child,
    .welt-excerpt.two-elements .mkd-elements-holder .mkd-elements-holder-item.mkd-width-1-4:last-child {
        display: none;
    }

    .welt-excerpt.two-elements .mkd-elements-holder .mkd-elements-holder-item.mkd-width-2-5 .mkd-elements-holder-item-content {
        text-align: center;
    }

    .trainingsplan-workouts .mkd-elements-holder .mkd-elements-holder-item.mkd-horizontal-alignment-left img {
        max-width: 300px;
        margin-bottom: 30px;
    }
}

@media only screen and (min-width: 701px) {
    footer .mkd-footer-bottom-holder .mkd-right .widget {
        display: inline-block;
        margin: 0 10px 0 0;
    }
}

@media only screen and (min-width: 701px) and (max-width: 1024px) {
    footer .mkd-footer-bottom-holder .mkd-container-inner {
        width: 90%;
    }
    footer .mkd-footer-bottom-holder .mkd-grid-col-6 {
        float:left;
        width: 50%;
    }
    footer .mkd-footer-bottom-holder .mkd-grid-col-6 .widget.widget_text {
        text-align: left;
    }
}

@media only screen and (max-width: 600px) {
    body.single-post .mkd-content-inner .mkd-container>.mkd-post-image-title {
        padding: 110px 5% 5% 5%;
    }

    #home-testimonials,
    #testimonials {
        padding-top: 80px !important;
    }

    #home-testimonials .mkd-section-inner,
    #testimonials .mkd-section-inner {
        width: 90%;
    }

    #home-testimonials .mkd-testimonial-content .mkd-testimonial-slide-inner .mkd-logo-text,
    #testimonials .mkd-testimonial-content .mkd-testimonial-slide-inner .mkd-logo-text {
        padding: 10px 15px;
    }

    #home-testimonials .mkd-testimonial-content .mkd-testimonial-slide-inner .mkd-testimonial-title,
    #testimonials .mkd-testimonial-content .mkd-testimonial-slide-inner .mkd-testimonial-title {
        font-size: 16px;
    }

    #home-testimonials .mkd-testimonial-text p,
    #testimonials .mkd-testimonial-text p {
        padding: 0 10px;
    }

    #about.vc_row p img,
    #about.vc_row .wp-caption {
        float: none;
        margin: 0 auto;
        display: block;
    }
}

@media only screen and (max-width: 480px) {
    header.mkd-mobile-header .mkd-vertical-align-containers {
        padding: 0 20px;
    }
    .mkd-wrapper #impressum h1,
    .mkd-wrapper #datenschutz h1 {
        font-size: 30px;
    }
    
    .mkd-wrapper #impressum h2,
    .mkd-wrapper #datenschutz h2 {
        font-size: 24px;
    }
    
    .mkd-wrapper h1 {
        font-size: 40px;
    }

    .home h2,
    .mkd-wrapper h2 {
        font-size: 30px;
    }

    .home .mkd-card-slider-holder .mkd-card-slide .mkd-card-content,
    #app-phasen .mkd-card-slider-holder .mkd-card-slide .mkd-card-content {
        padding: 30px 15px 20px;
    }

    .home .mkd-card-slider-holder .mkd-card-slide .mkd-card-content .mkd-card-title,
    #app-phasen .mkd-card-slider-holder .mkd-card-slide .mkd-card-content .mkd-card-title  {
        font-size: 16px;
    }

    .welt-excerpt .mkd-elements-holder .mkd-elements-holder-item.mkd-width-1-4 {
        width: 100% !important;
    }
}