/*
Theme Name: Joanne Abbishaw
Theme URI: None
Author: The Earl of Burl (using blankslate by TidyThemes)
Author URI: http://theearlofburl.co.uk
Description: This theme is a custom site for Joanne Abbishaw Hair & Makeup. It was coded from scratch using the blankslate theme by TidyThemes (http://tidythemes.com) as a starting point.
Version: 1.0.1
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: black, blue, white, light, one-column, fluid-layout, responsive-layout, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: blankslate

BlankSlate WordPress Theme © 2011-2014 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
Joanne Abbishaw custom design © Joanne Abbishaw and The Earl of Burl
*/

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{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}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}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}


/* ----- GLOBAL ------------------------------------------------------ */

body {
background:#fff url(images/bg-pattern.jpg) repeat;
font-family: 'Source Sans Pro', sans-serif;
font-size:1em; /* 16px */
font-weight:400;
line-height:1.5em;
color:#363636;
}

a {
color:#85616d;
text-decoration:none;
-webkit-transition: background-color 200ms ease-out;
-moz-transition: background-color 200ms ease-out;
transition: background-color 200ms ease-out;
}

p a, li a{
background:#fff;
padding:1px 5px 3px;
}

p a:hover, li a:hover{
color:#fce7e5;
background:#444;
}

h1{
font-family: 'Tinos', serif;
font-style:italic;
font-size:1.7em;
line-height:1em;
margin:50px auto 18px;
padding:7px 0 6px;
border-top:solid 1px;
border-bottom:solid 1px;
}

p{
margin:0 0 24px;
}

#container{ /* This is the main pink section of the pages*/
min-width:450px;
background:#fce0dd; /* Fallback colour */
background: rgba(252, 224, 221, 0.72);
padding:0 15px 60px;
overflow:auto;
}

#content{ /* This holds and centres all the main page content */
max-width:1140px;
margin:0 auto;
text-align:center;
}

.full-image{
width:100%;
min-width:450px;
vertical-align:top;
margin:0 auto;
background:#fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing:border-box;
border:6px solid #fff;
}

a.image-link{
background:none;
padding:0;
}


/* ----- HEADER ------------------------------------------------------ */

#logo{
max-width:100%;
min-width:450px;
margin:32px auto 26px;
text-align:center;
}

#logo img{
padding:0 10px;
}

#logo-back{
position:absolute;
left:0;
top:-180px;
right:0;
bottom:0;
width:412px;
height:412px;
margin:0 auto;
border-radius:206px;
background:none; /* Fallback colour */
background:rgba(255,255,255,0.66);
z-index:-1;
}

#menu {
width:100%;
background:#fff;
height:24px;
padding:8px 0;
}

#mainNav ul{
width:382px;
margin: 0 auto;
}

.menu li a{
float:left;
display:inline-block;
margin:0 12px;
padding:8px 14px;
-webkit-border-radius:12px;
-moz-border-radius:12px;
border-radius:12px;
font-size:0.8em;
line-height:0.7;
color:#363636;
background-color:#fff;
text-decoration:none;
}

.menu li.current-menu-item a{
background-color:#444;
color:#fff;
}

.menu li a:hover{
background-color:#f3eeeb;
color:#363636;
}


/* ----- HOME ------------------------------------------------------ */

h1.home-title{
max-width:626px;
}

#main-banner{
max-width:1140px;
max-height:480px;
margin:36px auto 0;
background:#fff;
}

#intro{
width:96%;
margin:0 auto;
}

.signature{
padding:12px 0 6px;
}

#feature-links{
width:450px;
margin:0 auto;
padding:24px 0 0 0;
}

#feature-links a{
display:inline-block;
width:66px;
padding:30px 9px;
margin:0 4px;
background:#444;
color:#fce7e5;;
border-radius:42px;
}

#feature-links a.shade-1/*:hover*/{
background:#daa6a3;
color:#363636;
}

#feature-links a.shade-2/*:hover*/{
background:#ebc0b1;
color:#363636;
}

#feature-links a.shade-3/*:hover*/{
background:#f5c8bf;
color:#363636;
}

#feature-links a:hover{
background:#444;
color:#fff;
}
/*daa6a3
d59b98
ebc0b1
e7b5a9
f5c8bf*/


/* ----- ABOUT ------------------------------------------------------ */

h1.about-title{
max-width:164px;
}

.about-image{
margin-top:6px;
}

#info{
float:left;
max-width:67%;
margin:0 2.5%;
}

h1.info-title{
max-width:479px;
}

.info-content{
text-align:left;
}

#info-side{
float:right;
width:23%;
margin:0 1.5%;
}

h1.press-title{
max-width:243px;
}

#info-side ul{
list-style:disc inside none;
margin:0 0 108px;
}

#info-side ul li{
margin:0 0 1px;
clear:both;
}

.divider{
max-width:243px;
height:1px;
background:#444;
margin:0 auto 18px;
}

#info-side ul.social-list{
list-style:none inside none;
}


img.social-info{
float:left;
margin:-6px 6px 15px 0;
}


/* ----- GALLERY ------------------------------------------------------ */

h1.gallery-title{
max-width:190px;
}

#gallery{
text-align:center;
overflow:hidden;
}

#gallery ul li{
display:inline-block;
margin:4px 2px;
}

#gallery a {
position:relative;
display:inline-block;
padding:0;
background:none;
}

#gallery a img{
vertical-align:top;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing:border-box;
border:6px solid #fff;
}

#gallery a span{
position:absolute;
top:9px;
right:9px;
}

.photo-a{
max-width:272px;
max-height:240px;
}

.photo-b{
max-width:360px;
max-height:240px;
}

.photo-c{
max-width:570px;
max-height:240px;
}

#credits{
clear:both;
max-width:540px;
margin:0 auto;
}

h1.credits-title{
max-width:404px;
}

div.credit-list{
float:left;
width:50%;
text-align:left;
padding-bottom:24px;
}

div.credit-list li{
padding:0 0 3px 0;
}

span.photo-marker{
display:inline-block;
width:22px;
padding:2px 0 3px 0;
background:#444;
color:#fff;
text-align:center;
font-size:0.875em;
line-height:1.3125em;
-webkit-border-radius:0.725em;
-moz-border-radius:0.625em;
border-radius:0.825em;
}


/* ----- CONTACT ------------------------------------------------------ */
h1.contact-title{
width:260px;
}

#contact{
position:relative;
max-width:600px;
margin:0 auto;
}

#contact img{
position:absolute;
bottom:-77px;
right:10px;
}

#form{
max-width:540px;
margin:0 auto;
padding:115px 0 0;
text-align:right;
}

div.field-wrap{
width:100%;
overflow:auto;
margin:0 0 16px;
}

div.field-wrap p{
margin:0 0 0 0;
}

div.field-wrap p.field-name{
float:left;
margin:14px 21px 0 0;
}

#form #message-field{
text-align:left;
margin:14px 0 11px 0;
}

#form #form-submit{
text-align:center;
}

input,textarea{
outline:none;
}

input.field {
width:360px;
height:48px;
padding:0 15px;
background:#fff;
font-family: 'Source Sans Pro', sans-serif;
font-size:0.9375em;
color:#363636;
border:solid 2px #e8d0cb;
-webkit-border-radius:26px;
-moz-border-radius:26px;
border-radius:26px;
}

textarea.message-field{
width:93.5%;
height:300px;
margin:17px 0 0;
padding:15px;
background:#fff;
font-family: 'Source Sans Pro', sans-serif;
font-size:0.9375em;
color:#363636;
border:solid 2px #e8d0cb;
-webkit-border-radius:26px;
-moz-border-radius:26px;
border-radius:26px;
}

input.field:focus, textarea.message-field:focus{
border:solid 2px #ccc;
}

input.submit{
clear:both;
width:120px;
height:36px;
margin:0 auto;
background:#444;
color:#fff;
border:0;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
font-size:1.125em;;
font-weight:600;
cursor:pointer;
-webkit-transition: background-color 200ms ease-out;
-moz-transition: background-color 200ms ease-out;
transition: background-color 200ms ease-out;
}

input.submit:hover{
background:#fff;
color:#363636;
}


/* ----- FOOTER ----- */

#footer{
background:#fff;
background:rgba(255,255,255,0.66);
padding:15px 15px 12px;
font-size:0.8em;
}

#footer a{
color:#363636;
text-decoration:underline;
background:none;
}

#copyright{
max-width:1140px;
margin:0 auto;
text-align:center;
}

/* ----- SCREEN SIZES ----- */
/*@media screen {
      body {
          width:480px;
      }
}*/

@media all and (max-width: 800px){

#info, #info-side{
float:none;
max-width:100%;
margin:0 auto;
padding:0 15px;
}

#info-side{
width:70%;
}

.photo-a{
width:100%;
max-width:300px;
max-height:none;
}

.photo-b{
max-width:100%;
max-height:none;
}

.photo-c{
max-width:100%;
max-height:none;
}
}

@media all and (max-width: 660px){
.photo-a{
width:100%;
max-width:218px;
max-height:none;
}
}