/* Colors */
/* Gradients */
/*Fonts*/
/*Font sizes*/
/*Max container width*/
/*Border*/
/*Margins*/
/*Images*/
@font-face {
  font-family: 'archiabold';
  src: url("../fonts/archia-bold-webfont.eot");
  src: url("../fonts/archia-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/archia-bold-webfont.woff2") format("woff2"), url("../fonts/archia-bold-webfont.woff") format("woff"), url("../fonts/archia-bold-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'archiasemibold';
  src: url("../fonts/archia-semibold-webfont.eot");
  src: url("../fonts/archia-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/archia-semibold-webfont.woff2") format("woff2"), url("../fonts/archia-semibold-webfont.woff") format("woff"), url("../fonts/archia-semibold-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'archiaregular';
  src: url("../fonts/archia-regular-webfont.eot");
  src: url("../fonts/archia-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/archia-regular-webfont.woff2") format("woff2"), url("../fonts/archia-regular-webfont.woff") format("woff"), url("../fonts/archia-regular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'archiamedium';
  src: url("../fonts/archia-medium-webfont.eot");
  src: url("../fonts/archia-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/archia-medium-webfont.woff2") format("woff2"), url("../fonts/archia-medium-webfont.woff") format("woff"), url("../fonts/archia-medium-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'archiathin';
  src: url("../fonts/archia-thin-webfont.eot");
  src: url("../fonts/archia-thin-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/archia-thin-webfont.woff2") format("woff2"), url("../fonts/archia-thin-webfont.woff") format("woff"), url("../fonts/archia-thin-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'archialight';
  src: url("../fonts/archia-light-webfont.eot");
  src: url("../fonts/archia-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/archia-light-webfont.woff2") format("woff2"), url("../fonts/archia-light-webfont.woff") format("woff"), url("../fonts/archia-light-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'cof-icon';
  src: url("../fonts/cof-icon.eot?q0mwc2");
  src: url("../fonts/cof-icon.eot?q0mwc2#iefix") format("embedded-opentype"), url("../fonts/cof-icon.ttf?q0mwc2") format("truetype"), url("../fonts/cof-icon.woff?q0mwc2") format("woff"), url("../fonts/cof-icon.svg?q0mwc2#cof-icon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'cof-icon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-arrow-right:before {
  content: '\E900'; }

@media (max-width: 768px) {
  .articlesLayout_breadcrumb {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }
    .articlesLayout_breadcrumb li {
      display: -ms-flexbox;
      display: flex; }
      .articlesLayout_breadcrumb li:last-child {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block; } }

.articlesLayout_breadcrumb .selected {
  font-family: "archiamedium";
  text-decoration: underline; }

.articlesLayout_breadcrumb span {
  font-family: "archiaregular"; }

.articlesLayout_breadcrumb .b2 {
  text-decoration: underline;
  width: 67px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  white-space: nowrap;
  overflow: hidden;
  -ms-flex-pack: end;
      justify-content: end;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: relative; }
  @media (max-width: 768px) {
    .articlesLayout_breadcrumb .b2:before {
      content: "...";
      margin: 0 1px 0;
      position: absolute;
      left: 0;
      background: #fff; } }

.articlesLayout_breadcrumb li .b2Link {
  text-decoration: none !important; }

.articlesLayout {
  max-width: 770px;
  margin: auto; }
  @media (max-width: 768px) {
    .articlesLayout {
      max-width: 100%;
      margin: 0 15px; } }
  .articlesLayout a {
    color: #154EA5;
    text-decoration: underline; }
    .articlesLayout a:hover {
      text-decoration: none; }
  .articlesLayout a.badge-suggestions {
    color: #ffffff;
    text-decoration: none; }
  .articlesLayout strong {
    font-family: "archiasemibold";
    font-weight: 500; }
  .articlesLayout .img_wrapper {
    margin-top: 2rem; }
  .articlesLayout .iframe_wrapper {
    margin-bottom: -7px;
    margin-top: 2rem; }
    .articlesLayout .iframe_wrapper iframe {
      width: 100%;
      height: 430px; }
      @media (max-width: 768px) {
        .articlesLayout .iframe_wrapper iframe {
          height: 55vw; } }
  .articlesLayout .body1, .articlesLayout .body2, .articlesLayout .ingredients_wrapper {
    font-weight: 400;
    font-family: "archiaregular";
    font-size: 15px;
    line-height: 28px;
    color: #282828; }
  .articlesLayout .body1, .articlesLayout .ingredients_wrapper {
    margin-top: 60px; }
    @media (max-width: 768px) {
      .articlesLayout .body1, .articlesLayout .ingredients_wrapper {
        margin-top: 35px; } }
  .articlesLayout .body2 {
    margin-top: 20px; }
  .articlesLayout .body1 h1, .articlesLayout .body1 h2, .articlesLayout .body1 h3, .articlesLayout .body1 h4, .articlesLayout .body1 h5, .articlesLayout .body2 h1, .articlesLayout .body2 h2, .articlesLayout .body2 h3, .articlesLayout .body2 h4, .articlesLayout .body2 h5 {
    font-weight: 500;
    margin: 2rem 0 1rem; }
    @media (max-width: 768px) {
      .articlesLayout .body1 h1, .articlesLayout .body1 h2, .articlesLayout .body1 h3, .articlesLayout .body1 h4, .articlesLayout .body1 h5, .articlesLayout .body2 h1, .articlesLayout .body2 h2, .articlesLayout .body2 h3, .articlesLayout .body2 h4, .articlesLayout .body2 h5 {
        font-size: 24px; } }
  .articlesLayout .body1 img, .articlesLayout .body2 img {
    width: 100%;
    margin: 2rem 0; }
    @media (max-width: 768px) {
      .articlesLayout .body1 img, .articlesLayout .body2 img {
        margin: 1rem 0; } }
  .articlesLayout .body1 h6, .articlesLayout .body2 h6 {
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: #154EA5;
    font-family: "archiaregular";
    max-width: 48%;
    margin: 65px auto; }
    .articlesLayout .body1 h6:before, .articlesLayout .body2 h6:before {
      content: "\"";
      font-weight: 500;
      font-family: "archiabold";
      font-size: 100px;
      line-height: 120px;
      color: #FCC4DD;
      position: absolute;
      font-family: cursive;
      margin-left: -20px;
      margin-top: -30px;
      z-index: -1; }
    @media (max-width: 768px) {
      .articlesLayout .body1 h6, .articlesLayout .body2 h6 {
        max-width: 100%;
        margin: 65px 15px; } }
  .articlesLayout .main_intro {
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #747474;
    font-family: "archiaregular";
    margin-top: 50px; }
    @media (max-width: 768px) {
      .articlesLayout .main_intro {
        margin-top: 35px; } }
  .articlesLayout .article-title {
    font-weight: 500;
    font-size: 25px;
    line-height: 33px;
    text-align: center;
    color: #F664A6;
    padding-top: 2rem;
    font-family: "archiasemibold"; }
  .articlesLayout .sponsor-box {
    text-align: center; }
    .articlesLayout .sponsor-box span {
      font-family: "archiasemibold";
      font-weight: 500;
      color: #154EA5;
      font-size: 15px;
      line-height: 24px;
      margin-right: 6px; }
    .articlesLayout .sponsor-box img {
      max-width: 130px; }
  .articlesLayout .highlight2_wrapper {
    display: -ms-flexbox;
    display: flex;
    background: linear-gradient(to right top, rgba(14, 199, 249, 0.6) 4%, rgba(135, 244, 201, 0.6) 62%);
    padding: 32px 18px 27px;
    -ms-flex-align: start;
        align-items: flex-start;
    margin-bottom: 50px;
    margin-top: 50px; }
    .articlesLayout .highlight2_wrapper .text {
      font-family: "archiaregular";
      font-size: 15px;
      line-height: 28px;
      color: #154EA5;
      padding-left: 15px; }
  .articlesLayout .author_wrapper {
    display: -ms-flexbox;
    display: flex;
    background: #FEF5F9;
    padding: 10px 5px;
    -ms-flex-align: center;
        align-items: center; }
    .articlesLayout .author_wrapper .author_img {
      width: 10%; }
      @media (max-width: 544px) {
        .articlesLayout .author_wrapper .author_img {
          width: 20%; } }
    .articlesLayout .author_wrapper .author_details {
      margin-top: 10px;
      margin-left: 5px;
      width: 90%;
      margin-bottom: 10px; }
      @media (max-width: 544px) {
        .articlesLayout .author_wrapper .author_details {
          width: 80%; } }
    .articlesLayout .author_wrapper .author_name {
      font-family: "archiasemibold";
      font-weight: 500;
      font-size: 15px;
      line-height: 23px;
      color: #154EA5; }
    .articlesLayout .author_wrapper .author_info {
      font-family: "archiabold";
      font-weight: 500;
      font-size: 13px;
      line-height: 21px;
      color: #141414; }
      .articlesLayout .author_wrapper .author_info p {
        margin-bottom: 0; }
    .articlesLayout .author_wrapper .author_institute {
      color: #007BAD; }
  .articlesLayout .date_post_wrapper {
    text-align: right; }
    .articlesLayout .date_post_wrapper .date_post {
      background-color: #FEF5F9;
      font-weight: 400;
      font-size: 13px;
      line-height: 21px;
      color: #F664A6;
      width: 155px;
      margin-left: auto;
      padding: 1px 20px 2px 9px;
      text-transform: capitalize; }
      .articlesLayout .date_post_wrapper .date_post:before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-left: 34px solid transparent;
        border-right: 0 solid transparent;
        border-top: 29px solid #FEF5F9;
        margin-top: -6px;
        margin-left: -86px; }
      @media (max-width: 768px) {
        .articlesLayout .date_post_wrapper .date_post {
          width: 155px; } }
      @media (max-width: 544px) {
        .articlesLayout .date_post_wrapper .date_post {
          width: 153px; } }
  .articlesLayout .fuente {
    margin: 25px 0;
    font-weight: 500;
    font-size: 15px;
    line-height: 28px;
    color: #000000;
    font-family: "archiasemibold";
    word-break: break-word; }
    .articlesLayout .fuente p {
      font-weight: 500;
      font-size: 15px;
      line-height: 28px;
      color: #000000;
      font-family: "archiasemibold";
      word-break: break-word;
      margin-top: 10px; }
    .articlesLayout .fuente a {
      text-decoration: underline;
      color: #000000; }
      .articlesLayout .fuente a:hover {
        text-decoration: none; }
    .articlesLayout .fuente ul {
      margin-top: 15px; }
  .articlesLayout .quality {
    font-family: "archiabold";
    font-weight: 500;
    font-size: 15px;
    line-height: 23px;
    text-align: center;
    color: #154EA5;
    max-width: 370px;
    margin: 3rem auto; }
    .articlesLayout .quality img {
      margin-bottom: 15px; }
    .articlesLayout .quality .text1 {
      font-family: "archiasemibold"; }
    .articlesLayout .quality .text3 {
      color: #14CF85;
      font-family: "archiasemibold"; }
  .articlesLayout .read_more, .articlesLayout .read_less {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin: 20px 0 40px 0;
    padding: 20px 0;
    border-bottom: 1px solid #DADADA;
    cursor: pointer; }
    .articlesLayout .read_more i.fa, .articlesLayout .read_less i.fa {
      font-size: 20px;
      position: absolute;
      right: 0;
      padding: 5px;
      top: 30px; }
  .articlesLayout .read_less {
    display: none; }
  .articlesLayout .ing_wrap {
    height: 100%;
    overflow: hidden; }
  .articlesLayout .ing_wrap.height84 {
    height: 84px; }
  .articlesLayout .ingredients {
    box-shadow: 0 8px 20px -19px grey;
    padding: 15px 32px;
    margin-top: 1rem; }
    .articlesLayout .ingredients h2 {
      font-size: 15px; }
    .articlesLayout .ingredients ul {
      padding: 15px; }
  .articlesLayout .nutrients {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px; }
    .articlesLayout .nutrients p {
      font-family: "archiaregular";
      font-weight: 400;
      font-size: 13px;
      line-height: 21px;
      margin-left: 7px; }
  .articlesLayout .social_icons {
    position: absolute; }
    .articlesLayout .social_icons img {
      margin: 13px;
      cursor: default; }
    .articlesLayout .social_icons img:hover {
      cursor: pointer; }
  .articlesLayout .recomendations .component-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #154EA5;
    font-family: "archiamedium"; }
  .articlesLayout .palabras_wrapper {
    text-align: center;
    margin: 56px 0;
    position: relative;
    z-index: 1; }
    .articlesLayout .palabras_wrapper .heading {
      font-weight: 500;
      font-size: 20px;
      line-height: 24px;
      color: #154EA5;
      font-family: "archiasemibold";
      margin-bottom: 25px; }
    .articlesLayout .palabras_wrapper .palabras_button {
      padding: 5px 8px;
      background: #0C2E61;
      border-radius: 4px;
      color: white;
      border: 1px solid #0C2E61;
      font-weight: 400;
      font-size: 13px;
      line-height: 21px;
      font-family: "archiaregular";
      margin: 0 8px; }
  .articlesLayout .recipe_steps {
    font-weight: 400;
    font-family: "archiaregular";
    font-size: 15px;
    line-height: 28px;
    color: #282828;
    margin-top: 60px; }
    .articlesLayout .recipe_steps h1 {
      font-size: 20px;
      font-family: 'archiaregular';
      font-weight: 500;
      margin-bottom: 2rem; }
    .articlesLayout .recipe_steps h2, .articlesLayout .recipe_steps h3, .articlesLayout .recipe_steps h4, .articlesLayout .recipe_steps h5, .articlesLayout .recipe_steps h6 {
      color: #154EA5;
      font-family: 'archiasemibold';
      font-weight: 500;
      font-size: 15px; }
    .articlesLayout .recipe_steps img {
      width: 100%; }

.reviews_wrapper {
  background: #EFF5FD;
  padding: 13px 0; }
  .reviews_wrapper .like_bg1 {
    position: absolute;
    right: 142px;
    z-index: -2;
    margin-top: -60px; }
    .reviews_wrapper .like_bg1 img {
      width: 210; }
    @media (max-width: 768px) {
      .reviews_wrapper .like_bg1 {
        right: 0; } }
  .reviews_wrapper .like_bg2 {
    position: absolute;
    right: 200px;
    z-index: -1;
    margin-top: -43px; }
    @media (max-width: 768px) {
      .reviews_wrapper .like_bg2 {
        right: 55px; } }
  .reviews_wrapper h2 {
    font-weight: 500;
    font-size: 13px;
    line-height: 24px;
    color: #000000;
    font-family: "archiasemibold";
    margin: 0; }
  .reviews_wrapper p {
    font-family: "archiaregular";
    font-weight: 500;
    font-size: 13px;
    line-height: 24px;
    color: #000000;
    margin: 0; }
  .reviews_wrapper .text_wrapper {
    margin-top: 15px; }
  .reviews_wrapper .text1 {
    font-weight: 500;
    font-size: 13px;
    line-height: 21px;
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
    color: #154EA5;
    font-family: "archiasemibold";
    margin: 4px 50px 0 8px; }
  .reviews_wrapper .text2 {
    font-weight: 500;
    font-size: 13px;
    line-height: 21px;
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
    color: #154EA5;
    font-family: "archiasemibold";
    margin: 4px 0 0 8px; }

@media (max-width: 768px) {
  .iframe_wrapper,
  .author_wrapper,
  .date_post_wrapper,
  .img_wrapper,
  .highlight2_wrapper,
  .ingredients {
    margin-left: -15px;
    margin-right: -15px; } }