/**
 * @file
 * Layout styles.
 */

#main-wrapper {
  margin-bottom: 2rem;
}

/* gestione tablet pagina base */
@media all and (max-width: 1000px) {
  .node--type-page .node__content .col-md-9 {
    width: 100% !important;
  }
  .node--type-page .node__content .col-md-3 {
    width: 100% !important;
    margin-top: 2rem;
  }
  .node--type-page .node__content .col-md-3 nav,
  .node--type-page
    .node__content
    .col-md-3
    .block-views-blocklink-correlati-block-1 {
    margin-right: 0;
  }
}

/* Per gestire layout 75 25 con piu larghezza colonna dx */
@media (min-width: 1024px) {
  .layout-col-sx > div {
    margin-right: 5rem;
  }
  .layout-col-dx {
    margin-left: -3.5rem;
  }
  .layout-col-dx > div,
  .layout-col-dx > nav.naviga-sezione {
    margin-right: -3.5rem;
  }
}

/* Per gestire layout 67-33 da 640px(40em) a 767px  */
@media screen and (min-width: 640px) and (max-width: 767px) {
  .layout--twocol-section.layout--twocol-section--33-67
    > .layout__region--second,
  .layout--twocol-section.layout--twocol-section--67-33
    > .layout__region--first,
  .layout--twocol-section.layout--twocol-section--33-67
    > .layout__region--first,
  .layout--twocol-section.layout--twocol-section--67-33
    > .layout__region--second {
    flex: 0 1 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .layout--twocol-section.layout--twocol-section--33-67
    > .layout__region--second,
  .layout--twocol-section.layout--twocol-section--67-33
    > .layout__region--first {
    flex: 1 1 67%;
  }
  .layout--twocol-section.layout--twocol-section--33-67
    > .layout__region--first,
  .layout--twocol-section.layout--twocol-section--67-33
    > .layout__region--second {
    flex: 1 1 33%;
    padding: 0;
  }
}
@media screen and (min-width: 768px) {
  .layout--twocol-section.layout--twocol-section--67-33
    > .layout__region--first {
    padding-right: 30px;
  }
}
