/*
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.2508201902
*/

/*
General Adjustments
*/

/* 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 */
@font-face {
    font-family: 'BagindaScript';
    src: url('baginda/BagindaScript.woff2') format('woff2'),
         url('baginda/BagindaScript.woff') format('woff');
}

.baginda {
	font-family: 'BagindaScript';
}

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_content {
	max-width: 700px;
}
@media (min-width: 768px) {
	.et_pb_blurb_position_left .et_pb_main_blurb_image {
		padding-top: 3px;
	}
	.image_text_blurb.et_pb_blurb_position_left .et_pb_blurb_container {
		padding-left: 50px;
	}
}

/* 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;
}
#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
*/

/* highlights 
source: https://www.abeautifulsite.net/posts/a-clever-way-to-style-the-mark-element/
in combination with https://cssgradient.io/ */
mark,
mark.mint,
.mint mark {
	background: rgb(190,250,240);
	background: linear-gradient(100deg, rgba(190,250,240,0.3) 0%, rgba(190,250,240,0.7) 20%, rgba(190,250,240,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%);
}

/* center things */
.center {
	text-align: center;
}

/* Styling membership login form */
#classroom_loginform label {
	display: block;
}
#classroom_loginform input {
	display: block;
	width: 100%;
}
#classroom_loginform .login-remember {
	display: none;
}
#classroom_loginform .input {
	border: 0;
	padding: 12px;
	font-size: 1.1em;
}
#classroom_loginform .button {
	border: 0;
	padding: 12px;
	background: #F5907C;
	color: #fff;
	font-size: 1.2em;
	margin-top: 12px;
	transition: all .2s;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#classroom_loginform .button:hover {
	letter-spacing: 2px;
	cursor: pointer;
}

/* General input styling to match login form */
#lostpasswordform label {
	display: block;
}

#lostpasswordform input[type="text"] {
	display: block;
	width: 100%;
	border: 0;
	padding: 12px;
	font-size: 1.1em;
	box-sizing: border-box;
	background: #F9F3F2;
}

/* Style the explanatory paragraph */
#lostpasswordform .somfrp-lost-pass-form-text p {
	font-size: 0.95em;
	color: #444;
	margin-top: 0;
	margin-bottom: 16px;
}

/* Style the button to match login form */
#lostpasswordform .button {
	border: 0;
	padding: 12px;
	background: #F5907C;
	color: #fff;
	font-size: 1.2em;
	margin-top: 12px;
	transition: all 0.2s;
	text-transform: uppercase;
	letter-spacing: 1px;
	width: 100%;
	box-sizing: border-box;
}

#lostpasswordform .button:hover {
	letter-spacing: 2px;
	cursor: pointer;
}

/* Optional spacing cleanup */
#lostpasswordform p.no-margin {
	margin: 0 0 16px 0;
}



/**********
Start settings copied from HSL for RCP
*******************************************/


/** 25. E. Members
-------------------------------------------------------------- */
div[class^="rcp_"] input,
div[class^="affwp"] input,
input[type="submit"][class^="rcp_"],
input[type="submit"][class^="affwp"] {
	width: 100%;
}
div[class^="rcp_"] input[type="checkbox"],
div[class^="affwp"] input[type="checkbox"] {
	width: initial;
}
.wwh label[for="rcp_user_remember"],
.wwh label[for="affwp-user-remember"] {
	margin-bottom: 24px;
	display: inline-block;
}
.wwh input[name="rcp_user_remember"],
.wwh input[name="affwp-user-remember"] {
	width: initial;
}
.wwh .rcp_form input[type=checkbox],
.wwh .affwp-form input[type=checkbox] {
    float: none;
}

/* hiding unused parts of members area */
#rcp-account-overview .rcp-auto-renew-toggle,
#rcp-account-overview .rcp_sub_details_change_membership,
#rcp-payment-history {
	display: none;
}


/* Membership and Affiliate Forms */
form[id^='rcp_'],
form[id^='affwp'] {
	/*max-width: 777px;*/
	margin: 36px auto;
}
form[id^='rcp_'] table,
form[id^='affwp'] table {
	border: none;
}
form[id^='rcp_'] input[type='text'],
form[id^='rcp_'] input[type='email'],
form[id^='rcp_'] input[type='password'],
form[id^='rcp_'] select,
form[id^='affwp'] input[type='text'],
form[id^='affwp'] input[type='email'],
form[id^='affwp'] input[type='password'],
form[id^='affwp'] select {
	font-size: 1em;
    padding: 6px;
	width: 100%;
	max-width: 400px;
}
form[id^='rcp_'] input[type='submit'],
form[id^='affwp'] input[type='submit'],
#rcp-paypal-express-confirm-form .rcp-button {
	border: none;
    padding: 12px;
    color: #fff;
    background: #f5907c;
    font-size: 1.2em;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top: 24px;
    cursor: pointer;
}
form[id^='rcp_'] legend,
form[id^='affwp'] legend {
	font-size: 1.25em;
	text-transform: uppercase;
	margin-bottom: 12px;
}
.wwh .rcp_form fieldset {
    margin: 0 auto 48px;
}
.wwh p.rcp_success,
.wwh p.affwp-notice {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #006100;
    padding: 15px !important;
    background: #C6EFCE;
    font-size: 1.2em;
}

.rcp_user_fieldset label,
#rcp_discount_code_wrap label,
.rcp_registration_total th {
	font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 0.9em;
	letter-spacing: 1px;
}

.wwh .rcp_registration_total_details tr {
	border-bottom: 1px solid #eee;
	width: 100%
}
.wwh .rcp_registration_total_details tr td {
	border-top: 0;
}
@media (max-width:450px) {
	.wwh .rcp_registration_total_details,
	.wwh .rcp_registration_total_details tr	{
		display: block;
	}
}

@media (min-width:800px) {
	.rcp_user_fieldset label {
		/*float: left;
		clear: both;*/
		/*width: 150px;*/
		/*text-align: left;
		padding-bottom: 20px;*/
	}
	.rcp_user_fieldset input {
		/*float: left;*/
		/*width: 460px;*/
	}
	.rcp_login_data input {
		/*width: 520px;		*/
	}
}

/* Affilate area */
#affwp-login-form legend {
	display: none;
}
#affwp-login-form label {
	display: block;
	cursor: pointer;
}
.wwh #affwp-affiliate-dashboard h4,
.wwh #affwp-affiliate-dashboard h5, 
.wwh #affwp-graphs-filter {
    font-size: 1.5em;
}
.wwh #affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs {
    border-bottom: 1px solid #f5907c;
    padding-bottom: 7px;
}
#affwp-affiliate-dashboard-tabs li a {
    padding: 10px 15px;
}
#affwp-affiliate-dashboard-tabs li a:hover {
	border-color: #eee #eee #ddd;
	background: #FEFAFF;
}
#affwp-affiliate-dashboard-tabs li.active a,
#affwp-affiliate-dashboard-tabs li.active a:focus,
#affwp-affiliate-dashboard-tabs li.active a:hover {
    cursor: default;
    background-color: #fff;
    border: 1px solid #f5907c;
    border-bottom-color: transparent;
}
label[for="affwp-payment-email"],
label[for="custom-slug"],
label[for="affwp-slug-confirm"] {
	padding-right: 10px;
}

/* Customizing the blocking UI on the RCP registration form 
source: https://docs.restrictcontentpro.com/article/1846-customizing-the-blocking-ui-on-the-registration-form
*/
.blockUI.blockOverlay {
	background-color: #fff !important;
	opacity: 0.5 !important;
	box-shadow: none !important;
}
.blockUI.blockMsg {
	border-radius: 0 !important;
	background: #fafafa !important;
    opacity: 1 !important;
    color: #444 !important;
    border: 1px solid #444 !important;
}

/* customise RCP forms for HSL */
.rcp_header,
.rcp_login_link {
	display: none;
}
.rcp_user_fieldset input {
	/* not using bg at the moment for simplicity - borders work fine */
	/*background: #f8f3f2;*/
	/*background: #eddfdc;*/
}
#rcp_submit_wrap input,
.rcp-button {
	display: block;
	margin: auto;
	margin-top: 24px;
	width: 100%;
    max-width: 400px;
	transition: all .2s;
}
#rcp_submit_wrap input:hover,
#rcp-paypal-express-confirm-form .rcp-button:hover {
	letter-spacing: 2px;
}
.rcp_logged_in:before {
	content: 'You\'re already logged in ... Yay!';
    font-size: 1.1em;
    text-align: center;
    display: block;
    margin: 24px auto;
}
#rcp_user_remember,
.rcp_login_data label[for="rcp_user_remember"] {
	display: inline-block;
	float: none;
}

/* rcp payment billing confirmation page */
article.post-1118297 {
	max-width: 888px;
    margin: 48px auto;
    text-align: center;
}
article.post-1118297 table#order_summary {
	margin-top: 24px;
}

/* rcp discount code */
.wwh #rcp_apply_discount {
	color: #fff;
	background: #F5907C;
	border: 0;
	padding: 10px;
	margin-top: 12px;
	font-size: 1.2em;
	text-transform: uppercase;
	float: right;
	letter-spacing: 1px;
	transition: letter-spacing .2s;
	width: 150px;
}
.wwh #rcp_apply_discount:hover {
	letter-spacing: 2px;
	cursor: pointer;
}

/* make rcp forms a bit more compact */
.wwh .rcp_form p {
  margin: 0 0 3px;
}


/**********
End settings copied from HSL for RCP
*******************************************/
.byb .som-password-sent-message {    
    padding: 15px !important;
    border: 2px solid #f5907c;
    background-color: #ffe6e6;
    color: #666;
}