/*
 * @file
 * Provides the layout styles for layout_threecol_33_34_33.
 *
 * @todo Using display: flex requires https://www.drupal.org/node/2842298 to be
 * in before this can be marked as stable.
 */

.layout--three-col {
  display: flex;
  flex-wrap: wrap;
}

.layout--three-col > .layout__region {
  flex: 0 1 100%;
}

@media screen and (min-width: 40em) {
  .layout--three-col > .layout__region--main,
  .layout--three-col > .layout__region--aside,
  .layout--three-col > .layout__region--mid {
    flex: 0 1 calc(100% / 3);
  }
}


.three_col_full_main_content .fm-layout__row.row {
  max-width: 950px;
}

section.fm-layout.fm-layout--three-col.container {
  max-width: 1120px;
  margin: 0 auto;
}

@media (min-width: 800px){
  .three_col_full_main_content .fm-layout__row.row {
    max-width: 720px;
    width: 90% !important;
  }
}

@media (min-width: 1120px){
  .three_col_full_main_content .fm-layout__row.row {
    max-width: 950px;
    width: 90% !important;
  }
}

@media (min-width: 1536px){
  .three_col_full_main_content .fm-layout__row.row {
    max-width: 940px;
    width: 90% !important;
  }
}

@media (min-width: 1600px){
  .three_col_full_main_content .inner-container {
    max-width: 1040px;
    margin:auto;
  }
}

@media (min-width: 1700px){
  .three_col_full_main_content .fm-layout__row.row {
    max-width: 1145px;
    width: 90% !important;
  }
}

@media(min-width:1920px) {
  .three_col_full_main_content .fm-layout__row.row{
    max-width: 1140px;
  }
  .three_col_full_main_content .inner-container {
    max-width: 1020px;
    margin: auto;
  }
}

@media (min-width: 2400px){
  .three_col_full_main_content .inner-container {
    max-width: 1000px;
    margin: auto;
  }
}