/*
Theme Name:     Somderdelen-bulan
Description:    
Author:         Ocelot
Template:       bulan

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/


body, .widget-title, h1, h2, h3 {font-family:Dosis, sans-serif;
}
body, .widget {font-size:17px; }

body.custom-background div.site {
    max-width: 1520px;
    margin: 0 auto;
}





.menu-primary-items a {
   letter-spacing:1px;
}




.home .entry-header h1 {display:none;}

/* Topmenu, handmatig toegevoegd aan header php    */

#topbar {font-size:13px;min-height:30px; float:right; max-width:1140px;}
#topbar img {height:20px;margin-left:20px; vertical-align: middle;}
.toptext a:hover {color: #3dae8c;}
.homebutton a {width:20px:height:20px;
   background-image: url('img src="https://som-der-delen.nl/wp-content/uploads/2017/02/home-icon.png');
}
.homebutton a:hover {
   background-image: url('img src="https://som-der-delen.nl/wp-content/uploads/2017/02/home-icon-MO.png');
}

/* home menu item alleen te zien in mobiel menu    */

.menuhome a{display:none;}

/* header stijlen */

.site-header {
    padding: 50px 0 500px 0;
}

.site-branding {text-align:left;
    	padding-bottom: 10px;
	padding-top: 10px;
	position: relative;
	background: #fff;
top:0;
}
.search-toggle {display:none;
   }

#logo {width: 230px; float:left; margin-right:20px; position:relative; margin-top:10px;z-index: 1000;}

.description  { 
max-width:800px;
position:relative;
font-size: 18px;
letter-spacing:2px;
font-family: "Dosis","Helvetica Neue",sans-serif;
font-weight: 300;
color: #000; padding-top:120px;

}


.site-header::after {
    background-color: rgba(204, 137, 0, 0.0);
}



/* menu stijlen */


#site-navigation {
display:inline;
max-width:200px;
position: relative;
float:right;
background-color: transparent;
margin-top:-115px;    
border:0;
	border-right: 1px solid #86d4c6;
	    padding: 0 0px;

}


.main-navigation { -webkit-box-shadow: 0 0px 0px rgba(255, 255, 255, .9); 
box-shadow: 0 0px 0px rgba(255, 255, 255, .9); }


.main-navigation li  {border:0;
line-height: 1.2em;
    display: inline;
float:right;
width:100%;
}

#top #header_main > .container .main_menu ul:first-child > li > a {height:30px !important; line-height:30px !important;    float:right; padding-right:0 !important;padding-left:0;
}
top #header_main > .container .main_menu ul > li > a:hover, .menu-primary-items li:hover, .menu-primary-items li:hover > a  {color:#3dae8c;
}
 
.menu-primary-items li:first-child {
    padding-left: 0px;
}
.menu-primary-items li {
    padding: 0 0px;
}
.menu-primary-items a {
    float: right;
}


/* contentblok */


.site-content {
    margin-top: -180px;

}
.wide-container {
    max-width: 1140px;

}

.site-content .wide-container {
-webkit-box-shadow: 0px 8px 21px -7px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 8px 21px -7px rgba(0,0,0,0.4);
box-shadow: 0px 8px 21px -7px rgba(0,0,0,0.4);
}
.content-area {min-height:400px;}


/* content stijlen */


.entry-header {
    text-align: left;
}

.entry-header h1 {
 margin-bottom: 10px;
font-size: 36px;
margin-top: -12px;
}
 h2, h3 {   color: #3dae8c;}

blockquote {
    font-style: italic;
    margin: 27px 40px;
    padding-left: 20px;
    color: #01af8f;
    border-left: 2px solid #86d4c6;
}

a {
	-webkit-transition: all 200ms ease-in-out 0s;
	transition: all 200ms ease-in-out 0s;
	text-decoration: none;
	color: #6e6d6c;
}
a:visited {
	color: #6e6d6c;
}
a:hover,
a:visited:hover, .ow-button-hover {
	text-decoration: none;
	color: #01af8f;
}

::-moz-selection {
    color: #fff;
    background: #01af8f;
    text-shadow: none
}

::selection {
    color: #fff;
    background: #01af8f;
    text-shadow: none;
}

::-moz-selection {
    color: #fff;
    background: #01af8f;
    text-shadow: none
}





.homeblok {min-height:270px;}

 ul, .widget ul {
    list-style: disc;
    margin: 18px 0;
    padding: 0 0 0 27px;
}
 li, .widget li{
    display: list-item;
margin-bottom:6px;
    border-bottom: 0px dotted #e0e0e0;
}

/* widget stijlen */


.widget-title {
    font-size: 21px;
    letter-spacing: 1px !important;
    text-transform: uppercase;

    background-color: #cfe5e1 !important;
}


/* footer stijlen */


.site-footer {
    font-size: 16px;
    padding: 20px 0;
    background-color: transparent;
border-top:1px solid #3dae8c;
}
.site-info { color: #333;width: 100%;}
.sidebar-footer {margin-top: 10px;}

.site-info a:hover, .site-info a:visited, .site-info a {color: #6e6d6c;}

#secondary {margin-top:50px; padding-left:20px;}
.copyright {font-size:13px;}

#scrollUp {background-color: #01af8f;}



/* diensten pagina */


.dienstenblok {
   min-height:480px;
word-break:normal;
}

.dienstenblok p{
    padding: 0 10px;
                -webkit-hyphens: auto;
                -ms-hyphens: auto;
                hyphens: auto;
            -webkit-hyphenate-limit-before:3;
-moz-hyphens:auto;
margin-bottom:0;
}
#panel-5-1-2-0, #panel-5-1-1-1, #panel-5-1-0-0, #panel-5-1-1-0{
    margin-bottom: 0px !important;
}
#pl-5 .panel-grid-cell .so-panel {
    margin-bottom: 20px !important;
}

.rondehoek {border-radius:5px;}
.so-widget-sow-button-flat-a017a2687c06 .ow-button-base a:hover {color:#333 !important;}

/* mobiel menu stijlen  */


.slicknav_nav a {
    color: #fff !important;
}
.slicknav_nav {
    z-index: 2000;
}



@media (max-width: 768px) {
.content-area {
		width:75.3846153846%;
		float:left;
		margin-right:3.8461538462%
	}
	.widget-area {
		width:20.7692307692%;
		float:right;
		margin-right:0
	}

.site-header {
    padding: 50px 0 350px 0;
}
	#menu-primary-items {
		display:none
	}
	.slicknav_menu {
		display:block;
		min-height:49px;
		padding:18px 0 0;
		background-color:transparent

	}
	.slicknav_menu .slicknav_icon-bar {
		background-color:#454545;
		-webkit-box-shadow:none;
		box-shadow:none
	}
	.slicknav_btn {
		float:right;
		margin:0;
		padding:0 0 0 20px;
		background-color:transparent
	}
	.slicknav_nav {

		margin-top:31px;
		padding:10px 0;
		background-color:#01af8f;
position:absolute;
right:0;
	}
	.slicknav_nav .slicknav_row,.slicknav_nav a {
		font-size:16px;
		margin:0;
		padding:10px 30px;
		text-transform:uppercase;
		color:#fff
	}
	.slicknav_nav .slicknav_row:hover,.slicknav_nav a:hover {
		color:#fff;
		border-radius:0;
		background-color:#89cdb9
	}
	.slicknav_menu .slicknav_icon {
		margin:0
	}
.dienstenblok {
   min-height:10px;
}
}


@media (max-width: 468px) {
.site-branding .wide-container {
    border-right: 0px;
    padding: 0 10px;
}
#topbar {margin-left:0px;float:left;min-height:40px;}
.homebutton a {display:none;
}
.description {
    font-size: 14px;
    letter-spacing: 1px;
   margin-left:12px;
    padding-top: 120px;
line-height:18px;
}
.slicknav_menu .menuhome a{display:block;}
.dienstenblok p{
    padding: 0 0px;
}
.widget-title {
   padding-left:5px; padding-right:5px;
}
}