/*
Theme Name: Grebbehof | GeneratePress Child 01
Theme URI: 
Description: Child 01 theme for the GeneratePress theme
Author: <a href="https://tomusborne.com">Tom Usborne</a>
Author URI: 
Template: generatepress
Version: 1.3.40
*/

/* Generated by Orbisius Child Theme Creator (http://club.orbisius.com/products/wordpress-plugins/orbisius-child-theme-creator/) on Wed, 02 Nov 2016 08:56:00 +0000 */ 

/* Header 
--------------------------------------------------------------------------------------------*/
.site-header 		{ background-color: transparent; }
.inside-header 		{ padding: 12px 0px 0 0 ; background-color: #FFF; }

.header-widget 		{ margin-right: 24px; }
ul#menu-top li 		{ float: left;}
ul#menu-top li a 	{ display: block; color: #9C9C9C; text-align: center; text-decoration: none; padding: 0px 12px; }
ul#menu-top li a:hover 	{ color: #000;  }

/* Slider
--------------------------------------------------------------------------------------------*/

body #bgslider 	{ max-width: 1140px; width: 100%; background-color: #FFF; margin: 0 auto; text-align: center; padding: 12px 0 20px 0; }
#mainslider 	{ border: 12px solid #FFF; box-shadow: 2px 2px 6px 2px #888 !important; display: block; background: transparent;   margin-left: 20px; margin-right: 20px;  border-radius: 12px;}


/* Marges blokken 
---------------------------------------------------------------------------------------------*/
 .one-container .site-content {  padding: 40px 20px; }


/* Menu 
---------------------------------------------------------------------------------------------*/
.inside-navigation { margin: 0 20px; }
.main-nav 		{ background-color: #9C9C9C; border-radius: 10px;}
.main-navigation	{ background-color: #FFF; }
.main-navigation ul ul 	{ background-color: #9C9C9C; }
.main-navigation .main-nav ul li a, .main-navigation .mobile-bar-items a, .menu-toggle { line-height: 40px; }
.main-navigation .main-nav ul ul li a,
.main-navigation .main-nav ul ul li.current-menu-item a, 
.main-navigation .main-nav ul ul li.current-menu-item:hover a {  font-size: 18px !important;}

.main-navigation .main-nav ul li.current-menu-ancestor > a,
.main-navigation .main-nav ul li.current-menu-ancestor > 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 { background-color: #FFF; color: #000; }

.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-ancestor > a:hover, .main-navigation .main-nav ul .current-menu-item.sfHover > a, .main-navigation .main-nav ul .current-menu-parent.sfHover > a, .main-navigation .main-nav ul .current-menu-ancestor.sfHover > a,
.main-navigation .main-nav ul li > a:hover, .main-navigation .main-nav ul li > a:focus, .main-navigation .main-nav ul li.sfHover > a,
.main-navigation .main-nav ul li a, .menu-toggle { color: #FFF; font-size: 18px; background-color: #9C9C9C;}

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


.main-navigation .main-nav ul ul li.current-menu-item a, 
.main-navigation .main-nav ul ul li.current-menu-item:hover a {   font-size: 14px; }

/* Content 
----------------------------------------------------------------------------------------------*/
h1 		{ font-size: 26px; font-weight: 500; }
h2 		{ font-size: 18px; font-weight: 500; }
td, th 		{ padding: 4px 8px; border-width: 0;}
table, td, th 	{ border: 0px; }
blockquote 	{ border-left: 0px; padding: 20px; font-size: 2.0em; font-style: normal; position: relative; float: right;}

.widget-title 	{  margin-bottom: 12px; }
.wp-caption .wp-caption-text {  font-size: 92%; padding-top: 5px; opacity: .9; }

/* Contact
-----------------------------------------------------------------------------------------------*/

input[type=text], input[type=email], input[type=url], input[type=password], input[type=tel], select, textarea {   padding: 6px 12px; color: #666; border: 1px solid #ccc; background-color: #fafafa;}

/* Footer
-----------------------------------------------------------------------------------------------*/

.footer-widgets, .widget-area .widget {  padding: 20px;}

.footer-widgets .widget 	{ background-color: #9C9C9C; border-radius: 10px; font-size: 16px; color: #FFF; text-align: center; padding: 8px ; }
.footer-widgets .widget a 	{ color: #FFF; text-decoration: underline; }
.site-info 			{ display: none; }



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

@media screen and (max-width: 1110px) {
.main-navigation .main-nav ul li a, .main-navigation .mobile-bar-items a, .menu-toggle {
    padding-left: 10px;    padding-right: 10px; }

}
@media screen and (max-width: 984px) {
.main-navigation .main-nav ul li a, .main-navigation .mobile-bar-items a, .menu-toggle {font-size: 14px !important; }

}
@media screen and (max-width: 800px) {
.main-navigation .main-nav ul li a, .main-navigation .mobile-bar-items a, .menu-toggle {font-size: 13px !important; }

}


@media screen and (max-width: 768px) {
 
.header-widget { float: right; max-width: 100%; }


.menu-toggle {  text-align: left; }
button.menu-toggle, button.menu-toggle:active, button.menu-toggle:focus, button.menu-toggle:hover  {   background-color: #9C9C9C; border-radius: 10px; }


.main-navigation ul  {  background-color: #FFF; color: #9C9C9C;}

.main-navigation .main-nav ul li a, .main-navigation .mobile-bar-items a, .menu-toggle {font-size: 16px !important; }
.main-navigation .main-nav ul li a { background-color: #FFF;  color: #000; } 

.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 { background-color: #FFF;  color: #000;}
.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-ancestor > a:hover, 
.main-navigation .main-nav ul .current-menu-item.sfHover > a, 
.main-navigation .main-nav ul .current-menu-parent.sfHover > a, 
.main-navigation .main-nav ul .current-menu-ancestor.sfHover > a,
.main-navigation .main-nav ul li > a:hover, 
.main-navigation .main-nav ul li > a:focus, .main-navigation .main-nav ul li.sfHover > a { background-color: #FFF; color: #000;}

.main-navigation ul ul {  background-color: #FFF; }
.main-navigation .main-nav ul ul li a 	{ color: #0066a7;   padding: 10px 20px 10px 40px; }
.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,
.main-navigation .main-nav ul ul .current-menu-item > a:hover,
.main-navigation .main-nav ul ul li > a:hover,
.main-navigation .main-nav ul ul li > a:focus, 
.main-navigation .main-nav ul ul li.sfHover > a { color: #000; background-color:  #FFF;}

}
.alignleft {  float: left; margin-right: 12px;  margin-bottom: 20px; }
}