/*
Theme Name:   Divine Website Pack
Description:  Divine is a premium child theme for Divi, created by Websites with a Heart. It uses Divi as its parent theme and adds additional styles and functionality. To use this child-theme, simply make sure it's activated and that Divi is installed. Divi itself shouldn't be activated; just this Divine child-theme. For questions and support, please get in touch on support@websiteswithaheart.com.
Author:       Websites with a Heart
Author URI:   https://websiteswithaheart.com/
Template:     Divi
Version:      1.2.60
*/

/*
General Adjustments
*/

/* Ysabeau font */
@import url('https://fonts.googleapis.com/css2?family=Ysabeau:ital,wght@0,1..1000;1,1..1000&display=swap');


.vgh_ysabeau,
body.vgh {
  font-family: "Ysabeau", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

/* Menu */
#et-top-navigation {
    font-weight: 300;
}
.et_mobile_menu .menu-item-has-children>a {
    font-weight: initial;
    background-color: initial;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
}
h1, h2, h3 {
	padding-bottom: 24px;
}

/* Typography */
sup,
sub {
	font-size: 0.8em;
}
sup {
	bottom: 0.7em;
}
small {
	font-size: smaller;
}

/* custom bulletpoints - in development 
#left-area ul,
.entry-content ul,
.comment-content ul,
body.et-pb-preview #main-content .container ul {
    list-style-type: none;
}
#left-area ul li:before,
.entry-content ul li:before,
.comment-content ul li:before,
body.et-pb-preview #main-content .container ul li:before {
	content: '\2022';
	position: absolute;
	left: 0;
}
#left-area nav ul li:before,
.entry-content nav ul li:before,
.comment-content nav ul li:before,
body.et-pb-preview #main-content .container nav ul li:before {
	content: '';
}
*/

/* Footer */
#main-footer {
    border-top: 1px dotted #eee;
}

/* Input fields */
html body #page-container input {
	-webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important; 
}

/* Sections */
@media (max-width: 980px) {
	.et_pb_section {
		padding: 0;
	}
}

/* Blog */
.comment_area .comment-reply-link {
    display: inline-block;
    position: initial;
    float: right;
    text-align: center;
    width: initial;
}
span.fn, 
span.fn a,
span.comment_date {
	color: #7A7A7A;
}
#comment-wrap .comment_avatar img {
	margin: 0;
}
.comment-body {
    padding: 0 0 0 100px;
}
.et_pb_post .entry-content {
	padding-top: 0;
}
.et_monarch .et_pb_section .et_social_inline_top, 
.et_monarch .et_pb_section .et_social_inline_bottom {
	margin-bottom: 0;
}
.et_post_meta_wrapper #comment-wrap {
	padding-top: 0;
}

#commentform textarea, 
#commentform input[type="text"], 
#commentform input[type="email"], 
#commentform input[type="url"] {
    background-color: #f6f6f6;
    width: 100%;
	font-size: 1.05em;
}

/* prevent top-padding single blogposts build with Divi only */
/*
body.single-post.wwh.et_pb_pagebuilder_layout #main-content .container {
	padding-top: 0;
}
*/
@media (min-width: 980px ) {
	body.single-post.wwh.et_pb_pagebuilder_layout .et_section_specialty .et_pb_column_single {
		padding-top: 0;
	}
}

/* adjust top-padding divi standard blog-overview */
.wwh.et_pb_pagebuilder_layout .et_pb_posts .entry-title,
.wwh.et_pb_pagebuilder_layout .et_pb_posts .et_section_specialty,
.wwh.et_pb_pagebuilder_layout .et_pb_posts div[class*='et_pb_image_'] {
	padding-bottom: 0;
	padding-top: 0;
}

/* 
Module Adjustments 
*/

/* Accordion Module */
.et_pb_accordion .et_pb_toggle_open,
.et_pb_accordion .et_pb_toggle_close {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

/* Blog Module */

/* General */
div[class^="et_pb_"] .post-meta,
div[class^="et_pb_"] .post-meta a,
div[class^="et_pb_"] .post-meta span {
    /*opacity: .7;*/
	margin: 0 0 24px;
}

/* Fullwidth (Normal) Blog */
.et_pb_posts  .post-meta {
    margin-top: -24px;
}
.et_pb_post h2 a {
    font-size: 24px;
    line-height: 1.25;
}
/* Grid Blog */
.et_pb_blog_grid .entry-title {
	letter-spacing: -1px;
}
body .et_pb_blog_grid .post-meta {
	margin-bottom: 12px;
    line-height: 1.5;
}
.et_pb_blog_grid .post-content {
	/*text-align: justify;*/
}
.et_pb_blog_grid .more-link {
	text-align: right;
    display: block;
}
/* Individual Blog Posts */
.et_pb_post .post-meta {
    /* opacity: .7; */
    margin-top: -24px;
	letter-spacing: 1px;
}
.et_pb_posts_nav {
	clear: both;
}
/* Post Title */
.et_pb_fullwidth_section .et_pb_title_container,
.et_pb_fullwidth_section .et_pb_title_featured_container {
	width: 50%;
}
.et_pb_fullwidth_section .et_pb_post_title {
    padding: 12% 0;
}

/* Blurb Module */
.et_pb_blurb_position_left .et_pb_main_blurb_image {
	padding-top: 3px;
}
.et_pb_blurb_position_left .et_pb_blurb_container {
	padding-left: 30px;
}

/* Button Module */
.et_pb_button {
	width: 100%;
	max-width: 320px;
	margin: 24px auto;
}
.et_pb_pricing_table_button,
.small_button .et_pb_button,
.et_pb_button.small_button {
	width: initial;
	max-width: initial;
}
.half_button .et_pb_button,
.et_pb_button.half_button{	
	width: 50%;
	max-width: 50%;
}
.third_button .et_pb_button,
.et_pb_button.third_button{	
	width: 33%;
	max-width: 33%;
}
.et_pb_newsletter_button {
	min-width: 100%;
}
.big_button .et_pb_button,
.et_pb_button.big_button{
	max-width: 100%;
	font-size: 1.2em !important;
}
.massive_button .et_pb_button,
.et_pb_button.massive_button{
	max-width: 100%;
	font-size: 6em;
}
.insane_button .et_pb_button,
.et_pb_button.insane_button{
	max-width: 100%;
	font-size: 12em;
}
.et_pb_contact_submit {
	margin: 0 0 0 10px;
    width: 180px;
}
/*
.et-pb-contact-message {
	text-align: center;
    font-size: 1.8em;
    letter-spacing: 1px;
    line-height: 1.2;
    padding: 24px 0 48px;
}
*/

/* Make comment form submit button legible on hover - Divi makes the background almost 100% transparent */
.wwh .form-submit .et_pb_button:hover {
    background-color: lightgrey;
    border-color: lightgrey !important;
    color: #444 !important;
}

/* Divider Module */
#page-container .et_pb_divider {
    margin-bottom: 48px;
}

/* Fullwidth Header Module */
.et_pb_fullwidth_header h1,
.et_pb_fullwidth_header_subhead, 
.et_pb_fullwidth_header p {
	margin-bottom: 24px;
}
.et_pb_fullwidth_header.textonly h1,
.textonly .et_pb_fullwidth_header_subhead, 
.et_pb_fullwidth_header.textonly p,
.et_pb_fullwidth_header.textonly .et_pb_fullwidth_header_container.center .header-content {
	margin: 0 auto;
	padding: 0;
}
.et_pb_fullwidth_header .et_pb_more_button {
	text-align: center;
}
.et_pb_fullscreen .et_pb_fullwidth_header_container {
	min-height: 100vh !important; /* ensures fullscreen module fills whole screen vertically */
}
/* Fullwidth Menu Module */
.fullwidth-menu-nav li.current-menu-ancestor > a,
.fullwidth-menu-nav li.current-menu-item > a {
	text-decoration: underline;
}

/* Image Module */
.wp-caption {
	max-width: 100%;
	padding: 0 !important;
	border: 0;
	background: 0;
}
.imagerow  .et_pb_text,
.imagerow  .et_pb_image {
	margin: 0 auto 12px !important;
}

/* Login Module */
.et_pb_forgot_password {
    text-align: right;
    opacity: .7;
}
.et_pb_login  a[href*="logout"] {
	display: block;
	clear: both;
}

/* Newsletter Module */
#main-content .et_pb_newsletter .et_pb_newsletter_description {
	margin-bottom: 24px;
}
.et_pb_newsletter_form p input {
	font-size: 14px;
}

/* Newsletter Module MailChimp Code Embed START
Optional - uncomment this block to use - Made for MailChimp's Naked Embed Form
Adjust colours #F5907C and #EF6157 to match site */

/*
#mc_embed_signup {
	margin-top: 78px;
}
#mc_embed_signup label {
	display: none;
}
#mc_embed_signup .mc-field-group input {
	width: 100%;
    padding: 14px 4% !important;
    border: none !important;
    color: #666;
    font-size: 14px;
    font-weight: 400;
	margin-bottom: 18px;
}
#mc_embed_signup .button {
	width: 100%;
	padding: 0.3em 1em !important;
    border: none !important;
	color: rgba(255,255,255,0.99) !important;
	font-size: 15px;
    background: #F5907C;
    padding: 14px 4% !important;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
	transition: all .2s;
}
#mc_embed_signup .button:hover {
    letter-spacing: 2px;
	cursor: pointer;
	background: #EF6157;
}

#mc_embed_signup .mc-field-group ::-webkit-input-placeholder { 
    color: #666;
}
#mc_embed_signup .mc-field-group ::-moz-placeholder { 
    color: #666;
}
#mc_embed_signup .mc-field-group :-ms-input-placeholder { 
    color: #666;
}
#mc_embed_signup .mc-field-group :-moz-placeholder { 
    color: #666;
}
*/

/* Newsletter Module MailChimp Code Embed END */

/* Newsletter in sidebar START */
/* Optional - uncomment to use - adjust colours to suit */
/*
#sidebar #mc_embed_signup .mc-field-group input,
.et_pb_sidebar_0 #mc_embed_signup .mc-field-group input {
	border: 1px solid #F8F3F2 !important;
}
*/
/* Newsletter in sidebar END */

/* Newsletter Slim Email Optin Start - Not Working with new GDPR settings, needs redeveloping */
/*
#main-content .et_pb_subscribe.slim_email_optin {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin: 0 !important;
	text-align: center;
} 
.et_pb_newsletter.slim_email_optin {
	display: block;
}
#main-content .slim_email_optin .et_pb_newsletter_description {
	width: 100%;
	margin-bottom: 0;
}
.slim_email_optin .et_pb_newsletter_form {
	width: 100%;
}
.slim_email_optin_horizontal .et_pb_newsletter_form {
	width: auto;
	display: inline-block;
}
.slim_email_optin_horizontal .et_pb_newsletter_description {
	width: auto;
	display: inline-block;
}
.slim_email_optin_horizontal .et_pb_newsletter_description .et_pb_module_header {
	padding-top: 7px;
}
.slim_email_optin .et_pb_newsletter_button {
	margin: 0;
}
.slim_email_optin_vertical .et_pb_newsletter_description {
	margin-bottom: 24px !important;
}
.slim_email_optin .et_pb_newsletter_form input {
	width: 240px;
	margin-right: 10px;
    display: inline-block;
}
.slim_email_optin p {
    display: inline-block;
}
@media (max-width:1210px) {
	.slim_email_optin_horizontal .et_pb_newsletter_description, 
	.slim_email_optin_horizontal .et_pb_newsletter_form 	{
		width: 100%;
		padding-left: 0;
	}
}
@media (max-width:990px) {	
	.slim_email_optin_vertical .et_pb_newsletter_form input,
	.slim_email_optin_vertical .et_pb_newsletter_button	{
		width: auto;
		margin-left: 10px;
	}
}
@media (max-width:630px) {
	.slim_email_optin p,
	.slim_email_optin .et_pb_newsletter_form input	{
		display: block;
		width: 100%;
	}
	.slim_email_optin_horizontal h2 {
		padding-bottom: 3px;
	}
	.slim_email_optin_horizontal .et_pb_newsletter_button {
		margin-bottom: 18px;
	}
}
@media (min-width:1280px) {
	.slim_email_optin .et_pb_newsletter_description,
	.slim_email_optin .et_pb_newsletter_form {
		float: none;
	}
}
*/
/* Newsletter Slim Email Optin END */

/* Person Module */
.et_pb_team_member_description h4 {
	text-align: center;
	padding-top: 12px
}
.et_pb_member_position {
    text-align: center;
	padding-bottom: 12px;
}
.et_pb_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item h2 {
    font-size: 13px;
}

/* Portfolio Module */
.et_pb_bg_layout_light .et-pb-arrow-prev,
.et_pb_bg_layout_light .et-pb-arrow-next {
    color: #fff;
}
.et_pb_portfolio_item .post-meta {
    display: none;
}

/* Post Title Module */
.et_pb_title_container {
    text-align: center;
}
.et_pb_title_container h1 {
    font-size: 26px;
    line-height: 1em;
    padding: 24px 0;
}
.et_pb_post_title.et_pb_featured_bg .et_pb_title_meta_container {
    padding-bottom: 12px;
	font-size: .9em;
}

/* Tabs Module */
ul.et_pb_tabs_controls {
	background: 0;
}

/* Testimonial Module */
.et_pb_testimonial_portrait:before {
	display: none;
}
.wwh .et_pb_testimonial_author {
	margin-top: 12px;
}

/* Testimonial Slider */
.wwh_testimonial_slider {
	overflow: initial;
}
.wwh_testimonial_slider .et-pb-controllers {
	bottom: -24px;
}
.wwh_testimonial_slider .et-pb-controllers a {
	box-shadow: 0 0 1px 0px #999;
}

/* Text Module */

/* NOTE:
We also apply these styles to all pages built with the default WordPress editor. We can target pages built with the default editor with CSS, because they don't get the class 'et_pb_pagebuilder_layout' applied to their body tag (pages built with the Divi Builder DO get this class). 
*/
.et_pb_text img,
body:not(.et_pb_pagebuilder_layout):not(.single-product) #main-content img {
	margin: 24px auto;
}
body #main-content .textwidget img {
	margin: 0 auto;
}
.et_pb_text .wp-caption,
body:not(.et_pb_pagebuilder_layout) #main-content .wp-caption {
	margin-bottom: 24px;
}
.et_pb_text .wp-caption img,
body:not(.et_pb_pagebuilder_layout) #main-content .wp-caption img {
	margin-bottom: 0;
}
.et_pb_text .wp-caption p,
body:not(.et_pb_pagebuilder_layout) #main-content .wp-caption p {
	padding-bottom: 0;
}
.et_pb_text img.alignleft,
body:not(.et_pb_pagebuilder_layout) #main-content img.alignleft {
	margin-right: 20px;
}
.et_pb_text img.alignright,
body:not(.et_pb_pagebuilder_layout) #main-content img.alignright {
	margin-left: 20px;
}
#main-content .et_pb_text .gallery img,
body:not(.et_pb_pagebuilder_layout) #main-content .gallery img {
border: 1px solid #eee;
}

/*
Sidebar and widgets
*/
@media (min-width: 981px) {
	.et_right_sidebar #sidebar {
		padding-left: 60px;
	}
	.et_left_sidebar #sidebar {
		padding-right: 60px;
	}
	#main-content .container:before {    
		width: 0;
	}
}

#sidebar .et_pb_widget {
    margin-bottom: 48px;
}

/* Sidebar widget titles */
.et_pb_widget_area h4,
#sidebar h4 {
    border-bottom: 1px dotted #ddd;
    padding: 0 0 3px 0;
    margin: 12px 0;
	font-size: 18px;
}

/* Search Widget */
.widget_search input#s,
.widget_search input#searchsubmit {
    background: #fff;
	color: #7A7A7A;
}
.widget_search input#searchsubmit {
    width: initial;
}

/* About me Widget */
/* Deregistered in our child theme, so not needed, but keeping just in case someone wants to use it for some reason */
.widget_aboutmewidget img#about-image {
    float: none;
    margin: 6px auto;
    display: block;
}

/* Text Widget */
#sidebar .textwidget img {
	margin-bottom: 0;
}

/* Calendar Widget */
#wp-calendar,
#wp-calendar tr td {
	border: 0;
}
#wp-calendar tr {
	padding: 0.857em 0.587em; /* no effect */
}

/* Footer widgets */
#main-footer .footer-widget h4 {
	clear: both;
}
#footer-widgets .footer-widget li:before {
	border-width: 0;	
}
#footer-widgets .footer-widget li {
	padding-left: 0;	
}
#main-footer #footer-widgets .footer-widget li a {
	/*color: #666;*/
}
.footer-widget .alignleft {
	width: 100%;
	text-align: left;
}
.footer-widget .aligncenter {
	width: 100%;
	text-align: center;
}
.footer-widget .alignright {
	width: 100%;
	text-align: right;
}

/* Footer credits */
#footer-bottom {
/* prevents credits floating left in any empty widget area if footer is for example 3 columns and only one widget area is used */
    clear: both;
}
#footer-bottom .container {
    width: 100%;
}
#footer-info {
    text-align: center;
    width: 90%;
	margin: auto;
	padding: 12px 0;
	float: none;
}
#footer-info a {
	font-weight: 500;
}
@media (max-width: 500px) {
	#footer-info a {
		max-width: 95%;
		margin: auto;
	}
}

/* 
Extra Functionality
*/

/* Ensure empty paragraphs don't take up space */
p:empty {
	height: 0;
    margin: 0;
    padding: 0;
}
/* WordPress adds empty paragraphs in the editor sometimes. 
Source: http://wordpress.stackexchange.com/questions/13798/remove-empty-paragraphs-from-the-content */




/* Social share icons */
.et_monarch .et_social_autowidth li,
.et_monarch .aligncenter .et_social_networks li,
.et_monarch .aligncenter .widget_monarchwidget .et_social_networks li,
.et_monarch .aligncenter .widget .et_social_networks li,
.et_monarch .aligncenter .widget_text .et_social_networks li {
	display: inline-block;
	float: none;	
}
/*
.et_monarch .et_social_left {
	text-align: center;
}
*/

/* Bottom align items in unequal columns heights
   Requires equal column heights to be set in row
   And class .wwh_row_button_align_bottom set on the row */
.wwh_row_button_align_bottom.et_pb_equal_columns .et_pb_column {
    display: flex;
    flex-flow: column;
}
.wwh_row_button_align_bottom.et_pb_equal_columns .et_pb_button_module_wrapper {
	margin-top: auto !important;
}

/* Force zero spacing below h1, h2, h3 - give class 'wwh_headings_zero_bottom_padding' to text-module to apply  */
.wwh_headings_zero_bottom_padding h1,
.wwh_headings_zero_bottom_padding h2,
.wwh_headings_zero_bottom_padding h3 {
	padding-bottom: 0; 
}

/* WooCommerce */
#page-container .woocommerce-message,
#page-container .woocommerce-error,
#page-container .woocommerce-info {
    color: #747474 !important;
    background: #F8F3F2 !important;
}
.woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page #content .quantity input.qty, .woocommerce-cart table.cart td.actions .coupon .input-text {
    color: #747474 !important;
    background: #F8F3F2 !important;
}
.woocommerce #coupon_code::placeholder { 
  color: #747474 !important;
}
.woocommerce #coupon_code::-webkit-input-placeholder { 
  color: #747474 !important;
}
.woocommerce #coupon_code::-moz-placeholder { 
  color: #747474 !important;
}
.woocommerce #coupon_code:-ms-input-placeholder { 
  color: #747474 !important;
}
.woocommerce #coupon_code:-moz-placeholder { 
  color: #747474 !important;
}
body.woocommerce div.product p.price,
body.woocommerce-page div.product p.price {
	color: #303030;
}
*/

/* WooCommerce Layout */
.woocommerce input#coupon_code {
    padding: 12px;
}
.woocommerce .woocommerce-cart-form button[name="update_cart"],
.woocommerce .woocommerce-cart-form button[name="update_cart"]:hover {
	padding: 10px 20px !important;
	border: 1px solid !important;
	font-size: 15px !important;
}

/* *************************************
Optional extras - uncomment to switch on 
************************************* */

/* Dotted borders below links except on video overlays, sliders, audio, images and social icons */

.entry-content a:not(.et_pb_button),
.et_pb_widget a{
	border-bottom: 1px dotted;
}
.entry-content .et_pb_video_overlay_hover a,
.entry-content div[class*="et_pb_image"] a,
.entry-content div[class*="slide"] a:not(.et_pb_button),
.entry-content div[class*="audio"] a,
.entry-content div[class*="social"] a,
.entry-content a.entry-featured-image-url,
.entry-content .entry-title a,
.entry-content .post-meta a,
#main-content .tagcloud a,
.entry-content .more-link,
.et_pb_member_social_links a,
li[class*=et_pb_tab] a,
.et_pb_widget a,
.scroll-down-container,
#main-content .et_social_icons_container a:hover,
#main-content .et_pb_blurb_container .et_pb_module_header a,
.woocommerce table.cart .product-thumbnail a,
.et_pb_gallery_items a,
.et-menu a,
.et_pb_filterable_portfolio a,
.et_pb_portfolio a,
.et_pb_social_icon a.icon {
	border-bottom: 0 !important;
}
.entry-content .et_pb_portfolio_filter a {
	border-bottom: 1px solid #e2e2e2 !important;
}

/* links sidebar */
.et_pb_widget a {
    color: inherit;	
}
/* Make Contact Form 7 look like Divi contact forms */
.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar, .wpcf7-quiz, .wpcf7-date {
	background-color: #F8F3F2 !important;
	border: none !important;
	width: 100% !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
	font-size: 14px;
	color: #747474 !important;
	padding: 16px !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.wpcf7-submit {
	color: #fff !important;
	margin: 8px auto 0;
	cursor: pointer;
	font-size: 20px;
	font-weight: 500;
	padding: 6px 20px;
	line-height: 1.7em;
	background: #841A5D;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	border: 0;
    float: right;
    margin-bottom: 24px;
}
.wpcf7-submit:hover {
	letter-spacing: 1px;
	padding: 6px 20px !important; 
}

/* logo bigger on mobile - by default it's 60px high */
/*
@media only screen and (max-width: 980px) {
	#logo {
		max-height: 120px !important;
		}
}
*/

/* *************************************
Special classes for custom styling elements
These are placed in the CSS class fields on the Advanced tabs of modules, rows and sections
There is a reference to these classes in a custom dashboard widget
*/

/* blurb titles */
.wwh_blurb_title_spacing .et_pb_main_blurb_image {
	margin-bottom: 0;
}

/* Round images */
img.roundimage,
.roundimage img,
.roundimage {
	border-radius: 50%;
}

/* No borders around input fields */
.noborder,
.noborder input {
	border: 0 !important; 
}

/* Center testimonial items */
.center .et_pb_testimonial_portrait {
	display: block;
    float: none;
    margin: 12px auto 24px;
}
.center .et_pb_testimonial_description {
	display: block;
	margin: auto !important;
}
.center .et_pb_testimonial_description_inner {
	margin: auto;
	max-width: 520px;
	width: 100% !important;
	display: block !important;
}
/* Force center social follow items - give class 'center' to module */
.center .et_pb_social_media_follow,
.center.et_pb_social_media_follow { 
	display: block;
	text-align: center;
}
.center .et_pb_social_media_follow li,
.center.et_pb_social_media_follow li,
.et_monarch .center .et_social_networks li, 
.et_monarch .center.widget_monarchwidget .et_social_networks li, 
.et_monarch .center.widget .et_social_networks li, 
.et_monarch .center.widget_text .et_social_networks li {
	display: inline-block;
	float: none;
}

/* Center blogpost titles for blogs made with Divi builder */
.center_title .et_post_meta_wrapper {
	text-align: center;
}

/* Reset bottom padding for titles to force zero spacing below h1, h2, h3 */
.wwh .reset_bottom_padding h1,
.wwh .reset_bottom_padding h2,
.wwh .reset_bottom_padding h3 {
	padding-bottom: 0;
}

/* Bottom-aligning the last element in a multi-column row */
.wwh_align_bottom_column .et_pb_column {
	padding-bottom: 48px;
}
.wwh_align_bottom_column .et_pb_button_module_wrapper  {
	position: absolute; 
	bottom: -24px; 
	left: 0; 
	right: 0;
	margin: auto;
}

/* Extra spacing below list-items */
.wwh_spaced_list li {
	margin-bottom: 24px;  
}

/* No animation on slides */
.slide_no_animation .et-pb-active-slide .et_pb_slide_description  {
	-webkit-animation: none !important;
	-moz-animation: none !important;
	-o-animation: none !important;
	-ms-animation: none !important;
	animation: none !important;
}

/* Make an image grayscale (can also be done with filters in design tab */
.grayscale img {
    filter: gray; /* IE */
    -webkit-filter: grayscale(1);
	filter: grayscale(1);
}

/* *************************************
Site Specific Customisations
*/

.vgh #main-header .logo_container {
    display: flex;
    justify-content: center;
    width: 100%;
}
.vgh #logo {
	padding: 5px;
}

@media (max-width: 980px) {
    .vgh .logo_container {
        height: 300px;
    }
	.vgh.et_header_style_left #logo {
		max-width: 100%;
	}
	.vgh .container.et_menu_container {
		height: 160px;
	}
}

/* highlights 
source: https://www.abeautifulsite.net/posts/a-clever-way-to-style-the-mark-element/
in combination with https://cssgradient.io/ */
mark,
mark.green,
.green mark {
	background: #DDF8C3;
	background: linear-gradient(100deg, rgba(221, 248, 195, 0.3) 0%, rgba(221, 248, 195, 0.7) 20%, rgba(221, 248, 195, 0.2) 100%);
	border-radius: 1em 0;
	padding: 2px 10px;
}
mark.pink,
.pink mark {
	background: rgb(255,214,224);
	background: linear-gradient(100deg, rgba(255,214,224,0.2) 0%, rgba(255,214,224,0.7) 20%, rgba(255,214,224,0.3) 100%);
}
mark.yellow,
.yellow mark {
	background: rgb(255,255,221);
	background: linear-gradient(100deg, rgba(255,255,221,0.2) 0%, rgba(255,255,221,0.7) 20%, rgba(255,255,221,0.3) 100%);
}
mark.blue,
.blue mark {
	background: #7AE1F5;
	background: linear-gradient(51deg, rgba(122, 225, 245, 0.15) 0%, rgba(122, 225, 245, 0.28) 20%, rgba(122, 225, 245, 0.11) 100%);
}