@import "components/variable";
@import "components/mixins";
/*=============================================================================
  General
  ========================================================================== */
fieldset {
  border: none 0;
}
table {
  margin: 0;
}


/*=============================================================================
  Page layout
  ========================================================================== */
#page-title,
#navigation {
  display: none;
}
body {
  font-family: 'Bree Serif', serif;
  margin: 0;
  background-position-x: center;
  background-position-y: top;
  background-size: auto !important;
  //filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ede9e3', endColorstr='#d0c4b7',GradientType=0 ); /* IE6-8 */
  background: #ede8e2;
  background: -moz-linear-gradient(top, #ede8e2 0%, #d0c4b7 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d0c4b7), color-stop(100%, #d0c4b7));
  background: -webkit-linear-gradient(top, #ede8e2 0%, #d0c4b7 100%);
  background: -o-linear-gradient(top, #ede8e2 0%, #d0c4b7 100%);
  background: -ms-linear-gradient(top, #ede8e2 0%, #d0c4b7 100%);
  background: linear-gradient(to bottom, #ede8e2 0%, #d0c4b7 100%);
}

a {
  text-decoration: none;
}

/* ios background error */
/*@media screen and (max-width: 672px) {
  body {
    background-image: url('../images/degrade-ios.png');
    background-repeat: repeat-y;
    background-position: left top;
  }
}


html {
min-width: 1024px;
// thats no needed for responsive footer
// (yes, it should be responsive, don't even ask :) )
}
*/

/*Exception for textareas with ckeditor body*/
body[class^="cke_"] {
  background: none;
}
#main {
  margin: 0 auto;
  width: 960px;
  padding-top: 0;
}
#page {
  padding: 0;
  min-height: 700px;
  margin: 0 auto;
}
#page {
  width: 960px;
  max-width: 960px;
  min-width: 960px;
}
#content {
  min-height: 500px;
  max-width: 960px;
  margin: 0 auto;
  padding: 0;
}
.sidebar-second .region-sidebar-second {
  margin-left: 635px;
  padding: 38px 0 0 15px;
  float: none;
}
body.page-search #main {
  color: #8C7B74;
  max-width : 100%;
}
#region-bottom:before {
  clear: both;
}
#region-bottom:after {
  clear: both;
}
#region-bottom {
  background-color: #826F68;
  box-sizing: border-box;
  color: #FFFFFF;
  display: table;
  font-size: 14px;
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
  padding: 20px 20px 0;
  clear: both;
  text-align: center;
  max-width: 100%;
}

/*=============================================================================
  Corrections of layouts/responsive
  ========================================================================== */
.sidebar-second #content {
  float: left;
  width: 100%;
  margin-left: 0;
  margin-right: -79.5%;
}
/*=============================================================================
  Features pages
  ========================================================================== */
h1#site-name {
  display: none;
}
/*=============================================================================
  Blocks of all regions
  ========================================================================== */
.block {
  margin-bottom: 0;
}
//=============================================================================
//    Blocks of Mega-Menu regions
//=============================================================================
#region-megamenu_1 {
  background: url('../images/richnav_marques_bg_all.png') no-repeat scroll 660px center @red;
  .block-views .views-field-path a {
    background: url("../images/richnav_red.png") center right no-repeat transparent;
    color: @red;
  }
}
#region-megamenu_2 {
  background: url('../images/richnav_marques_bg_all.png') no-repeat scroll 660px center @gold;
  .block-views .views-field-path a {
    background: url("../images/richnav_gold.png") center right no-repeat transparent;
    color: @gold;
  }
  #block-ft-news-rich-nav-tools-childhood p {
    width: 140px;
    padding: 5px;
    margin: 3px 0 3px -5px;
    a {
      color: grey;
      text-decoration: none;
      background: url(../images/arrow_teaser_gold.png) right center no-repeat white;
      width: 100%;
      display: block;
    }
  }
}
#region-megamenu_3 {
  background: url('../images/richnav_marques_bg_all.png') no-repeat scroll 660px center @green;
  .block-views .views-field-path a {
    background: url("../images/richnav_green.png") center right no-repeat transparent;
    color: @green;
  }
}
#region-megamenu_4 {
  background: url('../images/richnav_marques_bg_all.png') no-repeat scroll 660px center @blue;
  .block-views .views-field-path a {
    background: url("../images/arrow_teaser_blue.png") center right no-repeat transparent;
    color: @blue;
  }
}

div[id^="region-megamenu"] {
  border: 5px solid white;
  box-sizing: border-box;
  margin-bottom: -45px;
  width: 960px;
  height: 368px;
  display: none;
  left: auto;
  overflow: hidden;
  right: auto;
  z-index: 100;
  background-position: 664px center;
  top: -54px;

  .richnav-c {
    margin-top: 0;
  }
  .node.view-mode-rich_nav .field-name-title {
    width: 100%;
  }
  ul li,
  .menu__item.is-leaf {
    list-style: none;
    a,
    #region-megamenu_4 #block-clv-coupons-richnav > p > a {
      background: url("../images/arrow_right_white.png") center right no-repeat transparent;
      border-bottom: 1px dotted #FFFFFF;
      color: #FFFFFF;
      display: inline-block;
      font-size: 11px;
      text-decoration: none;
      width: 80%;
      padding-right: 10%;
    }
  }
  a.megamenu-close {
    background: url('../images/megamenu-close.png') center center no-repeat transparent;
    color: #FFF;
    cursor: pointer;
    float: right;
    font-family: sans-serif;
    height: 11px;
    padding: 5px;
    width: 11px;
  }
  .block {
    vertical-align: top;
  }
  .block__title {
    display: none;
  }
  .block-ft-news {
    margin: 0;
    padding: 0;
    float: left;
    min-width: 334px;
    min-height: 358px;
    p {
      margin: 0;
      padding: 0;
    }
    &.last { // for the #richnav_tools
      margin-top: 0;
      margin-left: 71px;
    }
  }
  .block-menu {
    float: left;
    margin: 20px 0 20px 0;
    padding: 0 300px 0 71px;
    ul {
      width: 175px;
      margin: 0;
      padding: 0;
    }
  }
  .block-views,
  .block-clv-coupons {
    position: absolute;
    right: 64px;
    top: 33px;
    border-left: 1px dotted #FFF;
    min-height : 279px;
    width: 196px;
    padding-left: 63px;
    z-index: 400;
    .views-field-title a {
      color: #826F68;
      text-decoration: none;
    }
    .views-field-path a {
      padding-right: 20px;
      text-decoration: none;
      width: 100px;
    }
    p {
      margin: 0;
    }
  }
  //.block-views p {
  //  margin: 0;
  //}
  .view-content {
    background-color: #FFF;
    color: #826F68;
    padding: 0;
    text-align: center;
  }
  .views-label  {
    display: none;
  }

  .block-clv-coupons p,
  .view-footer {
    float: left;
    margin: 3px 0 0;
    width: 100%;
    text-align: center;

    a {
      background: url("../images/arrow_right_white.png") center right no-repeat transparent;
      color: #FFFFFF;
      display: inline-block;
      margin-left: 0;
      text-decoration: none;
      width: 150px;
      font-size: 11px;
      text-align: left;

      &:first-child {
        border-bottom: 1px dotted #FFFFFF;
      }
    }
  }
  .block-clv-coupons p:first-child {
    border-bottom: 1px dotted #FFFFFF;
  }
}
div[id^="block-ft-news-rich-nav-image-"] {
  a {
    display: block;
    max-height: 358px;
  }
}
#region-megamenu_4 #block-clv-coupons-richnav {
  & > p {
    margin: 5px 0 0;
    padding: 0;
    & > a {
      width: 65%;
      margin-left: 40px;
    }
  }
}
#region-megamenu_4 .block-clv-coupons p:last-child a {
  border-bottom: none;
}
#region-megamenu_4 #block-ft-news-rich-nav-tools-brands-products {
  margin: 0 0 0 71px;
  p {
    margin: 10px 0;
    background-color: #FFF;
    color: #766D69;
    width: 195px;
    a {
      text-decoration: none;
      font-size: 13px;
      color: #766D69;
      img {
        vertical-align: middle;
        padding-right: 5px;
        border-right: 1px dotted #1F7BDE;
        margin-right: 10px;
      }
    }
  }
}
/*=============================================================================
  Blocks of  Second sidebar region
  ========================================================================== */
/*  --- BLOCK --- Tops articles by rubric */
#block-views-contextual-articles-block,
#block-views-b6189bde4bfb884201a2d18cc02adb6b,
#block-views-f94109861129cd8fac263261068e5a58,
#block-views-733a1d4a8425be0b7ce8cafa6c266d52 {
  background-color: #FFFFFF;
  margin-top: 10px;
  padding-top: 0;
  width: auto;
}
body.rubric-brand  #block-views-contextual-articles-block h2.block-title,
#block-views-b6189bde4bfb884201a2d18cc02adb6b h2.block-title {
  color: #FFFFFF;
  height:50px;
  line-height: 50px;
  background-color: #1F7DBE;
  text-align: center;
  text-transform: uppercase;
  font-size: 18px;
}
body.rubric-pleasure  #block-views-contextual-articles-block h2.block-title,
#block-views-f94109861129cd8fac263261068e5a58 h2.block-title {
  color: #FFFFFF;
  height:50px;
  line-height: 50px;
  background-color: #A9C035;
  text-align: center;
  text-transform: uppercase;
  font-size: 18px;
}
body.rubric-cooking #block-views-contextual-articles-block h2.block-title,
#block-views-733a1d4a8425be0b7ce8cafa6c266d52 h2.block-title {
  color: #FFFFFF;
  height:50px;
  line-height: 50px;
  background-color: #E0107C;
  text-align: center;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: normal;
}
body.rubric-childhood #block-views-contextual-articles-block h2.block-title {
  color: #FFFFFF;
  height:50px;
  line-height: 50px;
  background-color: #F2B33A;
  text-align: center;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: normal;
}
[id*='block-quicktabs-quicktab-top-recettes'],
[id*='block-quicktabs-top-recipes-authenticated'] {
  margin-bottom: 20px;
  float: left;
  width: 310px;
  h2 {
    height: 59px;
    line-height: 59px;
  }
  ul.quicktabs-tabs{
    padding: 0 0 0 15px;
  }
}
#block-views-contextual-articles-block {
  margin-bottom: 20px;
  padding: 0;
  float: left;
}
#block-views-contextual-articles-block .view-content .views-row {
  padding-left: 15px;
}
#block-views-contextual-articles-block .view-content .views-row.views-row-1 {
  padding-left: 0;
}
/*=============================================================================
  BLOCK --- Connection to an account & users infos, not the same block on home & pages
  .taxonomy-term.vocabulary-essential et #block-ft-common-user-ft-common
  ========================================================================== */
.taxonomy-term.vocabulary-thematique-plaisirs-equilibre.view-mode-full .field-name-block-field-block-user {
  min-height: 365px;
}
.taxonomy-term.vocabulary-thematique-plaisirs-equilibre.view-mode-full .field-name-block-field-block-user {
  float: right;
}
.taxonomy-term.vocabulary-thematique-plaisirs-equilibre.view-mode-full .field-name-field-balanceddiet-image.field-label-hidden {
  float: left;
}
/* special position for the h1 in /equilibre-nutrition/thematiques-equilibre/objectif-minceur */
.taxonomy-term.vocabulary-thematique-plaisirs-equilibre.view-mode-full #taxonomy-term-thematique-plaisirs-equilibre-full-group-term-wrapper {
  position: relative;
}
.taxonomy-term.vocabulary-essential.view-mode-full a,
#block-ft-common-user-ft-common-user-block-user a,
.pane-ft-common-user-ft-common-user-block-user a,
.field-name-block-field-block-user a {
  color: #FFF;
  font-size: 14px;
  margin: 0;
  top: 5px;
}
.taxonomy-term.vocabulary-inspirations.view-mode-full a {
  color: #FFF;
  font-size: 14px;
  margin: 0;
  top: 1px;
}
#block-ft-common-user-ft-common-user-mini-block-user a {
  color: #FFF;
  font-size: 14px;
  margin: 0;
  top: 7px;
}
.taxonomy-term.vocabulary-essential.view-mode-full > a,
.taxonomy-term.vocabulary-inspirations.view-mode-full > a {
  margin-left: 20px;
}
/*=============================================================================
  Bottom region blocks
  ========================================================================== */
/* Generalities */
.region-bottom .block {
  clear: both;
  display: inline-block;
  margin: 0;
  width: 227px;
  padding: 0;
  vertical-align: text-top;
  overflow: hidden;
  text-align: left;
}
.region-bottom .block h2, .region-bottom .block .block-title {
  font-size: 16px;
  font-weight: normal;
  text-transform: uppercase;
  margin-bottom: 10px;
  color: #fff;
  line-height: 2em;
}
.region-bottom .block ul {
  margin: 0;
  padding: 0;
}
.region-bottom .block ul li {
  list-style: none;
  line-height: 15px;
}
.region-bottom .block a,
.region-bottom .block a:link,
.region-bottom .block a:visited{
  color: #E4DDDB;
  text-decoration: none;
}
#block-menu-menu-bottom-menu li.first.leaf {
  line-height: 52px;
}
.region.region-bottom #block-menu-brands-products-footer-medium,
.region.region-bottom #block-menu-balanced-diet-footer-medium,
.region.region-bottom #block-menu-childhood-footer-medium,
.region.region-bottom #block-menu-cooking-footer-medium,
.region.region-bottom #block-menu-cooking-footer-links,
.region.region-bottom #block-menu-childhood-footer-links,
.region.region-bottom #block-menu-brands-products-footer-links,
.region.region-bottom #block-menu-balanced-diet-footer-links {
  margin-top: 10px;
}

/*=============================================================================
  BLOCK --- Horizontal menu
  ========================================================================== */
.region-bottom-menu {
  background-color: #ede8e2;
  padding: 3px 0 0;
}

#block-menu-menu-bottom-menu {
  display: block;
  line-height: 52px;
  margin: 20px auto 10px;
  margin: 0 auto;
  overflow: visible;
  width: auto;
  background-color: #826f68;

  @media screen and (max-width: 1024px) {
    width: auto;
    height: auto;
    line-height: 1;
  }

  ul.menu {
    white-space: nowrap;
    overflow: visible;
    position: relative;
    padding: 3px 0 3px 130px;
    width: 830px;
    margin: 0 auto;

    @media screen and (max-width: 1024px) {
      white-space: normal;
    }

    li {
      margin-right: 10px;

      a {
        color: #F3F0EE;
        font-family: Arial, sans-serif;
        font-size: 11px;
      }

      &.menu__item.first {
        a:before {
          background: url("../images/logo_nestle_footer.png") left center no-repeat;
          border-radius: 6px;
          content: ' ';
          height: 52px;
          width: 118px;
          left: -4px;
          position: absolute;

          @media screen and (max-width: 1024px) {
            top: 3px;
          }
        }
      }
    }
  }

  h2,
  ul.menu li {
    display: inline-block;
    font-size: 12px;
  }

  h2 {
    text-transform: none;
    height: 52px;
    line-height: 52px;

    &.block-title {
      margin-right: 10px;
    }
  }
}
/*=============================================================================
 *Generic error blocks for all pages
  ==========================================================================  */
#modalContent {
  border: 8px solid #5783A2;
}
div.messages--error {
  background: url('../images/errors.png') no-repeat 10px center #FFF;
  border: 5px solid #E00;
  color: #E00;
  font-family: sans-serif;
  font-size: 14px;
}
body.section-inscription .breadcrumb ~ .messages--error,
body.section-connexion-inscription .breadcrumb ~ .messages--error {
  display: none; // Is for hiding the first error block that appears before placement
}
body.section-inscription .header-with-gender-body ~ .messages--error,
body.section-inscription .item-list ~ .messages--error {
  display: block; // The hidden blocks are copied and the specs too so we override here
}
/* password popin*/
#modalContent .popups-container {
  border-radius: 0;
}
#modalContent .popups-container .form-type-textfield.form-item-name,
#modalContent .popups-container .form-actions.form-wrapper {
  display: inline-block;
}
#modalContent .popups-container .form-type-textfield.form-item-name {
  min-width: 260px;
  width: auto;
}
#modalContent .popups-container .form-type-textfield.form-item-name label {
  display: inline-block;
}
#modalContent .popups-container .modal-content {
  overflow: hidden;
}
#modalContent .popups-container #user-pass {
  background-color: #FFF;
  margin: 10px auto 0 auto;
  color: #8C7B74;
  width: 400px;
  padding: 0;
}
#modalContent .popups-container label  {
  color: #8C7B74;
}
#modalContent .popups-container .popups-title #modal-title {
  display: none;
}
#modalContent .popups-container .popups-title .popups-close {
  background: url('../images/close_popup.png') center center no-repeat transparent;
}
body.not-logged-in #modalContent div.ctools-modal-content.modal-forms-modal-content {
  max-height: 210px;
  min-height: 180px;
}
#modalContent .modal-header.popups-title {
  position: relative;
  top: 10px;
  width: 50px;
  left: 376px;
}
#bdiet-thematic-listing-page .panels-flexible-region-8-terms_region,
#inspiration-page-terms-listing .panels-flexible-region-new-terms_region {
  background-color: white;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  padding: 20px 0 0 20px;
  -webkit-box-sizing: border-box;

  table {
    width: 100%;
  }

  &, &.panels-flexible-region {
    float: none;
    padding: 0;
  }
  .pager {
    margin-left: -20px;
    border-top: 1px dotted #826F68;
  }
}
#inspiration-page-terms-listing {
  .white-bg {
    background-color: white;
    box-sizing: border-box;
    padding: 20px 0 0 20px;
  }
  .view-inspirations td.col-first {
    width: 33.333333%;
  }
}
/*=============================================================================
  Back links
  ==========================================================================  */
.node-product.view-mode-full.rubric-brand .field-name-ft-product-back2products a,
.taxonomy-term.vocabulary-menu-thematic.view-mode-full .field-name-ft-menu-term-back a,
.taxonomy-term.vocabulary-inspirations.view-mode-full .field-name-ft-recipe-term-back a,
.node-recipe.view-mode-full.rubric-cooking .field-name-ft-recipe-node-back a ,
.node-recipe.view-mode-full .field-name-ft-recipe-node-back a {
  color: #E0107C;
  position: absolute;
  top: 8px;
  right: 0;
  font-size: 13px;
}
.node-recipe.view-mode-full.rubric-cooking .field-name-ft-recipe-node-back a {
  top: -29px;
  right: -320px;
}
.node-article.view-mode-full.rubric-pleasure .field-name-ft-news-term-back a {
  color: #A8C034;
}
.node-product.view-mode-full.rubric-brand .field-name-ft-product-back2products a,
.node-article.view-mode-full.rubric-brand .field-name-ft-news-term-back a {
  color: #1F7DBE;
}
.node-article.view-mode-full.rubric-childhood .field-name-ft-news-term-back a {
  color: #F2B33A;
}
.node-product.view-mode-full.rubric-brand .field-name-ft-product-back2products a:before,
.taxonomy-term.vocabulary-menu-thematic.view-mode-full .field-name-ft-menu-term-back a:before,
.node-article.view-mode-full.rubric-pleasure .field-name-ft-news-term-back a:before,
.node-article.view-mode-full.rubric-brand .field-name-ft-news-term-back a:before,
.node-article.view-mode-full.rubric-childhood .field-name-ft-news-term-back a:before,
.taxonomy-term.vocabulary-inspirations.view-mode-full .field-name-ft-recipe-term-back a:before,
.node-article.view-mode-full.rubric-cooking .field-name-ft-news-term-back a:before,
.node-recipe.view-mode-full.rubric-cooking .field-name-ft-recipe-node-back a:before {
  content: '<< ';
}
.taxonomy-term.vocabulary-menu-thematic.view-mode-full .field-name-ft-menu-term-back a {
  top: -31px;
}
.vocabulary-menu-thematic.view-mode-full .group-right #anonymous-block-user {
  margin-left: 0;
}

/*=============================================================================
  Right blocks
  ========================================================================== */
#balanceddiet-homepage .panel-pane.pane-node,
#childhood-homepage .panel-pane.pane-node {
  display: inline-block;
  margin: 0 10px 10px 0;
  width: 310px;
}
#balanceddiet-homepage .panel-pane.pane-node:nth-child(n+3),
#childhood-homepage .panel-pane.pane-node:nth-child(n+3) {
  margin: 0 0 10px 0;
}
.ds-2col-stacked > .group-right {
  width: auto;
}

//=============================================================================
//                Cookies display and alert messages
//=============================================================================
#sliding-popup {
  background-color: #826F68;
  min-width: 960px;
  font-size: 12px;
  font-weight: normal;
  .popup-content.info {
    height: 41px;
    width: 960px;
  }
  .popup-content {
    #popup-text {
      padding-top: 0;
      margin-top: 0;
      max-width: 78%;
      h2,
      p {
        font-weight: normal;
      }
      a {
        color: #FFF;
      }
    }
    #popup-buttons button {
      background: none;
      border: none 0;
      font-size: 12px;
      color: white;
      box-shadow: none;
      text-shadow: none;
      font-weight: normal;
      font-family: 'Bree Serif';
      margin: 15px 0 0 0;
      padding: 0 10px;
      &:hover {
        background: none #826F68;
      }
    }
  }
  &.sliding-popup-top {
    height: 40px !important;
  }
}
#region-top_header {
  font-size: 12px;
  font-weight: normal;
  color: #FFF;
  width: 100%;
  text-align: center;
  min-width: 960px;
  float: left;
  position: relative;
  div {
    background-color: #826F68;
    width: 100%;
    position: relative;
    top: 0;
    height: 44px;
    float: left;
  }
  p {
    display: inline-block;
    margin: 10px;
  }
  span.close {
    background: url('../images/megamenu-close.png') center center no-repeat transparent;
    cursor: pointer;
    font-size: 0;
    height: 11px;
    margin: 0 20px;
    width: 11px;
    display: inline-block;
  }
  [id*='block-block-'] {
    &:nth-child(1) {
      z-index: 1;
    }
    &:nth-child(2) {
      z-index: 2;
      margin-top: -44px;
    }
    &:nth-child(3) {
      z-index: 3;
      margin-top: -88px;
    }
    &:nth-child(4) {
      z-index: 4;
      margin-top: -132px;
    }
    &:nth-child(5) {
      z-index: 5;
      margin-top: -176px;
    }
    &:nth-child(6) {
      z-index: 6;
      margin-top: -220px;
    }
    &:nth-child(7) {
      z-index: 7;
      margin-top: -264px;
    }
    &:nth-child(8) {
      z-index: 8;
      margin-top: -308px;
    }
    &:nth-child(9) {
      z-index: 9;
      margin-top: -352px;
    }
    &:nth-child(10) {
      z-index: 10;
      margin-top: -396px;
    }
  }
}
/*=============================================================================
  Capital Data
  ========================================================================== */
#block-ft-common-kd-single {
  float: left;
  height: 223px;
  margin-right: 10px;
  width: 310px;
}
#block-ft-common-kd-for-you {
  background-color: #FFF;
  width: 305px;
}
#block-ft-common-kd-for-you .node {
  width: 305px;
  background-color: white;
  overflow: hidden;
}
/*#block-ft-common-kd-trio-2 > .node,*/
.kd-request.kd-request-processed > .node {
  margin: 0px 15px 24px 0;
  float: left;
}
.kd-request.kd-request-processed > .node-recipe.view-mode-mini_push.rubric-cooking {
  margin: 0px 10px 24px 10px;
}
body.front .panels-flexible-region.brands-region .kd-request.kd-request-processed > .node:nth-child(2n) {
  margin-right:0;
}
#block-ft-common-kd-trio-1 .kd-request.kd-request-processed > .node:nth-child(2) {
  margin: 0px 5px 0 5px;
}
#block-ft-common-kd-trio-1 .kd-request.kd-request-processed > .node:last-of-type {
  margin-right: 0;
  float: right;
}
#block-ft-common-kd-trio-2 .kd-request-processed {
  margin-top: 30px;
  display: inline-block;
}
#block-ft-common-kd-trio-2 .kd-request-processed > .node {
  margin-top: 30px;
}
/*  inside panels-flexible-region-inside panels-flexible-region-new-balanced_diet_region-inside panels-flexible-region-inside-first   */
.panels-flexible-region-new-balanced_diet_region-inside .kd-request.kd-request-processed {
  display: block;
}
/*  unlogged font = Bree 18px normal :::   logged font = Deibi 20px strong
    homepage : user's horizontal regions */
.panels-flexible-region-inside #recipes-search-header-title span,
.panels-flexible-region-inside #activities-header-title span,
.panels-flexible-region-inside #for-more-header-title span,
.panels-flexible-region-inside .region-header-title span,
.panels-flexible-region-inside-last .region-header-title span,
.panels-flexible-region-first .region-header-title span,
.panels-flexible-region-inside .region-header-title span,
.panels-flexible-region-inside .region-header-title span,
#for-more-region .region-header-title span,
#balanced-diet-header-block h1 {
  font-family: 'Bree Serif';
  font-size: 18px;
  line-height: 17px;
}
body.logged-in #block-ft-childhood-hp-childhood-hp-for-more-region #for-more-header-title span,
body.logged-in #block-ft-brandhp-ft-brandhp-coupons-header #coupons-region-title span,
body.logged-in .panels-flexible-region-inside #activities-header-title span,
body.logged-in .panels-flexible-region-inside #for-more-header-title span,
body.logged-in .panels-flexible-region-inside .region-header-title span,
body.logged-in .panels-flexible-region-inside-last .region-header-title span,
body.logged-in .panels-flexible-region-first .region-header-title span,
body.logged-in #for-more-region .region-header-title span {
  font-weight: normal;
  font-size: 20px;
}
.panels-flexible-region-inside.panels-flexible-region-new-recipes_search_region-inside #recipes-search-header-title span,
.panels-flexible-region-inside.panels-flexible-region-new-recipes_search_region-inside #recipes-search-header-title h1 {
  font-family: 'Bree Serif', serif;
  font-size: 15px;
}

// ==================================================================
// Positioning blocks under the folder :
//  - #block-clv-coupons-monocoupon : Iframe -> Present only in the content type folder
//  - #block-block-13 : Block -> Present only in the content type folder
// ==================================================================
.node-type-webfolder #block-block-13,
.node-type-webfolder #block-clv-coupons-monocoupon {
  width: 310px;
  height: 223px;
  overflow: hidden;
  float: left;
  margin: 0 15px 0 0;
}
.node-type-webfolder #block-block-13 {
  margin: 0;
}

// ====================================================================================
//            #authenticated-block-user
//            .anonymous-block-user
// ====================================================================================
#authenticated-block-user,  // common between authenticated & anonymous
#anonymous-block-user {
  height: 362px;
  width: 310px;
  float: left;
  padding: 0;
  color: @navy;
  background-color: @navy;
  margin-left: 14px;

  #authenticated-pub a,
  #anonymous-pub a {
    display: block;
    height: 13px;
    line-height: 13px;
    width: 175px;
    margin: 10px auto 0 auto;
    padding: 10px;
    color: white;
    text-decoration: none;
    font-weight: normal;
    background: url('../images/arrow_right_white.png') 177px center no-repeat #E0107C;
    text-align: center;
  }
}
#authenticated-block-user { // Only for authenticated
  #mini-block-user {
    padding-bottom: 0;
    background-color: @navy;
    #header-user-block {
      font-size: 14px;
      color: white;
      font-weight: bold;
      padding: 9px 15px;
      a {
      color: white;
      }
    }
    .croqs a {
      color: white;
      text-decoration: none;
      line-height: 1em;
      position: absolute;
      text-align: center;
      text-transform: capitalize;
    }
  }
  #authenticated-pub {
    height: 172px;
    background-color: white;
    margin: 5px auto;
    width: 298px;
    overflow: hidden;
    h4,
    p {
      font-size: 20px;
      font-family: Deibi;
      margin: 0;
      padding: 5px 0 0 5px;
    }
    center br {
      display: none;
    }
  }
  div#header-user-block {
    color: #FFF;
  }
  div .title-case {
    color: #8C7B74;
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
    top: -15px;
    width: 100%;
  }
  #content-block-user {
    background-color: #FFF;
    a {
      color: @gris;
      text-decoration: none;
      font-size: 12px;
      font-weight: normal;
    }
  }
  #row1,
  #row2 {
    background-color: #FFF;
    padding: 0;
    height: 66px;
    .case {
      float: left;
      margin: 0;
      padding: 5px 1px 0 5px;
      font-size: 10px;
      width: 102px;
      height: 66px;
      vertical-align: top;
      text-align: center;
      box-sizing: border-box;
      position: relative;
    }
    #profile,
    #menu {
      margin-left: 1px;
      border-right: 1px solid #EAE7E0;
    }
    #avantages,
    #shopping-list {
      position: relative;
      margin-right: 1px;
      border-left: 1px solid #EAE7E0;
    }
    //#avantages {
    //  a img {
    //    position: relative;
    //    left: 0;
    //  }
    //}
  }
  #row1 {
    border-bottom: 1px solid #EAE7E0;
  }
  .croqs {
    margin-left: 27px;
    margin-top: 0;
    position: absolute;
    text-align: left;
    top: 8px;
    width: 38px;
    a {
      line-height: 14px;
      z-index: 5;
    }
  }
  .notifications {
    color: #E0107C;
    right: 3px;
    position: absolute;
    top: -2px;
  }
  .user-name {
    text-decoration: none;
    font-weight: normal;
    max-width: 200px;
    height: 25px;
    overflow: hidden;
    display: inline-block;
    a {
      text-decoration: none;
      font-weight: normal;
    }
  }
  .deconnection a {
    font-weight: normal;
    float: right;
  }
}
#anonymous-block-user {  // Only for anonymous
  font-size: 10px;
  margin-top: 3px;

  a[href$='/password'] {
    font-size: 12px;
    padding: 0;
  }
  h4 {
    font-size: 23px;
    font-weight: normal;
    margin: 0;
    text-align: center;
    padding: 0;
    color: @navy;
  }
  span {
    color: white;
    font-size: 16px;
    margin-left: 5px;
    font-weight: bold;
    margin-top: 5px;
  }
  p {
    margin: 0;
    font-size: 14px;
    padding: 0;
    color: #5782A2;
    text-align: center;
    &:first-of-type {
      font-size: 17px;
      line-height: 17px;
      width: 100% !important;
    }
  }
  img {
    margin-left: 85px;
  }
  img[alt="Logo Croquons La Vie"] {
    margin-left: 0 !important;
    text-align: center;
  }
  #anonymous-pub {
    background-color: #FFF;
    margin: 10px auto;
    max-width: 285px;
    height: 215px;
    center br {
      display: none;
    }
    text-align: center;
  }
  & > a {
    margin-left: 20px;
  }
  #user-login {
    div > span {
      margin-left: 0;
      font-weight: normal;
    }
    span {
      font-weight: normal;
      margin-left: 20px;
    }
    label {
      display: none;
    }
    .special-actions-coupon p {
      color: #FFF;
      padding: 0 20px;
    }
    .form-item {
      margin: 0;
      margin-top: 1px;
    }
    .description {
      display: none;
    }
  }
  #anonymous-pub-link {
    margin: auto;
    text-align: center;
    width: 130px;
  }
}
// specificity if the block user is in the second sidebar
.sidebar-second .region-sidebar-second #authenticated-block-user,
.sidebar-second .region-sidebar-second #anonymous-block-user{
  margin-left: 0;
  margin-bottom: 30px;
  z-index: 99;
}
.sidebars .region-sidebar-second .block-fb-likebox {
  background-color: #FFF;
  margin-bottom: 30px;
}
// admin menu conflicts
body.page-admin #branding {
  overflow: visible;
}
// downgrade the menu in the admin
body.page-admin #sliding-popup {
  z-index: 1;
}
.sidebar-second .region-sidebar-second {
  margin-right: 0;
  width: auto;
  position: relative;
  z-index: 10;
}
// Block Kdata and Wysiwyg in /confirmation
#block-block-31 {
  margin: 20px -30px 20px 0;
}
#block-block-32 {

}
#block-block-33 {
  float: right;
}

/**
 * Fix -18 class.
 */
#inspiration-page-terms-listing {
  width: auto;
  & > .panel-flexible-inside {
    padding-right:0px;
  }
  .panels-flexible-region {
    padding: 0;
    float: left;
  }
  .panels-flexible-region-inside {
    padding-right: 0.5em;
    padding-left: 0.5em;
  }
  .panels-flexible-region-inside-first {
    padding-left: 0;
  }
  .panels-flexible-region-inside-last {
    padding-right: 0;
  }
  .panels-flexible-column {
    padding: 0;
  }
  .panels-flexible-column-inside {
    padding-right: 0.5em;
    padding-left: 0.5em;
  }
  .panels-flexible-column-inside-first {
    padding-left: 0;
  }
  .panels-flexible-column-inside-last {
    padding-right: 0;
  }
  .panels-flexible-row {
    padding:0 0 0.5em 0;
    margin:0;
  }
  .panels-flexible-row-last {
    padding-bottom: 0;
  }
}

/*=============================================================================
  Gigya blocks alignment
  ========================================================================== */
#gigya-raas-login-div {

  &.gigya-style-modern {
    border: none;
  }

  .region-sidebar-second & {
    margin-left: 0;
    margin-bottom: 15px;
  }
  .section-marques .region-sidebar-second & {
    margin: 0;
  }

  .node-type-recipe .region-sidebar-second &,
  .node-type-product .region-sidebar-second & {
    margin-bottom: 0px;
  }

  .section-marques .pane-gigya-gigya-raas-login & {
    float: right;
  }

  .taxonomy-term.vocabulary-thematique-plaisirs-equilibre.view-mode-full .field-name-block-field-block-user & {
    margin-top: 0;
  }

  .taxonomy-term.vocabulary-menu-thematic.view-mode-full .field-name-block-field-block-user & {
    margin: 0;
  }
}