/*---------------------------------------------------------------------------------

 Theme Name:   Helium WordPress Theme
 Theme URI:    http://helium.marketing/
 Description:  Official WordPress theme.
 Author:       Michael Wood
 Author URI:   https://michaelwood.ca/
 Template:     Divi
 Version:      3.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

---------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------
    BASE STYLES
*/

.et_pb_menu_0_tb_footer.et_pb_menu ul li li a {
	color: rgba(0,0,0,.9) !important;
}

/*---------------------------------------------------------------------------------
    TYPOGRAHPY
*/
body {
    font-weight: 400;
}

.accent h1,
.accent h2,
.accent h3,
.accent h4,
.accent h5 {
	position: relative;
}
.accent h1:after,
.accent h2:after,
.accent h3:after,
.accent h4:after,
.accent h5:after {
	position: absolute;
	content: " ";
	display: inline-block;
	width: 1em;
	height: 2px;
	background-color: #fe5d12;
	margin-left: .75em;
	top: .5em;
}

/*---------------------------------------------------------------------------------
    UTLITIES
*/
.vertical-align { display: flex; flex-direction: column; justify-content: center; }
.blurb-align-text .et_pb_blurb_container { vertical-align: middle; }
.bottom-align { display: flex; flex-direction: column; justify-content: flex-end; }
@media all and (max-width:980px) {
  .custom-order { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap;   /* Safari 6.1+ */ flex-wrap: wrap; }
  .first-on-mobile { -webkit-order: 1; order: 1; }
  .second-on-mobile { -webkit-order: 2; order: 2; }
  .third-on-mobile { -webkit-order: 3; order: 3; }
  .fourth-on-mobile { -webkit-order: 4; order: 4; }
  .custom-order:last-child .et_pb_column:last-child { margin-bottom: 30px; }
}

.gallery-4-3 .et_pb_gallery_image {
  padding-top: 75%;
  display: block;
}

.gallery-4-3 .et_pb_gallery_item img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: contain;
}

/*---------------------------------------------------------------------------------
    LAYOUT
*/
.et-l--header .et_pb_module {
    display: inline-block;
}
.et-l--header .et_pb_button_module_wrapper {
    float: right;
    margin-top: -47px !important;
    margin-bottom: -10px !important;
}
.et-l--header .et_pb_button {
    width: 8em;
    text-align: right;
    line-height: 1.4 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.et-l--header .et_pb_button:hover {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.et-l--header .et_pb_button:after {
    bottom: 50%;
    transform: translatey(50%);
}
.et-l--header .et_pb_menu_0_tb_header.et_pb_menu ul li a {
    font-weight: 500;
}

.et-menu .menu-item-has-children>a:first-child:after {
	color: #fe5d12 !important;
}

footer .et_pb_menu .et_pb_menu__menu>nav>ul {
	flex-direction: column;
}
.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item a {
	color: #2B343B!important;
}
.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item > a {
	color: #FE5D12!important;
}

/*---------------------------------------------------------------------------------
    MODULES
*/

.add-arrow .et_pb_module_header:after {
    font-family: ETmodules!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 0 0;
    direction: ltr;
    content: '$';
    font-size: 1.2em;
    position: absolute;
    bottom: -30px;
	right: 0;
    color: #e1ebee;
    transition: .4s all;
}
.add-arrow:hover .et_pb_module_header:after {
    color: #fe5d12;
}

body .et_pb_bg_layout_dark .et_pb_slide_description {
	text-shadow: none;
}
body .et_pb_slide_image {
	margin-right: 0;
}
.et_pb_slide_with_image .et_pb_slide_description {
	padding-right: 5.5%;
}

.et_pb_posts article {
	background-color: #fff;
	box-shadow: 0px 8px 18px -2px rgb(7 58 105 / 15%);
	display: grid; 
	grid-template-columns: 1.5fr 1fr; 
	grid-template-rows: auto auto auto; 
	gap: 0px 0px; 
	grid-template-areas: 
		"Entry-Meta Featured-Image"
		"Entry-Title Featured-Image"
		"Entry-Content Featured-Image"; 
}
.et_pb_blog_grid article {
	background-color: #fff;
	box-shadow: 0px 8px 18px -2px rgb(7 58 105 / 15%);
	border: none;
}
.et_pb_blog_grid article.et_pb_post {
	padding: 30px;
}
.et_pb_blog_grid .et_pb_image_container {
	margin: -30px -30px 30px;
}
.et_pb_posts article .entry-featured-image-url { 
	grid-area: Featured-Image; 
	position: relative;
	margin-bottom: 0;
}
.et_pb_posts article .entry-featured-image-url img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.et_pb_posts article .post-meta { 
	grid-area: Entry-Meta; 
	padding: 30px 30px 15px;
}
.et_pb_posts article .entry-title { 
	grid-area: Entry-Title; 
	padding: 0 30px 15px;
}
.et_pb_posts article .post-content { 
	grid-area: Entry-Content; 
	padding: 0 30px 30px;
}

.et_pb_posts a.more-link,
.et_pb_blog_grid a.more-link {
	display: inline-block;
	margin-top: .75rem;
	color: rgb(254, 93, 18);
	border: 1px solid rgb(254, 93, 18);
    line-height: 1.7;
    background: #fff;
    padding: 0.4rem 1rem 0.2rem;
    transition: all 0.3s ease 0s;
	font-size: .9rem;
	text-transform: uppercase;
}
.et_pb_posts a.more-link:hover,
.et_pb_blog_grid a.more-link:hover {
	background-color: rgb(254, 93, 18);
	color: #fff;
}

.product-blurb .et_pb_image_wrap {
	position: relative;
}
.product-blurb .et_pb_image_wrap:before {
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 0;
	width: 100%;
	height: 100%;
	background-color: #073a69;
	opacity: 0;
	transition: .3s all;
}
.product-blurb .et_pb_image_wrap:after {
	content: "View Product →";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #fe5d12;
	color: #fff;
	padding: .3rem 1rem;
	line-height: 1.7;
	opacity: 0;
	transition: .3s all;
}
.product-blurb:hover .et_pb_image_wrap::before {
	opacity: .8;
}
.product-blurb:hover .et_pb_image_wrap:after {
	opacity: 1;
}
.product-blurb .et_pb_blurb_container {
	padding: 0 1.5rem 1.5rem;
}

.et_pb_bg_layout_light .et-pb-controllers .et-pb-active-control {
	background-color: #fe5d12;
}
.et_pb_bg_layout_light .et-pb-arrow-next, .et_pb_bg_layout_light .et-pb-arrow-prev {
	color: #fe5d12 !important;
	margin-top: -60px;
}

.woocommerce table.shop_attributes tr:nth-child(even) td, .woocommerce table.shop_attributes tr:nth-child(even) th {
	background-color: transparent;
}


.woocommerce-page .et_pb_widget_area_left .et_pb_widget {
	margin-bottom: 1.5rem !important;
}
.woocommerce-page .et_pb_widget_area_left .product-search label {
	font-weight: 600;
}
.woocommerce-page .et_pb_widget_area_left .product-search .wc-block-product-search__field {
	border: 2px solid #fe5d12;
}
.woocommerce-page .et_pb_widget_area_left .product-search button {
	background-color: #fe5d12;
	border: 0;
	color: #fff;
}
.woocommerce-page .et_pb_widget_area_left .wc-block-product-categories-list--depth-0 {
	font-weight: 500;
}
.woocommerce-page.et-db #et-boc .et-l .et_pb_widget_area_left .wc-block-product-categories-list--depth-0 a {
	color: #333;
}
.woocommerce-page .et_pb_widget_area_left .wc-block-product-categories-list--depth-0 .wc-block-product-categories-list-item-count {
	display: none;
}
.woocommerce-page .et_pb_widget_area_left .wc-block-product-categories-list--depth-1 {
	margin-bottom: 1rem;
}
.woocommerce-page .et_pb_widget_area_left .wc-block-product-categories-list--depth-1 li {
	font-weight: 400;
	margin-left: 0 !important;
	margin-bottom: .25rem !important;
}
.woocommerce-page .et_pb_widget_area_left .wc-block-product-categories-list--depth-1 .wc-block-product-categories-list-item-count {
	display: inline-block;
}