/* 
	Theme Name: LoveInspired
	Theme URI: 
	Description: mobile styles for Love Inspired theme
	Version: 1.3
*/
/* @group iPad landscape and smaller */
@media only screen and (max-width: 1024px) {
  h1 {
    font-size: 3.4rem;
    line-height: 3.8rem;
  }

  h2 {
    font-size: 3.4rem;
    line-height: 3.8rem;
  }

  h2 span {
    padding: 0 2rem;
    margin-left: 2rem;
  }

  h2 strong {
    font-size: 1.4rem;
    line-height: 3.8rem;
  }

  h4 {
    font-size: 2.4rem;
    line-height: 3.9rem;
  }

  h4 span {
    padding: 0 2rem;
  }

  /* Site */

  #wrapper {
    width: 100%;
    max-width: 100%;
    margin: 0 auto 60px;
    padding: 56px 0 0;
    background: url('images/bg-top.png') no-repeat center top;
    position: relative;
  }

  #top-bar {
    width: auto;
    max-width: 90%;
    margin: 0 auto 20px;
  }

  #logo {
    margin: -54px auto 0;
  }

  #menu {
    margin: -104px auto 70px;
  }

  #menu > div {
    padding: 0;
  }

  #menu ul {
    font: 400 2.5rem/7rem 'Bentham', serif;
  }

  #menu li {
    padding: 0 2rem;
  }

  #page-gradient {
    height: 300px;
  }

  .content {
    width: 90%;
    min-height: 400px;
    margin: 90px auto 50px;
    padding: 25px 5% 0;
    top: 20px;
  }

  .page-about-me #page,
  .page-barn #page {
    margin-top: 90px;
  }

  #page-header {
    padding: 22px 5% 26px;
    margin-bottom: 40px;
  }

  #page-header h1 {
    padding-right: 6.5%;
    min-width: 230px !important;
    font-size: 4rem;
    line-height: 4rem;
  }

  #page-header h1 strong {
    font-size: 1.2rem;
  }

  #page-summary {
    padding-left: 6.5%;
  }

  #instagram {
    width: 90%;
    margin: 0 auto;
  }

  #instagram h3 {
    float: none;
    padding: 0;
    background: none;
    font-size: 4.2rem;
    line-height: 4.8rem;
  }

  #instagram h3 span {
    display: inline;
    font-size: 1.8rem;
    line-height: 4.8rem;
  }

  #instagram ul.instagram-pics {
    max-width: 936px;
    float: none;
    text-align: center;
  }

  #footer {
    width: 90%;
    margin: 0 auto;
    padding: 20px 0;
  }

  #footer .footer-cell {
    padding: 20px 20px 0px;
    vertical-align: top;
  }

  #footer h3 {
    font-size: 2.3rem;
    line-height: 2.8rem;
  }

  #footer-sidebar .widget_top-posts img {
    max-width: 110px;
  }

  #footer-sidebar .widget_top-posts .widgets-grid-layout {
    max-width: 240px;
  }

  #footer-sidebar .widget_top-posts .widget-grid-view-image {
    margin: 0 10px 10px 0;
  }

  #footer-menu ul {
    margin: 0 auto 20px;
  }

  #bottom-social a {
    font-size: 2.6rem;
    margin: 0 0.9rem;
  }

  #footer-connect {
    max-width: none;
  }

  .footer-cookbook {
    margin-bottom: 30px;
  }

  .footer-newsletter {
    max-width: none;
  }

  #copyright,
  p#breadcrumbs {
    width: 100%;
    padding: 0 5%;
  }

  #copyright a,
  #copyright span {
    white-space: nowrap;
  }

  #copyright i {
    font-style: normal;
    padding: 0 2rem;
  }

  .newsletter-shortcode {
    margin: 0 auto 50px;
  }

  .newsletter-shortcode,
  .cookbook-shortcode {
    max-width: 100% !important;
  }
  /* Pages */

  .row form#search {
    max-width: none;
    text-align: right;
  }

  .error404 .row form#search {
    margin-right: 0;
  }

  .row input#query {
    max-width: 90%;
    margin: 0 0 0 auto;
  }

  .post-content input#query {
    max-width: 90%;
    margin: 0 0 0 auto;
  }

  .row button#search-submit {
    float: right;
    padding: 0 1rem;
    margin-left: 1rem;
  }

  #page-footer,
  #page-footer-alt,
  #index-cookbook,
  #recipe-cookbook {
    width: 100%;
    margin: 0 auto;
  }

  #page-footer .cookbook-shortcode {
    float: none;
    margin-right: 0;
  }

  #page-footer .newsletter-shortcode {
    clear: both;
  }

  .page-about-me #about-me {
    width: 100%;
    margin-bottom: 50px;
  }

  #cookbook {
    width: 100%;
    margin: 0 auto 50px;
  }

  .page-cookbook #special-offer,
  .page-cookbook #sneak-peek {
    margin-bottom: 50px;
  }

  .page-cookbook #special-offer .wp-caption {
    margin: 0 15px;
  }

  .page-cookbook #special-offer p.wp-caption-text,
  .page-cookbook #sneak-peek p.wp-caption-text {
    font-size: 2rem;
    line-height: 2.4rem;
    margin-top: 1rem;
  }

  .page-cookbook #order {
    padding-bottom: 30px;
  }

  .page-cookbook #order h2 {
    margin-bottom: 30px;
    font-size: 3.2rem;
  }

  .page-cookbook #order img {
    width: 30%;
    margin: 0 1.5%;
    max-width: 230px;
  }

  .page-cookbook #order .col {
    width: 30%;
  }

  .page-cookbook #order .col img {
    width: 100%;
    max-width: 230px;
  }

  /* Blog */

  #blog {
    padding: 25px 2.5% 0;
  }

  #blog .row {
    width: 72%;
    margin-left: 0;
  }

  /* Sidebar */

  #sidebar {
    width: 24%;
  }

  .sidebar-item {
    width: 200px;
    margin: 0 auto 40px;
  }

  /* Posts */

  .post-header {
    border-bottom: 1px solid #dddddc;
    padding: 20px;
    margin: 0 auto 50px;
  }

  .post-header h1 {
    font-size: 4rem;
    line-height: 4rem;
    margin-bottom: 2rem;
  }

  .post-meta {
    margin-bottom: 30px;
  }

  a.post-recipe-jump,
  .post-date {
    max-width: 100%;
  }

  .post-category {
    display: block;
    max-width: 100%;
    margin-top: 10px;
  }

  .post-content {
    width: 100%;
    margin: 0 auto 50px;
  }

  .post-content img {
    max-width: 100%;
    height: auto;
    margin-bottom: 30px;
  }

  .post-content .shopthepost-widget {
    background: #f7f3f0;
    padding: 40px 20px 20px;
    margin: 50px auto 30px;
  }

  .post-content .shopthepost-widget:before {
    margin: -64px auto 20px;
  }

  #blog .chicory-order-ingredients {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .post-spotlight {
    margin: 0 auto 80px;
  }

  .post-spotlight .index-video-thumb {
    min-height: 300px;
    height: auto;
  }

  .post-spotlight a.index-video-thumb p {
    font-size: 5rem;
    line-height: 5rem;
  }

  .post-related {
    margin-bottom: 50px;
    padding-bottom: 30px;
  }

  .post-related .crp_related li {
    width: 20%;
    margin: 0 2% !important;
  }

  /* Comments */

  #comments {
    margin-top: 50px;
  }

  #comments ol.comment-list {
    margin-top: 80px;
  }

  #comments ol.comment-list li {
    padding: 3rem;
  }

  ol.comment-list .comment-meta,
  ol.comment-list .commentmetadata,
  ol.comment-list .comment-author {
    font-size: 2rem;
  }

  /* Archives */

  .archive-block img {
    width: 40%;
  }

  .archive-block h6 {
    padding-top: 0;
  }

  body.search .archive-block img {
    width: 40%;
  }

  /* Index */

  #index-post {
    width: 90%;
  }

  #index-post .index-post-img {
    max-width: 45%;
    margin-left: 5%;
  }

  #index-slideshow .slider-navigation .next,
  #index-slideshow .slider-navigation .prev {
    top: auto;
    padding: 0;
    border: 0 none;
    position: inherit;
    display: table;
  }

  #index-slideshow .slider-navigation .next {
    margin: 0 0 0 auto;
  }

  #index-slideshow .slider-navigation .prev {
    float: left;
    margin: 0 auto 0 0;
  }

  #ad-space-one {
    margin: 0 auto 30px;
  }

  #brand-new {
    margin: 0 auto 30px;
  }

  .post-thumb-box-wrap {
    bottom: 50px;
    font-size: 1.8rem;
    line-height: 2.4rem;
  }

  .post-thumb-box-date {
    font-size: 1.2rem;
  }

  #index-video-wrap {
    padding: 30px 0;
    margin-bottom: 50px;
  }

  #index-video-inner {
    width: 90%;
  }

  #index-video .index-video-p {
    margin-bottom: 2rem;
  }

  #ad-space-two {
    float: none;
    max-width: none;
  }

  #ad-space-two .adthrive-ad {
    margin-bottom: 30px;
    margin-top: 0;
  }

  #index-video {
    float: none;
    width: 100%;
  }

  #index-spotlight {
    margin: 0 auto;
  }

  .index-spotlight {
    width: 100%;
    margin: 0 auto 50px;
    padding-bottom: 30px;
  }

  .index-spotlight h2 {
    margin-bottom: 30px;
  }

  .index-spotlight a {
    width: 20%;
    margin: 0 2%;
  }

  .index-spotlight a img {
    margin-bottom: 20px;
  }

  .index-spotlight a p {
    font-size: 2rem;
    line-height: 2.4rem;
  }

  #ad-space-three,
  #ad-space-four {
    float: none;
    max-width: none;
  }

  #ad-space-three .adthrive-ad,
  #ad-space-four .adthrive-ad {
    margin-bottom: 50px;
  }

  #index-cookbook,
  #recipe-cookbook {
    margin-bottom: 80px;
  }

  #index-cookbook .cookbook-shortcode,
  #recipe-cookbook .cookbook-shortcode {
    float: none;
  }

  #index-cookbook .cookbook-shortcode,
  #index-cookbook .newsletter-shortcode {
    max-width: 100%;
  }

  #index-cookbook .newsletter-shortcode {
    margin-bottom: 30px;
  }

  #index-about {
    width: 100%;
    margin: 0 auto 40px;
  }

  #index-about-image {
    display: block;
    width: 33%;
    padding: 0 15px 15px;
    margin: -20px 30px 30px 0;
  }

  #index-about-image img {
    max-width: 100%;
    width: 100%;
    margin-top: -15px;
  }

  #index-about h1 {
    left: -40px;
    margin: 30px auto 20px 0;
  }

  #index-about p {
    line-height: 3.4rem;
    margin-bottom: 3.4rem;
  }

  .page-shop #page {
    padding-top: 25px;
  }

  #shop {
    width: 100%;
    margin-bottom: 40px;
  }

  #shop h2 {
    margin-bottom: 30px;
  }

  #shop .col {
    float: left;
    width: 22%;
    margin: 0 1.5% 50px;
    padding-top: 0;
  }

  #shop .col.right {
    float: right;
    margin: 0 1.5% 50px;
  }

  #shop .col p {
    font-size: 2rem;
    line-height: 3rem;
  }

  #shop a {
    width: 22%;
  }

  #shop a img {
    width: 100%;
    height: auto;
  }

  #shop .col a.button {
    width: 100%;
  }

  ul#shop-mini {
    margin-top: 0;
  }

  ul#shop-mini li:after {
    display: none;
    content: '';
    margin-left: 0;
  }

  ul#shop-mini li a {
    padding: 0 2rem;
    white-space: nowrap;
  }

  /* Recipe Archive */

  #recipe h2 {
    text-align: left;
  }

  #recipes-search {
    max-width: 100%;
    margin: 0 auto 40px;
  }

  #recipe-query {
    max-width: 70%;
  }

  #recipe-nav {
    margin: 0 auto 40px;
    width: 100%;
    padding: 0;
  }

  ul#recipe-menu {
    display: none;
    visibility: hidden;
  }

  #recipe-mobile-menu {
    display: block;
    visibility: visible;
    margin-bottom: 3rem;
  }

  ul#recipe-menu {
    position: static;
    display: none;
    visibility: hidden;
    margin-right: 0;
    margin-bottom: 10px;
    margin-left: 0;
    padding: 0;
    z-index: 999;
    width: 90%;
    float: none;
  }

  ul#recipe-menu > li.open,
  ul#recipe-menu > li:hover,
  ul#recipe-menu > li:focus,
  ul#recipe-menu > li:active,
  ul#recipe-menu > li.current-cat {
    background-position: left 22px;
  }

  /*Display the dropdown on hover*/
  ul#recipe-menu li a:hover + .hidden,
  #recipe-menu .sub-menu:hover,
  ul#recipe-menu li a:hover + .sub-menu,
  #recipe-menu .hidden:hover,
  #recipe-menu .children:hover,
  ul#recipe-menu li a:hover + .children,
  #recipe-menu .children:hover {
    display: block;
  }

  /*Style 'show menu' label button and hide it by default*/
  .recipe-show-menu {
    display: block;
    font: 700 1.6rem/2.2rem 'Proxima Nova', sans-serif;
    color: #000;
    letter-spacing: 0.2rem;
    text-transform: uppercase;
    text-align: left;
    padding: 0 0 3rem 3rem;
    margin-bottom: 3rem;
    background: url('images/arrow-recipe.png') no-repeat left 22px;
    background-size: 280px;
  }

  /*Hide checkbox*/
  input[type='checkbox']#recipe-show-menu {
    display: none;
    -webkit-appearance: none;
  }

  /*Show menu when invisible checkbox is checked*/
  input[type='checkbox']#recipe-show-menu:checked ~ #recipe-menu {
    display: block;
    visibility: visible;
  }

  ul#recipe-menu li,
  #recipe-menu li a {
    width: 100%;
  }

  .recipe-archive {
    float: none;
    border: 0 none;
    padding-left: 0;
    width: 100%;
  }

  .recipe-archive h1 {
    margin: 0 auto 20px;
  }

  .recipe-block {
    width: 20%;
    margin: 0 2% 30px;
  }

  .recipe-block img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
  }

  #recipes-brand-new,
  #video-favs {
    margin-bottom: 50px;
  }

  #recipes-brand-new #ad-space-three {
    margin: 0 auto 30px;
  }

  #recipes-brand-new-posts .post-thumb-box {
    width: 49%;
  }

  #recipe-cookbook .cookbook-shortcode,
  #recipe-cookbook .newsletter-shortcode,
  #page-footer .cookbook-shortcode,
  #page-footer .newsletter-shortcode {
    margin-bottom: 50px;
  }

  #recipes-brand-new-two {
    width: 100%;
    margin: 0 auto;
  }

  #recipe-spotlight-small {
    margin-bottom: 50px;
  }

  /* Videos */

  #videos {
    margin: 0 auto 40px;
  }

  #video-favs .post-thumb-box {
    width: 33%;
  }

  #video-favs .post-thumb-box img {
    max-width: 84%;
    top: 0;
  }

  #video-favs .post-thumb-box-wrap {
    bottom: 20px;
    width: 90%;
  }

  #video-favs .post-thumb-box span.button {
    left: 0;
    display: block;
    width: 84%;
  }

  .post-thumb-small {
    width: 20%;
    margin: 0 2% 30px;
  }

  .post-thumb-small .button {
    margin-bottom: 20px;
  }

  .post-thumb-small p {
    font: 400 1.7rem/2.6rem 'Bentham', serif;
  }

  #all-videos {
    margin-bottom: 40px;
  }

  #all-videos a.button {
    margin-right: 2%;
  }

  /* Barn */

  .page-barn .post-thumb-small {
    margin: 0 2% 30px;
  }

  .page-barn .post-thumb-small img {
    margin-bottom: 20px;
  }

  #tieghan-home {
    margin-bottom: 0;
  }

  /* FAQs + Contact */

  #contact ul#faq {
    margin: 0 auto 40px;
  }

  #contact .faq {
    margin: 0 auto 50px;
    width: 100%;
  }

  #contact .faq .col {
    float: none !important;
    width: 100% !important;
    margin: 0 auto 3rem !important;
  }

  #contact .faq hr {
    display: none;
    visibility: hidden;
    margin: 0;
    height: 0;
  }

  #contact h4 {
    margin-bottom: 40px;
  }

  #contact .contact-form {
    width: 80%;
    margin: 0 auto;
  }

  #privacy-policy {
    width: 100%;
  }

  #blog {
    overflow-wrap: break-word;
    word-wrap: break-word;
  }
} /* @end iPad landscape and smaller */

/* @group iPad landscape & small laptops only */
@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .cookbook-shortcode-inner-two {
    top: 20px;
  }

  .sidebar-item h2,
  .sidebar-item h4 {
    font-size: 2rem;
    line-height: 3rem;
    margin-bottom: 3rem;
  }

  .sidebar-item h2 span,
  .sidebar-item h4 span {
    padding: 0 0.8rem;
    margin: 0;
  }

  .sidebar-item h2 strong,
  .sidebar-item h4 strong {
    font-size: 1rem;
    line-height: 3rem;
    letter-spacing: 0.1rem;
  }

  .sidebar-item h2 a {
    letter-spacing: 0.1rem;
    padding: 1rem;
    margin-bottom: -2rem;
  }

  .sidebar-item h1 {
    font-size: 2.5rem;
    line-height: 3rem;
  }

  .sidebar-tieghan {
    padding: 15px;
  }

  #sidebar-tieghan-photo {
    padding: 0 10px 10px;
  }

  .sidebar-tieghan img {
    margin-top: -20px;
    max-width: 100%;
  }

  .sidebar-tieghan h1 {
    font-size: 3rem;
    margin-bottom: 2rem;
  }

  .sidebar-tieghan h1 span {
    display: block;
    padding: 0.5rem;
    margin: 0 auto;
  }

  .sidebar-tieghan h1 span:before {
    display: none;
    visibility: hidden;
  }

  .sidebar-tieghan p {
    font-size: 1.6rem;
  }

  .sidebar-cookbook {
    padding: 20px;
  }

  .sidebar-cookbook .cookbook-shortcode a {
    width: 100%;
    margin: 0 auto;
  }

  #sidebar .newsletter-shortcode {
    padding: 20px;
  }

  #sidebar .newsletter-shortcode h3 {
    font-size: 2.2rem;
    line-height: 3rem;
    margin-bottom: 3rem;
  }

  #sidebar .swp_popular_post {
    display: block;
    width: 100%;
    margin: 0 auto 30px;
  }

  #sidebar .video-widget li.wp-cpl {
    height: 150px;
  }

  #sidebar ul.wp-cpl-widget img {
    width: 100%;
    margin: 0 auto 14px;
  }

  #sidebar ul.wp-cpl-widget a[target='_self'] {
    padding: 0 20px;
    display: block;
  }

  #sidebar .video-widget span.thumb_lay img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
  }

  #sidebar .video-widget span.wp-thumb-overlay,
  #sidebar .video-widget span.thumb_lay,
  #sidebar .video-widget span.thumb_lay a {
    width: 200px;
    height: 150px;
  }

  #sidebar .video-widget ul.wp-cpl-widget a[target='_self'] {
    height: 150px;
    font: 400 2rem/2.6rem 'Bentham', serif;
    padding: 10px;
  }

  /* Blog Post */

  /* Recipe Menu */

  ul#recipe-menu {
    width: 100%;
  }

  ul#recipe-menu li {
    display: inline-block;
    width: auto;
    vertical-align: top;
  }

  ul#recipe-menu > li.open,
  ul#recipe-menu > li:hover,
  ul#recipe-menu > li:focus,
  ul#recipe-menu > li:active,
  ul#recipe-menu > li.current-cat {
    background: none;
  }

  ul#recipe-menu ul.sub-menu > li,
  ul#recipe-menu ul.children > li {
    display: block;
  }

  .recipe-show-menu {
    margin-bottom: 2rem;
  }
} /* @end iPad landscape & small laptops only */

/* @group iPad portrait and smaller */
@media only screen and (max-width: 768px) {
  #wrapper {
    background: none;
    margin-top: 20px;
    padding: 0;
  }

  #menu,
  #top-bar {
    display: none;
    visibility: hidden;
  }

  #mobilemenu {
    display: block;
    visibility: visible;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f5f4+30,ffffff+60&0.5+0,0.9+100 */
    background: -moz-linear-gradient(
      left,
      rgba(246, 245, 244, 0.9) 0%,
      rgba(246, 245, 244, 0.9) 30%,
      rgba(255, 255, 255, 0.9) 60%,
      rgba(255, 255, 255, 0.9) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      left,
      rgba(246, 245, 244, 0.9) 0%,
      rgba(246, 245, 244, 0.9) 30%,
      rgba(255, 255, 255, 0.9) 60%,
      rgba(255, 255, 255, 0.9) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      to right,
      rgba(246, 245, 244, 0.9) 0%,
      rgba(246, 245, 244, 0.9) 30%,
      rgba(255, 255, 255, 0.9) 60%,
      rgba(255, 255, 255, 0.9) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(
        startColorstr='#80f6f5f4',
        endColorstr='#80ffffff',
        GradientType=1
      ); /* IE6-9 */
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9999;
    border-bottom: 1px solid #dddddc;
  }

  /*Strip the ul of padding and list styling*/

  ul#mobile {
    width: 100%;
    position: static;
    display: none;
    list-style: none;
    font: 400 2.7rem/4rem 'Bentham', serif;
    color: #797771;
    letter-spacing: 1px;
    text-align: center;
    text-transform: lowercase;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding: 0 0 5px;
    z-index: 9990;
  }

  #mobile li.current-menu-parent a {
    background: none;
  }

  /*Create a horizontal list with spacing*/
  #mobile li {
    display: inline-block;
    padding: 0;
    position: relative;
  }

  /*Style for menu links*/
  #mobile li a {
    color: #797771;
    padding: 0;
  }

  /*Hover state for top level links*/
  #mobile li:hover > a,
  #mobile li.current_page_item > a {
    color: #000 !important;
  }

  /*Style for dropdown links*/
  #mobile li:hover ul > a {
    color: #000;
  }

  /*Hide dropdown links until they are needed*/
  #mobile li ul {
    display: none;
    margin: 0 auto;
    font-size: 2.5rem;
    line-height: 4rem;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f5f4+30,ffffff+60&0.75+0,0.75+100 */
    background: -moz-linear-gradient(
      left,
      rgba(246, 245, 244, 0.75) 0%,
      rgba(246, 245, 244, 0.75) 30%,
      rgba(255, 255, 255, 0.75) 60%,
      rgba(255, 255, 255, 0.75) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      left,
      rgba(246, 245, 244, 0.75) 0%,
      rgba(246, 245, 244, 0.75) 30%,
      rgba(255, 255, 255, 0.75) 60%,
      rgba(255, 255, 255, 0.75) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      to right,
      rgba(246, 245, 244, 0.75) 0%,
      rgba(246, 245, 244, 0.75) 30%,
      rgba(255, 255, 255, 0.75) 60%,
      rgba(255, 255, 255, 0.75) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(
        startColorstr='#bff6f5f4',
        endColorstr='#bfffffff',
        GradientType=1
      ); /* IE6-9 */
  }

  /*Make dropdown links vertical*/
  #mobile li ul li {
    display: block;
    float: none;
  }

  /*Prevent text wrapping*/
  #mobile li ul li a {
    width: auto;
    min-width: 100px;
    padding: 0 20px;
  }

  /*Display the dropdown on hover*/
  ul#mobile li a:hover + .hidden,
  #mobile .sub-menu:hover,
  ul#mobile li a:hover + .sub-menu,
  #mobile .hidden:hover {
    display: block;
    visibility: visible;
  }

  /*Style 'show menu' label button and hide it by default*/
  .show-menu {
    font: 400 2.7rem/5rem 'Bentham', serif;
    letter-spacing: 0.1rem;
    text-transform: lowercase;
    color: #000 !important;
    text-align: center;
    padding: 0 0;
    display: none;
    margin: 0;
  }

  /*Hide checkbox*/
  input[type='checkbox']#show-menu {
    display: none;
    -webkit-appearance: none;
  }

  /*Show menu when invisible checkbox is checked*/
  input[type='checkbox']#show-menu:checked ~ #mobile {
    display: block;
  }

  /*Responsive Styles*/

  /*Make dropdown links appear inline*/

  /*Create vertical spacing*/
  #mobile li {
    margin-bottom: 0;
  }
  /*Make all menu links full width*/
  ul#mobile li,
  #mobile li a {
    width: 100%;
  }
  /*Display 'show menu' link*/
  .show-menu {
    display: block;
  }

  ul.mobile-search {
    width: 80%;
  }

  ul.mobile-search input#query {
    width: 89%;
    display: inline-block;
    margin: 0;
  }

  ul.mobile-search button#search-submit {
    display: inline-block;
    margin: 0;
    width: 10%;
    padding: 0;
  }

  #logo {
    margin: 0 auto 20px;
    width: 90%;
    height: auto;
    max-width: 332px;
    background: none;
  }

  .content {
    margin: 0 auto 50px;
  }

  .page-about-me #page,
  .page-barn #page {
    margin-top: 0;
  }

  #footer {
    display: block;
  }

  #footer .footer-cell {
    display: block;
  }

  #footer #footer-menu {
    display: none;
    visibility: hidden;
  }

  #footer-sidebar .widget_top-posts .widgets-grid-layout {
    max-width: 100%;
  }

  #footer-sidebar .widget_top-posts .widget-grid-view-image {
    margin: 0 2%;
    width: 20%;
  }

  #footer-sidebar .widget_top-posts img {
    max-width: 100%;
    width: 100%;
  }

  #copyright a,
  #copyright span {
    display: block;
    line-height: 2.5rem;
  }

  #copyright i {
    display: none;
    visibility: hidden;
    padding: 0;
  }

  .post-thumb-box-wrap {
    width: 88%;
    padding: 15px;
    bottom: 20px;
  }

  .post-thumb-box-date {
    background: none;
    left: 0;
    padding-left: 0;
  }

  a.index-video-thumb {
    height: auto;
    min-height: 300px;
  }

  a.index-video-thumb p {
    padding: 20px;
  }

  .cookbook-shortcode img {
    max-width: 40%;
  }

  .cookbook-shortcode-inner-two {
    border: 0 none;
  }

  .cookbook-shortcode-inner {
    border: 0 none;
    padding: 20px 20px 0 0;
  }

  .cookbook-shortcode-inner p {
    font-size: 2rem;
    line-height: 3rem;
    margin-bottom: 4rem;
  }

  .cookbook-shortcode-inner a {
    top: 2rem;
    margin-top: -2rem;
  }

  .newsletter-shortcode {
    padding: 30px;
  }

  .newsletter-shortcode input,
  .newsletter-shortcode button {
    width: 100%;
    margin-right: 2%;
    margin-bottom: 10px;
  }

  #instagram h3 {
    font-size: 3.2rem;
  }

  #instagram h3 span {
    font-size: 1.2rem;
  }

  /* Index */

  #index {
    margin: 0 auto;
  }

  #index-slideshow {
    margin-bottom: 20px;
  }

  /* Recipes Archive */

  #page-header h1 {
    padding: 0 1rem 2rem;
    border-right: 0 none;
    border-bottom: 2px solid #e3d8d3;
    display: block;
    width: 100%;
  }

  #page-summary {
    padding: 2rem 1rem 0;
    display: block;
  }

  #recipes-search {
    padding: 0;
    background: none;
  }

  #recipe-query {
    width: 70% !important;
    max-width: 70% !important;
    display: inline-block;
  }

  #recipe-submit {
    display: inline-block;
    width: 29%;
    padding: 1rem 0;
  }

  /* Videos */

  #videos {
    margin: 0 auto 20px;
  }

  #video-favs .post-thumb-box {
    width: 49%;
  }

  #video-favs .post-thumb-box img {
    max-width: 80%;
  }

  #video-favs .post-thumb-box span.button {
    width: 80%;
  }

  .post-thumb-small .button {
    font-size: 1.2rem;
    padding: 0.5rem 0;
    height: 3.4rem;
    margin-top: -3.4rem;
    letter-spacing: 0.1rem;
  }

  /* About */

  .page-about-me #about-me img.about-headshot {
    width: 50%;
    height: auto;
  }

  /* Shop */

  #shop .col.left,
  #shop .col.right {
    float: none;
    width: 100%;
    margin: 0 auto 30px;
  }

  #shop a {
    width: 31%;
    margin: 0 1% 50px;
  }

  #shop .col a.button {
    margin: 0 auto;
  }

  /* Barn */

  .page-barn p.post-thumb-small {
    width: 100%;
    display: block;
    margin: 0 auto 30px;
  }

  /* FAQ + Contact */

  #contact ul#faq li:after {
    content: '';
    display: none;
  }

  #contact ul#faq li a {
    padding: 0 1rem;
    white-space: nowrap;
  }

  #contact h4 {
    background: none;
  }

  #contact .contact-form {
    width: 100%;
  }

  /* Blog */

  #blog .row {
    float: none;
    width: 100%;
  }

  /* Sidebar */

  #sidebar {
    width: 60%;
    margin: 0 auto;
    float: none;
  }

  .sidebar-item {
    width: 100%;
  }

  .sidebar-tieghan img {
    max-width: 100%;
  }

  .sidebar-cookbook {
    padding: 30px;
  }

  .sidebar-cookbook .cookbook-shortcode {
    padding: 0;
  }

  .sidebar-cookbook .cookbook-shortcode img {
    max-width: 100%;
  }

  .sidebar-cookbook .cookbook-shortcode a {
    width: 100%;
    margin: 0 auto;
  }

  #sidebar .video-widget span.wp-thumb-overlay,
  #sidebar .video-widget span.thumb_lay,
  #sidebar .video-widget span.thumb_lay a {
    display: table-footer-group;
  }

  #sidebar ul.wp-cpl-widget img {
    width: auto;
  }

  #sidebar ul.wp-cpl-widget a[target='_self'] {
    text-align: center;
  }

  #sidebar .swp_popular_post {
    width: 45%;
    margin: 0 2.5% 30px;
  }

  /* Blog Posts */
} /* @end iPad portrait and smaller */

/* @group iPhone horizontal and smaller */
@media only screen and (max-width: 736px) {
  ul.mobile-search input#query {
    width: 89%;
    margin: 0;
  }

  .cookbook-shortcode {
    margin-bottom: 80px;
    padding: 30px 30px 0;
    background: #f4f0ec; /* Old browsers */
    background: -moz-linear-gradient(
      45deg,
      #f4f0ec 14%,
      #f4f0ec 16%,
      #ebeaeb 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      45deg,
      #f4f0ec 14%,
      #f4f0ec 16%,
      #ebeaeb 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      45deg,
      #f4f0ec 14%,
      #f4f0ec 16%,
      #ebeaeb 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(
        startColorstr='#f4f0ec',
        endColorstr='#ebeaeb',
        GradientType=1
      );
  }

  .cookbook-shortcode-inner-two {
    top: 0;
  }

  .cookbook-shortcode-inner {
    padding: 0;
    width: 100%;
  }

  .cookbook-shortcode img {
    float: none;
    display: block;
    margin: 0 auto 30px;
    max-width: 80%;
  }

  .cookbook-shortcode p {
    font: 400 1.7rem/2.6rem 'Bentham', serif;
    margin-bottom: 4.4rem;
    text-align: center;
  }

  .cookbook-shortcode-inner a {
    top: 0;
    margin: -2.4rem auto 0;
    padding: 1rem 0;
    width: 100%;
  }

  .newsletter-shortcode input,
  .newsletter-shortcode button {
    max-width: 100%;
    width: 100%;
  }

  .newsletter-shortcode button {
    padding: 1rem 0;
  }

  /* Index */

  #index-post .index-post-content {
    padding: 0 0 30px;
  }

  #index-slideshow h5 {
    left: 0;
    background: none;
    padding: 0;
  }

  #index-about-image {
    width: 40%;
    margin-bottom: 10px;
  }

  a.index-video-thumb {
    min-height: 0;
  }

  a.index-video-thumb p {
    padding: 40px;
    font-size: 4rem;
    line-height: 5rem;
  }

  .index-spotlight a p {
    font-size: 1.8rem;
    padding: 0;
  }

  /* About */

  .page-about-me #about-me h1 {
    padding: 0;
  }

  /* Cookbook */

  .page-cookbook h2 {
    background: none !important;
    margin-top: 0 !important;
  }

  #order {
    padding: 15px;
  }

  .page-cookbook #special-offer .wp-caption,
  .page-cookbook #sneak-peek .wp-caption {
    margin: 0 2% !important;
    width: 20% !important;
  }

  .page-cookbook #special-offer .wp-caption img,
  .page-cookbook #sneak-peek .wp-caption img {
    width: 100%;
    height: auto;
  }

  /* Blog Posts */

  .post-header {
    margin-bottom: 30px;
    padding: 10px;
  }

  .post-spotlight .index-video-thumb {
    min-height: 0;
  }

  .post-spotlight a.index-video-thumb p {
    padding: 20px;
  }

  /* Sidebar */

  .sidebar-cookbook .cookbook-shortcode {
    margin: 0 auto;
    background: none;
    filter: none;
  }

  .sidebar-item h2 a {
    letter-spacing: 0.1rem;
  }

  /* Shop */

  #shop a:after {
    padding: 1rem 0;
  }
}
/* @end iPhone horizontal and smaller */

/* @group iPhone vertical and smaller */
@media only screen and (max-width: 640px) {
  h2,
  h4 {
    background: none;
    text-align: center !important;
  }

  h2 span,
  h4 span {
    background: none;
    padding: 0;
    margin: 0;
    width: 100%;
  }

  h2 strong,
  h4 strong {
    display: block;
  }

  ul.mobile-search input#query {
    width: 80%;
  }

  ul.mobile-search button#search-submit {
    width: 17%;
  }

  #instagram h3 span {
    display: block;
    line-height: 1.8rem;
  }

  .cookbook-shortcode img {
    max-width: 100%;
  }

  /* Index */

  #index-post .index-post-img {
    max-width: 100%;
    margin: 0 auto;
    float: none;
  }

  #index-slideshow .slider-navigation .next,
  #index-slideshow .slider-navigation .prev {
    margin-bottom: 20px;
  }

  a.post-thumb-box {
    width: 100% !important;
    display: block;
    text-align: center;
  }

  index-spotlight,
  .post-related {
    padding: 15px 15px 0;
  }

  .index-spotlight h2,
  .post-related h2 {
    margin-top: 0;
  }

  .index-spotlight a,
  .post-related .crp_related li {
    width: 40%;
    margin: 0 4% 30px !important;
  }

  #index-about-image {
    width: 80%;
    margin: 0 auto 20px;
    float: none;
  }

  #index-about h1 {
    left: 0;
  }

  /* Recipes */

  #recipe-query {
    width: 80% !important;
    max-width: 80% !important;
  }

  #recipe-submit {
    width: 19%;
  }

  #recipe-submit span {
    display: none;
    visibility: hidden;
  }

  #recipe-submit i.hidden {
    display: inline;
    visibility: visible;
  }

  .recipe-block,
  .post-thumb-small {
    width: 40%;
    margin: 0 4% 30px;
  }

  .page-barn .post-thumb-small {
    margin: 0 4% 30px;
  }

  .recipe-block span,
  .post-thumb-small p {
    padding: 0;
  }

  /* Videos */

  #all-videos a.button {
    margin: 0 auto;
    letter-spacing: 0.1rem;
  }

  /* About */

  .page-about-me #about-me img.about-headshot {
    width: 100%;
    margin: 0 auto 30px;
  }

  /* Cookbook */

  .page-cookbook #special-offer .wp-caption,
  .page-cookbook #sneak-peek .wp-caption {
    margin: 0 4%;
    width: 40% !important;
  }

  .page-cookbook #special-offer p.wp-caption-text,
  .page-cookbook #sneak-peek p.wp-caption-text {
    padding: 0;
  }

  /* Blog Posts */

  .post-date,
  .post-category {
    display: block;
  }

  .post-date {
    margin-bottom: 10px;
    margin-left: 0;
  }

  a.post-recipe-jump {
    display: table;
    margin-bottom: 10px;
  }

  #comments ol.comment-list li {
    padding: 1.5rem;
  }

  /* Sidebar */

  #sidebar {
    width: 90%;
  }

  /* Archives */

  body.search .archive-block img {
    margin-bottom: 15px;
  }

  /* Shop */

  #shop .col.left,
  #shop .col.right {
    text-align: center;
  }

  #shop a {
    display: block;
    width: 100%;
    max-width: 224px;
    margin-bottom: 30px;
    margin: 0 auto 30px;
  }
} /* @end iPhone vertical and smaller */

/* @group iPad portrait and mobile landscape only */
@media only screen and (max-width: 768px) and (min-width: 640px) {
} /* @end iPad portrait and mobile landscape only*/

/*@group iPhone horizontal only */
@media only screen and (max-width: 738px) and (min-width: 640px) {
  #footer {
    width: 70%;
  }
} /*@end iPhone horizontal only */