/* 
 Theme Name:   five-star-excavating
 Theme URI:    
 Description:  Five Star Excavating
 Author:       Larissa Kepchar
 Author URI:   https://lkdesignvt.com
 Template:     Divi
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/

#slider .wp-image-143 {display:inline-block !important;}

#slider .wp-image-436 {display:none !important;}

#welcome {padding:100px 0px 100px 0px !important;}

#welcome p {line-height:2em !important; font-weight:400 !important; font-size:17px !important; letter-spacing:2px !important;}

#services {padding:100px 0px 100px 0px !important;}

#work {padding:100px 0px 100px 0px !important;}

#contact {padding:100px 0px 100px 0px !important;}

#nav-contact p {line-height:2em !important; font-weight:400 !important; font-size:17px !important; letter-spacing:0.1em !important;}

#nav-contact a {line-height:2em !important; font-weight:400 !important; font-size:17px !important; letter-spacing:0.1em !important; color:#fff !important;}

.et-pb-icon {margin-right:5px !important; margin-left:5px !important}
.et-pb-icon:hover {color:#18b736 !important;}

.main-menu-item ul {
    display: none;
    padding: 0;
    margin-top: 0px !important;
}

.stagger-effect p, .stagger-effect a {
font-weight:300;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; 
}



.stagger-effect.main-menu-item {
font-weight:300;	
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-transform:uppercase !important;
}

.et_pb_row {
    width: 90% !important;
    max-width:1200px;
    margin: auto;
    position: relative;
}


#ham::before {
    content: 'NAVIGATE';
    position: absolute;
    margin-left: -130px;
    margin-top: 10px;
    color: #fff;
	font-family: 'Lato', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight:400 !important;
	font-size:17px !important;
	letter-spacing:4px !important;
	text-transform:uppercase !important;

}



.et_pb_text_1_tb_header ul li, .et_pb_text_2_tb_header ul li, .et_pb_text_3_tb_header ul li, .et_pb_text_4_tb_header ul li, .et_pb_text_5_tb_header ul li, .et_pb_text_6_tb_header ul li {
	font-family: 'Lato', sans-serif !important;
    font-weight: 400 !important;
    text-transform: uppercase;
    font-size: 1vw;
    line-height: 1.5em;
	letter-spacing:2px !important;
	padding-bottom:10px !important;
}



a:hover {color:#facf4f;}
#footer a:hover {color:#18b736 !important;}



#slider h1 { 
	font-family: 'Lato', sans-serif !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight:500 !important;
	font-size:31px !important;
	letter-spacing:2px;
	text-transform:uppercase;
	padding-bottom:50px !important;
}

h1 { 
	font-family: 'Lato', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight:300 !important;
	font-size:63px !important;
	letter-spacing:4px !important;
	text-transform:uppercase;
	padding:0px;
	margin:0px;
	line-height: 1.2em !important;
}

h2 { 
	font-family: 'Lato', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight:300 !important;
	font-size:63px !important;
	letter-spacing:4px !important;
	text-transform:uppercase;
	padding:0px;
	margin:0px;
	line-height: 1.2em !important;
}



h3{ 
	font-family: 'Lato', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight:400 !important;
	font-size:25px !important;
	letter-spacing:2px;
	text-transform:uppercase;
	padding:0px;
	margin:0px;
	line-height: 1.2em !important;
	padding-bottom:10px !important;
}




h4{ 
	font-family: 'Lato', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight:400 !important;
	font-size:21px !important;
	letter-spacing:4px !important;
	text-transform:uppercase;
	padding:0px;
	margin:0px;

}

h5{ 
	font-family: 'Lato', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight:300 !important;
	font-size:31px;
	letter-spacing:2px;
	text-transform:uppercase;
padding:0px;
	margin:0px;
}

h6{ 

	font-family: 'Lato', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight:500 !important;
	font-size:21px !important;
	letter-spacing:2px;
	text-transform:none !important;
	padding:0px;
	margin:0px;
	line-height: 1.8em !important;
	padding-bottom: 40px !important;
}

.et_button_no_icon.et_button_icon_visible.et_button_left .et_pb_button, .et_button_no_icon.et_button_left .et_pb_button:hover, .et_button_no_icon .et_pb_button, .et_button_no_icon .et_pb_button:hover {
padding: .5em 2em .5em 2em !important;
}

.et_pb_button {
font-family: 'Lato', sans-serif;
padding: .5em 2em .5em 2em !important;
}

p:not(.has-background):last-of-type {
    padding-bottom: 20px;
}



#footer {color:#fff !important; padding:50px 20px 0px 20px !important}

#footer p {color:#fff !important; font-size:15px !important; letter-spacing:2px !important;  }

#footer a {color:#fff !important; }

#copyright p {font-size:13px !important; font-weight:400 !important; letter-spacing:2px; padding-bottom:0px !important;}

.et_pb_bg_layout_dark .et_pb_slide_description {
    text-shadow: 0 0px 0px rgba(0,0,0,.0) !important;
}

/* Gravity Forms */

.gform_required_legend {display:none;}


	input[type="submit"] {
	padding: .5em 2em .5em 2em !important;
	font-family: 'Lato', sans-serif;
	border:0px solid #fff !important;
	background-color:#18b736 !important;
	letter-spacing:4px !important;
	text-transform:uppercase !important;
	font-sie:15px !important;
	font-weight:500 !important;
	color:#fff !important;
	cursor:pointer !important;
}

 .gform_wrapper.gravity-theme .gfield textarea.large {
    height: 138px !important;
}

.gform_wrapper.gravity-theme .gfield_label {

}

.gform_wrapper .gfield_required {
    display: none !important;
}


input[type="submit"]:hover {  
background-color:#facf4f !important;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
 	opacity: 1; /* Firefox */
font-family: 'Lato', sans-serif;

	color:#000 !important;
	font-weight:300 !important;
	letter-spacing:2px !important;
	font-size:14px !important;
}


:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color:#000 !important;
	font-weight:300 !important;
	letter-spacing:2px !important;
font-family: 'Lato', sans-serif;

	font-size:14px !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
	color:#000 !important;
	font-weight:300 !important;
	letter-spacing:2px !important;
	font-size:14px !important;
font-family: 'Lato', sans-serif;

}


/* End Gravity Forms */

.columns {
        column-count: 2 !important;
      }

body, html, p, ul, li, ol {
font-weight:400 !important;

}



body.noscroll {
 overflow-y: hidden;
}

.mobile-only {display:none !important;}




@media (max-width: 1280px) {
	.et_pb_column_4_tb_header {

    padding-right: 10% !important;

    padding-left: 10% !important;
}
.et_pb_column_3_tb_header {

    padding-right: 10% !important;

    padding-left: 10% !important;
}
}


@media (max-width: 1080px) {


	
}


@media (max-width: 980px) {
.et_pb_module.et_pb_text_align_right {
    text-align: left !important;
}
#footer .et_pb_section {
    padding: 0px 0 !important;
}	
	
.et_pb_column .et_pb_row_inner, .et_pb_row {
    padding: 0px 0 !important;
}
.et_pb_column {
    margin-bottom: 0px !important;
}
	#ham {margin-top:-50px !important;}
	
.et_pb_section_0_tb_header {
    min-height: 85px !important;
    z-index: 13;
    position: fixed!important;
    top: 0px;
    bottom: auto;
    left: 0px;
    right: auto;
}	
.et_pb_section {
    padding: 0px 0 !important;
}	


/*** wrap row in a flex box ***/
.custom_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
 
/*** custom classes that will designate the order of columns in the flex box row ***/
.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;
}
/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 0px;
}
		
}


@media (max-width: 767px) {
	
	
.et_pb_module.et_pb_text_align_right {
    text-align: left !important;
}
#nav-contact p {
    line-height: 2em !important;
    font-weight: 400 !important;
    font-size: 15px !important;
    letter-spacing: 0.1em !important;
}
.et_pb_column_3_tb_header {
    border-right-width: 0px;
    border-bottom-width: 2px;
    border-right-color: #000000;
    border-bottom-color: #000000;
    padding-top: 15vh !important;
    padding-bottom: 5vh;
}
	
#slider h1 {

    font-size: 25px !important;

}	
.et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description {
    padding: 16% 0% !important;
    width: auto;
    margin: auto;
}	
h6 {
    font-family: 'Lato', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 500 !important;
    font-size: 19px !important;
    letter-spacing: 2px;
    text-transform: none !important;
    padding: 0px;
    margin: 0px;
    line-height: 1.4em !important;
    padding-bottom: 20px !important;
}	
	
h4{ 
	font-family: 'Lato', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight:400 !important;
	font-size:19px !important;
	letter-spacing:2px !important;
	text-transform:uppercase;
	padding:0px;
	margin:0px;

}
	
	#slider .wp-image-143 {display:none !important;}
	#slider .wp-image-436 {display:inline-block !important;}

}



@media (max-width: 480px) {
	
	.et_pb_slide {
    padding: 0 10px !important;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
}
	
#copyright {padding-top:10px !important; padding-bottom:10px !important}

	#slider h1 {font-size: 19px !important;}		
	
#contact {
    padding: 50px 0px 50px 0px !important;
}	
	#work {
    padding: 50px 0px 50px 0px !important;
}
	
#welcome {
    padding: 50px 0px 50px 0px !important;
}

	#services {
    padding: 50px 0px 50px 0px !important;
}
	
	#instagram h4{ 
	font-weight:400 !important;
	font-size:15px !important;
	letter-spacing:2px !important;
	text-transform:uppercase;
	padding:0px;
	margin:0px;

}
#ham::before {
display:none !important;

}	
	
	
h2, h1 {
    font-family: 'Lato', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 300 !important;
    font-size: 43px !important;
    letter-spacing: 4px !important;
    text-transform: uppercase;
    padding: 0px;
    margin: 0px;
    line-height: 1.2em !important;
}	
h3 {
    font-family: 'Lato', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400 !important;
    font-size: 21px !important;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 0px;
    margin: 0px;
    line-height: 1.2em !important;
    padding-bottom: 10px !important;
}	
}


@media (max-width: 380px) {
#footer p {color:#fff !important; font-size:14px !important; letter-spacing:2px !important;  }
	
	
	h2, h1 {
    font-family: 'Lato', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 300 !important;
    font-size: 37px !important;
    letter-spacing: 2px !important;

}
	.email {display:none !important;}
	
	#footer {color:#fff !important; padding:50px 0px 0px 0px !important}
	
}


