/*   
Theme Name: My Life as Robin's Wife
Description: Hand coded Wordpress theme.
Author: Hannah Rose Creative
Author URI: http://hannahrosecreative.com
Version: 1
*/

@media screen {

* { margin: 0; padding: 0; }
body { background: #fff; font: 15px/1.5 source serif pro, palatino, times new roman, serif; color:#000; line-height:22px; letter-spacing:.25px; }
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
a, a:link, a:visited {color:#a4968a; text-decoration:none;}
a:hover, a:active, a:focus {color:#f29e25; text-decoration:none; cursor:pointer;}
img, img a { border:none; max-width:100%; width:auto; height:auto; display:block; }
.bottom-margin { margin-bottom:50px !important; }
.alignright { float:right; padding:0px 0px 25px 25px; box-sizing:border-box !important; }
.alignleft { float:left; padding:0px 25px 25px 0px; box-sizing:border-box !important; }
.aligncenter { margin:0 auto; padding:25px; box-sizing:border-box !important; }
.alignnone { float:none; box-sizing:border-box !important; }
p { margin: 25px 0 25px 0; }
p.wp-caption-text { text-align:center; }
p.caps { text-transform:uppercase; font-size:12.5px; letter-spacing:1px; }
.center { margin: 0px auto; top: 0px; right: 0px; bottom: 0px; left: 0px; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */

/*CLEARFIX*/
.clearfix:after {
content: "\00A0"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;
}

.clearfix{
display: inline-block;
}

html[xmlns] .clearfix {
display: block;
}

* html .clearfix{
height: 1%;
}

.clearfix {
display: block
}
/*END CLEARFIX*/

/*MAILCHIMP*/
#mc_embed_signup {
width:100%;
display:block;
background:#f7f5f1 !important;
margin:0 auto;
padding:25px 0px 25px 0px;
clear:none !important;
}
.mc-field-group {
margin:0px auto !important;
padding:0px !important;
}
#mc_embed_signup_scroll {
padding:0px 5% 0% 5%;
width:90%;
max-width:850px;
margin:0px auto;
display:block;
}
#mc_embed_signup h2 {
color:#ada397 !important;
font-size:13px !important;
text-align:right !important;
}
#mc_embed_signup input {
background:#fff;
width:100%;
max-width:260px;
display:block;
float:right;
border:0px !important;
border-radius:0px !important;
font-family:quicksand, sans-serif;
font-size:13px !important;
text-transform:uppercase;
letter-spacing:1px;
text-align:left;
padding:10px 20px 10px 20px !important;
font-weight:bold;
text-indent:0% !important;
color:#ada397;
}
#mc_embed_signup input::-webkit-input-placeholder {
color:#ada397 !important;
}
#mc_embed_signup input:-moz-placeholder {
color:#ada397 !important;
}
#mc_embed_signup input::-moz-placeholder {
color:#ada397 !important;
}
#mc_embed_signup input:-ms-input-placeholder {
color:#ada397 !important;
}
input#mc-embedded-subscribe.button {
width:50px !important;
height:42px !important;
margin: 0px auto 0px 15px;
background:#fff !important;
font-family:quicksand, sans-serif;
font-size:13px !important;
text-transform:uppercase;
letter-spacing:1px;
font-weight:bold;
padding:5px 10px 15px 10px !important;
float:right;
display:block;
color:#ada397;
}
#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
color:#ff9600 !important;
border-radius:0px !important;
padding:10px 20px 10px 20px !important;
font-size:10px !important;
}
#mc_embed_signup #mce-success-response {
background:#f7f5f1 !important;
text-align:center !important;
color:#ada397 !important;
padding:0px 25px 25px 25px !important;
}
/*END MAILCHIMP*/

/*BASIC STRUCTURE*/
#outer {
width:100%;
display:block;
position:relative;
border-top:0px;
z-index:100 !important;
}

.page-wrap, #container {
padding:0px 5% 5% 5%;
width:90%;
max-width:850px;
margin:0px auto;
display:block;
}
.page-wrap.narrow {
max-width:550px;
}

.logo {
width:487px;
height:145px;
display:block;
margin:0px auto 45px auto;
padding-top:60px;
background:transparent url(../dianehaller/images/header.png)no-repeat bottom center;
background-size:487px 145px;
}

.mobile {
display:none;
}

.phone {
display:none;
}

.desktop {
display:block;
}
/*END BASIC STRUCTURE*/

/*NAVIGATION*/
#navigation {
width:90%;
padding:0% 5% 0% 5%;
max-width:750px;
margin:0px auto 50px auto !important;
height:50px;
display:block;
overflow:visible;
z-index:100000 !important;
text-align:center;
}

.menu-nav-container {
max-width:800px;
margin:0 auto;
}

.menu {
font-family: Vidaloka, palatino, times new roman, serif;
font-size:15px;
color:#fff;
font-weight:normal;
text-transform:none;
letter-spacing:1px;
line-height:15px;
display:inline-block;
max-width:750px;
box-sizing:border-box;
width:100%;
margin:0px auto;
word-spacing:0px;
height:50px;
padding:18px;
background:transparent url(../dianehaller/images/nav.png)no-repeat;
background-size:100% auto;
}

#navigation li:before {
content: "•";
display:inline-block !important;
padding-right:5px;
}
#navigation li:first-child:before {
content: none;
}

#navigation ul li ul li:before {
content:none !important;
}

#navigation ul {
text-align:center;
list-style:none;
}
#navigation ul li {
list-style:none;
display:inline-block;
margin:0px;
}
#navigation ul li ul {
list-style:none;
display:none;
position:absolute;
}
#navigation ul li:hover > ul {
display:block;
}
#navigation ul li ul li {
float:none;
display:block;
}
#navigation ul li ul li a {
position: relative;
background:#66c1af;
width:180px;
padding:18px 20px 18px 20px;
text-align:left;
z-index:800;
margin:0px !important;
border-left:0px solid #19191a;
}
#navigation ul ul ul {
left: 107%;
top: 0;
background:#66c1af;
background-size:600px 500px !important;
z-index:700;
border-left:0px !important;
width:250px;
min-height:147px;
}
#navigation ul ul ul li a {
background:transparent !important;
padding:18px 20px 18px 45px;
border-left:0px !important;
}
ul .sub-menu {
width:200px;
padding-top:14px;
background:transparent url();
background-repeat:no-repeat;
background-position:top center;
}
#navigation ul li a, #navigation ul li a:link, #navigation ul li a:visited {
color:#fff;
margin:0px 4px 0px 4px;
display:inline-block;
}
#navigation ul li a:hover, #navigation ul li a:active, #navigation ul li a:focus {
color:#000;
}

.navgation {
}
a.next-posts{
float:right;
text-align:right;
background:transparent;
background-position:0px 0;
display:block;
margin-right:0px;
cursor:pointer;
margin:35px auto 35px auto;
}
.navigation h3 a:hover {
color:#a4968a !important;
border-bottom:2px solid #a4968a !important;
}
a.prev-posts {
float:left;
text-align:left;
background:transparent;
background-position:0px 0;
display:block;
margin-right:0px;
cursor:pointer;
margin:35px auto 35px auto;
}
.navigation h3 a {
color:#000 !important;
font-weight:20px !important;
border-bottom:2px solid #000 !important;
}
.navigation h3 {
border-bottom:0px !important;
}
/*END NAVIGATION*/

/*MOBILE NAV*/
.hide {
display:none;
}

#mobile-nav {
width:60px;
height:60px;
display:inline-block;
background:transparent url(../dianehaller/images/nav-mobile.png)no-repeat center;
background-position:0px 0;
background-size:120px 60px;
cursor:pointer;
display:none;
margin:35px auto 35px auto;
}

#mobile-nav:hover {
background-position:-60px 0px;
}

#mobile-nav:hover #links {
display:block !important;
}

.cancel {
width:60px !important;
height:60px !important;
background:transparent url(../dianehaller/images/nav-mobile-close.png)no-repeat !important;
background-size:120px 60px !important;
background-position:0px 0 !important;
}

.cancel:hover {
background-position:-60px 0px !important;
}

#links:target {
display:block;
background:#fff !important;
}

#links:target body {
display:none !important;
}

#links {
position:fixed !important;
width:100%;
top:0 !important;
padding: 10% 0% 100% 0%;
background:#fff;
text-align:center;
display:none;
z-index:1000000 !important;
}

#links .sub-menu {
width:100%;
padding-top:25px !important;
padding-bottom:15px !important;
margin:15px auto !important;
background:#f7f5f1;
}

#links ul li ul {
display:none;
}

#links ul li:hover > ul {
display:block;
}

#links ul li ul li a {
width:100%;
padding:0px !important;
text-align:center;
z-index:30;
margin:0px !important;
display:block;
}

#links ul li a {
margin:0px auto !important;
color:#19191a;
}

#links ul li a:hover {
color:#84786e;
}

#links ul li {
list-style:none;
padding-bottom:10px;
font-family: quicksand, century gothic, sans-serif;
font-size:13px;
color:#e1e1e1;
font-weight:bold;
text-transform:uppercase;
letter-spacing:2px;
line-height:25px !important;
}

#links .menu {
border-bottom:none;
background:transparent;
}

#links #menu-mobile {
padding:10% 10% 10% 10% !important;
width:80%;
}

#links .menu-nav-container {
padding:10% 10% 100% 10%;
height:100%;
overflow-y:scroll;
}
/*END MOBILE NAV*/

/*HOMEPAGE*/
/*END HOMEPAGE*/

/*PAGES*/
h1.entry-title {
font-size:30px;
line-height:35px;
}
h1.entry-title a {
color:#000;
}
h1.entry-title a:hover {
color:#66c1af;
}

.columns {
-webkit-column-count: 2 !important; /* Chrome, Safari, Opera */
-moz-column-count: 2 !important; /* Firefox */
column-count: 2 !important;
-webkit-column-gap: 50px; /* Chrome, Safari, Opera */
-moz-column-gap: 50px; /* Firefox */
column-gap: 50px;
column-fill: auto !important;
clear:both;
display:block;
margin-top:50px;
}
/*END PAGES*/

/*BLOG*/
#main {
width:64.705882%;
max-width:550px;
float:left;
display:block;
}

.excerpts h1.entry-title {
width: 65.454545%;
display: block;
float: right;
text-align: left;
}

h1.entry-title.icon {
text-align:left;
background:transparent url(../dianehaller/images/icon-vertical.png)no-repeat left center;
background-size:34px 58px;
padding-left:55px;
box-sizing:border-box;
min-height:58px;
}

img.big-thumb {
max-width:250px !important;
display:block;
height:auto;
width:100%;
}

#columns {
-webkit-column-count: 3 !important; /* Chrome, Safari, Opera */
-moz-column-count: 3 !important; /* Firefox */
column-count: 3 !important;
-webkit-column-gap: 50px; /* Chrome, Safari, Opera */
-moz-column-gap: 50px; /* Firefox */
column-gap: 50px;
column-fill: balance !important;
margin-bottom:65px;
}

#headline {
display:block;
position:relative;
margin:0 auto;
text-align:center;
}
#headline img {
margin:0 auto;
}
#headline h1 {
font-size:23px;
text-align:center;
line-height:23px;
margin:10px auto 0px auto;
display:inline-block;
box-sizing:border-box;
padding-top:25px;
text-transform:uppercase;
background:#fff;
width:100% !important;
}
#headline h1 a {
color:#000;
}
#headline h1 a:hover {
color:#66c1af;
}

.excerpts {
width:64.705882%;
max-width:550px;
float:left;
display:block;
}
.excerpts .post {
width:100%;
}
.excerpts .entry p {
width:65.454545%;
display:block;
float:right;
text-align:left;
}
.excerpts h1 {
text-align:left;
}

.divider {
width:2px;
height:15px;
background:#ada397;
margin:15px auto 10px auto;
display:block;
}
.divider.orange {
margin:0px auto 10px auto;
background:#ff9600;
}

.small-thumb img {
width:27.272727%;
max-width:150px;
float:left;
padding:0px;
display:block;
height:auto;

}

.read-more {
width:27.272727%;
max-width:150px;
float:left;
text-align:center;
display:block;
padding-bottom:40px;
background:transparent url(../dianehaller/images/icon-horizontal.png)no-repeat bottom center;
background-size:50px 36px;
}
.read-more a {
color:#7cc7b8;
}
.read-more a:hover {
color:#ada397;
}

.excerpts .post {
margin-bottom:40px;
}

.post-edit-link {
display:none;
}

.postmetadata {
text-align:center;
width:100%;
display:block;
background:#f7f5f1;
padding:25px;
box-sizing:border-box;
width:100%;
margin-bottom:25px;
}
.postmetadata h2 {
color:#a79c8d !important;
}

.meta {
text-align:center;
}

.meta .date {
display:inline-block;
text-transform:uppercase;
}

blockquote {
background-color:#f7f5f1;
background-image: url(../dianehaller/images/quote-1.png), url(../dianehaller/images/quote-2.png);
background-position: top left, bottom right;
background-repeat: no-repeat, no-repeat;
background-size: 140px 140px, 140px 140px;
margin:25px 0px 25px 0px;
padding: 50px 50px 45px 50px;
}

blockquote p {
text-align:center;
font-size:15px !important;
font-style:italic;
font-weight:normal;
}

ul, ol { margin: 0 0 10px 0; }

pre { }
code, tt { }
/*END BLOG*/

/*RESPONSIVE VIDEO*/
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:transparent !important;
}
/*END RESPONSIVE VIDEO*/

/*SIDEBARS*/
.page #sidebar {
}

#sidebar a img:hover{
opacity:.7;
}

#sidebar {
width:29.411765%;
max-width:300px;
display:block;
float:right;
box-sizing:border-box;
background:#f7f5f1;
position:relative;
text-align:center;
padding:0px 0px 25px 0px;
margin:0 auto;
}
#sidebar .cat-item-4, #sidebar .cat-item-3, #sidebar .cat-item-375, #sidebar .cat-item-20, #sidebar .cat-item-228, #sidebar .cat-item-370, #sidebar .cat-item-377, #sidebar .cat-item-374, #sidebar .cat-item-372, #sidebar .cat-item-368, #sidebar .cat-item-326, #sidebar .cat-item-378, #sidebar .cat-item-81, #sidebar .cat-item-6, #sidebar .cat-item-371, #sidebar .cat-item-376, #sidebar .cat-item-7, #sidebar .cat-item-435, #sidebar .cat-item-227, #sidebar .cat-item-373, #sidebar .cat-item-379, #sidebar .cat-item-147, #sidebar .cat-item-369, #sidebar .cat-item-9, #sidebar .cat-item-1 {
display:none;
}
#sidebar .widget_categories h3 {
display:none;
}
#sidebar .widget_categories {

}

.widget {
padding:25px;
}
.widget.widget_categories {
padding:0px !important;
width:100%;
text-align:center;
margin-top:40px;
}
.widget.widget_categories ul li {
font-family:quicksand, century gothic, sans-serif;
text-align:center;
font-size:13px;
line-height:13px;
font-weight:700;
color:#000;
letter-spacing:2px;
text-transform:uppercase;
padding:15px 0px 15px 0px;
background:#fff;
display:block;
width:100%;
margin:0px auto 4px auto;
}

.widget.widget_archive span.widgetcontent {
font-family:quicksand, century gothic, sans-serif;
text-align:center;
font-size:13px;
line-height:13px;
font-weight:700;
color:#000;
letter-spacing:2px;
text-transform:uppercase;
}

#sidebar ul li {
list-style:none;
}

#sidebar ul li a {
text-decoration:none !important;
}
/*END SIDEBARS*/

/*SIDEBAR CONTENTS*/
#searchform {
}
	#s {
	border:0px;
	box-shadow:none;
	box-sizing:border-box;
	width:100%;
	padding:15px 15px 10px 15px;
	background:#fff;
	margin:0px auto;
	text-align:center;
	color:#f29e25;
	font-family:Vidaloka, times new roman, serif;
	font-size:18px;
	line-height:18px;
	letter-spacing:.25px;
	}
	#s:hover, #s:active, #s:focus {
	}
	#searchsubmit {
	border:1px solid #cccccc;
	box-shadow:none;
	padding:5px;
	background:#fff;
	cursor:pointer;
	color:#000000;
	text-transform:uppercase;
	marign-left:5px;
	float:right;
	font-size:12.5px;
	display:none !important;
	}
	#searchsubmit:hover {
	border:1px solid #000;
	background:#000;
	color:#fff;
	}
/*END SIDEBAR CONTENTS*/

/*FOOTER*/
#footer {
text-align:center;
font-size:15px;
font-family:vidaloka, palatino, times new roman, serif;
font-weight:normal;
width:90%;
height:auto;
clear:both;
padding:0% 5% 5% 5%;
margin:50px auto 0px auto;
background:#f7f5f1 url(../dianehaller/images/footer-border.png)repeat-x top center;
background-size:1px 30px;
z-index:10;
border-top:0px !important;
}
#footer a {
color:#000;
}
#footer a:hover {
color:#ff9600;
}

.footer-text {
margin-top:-50px;
display:block;
}

#footer #icons {
position:relative;
margin:0 auto;
}
/*END FOOTER*/

/*SOCIAL ICONS*/
#icons-wrapper {
width:90%;
padding:0% 5% 0% 5%;
max-width:850px;
margin:0px auto 0px auto;
position:relative;
box-sizing:border-box;
}
#icons {
text-align:center;
margin:0px auto 0px auto;
display:block;
background:#f7f5f1;
right:0;
top:80;
padding:20px;
width:130px;
position:absolute;
}

#icons a {
margin:0px 3px 0px 3px;
}

#icons a.fb {
width:16px;
height:16px;
background: transparent url(../dianehaller/images/icons/fb.png)no-repeat;
background-size:32px 16px;
background-position:0px 0;
text-align:center;
display:inline-block;
}

#icons a.fb:hover,#icons a.fb:active {
background-position:-16px 0;
}

#icons a.email {
width:16px;
height:16px;
background: transparent url(../dianehaller/images/icons/mail.png)no-repeat;
background-size:32px 16px;
background-position:0px 0;
text-align:center;
display:inline-block;
}

#icons a.email:hover,#icons a.email:active {
background-position:-16px 0;
}

#icons a.pinterest {
width:16px;
height:16px;
background: transparent url(../dianehaller/images/icons/pinterest.png)no-repeat;
background-size:32px 16px;
background-position:0px 0;
text-align:center;
display:inline-block;
}

#icons a.pinterest:hover,#icons a.pinterest:active {
background-position:-16px 0;
}

#icons a.twitter {
width:16px;
height:16px;
background: transparent url(../dianehaller/images/icons/twitter.png)no-repeat;
background-size:32px 16px;
background-position:0px 0;
text-align:center;
display:inline-block;
}

#icons a.twitter:hover,#icons a.twitter:active {
background-position:-16px 0;
}

#icons a.instagram {
width:16px;
height:16px;
background: transparent url(../dianehaller/images/icons/instagram.png)no-repeat;
background-size:32px 16px;
background-position:0px 0;
text-align:center;
display:inline-block;
}

#icons a.instagram:hover,#icons a.instagram:active {
background-position:-16px 0;
}
/*END SOCIAL ICONS*/

/*HEADER STYLING*/
h1, h2, h3 {
}
h1 {
font-family:Vidaloka, palatino, times new roman, serif;
font-size:22px;
text-transform:none;
letter-spacing:.75px;
color:#000;
font-weight:normal;
text-align:center;
line-height:30px;
}
h2 {
font-family:quicksand, century gothic, sans-serif;
text-align:center;
font-size:13px;
font-weight:700;
color:#000;
letter-spacing:2px;
text-transform:uppercase;
}
h3 {
font-family:Vidaloka, palatino, times new roman, serif;
font-size:18px;
text-align:center;
display:inline-block;
margin:0 auto;
color:#a79c8d;
border-bottom:2px solid #c0b6a9;
font-weight:normal;
margin-bottom:15px;
}
h4 {
font-family:Vidaloka, palatino, times new roman, serif;
font-size:18px;
text-transform:none;
letter-spacing:.75px;
color:#000;
font-weight:normal;
text-align:left;
line-height:18px;
}
h5 {
font-family:quicksand, century gothic, sans-serif;
text-align:center;
font-size:13px;
font-weight:700;
color:#ada397;
letter-spacing:2px;
text-transform:uppercase;
background:#f7f5f1;
padding:9px;
box-sizing:border-box;
display:block;
width:100%;
margin-bottom:20px;
}
.text-left {
text-align:left;
}
.text-center {
text-align:center;
}
.text-narrow {
width:100%;
max-width:450px;
text-align:center;
display:block;
margin:0 auto;
}
.space-top {
margin:45px auto 0px auto !important;
}
.space-bottom {
margin:0px auto 45px auto !important;
}
/*END HEADER STYLING*/

/*COMMENTS*/
#commentcontainer {
width:100%;
margin-bottom:50px;
}

h2#comments {
border-bottom:none !important;
margin-bottom:15px;
}

.page #commentcontainer {
display:none;
}
	
ol.commentlist { list-style: none; }
ol.commentlist li { color:#000; margin-bottom:5px; }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { padding:15px 0px 15px 0px; background:#fff; }
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { font-family:quicksand, century-gothic, sans-serif; font-size:11px; font-weight:bold; letter-spacing:2px; font-style:normal !important; text-transform:uppercase; }
ol.commentlist li.comment div.vcard cite.fn { font-size:13px; font-style:normal; line-height:15px; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:left; margin: 0 10px 10px 0px; width:initial !important; height:initial !important; max-width:32px !important; max-height:32px !important; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { font-size:13px; }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-family:quicksand, century-gothic, sans-serif; font-size:11px; font-weight:bold; letter-spacing:1px; font-style:normal !important; text-transform:uppercase; line-height:11px; }
ol.commentlist li.comment div.comment-meta a { color: #c4c4c4; }
ol.commentlist li.comment p { line-height:26px; }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply {  }
ol.commentlist li.comment div.reply a { font-family:quicksand, century-gothic, sans-serif; font-size:13px; font-weight:bold; letter-spacing:2px; font-style:normal !important; text-transform:uppercase; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { margin: 0 0 10px 20px; padding-left:20px; border-left:2px solid #c0b6a9; padding-top:0px; padding-bottom:0px; }
ol.commentlist li.comment ul.children li.depth-3 { margin: 0 0 10px 20px; padding-left:20px; border-left:2px solid #c0b6a9; padding-top:0px; padding-bottom:0px; }
ol.commentlist li.comment ul.children li.depth-4 { margin: 0 0 10px 20px; padding-left:20px; border-left:2px solid #c0b6a9; padding-top:0px; padding-bottom:0px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #fff; }
ol.commentlist li.parent {  }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }

form { }

input, textarea {
drop-shadow:none;
background:#f7f5f1;
padding:0px 0px 5px 0px;
margin:0px auto 10px auto;
box-shadow:none !important;
box-sizing:border-box;
font-family:source serif pro, palatino, times new roman, serif;
font-size:15px;
color:#000;
letter-spacing:.25px;
line-height:22px;
text-align:left;
}

label h2, .wpcf7 h2 {
margin-bottom:10px;
text-align:left;
line-height:14px;
}

.wpcf7 input {
width:100% !important;
}

textarea {
padding:25px;
width:100%;
border:0px;
font-family:arapey, times new roman, serif;
font-size:15.5px;
color:#1e1e20;
letter-spacing:.5px;
line-height:20px;
-webkit-appearance: none;
-moz-appearance: none;
border-radius:0;
}

input[type="text"] {
width:75%;
border:0px;
-webkit-appearance: none;
-moz-appearance: none;
border-radius:0;
padding:15px;
box-sizing:border-box;
}

input[type=submit] {
background:transparent;
padding:0px;
border:0px;
drop-shadow:none;
font-family:Vidaloka, palatino, times new roman, serif;
font-size:30px;
line-height:35px;
font-weight:700;
text-align:right;
color:#fff;
letter-spacing:1px;
cursor:pointer;
margin-top:5px;
color:#66c1af;
float:right;
}

input[type=submit]:hover {
background:transparent;
color:#ff9600;
}

#contact-form input[type=submit] {
width:150px;
font-size:13px !important;
padding:20px !important;
letter-spacing:3px !important;
}

::-webkit-input-placeholder {
color:#f29e25 !important;
}
:-moz-placeholder {
color:#f29e25 !important;
}
::-moz-placeholder {
color:#f29e25 !important;
}
:-ms-input-placeholder {
color:#f29e25 !important;
}
/*END COMMENTS*/

} /* END screen media */


.end {
float:right;
margin-right:0%;
}


/*RESPONSIVE LAYOUT FOR MOBILE*/
@media screen 
and (min-width : 0px) 
and (max-width : 480px) {
/*site structure*/
.phone {
display:block;
}
.end {
margin:0px auto;
float:none;
}
#sidebar, #main, .excerpts {
width:100%;
float:none;
}
.logo {
width:250px;
height:145px;
display:block;
margin:90px auto 45px auto;
background:transparent url(../dianehaller/images/header-mobile.png)no-repeat center center;
background-size:250px 145px;
}
#icons {
left:0;
right:0;
margin:0 auto;
}
#columns {
-webkit-column-count: 1 !important; /* Chrome, Safari, Opera */
-moz-column-count: 1 !important; /* Firefox */
column-count: 1 !important;
-webkit-column-gap: 50px; /* Chrome, Safari, Opera */
-moz-column-gap: 50px; /* Firefox */
column-gap: 50px;
column-fill: balance !important;
margin-bottom:50px;
}
#headline {
margin:0px auto 50px auto;
}
/*end site structure*/

/*recipes*/
.gmc-print-area, .gmc-recipe-ingredients, .entry table.gmc-recipe-summary, .entry table.gmc-recipe-summary-narrow, h2.gmc-recipe-title {
width:100% !important;
clear:both !important;
display:block !important;
}
/*end recipes*/

/*nav*/
/*end nav*/

/*mobile nav*/
#mobile-nav {
display:block;
}
#navigation {
display:none;
}
/*end mobile nav*/

/*pages*/
.home h1.entry-title, .excerpts .entry p {
width:100%;
}
.read-more {
width:100%;
max-width:300px;
clear:both;
float:right;
text-align:left;
display:block;
padding-bottom:40px;
background:transparent url(../dianehaller/images/icon-horizontal.png)no-repeat bottom center;
background-size:50px 36px;
}
.small-thumb img, .excerpts .divider {
display:none;
}
/*end pages*/

/*forms*/
#contact-form {
text-align:center;
}
#contact-form h3 {
text-align:center !important;
}
input[type=submit] {
float:none !important;
display:block !important;
text-align:center;
margin:0px auto;
}
input {
text-align:center;
width:100%;
}
input, textarea {
display:inline-block;
}
#respond {
text-align:center;
}
/*end forms*/
}

@media screen 
and (min-width : 481px) 
and (max-width : 667px) {

/*site structure*/
.phone {
display:block;
}
.end {
margin:0px auto;
float:none;
}
#sidebar, #main, .excerpts {
width:100%;
float:none;
}
#columns {
-webkit-column-count: 3 !important; /* Chrome, Safari, Opera */
-moz-column-count: 3 !important; /* Firefox */
column-count: 3 !important;
-webkit-column-gap: 20px; /* Chrome, Safari, Opera */
-moz-column-gap: 20px; /* Firefox */
column-gap: 20px;
column-fill: balance !important;
margin-bottom:50px;
}
/*end site structure*/

/*recipes*/
.gmc-print-area, .gmc-recipe-ingredients, .entry table.gmc-recipe-summary, .entry table.gmc-recipe-summary-narrow, h2.gmc-recipe-title {
width:100% !important;
clear:both !important;
display:block !important;
}
/*end recipes*/

/*pages*/
/*end pages*/

/*mobile nav*/
#mobile-nav {
display:block;
}
#navigation {
display:none;
}
/*end mobile nav*/
}

@media screen 
and (min-width : 668px) 
and (max-width : 768px) {

/*structure*/
.phone {
display:block;
}
/*end structure*/

/*mobile nav*/
#mobile-nav {
display:block;
}
#navigation {
display:none;
}
/*end mobile nav*/

/*recipes*/
.gmc-print-area, .gmc-recipe-ingredients, .entry table.gmc-recipe-summary, .entry table.gmc-recipe-summary-narrow, h2.gmc-recipe-title {
width:100% !important;
clear:both !important;
display:block !important;
}
/*end recipes*/
}

@media screen 
and (min-width : 769px) {
#links {
display:none !important;
}
}

@media screen 
and (min-width : 1600px) 
and (max-width : 1920px) {
.page-wrap, #container {
width:50%;
}
}

/*END RESPONSIVE LAYOUT FOR MOBILE*/

@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */