/* CSS Document */

/*  */
/*  */



/* IMPORTS */

@font-face {
	font-family: 'Gadugi';
	src: url('https://stottercentrumboz.nl/wp-content/themes/scboz2017/assets/fonts/Gadugi.eot');
	src: url('https://stottercentrumboz.nl/wp-content/themes/scboz2017/assets/fonts/Gadugi.eot?#iefix') format('embedded-opentype'),  
	url('https://stottercentrumboz.nl/wp-content/themes/scboz2017/assets/fonts/Gadugi.woff') format('woff'),  
	url('https://stottercentrumboz.nl/wp-content/themes/scboz2017/assets/fonts/Gadugi.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Gadugi';
	src: url('https://stottercentrumboz.nl/wp-content/themes/scboz2017/assets/fonts/Gadugi-Bold.eot');
	src: url('https://stottercentrumboz.nl/wp-content/themes/scboz2017/assets/fonts/Gadugi-Bold.eot?#iefix') format('embedded-opentype'),  url('https://stottercentrumboz.nl/wp-content/themes/scboz2017/assets/fonts/Gadugi-Bold.woff') format('woff'),  url('https://stottercentrumboz.nl/wp-content/themes/scboz2017/assets/fonts/Gadugi-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
/* EINDE IMPORTS */



html {
	font-family: 'Gadugi';
}
/* FONTS */
h1, h2, h3, h4, h5, h6, h7, p, li {
	color: #3d3d3d;
	font-family: 'Gadugi';
}
h1, h2, h3, h4, h5, h6, h7 {
	text-transform: uppercase;
	font-weight: bold;
}
h1 {
	font-size: 1.8em;
	color: #3d3d3d;
	width: 100%;
	/*background-color: #3d3d3d;*/
	text-indent: 0em;
	line-height: 1.9em;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: inset 0 -1px 0 0 #3d3d3d;
	box-shadow: inset 0 -1px 0 0 #3d3d3d;
}
h2 {
	font-size: 1.4em;
	width: 100%;/*-webkit-box-shadow:inset 0 -2px 0 0 #3d3d3d;
box-shadow:inset 0 -2px 0 0 #3d3d3d;*/
}
h2.hp {
	font-size: 1.4em;
	width: 100%;
	text-align: center;
	margin: 1em 0 1em 0;
	-webkit-box-shadow: inset 0 -1px 0 0 #999;
	box-shadow: inset 0 -1px 0 0 #999;
}
h3, h4, h5, h6, h7 {
	font-size: 1.2em;
	text-transform: none;
}
a {
	color: #00ced1;
}
a:hover {
	color: #3d3d3d;
	text-decoration: underline;
}
i.fa {
	position: relative;
	top: 5px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	margin-right: .4em;
}
/* EINDE FONTS */

/* HEADER */
header {
}
ul.headerbtns {
	list-style: none;
	float: left;
}
ul.headerbtns li {
	margin-top: .4em;
}
a.headerbtn, a.headerbtn2 {
	padding: 0em 1em .5em;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width: 15em;
	display: block;
}
a.headerbtn {
	background-color: #3d3d3d;
	color: #fff;
}
a:hover.headerbtn {
	background-color: #00ced1;
	color: #3d3d3d;
}
a.headerbtn2 {
	border: #3d3d3d 1px solid;
	color: #3d3d3d;
}
a:hover.headerbtn2 {
	background-color: #00ced1;
	color: #3d3d3d;
}
/* EINDE HEADER */


/* MAINMENU */
.top-bar, .top-bar ul {
	background-color: #fff;
}
.top-bar {
	padding: 0;
	margin-bottom: 1em;
	border-top: #3d3d3d solid 1px;
	border-bottom: #3d3d3d solid 1px;
}
.top-bar ul {
	padding-top: .3em;
}
.top-bar ul li {
	padding: 0 .25em;
}
.top-bar a {
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-weight: bold;
	color: #3d3d3d;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}
.top-bar a:hover { /*background-color:#00ced1;*/
	color: #3d3d3d;
	-webkit-box-shadow: inset 0 -2px 0 0 #00ced1;
	box-shadow: inset 0 -2px 0 0 #00ced1;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	text-decoration: none;
}
.top-bar .menu .active > a {
	/*    background: #3d3d3d;
    color: #00ced1;
*/
	background: #fff;
	color: #00ced1;
}
.top-bar-right {
	text-align: center;
	width: 100% !important;
	overflow: inherit;
	z-index: 10000;
}
.top-bar-right ul#menu-mainmenu-1 {
	display: inline-block;
}
.top-bar-right ul#menu-mainmenu-1 li {
	position: relative;
	z-index: 10;
}
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
	border-color: #3d3d3d transparent transparent;
}
.off-canvas-wrapper {
	overflow: inherit;
}
.off-canvas {
	background: #fff;
}
.off-canvas a {
	color: #3d3d3d;
}
.off-canvas a:hover {
	background: #00ced1;
}
.off-canvas .menu .active > a {
	background: #00ced1;
	color: #3d3d3d;
}
.is-accordion-submenu-parent > a::after {
	border-color: #00ced1 transparent transparent;
}
.is-accordion-submenu-parent > a:hover::after {
	border-color: #3d3d3d transparent transparent;
}
/* EINDE MAINMENU */





/* BUTTONS */
.button, .wpcf7-submit {
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin: 0 0 1rem;
	padding: .85em 1em;
	border: 1px solid #3d3d3d;
 font-size: .9rem;
	background-color: #fff;
	color: #3d3d3d;
	font-weight: bold;
}
.button:focus, .button:hover, .wpcf7-submit:hover {
	background-color: #00ced1;
	text-decoration: underline;
	color: #3d3d3d;
}
div.wpcf7-mail-sent-ok {
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #3d3d3d;
	background-color: #ffffff;
}


div.wpcf7-validation-errors {
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #3d3d3d;
	background-color: #00ced1;
}


/* EINDE BUTTONS */


/* ORBIT */
.orbit, .orbit-container {
	position: relative;
	max-height: 400px;
}
/* EINDE ORBIT */



/* DIVERSE CONTENT */
.extra_melding {
	background: #00ced1;
	text-align: center;
	padding: 1em 1em 0em 1em;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.extra_melding h1, .extra_melding h2, .extra_melding h3, .extra_melding h4, .extra_melding h5, .extra_melding h6, .extra_melding h7 {
	text-decoration: none;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.extra_melding a {
	color: #3d3d3d;
	border: 1px solid #3d3d3d;
	padding: .4em;
}
img.hpimg {
	width: 100%;
}
/* EINDE DIVERSE CONTENT */

/* WIDGETS */
.widget ul {
    margin: 0;
    border: #ccc solid 1px;
    padding: 1em;
    border-radius: 10px;
}
.widget ul a {
    color: #3d3d3d;
    text-decoration: none;}

.widget ul a:hover {
    color: #00ced1;
}

/* WIDGETS */




/* FOOTER */
footer.footer {
	background: #3d3d3d;
}
footer #inner-footer {
}
footer p, footer a {
	color: #fff;
}
footer a:hover {
	color: #fff;
}
.f-block {
	padding: 1em;
}
@media screen and (max-width: 39.9375em) {
.f-block {
	text-align: center;
	font-size: 1.4em;
}
}
ul.footer_keurmerk {
}
ul.footer_keurmerk li {
	float: left;
	margin: 0 1em 1em 0;
}
ul.footer_keurmerk img {
	max-height: 4em;
}


/* EINDE FOOTER */