/*
	Theme Name: STOF Inc.
	Theme URI: http://seminolemediaproductions.com
	Author: Tatiana Cohen
	Description: Custom wp theme for STOF Inc.
	Version: 0.1
	License: Copyright ©SMP
	Text Domain: stof-2015
*/

body{
	font-family: 'Open Sans', sans-serif;
	background: #333;
}

p, li{
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
}

header{
	background:#EECE4C;
	margin-top: 30px;
}

.patch-divider{
	background: url(img/patchwork.png);
	height: 50px;
	border: 0;
	padding: 0;
	margin:0;
}

main{
	background:#FFF;
	overflow: hidden;
}

.panel{
	background:#EECE4C;
}

.top-bar{
	background:#EECE4C;

}

.top-bar-section{
	margin-top: 60px;
}

.top-bar-section li:not(.has-form) a:not(.button) {
    background: #EECE4C none repeat scroll 0% 0%;
    color: #333;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
 
}

.top-bar-section li:not(.has-form) a:not(.button):hover{
    background: #8a1e04 none repeat scroll 0% 0%;
    color: #FFF;
 
}

.top-bar-section li.active:not(.has-form) a:not(.button) {
    background: #8a1e04 none repeat scroll 0% 0%;
    color: #FFF;

}

.top-bar-section li.active:not(.has-form) a:hover:not(.button) {
    background: #8a1e04 none repeat scroll 0% 0%;
    color: #FFF;
}

.top-bar .name{
	padding-left: 10px;
	
}

.top-bar .name h1 a{
	font-size: 20px;
	font-weight: 700;
}

.logo{
	width: 150px;
    z-index: 1;

    position: absolute;

    left: 20%;
    top: -30px;

    margin-left: -55px; 
}



.content{
	margin-top: 50px;
}

.content h1{
	margin-top: 30px;
}

.slider{
	margin-top: 30px;
	background: #eaeaea;
	box-shadow: 5px 5px 5px #888888;
}

.slider .intro{
	margin-top: 10px;
}

.th:hover, .th:focus {
    box-shadow: 0 0 6px 1px rgba(138, 30, 4, 0.5); 
}


footer{
	padding: 30px 0;
}

footer h1, footer h2, footer h3, footer h4, footer p, footer ul, footer li, footer label{
	color: #FFF;

}

iframe{
	max-width: 100%;
}

.map{
	max-width: 100%;
}


nav li{
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}

h1{
	font-family: 'Open Sans', sans-serif;
	color: #333;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 24px;

}

h2{
	font-family: 'Open Sans', sans-serif;
	color: #333;
    font-weight: 500;
    font-size: 20px;
    

}

.brands h2{
	clear: both;
	display: block;
}

.brands img{
	margin-top: 20px;
}

.locations{
	margin-top: 20px;
}

.locations li img{
	border: 1px solid #CCC;
}

.button, .button:visited {
	background: #FFF;
	color: #333;
	border:2px solid #8a1e04;
}

.button:hover{
	background: #8a1e04;
	color: #FFF;
}

a{
	color: #8a1e04;
	font-size: 12px;
}

a:hover{
	font-weight: bold;
	color: #8a1e04;
}



.copyright{
	background-color: #FFF;
	padding-top: 20px;
}

.accordion-title{
	background: #8a1e04;
	padding: 10px;
	color: #FFF;
}

@media only screen and (min-width: 480px) {

.logo{
	width: 150px;
    z-index: 1;
    position: absolute;
    left: 50%;
    top: -30px;
    margin-left: -55px; 
}

.top-bar-section{
	margin-top: 0px;
}

}


@media only screen and (min-width: 40.063em) {

  .logo-wrapper {

    position: relative; }



  .logo-wrapper .logo {

    width: 150px;
    z-index: 1;

    position: absolute;

    left: 50%;

    right: 50%;

    top: -30px;

    margin-left: -46px; }



   
}