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

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

/*---------------------------------------------------------------------------------
    TYPOGRAHPY
*/
body {
  font-size: calc(14px + (26 - 14) * ((100vw - 300px) / (3840 - 300)));
  font-weight: 400;
  line-height: 1.5;
}
body h1, body h1.et_pb_contact_main_title, body .et_pb_title_container h1 { font-size: 2.25rem; line-height: 1.3; }
body h2 { font-size: 1.875rem; line-height: 1.3; }
body body h3 { font-size: 1.625rem; line-height: 1.3; }
body h4 { font-size: 1.375rem; line-height: 1.3; }
body h5 { font-size: 1.125rem; line-height: 1.3; }
body h6 { font-size: 1rem; line-height: 1.3; }
.entry-content li::marker {
	color: #26819e;
}

/*---------------------------------------------------------------------------------
    UTLITIES
*/
.vertical-align { display: flex; flex-direction: column; justify-content: center; }
.blurb-vertical-align.et_pb_blurb_position_left .et_pb_blurb_container, .blurb-vertical-align.et_pb_blurb_position_right .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; }
}
.inline-button .et_pb_button_module_wrapper { display: inline-block; }
.prevent-mobile.et_pb_menu .et_pb_menu__menu,.lwp-hide-mobile-menu.et_pb_fullwidth_menu .et_pb_menu__menu { display: flex!important; }
.prevent-mobile .et_mobile_nav_menu { display: none; }

.notch {
    clip-path: polygon( 0 0%, 0% 0, 100% 0, 100% 0%, 100% 100%, 90% 100%, 10% 100%, 0% 90%, 0% 10% );
}
.notch-bg {
    background-size: 20% !important;
    background-position: top right !important;
}

/*---------------------------------------------------------------------------------
    LAYOUT
*/

/* HEADER */

.et_header_style_slide .et_slide_in_menu_container .et_mobile_menu li a {
	text-transform: uppercase;
}
body .et_slide_menu_top {
	background: transparent;
	padding-top: 15px;
	padding-bottom: 15px;
}
.et_mobile_menu .navbar-top-sub {
	border-bottom: 1px solid rgba(255, 255, 255, .5);
}
.et_mobile_menu .navbar-sub {
	padding-left: 1rem;
}
.et_mobile_menu .current-menu-item {
	font-weight: 600;
	position: relative;
}
.et_mobile_menu .current-menu-item:before {
	content: " ";
	display: inline-block;
	position: absolute;
	left: -15px;
	top: 12px;
	width: 1px;
	height: 1.7rem;
	background-color: coral;
}
.mobile_menu_bar:before {
	color: #26819e;
}
.et_slide_in_menu_container ul#mobile_menu_slide {
	text-align: center;
}
.et_slide_in_menu_container ul#mobile_menu_slide li {
	text-align: left;
}
.et_mobile_menu .navbar-social {
	display: inline-block;
}
.et_mobile_menu .navbar-social a i {
	font-size: 1.2rem;
	padding: .5rem;
}
@media only screen and (max-width: 980px) {
    .et_header_style_left #et-top-navigation, .et_header_style_left .et-fixed-header #et-top-navigation {
        padding-top: 32px;
    }
    .et_header_style_left #et-top-navigation .mobile_menu_bar, .et_header_style_split #et-top-navigation .mobile_menu_bar {
        padding-bottom: 28px;
    }
    #helium-widget-area-wrap {
        position: absolute !important;
        top: 14px !important;
        right: 0;
        width: 4rem;
        margin-right: 2rem;
    }
	.et-tb-has-body #helium-widget-area-wrap {
		top: 24px !important;
	}
    #helium-widget-area-wrap .et_pb_widget:first-child {
        margin-top: 0;
    }
    .wpml-ls-legacy-dropdown-click {
    }
    .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle {
        border: 0 !important;
        display: inline-block;
    }
    .et_header_style_slide #et-top-navigation:before {
        display: none;
    }
}
@media only screen and (min-width: 981px) {
    .et_header_style_slide #et-top-navigation {
        padding:  3rem 0 !important;
    }
    .et_header_style_slide .et-fixed-header #et-top-navigation {
        padding:  2rem 0 !important;
    }

    #et-top-navigation {
        float: left !important;
        padding-left: 0 !important;
    }
    .et_pb_slide_menu_active header#main-header,
    .et_pb_slide_menu_active #page-container {
        left: 320px !important;
    }
    .et_pb_slide_menu_active .et_slide_in_menu_container.et_pb_slide_menu_opened {
        right: auto !important;
        left: 0 !important;
    }
    body.et_pb_slide_menu_active {
        overflow-x: hidden !important;
    }
    .logo_container {
        text-align: center;
    }
    #logo {
        margin: 0 6rem;
    }
    .et_slide_in_menu_container {
        left: -320px;
        -webkit-transition: left 0.8s cubic-bezier(0.77, 0, 0.175, 1), margin-top 0.4s ease-in-out !important;
        -moz-transition: left 0.8s cubic-bezier(0.77, 0, 0.175, 1), margin-top 0.4s ease-in-out !important;
        transition: left 0.8s cubic-bezier(0.77, 0, 0.175, 1), margin-top 0.4s ease-in-out !important;
    }
    .et_header_style_slide .mobile_menu_bar.et_toggle_slide_menu {
        padding-left: 4rem;
        margin-left: -4rem;
    }
    .et_header_style_slide #et-top-navigation:before, 
    .et_header_style_fullscreen #et-top-navigation:before {
        text-transform: uppercase;
        line-height: 1.65;
    }
    .et_transparent_nav #main-header {
        box-shadow: none;
        background-color: transparent;
    }
    .et_transparent_nav #main-header.et-fixed-header {
        background-color: #fff !important;
    }
    .et_transparent_nav.et_header_style_slide #et-top-navigation:before {
        color: #fff !important;
    }
    .et_transparent_nav .mobile_menu_bar:before, 
    .et_transparent_nav .mobile_menu_bar:after {
        color: #fff !important;
    }
    .et_transparent_nav.et_header_style_slide .et-fixed-header #et-top-navigation:before {
        color: #444867 !important;
    }
    .et_transparent_nav .et-fixed-header .mobile_menu_bar:before, 
    .et_transparent_nav .et-fixed-header .mobile_menu_bar:after {
        color: #444867 !important;
    }
    #helium-widget-area-wrap {
        position: initial;
		margin-top: 46px;
		transition: all 0.4s ease-in-out;
    }
	.et-fixed-header #helium-widget-area-wrap {
		margin-top: 30px;
	}
    .wpml-ls-legacy-dropdown-click ul {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translatey(-50%);
    }
    .wpml-ls-legacy-dropdown-click ul .wpml-ls-sub-menu {
        bottom: -2.5rem !important;
        top: initial !important;
    }
    .wpml-ls-legacy-dropdown-click a {
        background-color: transparent;
        padding: 0 1rem 0 0 !important;
        border: none !important;
        display: inline-block;
    }
    .et_transparent_nav .wpml-ls-legacy-dropdown-click a {
        color: #fff !important;
    }
    .et_transparent_nav .et-fixed-header .wpml-ls-legacy-dropdown-click a {
        color: #444867 !important;
    }
    .wpml-ls-legacy-dropdown-click a:hover {
        background: transparent !important;
    }
    .wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a, .wpml-ls-legacy-dropdown-click a:focus, .wpml-ls-legacy-dropdown-click a:hover {
        background-color: transparent!important;
    }
    .et_transparent_nav .wpml-ls-legacy-dropdown-click a:hover {

    }
    .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
        right: 0;
    }
}

/* FOOTER */
.et_pb_menu_0_tb_footer.et_pb_menu ul li a:after {
    content: "→";
    margin-left: .8rem;
}
.et_pb_menu_0_tb_footer.et_pb_menu ul li {
    padding-right: 1.5rem;
}
.et-l--footer .navbar-social {
	display: none !important;
}


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

/* MONARCH SOCIAL MEDIA */
.et_monarch .et_social_circle.et_social_sidebar_networks {
	transition: left 0.8s cubic-bezier(0.77, 0, 0.175, 1);
}
.et_pb_slide_menu_active.et_monarch .et_social_circle.et_social_sidebar_networks {
	left: 330px;
}

/* SLIDER */
.et-pb-controllers {
    text-align: right;
    max-width: 1440px;
    width: 80%;
    left: 50%;
    transform: translatex(-50%);
}
.et-pb-controllers a {
    width: 6rem;
    height: .2rem;
}

/* BLOG GRID */
.et_pb_blog_grid .et_pb_post {
	transition: 300ms all ease;
}
.et_pb_blog_grid .et_pb_post:hover {
	transform: scale(1.05);
}
.et_pb_blog_grid .more-link {
	margin-top: 1rem;
	display: inline-block;
	background-color: #26819e;
	color: #fff;
	padding: .25rem 1rem;
	text-transform: uppercase;
	font-size: .95rem;
	transition: .2s all;
}
.et_pb_blog_grid .more-link:hover {
	background-color: #083b69;
}
@media (min-width: 981px) {
	.blog-horizontal .et_pb_image_container { 
		float: left;
		width: 44%;
		margin: -20px !important;
	}
	.blog-horizontal .et_pb_post .entry-featured-image-url {
		margin-bottom: 0;
	}
	.blog-horizontal .entry-title,
	.blog-horizontal .post-meta,
	.blog-horizontal .post-content {
		margin-left: 45%;
	}

	.blog-horizontal .entry-featured-image-url {
	  padding-top: 100%;
	  display: block;
	}

	.blog-horizontal .entry-featured-image-url img {
	  position: absolute;
	  height: 100%;
	  width: 100%;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  object-fit: cover;
	}
}

/* SEARCH */
.not-found-title {
	margin-top: 8rem;
}

/* TEAM MEMBER */
.et_pb_team_member_image img {
/* 	clip-path: polygon( 
		0 0%, 0% 0, 100% 0, 
		100% 0%, 100% 90%, 
		89% 100%, 10% 100%, 
		0% 100%, 0% 10% ); */
	clip-path: polygon( 0 0%, 0% 0, 100% 0, 100% 0%, 100% 100%, 90% 100%, 10% 100%, 0% 90%, 0% 10% )
}

/* ACCORDION */
.et_pb_tabs .et_pb_tabs_controls {
	background-color: transparent !important;
}
ul.et_pb_tabs_controls {
	display: flex;
	flex: wrap;
	justify-content: center;
}
ul.et_pb_tabs_controls:after {
	display: none;
}
.et_pb_tabs_controls li {
	border: none;
	float: none;
	margin-right: 4rem;
}
.et_pb_tabs_controls li a {
	font-weight: 400;
	position: relative;
	padding: .5em 0 .8em;
}
.et_pb_tabs_controls li a:after {
	display: block;
	content: " ";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 2px;
	background-color: rgba(124,166,181,0.5);
	transition: all .3s;
}
.et_pb_tabs_controls li:hover a:after,
.et_pb_tabs_controls li.et_pb_tab_active a:after {
	width: 100%;
}
.et_pb_tabs .et_pb_tab {
	padding: 1em 0 0;
}
@media (max-width: 980px) {
	ul.et_pb_tabs_controls {
		flex-direction: column !important;
	}
}

/* NEWS MENU */
#menu-news li a,
#menu-resources li a {
	display: inline-block;
	padding: .25rem 1rem !important;
	line-height: 1.7;
	border: 1px solid rgba(255, 255, 255, .4);
	color: #fff !important;
	font-size: 1rem;
	text-transform: uppercase;
}
#menu-news li a:hover,
#menu-resources li a:hover {
	background-color: #fff;
	color: #26819E !important;
	opacity: 1 !important;
}
#menu-news li.current_page_item a,
#menu-resources li.current_page_item a {
	background-color: #fff;
	color: #26819E !important;
	opacity: 1 !important;
}