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

.layout--twocol-section {
  margin-right: -15px;
  margin-left: -15px;
}

.layout--twocol-section > .layout__region {
  flex: 0 1 100%;
  padding-left: 15px;
  padding-right: 15px;
}

.layout--twocol-section.FullwidthStretch  {
    margin-left: -50vw; 
margin-right: 0px;
    min-height: auto;
    padding-top: 50px;
    padding-bottom: 50px;
}

.FullwidthStretch .LayoutRegionWrapper {
    max-width: 1400px;
    display: flex;
    margin: 0 auto;
}

.LayoutRegionWrapper {
    display: flex;
}

@media screen and (min-width: 40em) {
  .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--first,
  .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--second {
    flex: 0 1 50%;
  }
    
.layout--twocol-section.layout--twocol-section--50-50 .LayoutRegionWrapper  .layout__region--first,
.layout--twocol-section.layout--twocol-section--50-50 .LayoutRegionWrapper  .layout__region--second {
    flex: 0 1 50%;
  }    
    

  .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 33%;
  }
    
  .layout--twocol-section.layout--twocol-section--33-67 .LayoutRegionWrapper  .layout__region--first,
  .layout--twocol-section.layout--twocol-section--67-33 .LayoutRegionWrapper  .layout__region--second {
    flex: 0 1 33%;
  }    

  .layout--twocol-section.layout--twocol-section--33-67 > .layout__region--second,
  .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--first {
    flex: 0 1 67%;
  }
    
  .layout--twocol-section.layout--twocol-section--33-67 .LayoutRegionWrapper .layout__region--second,
  .layout--twocol-section.layout--twocol-section--67-33 .LayoutRegionWrapper .layout__region--first {
    flex: 0 1 67%;
  }    
    

  .layout--twocol-section.layout--twocol-section--25-75 > .layout__region--first,
  .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--second {
    flex: 0 1 25%;
  }
    
  .layout--twocol-section.layout--twocol-section--25-75 .LayoutRegionWrapper .layout__region--first,
  .layout--twocol-section.layout--twocol-section--75-25 .LayoutRegionWrapper .layout__region--second {
    flex: 0 1 25%;
  }    

  .layout--twocol-section.layout--twocol-section--25-75 > .layout__region--second,
  .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--first {
    flex: 0 1 75%;
  }

  .layout--twocol-section.layout--twocol-section--25-75 .LayoutRegionWrapper .layout__region--second,
  .layout--twocol-section.layout--twocol-section--75-25 .LayoutRegionWrapper .layout__region--first {
    flex: 0 1 75%;
  }    
    
}

@media only screen and (max-width : 992px) {
    
    .layout--twocol-section,
    .LayoutRegionWrapper {
  display: block;
    }
}