/*
Theme Name: Stip & Span | professional organizing
Theme URI: //stipenspan.nl/
Description: De template voor de website van Stip & Span
Author: Elianne Breet
Author URI: //stipenspan.nl/
Version: 1.0
*/

body
{
	background:#fff;
	background-image: url("/wp-content/themes/stip/images/background.jpg");
	
	color:#00175D;


	margin: 0;
	padding: 0;
	
	font-family:sans-serif;
	font-size:0.85em;
}

h1
{
	background-color:#00175D;
	
	margin:0 0 5px 0;
	padding:2px 10px;
	
	text-transform: uppercase;
 	font-family: "Source Code Pro", monospace;
 	font-style: normal;
	font-weight:normal;
	color:#fff;
	
	display: inline-block; 
}

h2
{
	background-color:#00175D;
	
	margin:10px 0 10px 0;
	padding:1px 5px;
	
	text-transform: uppercase;
 	font-family: "Source Code Pro", monospace;
 	font-style: normal;
	font-weight:normal;
	font-size:1.3em;	
	color:#fff;

	display: inline-block;  
}

h3
{
	background-color:#00175D;
	
	margin:10px 0 10px 0;
	padding:1px 5px;
	
	text-transform: uppercase;
 	font-family: "Source Code Pro", monospace;
 	font-style: normal;
	font-weight:normal;
	font-size:1em;
	color:#fff;

	display: inline-block;  
}

h4
{
	margin:0;
	padding:1px 0 15px 0;
		
	font-family: "Source Code Pro", monospace;
 	font-style: normal;
	font-weight:normal;
	text-decoration: underline;
	text-decoration-color: #FF6700;
	text-underline-offset: 8px;
	text-transform: lowercase;
	color:#FF6700;
}

h5
{
	background-color:#FF6700;
	
	margin:10px 0 10px 0;
	padding:1px 5px;
	
	text-transform: uppercase;
 	font-family: "Source Code Pro", monospace;
 	font-style: normal;
	font-weight:normal;
	font-size:1em;
	color:#fff;

	display: inline-block;  
}

h6
{
	background-color:#FF6700;
	margin:0 0 10px 0;
	padding:1px 5px;

	text-transform: uppercase;
	font-family: "Source Code Pro", monospace;
	font-style: normal;	
	font-size:1em;
	font-weight:normal;
}

h6 a
{
	color:#fff;
}

p 
{
	margin:15px 0;
	line-height: 1.3em;
}

a 
{
	color:#FF6700;
}

img
{
	max-width: 100%;
}

/* WRAPPER */
#wrapper
{
	margin:0 auto;
}

/* HEADER */
#header
{
	background:#fff;
	margin:0 auto;
	padding-top:10px;

	font-family: "Source Code Pro", monospace;
	text-transform: uppercase;
}

#topmenu
{
	width:60%; /* 1920px : 1152px */
	margin:0 auto;
	margin-bottom:10px;
	
	font-size:0.8em;
	text-align:right;
}

#menubalk
{
	width:60%; /* 1920px : 1152px */
	margin:0 auto;
	overflow:auto;
}

#menubalk a
{
	background:#00175D; 
	padding:2px 5px;
	
	color:#fff;
}

#menubalk ul
{
	padding-left:0px;
}

#menubalk li
{
	display:inline;
}

#menubalk a:hover
{
	background:#FF6700;
}

#menu_left
{
	width:40%; /* 1152px : 460px */
	float:left;
	
	margin-top:42px;
		
	border-bottom: 1px solid #030c5c;
}

#menu_left li
{
	margin-right:20px;
}

#menu_logo
{
	width:14.75694444444444%; /* 1152px : 170px */
	float:left;
	
	margin-bottom:5px;
	margin-left:2.5%;
}

#menu_logo a
{
	background:none;
}


#menu_logo a:hover
{
	background:none;
}

#menu_right
{
	width:40%; /* 1152px : 460px */
	float:right;
	
	margin-top:42px;
	
	text-align:right;
	
	border-bottom: 1px solid #030c5c;
}

#menu_right li
{
	margin-left:20px;
}

#menubalk .current_page_item a
{
	background:#FF6700;
}

/*Mobiel menu */
#wprmenu_menu_ul
	{
	font-family: "Source Code Pro", monospace;
	text-transform: uppercase;		
	}

#headerimg
{
	width:100%;
	margin:0 auto;
}


/* CONTENT */
#content
{
	background:#fff;
	width:60%; /* 1920px : 1152px */
	margin:0 auto;
	padding:50px 30px 0 30px;
	
}

#content ul
{
	margin:0;
}

/* QUOTE OPMAAK */
.su-quote 
{
	color:#FF6700;
	font-family: "Source Code Pro", monospace;
	font-style: normal;	
}

hr.wp-block-separator
{
	border-top: 1px solid #FF6700;
}

/* ORANJE KNOPPEN HOME */
.wp-block-button 
{
	font-family: "Source Code Pro", monospace;
	font-style: normal;	
}

/* BERICHTENOVERZICHT */
.wp-block-post
{
	border: 1px solid #030c5c*; /*omlijning post*/
}

.wp-block-post-terms /* labels*/ 
{
	margin-top:10px;

	text-transform: uppercase;
	font-family: "Source Code Pro", monospace;
	font-style: normal;	
	font-size:0.7em;
	font-weight:normal;
}

.wp-block-post-terms a
{
	padding:1px 5px;

	color:#030c5c;
	border: 1px solid #030c5c;
}

.wp-block-read-more
{
	margin:10px 0;
}

/* FOOTER */
#footer
{
	margin:0 auto;
	padding:5px 0 5px 0;
	
	font-size:0.7em;
	font-family: "Source Code Pro", monospace;
	text-align:right;
	text-transform: uppercase;
	
	border-top: 1px solid #030c5c;
	
}


/* MEDIA QUERIES */

/* Grote schermen  */
@media only screen and (min-width: 1285px)
{
/*#wrapper
{
	width:1534px;
}*/
	
}

/*Desktop */
@media only screen and (min-width: 1024px) and (max-width: 1284px)
{

	
#topmenu
{
	width:80%; 
}
	
#menubalk
{
	width:80%; 
}
	
#content
{
	width:80%; 
}
		
}

/*Desktop 960Grid */
@media only screen and (min-width: 960px) and (max-width: 1023px)
{
	
#topmenu
{
	width:85%; 
}
	
#menubalk
{
	width:85%;
}
	
#content
{
	width:85%; 
}

}

/*Tablet Portait */
@media only screen and (min-width: 768px) and (max-width: 959px)
{
	
#menubalk
{
	width:90%; 
}
	
#menu_logo
{
	width:30%;
}
	

	
#content
{
	width:90%; 
}
	

    
}

/*Mobile Portrait*/
@media only screen and (max-width: 767px)
{
	
#menubalk
{
	width:80%; 
}
	
#menu_logo
{
	width:70%;
}
	
#content
{
	width:80%; 
}
   
}

/*Mobile Landscape */
@media only screen and (min-width: 480px) and (max-width: 767px)
{
	
#menu_logo
{
	width:30%;
}
	
#menubalk
{
	width:80%; 
}
	
#content
{
	width:80%; 
}
  
}