/*  
Theme Name: Cocoandme
Description: Wordpress Theme for Cocoandme
Version: 1
Author: Tom Elsner
Author URI: 
*/
/*  
Theme Name: Cocoandme
Description: Wordpress Theme for Cocoandme
Version: 1
Author: Tom Elsner / Andreas Gerlach
Author URI: 
*/
* { margin: 0; padding: 0; }

body { background-color: #fff; font-family: Georgia, Times, serif; font-size: 85%; color: #333; margin: 0; padding: 0; }

#wrap { width: 715px; margin: 0px auto; padding: 0; background: #fff; color: #333; }

#head { height: 155px; margin: 0; padding: 0; color: #333; }

#head img { border: 0px; }

/*#title { padding: 50px 0 0 10px; margin: 0 10px; font-size: 1.9em; text-align: left; color: #440000; background-color: transparent }
#title a:link, #title a:visited { color: #440000; text-decoration: none; background-color: transparent }
#title a:hover { color: #770000; background-color: transparent }
#desc { padding: 0px 20px 0px 10px; margin: 0 10px; text-align: left; }
*/
#title, #desc { display: none; }

#left { float: left; width: 315px; margin: 0 0px 0 0; padding: 0 0px 0 0; color: #333; overflow: hidden; }

#left h2 { width: 280px; font-weight: normal; margin: 0 0 0px 0; padding: 7px 10px 0px 0px; font-size: 1rem; background-color: transparent; color: #555; }

#left h3 { width: 280px; font-weight: normal; margin: 5px 0 0px 0; padding: 5px 10px 0px 0px; font-size: 1rem; background-color: transparent; color: #555; }

#left a:link, #left a:visited { color: #333; background-color: transparent; }

#left a:hover { color: #770000; background-color: transparent; }

#left ul { margin: 0px; padding: 0; }

#left ul li { list-style-type: none; margin: 0px; padding: 0px 0px 5px 0px; }

#left ul ul li { list-style-type: none; color: #333; margin: 0px; padding: 0; }

#left ul.children { margin: 0px; padding: 5px 5px 0px 0px; }

#left ul.children li { margin: 0px; padding: 0px 5px 5px 0px; }

#left #searchform { width: 300px; height: 109px; background: transparent url(images/svg/searchbg.svg) no-repeat; margin: 0; padding: 0px 0 0 0px; }

#left #ads { width: 300px; background: transparent url(images/svg/adsbg.svg) no-repeat; margin: 0; padding: 61px 0 0 0px; margin-top: 15px; overflow: hidden; }

#left #ads div { margin-bottom: 15px; width: 300px; height: 250px; }

#left #searchform input#s { margin-top: 24px; }

#left ul li p { width: 280px; font-size: 0.875rem; color: #999; line-height: 1.4rem; }

#left ul li a:link, #left ul li a:visited { color: #999; font-size: 0.875rem; }

#left ul li a:hover { color: #f00; }

#left ul li#search h2, #left ul li#archives h2, #left ul li#categories h2, #left ul li.widget_archive h2, #left ul li.widget_categories h2 { display: none; }

#left ul.blogroll li a { display: block; font-weight: bold; margin-bottom: 2px; }

#left ul.blogroll li { font-size: 0.875rem; line-height: 1.5rem; color: #999999; }

#postnav a:link, #postnav a:visited, #postnav p { font-size: 1rem; color: #999; line-height: 1.7rem; text-decoration: none; }

#postnav a:hover { color: #f00; }

#postnav { text-align: right; padding-top: 7px; color: #999; }

li#rss a { background: transparent url(images/rss.gif) no-repeat; padding: 0px 0 0px 16px; }

#content { float: right; width: 400px; margin: 0; padding: 0px 0px 0px 0px; }

#content .post { margin: 5px 0 0 0; padding: 0px 0px 30px 0px; line-height: 1.7rem; font-size: 1rem; }

#content .post p { padding: 0 0 0px 0; }

#content .post blockquote { padding-top: 0px; padding-bottom: 0px; }

#content .post blockquote p { margin: 5px 0 0 0; padding: 0; }

#content ul { margin: 0px; padding: 0 5px 0 40px; }

#content li { list-style-type: disc; color: #333; margin: 0px 5px 0px 5px; padding: 0px 5px 5px 0px; }

#content ol { margin: 0px; padding: 0 0px 0 0px; }

#content ol li { list-style-type: none; color: #333; margin: -1px 0px 0px 0px; padding: 0px 0px 5px 0px; }

#content img { display: block; border: 0px; margin: 5px 0px 5px 0px; padding: 0px; }

#foot { clear: both; height: 60px; }

#foot p { margin: 10px 0 0 315px; padding: 0px 0px 10px 0px; }

#commentlist { margin: 0px; padding: 0px; }

#commentlist li { list-style-type: none; margin: 10px 0px 10px 0px; padding: 0; background-color: #fff; color: #333; border-color: #ddd; border-width: 1px; border-style: solid none solid none; }

#commentlist p { margin: 10px 5px 10px 5px; padding: 10px 0 5px 0; }

#commentlist .commentmeta { margin-bottom: 5px; color: #999; }

#commentlist .commentmeta a:link, #commentlist .commentmeta a:visited { color: #999; }

#commentlist .commentmeta a:hover { color: #f00; }

#commentlist .alt { background-color: #efefef; color: #555; }

#commentlist blockquote { background-color: #BDC69E; border: 1px solid #8B7448; color: #5D2816; }

#commentlist .alt blockquote { border-color: #8B7448; }

#commentform { margin-bottom: 25px; padding-bottom: 25px; }

#commentform p { margin: 10px 0px 0px 0px; padding: 0px; }

#commentform textarea { width: 300px; }

.meta { margin: 0px 0px 0px 0px; padding: 0; }

.postmetadata { margin: 15px 0px 0px 0px; padding: 0 0 15px 0; color: #999; }

.postmetadata a:link, .postmetadata a:visited { color: #999; }

.postmetadata a:hover { color: #f00; }

a:link, a:visited { color: #333; background-color: transparent; }

a:hover { color: #f00; }

blockquote { background-color: transparent; color: #333; margin-left: 10px; margin-right: 15px; padding: 10px 20px 10px 30px; }

h1 { margin: 6px 0 0px 0; padding: 0px 0 6px 0; color: #333; line-height: 1.7rem; font-size: 1.4rem; font-weight: bold; }

h1 a { text-decoration: none; }

h1 a:link, h1 a:visited { color: #333; background-color: transparent; }

h1 a:hover { color: #F00; background-color: transparent; }

h2 { background-color: transparent; color: #333; font-size: 0.1em; font-weight: normal; text-align: left; margin: 6px 0 0px 0; padding: 0px 0 6px 0; }

h3 { background-color: transparent; color: #333; font-size: 0.1em; font-weight: normal; text-align: left; margin: 6px 0 0px 0; padding: 0px 0 6px 0; }

h4 { background-color: transparent; color: #333; font-size: 0.1em; font-weight: normal; text-align: left; margin: 6px 0 0px 0; padding: 0px 0 6px 0; }

p { text-align: left; }

form { margin: 0px; padding: 0px; }

form input, form textarea, form submit { color: #333; font-size: 1rem; font-family: Georgia, Times, serif; }

form textarea { color: #333; font-size: 1rem; font-family: Georgia, Times, serif; }

img.centered { display: block; margin: 0 auto 5px auto; border: 1px solid #8B7448; padding: 2px; }

img.alignright { display: inline; border: 1px solid #8B7448; margin: 5px 7px 0 7px; padding: 4px; vertical-align: middle; }

img.alignleft { display: inline; border: 1px solid #8B7448; margin: 5px 7px 0 7px; padding: 4px; vertical-align: middle; }

img.border { border: 0px; padding: 0px; }

.alignleft { float: left; text-align: left; margin: 25px 0 25px 0; }

.alignright { float: right; text-align: right; }

acronym { cursor: help; border-bottom: 1px dotted #96A66D; }

small { font-size: 1rem; color: #999; }

.sidr { display: block; position: fixed; top: 0; height: 100%; z-index: 999999; width: 260px; overflow-x: hidden; overflow-y: auto; font-size: 15px; background: #f8f8f8; color: #333; }

.sidr .sidr-inner { padding: 0 0 15px; }

.sidr .sidr-inner > p { margin-left: 15px; margin-right: 15px; }

.sidr.right { left: auto; right: -260px; }

.sidr.left { left: -260px; right: auto; }

.sidr ul { display: block; margin: 0 0 15px; padding: 0; border-top: 1px solid #dfdfdf; border-bottom: 1px solid white; }

.sidr ul li { display: block; margin: 0; line-height: 48px; border-top: 1px solid white; border-bottom: 1px solid #dfdfdf; }

.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active { border-top: 0; line-height: 49px; }

.sidr ul li:hover > a, .sidr ul li:hover > span, .sidr ul li.active > a, .sidr ul li.active > span, .sidr ul li.sidr-class-active > a, .sidr ul li.sidr-class-active > span { box-shadow: 0 0 15px 3px #ebebeb inset; }

.sidr ul li a, .sidr ul li span { padding: 0 15px; display: block; text-decoration: none; color: #333; }

.sidr ul li ul { border-bottom: 0; margin: 0; }

.sidr ul li ul li { line-height: 40px; font-size: 13px; }

.sidr ul li ul li:last-child { border-bottom: 0; }

.sidr ul li ul li:hover, .sidr ul li ul li.active, .sidr ul li ul li.sidr-class-active { border-top: 0; line-height: 41px; }

.sidr ul li ul li:hover > a, .sidr ul li ul li:hover > span, .sidr ul li ul li.active > a, .sidr ul li ul li.active > span, .sidr ul li ul li.sidr-class-active > a, .sidr ul li ul li.sidr-class-active > span { box-shadow: 0 0 15px 3px #ebebeb inset; }

.sidr ul li ul li a, .sidr ul li ul li span { color: rgba(51, 51, 51, 0.8); padding-left: 30px; }

body { font-size: 16px; padding-top: 15px; }

img { width: 100%; height: auto; }

.clearfix:after { content: "."; clear: both; display: block; visibility: hidden; height: 0px; }

h5 { font-weight: normal; }

#wrap { width: 940px; }

#head { position: relative; height: 111px; }

#left { position: relative; width: 315px; padding-right: 25px; padding-top: 44px; background: url(images/svg/bird.svg) right 25px top no-repeat; background-size: 599px 43px; }

#left img { width: auto; }

#left .graphicTop { width: 47px; top: 30px; }

#left h2 { width: 100%; }

#left #text-6 { display: none; }

#left #text-9.widget_text { position: relative; padding-top: 50px; background: url(images/svg/recommendbg.svg) right top no-repeat; background-size: 600px 60px; }

#left #text-9.widget_text .graphicTop { width: 111px; top: 47px; }

#left .widget_recent_comments { background: url(images/svg/recentcomments.svg) left top 37px no-repeat; background-size: 125px 7px; }

#left .widget_recent_comments h2 { height: 65px; color: transparent; background: url(images/svg/recentcommentsbg.svg) right top no-repeat; background-size: 600px 65px; }

#left .widget_recent_comments ul { margin-top: -10px; }

#left .Annual_Archive_Widget { background: url(images/svg/annualarchive.svg) left top 37px no-repeat; background-size: 112px 7px; }

#left .Annual_Archive_Widget h2 { height: 91px; color: transparent; background: url(images/svg/annualarchivebg.svg) right top 45px no-repeat; background-size: 600px 46px; }

#left .Annual_Archive_Widget ul { margin-top: -40px; }

#left ul li.widget_categories { background: transparent url(images/svg/catbg.svg) right top no-repeat; background-size: 600px 140px; padding: 155px 0 30px 0; margin-top: -60px; }

#left ul li.widget_categories h2 { display: block; margin-top: -27px; color: transparent; background: url(images/svg/categories.svg) left top no-repeat; background-size: 80px 7px; }

#left .widget_recent_entries { background: url(images/svg/recentpost.svg) left top 28px no-repeat; background-size: 94px 7px; }

#left .widget_recent_entries h2 { height: 40px; color: transparent; background: url(images/svg/recentpostbg.svg) right top no-repeat; background-size: 600px 40px; }

#left .widget_recent_entries ul { margin-top: 0px; }

#left #ads { width: auto; padding-top: 0; text-align: center; background: none; }

#left #text-4.widget_text { position: relative; padding-top: 50px; background: url(images/svg/adsbg.svg) right top no-repeat; background-size: 600px 44px; }

#left #text-7 { text-align: center; }

#left .widget_top_posts { margin-top: 20px; background: url(images/svg/topposts.svg) left top 20px no-repeat; background-size: 68px 7px; }

#left .widget_top_posts h2 { height: 33px; color: transparent; background: url(images/svg/toppostsbg.svg) right top no-repeat; background-size: 600px 33px; }

#left .widget_top_posts a { display: block; margin-bottom: 10px; }

#left .widget_top_posts a img { width: 100%; height: auto; }

#left .recentcomments { font-size: 14px; line-height: 19px; }

#head .logo { position: absolute; top: 51px; width: 300px; height: 35px; }

#head .logo img rect { fill: #306fb5; }

#head nav { position: absolute; right: 0px; top: 70px; font-size: 14px; }

#head nav ul li { display: inline-block; padding-left: 20px; }

#head nav ul li.current-menu-item a { padding-bottom: 4px; border-bottom: 4px solid #000; }

#head nav ul li.navTwitter img { width: 14px; }

#head nav ul li.navInstagram img { width: 12px; }

#head nav ul li.navRss img { width: 12px; }

#head nav ul li a, #head nav ul li a:hover { text-decoration: none; color: #000; }

#head .hamburgerMenu { display: none; position: absolute; right: 20px; top: 36px; width: 20px; height: 18px; }

#head .hamburgerMenu .hamburgerIcon svg { position: absolute; left: 0; top: 0; }

#head .hamburgerMenu .closeMenu { display: none; text-align: center; }

#head .hamburgerMenu .closeMenu svg { height: 19px; margin-left: 11px; }

#head .hamburgerMenu path { fill: #333; }

.graphicTop { position: absolute; top: 15px; left: 0; width: 47px; }

#content { position: relative; width: 600px; margin-top: 7px; padding-top: 40px; background: url(images/svg/crowns.svg) right top no-repeat; background-size: 600px 34px; }

#content.about { margin-top: 17px; background: url(images/svg/aboutBirds.svg) right top no-repeat; background-size: 600px 26px; }

#content.about .graphicTop { top: 5px; width: 47px; }

#content.about .entry p:first-child { padding-top: 62px; text-align: center; background: url(images/circlePattern@2x.png) 50% 31px no-repeat; Background-size: 369px auto; }

#content.about .img-circle { display: inline; width: 300px; margin: 0 auto; margin-left: -11px; border-radius: 50%; }

#content.recipes { margin-top: 6px; padding-top: 37px; background: url(images/svg/recipebg.svg) right top no-repeat; background-size: 600px 37px; border-bottom: 1px solid #e5e5e5; }

#content.recipes .graphicTop { top: 19px; width: 51px; }

#content.recipes .postBlock { padding-top: 10px; background: url(images/bggrid@2x.png) left top repeat-y; background-size: 600px auto; line-height: 1.7rem; }

#content.recipes .postBlock .genre_subcat { clear: both; }

#content.recipes .postBlock article { position: relative; float: left; width: 190px; margin-top: 0; margin-right: 15px; }

#content.recipes .postBlock article:nth-child(3n) { margin-right: 0; }

#content.recipes .postBlock article:hover a { color: #ff6700; }

#content.recipes .postBlock article:hover img { opacity: 0.8; }

#content.recipes .postBlock article.catPost:hover a { opacity: 0.8; }

#content.recipes .postBlock article h3 { font-size: 0.875rem; line-height: 1.4rem; height: 2.8rem; }

#content.recipes .postBlock article h3 a { text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

#content.recipes .postBlock article h4 { position: absolute; font-size: 16px; text-align: center; width: 100%; line-height: 190px; color: white; }

#content.recipes .postBlock article .recipeThumb { display: block; }

#content.recipes .postBlock article .recipeThumb img { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

#content .graphicTop { width: 36px; }

ol#commentlist { font-size: 15px; line-height: 20px; }

#foot { padding-top: 30px; padding-left: 25px; font-size: 12px; }

@media (min-width: 0) and (max-width: 599px) { #head .logo { width: 70%; max-width: 300px; top: 33px; }
  #wrap { box-sizing: border-box; padding: 0 10px; }
  #left { float: none; width: 100%; background-position: right top; }
  #left ul li p { width: 100%; }
  #left iframe { position: relative; left: auto; margin: 0 auto; }
  #left h2.widgettitle { width: 100%; padding: 0; }
  #left .widget_top_posts a.topLink { display: block; width: 100%; }
  #left .widget_top_posts a.topLink:last-child { margin-left: 0; }
  #content.recipes .postBlock article.post { width: 48.5%; padding-right: 3%; margin-right: 0; }
  #content.recipes .postBlock article.post:nth-child(2n) { padding-right: 0; }
  table { font-size: 12px; line-height: 14px; } }

@media (max-width: 939px) { #head .logo { top: 33px; }
  #wrap { width: 100%; max-width: 600px; }
  #left, #content, #foot { box-sizing: border-box; float: none; width: 100%; margin: 0 auto; }
  #left { background-position: right top; padding-right: 0; margin-top: 20px; }
  #left h2 { padding-right: 0; }
  #left ul li p { width: 100%; }
  #left #text-2.widget_text, #left #text-4.widget_text, #left #text-5.widget_text, #left #text-6.widget_text { background-position: right 0 top; }
  #left .widget_top_posts a.topLink { display: inline-block; width: 49%; }
  #left .widget_top_posts a.topLink:last-child { margin-left: 2%; }
  nav { display: none; }
  #head .hamburgerMenu { display: block; }
  #commentform input, #commentform textarea { width: 100%; border: 1px solid #eeeeee; }
  #commentform input#submit, #commentform textarea#submit { padding: 5px 10px; }
  #sidr-main .sidr-class-navTwitter, #sidr-main .sidr-class-navInstagram, #sidr-main .sidr-class-navRss { float: left; width: 33.333%; margin-top: 30px; border-top: none; border-bottom: none; text-align: center; }
  #sidr-main .sidr-class-navTwitter img, #sidr-main .sidr-class-navInstagram img, #sidr-main .sidr-class-navRss img { width: 60%; }
  #foot p { margin-left: 0; } }

/*# sourceMappingURL=style.css.map */