/* Theme Name: Recipes Theme URI: http://live.bobosh.com/themes/recipes Author: myTheme Author URI: http://themeforest.net/user/myTheme/portfolio?ref=myTheme Description: Responsive recipes theme. View details... Tags: responsive-layout License: GNU General Public License License URI: license.txt Version: 1.1.4 TABLE OF CONTENTS --------------------------- 1. LAYOUT 2. HEADER 3. SECTION TITLES, SORTING, NAVIGATION 4. CONTENT 5. HERO 6. BLOG 7. RECIPE LISTING 8. SINGLE RECIPE 9. COMMENTS 10. WIDGETS 11. PAGE TEMPLATES 12. FORMS 13. MEDIA QUERIES /*-----------------------------------------------------------------------------------*/ /* 1. LAYOUT /*-----------------------------------------------------------------------------------*/ /* basics */ html {background-color:#202224;background-position:50% 0;background-repeat:no-repeat;color:#333;line-height:1.4;word-wrap:break-word;} #theme-light {background-color:#eeefe9;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;} *, *:before, *:after {margin:0;padding:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} :focus {outline:0;} /* clearfixes */ .inner:after, .page-navi:after, .widget_latest:after, .meta:after, article:after, .related:after, .header-inner:after, .section-related:after, .single-content:after, .rcps-login-tabs-nav:after {content:".";display:block;height:0;clear:both;visibility:hidden;} /* layout */ .wrap {margin:0 auto;} header {width:100%;} .header-inner {display:table;background-position:0 100%;background-repeat:repeat-x;padding:0.5em 0.5em;position:relative;width:100%;} .section-content {background:#f8f8f8;padding:2em 0 0 0;border-radius:0 0 4px 4px;} .single .section-content {border-radius:0;} .blog .section-content, .page .section-content {border-radius:4px;} .home.page .section-content {border-radius:0 0 4px 4px;} .inner {padding:0 0.5em;} aside {padding-top:2em;} /*-----------------------------------------------------------------------------------*/ /* 2. HEADER & FOOTER /*-----------------------------------------------------------------------------------*/ .header-branding {text-align:left;vertical-align:middle;display:table-cell;} /* logo */ .logo {display:inline-block;margin:0 1em 0 0;text-decoration:none;} .logo:hover {opacity:0.7;} .logo-text {font-size:1.25em;line-height:2;font-weight:bold;text-transform:uppercase;letter-spacing:0.08em;color:#fff;} #theme-light .logo-text {color:#111;} /* header-social */ .header-social {vertical-align:middle;display:table-cell;text-align:right;} .list-social li {display:inline;} .list-social a {display:inline-block;color:#f8f8f8;} .header-social .list-social {margin:0;} .header-social .list-social a {margin:0.5em 0 0.5em 1em;} #theme-light .header-social .list-social a {color:#333;} /* navigation */ .nav-main-ul {display:none;} .slicknav_btn {position:relative;display:block;vertical-align:middle;float:left;padding:0.438em 0.625em 0.438em 0.625em;line-height:1.125em;cursor:pointer;text-align:center;width:100%;} .slicknav_menu .slicknav_menutxt {display:inline-block;line-height:1.188em;} .slicknav_menu .slicknav_icon {display:inline-block;margin:0.188em 0 0 0.438em;} .slicknav_menu .slicknav_no-text {margin:0;} .slicknav_menu .slicknav_icon-bar {display:block;width:1.125em;height:0.125em;} .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {margin-top:0.188em;} .slicknav_nav {clear:both;margin:0;} .slicknav_nav ul, .slicknav_nav li {display:block;} .slicknav_nav .slicknav_arrow {font-size:0.8em;margin:0 0 0 0.4em;color:#666;} .slicknav_nav .slicknav_item {cursor:pointer;} .slicknav_nav .slicknav_row {display:block;} .slicknav_nav a {display:block;} .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a {display:inline} .slicknav_menu:before, .slicknav_menu:after {content:" ";display:table;} .slicknav_menu:after {clear:both} /* SlickNav User Style */ .slicknav_btn {text-decoration:none;} .slicknav_menu .slicknav_menutxt {color:#fff;font-weight:bold;} #theme-light .slicknav_menu .slicknav_menutxt {color:#333;} .slicknav_menu .slicknav_icon-bar {background-color:#ccc;} #theme-light .slicknav_menu .slicknav_icon-bar {background-color:#333;} .slicknav_menu {padding:0.25em 0.5em 0.25em 0.5em;background:#202224;background:rgba(0, 0, 0, 0.25);} #theme-light .slicknav_menu {background:#EEEFE9;} .slicknav_nav, .slicknav_nav ul {list-style:none;overflow:hidden;} .slicknav_nav ul {padding:0;margin:0 0 0 1em;} .slicknav_nav ul a {font-weight:normal;} .slicknav_nav .slicknav_row {} .slicknav_nav a {padding:0.5em 0.5em;text-decoration:none;color:#ccc;} #theme-light .slicknav_nav a {color:#333;} .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a {padding:0;margin:0;} .slicknav_nav .slicknav_txtnode {margin-left:15px;} /* account links */ .nav-main-ul li.nav-account > a {color:#999;} #theme-light .nav-main-ul li.nav-account > a {color:#666;} /* footer */ footer {clear:both;font-size:0.875em;} footer .inner {padding:2em 0.5em;background-repeat:repeat-x;} footer, footer a {color:#666;font-weight:normal;font-style:italic;} #theme-light footer, #theme-light footer a {color:#999;} footer a {border-bottom:1px solid #303030;border-color:rgba(255, 255, 255, 0.1);text-decoration:none;} footer a:hover {color:#999;} .nav-footer-ul li {display:inline;margin-right:0.5em;} /*-----------------------------------------------------------------------------------*/ /* 3. SECTION TITLES, SORTING, NAVIGATION /*-----------------------------------------------------------------------------------*/ /* section-title */ .section-title {padding:1em 0.5em 1.5em;width:100%;text-align:center;text-shadow:0 1px 3px rgba(0, 0, 0, 0.4);} #theme-light .section-title {text-shadow:none;} .section-title h1 {color:#fff;margin:0;font-size:2em;line-height:1;} #theme-light .section-title h1 {color:#111;} .section-title span {display:block;font-size:1.25em;font-style:italic;margin-bottom:0.125em;line-height:1;} /* section filter */ .section-filter {font-size:0.875em;border-radius:4px 4px 0 0;background-color:#f8f8f8;background-position:0 100%;background-repeat:repeat-x;} .home .section-filter, .author .section-filter {border-radius:0;} .home.paged .section-filter {border-radius:4px 4px 0 0;} .section-filter .inner {padding:0.75em 0.5em;text-align:center;} /* recipes number */ .recipes-number {display:none;line-height:2em;} /* sort */ .form-sort, .pages {display:block;} .form-sort {margin:0 auto;} .sort-title {margin:0 1em 0 0;display:inline-block;line-height:2em;text-transform:uppercase;letter-spacing:0.08em;font-weight:bold;} /* page numbers */ .pages {margin:0 0 0.5em 0;} .page-numbers {display:inline-block;margin:0;} .page-numbers li {display:inline-block;margin:0 1px;} .page-numbers a {color:#ddd;font-weight:normal;padding:0.25em 0.5em;background:#666;text-decoration:none;} .page-numbers li:first-child a, .page-numbers li:first-child, .page-numbers li:first-child .current {border-radius:2px 0 0 2px;} .page-numbers li:last-child a, .page-numbers li:last-child, .page-numbers li:last-child .current {border-radius:0 2px 2px 0;} .sort a.sort-active, .page-numbers .current {color:#fff;} .page-numbers .current {padding:0.25em 0.5em;} /* sort */ .select-sort {display:inline-block;margin:0;} .custom-select {position:relative;} .select-sort {position:absolute;top:0;right:0;padding:0;opacity:0.001;} .select-sort, .custom-select .btn-select {width:140px;padding:0.25em 1.5em 0.25em 0.5em;cursor:pointer;text-align:left;} .custom-select .btn-select {position:relative;display:inline-block;background:#666;text-decoration:none;border-radius:2px;color:#ddd;} .custom-select .btn-select:after {content:"\f0d7";font-family:FontAwesome;display:block;position:absolute;top:0.375em;right:0.75em;color:#999;} .page-numbers a, .page-numbers .current, .sort.custom-select .btn-select, #submit, .rcps-profile-link {background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0) 100%);box-shadow:inset 0 -2px 0 rgba(0, 0, 0, 0.2);text-shadow:0 1px 1px rgba(0, 0, 0, 0.3);} /*-----------------------------------------------------------------------------------*/ /* 4. CONTENT /*-----------------------------------------------------------------------------------*/ /* default margins */ p, blockquote, ul, ol, dl, table, pre, address, hr {margin-bottom:1em;} /* headers */ h2, h3, h4, h5, h6 {font-weight:400;} h1 {font-size:2em;margin:0 0 0.5em 0;line-height:1.1;font-weight:700;} h2 {font-size:1.75em;margin:1em 0 0.5em 0;line-height:1.25;} h3 {font-size:1.5em;margin:0.5em 0 0.25em 0;line-height:1.25;} h4 {font-size:1.25em;margin:0 0 1em 0;line-height:1.25;} h5 {font-size:1.125em;margin:0 0 1em 0;line-height:1.25;} h6 {font-size:1em;margin:0 0 1em 0;line-height:1.25;} /* lists */ li {list-style-position:inside;} ul ul, ol ol, ul ol, ol ul {margin:0 0 0 1em;} /* horizontal line */ hr {border:0;height:0;border-top:10px solid #EEEDE9;} /* tables */ table {border-collapse:separate;border-spacing:3px;width:100%;} th {text-align:left;} /* code */ code {background:rgba(0, 0, 0, 0.03);} pre {padding:0.5em 2.5em 0.5em 1.5em;white-space:pre-wrap;background:#EEEDE9;position:relative;} pre:after {content:"";position:absolute;right:0.5em;top:0.5em;color:#ccc;} /* definition lists */ dt {font-weight:bold;} dd {margin-left:1em;} /* links */ a {font-weight:bold;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none;color:#111;} a > img {vertical-align:bottom;} a img {border:none;} /* responsive images, videos, etc. */ img, video {max-width:100%;height:auto;border:0;} .ie8 img, .ie8 video {width:auto;} iframe {border:0;} /* text styles */ blockquote p {font-size:1.25em;line-height:1.2;color:#999;font-style:italic;position:relative;} blockquote p:before {content:"\201C";color:#999;position:absolute;left:-0.5em;} blockquote p:after {content:"\201D";color:#999;} .ingress {font-size:1.25em;color:#666;} .ingress-center {text-align:center;} /* captions */ .wp-caption {max-width:100%;} .wp-caption img {vertical-align:bottom;} .wp-caption-text {color:#999;padding:0.5em 0;text-align:center;font-style:italic;} .gallery-caption {margin-left:0;} /* aligns */ .alignleft {float:left;margin:1em 2em 1em 0;} .alignright {float:right;margin:1em 0 1em 2em;} .aligncenter {display:block;margin:1em auto 1em auto;} .alignnone {display:block;margin:1em 0 1em 0;} /* ads */ .ad-grid {clear:both;width:100%;max-width:100%;margin:1em auto 1.5em auto;text-align:center;} .ad-single {clear:both;width:100%;max-width:100%;margin:1em auto 1.5em auto;text-align:center;} /*-----------------------------------------------------------------------------------*/ /* 5. HERO /*-----------------------------------------------------------------------------------*/ .hero {overflow:hidden;position:relative;} .hero-image {height:320px;} .hero-image-img {height:320px;display:block;max-width:none;width:auto;border-radius:4px 4px 0 0;} .hero form {background:rgba(255, 255, 255, 0.7);width:94%;max-width:340px;margin:0 auto 2em auto;} .hero form .s {color:#666;} .hero-content {position:absolute;bottom:0;left:0;z-index:1;text-align:center;width:100%;color:#ddd;padding-bottom:3em; } .single-recipe .hero-content {background:rgba(0, 0, 0, 0.3);background:linear-gradient(to top, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.25) 70%, rgba(0, 0, 0, 0) 100%);} .hero-content h1 {width:96%;margin:0.25em auto 0.5em auto;font-size:2em;position:relative;color:#fff;text-shadow:0 1px 2px rgba(0, 0, 0, 0.3);} .hero-content h1 a {color:#fff;text-decoration:underline;} .single-recipe .hero-content h1:after {content:"";width:40px;height:0.125em;position:absolute;left:50%;bottom:-0.25em;margin-left:-20px;} .hero-meta {margin-bottom:1.5em;} .hero-meta.meta li {color:#ddd;font-size:1.125em;} /*-----------------------------------------------------------------------------------*/ /* 6. BLOG /*-----------------------------------------------------------------------------------*/ .single-content {margin:2em auto;position:relative;z-index:1;} .sticky {} .blog-post {padding-bottom:2em;margin-bottom:1em;border-bottom:1px solid #eee;} .blog-post:last-child {padding-bottom:0;margin-bottom:0;border-bottom:0;} .post-title {margin-bottom:1em;position:relative;font-weight:normal;} .post-title:after {position:absolute;left:50%;bottom:-15px;width:40px;height:5px;content:"";margin-left:-20px;} .post-title a {font-weight:normal;} .blog-post .featured-image-single {margin-bottom:1em;display:block;} .meta-post {text-align:center;} .blog-post .post-date {margin-bottom:0.125em;font-weight:400;font-style:italic;color:#999;text-align:center;display:block;} .post-title {margin-top:0;text-align:center;} /* page numbers */ .page-numbers-blog {margin:2em 0 0 0;text-align:center;} .page-numbers-blog li {display:inline-block;margin:0 1px;} .page-numbers-blog a {color:#999;font-weight:normal;padding:0.25em 0.5em;background:#e8e8e8;text-decoration:none;} .page-numbers-blog li:first-child a, .page-numbers-blog li:first-child, .page-numbers-blog li:first-child .current {border-radius:2px 0 0 2px;} .page-numbers-blog li:last-child a, .page-numbers-blog li:last-child, .page-numbers-blog li:last-child .current {border-radius:0 2px 2px 0;} .page-numbers-blog .current {color:#fff;} .page-numbers-blog .current {padding:0.25em 0.5em;} /*-----------------------------------------------------------------------------------*/ /* 7. RECIPE LISTING /*-----------------------------------------------------------------------------------*/ /* recipe items */ .item-recipe {margin-bottom:0.5em;padding-bottom:2em;text-align:center;border-radius:2px;position:relative;background:#fff;box-shadow:0 0 3px rgba(0, 0, 0, 0.1);} .item-recipe .item-featured-img {position:relative;} .item-recipe .item-featured-img img {display:block;border-radius:2px 2px 0 0;} .item-recipe .item-featured-img img:hover {opacity:1;} .lazy-hidden {background:#eee url(images/loading.gif) no-repeat 50% 50%;} .item-recipe .item-content {padding:1em;} .item-recipe .item-title {margin:0;font-size:1.125em;} .item-recipe .item-title a {font-weight:400;} .item-recipe .item-title a:hover {color:#333;} /* item taxonomy */ .item-tax {margin-bottom:0.25em;position:relative;z-index:99;font-size:0.875em;color:#999;} .item-tax a {font-weight:400;font-style:italic;color:#999;text-decoration:none;} .item-tax a:hover {color:#666;} /* votes percent */ .votes-percent {position:absolute;left:0;bottom:-7px;text-align:center;width:100%;} .votes-percent-inner {display:inline-block;margin:0 auto;width:50px;height:50px;border-radius:2px 2px 0 0;line-height:42px;font-weight:bold;} .votes-percent-inner.votes-light {color:#ddd;color:rgba(255, 255, 255, 0.75);} .votes-percent-inner.votes-dark {color:#444;color:rgba(0, 0, 0, 0.5);} .votes-percent-inner:after {content:"";position:absolute;left:50%;bottom:0em;margin-left:-25px;width:50px;height:0;border-left:25px solid transparent;border-right:25px solid transparent;border-bottom:8px solid #fff;} .meta-single .votes-percent {bottom:auto;top:-43px;z-index:99;} .meta-single .votes-percent-inner:after {border-bottom-color:#f2f2f2;} /* meta */ .meta li {display:inline-block;font-weight:normal;} .meta li, .meta a {font-weight:normal;color:#999;text-decoration:none;} .meta li i.fa {margin-right:0.5em;} .meta li {margin-right:1em;} .meta li:last-child {margin-left:0;} /* item meta */ .item-meta {margin:0;font-size:0.875em;padding:0.5em 1em;position:absolute;bottom:0;left:0;width:100%;background-repeat:repeat-x;} .item-meta li, .item-meta a {color:#666;} .item-meta i.fa {margin-right:0.5em;color:#999;} .item-meta .meta-ingredients {display:none;} /*-----------------------------------------------------------------------------------*/ /* 8. SINGLE RECIPE /*-----------------------------------------------------------------------------------*/ .single-recipe .single-content {margin-top:0;} .single-recipe .section-content {padding-top:0;} /* recipe meta */ .meta-single {background-color:#f2f2f2;background-position:0 100%;background-repeat:repeat-x;font-size:0.875em;position:relative;} .meta-single ul {margin:0;text-align:center;} .meta-single li {padding:0.5em 0.5em 1em 0.5em;display:inline-block;font-style:italic;text-align:left;color:#999;} .meta-single li b {display:block;line-height:1.25;font-style:normal;font-weight:normal;} .meta-single li b a {display:inline-block;text-decoration:none;border-bottom:2px solid #ddd;} .meta-single .meta-prep, .meta-single .meta-cook {display:none;} /* vote */ .vote {text-align:center;padding:1em 0;margin-top:3em;background-position:0 0, 20% 100%;background-repeat:repeat-x;} .vote a {font-weight:normal;text-decoration:none;color:#333;} .vote .fa-thumbs-up, .vote .fa-thumbs-down {margin-right:0.25em;color:#999;} .vote .fa-thumbs-down {margin-left:1em;} .vote span {color:#666;} /* ingredients */ .ingredients {padding-top:2em;} .ingredients h2 {margin-top:0;} .list-ingredients li {list-style:none;display:block;cursor:pointer;padding:0.25em 0.5em;color:#666;} .list-ingredients li:nth-child(2n) {background:#f2f2f2;} .list-ingredients li b {float:right;} .list-ingredients li:first-child {padding-top:0;} .ingredient-checkbox {margin-right:0.5em;} .checked .ingredient-checkbox {color:#999;} .list-ingredients li.checked {color:#999;} .list-ingredients li.checked span.ingredient-checkable, .list-ingredients li.checked span.ingredient-checkable b {text-decoration:line-through;} /* directions list */ .single-recipe .single-content ol {counter-reset:li;} .single-recipe .single-content ol > li {margin:0 0 1em 0;list-style:none;} .single-recipe .single-content ol > li:before {content:counter(li);counter-increment:li;display:inline-block;border-radius:50%;width:1.5em;height:1.5em;margin-right:0.5em;color:#fff;background:#282828;text-align:center;} /* print recipe */ .print {margin-top:3em;display:none;text-align:center;} .print a {text-decoration:none;font-style:italic;} .print a i.fa {margin-bottom:0.25em;display:block;color:#999;} /* titles on single bottom */ .bottom-title {text-align:center;text-transform:uppercase;letter-spacing:0.1em;position:relative;margin:0.125em 0 2em 0;} .bottom-title:after {position:absolute;left:50%;bottom:-15px;width:40px;height:5px;content:"";margin-left:-20px;} .header-desc {display:block;font-style:italic;font-weight:400;color:#999;margin:0;text-align:center;margin:0 auto;} /* single bottom */ .section-bottom {background:#f2f2f2;padding:0 0.5em 3em 0.5em;} .section-related {background:#f8f8f8;padding:2em 0.5em 0em 0.5em;border-radius:0 0 4px 4px;} .section-tags, .section-author, .section-comments {clear:both;padding-top:3em;} /* tags */ .section-tags {text-align:center;} .meta-tags {margin-bottom:1em;} .meta-tags li {display:inline;} .meta-tags a {display:inline-block;margin:0 0.25em;} /* author */ .section-author {text-align:center;} .section-author .avatar {margin:0 auto 1em auto;border-radius:50%;display:block;} .section-author .list-social a {margin:0 0.5em;color:#fff;} .item-author .list-social a {color:#fff;} /*-----------------------------------------------------------------------------------*/ /* 9. COMMENTS /*-----------------------------------------------------------------------------------*/ .comments {clear:both;} .commentlist {margin:0;list-style:none;} .commentlist ul {list-style:none;margin:0;} .commentlist li li {padding:0 0 0 1em;position:relative;} .commentlist li li:after {content:"\f149";font-family:FontAwesome;display:block;position:absolute;top:0;left:0;color:#ccc;} .comment-body {background:#fff;padding:1em 1.25em 0.5em 1.25em;clear:both;position:relative;margin-bottom:1em;border:1px solid #eee;border-radius:2px;} .comment-body:after {content:"\f0d7";font-family:FontAwesome;position:absolute;left:0.375em;bottom:-0.75em;z-index:9;color:#fff;font-size:2em;} article.comment {margin-bottom:1.5em;} .comment-body p {margin-bottom:0.5em;} /* comment author */ .comment-author {margin-bottom:0.5em;} .comment-author a {text-decoration:none;} .comment-author cite {font-style:normal;font-weight:bold;display:block;} .comment-author cite a {text-decoration:underline;} .comment-author .avatar {float:left;margin:0 1em 0.5em 0;border-radius:50%;} /* comment by post author */ .bypostauthor > .comment-author > cite:after {background:#bbb;color:#fff;text-transform:uppercase;font-size:0.75em;letter-spacing:0.08em;text-transform:uppercase;margin-left:1em;padding:0 0.5em;font-weight:normal;border-radius:2px;} /* comment time */ .comment-time, .comment-reply-link {color:#999;font-weight:normal;font-size:0.875em;border:0;} .comment-reply-link {margin-left:0.5em;} /* cancel reply */ #cancel-comment-reply-link {margin-left:0.25em;color:#999;} .comment-pages {text-align:center;} /*-----------------------------------------------------------------------------------*/ /* 10. WIDGETS /*-----------------------------------------------------------------------------------*/ .widget-container {clear:both;margin-bottom:2em;color:#999;} #theme-light .widget-container {color:#666;} .widget-container a {color:#999;font-weight:normal;text-decoration:none;border-bottom:1px solid #303030;border-color:rgba(255, 255, 255, 0.1);} #theme-light .widget-container a {color:#666;border-color:#ccc;border-color:rgba(0, 0, 0, 0.1);} .widget-container a:hover {color:#ccc;} #theme-light .widget-container a:hover {color:#333;} .widget-container li {list-style:none;} /* widget titles */ .widget-title {margin:0 0 1.25em 0;font-weight:700;position:relative;color:#e2e2e2;} #theme-light .widget-title {color:#333;} .widget-title:after {content:"";position:absolute;left:0;bottom:-0.375em;width:30px;height:0.111em;z-index:0;} /* custom recipes widget */ a.widget-recipes-item {clear:both;display:block;border:0;margin-bottom:1em;} .widget-recipes-title {border-bottom:1px solid #303030;border-color:rgba(255, 255, 255, 0.1);} #theme-light .widget-recipes-title {border-color:#ccc;border-color:rgba(0, 0, 0, 0.1);} .widget-recipes-item .wp-post-image {float:left;margin:0 1em 0 0;border-radius:2px;} .widget-recipes-item .meta {margin:0;} .widget-recipes-item .meta li {margin-right:0.375em;color:#666;font-size:0.875em;line-height:1.6;} #theme-light .widget-recipes-item .meta li {color:#999;} .widget-recipes-item .meta i.fa {margin-right:0.125em;} /* calendar widget */ .widget_calendar caption {text-align:left;} .widget_calendar table {width:100%;border-collapse:collapse;} .widget_calendar th {text-align:left;} .widget_calendar #next {text-align:right;} /* rss widget */ .widget_rss li {margin:0.5em 0;} .rss-date {display:block;} /* recent comments widget */ .widget_recent_comments li {margin-bottom:1em;} /* recent posts widget */ .widget_recent_entries li {margin-bottom:1em;} .widget_recent_entries .post-date {display:block;color:#666;font-size:0.875em;line-height:1.6;} #theme-light .widget_recent_entries .post-date {color:#999;} /* tag widget */ .widget_tag_cloud a {display:inline-block;} /*-----------------------------------------------------------------------------------*/ /* 11. PAGE TEMPLATES /*-----------------------------------------------------------------------------------*/ /* member directory */ .item-member {border-bottom:1px solid #ddd;margin-bottom:2em;padding-bottom:1em;margin-bottom:1em;display:table;width:100%;table-layout:fixed;} .item-member:last-child {border-bottom:0;} .item-member-avatar {display:table-cell;vertical-align:middle;width:76px;} .item-member-title {display:table-cell;vertical-align:middle;} .item-member-title h3 {margin:0;} .item-member-recipes-number {font-style:italic;color:#666;} .item-member-profile-link {display:table-cell;vertical-align:middle;text-align:right;} .rcps-profile-link {text-decoration:none;color:#fff;padding:0.125em 0.75em;border-radius:4px;white-space:nowrap;} /* user profile */ .section-profile {background-color:#f2f2f2;border-radius:4px 4px 0 0;padding:60px 0 1em 0;text-align:center;box-shadow:inset 0 -2px 1px 0 rgba(0, 0, 0, 0.05);background-image:linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.0) 30%);} .section-profile-alternate {background:#f8f8f8;border-radius:4px;} .section-profile-bio {margin:0 auto 1em auto;} .section-profile-bio span {line-height:0.8;font-size:1.25em;color:#999;padding:0 0.125em;} /* avatars */ .account-avatar {position:relative;} .account-avatar .avatar {position:absolute;left:50%;top:-13px;margin-left:-30px;vertical-align:bottom;} .rcps-avatar .avatar {border-radius:50%;vertical-align:bottom;box-shadow:0 0 0 6px #dfdfdf;} /* submit a recipe */ .rcps-form th {font-weight:normal;padding:0.25em 0;color:#999;} .rcps-form tr.hidden {display:none;} .rcps-form tr.visible {display:table-row !important;} .rcps-form .rcps-td-ingredient {padding-right:3%;} .rcps-form .rcps-td-ingredient input.rcps-text-input {width:100%;} .rcps-form .rcps-td-amount input.rcps-text-input {width:100%;} .rcps-form .rcps-td-amount {width:31.333%;} .rcps-form .add-field {text-decoration:none;} .rcps-form-table {border-collapse:collapse;margin:0;} .rcps-form-table td {padding-bottom:0.75em;} .rcps-fieldset {border:0;border-bottom:1px solid #eee;padding:0.75em 0;} .comment-form .rcps-fieldset {border-color:#e6e6e6;} .rcps-fieldset-last {border-bottom-width:4px;} .rcps-label {margin:0.25em 0;font-weight:bold;display:block;padding-top:1px;} .rcps-form-submit {margin-top:1em;width:auto;} .rcps-fieldset .custom-select-wrap {display:inline-block;} .custom-select-wrap.select-sort, .custom-select-wrap.custom-select .btn-select {width:auto;padding:0.25em 1.75em 0.25em 0.5em;} .custom-select-wrap.custom-select .btn-select {position:relative;display:inline-block;background:#f5f5f5;text-decoration:none;border-radius:4px;color:#ddd;text-transform:capitalize;border:1px solid #ddd;color:#666;box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.05);} .custom-select-wrap.custom-select .btn-select:after {content:"\f0d7";font-family:FontAwesome;display:block;position:absolute;top:0.375em;right:0.75em;color:#999;} input.rcps-text-input, textarea.rcps-textarea {display:block;padding:0.25em 0.5em;border:1px solid #ddd;background:#f5f5f5;box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.05);border-radius:4px;margin:0;} .form-profile fieldset input.rcps-text-input:focus, .form-profile fieldset textarea:focus {box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 0 0 1px #BB9356;border-color:#BB9356;} .rcps-form-description {margin:0.25em 0 0 0;color:#999;font-size:0.875em;} /* alerts */ .rcps-alert {padding:0.5em 1em;background:#f2f2f2;border-radius:4px;} .rcps-alert-red {background:#F2DEDE;color:#A94442;} .rcps-alert-red a {color:#A94442;} .rcps-alert-green {background:#DFF0D8;color:#3C763D;} .rcps-alert-green a {color:#3C763D;} .rcps-alert-yellow {background:#FCF8E3;color:#8A6D3B;} .rcps-alert-yellow a {color:#8A6D3B;} .rcps-alert-blue {background:#D9EDF7;color:#31708F;} .rcps-alert-blue a {color:#31708F;} /*-----------------------------------------------------------------------------------*/ /* 12. FORMS /*-----------------------------------------------------------------------------------*/ input, textarea, button, select {font-family:inherit;font-size:100%;max-width:100%;margin-bottom:1.5em;} textarea {overflow:auto;vertical-align:top;} input, textarea, .searchform {background:transparent;color:#666;padding:1em;width:100%;border:1px solid #ddd;} input.placeholder, textarea.placeholder {color:#999;} ::-moz-placeholder {opacity:1;} input:focus, textarea:focus, button:focus {outline:none;} input[type="text"]:disabled, textarea:disabled {color:#999;} /* submit button */ #submit {padding:0.5em 1.5em;cursor:pointer;color:#fff;margin:1em 0;border:0;display:block;width:auto;border-radius:4px;} p.form-submit {margin:0;} /* search */ .searchform {padding:0;background:#D8D8D0;border-radius:2px;border:0;} .searchform .s {margin:0;width:75%;background:none;border:0;color:#999;} .searchsubmit {float:right;background:transparent;margin-bottom:0;border:0;padding:0.5em 0.5em;cursor:pointer;color:#999;clear:none;} /* search */ .nav-search {margin:0;padding:0.5em 0 1em 0;} .searchform-recipes {margin:0;background:#e8e8e8;padding:0;} .searchform-recipes .s {color:#666;padding:0.5em 0 0.5em 1em;} .searchform-recipes .searchsubmit {padding:0.5em 1em 0.5em 1em;} #input-recipe-search-hero::-webkit-input-placeholder {color:#666;} /* login/register popup */ .rcps-popup {position:relative;background:#fff;width:auto;max-width:420px;margin:1em auto 0 auto;border-radius:4px;} .rcps-popup form {padding:0em 1em 1em 1em;} .rcps-popup #submit {margin-bottom:0;} /* login/register tabs */ .rcps-login-tabs-nav {background:#f2f2f2;border-radius:4px 4px 0 0;margin:0 0 2em 0;} .rcps-login-tabs-nav li {display:inline-block;overflow:hidden;padding:0;float:left;} .rcps-login-tabs-nav a {display:block;padding:0.5em 1em;text-decoration:none;color:#777;font-weight:normal;border-bottom:0.125em solid #f2f2f2;} .rcps-login-tabs-nav li.rcps-login-tabs-nav-active a {color:#333;border-bottom-color:#BB9356;} .ajax-auth label.error {display:none !important;} .ajax-auth input.error {border:1px solid #FF0000 !important;} /*-----------------------------------------------------------------------------------*/ /* 13. MEDIA QUERIES /*-----------------------------------------------------------------------------------*/ @media screen and (min-width:300px) { .one_half_mobile {float:left;display:inline;width:48.5%;margin-right:3%;} .last_mobile {margin-right:0;} .clear {clear:both;} } @media screen and (min-width:500px) { .inner {width:94%;margin-left:auto;margin-right:auto;} } @media screen and (min-width:660px) { .sort, .pages {margin:0;} .recipes-number {display:inline-block;} .recipes-number, .form-sort, .pages {display:inline-block;margin:0 2em;} .meta-single .meta-prep, .meta-single .meta-cook {display:inline-block;} .item-recipe {margin-bottom:2em;} .one_half, .one_third, .one_fourth {float:left;display:inline;width:47.5%;margin-right:3%;} .one_third {width:31.333%;} .one_fourth {width:22.75%;} .last {margin-right:0;} /* forms */ .rcps-label {float:left;width:25%;margin:0.25em 0;padding-right:1em;} input.rcps-text-input, textarea.rcps-textarea {width:50%;} .rcps-form .wide, .comment-form .wide {width:75%;} .rcps-form .narrow, .comment-form .narrow {width:25%;} .rcps-form-table {width:75%;max-width:75%;} .rcps-form-description {margin-left:25%;} .rcps-form-submit, .comment-form #submit {margin-left:25%;} /* ads */ .ad-grid {margin:0 auto 2em auto;} } @media screen and (min-width:745px) { /* layout */ .inner {width:720px;padding:0;} .section-content .inner {width:94%;} aside {padding:4em 0 1em 0;} .header-inner {padding:1em 1em;} .section-filter .inner {padding:1em 0;} .section-bottom {padding:0 0 3em 0;} /* hero */ .hero, .home.paged .section-filter {margin-top:1em;} .hero-image {height:320px;} .hero-image-img {height:auto;width:100%;} .meta-single {padding:0;font-size:1em;} .meta-single li {padding:1.25em 2em;} .section-profile-bio {width:40%;} .section-title {padding:1.5em 0 2em 0;} .single-content {width:72%;} aside {padding-left:0;padding-right:0;margin-left:0;margin-right:0;} .print {display:block;} /* navigation */ .nav-main-ul {display:block;padding-right:2em;} .slicknav_menu {display:none;} .nav-main {display:table-cell;vertical-align:middle;position:relative;} .nav-main-ul {margin:0;list-style:none;} .nav-main-ul li {position:relative;} .nav-main-ul > li {display:inline-block;width:auto;position:relative;border:0;} .nav-main-ul > li > a {padding:1em 0.375em;color:#ccc;text-transform:uppercase;letter-spacing:0.06em;font-size:0.75em;} #theme-light .nav-main-ul > li > a {color:#333;} .nav-main-ul > li > a:hover, .nav-main-ul > li.sfHover > a {color:#fff;} #theme-light .nav-main-ul > li > a:hover, #theme-light .nav-main-ul > li.sfHover > a {color:#666;} .nav-main-ul > li.menu-item-has-children > a:after {display:none;} .nav-main-ul a {display:block;position:relative;font-size:0.875em;text-decoration:none;font-weight:400;} /* drop-down navigation */ .nav-main-ul > li.hover > ul , .nav-main-ul li li.hover ul {position:absolute;} .nav-main-ul .sub-menu {position:absolute;display:none;top:100%;left:0;z-index:9999;min-width:12em;padding:0;margin:0;background:#fff;box-shadow:0 0 3px rgba(0, 0, 0, 0.1);list-style:none;border-radius:4px;} .nav-main-ul > li > .sub-menu:after {content:"";position:absolute;left:50%;top:-0.5em;margin-left:-0.5em;width:0;height:0;border-left:0.5em solid transparent;border-right:0.5em solid transparent;border-bottom:0.5em solid #fff;} .nav-main-ul .sub-menu .sub-menu {top:0;left:100%;} .nav-main-ul .sub-menu li {position:relative;border:0;} .nav-main-ul .sub-menu a {padding:1em 1.5em;border-bottom:1px solid #f2f2f2;color:#666;} .nav-main-ul .sub-menu a:before {content:"";} .nav-main-ul .sub-menu a:hover {background:#f8f8f8;} .nav-main-ul .sub-menu li:first-child > a {border-radius:4px 4px 0 0;} .nav-main-ul .sub-menu li:last-child > a {border-bottom:0;border-radius:0 0 4px 4px;} /* account */ .nav-main-ul li.nav-account .nav-register {color:#fff !important;border-radius:4px;padding:0.375em 0.75em;background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0) 100%);box-shadow:inset 0 -2px 0 rgba(0, 0, 0, 0.2);text-shadow:0 1px 1px rgba(0, 0, 0, 0.3);} .nav-account li a:after {font-family:FontAwesome;float:right;} .nav-account .nav-account-settings a:after {content:" \f013";} .nav-account .nav-account-profile a:after {content:" \f007";} .nav-account .nav-account-logout a:after {content:" \f08b";} .nav-account .nav-account-dashboard a:after {content:" \f0e4";} /* search */ .nav-main-ul > li.nav-search {position:absolute;right:0;z-index:99;padding:0;} .nav-search .searchform-recipes {background:transparent;margin:0;padding:0;} .nav-search .searchform-recipes .s {padding:0.5em 0 0.5em 1em;color:#bbb;display:none;} #input-recipe-search::-webkit-input-placeholder {color:#bbb;} .nav-search .searchsubmit {padding:0.5em 1em 0.5em 1em;} .nav-search .searchform-recipes.show-search {background:#202224;box-shadow:inset 0 0 4px rgba(0, 0, 0, 0.2);} .nav-search .searchform-recipes.show-search .s {display:inline-block;} } @media screen and (min-width:960px) { .inner {width:92%;} .header-inner {z-index:99;} .nav-main-ul > li > a {padding:1em 0.75em;} /* hero */ .hero-image {height:400px;} .hero-content h1 {width:600px;font-size:3em;} .hero form {font-size:1.5em;} /* single */ .single-content {width:59.259%;} .section-author p, .section-comments {width:45%;margin-left:auto;margin-right:auto;} } @media screen and (min-width:1160px) { .wrap {width:1140px;} .inner, .section-content .inner {width:1080px;} .header-inner {padding:1em 0;} /* hero */ .hero-image {height:500px;} .hero-content h1 {width:760px;font-size:3.5em;} .single-recipe .hero-content h1:after {width:50px;margin-left:-25px;} .item-meta .meta-ingredients {display:inline-block;} /* footer */ footer .inner {padding-left:0;padding-right:0;} .nav-footer-ul {float:left;} footer p {float:right;} } /* Magnific Popup 1.0.0 */ .mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#202224;opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1;filter:alpha(opacity=100)}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow .mfp-b,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right .mfp-b,.mfp-arrow-right:before{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}