/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.swsystems.com
 Description:    Divi Child Theme
 Author:         Solid Wall Systems
 Author URI:     http://www.swallsystems.com
 Template:       Divi
 Version:        1.0.1
*/
 
@import url("../Divi/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */

/*SUB PAGE CLASSES AND MODIFICATIONS */
.squarelist ul{list-style-type:square;}
.squarelist li{line-height:140%;}
/*services page*/

#svcbackground{
	background-repeat:no-repeat;
}
.topbar h4{
	color:#FFF;
	font-style: italic;
	padding-bottom:0px;
	letter-spacing:1px;
}

.et_menu_container{
	display:none;
}
/*
#navcontainer{
	margin-bottom:-80px;
}
*/
#phonenav{
	display:none;
}
#nav {
/* add again if we wish to have a border  border: 5px solid rgba(255, 255, 255, 0.1); */
  border-right: none;
  width: 100%;
  margin-bottom: 0px;
  padding-top:8px;
  display: table;
  table-layout: fixed;
  z-index:30;				
}

#nav ul {
  margin: 0;
  padding: 0;
  display: table-row;
  
}

#nav ul li {
  background-color:#96B4D6;
  background-clip:padding-box;
  list-style: none;
  text-align: center;
  border-top:5px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 10px solid transparent;
  display: table-cell;
  margin-right:20px;
  font-size: 22px;
   font-size: 1.375rem;
  font-weight:500;
  -webkit-box-shadow: inset 0px 0px 25px 0px rgba(121,145,171,1);
  -moz-box-shadow: inset 0px 0px 25px 0px rgba(121,145,171,1);
  box-shadow: inset 0px 0px 25px 0px rgba(121,145,171,1);
}
#nav ul li:hover{
    background-color:#005C43;
	-webkit-box-shadow: inset 0px 0px 25px 0px rgba(0,79,57,1);
	-moz-box-shadow: inset 0px 0px 25px 0px rgba(0,79,57,1);
	box-shadow: inset 0px 0px 25px 0px rgba(0,79,57,1);	
}
#nav ul li:hover a{
    color:#FFFFFF;
	
}
/* temp need borders on both left and right of items
#nav ul li:first-child {
  border-left: none;
}
*/
#nav ul li a {
  display: block;
  text-decoration: none;
  color: #000;
  padding: 10px 0;
  
}


/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #5182BB; /*STRIPE COLOR UNDERLINE*/
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;  
}


#logoarea{
	z-index:60;
}

/******************contact form 7 styles ***************************************/

.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar {
background-color: #eee !important;
border: solid 1px #999999 !important;
width: 100% !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
font-size: 14px;
font-weight:400;
color: #000 !important;
margin:10px !important;
padding: 12px !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.formfield1-3{width: 33% !important;
	float:left;}
.requestquotebutton {
	margin-top:20px;
}

/******** About US Contact form text styling ***********/
.et_pb_contact p input, .et_pb_contact p textarea{
	color:#333;
}

/* used on contact and request pages only*/
.sitebackgrounds{ 
	margin-top: -80px;
	
}
.topstripes{
	z-index:50; /*needed for making sure the stripes are on top of next div background image*/
}
/********************end contact form 7 styles *************************************/


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++  MEDIA QUERIES   +++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

@media (max-width: 1320px) {
	
    #swall_logo img{padding-top:0px;}
	
	#nav ul li {
	  font-size: 18px;
	  font-size: 1.125rem;
	  font-weight:400;
	}
	#footer-info {
		font-size:14px!important;
		font-size:.875em;
	}


}

@media (max-width: 1141px) {

    #swall_logo img{padding-top:15px;}

}

/*+++++++++++++++++++++++  max 980   +++++++++++++++++++++++++++++++*/


@media (max-width: 980px) {

	#swall_logo img{padding-top:0px;}


.topstripes{
	padding:0px;
}

.topstripes hr{
	margin:0px;	
}

.sitebackgrounds{ 

background-image: none !important;
margin-top:0px;
padding:0px;

}


/*for some reason reloading the page on mobile caused this strange padding of 80px but loading on large and resizing didn't have it.*/
#page-container{
	padding-top:0!important;
}

.topbar h4{
	font-size:14px;
}
#quoteformcontainer {
	padding:0px;
}

#nav ul li {
  border-top:5px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 10px solid transparent;
  margin-right:20px;
  font-size: 16px;
  font-size: 1rem;
  font-weight:400;
}

#nav ul li a{
	padding:0px;
}

#maincontentareacontainer{
	padding:0px;
}
#maincontentarea{
	padding:0px;
}

#shellbuild_col1{
	width:50% !important;
}

#shellbuild_col2{
	width:50% !important;
}
} /*end 980*/

/*+++++++++++++++++++++++  max 600   +++++++++++++++++++++++++++++++*/
@media (max-width: 600px) {
	
	
	#nav ul li {
	/*display: block;*/
  	font-size: 1em;
	max-width:50%;
    }
	
	
	/*disable the animations on navigation buttons*/
	.hvr-underline-from-center {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: none;
	  transform: none;
	  box-shadow: none;
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  position: relative;
	  overflow: hidden;
	}
	.hvr-underline-from-center:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  left: 50%;
	  right: 50%;
	  bottom: 0;
	  background: #2098d1;
	  height: 4px;
	  -webkit-transition-property: left, right;
	  transition-property: left, right;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
	.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
	  left: 0;
	  right: 0;
	}
	
	
	.topbar h4{
		font-size:12px;
	}	
	
	.sitebackgrounds{
		padding:0px;
		margin: 0px;
	}
	
	#maincontentareacontainer{
		padding:0px;
	}
	maincontentarea{
		padding:0px;
	}
	
	#shellbuild_col2{
		width:100% !important;
	
}

/*+++++++++++++++++++++++  max 430   +++++++++++++++++++++++++++++++*/

@media (max-width: 430px) {
  
.hvr-underline-from-center{ /* doing nothing here */}

#swall_logo img{padding-top:0px;}



#phonenav{
	display:inline;
	z-index:30;

}

#phonenav ul{
	
	list-style-type: none;

}
#maincontentareacontainer{
padding:30px;	
}
maincontentarea{
	padding:30px;
}

#phonenav ul li{
	font-weight:400;
	color:#000;
}
#phonenav ul li a{
	color:#005C9F;
}
#phonenav ul li a:hover{
	color:#555555;
}

#nav{display:none;} /*can't use divi controls here because landscape on phones wasn't working, so showing this always but hiding for phones this size.*/
 /* 
 #nav {
    font-size: .8em;
  }
  
  #nav ul li {
   
   display: block;
   max-width:100%;
   border: 1px solid #000;
   -webkit-box-shadow:none;
   -moz-box-shadow:none;
   box-shadow:none;
   
  }
  #nav ul li:hover{
      background-color:#005C43;
  	-webkit-box-shadow: inset 0px 0px 25px 0px rgba(0,79,57,1);
  	-moz-box-shadow: inset 0px 0px 25px 0px rgba(0,79,57,1);
  	box-shadow: inset 0px 0px 25px 0px rgba(0,79,57,1);		
  }
  
  #nav ul li a{
	  display:inline;
  }
 */
}