/* common */
.ui-dialog {
  position: relative;
  top: inherit;
  border: none; }
  .ui-dialog .ui-dialog-content {
    position: absolute;
    border: 0.1rem solid #e7e7e7;
    padding: 2rem;
    background: #FFFFFF;
    /* overflow: inherit; remove for the scroll from menu */ }

.ui-widget {
  font-family: "Museo Sans"; }

.ui-widget.ui-widget-content {
  border: inherit; }

.page-wrapper > .breadcrumbs {
  margin-bottom: 0; }

.columns {
  display: block; }
  .columns .column.main {
    padding-bottom: 0rem; }

.clearfix {
  *zoom: 1; }

.clearfix:before,
.clearfix:after {
  line-height: 0;
  content: "";
  display: block;
  height: 0; }

.clearfix:after {
  clear: both; }

/** popin */
.modal-popup.modal-slide._inner-scroll .modal-inner-wrap {
  /* max-height: inherit; fait bugger la popin d ajout au panier */ }

/*******************************************/
@media only screen and (max-width: 767px) {
  .ui-dialog {
    position: absolute;
    width: 100%;
    left: 0; }
    .ui-dialog .ui-dialog-content {
      position: absolute;
      border: none;
      padding: 0; }
  .header .block-customer-login-content {
    border: 0.1rem solid #e7e7e7;
    padding: 2rem; }
  .breadcrumbs + .page-main {
    padding-top: 0; }
  /** popin */
  .modal-popup.modal-slide._inner-scroll .modal-inner-wrap {
    height: auto; } }

/* Fonts (Museo Sans) =========== */
@font-face {
  font-family: 'Museo Sans';
  src: url("../fonts/Museosans/museosans-100-webfont.woff2") format("woff2"), url("../fonts/Museosans/museosans-100-webfont.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Museo Sans';
  src: url("../fonts/Museosans/museosans-100italic-webfont.woff2") format("woff2"), url("../fonts/Museosans/museosans-100italic-webfont.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Museo Sans';
  src: url("../fonts/Museosans/museosans-300-webfont.woff2") format("woff2"), url("../fonts/Museosans/museosans-300-webfont.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Museo Sans';
  src: url("../fonts/Museosans/museosans-300italic-webfont.woff2") format("woff2"), url("../fonts/Museosans/museosans-300italic-webfont.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Museo Sans';
  src: url("../fonts/Museosans/museosans-webfont.woff2") format("woff2"), url("../fonts/Museosans/museosans-webfont.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Museo Sans';
  src: url("../fonts/Museosans/museosans_500_italic-webfont.woff2") format("woff2"), url("../fonts/Museosans/museosans_500_italic-webfont.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Museo Sans';
  src: url("../fonts/Museosans/museosans_0-webfont.woff2") format("woff2"), url("../fonts/Museosans/museosans_0-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'museo_sans700_italic';
  src: url("../fonts/Museosans/museosans-700italic-webfont.woff2") format("woff2"), url("../fonts/Museosans/museosans-700italic-webfont.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Museo Sans';
  src: url("../fonts/Museosans/museosans_1-webfont.woff2") format("woff2"), url("../fonts/Museosans/museosans_1-webfont.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'museo_sans900_italic';
  src: url("../fonts/Museosans/museosans-900italic-webfont.woff2") format("woff2"), url("../fonts/Museosans/museosans-900italic-webfont.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap; }

/* Fonts (Bakso Sapi) =========== */
@font-face {
  font-family: 'Bakso Sapi';
  src: url("../fonts/Bakso_Sapi/BaksoSapi.otf") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }

/* Fonts (Coronette) =========== */
@font-face {
  font-family: 'Coronette';
  src: url("../fonts/Coronette/Coronette.otf") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }

/* red */
/* green */
/* button */
/* body font color */
/* field required */
/* grey */
/* cta pink */
/* cta white */
/* light blue */
/* grey */
.h1 {
  font-family: "Museo Sans";
  font-size: 2.8rem;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal; }

.h2 {
  font-family: "Museo Sans";
  font-size: 2.4rem;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal; }

.h3 {
  font-family: "Museo Sans";
  font-size: 2.0rem;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal; }

.h4 {
  font-family: "Museo Sans";
  font-size: 1.6rem;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal; }

.h5 {
  font-size: 1.5rem;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal; }

.sub-paragraph {
  font-family: "Museo Sans";
  font-size: 1.2rem;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal; }

.uppercase {
  text-transform: uppercase; }

/*******************************************/
@media only screen and (min-width: 768px) {
  .h1 {
    font-size: 4.0rem; }
  .h2 {
    font-size: 3.6rem; }
  .h3 {
    font-size: 3.2rem; }
  .h4 {
    font-size: 2.4rem; }
  .h5 {
    font-size: 2.0rem; }
  .sub-paragraph {
    font-size: 1.4rem;
    font-weight: 500; } }

/* corner specific */
/* call to action */
/* background color */
/* #74BD8B; */
/* background img */
/* text color */
/* divers classer si besoin */
/* leafing::before mascotte */
/* leafing::after mascotte */
/* reason::before mascotte */
/* leafing-special::before mascotte */
section {
  margin: 0 auto; }
  section .wrapper {
    margin: 0 auto; }
    section .wrapper .section-content {
      width: 90%;
      margin: 0 auto;
      padding: 4rem 0rem; }
      section .wrapper .section-content .title {
        margin: 0 auto 2.4rem;
        padding: 0 1rem;
        background: none; }
      section .wrapper .section-content .description {
        margin: 0 auto 3.4rem;
        padding: 0 1rem; }

.white {
  color: #FFFFFF; }

.mobile {
  display: block !important; }

.mobile-flex {
  display: flex !important; }

.desktop,
.desktop-flex {
  display: none !important; }

/*******************************************/
@media only screen and (min-width: 768px) {
  section {
    max-width: 128rem; }
    section.full-width {
      max-width: inherit; }
    section .wrapper {
      max-width: 128rem; }
      section .wrapper .section-content {
        width: 100%;
        padding: 7rem 0rem 7rem; }
  .mobile,
  .mobile-flex {
    display: none !important; }
  .desktop {
    display: block !important; }
  .desktop-flex {
    display: flex !important; } }

/* block */
.top .wrapper .section-content {
  padding: inherit;
  width: inherit; }

.top .banner-content {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 3rem 1rem; }
  .top .banner-content .middle {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    .top .banner-content .middle .mag-logo,
    .top .banner-content .middle .mag-hero,
    .top .banner-content .middle .baseline {
      margin: 0 auto 2.5rem; }

.top .menu {
  overflow: hidden; }
  .top .menu.fixed {
    position: fixed;
    top: 1rem;
    left: 0;
    right: 0;
    z-index: 5;
    max-width: 128rem;
    width: 100%;
    margin: 0 auto; }
  .top .menu-content {
    height: 6.1rem;
    display: flex;
    align-items: center;
    justify-content: space-evenly; }
  .top .menu-link li {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto 0;
    padding: 0 0.8rem;
    flex-basis: 14%;
    height: 5.8rem;
    background-position: center;
    transition: background 0.8s; }
    .top .menu-link li.active {
      border-bottom: 0.4rem solid #E6BA21; }
    .top .menu-link li:active {
      background-color: #F7D56E;
      background-size: 100%;
      transition: background 0s; }
    .top .menu-link li a:hover, .top .menu-link li a:active {
      text-decoration: none; }
  .top .menu .cta {
    padding: 9px 35px; }
  .top .menu .owl-carousel .owl-nav {
    position: relative;
    width: auto; }
    .top .menu .owl-carousel .owl-nav .owl-prev, .top .menu .owl-carousel .owl-nav .owl-next {
      position: absolute;
      top: -6rem;
      font-size: 2rem;
      background: transparent;
      box-shadow: none;
      border: none;
      width: 2rem;
      height: 6rem; }
      .top .menu .owl-carousel .owl-nav .owl-prev.disabled, .top .menu .owl-carousel .owl-nav .owl-next.disabled {
        display: none; }
    .top .menu .owl-carousel .owl-nav .owl-prev {
      left: 0.5rem; }
    .top .menu .owl-carousel .owl-nav .owl-next {
      right: 0.5rem; }

.top .menu-actions {
  display: none;
  position: fixed;
  right: 0;
  left: 0;
  top: inherit;
  z-index: 2; }
  .top .menu-actions.fixed .cta {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3); }

/*******************************************/
@media only screen and (min-width: 768px) {
  .top .banner-content {
    padding: 5.5rem 1rem; }
    .top .banner-content .middle .mag-logo,
    .top .banner-content .middle .mag-hero,
    .top .banner-content .middle .baseline {
      margin: 0 auto 2rem; }
  .top .menu {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2); }
    .top .menu-link {
      display: flex;
      width: 80%; }
      .top .menu-link .h4 {
        font-size: 1.4rem; }
    .top .menu-cta {
      width: 20%; } }

.with-us .items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around; }
  .with-us .items .item {
    flex-basis: 50%; }
    .with-us .items .item .content {
      padding: 3rem 2rem; }
    .with-us .items .item-picture {
      display: block;
      margin: 0 auto 1.6rem; }
    .with-us .items .item-description {
      width: 100%;
      max-width: 13rem;
      margin: 0 auto; }

.with-us .more {
  padding: 1.6rem 0.8rem 1.3rem;
  border-radius: 1rem; }
  .with-us .more-title {
    margin: 0 auto 0.8rem; }
    .with-us .more-title .plus {
      position: relative;
      display: inline-block;
      width: 2rem;
      height: 2rem;
      vertical-align: text-bottom; }
      .with-us .more-title .plus:after {
        position: absolute;
        top: -0.1rem;
        left: 0;
        content: "+";
        width: 2rem;
        height: 2rem;
        background-color: #84D0F0;
        border-radius: 1.5rem; }

/*******************************************/
@media only screen and (min-width: 768px) {
  .with-us .items {
    flex-wrap: inherit;
    max-width: 95rem;
    margin: 0 auto 1.6rem; }
    .with-us .items .item {
      flex-basis: inherit; }
      .with-us .items .item-description {
        max-width: inherit; }
  .with-us .more {
    max-width: 95rem;
    margin: 0 auto;
    padding: 2.4rem 0.8rem 2.0rem; }
    .with-us .more-title {
      margin: 0 auto 1.2rem; }
      .with-us .more-title .plus {
        width: 2.5rem;
        height: 2.5rem; }
        .with-us .more-title .plus:after {
          line-height: 2.3rem;
          width: 2.5rem;
          height: 2.5rem; }
  .with-us .wrapper .section-content {
    /* padding: 7rem 0rem 7rem; */ } }

.leafing .description,
.leafing-special .description {
  max-width: 86rem; }

.leafing .media,
.leafing-special .media {
  margin: 0 auto 1rem; }
  .leafing .media .iframe,
  .leafing-special .media .iframe {
    border: none;
    width: 100%;
    height: 65vw;
    min-height: 35rem;
    max-height: 62rem;
    max-width: 106.5rem; }

.leafing-special .wrapper {
  position: relative; }
  .leafing-special .wrapper:after, .leafing-special .wrapper:before {
    position: absolute; }

/*******************************************/
@media only screen and (min-width: 768px) {
  .leafing .wrapper .section-content {
    position: relative;
    z-index: 2; }
  .leafing-special .wrapper .section-content {
    position: relative;
    z-index: 2; } }

.section .items .row {
  display: none; }
  .section .items .row:first-child, .section .items .row.visible {
    display: block; }
  .section .items .row .item {
    margin: 0rem auto 1.6rem;
    max-width: 40rem; }
    .section .items .row .item .content {
      padding: 1.6rem; }
    .section .items .row .item-title, .section .items .row .item-description {
      text-align: left; }
    .section .items .row .item-picture .img {
      margin: 0 auto 1.6rem; }
    .section .items .row .item-title {
      margin: 0 auto 0.8rem; }

/*******************************************/
@media only screen and (min-width: 768px) {
  .section .items .row {
    display: flex;
    justify-content: flex-start;
    align-items: stretch; }
    .section .items .row:first-child, .section .items .row.visible {
      display: flex; }
    .section .items .row .item {
      max-width: 41.6rem;
      flex-basis: 32%;
      margin: 0rem 0.8rem 1.6rem; }
      .section .items .row .item-picture .img {
        margin: 0 auto 2.4rem; } }

.leafing-special-rubrics .items .row {
  display: none; }
  .leafing-special-rubrics .items .row:first-child, .leafing-special-rubrics .items .row.visible {
    display: block; }
  .leafing-special-rubrics .items .row .item {
    margin: 0rem auto 1.6rem;
    max-width: 40rem; }
    .leafing-special-rubrics .items .row .item .content {
      padding: 1.6rem; }
    .leafing-special-rubrics .items .row .item-title, .leafing-special-rubrics .items .row .item-description {
      text-align: left; }
    .leafing-special-rubrics .items .row .item-picture .img {
      margin: 0 auto 1.6rem; }
    .leafing-special-rubrics .items .row .item-title {
      margin: 0 auto 0.8rem; }

/*******************************************/
@media only screen and (min-width: 768px) {
  .leafing-special-rubrics .items .row {
    display: flex;
    justify-content: flex-start;
    align-items: stretch; }
    .leafing-special-rubrics .items .row:first-child, .leafing-special-rubrics .items .row.visible {
      display: flex; }
    .leafing-special-rubrics .items .row .item {
      max-width: 41.6rem;
      flex-basis: 32%;
      margin: 0rem 0.8rem 1.6rem; }
      .leafing-special-rubrics .items .row .item-picture .img {
        margin: 0 auto 2.4rem; } }

.leafing-special-bottom .items .row {
  display: none; }
  .leafing-special-bottom .items .row:first-child, .leafing-special-bottom .items .row.visible {
    display: block; }
  .leafing-special-bottom .items .row .item {
    margin: 0rem auto 1.6rem;
    max-width: 40rem; }
    .leafing-special-bottom .items .row .item .content {
      padding: 1.6rem; }
    .leafing-special-bottom .items .row .item-title, .leafing-special-bottom .items .row .item-description {
      text-align: left; }
    .leafing-special-bottom .items .row .item-picture .img {
      margin: 0 auto 1.6rem; }
    .leafing-special-bottom .items .row .item-title {
      margin: 0 auto 0.8rem; }

/*******************************************/
@media only screen and (min-width: 768px) {
  .leafing-special-bottom .items .row {
    display: flex;
    justify-content: flex-start;
    align-items: stretch; }
    .leafing-special-bottom .items .row:first-child, .leafing-special-bottom .items .row.visible {
      display: flex; }
    .leafing-special-bottom .items .row .item {
      max-width: 41.6rem;
      flex-basis: 32%;
      margin: 0rem 0.8rem 1.6rem; }
      .leafing-special-bottom .items .row .item-picture .img {
        margin: 0 auto 2.4rem; } }

.reason .items {
  margin: 0 auto 4rem; }
  .reason .items .item {
    margin: 0 auto 2.4rem; }
    .reason .items .item .content {
      display: flex;
      justify-content: flex-start;
      align-items: center; }
    .reason .items .item-picture {
      flex-basis: 30%;
      margin: 0 2.6rem; }
      .reason .items .item-picture .img {
        margin: 0 auto;
        min-width: 8.4rem; }
    .reason .items .item-description {
      flex-basis: 70%;
      text-align: left; }

.reason .wrapper .section-content .title {
  margin: 0 auto 4rem; }

/*******************************************/
@media only screen and (min-width: 768px) {
  .reason .items {
    display: flex; }
    .reason .items .item {
      max-width: 22rem;
      margin: 0 2.4rem 2.4rem; }
      .reason .items .item .content {
        display: inherit; }
      .reason .items .item-picture {
        margin: 0 auto; }
        .reason .items .item-picture .img {
          margin: 0 auto 2rem;
          min-width: 10.4rem; }
      .reason .items .item-description {
        text-align: center; }
  .reason .wrapper .section-content {
    position: relative; }
    .reason .wrapper .section-content .title {
      margin: 0 auto 6rem; } }

.review .items .item .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 1rem 2rem; }

.review .items .item-picture {
  display: block;
  position: relative;
  z-index: 1;
  margin: 0 auto;
  max-width: 12.9rem; }

.review .items .item-description {
  position: relative;
  margin: -6rem auto 0;
  padding: 7rem 2rem 2rem;
  text-align: left; }
  .review .items .item-description:before, .review .items .item-description:after {
    position: absolute;
    top: -2.0rem;
    left: -1rem;
    display: block;
    width: 5.5rem;
    height: 4rem;
    content: " ";
    background-color: transparent;
    background-image: url("https://imagine.bayard.io/unsafe/bayard-static/milan-jeunesse.com/2022/corner/commun/e5-guillemet-ouvrant.png");
    background-position: top left;
    background-repeat: no-repeat; }
  .review .items .item-description:after {
    background-image: url("https://imagine.bayard.io/unsafe/bayard-static/milan-jeunesse.com/2022/corner/commun/e5-guillemet-fermant.png");
    bottom: -2.0rem;
    right: 0;
    top: inherit;
    left: inherit; }
  .review .items .item-description .customer {
    margin: 0 auto 1.6rem; }
    .review .items .item-description .customer .role {
      font-weight: 700; }
  .review .items .item-description .review {
    font-weight: 300; }

/*******************************************/
@media only screen and (min-width: 768px) {
  .review .items .item .content {
    flex-direction: row-reverse;
    padding: 2rem 1rem 2rem; }
  .review .items .item-picture {
    max-width: inherit;
    margin: 0; }
  .review .items .item-description {
    margin: 0 -11rem 0 0;
    padding: 3.5rem 11rem 3.5rem 3.5rem;
    flex-basis: 50%; }
    .review .items .item-description:after {
      bottom: -2rem;
      right: 12%; }
    .review .items .item-description .review {
      width: 100%;
      max-width: 54rem; } }

.activity .items {
  margin: 0 auto 3.5rem; }
  .activity .items .item {
    margin: 0rem auto 1.6rem;
    max-width: 32rem;
    transition: all .25s ease; }
    .activity .items .item:hover {
      box-shadow: 2px 2px 7px #000;
      transform: scale(1.04); }
    .activity .items .item .content {
      padding: 1.6rem; }
    .activity .items .item-picture .img {
      margin: 0 auto 1.6rem; }
    .activity .items .item-info {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .activity .items .item-info .info {
        display: flex;
        align-items: center;
        justify-content: start;
        margin: 0 0 1.6rem; }
        .activity .items .item-info .info .age,
        .activity .items .item-info .info .type {
          margin: 0 0.8rem 0 auto;
          padding: 0.5rem 1rem 0.5rem 2.2rem;
          font-size: 1.3rem;
          font-weight: 700; }
        .activity .items .item-info .info .age {
          padding: 0.5rem 1rem 0.5rem 1rem; }
          .activity .items .item-info .info .age.bg-1-2 {
            background: #F5949D; }
          .activity .items .item-info .info .age.bg-3-5 {
            background: #F5949D; }
          .activity .items .item-info .info .age.bg-6-8 {
            background: #FCD200; }
          .activity .items .item-info .info .age.bg-9-10 {
            background: #FCD200; }
          .activity .items .item-info .info .age.bg-11-14 {
            background: #10AC99; }
          .activity .items .item-info .info .age.bg-15-20 {
            background: #10AC99; }
      .activity .items .item-info .locked {
        margin: 0 0 1.6rem; }
        .activity .items .item-info .locked .img {
          width: 2.6rem; }
    .activity .items .item-title {
      text-align: left; }
      .activity .items .item-title a:hover {
        text-decoration: underline; }

.activity .wrapper .section-content .title {
  margin: 0 auto 3.5rem; }

/*******************************************/
@media only screen and (min-width: 768px) {
  .activity .items {
    display: flex;
    justify-content: center;
    align-items: stretch;
    margin: 0 auto 6.5rem; }
    .activity .items .item {
      flex-basis: 24%;
      width: 24%;
      /* margin: 0rem 0.8rem 1.6rem; */ }
  .activity .wrapper .section-content .title {
    margin: 0 auto 6.5rem; } }

.character .items .item {
  margin: 0rem auto 1.6rem;
  max-width: 40rem; }
  .character .items .item:last-child {
    margin: 0rem auto; }
  .character .items .item-picture .img {
    margin: 0 auto 1.6rem; }
  .character .items .item-title, .character .items .item-description {
    text-align: left; }
  .character .items .item-title {
    margin: 0 auto 0.8rem; }
  .character .items .item-description {
    margin: 0 auto 2.4rem; }
  .character .items .item .content {
    padding: 1.6rem; }
  .character .items .item .action {
    margin: 0 auto 0.8rem; }
    .character .items .item .action .link {
      text-decoration: underline; }
      .character .items .item .action .link:hover {
        text-decoration: none; }

/*******************************************/
@media only screen and (min-width: 768px) {
  .character .items {
    display: flex;
    justify-content: center;
    align-items: stretch; }
    .character .items .item {
      flex-basis: 33%;
      margin: 0 0.8rem;
      /* min-height: 52rem; */
      min-height: 45rem; }
      .character .items .item:last-child {
        margin: 0 0.8rem; }
      .character .items .item-picture .img {
        margin: 0 auto 2.4rem; } }

.magazine-push {
  margin: 0 auto 3.5rem; }

/*******************************************/
@media only screen and (min-width: 768px) {
  .magazine-push {
    margin: 0 auto 4rem; } }

.magazine {
  margin: 0 auto 2.5rem; }
  .magazine-picture .img {
    margin: 0 auto 3.5rem; }
  .magazine-title, .magazine-description {
    text-align: left;
    margin: 0 auto 2.4rem; }
  .magazine .actions {
    clear: both; }

.corner .magazine .fakeBtn {
  /*
    display: block;
    margin: 2.4rem auto;
    color: $brand-color-3;
    float: none;
    */
  display: block;
  margin: 0rem auto 2.4rem;
  font-size: 1.2rem; }

/*******************************************/
@media only screen and (min-width: 768px) {
  .magazine .content {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    padding: 0 3.5rem; }
  .magazine-picture {
    flex-basis: 35%; }
    .magazine-picture .img {
      margin: 0 auto; }
  .magazine-text {
    flex-basis: 60%; }
  .magazine-title {
    font-size: 2.4rem; }
  .corner .magazine .readMoreContent {
    display: block; }
  .corner .magazine .fakeBtn {
    display: none; } }

.corner {
  margin: 0 auto 2.5rem;
  font-family: "Museo Sans";
  font-size: 1.4rem;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center; }
  .corner .cta {
    background-color: #E40413;
    border: 3px solid #E40413;
    border-radius: 40px;
    color: #FFFFFF !important;
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 15px;
    min-width: 12rem;
    padding: 12px 35px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    box-shadow: none; }
  .corner .cta:hover, .corner .cta.on {
    background-color: #C0000D;
    border-color: #C0000D;
    color: #FFFFFF !important; }
  .corner .secondary .cta {
    background-color: #005b51;
    border: 3px solid #005b51;
    border-radius: 40px;
    color: #FFFFFF !important;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    line-height: 15px;
    min-width: 160px;
    padding: 12px 35px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    box-shadow: none; }
  .corner .secondary .cta:hover, .corner .secondary .cta.on {
    background-color: #003F37;
    border-color: #003F37;
    color: #FFFFFF !important; }
  .corner .tertiary .cta {
    background-color: #FFFFFF;
    border: 3px solid #0F0F11;
    border-radius: 40px;
    color: #0F0F11 !important;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    line-height: 15px;
    min-width: 160px;
    padding: 12px 35px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    box-shadow: none; }
  .corner .tertiary .cta:hover, .corner .tertiary .cta.on {
    background-color: #EBF2F5;
    border-color: #0F0F11;
    color: #0F0F11 !important; }
  .corner .quaternary .cta {
    background-color: #FFFFFF;
    border: 3px solid #FFFFFF;
    border-radius: 40px;
    color: #0F0F11 !important;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    line-height: 15px;
    min-width: 160px;
    padding: 12px 35px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    box-shadow: none; }
  .corner .quaternary .cta:hover, .corner .quaternary .cta.on {
    background-color: #EBF2F5;
    border-color: #EBF2F5;
    color: #0F0F11 !important; }
  .corner .quaternary-reverse .cta {
    background-color: transparent;
    border: 3px solid transparent;
    border-radius: 40px;
    color: #0F0F11 !important;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    line-height: 15px;
    min-width: 160px;
    padding: 12px 35px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    box-shadow: none; }
  .corner .quaternary-reverse .cta:hover, .corner .quaternary-reverse .cta.on {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    color: #0F0F11 !important; }
  .corner .readMoreContent {
    display: none; }
    .corner .readMoreContent.visible {
      display: block; }
  .corner .fakeBtn {
    float: right;
    text-decoration: underline; }
    .corner .fakeBtn:hover {
      cursor: pointer;
      text-decoration: none; }
  .corner .readMoreInput:checked + .readMoreWrapper .readMoreContent {
    display: block; }
  .corner .readMoreInput:not(:checked) + .readMoreWrapper .close {
    display: none; }
  .corner .readMoreInput:checked + .readMoreWrapper .open {
    display: none; }
  .corner h1, .corner h2, .corner h3, .corner h4, .corner h5, .corner h6 {
    margin: 0;
    padding: 0;
    line-height: inherit;
    font-weight: inherit;
    font-size: inherit; }
  .corner ul, .corner li {
    list-style: none;
    margin: auto;
    padding: 0; }

/*******************************************/
@media only screen and (min-width: 768px) {
  .corner {
    margin: 0 auto 3.5rem;
    font-size: 1.6rem; }
    .corner .cta {
      font-size: 1.6rem;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none; } }

.baseline-title {
  color: #fff;
  text-shadow: 2px 2px 7px #000; }