/*
 Theme Name:   Gantry Helium Child 
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Helium Child Theme
 Author:       TechPro.com
 Author URI:   http://TechPro.com
 Template:     g5_helium
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         
 Text Domain:  g5heliumchild
*/
#mobile-menu{
	display:none;
}

.whtieButton{
	background-color:#ffffff;
	border-radius:40px;
	border:5px solid #243350;
	display:inline-block;
	cursor:pointer;
	color:#243350;
	font-size:1.25rem;
	padding:16px 60px;
	text-decoration:none;
}
.whtieButton:hover {
	background-color:#414f69;
	color:#fff;
}
.blueButton, 
.elementor a.blueButton {
	box-shadow: 0px 0px 0px 5px #243350;
	background-color:#243350;
	border-radius:40px;
	border:5px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:1.25rem;
	padding:16px 60px;
	text-decoration:none;
}


.blueButton:hover {
	background-color:#414f69;
	color:#fff;
}
.blueButton:active {
	position:relative;
	top:1px;
}
.simpleButton{
	border:1px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:1.25rem;
	padding:10px 30px;
}
.simpleButton:hover{
	border:1px solid #243350;
	color:#243350;
}
input[type="submit"], .small-blue-button .elementor-button-link{
	border:1px solid #243350;
	background:#243350;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:1.25rem;
	padding:10px 30px;
}
input[type="submit"]:hover, .small-blue-button .elementor-button-link:hover{
	border:1px solid #414f69;
	background:#414f69;
}

.emm-top
{
	background-color:#252625;
	background-image:url('/wp-content/uploads/2021/01/header.jpg');
	max-height:127px;
}
#emm-logo{
	max-width:640px;
	margin:0 auto;
}
.emm-home-icon .g-content.g-particle{
	margin:13px 0 0 0;
	padding:0;
}
.emm-cart .g-content.g-particle{
	margin:13px 0 0 0;
	padding:0;
}


.emm-home-icon svg{
	max-width:26px;
	fill:#414f6b;
}
.emm-cart svg{
	max-width:30px;
	fill:#414f6b;
    height: 25px;
}
.emm-cart a{
	color:#fff;
	display: flex;
    justify-content: flex-end;
    align-items: center;
}

.emm-cart a .count{
	background-color:#414f6b;
	border-radius:50%;
	width:28px;
	height:28px;
	text-align:center;
	display:inline-block;
	margin-left:7px;
}

.emm-cart a .count span{
	font-size:1rem;
	font-family:"roboto-condensed";
	line-height:1rem;
    padding-top: 7px;
    display: block;
}
.g-main-nav .g-toplevel > li > .g-menu-item-container{
	font-size:1.250rem;
	font-family:"lato";
}
#emm-home-header{
	text-align:center;
	padding:3rem 0 7rem;
}
#emm-home-header hr {
    border-bottom: 2px solid #ffffff;
	max-width:415px;
	margin:0 auto;
}
#emm-home-header h1{
	font-size:3.000em;
	margin:0;
}
#emm-home-header h2{
	font-size:1.875em;
	padding:0;
	margin:0;
}
.emm-spool-icon{
	margin:0 auto;
	max-width:105px;
}

#emm-home-header:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  -webkit-transform-origin:  0 100%;
  -ms-transform-origin:  0 100%;
  transform-origin:  0 100%;
  -webkit-transform: skew(-85deg);
  -ms-transform: skew(-85deg);
  transform: skew(-85deg);
  z-index: -1;
}
#emm-home-header:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  -webkit-transform-origin:  0 100%;
  -ms-transform-origin:  0 100%;
  transform-origin:  0 100%;
  -webkit-transform: skew(-275deg);
  -ms-transform: skew(-275deg);
  transform: skew(-275deg);
  z-index: -1;
}

.emm-intro{
    margin-top: -70px !important;
    z-index: 150;
    position: relative;
	font-family:"lora";
	line-height:1em;
	font-size:1.875rem;
}
.emm-intro .subText{
	font-size:1.125rem;
}

#g-features{
	margin-top:1rem;
	background-image:url("/wp-content/uploads/2021/01/shadowLine.png");
  	background-repeat: no-repeat;
  	background-position: top center;
}
.hat, .jacket, .patches{
	background-repeat: no-repeat;
  	background-position: top center;
	border-radius:50%;
	width:385px;
	height:385px;
	overflow:hidden;
	background-size: 385px 385px;
	position:relative;
	margin:0 auto;
}
.hat{
	background-image:url("/wp-content/uploads/2021/01/hat.jpg");
}
.jacket{
	background-image:url("/wp-content/uploads/2021/01/jacket.jpg");
}
.patches{
	background-image:url("/wp-content/uploads/2021/01/patches.jpg");
}

.circle .overlay{
	width:385px;
	height:385px;
	background-image:url("/wp-content/uploads/2021/01/grayOverlay.png");
	background-repeat: no-repeat;
  	background-position: bottom center;
}
.circle .dottedLine{
	width:385px;
	height:385px;
	background-image:url("/wp-content/uploads/2021/01/dotted-circle.png");
	background-repeat: no-repeat;
  	background-position: center;
}

.circle .overlay .title{
	position:absolute;
	top:200px;
	left:50px;
	font-size:2.5rem;
	font-family:"lora";
}
.circle .overlay .text{
	position:absolute;
	top:270px;
	left:100px;
	line-height:1.25rem;
	width:215px;
}

.emm-design-services, .emm-project-gallery{
	max-width:580px;
	margin:0 auto;
}
.emm-design-services h2, .emm-project-gallery h2{
	margin:0 auto;
	padding:0;
}

.emm-design-services hr, .emm-project-gallery hr{
	max-width:300px;
	margin:1rem auto;
    border-bottom: 1px solid #424753;
}

#emm-contact h2{
	padding:0;
	margin:0;
}

#g-bottom-nav{
	background-color:#1a2335;
}
#g-bottom-nav li{
	margin:0 10px;
}
#g-bottom-nav li a{
font-weight:400;
font-size:1rem;
	color:#8eafd4;
	text-decoration:none;
}
#g-bottom-nav li a:hover{
	color:#fff;
}
#g-above-footer{
		background-color:#243350;
}

#g-footer a{
	color:#748eac;
}
#g-above-footer{
	line-height:1.25rem;
	padding-bottom:2rem;
}
#g-above-footer, #g-above-footer a{
	color:#8eafd4;
}
#g-above-footer a:hover, #g-footer a:hover{
	text-decoration:underline;
}

#design-image figcaption{
    max-width: 340px;
    margin: 0 auto;
    margin-top: .5rem;
}

.catalog-button-wrap{
	text-align:center;
}

select{
background-color: white;
    vertical-align: middle;
    border: 1px solid #e0e0e5;
    font-size: 1rem;
    width: 100%;
    line-height: 2;
    padding: 0.75rem 1.25rem;
    -webkit-transition: border-color 0.2s;
    -moz-transition: border-color 0.2s;
    transition: border-color 0.2s;
    border-radius: 0.25rem;
	margin-bottom:0;
}
textarea{
	height:200px;
}
.wpcf7-form-control-wrap{
	display:inline-block;
	margin-bottom:.75rem;
	width:100%;
}
.gallery-area{max-width:950px;margin:0 auto;}

@media only screen and (max-width: 75rem) {
	#emm-home-header{
		padding:2.5rem 0 5rem;
	}
	#emm-home-header hr {
		max-width:415px;
	}
	#emm-home-header h1{
		font-size:2.500em;
	}
	#emm-home-header h2{
		font-size:1.75em;
	}	
	.emm-spool-icon{
		margin:0 auto;
		max-width:85px;
	}
	.emm-intro{
   		 margin-top: -50px !important;
	}
	
	.hat, .jacket, .patches, .circle .overlay{
		width:300px;
		height:300px;
		background-size: 300px 300px;
	}
	.circle .overlay{
		background-position:50% 70px;
	}
	.circle .dottedLine{
	width:300px;
	height:300px;
	background-size: 280px 280px;
	background-position:50% 50%;
	}
	.circle .overlay .title{
		top:150px;
		left:50px;
		font-size:2rem;
	}
	.circle .overlay .text{
		top:200px;
		left:70px;
		line-height:1.125rem;
		font-size:.875rem;
		width:180px;
	}
	

	
	
}
@media only screen and (max-width: 60rem) {
	.emm-intro{
		margin-top: -30px !important;
		font-size:1.5rem;
	}
	.emm-intro .subText{
		font-size:1rem;
	}
	
	.hat, .jacket, .patches, .circle .overlay{
		width:250px;
		height:250px;
		background-size: 250px 250px;
	}
	.circle .overlay{
		background-position:50% 70px;
	}
	.circle .dottedLine{
	width:250px;
	height:250px;
	background-size: 230px 230px;
	}
	.circle .overlay .title{
		top:120px;
		left:30px;
		font-size:1.5rem;
	}
	.circle .overlay .text{
		top:170px;
		left:60px;
		line-height:1rem;
		font-size:.75rem;
		width:160px;
	}
	.blueButton, .elementor a.blueButton {
		box-shadow: 0px 0px 0px 4px #243350;
		background-color:#243350;
		border-radius:40px;
		border:4px solid #ffffff;
		display:inline-block;
		cursor:pointer;
		color:#ffffff;
		font-size:1rem;
		padding:14px 56px;
		text-decoration:none;
	}
	.elementor a.blueButton{
		padding:12px 50px;
	}
	.whtieButton{
	background-color:#ffffff;
	border-radius:40px;
	border:4px solid #243350;
	display:inline-block;
	cursor:pointer;
	color:#243350;
		font-size:1rem;
		padding:14px 56px;
	text-decoration:none;
	}
	
	
}
@media only screen and (max-width: 48rem) {
	#main-menu{
		display:none;
	}
	#g-navigation{
		padding:0 1rem;
	}
	#g-navigation .emm-home-icon.size-12.g-block,
	#g-navigation .emm-cart.g-block.size-12  {
		width:50%;
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    max-width: 50%;
	}
	#emm-home-header{
		padding:2.5rem 0 4rem;
	}
	#emm-home-header hr {
		max-width:300px;
	}
	#emm-home-header h1{
		font-size:2.00em;
	}
	#emm-home-header h2{
		font-size:1.25em;
	}	
	.emm-spool-icon{
		margin:0 auto;
		max-width:65px;
	}
	.emm-intro{
		margin-top: 0 !important;
		font-size:1.5rem;
		text-align:center;
	}
}
@media only screen and (max-width: 34rem) {
	#emm-logo{
	margin-left:36px;
	}
	
	
}