/*
 Theme Name:     Elemental Three
 Theme URI:      https://augustelements.com
 Description:    A multipurpose portfolio theme for AE. (STAGING)
 Author:         Shannon Wilcox (shannonwilcox@augustelements.com)
 Author URI:     https://augustelements.com
 Template:       Divi
 Version:        3.0.3

 Based on SolarAnywhere child theme of Divi.

 ( Child theme of Divi. Do not diff check or compare this file with Divi's style.css 
 file when update theme. Child file will be loaded after theme file, and both 
 files implemented. )

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Plugin Fixes
2.0 - Typography
3.0 - Layout
	3.1  - Header
	3.2  - General
	3.3  - Icons & Images
	3.4  - Posts
	3.5  - Forms
	3.6  - Divi Modules
	3.7  - Buttons
	3.8  - Hover
	3.9  - Footer
4.0 - Transitions
5.0 - Responsive

/*--------------------------------------------------------------
1.0 - Plugin Fixes
--------------------------------------------------------------*/

/*--------------------------------------------------------------
2.0 - Typography (Override requires font sizes in Divi > Theme Options > Custom CSS box)
--------------------------------------------------------------*/
h1, h2, h3 {
    font-weight: 700;
}
body, h4, h5, h6 {
    font-weight: 500;
}
h1 {
	padding-bottom: 0.48em;
}
.reduce-space h1, .reduce-space h2 {
	padding-bottom: 0.28em;
}
h2 {
	padding-bottom: 0.64em;
}
h2.reduce-space {
	padding-bottom: 0.2em;
}
h3 {
	padding-bottom: 0.83em;
}
h4 {
	line-height: 1.5 !important;
	padding-bottom: 1.03em;
}
h5 {
	font-weight: 400;
	padding-bottom: 1.23em;
}
h6 {
	line-height: 1.67 !important;
	padding-bottom: 1.33em;
}
small {
	display: block;
	font-size: 0.75rem;
	line-height: 1.4;
	padding: 0.75em 0 0.35em;
}
sub, sup {
	font-size: 0.65em;
}
sup {
	bottom: .45em;
	margin-left: -0.07em
}
p:empty { 
	display: none;
}

/*--------------------------------------------------------------
3.0 - Layout
--------------------------------------------------------------*/
/* 3.1 Header --------*/
#top-menu li a {
	font-weight: 600 !important;
}
#top-menu li a:hover {
	opacity: 1 !important;
}
.sub-menu li a {
	text-transform: unset !important;
}
/* 3.1.1 Mobile Menu --------*/

/* 3.2 General --------*/
html, body {
	height: 100%;
}

/* 3.3 Icons & Images --------*/

/* 3.4 Posts --------*/

/* 3.5 Forms --------*/

/* 3.6 Divi Modules --------*/

/* 3.7 Buttons --------*/

/* 3.8 Hover --------*/
ul#top-menu:hover a, .hover-underline ul#menu-main-navigation:hover a {
	opacity: 0.5;
}
li.et-hover:hover a, .hover-underline ul#menu-main-navigation .et-hover:hover a {
	opacity: 1;
}
.hover-underline a {
	display: inline-block;
    position: relative;
}
.hover-underline .et_pb_text_inner a:after, .hover-underline div:not(.et_pb_menu__logo) > a:after, .hover-underline .et_pb_menu__menu>nav>ul>li>a:after {
    background: #fff;
    bottom: 1px;
    content: "";
    display: block;
    height: 3px;
    left: 100%;
    position: absolute;
    left: 0;
    top: auto !important;
    -webkit-transform: unset;
	transform: unset;
    width: 0;
    z-index: -1;
}
.hover-underline .et_pb_menu__menu>nav>ul>li>a:after {
    bottom: .6875rem;
}
.hover-underline .et_pb_text_inner h4 a:after {
    bottom: .3125rem;
}
.hover-underline .et_pb_text_inner a:hover:after, .hover-underline div:not(.et_pb_menu__logo) > a:hover:after, .hover-underline .et_pb_menu__menu>nav>ul>li>a:hover:after {
    right: 0;
    width: 100%;
}
#nw-icon h3:before, #nw-icon h3:after { 
	content: " ";
	height: 36px;
	margin: -0.15em 0.3em 0 0;
	width: 36px;
}
#nw-icon h3:before { 
	background: url('../../uploads/2025/07/nw-icon_777.svg') no-repeat scroll 0 0.05em transparent;
	background-size: contain;
	display: inline-block;
    position: relative;
	text-align: left;
	text-indent: -9999px;
	vertical-align: middle;
}
#nw-icon h3:after { 
	background: url('../../uploads/2025/07/nw-corner-icon_777.svg') no-repeat scroll 0 0.05em transparent;
	background-size: contain;
	opacity: 0;
	position: absolute;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-o-transition: opacity 0.6s;
	transition: opacity 0.6s;
    bottom:0;
    left:0;
    right:0;  
	top:0;
}
#nw-icon h3:hover { 
	cursor: nw-resize;
}
#nw-icon h3:hover:after { 
	opacity: 1;
}
.color-ae .et_pb_menu__logo a:after, ul.color-enlarge li a:after {
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 100%;
	width: 100%;
	z-index: 2;
}
.color-ae .et_pb_menu__logo a:hover:after, ul.color-enlarge li a:hover:after {
	top: 0;
}
.color-ae .et_pb_menu__logo a {
	background-color: #777;
	-webkit-mask: url(../../uploads/2025/08/ae-footer-icon-white.svg) no-repeat center;
	mask: url(../../uploads/2025/08/ae-footer-icon-white.svg) no-repeat center;
}
.color-ae .et_pb_menu__logo a:hover:after {
	background-color: #4fb853;
}
ul.color-enlarge li a.icon {
	overflow: hidden;
}
ul.color-enlarge li a:hover:before {
	transform: scale(1.3);
}
ul.color-enlarge li.et-social-twitter a:after {
	background-color: #000;
}
ul.color-enlarge li.et-social-linkedin a:after {
	background-color: #007bb6;
}

/* 3.9 Footer --------*/

/*--------------------------------------------------------------
4.0 - Transitions
--------------------------------------------------------------*/
.hover-underline a:after {
	transition: all 0.6s ease-in-out 0s;
}
ul.color-enlarge li a, ul.color-enlarge li a:before, ul.color-enlarge li a:after, .color-ae .et_pb_menu__logo a, .color-ae .et_pb_menu__logo a:after {
	transition: all 0.9s ease-in-out 0s !important;
}

/*--------------------------------------------------------------
5.0 - Responsive
--------------------------------------------------------------*/
/* Tablets --------*/
@media (min-width: 981px) {
/* Header */
	#main-header .container {
		max-width: none;
		width: 90%;
	}
}
@media (max-width: 980px) {
}
@media only screen and (min-width: 768px) {
}
@media all and (max-width: 767px) {
}
/* Mobile --------*/
@media (max-width: 480px) {
}