/*
 Theme Name:     Yellow Kitchen 
 Theme URI:      https://www.pithmedia.nl
 Description:    Yellow Kitchen
 Author:         Pith Media
 Author URI:     https://www.pithmedia.nl
 Template:       Divi
 Version:        1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

body {background:#fbf7e4;font-family:'Roboto', helvetica, arial;font-size:16px;}
h1,h2,h3,h4,h5,h6 {font-family:'Montserrat', helvetica, arial;}
h1, h2 {font-weight:300;}
p {font-family:'Roboto', helvetica, arial;font-weight:400;}
.et_boxed_layout #page-container {box-shadow:none;}
.et_pb_section {background:none;}
.bg-white {background:#FFF;}
.p4 {padding:30px;}
a.bigblue, a.smallblue {background:#4A4A4A;color:#FFF!important;text-shadow:none;box-shadow:none;border:0px;border-radius:2px;padding:10px 20px;font-size:14px;text-transform:uppercase;}
a.smalllightblue {background:#FFF;color:#4A4A4A!important;text-shadow:none;box-shadow:none;border:0px;border-radius:2px;padding:10px 20px;font-size:14px;text-transform:uppercase;}
a.bigblue:hover, a.smallblue:hover {color:#ffd800!important;}
a.smalllightblue:hover {color:#ffd800!important;}
.et_pb_section {}

/* buttons */
body a.smallblue, body a.bigblue, body .et_pb_button {background:#4A4A4A;border:0px;text-shadow:none;box-shadow:none;color:#FFF!important;padding:15px 50px;border-radius:3px;font-size:14px;}
body a.smallblue:hover, body a.bigblue:hover, body .et_pb_button:hover {background:#4A4A4A;color:#FFF!important;}

.small-button.smalllightblue {background:#ffd800;border:0px;text-shadow:none;box-shadow:none;color:#FFF!important;padding:15px 50px;border-radius:3px;font-size:14px;}
.small-button.smalllightblue:hover {background:#ffd800;color:#FFF!important;}

/*header */
#logo {margin-left:-20px;margin-top:40px;}
.et-fixed-header #logo {margin-top:0px;}
#main-header {box-shadow:none;}
.header-content h1 {font-size:34px;line-height:52px;font-weight:300;}
.img-header {margin-top:-220px;}
.header-image {border-radius:15px;}
.header-image h1 {font-size:40px;}
.header-image img {border-radius:15px;}
#top-menu-nav {margin-right:10px}
.et-cart-info {display:none;}
.et_pb_fullwidth_header_container {width:100%!important;max-width:100%!important;margin:0px!important;padding:0px!important;}
.et_pb_fullwidth_header .header-image {width:70%;margin:0 0 -100px 0;box-shadow: 0px 20px 25px 0px rgba(0,0,0,0.75);}
.et_pb_fullwidth_header {padding:0px;}
.et_pb_header_content_wrapper {width:70%;float:right;margin-top:0px}
.et_pb_header_content_wrapper h1 {color:#5D5F65!important;}

/*menu */
#top-menu a {font-weight:normal;font-family:'Roboto', helvetica, arial;;}
#top-menu .current_page_item a {text-decoration:underline;font-weight:bold;}


/* Cookies */
#cookie-banner {position: fixed;bottom:0;width:100%;background:#fff;padding:30px;box-shadow:0 -2px 5px rgba(0,0,0,0.2);display:none;z-index:9999}
#cookie-banner .cookie_tekst {float:left;width:80%;}
#cookie-banner .cookie_tekst strong {font-size:16px;}
#cookie-banner .cookie_tekst p {font-size:15px;}
#cookie-banner .cookie_buttons {float:right;width:20%;max-width:250px;}
#cookie-banner button {width:100%;padding:15px 15px;margin-bottom:10px;border:1px solid #ffd800;clear:both;display:block;font-size:16px;cursor:pointer!important;}
#cookie-banner #accept-cookies {background:#ffd800;color:#FFF;margin-top:10px;font-weight:bold;}
#cookie-banner #accept-cookies:hover {background:#ffd800;}
#cookie-banner #decline-cookies {background:#FFF;color:#ffd800;}


/*home */
.home.page-template-default .et_pb_section {padding:0px;}
.home.page-template-default .et_pb_row {width:100%;max-width:100%;}
.home.page-template-default .et_pb_row {padding-top:0px;}
.home.page-template-default .et_pb_row_0 {width:60%;margin-top:100px;padding:30px!important;box-sizing:border-box;}
.home.page-template-default .et_pb_row_0 h1 {color:#ffd800;}
.home.page-template-default .et_pb_row_1 {background:#4A4A4A;color:#FFF!important;}
.home.page-template-default .et_pb_row_2 {background:#ffd800;}
.home.page-template-default .et_pb_row_3 {background:#FFF;}
.home.page-template-default .et_pb_row_4 {background:#4A4A4A;color:#FFF!important;}
.home.page-template-default .et_pb_image .et_pb_image_wrap {display:block;overflow:hidden;max-height:500px;}
.home.page-template-default .et_pb_image img {width:100%;min-height:452px;}
.home.page-template-default .et_pb_column {width:50%;margin:0px;}
.home.page-template-default .et_pb_column_0 {width:auto;margin:0 auto!important;}
.home.page-template-default .et_pb_text {padding:5%;}
.home.page-template-default .et_pb_row {padding-bottom:0px;}

/* Pagina template */
.page-template-default .et_pb_section_1 {padding-bottom:0px;}
.page-template-default #logo, .post-template-default #logo {max-height: 70%;margin-top:0px;}
.et_pb_column_1_2 h3 {color:#ffd800;}
.gelegenheden {padding-bottom:0px;}
.subpaginas .et_pb_image {height:200px;overflow:hidden;}
.subpaginas .et_pb_image:hover {border:4px solid #ffd800;box-sizing:border-box;}
.subpaginas .et_pb_image img:hover {opacity:0.75;}
.subpaginas .et_pb_image img {min-height:200px;}
.subpaginas .et_pb_column {margin-right:2.5%;}
.subpaginas .et_pb_row {padding:20px 0 0 0;}
.subpaginas .et_pb_column_1_3 {width:31.2%;}
.subpaginas .et_pb_text .et_pb_text_inner p {margin: -140px 0 0 0;color: #FFF;text-align: center;font-weight: bold;font-size: 24px;position:absolute;width:100%;}
.subpaginas .et_pb_text .et_pb_text_inner p a {color:#FFF;display:block;}
.subpaginas .et_pb_image {background:#000;}


/* recensies */
.comment_postinfo .fn {display:none;}
.comment_avatar {display:none;}
.comment-body {padding-left:0px;}


/* Formulier */
input, textarea, input[type=submit] {font-family:helvetica, arial;font-size:14px;}
input {border:1px solid #ebebeb!important;height:30px;}
textarea {border:1px solid #ebebeb!important;}
input[type=submit] {background:#4A4A4A;color:#FFF!important;text-shadow:none;box-shadow:none;border:0px!important;border-radius:2px;padding:10px 20px;font-size:14px;text-transform:uppercase;height:45px;}
#wpcf7-f730-p53-o1 input, #wpcf7-f730-p53-o1 textarea {width:100%;}
/* footer */
.et_pb_widget ul li {margin-bottom:0px;}

@media only screen and (min-width: 100px) and (max-width: 1560px) { 
  #logo {width:110px;height:110px;}
  .et_pb_header_content_wrapper {margin-top:-110px;}
  
}
@media only screen and (max-width:935px){
  #logo {width:60px;height:60px;} 
}
@media only screen and (max-width:40em){

#main-header {background:#ffd200!important;}
  #et_search_icon:hover, .mobile_menu_bar:before, .mobile_menu_bar:after, .et_toggle_slide_menu:after, .et-social-icon a:hover, .et_pb_sum, .et_pb_pricing li a, .et_pb_pricing_table_button, .et_overlay:before, .entry-summary p.price ins, .et_pb_member_social_links a:hover, .et_pb_widget li a:hover, .et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active, .et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.active, .et_pb_gallery .et_pb_gallery_pagination ul li a.active, .wp-pagenavi span.current, .wp-pagenavi a:hover, .nav-single a, .tagged_as a, .posted_in a
  {color:#333333!Important;}
  #logo {width:60px;height:60px;} 
  .et_pb_header_content_wrapper {width:100%;margin-top:0px;text-align:center;}
  .header-image-container {margin-bottom:-100px;}
  .header-content {margin:0px;padding:0px;}
  .header-content h1{font-size:20px;line-height:20px;margin-top:0;}
  .et_pb_fullwidth_header .header-image {width:80%;margin:0 auto;}
  .mobile_menu_bar::before {color:#000;}
  #mobile_menu {background:#FFF!important;}
  .home.page-template-default .et_pb_image img {width:100%;min-height:auto;}
  /* Home */
  .home.page-template-default .et_pb_row_0 {width:100%;}
  .home .et_pb_column_5 {display:none;}
  
  
}

/*Blog slider*/
.et_pb_section .et_pb_section_2 .sectie-blog .et_section_regular{
  width: 100%;
  max-width: 100%;
  padding-top:50px;
}

.et_pb_row.et_pb_row_2 {
  width:100%;
  max-width:100%;
}

.slider-button {
  width: 100%;
  max-width: 100%;
}


.et_pb_blurb_0 .et-pb-icon, .et_pb_blurb_1 .et-pb-icon {
    cursor: pointer;
    margin-top: -30px;
}

.blog-module {
    margin-bottom: 50px;
}

.back-button {
    position:absolute;
    top:-240px;
    left:0px
}

.next-button {
    position:absolute;
    top:-240px;
    right:0px;    
}

.entry-title {
    position:absolute;
    top:380px;
    left:20px;
    color:white;
    text-transform: uppercase;
    font-size:22px;
    font-weight:bold;
}

.published {
    position:absolute;
    top:0px;
    right: 8px;
    background: #000000;
    color:white; 
    padding:11px;
    font-size:16px;
    width:60px;   
    line-height:1.5em;  
    text-align: center;
}

.slick-slide {
    margin: 0.5vw!important;
}

.post-content {
  display:none;
}

.et_pb_column.et_pb_column_1_2.et_pb_column_3.et_pb_css_mix_blend_mode_passthrough.et-last-child {
    width: 100%;
}

@media only screen and (max-width:767px) { /* Mobile */


    #cookie-banner .cookie_tekst {width:100%;}
    #cookie-banner .cookie_buttons {width:100%;max-width:100%;}

}