/*
 Theme Name:     Alison Beere Theme
 Theme URI:      https://www.stresslessweb.com
 Description:    Custom theme by StressLessWeb. Child of Divi theme
 Author:         StressLessWeb
 Author URI:     https://www.stresslessweb.com
 Template:       Divi
 Version:        1.0.14
*/


/* =Theme customization starts here
------------------------------------------------------- */


/* ================================================= */
/* TYPOGRAPHY: start */

body { font-weight: 400; }
#main-content .et_pb_text a, .slw-caption a { border-bottom: 1px dotted; }
#main-content .et_pb_text #sb_instagram a { border-bottom: 0; }
#main-content .et_pb_text a:hover, .slw-caption a:hover	 { border-bottom-style: solid; }

.special-headings h2 {
	font-family: 'Josefin Sans', Helvetica Neue, Helvetic, sans-serif;
	font-size: 3vw;
}
@media (max-width: 768px) { .special-headings h2 { font-size: 5vw; } }
@media (max-width: 500px) { .special-headings h2 { font-size: 7vw; } }

.no-padding-headings h1,
.no-padding-headings h2,
.no-padding-headings h3,
.no-padding-headings h4,
.no-padding-headings h5,
.no-padding-headings h6 { padding: 0; }

body h3,
body h4,
body h5,
body h6 {
	font-weight: 600;
}
body h4 { font-size: 19px; }

.single-post h3,
.single-post h4,
.single-post h5,
.single-post h6 {
	font-weight: 600;
}
.single-post h4 { font-size: 19px; }

.et_pb_newsletter h2.et_pb_module_header {
	font-size: 20px;
	font-weight: 600;
}



#main-content ul,
#main-content ol {
	/* padding-left: 1em; */
	list-style-position: outside;
}
p:not(.has-background):last-of-type + ul,
p:not(.has-background):last-of-type + ol { margin-top: 1em; }
/* #main-content li:nth-child(n+2) { margin-top: 1em; } */

.entry-content ul:not(.has-background):last-child,
.entry-content ol:not(.has-background):last-child { padding-bottom: 0; }

body blockquote p { padding-bottom: 1em; }

/* TYPOGRAPHY: end */
/* ================================================= */

/* ================================================= */
/* TARGET DEVICE TYPE: start */

.slw-is-mobile:not(.et-fb) .slw-hide-on-mobile,
.slw-is-tablet:not(.et-fb) .slw-hide-on-tablet,
.slw-is-phone:not(.et-fb) .slw-hide-on-phone,
.slw-is-desktop:not(.et-fb) .slw-hide-on-desktop { display: none !important; }

.slw-is-mobile.et-fb .slw-hide-on-mobile,
.slw-is-tablet.et-fb .slw-hide-on-tablet,
.slw-is-phone.et-fb .slw-hide-on-phone,
.slw-is-desktop.et-fb .slw-hide-on-desktop { opacity: 0.5; }

@media all and (orientation: landscape) {
	.slw-hide-on-landscape:not(.et-fb) { display: none !important; }
	.slw-hide-on-landscape.et-fb { opacity: 0.5; }
}
@media all and (orientation: portrait) {
	.slw-hide-on-portrait:not(.et-fb) { display: none !important; }
	.slw-hide-on-portrait:.et-fb { opacity: 0.5; }
}

/* TARGET DEVICE TYPE: end */
/* ================================================= */

/* ================================================= */
/* MISC: start */

.slw-hide {
	display: none !important;
}

@media (min-width: 980px) {
	.slw-section-with-down-arrow:after,
	.slw-section-with-down-arrow::after {
		content: 'v';
		content: '\2193';
		position: absolute;
		bottom: 36px;
		left: 50%;
		left: calc(50% - 25px);
		width: 10px;
		height: 10px;
		line-height: 7px;
		padding: 20px;
		background: white;
		border-radius: 50%;

		box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	}
}

body .et_search_form_container input { text-transform: none; }

/* contact form captcha */
.et_contact_bottom_container .et_pb_contact_right > p:first-child { white-space: nowrap; }

/* buttons */
.slw-paypal-button {
	font-size: 18px;
	color: white;
	background-color: #e02b20;
	padding: 12px 16px;
	border: 0;
	border-radius: 3px;
}

table.slw-bl-cashflow { width: 100%; }
table.slw-bl-cashflow td {
	padding: 6px;
	border: 1px solid rgba(0, 0, 0, 0.2);
}
table.slw-bl-cashflow thead {
	background-color: rgba(0, 0, 0, 0.1);
}
table.slw-bl-cashflow th {
	padding: 6px;
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.entry a, .entry a:hover { cursor: pointer; text-decoration: underline; }

.slw-label {
	background-color: rgb(77,186,138);
	display: inline-block;
	color: white;
	padding: 4px 8px;
	margin-bottom: 4px;
	border-radius: 3px;
	font-size: 16px;
}

/* box-shadows */
.shadowDepth1 { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
.shadowDepth2 { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
.shadowDepth3 { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }
.shadowDepth4 { box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }
.shadowDepth5 { box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); }


.slw-caption {
	padding-top: 0;
	font-size: 16px;
	line-height: 1.3;
	margin-top: -28px;
	font-style: italic;
}
@media (max-width: 768px) {
	.slw-caption.slw-caption-mobile-align-left {
		text-align: left;
	}
}

.single-post #main-content .gallery .gallery-item img { border: 0; }

/* MISC: end */
/* ================================================= */

/* ================================================= */
/* MENU: start */

#main-header { box-shadow: none; }

.et_header_style_left #logo,
.et_header_style_split #logo,
#logo {
	transition: none;
}


@media (max-width: 980px) {
	.et_header_style_left #logo, .et_header_style_split #logo {
		max-height: 38%;
	}
}

@media (min-width: 981px) {
	#logo {
		max-height: 33px;
	}
}

.mobile_menu_bar:before {
	color: #888888;
}

X.page.hero-section-dark header:not(.et-fixed-header) #logo {
	/* content property does not work on Firefox 30 and IE 11 so use invert filter
	 * content: url("https://xxx.com/wp-content/uploads/2018/05/logo-3-w.png");
	 */
	-webkit-filter: invert(100%);
	filter: invert(100%);
}
.page.hero-section-dark #top-menu .sub-menu {
	border-color: #404040;
	box-shadow: 0 0 40px rgba(0,0,0,0.3);
	background-color: #404040;
}
.page.hero-section-dark #top-menu .sub-menu::before {
	border-bottom-color: #404040;
}
.page.hero-section-dark #top-menu li a { color: white; }
.page.hero-section-dark #et_top_search,
.page.hero-section-dark header .et_close_search_field,
.page.hero-section-dark header .et-search-form input { color: #FFFFFF; opacity: 0.5; }


#top-menu a { font-weight: 500; line-height: 1.25; }
#top-menu .menu-item-has-children>a:first-child:after { line-height: 1; }

#top-header #et-info { float: right; }
#top-header #et-info > * { margin-right: 0; }
#top-header #et-info > * + * { margin-left: 13px; }

@media (max-width: 500px) {
	#top-header .container { width: 100%; }
	#top-header .container #et-info { float: none; }
}

#main-header .nav li ul a { line-height: 1.3; }

/* button in header */
#main-header .top-menu-button { display: inline-block; }

.is_home #main-header .top-menu-button,
.is_front_page #main-header .top-menu-button,
.post-type-archive-tribe_events #main-header .top-menu-button,
.page.PLACEHOLDER #main-header .top-menu-button { display: inline-block; }

#main-header #et-top-navigation .top-menu-button { margin-left: 20px; }
@media (max-width: 980px) {
	#main-header #et-top-navigation .top-menu-button { margin-left: 0px; margin-top: 18px; }
}

#main-header .top-menu-button a {
	background: #ffca00;
	padding: 5px 7px !important;
	border-radius: 2px;

	font-size: 13px;
	font-weight: normal;
	color: black;
	text-transform: uppercase;
}

/* sub-menu */
.nav .sub-menu { border-radius: 3px; }
#top-menu .sub-menu::before {
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 0;
	border-bottom-color: inherit;
	position: absolute;
	top: -13px;
	left: 16%;
	display: block;
}
#top-menu li:last-child .sub-menu::before {
	left: auto;
	right: 16%;
}
.page.hero-section-dark #top-menu .sub-menu::before {
	border-bottom-color: #404040;
}
#top-menu .sub-menu .sub-menu::before {
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-left: 0;
	border-right-color: inherit;
	position: absolute;
	top: 16%;
	left: -11px;
	display: block;
}
.page.hero-section-dark #top-menu .sub-menu .sub-menu::before {
	border-right-color: #404040;
}

/* MENU: end */
/* ================================================= */

/* ================================================= */
/* BLOG: start */

/* blog start */
.blog .et_pb_section_0_tb_body,
.single-post .et_pb_section_0_tb_body,
.archive.category .et_pb_section_0_tb_body {
	/* padding-top: 60px !important; */
}

@media (min-width: 981px) and (max-width: 1500px) {
	.single-post .et_pb_title_container {
		max-width: 75%;
		margin: 0 auto;
	}
}


.single-post .et_pb_section_0_tb_body .et_pb_row_1_tb_body .et_pb_section { padding: 0; }
.single-post .et_pb_section_0_tb_body .et_pb_row_1_tb_body .et_pb_row { padding: 0; width: 100%; }

.nav-single a { color: #222222; }


/* blog listing */
@media (min-width: 768px) {
	.blog .et_pb_section_0_tb_body { background-color: #f3f3f3; border-bottom: 1px solid #c3c3c3;}
	.blog .et_pb_blog_0_tb_body {
		padding: 40px;
		background-color: white;
		border-radius: 3px;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	}

	/* constrain the hero image of full-length blog articles */
	.blog .et_pb_blog_0_tb_body .entry-featured-image-url img {
		height: auto;
		width: auto;
		max-height: 400px;
		max-width: 100%;

		display: block;
		margin: 0 auto;
	}
}

/* constrain the hero image of excerpt-length blog articles */
.blog .et_pb_section_1_tb_body { background-color: #f3f3f3; }
.blog .et_pb_blog_1_tb_body .entry-featured-image-url img {}

.slw-blog-grid-2-column {}
.slw-blog-grid-2-column article {
	background-color: white;
	padding: 20px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	border-radius: 3px;
}
.slw-blog-grid-2-column article .entry-featured-image-url img {
	margin: 0 auto 20px;
	display: block;
	height: auto;
	width: auto;
	max-width: 100%;
	max-height: 150px;
}

@media (min-width: 768px) {

	.slw-blog-grid-2-column .et_pb_ajax_pagination_container { display: flex; flex-wrap: wrap; justify-content: space-between; }
	.slw-blog-grid-2-column article { flex-basis: 48%; }

	.slw-blog-grid-2-column article .entry-featured-image-url { display: inline; }
	.slw-blog-grid-2-column article .entry-featured-image-url img {
		/* float: left; max-width: 30%; margin-right: 20px; */
	}
}

/* nav container on blog page */
.et_pb_ajax_pagination_container div:last-child { flex-basis: 100%; }
/* BLOG: end */
/* ================================================= */

/* ================================================= */
/* SIDEBAR: start */

#sidebar {}
#sidebar .et_pb_widget {}
#sidebar .widgettitle { font-weight: 600; margin-bottom: 0.6em; }

/* remove sidebar on certain pages, such as on the search results page */
.search-results #main-content .container:before { background: none; }
.search-results #sidebar { display:none; }

@media (min-width: 981px) {
	.search-results #left-area {
		width: 100%;
		padding: 23px 0px 0px !important;
		float: none !important;
	}
}

/* SIDEBAR: end */
/* ================================================= */

/* ================================================= */
/* FOOTER: start */

#main-footer h4 { font-family: "Open Sans",Arial,sans-serif; }

#footer-widgets .footer-widget li:before { display: none; }
#footer-widgets .footer-widget li { padding-left: 0; }
.bottom-nav li { padding-right: 19px; font-weight: normal; }

.footer-widget .widget_text { width: 100%; }

.slw-footer-copyright span { white-space: nowrap; }

/* FOOTER: end */
/* ================================================= */

/* ================================================= */
/* SEARCH RESULTS PAGE: start */
.search-results .container { max-width: 800px; }
/* SEARCH RESULTS PAGE: end */
/* ================================================= */

/* ================================================= */
/* Show contact form on button click */
/* workshop contact form */
body:not(.et-fb) .slw-auto-hide-show {
	display: none;
}

.slw-workshop-contact-form .et-pb-contact-message {
	font-weight: 500;
}
/* ================================================= */

/* ================================================= */
/* NINJA FORMS: start */
input[type=button].ninja-forms-field {
	background-color: #1960bb;
	color: white;
	font-size: 16px;
	border-radius: 3px;
	border: 0;
	padding: 10px 20px;
}
/* NINJA FORMS: end */
/* ================================================= */

/* ================================================= */
/*
* Divi Grid: start
* https://diviplugins.com/divi-portfolio-grid-layout-three-columns/
* Formula for grid item width + margin: (width x 3) + (right margin x 2) = 100
*/
@media only screen and ( min-width: 768px ) {

	/* 3-COLUMN GRID: start */
	.three-column-grid .et_pb_grid_item {
		/*
		width: 28.333% !important;
		margin: 0 7.5% 7.5% 0 !important;
		*/
		width: 30% !important;
		margin: 0 5% 7.5% 0 !important;
	}
	.three-column-grid .et_pb_grid_item:nth-child(3n) {
		margin-right: 0 !important;
	}
	.three-column-grid .et_pb_grid_item:nth-child(4n+1) {
		clear: unset !important;
	}
	.three-column-grid .et_pb_grid_item:nth-child(3n+1) {
		clear: left !important;
	}
	/* 3-COLUMN GRID: end */

	/* 2-COLUMN GRID: start */
	.two-column-grid .et_pb_grid_item {
		width: 45% !important;
		margin: 0 5% 7.5% 0 !important;
	}
	.two-column-grid .et_pb_grid_item:nth-child(2n) {
		margin-right: 0 !important;
	}
	.two-column-grid .et_pb_grid_item:nth-child(4n+1) {
		clear: unset !important;
	}
	.two-column-grid .et_pb_grid_item:nth-child(2n+1) {
		clear: left !important;
	}
	/* 2-COLUMN GRID: end */

	/* 1-COLUMN GRID: start */
	.one-column-grid .et_pb_grid_item {
		width: 100% !important;
		margin: 0 0 5% 0 !important;
		clear: left;
	}
	/* 1-COLUMN GRID: end */

}
/* DIVI GRID: end */
/* ================================================= */

/* ================================================= */
/* PASSWORD PROTECTED CONTENT: start */
.post-password-required { max-width: 600px; margin: 30px auto; padding: 30px; }
.et_password_protected_form {}
/* PASSWORD PROTECTED CONTENT: end */
/* ================================================= */

/* ================================================= */
/* PROJECTS: start */
.single.single-project .et_pb_post { margin-bottom: 0; }
.single.single-project .et_pb_post .slw-project-navigation-row { padding-top: 0; padding-bottom: 0; }
.single.single-project .entry-content .et_pb_column_2 { padding-top: 30px; }
.single.single-project .entry-content h4 { padding-bottom: 0; }
.single.single-project .entry-content h4 ~ h4 { margin-top: 10px; }
/* PROJECTS: end */
/* ================================================= */

/* ================================================= */
/* SLIDERS: start */
.slw-divi-image-slider.et_pb_slider .et_pb_slide {
	height: 600px;
	max-height: 50vw;
}
/* SLIDERS: end */
/* ================================================= */

/* ================================================= */
/* GALLERY: start */
.et_pb_gallery_grid .et_pb_gallery_item h3.et_pb_gallery_title, .et_pb_gallery_caption { color: #5a5142; font-size: 15px; }
.et_pb_gallery_grid .et_pb_gallery_item h3.et_pb_gallery_title { font-weight: 600; }
/* GALLERY: end */
/* ================================================= */