/*  Import global variables and mixins to use throughout the script. */
/*  Set media breakpoints. */
/*  Simplify transform calls, which need an extra call for certain browsers. */
/*  Simplify transition calls, which need an extra call for certain browsers.
    But this doesn't work well with multiple transitions on the same element,
    which needs to be comma separated in CSS and sent as multiple variables
    to the sass mixin. */
/*  Customize strikethrough settings by
    crossing out regular price during early bird. */
/*  Kill all padding and margins. Mostly used for testing. */
/*  Import special, one-off page blocks or short pages. */
.page-not-found .sales-funnel-above-fold {
  height: 669px;
  position: relative;
}
.page-not-found .sales-funnel-above-fold .above-fold-text {
  position: absolute;
  width: auto;
  right: 0px;
  margin-top: 0px;
  padding-top: 120px;
  padding-right: 96px;
  padding-left: 240px;
  padding-bottom: 240px;
  background: linear-gradient(to left, #2B4785, rgba(43, 71, 133, 0));
}
.page-not-found .sales-funnel-above-fold .above-fold-text .warsaw-gothic-large {
  line-height: 1;
  margin-bottom: 36px;
}
.page-not-found .sales-funnel-above-fold .above-fold-text .primary-cta-button {
  width: auto;
  height: auto;
  margin-top: 12px;
}
.page-not-found .sales-funnel-above-fold .above-fold-text .primary-cta-button a {
  width: auto;
  height: auto;
  margin-top: 6px;
  margin-bottom: 8px;
  margin-left: 10px;
  margin-right: 10px;
  line-height: 1.3;
}
.page-not-found .sales-funnel-above-fold img {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

@media only screen and (max-width: 1020px) {
  .page-not-found .sales-funnel-above-fold {
    height: 478px;
  }
  .page-not-found .sales-funnel-above-fold .above-fold-text {
    padding-top: 64px;
    padding-right: 48px;
  }
}
.maintenance-page .sales-funnel-above-fold {
  height: 573px;
}
.maintenance-page .sales-funnel-above-fold .above-fold-text {
  padding-top: 140px;
  padding-right: 160px;
}

@media only screen and (max-width: 1020px) {
  .maintenance-page .sales-funnel-above-fold {
    height: 410px;
  }
  .maintenance-page .sales-funnel-above-fold .above-fold-text {
    padding-top: 80px;
    padding-right: 80px;
  }
}
@media only screen and (max-width: 1020px) {
  #page-contents.cms-article {
    padding: 36px;
    /*  Hiding for now because it didn't quite work, but might revisit
    //  Add shadows to indicate scrollable content
    .article-table-div:after {
        overflow-x: auto;
        position: absolute;
        bottom: 0;
        height: 100%;
        width: 100%;
        content: "";
        background-attachment: fixed;
        background:
            linear-gradient(to left, rgba(0,0,0,.3), rgba(0,0,0,0) 5%),
            linear-gradient(to right, rgba(0,0,0,.3), rgba(0,0,0,0) 5%);
        // Prevents shadows from interfering with text selection/links
        pointer-events: none;
    } */
  }
  #page-contents.cms-article .article-table-div {
    overflow-x: auto;
  }
  #page-contents.cms-article #article-header img {
    width: 100%;
    margin: 0px;
    padding: 0px;
  }
  #page-contents.cms-article #article-headline h1 {
    font-size: 220%;
  }
  #page-contents.cms-article #article-headline .summary {
    font-size: 140%;
  }
  #page-contents.cms-article #article-headline .byline {
    font-size: 100%;
  }
  #page-contents.cms-article .article-content {
    font-size: 160%;
  }
  #page-contents.cms-article .article-content h1 {
    font-size: 160%;
  }
  #page-contents.cms-article .article-content .page-content.two-column .column {
    width: auto;
  }
  #page-contents.cms-article #page-main-content {
    width: 658px;
  }
  #page-contents.cms-article #page-main-side-content {
    display: none;
  }
}
@media only screen and (max-width: 479px) {
  #page-contents.cms-article #article-headline h1 {
    font-size: 300%;
  }
  #page-contents.cms-article #article-headline .summary {
    font-size: 200%;
  }
  #page-contents.cms-article #article-headline .byline {
    font-size: 150%;
  }
  #page-contents.cms-article .article-content {
    font-size: 220%;
  }
  #page-contents.cms-article .article-content h1 {
    font-size: 180%;
  }
}

/*# sourceMappingURL=file:///Applications/MAMP/htdocs/2018-fbg-site-update/home/football/public_html/2013templates-ssl/css/main-with-sass.css.map */
