.black-text {
  color: black !important;
}
.white-text {
  color: white !important;
}
.white-text a {
  color: white;
  text-decoration: underline;
}
.black-text {
  color: #0d0d21 !important;
}
.super-light-grey {
  background: #fafafb;
}
.grd-darkblue-purple {
  background: #100c23;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzEwMGMyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MjAzMzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #100c23 0%, #420330 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #100c23), color-stop(100%, #420330));
  background: -webkit-linear-gradient(top, #100c23 0%, #420330 100%);
  background: -o-linear-gradient(top, #100c23 0%, #420330 100%);
  background: -ms-linear-gradient(top, #100c23 0%, #420330 100%);
  background: linear-gradient(to bottom, #100c23 0%, #420330 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#100c23', endColorstr='#420330', GradientType=0);
}
.navbar {
  margin-bottom: 0;
  font-family: 'proxima-nova', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 600;
  z-index: 13;
}
.navbar .navbar-header .navbar-brand {
  width: 200px;
  height: 68px;
  padding: 0;
  background-image: url('../images/global/brand-logo_white.png');
  background-image: url('../images/svg/iheartradio-logo-horizontal-white.svg'), none;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  font: 0/0 'a';
  color: transparent;
}
@media (max-width: 1199px) {
  .navbar .navbar-header #menuToggle {
    margin-top: 18px;
    margin-bottom: 18px;
  }
  .navbar .navbar-header .navbar-brand {
    height: 70px;
    background-image: url('../images/global/brand-logo.png');
    background-image: url('../images/svg/iheartradio-logo-horizontal-color.svg'), none;
  }
}
.navbar a {
  font-weight: 600;
}
.navbar a:hover span.play-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='rgb(198,0,43)' d='M42.6,33.3l25.1,15.8c0.6,0.4,0.6,1.3,0,1.7L42.6,66.7c-0.7,0.4-1.6-0.1-1.6-0.9V34.2 C41,33.4,41.9,32.9,42.6,33.3z'/%3E%3Cpath fill='rgb(198,0,43)' d='M50,4.2c25.3,0,45.8,20.6,45.8,45.8S75.3,95.8,50,95.8S4.2,75.3,4.2,50S24.7,4.2,50,4.2 M50,1 C22.9,1,1,22.9,1,50s21.9,49,49,49s49-21.9,49-49S77.1,1,50,1L50,1z'/%3E%3C/g%3E%3C/svg%3E") !important;
}
@media (max-width: 1199px) {
  .navbar-header {
    float: none;
  }
  .navbar-toggle {
    display: inline-block !important;
  }
  #navbar-collapse-grid.navbar-collapse {
    display: none !important;
  }
  .hero-wrap,
  #headerwrap {
    padding-top: 70px;
  }
}
#sticky-nav {
  width: 100%;
}
.sticky-wrapper {
  position: absolute;
  width: 100%;
  z-index: 13;
}
.sticky-wrapper .no-hero {
  box-shadow: #868686 0px 4px 6px -5px;
}
@media (max-width: 992px) {
  .sticky-wrapper {
    position: absolute;
    z-index: 13;
  }
}
.sticky-wrapper .navbar .navbar-form .form-control::-webkit-input-placeholder {
  color: #ffffff;
}
.sticky-wrapper .navbar .navbar-form .form-control:-moz-placeholder {
  color: #ffffff;
}
.sticky-wrapper .navbar .navbar-form .form-control::-moz-placeholder {
  color: #ffffff;
}
.sticky-wrapper .navbar .navbar-form .form-control:-ms-input-placeholder {
  color: #ffffff;
}
.sticky-wrapper .navbar .navbar-form .form-control {
  background-color: transparent;
}
.sticky-wrapper .navbar.navbar-default {
  background-color: transparent;
  border: none;
  transition: background-color 300ms ease-in;
}
.sticky-wrapper .navbar.navbar-default:hover,
.sticky-wrapper .navbar.navbar-default.no-hero {
  background-color: #ffffff;
}
.sticky-wrapper .navbar.navbar-default:hover span.play-icon,
.sticky-wrapper .navbar.navbar-default.no-hero span.play-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='rgb(134,134,144)' d='M42.6,33.3l25.1,15.8c0.6,0.4,0.6,1.3,0,1.7L42.6,66.7c-0.7,0.4-1.6-0.1-1.6-0.9V34.2 C41,33.4,41.9,32.9,42.6,33.3z'/%3E%3Cpath fill='rgb(134,134,144)' d='M50,4.2c25.3,0,45.8,20.6,45.8,45.8S75.3,95.8,50,95.8S4.2,75.3,4.2,50S24.7,4.2,50,4.2 M50,1 C22.9,1,1,22.9,1,50s21.9,49,49,49s49-21.9,49-49S77.1,1,50,1L50,1z'/%3E%3C/g%3E%3C/svg%3E");
}
.sticky-wrapper .navbar.navbar-default:hover a.active,
.sticky-wrapper .navbar.navbar-default.no-hero a.active {
  color: #C6002B;
}
.sticky-wrapper .navbar.navbar-default:hover .navbar-form .form-control::-webkit-input-placeholder,
.sticky-wrapper .navbar.navbar-default.no-hero .navbar-form .form-control::-webkit-input-placeholder {
  color: #868690;
}
.sticky-wrapper .navbar.navbar-default:hover .navbar-form .form-control:-moz-placeholder,
.sticky-wrapper .navbar.navbar-default.no-hero .navbar-form .form-control:-moz-placeholder {
  color: #868690;
}
.sticky-wrapper .navbar.navbar-default:hover .navbar-form .form-control::-moz-placeholder,
.sticky-wrapper .navbar.navbar-default.no-hero .navbar-form .form-control::-moz-placeholder {
  color: #868690;
}
.sticky-wrapper .navbar.navbar-default:hover .navbar-form .form-control:-ms-input-placeholder,
.sticky-wrapper .navbar.navbar-default.no-hero .navbar-form .form-control:-ms-input-placeholder {
  color: #868690;
}
.sticky-wrapper .navbar.navbar-default:hover .navbar-nav > .dropdown > a,
.sticky-wrapper .navbar.navbar-default.no-hero .navbar-nav > .dropdown > a {
  color: #868690;
}
.sticky-wrapper .navbar.navbar-default:hover .navbar-nav > .dropdown > a > svg path,
.sticky-wrapper .navbar.navbar-default.no-hero .navbar-nav > .dropdown > a > svg path {
  fill: #C6002B;
}
.sticky-wrapper .navbar.navbar-default:hover .navbar-nav > .dropdown > a:hover,
.sticky-wrapper .navbar.navbar-default.no-hero .navbar-nav > .dropdown > a:hover {
  color: #C6002B;
}
.sticky-wrapper .navbar.navbar-default:hover .navbar-nav > .dropdown.open > a,
.sticky-wrapper .navbar.navbar-default.no-hero .navbar-nav > .dropdown.open > a {
  color: #C6002B;
}
.sticky-wrapper .navbar.navbar-default:hover .navbar-nav > .dropdown:hover,
.sticky-wrapper .navbar.navbar-default.no-hero .navbar-nav > .dropdown:hover {
  color: #C6002B;
}
.sticky-wrapper .navbar.navbar-default:hover .navbar-nav > .dropdown .advertiser__link:hover,
.sticky-wrapper .navbar.navbar-default.no-hero .navbar-nav > .dropdown .advertiser__link:hover {
  color: #C6002B;
}
.sticky-wrapper .navbar.navbar-default:hover .navbar-header .navbar-brand,
.sticky-wrapper .navbar.navbar-default.no-hero .navbar-header .navbar-brand {
  background-image: url('../images/global/brand-logo.png');
  background-image: url('../images/svg/iheartradio-logo-horizontal-color.svg'), none;
}
.sticky-wrapper.is-sticky .navbar,
.sticky-wrapper.force-sticky .navbar {
  box-shadow: #868686 0px 4px 6px -5px;
}
.sticky-wrapper.is-sticky .navbar.navbar-default,
.sticky-wrapper.force-sticky .navbar.navbar-default {
  background-color: #ffffff;
}
.sticky-wrapper.is-sticky .navbar.navbar-default .navbar-nav > li > a,
.sticky-wrapper.force-sticky .navbar.navbar-default .navbar-nav > li > a {
  color: #868690;
}
.sticky-wrapper.is-sticky .navbar.navbar-default .navbar-nav > li > a span.play-icon,
.sticky-wrapper.force-sticky .navbar.navbar-default .navbar-nav > li > a span.play-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='rgb(134,134,144)' d='M42.6,33.3l25.1,15.8c0.6,0.4,0.6,1.3,0,1.7L42.6,66.7c-0.7,0.4-1.6-0.1-1.6-0.9V34.2 C41,33.4,41.9,32.9,42.6,33.3z'/%3E%3Cpath fill='rgb(134,134,144)' d='M50,4.2c25.3,0,45.8,20.6,45.8,45.8S75.3,95.8,50,95.8S4.2,75.3,4.2,50S24.7,4.2,50,4.2 M50,1 C22.9,1,1,22.9,1,50s21.9,49,49,49s49-21.9,49-49S77.1,1,50,1L50,1z'/%3E%3C/g%3E%3C/svg%3E");
}
.sticky-wrapper.is-sticky .navbar.navbar-default .navbar-nav > li > a:hover,
.sticky-wrapper.force-sticky .navbar.navbar-default .navbar-nav > li > a:hover {
  color: #C6002B;
}
.sticky-wrapper.is-sticky .navbar.navbar-default .navbar-nav > li > a.active,
.sticky-wrapper.force-sticky .navbar.navbar-default .navbar-nav > li > a.active {
  color: #C6002B;
  border-bottom: thick solid #C6002B;
}
.sticky-wrapper.is-sticky .navbar .navbar-form .form-control::-webkit-input-placeholder,
.sticky-wrapper.force-sticky .navbar .navbar-form .form-control::-webkit-input-placeholder {
  color: #868690;
}
.sticky-wrapper.is-sticky .navbar .navbar-form .form-control:-moz-placeholder,
.sticky-wrapper.force-sticky .navbar .navbar-form .form-control:-moz-placeholder {
  color: #868690;
}
.sticky-wrapper.is-sticky .navbar .navbar-form .form-control::-moz-placeholder,
.sticky-wrapper.force-sticky .navbar .navbar-form .form-control::-moz-placeholder {
  color: #868690;
}
.sticky-wrapper.is-sticky .navbar .navbar-form .form-control:-ms-input-placeholder,
.sticky-wrapper.force-sticky .navbar .navbar-form .form-control:-ms-input-placeholder {
  color: #868690;
}
.sticky-wrapper.is-sticky .navbar .navbar-header .navbar-brand,
.sticky-wrapper.force-sticky .navbar .navbar-header .navbar-brand {
  background-image: url('../images/global/brand-logo.png');
  background-image: url('../images/svg/iheartradio-logo-horizontal-color.svg'), none;
}
.navbar {
  border: none;
  border-radius: 0;
}
@media (max-width: 1199px) {
  .navbar {
    box-shadow: #868686 0px 4px 6px -5px;
  }
}
.navbar-nav {
  float: right;
  /*transition: all 400ms linear;*/
}
.navbar-nav li {
  /*transition: all 400ms linear;*/
}
.navbar-default .navbar-nav > li > a {
  font-size: 16px;
  line-height: 38px;
  color: #ffffff;
  /*Tighten padding after adding play icon to LISTEN NOW*/
  padding-left: 10px;
  padding-right: 10px;
}
.navbar-default .navbar-nav > li > a span.play-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='rgb(255,255,255)' d='M42.6,33.3l25.1,15.8c0.6,0.4,0.6,1.3,0,1.7L42.6,66.7c-0.7,0.4-1.6-0.1-1.6-0.9V34.2 C41,33.4,41.9,32.9,42.6,33.3z'/%3E%3Cpath fill='rgb(255,255,255)' d='M50,4.2c25.3,0,45.8,20.6,45.8,45.8S75.3,95.8,50,95.8S4.2,75.3,4.2,50S24.7,4.2,50,4.2 M50,1 C22.9,1,1,22.9,1,50s21.9,49,49,49s49-21.9,49-49S77.1,1,50,1L50,1z'/%3E%3C/g%3E%3C/svg%3E");
  display: inline-block;
  height: 30px;
  width: 30px;
  margin-right: 5px;
  margin-top: -3px;
  vertical-align: middle;
}
.navbar-default .navbar-nav > li > a.active {
  border-bottom: thick solid #ffffff;
}
@media (max-width: 1199px) {
  .navbar-default .navbar-nav > li > a.active {
    border-bottom: 1px solid #C6002B;
  }
}
@media (max-width: 1199px) {
  .navbar-default .navbar-nav > li > a {
    font-weight: 400;
    color: #868690;
    border-bottom: thin solid #868690;
  }
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #C6002B;
}
@media (max-width: 1199px) {
  .navbar-default .navbar-nav > li > a:hover,
  .navbar-default .navbar-nav > li > a:focus {
    border-bottom: 1px solid #C6002B;
  }
}
@media (max-width: 1199px) {
  .navbar-default .navbar-nav > li > a.active:hover,
  .navbar-default .navbar-nav > li > a:focus {
    border-bottom: 1px solid #C6002B;
  }
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: transparent;
  color: #C6002B;
}
.dropdown-menu {
  border: none;
  box-shadow: 0 9px 12px rgba(0, 0, 0, 0.175);
}
.dropdown-menu li {
  border-bottom: thin solid #fafafb;
}
.dropdown-menu li:last-child {
  border-bottom: none;
}
.dropdown-menu li a {
  font-family: 'proxima-nova', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 3.2rem;
  text-transform: none;
  color: #0d0d21;
}
.dropdown-menu li a:hover {
  background-color: #fafafb;
}
.dropdown-menu li a:focus {
  background-color: #fafafb;
}
.navbar-form {
  margin-top: 16px;
}
@media (max-width: 1199px) {
  .navbar-form {
    display: block;
    margin: 0 auto;
    width: 100%;
    border: none;
  }
}
.menu {
  display: none;
}
@media (max-width: 1199px) {
  .sticky-wrapper .navbar.navbar-default {
    background-color: #ffffff;
    border: none;
  }
  .lock {
    height: 100%;
    overflow: hidden;
    width: 100%;
    position: fixed;
    -webkit-overflow-scrolling: touch;
  }
  /*.navmenu, .navbar-offcanvas {
  width: 260px;
  }
  #view {
  position: relative;
  left: 0;
  z-index: 2;
  min-height: 100%;
  }*/
  body {
    width: 100%;
    height: 100%;
  }
  .menu,
  .slideout-menu {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    width: 256px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    display: none;
  }
  .panel,
  .slideout-panel {
    position: relative;
    z-index: 20;
    overflow-y: hidden !important;
  }
  .slideout-open,
  .slideout-open body,
  .slideout-open .slideout-panel {
    overflow: hidden;
  }
  .slideout-open .slideout-menu {
    display: block;
  }
  .menu {
    background-color: #1D1F20;
    background-image: linear-gradient(145deg, #1D1F20, #404348);
  }
  .menu .menu-header {
    border-bottom: 1px solid #2a2d2f;
  }
  .menu .menu-section {
    margin: 25px 0;
  }
  .menu .menu-section .menu-section-title {
    text-transform: uppercase;
    color: #868690;
    font-weight: 200;
    font-size: 13px;
    letter-spacing: 1px;
    padding: 0 20px;
    margin: 0;
  }
  .menu .menu-section .menu-section-list {
    padding: 0;
    margin: 10px 0;
    list-style: none;
  }
  .menu .menu-section .menu-section-list a {
    display: block;
    padding: 10px 20px;
    color: #ffffff;
  }
  .menu-overlay.active-menu {
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 15 !important;
  }
}
/*	################################################################
	1. GENERAL STRUCTURES
################################################################# */
/** { 
margin: 0;
padding: 0px;
}*/
/*html, body {
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
backface-visibility: hidden;
perspective: 1000;
    @media (max-width: @screen-sm-max) {
    overflow: hidden;
    }
}*/
body {
  margin: 0;
  font-family: 'proxima-nova', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
  background: #ffffff;
  color: #0d0d21;
}
@media (max-width: 991px) {
  #viewport {
    overflow: hidden;
  }
}
/*
@styleguide
# Typography - Headlines
Default headline font styles for `<h1>`, `<h2>`, `<h3>`, `<h4>`, `<h5>`, `<h6>` elements.
<h1 class="black-text">h1 heading</h1>
    <h1 class="black-text">h1 heading</h1>
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'futura-pt', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
}
h2 {
  font-weight: 300;
}
/*
@styleguide
# Typography - Body Copy
Default body copy font styles for `<p>` elements.
<p>p body copy</p>
    <p>p body copy</p>
*/
p {
  padding: 0;
  margin-bottom: 12px;
  font-family: 'proxima-nova', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #384452;
  margin-top: 10px;
}
/**/
img {
  height: auto;
  max-width: 100%;
}
a {
  padding: 0;
  margin: 0;
  font-weight: 600;
  text-decoration: none;
  color: #C6002B;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
a:hover {
  text-decoration: none;
  color: #868690;
}
a:focus {
  text-decoration: none;
  color: #868690;
}
::-moz-selection {
  color: #fff;
  text-shadow: none;
  background: #2B2E31;
}
::selection {
  color: #fff;
  text-shadow: none;
  background: #2B2E31;
}
.centered {
  text-align: center;
}
blockquote {
  margin: 75px 0;
  border-left: 1px solid #dd0030;
  font-size: 36px;
  font-weight: 300;
  color: #fff;
  text-align: left;
}
@media (max-width: 991px) {
  blockquote {
    margin: 20px 0;
    font-size: 1.7rem;
  }
}
blockquote small {
  padding-top: 40px;
  font-weight: 700;
  color: white;
}
@media (max-width: 991px) {
  blockquote small {
    margin-top: 0;
    padding-top: 14px;
  }
}
@media (max-width: 991px) {
  .insta-small-text {
    font-size: 2rem !important;
  }
}
/*	################################################################
	BOOTSTRAP MODIFICATIONS & TWEAKS
################################################################# */
.row-centered {
  text-align: center;
}
.row-centered .col-centered {
  display: inline-block;
  float: none;
  text-align: left;
  margin-right: -4px;
}
@media (max-width: 991px) {
  .row-centered .col-centered {
    display: block;
    float: left;
    text-align: center;
  }
}
/*	################################################################
	Matt CONFIGURATIONS
################################################################# */
.vertical-align {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.btn-outline,
input[type="submit"] {
  display: inline-block;
  padding: 13px 20px;
  min-width: 30%;
  border: 1px solid #0d0d21;
  border-radius: 4px;
  font-family: 'futura-pt', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
  background: transparent;
  color: #0d0d21;
  text-rendering: optimizeLegibility!important;
  -webkit-font-smoothing: antialiased!important;
  -moz-osx-font-smoothing: grayscale!important;
}
.btn-outline:hover,
input[type="submit"]:hover {
  color: #f7f7f7;
  background: #0d0d21;
  opacity: 1;
}
@media (max-width: 991px) {
  .btn-outline,
  input[type="submit"] {
    display: block;
    margin: 0 auto;
    width: 38%;
    font-size: 13px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .btn-outline,
  input[type="submit"] {
    display: block;
    margin: 0 auto;
    width: 80%;
    font-size: 13px;
    text-align: center;
  }
}
.btn-outline.btn-default,
input[type="submit"].btn-default {
  border-color: #C6002B;
  color: #C6002B;
}
.btn-outline.btn-default:focus,
input[type="submit"].btn-default:focus {
  background: transparent;
}
.btn-outline.btn-default:active,
input[type="submit"].btn-default:active {
  background: transparent;
}
.btn-outline.btn-default:hover,
input[type="submit"].btn-default:hover {
  color: #f7f7f7;
  background: #C6002B;
  cursor: pointer;
}
.btn-outline.btn-white,
input[type="submit"].btn-white {
  border: 1px solid #f7f7f7;
  color: #f7f7f7;
}
.btn-outline.btn-white:hover,
input[type="submit"].btn-white:hover {
  color: #0d0d21;
  background: #f7f7f7;
  opacity: 1;
}
.btn-holder {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 120px;
}
@media (max-width: 991px) {
  .btn-holder {
    display: block;
    height: auto;
  }
}
#section1-btn {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  bottom: 3%;
  width: 50px;
  height: 50px;
  background: url('../images/global/section1-arrow.png') no-repeat top center;
  background-size: contain;
  text-align: center;
}
#section1-btn:hover {
  cursor: pointer;
  background: url('../images/global/section1-arrow-hover.png') no-repeat top center;
  background-size: contain;
}
#section1-btn:focus {
  cursor: pointer;
  background: url('../images/global/section1-arrow-hover.png') no-repeat top center;
  background-size: contain;
}
#section1-btn:active {
  cursor: pointer;
  background: url('../images/global/section1-arrow-hover.png') no-repeat top center;
  background-size: contain;
}
.dropdown-menu li a {
  cursor: pointer;
}
/*#cta-horizontal {
  min-height: 113px;
  height: 113px;
  background: #0d0d22;
  @media (min-width: 769px) and (max-width: 1024px) {
    max-width: 72px;
  }
  @media (min-width: 320px) and (max-width: 768px) {
    padding: 25px 0;
  }
  h4 {
    display: inline;
    margin-right: 25px;
    font-weight: 300;
    color: #ffffff;
    @media (min-width: 769px) and (max-width: 1024px) {
      max-width: 72px;
    }
    @media (min-width: 320px) and (max-width: 768px) {
      padding-bottom: 25px;
    }
  }
  a {
    display: inline-block;
  }
}*/
.cta-horizontal {
  padding: 100px 0;
  height: auto;
  background-position: top center !important;
  background-size: cover !important;
}
@media (max-width: 991px) {
  .cta-horizontal {
    background-position: top center;
    background-size: cover;
  }
}
.cta-horizontal h1 {
  margin-top: 0;
  font-weight: 700;
  color: #ffffff;
}
.cta-horizontal p {
  padding-bottom: 15px;
  font-size: 1.6rem;
  color: #ffffff;
}
@media (max-width: 991px) {
  .cta-horizontal .btn-outline {
    max-width: 280px;
  }
}
.section-template {
  padding: 40px 0;
}
@media (max-width: 991px) {
  .section-template {
    padding: 0;
  }
}
.top5 {
  margin-top: 5px;
}
.top7 {
  margin-top: 7px;
}
.top10 {
  margin-top: 10px;
}
.top15 {
  margin-top: 15px;
}
.top17 {
  margin-top: 17px;
}
.top30 {
  margin-top: 30px;
}
.top40 {
  margin-top: 30px;
}
#footer-image img {
  width: 100%;
}
section#what-we-do {
  position: relative;
}
section#pillars {
  z-index: 1;
}
section#pillars .pillar {
  margin-bottom: 25px;
}
#headerwrap {
  height: 100%;
  padding-bottom: 0px;
  text-align: center;
}
@media (max-width: 768px) {
  #headerwrap {
    height: 290px;
  }
}
#component-video {
  display: table;
  width: 100%;
  /*min-height: 590px;
    height: 590px;*/
  max-height: 100%;
}
@media (max-width: 991px) {
  #component-video {
    height: 100vh;
    min-height: 100px;
    max-height: none;
    background: url('../images/HomepageHeroStatic.jpg') no-repeat center right;
    background-size: cover;
  }
}
@media (max-width: 768px) {
  #component-video {
    height: 225px;
  }
}
#component-video .pillars {
  display: none;
}
#component-video .pillars .pillars-default {
  display: block;
  opacity: 1;
}
#component-video .pillars .pillars-default h1 {
  opacity: 1;
}
#component-video .pillars h1 {
  opacity: 0;
  transition: opacity 200ms linear;
}
#component-video .pillars h2 {
  opacity: 0;
  transition: opacity 200ms linear;
}
#component-video .container {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
#component-video h1 {
  margin: 0;
  font-family: 'futura-pt', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 1em;
  text-align: center;
  color: #ffffff;
}
@media (max-width: 991px) {
  #component-video h1 {
    font-size: 26px;
    font-weight: 700;
  }
}
@media (max-width: 320px) {
  #component-video h1 {
    font-size: 24px;
    font-weight: 700;
  }
}
#component-video h2 {
  font-size: 36px;
  font-weight: 100;
  line-height: 42px;
  letter-spacing: 1px;
}
@media (min-width: 769px) and (max-width: 1024px) {
  #component-video h2 {
    font-size: 22px;
    line-height: 31px;
  }
}
@media (min-width: 320px) and (max-width: 768px) {
  #component-video h2 {
    font-size: 18px;
    line-height: 26px;
  }
}
#component-video .component-video-btn a.btn-outline {
  font-size: 21px;
  font-weight: 700;
  border-color: #ffffff;
  color: #ffffff;
  transition: background-color 0.4s linear, border-color 0.4s linear;
}
#component-video .component-video-btn a.btn-outline:hover {
  color: #ffffff;
  border-color: #C6002B;
  background: #C6002B;
}
#component-video .component-video-btn a.btn-outline:active {
  color: #ffffff;
  border-color: #C6002B;
  background: #C6002B;
}
@media (max-width: 991px) {
  #component-video .component-video-btn a.btn-outline {
    font-size: 14px;
  }
}
#component-video .component-video-btn a img {
  max-width: 72px;
}
@media (min-width: 769px) and (max-width: 1024px) {
  #component-video .component-video-btn a img {
    max-width: 72px;
  }
}
@media (min-width: 320px) and (max-width: 768px) {
  #component-video .component-video-btn a img {
    max-width: 60px;
    margin-top: 25px;
  }
}
div#news {
  padding-bottom: 60px;
  background: #f5f5f9;
}
div#news .news-feed-area {
  margin-top: 0;
  padding: 1em 0;
}
@media (max-width: 991px) {
  div#news .news-feed-area {
    margin-top: 0px;
  }
}
@media (max-width: 767px) {
  .landing div#app {
    padding: 0;
  }
}
.landing div#app .text-center p {
  font-size: 22px;
  font-weight: 300;
  line-height: 32px;
}
.landing div#app #ihr-logo-svg svg {
  max-height: 260px;
}
@media (max-width: 767px) {
  .landing div#app #ihr-logo-svg svg {
    max-height: 140px;
  }
}
.landing div#app #ihr-devices-png img {
  max-height: auto;
}
@media (max-width: 767px) {
  .landing div#app #ihr-devices-png img {
    max-height: 140px;
  }
}
div#app {
  padding: 0;
  background: url('../images/iheartradio_section_background_image.jpg') no-repeat top center #0d0d21;
  background-size: cover;
}
div#app #devices-container {
  text-align: center;
  /*
	  position: absolute;
	  z-index: 2;
*/
}
div#app #devices-container img {
  display: inline-block;
  margin: auto;
  max-width: 600px;
  width: 80%;
}
div#app h2 {
  margin: 100px 0 20px 0;
  font-size: 35px;
  text-align: center;
  color: #ffffff;
}
@media (max-width: 991px) {
  div#app h2 {
    font-size: 2.5rem;
  }
}
div#app .pillar-solid-oneline {
  padding-bottom: 0;
}
div#app .pillar-solid-oneline h1 {
  color: #ffffff;
}
div#app .text-center p {
  margin-bottom: 50px;
  font-size: 22px;
  font-weight: 200;
  line-height: 32px;
  text-align: center;
  color: #ffffff;
}
@media (max-width: 991px) {
  div#app .text-center p {
    font-size: 1.5rem;
    line-height: 2.5rem;
  }
}
div#app .text-center a {
  color: #ffffff;
}
@media (max-width: 991px) {
  div#app .text-center a {
    margin-bottom: 3em;
  }
}
div#app .text-center a:hover {
  color: #0d0d21;
  background: #ffffff;
}
div#app .logo-list {
  height: 130px;
}
@media (max-width: 991px) {
  div#app .logo-list {
    height: auto;
  }
}
div#app .logo-list .col-md-1 {
  display: table;
  height: 100%;
}
div#app .logo-list .col-md-1 a {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  opacity: 0.75;
  -webkit-transition: opacity 0.4s linear;
  transition: opacity 0.4s linear;
}
div#app .logo-list .col-md-1 a:hover {
  opacity: 1;
  -webkit-transition: opacity 0.4s linear;
  transition: opacity 0.4s linear;
}
div#app .logo-list .col-md-2 {
  display: table;
  height: 100%;
}
div#app .logo-list .col-md-2 a {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  opacity: 0.75;
  -webkit-transition: opacity 0.4s linear;
  transition: opacity 0.4s linear;
}
div#app .logo-list .col-md-2 a:hover {
  opacity: 1;
  -webkit-transition: opacity 0.4s linear;
  transition: opacity 0.4s linear;
}
div#app .logo-list .col-md-3 {
  display: table;
  height: 100%;
}
div#app .logo-list .col-md-3 a {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  opacity: 0.75;
  -webkit-transition: opacity 0.4s linear;
  transition: opacity 0.4s linear;
}
div#app .logo-list .col-md-3 a:hover {
  opacity: 1;
  -webkit-transition: opacity 0.4s linear;
  transition: opacity 0.4s linear;
}
div#app .logo-list .col-xs-6 {
  height: 100px;
}
div#app .logo-list .col-xs-12 {
  height: 100px;
}
div#app .logo-list img {
  margin: 0 auto;
  max-width: 90%;
}
@media (max-width: 991px) {
  div#app .featured > .col-xs-12 {
    padding: 0 30px;
  }
}
div#app .featured h2 {
  margin: 50px 0 75px 0;
  font-size: 20px;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  div#app .featured h2 {
    margin: 100px 0 0 0;
  }
}
#section-news-template .btn-outline {
  width: 60%;
}
div#about {
  padding: 0 0 50px 0;
  background: #f5f5f9;
}
div#about .desc {
  padding: 40px 0;
}
div#about .pillar-solid-oneline .row {
  padding: 10px 0;
}
div#about .pillar-solid-oneline .row h2 {
  font-size: 26px;
  line-height: 40px;
  font-family: 'proxima-nova', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-align: center;
  margin: 0;
}
@media (max-width: 991px) {
  div#about .pillar-solid-oneline .row.desc {
    padding: 10px 0;
  }
  div#about .pillar-solid-oneline .row h2 {
    font-size: 20px;
    line-height: 30px;
  }
}
div#investors {
  padding: 0 0 50px 0;
  background: #ffffff;
}
div#investors h2 {
  margin: 100px 0 20px 0;
  font-size: 35px;
  text-align: center;
}
div#investors .pillar-solid-oneline {
  padding-bottom: 0;
}
div#investors .pillar-solid-oneline .row {
  padding: 15px 0;
}
div#investors .text-center p {
  margin-bottom: 50px;
  font-size: 22px;
  font-weight: 200;
  line-height: 32px;
  text-align: center;
}
@media (max-width: 991px) {
  div#investors .text-center p {
    font-size: 16px;
    line-height: 24px;
  }
}
div#investors .text-center a {
  padding: 13px 52px;
  letter-spacing: 2px;
  font-size: 14px;
  color: #0d0d21;
  border-color: #0d0d21;
}
div#investors .text-center a:hover {
  color: #ffffff;
  background: #0d0d21;
}
@media (max-width: 991px) {
  div#investors .text-center a {
    margin-bottom: 3em;
  }
}
div#investors .featured {
  padding: 50px 0;
}
@media (max-width: 991px) {
  div#investors .featured > .col-xs-12 {
    padding: 0 30px;
  }
}
@media (max-width: 991px) {
  div#investors .featured {
    padding: 0;
  }
}
div#investors .featured h2 {
  margin: 50px 0 75px 0;
  font-size: 20px;
  text-transform: uppercase;
}
div#investors .featured .card-two-column .card-container {
  background: #ffffff;
}
@media (max-width: 991px) {
  div#investors .featured .card-two-column {
    margin: 50px 0 0 0;
  }
}
div#investors .featured-low {
  text-align: center;
}
@media (max-width: 991px) {
  div#investors .featured-low {
    margin: 50px 0 0 0;
  }
}
div#investors .featured-low p {
  font-size: 16px;
}
div#investors .featured-low a.btn-outline {
  color: #0d0d21;
  border-color: #0d0d21;
}
div#investors .featured-low a.btn-outline:hover {
  color: #ffffff;
  background: #0d0d21;
  opacity: 1;
}
div#advertisers {
  padding: 0 0 100px 0;
  background: url('../images/landing-page/advertisers_bg.jpg') no-repeat top center #ffffff;
  background-size: cover;
}
div#advertisers h2 {
  margin: 100px 0 20px 0;
  font-size: 35px;
  text-align: center;
}
div#advertisers .pillar-solid-oneline {
  padding-bottom: 0;
}
div#advertisers .text-center p {
  margin-bottom: 50px;
  font-size: 22px;
  font-weight: 200;
  line-height: 32px;
  text-align: center;
}
@media (max-width: 991px) {
  div#advertisers .text-center p {
    font-size: 16px;
    line-height: 24px;
  }
}
div#advertisers .text-center a {
  padding: 13px 52px;
  letter-spacing: 2px;
  font-size: 14px;
  border-color: #0d0d21;
  color: #0d0d21;
  background-color: transparent;
}
div#advertisers .text-center a:hover {
  color: #ffffff;
  background: #0d0d21;
}
div#advertisers .featured {
  margin: 100px 0;
}
@media (max-width: 991px) {
  div#advertisers .featured {
    margin: 0;
  }
}
div#advertisers .featured h2 {
  margin: 50px 0 75px 0;
  font-size: 20px;
  text-transform: uppercase;
}
div#advertisers .featured .card {
  display: block;
  width: 100%;
  height: auto;
  padding: 0 0 50px 0;
}
@media (max-width: 991px) {
  div#advertisers .featured .card {
    margin: 50px 0 0 0;
  }
}
div#advertisers .featured .card .card-container {
  display: block;
  vertical-align: top;
}
div#advertisers .featured .card .card-container .card-media {
  width: 100%;
  overflow: hidden;
}
div#advertisers .featured .card .card-container .card-media img {
  margin: 0 auto;
}
div#advertisers .featured .card .card-container p {
  padding: 25px 45px;
  text-align: left;
  color: #0d0d21;
}
@media (max-width: 991px) {
  div#advertisers .featured .card .card-container p {
    padding: 0 30px;
  }
}
div#advertisers .featured .card .card-container a.btn-outline {
  display: inline-block;
  opacity: 1;
}
div#advertisers .featured .card .card-container a.btn-outline:hover {
  color: #ffffff;
  background: #0d0d21;
  opacity: 1;
}
div#advertisers .featured-low {
  text-align: center;
}
@media (max-width: 991px) {
  div#advertisers .featured-low {
    margin: 50px 0 0 0;
  }
}
div#advertisers .featured-low h3 {
  font-weight: 400;
}
div#advertisers .featured-low img {
  margin: 0 auto;
}
div#advertisers .featured-low p {
  margin: 100px 0 25px 0;
  font-size: 16px;
}
div#advertisers .featured-low a.btn-outline {
  display: inline-block;
  padding: 13px 52px;
  letter-spacing: 2px;
  font-size: 14px;
  color: #0d0d21;
  border-color: #0d0d21;
}
div#advertisers .featured-low a.btn-outline:hover {
  color: #ffffff;
  background: #0d0d21;
  opacity: 1;
}
div#get-in-touch {
  background: url('../images/landing-page/get-in-touch_bg.png') no-repeat top center #0d0d21;
  background-size: cover;
}
div#get-in-touch section.pillar-solid-oneline .row h1 {
  color: #ffffff;
}
div#get-in-touch .text-center p {
  margin-bottom: 50px;
  font-size: 22px;
  font-weight: 200;
  line-height: 32px;
  text-align: center;
  color: #ffffff;
}
@media (max-width: 991px) {
  div#get-in-touch .text-center p {
    font-size: 16px;
    line-height: 24px;
  }
}
div#get-in-touch .text-center a {
  color: #ffffff;
}
div#get-in-touch .form-control {
  padding: 20px 14px;
  color: #ffffff;
  background-color: transparent;
  border: 2px solid #ffffff;
}
div#get-in-touch .form-control::-webkit-input-placeholder {
  color: #ffffff;
}
div#get-in-touch .form-control:-moz-placeholder {
  color: #ffffff;
}
div#get-in-touch .form-control::-moz-placeholder {
  color: #ffffff;
}
div#get-in-touch .form-control:-ms-input-placeholder {
  color: #ffffff;
}
div#get-in-touch .btn {
  padding: 11px 12px;
  font-weight: 700;
  color: #0d0d21;
  background-color: #f7f7f7;
}
div#get-in-touch .text-pillars {
  margin: 100px 0;
  text-align: center;
}
@media (max-width: 991px) {
  div#get-in-touch .text-pillars {
    margin: 50px 0;
  }
}
div#get-in-touch .text-pillars ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
div#get-in-touch .text-pillars ul li {
  display: inline;
  margin: 0 30px;
  line-height: 60px;
}
@media (max-width: 991px) {
  div#get-in-touch .text-pillars ul li {
    display: block;
    margin: 0;
    line-height: 6rem;
  }
}
div#get-in-touch .text-pillars ul li a {
  font-family: 'futura-pt', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #ffffff;
}
@media (max-width: 991px) {
  div#get-in-touch .text-pillars ul li a {
    font-size: 2rem;
  }
}
div#get-in-touch .logo-divider hr {
  padding: 0;
  border: none;
  border-top: medium solid #ffffff;
  color: #ffffff;
  text-align: center;
}
div#get-in-touch .logo-divider hr:after {
  content: url('../images/landing-page/get-in-touch_heart-logo_small.png');
  display: inline-block;
  position: relative;
  top: -0.7em;
  font-size: 1.5em;
  padding: 0 1em;
  border-radus: 50%;
  background: #0d0d21;
}
div#get-in-touch .logo-divider img {
  display: block;
  margin: 0 auto;
  max-width: 36px;
}
section#footer-template {
  padding: 60px 0;
}
section#footer-template h4 {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
section#footer-template h4.default {
  color: #C6002B;
}
section#footer-template ul {
  padding: 0;
  list-style-type: none;
}
section#footer-template ul li {
  padding: 4px 0;
  font-weight: 100;
}
section#footer-template ul li a {
  font-family: 'proxima-nova', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1px;
  color: #ffffff;
}
section#footer-template ul li a:hover {
  color: #C6002B;
}
section#footer-template p {
  color: #fafafb;
}
section#footer-template i {
  font-size: 30px;
  color: #fafafb;
  padding-right: 25px;
}
section#footer-template i:hover {
  color: #00b3fe;
}
section#footer-template .social-icons {
  margin: 50px 0;
  text-align: center;
  font-weight: 300;
  font-size: 1.5em;
}
section#footer-template .social-icons ul li {
  display: inline-block;
  vertical-align: middle;
  line-height: 35px;
  font-size: 25px;
  margin-left: .3em;
  margin-right: .3em;
}
section#footer-template .social-icons ul li a {
  border-radius: 50%;
  border: thin solid #ffffff;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  transition: all .5s;
  padding: 1em;
  width: 45px;
  height: 45px;
}
section#footer-template .social-icons ul li a:hover {
  border: thin solid #C6002B;
}
section#footer-template .social-icons ul li a:hover i {
  color: #C6002B;
}
section#footer-template .social-icons ul li a span {
  display: none;
}
section#footer-template .social-icons ul li i {
  padding: 0;
  margin: 0;
  color: #ffffff;
  font-size: 20px;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  transition: all .5s;
  line-height: 45px;
}
section#footer-template .social-icons ul li i.fa-twitter {
  margin-left: 4px;
}
section#footer-template .social-icons ul li i.fa-linkedin {
  margin-left: 2px;
}
section#footer-template .social-icons ul li a {
  margin: 0;
  padding: 0;
}
section#footer-template .copyright {
  text-align: center;
}
section#footer-template .copyright p {
  margin: 20px 0;
  font-size: 12px;
  font-weight: 100;
  letter-spacing: 1px;
}
section#footer-template .copyright ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
section#footer-template .copyright ul li {
  display: inline;
  margin: 0 6px;
  padding-right: 12px;
  border-right: thin solid #ffffff;
}
@media (max-width: 991px) {
  section#footer-template .copyright ul li {
    display: block;
    margin: 0;
    border: none;
  }
}
section#footer-template .copyright ul li:first-child {
  padding-right: 12px;
  border-right: thin solid #ffffff;
}
@media (max-width: 991px) {
  section#footer-template .copyright ul li:first-child {
    padding-right: 0;
    border-right: none;
  }
}
section#footer-template .copyright ul li:last-child {
  padding-right: 0;
  border-right: none;
  padding-left: 0;
  border-left: none;
}
@media (max-width: 991px) {
  section#footer-template .copyright ul li:last-child {
    padding-left: 0;
    border-left: none;
  }
}
section#footer-template .copyright ul li a {
  font-size: 14px;
  font-weight: 300;
}
/* pillar section */
#pillar-sub-head p {
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 200;
  line-height: 32px;
  text-align: center;
}
@media (max-width: 991px) {
  #pillar-sub-head p {
    margin: 0;
    font-size: 1.6rem;
    font-weight: 200;
    line-height: 28px;
    text-align: center;
  }
}
.content-template {
  text-align: center;
}
.content-template .platform-copy {
  padding: 100px 175px;
}
@media (max-width: 991px) {
  .content-template .platform-copy {
    padding: 30px 65px;
  }
}
.content-template .platform-copy p {
  margin-top: 55px;
}
.content-template h2 {
  font-size: 2em;
  letter-spacing: 4px;
  line-height: normal;
  font-weight: 300;
}
@media (max-width: 991px) {
  .content-template h2 {
    margin: 0;
    font-size: 2rem;
  }
}
.content-template h3 {
  font-size: 24px;
  letter-spacing: 4px;
}
@media (max-width: 991px) {
  .content-template h3 {
    font-size: 18px;
  }
}
.content-template p {
  font-size: 22px;
  font-weight: 300;
  line-height: normal;
  display: inline-block;
}
@media (max-width: 991px) {
  .content-template p {
    font-size: 1.6rem;
  }
}
section#pillars .pillar.pillar-tv .card_media .card-container {
  background: url(../images/2016/programmatic_thumb.jpg) center center / cover no-repeat;
}
section#pillars .pillar.pillar-data .card_media .card-container {
  background: url(../images/2016/advertising_thumb.jpg) center center / cover no-repeat;
}
/* get in touch section */
div#get-in-touch .container-fluid {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0d0d21+0,0d0d21+52&0+0,1+40 */
  background: -moz-linear-gradient(top, rgba(13, 13, 33, 0) 0%, #0d0d21 40%, #0d0d21 52%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(13, 13, 33, 0) 0%, #0d0d21 40%, #0d0d21 52%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(13, 13, 33, 0) 0%, #0d0d21 40%, #0d0d21 52%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000d0d21', endColorstr='#0d0d21', GradientType=0);
  /* IE6-9 */
}
.dropdown .dropdown-menu {
  height: auto;
  min-width: 100%;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
}
.dropdown .drop-down-button-text {
  padding: 0 2em;
  margin: 0 0.7em 0 .35em;
  float: left;
  position: relative;
  text-shadow: 1px 1px 1px #ffffff;
}
.dropdown .drop-down-button-text .horizontal-divider {
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
  width: 1px;
  background-color: #fafafb;
}
/* careers section */
div.careers {
  padding: 50px 0;
  background-image: url('../images/landing-page/Homepage_CAREERS_Section_1440x588 copy 2.jpg');
  background-position: center center;
  background-size: cover;
}
div.careers h1 {
  margin: 0;
  font-weight: bold;
  color: #ffffff;
}
div.careers p {
  padding-bottom: 15px;
  font-size: 16px;
  color: #ffffff;
}
div#about.advertise {
  background-image: url('../images/awu/IHEARTMEDIA_Header_1440x588_advertise_with_us.jpg');
  background-position: top center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
div#about.advertise h1 {
  font-weight: bold;
  color: #ffffff;
}
div#about.advertise p {
  padding-bottom: 15px;
  font-size: 16px;
  color: #ffffff;
}
section.section-background-image {
  padding: 0 0 80px 0;
}
section.section-background-image h2 {
  margin: 100px 0 20px 0;
  font-size: 35px;
  text-align: center;
  color: white;
}
section.section-background-image .text-center p {
  margin-bottom: 50px;
  font-size: 22px;
  font-weight: 200;
  line-height: 32px;
  text-align: center;
  color: white;
}
@media (max-width: 991px) {
  section.section-background-image .text-center p {
    font-size: 16px;
    line-height: 24px;
  }
}
section.section-background-image .text-center a.btn-outline {
  padding: 13px 52px;
  letter-spacing: 2px;
  font-size: 14px;
  color: white;
}
section.section-background-image .text-center a.btn-outline:hover {
  color: #0d0d21;
  background: white;
}
section.section-background-image .logo-list {
  height: 130px;
}
@media (max-width: 991px) {
  section.section-background-image .logo-list {
    height: auto;
  }
}
section.section-background-image .logo-list .col-md-1 {
  display: table;
  height: 100%;
}
section.section-background-image .logo-list .col-md-1 a {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  opacity: 0.75;
  -webkit-transition: opacity 0.4s linear;
  transition: opacity 0.4s linear;
}
section.section-background-image .logo-list .col-md-1 a:hover {
  opacity: 1;
  -webkit-transition: opacity 0.4s linear;
  transition: opacity 0.4s linear;
}
section.section-background-image .logo-list .col-md-2 {
  display: table;
  height: 100%;
}
section.section-background-image .logo-list .col-md-2 a {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  opacity: 0.75;
  -webkit-transition: opacity 0.4s linear;
  transition: opacity 0.4s linear;
}
section.section-background-image .logo-list .col-md-2 a:hover {
  opacity: 1;
  -webkit-transition: opacity 0.4s linear;
  transition: opacity 0.4s linear;
}
section.section-background-image .logo-list .col-md-3 {
  display: table;
  height: 100%;
}
section.section-background-image .logo-list .col-md-3 a {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  opacity: 0.75;
  -webkit-transition: opacity 0.4s linear;
  transition: opacity 0.4s linear;
}
section.section-background-image .logo-list .col-md-3 a:hover {
  opacity: 1;
  -webkit-transition: opacity 0.4s linear;
  transition: opacity 0.4s linear;
}
section.section-background-image .logo-list .col-xs-6 {
  height: 100px;
}
section.section-background-image .logo-list .col-xs-12 {
  height: 100px;
}
section.section-background-image .logo-list img {
  margin: 0 auto;
  max-width: 90%;
}
@media (max-width: 991px) {
  section.section-background-image .featured > .col-xs-12 {
    padding: 0 30px;
  }
}
section.section-background-image .featured h2 {
  margin: 50px 0 75px 0;
  font-size: 20px;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  section.section-background-image .featured h2 {
    margin: 100px 0 0 0;
  }
}
section.section-background-image .featured .card {
  display: block;
  width: 100%;
  height: auto;
  padding: 0 0 50px 0;
}
@media (max-width: 991px) {
  section.section-background-image .featured .card {
    margin: 40px 0 0 0;
  }
}
section.section-background-image .featured .card .card-container {
  display: block;
  vertical-align: top;
}
@media (max-width: 991px) {
  section.section-background-image .featured .card .card-container .col-xs-6 a {
    padding: 13px 14px;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
}
section.section-background-image .featured .card .card-container .card-media {
  width: 100%;
  background: #dd0030;
  overflow: hidden;
}
@media (max-width: 991px) {
  section.section-background-image .featured .card .card-container .card-media {
    height: auto;
    padding: 0;
  }
}
section.section-background-image .featured .card .card-container .card-media img {
  margin: 0 auto;
}
section.section-background-image .featured .card .card-container p {
  padding: 25px 45px;
  text-align: left;
  color: #0d0d21;
}
@media (max-width: 991px) {
  section.section-background-image .featured .card .card-container p {
    padding: 0 30px;
  }
}
section.section-background-image .featured .card .card-container a.btn-outline {
  display: inline-block;
  opacity: 1;
}
section.section-background-image .featured .card .card-container a.btn-outline:hover {
  color: white;
  background: #0d0d21;
  opacity: 1;
}
@media (max-width: 991px) {
  section.section-background-image .featured .card .card-container a.btn-outline {
    margin: 0 10px;
  }
}
.modal-backdrop.in {
  filter: alpha(opacity=60);
  opacity: .6;
}
.modal .modal-dialog {
  width: 74%;
}
@media (max-width: 991px) {
  .modal .modal-dialog {
    height: 100%;
    max-height: 96%;
  }
}
@media (max-width: 767px) {
  .modal .modal-dialog {
    height: auto;
    max-height: 96%;
    width: auto;
    transform: translate(0, 50%) !important;
    -ms-transform: translate(0, 50%) !important;
    -webkit-transform: translate(0, 50%) !important;
  }
}
.modal .modal-dialog .modal-content {
  border: none;
  border-radius: 0;
  background: white;
}
@media (max-width: 991px) {
  .modal .modal-dialog .modal-content {
    height: 100%;
  }
}
@media (max-width: 991px) {
  .modal .modal-dialog .modal-content {
    height: auto;
  }
}
.modal .modal-dialog .modal-content .modal-header {
  border-bottom: 2px solid #C6002B;
  color: #0d0d21;
}
.modal .modal-dialog .modal-content .modal-header .close {
  margin: 0;
  position: absolute;
  top: 24px;
  right: 24px;
}
.modal .modal-dialog .modal-content .modal-header .modal-title {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  text-transform: initial;
  line-height: normal;
  color: #0d0d21;
}
@media (max-width: 991px) {
  .modal .modal-dialog .modal-content .modal-header .modal-title {
    max-width: 85%;
  }
}
.modal .modal-dialog .modal-content .modal-header .modal-title-sub {
  margin-bottom: 0;
  font-size: 96%;
  font-weight: 400;
  color: #777777;
}
.modal .modal-dialog .modal-content .modal-header i {
  font-size: 30px;
  line-height: 26px;
}
.modal .modal-dialog .modal-content .modal-body {
  padding: 0;
}
@media (max-width: 991px) {
  .modal .modal-dialog .modal-content .modal-body {
    height: 75%;
    overflow-y: scroll;
  }
}
@media (max-width: 767px) {
  .modal .modal-dialog .modal-content .modal-body {
    height: 75%;
    overflow-y: scroll;
  }
}
.modal-split .modal-dialog {
  overflow: hidden;
}
@media (max-width: 991px) {
  .modal-split .modal-dialog {
    height: 100%;
    max-height: 96%;
  }
}
@media (max-width: 991px) {
  .modal-split .modal-dialog .modal-content {
    height: 100%;
  }
}
.modal-split .modal-dialog .modal-content .modal-body {
  height: 740px;
}
@media (max-width: 991px) {
  .modal-split .modal-dialog .modal-content .modal-body {
    height: 81%;
    overflow-y: scroll;
  }
}
.modal-split .modal-dialog .modal-content .modal-body > .media {
  height: 100%;
}
@media (max-width: 991px) {
  .modal-split .modal-dialog .modal-content .modal-body > .media {
    height: 200px;
  }
}
.modal-split .modal-dialog .modal-content .modal-body > .media h1 {
  margin: 0;
  font-size: 50px;
  letter-spacing: 4px;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .modal-split .modal-dialog .modal-content .modal-body > .media h1 {
    font-size: 2rem;
  }
}
.modal-split .modal-dialog .modal-content .modal-body > .content {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  overflow-y: scroll;
}
@media (max-width: 991px) {
  .modal-split .modal-dialog .modal-content .modal-body > .content {
    position: relative;
    overflow: scroll;
  }
}
.modal-split .modal-dialog .modal-content .modal-body > .content h1 {
  font-size: 28px;
  color: #0d0d21;
}
@media (max-width: 991px) {
  .modal-split .modal-dialog .modal-content .modal-body > .content h1 {
    font-size: 1.8rem;
  }
}
.modal-split .modal-dialog .modal-content .modal-body > .content p {
  font-size: 16px;
}
@media (max-width: 991px) {
  .modal-split .modal-dialog .modal-content .modal-body > .content p {
    font-size: 1.4rem;
  }
}
.modal-split .modal-dialog .modal-content .modal-body > .content img {
  width: 100%;
}
.modal .modal-dialog.case-studies-modal {
  overflow: hidden;
}
@media (max-width: 991px) {
  .modal .modal-dialog.case-studies-modal {
    height: 100%;
    max-height: 96%;
  }
}
@media (max-width: 991px) {
  .modal .modal-dialog.case-studies-modal .modal-content {
    height: 100%;
  }
}
.modal .modal-dialog.case-studies-modal .modal-content .modal-body {
  height: 740px;
  overflow-y: scroll;
  overflow-x: hidden;
}
@media (max-width: 991px) {
  .modal .modal-dialog.case-studies-modal .modal-content .modal-body {
    height: 81%;
    overflow-y: scroll;
  }
}
.modal .modal-dialog.case-studies-modal .modal-content .modal-body .modal-body-hero .case-studies-img {
  min-height: 400px;
  display: table;
}
@media (max-width: 991px) {
  .modal .modal-dialog.case-studies-modal .modal-content .modal-body .modal-body-hero .case-studies-img {
    min-height: 200px;
  }
}
.modal .modal-dialog.case-studies-modal .modal-content .modal-body .modal-body-hero .case-studies-img .case-studies-img-content {
  display: table-cell;
  vertical-align: middle;
  background: rgba(0, 0, 0, 0.65);
}
.modal .modal-dialog.case-studies-modal .modal-content .modal-body .modal-body-hero .case-studies-img .case-studies-img-content img {
  margin: 0 auto 50px auto;
  display: block;
}
@media (max-width: 991px) {
  .modal .modal-dialog.case-studies-modal .modal-content .modal-body .modal-body-hero .case-studies-img .case-studies-img-content img {
    margin: 0 auto;
    max-width: 17%;
  }
}
.modal .modal-dialog.case-studies-modal .modal-content .modal-body .modal-body-hero .case-studies-img .col-xs-12 {
  height: 100%;
  display: table;
  padding: 0;
}
.modal .modal-dialog.case-studies-modal .modal-content .modal-body .modal-body-hero .case-studies-img h1 {
  font-size: 72px;
  text-align: center;
  letter-spacing: 4px;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .modal .modal-dialog.case-studies-modal .modal-content .modal-body .modal-body-hero .case-studies-img h1 {
    font-size: 2rem;
  }
}
.modal .modal-dialog.case-studies-modal .modal-content .modal-body .modal-body-content {
  padding: 15px;
}
.modal .modal-dialog.case-studies-modal .modal-content .modal-body .modal-body-content .case-studies-content {
  padding: 20px;
}
.modal .modal-dialog.case-studies-modal .modal-content .modal-body .modal-body-content .case-studies-content h1 {
  font-size: 28px;
  color: #0d0d21;
}
.modal .modal-dialog.case-studies-modal .modal-content .modal-body .modal-body-content .case-studies-content p {
  font-size: 16px;
}
.modal .modal-dialog.case-studies-modal .modal-content .modal-body .modal-body-content .case-studies-content img {
  width: 100%;
  border-radius: 6px;
}
.modal .modal-dialog.case-studies-modal .modal-content .modal-body .modal-body-content .case-studies-sidebar {
  text-align: center;
}
.modal .modal-dialog.case-studies-modal .modal-content .modal-body .modal-body-content .case-studies-sidebar blockquote {
  margin: 0;
  text-align: left;
  font-size: 14px;
  color: #0d0d21;
}
/*
@styleguide
# Component - Card - Primary Content Card
Default styles for Primary Content Card component template.
<article class="card" style="background:#4F0133;"> <div class="row v-align"> <div class="col-xs-12 col-sm-6 middle content"> <h3 class="white-text">2014 Impact Report</h3> <p class="white-text">iHeartMedia and all of its 840 broadcast radio stations are dedicated to inspiring and creating positive change that improves the lives of others. The company's community programs are built on the idea that through public awareness and education we can drive attention and action that directly addresses today's most pressing issues. In 2014, iHeartMedia supported thousands of local and nonprofit organizations nationwide and raised hundreds of millions of dollars for critical issues both in the United States and globally.</p><section class="cta"> <div class="row"> <div class="col-xs-12"> <a class="btn-outline-white" style="margin-top: 25px;" href="//www.iheartmedia.com/Philanthropy/Documents/2014_impactreport_Online%20version.pdf" target="_blank" rel="noopener">View Impact Report</a> </div></div></section> </div><div class="col-xs-12 col-sm-6 middle" style="padding: 0; background: url('images/philanthropy/2014-impact-bg.jpg') no-repeat center right; background-size: contain;"> </div></div></article>
## HTML Markup <small>Handlebars Template</small>
    {{#each card}}
    {{#if this.left}}
        <!-- start card {{@index}}  -->
        <article class="card" style="background:{{this.backgroundColor}};">
            <div class="row v-align">
                <div class="col-xs-12 col-sm-6 middle content">
                    <h3 class="{{#if this.white}}white-text{{else if this.black}}black-text{{/if}}">{{{this.headline}}}</h3>
                    <p class="{{#if this.white}}white-text{{else if this.black}}black-text{{/if}}">{{{this.description}}}</p>
                    {{#if this.noButton}}
                    {{else}}
                    <section class="cta">
                        <div class="row">
                            <div class="col-xs-12">
                                <a class="{{#if this.white}}btn-outline-white{{else if this.black}}btn-outline{{/if}}" style="margin-top: 25px;" href="{{this.buttonLink}}" target="_blank" rel="noopener">{{this.buttonText}}</a>
                            </div>
                        </div>
                    </section>
                    {{/if}}
               </div>
                <div class="col-xs-12 col-sm-6 middle" style="padding: 0; {{#if this.customMedia}}background: url('{{this.imageSrc}}') no-repeat center {{this.mediaAlign}}; background-size: {{this.mediaScale}};{{else}}background: url('{{this.imageSrc}}') no-repeat center right; background-size: cover;{{/if}}">
                </div>
            </div>
        </article>
        <!-- end card {{@index}} -->
    {{else if this.right}}
        <!-- start card {{@index}}  -->
        <article class="card" style="background:{{this.backgroundColor}};">
            <div class="row v-align">
                <div class="col-xs-12 col-sm-6 middle" style="padding: 0; {{#if this.customMedia}}background: url('{{this.imageSrc}}') no-repeat center {{this.mediaAlign}}; background-size: {{this.mediaScale}};{{else}}background: url('{{this.imageSrc}}') no-repeat center right; background-size: cover;{{/if}}"></div>
                <div class="col-xs-12 col-sm-6 middle content">
                    <h3 class="{{#if this.white}}white-text{{else if this.black}}black-text{{/if}}">{{{this.headline}}}</h3>
                    <p class="{{#if this.white}}white-text{{else if this.black}}black-text{{/if}}">{{{this.description}}}</p>
                    {{#if this.noButton}}
                    {{else}}
                    <section class="cta">
                        <div class="row">
                            <div class="col-xs-12">
                                <a class="{{#if this.white}}btn-outline-white{{else if this.black}}btn-outline{{/if}}" style="margin-top: 25px;" href="{{this.buttonLink}}" target="_blank" rel="noopener">{{this.buttonText}}</a>
                            </div>
                        </div>
                    </section>
                    {{/if}}
               </div>
            </div>
        </article>
        <!-- end card {{@index}} -->
    {{else if this.fullWidth}}
        <!-- start card {{@index}}  -->
        <article class="card" style="background:{{this.backgroundColor}};">
            <div class="row v-align">
                <div class="col-xs-12 middle content {{#if this.white}}white-text{{else if this.black}}black-text{{/if}}">
                    <h3>{{{this.headline}}}</h3>
                    {{#if this.enableSubHead}}<h3 style="margin-top:0;"><small>{{{this.subHead}}}</small></h3>{{/if}}
                    <p>{{{this.description}}}</p>
               </div>
            </div>
        </article>
        <!-- end card {{@index}} -->
    {{/if}}
    {{/each}}
## JSON Data Schema
```
{
    'card' : [
        {
        'left': true,
        'white': true,
        'backgroundColor': '#4F0133',
        'headline': '2014 Impact Report',
        'description': 'iHeartMedia and all of its 840 broadcast radio stations are dedicated to inspiring and creating positive change that improves the lives of others. The company\'s community programs are built on the idea that through public awareness and education we can drive attention and action that directly addresses today\'s most pressing issues. In 2014, iHeartMedia supported thousands of local and nonprofit organizations nationwide and raised hundreds of millions of dollars for critical issues both in the United States and globally.',
        'buttonText': 'View Impact Report',
        'buttonLink': '//www.iheartmedia.com/Philanthropy/Documents/2014_impactreport_Online%20version.pdf',
        'customMedia': true,
        'mediaAlign': 'right',
        'mediaScale': 'contain',
        'imageSrc': 'images/philanthropy/2014-impact-bg.jpg'
        }
    ]
}
```
*/
#iheartmedia-landing-page #cards-two-column-template > .col-xs-12 {
  margin-top: 20px;
}
@media (min-width: 991px) {
  #iheartmedia-landing-page .card-two-column .card-container p {
    min-height: 116px;
  }
}
@media (min-width: 991px) {
  #iheartmedia-landing-page .card-two-column .card-container .background {
    min-height: 576px;
  }
}
.card .v-align {
  height: 100%;
  width: 100%;
  display: table;
  margin: 0;
}
@media (max-width: 767px) {
  .card .v-align {
    display: block;
    height: auto;
    width: auto;
  }
}
.card .v-align .middle {
  display: table-cell;
  vertical-align: middle;
  float: none;
}
@media (min-width: 767px) {
  .card .v-align .middle {
    vertical-align: top;
  }
}
@media (max-width: 767px) {
  .card .v-align .middle {
    display: block;
    float: left;
  }
}
.card .card-container {
  margin: 0 auto 40px auto;
  padding: 0;
}
@media (max-width: 767px) {
  .card .card-container {
    padding: 0 0 40px 0;
  }
}
@media (min-width: 991px) {
  .card .card-container {
    min-height: 380px;
  }
}
.card .card-container .content {
  padding: 5% 5%;
}
.card .card-container .content h3 {
  margin: 0;
  padding: 0 0 40px 0;
  font-size: 2.5rem;
  text-align: left;
  letter-spacing: normal;
}
.card .card-container .content h3 img {
  width: 70%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .card .card-container .content h3 img {
    width: 75%;
    margin: 0 auto;
  }
}
@media (max-width: 991px) {
  .card .card-container .content h3 {
    padding: 0 0 15px 0;
  }
}
@media (max-width: 767px) {
  .card .card-container .content h3 {
    padding: 0 0 20px 0;
    text-align: center;
  }
}
.card .card-container .content p {
  margin: 0;
  text-align: left;
  font-size: 16px;
  font-weight: 200;
  color: #0d0d21;
}
@media (max-width: 991px) {
  .card .card-container .content p {
    padding: 0;
    font-size: 1.4rem;
  }
}
@media (max-width: 991px) {
  .card .card-container .content ul {
    margin: 10px 0 0 0;
  }
}
.card .card-container .content ul li {
  font-size: 16px;
  font-weight: 300;
}
@media (max-width: 991px) {
  .card .card-container .content ul li {
    font-size: 1.4rem;
  }
}
.card .card-container .content .btn-outline {
  margin: 40px auto 0 auto;
}
@media (max-width: 991px) {
  .card .card-container .content .btn-outline {
    margin: 20px auto 0 auto;
    width: 80%;
  }
}
@media (max-width: 991px) {
  .card .card-container .content-media {
    min-height: 100%;
    background-position: center center !important;
    background-size: cover !important;
  }
}
@media (max-width: 767px) {
  .card .card-container .content-media {
    min-height: 186px;
    background-position: top center !important;
    background-size: cover !important;
  }
}
@media (max-width: 767px) {
  .card .card-container.img-middle .content-media {
    background-position: center center !important;
  }
}
@media (max-width: 767px) {
  .card .card-container.img-top .content-media {
    background-position: center top !important;
  }
}
@media (max-width: 767px) {
  .card .card-container.img-quarter .content-media {
    background-position: center 25% !important;
  }
}
/*
@styleguide
# Component - Card - Article - FAQ
Card component that displays FAQ or related blocks of information. This is the most simple version of an article card.
<article class="card-article-faq" style="background:white;"> <div class="row v-align"> <div class="col-xs-12 middle content black-text"> <h3>What is the corporate address?</h3> <p></p><address><strong>iHeartMedia, Inc.</strong><br>200 East Basse Road<br>San Antonio, Texas 78209-8328</address><p></p></div></div></article>
## HTML Markup <small>Handlebars Template</small>
    {{#each cardFaq}}
        <!-- start card {{@index}}  -->
        <section class="card-faq" style="background:{{this.backgroundColor}};">
            <div class="row v-align">
                <div class="col-xs-12 middle content {{#if this.white}}white-text{{else if this.black}}black-text{{/if}}">
                    <h3>{{{this.headline}}}</h3>
                    {{#if this.enableSubHead}}<h3 style="margin-top:0;"><small>{{{this.subHead}}}</small></h3>{{/if}}
                    <p>{{{this.description}}}</p>
               </div>
            </div>
        </section>
        <!-- end card {{@index}} -->
    {{/each}}
## JSON Data Schema
```
{
    'cardFaq' : [
        {
        'black': true,
        'backgroundColor': 'white',
        'headline': 'What is the corporate address?',
        'description': '<address><strong>iHeartMedia, Inc.</strong><br/>200 East Basse Road<br/>San Antonio, Texas 78209-8328</address>'
        }
    ]
}
```
*/
.card-article-faq {
  margin: 25px 0;
}
.card-article-faq .v-align {
  height: 100%;
  width: 100%;
  display: table;
  margin: 0;
}
@media (max-width: 991px) {
  .card-article-faq .v-align {
    display: block;
    height: auto;
    width: auto;
    margin: auto;
  }
}
.card-article-faq .v-align .middle {
  display: table-cell;
  vertical-align: middle;
  float: none;
}
@media (max-width: 991px) {
  .card-article-faq .v-align .middle {
    display: block;
    float: left;
  }
}
.card-article-faq .content {
  padding: 1% 2%;
}
@media (max-width: 991px) {
  .card-article-faq .content {
    padding: 0 15px;
  }
}
.card-article-faq .content h3 {
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: normal;
  text-transform: none;
}
.card-article-faq .content p {
  margin-top: 25px;
  font-size: 1.4rem;
  font-weight: 300;
  text-align: left;
  line-height: 1.75;
}
.card-article-faq .content address {
  margin-top: 25px;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1.75;
  text-align: left;
}
.card-article-faq .content ul li {
  font-size: 1.4rem;
  font-weight: 300;
}
.card-article-faq .content blockquote {
  margin: 0 0 20px;
  font-size: 14px;
}
@media (max-width: 991px) {
  .card-article-faq .content blockquote {
    font-size: 1.4rem;
  }
}
/*
@styleguide
# Component - Card - Article - Biography
Card component is an article intended to display biographical information. Includes: image (circular), headline text, and description area.
<article class="card-biography" style="background:#f3f3f4;"> <div class="row"> <div class="col-xs-12 content"> <div class="row v-align"> <div class="col-xs-12 col-md-2 middle"> <img src="images/our-team/bob-pittman.jpg" class="img-circle"> </div><div class="col-xs-12 col-md-8 middle"> <h3 class="black-text">Bob Pittman<br><small>Chairman and Chief Executive Officer</small></h3> </div></div><div class="row"> <div class="col-xs-12"> <p class="black-text">Bob Pittman is Chairman and Chief Executive Officer of iHeartMedia, Inc., which includes iHeartMedia and Clear Channel Outdoor, where he is also Chairman and CEO. Pittman is the co-founder and programmer who led the team that created MTV and has been CEO of MTV Networks, AOL Networks, Six Flags Theme Parks, Quantum Media, Century 21 Real Estate, and Time Warner Enterprises. He was also COO of America Online, Inc. and later of AOL Time Warner. He is a founding member of Pilot Group, LLC, a New York private investment firm, and is a dedicated philanthropist, formerly serving as both Chairman of New York’s Public Theater and Chairman of the poverty-fighting Robin Hood Foundation, where he is still on the board; he is also on the boards of the Rock and Roll Hall of Fame and the Alliance for Lupus Research. Pittman’s history in radio began at age 15 when he worked as an on-air announcer in his native Mississippi; he went on to successfully program a number of radio stations, including WNBC in New York. Among other recognitions, he was named to the Advertising Hall of Fame and inducted into the Broadcasting and Cable Hall of Fame; named one of Advertising Age's "10 Marketers Who Changed American Culture" and "50 Pioneers and Visionaries of TV;" received the Robert F. Kennedy Ripple of Hope Award and a Council of Fashion Designers (CFDA) Award; and was named one of LIFE Magazine's "Five Original Thinkers of the '80s."</p></div></div></div></div></article>
## HTML Markup <small>Handlebars Template</small>
    {{#each cardBiography}}
        <!-- start Component - Card - Biography {{@index}}  -->
        <article class="card-bio" style="background:{{this.backgroundColor}};">
            <div class="row">
                <div class="col-xs-12 copy">
                    <div class="row v-align">
                        <div class="col-xs-12 col-md-2 middle">
                            <img src="{{this.imageSrc}}" class="img-circle" />
                        </div>
                        <div class="col-xs-12 col-md-8 middle">
                            <h3 class="{{#if this.white}}white-text{{else if this.black}}black-text{{/if}}">{{{this.headline}}}</h3>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xs-12">
                             <p class="{{#if this.white}}white-text{{else if this.black}}black-text{{/if}}">{{{this.description}}}</p>
                        </div>
                    </div>
                    {{#if this.btnText}}
                        <section class="cta">
                            <div class="row">
                                <div class="col-xs-12">
                                    <a class="{{#if this.white}}btn-outline-white{{else if this.black}}btn-outline{{/if}}" style="margin-top: 25px;" href="#" target="_blank" rel="noopener">{{this.buttonText}}</a>
                                </div>
                            </div>
                        </section>
                    {{/if}}
               </div>
            </div>
        </article>
        <!-- end Component - Card - Biography {{@index}} -->
    {{/each}}
## JSON Data Schema
```
{
'cardBio' : [
        {
        'black': true,
        'backgroundColor': '#f3f3f4',
        'headline': 'Bob Pittman<br><small>Chairman and Chief Executive Officer</small>',
        'description': 'Bob Pittman is Chairman and Chief Executive Officer of iHeartMedia, Inc., which includes iHeartMedia and Clear Channel Outdoor, where he is also Chairman and CEO. Pittman is the co-founder and programmer who led the team that created MTV and has been CEO of MTV Networks, AOL Networks, Six Flags Theme Parks, Quantum Media, Century 21 Real Estate, and Time Warner Enterprises. He was also COO of America Online, Inc. and later of AOL Time Warner. He is a founding member of Pilot Group, LLC, a New York private investment firm, and is a dedicated philanthropist, formerly serving as both Chairman of New York’s Public Theater and Chairman of the poverty-fighting Robin Hood Foundation, where he is still on the board; he is also on the boards of the Rock and Roll Hall of Fame and the Alliance for Lupus Research. Pittman’s history in radio began at age 15 when he worked as an on-air announcer in his native Mississippi; he went on to successfully program a number of radio stations, including WNBC in New York. Among other recognitions, he was named to the Advertising Hall of Fame and inducted into the Broadcasting and Cable Hall of Fame; named one of Advertising Age\'s "10 Marketers Who Changed American Culture" and "50 Pioneers and Visionaries of TV;" received the Robert F. Kennedy Ripple of Hope Award and a Council of Fashion Designers (CFDA) Award; and was named one of LIFE Magazine\'s "Five Original Thinkers of the \'80s."',
        'imageSrc': 'images/our-team/bob-pittman.jpg'
        }
    ]
}
```
*/
.card-biography {
  margin-bottom: 40px;
}
.card-biography img {
  margin-top: 1em;
}
.card-biography strong {
  color: #777;
  font-size: 1.1em;
}
.card-biography .v-align {
  height: 100%;
  width: 100%;
  display: table;
  margin: 0;
  /*
    @media (max-width: @screen-sm-max) {
      height: auto;
      width: auto;
      display: block;
      margin: auto;
    }
*/
}
.card-biography .v-align .middle {
  display: table-cell;
  vertical-align: middle;
  float: none;
}
@media (max-width: 991px) {
  .card-biography .v-align .middle {
    /*
        display: block;
        float: left;
*/
  }
}
.card-biography .content {
  padding: 5%;
}
.card-biography .content h3 {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;
  text-align: center;
}
.card-biography .content h3 small {
  letter-spacing: 2px;
}
@media (max-width: 991px) {
  .card-biography .content h3 {
    font-size: 2rem;
    text-align: center;
  }
}
.card-biography .content p {
  margin-top: 25px;
  font-size: 16px;
  font-weight: 300;
  text-align: left;
  line-height: 1.75;
}
@media (max-width: 991px) {
  .card-biography .content p {
    font-size: 1.3rem;
    line-height: 2.5rem;
  }
}
.card-biography .content ul li {
  font-size: 16px;
  font-weight: 300;
}
/*
@styleguide
# Component - Card - News Feed Item
Default styles for news feed item component template.
<article class="row card-article-news-feed-item"> <div class="col-xs-12 container"> <div class="col-xs-12 col-md-2"> <div class="date"> <h1>01.15.16</h1> </div></div><div class="col-xs-12 col-md-6"> <div class="content"> <p class="small">New York, NY</p><h2>iHeartMedia Announces The Return Of Its Annual Mega Events</h2> </div></div><div class="col-xs-12 col-md-4 media"> <div class="btn-holder"> <a class="btn-outline" href="http://google.com">Full Story</a> </div></div></div></article>
## HTML Markup <small>Handlebars Template</small>
    <section class="row news-feed-item">
        <div class="col-xs-12 news-feed-item-content">
            <div class="col-xs-12 col-md-2">
                <div class="news-feed-item-date">
                    <h1>{{this.date}}</h1>
                </div>
            </div>
            <div class="col-xs-12 col-md-6">
                <div class="news-feed-item-copy">
                    <p class="small">{{this.location}}</p>
                    <h2>{{this.headline}}</h2>
                </div>
            </div>
            <div class="col-xs-12 col-md-4 news-feed-item-media">
                <div class="btn-holder">
                    <a class="btn-outline" href="{{this.buttonHref}}">{{this.buttonText}}</a>
                </div>
            </div>
        </div>
    </section>
## JSON Data Schema
```
{
    'cardsNews' : [
        {
        'headline': 'iHeartMedia Announces The Return Of Its Annual Mega Events',
        'date': '01.15.16',
        'location': 'New York, NY',
        'buttonText': 'Full Story',
        'buttonHref': 'http://google.com'
        }
    ]
}
```
*/
.card-article-news-feed-item {
  cursor: pointer;
  min-height: auto;
  height: auto;
}
@media (min-width: 991px) {
  .card-article-news-feed-item {
    height: 176px;
  }
}
.card-article-news-feed-item .left-side {
  padding-left: 0;
  padding-right: 0;
}
.card-article-news-feed-item .left-side .press-teaser-headline-container {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #eee;
}
.card-article-news-feed-item .left-side .press-teaser-headline-container .date {
  margin-right: 1em;
}
.card-article-news-feed-item .left-side .press-teaser-headline-container p.small {
  margin-bottom: 0;
}
.card-article-news-feed-item .left-side .content {
  display: table;
  height: 120px;
  overflow: hidden;
  padding-left: 10px;
}
@media (max-width: 991px) {
  .card-article-news-feed-item .left-side .content {
    height: auto;
    display: block;
  }
}
.card-article-news-feed-item .left-side .content h2 {
  display: table-cell;
  vertical-align: middle;
  font-size: 19px;
}
@media (max-width: 991px) {
  .card-article-news-feed-item .left-side .content h2 {
    display: block;
    text-align: center;
  }
}
@media (max-width: 991px) {
  .card-article-news-feed-item .right-side .btn-holder {
    margin: auto;
    max-width: 60%;
  }
}
.card-article-news-feed-item {
  margin-bottom: 3em;
  overflow: hidden;
  border: thin solid #ececec;
  background: white;
  -webkit-transition: all 1s linear;
  -o-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -ms-transition: all 1s linear;
  -kthtml-transition: all 1s linear;
  transition: all 1s linear;
}
.card-article-news-feed-item:hover .col-md-2 .date h1 {
  color: #C6002B;
}
.card-article-news-feed-item:hover .content h2 {
  color: #C6002B;
}
.card-article-news-feed-item h2 {
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}
@media (max-width: 991px) {
  .card-article-news-feed-item {
    height: auto;
    padding: 1em;
  }
}
.card-article-news-feed-item:hover {
  -webkit-box-shadow: 0px 0px 8px 2px rgba(236, 236, 236, 0.8);
  -moz-box-shadow: 0px 0px 8px 2px rgba(236, 236, 236, 0.8);
  box-shadow: 0px 0px 8px 2px rgba(236, 236, 236, 0.8);
  -webkit-transition: all 1s linear;
  -o-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -ms-transition: all 1s linear;
  -kthtml-transition: all 1s linear;
  transition: all 1s linear;
}
@media (max-width: 991px) {
  .card-article-news-feed-item {
    height: auto;
  }
}
.card-article-news-feed-item .col-md-2 {
  display: table;
  height: 100%;
}
@media (max-width: 991px) {
  .card-article-news-feed-item .col-md-2 {
    display: block;
    height: auto;
  }
}
.card-article-news-feed-item .col-md-2 .date {
  display: table-cell;
  vertical-align: middle;
  height: 120px;
}
@media (max-width: 991px) {
  .card-article-news-feed-item .col-md-2 .date {
    display: block;
    padding: 20px 0 0 0;
    height: auto;
  }
}
.card-article-news-feed-item .col-md-2 .date time {
  margin: 0;
  font-size: 20px;
  text-align: center;
  color: #0d0d21;
}
@media (max-width: 991px) {
  .card-article-news-feed-item .col-md-2 .date time {
    font-size: 19px;
    font-weight: 200;
    text-align: left;
  }
}
.card-article-news-feed-item .col-md-6 {
  display: table;
  height: 100%;
}
@media (max-width: 991px) {
  .card-article-news-feed-item .col-md-6 {
    display: block;
    height: auto;
  }
}
.card-article-news-feed-item .col-md-4 {
  height: 100%;
}
.card-article-news-feed-item .right-side {
  height: 100%;
  padding: 0;
}
.card-article-news-feed-item .media {
  display: table;
  margin: 0;
  padding: 0;
  height: 100%;
}
@media (max-width: 991px) {
  .card-article-news-feed-item .media {
    padding: 0 0 20px 0;
    display: block;
    text-align: center;
    background: white;
  }
}
.card-article-news-feed-item .media .btn-outline {
  border: 1px solid #0d0d21;
  color: #0d0d21;
}
.card-article-news-feed-item .media .btn-outline:hover {
  border-color: transparent;
  color: white;
  background: #C6002B;
}
.card-article-news-feed-item .content {
  display: table-cell;
  vertical-align: middle;
  padding: 0;
  width: 100%;
}
@media (max-width: 991px) {
  .card-article-news-feed-item .content {
    display: block;
    margin: 0 0 25px 0;
  }
}
.card-article-news-feed-item .content h2 {
  margin-top: .75em;
  line-height: 1.2em;
  color: #0d0d21;
}
.card-article-news-feed-item .content h2 a {
  color: #0d0d21;
  font-weight: 600;
}
@media (max-width: 991px) {
  .card-article-news-feed-item .content h2 {
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
  }
}
.card-article-news-feed-item .content p {
  margin-bottom: 25px;
  font-size: 16px;
  font-weight: 200;
  color: #707070;
}
.card-article-news-feed-item .content p.small {
  margin: 0;
  font-size: 12px;
  font-weight: 100;
}
@media (max-width: 991px) {
  .card-article-news-feed-item .content p.small {
    display: block;
    font-size: 18px;
  }
}
/*
@styleguide
# Component - Card - Two Column
Card component specifically for two columns. Support for an image as well as button links.
<div id="cards-two-column-template" class="row featured"> <div class="col-xs-12 col-md-6"> <article class="card-two-column"> <div class="card-container"> <div class="col-xs-12 card-image" style="background: url('images/2016/iheartradio-about.jpg') no-repeat center right; background-size: cover;"> </div><div class="col-xs-12"> <h1>iHeartRadio</h1> <p>iHeartRadio, iHeartMedia’s industry leading digital music service offers a number of partnership opportunities from unique branded custom stations created by iHeartMedia’s world class programming to pre-roll videos that are integrated seamlessly into the user experience.</p></div><div class="col-xs-6"> <a class="btn-outline btn-pillar" href="http://www.iheart.com/">Listen Now</a> </div><div class="col-xs-6"> <a class="btn-outline btn-pillar" style="padding: 13px 37px;" href="http://news.iheart.com/features/get-the-iheartradio-app-240/">Download app</a> </div></div></section> </div><div class="col-xs-12 col-md-6"> <section class="card-two-column"> <div class="card-container"> <div class="col-xs-12 card-image" style="background: url('images/landing-page/about_box-2.jpg') no-repeat center right; background-size: cover;"> </div><div class="col-xs-12"> <h1>Live Radio Stations</h1> <p>We own and operate 858 broadcast radio stations, serving more than 150 markets throughout the U.S. Utilize our Station Search to connect with station contacts in your area and other markets.<br><br><br></p></div><div class="col-xs-12"> <a class="btn-outline btn-pillar" href="http://www.iheart.com/">Browse stations</a> </div></div></article> </div></div>
## HTML Markup <small>Handlebars Template</small>
    {{#each cardTwoColumn}}
    <!-- start card two column {{@index}}  -->
    <div class="col-xs-12 col-md-6">
        <article class="card-two-column">
            <!-- Content for card -full width -->
            <div class="card-container">
                <!-- Image for card -->
                <div class="col-xs-12 card-image" style="{{#if this.customMedia}}background: url('{{this.imageSrc}}') no-repeat {{this.mediaAlign}}; background-size: {{this.mediaScale}};{{else}}background: url('{{this.imageSrc}}') no-repeat center right; background-size: cover;{{/if}}">
                </div>
                <!-- Copy for card -->
                <div class="col-xs-12">
                    <h1>{{{this.headline}}}</h1>
                    <p>{{{this.description}}}</p>
                </div>
                <!-- Button for card -->
                {{#if this.noButton}}
                {{else}}
                    {{#if this.twoButton}}
                        <!--<div class="row">-->
                            <div class="col-xs-6">
                                <a class="btn-outline btn-pillar" href="{{this.buttonOneHref}}">{{this.buttonOneText}}</a>
                            </div>
                            <div class="col-xs-6">
                                <a class="btn-outline btn-pillar" style="padding: 13px 37px;" href="{{this.buttonTwoHref}}">{{this.buttonTwoText}}</a>
                            </div>
                        <!--</div>-->
                    {{else}}
                        <!--<div class="row">-->
                            <div class="col-xs-12">
                                <a class="btn-outline btn-pillar" href="{{this.buttonHref}}">{{this.buttonText}}</a>
                            </div>
                        <!--</div>-->
                    {{/if}}
                {{/if}}
            </div>
        </article>
    </div>
    <!-- end card two column {{@index}} -->
    {{/each}}
## JSON Data Schema
```
{
'cardTwoColumn' : [
    {
    'twoButton': true,
    'headline': 'iHeartRadio',
    'description': 'iHeartRadio, iHeartMedia’s industry leading digital music service offers a number of partnership opportunities from unique branded custom stations created by iHeartMedia’s world class programming to pre-roll videos that are integrated seamlessly into the user experience.',
    'imageSrc': 'images/2016/iheartradio-about.jpg',
    'buttonOneText': 'Listen Now',
    'buttonOneHref': 'http://www.iheart.com/',
    'buttonTwoText': 'Download app',
    'buttonTwoHref': 'http://news.iheart.com/features/get-the-iheartradio-app-240/'
    },
    {
    'twoButton': false,
    'headline': 'Live Radio Stations',
    'description': 'We own and operate 858 broadcast radio stations, serving more than 150 markets throughout the U.S. Utilize our Station Search to connect with station contacts in your area and other markets.<br><br><br>',
    'imageSrc': 'images/landing-page/about_box-2.jpg',
    'buttonText': 'Browse stations',
    'buttonHref': 'http://www.iheart.com/'
    }
]
}
```
*/
@media (max-width: 991px) {
  .card-two-column {
    display: block;
    height: 100%;
  }
}
.card-two-column .card-container {
  margin: 0 0 40px 0;
  /*
		padding		:	0;
		padding-left: 15px;
		padding-right: 15px;
*/
  text-align: center;
}
@media (max-width: 991px) {
  .card-two-column .card-container {
    display: block;
  }
}
.card-two-column .card-container .background {
  background-color: #ffffff;
  padding-bottom: 40px;
}
.card-two-column .card-container .card-image {
  height: 200px;
}
@media (max-width: 991px) {
  .card-two-column .card-container .card-image {
    height: 170px;
  }
}
.card-two-column .card-container h1 {
  margin: 0;
  padding: 40px 0;
  font-size: 28px;
  text-align: center;
  letter-spacing: normal;
}
.card-two-column .card-container h1 img {
  margin: 0 auto;
  max-width: 50%;
}
@media (max-width: 767px) {
  .card-two-column .card-container h1 img {
    max-width: 75%;
  }
}
@media (max-width: 991px) {
  .card-two-column .card-container h1 {
    padding: 30px 0;
    font-size: 2.5rem;
  }
}
.card-two-column .card-container p {
  margin: 0;
  padding: 0 40px 40px 40px;
  text-align: left;
  font-size: 16px;
  font-weight: 200;
  color: #0d0d21;
}
@media (max-width: 991px) {
  .card-two-column .card-container p {
    padding: 0;
    font-size: 1.6rem;
    text-align: center;
  }
}
@media (max-width: 991px) {
  .card-two-column .card-container .btn-outline {
    margin: 20px auto 0 auto;
    width: 38%;
  }
}
@media (max-width: 767px) {
  .card-two-column .card-container .btn-outline {
    margin: 20px auto 0 auto;
    width: 80%;
  }
}
.card-two-column .card-container .col-sm-6 .btn-outline {
  width: 80%;
}
/*
@styleguide
# Component - Card - Three Column
Card component specifically for three columns. Support for an image as well as button links.
<div id="celeb-cards-template" class="row"> <div class="col-xs-12 col-md-4"> <article class="card-three-column"> <div class="col-xs-12 card-container"> <div class="card-image" style="background: url('images/philanthropy/carrie.jpg') no-repeat center right; background-size: cover;"> </div><div class="col-xs-12"> <h1>Carrie Underwood</h1> <p>"Jenna Dolan is a graduate of the naval academy..."<audio controls="controls"><source src="//www.iheartmedia.com/Philanthropy/PublishingImages/CarrieUnderwood.mp3" type="audio/mpeg"></audio></p></div></div></section> </div><div class="col-xs-12 col-md-4"> <section class="card-three-column"> <div class="col-xs-12 card-container"> <div class="card-image" style="background: url('images/philanthropy/Michelle.jpg') no-repeat center right; background-size: cover;"> </div><div class="col-xs-12"> <h1>First Lady Michelle Obama</h1> <p>"We know that too often, our veterans and military spouses..."<audio controls="controls"><source src="//www.iheartmedia.com/Philanthropy/PublishingImages/MichelleObama.mp3" type="audio/mpeg"></audio></p></div></div></section> </div><div class="col-xs-12 col-md-4"> <section class="card-three-column"> <div class="col-xs-12 card-container"> <div class="card-image" style="background: url('images/philanthropy/seacrest.jpg') no-repeat center right; background-size: cover;"> </div><div class="col-xs-12"> <h1>Ryan<br>Seacrest</h1> <p>"Keith is a U.S. Marine who spent 20 years as a mechanic..."<audio controls="controls"><source src="//www.iheartmedia.com/Philanthropy/PublishingImages/Ryan%20Seacrest.mp3" type="audio/mpeg"></audio></p></div></div></article> </div></div>
## HTML Markup <small>Handlebars Template</small>
    {{#each cardThreeColumn}}
    <!-- start card three column {{@index}}  -->
    <div class="col-xs-12 col-md-4">
        <article class="card-three-column">
            <!-- Content for card -full width -->
            <div class="col-xs-12 card-container">
                <!-- Image for card -->
                <div class="card-image" style="{{#if this.customMedia}}background: url('{{this.imageSrc}}') no-repeat {{this.mediaAlign}}; background-size: {{this.mediaScale}};{{else}}background: url('{{this.imageSrc}}') no-repeat center right; background-size: cover;{{/if}}">
                </div>
                <!-- Copy for card -->
                <div class="col-xs-12">
                    <h1>{{{this.headline}}}</h1>
                    <p>{{{this.description}}}</p>
                </div>
                <!-- Button for card -->
                {{#if this.noButton}}
                {{else}}
                    {{#if this.twoButton}}
                        <div class="row">
                            <div class="col-xs-6">
                                <a class="btn-outline btn-pillar" href="{{this.buttonOneHref}}">{{this.buttonOneText}}</a>
                            </div>
                            <div class="col-xs-6">
                                <a class="btn-outline btn-pillar" style="padding: 13px 37px;" href="{{this.buttonTwoHref}}">{{this.buttonTwoText}}</a>
                            </div>
                        </div>
                    {{else}}
                        <div class="row">
                            <div class="col-xs-12">
                                <a class="btn-outline btn-pillar" href="{{this.buttonHref}}">{{this.buttonText}}</a>
                            </div>
                        </div>
                    {{/if}}
                {{/if}}
            </div>
        </article>
    </div>
    <!-- end card three column {{@index}} -->
    {{/each}}
## JSON Data Schema
```
{
'cardThreeColumn' : [
    {
    'noButton': true,
    'headline': 'Carrie Underwood',
    'description': '"Jenna Dolan is a graduate of the naval academy..."<audio controls="controls"><source src="//www.iheartmedia.com/Philanthropy/PublishingImages/CarrieUnderwood.mp3" type="audio/mpeg"></audio>',
    'imageSrc': 'images/philanthropy/carrie.jpg'
    },
    {
    'noButton': true,
    'headline': 'First Lady Michelle Obama',
    'description': '"We know that too often, our veterans and military spouses..."<audio controls="controls"><source src="//www.iheartmedia.com/Philanthropy/PublishingImages/MichelleObama.mp3" type="audio/mpeg"></audio>',
    'imageSrc': 'images/philanthropy/Michelle.jpg'
    },
    {
    'noButton': true,
    'headline': 'Ryan<br>Seacrest',
    'description': '"Keith is a U.S. Marine who spent 20 years as a mechanic..."<audio controls="controls"><source src="//www.iheartmedia.com/Philanthropy/PublishingImages/Ryan%20Seacrest.mp3" type="audio/mpeg"></audio>',
    'imageSrc': 'images/philanthropy/seacrest.jpg'
    }
]
}
```
*/
@media (max-width: 991px) {
  .card-three-column {
    display: block;
    height: 100%;
    margin: 0 0 20px 0;
  }
}
.card-three-column .card-container {
  padding: 0 0 40px 0;
  text-align: center;
  background-color: #ffffff;
}
@media (max-width: 991px) {
  .card-three-column .card-container {
    display: block;
    margin: 0 0 20px 0;
  }
}
.card-three-column .card-container .card-image {
  height: 140px;
}
.card-three-column .card-container h1 {
  margin: 0;
  padding: 40px 0;
  font-size: 20px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .card-three-column .card-container h1 {
    font-size: 2rem;
  }
}
.card-three-column .card-container p {
  margin: 0;
  padding: 0 40px 40px 40px;
  text-align: left;
  font-size: 16px;
  font-weight: 200;
  color: #0d0d21;
}
@media (max-width: 991px) {
  .card-three-column .card-container p {
    margin: 0 0 20px 0;
    padding: 0 15px;
    font-size: 1.4rem;
    text-align: center;
  }
}
.card-three-column .card-container audio {
  margin-top: 40px;
  max-width: 100%;
}
/*
@styleguide
# Component - Card - Small - Modal - List
Small card component that includes an option for modal support. The modal displays a list of included items. Currently, this component is specifically for displaying a list of documents and provides PDF and ZIP icons to help the user quickly determine file type before viewing a document.
<div id="ihc_cards-small-template" class="row" style="margin-top: 50px;"> <div class="col-xs-12 col-md-6"> <article class="card-list-modal-card-small"> <div class="col-xs-12 card-container"> <div class="col-xs-12"> <h1>SEC Filings<br><small>(external links)</small></h1> <p><a href="http://www.sec.gov/cgi-bin/browse-edgar?action=getcompany&amp;CIK=0000739708&amp;type=10-Q&amp;dateb=&amp;owner=exclude&amp;count=40">10-Q Filings (Quarterly Reports)</a></p><p><a href="http://www.sec.gov/cgi-bin/browse-edgar?action=getcompany&amp;CIK=0000739708&amp;type=10-k&amp;dateb=&amp;owner=exclude&amp;count=40">10-K Filings (Annual Reports)</a></p><p><a href="http://www.sec.gov/cgi-bin/browse-edgar?action=getcompany&amp;CIK=0000739708&amp;type=8-k&amp;dateb=&amp;owner=exclude&amp;count=40">Form 8-K Filings (Current Reports)</a></p><p><a href="http://www.sec.gov/cgi-bin/browse-edgar?action=getcompany&amp;CIK=0000739708&amp;type=&amp;dateb=&amp;owner=only&amp;count=40">article 16 Filings (Forms 3, 4 &amp; 5)</a></p><p><a href="http://www.sec.gov/cgi-bin/browse-edgar?company=clear+channel+communications&amp;match=contains&amp;action=getcompany">All SEC Filings</a></p></div></div></article> </div><div class="col-xs-12 col-md-6"> <article class="card-list-modal-card-small"> <div class="col-xs-12 card-container"> <div class="col-xs-12"> <h1>SEC Filling<br><small>(All PDF Versions and XBRL Documents)</small></h1> <p><a href="#" data-toggle="modal" data-target="#card-list-modal-card-small-0">Form 8-K Filings (Current Reports)</a></p><p><a href="#" data-toggle="modal" data-target="#card-list-modal-card-small-1">10-Q Filings (Quarterly Reports)</a></p><p><a href="#" data-toggle="modal" data-target="#card-list-modal-card-small-2">Certain Other SEC Filings</a></p><p><a href="#" data-toggle="modal" data-target="#card-list-modal-card-small-3">10-K Filings (Annual Reports)</a></p><p><a href="#" data-toggle="modal" data-target="#card-list-modal-card-small-4">Section 16 Filings (Forms 3, 4 &amp; 5)</a></p><p><a href="#" data-toggle="modal" data-target="#card-list-modal-card-small-5">Clear Channel Communications Quarterly Earnings Reports Archive</a></p></div></div></article> </div><div class="modal fade" id="card-list-modal-card-small-0" tabindex="-1" role="dialog" aria-labelledby="card-list-modal-card-small-0-modal_label"> <div class="modal-dialog card-list-modal-card-small-modal" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><i class="fa fa-times"></i></span></button> <h4 class="modal-title" id="card-list-modal-card-small-0-modal_label">SEC Filling<br><small>(All PDF Versions and XBRL Documents)</small></h4> <h4 class="modal-title-sub">Form 8-K Filings (Current Reports)</h4> </div><div class="modal-body"> <div class="row"> <div class="col-md-4"> <article class="card-three-column"> <div class="col-xs-12 card-container"> <div class="card-media"> <img src="images/investors/icon_pdf.png" class="img-responsive"> </div><div class="col-xs-12"> <h1>iHComm-Form 8-K (1-7-2016)-10662374.pdf</h1> </div><div class="col-xs-12"> <a class="btn-outline" href="//www.iheartmedia.com/Investors/Investors/iHComm-Form%208-K%20(1-7-2016)-10662374.pdf">View Document</a> </div></div></article> </div><div class="col-md-4"> <article class="card-three-column"> <div class="col-xs-12 card-container"> <div class="card-media"> <img src="images/investors/icon_pdf.png" class="img-responsive"> </div><div class="col-xs-12"> <h1>iHComm-Form 8-K (12-16-2015)-10629548.pdf</h1> </div><div class="col-xs-12"> <a class="btn-outline" href="//www.iheartmedia.com/Investors/Investors/iHComm-Form%208-K%20(12-16-2015)-10629548.pdf">View Document</a> </div></div></article> </div><div class="col-md-4"> <article class="card-three-column"> <div class="col-xs-12 card-container"> <div class="card-media"> <img src="images/investors/icon_pdf.png" class="img-responsive"> </div><div class="col-xs-12"> <h1>iHComm-Form 8-K (11-5-2015)-10559649.pdf</h1> </div><div class="col-xs-12"> <a class="btn-outline" href="//www.iheartmedia.com/Investors/Investors/iHComm-Form%208-K%20(11-5-2015)-10559649.pdf">View Document</a> </div></div></article> </div></div></div></div></div></div><div class="modal fade" id="card-list-modal-card-small-1" tabindex="-1" role="dialog" aria-labelledby="card-list-modal-card-small-1-modal_label"> <div class="modal-dialog card-list-modal-card-small-modal" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><i class="fa fa-times"></i></span></button> <h4 class="modal-title" id="card-list-modal-card-small-1-modal_label">SEC Filling<br><small>(All PDF Versions and XBRL Documents)</small></h4> <h4 class="modal-title-sub">10-Q Filings (Quarterly Reports)</h4> </div><div class="modal-body"> <div class="row"> <div class="col-md-4"> <article class="card-three-column"> <div class="col-xs-12 card-container"> <div class="card-media"> <img src="images/investors/icon_zip.png" class="img-responsive"> </div><div class="col-xs-12"> <h1>iHComm-10Q-3Q-2015-XBRL.zip</h1> </div><div class="col-xs-12"> <a class="btn-outline" href="//www.iheartmedia.com/Investors/Investors/iHComm-10Q-3Q-2015-XBRL.zip">View Document</a> </div></div></article> </div><div class="col-md-4"> <article class="card-three-column"> <div class="col-xs-12 card-container"> <div class="card-media"> <img src="images/investors/icon_pdf.png" class="img-responsive"> </div><div class="col-xs-12"> <h1>iHComm-Form 10-Q (11-5-2015)-10559719.pdf</h1> </div><div class="col-xs-12"> <a class="btn-outline" href="//www.iheartmedia.com/Investors/Investors/iHComm-Form%2010-Q%20(11-5-2015)-10559719.pdf">View Document</a> </div></div></article> </div><div class="col-md-4"> <article class="card-three-column"> <div class="col-xs-12 card-container"> <div class="card-media"> <img src="images/investors/icon_pdf.png" class="img-responsive"> </div><div class="col-xs-12"> <h1>iHComm-10Q-2Q-2015.pdf</h1> </div><div class="col-xs-12"> <a class="btn-outline" href="//www.iheartmedia.com/Investors/Investors/iHComm-10Q-2Q-2015.pdf">View Document</a> </div></div></article> </div></div></div></div></div></div><div class="modal fade" id="card-list-modal-card-small-2" tabindex="-1" role="dialog" aria-labelledby="card-list-modal-card-small-2-modal_label" style="display: none;"> <div class="modal-dialog card-list-modal-card-small-modal" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><i class="fa fa-times"></i></span></button> <h4 class="modal-title" id="card-list-modal-card-small-2-modal_label">SEC Filling<br><small>(All PDF Versions and XBRL Documents)</small></h4> <h4 class="modal-title-sub">Certain Other SEC Filings</h4> </div><div class="modal-body"> <div class="row"> <div class="col-md-4"> <article class="card-three-column"> <div class="col-xs-12 card-container"> <div class="card-media"> <img src="images/investors/icon_pdf.png" class="img-responsive"> </div><div class="col-xs-12"> <h1>Form S-4 04-13-15.pdf</h1> </div><div class="col-xs-12"> <a class="btn-outline" href="//www.iheartmedia.com/Investors/Investors/Form%20S-4%2004-13-15.pdf">View Document</a> </div></div></article> </div><div class="col-md-4"> <article class="card-three-column"> <div class="col-xs-12 card-container"> <div class="card-media"> <img src="images/investors/icon_pdf.png" class="img-responsive"> </div><div class="col-xs-12"> <h1>Form 424b Prospectus 12.19.14.pdf</h1> </div><div class="col-xs-12"> <a class="btn-outline" href="//www.iheartmedia.com/Investors/Investors/Form%20424b%20Prospectus%2012.19.14.pdf">View Document</a> </div></div></article> </div><div class="col-md-4"> <article class="card-three-column"> <div class="col-xs-12 card-container"> <div class="card-media"> <img src="images/investors/icon_pdf.png" class="img-responsive"> </div><div class="col-xs-12"> <h1>Correspondence 12.17.14-(1).pdf</h1> </div><div class="col-xs-12"> <a class="btn-outline" href="//www.iheartmedia.com/Investors/Investors/Correspondence%2012.17.14-(1).pdf">View Document</a> </div></div></article> </div></div></div></div></div></div><div class="modal fade" id="card-list-modal-card-small-3" tabindex="-1" role="dialog" aria-labelledby="card-list-modal-card-small-3-modal_label"> <div class="modal-dialog card-list-modal-card-small-modal" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><i class="fa fa-times"></i></span></button> <h4 class="modal-title" id="card-list-modal-card-small-3-modal_label">SEC Filling<br><small>(All PDF Versions and XBRL Documents)</small></h4> <h4 class="modal-title-sub">10-K Filings (Annual Reports)</h4> </div><div class="modal-body"> <div class="row"> <div class="col-md-4"> <article class="card-three-column"> <div class="col-xs-12 card-container"> <div class="card-media"> <img src="images/investors/icon_zip.png" class="img-responsive"> </div><div class="col-xs-12"> <h1>iHeartCommunications 10K 2014 XBRL.zip</h1> </div><div class="col-xs-12"> <a class="btn-outline" href="//www.iheartmedia.com/Investors/Investors/iHeartCommunications%2010K%202014%20XBRL.zip">View Document</a> </div></div></article> </div><div class="col-md-4"> <article class="card-three-column"> <div class="col-xs-12 card-container"> <div class="card-media"> <img src="images/investors/icon_pdf.png" class="img-responsive"> </div><div class="col-xs-12"> <h1>Form 424b Prospectus 12.19.14.pdf</h1> </div><div class="col-xs-12"> <a class="btn-outline" href="//www.iheartmedia.com/Investors/Investors/Form%20424b%20Prospectus%2012.19.14.pdf">View Document</a> </div></div></article> </div><div class="col-md-4"> <article class="card-three-column"> <div class="col-xs-12 card-container"> <div class="card-media"> <img src="images/investors/icon_pdf.png" class="img-responsive"> </div><div class="col-xs-12"> <h1>Correspondence 12.17.14-(1).pdf</h1> </div><div class="col-xs-12"> <a class="btn-outline" href="//www.iheartmedia.com/Investors/Investors/Correspondence%2012.17.14-(1).pdf">View Document</a> </div></div></article> </div></div></div></div></div></div><div class="modal fade" id="card-list-modal-card-small-4" tabindex="-1" role="dialog" aria-labelledby="card-list-modal-card-small-4-modal_label"> <div class="modal-dialog card-list-modal-card-small-modal" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><i class="fa fa-times"></i></span></button> <h4 class="modal-title" id="card-list-modal-card-small-4-modal_label">SEC Filling<br><small>(All PDF Versions and XBRL Documents)</small></h4> <h4 class="modal-title-sub">article 16 Filings (Forms 3, 4 &amp; 5)</h4> </div><div class="modal-body"> <div class="row"> <div class="col-md-4"> <article class="card-three-column"> <div class="col-xs-12 card-container"> <div class="card-media"> <img src="images/investors/icon_pdf.png" class="img-responsive"> </div><div class="col-xs-12"> <h1>CCU-FORM-3-01-12-2010.pdf</h1> </div><div class="col-xs-12"> <a class="btn-outline" href="//www.iheartmedia.com/Investors/Investors/CCU-FORM-3-01-12-2010.pdf">View Document</a> </div></div></article> </div><div class="col-md-4"> <article class="card-three-column"> <div class="col-xs-12 card-container"> <div class="card-media"> <img src="images/investors/icon_pdf.png" class="img-responsive"> </div><div class="col-xs-12"> <h1>CCU-FORM-3-01-14-2010.pdf</h1> </div><div class="col-xs-12"> <a class="btn-outline" href="//www.iheartmedia.com/Investors/Investors/CCU-FORM-3-01-14-2010.pdf">View Document</a> </div></div></article> </div><div class="col-md-4"> <article class="card-three-column"> <div class="col-xs-12 card-container"> <div class="card-media"> <img src="images/investors/icon_pdf.png" class="img-responsive"> </div><div class="col-xs-12"> <h1>CCU-FORM-3-05-06-2010.pdf</h1> </div><div class="col-xs-12"> <a class="btn-outline" href="//www.iheartmedia.com/Investors/Investors/CCU-FORM-3-05-06-2010.pdf">View Document</a> </div></div></article> </div><div class="col-md-4"> <article class="card-three-column"> <div class="col-xs-12 card-container"> <div class="card-media"> <img src="images/investors/icon_pdf.png" class="img-responsive"> </div><div class="col-xs-12"> <h1>CCU-FORM-S4-06-24-2011.pdf</h1> </div><div class="col-xs-12"> <a class="btn-outline" href="//www.iheartmedia.com/Investors/Investors/CCU-FORM-S4-06-24-2011.pdf">View Document</a> </div></div></article> </div></div></div></div></div></div><div class="modal fade" id="card-list-modal-card-small-5" tabindex="-1" role="dialog" aria-labelledby="card-list-modal-card-small-5-modal_label"> <div class="modal-dialog card-list-modal-card-small-modal" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><i class="fa fa-times"></i></span></button> <h4 class="modal-title" id="card-list-modal-card-small-5-modal_label">SEC Filling<br><small>(All PDF Versions and XBRL Documents)</small></h4> <h4 class="modal-title-sub">Clear Channel Communications Quarterly Earnings Reports Archive</h4> </div><div class="modal-body"> <div class="row"> <div class="col-md-4"> <article class="card-three-column"> <div class="col-xs-12 card-container"> <div class="card-media"> <img src="images/investors/icon_pdf.png" class="img-responsive"> </div><div class="col-xs-12"> <h1>CCU-EARNINGS-4Q-2007.pdf</h1> </div><div class="col-xs-12"> <a class="btn-outline" href="//www.iheartmedia.com/Investors/Investors/CCU-EARNINGS-4Q-2007.pdf">View Document</a> </div></div></article> </div><div class="col-md-4"> <article class="card-three-column"> <div class="col-xs-12 card-container"> <div class="card-media"> <img src="images/investors/icon_pdf.png" class="img-responsive"> </div><div class="col-xs-12"> <h1>CCU-EARNINGS-4Q-2001.pdf</h1> </div><div class="col-xs-12"> <a class="btn-outline" href="//www.iheartmedia.com/Investors/Investors/CCU-EARNINGS-4Q-2001.pdf">View Document</a> </div></div></article> </div><div class="col-md-4"> <article class="card-three-column"> <div class="col-xs-12 card-container"> <div class="card-media"> <img src="images/investors/icon_pdf.png" class="img-responsive"> </div><div class="col-xs-12"> <h1>CCU-EARNINGS-4Q-2003.pdf</h1> </div><div class="col-xs-12"> <a class="btn-outline" href="//www.iheartmedia.com/Investors/Investors/CCU-EARNINGS-4Q-2003.pdf">View Document</a> </div></div></article> </div></div></div></div></div></div></div>
## HTML Markup <small>Handlebars Template</small>
    {{#each cardListModalCardSmall}}
        <!-- start card two column {{@index}}  -->
        <div class="col-xs-12 col-md-6">
            <article class="card-list-modal-card-small">
                <!-- Content for card - small -->
                <div class="col-xs-12 card-container">
                    <!-- Copy for card -->
                    <div class="col-xs-12">
                        <h1>{{{this.headline}}}</h1>
                        {{#if this.modal}}
                            {{#each this.links}}
                                <p><a href="#" data-toggle="modal" data-target="#card-list-modal-card-small-{{@key}}">{{{this.title}}}</a></p>
                            {{/each}}
                        {{else}}
                            {{#each this.links}}
                                <p><a href="{{this.url}}">{{{this.title}}}</a></p>
                            {{/each}}
                        {{/if}}
                    </div>
                </div>
            </article>
        </div>
        <!-- end card two column {{@index}} -->
        {{#if this.modal}}
            {{#each this.links}}
                 <!-- start card modal {{@key}} -->
                <div class="modal fade" id="card-list-modal-card-small-{{@key}}" tabindex="-1" role="dialog" aria-labelledby="card-list-modal-card-small-{{@key}}-modal_label">
                    <div class="modal-dialog card-list-modal-card-small-modal" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><i class="fa fa-times"></i></span></button>
                                <h4 class="modal-title" id="card-list-modal-card-small-{{@key}}-modal_label">{{{../headline}}}</h4>
                                <h4 class="modal-title-sub">{{this.title}}</h4>
                            </div>
                            <div class="modal-body">
                                <div class="row">
                                    {{#each this.modalContents}}
                                        <div class="col-md-4">
                                            <article class="card-three-column">
                                                <!-- Content for card -full width -->
                                                <div class="col-xs-12 card-container">
                                                    <!-- Image for card -->
                                                    <div class="card-media">
                                                        {{#if this.pdf}}
                                                            <img src="images/investors/icon_pdf.png" class="img-responsive">
                                                        {{else if this.zip}}
                                                            <img src="images/investors/icon_zip.png" class="img-responsive">
                                                        {{/if}}
                                                    </div>
                                                    <!-- Copy for card -->
                                                    <div class="col-xs-12">
                                                        <h1>{{this.title}}</h1>
                                                    </div>
                                                    <div class="col-xs-12">
                                                        <a class="btn-outline" href="{{this.link}}">View Document</a>
                                                    </div>
                                                </div>
                                            </article>
                                        </div>
                                    {{/each}}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- end card modal {{@key}} -->
            {{/each}}
        {{/if}}
    {{/each}}
## JSON Data Schema
```
{
    'cardListModalCardSmall' : [
    {
        'modal': false,
        'headline': 'SEC Filings<br><small>(external links)</small>',
        'links': [
            {
            'title' : '10-Q Filings (Quarterly Reports)',
            'url' : 'http://www.sec.gov/cgi-bin/browse-edgar?action=getcompany&CIK=0000739708&type=10-Q&dateb=&owner=exclude&count=40'
            },
            {
            'title' : '10-K Filings (Annual Reports)',
            'url' : 'http://www.sec.gov/cgi-bin/browse-edgar?action=getcompany&CIK=0000739708&type=10-k&dateb=&owner=exclude&count=40'
            },
            {
            'title' : 'Form 8-K Filings (Current Reports)',
            'url' : 'http://www.sec.gov/cgi-bin/browse-edgar?action=getcompany&CIK=0000739708&type=8-k&dateb=&owner=exclude&count=40'
            },
            {
            'title' : 'Section 16 Filings (Forms 3, 4 & 5)',
            'url' : 'http://www.sec.gov/cgi-bin/browse-edgar?action=getcompany&CIK=0000739708&type=&dateb=&owner=only&count=40'
            },
            {
            'title' : 'All SEC Filings',
            'url' : 'http://www.sec.gov/cgi-bin/browse-edgar?company=clear+channel+communications&match=contains&action=getcompany'
            }
        ]
    },
    {
        'modal': true,
        'headline': 'SEC Filling<br><small>(All PDF Versions and XBRL Documents)</small>',
        'links': [
            {
            'title' : '10-Q Filings (Quarterly Reports)',
            'modalContents' : [
                {
                    'zip' : 'true',
                    'title': 'iHComm-10Q-3Q-2015-XBRL.zip',
                    'link' : '//www.iheartmedia.com/Investors/Investors/iHComm-10Q-3Q-2015-XBRL.zip'
                },
                {
                    'pdf' : 'true',
                    'title': 'iHComm-Form 10-Q (11-5-2015)-10559719.pdf',
                    'link' : '//www.iheartmedia.com/Investors/Investors/iHComm-Form%2010-Q%20(11-5-2015)-10559719.pdf'
                },
                {
                    'pdf' : 'true',
                    'title': 'iHComm-10Q-2Q-2015.pdf',
                    'link' : '//www.iheartmedia.com/Investors/Investors/iHComm-10Q-2Q-2015.pdf'
                }
                ]
            }
        ]
    }
    ]
}
```
*/
@media (max-width: 991px) {
  .card-list-modal-card-small {
    display: block;
    height: 100%;
  }
}
.card-list-modal-card-small .card-container {
  background: white;
}
.card-list-modal-card-small .card-container h1 {
  margin: 40px 0;
  font-size: 28px;
  text-align: center;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: #0d0d21;
}
@media (max-width: 991px) {
  .card-list-modal-card-small .card-container h1 {
    margin: 15px 0;
    font-size: 1.6rem;
  }
}
.card-list-modal-card-small .card-container p {
  padding: 0 45px;
  text-align: left;
  margin-bottom: 25px;
  font-size: 16px;
  font-weight: 200;
  color: #0d0d21;
}
@media (max-width: 991px) {
  .card-list-modal-card-small .card-container p {
    padding: 0;
    font-size: 1.4rem;
    text-align: center;
  }
}
@media (max-width: 991px) {
  .card-list-modal-card-small .card-container {
    display: block;
  }
}
.modal .modal-dialog.card-list-modal-card-small-modal .modal-content .modal-body {
  padding: 15px;
  background: #f9f9f9;
}
.modal .modal-dialog.card-list-modal-card-small-modal .modal-content .modal-body .card-three-column:hover {
  cursor: pointer;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.modal .modal-dialog.card-list-modal-card-small-modal .modal-content .modal-body .card-three-column .card-container h1 {
  padding: 40px 0;
  font-size: 14px;
  text-align: center;
  letter-spacing: 1px;
  text-transform: inherit;
  word-break: break-all;
  color: #0d0d21;
}
@media (max-width: 991px) {
  .modal .modal-dialog.card-list-modal-card-small-modal .modal-content .modal-body .card-three-column .card-container h1 {
    font-size: 1.4rem;
    padding: 20px 0;
  }
}
.modal .modal-dialog.card-list-modal-card-small-modal .modal-content .modal-body .card-three-column .card-container p {
  padding: 25px 45px;
  text-align: left;
  margin-bottom: 25px;
  font-size: 16px;
  font-weight: 200;
  color: #0d0d21;
}
@media (max-width: 991px) {
  .modal .modal-dialog.card-list-modal-card-small-modal .modal-content .modal-body .card-three-column .card-container p {
    padding: 0 30px;
  }
}
.modal .modal-dialog.card-list-modal-card-small-modal .modal-content .modal-body .card-three-column .card-container .btn-outline {
  border: 1px solid #0d0d21;
  color: #0d0d21;
}
@media (max-width: 991px) {
  .modal .modal-dialog.card-list-modal-card-small-modal .modal-content .modal-body .card-three-column .card-container .btn-outline {
    opacity: 1;
  }
}
.modal .modal-dialog.card-list-modal-card-small-modal .modal-content .modal-body .card-three-column .card-container .btn-outline:hover {
  color: white;
  background: #0d0d21;
  opacity: 1;
}
.modal .modal-dialog.card-list-modal-card-small-modal .modal-content .modal-body .card-three-column .card-container .card-media {
  height: 90px;
  background: #333;
  overflow: hidden;
}
.modal .modal-dialog.card-list-modal-card-small-modal .modal-content .modal-body .card-three-column .card-container .card-media img {
  margin: 0 auto;
  padding: 12px 0;
  max-height: 90px;
}
/*
@styleguide
# Component - Card - Borderless - Modal
Card component that contains a single borderless image and may have HTML text overlay. The example below uses the "split-view" modal, but can be used with other modal versions.
<div class="row"><div id="card-borderless-modal-1" class="col-xs-6 col-sm-4 card-borderless-modal-container"> <article class="card-borderless-modal" style="background: url('images/advertisers/millenials.jpg') no-repeat center center/cover;" data-toggle="modal" data-target="#modal-split-1"> <div class="card-container"> <div class="row"> <div class="col-xs-12"> <h1>millennials</h1> </div></div></div></article></div><div class="modal fade modal-split" id="modal-split-1" tabindex="-1" role="dialog" aria-labelledby="modal-split-1_label"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><i class="fa fa-times"></i></span></button> <h4 class="modal-title" id="modal-split-1_label">Millennials</h4> <h4 class="modal-title-sub">Targeting</h4> </div><div class="modal-body"> <div class="col-md-6 media" style="background: url('images/advertisers/millenials-large.jpg') no-repeat center center/cover;"> <h1 class="white-text text-center vertical-align">Millennials</h1> </div><div class="col-md-6 content"> <div class="row mini-card"> <div class="col-md-8"> <h1>Our Targeting Data</h1> <p>Mauris porttitor tortor at sem pretium, vitae tristique ligula semper. Duis tempus diam et augue interdum lobortis. Nunc dictum aliquet tellus, sed lobortis arcu finibus eu. Fusce vel placerat tellus.</p></div><div class="col-md-4"> <img src="images/advertisers/case-study-chart.png" class="img-responsive"> </div></div><div class="row mini-card"> <div class="col-md-8"> <h1>Massive Reach</h1> <p>Pellentesque id nisi pretium, mollis quam ultrices, vulputate felis. Donec ex ligula, consequat sit amet sagittis ut, eleifend fringilla sapien. Aliquam ornare vitae nisi sed convallis.</p></div><div class="col-md-4"> <img src="images/advertisers/case-study-chart-2.png" class="img-responsive"> </div></div><div class="row mini-card"> <div class="col-md-8"> <h1>Unmatched ROI</h1> <p>Mauris porttitor tortor at sem pretium, vitae tristique ligula semper. Duis tempus diam et augue interdum lobortis. Nunc dictum aliquet tellus, sed lobortis arcu finibus eu. Fusce vel placerat tellus.</p></div><div class="col-md-4"> <img src="images/advertisers/case-study-chart-3.png" class="img-responsive"> </div></div><div class="row mini-card"> <div class="col-md-8"> <h1>ALL cross-sections of consumers</h1> <p>Pellentesque id nisi pretium, mollis quam ultrices, vulputate felis. Donec ex ligula, consequat sit amet sagittis ut, eleifend fringilla sapien. Aliquam ornare vitae nisi sed convallis.</p></div><div class="col-md-4"> <img src="images/advertisers/case-study-chart-4.png" class="img-responsive"> </div></div><div class="row mini-card"> <div class="col-md-8"> <h1>ALL cross-sections of consumers</h1> <p>Pellentesque id nisi pretium, mollis quam ultrices, vulputate felis. Donec ex ligula, consequat sit amet sagittis ut, eleifend fringilla sapien. Aliquam ornare vitae nisi sed convallis.</p></div><div class="col-md-4"> <img src="images/advertisers/case-study-chart-4.png" class="img-responsive"> </div></div></div></div></div></div></div></div>
## HTML Markup <small>Handlebars Template</small>
    {{#each cardBorderlessModal}}
        <!-- start {{this.title}} -->
        <div id="card-borderless-modal-{{@index}}" class="col-xs-6 col-sm-4 card-borderless-modal-container">
            <!-- Start component - card - borderless - modal {{@index}} -->
            <article class="card-borderless-modal" style="background: url('{{this.image}}') no-repeat center center/cover;" data-toggle="modal" data-target="#modal-split-{{@index}}">
                <!-- Content for card -->
                <div class="card-container">
                    <!-- Copy for card -->
                    <div class="row">
                        <div class="col-xs-12">
                            <h1>{{{this.title}}}</h1>
                        </div>
                    </div>
                </div>
            </article>
            <!-- End component - card - borderless - modal {{@index}} -->
        </div>
        <!-- end {{this.title}} -->
    {{/each}}
## JSON Data Schema
```
{  
  "cardBorderlessModal":[  
     {  
        "title": "hispanics",
        "image": "images/advertisers/hispanics.jpg"
     },
     {  
        "title": "millennials",
        "image": "images/advertisers/millenials.jpg"
     },
     {  
        "title": "moms",
        "image": "images/advertisers/moms.jpg"
     }
  ]
}
```
*/
.card-borderless-modal-container {
  margin-bottom: 25px;
}
.card-borderless-modal-container .card-borderless-modal {
  display: table;
  width: 100%;
  height: 310px;
  padding: 0;
  overflow: hidden;
}
.card-borderless-modal-container .card-borderless-modal:hover {
  cursor: pointer;
}
@media (max-width: 991px) {
  .card-borderless-modal-container .card-borderless-modal {
    height: 210px;
    background-size: contain !important;
  }
}
.card-borderless-modal-container .card-borderless-modal .card-container {
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 20px;
  text-align: center;
}
.card-borderless-modal-container .card-borderless-modal .card-container h1 {
  margin: 0;
  font-size: 28px;
  text-align: center;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: white;
}
.slider-image-content {
  text-align: center;
}
.slider-image-content .swiper-image-content {
  padding: 0;
  margin: 0;
  display: inline-block;
  width: 90%;
  max-width: 780px;
  float: none;
}
@media (max-width: 767px) {
  .slider-image-content .swiper-image-content {
    width: 78%;
    max-width: 80%;
  }
}
.slider-image-content .slide-container {
  padding: 0;
  margin: 0;
}
.slider-image-content .slide-container .slide-media {
  padding: 0;
  margin: 0;
  text-align: center;
}
.slider-image-content .slide-container .slide-media .aspect-ratio-container {
  width: 100%;
  padding-bottom: 50.6%;
  /*670/433 */
  position: relative;
  background: black;
}
.slider-image-content .slide-container .slide-media .aspect-ratio-container .aspect-ratio-content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-position: top center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
  display: inline-block;
  margin: auto;
}
.slider-image-content .slide-container .slide-content {
  display: block;
  margin: 0;
  padding: 0 15px;
  border: none;
  text-align: left;
  background: white;
  /*text-align: left;
            margin: 0;
            padding: 0;
              background: white;
              border-right: thin solid #ececec;
              border-top: thin solid #ececec;
              border-bottom: thin solid #ececec;*/
}
@media (max-width: 991px) {
  .slider-image-content .slide-container .slide-content {
    display: block;
    border: none;
  }
}
.slider-image-content .slide-container .slide-content .slide-copy {
  display: block;
  padding: 20px 15px 30px 15px;
}
.slider-image-content .slide-container .slide-content .slide-copy h2 {
  padding: 0;
  margin: 0;
  font-family: 'futura-pt', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: normal;
  color: #0d0d21;
}
@media (max-width: 991px) {
  .slider-image-content .slide-container .slide-content .slide-copy h2 {
    margin-bottom: 25px;
    font-size: 24px;
    text-align: center;
    line-height: normal;
  }
}
.slider-image-content .slide-container .slide-content .slide-copy p {
  margin: 15px 0 20px 0;
  font-size: 16px;
  font-weight: 200;
  color: #707070;
}
@media (max-width: 991px) {
  .slider-image-content .slide-container .slide-content .slide-copy p {
    display: none;
  }
}
.slider-image-content .slide-container .slide-content .slide-copy .btn-outline:hover {
  color: white;
  background: #0d0d21;
}
.slider-image-content .swiper-button-next {
  left: 100%;
  right: auto;
  margin-left: 35px;
}
@media (max-width: 991px) {
  .slider-image-content .swiper-button-next {
    margin-left: 5px;
  }
}
.slider-image-content .swiper-button-prev {
  left: auto;
  right: 100%;
  margin-right: 35px;
}
@media (max-width: 991px) {
  .slider-image-content .swiper-button-prev {
    margin-right: 5px;
  }
}
.slider-image-content .swiper-button-prev,
.slider-image-content .swiper-button-next {
  top: 43%;
  margin-top: 0;
  /*
    @media (max-width: @screen-sm-max) {
      width: 10px;
      height: 20px;
      -moz-background-size: 10px 20px;
      -webkit-background-size: 10px 20px;
      background-size: 10px 20px;
    }
*/
}
@media (max-width: 767px) {
  .slider-image-content .swiper-button-prev,
  .slider-image-content .swiper-button-next {
    transform: scale(0.6);
  }
}
.slider-image-content .swiper-pagination {
  position: relative;
  padding: 20px 0;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}
@media (max-width: 991px) {
  .slider-image-content .swiper-pagination {
    margin-top: 10px;
    padding: 0;
  }
}
.slider-image-content .swiper-pagination .swiper-pagination-bullet {
  margin-left: 8px;
}
.slider-image-content .swiper-pagination .swiper-pagination-bullet:first-child {
  margin-left: 0;
}
.slider-image-content .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #C6002B;
}
@media (max-width: 767px) {
  #swiper-lp .swiper-slide {
    width: 100%;
  }
}
.pillar-solid-oneline {
  position: relative;
  padding: 50px 0;
  z-index: 1;
}
@media (max-width: 991px) {
  .pillar-solid-oneline {
    padding: 0;
  }
}
.pillar-solid-oneline .row {
  padding: 30px 0;
}
.pillar-solid-oneline .row h1 {
  margin: 0;
  font-size: 50px;
  font-weight: 100;
  text-align: center;
  font-weight: bold;
  color: #0d0d22;
}
@media (max-width: 991px) {
  .pillar-solid-oneline .row h1 {
    font-size: 3rem;
  }
}
.pillar-solid-oneline .row a.btn-outline {
  border: 1px solid #0d0d21;
  color: #0d0d21;
}
.pillar-solid-oneline .row a.btn-outline:hover {
  color: white;
  background: #0d0d21;
}
section.pillar-bg-image {
  height: 500px;
  background-size: cover;
}
section.pillar-bg-image .row {
  padding: 60px 0;
}
section.pillar-bg-image.traffic-text h1 {
  font-size: 40px;
  font-weight: 700;
  color: #55db97;
}
section.pillar-bg-image.traffic-text p {
  font-size: 24px;
  font-weight: 100;
  line-height: 36px;
  color: #ffffff;
}
section.pillar-bg-image.traffic-text a {
  border-color: #55db97;
  color: #55db97;
}
section.pillar-bg-image.traffic-text a:hover {
  color: #ffffff;
  background: #55db97;
}
section.pillar-bg-image.traffic-text a:active {
  color: #ffffff;
  background: #55db97;
}
section.pillar-bg-solid-color {
  height: 500px;
  overflow: hidden;
}
section.pillar-bg-solid-color .row {
  padding: 60px 0;
}
section.pillar-bg-solid-color.traffic-text-inverse {
  background: #55db97;
}
section.pillar-bg-solid-color.traffic-text-inverse h1 {
  font-size: 40px;
  font-weight: 700;
  color: #ffffff;
}
section.pillar-bg-solid-color.traffic-text-inverse p {
  font-size: 24px;
  font-weight: 100;
  line-height: 36px;
  color: #ffffff;
}
section.pillar-bg-solid-color.traffic-text-inverse a {
  border-color: #ffffff;
  color: #ffffff;
}
section.pillar-bg-solid-color.traffic-text-inverse a:hover {
  color: #55db97;
  background: #ffffff;
}
section.pillar-bg-solid-color.traffic-text-inverse a:active {
  color: #55db97;
  background: #ffffff;
}
section.pillar-bg-white {
  height: 500px;
  overflow: hidden;
}
section.pillar-bg-white .row {
  padding: 60px 0;
}
section.pillar-bg-white.traffic-text-dark {
  background: #ffffff;
}
section.pillar-bg-white.traffic-text-dark h1 {
  font-size: 40px;
  font-weight: 700;
  color: #55db97;
}
section.pillar-bg-white.traffic-text-dark p {
  font-size: 24px;
  font-weight: 100;
  line-height: 36px;
  color: #000000;
}
section.pillar-bg-white.traffic-text-dark a {
  border-color: #000000;
  color: #000000;
}
section.pillar-bg-white.traffic-text-dark a:hover {
  color: #ffffff;
  background: #000000;
}
section.pillar-bg-white.traffic-text-dark a:active {
  color: #ffffff;
  background: #000000;
}
section.pillar-how-we-do {
  padding: 60px 0;
  height: 100vh;
  overflow: hidden;
}
section.pillar-how-we-do .traffic-text-light h1 {
  font-size: 50px;
  font-weight: 100;
  color: #ffffff;
}
section.pillar-how-we-do .slide-content h1 {
  font-size: 40px;
  font-weight: 700;
  color: #ffffff;
}
section.pillar-how-we-do .slide-content img {
  display: block;
  margin: 0 auto;
}
section.pillar-form {
  padding: 60px 0;
  height: 100vh;
  overflow: hidden;
}
section.pillar-form .traffic-text-light h1 {
  font-size: 50px;
  font-weight: 100;
  color: #ffffff;
}
section.pillar-form .traffic-text-light p {
  font-size: 24px;
  font-weight: 100;
  line-height: 36px;
  color: #ffffff;
}
section.pillar-form .form-wrapper .form-group:last-child {
  margin-top: 60px;
}
section.pillar-form .form-wrapper input,
section.pillar-form .form-wrapper textarea {
  padding: 23px;
  border-radius: 0;
  font-size: 20px;
  box-shadow: none;
  text-transform: uppercase;
  letter-spacing: 2px;
  border: thick solid #ffffff;
  color: #ffffff;
  background-color: #0d0d22;
}
section.pillar-form .form-wrapper p {
  padding: 20px 0 !important;
  text-align: center;
  color: #ffffff;
}
section.pillar-form .form-wrapper a {
  border-color: #55db97;
  color: #55db97;
}
section.pillar-form .form-wrapper a:hover {
  color: #ffffff;
  background: #55db97;
}
section.pillar-form .form-wrapper a:active {
  color: #ffffff;
  background: #55db97;
}
section.pillar-form .form-wrapper .col-md-8 {
  text-align: center;
}
section.pillar-form .form-wrapper .checkbox {
  display: inline-block;
}
section.pillar-form .form-wrapper .checkbox label {
  padding: 0 20px !important;
  font-size: 20px;
  font-weight: 100;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #ffffff;
}
section.pillar-form .form-wrapper .checkbox label:after {
  content: '';
  display: table;
  clear: both;
}
section.pillar-form .form-wrapper .checkbox .cr {
  position: relative;
  display: inline-block;
  border: thick solid #ffffff;
  border-radius: 0;
  width: 1.3em;
  height: 1.3em;
  float: left;
  margin-right: .5em;
}
section.pillar-form .form-wrapper .checkbox .cr .cr-icon {
  position: absolute;
  font-size: .8em;
  line-height: 0;
  top: 50%;
  left: 20%;
}
section.pillar-form .form-wrapper .checkbox label input[type="checkbox"] {
  display: none;
}
section.pillar-form .form-wrapper .checkbox label input[type="checkbox"] + .cr > .cr-icon {
  opacity: 0;
}
section.pillar-form .form-wrapper .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon {
  opacity: 1;
}
section.pillar-form .form-wrapper .checkbox label input[type="checkbox"]:disabled + .cr {
  opacity: .5;
}
.press-release-item {
  margin-top: 0;
  padding: 1em 0;
  min-height: auto;
  height: auto;
  border-bottom: thin solid #ececec;
  text-align: left;
  transition: all 1s linear;
}
.press-release-item:last-child {
  border-bottom: none;
}
.press-release-item time {
  font-family: futura-pt, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 2.5rem;
  font-weight: 300;
  text-align: left;
  color: #666;
}
.press-release-item h3 {
  margin-top: 8px;
  margin-bottom: 0;
  font-size: 1.6rem;
  line-height: 2.5rem;
  line-height: 28px;
  text-align: left;
}
@media (max-width: 767px) {
  .press-release-item h3 {
    font-size: 1.4rem;
    line-height: 2.4rem;
  }
}
.press-release-item h3 a {
  font-family: proxima-nova, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #333;
  font-weight: 500;
  text-align: left;
}
.press-release-item h3 a:hover {
  color: #dd0030;
}
@media (max-width: 991px) {
  .press-release-item {
    height: auto;
    padding: 1em;
  }
}
@media (max-width: 991px) {
  .press-release-item {
    height: auto;
  }
}
.press-release-item .col-md-2 {
  padding-top: 1em;
  padding-bottom: 1em;
}
@media (max-width: 991px) {
  .press-release-item .col-md-2 {
    display: block;
    height: auto;
  }
}
.press-release-item .col-md-10 {
  padding-top: 1em;
  padding-bottom: 1em;
  text-align: left;
}
.press-release-item .col-md-10 h3 {
  margin: 0;
}
#viewport #ad img {
  width: 100%;
}
/*
@styleguide
# Section - Hero
Template for the Hero Section of a page.
This element should be on every page, unless a video background or video Hero is being used.
<section id="our-team-header" style="background:url('../images/our-team/header.jpg') no-repeat center center/cover;">
    <div class="container">
        <div class="row">
            <div id="pillar-copy" class="col-xs-12 col-lg-8 col-lg-offset-2">
                <div class="pillars-default">
                    <h1>Our Team</h1>
                    <p>Executive Leadership</p>
                </div>
            </div>
        </div><!-- row -->
    </div>
</section>
## HTML Markup <small>Handlebars Template</small>
    <section class="section-hero" style="padding: 0; {{#if this.customMedia}}background: url('{{this.imageSrc}}') no-repeat center {{this.mediaAlign}}; background-size: {{this.mediaScale}};{{else}}background: url('{{this.imageSrc}}') no-repeat center right; background-size: cover;{{/if}}">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-lg-8 col-lg-offset-2 v-align section-hero-copy">
                    <div class="middle section-hero-copy-default">
                        <h1>{{#if this.white}}white-text{{else if this.black}}black-text{{/if}}">{{{this.headline}}}</h1>
                        <p>{{#if this.white}}white-text{{else if this.black}}black-text{{/if}}">{{{this.description}}}</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
## JSON Data Schema
```
{
    'hero' : [
        {
        'white': true, // Utility - Set the hero text to white
        'black': true, // Utility - Set the hero text to black
        'headline': 'A One-Of-A-Kind Company', // Content - Set the hero headline text
        'description': 'Duis non vehicula nulla. Nulla non interdum magna.', // Content - Set the hero main body text
        'customMedia': true, // Utility - Override default CSS "background-image" attributes (required for mediaAlign and mediaScale)
        'mediaAlign': 'center', // Utility - Set the CSS "background-position" attribute
        'mediaScale': 'contain', // Utility - Set the CSS "background-size" attribute
        'imageSrc': 'images/2016/map.png' // Content - Set the URL for background image
        }
    ]
}
```
*/
#hero.no-hero {
  height: 50px;
}
#hero.no-hero .hero-wrap {
  min-height: 68px;
}
.hero-wrap {
  min-height: 68px;
  background-color: #000;
  background: linear-gradient(141deg, #333333 0%, #111111 51%, #222222 75%);
}
.section-hero {
  height: 400px;
  position: relative;
  z-index: 3;
}
.section-hero .v-align {
  height: 100%;
  width: 100%;
  display: table;
  margin: 0;
  /*@media (max-width: @screen-sm-max) {
    display: block;
    height: auto;
    width: auto;
    }*/
}
.section-hero .v-align .middle {
  display: table-cell;
  vertical-align: middle;
  float: none;
  /*@media (max-width: @screen-sm-max) {
      display: block;
      float: left;
      }*/
}
.section-hero h1 {
  margin: 0.5em 0 0;
  font-size: 48px;
  letter-spacing: 2px;
  color: white;
}
@media (max-width: 991px) {
  .section-hero h1 {
    font-size: 36px;
  }
}
.section-hero p {
  display: block;
  padding: 0;
  font-size: 36px;
  font-weight: 400;
  line-height: 35px;
  letter-spacing: 1px;
  color: white;
}
@media (max-width: 991px) {
  .section-hero p {
    font-size: 24px;
    line-height: 27px;
  }
}
.section-hero .container {
  height: 100%;
}
.section-hero .container .row {
  height: 100%;
}
.section-hero .section-hero-copy .section-hero-copy-default {
  text-align: center;
}
@media (min-width: 979px) {
  #sticky-nav ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}
.navbar-toggle {
  margin-top: 17px;
}
#site-map-page #site-map-container blockquote {
  font-size: 1em;
}
#site-map-page #site-map-container ul {
  list-style: none;
  text-align: left;
  display: block;
}
#site-map-page #site-map-container ul li {
  padding-top: 1em;
  padding-bottom: 1em;
}
#site-map-page #site-map-container ul li a {
  font-size: 1.3em;
}
#site-map-page #site-map-container ul li ul {
  border-bottom: none;
  margin-top: 1em;
  margin-bottom: 1em;
}
#site-map-page #site-map-container ul li ul li {
  padding: .5em;
  padding-left: 1em;
  border-left: thin solid #fafafb;
  border-bottom: none;
  transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
}
#site-map-page #site-map-container ul li ul li:hover {
  border-left-color: #dd0030;
}
#site-map-page #site-map-container ul li ul li a {
  font-size: 1em;
  border-bottom: none;
}
/*# sourceMappingURL=main.css.map */