/*
Theme Name:     Custom Theme for Baker by Nature
Description:    
Author:         Blog-Doo
Template:       twentytwelve

(optional values you can add: Theme URI, Author URI, Version)
*/

@import url("../twentytwelve/style.css");

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

a:visited {
color: #f26444 !important;
}

a:link {
color: #f26444 !important;
text-decoration: none !important;
}

textarea.wpcf7-form-control.wpcf7-textarea {
width: 75%;
}

.entry-header .entry-title a {
text-decoration: none;
font-family: GeoSansLight !important;
text-transform: uppercase;
font-size: 30px !important;
color: #B9B9B9 !important;
letter-spacing: 1px !important;
}

.widget-area {
float: right !important;
width: 100% !important;
margin-left: 0px !important;
}

.widget-title, .entry-content th, .comment-content th {
font-size: 14px;
font-size: 1.75714286rem;
line-height: 1;
font-weight: bold;
text-transform: uppercase;
color: #979797;
font-family: Brain Flower !important;
font-weight: 200 !important;
text-align: right;
border-bottom: 5px solid rgba(252, 222, 223, 0.5) !important;
}

div.title-date {
text-align: right;
padding-top: 5px;
font-family: Brain Flower;
font-weight: 200 !important;
font-size: 23px;
color: #d64949;
}

.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
border-radius: 3px;
box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

div#content {
margin-top: 0%;
}

.comments-link a, .entry-meta a {
color: #f26444;
background: #fff;
padding: 10px;
text-transform: uppercase;
text-decoration: none;
font-family: Brain Flower;
font-weight: 200 !important;
font-size: 33px;
}

.site-content nav {
clear: both;
line-height: 2;
overflow: hidden;
font-size: 30px;
font-family: Brain Flower;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 200;
}

.widget-area {
float: left;
width: 30.041666667%;
margin-left: 0px !important;
}

.header-image {
margin-top: 24px;
margin-top: 0em;
}

.menu-toggle, input[type="submit"], input[type="button"], input[type="reset"], article.post-password-required input[type=submit], .bypostauthor cite span {
padding: 6px 10px;
padding: 0.428571429rem 0.714285714rem;
font-size: 11px;
font-size: 1.5714286rem;
line-height: 1.428571429;
font-weight: normal;
color: #fff;
background-color: #d64949;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, #d64949, #d64949);
background-image: -ms-linear-gradient(top, #d64949, #d64949);
background-image: -webkit-linear-gradient(top, #d64949, #d64949);
background-image: -o-linear-gradient(top, #d64949, #d64949);
background-image: linear-gradient(top, #d64949, #d64949);
border: 1px solid #d2d2d2;
border-radius: 0px;
box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
}

.menu-toggle {
display: inline-block;
}

.main-navigation li a {
border-bottom: 0;
color: #d64949 !important;
line-height: .892307692 !important;
text-transform: uppercase;
white-space: nowrap;
font-family: Brain Flower !important;
font-size: 26px !important;
padding-left: 2px !important;
padding-right: 5px;
font-weight: 200 !important;
}

}


/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 600px) 
and (max-device-width : 1024px) {

.site-content {
float: right !important;
width: 63.104166667%;
position: relative;
bottom: 130px;
padding-right: 15px !important;
}

.widget-area {
float: left !important;
width: 31.50%;
margin-left: 15px !important;
}

.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
border-radius: 3px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0) !important;
}

.widget-title, .entry-content th, .comment-content th {
font-size: 14px;
font-size: 1.75714286rem;
line-height: 1;
font-weight: bold;
text-transform: uppercase;
color: #979797;
font-family: Brain Flower !important;
font-weight: 200 !important;
text-align: right;
border-bottom: 5px solid rgba(252, 222, 223, 0.5) !important;
}

div.title-date {
text-align: right;
padding-top: 5px;
font-family: Brain Flower;
font-weight: 200 !important;
font-size: 23px;
color: #d64949;
}

.comments-link a, .entry-meta a {
color: #f26444;
background: #fff;
padding: 10px;
text-transform: uppercase;
text-decoration: none;
font-family: Brain Flower;
font-weight: 200 !important;
font-size: 33px;
}

.site-content nav {
clear: both;
line-height: 2;
overflow: hidden;
font-size: 30px;
font-family: Brain Flower;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 200;
}

a:visited {
color: #f26444 !important;
}

a:link {
color: #f26444 !important;
text-decoration: none !important;
}

.entry-header .entry-title a {
text-decoration: none;
font-family: GeoSansLight !important;
text-transform: uppercase;
font-size: 30px !important;
color: #B9B9B9 !important;
letter-spacing: 1px !important;
}

.main-navigation li a {
border-bottom: 0;
color: #d64949 !important;
line-height: 2.892307692 !important;
text-transform: uppercase;
white-space: nowrap;
font-size: 22px !important;
font-family: Brain Flower !important;
padding-left: 0px !important;
padding-right: 0px !important;
font-weight: 200 !important;
}

.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
border-bottom: 0px solid #ededed;
border-top: 0px solid #ededed;
display: inline-block !important;
text-align: right;
width: 100%;
position: relative;
bottom: 160px;
left: 16px;
}

.main-navigation li {
margin: 0 40px 0 0;
margin: 0 .4rem 0 0 !important;
position: relative;
padding-right: 5px;
}

.main-navigation {
margin-top: 24px;
margin-top: 0rem !important;
text-align: center;
}

}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 700px) {

/************* COMMENT BOX ***********/
#respond form input[type="text"], #respond form textarea {
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 12px;
font-size: 0.857142857rem;
line-height: 1.714285714;
padding: 10px;
padding: 0.714285714rem;
width: 100%;
font-family: raleway;
color: #0e0906;
}

/*********** COMMENTS *************/
#respond h3#reply-title {
font-size: 16px;
font-size: 1.142857143rem;
line-height: 1.5;
font-family: raleway !important;
color: #b74c46 !important;
}

#respond form label {
display: block;
line-height: 1.714285714;
font-family: raleway;
color: #f2dcde;
}

#respond form p.logged-in-as {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
font-family: raleway !important;
color: #0e0906 !important;
}

/*********** PAGE TITLES ************/
.entry-header .entry-title {
font-size: 20px;
font-family: GeoSansLight !important;
font-size: 2.428571429rem;
line-height: 1.2;
font-weight: normal;
font-family: raleway;
color: #B9B9B9 !important;
letter-spacing: 5px !important;
text-align: left !important;
text-transform: uppercase;
border-bottom: 1px solid #B9B9B9;
}

.entry-header .entry-title a {
text-decoration: none;
font-family: GeoSansLight !important;
text-transform: uppercase;
color: #B9B9B9 !important;
letter-spacing: 5px !important;
}

/********** DATE **********/

div.title-date {
text-align: right;
padding-top: 5px;
font-family: Brain Flower;
font-weight: 200 !important;
font-size: 23px;
color: #d64949;
}

/********** COMMENTS **********/

div.comments-link {
text-align: center;
position: relative;
top: 20px;
}

.comments-link a, .entry-meta a {
color: #f26444;
background: #fff;
padding: 10px;
text-transform: uppercase;
text-decoration: none;
font-family: Brain Flower;
font-weight: 200 !important;
font-size: 33px;
}

.comments-link a:hover, .entry-meta a:hover {
color: #d5d4d3;
}

.comments-title {
margin-bottom: 48px;
margin-bottom: 3.428571429rem;
font-size: 16px;
font-size: 1.142857143rem;
line-height: 1.5;
font-weight: normal;
font-family: CaviarDreams;
text-align: center;
background: #fcdedf;
padding: 10px;
border: 1px solid #888;
letter-spacing: 1px;
text-transform: uppercase;
}

/********** LINKS **********/

a:link {
color:#f26444 !important;
text-decoration: none !important;
}
a:visited {
color:#f26444 !important;
}
a:hover {
color:#d67e7e !important;
}

/********** POST NAV **********/

.site-content nav {
clear: both;
line-height: 2;
overflow: hidden;
font-size: 30px;
font-family: Brain Flower;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 200;
}

/********** WIDGET **********/

.widget-area .widget h3 {
margin-bottom: 24px;
margin-bottom: 0.714285714rem;
}

.widget-title, .entry-content th, .comment-content th {
font-size: 11px;
font-size: 1.75714286rem;
line-height: 1;
font-weight: bold;
text-transform: uppercase;
color: #979797;
font-family: Brain Flower;
font-weight: 200 !important;
text-align: right;
border-bottom: 5px solid rgba(252, 222, 223, 0.5) !important;
}

.widget-area {
float: left;
width: 31.50%;
margin-left: 15px !important;
}

.widget-area {
margin: 24px 0 0;
margin: 0rem 0 0;
}

aside#text-3 {
margin-left: -20px;
margin-bottom: 30%;
margin-right: 14px;
}

/*********** MAIN NAV HOVER ************/
.main-navigation li a:hover, .main-navigation li a:focus {
color: #ffdae1 !Important;
text-transform: uppercase;
background-image: url('http://bakerbynature.com/wp-content/uploads/2014/07/heartbg.png');
background-repeat: no-repeat;
background-position-x: 50%;
background-position-y: 4px;
}

/************ MAIN NAV **************/

.main-navigation {
margin-top: 24px;
margin-top: 0rem !important;
text-align: center;
}

.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
border-bottom: 0px solid #ededed;
border-top: 0px solid #ededed;
display: inline-block !important;
text-align: right;
width: 100%;
position: relative;
bottom: 160px;
left: 16px;
}

.main-navigation li {
margin: 0 40px 0 0;
margin: 0 1.4rem 0 0;
position: relative;
padding-right: 0px;
}

/************* BODY BACKGROUND WHITE **************/
body {
background-color: #ffffff;
}
body .site {
padding: 0 40px;
padding: 0 0rem;
margin-top: 48px;
margin-top: 3.428571429rem;
margin-bottom: 48px;
margin-bottom: 3.428571429rem;
box-shadow: none !important;
}

.site-content {
float: right;
width: 63.104166667%;
position: relative;
bottom: 130px;
padding-right: 15px !important;
}

.site-content article {
border-bottom: 4px double #ededed;
margin-bottom: 72px;
margin-bottom: 5.142857143rem;
padding-bottom: 24px;
padding-bottom: 0rem;
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}

/************* POST FONT *****************/
.entry-content p, .entry-summary p, .comment-content p, .mu_register p {
margin: 0 0 24px;
margin: 0 0 1.714285714rem;
line-height: 1.714285714;
font-weight: 100;
}

/********************* REMOVE BOX SHADOW ***********************/
.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
box-shadow: none !important;
}

/**************** POST TITLE *****************/
.entry-header .entry-title a {
text-decoration: none;
font-family: CaviarDreams;
text-transform: uppercase;
color: #be7e7c;
}

/**************** NAV BAR *****************/
.main-navigation li a {
border-bottom: 0;
color: #d64949 !important;
line-height: 2.892307692 !important;
text-transform: uppercase;
white-space: nowrap;
font-family: Brain Flower !important;
font-size: 26px !important;
padding-left: 2px !important;
padding-right: 5px;
font-weight: 200 !important;
}

/***************** SEARCH BUTTON *****************/
.menu-toggle, input[type="submit"], input[type="button"], input[type="reset"], article.post-password-required input[type=submit], .bypostauthor cite span {
padding: 6px 10px;
padding: 0.428571429rem 0.714285714rem;
font-size: 11px;
font-size: 0.885714286rem;
line-height: 1.528571429;
font-weight: normal;
color: #FFFFFF;
background-color: #d64949;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, #d64949, #d64949);
background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: -webkit-linear-gradient(top, #d64949, #d64949);
background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
border: none !important;
border-radius: 0px;
box-shadow: none !important;
text-transform: uppercase;
letter-spacing: 3px;
margin-left: -5px;
}

.menu-toggle:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, article.post-password-required input[type=submit]:hover {
color: #5e5e5e;
font-weight: 600;
background-color: #ebebeb;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, #d64949, #d64949);
background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
background-image: -webkit-linear-gradient(top, #fcdedf, #fcdedf);
background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
background-image: linear-gradient(top, #f9f9f9, #ebebeb);
}

/*********************** SEARCH INPUT BOX *************************/

.widget-area #s {
width: 59.66666666666%;
}

button, input, select, textarea {
border: 1px solid #d5d4d3;
border-radius: 0px;
font-family: inherit;
padding: 6px;
padding: 0.458571429rem;
}

/************* HEADER ***********/
.site-header {
padding: 24px 0;
padding: 0rem 0;
}

/************* FOOTER ***********/
footer[role="contentinfo"] {
border-top: 7px double #fcdedf;
clear: both;
font-size: 12px;
font-size: 0.857142857rem;
line-height: 1.3;
max-width: 960px;
max-width: 68.571428571rem;
margin-top: 24px;
margin-top: 0rem;
margin-left: auto;
margin-right: auto;
padding: 24px 0;
padding: 0rem 0;
padding-bottom: 10px !important;
}


.pibfi_pinterest .xc_pin {
width: 63px;
height: 63px;
background-image: url("http://bakerbynature.com/wp-content/uploads/2014/07/pinit.png");
background-repeat: none;
position: absolute;
top: 10px;
opacity: 0.7;
cursor: pointer;
display: none;
}

}

.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
border-radius: 3px;
box-shadow: 0 0px 0px 

body .site {
box-shadow: 0 0px 0px rgba(100, 100, 100, 0.3);
}