/*
 Theme Name:     PLeasant Valley Theme
 Description:    Storefront Child Theme
 Author:         Barbed Hook
 Author URI:     http://www.barbedhook.com
 Template:       storefront
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

@import url(https://fonts.googleapis.com/css?family=Coda:800);

#logo{
width: 40%;
}

.site-header .site-branding{
visibility: hidden; display: none;
}

.site-branding h1, .site-branding .site-description {
visibility: hidden; display: none;
}

.site-title h1{
visibility: hidden; display: none;
}`

@media (min-width: 768px){
.primary-navigation{
height: 82px
}}

.site-branding h1 {
  font-size: 1.118em;
  color: #fff;
  letter-spacing: -1px;
  margin: 0; display: none; }
  .site-branding h1 a {
    font-weight: 700; }

/*----------------Homepage----------------*/
#homeboxarea{
width: 100%;
float: left;
padding-top: 10px;
padding-bottom: 10px;
}

.homebox{
float: left;
width: 32%;
height: 100%;
margin-left: 4px;
margin-right: 4px;
padding: 10px;
margin-bottom: 20px;
background: #434242;
background-color:rgba(0, 0, 0, 0.5);
}

.bottombox{
float: left;
width: 48.5%;
min-height: 300px;
height: 100%;
margin-left: 4px;
margin-right: 4px;
padding: 10px;
margin-bottom: 20px;
margin-top: 10px;
background: #434242;
background-color:rgba(0, 0, 0, 0.5);
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#topphone{
float: right;
color: #fff;
width: 200px;
margin-right: 2px;
}

.homeboxtitle{
width: 100%;
}

.homeboxtitle h1{
 font-size: 1.3em;
 text-align: center;
 color: #fff;
 font-family: 'siteFont', sans-serif;
 letter-spacing: 2px;
}

.homeboxpicture{
-webkit-box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.75);
border: 1px solid black;
}

.homeboxpictureb{
-webkit-box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.75);
border: 1px solid black;
margin-bottom: 5px;
padding-top: 10px;
}



.homeboxcontent{
 color: #fff;
}

.homeboxlink{

}

#homebanner{
float: left;
width: 98%;
min-height: 100px;
height: 100%;
margin-left: 4px;
margin-right: 4px;
padding: 10px;
margin-bottom: 20px;
margin-top: 10px;
background: #434242;
background-color:rgba(0, 0, 0, 0.5);
color: #fff;
font-size: 1.4em;
text-align: center;
}

#homefeaturebanner{
float: left;
width: 98%;
min-height: 30px;
height: 100%;
margin-left: 4px;
margin-right: 4px;
padding: 10px;
margin-bottom: 20px;
margin-top: 10px;
background: #434242;
background-color:rgba(0, 0, 0, 0.5);
color: #fff;
font-size: 1.1em;
text-align: center;
}

/*----------------Home page Sidebar----------------*/
#homesidebar{
width: 25%;
float: left;
min-height: 600px;
margin-top: 20px;
padding: 10px;
background: #434242;
background-color:rgba(0, 0, 0, 0.5);
}

#homeadbox{
width: 25%;
float: left;
min-height: 100px;
margin-top: 20px;
padding: 10px;
background: #434242;
background-color:rgba(0, 0, 0, 0.5);
}

.articlebox{
width: 100%;
}

.articletitle{
width: 100%;
}

.articletitle h1{
 font-size: 1.3em;
 text-align: center;
 color: #c0c0c0;
 font-family: 'siteFont', sans-serif;
 letter-spacing: 2px;
}

.articlepicture{
-webkit-box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.75);
border: 1px solid black;
}

.articletext{
  color: #fff;
}

/*HEader*/

.site-header{
  background-repeat: repeat-x;
  background-color: #000;
  padding-top: 5px;
  padding-bottom: 0px;
  }
  
#masthead{
margin-bottom: 0px;
}


#aboveheaderbar{
height: 34px;
width: 100%;
background: #434242;
padding-top: 2px;
}

#primary{
margin-top: 20px;
}

#primaryhome{
margin-top: 0px;
}

.home-content{
background-color: #fff !important;
background-image: url(http://www.pleasantvalleyexcavating.com/wp-content/uploads/2017/02/lakeview-mi-excavating.jpg) !important;
background-size: 100% 100%;
    background-repeat: no-repeat;
}
}

.left-sidebar .home-content-area {
    width: 100%;
    float: right;
    margin-right: 0; 
    margin-top: 0px;}
    
.left-sidebar .interior-content-area {
    width: 100%;
    float: right;
    margin-right: 0; }

#topsocial{
float: right;
display: inline-block;
width: 300px;
height: 30px;
padding-right: 150px;
}

#bottomsocial{
float: left;
display: inline-block;
width: 150px;
height: 30px;
}

#topicon{
width: 30px;
float: left;
display: inline-block;
margin-right: 4px;
}

/*----------------Page Headers-----------*/

.hentry .entry-header h1 {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      padding-bottom: .618em;
      margin-bottom: 3px;
      font-family: 'Coda', cursive;
       }

.main-navigation ul,
    .secondary-navigation ul {
      font-family: 'Coda', cursive;
       }       
       
.page-title{
   font-family: 'Coda', cursive;
}


/*------------------Widgets-------------*/
.widget-area .widget a{
font-size: 1em;
font-weight: bold;

}

#acurax_si_widget_simple img{
float: left;
}

.gallery .gallery-item .gallery-icon img{
margin: 3px;
}

.widget_nav_menu ul li:before {
content: "\f111";
}

/*--------------Mobile Version CSS-------------------*/

@media screen and (max-width: 1200px) {
  #logo{
  width: 40%;
  }
}

@media screen and (max-width: 600px) {
  #logo{
  width: 80%;
  }
}

@media screen and (max-width: 940px){
#homeboxarea{
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
}

.homebox{
 width: 100%;
 }
 
 .bottombox{
float: left;
width: 100%;}

#homesidebar{
width: 100%;
}

#homeadbox{
width: 100%;
}
}

@media screen and (max-width: 690px){

}

/*--------------Contact Us Page--------------------*/
#contactleft{
float: left;
width: 55%;
}

#contactright{
float: left;
width: 40%;
margin-left: 20px;
}

@media screen and (max-width: 500px){
#contactleft{
float: left;
width: 100%;
}

#contactright{
float: left;
width: 100%;
}
}/* CSS Document */