/**
 * ISSUE: IFRAME PRE-LOGIN POD STYLES ARE BROKEN
**/

.prelogin-pod.login-pod.sponsor {
  background-color: #fbfbfb;
}

.prelogin-pod.login-pod.sponsor iframe {
  width: 100%;
}


/**
 * ISSUE: NO H1 STYLES FOR .marketing-content
**/

.marketing-content h1 {
  font-size: 2.6em;
  font-weight: 300;
  color: #ba0c2f; /* $marketing-red */
  margin-bottom: 10px;
}

@media (min-width: 960px) { /* 960px = @screen-md */
  .marketing-content h1 {
    font-size: 3em;
    margin-bottom: 1em;
  }
}


/**
 * ISSUE: INCONSISTENT STYLES FOR ANCHOR TAGS
**/

.marketing-content a {
  text-decoration: none;
  font-size: 16.8px;
}

.marketing-content a:hover {
  color: #23527c;
  text-decoration: underline;
}


/**
 * ISSUE: .marketing-content OVERRIDES .margin-x CLASSES AND .text-notation
**/

.marketing-content .text-notation {
  font-size: 0.85714285714em; /* @font-size-down-two, ~12px */
}

.marketing-content .margin-top-100 {
  margin-top: 1em; /* @margin-100 */
}

.marketing-content .margin-top-200 {
  margin-top: 2.25em; /* @margin-200 */
}


/**
 * ISSUE: BOX-SHADOW BARELY VISIBLE ON MARKETING PAGES IN IE
**/

.inner-container.with-shadow {
  box-shadow: 0 2px 7px rgba(0,0,0,0.17);
}


/**
 * ISSUE: NO STYLE PATTERN FOR DISPLAYING SECTIONS OF CONTENT
**/

.marketing-content section {
  border-top: 1px solid #ba0c2f; /* $marketing-red -- but really? */
  padding-top: 2.25em;
  margin-bottom: 2.25em;
}

.marketing-content section:first-of-type {
  margin-top: 2em;
}


/**
 * ISSUE: NEGATIVE margin-top ON .marketing-content ul.list-text IS SUPER WEIRD YO
 * BELOW ARE .list-text STYLES MINUS THE NEGATIVE margin-top
**/

.marketing-content ul {
  margin: 0 0 20px 0;
  padding: 0 0 0 20px;
  list-style: none;
}

.marketing-content ul li {
  color: #666; /* $marketing-gray-600 */
  font-size: 1.2em;
  line-height: 1.6em;
  margin-top: 10px;
  position: relative;
}

.marketing-content ul li:before {
  font-family: 'Helvetica Neue', Arial, sans-serif;
}


/**
 * ISSUE: NO BLOCKQUOTE/CITE STYLES - THEY ARE CREATED BY .media, .quote and .quote-author styles on PSC Marketing pages
**/

.marketing-content blockquote {
  border: none;
  color: #003087;
  font-family: 'Open Sans Condensed', 'Open Sans', sans-serif;
  font-size: 24px;
  line-height: 0.95;
  position: relative;
  padding-left: 15px;
}

.marketing-content blockquote:before {
  position: absolute;
  content: "“";
  left: -3px;
  top: 2px;
}

.marketing-content .endquote,
.marketing-content blockquote:before {
  font-family: Georgia, serif;
  font-size: 1.75em;
}

.marketing-content cite {
  font-family: 'Open Sans Condensed', 'Open Sans', sans-serif;
  font-weight: bold;
  font-size: 60%;
  display: block;
  font-style: normal;
  margin-top: 10px;
}


/**
 * ISSUE: NO PATTERN FOR DISPLAYING THUMBNAIL IMAGE/TEXT
**/

.marketing-content .thumbnail {
  border: 1px solid #363636; /* @gray-700 */
}


/**
 * ISSUE: NO PATTERN FOR ADDING A PLAY BUTTON OVER A VIDEO THUMBNAIL
**/

.video-thumbnail {
  display: block;
  position: relative;
}

.video-thumbnail span.fa {
  color: #fff;
  font-size: 48px;
  position: absolute;
  top: calc(50% - 24px);
  left: calc(50% - 24px);
}