/*
Theme Name: King Street Social
Theme URI: King Street Social
Author: Hungry Sandwich Club
Author URI: 
Description: 
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: 
Tags:


*/
/* ==========================================================================
   Import partials
   ========================================================================== */
/* ==========================================================================s
   CSS Reset
   ========================================================================== */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }
.wrapper {
	 overflow: hidden;
}
body {
  	font-family: 'IndianTypeFoundryEditorMedium', georgia, serif;
  	font-weight: 400;
  	text-align: center;
  	font-size: 12px; 
	color:#182845;
	padding:25px;
	padding-bottom:70px;
  	line-height: 1.5; 
	background-color:#f9f9f9;
	background-image: url("../images/bg.jpg");
	background-repeat:repeat;
	background-position:center center;
	height:100%;
	position:relative;
}
input[type="text"]:focus,
textarea:focus {
    -webkit-text-size-adjust: 100%;
}
body.loading section {
	opacity:0;
	transition: opacity 1s linear;
}
body.loading.ready section {
	opacity:1;
	transition: opacity 1s linear 5s;
}
body.loading.ready section#centralsection {
	opacity:1;
	transition: opacity 1s linear;
}
body.loading.ready section#logosection {
	opacity:1;
	transition: opacity 0.7s linear 2.3s;
}
body.loading.ready section#page {
	opacity:1;
	transition: opacity 2s linear 0s;
}

#footer {

	width:100%;
	
	left:0;
	max-width: none;
}
#page {
	
max-width:720px;
}
hr {
	    margin: 30px 0px;
    height: 1px;
    background: #ddd;
    box-shadow: none;
    border: none !important;
}
#page p , li{
	    line-height: 1.9;
    font-size: 14px;
	    text-align: left;
}
#page li {
    list-style-type: square;
    margin-left: 17px;
    padding-left: 5px;
    margin-bottom: 5px;
}
#page p {
    margin-bottom: 10px;	}
#page h3 {
	}
span {
  font-family: inherit; }

a {
  color: inherit;
  text-decoration: none;
  cursor: pointer; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* ==========================================================================
   Breakpoints
   ========================================================================== */
* {
  box-sizing: border-box; }

/* ==========================================================================
    Typography
   ========================================================================== */
@font-face {
    font-family: 'IndianTypeFoundryEditorMedium';
    src: url('../fonts/IndianTypeFoundryEditorMedium.eot');
    src: url('../fonts/IndianTypeFoundryEditorMedium.eot') format('embedded-opentype'),
         url('../fonts/IndianTypeFoundryEditorMedium.woff2') format('woff2'),
         url('../fonts/IndianTypeFoundryEditorMedium.woff') format('woff'),
         url('../fonts/IndianTypeFoundryEditorMedium.ttf') format('truetype'),
         url('../fonts/IndianTypeFoundryEditorMedium.svg#IndianTypeFoundryEditorMedium') format('svg');
}
@font-face {
    font-family: 'KimmyDesignBourtonBase';
    src: url('../fonts/KimmyDesignBourtonBase.eot');
    src: url('../fonts/KimmyDesignBourtonBase.eot') format('embedded-opentype'),
         url('../fonts/KimmyDesignBourtonBase.woff2') format('woff2'),
         url('../fonts/KimmyDesignBourtonBase.woff') format('woff'),
         url('../fonts/KimmyDesignBourtonBase.ttf') format('truetype'),
         url('../fonts/KimmyDesignBourtonBase.svg#KimmyDesignBourtonBase') format('svg');
}
img {
	width:100%;
	    max-width: 100%;
}
section {
	width: 100%;
    display: block;
    margin: 0 auto;
	position:relative;
}



/* SIGNUPBOX */
.signupbox {
	height: 213px;
    margin: 30px auto 40px;
    display: block;
	position:fixed;
	top:50%;
	margin-top:-120px;
	margin-left:-180px;
	height: 213px;
	    left: -360px;
		transition: all 0.8s cubic-bezier(0.2, 0.7, 0.1, 1.1);
}
.signupbox.closed {
	left: 120%;
	    margin-left: 0px;
	transition: all 0.8s cubic-bezier(0.2, 0.7, 0.1, 1.1);
}
.signupbox.return {
	left: -360px;
	transition: all 0s cubic-bezier(0.2, 0.7, 0.1, 1.1);
	}
.signupbox.open {
	left:50%;
	
	transition: all 0.6s cubic-bezier(0.2, 0.7, 0.1, 1.1);
}
#mce-responses {
	margin-bottom: 15px;
    display: block;
    float: left;
    margin-top: 15px;
    text-align: left;
}

input[type=submit] {
	    margin-top: 10px;
    padding: 13px 0px 10px 0px;
    border-radius: 2px;
    width: 100%;
    display: block;
    position: relative;
    font-size: 13px;
    text-transform: uppercase;
    font-size: 15.75px;
    border: none;
    -webkit-appearance: none;
    font-family: 'KimmyDesignBourtonBase', helvetica, sans-serif;
    font-weight: 400;
    color: #fff;
    background: #182845;
	}
input.email {
	 -webkit-appearance: none;
	width: 100%;
    border: 1px solid #ddd;
    padding: 10px 14px;
    font-size: 14px;
    font-family: inherit;
    border-radius: 2px;
    margin: 15px 0px 0px 0px;
    background-color: #fff !important;
	}
.signupbox {
border: 1px solid;
    display: block;
    z-index: 1000;
    padding: 30px;
	    height: auto;
		padding-bottom:35px;
width:100%;
max-width:360px;
background:#f9f9f9;
}
.signupinner {
	width:100%;
	position:relative;
}
@media all and (max-width:360px) {
.signupbox {
	width:90%;}
.signupbox.open {
	top:50%;
	width:90%;
	margin-top:-120px;
	margin-left:0px;
	    left: 5%;
}
.signupbox.closed {
	left:150%;
}
}
@media all and (max-width:345px) {
.full {
	    margin-bottom: 20px;
}
}

.signuptitle {
	border:1px solid #182845;
	position:absolute;
	top:0px;
	left:0px;
	padding:0px;
	height:100px;
	background:#f9f9f9;
	line-height:110px;
	border-radius:0px 0px 30px 30px;
}
.signuptext {
	position: absolute;
    bottom: 0;
    padding-top: 69px;
    border-radius: 15px 15px 0px 0px;
    left: 0;
    height: 160px;
    width: 100%;
    line-height: 1.3;
	background:#f9f9f9;
    border: 1px solid #182845;
    /* border-top-width: 0px; */
}
.full {width:100%;}



@media (min-width:960px) {
.full {	
	margin-top: 20px;
}
}
button {
	-webkit-appearance:none;
	outline:none;
	border:none;
	cursor:pointer;
	background:none;
}


#centralsection {
	z-index:-1;
}

h1, h2, h3, h4 {
font-family: 'KimmyDesignBourtonBase', helvetica, sans-serif;
  font-weight: 400;
}
#page h2 {
	font-size: 24px;
    margin-bottom: 17px;
	text-align:left;
}
#page #logo {
	margin-bottom:0px;}
#horseouter {
	margin: 0 auto;
	overflow:visible;
	z-index:1;
}
.third {
	display:block;
}
#opensignup h3 {
	border-bottom: 2px solid;
	}
input:focus {
    outline:none !important;
}
#horse {
	width: 130%;
    height: 130%;
	margin-top:-20%;
    margin-left: -15%;
	margin-bottom: -14%;
}
/* SIZING */
#lowersection {
    max-width: 720px;
}
#logo {
	margin-top:10px;
	}
#badge {
	width: 25%;
    position: absolute;
    left: 0px;
    top: 35px;
    padding-top: 10px;
    max-width: 165px;
}
p {
  line-height: 1.6;
  font-size: 9px; 
}
section {
	max-width: 1050px;
}
.third {
	margin-bottom:0px;
}
.social {
	z-index:2000;
	width:270px;
	margin-right:5px;
	display:block;
	text-align: right;
    width: 100%;
	margin-bottom: 10px;
}
.social a {
	width:40px;
	display:inline-block;
	margin-left: 5px;
}
.social img {
	max-width:36px;
}
#footer {
	padding:18px;
	padding-top:18px;
}
h2 {
  font-size: 39px; 
}
h3 {
	font-size:18px;
}
h3 span {
	font-size:15.75px;
    display: block;
    margin-top: -7px;
}
#horseouter {
	max-width: 578px;
}
img#logo {
	max-width:338px;
	margin-bottom:15px;
}
/* SIZING */


@media all and (max-width:959px) {
.social {
	text-align:center;
	margin-bottom:90px;
}
#logo {
	margin-top:25px;
}
.third , #logo{
	margin-bottom:30px !important;
}
#page #logo{
	margin-bottom:0px !important;
}
#badge {
	max-width: 145px;
	padding-top: 25px;
}
}
body #mc_embed_signup div.mce_inline_error {
    padding: 7px 10px !important;
    font-weight: 400 !important;
    margin-top: -2px !important;
    border-radius: 0px 0px 3px 3px;
}
.footer p span {
	display:none;
}
@media all and (max-width:380px) {
.footer p br {
	display:none;
}
.footer p span {
	display:inline-block;
}
}

@media all and (min-width:960px) {
.third {
	width:33%;
	display:inline-block;
}
#mc_embed_signup h3 {
	font-size:19px
}
}
@media all and (max-width:1024px) {
body {
	background-image: url("../images/bg.jpg");
	background-size:800px;
}


select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }

}
}

#signupclose {
	width:30px;
	height:30px;
	top:10px;
	position:absolute;
	right:10px;
}
#signupclose span {
	width: 20px;
    display: block;
    height: 1px;
    position: absolute;
    top: 13px;
    left: 6px;
    background: #182845;
    transform: rotate(45deg);
}
#signupclose span:last-child {
	transform: rotate(-45deg);
}

@media all and (min-width:1600px) {
/* SIZING */
#lowersection {
    max-width: 920px;
}
p {
  line-height: 1.6;
  font-size: 12px; 
}
section {
	max-width: 1400px;
}
.social {
	z-index:2000;
	width:270px;
	margin-right:5px;
	display:block;
	text-align: right;
    width: 100%;
	margin-bottom: 40px;
}
.third {
	margin-bottom:30px;
}
.social a {
	width:42px;
	display:inline-block;
	margin-left: 5px;
}
.social img {
	max-width:38px;
}
#footer {
	padding:25px;
	padding-top: 60px;
}
h2 {
  font-size: 52.5px; 
}
h3 {
	font-size:25px;
}
h3 span {
	font-size:21px;
    display: block;
        margin-top: 1px;
    line-height: 1.3;

}
#horseouter {
	max-width: 770px;
}
#badge {
	width: 25%;
    position: absolute;
    left: 0px;
    top: 35px;
    padding-top: 10px;
    max-width: 165px;
}

img#logo {
	max-width:450px;
	margin-bottom:20px;
}
/* SIZING */
}