/*
Theme Name: WP Cursus website
Theme URI: http://www.boonwebdesign.nl
Description: WP Cursus website door Boon Webdesign. Speciaal ontwikkeld voor het aanbieden van online cursussen en online trainingen via Wishlist Member.
Author: Sandra Boon
Author URI: http://www.boonwebdesign.nl
Version: 1.0
*/

@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}

html {margin-top: 0px!important;}
* {border: 0; padding: 0; margin: 0; font-family:Montserrat, Arial, Helvetica, sans-serif;}
body {background: #f1f0ed;font-size: 15px; color: #41495b; font-family: Montserrat, Arial, Helvetica, sans-serif; line-height: 26px; font-weight: 500;-moz-osx-font-smoothing: grayscale;}
.clear {clear:both; margin:0px;}
a {text-decoration:none;color:#d65f49;}
a:hover {text-decoration:underline;}
strong {font-weight:bold;font-size:16px;}
em {font-style:italic;}
h1, h2, h3, h4, h5, h6 {color:#646464; font-weight:700;font-family: 'Montserrat'; margin-bottom:0px;line-height:150%;}
h1 {font-size:28px; line-height:150%; font-weight:700; font-family: 'Amaranth'}
h2 {font-size:1.313em; line-height:150%;}
h3 {font-size:1en;}
h4 {font-size:18px;}
h5 {font-size:16px;}
h6 {font-size:16px;}
p {font-size: 15px; color: #41495b; font-family: Montserrat, Arial, Helvetica, sans-serif; line-height: 26px; font-weight: 500; margin-bottom: 20px; margin-top: 20px;}
ul, ol {margin-left:30px; font-size:16px;  color: #41495b; font-family: Montserrat, Open Sans, Arial, Helvetica, sans-serif; font-weight:500; line-height:190%;margin-bottom:20px; margin-top:20px;}
ul {list-style:disc;}
ol {list-style-type: decimal;}
hr {height:1px;background-color:none;border-bottom:2px solid #44c7b9; padding-top:15px; margin-bottom:30px; display:block;}
blockquote {padding-left:50px;position: relative;}
blockquote:before {display: block; content: "\201C"; font-size: 80px; position: absolute; left: 0px; top: 26px; color: #41495b; font-family:Georgia;}
img {max-width:100%; height:auto;}
em {font-style:italic;}

.entry-content table tr:nth-child(odd) {background: #f5f5f5;}
.entry-content table td {padding: 10px;}
.entry-content table {margin-top:20px; margin-bottom:20px;}

.wpcf7 table tr:nth-child(odd) {background: #FFF;}
.wpcf7 table td {padding: 0px;}
.wpcf7 table {margin-top:0px; margin-bottom:0px;}




/* MAINKLEUREN */

Mainkleur 1 {color:#d65d47;}
Mainkleur 2 {color:#41495b;}


/* BUTTONS */

.buttonrood a, #submit, .navigation a, .button, #submit, input[type=submit] {font-weight:400; font-size:14px; color:#FFFFFF!important;background-color:#d65f49;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding:8px 29px 9px !important; display:inline-block; margin-bottom:20px; -webkit-appearance: none; line-height:190%;}
.buttonrood a:hover, #submit, .navigation a:hover, .button:hover, #submit:hover, input[type=submit]:hover {text-decoration:none;cursor:pointer; opacity:0.8;}

.buttonblauw a {font-weight:400; font-size:14px; color:#FFFFFF;background-color:#203c5e;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding:8px 29px 9px !important; display:inline-block;margin-bottom:20px; -webkit-appearance: none;}
.buttonblauw a:hover {text-decoration:none;opacity:0.8;cursor:pointer;}



/* ALGEMENE ONDERDELEN */

#pagina {overflow: hidden; position: relative; max-width: 1400px; clear: both;}
#header {position: fixed;top: 0;left: 0;width: 275px;height: 100%;padding: 0 30px;overflow: auto;background: #fff;box-sizing: border-box;z-index: 100;-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.08); -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.08); box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.08);}
#inhoud {overflow: hidden;padding: 0 0 0 375px;}
#header nav ul li {vertical-align: top;margin: 0 0px 5px 0; text-align:left;}



/* MENU EN ZIJKANT */

#header nav ul {list-style:none; margin-left:0px; margin-bottom:50px; margin-top:0px;}
#header nav ul li a {color: #32353a; text-decoration:none; text-align:center; font-size: 15px;}
#header nav ul li a:hover {color:#d65d47;}	
#logo {padding-top:60px; display:block; margin-bottom:40px;}
#menu-icon {display: hidden; margin-top:18px;width:45px;height: 45px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background: #d25d4a url(images/responsivemenu.svg) no-repeat center;}


/* HOMEPAGINA CONTENT */

.paginainhoud {margin-top:55px;background-color:#FFF; box-sizing: border-box;}
.homecontent { background-color:#FFF;box-sizing: border-box; padding: 25px 40px; margin-bottom:50px;}
.homekolom1 {width:50%; float:left;box-sizing: border-box; padding-right:25px; margin-bottom:50px;}
.homekolom2 {width:50%; float:left;box-sizing: border-box; padding-left:25px; margin-bottom:50px;}
.homekolominner {background-color:#FFF;box-sizing: border-box; padding: 35px 40px 25px;}
.h1_HR {width: 60px;border-bottom: 0px solid #44c7b9; padding-top: 0px; height: 0px; margin: 0px;}

	
/* LESSEN & CURSUS */

.leskolom {width:50%; float:left;box-sizing: border-box; margin-bottom:30px;}
.leskolom:nth-child(odd) {padding-right:25px;}
.leskolom:nth-child(even) {padding-left:25px;}
.leskolom:nth-child(even)::after { clear:both; margin:0px;}
.leskolom img {margin-bottom:-10px; width:100%;}
.leskolom h2 {padding-top:15px; font-size:1.313em;}
.leskolom .homekolominner {width: 100%;background-color: #fff;}


/* BIBLIOTHEEK */
.blogitem {float:left;border-top:1px solid #ddd; padding-top:35px; margin-bottom:30px;}
.blogitem:first-of-type {border-top:0px;}
.blogthumb {width:50%; float:left; padding-right:20px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.blogthumb img {-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.blogthumb img:hover {opacity:0.9;}
.blogcontent {width:50%; float:left; padding-top:10px;}
.blog h2 {padding-top:0px!important;}
.blog table td {vertical-align:top;}
.navigation {text-align:center; margin-top:30px;}


/* WISHLIST */
.wlm_inpageloginform table tr:nth-child(odd) {background: #FFF;}
.wlm_inpageloginform table  th {text-align:left!important;}
#wpadminbar {display:none!important;}
.wlm_regform_improved {min-width:100%!important; max-width:100%!important;}
.wlm_regform_container .fld  { background-color:#f0f0f0!important; -moz-border-radius: 3px!important; border-radius: 3px; width:100%; height: 40px!important; line-height: 1.2em; padding: 4px 0px 4px 10px; color:#41495b!important; margin-top:0px; margin-bottom:1px;box-sizing: border-box; font-size:14px;-webkit-box-shadow: inset 2px 2px 5px 0px rgba(0,0,0,0.04)!important;
-moz-box-shadow: inset 2px 2px 5px 0px rgba(0,0,0,0.04);
box-shadow: inset 2px 2px 5px 0px rgba(0,0,0,0.04); border:0px!important;}
.wlm_regform_container input.submit {border:0px!important;line-height: 26px!important;}
.wlm_regform_container {border:0px!important; padding:20px 0px 0px 0px!important;}
.wlm_form_group {margin: 0 0 2.5em 0!important;}
.wlm_input_text, .wlm_field_description {margin-left:40px!important;}
.wlm_input_text {max-width:500px;}
.wlm_regform_improved p.submit {margin-left: 150px!important;}
.wlm_regform_toggle {margin-top: 20px!important;}
.wlm_regform_div {margin-top:25px!important;}
.wlm_regform_container {font-size: 15px!important;}
.wlm_form_label {width: 112px!important;}
.wlm_password_field2, .wlm_field_description, .wlm_regform_improved p.submit {margin-left: 121px!important;}
.wlm_regform_improved > p.submit {text-align: left!important;}


/* WOOCOMMERCE */
.woocommerce-result-count, .woocommerce-ordering, .product_meta {display:none!important;}	
.woocommerce ul.products {margin-top: 30px!important;}
.woocommerce .quantity .qty { background-color:#f0f0f0; -moz-border-radius: 3px; border-radius: 3px; height: 37px; line-height: 1.2em; padding: 4px 0px 4px 10px; color:#41495b; margin-top:0px; margin-bottom:1px;box-sizing: border-box; font-size:14px;-webkit-box-shadow: inset 2px 2px 5px 0px rgba(0,0,0,0.04);
-moz-box-shadow: inset 2px 2px 5px 0px rgba(0,0,0,0.04);
box-shadow: inset 2px 2px 5px 0px rgba(0,0,0,0.04);}
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {width: 100%!important; max-width: 100px!important;}
.woocommerce-cart .entry-content table tr:nth-child(odd) {background: #FFF;}
.woocommerce-cart .entry-content table td {padding: 0px;}
.woocommerce-cart .entry-content table {margin-top:0px; margin-bottom:0px;}
.woocommerce-checkout .entry-content table tr:nth-child(odd) {background: #FFF;}
.woocommerce-checkout .entry-content table td {padding: 0px;}
.woocommerce-checkout .entry-content table {margin-top:0px; margin-bottom:0px;}
.col-1, .col-2 {width:100%!important;}
.col-2 {margin-top:30px!important; margin-bottom:50px!important;}
.woocommerce-cart-form {margin-top: 30px;}
.woocommerce-notices-wrapper {margin-top: 30px!important; margin-bottom: 0px!important;}
.woocommerce form .form-row textarea {height: 8em!important;}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {height: 36px;}
.wc-forward {height: 18px!important;}
.coupon input[type="text"] {height: 36px!important;}


/* FOOTER */

.footerklein a {color:#41495b; font-size:11px;}
.footerklein, .footerklein p, .footerklein a {font-size:12px; text-align:center;}


@media(max-width:1430px) {
#inhoud {padding: 0 0 0 350px;	}
.paginacontainer {padding-right:40px;}
}


@media(max-width:960px) {
.homekolom1, .homekolom2 {width:100%; padding-left:0px; padding-right:0px;}
#header {width:100%; height:80px; text-align:left; overflow:visible;}
.headerback {height:80px;}
#logo {padding-top:10px; margin-bottom:0px;}
#logo img{max-height:60px; max-width:255px;}
#inhoud {padding: 0 0 0 25px;}
.footerklein {box-sizing: border-box;
    background: white;
    padding: 12px;     margin-right: 25px;}
#header .buttonrood {display:none;}
#logo {float:left;}
#menu-icon {float:right;display:inline-block;}
nav ul, nav:active ul {display: none;position: absolute;padding: 0px 20px;background: #fff;right: 12px;top: 40px;width: 60%;
-webkit-border-bottom-right-radius: 4px;-webkit-border-bottom-left-radius: 4px;-moz-border-radius-bottomright: 4px;-moz-border-radius-bottomleft: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.23);-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.23);box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.23);}
nav li {text-align: center;width: 100%;padding: 10px 0;margin: 0;}
nav:hover ul {display: block;}
#header nav ul {list-style:none; margin-left:0px; margin-bottom:0px; margin-top:0px;}
#header nav ul li a, #header nav ul, #header nav ul li {font-size:14px; line-height:70%;}
.paginacontainer {padding-right:25px;}
}



@media(max-width:650px) {
.leskolom {width:100%;}
.leskolom:nth-child(odd) {padding-right:0px;}
.leskolom:nth-child(even) {padding-left:0px;}
.refthumb {width:100%; padding-top:0px; padding-bottom:30px;}
.refcontent {width:100%; padding-right:0px;}
.sidebarwrap {padding-left:0px;}
.blogthumb, .blogcontent {width:100%;}
.blogthumb {padding-right:0px;}
.entry-content table td {width:100%; float:left;}
.homecontent {padding: 15px 20px; margin-bottom:30px;}
.homekolominner {padding: 15px 20px;}
.blogitem:first-of-type {margin-top:-25px;}
.paginainhoud {margin-top:25px;}
.wlm_inpageloginform table td, .wlm_inpageloginform table th {width:100%; float:left; padding:0px;}
.wlm_input_text, .wlm_field_description {margin-left:0px!important;}
.wlm_regform_improved p.submit {margin-left: 0px!important;}
.wlm_form_group {margin: 0 0 1.5em 0!important;}
h1, h2, h3, h4, h5 {font-size:18px!important;}
body, p, ul, ol {font-size:12px!important;}
}



/* =Images (WordPress)
----------------------------------------------- */
.entry-content img, .comment-content img, {max-width: 97.5%;}
img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; }
img.size-full, img.size-large {max-width: 97.5%; width: auto; height: auto; }
.entry-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0;}
img.alignleft, img.alignright,img.aligncenter { margin-bottom: 1.625em;}
p img, .wp-caption { margin-top: 0.4em;}
.wp-caption {background: #eee; margin-bottom: 1.625em; max-width: 96%; padding: 9px;}
.wp-caption img { display: block; margin: 0 auto; max-width: 98%;}
.wp-caption .wp-caption-text, .gallery-caption { color: #666; font-family: Montserrat, serif; font-size: 12px;}
.wp-caption .wp-caption-text {margin-bottom: 0.6em; padding: 10px 0 5px 40px; position: relative;}
.wp-caption .wp-caption-text:before { color: #666; font-size: 14px; font-style: normal; font-weight: bold; margin-right: 5px; position: absolute; left: 10px; top: 7px;}
#content .gallery {margin: 0 auto 1.625em;}
#content .gallery a img { border: none;}
img#wpstats {display: block;margin: 0 auto 1.625em;}
#content .gallery-columns-4 .gallery-item { width: 23%;padding-right: 2%;}
#content .gallery-columns-4 .gallery-item img {width: 100%;height: auto;}

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }




/* =Forms
----------------------------------------------- */

/* Default form */
input[type=text], input[type=password], textarea, input[type=email], input[type=tel]  { background-color:#f0f0f0; -moz-border-radius: 3px; border-radius: 3px; width:100%; height: 40px; line-height: 1.2em; padding: 4px 0px 4px 10px; color:#41495b; margin-top:0px; margin-bottom:1px;box-sizing: border-box; font-size:14px;-webkit-box-shadow: inset 2px 2px 5px 0px rgba(0,0,0,0.04);
-moz-box-shadow: inset 2px 2px 5px 0px rgba(0,0,0,0.04);
box-shadow: inset 2px 2px 5px 0px rgba(0,0,0,0.04);}
textarea {height:130px;  padding: 8px 0px 4px 10px;}


/* =Gallery
----------------------------------------------- */

.format-gallery .gallery-thumb { float: left; display: block; margin: .375em 1.625em 0 0;}
.sep {font-size:12px; color:#c0c0c0;}
.entry-date {font-size:12px; color:#41495b;}


/* =WordPress Caption
-------------------------------------------------------------- */
.wp-caption {background: #ececec;border: 1px solid #dcdcdc; max-width: 96%; padding: 5px 3px 10px; text-align: center; margin-top:-40px;}
.wp-caption.alignnone {margin: -21px 20px 20px 0;}
.wp-caption.alignleft {margin: 5px 20px 20px 0;}
.wp-caption.alignright {margin: 5px 0 20px 20px;}
.wp-caption img {border: 0 none; height: auto; margin:0; max-width: 98.5%; padding:0; width: auto; margin-left:4px; margin-top:3px; margin-right:4px;}
.wp-caption p.wp-caption-text {font-size:11px; line-height:17px; margin:0; padding:0 4px 5px; margin-top:3px;}

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
iframe, object, embed {
    max-width: 100%;

}


.leskolom:nth-child(2n){
    padding-left: 0px;
}
.leskolom:nth-child(2n+1){
    padding-right: 12px;
}
.leskolom:nth-child(2n){
    padding-left: 12px;
}


@media(max-width:450px) {
iframe, object, embed {
    height: 200px;

}
}