/*
Theme Name:   Fresh
Description:  Fresh is een premium child theme voor Divi, ontwikkeld door ZZP-Website.nu. Om dit child-theme te gebruiken heb je ook Divi nodig. Activeer het Fresh theme en zorg dat Divi ook geïnstalleerd is (maar niet geactiveerd). Neem voor vragen contact op via info@zzp-website.nu
Author:       ZZP-Website.nu
Author URI:   https://zzp-website.nu/
Template:     Divi
Version:      1.2.35
*/

/*
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 {
	padding-bottom: 36px;
}
h2,
h3 {
	padding-bottom: 24px !important;
}

/* 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 */
.single h1 {
	padding-bottom: 24px;
}
.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;
}

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

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

/* 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) #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 a {
	font-weight: 500;
}

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

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

/* Social share icons */
.et_monarch .et_social_autowidth li {
	display: inline-block;
	float: none;	
}
/*
.et_monarch .et_social_left {
	text-align: center;
}
*/

/* 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 { /* Chrome/Opera/Safari */
  color: #747474 !important;
}
.woocommerce #coupon_code::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #747474 !important;
}
.woocommerce #coupon_code::-moz-placeholder { /* Firefox 19+ */
  color: #747474 !important;
}
.woocommerce #coupon_code:-ms-input-placeholder { /* IE 10+ */
  color: #747474 !important;
}
.woocommerce #coupon_code:-moz-placeholder { /* Firefox 18- */
  color: #747474 !important;
}
body.woocommerce div.product p.price,
body.woocommerce-page div.product p.price {
	color: #303030;
}

/* *************************************
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*="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 {
	border-bottom: 0 !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 {
	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; 
}

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