======
/*
Theme Name: Vantage Child
Author: SiteOrigin
Author URI: https://siteorigin.com/
Theme URI: https://siteorigin.com/theme/vantage
Description: Vantage Child Theme
Version: 1.0.0
Template: vantage
Text Domain: vantage
Domain Path: /languages/
*/
/*
	
====================================
PAARS
paarse platte tekst
#2d005b
rgb(45, 0, 91)
	
paarse blokken & koppen
#5C268D
(92,38,141,1)

====================================
GROEN

groene blokken
rgba(40, 142, 44, 1)
#288E2C

groene tekst, knoppen en links
#1b8700
(27,135,0,1)

groene mouse-overs
#81d742

====================================
ORANJE

oranje blokken
#dd9933
221,153,51,1

oranje tekst
#dd8500

*/


/* FONTS LADEN */


@font-face {
/*   Deze laten staan, want anders laad het onderstaande font niet. Vraag me niet waarom... */
  }

/* lavishly-yours-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/dancing-script-v28-latin-regular.woff2') format('woff2');
  }


/* Het kan, natuurlijk! bovenin de site */

#masthead .hgroup #header-sidebar p {
	color: #1b8700 !important;
	font-weight:bold;
	font-family: "Saira";
	font-size: 18px;
	margin-bottom: 0 !important;	}
	
/* Algemene stylen */

#main {
	background: #ebebd9 !important;
}
#content {
	color: #221b29 !important;
}
h1 {
	color: #5b268c !important;
}

h4 {font-style: italic;
	font-weight: 700;
}

h3+p {
	margin-top: -1.2em !important;
}

ol, ul {
	margin: 0 !important;
}

.sow-headline a:link {
	text-decoration: none !important;
}

abbr, acronym {
	border-bottom: none !important;
}
abbr[title], acronym[title]  {
	text-decoration: none !important;
	text-decoration-style: none !important;
}

.ligatuur p:first-of-type::first-letter {
  font-size: 470%;
  padding: 0 0 0 0;
  margin-right: 6px;
  float: left;
  line-height: 1em;
  font-weight: 800;
}


/*
	TITEL-BLOK staat bovenaan een pagina. Altijd een kop met een introtekst er onder. Dan een foto.
	*/

#titel-blok {
	padding-bottom: 0px !important;
}

#titel-blok h1.sow-headline {
	color: #5C268D !important;
	font-size: 44px !important;
	margin: 0 !important;	
	line-height: 1.1em;
}
#titel-blok h4.sow-sub-headline {
	padding: 0 15% !important;
	color: #1b8700 !important;
	font-size: 20px !important;
	
}

/*
	TITEL-FOTO staat bovenaan een pagina. Altijd een kop met een introtekst er onder over een foto heen.
	*/

#titel-foto {
	padding-bottom: 0px;
}
#titel-foto {
	border-radius: 5px;
}

/*
	TUSSENKOPPEN, deze is als het titelblok, maar dan kleiner en midden in de pagina gebruikt.
	*/

.tussenkop h2.sow-headline {
	margin-bottom: 0px !important;
	font-size: 34px !important;
}
.tussenkop h4.sow-sub-headline {
	padding: 0 15% !important;
	color: #2d005b !important;
	font-size: 20px !important;
}
.tussenkop div.decoration {
	margin-top: 15px !important;
}
.widget_sow-headline:has(.tussenkop) {
	margin-bottom: 15px !important;
}

/*
	Nieuwsberichten horizontaal
	*/
	
.so-widget-lsow-portfolio .entry-title	{
	margin-bottom: 0 !important;
}

.so-widget-lsow-portfolio .entry-summary {
	margin-top: 5px !important;
}

.lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .entry-summary:before {
	margin-bottom: 5px !important;
}

.lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .lsow-read-more {
	margin-top: 10px !important;
}

.so-widget-lsow-portfolio h3.entry-title a,
.lsow-read-more a {
	color: #1b8700 !important;
}
.so-widget-lsow-portfolio h3.entry-title a:hover,
.lsow-read-more a:hover {
	color: #81d742 !important;
}
.lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .lsow-entry-meta span {
	color: #2d005b !important;
	font-size: 0.85em !important;
	font-style: normal !important;
}


/*
	====================================
 DE VERSCHILLENDE WIDGETS
====================================
*/

/* WIDGET LICHT-PAARS  ---------------------------*/

.widget-lichtpaars {
background-color: #8055a8 !important;
color: #ffffff !important;
}
.widget-lichtpaars h2.sow-headline {
	color: #ffffff !important;
}
.widget-lichtpaars h3.sow-headline,
.widget-lichtpaars h3.widget-title {
	font-size: 24px !important;
	font-weight: bold !important;
	color: #ffffff !important;
}
.widget-lichtpaars a {
color: #ffffff !important;
}
.widget-lichtpaars .ow-button-base .sowb-button {
 	background: #5d3c7c !important;
	border: none !important;
}
.widget-lichtpaars .ow-button-base .sowb-button:hover {
	background: #9a62ce !important;
	border: none !important;
}

/* WIDGET ORANJE ---------------------------*/

.widget-oranje {
	background-color: #dd9933 !important;
color: #ffffff !important;
}

.widget-oranje .panel-grid {
	margin-bottom: 0px !important;
}
.widget-oranje h2.sow-headline {
	color: #ffffff !important;
}
.widget-oranje h3.sow-headline,
.widget-oranje h3.widget-title {
	font-size: 24px !important;
	font-weight: bold !important;
	color: #ffffff !important;
}
.widget-oranje a {
color: #ffffff !important;
}
.widget-oranje .ow-button-base .sowb-button {
 	background: #a26c1c !important;
	border: none !important;
}
.widget-oranje .ow-button-base .sowb-button:hover {
	background: #f5b24c !important;
	border: none !important;
}

/* WIDGET LCHTGROEN ---------------------------*/

.widget-lichtgroen {
	background-color: #5E9E47 !important;
	color: #ffffff !important;
}
.widget-lichtgroen .panel-grid {
	margin-bottom: 0px !important;
}
.widget-lichtgroen h2.sow-headline {
	color: #ffffff !important;
}
.widget-lichtgroen h3.sow-headline,
.widget-lichtgroen h3.widget-title {
	font-size: 24px !important;
	font-weight: bold !important;
	color: #ffffff !important;
}
.widget-lichtgroen a {
color: #ffffff !important;
}
.widget-lichtgroen .ow-button-base .sowb-button {
 	background: #4c7e3a !important;
	border: none !important;
}
.widget-lichtgroen .ow-button-base .sowb-button:hover {
	background: #68ba53 !important;
	border: none !important;
}

/* WIDGET BEIGE ---------------------------*/

.widget-beige {
	background-color: #b7b7a0 !important;
	color: #ffffff !important;
}
.widget-beige h2.widget_sow-headline {
	margin-bottom: 20px !important;
	font-size: 30px !important;
	color: #ffffff !important;
}
.widget-beige a {
color: #ffffff !important;
}
.widget-beige .ow-button-base .sowb-button {
 	background: #4c7e3a !important;
	border: none !important;
}
.widget-beige .ow-button-base .sowb-button:hover {
	background: #68ba53 !important;
	border: none !important;
}

.lijn-onder h3 {
	border-bottom: 1px solid #666;
}

/* CITAAT */


.citaat p {
	margin: 1em 0 0 0;
	line-height: 1.2em;
}
.citaat p:first-child {
	font-size: 24px;
	text-align: left;
	font-family: 'Dancing Script';
	font-weight: 200;
}
.citaat p {
	font-size: 13px;
	text-align: right;
	font-style: italic;
}
.citaat p:first-child::before{
	font-family: 'Dancing Script';
	content: "＂";
	font-size: 30px;
	font-weight: 300;
}
.citaat p:first-child::after{
	font-family: 'Dancing Script';
	content: "＂";
	font-size: 30px;
	font-weight: 300;
}

/* ONDERSCHRIFT */

.panel-grid:has(div.onderschrift) {
	margin-bottom: 15px !important;
}
.onderschrift {
	padding-top:2px;
	padding-bottom: 0;
	font-size: 13px;
	text-align: right !important;
}


/* knoppen */

.ow-button-base .sowb-button {
 	background: #1b8700 !important;
	border: none !important;
	color: #ffffff !important;
}
.ow-button-base .sowb-button:hover {
	background: #81d742 !important;
	border: none !important;
		color: #ffffff !important;

}

/* koppen */

.so-widget-sow-hero h1 {
 	font-size: 60px !important; 
}
so-widget-sow-hero h2 {
	font-size: 28px !important;
	color: #5C268D !important;
}

#colophon {
	background-color: #8055a8 !important;
	color: #ffffff !important;
}
#footer-widgets .widget,
#footer-widgets .widget .widget-title,
#footer-widgets .widget p,
#colophon .widget_nav_menu .menu-item a,
#footer-widgets .widget a {
	color: #ffffff !important;
}
#footer-widgets .widget .widget-title {
color: #ffffff !important;
font-size: 24px !important;
}
#colophon .widget_nav_menu .menu-item a {
	border-bottom-color: #ffffff;

}

/* Gravity Forms */

.gform_wrapper.gravity-theme .gfield_label {
	font-size: 14px !important;
	}
	
	.gform_wrapper.gravity-theme .gfield_header_item, .gform_wrapper.gravity-theme .gform_fileupload_rules, .gform_wrapper.gravity-theme .ginput_complex label {
		padding-top: 0px !important;
		font-size: 14px !important;
	}