/*
Theme Name:     Typology Child
Theme URI:      http://mekshq.com
Description:    Child theme for Typology theme
Author:         meks
Author URI:     http://mekshq.com
Template:       typology
Version:        0.1.0
*/

/* Weg met dat 'Blog' op de voorkant 
.home .section-title {
	display: none;
}
*/

/* Geen marge aan de bovenkant */
.no-top-margin {
	margin-top: 0px !important;
}

/* Blockquote aanpassen */
blockquote, q {
	text-align: left;
	border: 0px;
	padding: 0rem 0rem 0rem 7rem;
	margin: 0px;
	margin-bottom: 5rem;
}

blockquote:before, q:before {
	background-color: transparent;
	content: '\201D';
	font-size: 15rem;
	color: #3aa8f4;
}

blockquote:after, blockquote:before, q:after, q:before {
	position: relative;
	left: -7rem;
	top: 7rem;
}

blockquote p, q p {
	/* color: #555555; */
}

#top-blogs {
	display : none;
	position : absolute;
	top : 8px;
	right : 35px;
	font-size : 17px;
}
@media all and (max-width: 768px){
	#top-blogs {
		display : block;
	}
}

.typology-search-form {
	margin : 0 !important;
}

.error404 .typology-search-form {
	margin : 35px auto 0 !important;
	max-width : 650px;
}

.error404 .typology-action-search .typology-search-form {
	margin : 0 !important;
}

.typology-search-form input,
.typology-search-form button.typology-button {
    float: left;
	margin : 0 !important;
	padding : 9px 20px;
	font-family : Palatino LT STD !important;
	font-size : 23px !important;
	color : #000;
	width: calc(100% - 144px);
	height : auto;
}

.typology-search-form button.typology-button {
	position : relative;
	float : right;
	padding: 11px 10px;
	font-family : QuestaSansBlack!important;
	line-height : 1.0em;
	font-weight : 400 !important;
	color : #FFF;
	width: 140px !important;
	max-width: none;
	height : auto;
}

.typology-action-search .typology-search-form input,
.typology-action-search .typology-search-form button.typology-button {
    float : none;
	padding : 9px 10px;
	width : 100%;
	height : auto;
}

.typology-action-search .typology-search-form button.typology-button {
	margin : 5px 0 0 !important;
	padding : 9px 20px;
	width: 100% !important;
	max-width: none;
}

/* 12-4-2017 - Kitty: style class for smaller type name and job in testimonials */

.testimonial-type {
font-size: 12px;
font-weight: bold;
margin-top: -20px
}

/* 12-4-2017 - Kitty: style class for colored background boxes */

.colorbox-type-groen {
color: #ffffff;
font-weight: bold;
background-color: #13897b;
padding: 2em;
margin-bottom: 30px;
}

.colorbox-type-lichtgroen {
color: #ffffff;
font-weight: bold;
background-color: #689f38;
padding: 2em;
margin-bottom: 30px;
}

.colorbox-type-blauw {
color: #ffffff;
font-weight: bold;
background-color: #3aa8f4;
padding: 2em;
margin-bottom: 30px;
}

.colorbox-type-geel {
font-weight: bold;
padding: 2em;
background-color: #dfcf3c;
margin-bottom: 30px;
}

.colorbox-type-oranje {
color: #ffffff;
font-weight: bold;
padding: 2em;
background-color: #f19004;
margin-bottom: 30px;
}

.colorbox-type-fuchsia {
color: #ffffff;
font-weight: bold;
background-color: #f947aa;
padding: 2em;
margin-bottom: 30px;
}

.colorbox-type-grijs {
background-color: #eaeaea;
padding: 2em;
margin-bottom: 30px;
}

.colorbox-type-lichtgrijs {
background-color: #eaeaea;
padding: 2em;
margin-bottom: 30px;
color: #3aa8f4;
font-weight: bold;
}

.colorbox-type-zwart {
color: #ffffff;
font-weight: bold;
background-color: #182b25;
padding: 2em;
margin-bottom: 30px;
}

.colorbox-type-rood {
color: #ffffff;
font-weight: bold;
background-color: #da275f;
padding: 2em;
margin-bottom: 30px;
}


.colorbox-type-zachtgeel, .colorbox-type-kuiken {
color: #eaeaea;
background-color: #efe89c;
padding: 2em;
margin-bottom: 30px;
}

.bfwk-bierviltje {
	font-size: 75%;
	color: #226390;
	font-weight: bold;
	line-height: 1.5;
}

/* 14-4-2017 - Kitty: class=last-oplossing voor ongelijke marges komen onder colorboxes */

.last {margin-bottom:0px !important;}

.comments-container {
	overflow: hidden;
}

/* Zorgt ervoor dat de header op de homepage gecentreerd is. */
.entry-title.h1 {
	text-align: center;
}

/* Bernard: Voor Typology. Om de titels van de voorpagina en de archieven groter te krijgen. */
.section-title.h6 {
	font-size: 35px;
}

/* Bernard: Voor Typology. Om de header van de voorpagina en de archieven te versmallen tot 500px. */
.section-head {
	max-width: 500px!important;
	margin: 0 auto;

}

/* Bernard: Voor Typology. Reparatie van de testimonial-dinges in de footer. */
.testimonials-widget-testimonial blockquote:before {
	content: none;
}

.testimonials-widget-testimonial blockquote {
	border:none;
	padding: 0px;
}

#testimonials_widget-4 {
	margin-top: -60px;
}

.testimonials-widget-testimonial blockquote:hover {
	cursor: pointer;
}

/* Bernard: Voor Typology. Blauwe kaders om de plaatjes. En witte tekst. De hoekjes worden ietsje vriendelijker afgerond. En er komt een witregel boven. */


.wp-caption.alignnone {

	margin-top: 67px;	
	margin-left: auto;
	margin-bottom: 67px;
	margin-right: auto;
	max-width: 100%;
	color: white;
	padding: 30px;
	background-color: #3aa8f4;
	border-radius: 1px;
}

.wp-caption-text {
	/* font-size: medium; */
}

.wp-caption-text {
	font-size: 2rem !important;
	font-weight: bold;
}

.wp-caption-text a {
	color: white;
}

.wp-caption.alignnone img {
	border-radius: 1px;	
}

/* Bernard: Voor Typology. Marge boven en onder de plaatjes. */

img.size-full {
	margin-top: 50px;
	margin-bottom: 50px;
}

/* Bernard: Ruimte tussen de advertentie (plaatje) en het inschrijfformulier verkleinen. */
.wp-image-55924 {
	margin-bottom: -40px !important;
}

.subscribe-form {
	padding-top: 0px !important;
}


/* Maar niet als ze al in een venster staan. */
.wp-caption.alignnone img.size-full {

	margin-top: 0px;
	margin-bottom: 0px;
}

/* Malle icoontjes bij de comment verstoppen */
#aec_edit_options {
	display: none;
}

/* h2 marge vergroten */
h2 {
	margin-top: 2em;
	margin-bottom: 1em;
}

#bfwk-index {
	margin-bottom: 50px;
	color: #3AA8F4;
}


/* Lettertype */
/* Questa Sans Black */
@font-face {
 font-family: QuestaSansBlack;
 src: url(fonts/5-Questa_Sans_Black.otf);
 font-variant-ligatures: discretionary-ligatures;
 -moz-font-feature-settings: "liga=1, dlig=1";
    -ms-font-feature-settings: "liga", "dlig";
    -webkit-font-feature-settings: "liga", "dlig";
    -o-font-feature-settings: "liga", "dlig";
    font-feature-settings: "liga", "dlig";
}

@font-face {
	font-family: "Palatino LT STD";
	src: url(fonts/PalatinoLTStd-Light.otf);
}

body {
	font-family: "Palatino LT STD" !important;
}

/* Koppen, etc. */
h1, h2, h3, h4, h5, h6 {
	font-family: QuestaSansBlack!important;
	text-align:left;
 
}

.cover-letter, .post-letter {
	font-family: QuestaSansBlack!important;
}

.typology-main-navigation {
	font-family: QuestaSansBlack!important;
}

/* Geen border om de comment-link. Die staat er namelijk als een streep doorheen. Suf. */
.comment-content a {
	border: none;
}


/* De home page schuift niet meer over de header, maar de header schuift ook mee naar boven. */
.typology-cover-item {
    position: static !important;
}

/* Namen alleen beginnen met een hoofdletter. */
.comment-author .fn {
	text-transform: capitalize;
}

blockquote span {
	font-size: inherit!important;
}

.typology-section {
	overflow: hidden;
}

.section-content {
	margin-bottom: 1em;
}

/* Alle posts maximaal 500px breed. */
.single .typology-section:first-child .section-content {
	max-width: 500px;
}

/* Brede pagina's hieronder */

.page-id-51289 .section-content.section-content-page {
	max-width: 900px!important;
}

.page-id-50565 .section-content.section-content-page {
	max-width: 900px!important;
}

.page-id-38124 .section-content.section-content-page {
	max-width: 900px!important;
}
.page-id-23228 .section-content.section-content-page {
	max-width: 900px!important;
}

.page-id-37685 .section-content.section-content-page {
	max-width: 900px!important;
}

.page-id-55388 .section-content.section-content-page {
	max-width: 900px!important;
}

.page-id-57309 .section-content.section-content-page {
	max-width: 900px!important;
	
	}

.page-id-56029 .section-content.section-content-page {
	max-width: 900px!important;
	
	}

.page-id-54250 .section-content.section-content-page {
	max-width: 900px!important;
	
	}

.page-id-78077 .section-content-page,
.page-id-78081 .section-content-page,
.page-id-78083 .section-content-page {
	max-width: 900px !important;
	
	}
	
.page-id-78081

/* Pagina die Bernard gemaakt heeft om de bakery-shit te ontlopen */
.page-id-56292 .section-content.section-content-page {
	max-width: 900px!important;
}

.page-id-56292 .post-letter {
	display: none;
}

.page-id-56292 .typology-section {
	padding-top: 3em;
}

/* Productpagina's moeten ook breed: */
.single-product .section-content {
	max-width: 900px!important;
}

.woocommerce-page .section-content {
	max-width: 900px!important;
}

/* Einde brede pagina's */

/* Rare voorpaginaregel links uitlijnen */
.home .section-head .section-title {
    text-align: left;
}

/* Chantal: Related posts omhoog verplaatst. */

.typology-section-related {
	box-shadow: none;
	padding: 5rem 0 15rem;
}

.typology-section-related .section-content {
	max-width: 900px !important;
}

/* Chantal: Widget met tweets naar max 300px. */

.testimonials-widget-testimonial, .bx-viewport {
	max-width: 300px !important;
}

/* Blogtips-advertentie */

.bfwk-blogtips {
	max-width: 500px;
	margin: 0 auto;
	padding-bottom: 2em;
}

/* Ruimte onder de author */
.section-content.typology-author {
	padding-bottom: 2em;
}

/* Single post met next en previous */

.ncp {

	clear: both;
	width: 100%;
	text-align: center;
	margin-bottom: 2em;
}


.ncp a {

	text-decoration: none;
}

/* Einde single post met next en previous */

/* Inschrijvingen op de boek-pagina naar links uitlijnen */
.bfwk-boek-inschrijving {
	max-width: 400px;
}

/* Begin CSS Grid voor Kitty's homepage */

#post-56292 h1 {
	text-align: center !important;
	margin-top: 1em;
}

.page-id-56292 h3.section-title.h6:first-child {
	margin : 40px 0 0;
	text-align: center;
	font-size: 48px;
	padding-bottom: 0px;
}

.page-id-56292 h3.section-title.h6:after {
	height: 0px;
}

.page-id-56292  .typology-pagination {
    margin : 30px 0 0;
	padding : 50px 0 0;
}

.home .section-head .section-title {
	text-align: center;
}

.page-id-56292 .home .section-title {
	text-align: center;
}

.page-id-56292 .section-head, .page-id-56292 .section-content {
	max-width: 900px!important;
}

.bfwk-hdb img, .bfwk-hdb div {
	border-radius: 2px;
}

.bfwk-hdb .hand:hover {
	cursor: pointer;
}

.bfwk-hdb .button {
	font-family: QuestaSansBlack, Palatino LT STD !important;
	font-weight: bold;
	border: none;
	border-radius: 2px;
	font-size: inherit;
}

.bfwk-hdb .button:hover {
	cursor: pointer;
}

.bfwk-hdb input[type="text"] {
	font-size: inherit;
}

.bfwk-hdb .inleiding,
h2.inleiding  {
	text-align: center !important;
	margin-top: 2em !important;
	font-size: 106% !important;
	font-weight: bold !important;
}

h2.inleiding  {
	font-family: "Palatino LT STD" !important;
	line-height: 1.88;
	font-size: 25px !important;
}

.bfwk-hdb .container-cursussen {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: repeat( 16, auto );
	grid-column-gap: 1em;
	grid-auto-flow: column;
}

.bfwk-hdb .container-cursussen > div {
	background-color: #eee;
	padding: 1em;
}

.bfwk-hdb .container-cursussen > div.course-description {
	background-color: #eee;
	padding-left: 23px;
	padding-right: 23px;
	/* width: 100%; */
}

/* Container voor de blogtips */
.bfwk-hdb .blogtips {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto auto auto;
	margin-top: 2em;
	padding: 1em;
	border-radius: 2px;
	background-color: #eee;
}

.bfwk-hdb .blogtips > div {
	align-self: center;
	justify-self: center;
	padding: 1em;
	padding-bottom: 0px;
}

.bfwk-hdb .blogtips > div > h2 {
	margin: 0px;
}

.bfwk-hdb .blogtips > .title {
	justify-self: left;
}

.bfwk-hdb .container-3 {
	display: grid;
	grid-template-columns: 1fr;
	grid-column-gap: 1em;
	grid-row-gap: 1em;
	margin-top: 2em;
	background-color: #eee;
	padding: 1em;
}

.bfwk-hdb .container-3 > div {
	font-size: 0.7em;
}

.bfwk-hdb .container-3 > div > video {
	width: 100%;
}

.bfwk-hdb .kitty {
	display: grid;
	grid-template-columns: 1fr;
	margin-top: 2em;
	margin-bottom: 2em;
	grid-column-gap: 1em;
	padding: 1em;
	border-radius: 2px;

	background-color: #3aa8f4;
	color: white;
	/* padding: 2em; */
}

.bfwk-hdb .kitty > div {
	/* align-self: center;
	justify-self: center; */
	padding: 1em;
	font-weight: bold;
}

.bfwk-hdb .kitty h2 {
	color: white;
	margin: 0px;
	margin-bottom: 0.5em;
	margin-top: -9px;
}

.bfwk-hdb .kitty .button {
	padding: 0.5em;
}

/* Alle cursus-knoppen */
.bfwk-hdb .container-cursussen .button {
	background-color: #dfcf3c;
	color: white;
	background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.1) 50%,rgba(0,0,0,.1));
	/* padding-left: 0.5em;
	padding-right: 0.5em;
	width: 100%; */
}

/* De foto's bij de cursussen */
.bfwk-hdb .container-cursussen > div:nth-child(4n-3) {
	padding-top: 2em;
	text-align: center;
	border-radius: 2px 2px 0px 0px;
}

/* De foto zelf */
.bfwk-hdb .container-cursussen > div:nth-child(4n-3) > img {
	border-radius: 50%;
	margin: 0 auto;
}

/* De titels van de cursussen */
.bfwk-hdb .container-cursussen > div:nth-child(4n-2) {
	font-family: QuestaSansBlack, Palatino LT STD !important;
	text-align: center;
	font-size: 110%;
	font-weight: bold;
	line-height: 125%;
}

/* De teksten bij de cursussen */
.bfwk-hdb .container-cursussen > div:nth-child(4n-1) {
	font-size: 80%;
}

/* De knoppen bij de cursussen */
.bfwk-hdb .container-cursussen > div:nth-child(4n-0) {
	text-align: center;
	margin-bottom: 1em;
	border-radius: 0px 0px 2px 2px;
	padding-bottom: 2em;
}


/* De testemonial van Chris */
.bfwk-hdb .testemonial {
	display: grid;
	grid-template-columns: 3fr 1fr;
	/* grid-column-gap: 1em; */
	grid-row-gap: 1em;
	margin-top: 2em;
	padding: 1em;
}

.bfwk-hdb .testemonial .testemonial-lead {
	font-weight: bold;
	margin-bottom: 0.2em;
	text-align: left;
}

.bfwk-hdb .testemonial .testemonial-text {
	margin-bottom: 0.2em;
}

.bfwk-hdb .testemonial .testemonial-writer {
	font-size: smaller;
	font-weight: bold;
	font-style: italic;
}

.bfwk-hdb .testemonial .testemonial-image {
	display: grid;
	align-content: center;
}

/* De testemonial van Koen */
.bfwk-hdb .testemonial-koen {
	display: grid;
	grid-template-columns: 1fr 3fr;
	grid-column-gap: 1em;
	grid-row-gap: 1em;
	margin-top: 3em;
	padding: 1em;
}

.bfwk-hdb .testemonial-koen .testemonial-lead {
	font-weight: bold;
	margin-bottom: 0.2em;
	text-align: left;
}

.bfwk-hdb .testemonial-koen .testemonial-text {
	margin-bottom: 0.2em;
}

.bfwk-hdb .testemonial-koen .testemonial-writer {
	font-size: smaller;
	font-weight: bold;
	font-style: italic;
}

.bfwk-hdb .testemonial-koen .testemonial-image {
	display: grid;
	align-content: center;
}

.bfwk-hdb .testemonial-koen .testemonial-image img {
	border-radius: 50%;
}

.bfwk-hdb .zoek {
	display : none;
	border-radius: 2px;
	/* background-color: #eee; */
	margin-top: 2em;
	margin-bottom: 3em;
	padding: 1em;
}

.bfwk-hdb .zoek > h2 {
	margin-top: 0.5em;
	text-align: left;
}

.bfwk-hdb .zoek > h3 {
	margin-top: 1em;
	text-align: left;
}

.bfwk-hdb .zoek input[type="text"] {
	border: 22px solid #dfcf3c;
	border-radius: 2px;
	height: 100px;
}

.bfwk-hdb .category-grid {

	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: repeat( 7, 1fr );
	grid-column-gap: 1em;
	grid-row-gap: 1em;
	/* grid-auto-flow: column; */
	margin-top: 1em;
}

.bfwk-hdb .category-grid > div, .says-who {
	/* display: grid; */
	align-self: center;
	justify-self: center;
	padding: 1em;
	padding-left: 1.5em;
	padding-right: 1.5em;
	width: 100%;
	/* height: 100%; */
	background-color: black;
	color: white;
	text-align: center;
}

.bfwk-hdb .category-grid > a {
	/* display: grid; */
	align-self: center;
	justify-self: center;
	padding: 1em;
	padding-left: 1.5em;
	padding-right: 1.5em;
	width: 100%;
	/* height: 100%; */
	background-color: black;
	color: white;
	text-align: center;
}

.bfwk-hdb .says-who {
	max-width: 200px;
	margin-top: 1em;
}

/* .bfwk-hdb .category-grid > div:hover, .says-who {
	cursor: pointer;
} */

.bfwk-hdb .category-grid div:last-child {
	background-color: #3aa8f4
}

.bfwk-hdb .category-grid a:last-child {
	background-color: #3aa8f4
}

/* Media queries */
@media only screen and (min-width: 500px) {

	.bfwk-hdb .container-cursussen {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: repeat( 8, auto );	
	}

	.bfwk-hdb .kitty img {
		max-width: 325px;
	}

	.bfwk-hdb .category-grid {
		
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1fr 1fr 1fr 1fr;
	}

	.bfwk-hdb .category-grid div:last-child {
		grid-column-start: 1;
		grid-column-end: 3;
		grid-row-start: 4;
	}

	.bfwk-hdb .category-grid a:last-child {
		grid-column-start: 1;
		grid-column-end: 3;
		grid-row-start: 4;
	}

}

@media only screen and (min-width: 1024px) {

	.bfwk-hdb .container-cursussen {
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-template-rows: repeat( 4, auto );
	}

	.bfwk-hdb .kitty {
		grid-template-columns: 1fr 1fr;
	}

	.bfwk-hdb .kitty > div.video {

		padding-top: 83px;
	}

	.bfwk-hdb .kitty > div:nth-child(2n-0) {
		padding-left: 0px;
	}

	.bfwk-hdb .blogtips {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto auto
	}

	.bfwk-hdb .blogtips > .title {
		grid-column-start: 1;
		grid-column-end: 3;
	}

	.bfwk-hdb .blogtips p {
		margin-bottom: 0.7em;
	}

	.bfwk-hdb .container-3 {
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: auto auto;
	}

	.bfwk-hdb .container-3 h2:first-child {
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		grid-column-start: 1;
		grid-column-end: 4;
	}

	.bfwk-hdb .category-grid {
		
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: 1fr 1fr 1fr;
	}

	.bfwk-hdb .category-grid div:last-child {
		grid-row-start: 3;
		grid-column-start: 1;
		grid-column-end: 4;
	}

	.bfwk-hdb .testemonial, .bfwk-hdb .testemonial-koen {
		grid-template-columns: 5fr 1fr;
	}

	.bfwk-hdb .testemonial-koen {
		grid-template-columns: 1fr 5fr;
	}

	/* .bfwk-hdb .testemonial > div:nth-child( 2n-0 ) {
		padding-top: 3em;
	} */

}

/* Einde CSS Grid voor de homepage */

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
    word-break: normal;
}

.comment-content a, .comment-reply-link, .entry-content a, .logged-in-as a, .textwidget a, .typology-footer .widget p a {
	/* border-bottom: 0px; */
}

.textwidget p, .textwidget img {
	margin: 0 0 0.5em 0;
}

.typology-site-description {
	font-size: 13px;
	font-weight: bold;
	margin-top: 1px;
}

.col-lg-6 {
	height: 314px;
}

a.typology-featured-image img {
	max-height: 165px;
}

#mlb2-4743960 .subscribe-form .form-section .form-group label {
	line-height: unset !important;
}

/* Geen driehoekje meer in het menu */
.typology-header .typology-nav .sub-menu>li.menu-item-has-children>a:after {
	content: '';
}

.woocommerce div.product p.price, .woocommerce div.product span.price, woocommerce-Price-amount amount, .price, .amount {
	color: #3aa8f4;
}

.wc_payment_methods.payment_methods.methods {
	display: none;
}

img.vierkant {
	border-radius: 0px !important;
}

/* BLOG PAGINA */

.typology-fake-bg .section-content .typology-posts {
	display : flex;
}

/* NIEUWE HEADER */
#header-new {
	display : flex;
	flex-direction : row;
	flex-wrap : nowrap;
	margin : 20px 0 80px;
    padding : 0;
	width : 100%;
}

#header-new .wpb_column {
	float : none;
}

#header-new .wpb_column:first-child .vc_column-inner {
	background-position : left calc(100%  - 15px) !important;
}

#header-new .wpb_column .wpb_wrapper h1 {
	margin : 0;
	font-size : 56px;
	line-height : 1.0em;
	color : #3aa8f4;
}

#header-new .wpb_column .wpb_wrapper h3 {
	margin : 0 0 25px;
	font-size : 35px;
	line-height : 1.2em;
}

#header-new .wpb_column .wpb_wrapper p {
	margin : 0 0 7px;
	font-size : 18px;
}

#header-new .wpb_column .wpb_wrapper .small-text p {
	font-size : 15px;
	color : #adadad;
}

@media all and (max-width: 768px){
	#header-new {
		flex-direction: column;
	}
	
	#header-new .wpb_wrapper h1 {
		font-size: 46px !important;
	}
	
	#header-new .wpb_column .vc_column-inner {
		padding : 0;
		margin : 0;
	}
	
	#header-new .wpb_column .wpb_wrapper h3 {
		font-size: 26px !important;
	}
}