@charset "UTF-8";
/**
 * Theme Name: Kiwi and Carrot
 * Theme URI: https://kiwiandcarrot.com
 * Description: Child theme for Kiwi and Carrot
 * Author: djit.co
 * Author URI: https://dijt.co/
 * Template: florence
 * Version: 1.0.0
 */
/* ----------------------------------------------------------------------------
 * Child Theme Style.css styles begin here!
 * ------------------------------------------------------------------------- */
#zlrecipe-container {
  background-color: #FCFCFC; }
  #zlrecipe-container #zlrecipe-innerdiv #zlrecipe-ingredients-list li {
    list-style-type: circle; }
  #zlrecipe-container #zlrecipe-title {
    font-size: 24px;
    color: #e59d4e; }
  #zlrecipe-container #zlrecipe-ingredients,
  #zlrecipe-container #zlrecipe-instructions,
  #zlrecipe-container #zlrecipe-notes {
    color: #e59d4e; }
  #zlrecipe-container #zlrecipe-innerdiv #zlrecipe-ingredients-list .ingredient-label {
    left: -50px; }
  #zlrecipe-container #zlrecipe-innerdiv li {
    display: list-item; }

.home-content #subjects {
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
  padding: 20px 0 40px 0; }
.home-content h1,
.home-content .post-header {
  /*Hide on page, invisible to sighted users;*/
  height: 1px;
  opacity: 0.01;
  font-size: 1px;
  margin: 0;
  padding: 0;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.01); }
.home-content h4 {
  overflow: hidden;
  text-align: center;
  font-size: 2rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 2rem;
  margin-top: 2rem;
  color: #161616;
  position: relative; }
  .home-content h4:before {
    float: none;
    clear: both;
    display: table-cell;
    width: 1px;
    height: 1px;
    content: ''; }
  .home-content h4:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    height: 2px;
    background-color: transparent;
    width: 50%;
    left: 25%; }
    @media screen and (max-width: 600px) {
      .home-content h4:after {
        left: 10%;
        width: 80%; } }
.home-content .more-link {
  clear: both; }
.home-content .wp-image-339 {
  margin-top: -10px; }
  @media screen and (max-width: 600px) {
    .home-content .wp-image-339 {
      margin-top: 0px;
      float: none;
      clear: none;
      margin-left: auto;
      margin-right: auto;
      display: block; } }
  @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .home-content .wp-image-339 {
      width: 40%; } }
  @media (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 124.8dpi) {
    .home-content .wp-image-339 {
      width: 35%; } }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .home-content .wp-image-339 {
      width: 27%; } }
.home-content .subject_button {
  display: block;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  max-width: 500px;
  max-height: 500px;
  /*flex-basis: 48%;*/ }
  .home-content .subject_button img {
    display: block;
    opacity: 0;
    width: 100%; }
.home-content .subject_button img {
  display: block;
  opacity: 0;
  width: 48vw;
  height: 48vw; }
.home-content #recent .slider .slider-img {
  display: block;
  opacity: 0;
  overflow: hidden; }
.home-content #recent .slider .slider-item {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center; }
  .home-content #recent .slider .slider-item a {
    display: block;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    max-height: 50vh;
    max-width: 75%;
    opacity: 0;
    transition: opacity 200ms ease-in;
    margin: 0 1rem; }
    .home-content #recent .slider .slider-item a img {
      display: block;
      opacity: 0;
      width: 100%; }
    @media screen and (max-width: 600px) {
      .home-content #recent .slider .slider-item a {
        max-width: 100%; } }
  .home-content #recent .slider .slider-item.hidden {
    display: none; }
  .home-content #recent .slider .slider-item.current a {
    opacity: 1; }
  .home-content #recent .slider .slider-item:after, .home-content #recent .slider .slider-item:before {
    font-size: 80px;
    color: #e9e9e9;
    cursor: pointer; }
  .home-content #recent .slider .slider-item:after {
    content: '❯'; }
  .home-content #recent .slider .slider-item:before {
    content: '❮'; }
.home-content #recent .buttons-container .button-list-item {
  flex-basis: 24%; }
  @media screen and (max-width: 600px) {
    .home-content #recent .buttons-container .button-list-item {
      flex-basis: 48%; } }

.subject-sidebar {
  margin-top: 20px; }

#sidebar {
  margin-top: 20px; }

.buttons-container {
  margin: 20px 0 20px 0; }
  .buttons-container .list {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
    @media screen and (max-width: 600px) {
      .buttons-container .list {
        flex-wrap: wrap; } }
  .buttons-container .button-list-item {
    flex-basis: 32%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden; }
    @media screen and (max-width: 600px) {
      .buttons-container .button-list-item {
        flex-basis: 100%; } }
    .buttons-container .button-list-item a {
      display: block;
      background-position: 50% 50%;
      background-repeat: no-repeat;
      background-size: cover;
      overflow: hidden;
      width: 100%;
      height: 20vw; }
      .buttons-container .button-list-item a img {
        display: block;
        opacity: 0;
        width: 100%; }
      @media screen and (max-width: 600px) {
        .buttons-container .button-list-item a {
          width: 40vw;
          margin-bottom: 1rem; } }

.subject-content {
  margin-top: 10px; }
  .subject-content .crp_related,
  .subject-content .sharedaddy {
    display: none; }
  @media screen and (min-width: 601px) {
    .subject-content .post-header, .subject-content .post-entry {
      padding-left: 0;
      padding-right: 0;
      margin-left: 0;
      margin-right: 0; } }
  @media screen and (max-width: 600px) {
    .subject-content .post-header, .subject-content .post-entry {
      padding-left: 15px;
      padding-right: 15px; } }
  .subject-content .post-entry span.squarize {
    display: block;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden; }
    .subject-content .post-entry span.squarize img {
      display: block;
      opacity: 0;
      width: 100%; }
  @media screen and (max-width: 600px) {
    .subject-content #recent-posts-container .button-list-item a {
      width: 40vw; } }
  .subject-content #recent-posts-container .list[post-count="2"], .subject-content #recent-posts-container .list[post-count="1"] {
    justify-content: space-around; }

/* MailChimp Form Embed Code - Classic - 08/17/2011 */
#mc_embed_signup {
  background: #e59d4e;
  clear: left;
  font: 14px Raleway; }

#mc_embed_signup form {
  display: block;
  position: relative;
  text-align: left;
  padding: 10px 0 10px 3%; }

#mc_embed_signup h2 {
  font-weight: bold;
  padding: 0;
  margin: 15px 0;
  font-size: 1.4em; }

#mc_embed_signup input {
  border: 1px solid #999;
  -webkit-appearance: none; }

#mc_embed_signup input[type=checkbox] {
  -webkit-appearance: checkbox; }

#mc_embed_signup input[type=radio] {
  -webkit-appearance: radio; }

#mc_embed_signup input:focus {
  border-color: #333; }

#mc_embed_signup .button {
  clear: both;
  background-color: #aaa;
  border: 0 none;
  border-radius: 4px;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
  height: 32px;
  line-height: 32px;
  margin: 0 5px 10px 0;
  padding: 0 22px;
  text-align: center;
  text-decoration: none;
  vertical-align: top;
  white-space: nowrap;
  width: auto; }

#mc_embed_signup .button:hover {
  background-color: #777; }

#mc_embed_signup .small-meta {
  font-size: 11px; }

#mc_embed_signup .nowrap {
  white-space: nowrap; }

#mc_embed_signup .mc-field-group {
  clear: left;
  position: relative;
  width: 96%;
  padding-bottom: 3%;
  min-height: 50px; }

#mc_embed_signup .size1of2 {
  clear: none;
  float: left;
  display: inline-block;
  width: 46%;
  margin-right: 4%; }

* html #mc_embed_signup .size1of2 {
  margin-right: 2%;
  /* Fix for IE6 double margins. */ }

#mc_embed_signup .mc-field-group label {
  display: block;
  margin-bottom: 3px; }

#mc_embed_signup .mc-field-group input {
  display: block;
  width: 100%;
  padding: 8px 0;
  text-indent: 2%; }

#mc_embed_signup .mc-field-group select {
  display: inline-block;
  width: 99%;
  padding: 5px 0;
  margin-bottom: 2px; }

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us {
  padding: 5px 0; }

#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input {
  display: inline;
  width: 60px;
  margin: 0 2px;
  letter-spacing: 1px;
  text-align: center;
  padding: 5px 0 2px 0; }

#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input {
  width: 40px; }

#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input {
  width: 30px; }

#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label {
  display: none; }

#mc_embed_signup .indicates-required {
  text-align: right;
  font-size: 11px;
  margin-right: 4%; }

#mc_embed_signup .asterisk {
  color: #c60;
  font-size: 200%; }

#mc_embed_signup .mc-field-group .asterisk {
  position: absolute;
  top: 25px;
  right: 10px; }

#mc_embed_signup .clear {
  clear: both; }

#mc_embed_signup .mc-field-group.input-group ul {
  margin: 0;
  padding: 5px 0;
  list-style: none; }

#mc_embed_signup .mc-field-group.input-group ul li {
  display: block;
  padding: 3px 0;
  margin: 0; }

#mc_embed_signup .mc-field-group.input-group label {
  display: inline; }

#mc_embed_signup .mc-field-group.input-group input {
  display: inline;
  width: auto;
  border: none; }

#mc_embed_signup div#mce-responses {
  float: left;
  top: -1.4em;
  padding: 0em .5em 0em .5em;
  overflow: hidden;
  width: 90%;
  margin: 0 5%;
  clear: both; }

#mc_embed_signup div.response {
  margin: 1em 0;
  padding: 1em .5em .5em 0;
  font-weight: bold;
  float: left;
  top: -1.5em;
  z-index: 1;
  width: 80%; }

#mc_embed_signup #mce-error-response {
  display: none; }

#mc_embed_signup #mce-success-response {
  color: #529214;
  display: none; }

#mc_embed_signup label.error {
  display: block;
  float: none;
  width: auto;
  margin-left: 1.05em;
  text-align: left;
  padding: .5em 0; }

#mc-embedded-subscribe {
  clear: both;
  width: auto;
  display: block;
  margin: 1em 0 1em 5%; }

#mc_embed_signup #num-subscribers {
  font-size: 1.1em; }

#mc_embed_signup #num-subscribers span {
  padding: .5em;
  border: 1px solid #ccc;
  margin-right: .5em;
  font-weight: bold; }

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