/*
 Theme Name:   Divi Child Theme
 Author:       6P Marketing
 Author URI:   https://6pmarketing.com/
 Template:     Divi
 Version:      1.0.0
 Version:      1.0.0
*/

@import "modified.css";

:root {
	--crsc-bright-mud: #c66c4b;
	--crsc-light-green: #c5dc6e;
	--crsc-green: #49773b;
}

/* ========================================= */
/* --- Universal =========================== */
/* ========================================= */

.grecaptcha-logo {
	z-index: 10000;
}

:focus-visible {
	outline: -webkit-focus-ring-color auto 1px;
}

/* --- row reordering --- */
@media (max-width: 980px) {
    .reorder-row,
    .reorder-section .et_pb_row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
        .reorder-row .reorder-item {
            margin-bottom: 30px !important;
        }
            .reorder-row .reorder-item.reorder-item-last {
                margin-bottom: 0 !important
            }

    .reorder-item.first {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
    }

    .reorder-item.second {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }
}

ol li::marker {
	color: var(--crsc-bright-mud);
}

.fancy-bullets ul {
	list-style: none;
}
	.fancy-bullets ul li {
		position: relative
	}
		.fancy-bullets ul li:before {
			content: "";
			position: absolute;
			left: -17.5px;
			top: 10px;
			width: 0;
			height: 0;
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;
			border-bottom: 8px solid var(--crsc-green);
			transform: rotate(90deg);
		}

ul ul {
	padding-bottom: 0 !important;
}

/* ========================================= */
/* --- Password Protected Layout =========== */
/* ========================================= */

/* adjusts layout */
.post-password-required .et_pb_section {
	padding: 60px 0;
}
.post-password-required .et_pb_row {
	padding: 15px 0;
    width: 90%;
    max-width: 1200px;
}

	/* adjusts the heading */
	.post-password-required h1 {
		font-weight: 600;
		text-transform: uppercase;
	}

	.post-password-required form {
		padding-top: 15px;
	}

	/* adjusts the button */
	.post-password-required button.et_submit_button.et_pb_button {
		float: none;
		font-size: 18px;
		margin: 0 !important;
		min-width: 200px;
	}
		.post-password-required button.et_submit_button.et_pb_button:hover {
			background-color: #fff;
		}
		.post-password-required button.et_submit_button.et_pb_button:hover:after {
			opacity: 0;
		}


/* ========================================= */
/* --- Header ============================== */
/* ========================================= */

/* --- Reworking the 'active' menu item */
/* default state - match colour of dropdowns */
#divi-child-plus-header .et_pb_menu ul li.current-menu-item a {
	color: #fff !important;
}
	@media (max-width: 980px) {
		/* mobile -default state - match colour of dropdowns */
		#divi-child-plus-header .et_pb_menu ul li.current-menu-item a {
			color: #939598 !important;
		}
	}

/* active menu color - update to match theme */
#divi-child-plus-header .et_pb_menu ul li.current-menu-item > a,
#divi-child-plus-header .et_pb_menu ul li.current-menu-ancestor > a {
	color: var(--crsc-light-green) !important;
}

/* --- Primary Menu ======================== */
/* removes border from dropdowns */
@media (min-width: 981px) {
	#page-container #divi-child-plus-header .sub-menu {
		border-top: 0;
	}
		#page-container #divi-child-plus-header .sub-menu li ul {
			top: 0;
		}
}

#page-container #divi-child-plus-header .sub-menu a {
	text-transform: initial;
}

/* white dropboxes */
.crsc-blocks-header:before,
.crsc-blocks-header:after {
	content: '';
    background: #fff;
    height: 20px;
    position: absolute;
    display: block;
    bottom: -20px;
    
}
.crsc-blocks-header:before {
	left: 0;
	width: 17.5%;
	/* box-shadow: 0px 10px 15px 0 rgb(235 235 236 / 33%); */
	box-shadow: 0px 10px 15px 0 rgba(0,0,0,0.05);
}
.crsc-blocks-header:after {
	right: 0;
	width: 42.5%;
	/* box-shadow: 0px 10px 15px 0 rgb(235 235 236 / 33%); */
	box-shadow: 0px 10px 15px 0 rgba(0,0,0,0.05);
}

/* --- Primary Menu - Mobile =============== */
@media (max-width: 980px) {
	/* adjusts the mobile menu from the top */
	#divi-child-plus-header .et_pb_menu .et_mobile_menu {
		top: calc(100% + 15px);
		padding: 0;

		/* creates a mobile safe dropdown */
		overflow-y: scroll;
		max-height: calc(100vh - 180px);
	}

	body.logged-in.admin-bar #divi-child-plus-header .et_pb_menu .et_mobile_menu {
		max-height: calc(100vh - (180px + 32px));
	}
}
	@media (max-width: 782px) {
		body.logged-in.admin-bar #divi-child-plus-header .et_pb_menu .et_mobile_menu {
			max-height: calc(100vh - (180px + 46px));
		}
	}


/* --- Secondary Menu ====================== */
@media (max-width: 980px) {
	#top-menu-bar .et_pb_menu__menu {
		display: block !important;
	}

	#top-menu-bar .et_mobile_nav_menu {
		display: none !important;
	}
}

/* ========================================= */
/* --- Body ================================ */
/* ========================================= */

/* --- Hero Banners ======================== */
.homepage-banner-inner:before,
.intro-banner-outer:after {
    background: var(--crsc-light-green);
	content: '';
    height: 20px;
    display: block;
    position: absolute;
    right: 10%;
    bottom: -20px;
    width: 40%;
    z-index: 1000;
}

.homepage-banner-outer:before,
.homepage-banner-outer:after,
.intro-banner-inner .et_pb_column:before,
.intro-banner-inner .et_pb_column:after {
	content: '';
    display: block;
    height: 20px;
    position: absolute;
    bottom: 0;
	z-index: 10;
}
	.homepage-banner-outer:before,
	.intro-banner-inner .et_pb_column:before {
		background: var(--crsc-bright-mud);
		left: 0;
		width: 50%;
	}

	.homepage-banner-outer:after,
	.intro-banner-inner .et_pb_column:after{
		background: #fff;
		right: 0;
		width: 10%;
	}

/* --- Visual Columns ====================== */
.visual-cta-column {
	display: flex;
	flex-direction: column;
	width: 100%;
}
	.visual-cta-column .et_pb_promo_description {
		flex-grow: 1;
	}
	
/* --- Visual Buttons ====================== */
.visual-button .et_pb_blurb_content {
	display: flex;
    align-items: center;
}
	.visual-button .et_pb_blurb_content .et_pb_main_blurb_image {
		display: block;
		margin: 0 !important;
		width: auto;
	}

	.visual-button .et_pb_blurb_content .et_pb_blurb_container {
		padding-right: 55px;
		width: 100%;
	}

	.visual-button .et_pb_blurb_content .et_pb_module_header {
		padding: 0;
		width: 100%;
	}

	.visual-button .et_pb_blurb_content:after {
		color: #fff;
		content: "\35";
		display: inline-block;
		display: block;
		font-family: ETmodules !important;
		font-size: 40px;
		font-weight: 400 !important;
		position: absolute;
		right: 15px;
		transition: 300ms ease;
	}
		.visual-button:hover .et_pb_blurb_content:after {
			right: 5px;
		}

/* ========================================= */
/* --- Homepage ============================ */
/* ========================================= */
/* .homepage-banner-outer {
} */

@media(min-width: 981px) {
	/* desktop specific layout */
	.homepage-banner-inner .homepage-banner-visuals {
		border-bottom: 20px solid #fff;
		width: calc(50% - 100px) !important;
	}
		.homepage-banner-inner .homepage-banner-visuals:before{
			background: var(--crsc-bright-mud);
			content: '';
			height: 20px;
			display: block;
			position: absolute;
			bottom: 0;
			width: 100%;
			z-index: 1000;
		}

	.homepage-banner-inner .homepage-banner-content {
		border-bottom: 20px solid var(--crsc-light-green);
		width: calc(50% + 100px) !important;
	}

	/* white bar */
	.homepage-banner-outer:after {
		height: 40px;
	}

	/* hides all the traditional banner sizes */
	.homepage-banner-outer:before,
	.homepage-banner-inner:before {
		display: none;
	}
}

/* ========================================= */
/* --- Resources / Blog ==================== */
/* ========================================= */
.blog-simplified-layout article {
	border-bottom: 1px solid #eee;
    margin-bottom: 45px;
    padding-bottom: 45px;
}
	/* .blog-simplified-layout article:last-of-type {
		margin-bottom: 0;
	} */


.blog-simplified-layout article.has-post-thumbnail {
	clear: both;
}

@media (min-width: 767px) {
	.blog-simplified-layout article.has-post-thumbnail .entry-featured-image-url {
		float: left;
		width: 25%;
		margin: 0 30px 0 0;
	}
		.blog-simplified-layout article.has-post-thumbnail .entry-title,
		.blog-simplified-layout article.has-post-thumbnail .post-meta,
		.blog-simplified-layout article.has-post-thumbnail .post-content {
			float: right;
			width: calc(75% - 30px);
		}
}

/* --- Sidebar ============================= */
.blog-sidebar-layout article {
	padding-bottom: 15px !important;
	margin-bottom: 15px;
	border-bottom: 1px solid #eee;
}
	.blog-sidebar-layout article:last-of-type {
		border-bottom: none;
	}

	.blog-sidebar-layout article .post-meta {
		margin-bottom: 0 !important;
	}

/* --- Resource - Posts ==================== */
.featured-image img {
	margin-bottom: 30px;
}

.wp-block-file {
	text-align: center;
}
	.wp-block-file object {
		position: relative !important;
	}

/* ========================================= */
/* --- Forms =============================== */
/* ========================================= */

/* submit button */
.advanced-form .gform_footer input[type="submit"].gform_button {
	cursor: pointer;
	background: var(--crsc-green);
	border: 2px solid var(--crsc-green);
	border-radius: 6px;
	color: var(--crsc-light-green);
	font-size: 18px;
    font-weight: bold;
	line-height: 1.7em;
    text-align: center;
	padding: 7px 15px 5px 15px;
	min-width: 200px;
	transition: all 300ms ease 0ms;
}
	.advanced-form .gform_footer input[type="submit"].gform_button:hover,
	.advanced-form .gform_footer input[type="submit"].gform_button:focus {
		color: #58595b !important;
		background-color: #fff;
		border-color: var(--crsc-green)!important;
	}

/* ========================================= */
/* --- Sitemap ============================= */
/* ========================================= */

.sitemap-layout ul.children {
	padding-bottom: 0;
}