/***
 * The Main file, Main.css, contains all the core setup of your web page.
 * This includes CSS Reset or other basic configurations that will never need to be changed for your website.
 **/

body {
  margin-top: 0;
}

img {
  max-width: 100%;
  height: auto;
}

.caps {
  text-transform: uppercase;
}

.row.small-row {
  margin-right: -8px;
  margin-left: -8px;
}

.row .small-col {
  padding-right: 8px;
  padding-left: 8px;
}

/* Layout Builder overrides*/
.layout-builder__section > div {
  display: block !important;
}
.layout-builder__section > div.hidden:before {
  content: 'Hidden Section';
  margin: 15px 0px;
  display: block;
  font-size: 25px;
  font-weight: bold;
  color: red;
}



@media only screen and (max-width: 767px) {

  .row.small-row-xs {
    margin-right: -8px;
    margin-left: -8px;
  }

  .row .small-col-xs {
    padding-right: 8px;
    padding-left: 8px;
  }
}

/**
 * Media Queries
 *
 * The order of media queries should go in the following order.
 *
 * MIN_WIDTH
 *  - Should go from smallest to largest pixel value.
 *  - ex. 768, 992, 1200, 1500
 *
 * MAX_WIDTH
 *  - Should go from largest to smallest pixel value.
 *  - ex. 1499, 1199, 991, 767
 *
 * MIN_WIDTH and MAX_WIDTH
 *  - Should go from smallest to largest pixel value in min range followed by largest max value.
 *  - 768 and 1199, 768 and 991, 992 and 1499, 992 and 1199
 */