/*
 * @file
 * Provides the layout styles for three-column layout section.
 */

.layout.layout--threecol {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 576px) {
  .layout--threecol .layout__region.layout__region--first,
  .layout--threecol .layout__region.layout__region--second,
  .layout--threecol .layout__region.layout__region--third
  {
    flex: none;
    width: 100%;
  }
}

@media screen and (min-width: 577px) and (max-width: 768px) {

  .has-sidebarsec .layout--threecol .layout__region.layout__region--first,
  .has-sidebarsec .layout--threecol .layout__region.layout__region--second,
  .has-sidebarsec .layout--threecol .layout__region.layout__region--third
  {
    flex: none;
    width: 100%;
  }

  .no-sidebarsec .layout--threecol-section--33-34-33 .layout__region--second,
  .no-sidebarsec .layout--threecol-section--33-34-33 .layout__region--third, 
  .no-sidebarsec .layout--threecol-section--25-50-25 .layout__region--first,
  .no-sidebarsec .layout--threecol-section--25-50-25 .layout__region--third,
  .no-sidebarsec .layout--threecol-section--25-25-50 .layout__region--first,
  .no-sidebarsec .layout--threecol-section--25-25-50 .layout__region--second,
  .no-sidebarsec .layout--threecol-section--50-25-25 .layout__region--second,
  .no-sidebarsec .layout--threecol-section--50-25-25 .layout__region--third {
    order: 2;
    flex: none;
    width: 50%;
  }
  .no-sidebarsec .layout--threecol-section--33-34-33 .layout__region--first,
  .no-sidebarsec .layout--threecol-section--25-50-25 .layout__region--second,
  .no-sidebarsec .layout--threecol-section--25-25-50 .layout__region--third,
  .no-sidebarsec .layout--threecol-section--50-25-25 .layout__region--first {
    order: 1;
    flex: none;
    width: 100%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {

  .no-sidebarsec .layout--threecol-section--33-34-33 .layout__region--first,
  .no-sidebarsec .layout--threecol-section--33-34-33 .layout__region--third {
    flex: none;
    width: 33%;
  }
  .no-sidebarsec .layout--threecol-section--33-34-33 .layout__region--second {
    flex: none;
    width: 34%;
  }
  .no-sidebarsec .layout--threecol-section--38-31-31 .layout__region--first,
  .no-sidebarsec.layout--threecol-section--31-31-38 .layout__region--third {
    flex: none;
    width: 38%;
  }
  .no-sidebarsec .layout--threecol-section--31-31-38 .layout__region--first,
  .no-sidebarsec .layout--threecol-section--31-31-38 .layout__region--second,
  .no-sidebarsec .layout--threecol-section--38-31-31 .layout__region--second,
  .no-sidebarsec .layout--threecol-section--38-31-31 .layout__region--third {
    flex: none;
    width: 31%;
  }

  .has-sidebarsec .layout--threecol .layout__region.layout__region--first,
  .has-sidebarsec .layout--threecol .layout__region.layout__region--second,
  .has-sidebarsec .layout--threecol .layout__region.layout__region--third
  {
    flex: none;
    width: 100%;
  }

  .no-sidebarsec .layout--threecol-section--25-50-25 .layout__region--first,
  .no-sidebarsec .layout--threecol-section--25-50-25 .layout__region--third,
  .no-sidebarsec .layout--threecol-section--25-25-50 .layout__region--first,
  .no-sidebarsec .layout--threecol-section--25-25-50 .layout__region--second,
  .no-sidebarsec .layout--threecol-section--50-25-25 .layout__region--second,
  .no-sidebarsec .layout--threecol-section--50-25-25 .layout__region--third {
    order: 2;
    flex: none;
    width: 50%;
  }
  .no-sidebarsec .layout--threecol-section--25-50-25 .layout__region--second,
  .no-sidebarsec .layout--threecol-section--25-25-50 .layout__region--third,
  .no-sidebarsec .layout--threecol-section--50-25-25 .layout__region--first {
    order: 1;
    flex: none;
    width: 100%;
  }
  


}

@media screen and (min-width: 1024px) and (max-width: 1214px) {
/*   .layout--threecol .layout__region.layout__region--first,
  .layout--threecol .layout__region.layout__region--second,
  .layout--threecol .layout__region.layout__region--third
  {
    flex: 0 1 100%;
  } */

  .has-sidebarsec .layout--threecol-section--25-50-25 .layout__region--first,
  .has-sidebarsec .layout--threecol-section--25-50-25 .layout__region--third,
  .has-sidebarsec .layout--threecol-section--25-25-50 .layout__region--first,
  .has-sidebarsec .layout--threecol-section--25-25-50 .layout__region--second,
  .has-sidebarsec .layout--threecol-section--50-25-25 .layout__region--second,
  .has-sidebarsec .layout--threecol-section--50-25-25 .layout__region--third {
    order: 2;
    flex: none;
    width: 50%;
  }
  .has-sidebarsec .layout--threecol-section--25-50-25 .layout__region--second,
  .has-sidebarsec .layout--threecol-section--25-25-50 .layout__region--third,
  .has-sidebarsec .layout--threecol-section--50-25-25 .layout__region--first {
    order: 1;
    flex: none;
    width: 100%;
  }

  .layout--threecol-section--33-34-33 .layout__region--first,
  .layout--threecol-section--33-34-33 .layout__region--third {
    flex: none;
    width: 33%;
  }
  .layout--threecol-section--33-34-33 .layout__region--second {
    flex: none;
    width: 34%;
  }
  .layout--threecol-section--38-31-31 .layout__region--first,
  .layout--threecol-section--31-31-38 .layout__region--third {
    flex: none;
    width: 38%;
  }
  .layout--threecol-section--31-31-38 .layout__region--first,
  .layout--threecol-section--31-31-38 .layout__region--second,
  .layout--threecol-section--38-31-31 .layout__region--second,
  .layout--threecol-section--38-31-31 .layout__region--third {
    flex: none;
    width: 31%;
  }

}

@media screen and (min-width: 1215px) {
  .layout--threecol-section--25-50-25 .layout__region--first,
  .layout--threecol-section--25-50-25 .layout__region--third,
  .layout--threecol-section--25-25-50 .layout__region--first,
  .layout--threecol-section--25-25-50 .layout__region--second,
  .layout--threecol-section--50-25-25 .layout__region--second,
  .layout--threecol-section--50-25-25 .layout__region--third {
    flex: none;
    width: 25%;
  }
  .layout--threecol-section--25-50-25 .layout__region--second,
  .layout--threecol-section--25-25-50 .layout__region--third,
  .layout--threecol-section--50-25-25 .layout__region--first {
    flex: none;
    width: 50%;
  }
  .layout--threecol-section--33-34-33 .layout__region--first,
  .layout--threecol-section--33-34-33 .layout__region--third {
    flex: none;
    width: 33%;
  }
  .layout--threecol-section--33-34-33 .layout__region--second {
    flex: none;
    width: 34%;
  }
  .layout--threecol-section--38-31-31 .layout__region--first,
  .layout--threecol-section--31-31-38 .layout__region--third {
    flex: none;
    width: 38%;
  }
  .layout--threecol-section--31-31-38 .layout__region--first,
  .layout--threecol-section--31-31-38 .layout__region--second,
  .layout--threecol-section--38-31-31 .layout__region--second,
  .layout--threecol-section--38-31-31 .layout__region--third {
    flex: none;
    width: 31%;
  }
}