@charset "UTF-8";

/* Layout Small Screens */

.not-active {
   pointer-events: none;
   cursor: default;
}

.overlay{
    display: none;
}

#sideBar {
    display: none;
}

#home{background-color: #f79727; }

header {
    display: inherit;
    background-color: #afbc21;
    margin-bottom: 10px;
   
}

#home header {
    background-color: #f79727;
}

    header > div#logo {
        line-height: 50px;
        position: relative;
    }
    
    header > .menuDown {
    }
    
    header > .menuUp {
        box-shadow: none;
    }
    
        header > div#logo > h1 {
            text-indent: -9999px;
            background-image: url(../images/logoHeader.png) ;
            background-repeat: no-repeat;
            background-position: 0 15px;
            margin-left: 10px;
            background-size: auto;
        }
        
        #home header > div#logo > h1 {
            background-image: none;
            
        }
        
        header > div#logo > div#navToggle {
            background-color: #f79727;
            position: absolute;
            height: 50px;
            right: 0;
            top: 0;
            transition: 300ms all ease;
            
        }
            
            header > div#logo > div#navToggle:hover {
                background-color: #f78b0e;
            }
            
            header > div#logo > div#navToggle > a {
                font-family: latolight;
                color: rgba(255,255,255,.85);
                display: block;
                font-size: 0.85em;
                text-decoration: none;
                transition: 300ms all ease;
                margin: 23px 40px 0 15px;
                
            }
            
                header > div#logo > div#navToggle:hover > a {
                    color: rgba(255,255,255,1);
                }

    header > nav {
        position: absolute;
        background-color: rgba(255,255,255, .85);
        display: none;
        width: 100%;
        transform: 300ms all ease;
        font-family: latoregular;
        right: 1px;
        z-index: 9999;
        
    }
    
        header nav > ul {
            list-style-type: none;
            text-align: center;
            
        }
        
            header nav > ul > li {
                border-bottom: 1px dotted rgba(0,0,0,.1);
                position: relative;
            }
            
                header nav > ul > li:last-of-type {
                    border-bottom: none;    
                }
            
                header nav > ul > li > a {
                    display: block;
                    color: rgba(176,188,34,.75);
                    padding: .75rem 0;
                    text-decoration: none;
                    transition: 250ms all ease;
                }
                
                header > nav > ul > li:hover > a {
                    color: #f79727;  
                }




#main,
#main #logoContainer,
#main #primaryContent,
#main #secondaryContent,
#main #gallery,
#address,
#clients,
#footer
{
    float: none;
    width: 0px;
    width: auto;
    margin: 0;
    padding: 0 ;
}

#main{
    margin: 0 auto;
    
}


#main h1  {margin: 20px 0 0 20px;}
#main h2  {margin: 5px 0 10px 20px;}


#main #primaryContent,
#main #secondaryContent,
#address,
#clients {
    padding: 0 20px 0 20px;
}

#main #primaryContent p{
    padding: 0px;
}

#main #clients{
    margin: 20px 0 0 0;
}

#gallery .item {
    
    padding: 0px 10px;
    margin: 0 auto;
}

.pagination ul{
    margin-top: 20px;
    margin-bottom:25px;
}

.pagination ul li a{
    padding: 8px;
    margin: 10px;
}
/*----------
.lightbox {
  
   display: block;
   background: #fff;
   /** Apply basic lightbox styling
   position: relative; 
   z-index: 1;
   width: 100%;
   height: 100%;
   color:#333333;
}

.lightbox .box {
   width: 100%;
   padding:0;
   background-color:#FFF;
   box-shadow: none;
   -moz-border-radius: 0px;
   -webkit-border-radius: 0px;
   -khtml-border-radius: 0px;
   border-radius: 0px;
        
}

.lightbox .content img{
   width: 100%;
   border: none;
}

------*/ 

#footer ul {
   float: none;
   width: 100%;
   text-align: center;
   padding-top: 10px;
}


#footer ul li,
#footer ul li a{
   display: block;
   padding: 5px 0px;
   font-family: latobold;
   font-size: 10px;
   letter-spacing: 1.5px;
   color: black;
   text-decoration: none;
   margin: 0 auto;
   line-height: 10px;
   border: none;
}

#footer ul li a:hover{
   color: #f79727;
}

#footer ul li#Co{
   text-indent: -9999px;
   background-image: url(../images/footerLogo.jpg) ;
   background-repeat: no-repeat;
   background-position: 0 0px;
   width: 117px;
   margin-bottom: 5px;
   
}

#footer ul li#email{
    border: none;
}


@-moz-document url-prefix() {
    #footer ul li#Co{
      background-position: 0 2px;
    }
}