/*
 Theme Name:   Mediakanjers
 Theme URI:    http://www.mediakanjers.nl
 Description:  MKTheme Child Theme
 Author:       Mediakanjers
 Author URI:   http://www.mediakanjers.nl
 Template:     MKTheme
 Version:      1.7.0
 Text Domain:  MKTheme-child
*/

@import url("style-theme.css");
@import url("style-menu.css");

@font-face {
    font-family: 'Glory SemiBold';
    src: url('fonts/Glory-SemiBold.eot');
    src: url('fonts/Glory-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Glory-SemiBold.woff2') format('woff2'),
        url('fonts/Glory-SemiBold.woff') format('woff'),
        url('fonts/Glory-SemiBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Glory Regular';
    src: url('fonts/Glory-Regular.eot');
    src: url('fonts/Glory-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Glory-Regular.woff2') format('woff2'),
        url('fonts/Glory-Regular.woff') format('woff'),
        url('fonts/Glory-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather Italic';
    src: url('fonts/Merriweather-Italic.eot');
    src: url('fonts/Merriweather-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Merriweather-Italic.woff2') format('woff2'),
        url('fonts/Merriweather-Italic.woff') format('woff'),
        url('fonts/Merriweather-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}


.mk_sectie.onze-praktijk::before { content: url('images/praktijk-shape.svg')!important; }
.mk_sectie.quote { position: relative; }
.mk_sectie.quote::after {  content: url('images/quote-side.svg')!important; position: absolute; right: 0px; bottom: -50px; z-index: 10; width: 150px; }
.mk_sectie.quote .mk_rij .mk_kolom.mk_kolom_2.mk_kolom_1_2:nth-child(1)::before { content: url('images/aanhalingstekens.svg'); }
.owl-prev::before { content: url('images/arrow-orange.svg'); }
.owl-next::before { content: url('images/arrow-orange.svg'); }

body {  font-family: 'Arial'; font-size: 16px; font-weight: 400; line-height: 1.7em; color: #4A4A4A; }

li {color: #4A4A4A; font-family: 'Glory Regular', 'open-sans', 'sans-serif';}
a { text-decoration: none; color: #4A4A4A; font-family: 'Glory Regular', 'open-sans', 'sans-serif'; transition: 0.3s;}
a:hover { color: #EC6500; }

#mk-main-area { overflow: hidden; }


/*Info*/
#mk-info { float: right; font-weight: 400; color: #000; padding: 5px 0; }

#mk-info .mk_email, #mk-info .mk_telefoon { display: inline-block; font-size: 15px; }
#mk-info .mk_email a, #mk-info .mk_telefoon a {  color: inherit; text-decoration: none;}

/* #mk-info .mk_telefoon a::before { content: url('images/tel.svg'); display: inline-block; width: 20px; position: relative; top: 2px; margin-right: 10px; }
#mk-info .mk_email a::before { content: url('images/email.svg'); display: inline-block; width: 20px; position: relative; top: 0px; margin-right: 10px; } */

#mk-info .mk_telefoon + .mk_email, #mk-info .mk_email + .mk_telefoon { margin-left: 20px; }


/*logo*/
#mk_logo_holder { width: 170px; }
.mk_logo { max-width: 100%; }


/* Formulieren */ /* Grafity Forms opmaak V1 */
.gform_wrapper { margin: 0 !important; }
.gform_wrapper .gform_heading { margin: 0; display: none;}

.gform_wrapper:not(.gravity-theme) .gform_fields { padding: 0; width: calc(100% + 16px); }
.gform_wrapper.gravity-theme .gform_fields { padding: 0; }

.gform_wrapper:not(.gravity-theme) .gform_fields .gfield { margin-top:0; margin-bottom: 16px; float: left; clear: none; width: 50%; padding-right: 16px; list-style: none; }
.gform_wrapper.gravity-theme .gform_fields .gfield { margin-top:0; margin-bottom: 0px; float: left; clear: none; width: 100%; padding-right: 0px; list-style: none; }

.gform_wrapper .gform_fields .gfield.gf_full { width: 100%; clear: both; }
.gform_wrapper .gform_fields .gfield.gf_third { width: 33.33%;  }
.gform_wrapper .gform_fields .gfield .gfield_label { display: none; }
.gform_wrapper .gform_fields .gfield.gf_label .gfield_label { display: block; }
.gform_wrapper .gform_fields .gfield .ginput_container { margin: 0; }

.gform_wrapper input[type=email], .gform_wrapper input[type=tel],
.gform_wrapper input[type=text], .gform_wrapper select, .gform_wrapper textarea { font-family: 'Arial'; outline: none !important; line-height: 1.7em !important; border: 1px solid #e2e2e2;  background:#F3F3F3; padding: 10px 35px !important; border-radius: 50px; display: block; width: 100% !important; font-size: 16px !important;}
.gform_wrapper input[type=email]:hover, .gform_wrapper input[type=tel]:hover,
.gform_wrapper input[type=text]:hover, .gform_wrapper select:hover, .gform_wrapper textarea:hover {border: 1px solid #ccc;}
.gform_legacy_markup_wrapper .gfield_time_hour i { display: none; }
.gform_wrapper .gform_footer { padding: 0 !important; margin: 0 !important; float: left; width: 100%; }
.gform_wrapper.gravity-theme .gform_footer { margin-top: 16px !important; }
input#input_1_11_1,input#input_1_11_2 {padding: 5px!important;}

.gform_legacy_markup_wrapper .gfield_time_ampm, .gform_legacy_markup_wrapper .gfield_time_hour, .gform_legacy_markup_wrapper .gfield_time_minute {max-width: 100%!important;}
input#input_1_11_1, input#input_1_11_2 {width: 100%!important; padding: 10px 35px!important;}
.gform_legacy_markup_wrapper .gfield_time_minute,.gform_wrapper .gform_fields .gfield .ginput_container {width: 100%!important;}

.gform_wrapper .mk_button {padding: 15px 20px 15px 20px !important; cursor: pointer; border: 0; margin: 0 !important; }
.gform_wrapper .mk_button:hover { padding: 15px 20px 15px 20px !important; border: 0; }

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description{padding-left: 15px;}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label{margin: 0 15px;}
.gform_wrapper .validation_message{font-weight: 400 !important;}

textarea, input, select { -webkit-appearance: none; }

#ui-datepicker-div { margin-top: 0 !important; }
body div#ui-datepicker-div[style] {  margin-top: 5px !important; }


/* Footer */
#main-footer { background-color: #F3F3F3; }
#main-footer .mk_sectie { padding: 30px 0 !important; }
#main-footer .mk_sectie .mk_kolom_1_1 { width: calc(100% + 30px); margin: -15px; }

/* footer bloks */
.mk_footer:nth-child(n) { width: calc(25% - 30px); margin: 15px; float: left; color: #fff; }
.mk_footer:nth-child(n) a { color: #B9B9B9; transition: 0.3s;}
.mk_footer:nth-child(n) a:hover { color: #EC6500;}
.mk_footer:nth-child(n) img { width: 50px; margin-left: auto; transition: 0.3s;}
.mk_footer:nth-child(n) img:hover { transform: scale(1.1);}

/* cookie melding */
body #cookie-notice:nth-child(n) {
    -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 40%);
    box-shadow: 0 0 10px rgb(0 0 0 / 40%);
    font-family: 'Glory Regular', 'open-sans', 'sans-serif';
    bottom: 20px;
    left: auto;
    right: 20px;
    width: 350px;
    max-width: calc(100% - 40px);
    min-width: 0;
    background: #fff !important;
    border-radius: 8px;
}

body #cookie-notice:nth-child(n) .cookie-notice-container {
    padding: 40px 30px 30px;
    font-family: 'Glory Regular', 'open-sans', 'sans-serif';
}

body #cookie-notice:nth-child(n) .cn-close-icon {
    top: 22px;
    right: 14px;
}

body #cookie-notice:nth-child(n) .cn-button {
    margin: 5px;
    font-size: 15px;
    letter-spacing: inherit;
    line-height: 1.47em;
    font-family: 'fieldwork','sans-serif','Arial';
    padding: 10px 25px;
    border-radius: 100px !important;
    color: #fff;
    border-radius: 3px;
    background-color: #EC6500 !important;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

body #cookie-notice:nth-child(n) #cn-notice-text {
    color: #000;
    margin-bottom: 15px;
    font-size: 15px;
}

.mk_scrolltop {
    padding: 0px;
    right: -45px;
}

.mk_scrolltop:before {
    content: url('images/up.svg');
    width: 20px;
    height: 25px;
    padding: 10px 12px;
}

@media only screen and (max-width: 980px) {
    /* fix theme */
    .mk_kolom_1_4:nth-child(-n+2) { margin-bottom: 30px; }

    /* footer */
    .mk_footer:nth-child(n) { width: calc(50% - 30px); } 
}


@media only screen and (max-width: 640px) {
    /* Titels */
    h1 { font-size: 8vw;}
    h2 {font-size: 6vw;}

    .gform_wrapper ul.gform_fields li.gfield { width: 100%; }
    .mk_footer:nth-child(n) img { margin-left: 0px; }

    .mk_footer.mk_footer3 {
        display: none;
    }
}

@media only screen and (max-width: 479px) {
    /* Header */
    #mk-info { line-height: 1.4em; float: none; }
    .mk_telefoon  .mk-info-tekst { display: block; }
    .mk_mobiel .mk-info-tekst { display: none; }
    .mk_telefoon, .mk_email, .mk_mobiel { width: 100%; text-align: center; }
    .mk-info-phone { margin-right: 0px; }


    /* footer */
    .mk_footer:nth-child(n) { width: calc(100% - 30px); } 

}