/*
Theme Name: The Green Kitchen | GeneratePress Child 
Theme URI: https://generatepress.com
Template: generatepress
Author: Thomas Usborne
Author URI: http://edge22.com
Description: GeneratePress is a fast, lightweight (less than 1MB zipped), mobile responsive WordPress theme built with speed, SEO and usability in mind. GP is compatible with major plugins like WooCommerce, WPML, BuddyPress, bbPress and many more. It's also mobile & tablet responsive, 100% valid HTML, Schema microdata integrated, search engine friendly, translated into over 15 languages and cross browser compatible (including IE8). GeneratePress has 8 widget areas, 5 navigation positions, 5 sidebar layouts, dropdown menus (click or hover), a back to top button and so much more. Navigate to Appearance > Customize to start customizing. Create your website exactly the way you want it using the Customizer and see your changes take place right in front of you before publishing. See more and check out our awesome add-ons at https://generatepress.com
Tags: two-columns,three-columns,one-column,right-sidebar,left-sidebar,fluid-layout,fixed-layout,responsive-layout,custom-header,custom-background,custom-menu,custom-colors,sticky-post,threaded-comments,translation-ready,featured-images,theme-options,light,white,dark,black,blue,brown,gray,green,orange,pink,purple,red,silver,tan,yellow
Version: 1.3.28.1459855899
Updated: 2016-04-05 13:31:39

*/

.one-container .site-content {  padding: 40px 0px 40px 0px !important;  }
.grijs { background-color: #ebebeb; padding: 40px; min-height: 360px;  }
.lichtgroen  { background-color: #9ebaaf; padding: 40px; min-height: 360px;  }
.donkergroen { background-color: #528078; padding: 40px; min-height: 360px;  }

.page-id-282 .grijs {  min-height: 900px;  } /* menupagina */

/* font size */

body, button, input, select, textarea, .sidebar .widget, .footer-widgets .widget { font-size: 14px !important; }

/* header */

.site-header      { background-color: transparent; }
.site-branding    { background-color: #FFF; }
.header-widget    { padding: 20px 40px; } 
.header-widget input[type=search] { padding: 6px 10px; }

.inside-header    { padding: 0px 0px 0px 0px; }
.site-logo 	  { max-width: 280px; }

.fimage 	  { line-height: 0; }
.metaslider       { display: none;  }
.home .metaslider { display: block; }
.home .fimage     { display: none;  }

/* links */

a, a:visited      { color: #956397; }
a:hover, a:active { color: #382259; }

/*menu */


.main-navigation {margin-top: 20px; }
.main-navigation, .main-navigation ul ul { background-color: #FFF; /*#306199;*/ }
.main-navigation .main-nav ul li a {border-right: 1px solid #EBEBEB; line-height: 24px!important; }
.main-navigation .main-nav ul li:last-child a {border-right: 0px; }

.main-navigation .main-nav ul li a:hover, 
.main-navigation .main-nav ul li.sfHover > a,
.main-navigation .main-nav ul .current-menu-item > a:hover,
.main-navigation .main-nav ul .current-menu-parent > a:hover,
.main-navigation .main-nav ul .current-menu-item > a, 
.main-navigation .main-nav ul .current-menu-parent > a, 
.main-navigation .main-nav ul .current-menu-ancestor > a, 

.main-navigation .main-nav ul ul li a:hover, 
.main-navigation .main-nav ul ul li a:visited, 
.main-navigation .main-nav ul ul .current-menu-item > a, 
.main-navigation .main-nav ul ul .current-menu-parent > a, 
.main-navigation .main-nav ul ul .current-menu-ancestor > a { background-color: #FFF; /*#244872;*/ color: #8aa153; /*#382259;*/  }


.main-navigation ul ul { top: 50px; }

.main-navigation .main-nav ul li a, 
.menu-toggle, .main-navigation .mobile-bar-items a {  padding-left: 30px;  padding-right: 30px;  line-height: 50px; color: #956397; text-transform: uppercase;  font-weight: 600;}



/* content */

.page-header-image, .page-header-image-single { display: none; }
.separate-containers .inside-article, 
.separate-containers .widget, 
.separate-containers .comments-area, 
.separate-containers .page-header, 
.separate-containers .paging-navigation {  padding: 24px; }

h1		       { font-size: 42px; }
h1, h2, h3, h4, h5, h6 { color: #8aa153; /*#244872;*/  font-weight: 400;}
h2                     { font-size: 26px; font-weight: bold; margin-bottom: 18px;}
h4, .sidebar .widget .widget-title    {  font-size: 26px!important; }
ul, ol                 { margin: 0 0 1.5em 1.2em; }
table, td, th 	       {  border: 0px; }
td, th                 { padding: 0px; }
.gallery-caption       { font-size: 12px; }


/* sidebar */

.sidebar .widget .widget-title            { color: #8aa153; /*#244872;*/ font-size: 17px; margin-bottom: 10px; font-weight: 600; }
.sidebar .widget, .footer-widgets .widget { font-size: 14px !important;    }

.inside-left-sidebar .cat-post-title                    { font-size: 14px !important; }
.inside-left-sidebar .cat-post-current .cat-post-title  { font-weight: normal !important; text-transform: initial;}

.inside-left-sidebar ul.ec3_events li            { border-bottom: 1px solid #ccc;  margin: 3px 0; padding: 3px 0;}
.inside-left-sidebar ul.ec3_events li:last-child { border-bottom: 0px solid #ccc; }



/* footer */

.footer-widgets { border-top: 1px solid #EBEBEB; background-color: #ebebeb; padding: 30px 0 10px 20px; }
.footer-widgets .widget-title { color:  #8aa153; /*#244872;*/font-size: 17px; margin-bottom: 10px; }
 iframe   { border: 4px solid #FFF !important;} /* Google Maps */
.site-info {  background-color: #FFF;}
.site-info div { display: none; }

button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover, button:focus, html input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, .button:focus {    background-color: #956397; }
input[type="submit"] {  background-color: #382259; }

/* single */

.single .byline, footer.entry-meta { display: none; }

/*
-------------------------------- Mobile -----------------------------------------------------------------*/


@media (max-width: 920px) {

.main-navigation .main-nav ul li a, .menu-toggle, .main-navigation .mobile-bar-items a {  padding-left: 10px;  padding-right: 10px; }

}

@media (max-width: 844px) {

xxx.inside-header  { padding: 0; margin-top: -60px !important;    }				 /* alleen bij gebruik logo */
.inside-footer-widgets>div {  margin-bottom: 20px; }
.footer-widget-1, .footer-widget-2 {border-bottom: 1px dotted #306199; }
}

@media (max-width: 768px) {

.header-widget  { display: none; }
.inside-header  { margin-top: -20px;    }
.site-branding  { top: 100px;  }

.main-navigation          { padding-left: 30px;}
.menu-toggle .mobile-menu { font-weight: 600; text-transform: capitalize; }

.main-navigation .main-nav ul li a:hover, 
.main-navigation .main-nav ul li a:visited, 
.main-navigation .main-nav ul .current-menu-parent > a:hover, 
.main-navigation .main-nav ul .current-menu-item > a, 
.main-navigation .main-nav ul .current-menu-parent > a, 
.main-navigation .main-nav ul .current-menu-ancestor > a, 
.main-navigation .main-nav ul ul li a:hover,
.main-navigation .main-nav ul ul li a:visited, 
.main-navigation .main-nav ul ul .current-menu-item > a, 
.main-navigation .main-nav ul ul .current-menu-parent > a, 
.main-navigation .main-nav ul ul .current-menu-ancestor > a { background-color: transparent !important; }

.main-navigation .main-nav ul li a:hover, 
.main-navigation .main-nav ul ul li a:hover,
.main-navigation .main-nav ul .current-menu-parent > a:hover,
.main-navigation .main-nav ul .current-menu-item > a, 
.main-navigation .main-nav ul .current-menu-item > a:hover {color: #000; }

.main-navigation ul ul { box-shadow: 0 0px 0px rgba(0,0,0,0); margin-left: 20px; }

.main-title a, .main-title a:hover, .main-title a:visited, .main-title { font-size: 40px; }
.fluid-header .inside-header, .menu-toggle {    text-align: left; }

}

@media (max-width: 600px) {

.main-title a, .main-title a:hover, .main-title a:visited,.main-title { font-size: 30px; }

}

@media (max-width: 456px) {

.site-branding {  top: 80px;  }
.main-title a, .main-title a:hover, .main-title a:visited,.main-title { font-size: 21px; }

}

@media (max-width: 360px) {

.main-title a, .main-title a:hover, .main-title a:visited,.main-title { font-size: 18px; }

}