/*
Theme Name:  Mito Theme
Theme URI:   https://themes.grizzly.marketing/mito/
Version:     1.0.1
Description: Het Mito theme van Grizzly New Marketing
Author:      vps230265
Author URI:  https://themes.grizzly.marketing/mito
Template:    Divi
*/

/*- YOU CAN INCLUDE THE CUSTOM CODE FOR YOUR CHILD THEME BELOW THIS LINE-*/

/* Generated by Font Squirrel (https://www.fontsquirrel.com) on March 16, 2017 */



@font-face {
    font-family: 'oswald_regularregular';
    src: url('font/oswald-regular-webfont.woff2') format('woff2'),
         url('font/oswald-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/
ul.sub-menu a {
    color: #000 !important;
}

.stamboom-start {
  height:249px;
  line-height:249px;
  text-align: center;
  background-color: #efefef;
}

.stamboom-second {
  height: 116px;
  line-height: 116px;
  text-align: center;
  background-color: #efefef;
}

.stamboom-third {
  height:50px;
  line-height:50px;
  text-align: center;
  background-color: #efefef;
}

.paarden-image {
    max-height:400px;
    overflow: hidden;
}

.et_pb_bg_layout_dark h2 {
font-family: 'Great Vibes', cursive !important;
text-transform: none;
font-size: 60px !important;
}
.et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h1 {
font-family: 'Great Vibes', cursive !important;
text-transform: none;
font-size: 60px !important;
}

.diensten .et_pb_blurb a{
color: #2AA6F4;
}
.diensten .et_pb_blurb a:hover{
text-decoration: underline !important;
}
.homeheadertekst a:hover{
background-color: #4f4f4f;
transition: all .2s ease;
}
.header-content h2{
font-family: 'Great Vibes', cursive !important;
text-transform: none;
font-size: 60px !important;
}
.homeheadertekst a{
color: white;
padding:10px 20px;
background-color: #242424;
border: 2px solid white;
position:relative;
top:40px;
transition: all .3s ease;
}

.search .entry{
padding-top:40px;
}
.creations img{
transform: scale(1,1);
transition: transform .2s ease-in;
width:100%;
}
.creations img:hover{
transform: scale(1.2,1.2);
transition: transform .2s ease-in;
}
.et_mobile_menu li a{
color: black !important;
}
#main-header .et_mobile_menu{
background-color: #fff !important;
}
.et_mobile_menu li a{
border:none !important;
}
.et_mobile_menu{
border-color: #000 !important;
}
.page-id-542 #main-header{
background-color: #000;
}
.search #main-header, .error404 #main-header{
background-color: #000;
}
.search #main-content {
margin-top: 100px;
}
.tpsocial .et_pb_module img{

transform: scale(1,1);
transition: transform .2s ease-in;
}
.tpsocial .et_pb_module img:hover{
transform: scale(1.2, 1.2);
transition: transform .2s ease-in;
}

.tpsocial .et_pb_module img{
height:57.52px;
width:57.52px;
}
.tpsocial .et_pb_module{
width:33.33%;
float:left;
text-align:center;
}
#responsive-form textarea{
height: 115px !Important;
}
#responsive-form{
color: #000 !important;
  font-family: 'oswald_regularregular';
}
.et_pb_gutters2 .et_pb_row.et_pb_row_fullwidth{
max-width: 100% !important;
width:100% !important;
}

.tpheader .header-content-container.center{
max-width:70%;
}
.dienstheader .header-content-container.center{
max-width:56%;
}
.dienstheader .header-content{
padding:90px;
}
.entry-content tr td{
padding: 3px 0px;
border-top:none;
}
.entry-content table{
border:none;
}
.et_pb_map{
height:460px !important;
}
.contactform p{
color: #000 !important;
padding-bottom:5px;
font-family: 'oswald_regularregular';
}
.contactheader .header-content, .tpheader .header-content{
padding:90px;
}
#top-menu-nav > ul > li > a:hover, #et-secondary-menu > ul > li > a:hover, #et-info-email:hover, .et-social-icons a:hover{
opacity:1;

}
#top-menu-nav > ul > li.current-menu-item > a{
border-bottom: 5px solid #fff !Important;
}
.et-fixed-header #top-menu-nav > ul > li.current-menu-item > a{
border-bottom: 5px solid #000 !Important;
}

header#main-header.et-fixed-header{
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.5) !important;
}
.timewrapper .day{
font-size: 44px;
    font-weight: bold !important;
    margin-top: 40px;
    line-height: 90%!important;
font-family: 'oswald_regularregular';
}
.timewrapper .time{
font-size:15px;
}
.timecontainer{
width:100%;
}
.timewrapper{
float:left;
margin:0;
}
.timelistclosed{
background: #515151;
    color: #fff;
    display: inline-block;
    float: left;
    width: 140px;
    height: 140px;
    border-radius: 90%;
    margin-right: 33px;
    text-align: center;
}
.timelistopen{
background: #343434;
    color: #fff;
    display: inline-block;
    float: left;
    width: 140px;
    height: 140px;
    border-radius: 90%;
    margin-right: 33px;
    text-align: center;
}











#footer-info { width: 100%; margin:0 auto; text-align: center !important; }

.diensten .et_pb_blurb_content{
max-width:100%;
margin:0px;
padding: 20px 30px 30px 30px;
}
.diensten .et_pb_blurb_position_left .et_pb_blurb_container{
padding-left:40px;
}
.diensten .et_pb_blurb_container h4{
padding-top:15px;
}
.socialicons img{
max-width:17%;
transform: scale(1,1);
transition: transform .2s ease-in;
}
.socialicons img:hover{
transform: scale(1.2, 1.2);
transition: transform .2s ease-in;
}
.diensten img{
max-width:120%;
}
#logo2{
width:160px;
padding-top:10px;
}
#logo2 {display: none;}
.et-fixed-header #logo {display:none; transition: display 0.3s ease-in;}
.et-fixed-header #logo2 {display:inline; transition: display 0.3s ease-in;}
.home .header-content-container{
width:55% !important;
}
.icon img{
width:41px;
animation: scrollIcon ease-in-out 1.5s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    -webkit-animation: scrollIcon ease-in-out 1.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: scrollIcon ease-in-out 1.5s;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 50% 50%;
    -o-animation: scrollIcon ease-in-out 1.5s;
    -o-animation-iteration-count: infinite;
    -o-transform-origin: 50% 50%;
    -ms-animation: scrollIcon ease-in-out 1.5s;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 50% 50%;
}
h1, h2, h3, h4, h5, h6, #top-menu{
font-family: 'oswald_regularregular' !important;
}
 #header div.et_pb_row{
width:100% !important;
}

div.wpcf7-validation-errors {
    border: 2px solid #FF0000;
    color: #ff0000 !important;
}
input[type=text], input[type=password], input[type=tel], input[type=email], input.text, input.title, textarea, select{
background-color: #f9f9f9 !important;
border: 1px solid #bbb !important;
}
input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus, input[type=email]:focus{
border-color: #2d3940 !important;
}
textarea{
height:140px;
}
/*
 IE Parallax fix
*/

@media screen\0 {
html {
        overflow-x:hidden!important
        height: 100%;
}
body {

	margin-right:-17px;
}
}

a.leesmeer {
color: #01aeff;
}
a.leesmeer::after {
    color: #01aeff;
    content: " \00BB";
}
.et_pb_slider .et_pb_slide, .et_pb_section_0 {
    background-color: transparent!important;
}
.et_pb_slide_description .et_pb_more_button {
    background: #01aeff;

}
.et_pb_slide_description .et_pb_more_button:hover {
    background: rgba(255, 255, 255, 0.2);

}
.et_pb_button {
    font-size: 16px;
    background: #01aeff;
    border-color: #01aeff;
    border-radius: 0px;
    font-weight: bold;
    font-style: normal;
    text-transform: none;
    text-decoration: none;
}
.et_pb_button:hover {

    padding: 0.3em 2em 0.3em 1em;
    border: 2px solid transparent;
    background: rgba(255, 255, 255, 0.2);
}
.et_pb_bg_layout_light .et_pb_more_button
{
    color:#fff!important;
}

.mobile_nav.opened .mobile_menu_bar:before {
content: "\4d";
}
ul#mobile_menu {
    overflow: auto;
    max-height: 600px;
    width: 111%;
    margin-left: -5.5%;
}
ul#mobile_menu {
    list-style-type: none!important;
}
ul.sub-menu {
    list-style-type: none!important;
}
.home-info h1, .home-info h2, .home-info h3, .home-info p, .page-info h1, .page-info h2, .page-info h3, .page-info p, .contact-info h1, .contact-info h2, .contact-info h3, .contact-info p {
    color: #000;
    padding: 0 0 20px 0;
}
.entry-content table {
     color:#000;
}
.promo-info p {
    color: #fff;
}
.et_pb_slide_content {
    color: #fff;
}
#main-footer {
    background-color: rgba(0, 0, 0, 0);
}
#footer-bottom {
    background-color: #000!important;
}
#main-footer .footer-widget h4 {
    font-weight: bold;
}
.link-footer
{
    color:#01aeff !important;
}
.link-footer a:hover
{
     text-decoration:underline;
}
/*------------------------------------------------*/
/*-------------------[CONTACT FORM]------------------*/
/*------------------------------------------------*/
.form-placeholder_wrapper .gfield_label, .form-multiple-col-placeholder .gfield_label{
display:none !important;
}
.gform_button{
    padding: 4% 6%;
    background: #242424!important;
    border: 2px solid #fff!important;
    color: #fff!important;
    float: left !important;

    font-size: 14px !important;
    font-weight: bold !important;
    font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif !important;
    line-height: 1.7em !important;
    transition: all 0.2s !important;
    cursor: pointer;
      font-family: 'oswald_regularregular';
    transition: .2s;
    text-transform: uppercase;
    width: 100% !Important;
}
.gform_button:hover{
    color: #ffffff !important;
    background: #4f4f4f !important;
    border-color: #ffffff !important;
}
.form-placeholder .gfield_required{
display:none;
}
.form-placeholder li.gfield{
margin-top:0px !important;
}
/**---------------- Media query ----------------**/
@media only screen and (max-width: 768px) {
.form-row-left, .form-row-right { width: 100%; padding: 0; margin: 0;}
.form-2-columns .captcha-173 {
    	float: left;
    	width: 75%;
}
.form-2-columns .wpcf7-captcha-captcha-172 {
    	float: left;
    	width: 23%;
    	margin: 0 2% 0 0;
}
}
@media only screen and (max-width: 990px) {
.form-2-columns .captcha-173 {
    	float: left;
    	width: 70%;
}
.form-2-columns .wpcf7-captcha-captcha-172 {
    	float: left;
    	width: 28%;
    	margin: 0 2% 0 0;
}
}
@media only screen and (min-width: 48em) {
.form-row-left {
	float: left;
	width: 49%;
}
.form-row-right {
	float: left;
	width: 49%;
      	margin: 0 0 0 2%;
}
}

/*------------------------------------------------*/
/*-------------------[PAGE NAVI]------------------*/
/*------------------------------------------------*/

#et-info {
    float: none;
    margin: 0 auto;
    text-align: center;
}
.et_header_style_centered #main-header .logo_container {
    float: left;
    width: 50%;
}
.et_header_style_centered #main-header div#et-top-navigation {
    float: right;
    width: 50%;
}
#et-top-navigation {
    padding-top: 22px;
}
#top-header {
background: rgba(238,238,238,1)!important;
}
#top-header #et-info {
	float: right;
}
#et-info-phone:before, #et-info-email:before, .et-social-twitter a.icon:before, .et-social-facebook a.icon:before {
	color: #00adfe !important;
}

.et_fixed_nav #main-header, .et_fixed_nav #top-header {
    position: fixed!important;
    top: 0!important;
}
#page-container {
   padding-top: 0!important;
   margin-top:0!important;
}
.home .et_pb_section_0 {
    margin: 50px 0 0 0;
}


ul#top-menu {
    padding: 0;
}
#top-menu li {
    font-weight: bold;
}
.et_non_fixed_nav.et_transparent_nav.et_show_nav.et_secondary_nav_enabled.et_header_style_centered #page-container, .et_fixed_nav.et_show_nav.et_secondary_nav_enabled.et_header_style_centered #page-container {
   padding-top: 0!important;
   margin-top:0!important;
}
.et_non_fixed_nav.et_transparent_nav.et_show_nav.et_secondary_nav_enabled #page-container, .et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container {

   margin-top: -50px!important;
}
#page-container {
   padding-top: 0!important;
   margin-top:0!important;
}
.home #main-header {
    top: 0px!important;
}


.search #main-content .container {
   padding-top: 30px;
   padding-bottom: 30px;
   color:#000;
}
.search #main-content .container h2 {
    color:#000;
}
.search #et-main-area {
   margin-top: 10px;
 }
.container.et_search_form_container.et_pb_search_visible {
    width: 90%!important;
    margin: auto;
}
.et-search-form {
    max-width: 290px;
}
.et-search-form input{
width: 70% !important;
}

.et_header_style_centered .et-search-form input, .et_header_style_centered span.et_close_search_field {
    top: 0;
}
#main-content .container:before {
    width: 0px;
}
.et_fullwidth_nav #main-header .container {
    width: 100%!important;
    right: 0px;
    padding: 0;
}
.home #main-header {
    padding: 0;
    position: fixed!important;
}
.et_header_style_centered .et-fixed-header .et-search-form {
    top: 0px;
}
.gm-style .gm-style-iw {
    color:#000;
}
.gm-style .gm-style-iw h3{
    color:#000;
}

.dienstenblok .et_pb_main_blurb_image, .et_pb_blurb_position_right .et_pb_main_blurb_image {
	width: 50px;
}

.et_pb_fullwidth_header_0 .et_pb_button {
    color: white;
    padding: 10px 20px;
    background-color: #242424;
    border: 2px solid white;
    position: relative;
    top: 40px;
    transition: all .3s ease;
font-weight: 500;
}

.et_pb_fullwidth_header_0 .et_pb_button:hover {
	background-color: #4f4f4f;
	border: 2px solid white;
}

body #page-container .et_pb_button_0, body #page-container .et_pb_button_1 {
 color: white;
    padding: 10px 20px;
    background-color: #242424;
    border: 2px solid white;
    position: relative;
    top: 40px;
    transition: all .3s ease;
font-weight: 500;
	min-width: 211px;
}

body #page-container .et_pb_button_0:hover, body #page-container .et_pb_button_1:hover {
	background-color: #4f4f4f;
	border: 2px solid white;
}


/*------------------------------------------------*/
/*---------------[RESPONSIVE LAYOUTS]-------------*/
/*------------------------------------------------*/
@media only screen and ( max-width:769px ) {

.timelistopen, .timelistclosed{
margin-right:59px;
margin-bottom:15px;
}
}
@media only screen and ( max-width: 1025px ) and ( min-width: 770px ) {

}
}
@media only screen and ( min-width: 1050px ) and ( max-width: 981px ){

}
@media only screen and ( min-width: 981px ) {
.creations .et_pb_column{
max-height:190px;
min-height:190px;
overflow:hidden;
}

}
@media only screen and ( max-width:750px ) and ( min-width:980px )  {

}
@media only screen and ( min-width: 981px ) {
.diensten .et_pb_blurb{
    transform: translatex(0px);
transition: transform .3s ease-in;
}
.diensten .et_pb_blurb:hover{
    transform: translatex(25px);
transition: transform .3s ease-in;
}
}

/*-------------------[960px]------------------*/
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {
}

/*-------------------[768px]------------------*/
@media only screen and ( max-width: 1050px ) {

}
@media only screen and ( max-width: 980px ) {
	
	.header-content h2
	{
		font-size: 30px !important;
	}
	
	.introtekst
	{
		font-size: 15px !important;
	}
.creations img{
width:65%;
}

.tpheader .header-content-container.center {
    max-width: 85%;
}
.dienstheader .header-content-container.center {
    max-width: 85%;
}
.socialicons .et_pb_column_1_3{
max-width:33.333%;
}
.socialicons img {
    max-width: 35%;
}
#logo2{
width:103px;
padding-top:20px;
}
#main-header.et-fixed-header{
background-color: #fff;
}
.et-fixed-header #et_search_icon:before{
color: #000;
}
.home .et_pb_fullwidth_header_0 .et_pb_fullwidth_header_container {
    padding-top: 25%;
}
.home .header-content-container {
    width: 70% !important;
}
.mobile_menu_bar:before{
color: #fff !important;
}
.et-fixed-header .mobile_menu_bar:before{
color: #000 !important;
}
.et_pb_space.et-hide-mobile{
display:inline !important;
}
}

@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
}

@media screen and ( max-width: 782px ) {
}

/*-------------------[480px]------------------*/
@media only screen and ( max-width: 767px ) {
}

/*-------------------[320px]------------------*/
@media only screen and ( max-width: 479px ) {
.home .et_pb_fullwidth_header_0{
height:80% !important;
}
.dienstheader .header-content{
padding:0px;
}
.dienstheader .et_pb_fullwidth_header_container{
width:100%;
}
.home .et_pb_fullwidth_header_0 .et_pb_fullwidth_header_container{
padding-top:0%;
width:100%;
}
.socialicons img{
max-width:65%;
}
.diensten .et_pb_row{
width:95%;
}
h1{
font-size:30px !important;
}
.header-content{
text-align: center !important;
}
.header-content a {
min-width: 180px;
}
.et_pb_fullwidth_header .et_pb_fullwidth_header_container .et_pb_button_two {
   margin-left: 0;
}
.search .container {
padding-top:0px !important;
}
.search .entry{
padding-top:40px;
}
.tpheader .header-content, .contactheader .header-content{
padding:45px 0 0 0;
}
.tpheader .et_pb_fullwidth_header_container{
width:100%;
}
.openingstijden .et_pb_row{
width:100%;
}
.timelistopen, .timelistclosed {
    margin-right: 30px;
    margin-left: 5px;
    margin-bottom: 15px;
}
}

@media only screen and ( max-width: 330px ) {
.home .et_pb_section_0 {
    height:115vh;
}


.timelistopen, .timelistclosed {
    margin-right: 65px;
    margin-left: 65px;
    margin-bottom: 15px;
}

}
/*------------------------------------------------*/
/*--------------------[KEYFRAMES]-----------------*/
/*------------------------------------------------*/

@keyframes scrollIcon {
    0% {
        transform: translate(0px, 0px);
    }
    50% {
        transform: translate(0px, 9px);
    }
    100% {
        transform: translate(0px, 0px);
    }
}

@-moz-keyframes scrollIcon {
    0% {
        -moz-transform: translate(0px, 0px);
    }
    50% {
        -moz-transform: translate(0px, 9px);
    }
    100% {
        -moz-transform: translate(0px, 0px);
    }
}

@-webkit-keyframes scrollIcon {
    0% {
        -webkit-transform: translate(0px, 0px);
    }
    50% {
        -webkit-transform: translate(0px, 9px);
    }
    100% {
        -webkit-transform: translate(0px, 0px);
    }
}

@-o-keyframes scrollIcon {
    0% {
        -o-transform: translate(0px, 0px);
    }
    50% {
        -o-transform: translate(0px, 9px);
    }
    100% {
        -o-transform: translate(0px, 0px);
    }
}

@-ms-keyframes scrollIcon {
    0% {
        -ms-transform: translate(0px, 0px);
    }
    50% {
        -ms-transform: translate(0px, 9px);
    }
    100% {
        -ms-transform: translate(0px, 0px);
    }
}




/*------------------------------------------------*/
/*--------------------[line css]-----------------*/
/*------------------------------------------------*/

.blacklinesmall hr{
height:5px;
background-color:black;
border:none;
width:100px;
}
.whitelinesmall hr{
height:5px;
background-color: white;
border:none;
width:100px;
}
.blackline hr{
height:5px;
background-color:black;
border:none;
width:250px;
}
.whiteline hr{
height:5px;
background-color: white;
border:none;
width:250px;
}

.et_pb_fullwidth_header {
padding-top: 100px !important;
}