/*
Theme Name:     Jupiter Child Theme
Theme URI: 		http://themeforest.net/user/artbees
Description:    Child theme for the Jupiter theme
Author:         Slampaq Solutions
Theme URI: 		https://www.slampaq.com
Template:       jupiter
Version:        1.0
*/

@font-face {
   font-family: 'FontAwesome';
   src: url('fonts/fontawesome/fontawesome.eot?v=4.6.3');
   src: url('fonts/fontawesome/fontawesome.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('fonts/fontawesome/fontawesome.woff?v=4.6.3') format('woff'), url('fonts/fontawesome/fontawesome.woff2?v=4.6.3') format('woff2'), url('fonts/fontawesome/fontawesome.ttf?v=4.6.3') format('truetype'), url('fonts/fontawesome/fontawesome.svg?v=4.6.3#fontawesomeregular') format('svg');
}

/* Lettertypes Quick Contact Form */
.mk-contact-form input, .mk-contact-form textarea {
   font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', 'Helvetica', 'Arial', 'Lucida Grande', sans-serif;
}


/* slider */
.roze {
    color: #b80a89 !important;
}

.zwartbold {
    font-weight: 600;
}

#kaart .mk-half-layout-inner {
    margin: 0;
}

.kolomkaart {
    padding-right: 0px;
    padding-left: 0px;
}

/* menu */
/*
@media only screen and (min-width: 1024px) {
    .header-style-4.header-align-left .mk-header-inner, .header-style-4.header-align-center .mk-header-inner {
        width: 280px !important;
    }
}

@media handheld, only screen and (max-width: 1023px) {
    .vertical-header-enabled .header-style-4 .header-logo {
        height: 111px !important;
    }

    .vertical-header-enabled .header-style-4 .header-logo img {
        left: 0 !important;
        background-color: #fff;
        padding: 20px 25px 6px 20px;
    }

    .header-style-4 .mk-nav-responsive-link {
        z-index: 1;
        transform: scale(1.2);
    }

    .header-style-4 .mk-nav-responsive-link.is-active {
        top: 60px;
    }
}

@media only screen and (max-width: 480px) {
    .vertical-header-enabled .header-style-4 .header-logo img {
        transform: scale(0.8) translate(-8%, -60%) !important;
    }

    .header-style-4 .mk-nav-responsive-link {
        z-index: 1;
        transform: scale(1.2);
    }

    .header-style-4 .mk-nav-responsive-link.is-active {
        top: 60px;
    }

    .vertical-header-enabled .header-style-4 .header-logo {
        max-width: 214px !important;
    }
}

.mk-accordion.fancy-style .mk-accordion-tab {
    color: #5b5b5b !important;
}

.header-style-4 .mk-header-holder {
    background-color: #b80a89 !important;
}

.mk-button--dimension-flat.text-color-light {
    font-weight: normal !important;
}

.opvallen {
    font-size: 1.3em !important;
    line-height: 1.3em !important;
    color: #b80a89 !important;
}

ul li {
    font-size: 15px;
    line-height: 1.66em;
}

.paars p {
    color: #7b005a ! important;
}

.wpcf7-submit, table td, table th {
    text-align: left !important;
}

.lijst ul li {
    color: #a2a2a2 !important;
    margin-left: 0em !important;
}
*/

/* Nieuws homepagina */
#nieuws .mk-blog-classic-item {
    margin-bottom: 20px !important;
    border: 0px solid #666 !important;
    overflow: hidden;
    position: relative !important;
    width: 50%;
    float: left;
    left: 0px !important;
    top: 0px !important;
    background-color: #fff;
}

#nieuws .mk-blog-classic-item .the-title a, .mk-blog-modern-item .the-title a {
    color: #b80a89 !important;
    font-style: normal !important;
}

#nieuws .mk-blog-classic-item .mk-blog-meta, .mk-blog-modern-item .mk-blog-meta {
    padding: 0px !important;
    padding-right: 5% !important;
    padding-left: 3% !important;
    border-right-color: #c7c7c7;
    border-right-style: solid;
    border-right-width: 1px;
}

#nieuws.mk-blog-classic-item .mk-blog-author, .mk-blog-classic-item .mk-categories, .mk-blog-classic-item time, .mk-blog-modern-item .mk-blog-author, .mk-blog-modern-item .mk-categories, .mk-blog-modern-item time {
    display: none !important;
}

.mk-blog-modern-item .mk-blog-meta-wrapper, .mk-blog-classic-item .mk-blog-meta-wrapper {
    display: none !important;
}

#nieuws .mk-blog-classic-item .mk-readmore {
    letter-spacing: 0px !important;
    text-transform: none !important;
    position: absolute;
    left: 0px !important;
    bottom: 0px !important;
    float: left !important;
    padding-left: 3% !important;
}

#nieuws .mk-blog-classic-item .the-title a, .mk-blog-modern-item .the-title a {
    font-size: 18px !important;
}

#nieuws .the-excerpt p {
    font-size: 15px;
}

/* Caldera form*/
.caldera-grid .btn-default {
    color: #fff;
    background-color: #b80a89;
    border-color: #ccc;
    padding: 10px;
}

.caldera-grid .btn-default:hover {
    color: #fff;
    background-color: #000;
    border-color: #ccc;
    padding: 10px;
}

/* Medewerkers pagina*/
.mk-toggle.simple-style .mk-toggle-title {
    padding: 8px 0px 8px 0px !important;
    color: #b80a89 !important;
    font-size: 15px;
}

/* Sidebar*/
.widgettitle {
    display: block;
    margin-bottom: 15px;
    letter-spacing: 0px;
}

/* Footer*/
#mk-footer table td {
    padding: 0px;
}

.paarsparalex {
    background: rgba(184, 10, 138, 0.03);
    background: -moz-linear-gradient(left, rgba(184, 10, 138, 0.03) 0%, rgba(184, 10, 138, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(184, 10, 138, 0.03)), color-stop(100%, rgba(184, 10, 138, 1)));
    background: -webkit-linear-gradient(left, rgba(184, 10, 138, 0.03) 0%, rgba(184, 10, 138, 1) 100%);
    background: -o-linear-gradient(left, rgba(184, 10, 138, 0.03) 0%, rgba(184, 10, 138, 1) 100%);
    background: -ms-linear-gradient(left, rgba(184, 10, 138, 0.03) 0%, rgba(184, 10, 138, 1) 100%);
    background: linear-gradient(to right, rgba(184, 10, 138, 0.03) 0%, rgba(184, 10, 138, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b80a8a', endColorstr='#b80a8a', GradientType=1);
}

.wit h3 {
    color: #fff !important;
    font-size: 30px;
    text-transform: uppercase;
}

.witlist ul li {
    color: #fff !important;
    font-size: 18px;
}

.amazingcarousel-bottom-shadow {
    direction: none !important;
}

.contactmail:before {
    content: "\f0e0";
    font-family: 'FontAwesome';
    color: #fff;
    padding-left: 7px;
    padding-right: 7px;
    font-style: normal;
    font-size: 18px;
    background: #b71088;
}

.contactmail {
    background: #b71088;
    color: #fff;
    border-radius: 5px;
    padding: 5px;
}

/*.................................footer........................................*/
#mk-footer [class*='mk-col-']:nth-child(1) {
    border-right: 1px solid #cecece !important;
    height: 200px !important;
}

#mk-footer p {
    font-size: 1.0em !important;
}

@media handheld, only screen and (max-width: 767px) {
    #mk-footer [class*=mk-col-] {
        width: 50% !important;
        float: left !important;
    }
}

@media handheld, only screen and (max-width: 768px) {
    #mk-footer [class*=mk-col-] {
        width: 50% !important;
        float: left !important;
    }
}

.mk-footer-copyright {
    display: block;
    float: none;
    text-align: center;
}

.icon-mail:before {
    content: "\f0e0";
    font-family: 'FontAwesome';
    color: #545454;
    padding-right: 7px;
    font-style: normal;
    font-size: 14px;
}

.icon-tel:before {
    content: "\f095";
    font-family: 'FontAwesome';
    color: #545454;
    padding-right: 7px;
    font-style: normal;
    font-size: 14px;
}

.icon-facebook:before {
    content: "\f09a";
    font-family: 'FontAwesome';
    color: #545454;
    padding-right: 7px;
    font-style: normal;
    font-size: 14px;
}

.grayscale img, .client-logo {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    /* Firefox 10+ */
    filter: gray;
    /* IE6-9 */
    -webkit-filter: grayscale(100%);
    /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease;
    /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden;
    /* Fix for transition flickering */
}

.grayscale img:hover, .client-logo:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}

.single #mk-page-introduce {
    display: none !important;
}

.mk-blog-spotlight-item .item-wrapper time a {
    display: none !important;
}

.single-social-section .mk-love-holder, .single-social-section {
    display: none !important;
}

.single .theme-page-wrapper.mk-grid {
    max-width: 100% !important;
    margin-top: 0 !important;
}

.single .mk-single-content {
    max-width: 1450px;
    margin-left: auto;
    margin-right: auto;
}

.single #theme-page .theme-page-wrapper .theme-content {
    padding-top: 0 !important;
}

.single #theme-page .theme-page-wrapper .theme-content {
    padding-left: 0;
    padding-right: 0;
}

@media only screen and (max-width: 1770px) {
    .single .mk-single-content {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media only screen and (max-width: 960px) {
    .single .featured-image {
        margin-left: -15px;
        margin-right: -15px;
    }
}

.single .featured-image img {
    width: 100%;
}

.medewerkers .mk-image-switch, .medewerkers .mk-image-switch .image__container {
    height: auto !important;
}

.medewerkers .mk-toggle .mk-toggle-pane {
    padding: 20px 0px;
}

.cq-vectorcard-content {
    font-family: 'Handlee', 'Open Sans', sans-serif;
    font-size: 40px !important;
}

p.cq-vectorcard-author {
    font-size: 100% !important;
}

.mk-custom-box ul {
    list-style-type: none;
    margin: 0;
}

.mk-custom-box ul li {
    margin: 0;
}

.mk-custom-box li a {
    color: white;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    opacity: 1;
}

.mk-custom-box li a:hover {
    opacity: .85;
}

.mk-custom-box li a:after {
    content: "\f105";
    font-family: 'FontAwesome';
    color: #fff;
    font-size: 16px;
    margin-left: 8px;
}

.mk-custom-box .box-holder {
    padding-bottom: 20px !important;
}

.mk-custom-box .box-holder>div:not(:first-child) {
    position: absolute !important;
    bottom: 20px;
    left: auto;
}

.Flipboxaanpas ul {
    list-style-type: none;
    margin-left: 0 !important;
}

.Flipboxaanpas .back-title {
    font-family: 'Handlee', 'Open Sans', sans-serif;
}

.Flip_r1 a {
    color: #7b005a !important;
}

.Flip_r2 a {
    color: #00a19b !important
}

.Flip_r3 a {
    color: #773dbd !important
}

.Flip_r4 a {
    color: #0094d4 !important
}

@media (min-width :1022px) {
    .mk-toolbar-holder {
        margin-left: -275px !important;
    }
}

.krijtborden .height-full {
    height: 50% !important;
}

.zkn-widget-type-3 .zkn-widget-body {
    height: 100% !important
}

.grayscale img, .client-logo {
    -webkit-filter: grayscale(0%) !important;
}

.mk-blog-spotlight-item .item-wrapper h3 {
    font-size: 19px !important;
}
.megamenu-title {
    color:#000;
}
/* .logo-in-middle.a-sticky .logo-has-sticky .mk-sticky-logo {
    position: relative!important;
    top: 25%!important;
    height:70px!important;
} */

div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button {
    background-color: #b80988;
    border: 1px solid #b80988;
    color: #fff;
    font-size: 1em;
    padding: 10px 25px;
    border-radius: 5px;
}
div.wpforms-container-full .wpforms-form input[type=submit]:hover, div.wpforms-container-full .wpforms-form input[type=submit]:focus, div.wpforms-container-full .wpforms-form input[type=submit]:active, div.wpforms-container-full .wpforms-form button[type=submit]:hover, div.wpforms-container-full .wpforms-form button[type=submit]:focus, div.wpforms-container-full .wpforms-form button[type=submit]:active, div.wpforms-container-full .wpforms-form .wpforms-page-button:hover, div.wpforms-container-full .wpforms-form .wpforms-page-button:active, div.wpforms-container-full .wpforms-form .wpforms-page-button:focus{
    background-color: #7e075e;
    border: 1px solid #b80988;
    color: #fff;
    font-size: 1em;
    padding: 10px 25px;
    border-radius: 5px;
}

.grecaptcha-badge{
    bottom: 74px !important;
}