/*
 Theme Name:     Pregnancy & Postnatal Yoga
 Theme URI:      http://aucklandpregnancyyoga.co.nz
 Description:    Custom Wordpress theme
 Author:         Caroline Elisa Haggerty
 Author URI:     http://carolineelisa.com
 Version:        1.0.0
*/
/* Eric Meyer's Reset */
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  outline: none;
  font-size: 100%;
  background: transparent;
  border: none;
  text-decoration: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
  display: block;
}
b, i, hr, u, center, menu, layer, s, strike, font, xmp {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  outline: none;
  font-size: 100%;
  font-weight: normal;
  font-style: normal;
  background: transparent;
  border: none;
  text-decoration: none;
}
/* Fonts and spacing */
html {
  font-family: 'Lato', Helvetica, sans-serif;
  font-weight:400;
  color:#6f6963;
  line-height:1.4em;
  overflow-y:scroll;
  background:url('images/background.jpg') no-repeat top right #dbcebd fixed;
}
body {
  font-size: 0.9em;
}
body::after {
  content: "";
  background: url('images/background-mandala.png') no-repeat -150px 250px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: fixed;
  z-index: -1;
}
input, textarea, select {
  font-family: 'Lato', Helvetica, sans-serif;
  font-size:1em;
}
a {
  color:#6f6963;
  text-decoration:none;
  border-bottom:1px dotted #dbcebd;
}
a:hover {
  border-bottom:1px solid #6f6963;
}
hr {
  border-top:1px dotted #dbcebd;
  margin: 1.4em 0;
  clear: both;
}
#header a, #header a:hover, #lightbox-nav a, #lightbox-loading a {
  border-bottom:none;
}
#content {
  font-weight:300;
}
#content .gallery {
  margin: 0 -2%;
}
#content .gallery a {
  border-bottom:none;
}
#content .gallery img {
  border: none;
  width:85%;
}
#content .gallery-item {
  margin-top: 3%!important;
}
ol, ul {
  margin-left:1.2em;
}
h4, h5, h6, ol, ul, table, p {
  margin-bottom:1em;
}
li, li li {
  margin-bottom:0.5em;
}
li ul {
  margin-top:0.5em;
}
h2, h3 {
  margin-bottom:0.5em;
}
h1, h2, h3, h4, h5, h6 {
  font-weight:400;
}
h1 {
  font-size:1.6em;
  line-height:1em;
  margin-bottom:1.2em;
}
h2 {
  font-size:1.2em;
  line-height:1.4em;
  margin:1.4em 0 1em;
}
iframe, object, embed {
  max-width: 100%;
}
table {
  border-top:1px solid #e9e9e9;
}
table p {
  margin:0;
}
th {
  text-align:left;
  background:#e9e9e9;
}
th, td {
  padding:1% 2%;
}
td {
  border-bottom:1px solid #e9e9e9;
}
img {
  max-width: 100%;
  height:auto;
  -ms-interpolation-mode: bicubic;
}
img[class*="align"], img[class*="wp-image-"] {
  height: auto; 
}
img.size-full {
  max-width: 100%;
  width: auto; 
}
img.alignnone, img.aligncenter {
  display: block;
  margin: 0 auto 1%;
}
img.alignleft {
  float:left;
  margin: 0 2% 1% 0;
}
img.alignright {
  float:right;
  margin: 0 0 1% 2%;
}
input[type="text"], input[type="password"], input[type="email"], textarea, select, input[type="submit"] {
  background: #f5f5f5;
  padding: 8px 2%;
  outline: none;
  border: none;
  width: 96%;
  max-width: 100%;
  display: block;
  margin:0 0 20px;
}
select {
  width: 100%;
  height:34px;
  border-radius:0;
}
input[type="submit"], .button {
  cursor: pointer;
  width: auto;
  font-weight:400;
  font-size:0.9em;
  letter-spacing:0.05em;
  text-transform: uppercase;
  color:#706a64;
  padding: 8px 15px;
  display: inline-block;
}
a.button {
  margin: 1em 0.5em;
  border:2px solid #fff;
}
input[type="submit"]:hover, a.button:hover {
  background-color:#706a64;
  color:#fff;
  transition: background-color 0.5s ease;
}
blockquote {
  font-style:italic;
  font-size:1.1em;
  line-height:1.4em;
  margin-top:1.8em;
}
blockquote::before {
  font-family: 'Gilda Display', serif;
  content: '\201C';
  float: left;
  font-size: 3em;
  position: relative;
  left: -10px;
  top: 15px;
  width: 3%;
}
blockquote p {
  margin-left:3%;
}
/* Layout */
#container, #footer {
  width:90%;
  max-width: 800px;
  margin:0 auto;
  position:relative;
}
html, body {
  height: 100%;
}
#container {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -50px;
}
#footer, .push {
  height: 50px;
}
#header {
  margin: 0 auto;
  padding:30px 0 10px;
  display:block;
  text-align:center;
  -webkit-filter: drop-shadow(0 0 5px #c4b7a6);
  filter:         drop-shadow(0 0 5px #c4b7a6);
  -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=1, OffY=1, Color='#c4b7a6')";
  filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=1, OffY=1, Color='#c4b7a6')";
  -webkit-transform: translateZ(0);
}
#site-logo {
  display:block;
  padding-top:110px;
  background:url('images/mandala.png') no-repeat top center;
  background-size: 100px 100px;
}
#title {
  color:#fff;
  display:block;
  font-size:2em;
  line-height:1.6em;
}
#description {
  color:#fff;
  display:block;
  font-size:1.2em;
  line-height:2em;
  text-transform:uppercase;
  letter-spacing:2px;
}
#description::before, #description::after {
  content: " - ";
}
#site-navigation {
  margin:2% 0;
    
}
#site-navigation ul {
  list-style: none;
  margin:0;
  font-weight:400;
  text-transform: uppercase;
  font-size:0.9em;
  letter-spacing: .05em;
}
#site-navigation li {
  display: inline-block;
  vertical-align: middle;
}
#site-navigation a {
  padding:10px 7px;
}
#site-navigation a:hover, .current-menu-item a, .current_page_item a {
  color:#fff;
  transition: color 0.5s ease;
}
.menu-select-container {
  display:none;
  width: 200px;
  margin: 0 auto 10%;
  background: url(images/button-down.png) no-repeat right;
  height: 40px;
  overflow: hidden;
  border: 2px solid #fff;
}
.menu-select-container:hover {
  background-color:#706a64;
  color:#fff;
  transition: background-color 0.5s ease;
}
.menu-select-container select {
  background: transparent;
  line-height: 20px;
  border: 0;
  border-radius: 0;
  height: 40px;
  -webkit-appearance: none;
  width: 240px;
  text-transform: uppercase;
  font-size:0.9em;
  letter-spacing: .05em;
  color:#706a64;
  text-indent: 10px;
  cursor:pointer;
}
.menu-select-container:hover select {
  color:#fff;
}
.edit {
  position:absolute;
  top:20px;
  right:20px;
}
.home .edit a {
  color:#fff;
}
.hidden {
  display:none;
}
#content {
  margin-bottom:30px;
  overflow: hidden;
  background: #fff;
  padding:4%;
  position:relative;
}
.home #content {
  background:none;
  text-align:center;
  color:#fff;
}
.home h1 {
  font-size:3.2em;
  line-height:1.2em;
  margin:3% auto;
  -webkit-filter: drop-shadow(0 0 5px #c4b7a6);
  filter:         drop-shadow(0 0 5px #c4b7a6);
  -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=1, OffY=1, Color='#c4b7a6')";
  filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=1, OffY=1, Color='#c4b7a6')";
  -webkit-transform: translateZ(0);
}
#footer {
  text-align:center;
  color:#6f6963;
  font-size:0.8em;
}
#footer a, #footer p {
  color:#6f6963;
  display: inline-block;
  float: none;
  margin:0;
  transition: color 0.5s ease;
}
#footer a:hover {
  color:#fff;
  transition: color 0.5s ease;
}
.recentcomments a{display:inline !important;padding: 0 !important;margin: 0 !important;}

@media screen and (max-width:1023px) {
  #header, #content, #footer {
    width: 90%;
  }
  .menu {
    display:none;
  }
  .menu-select-container {
    display:block;
  }
}
@media screen and (max-width:768px) {

}
@media screen and (max-width:960px) {
  html {
    background: url('images/background-mandala.png') no-repeat 200% -300% #dbcebd;
  }
  
}
@media screen and (max-width:480px) {
  img.size-small, img.size-medium, #content img {
    max-width:50%;
  }
}
@media screen and (max-width:320px) {
/*  #footer, .push {
    height: 295px;
  }
  #container {
    margin-bottom: -295px;
  }*/
  img.size-small, img.size-medium, img.size-full, #content img {
    width:100%;
  }
  .thumbnail {
    width:48%;
  }
}