/**
 * @file
 * Styles are organized using the SMACSS technique. @see http://smacss.com/book/
 *
 * When you turn on CSS aggregation at admin/config/development/performance, all
 * of these @include files will be combined into a single file.
 */
/* Import Sass mixins, variables, Compass modules, etc. */
/* AOL Platforms PUF page node */
/* line 16, ../sass/aolplatforms_puf.scss */
.section-aolupfront2014 {
  /* take out of flow */
}
/* line 17, ../sass/aolplatforms_puf.scss */
.section-aolupfront2014 #page-title {
  padding: 0 1em;
}
/* line 19, ../sass/aolplatforms_puf.scss */
.section-aolupfront2014 #page-title .inner {
  display: block;
  background-image: url(../images/header-title.png);
  background-repeat: no-repeat;
  width: 100% !important;
  height: 60px !important;
  max-width: 750px;
  background-size: contain;
  margin: 20px auto 20px auto;
  padding: 0 1em;
  font-size: 0;
  overflow: hidden;
  text-indent: -9999px;
}
/* line 35, ../sass/aolplatforms_puf.scss */
.section-aolupfront2014 .tabs,
.section-aolupfront2014 .action-links {
  position: absolute;
  left: 0;
  z-index: 99;
}
/* line 41, ../sass/aolplatforms_puf.scss */
.section-aolupfront2014 .action-links {
  left: 300px;
}

/*
 * Header Block
 * This contains a video or large graphic.
 */
/* line 50, ../sass/aolplatforms_puf.scss */
#block-block-11 {
  /* this should work on the first block */
  margin: 0;
  padding: 0;
  background-color: #000;
  overflow: hidden;
  min-height: 100px;
  /* This height should be set dynamically by Javascript */
  background-position: top center;
  background-size: cover;
  background-image: url(../images/top-swoosh.jpg);
}
/* line 59, ../sass/aolplatforms_puf.scss */
#block-block-11 .wrapper {
  margin-top: 150px;
  margin-bottom: 150px;
}

/* 
 * Press Block
 * Development
 * - #block-views-puf-block-2, #block-block-xx
 * Production
 * - #block-block-xx
 */
/* line 72, ../sass/aolplatforms_puf.scss */
#block-views-puf-block-2 {
  max-width: 1250px;
  margin: 0 auto;
  padding: 0 10px;
  text-align: center;
}
/* line 77, ../sass/aolplatforms_puf.scss */
#block-views-puf-block-2 .block-title {
  background-image: url(../images/what-industry-saying.jpg);
  background-repeat: no-repeat;
  width: 100%;
  max-width: 750px;
  height: 60px;
  background-size: contain;
  margin: 80px auto 50px auto;
  padding: 0 1em;
  font-size: 0;
  overflow: hidden;
  text-indent: -9999px;
}
/* line 89, ../sass/aolplatforms_puf.scss */
#block-views-puf-block-2 .block-title,
#block-views-puf-block-2 .view-content {
  color: #000;
}
/* line 91, ../sass/aolplatforms_puf.scss */
#block-views-puf-block-2 .block-title a,
#block-views-puf-block-2 .view-content a {
  font-size: 1.3em;
  line-height: 2;
  font-weight: 100;
  color: #000;
  text-decoration: none;
}
/* line 97, ../sass/aolplatforms_puf.scss */
#block-views-puf-block-2 .block-title a:hover,
#block-views-puf-block-2 .view-content a:hover {
  color: #00aeef;
}
/* line 102, ../sass/aolplatforms_puf.scss */
#block-views-puf-block-2 .view-content {
  margin-bottom: 2em;
}
/* line 105, ../sass/aolplatforms_puf.scss */
#block-views-puf-block-2 .field-content {
  display: inline-block;
  width: 75%;
}
/* line 110, ../sass/aolplatforms_puf.scss */
#block-views-puf-block-2 .pager-load-more li {
  margin: 2em 1em;
  display: inline-block;
  width: auto;
  min-width: 200px;
  text-align: center;
  text-transform: uppercase;
  padding: 0;
}
/* line 14, ../sass/_mixins.scss */
#block-views-puf-block-2 .pager-load-more li a {
  border: 1px solid #000;
  position: relative;
  font-size: 1.3em;
  padding: 1em;
  display: block;
  color: #000;
  text-decoration: none;
}
/* line 22, ../sass/_mixins.scss */
#block-views-puf-block-2 .pager-load-more li a:hover {
  color: #FFF !important;
  background-color: #29ABE2;
}

/* jQuery DIV: Two column wrapper */
/* line 118, ../sass/aolplatforms_puf.scss */
.two-column {
  width: 100%;
  background-color: black;
}
/* line 121, ../sass/aolplatforms_puf.scss */
.two-column .two-column-inner {
  overflow: hidden;
  max-width: 1250px;
  margin: 0 auto;
  padding-top: 75px;
  padding-bottom: 75px;
  background-image: url(../images/dot-white.gif);
  background-repeat: repeat-y;
  background-position: 50% top;
}
/* line 130, ../sass/aolplatforms_puf.scss */
.two-column .two-column-inner .block {
  float: left;
  margin: 0;
  padding: 0;
}
/* line 135, ../sass/aolplatforms_puf.scss */
.two-column .two-column-inner .block .block-title,
.two-column .two-column-inner .block .view {
  margin: 0 50px;
}

@media (max-width: 850px) {
  /* line 145, ../sass/aolplatforms_puf.scss */
  #block-views-puf-block-2 .block-title,
  #content > .block:last-child .block-title {
    margin-top: 20px !important;
    margin-bottom: 0px !important;
  }

  /* line 151, ../sass/aolplatforms_puf.scss */
  #block-views-puf-block,
  #block-views-puf-block-1 {
    width: 100% !important;
  }

  /* line 154, ../sass/aolplatforms_puf.scss */
  .two-column-inner {
    background-image: none !important;
  }

  /* line 159, ../sass/aolplatforms_puf.scss */
  #block-block-11 .wrapper {
    margin-top: 70px;
    margin-bottom: 70px;
  }
}
/* View block: Twitter */
/* line 167, ../sass/aolplatforms_puf.scss */
#block-views-puf-block {
  width: 50%;
  color: #fff;
}
/* line 170, ../sass/aolplatforms_puf.scss */
#block-views-puf-block a {
  color: #00aeef;
}
/* line 173, ../sass/aolplatforms_puf.scss */
#block-views-puf-block .block-title {
  color: #00aeef;
  text-transform: uppercase;
  font-size: 1em;
  margin-bottom: 25px;
}
/* line 179, ../sass/aolplatforms_puf.scss */
#block-views-puf-block .views-row {
  margin-bottom: 1em;
}
/* line 181, ../sass/aolplatforms_puf.scss */
#block-views-puf-block .views-row .views-field-field-twitter {
  font-size: 1.2em;
}
/* line 185, ../sass/aolplatforms_puf.scss */
#block-views-puf-block .view-footer {
  overflow: hidden;
  margin-top: -.25em;
  margin-bottom: 25px;
}
/* line 189, ../sass/aolplatforms_puf.scss */
#block-views-puf-block .view-footer > p {
  font-size: 0;
  display: inline-block;
}
/* line 192, ../sass/aolplatforms_puf.scss */
#block-views-puf-block .view-footer > p a {
  display: block;
  float: left;
  width: 25px;
  height: 25px;
  margin-right: 10px;
  background: transparent url(../images/social-icons.gif) no-repeat;
  background-repeat: no-repeat;
  background-size: 50px;
}
/* line 203, ../sass/aolplatforms_puf.scss */
#block-views-puf-block .view-footer a.twitter {
  background-position: 0 0;
}
/* line 205, ../sass/aolplatforms_puf.scss */
#block-views-puf-block .view-footer a.twitter:hover {
  background-position: -25px 0;
}
/* line 207, ../sass/aolplatforms_puf.scss */
#block-views-puf-block .view-footer a.linkedin {
  background-position: 0 -25px;
}
/* line 209, ../sass/aolplatforms_puf.scss */
#block-views-puf-block .view-footer a.linkedin:hover {
  background-position: -25px -25px;
}

/* View block: Events */
/* line 215, ../sass/aolplatforms_puf.scss */
#block-views-puf-block-1 {
  width: 50%;
  float: left;
  color: #fff;
}
/* line 219, ../sass/aolplatforms_puf.scss */
#block-views-puf-block-1 a {
  color: #00aeef;
}
/* line 222, ../sass/aolplatforms_puf.scss */
#block-views-puf-block-1 .block-title {
  color: #00aeef;
  text-transform: uppercase;
  font-size: 1em;
  margin-bottom: 25px;
}
/* line 230, ../sass/aolplatforms_puf.scss */
#block-views-puf-block-1 .view h3,
#block-views-puf-block-1 .view .views-field-title {
  text-transform: uppercase;
}
/* line 233, ../sass/aolplatforms_puf.scss */
#block-views-puf-block-1 .view .views-row {
  clear: both;
  padding-bottom: 1em;
  overflow: hidden;
}
/* line 237, ../sass/aolplatforms_puf.scss */
#block-views-puf-block-1 .view .views-row p {
  margin: 0;
}
/* line 241, ../sass/aolplatforms_puf.scss */
#block-views-puf-block-1 .view .views-field-field-date-1 {
  display: inline-block;
  float: left;
  width: 70px;
  text-align: right;
  padding-right: 1em;
  font-weight: 600;
}
/* line 249, ../sass/aolplatforms_puf.scss */
#block-views-puf-block-1 .view p {
  margin: 0;
}
/* line 252, ../sass/aolplatforms_puf.scss */
#block-views-puf-block-1 .view .views-field-title {
  display: inline-block;
  float: left;
  width: calc(100% - 70px - 1em);
  font-weight: 600;
}
/* line 257, ../sass/aolplatforms_puf.scss */
#block-views-puf-block-1 .view .views-field-title a {
  text-decoration: none;
  color: #fff;
}
/* line 260, ../sass/aolplatforms_puf.scss */
#block-views-puf-block-1 .view .views-field-title a:hover {
  color: #00aeef;
}
/* line 265, ../sass/aolplatforms_puf.scss */
#block-views-puf-block-1 .view .views-field-body {
  font-weight: 100;
  margin-left: calc(70px + 1em);
}

/*
 * Request an Invitation block
 */
/* line 275, ../sass/aolplatforms_puf.scss */
#block-block-12 {
  /* this name should work regardless of environment */
  margin: 0;
  padding: 0 10px;
  clear: both;
  background: #fff;
  background-image: url(../images/swoosh.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  overflow: hidden;
  text-transform: uppercase;
  text-align: center;
  color: #000;
}
/* line 288, ../sass/aolplatforms_puf.scss */
#block-block-12 .block-title {
  background-image: url(../images/programmtic-upfront-roadshow.png);
  background-repeat: no-repeat;
  max-width: 650px;
  height: 155px;
  background-size: contain;
  margin: 80px auto 50px auto;
  font-size: 0;
  overflow: hidden;
  text-indent: -9999px;
}
/* line 297, ../sass/aolplatforms_puf.scss */
#block-block-12 p {
  margin: 0 !important;
  font-size: 1.5em;
  line-height: 2;
  font-weight: 400;
}
/* line 303, ../sass/aolplatforms_puf.scss */
#block-block-12 a {
  color: #000;
  text-decoration: none;
}
/* line 306, ../sass/aolplatforms_puf.scss */
#block-block-12 a:hover {
  color: #00aeef;
}
/* line 310, ../sass/aolplatforms_puf.scss */
#block-block-12 .view-content {
  margin-bottom: 2em;
}
/* line 313, ../sass/aolplatforms_puf.scss */
#block-block-12 .puf-button2 {
  margin: 2em 1em;
  display: inline-block;
  width: auto;
  min-width: 200px;
  text-align: center;
  text-transform: uppercase;
}
/* line 14, ../sass/_mixins.scss */
#block-block-12 .puf-button2 a {
  border: 1px solid #000;
  position: relative;
  font-size: 1.3em;
  padding: 1em;
  display: block;
  color: #000;
  text-decoration: none;
}
/* line 22, ../sass/_mixins.scss */
#block-block-12 .puf-button2 a:hover {
  color: #FFF !important;
  background-color: #29ABE2;
}