/*
 Theme Name:   Divi Child Theme
 Description:  A child theme of the Divi theme used in WordPress
 Author:       Bombshell Technologies
 Template:     Divi
 Version:      1.0.0
 Text Domain:  DiviChild
*/

@import url("../Divi/style.css");

h1, h2, h3, h4, h5, h6 {
	padding-bottom: unset;
}
p {
	font-family: 'Montserrat', sans-serif !important;
	font-size: 26px;
	line-height: 1.4;
	font-weight: 500;
	color: #353535;
}
h1 {
	font-family: condor-condensed, sans-serif !important;
	font-size: 44px !important;
	line-height: 1 !important;
	font-weight: 500 !important;
}
h2 {
	font-family: acme-gothic-wide, sans-serif !important;
	font-size: 44px !important;
	line-height: 1.4 !important;
	font-weight: 600 !important;
}
h2.large-text {
	font-size: 4.25vw !important;
	line-height: 1 !important;
	font-weight: 800 !important;
}
h3, h4 {
	font-family: condor-condensed, sans-serif !important;
	font-weight: 500 !important;
	font-style: italic !important;
	letter-spacing: 0.5px;
}

h1 {
	font-size: 50px !important;
	line-height: 1 !important;
	font-weight: 400 !important;
}
h3 {
	font-size: 36px !important;
	line-height: 1.3 !important;
}
h4 {
	font-size: 28px;
	line-height: 1.3;
}

h4.et_pb_module_header,
.category-button .et_pb_module_header {
	font-family: 'Montserrat', sans-serif !important;
	font-size: 24px;
	font-style: normal !important;
	letter-spacing: 0px;
}

h1 > *, h2 > *, h3 > *, h4 > * {
	font-family: inherit !important;
	font-size: inherit;
	font-weight: inherit;
	font-style: inherit;
	letter-spacing: inherit;
}

h1 strong, h2 strong, h3 strong, h4 strong {
	font-weight: 700;
}
p small, h1 small, h2 small, h3 small, h4 small {
	font-size: 70%;
	font-weight: 400;
	line-height: 1.2 !important;
}
h2.large-text > small {
	font-size: 60% !important;
}

#page-container {
	width: 100% !important;
	left: 0px !important;
}

#logo {
	max-height: unset;
	min-width: unset;
	height: 100%;
	width: auto;
}

.et_header_style_left .logo_container {
	top: 0px;
	left: 0px;
}

#main-header {
	border-bottom: 1px solid #353535;
	box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.15);
	left: 0px !important;
	width: 100%;
}

#main-header #et-top-navigation {
	margin-right: 0px;
	transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1) !important;
}

#main-header div.et_menu_container {
	/* padding-left: 0px !important; */
	max-width: unset !important;
	margin: 0;
}

#main-header #et-top-navigation .et_pb_header_toggle::before,
#main-header #et-top-navigation .et_pb_header_toggle::after {
	color: #226093 !important;
	font-size: 50px;
}
#main-header .et_toggle_slide_menu::after {
	left: -50px;
}
#main-header .mobile_menu_bar.et_pb_header_toggle {
	width: 50px;
}
.et_slide_in_menu_container {
	border-left: 1px solid #353535;
	box-shadow: 0px 0px 20px 4px rgba(0, 0, 0, 0.3);
}

.et_slide_in_menu_container.et_pb_slide_menu_opened + #main-header #et-top-navigation {
	margin-right: 330px;
}

.et-fixed-header#main-header,
.et-fixed-header#main-header .nav,
.et-fixed-header {
	background-color: #ffffff !important;
	opacity: 1;
}

#main-header {
	background-color: #ffffff !important;
	opacity: 1 !important;
}
#main-footer {
	border-top: 2px solid #353535;
}


.button-bordered-box .et_pb_blurb_content {
	position: relative;
	padding: 15px;
	cursor: pointer;
	background-color: #eff5f7;
	transition: background-color 0.2s;
}
.button-bordered {
	width: auto;
	display: inline-block;
	margin: 10px 10px;
	text-align: center;
	position: relative;
	background: transparent;
	cursor: pointer;
}
.button-bordered .button-content {
	padding: 9px 14px;
	border: 2px solid #ffffff;
	background-color: #248dc1;
}
.button-bordered .button-content::before,
.button-bordered .button-content::after {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1;
	transition: height 0.2s, width 0.2s;
}
.button-bordered .button-content::before {
	border-top: 2px solid #248cd1;
	border-right: 2px solid #248cd1;
	top: -10px;
	right: -10px;
}
.button-bordered .button-content::after {
	border-bottom: 2px solid #248dc1;
	border-left: 2px solid #248dc1;
	bottom: -10px;
	left: -10px;
}
.button-bordered .button-content .button-label {
	color: #ffffff;
	font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0px;
	transition: all 0.2s;
}

.button-bordered.btn-blue .button-content {
	background-color: #248dc1 !important;
}
.button-bordered.btn-blue .button-content::before,
.button-bordered.btn-blue .button-content::after {
	border-color: #248dc1 !important;
}
.button-bordered.btn-yellow .button-content {
	background-color: #d3d227 !important;
}
.button-bordered.btn-yellow .button-content::before,
.button-bordered.btn-yellow .button-content::after {
	border-color: #d3d227 !important;
}
.button-bordered.btn-red .button-content {
	background-color: #bc4300 !important;
}
.button-bordered.btn-red .button-content::before,
.button-bordered.btn-red .button-content::after {
	border-color: #bc4300 !important;
}

.button-bordered.disabled {
	cursor: default;
}
.button-bordered.disabled .button-content,
.button-bordered.disabled .button-content::before,
.button-bordered.disabled .button-content::after {
	opacity: 0.5;
}

.button-bordered:not(.disabled):hover .button-content::before,
.button-bordered:not(.disabled):hover .button-content::after {
	width: 50%;
	height: 50%;
	transition: width 0.2s, height 0.2s;
}
.button-bordered.btn-blue:not(.disabled):hover .button-content {
	border-color: #248dc1 !important;
	background-color: #ffffff !important;
}
.button-bordered.btn-yellow:not(.disabled):hover .button-content {
	border-color: #d3d227 !important;
	background-color: #ffffff !important;
}
.button-bordered.btn-red:not(.disabled):hover .button-content {
	border-color: #bc4300 !important;
	background-color: #ffffff !important;
}
.button-bordered:not(.disabled):hover .button-content .button-label {
	letter-spacing: 0.5px;
}
.button-bordered.btn-blue:not(.disabled):hover .button-content .button-label {
	color: #248dc1 !important;
}
.button-bordered.btn-yellow:not(.disabled):hover .button-content .button-label {
	color: #d3d227 !important;
}
.button-bordered.btn-red:not(.disabled):hover .button-content .button-label {
	color: #bc4300 !important;
}


.button-bordered.disabled:hover .button-content::before,
.button-bordered.disabled:hover .button-content::after {
	width: 100%;
	height: 100%;
}


.content-box {
	padding: 15px;
	background-color: #ffffff;
}
.content-box .content-body {
	min-height: 170px;
}
.content-box .content-body p,
.content-box-group .et_pb_column p, .content-box-group .et_pb_row .et_pb_column p  {
	font-size: 22px;
}

.content-box-group .et_pb_column, .content-box-group .et_pb_row .et_pb_column {
	margin-right: 0px;
	width: 25%;
}



.button-bordered-box .et_pb_blurb_content .et_pb_main_blurb_image {
	margin-bottom: 15px;
}
.button-bordered-box .et_pb_blurb_content a::before,
.button-bordered-box .et_pb_blurb_content a::after {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: -1;
	transition: height 0.2s, width 0.2s;
}
.button-bordered-box .et_pb_blurb_content a::before {
	border-top: 2px solid #248cd1;
	border-right: 2px solid #248cd1;
	top: -15px;
	right: -15px;
}
.button-bordered-box .et_pb_blurb_content a::after {
	border-bottom: 2px solid #248cd1;
	border-left: 2px solid #248cd1;
	bottom: -15px;
	left: -15px;
}
.button-bordered-box .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 170px;
}
.button-bordered-box .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap img {
	width: auto;
	height: 75%;
	transition: height 0.2s;
}
.button-bordered-box .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
	color: #248dc1 !important;
}

.button-bordered-box .et_pb_blurb_content:hover {
	background-color: #e1ebf0;
}
.button-bordered-box .et_pb_blurb_content:hover a::before,
.button-bordered-box .et_pb_blurb_content:hover a::after {
	width: 50%;
	height: 50%;
}
.button-bordered-box .et_pb_blurb_content:hover > .et_pb_main_blurb_image .et_pb_image_wrap img {
	height: 85%;
}


.button-bordered-box-group .et_pb_row .et_pb_column {
	margin-bottom: 3%;
}
.button-bordered-box-group .et_pb_row::nth-last-of-type .et_pb_column {
	margin-bottom: 0%;
}

.category-button .et_pb_blurb_content .et_pb_main_blurb_image {
	margin-bottom: 20px;
}
.category-button .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {
	position: relative;
}
.category-button .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap::before {
	content: "";
	position: absolute;
	width: 90%;
	height: 90%;
	border-right: 12px solid #248dc1;
	border-bottom: 12px solid #248dc1;
	right: 0px;
	bottom: 0px;
	z-index: -1;
	opacity: 0;
	transition: all 0.2s;
}
.category-button.btn-blue .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap::before {
	border-color: #248dc1;
}
.category-button.btn-yellow .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap::before {
	border-color: #d3d227;
}
.category-button.btn-red .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap::before {
	border-color: #bc4300;
}
.category-button .et_pb_blurb_content:hover .et_pb_main_blurb_image .et_pb_image_wrap::before {
	right: -12px;
	bottom: -12px;
	opacity: 0.15;
}
.category-button .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
	margin-top: 0px;
	transition: all 0.2s;
}
.category-button .et_pb_blurb_content:hover .et_pb_blurb_container .et_pb_module_header {
	margin-top: -10px;
}


.color-blue-lt {
	color: #4ac1e0 !important;
}
.color-blue-dk,
.et_pb_text h2.color-blue-dk {
	color: #248dc1 !important;
}
.color-red {
	color: #bc4300 !important;
}
.color-yellow {
	color: #d3d227 !important;
}
.fullwidth-divider {
	border: 4px solid #248dc1;
	width: 100%;
}

.flex-inline-center {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.flex-inline-baseline {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: baseline;
}
.flex-inline-center .et_pb_module.et_pb_image,
.flex-inline-baseline .et_pb_module.et_pb_image {
	width: 4.25vw !important;
	height: auto !important;
	margin-left: 0px !important;
}
.flex-inline-center .et_pb_module.et_pb_image .et_pb_image_wrap,
.flex-inline-center .et_pb_module.et_pb_image .et_pb_image_wrap img,
.flex-inline-baseline .et_pb_module.et_pb_image .et_pb_image_wrap,
.flex-inline-baseline .et_pb_module.et_pb_image .et_pb_image_wrap img {
	width: 100%;
	height: auto;
}


.content-box-group .et_pb_column {
	display: flex;
	flex-direction: column;
	flex: 1 1 270px;
	margin-right: 0px !important;
	margin-bottom: 0px !important;
	width: auto !important;
}



/* ========================= PAGE SPECIFIC ==================== */

#section_financial-decisions {
	background-size: 50% auto !important;
}
#section_topic-cta {
	border-bottom: 1px solid #353535;
}
#section_topic-cta .et_pb_column {
	padding-bottom: 0px !important;
}
#section_good-news,
#section_starting-out,
.divider-gradient-top,
.divider-gradient-bottom {
	position: relative;
}
#section_good-news::before,
#section_good-news::after,
#section_starting-out::before,
#section_starting-out::after
.divider-gradient-top::before,
.divider-gradient-bottom::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 4px;
}
#section_good-news::before {
	background: linear-gradient(90deg, #353535, transparent 90%);
	top: 0px;
}
#section_good-news::after {
	background: linear-gradient(90deg, #353535, transparent 65%);
	bottom: 0px;
}
.divider-gradient-top.divider-right::before,
.divider-gradient-top.top-divider-right::before {
	background: linear-gradient(-90deg, #353535, transparent 65%);
	top: 0px;
}
.divider-gradient-bottom.divider-right::after,
.divider-gradient-bottom.bottom-divider-right::after {
	background: linear-gradient(-90deg, #353535, transparent 65%);
	bottom: 0px;
}
.divider-gradient-top.divider-left::before,
.divider-gradient-top.top-divider-left::before {
	background: linear-gradient(90deg, #353535, transparent 65%);
	top: 0px;
}
.divider-gradient-bottom.divider-left::after,
.divider-gradient-bottom.bottom-divider-left::after {
	background: linear-gradient(90deg, #353535, transparent 65%);
	bottom: 0px;
}


@media(max-width: 600px) {
	h2.large-text {
		font-size: 40px !important;
	}
	#section_financial-decisions {
		background-image: none !important;
	}
	#section_financial-decisions .decision-list-item {
		text-align: center !important;
	}
	#section_good-news {
		background-size: auto 65vh !important;
		background-position: center top !important;
		padding-top: 65vh;
	}
}

@media(min-width: 601px) and (max-width: 1048px) {
	h2.large-text {
		font-size: 4.25vh !important;
	}
	#section_financial-decisions {
		background-size: 80% auto !important;
		background-position: left bottom !important;
	}
	#section_financial-decisions .decision-list-item {
		text-align: right !important;
	}
}

@media(max-width: 2000) {
	.et_pb_section {
		padding-top: 100px;
		padding-bottom: 100px;
	}
	#section_good-news::before,
	#section_good-news::after {
		background: linear-gradient(90deg, #353535 100%);
	}
}