/*
Theme Name: Wings Midwife

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Reset
-------------------------------------------------------------- */

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%;
	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;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}
html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a:focus {
	outline: thin dotted;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
del {
	color: #333;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
	margin-bottom: 1.714285714rem;
}
sub,
sup {
	font-size: 10px !important;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
small {
	font-size: smaller;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after, .clear {
	clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
	display: table;
	content: "";
}

/* Curtain.js - Example page */

/* Google Font */
@import url(http://fonts.googleapis.com/css?family=Playfair+Display:400,700|Karla:400,700,400italic);


/* RESET */
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}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}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}


/* Clearfix */
.cf:before,
.cf:after { content:"";display:table; }
.cf:after { clear:both; }
.cf { zoom:1;}

/* Base Style */
body {
    font-family: 'Karla', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color:#918c7a;
    -webkit-font-smoothing: antialiased;
}

h1,h3, h4, h5, h6{font-family: 'Playfair Display', serif;font-weight:700;}
h1{
    font-size: 44px;
    line-height: 52px;
}
h2{
    font-size: 18px;
    margin: 20px 0 0 0;
}

h3{
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 14px;
}

p{min-height:1px;padding-bottom: 45px}

li span{
    color:#cdc7b1;
}

strong{font-weight:700;}


a{color:#918c7a;text-decoration:none;}
a:hover{color:#f25929;}

.button{
    display:inline-block;
    line-height:1;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    border-radius: 3px;
    padding: 6px 8px;
    /*background:#000;*/
    color:#FFF;
    margin:2em 0;
}
.button:hover{
    color:#FFF;
    background-color:#444;
}
.button+.button{margin-left:1em;}

.align-center{text-align: center;}

.arrow-down{
    text-indent: -9999px;
    display: block;
    height: 11px;
    margin:0 auto;
    width: 17px;
    background: url('images/down_arrow.png') no-repeat 0 0 transparent;
}

.arrow-down:hover{
    background: url('images/arrow_down_white.png') no-repeat 0 0 transparent;
}

.arrow-down.white{
    background: url('images/arrow_down_white.png') no-repeat 0 0 transparent;
}

.arrow-down.brown{
    background: url('images/arrow_down_brown.png') no-repeat 0 0 transparent;
}


.arrow-down.white:hover{
    background: url('images/down_arrow.png') no-repeat 0 0 transparent;
}

.dots{
    width: 100%;
    height: 3px;
    padding: 20px 0;
    background: url('images/three-dots-brown.png') center center no-repeat;
}

.dots.white{
    background: url('images/three-dots-white.png') center center no-repeat;
}

.dots.grey{
    background: url('images/three-dots-grey.png') center center no-repeat;
}

/* Sliding panels */
.curtains>li {
    box-shadow:none;
}
/*.curtains>li:last-child{}*/

/* FOOTER */

.footer{
    width: 100%;
    position: fixed;
    bottom: 0;
    text-align: center;
    height: 50px;
    z-index: 20;
    text-transform: uppercase;
    line-height: 53px !important;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.35em;
}

.footer.orange{
    background-color: #f25929;
    color:#ffffff;
}

.footer.white{
    background-color: #ffffff;
    color:#f25929;
}

/* HEADER */

.header{
    height: 180px;
    width: 100%;
    z-index: 20;
    display: none;
    position: fixed;
    top:0;
    background-color: #ffffff;
}


#headerlogo{
    display: block;
    text-indent: -9999px;
    background: url('images/logo-small.png');
    width: 115px;
    margin: 29px auto 0 auto;
    height: 122px;
}

#links{
    width: 271px;
    position: absolute;
    right:100px;
    top:0;
    height: 35px;
}

#links a{
    display: block;
    float: left;
    height:35px;
    text-indent: -9999px;
}

#refform{
    margin-right: 2px;
    width: 195px;
    background: url('images/sprite.png') no-repeat 0 0 transparent;
}

#refform:hover{
    background: url('images/sprite.png') no-repeat 0 -35px transparent;

}

#facebook{
    margin-right: 2px;
    width: 35px;
    background: url('images/sprite.png') no-repeat -195px 0 transparent;
}

#facebook:hover{
    background: url('images/sprite.png') no-repeat -195px -35px transparent;
}

#instagram{
    width: 37px;
    background: url('images/sprite.png') no-repeat -230px 0 transparent;
}

#instagram:hover{
    background: url('images/sprite.png') no-repeat -230px -35px transparent;
}


/* MENU */

#menu-wrapper{
    position:fixed;
    top:50%;
    margin-top: -152px;
    right:0;
    /*height: 152px;*/
    display: none;
    width: 165px;
    letter-spacing: 0.2em;
    z-index:20;
    text-align: right;
    font-weight: 700;
    background-color:transparent;
}


#menu-wrapper #handle{
    display: block;
    height: 35px;
    width: 48px;
    float:right;
    padding-left: 25px;
    font-size: 11px;
    text-align: left;
    line-height: 35px;
    color:#ffffff;
    margin-bottom: 2px;
    background: url('images/arrow-left.png') 7px 11px no-repeat #f25929;

}

#menu-wrapper.expanded #handle{
    background: url('images/arrow-right.png') 9px 11px no-repeat #f25929;
}

#menu-wrapper .menu-expandable{
    padding: 20px 20px 9px 20px;
    position: absolute;
    top:37px;
    right:-100%;
    font-weight: 700;
    background-color: #f25929;
}

#menu-wrapper .menu{
    padding: 20px 20px 9px 20px;
    position: absolute;
    top:37px;
    right:0;
    background-color: transparent;
}



#menu-wrapper .menu-expandable ul{
    background-color:  #f25929;
}

#menu-wrapper li{margin:0;text-align: left;}

#menu-wrapper .curtain-links{
    display: block;
    text-align: left;
    color:#ffffff;
    font-size: 11px;
    padding-right: 20px;
    font-weight: 700;
    background: url('images/menu.png') right center transparent no-repeat;
    line-height: 13px;
    height: 13px;
    margin-bottom: 11px;
    text-transform: uppercase;

}


#menu-wrapper .menu-expandable .curtain-links{
    background: url('images/menu-expanded.png') right center transparent no-repeat;
}

#menu-wrapper.expanded .curtain-links{
}


#menu-wrapper .menu  .curtain-links:hover, #menu-wrapper .menu li.active:hover a, #menu-wrapper .menu li.active a{
    background: url('images/menu-active.png') right center transparent no-repeat !important;
}

#menu-wrapper.expanded .curtain-links:hover, #menu-wrapper.expanded li.active:hover a, #menu-wrapper.expanded li.active a{
    background: url('images/menu-expanded-active.png') right center transparent no-repeat;
}

.row{
    width: 960px;
    margin: 20px auto 30px auto;
}

.row .col1-3{
    width: 320px;
    float:left;
    text-align: center;
 }

.col1-3 li{
    margin-bottom: 10px;
}

/* Landing Page 1 */

#home{
    background-color: #ffffff;
}

#home header{
    position:absolute;
    top:30%;
    left:50%;
    margin:0 0 0 -101px;
    width:202px;
    text-align:center;
}

#home h1{
    letter-spacing: 0.08em;
    font-size:15px;
    line-height: 22px;
    padding: 30px 0;
    color:#cdc7b1;
    text-transform: uppercase;
    font-family: 'Karla', Arial, sans-serif;
}


#home .footer{
z-index: 99 !important;
}


article{
    text-align:center;
    width:100%;
    top:50%;
    margin-top: -160px;
    padding: 0 0 30px 0;
    position: absolute;
}

/* wings */

#wings #wings-bg{
    height: 463px;
    margin-top: -30px;
    padding-top: 48px;
    position: relative;
    background: url('images/wings-bg-updated.png') center 0 transparent no-repeat;
}

#wings{
    background: url('images/baby-bg.png') 0 180px #cfccc1 no-repeat;
    background-size:cover;
 }

#wings p, #wings h1{
    color:#a49f90;
}


/* Services */
#services, #whats-on, #contact{
    background-color: #f2f1ed;
}

#services h1, #services h2, #services h3, #contact h2, #contact h1{
    color:#f25929;
}

#services .row{
    margin-top: 0;
}

/* what's on */

#whats-on{
    background-color: rgb(178, 174,161);
}

#whats-on article{
    color:#ffffff;
}

#whats-on h1, #whats-on h2, #whats-on h3{
    color:#ffffff;
}

#whats-on h2{
    font-family: Georgia, Times, "Times New Roman", serif;
    font-size: 17px;
    font-weight: normal;
    margin: 0 0 30px 0;

}

#whats-on h2 em{
    font-style: italic;
}


#whats-on .whats-on-copy p{
padding-bottom: 20px;
}

#whats-on .whats-on-copy p em{
    font-style: italic;
}

#whats-on .col-left{
    width: 430px;
    float:left;
    text-align: left;
}

#whats-on img{
    margin-top: 45px;
    border: 18px solid #ffffff;
}

#whats-on .col-right{
    width: 530px;
    float:left;
    text-align: center;
}

/* contact */

#contact article{
    height: 520px;
    margin-top: -200px;

}

.col1-2{
    float:left;
    width: 480px;
}

#contact p{
    padding: 0;
}


#contact h2{
    font-family: 'Playfair Display', serif;font-weight:700;
    padding-bottom: 10px;
    margin:0;

}

#contact #copyright{
font-size: 12px;
}

#msg{
    font-size: 13px;

}

#form{
    margin-top: 20px;
    text-align: center;
}

input,select,textarea{
    color:#918c7a;
    font-family: 'Karla', Arial, sans-serif;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;

}

input[type="text"]{
    width: 274px;
    background: url('images/border.png') bottom center no-repeat transparent;
    border:0;
    height: 30px;
    margin-bottom: 20px;
    line-height: 30px;
    text-align: center;
}

input[type="text"]:focus, textarea:focus{
    outline:none;
}

textarea{
    text-align: center;
    width: 274px;
    margin-top: 20px;
    border: 0;
    background: url('images/border.png') bottom center no-repeat transparent;
    height: 80px;
    line-height: 24px ;
    padding-top: 0;
    margin-bottom: 10px;
}

#submit-wrapper{
    width: 100%;
    text-align: center;
}


#submit{
    color:#f25929;
    border:0;
    cursor: pointer;
    font-size: 13px;
    padding-right: 15px;
    height: 16px;
    line-height: 15px;
    text-align: center;
    margin-top: 10px;
    background: url('images/submit.png') no-repeat right 2px transparent;
}

#submit:hover{
    color:#cdc7b1;
    background: url('images/submit-hover.png') no-repeat right 2px transparent;
}


/* no curtain */
.no-curtain header{
    top:0 !important;
    left:0 !important;
    margin: 0 auto 20px auto !important;
    position: relative !important;
}


.no-curtain .header{
    background-color: transparent !important;
    /*display: block;*/
    /*position: absolute;*/
    /*top:0;*/
}
.no-curtain .header #headerlogo{
    display: none;
}

.no-curtain .row{

}

.no-curtain .footer{
    display: none;
}

.no-curtain article{
    position: relative;
    margin: 0 !important;
    top:0;

}

.no-curtain .row{
    margin-top: 0;
}

.no-curtain #wings{
    background: url('images/baby-bg.png') 0 0 #cfccc1 no-repeat;
    background-size:cover;
}

.no-curtain #menu-wrapper{
    display: block;
}

.no-curtain #wings {
    height: auto !important;
}

.no-curtain #wings-bg{
    margin-top: 0 !important;
}