/**
 * CONTENTS
 *
 * SETTINGS
 * Global...............Globally-available variables and config.
 *
 * BASE
 * 
 *
 * OBJECTS
 * Wrappers.............Wrapping and constraining elements.
 *
 * COMPONENTS
 * ftb-logo.............The main svg logo
 * 
 * SECTIONS
 * home-top.............Styles specific to each section
 * home-search
 * home-freedom
 * home-what-we-do
 * home-checkers
 * home-volunteer
 * home-stories
 * home-news
 *
 * TRUMPS
 * Text.................Text helpers.
 */
/*------------------------------------*   #SETTINGS
   #global
 \*------------------------------------*/
/*------------------------------------*  #BASE
  #
\*------------------------------------*/
h2 {
  font-size: 1.5em; }
  @media (min-width: 900px) {
    h2 {
      font-size: 1.6em; } }

/*------------------------------------*  #OBJECTS
  #wrappers
\*------------------------------------*/
.tl-container {
  max-width: 1200px;
  margin: 0 auto;
  z-index: 1;
  padding: 0 16px; }

.wide-container {
  max-width: 1200px; }

.container--center > * {
  margin: 0 auto; }

.flex-stretch {
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  background: inherit; }

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center; }

@media (max-width: 599px) {
  .no-mobile {
    display: none; } }

/*------------------------------------*  #COMPONENTS
\*------------------------------------*/
.link--white {
  color: white;
  text-decoration: underline; }

.text--golden {
  color: #f1b434; }

.responsive-video {
  position: relative;
  padding-bottom: 46.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0; }

.responsive-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.mw-l {
  max-width: 800px;
  margin: 0 auto; }

/*------------------------------------*  #SECTIONS
\*------------------------------------*/
/*------------------------------------*  #tl-top-copy
\*------------------------------------*/
.tl-top {
  background: black;
  background: url("https://www.mda.org/sites/default/files/mda-frontend/lets-play/letsplay-banner-m.jpg") center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 600px; }
  @media (min-width: 900px) {
    .tl-top {
      background-image: url("https://www.mda.org/sites/default/files/mda-frontend/lets-play/letsplay-banner.jpg");
      min-height: 600px; } }
  @media (min-width: 1200px) {
    .tl-top .tl-top--logo {
      width: 600px;
      left: auto;
      right: 40%; } }

.tl-top-copy {
  padding: 56px 32px;
  text-align: center;
  color: #4A327D; }
  .tl-top-copy .lp-top__header {
    font-family: Tahoma, Verdana, Geneva, sans-serif;
    font-weight: bold; }
  .tl-top-copy .mt {
    margin-top: 48px; }
  .tl-top-copy .hero-copy {
    max-width: 84ch; }
  .tl-top-copy p {
    margin: 24px auto; }
  .tl-top-copy strong {
    display: block;
    font-weight: bold; }

.form-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 48px auto; }
  .form-container .tk-input-container {
    flex: 1 0 46%;
    width: 46%;
    min-width: 320px; }
  .form-container .full-width {
    flex: 1 0 100%;
    width: 100%;
    max-width: none; }

.errMsg {
  color: #a50034;
  font-size: 0.8em;
  padding-top: 8px;
  padding-left: 8px; }

.full-link, .hide-text {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 10; }
  .full-link:after, .hide-text:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: red; }