/*
Theme Name: TUNE Theme
Author: phillip@tune.com
Description: The tune theme based on the tune.com website.
Version: 1.0.0
Text Domain: TUNE_theme
*/
/*
	Layout
*/
/*
	Colors
*/
/*
	Typography 
*/
/*
	Screen Sizes
*/
/*
	Odds and Ends
*/
/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
@import url(fonts/icotune-wp/css/icotune-wp.css);
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/**
*	Just to add to the reset, since this makes things simpler overall
*/
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/*
	These can be given to elements to make them show/hide respectivly
*/
.show-desktop-andup,
.show-tablet-andup,
.show-mobile-andup {
  display: none !important; }

@media (min-width: 1024px) {
  .show-desktop-andup {
    display: initial !important; } }

@media (min-width: 768px) {
  .show-tablet-andup {
    display: initial !important; } }

@media (min-width: 768px) {
  .show-mobile-andup {
    display: initial !important; } }

@media (min-width: 1024px) {
  .show-desktop {
    display: initial !important; }
  .show-tablet,
  .show-mobile {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .show-tablet-andup {
    display: initial !important; }
  .show-desktop,
  .show-mobile {
    display: none !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  .show-mobile-andup {
    display: initial !important; }
  .show-desktop,
  .show-tablet {
    display: none !important; } }

/*
	Here are a couple functions that can be used
*/
/*
	The holder style controls the width between the edge of the content and the edge of the window
*/
.holder {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 50px; }
  .holder:after {
    content: '';
    clear: both;
    display: block; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .holder {
      padding: 0 50px; } }
  @media screen and (max-width: 767px) {
    .holder {
      padding: 0 20px; } }

.content-base {
  padding-bottom: 40px; }
  body.page-template-page-blank-slate .content-base {
    padding-bottom: 0; }

body.single article header {
  margin-bottom: 1.5em; }

/*
	The "empty wrapper" page template needs to modifications if JS-composer is running on the page 
*/
body.page-template-page-empty-wrapper.wpb-js-composer article {
  padding-bottom: 0; }
  body.page-template-page-empty-wrapper.wpb-js-composer article .holder:first-of-type > .vc_row,
  body.page-template-page-empty-wrapper.wpb-js-composer article .holder:last-of-type > .vc_row {
    margin-bottom: 0; }

body.page-template-page-empty-wrapper.wpb-js-composer .content-base {
  padding-bottom: 0;
  margin-bottom: -1px; }

/*
	On the Search and Archive page4
*/
body.search-results article,
body.archive article {
  padding-bottom: 20px; }
  body.search-results article:last-of-type,
  body.archive article:last-of-type {
    padding-bottom: 40px; }

.archive-breadcrumbs {
  color: #707372;
  margin-bottom: .25em; }
  .archive-breadcrumbs a {
    color: #707372;
    text-decoration: none; }
    .archive-breadcrumbs a:hover {
      color: #007aff; }

/*
	The blog as a narrower look with a background color, so...
*/
body.single-post #container,
body.blog #container {
  background-color: #f6f6f5; }

body.single-post .holder,
body.blog .holder {
  max-width: 900px;
  background-color: white; }

body.single-post .banner-bar.color-ltgrey-half.sticky .holder,
body.blog .banner-bar.color-ltgrey-half.sticky .holder {
  background: transparent; }

/*
	Sticky posts have a banner-bar around them with the .sticky class
*/
.banner-bar.sticky:first-child {
  margin-top: -20px; }

.banner-bar.sticky:last-child {
  margin-bottom: -20px; }

/*
	post/page titles
*/
h1.entry-title {
  margin-top: 1em;
  word-wrap: break-word; }
  h1.entry-title.multi-page {
    font-size: 1.4em; }
  h1.entry-title.multi-post {
    font-size: 2.7em;
    font-weight: 100;
    margin-bottom: .25em; }
    h1.entry-title.multi-post a {
      color: #101820; }
  h1.entry-title.single-page {
    font-size: 2.7em; }
  h1.entry-title.single-post {
    font-size: 2.7em;
    font-weight: 100; }
    h1.entry-title.single-post a {
      color: #101820; }
  h1.entry-title a {
    text-decoration: none; }

/*
	Paginated Pagination Navigation (Search, Archives, Comments)
*/
.paginated-nav {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px; }
  .paginated-nav * {
    transition: color .25s, background-color .25s; }
  .paginated-nav > span, .paginated-nav > a {
    display: inline-block;
    padding: .25em;
    margin: 0 .25em; }
  .paginated-nav span {
    cursor: default; }
    .paginated-nav span.curr {
      font-weight: 500;
      color: #007aff; }
    .paginated-nav span.rel-link a span {
      display: inline-block;
      border: 3px solid #007aff;
      border-radius: 50%;
      width: 2em;
      height: 2em;
      text-align: center;
      vertical-align: middle;
      line-height: 1.75em;
      color: #007aff; }
      .paginated-nav span.rel-link a span:before {
        margin: 0; }
    .paginated-nav span.rel-link a:hover span {
      background-color: #007aff;
      color: #ffffff; }
  .paginated-nav a {
    text-decoration: none;
    color: #707372;
    transition: color .25s; }
    .paginated-nav a:hover {
      color: #007aff; }
    .paginated-nav a span {
      cursor: pointer; }

/*
	Steps pagination (single page pagination, steps or pages depending on post type)
*/
.entry-links.single-page {
  font-size: 1.4em;
  overflow: hidden; }
  .entry-links.single-page span, .entry-links.single-page a {
    background-color: #d9d9d6;
    border: 3px solid #d9d9d6;
    border-radius: 50%;
    color: #ffffff;
    display: inline-block !important;
    width: 1.75em;
    height: 1.75em;
    text-align: center;
    line-height: 1.5em;
    vertical-align: middle;
    margin: .25em -.25em;
    position: relative;
    z-index: 10;
    transition: color .25s, background-color .25s, border-color .25s;
    padding: 0; }
    .entry-links.single-page span.divider, .entry-links.single-page a.divider {
      border-radius: 0;
      height: .125em;
      color: transparent;
      width: 3em;
      z-index: 9; }
    .entry-links.single-page span.visited, .entry-links.single-page a.visited {
      background-color: #7ccbea;
      border-color: #7ccbea; }
    .entry-links.single-page span.curr, .entry-links.single-page a.curr {
      background-color: #007aff;
      border-color: #007aff; }
    .entry-links.single-page span.rel-link, .entry-links.single-page a.rel-link {
      margin: 0 1.5em;
      background-color: #007aff;
      border-color: #007aff;
      color: #ffffff; }
    .entry-links.single-page span.label, .entry-links.single-page a.label {
      width: auto;
      color: #101820;
      background: #ffffff;
      border: none;
      margin: 0 1.5em; }
    @media screen and (max-width: 767px) {
      .entry-links.single-page span.divider, .entry-links.single-page a.divider {
        width: 1.5em; }
      .entry-links.single-page span.rel-link, .entry-links.single-page a.rel-link {
        margin: 0 .75em; } }
    .entry-links.single-page span.nulled, .entry-links.single-page a.nulled {
      visibility: hidden;
      background-color: #ffffff;
      border-color: #ffffff;
      color: #ffffff; }
    .entry-links.single-page span.view-all-link, .entry-links.single-page a.view-all-link {
      display: block !important;
      text-align: center;
      width: 100%;
      background: #ffffff;
      border: none;
      color: #007aff;
      font-size: 0.8em;
      margin-top: -20px;
      margin-bottom: 40px;
      cursor: pointer;
      text-decoration: none; }
      .entry-links.single-page span.view-all-link:hover, .entry-links.single-page a.view-all-link:hover {
        color: #101820; }
  .entry-links.single-page a:hover {
    background-color: #ffffff;
    color: #d9d9d6; }
    .entry-links.single-page a:hover.visited {
      color: #7ccbea; }
    .entry-links.single-page a:hover.curr {
      color: #007aff; }
    .entry-links.single-page a:hover.rel-link {
      color: #007aff; }

/*
	Single Navigation (Blog, possible other locations)
*/
#nav-below.single-links {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px; }
  #nav-below.single-links a, #nav-below.single-links > span {
    display: inline-block;
    padding: .25em;
    margin: 0 .25em;
    text-decoration: none;
    color: #707372;
    transition: color .25s; }
  #nav-below.single-links a > span.curr {
    font-weight: 500;
    color: #007aff; }
  #nav-below.single-links a > span.rel-link {
    display: inline-block;
    border: 3px solid #007aff;
    border-radius: 50%;
    width: 2em;
    height: 2em;
    margin: 0 1em;
    vertical-align: middle;
    text-align: center;
    transition: background-color .25s;
    color: #007aff; }
    #nav-below.single-links a > span.rel-link span {
      font-size: 1.5em; }
  #nav-below.single-links a:hover {
    color: #007aff; }
    #nav-below.single-links a:hover > span {
      color: #ffffff;
      background-color: #007aff; }
  #nav-below.single-links .previous {
    float: left; }
  #nav-below.single-links .next {
    float: right; }
  #nav-below.single-links.stacked .previous,
  #nav-below.single-links.stacked .next {
    float: none;
    display: inline-block; }

/*
	Post Password Box
*/
.post-password-form {
  background-color: #d9d9d6;
  border: 1px solid #707372;
  border-radius: 4px;
  display: block;
  max-width: 400px;
  text-align: center;
  padding: 1em;
  margin: 1em auto; }

body:not(.single) .format-aside {
  background-color: red;
  margin: -40px;
  margin-top: 0;
  padding: 0 40px 80px 40px;
  background-color: #f6f6f5; }

/*
	Post Formats
*/
.format-image p, .format-image figure {
  text-align: center; }

.format-image img {
  display: inline-block; }

.format-image section.entry-content {
  margin-bottom: 3em;
  text-align: center; }

.format-image figure {
  text-align: center;
  width: 100% !important; }

.format-chat p {
  margin-bottom: 0.5em !important; }

/*
	Galleries, Gallery
*/
.gallery {
  margin: 1em auto; }
  .gallery.gallery-columns-1 .gallery-item {
    width: 100%; }
  .gallery.gallery-columns-2 .gallery-item {
    width: 50%; }
  .gallery.gallery-columns-3 .gallery-item {
    width: 33.3333333333%; }
  .gallery.gallery-columns-4 .gallery-item {
    width: 25%; }
  .gallery.gallery-columns-5 .gallery-item {
    width: 20%; }
  .gallery.gallery-columns-6 .gallery-item {
    width: 16.6666666667%; }
  .gallery.gallery-columns-7 .gallery-item {
    width: 14.2857142857%; }
  .gallery.gallery-columns-8 .gallery-item {
    width: 12.5%; }
  .gallery.gallery-columns-9 .gallery-item {
    width: 11.1111111111%; }
  .gallery .gallery-item {
    display: inline-block;
    margin: .5em -.4em .5em 0em;
    text-align: center;
    vertical-align: top; }
    .gallery .gallery-item figcaption {
      padding: 0 .75em; }
    .gallery .gallery-item img {
      max-width: 90%;
      height: auto; }

/*
	Add extra space between articles
*/
article {
  padding-bottom: 40px;
  clear: both;
  overflow: auto; }
  article.blank-slate {
    padding-bottom: 0; }
  article footer,
  article .entry-meta {
    font-size: 0.8em;
    text-transform: uppercase;
    color: #bbbcbc;
    font-weight: 400;
    margin-bottom: 1em; }
    article footer a,
    article .entry-meta a {
      text-decoration: none;
      color: #bbbcbc; }
      article footer a:hover,
      article .entry-meta a:hover {
        text-decoration: underline;
        color: #007aff; }
  article .post-meta {
    text-align: center;
    margin: 2em 0; }
    article .post-meta img {
      display: inline-block;
      float: none;
      width: 32px;
      height: 32px;
      vertical-align: middle;
      margin: 0 .5em; }
    article .post-meta a {
      text-transform: uppercase;
      text-decoration: none; }
      article .post-meta a:hover {
        color: #ffa300; }

.banner-bar.color-ltgrey-half.sticky {
  margin-bottom: 0em; }

/*
	Featured images (only onw as thumbs on the multi-article view, not in posts)
*/
body:not(.single) article.has-post-thumbnail:after {
  content: '';
  clear: both;
  display: block; }

body:not(.single) article.has-post-thumbnail section,
body:not(.single) article.has-post-thumbnail footer {
  padding-left: 240px; }

body:not(.single) article.has-post-thumbnail .post-featured-thumb {
  margin-left: -240px;
  width: 200px;
  float: left;
  margin-right: 1.5em;
  text-align: center; }
  body:not(.single) article.has-post-thumbnail .post-featured-thumb img {
    max-width: 100%;
    height: auto;
    display: inline; }

@media screen and (max-width: 767px) {
  body:not(.single) article.has-post-thumbnail section,
  body:not(.single) article.has-post-thumbnail footer {
    padding-left: inherit; }
  body:not(.single) article.has-post-thumbnail .post-featured-thumb {
    margin-left: inherit;
    width: 100%;
    float: none;
    margin-bottom: 1em; } }

/*
	Comment Styles
*/
#comments {
  margin-bottom: 40px; }

ul.comment-list {
  margin: 0;
  list-style: none; }
  ul.comment-list > li.comment:first-child {
    border: none; }
  ul.comment-list li.comment {
    border-top: 1px solid #bbbcbc;
    padding: 1.5em 0 0 70px; }
    ul.comment-list li.comment article {
      padding-bottom: 0em; }
    ul.comment-list li.comment .comment-meta {
      margin-bottom: 1em; }
      ul.comment-list li.comment .comment-meta .comment-permalink {
        color: #707372; }
      ul.comment-list li.comment .comment-meta a {
        color: inherit;
        text-decoration: none; }
        ul.comment-list li.comment .comment-meta a:hover {
          color: #007aff; }
    ul.comment-list li.comment .reply {
      margin-bottom: 1em; }
      ul.comment-list li.comment .reply .arr {
        display: inline-block;
        text-align: center;
        font-size: .75em;
        width: 1.5em;
        height: 1.5em;
        border: 2px solid #007aff;
        border-radius: 50%;
        color: #007aff;
        vertical-align: text-top;
        margin-right: .5em;
        line-height: 1.2em; }
        ul.comment-list li.comment .reply .arr:before {
          text-indent: -.22em; }
      ul.comment-list li.comment .reply a {
        text-decoration: none; }
    ul.comment-list li.comment img.avatar {
      float: left;
      margin: 0 0 -50px -70px;
      padding: 0;
      border-radius: 0;
      width: 50px;
      height: 50px; }
    ul.comment-list li.comment ul {
      margin: 0; }
      @media screen and (max-width: 1023px) {
        ul.comment-list li.comment ul {
          margin-left: -30px; } }
      @media screen and (max-width: 767px) {
        ul.comment-list li.comment ul {
          margin-left: -50px; } }

.comment-form-container {
  background-color: #f5f6f7;
  border-radius: 4px; }
  .comment-form-container .comment-form-titlebar {
    padding: 20px 40px;
    border-bottom: 1px solid #bbbcbc;
    text-align: right; }
    .comment-form-container .comment-form-titlebar h3 {
      margin: 0;
      padding: 0;
      float: left;
      line-height: 2.5em; }
    .comment-form-container .comment-form-titlebar .reply-opener {
      font-weight: 500; }
      .comment-form-container .comment-form-titlebar .reply-opener .arr {
        display: inline-block;
        font-size: 1.5em;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        background-color: #007aff;
        color: #ffffff;
        text-align: center;
        line-height: 1.5em;
        margin: .25em;
        vertical-align: middle;
        transition: transform .25s; }
  .comment-form-container .comment-form {
    overflow: hidden;
    transition: height .25s; }
    .comment-form-container .comment-form form {
      padding: 20px 40px; }
      .comment-form-container .comment-form form input {
        width: 50%; }
        @media screen and (max-width: 1023px) {
          .comment-form-container .comment-form form input {
            width: 75%; } }
        @media screen and (max-width: 767px) {
          .comment-form-container .comment-form form input {
            width: 100%; } }
        .comment-form-container .comment-form form input[type="submit"] {
          width: auto; }
      .comment-form-container .comment-form form p {
        margin: 1em 0; }
        .comment-form-container .comment-form form p a {
          text-decoration: none; }
          .comment-form-container .comment-form form p a:hover {
            text-decoration: underline; }
  .comment-form-container.closed .comment-form-titlebar .reply-opener .arr {
    transform: rotate(180deg); }

/*
	The avatar image for posts
*/
img.avatar {
  float: right;
  height: 75px;
  width: 75px;
  border-radius: 50%;
  margin: 10px 0px 10px 40px; }

/*
	Reign in those images and handle image maps
*/
img {
  max-width: 100%;
  height: auto; }
  img.screenshot {
    box-shadow: 0px 1px 7px #bbbcbc;
    margin: .5em; }

iframe {
  max-width: 100%; }

map area:hover {
  outline: 1; }

/*
	Sidebar support (probably only going to be used on the support pages)
*/
.holder.with-sidebar section#content {
  padding-right: 270px;
  width: 100%;
  float: left; }

.holder.with-sidebar aside#sidebar {
  width: 230px;
  margin-left: -230px;
  float: right; }

@media screen and (max-width: 1023px) {
  .holder.with-sidebar section#content {
    padding-right: 0;
    float: none;
    width: auto; }
  .holder.with-sidebar aside#sidebar {
    margin-left: 0;
    margin: auto;
    float: none; } }

.holder.with-sidebar.left-sidebar section#content {
  padding-right: 0;
  padding-left: 270px;
  float: right; }

.holder.with-sidebar.left-sidebar aside#sidebar {
  width: 230px;
  margin-left: 0;
  margin-right: -230px;
  float: left; }
  .holder.with-sidebar.left-sidebar aside#sidebar .xoxo {
    margin-left: 0 !important; }

@media screen and (max-width: 1023px) {
  .holder.with-sidebar.left-sidebar section#content {
    padding-left: 0;
    float: none;
    width: auto; }
  .holder.with-sidebar.left-sidebar aside#sidebar {
    margin-right: 0;
    margin: auto;
    float: none; } }

/*
	Hero Overlay styles
*/
body .hero-image-overlay .holder {
  padding: 42px 0px 56px; }
  @media screen and (max-width: 1023px) {
    body .hero-image-overlay .holder {
      padding: 70px 0px; } }
  @media screen and (max-width: 767px) {
    body .hero-image-overlay .holder {
      padding: 50px 0px; } }
  body .hero-image-overlay .holder h1, body .hero-image-overlay .holder h2, body .hero-image-overlay .holder h3, body .hero-image-overlay .holder h4, body .hero-image-overlay .holder h5, body .hero-image-overlay .holder h6 {
    font-weight: 100;
    color: #ffffff; }
  body .hero-image-overlay .holder h4 {
    font-size: 1.4em;
    text-transform: uppercase; }
  body .hero-image-overlay .holder h1, body .hero-image-overlay .holder h3, body .hero-image-overlay .holder h5 {
    color: #ffffff; }

/*
	Updates are copeid emails, so they need a ton of work to get sorted and looing not-crap
*/
body.pseudo-type-update section > table, body.pseudo-type-update section > table table {
  display: table;
  width: initial; }

body.pseudo-type-update section a > img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto; }

body.pseudo-type-update section table table * {
  background-color: white; }

body.pseudo-type-update section table div {
  max-width: 500px !important; }

body.pseudo-type-update section table, body.pseudo-type-update section tbody, body.pseudo-type-update section th, body.pseudo-type-update section td, body.pseudo-type-update section tr {
  border: none;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  overflow: hidden; }

body.pseudo-type-update section table.container.email-wrapper * {
  background: #ffffff; }

body.pseudo-type-update section p {
  margin-bottom: 0; }

body.pseudo-type-update section a[href^="http://in.tune.com/webmail/"] {
  display: none; }

body.pseudo-type-update section td[align="center"] > a {
  color: #ffffff !important;
  background-color: #007aff !important;
  border: 1px solid #007aff !important; }

body.pseudo-type-update section #in-the-news {
  display: block;
  margin-top: 1.75em; }

body.pseudo-type-update section .email-footer, body.pseudo-type-update section .email-footer * {
  background-color: #007aff !important; }
  body.pseudo-type-update section .email-footer > table.two.columns, body.pseudo-type-update section .email-footer * > table.two.columns {
    width: 100px !important; }

body.pseudo-type-update section span[id$="news-updates"] {
  color: #101820 !important;
  line-height: 1.5em; }

body.pseudo-type-update section table.email-header * {
  background-color: #ececec !important; }

body.pseudo-type-update #article-TUNEr, body.pseudo-type-update #comments, body.pseudo-type-update .widget-area .xoxo .widget-container.toc_widget {
  display: none; }

/*
	Turn Links into Buttons
*/
.pseudo-button {
  text-transform: uppercase;
  border: 1px solid #007aff;
  background-color: #007aff;
  color: #ffffff;
  padding: .75em 1.5em;
  border-radius: 4px;
  display: inline-block;
  text-decoration: none;
  transition: background-color .25s; }
  .pseudo-button:hover {
    border-color: #3d5265;
    color: #3d5265;
    background-color: transparent; }
  .pseudo-button.hover-light:hover {
    border-color: #ffffff;
    color: #ffffff; }
  .pseudo-button.alt-button {
    background-color: #3d5265;
    border-color: #3d5265; }
    .pseudo-button.alt-button:hover {
      background-color: #ffffff; }

/*
	Homepage hero image gradient
*/
body.home div.overlay-home-overlay {
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.4)); }

/*
	Notice Boxes
*/
.warning-box {
  margin: 1em;
  border: 1px solid #d82949;
  background: #d82949;
  color: #ffffff;
  padding: 1em;
  border-radius: 4px; }

/*
	For that aside-box
*/
.aside-box {
  margin: 0em 1em;
  margin-bottom: 1em;
  position: relative; }
  .aside-box div {
    background-color: #f5f6f7;
    position: relative;
    overflow: hidden;
    padding: 1em 1.35em; }
    .aside-box div:before {
      content: '';
      background-color: #ffffff;
      width: 2.75em;
      height: 2.75em;
      display: block;
      border-right: 1px solid #d9d9d6;
      top: -1.5em;
      left: -1.5em;
      position: absolute;
      transform: rotate(45deg); }
    .aside-box div:after {
      content: '';
      background-color: #ffffff;
      width: 2.75em;
      height: 2.75em;
      display: block;
      border-top: 1px solid #d9d9d6;
      bottom: -1.5em;
      right: -1.5em;
      position: absolute;
      transform: rotate(-45deg); }
  .aside-box.side-left {
    width: 45%;
    float: left;
    margin-left: 0;
    margin-right: 1.5em;
    margin-bottom: 0em; }
    .aside-box.side-left div:before {
      display: none; }
    .aside-box.side-left .label {
      padding-left: 0em; }
  .aside-box.side-right {
    width: 45%;
    float: right;
    margin-right: 0;
    margin-left: 1.5em;
    margin-bottom: 0em; }
    .aside-box.side-right div:after {
      display: none; }
  .aside-box .label {
    display: block;
    font-weight: 900;
    font-size: 1.25em;
    padding-bottom: .15em;
    padding-left: 1.5em; }

/*
	These styles control the look of all sidebar items, for sidebay layour and positioning related styles see 
	layout.scss. To start off were going to do some generic styling.
*/
#sidebar > div > ul {
  list-style: none;
  margin-top: 3em; }
  #sidebar > div > ul > li {
    margin-bottom: 3em;
    color: #007aff; }
    #sidebar > div > ul > li a, #sidebar > div > ul > li h1, #sidebar > div > ul > li h2, #sidebar > div > ul > li h3, #sidebar > div > ul > li h4, #sidebar > div > ul > li h5, #sidebar > div > ul > li h6, #sidebar > div > ul > li p {
      color: #101820; }
    #sidebar > div > ul > li .widget-title {
      font-size: 1em;
      margin-bottom: .5em;
      padding-bottom: .3em;
      font-weight: 800;
      border-bottom: 1px solid #bbbcbc; }
    #sidebar > div > ul > li ul {
      margin: 0 0 0 15px; }
    #sidebar > div > ul > li a {
      text-decoration: none;
      color: #707372; }
      #sidebar > div > ul > li a:hover {
        color: #007aff;
        text-decoration: underline; }
    #sidebar > div > ul > li li.nobull {
      list-style: none; }

#sidebar .pseudo-button {
  width: 80%;
  color: white;
  text-align: center;
  margin: 0 10%; }

/*
	Sidebar form elements (modifications form the  base form elements in forms.scss)
*/
input, select, textarea {
  width: 100%;
  display: block; }

input[type="submit"],
input[type="checkbox"],
input[type="radio"] {
  display: inline-block;
  width: auto; }

/*
	This is were the styles for specific widgets start
*/
table#wp-calendar {
  width: 100%; }
  table#wp-calendar th, table#wp-calendar td {
    border: none;
    padding: .3em;
    text-align: center; }

/*
	This stylesheet controls all the default form styles, some forms may override this. This will most liketly be done 
	in a page type or other specific content type stylesheet.
*/
input,
select,
textarea,
button {
  border: 1px solid #d9d9d6;
  font-size: 1em;
  margin: 1em 0;
  padding: .75em;
  border-radius: 4px;
  background-color: #ffffff; }
  input:focus,
  select:focus,
  textarea:focus,
  button:focus {
    outline: none;
    box-shadow: 0 0 0 2px #007aff; }

select {
  padding: 0; }

::-webkit-input-placeholder {
  font-weight: 100;
  color: #d9d9d6; }

textarea {
  height: 5em; }

input[type="submit"], button {
  width: auto;
  padding: .75em 2.25em;
  border: 1px solid #007aff;
  color: #ffffff;
  background-color: #007aff;
  cursor: pointer;
  transition: color .25s, background-color .25s;
  text-transform: uppercase; }
  input[type="submit"]:hover, button:hover {
    background-color: #ffffff;
    color: #007aff; }
  input[type="submit"]:active, button:active {
    background-color: #007aff;
    color: #ffffff; }

select {
  height: 2.25em; }

input[type="checkbox"], input[type="radio"] {
  width: 1em;
  height: 1em; }

/*
	New New Homepage
*/
body.home.page .header .left-side .holder, body.home.page .header .right-side .holder {
  padding-top: 1.15em;
  padding-bottom: 1.15em; }

body.home.page .show-at-mobile {
  margin: 10px -20px auto -20px;
  padding-top: 1.15em;
  padding-bottom: 1.15em; }
  body.home.page .show-at-mobile h1, body.home.page .show-at-mobile h2, body.home.page .show-at-mobile h3 {
    margin-top: .66em; }
  body.home.page .show-at-mobile p {
    margin-bottom: 1em; }

body.home.page .specail-link-list {
  padding-top: 1.15em; }
  body.home.page .specail-link-list p {
    padding: 2em;
    padding-bottom: 3em;
    padding-top: 0; }

body.home.page .neg-margin {
  margin-top: -1px; }

@media screen and (max-width: 767px) {
  body.home.page .hide-at-mobile {
    display: none; }
  body.home.page .show-at-mobile {
    display: block !important; } }

body.home.page .bigger-it p {
  font-size: 1.2em;
  line-height: 1.5em; }
  body.home.page .bigger-it p a {
    margin-top: 1em; }

/*
	New homepage temp
*/
.one-third-inners {
  max-width: 1200px !important; }
  .one-third-inners > * {
    display: inline-block;
    width: 32%;
    margin: 0 !important;
    padding: 0em .5em;
    vertical-align: top; }

.third-half-inners {
  max-width: 1200px !important;
  text-align: center; }
  .third-half-inners > * {
    display: inline-block;
    width: 32%;
    margin: 0 !important;
    padding: 0em .5em;
    vertical-align: top; }

@media screen and (max-width: 767px) {
  .one-third-inners > *,
  .third-half-inners > * {
    display: block !important;
    width: 100% !important;
    margin-bottom: 2.5em !important; } }

/*
	This contains special layout bits used on the static HTML landing pages.
*/
.big-search-form {
  text-align: center; }
  .big-search-form form {
    text-align: center; }
    .big-search-form form input {
      max-width: 400px;
      display: inline-block;
      -webkit-appearance: none; }
      .big-search-form form input[type="text"] {
        margin-right: -8px; }

/*
	2 column layout, right column dropping below, with full width color bars. This uses the banner-bars.scss 
	styles for bar color, margin, and padding.
*/
.side-by-side {
  width: 100%; }
  .side-by-side:after {
    clear: both; }
  .side-by-side .left-side, .side-by-side .right-side {
    width: 50%; }
    .side-by-side .left-side .header h1, .side-by-side .left-side .header h2, .side-by-side .left-side .header h3, .side-by-side .left-side .header h4, .side-by-side .left-side .header h5, .side-by-side .left-side .header h6, .side-by-side .right-side .header h1, .side-by-side .right-side .header h2, .side-by-side .right-side .header h3, .side-by-side .right-side .header h4, .side-by-side .right-side .header h5, .side-by-side .right-side .header h6 {
      text-align: center;
      margin-top: -.15em; }
    .side-by-side .left-side .header p, .side-by-side .right-side .header p {
      max-width: 450px;
      text-align: center;
      margin: 0 auto; }
    .side-by-side .left-side .holder, .side-by-side .right-side .holder {
      width: 100%;
      max-width: 600px;
      display: inline-block;
      text-align: left; }
  .side-by-side .left-side {
    float: left;
    text-align: right; }
    .side-by-side .left-side.bordered > * {
      border-right: 2px solid #d9d9d6;
      margin-right: -1px; }
  .side-by-side .right-side {
    float: right;
    text-align: left; }
    .side-by-side .right-side.bordered > * {
      border-left: 2px solid #d9d9d6;
      margin-left: -1px; }
  @media screen and (max-width: 767px) {
    .side-by-side .left-side, .side-by-side .right-side {
      width: 100%; }
      .side-by-side .left-side.bordered > *, .side-by-side .right-side.bordered > * {
        border: none;
        margin: 0; }
      .side-by-side .left-side .holder, .side-by-side .right-side .holder {
        max-width: 100%; } }

/*
	Homepage specific (or at least initially create for homepage and not moved)
*/
body.home.page .hero-image-overlay h1 {
  color: #fce85d; }

body.home.page .backup-background {
  background-color: #d9d9d6; }

body.home.page .holder.specail-link-list {
  padding: 1em 0 2em 0; }
  @media screen and (min-width: 1024px) {
    body.home.page .holder.specail-link-list {
      margin-bottom: 1px; } }
  body.home.page .holder.specail-link-list p {
    text-align: center;
    margin: 1em; }
  body.home.page .holder.specail-link-list hr {
    max-width: 450px;
    width: 90%; }
  body.home.page .holder.specail-link-list a:not(.glossaryLink) {
    display: block;
    font-size: 1.4em;
    text-decoration: none;
    padding-bottom: .25em;
    transition: color .25s; }
    body.home.page .holder.specail-link-list a:not(.glossaryLink) span {
      font-size: .8em;
      color: #ffa300;
      vertical-align: text-top;
      transition: color .25s; }
    body.home.page .holder.specail-link-list a:not(.glossaryLink):hover {
      color: #101820; }
      body.home.page .holder.specail-link-list a:not(.glossaryLink):hover span {
        color: #101820; }

body.home.page .cta-link {
  clear: both;
  display: block;
  text-decoration: none;
  text-align: center;
  margin-top: 1.5em;
  font-size: 1.2em;
  text-transform: uppercase; }

body.home.page #inserted-blog-post {
  background-color: #ffffff;
  position: relative;
  text-align: left;
  padding: 1.25em 1em;
  padding-bottom: 2.75em;
  margin: 1.5em 0;
  min-height: 150px; }
  body.home.page #inserted-blog-post h5 {
    text-transform: uppercase;
    line-height: 1em;
    color: #007aff;
    text-align: left; }
  body.home.page #inserted-blog-post h3 {
    font-weight: 100;
    text-align: left;
    margin-bottom: 1em; }
  body.home.page #inserted-blog-post img {
    border-radius: 50%;
    float: right; }
  body.home.page #inserted-blog-post .meta {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom: 5px solid #007aff;
    text-align: right;
    font-size: 0.8em;
    line-height: 1.75em;
    padding-right: 1em; }
    body.home.page #inserted-blog-post .meta .sep {
      display: inline-block;
      padding: 0 .5em; }
  @media screen and (max-width: 767px) {
    body.home.page #inserted-blog-post {
      padding-bottom: 3em; } }

body.home.page .detail-block {
  text-align: center; }
  body.home.page .detail-block img {
    display: inline-block;
    max-height: 177px;
    width: auto;
    margin-bottom: -1em; }
  body.home.page .detail-block b {
    display: block;
    padding-top: 1em;
    padding-bottom: .5em; }
  body.home.page .detail-block p {
    width: 100%; }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  body.home.page .detail-block {
    text-align: center; }
    body.home.page .detail-block img {
      display: block;
      float: none;
      max-width: 100%;
      height: auto;
      margin: 1.75em auto 0 auto; }
  body.home.page .banner-bar.right {
    min-height: 485px; } }

.banner-bar.left {
  text-align: right; }

.banner-bar.right {
  text-align: left; }

/*
	Second tier curated pages (like the TMC Attribution Analytics page)
*/
.header-back-link {
  text-decoration: none;
  color: #ffffff; }
  .header-back-link:hover {
    color: #7ccbea; }

.center-header {
  text-align: center;
  padding: 0 .75em; }
  .center-header .large-text {
    font-size: 1.2em;
    max-width: 700px;
    margin: 0 auto;
    color: #ffffff; }
  .center-header form {
    margin: auto;
    margin-top: 20px; }

.big-tab-bar .big-tab {
  text-align: center;
  font-size: 1.4em;
  background-color: #f5f6f7;
  color: #707372; }
  .big-tab-bar .big-tab p {
    padding-bottom: .5em;
    border-bottom: 4px solid #f5f6f7;
    display: inline-block; }
    .big-tab-bar .big-tab p span:before {
      font-size: 1.9em;
      margin: .4em 0 .3em 0;
      display: inline-block;
      width: 1.8em;
      height: 1.8em;
      border-radius: 50%;
      vertical-align: middle;
      line-height: 1.5em;
      padding: .15em; }
  .big-tab-bar .big-tab a {
    color: inherit;
    text-decoration: none; }
  .big-tab-bar .big-tab.tab-active {
    color: #3d5265; }
    .big-tab-bar .big-tab.tab-active p {
      border-color: #3d5265; }
      .big-tab-bar .big-tab.tab-active p span:before {
        background-color: #3d5265;
        color: #f5f6f7; }

@media screen and (max-width: 767px) {
  .big-tab-bar {
    display: none; } }

.tab-content.hidden {
  display: none; }
  @media screen and (max-width: 767px) {
    .tab-content.hidden {
      display: block; } }

.tab-sub-header {
  padding-bottom: 2em; }
  .tab-sub-header h2 {
    font-size: 2.7em;
    color: #007aff;
    margin-top: 0; }
  .tab-sub-header p {
    font-size: 1.4em;
    font-weight: 100; }

.section-box .vc_column_container,
.section-box-inset .vc_column_container {
  padding: 0 80px 0 120px;
  margin-bottom: 2em; }
  @media screen and (max-width: 767px) {
    .section-box .vc_column_container,
    .section-box-inset .vc_column_container {
      padding: 0px 20px 0 100px; } }
  .section-box .vc_column_container h3,
  .section-box-inset .vc_column_container h3 {
    text-transform: uppercase;
    margin-bottom: .22em; }
  .section-box .vc_column_container p,
  .section-box-inset .vc_column_container p {
    font-size: 1.2em;
    margin-bottom: .5em; }
  .section-box .vc_column_container hr,
  .section-box-inset .vc_column_container hr {
    margin: .5em 0; }
  .section-box .vc_column_container strong,
  .section-box-inset .vc_column_container strong {
    color: #707372;
    text-transform: uppercase; }
  .section-box .vc_column_container ul,
  .section-box-inset .vc_column_container ul {
    margin: .5em 0 0 0;
    padding-left: 1.5em; }
  .section-box .vc_column_container [class^="icon-"]:before,
  .section-box .vc_column_container [class*=" icon-"]:before,
  .section-box-inset .vc_column_container [class^="icon-"]:before,
  .section-box-inset .vc_column_container [class*=" icon-"]:before {
    float: left;
    font-size: 60px;
    margin-left: -80px;
    color: #007aff; }

.section-box-inset .vc_column_container {
  padding: 20px;
  padding-top: 0; }
  .section-box-inset .vc_column_container h2 {
    padding-top: .75em; }
  .section-box-inset .vc_column_container a.pseudo-button {
    font-size: .9em;
    width: 100%;
    text-align: center;
    margin-top: .75em; }
    .section-box-inset .vc_column_container a.pseudo-button i:before {
      float: none;
      color: #ffffff;
      font-size: 1em; }
    .section-box-inset .vc_column_container a.pseudo-button:hover i:before {
      color: #3d5265; }

.section-box-inset [class^="icon-"]:before,
.section-box-inset [class*=" icon-"]:before {
  float: left;
  margin-left: 0 !important;
  color: #007aff; }

.tune-academy-bar [class^="icon-"]:before {
  color: #3d5265;
  font-size: 1em; }

.help-cats-box {
  text-align: center; }
  .help-cats-box ul {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none; }
    .help-cats-box ul li {
      display: inline-block;
      width: 50%;
      padding: 20px;
      vertical-align: top; }
      @media screen and (max-width: 767px) {
        .help-cats-box ul li {
          width: 100%; } }
      .help-cats-box ul li a {
        padding: 20px;
        font-size: 1.2em;
        display: block;
        border: 2px solid #bbbcbc;
        text-align: left;
        color: #101820;
        text-decoration: none;
        background-color: #f5f6f7;
        font-weight: 500;
        transition: color .25s, background-color .25s, border-color .25s;
        position: relative; }
        .help-cats-box ul li a p {
          font-size: 1em;
          font-weight: 300;
          padding-top: .5em; }
        .help-cats-box ul li a:hover {
          border-color: #007aff;
          color: #007aff;
          background-color: #ffffff; }
        .help-cats-box ul li a span:before {
          padding-left: .5em; }

.latest-updates-shortcode-container article {
  padding-bottom: 20px !important; }
  .latest-updates-shortcode-container article header {
    margin-bottom: 1.5em !important; }

.latest-updates-shortcode-container .read-more-link {
  text-align: center;
  padding: 2em 0 4em 0; }
  .latest-updates-shortcode-container .read-more-link a {
    display: inline-block;
    background-color: #ffffff;
    text-decoration: none;
    padding: 1em 1.5em;
    border: 2px solid #007aff;
    border-radius: 4px;
    text-transform: background-color .25; }
    .latest-updates-shortcode-container .read-more-link a:hover {
      background-color: #007aff;
      color: #ffffff; }

.tune-dev-hub-bar .holder {
  text-align: left; }
  .tune-dev-hub-bar .holder .alignleft {
    float: left; }
  .tune-dev-hub-bar .holder h2 {
    color: #ffa300; }
  .tune-dev-hub-bar .holder i.showcase-icon:before {
    float: left;
    font-size: 10em; }
  .tune-dev-hub-bar .holder .dev-hub-link-box {
    font-size: 0.8em;
    padding: 3em 0 1em 0; }
    .tune-dev-hub-bar .holder .dev-hub-link-box a {
      font-size: 1.2em;
      background-color: #ffa300;
      color: #ffffff;
      text-decoration: none;
      padding: 1em 1.5em;
      border: 2px solid #ffa300;
      border-radius: 4px;
      text-transform: background-color .25; }
      .tune-dev-hub-bar .holder .dev-hub-link-box a:hover {
        background-color: #3d5265;
        color: #ffa300; }

/*
	No Visual Composer, I don't want a minimum height
*/
.vc_col-xs-1, .vc_col-sm-1, .vc_col-md-1, .vc_col-lg-1, .vc_col-xs-2, .vc_col-sm-2, .vc_col-md-2, .vc_col-lg-2, .vc_col-xs-3, .vc_col-sm-3, .vc_col-md-3, .vc_col-lg-3, .vc_col-xs-4, .vc_col-sm-4, .vc_col-md-4, .vc_col-lg-4, .vc_col-xs-5, .vc_col-sm-5, .vc_col-md-5, .vc_col-lg-5, .vc_col-xs-6, .vc_col-sm-6, .vc_col-md-6, .vc_col-lg-6, .vc_col-xs-7, .vc_col-sm-7, .vc_col-md-7, .vc_col-lg-7, .vc_col-xs-8, .vc_col-sm-8, .vc_col-md-8, .vc_col-lg-8, .vc_col-xs-9, .vc_col-sm-9, .vc_col-md-9, .vc_col-lg-9, .vc_col-xs-10, .vc_col-sm-10, .vc_col-md-10, .vc_col-lg-10, .vc_col-xs-11, .vc_col-sm-11, .vc_col-md-11, .vc_col-lg-11, .vc_col-xs-12, .vc_col-sm-12, .vc_col-md-12, .vc_col-lg-12 {
  min-height: 0px !important; }

.wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button {
  margin-bottom: 0px !important; }

/*
	Marketing Console Home Page
*/
.mchp-cell {
  padding: 40px 80px;
  text-align: center; }
  .mchp-cell .icon-curved-back-right-arrow:before {
    color: #ffa300; }
  .mchp-cell a {
    text-decoration: none; }

/*
	Training
*/
body .hero-image-overlay.overlay-training-hero {
  text-align: center; }
  body .hero-image-overlay.overlay-training-hero h1 {
    color: #101820; }
  body .hero-image-overlay.overlay-training-hero p {
    font-size: 1.2em;
    color: #007aff; }

.light-header h1, .light-header h2, .light-header h3, .light-header h4, .light-header h5, .light-header h6 {
  font-weight: 300; }

.contact-bar {
  text-align: center;
  font-size: 1.2em;
  padding: 20px 0 !important; }

/*

*/
.header-search-form input {
  display: inline-block; }
  .header-search-form input[type="text"] {
    width: 500px;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important; }
  .header-search-form input[type="submit"] {
    width: 140px;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    -webkit-appearance: none; }
  @media screen and (max-width: 767px) {
    .header-search-form input[type="text"] {
      width: 270px; }
    .header-search-form input[type="submit"] {
      width: 130px; } }

.cross-site-btn {
  float: right;
  padding: .5em .75em;
  margin-top: -1em; }

/*
	Those deeper level curated pages Grace wanted
*/
.knowledge-base.deeper-level {
  padding: 1.5em 0 2em 0; }
  .knowledge-base.deeper-level .vc_row-fluid {
    padding-bottom: 1em; }
    .knowledge-base.deeper-level .vc_row-fluid .vc_column_container {
      padding: 1em 1.5em; }
      .knowledge-base.deeper-level .vc_row-fluid .vc_column_container strong {
        text-transform: uppercase;
        color: #707372;
        font-size: 1.2em; }
      .knowledge-base.deeper-level .vc_row-fluid .vc_column_container .read-more-button-box .wpb_wrapper p {
        text-align: right;
        font-size: .8em;
        padding-top: 1.25em; }

/*
	The top of page cross-bucket nav
*/
#inter-nav-bar {
  margin-top: -30px;
  margin-bottom: 30px;
  background-color: rgba(44, 65, 84, 0.75);
  text-align: center; }
  #inter-nav-bar a {
    display: inline-block;
    padding: .5em 1.25em;
    color: #ffffff;
    text-decoration: none;
    opacity: .8;
    transition: opacity .25s; }
    #inter-nav-bar a:hover {
      opacity: 1; }
    #inter-nav-bar a.active {
      opacity: 1;
      background-color: rgba(255, 255, 255, 0.16); }
  @media screen and (max-width: 767px) {
    #inter-nav-bar a {
      display: block; }
      #inter-nav-bar a.active {
        background-color: #2c4154;
        color: #fce85d; } }

/*
	Training Page
*/
.training-page-bar h2 {
  font-weight: 400; }
  .training-page-bar h2 i {
    color: #007aff;
    margin-right: 1.25em; }

.training-page-bar ul {
  max-width: 400px;
  text-align: left;
  display: block;
  margin: 2em auto 1em auto;
  font-size: 1em; }
  .training-page-bar ul li a {
    text-decoration: none; }

.events-sub-box,
.recorded-sub-box {
  text-align: center; }
  .events-sub-box ul,
  .recorded-sub-box ul {
    display: inline-block; }
    .events-sub-box ul li,
    .recorded-sub-box ul li {
      text-align: left; }

/*
	The 404 page
*/
#content.page-not-found .special-404-alt .holder h1 {
  text-align: center;
  color: #d82949; }
  #content.page-not-found .special-404-alt .holder h1.big-text {
    font-size: 10em;
    margin: 0; }
  #content.page-not-found .special-404-alt .holder h1.entry-title {
    margin: 0 0 1em 0;
    font-size: 2.25em; }

#content.page-not-found .special-404-alt .holder .header-search-form input[type="submit"] {
  width: auto;
  margin-top: 3em;
  -webkit-appearance: none; }

/*
	Some pages load a php file that was a ton of document.write commends, a shortcode parses them out since thats just a dumb way to do it.
*/
.fix_php_js_table_wrap table img {
  margin: 0;
  padding: 0;
  display: inline; }

.fix_php_js_table_wrap table td {
  vertical-align: middle !important; }

/*
	developers.tune.com specials
*/
.entry-content .half-col {
  width: 49.5%;
  display: inline-block;
  vertical-align: top;
  margin-right: -4px; }

.entry-content h3.underline {
  border-bottom: 1px solid #bbbcbc;
  padding-bottom: 1em;
  margin-bottom: 1.25em; }

.entry-content ul.link-list {
  margin: 0em 0em 2em 2em; }
  .entry-content ul.link-list a {
    text-decoration: none; }

.entry-content .cascading-box {
  padding-bottom: 1em; }
  .entry-content .cascading-box .item {
    display: inline-block;
    width: 49.5%;
    margin-right: -4px;
    margin-bottom: 1em;
    vertical-align: top;
    font-size: .98em;
    line-height: 1.2em; }
    .entry-content .cascading-box .item:nth-child(2n+1) {
      padding: 0em .5em 2em 1em; }
    .entry-content .cascading-box .item:nth-child(2n+2) {
      padding: 0em 1em 2em .5em; }
    .entry-content .cascading-box .item h4 {
      margin: 0; }
    .entry-content .cascading-box .item .float-image {
      width: 60px;
      height: 60px;
      background-color: red;
      margin: 0em 1em 0em 0em;
      float: left;
      background-position: center center !important; }
      .entry-content .cascading-box .item .float-image.ios {
        background: url("images/platform-icons/ios.png"); }
      .entry-content .cascading-box .item .float-image.tvos {
        background: url("images/platform-icons/tvos.png"); }
      .entry-content .cascading-box .item .float-image.android {
        background: url("images/platform-icons/android.png"); }
      .entry-content .cascading-box .item .float-image.javascript {
        background: url("images/platform-icons/javascript.png"); }
      .entry-content .cascading-box .item .float-image.windows {
        background: url("images/platform-icons/windows.png"); }
      .entry-content .cascading-box .item .float-image.adobe-air {
        background: url("images/platform-icons/adobe.png"); }
      .entry-content .cascading-box .item .float-image.cocos2dx {
        background: url("images/platform-icons/cocos2dx.png"); }
      .entry-content .cascading-box .item .float-image.corona {
        background: url("images/platform-icons/corona.png"); }
      .entry-content .cascading-box .item .float-image.marmalade {
        background: url("images/platform-icons/marmalade.png"); }
      .entry-content .cascading-box .item .float-image.phonegap {
        background: url("images/platform-icons/phonegap.png"); }
      .entry-content .cascading-box .item .float-image.titanium {
        background: url("images/platform-icons/titanium.png"); }
      .entry-content .cascading-box .item .float-image.unity {
        background: url("images/platform-icons/unity.png"); }
      .entry-content .cascading-box .item .float-image.xamarin {
        background: url("images/platform-icons/xamarin.png"); }
      .entry-content .cascading-box .item .float-image.segment {
        background: url("images/platform-icons/segment.png"); }
      .entry-content .cascading-box .item .float-image.smartwhere {
        background: url("images/platform-icons/smartwhere.png"); }

/*
	For the developers page
*/
.entry-content .text-center {
  text-align: center; }

.entry-content .side-by-side.white-bg {
  margin-bottom: -1px; }
  .entry-content .side-by-side.white-bg .left-side,
  .entry-content .side-by-side.white-bg .right-side {
    background-color: #ffffff; }
    .entry-content .side-by-side.white-bg .left-side .ico-link,
    .entry-content .side-by-side.white-bg .right-side .ico-link {
      font-size: 1.2em !important; }

.entry-content .centered,
.entry-content .icon-package {
  text-align: center; }
  .entry-content .centered .icon,
  .entry-content .icon-package .icon {
    display: inline-block;
    width: 128px;
    background-repeat: no-repeat;
    background-position: top center;
    margin: 1em;
    line-height: 55px; }
    .entry-content .centered .icon.ios,
    .entry-content .icon-package .icon.ios {
      background-image: url("images/platform-icons/ios-ltblue.png"); }
    .entry-content .centered .icon.tvos,
    .entry-content .icon-package .icon.tvos {
      background-image: url("images/platform-icons/tvos-ltblue.png"); }
    .entry-content .centered .icon.android,
    .entry-content .icon-package .icon.android {
      background-image: url("images/platform-icons/android-ltblue.png"); }
    .entry-content .centered .icon.javascript,
    .entry-content .icon-package .icon.javascript {
      background-image: url("images/platform-icons/javascript-ltblue.png"); }
    .entry-content .centered .icon.windows,
    .entry-content .icon-package .icon.windows {
      background-image: url("images/platform-icons/windows-ltblue.png"); }
    .entry-content .centered .icon.award,
    .entry-content .icon-package .icon.award {
      background-image: url("images/platform-icons/best-practives.png"); }
    .entry-content .centered .icon.console,
    .entry-content .icon-package .icon.console {
      background-image: url("images/platform-icons/api-reference.png"); }
    .entry-content .centered .icon.graph,
    .entry-content .icon-package .icon.graph {
      background-image: url("images/platform-icons/api-status.png"); }
    .entry-content .centered .icon.doc,
    .entry-content .icon-package .icon.doc {
      background-image: url("images/platform-icons/release-notes.png"); }
    .entry-content .centered .icon.bubble,
    .entry-content .icon-package .icon.bubble {
      background-image: url("images/platform-icons/dev-forum.png"); }
    .entry-content .centered .icon a,
    .entry-content .icon-package .icon a {
      margin-top: 50px;
      display: inline-block; }

.entry-content hr.blue-line {
  margin: 0px;
  border: 3px solid #007aff; }

.entry-content a .larger-icon {
  font-size: 1.5em !important;
  color: #007aff !important;
  line-height: .75em;
  margin-right: -.25em; }
  .entry-content a .larger-icon:before {
    transition: color .25s;
    margin-left: 0 !important; }

.entry-content a:hover .larger-icon:before {
  color: #000000; }

/*
	For the "API List" Pages
*/
.api-list-content {
  margin-bottom: 5em; }
  .api-list-content .attribution-analyitcs-header,
  .api-list-content .appstore-analyitcs-header,
  .api-list-content .marketing-automation-header {
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: 0px center;
    border-bottom: 1px solid #bbbcbc;
    padding: 1em 0em 1em 60px;
    margin-top: 2em; }
    .api-list-content .attribution-analyitcs-header:first-child,
    .api-list-content .appstore-analyitcs-header:first-child,
    .api-list-content .marketing-automation-header:first-child {
      margin-top: .54em; }
  .api-list-content .attribution-analyitcs-header {
    background-image: url("images/AA-icon.png"); }
  .api-list-content .appstore-analyitcs-header {
    background-image: url("images/ASA-icon.png"); }
  .api-list-content .marketing-automation-header {
    background-image: url("images/IAM-icon.png"); }
  .api-list-content h3 {
    padding: .5em 0em 0em 60px;
    margin-bottom: .25em; }
  .api-list-content p {
    padding: 0em 0em 0em 60px; }
    .api-list-content p a {
      padding: 0em 1.5em; }
      .api-list-content p a:first-child {
        padding-left: 0em; }
      .api-list-content p a:last-child {
        padding-right: 0em; }

/*
	Some special stuff for the developers site subheader
*/
.banner-bar .main {
  display: inline-block;
  vertical-align: middle;
  padding: 1em 0em; }

.banner-bar .side {
  display: inline-block;
  vertical-align: middle;
  float: right; }
  .banner-bar .side .subheader-dropdown {
    background-color: #49657a; }
  .banner-bar .side select {
    color: #fff; }

/*
	Comments Alternative
*/
.no-comments-box {
  text-align: center;
  margin: 1em; }

/*
	This contains most, if not all, of the styles used on the search page. Some of these were directly pulled from the 
	layout.css file, and others were adding working around the styles already there. In general this should be cleaned 
	up and simplified when there is time (if we keep using wordpress and this theme that is).
*/
body.search-results .search-filters-block .main-filter-options.dev-special,
body.search-no-results .search-filters-block .main-filter-options.dev-special {
  width: 100%; }
  body.search-results .search-filters-block .main-filter-options.dev-special .filter,
  body.search-no-results .search-filters-block .main-filter-options.dev-special .filter {
    width: 25%; }
    body.search-results .search-filters-block .main-filter-options.dev-special .filter.apply-btn,
    body.search-no-results .search-filters-block .main-filter-options.dev-special .filter.apply-btn {
      float: right; }
      body.search-results .search-filters-block .main-filter-options.dev-special .filter.apply-btn input,
      body.search-no-results .search-filters-block .main-filter-options.dev-special .filter.apply-btn input {
        border-radius: 4px !important; }

/*
	Old styles from layout.css, before the search page was given it's own thing
*/
/*
	Search page styles
*/
body.search-results .support-page-header h3,
body.search-no-results .support-page-header h3 {
  font-weight: 400;
  margin-bottom: 0; }

body.search-results .support-page-header .special-search-form input[type="submit"],
body.search-no-results .support-page-header .special-search-form input[type="submit"] {
  width: 25%;
  display: inline-block;
  padding: .75em;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }

body.search-results .support-page-header .special-search-form input.search-field,
body.search-no-results .support-page-header .special-search-form input.search-field {
  width: 75%;
  display: inline-block;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

@media screen and (min-width: 1024px) {
  body.search-results .support-page-header .special-search-form input[type="submit"],
  body.search-no-results .support-page-header .special-search-form input[type="submit"] {
    width: 15%; }
  body.search-results .support-page-header .special-search-form input.search-field,
  body.search-no-results .support-page-header .special-search-form input.search-field {
    width: 85%; } }

body.search-results .search-filters-block,
body.search-no-results .search-filters-block {
  padding: 10px 10px 6.6666666667px 10px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }
  body.search-results .search-filters-block:after,
  body.search-no-results .search-filters-block:after {
    content: '';
    clear: both;
    display: block; }
  body.search-results .search-filters-block .main-filter-options,
  body.search-no-results .search-filters-block .main-filter-options {
    display: inline-block;
    width: 83%; }
    body.search-results .search-filters-block .main-filter-options .filter,
    body.search-no-results .search-filters-block .main-filter-options .filter {
      width: 20%;
      float: left; }
    body.search-results .search-filters-block .main-filter-options:after,
    body.search-no-results .search-filters-block .main-filter-options:after {
      content: '';
      clear: both;
      display: block; }
  body.search-results .search-filters-block .side-filter-options,
  body.search-no-results .search-filters-block .side-filter-options {
    display: inline-block;
    width: 17%; }
    body.search-results .search-filters-block .side-filter-options .filter,
    body.search-no-results .search-filters-block .side-filter-options .filter {
      width: 100%;
      float: right; }
    body.search-results .search-filters-block .side-filter-options:after,
    body.search-no-results .search-filters-block .side-filter-options:after {
      content: '';
      clear: both;
      display: block; }
  body.search-results .search-filters-block .filter,
  body.search-no-results .search-filters-block .filter {
    padding: 10px; }
  body.search-results .search-filters-block input, body.search-results .search-filters-block select,
  body.search-no-results .search-filters-block input,
  body.search-no-results .search-filters-block select {
    margin: 0;
    width: 100%; }
  body.search-results .search-filters-block input,
  body.search-no-results .search-filters-block input {
    padding: .45em; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body.search-results .search-filters-block .main-filter-options,
    body.search-no-results .search-filters-block .main-filter-options {
      width: 88%; }
    body.search-results .search-filters-block .side-filter-options,
    body.search-no-results .search-filters-block .side-filter-options {
      width: 12%; } }
  @media screen and (max-width: 767px) {
    body.search-results .search-filters-block .main-filter-options,
    body.search-no-results .search-filters-block .main-filter-options {
      display: block;
      width: 100%; }
      body.search-results .search-filters-block .main-filter-options .filter,
      body.search-no-results .search-filters-block .main-filter-options .filter {
        width: 100%;
        float: none; }
    body.search-results .search-filters-block .side-filter-options,
    body.search-no-results .search-filters-block .side-filter-options {
      display: block;
      width: 100%; }
      body.search-results .search-filters-block .side-filter-options .filter,
      body.search-no-results .search-filters-block .side-filter-options .filter {
        width: 100%;
        float: none; } }

body.search-results .results-message,
body.search-no-results .results-message {
  font-size: 1.2em;
  font-weight: 500;
  padding: 2em 0 .75em 0; }

body.search-results .product-selector,
body.search-no-results .product-selector {
  margin: -.5em 0; }
  body.search-results .product-selector a,
  body.search-no-results .product-selector a {
    display: inline-block;
    padding: .5em;
    border-radius: 4px;
    color: black;
    text-decoration: none; }
    body.search-results .product-selector a:hover,
    body.search-no-results .product-selector a:hover {
      background-color: #e0e0de; }
    body.search-results .product-selector a.selected,
    body.search-no-results .product-selector a.selected {
      font-weight: 500;
      background-color: #d9d9d6; }

body.search-results .search-result-url,
body.search-no-results .search-result-url {
  display: block;
  color: #707372;
  text-decoration: none;
  word-break: break-all; }

body.search-results .search-result-breadcrumbs,
body.search-no-results .search-result-breadcrumbs {
  color: #707372;
  margin-bottom: .25em; }
  body.search-results .search-result-breadcrumbs a,
  body.search-no-results .search-result-breadcrumbs a {
    color: #707372;
    text-decoration: none; }
    body.search-results .search-result-breadcrumbs a:hover,
    body.search-no-results .search-result-breadcrumbs a:hover {
      color: #007aff; }

@media screen and (max-width: 1023px) {
  body.search-results .results-message,
  body.search-results .product-selector,
  body.search-no-results .results-message,
  body.search-no-results .product-selector {
    float: none;
    display: block;
    text-align: center; }
  body.search-results .product-selector,
  body.search-no-results .product-selector {
    margin-top: .5em; } }

@media screen and (max-width: 767px) {
  body.search-results a.search-result-url,
  body.search-results .search-result-breadcrumbs,
  body.search-no-results a.search-result-url,
  body.search-no-results .search-result-breadcrumbs {
    display: none; } }

@media print {
  .offscreen-menu-triggers,
  nav,
  section#comments #respond,
  footer#footer,
  #nav-below,
  aside#sidebar,
  .support-page-header,
  .support-page-breadcrumbs,
  .us_wrapper,
  #ulTUNEate-support,
  #article-TUNEr,
  .comment-form-container {
    display: none; }
  p, ul, li, a, span, div {
    font-family: "Helvetica" !important; }
  #content {
    width: 100%;
    padding: 0 !important; }
  .entry-meta {
    font-size: 0.75em !important; }
  .multi-page-content {
    display: block !important; }
  header {
    border: none !important; }
  header#header {
    position: relative;
    margin-bottom: 2em; }
  body {
    padding-top: 0 !important; } }

/*
	I'm using the term typography pretty broadly, really I mean anything thats in the content area and nor so special it 
	gets it's own scss file.
*/
/*
	Base font styles
*/
body {
  font-family: "Gotham A", "Gotham B", Gotham, Helvetica;
  font-size: 15px;
  line-height: 23px;
  font-weight: 400;
  font-style: normal;
  color: #000; }

/*
	Primitive elements (most of the, and not just the common ones) 
*/
p:not(:last-child) {
  margin-bottom: 1em; }

b, strong {
  font-weight: 500; }

em, i {
  font-weight: 300;
  font-style: italic; }

em {
  font-weight: 400; }

a {
  color: #007aff;
  transition: color .25s; }
  a:hover {
    color: #071d49; }

address {
  margin-left: 4em;
  margin-bottom: 1em; }

pre {
  font-family: monaco, monospace;
  background-color: #f5f6f7;
  padding: .5em;
  border: 1px solid #d9d9d6;
  display: block;
  margin: 1em 0;
  width: 100%;
  overflow: auto;
  word-wrap: break-word !important; }
  pre::-webkit-scrollbar {
    background-color: transparent; }
  pre::-webkit-scrollbar-track {
    background-color: #e7e8e7; }
  pre::-webkit-scrollbar-thumb {
    background-color: #d9d9d6; }

code, kbd, tt, var {
  font-family: monaco, monospace;
  background-color: #f5f6f7;
  border: 1px solid #d9d9d6; }

.code-ref {
  font-family: monaco, monospace; }

blockquote {
  margin-bottom: 1em; }

blockquote > p,
q {
  /*
	&:after{
		content: '\201D';
		font-size: 3em;
		padding-left: .2em;
		line-height:.3em;
		vertical-align: bottom;
		color: $c-mdgrey;
	}
	*/ }
  blockquote > p:before,
  q:before {
    content: '\201C';
    font-size: 3em;
    padding-right: .2em;
    line-height: .3em;
    vertical-align: bottom;
    color: #bbbcbc; }

cite {
  padding-left: .5em;
  font-style: italic; }

hr {
  border: none;
  border-bottom: 1px solid #bbbcbc;
  margin: 1em auto; }

dl {
  margin: 1em 0 1em 2em; }
  dl dt {
    font-weight: 500; }
  dl dd {
    margin-bottom: .75em; }

abbr, acronym {
  border-bottom: 1px dotted #bbbcbc; }

big {
  font-size: 1.25em; }

small {
  font-size: .75em; }

del, strike {
  text-decoration: line-through; }

sub {
  vertical-align: sub;
  font-size: .75em; }

sup {
  vertical-align: super;
  font-size: .75em; }

/*
	Header Styles (pulled fromt he existing TUNE framework, but rejiggered)
*/
h1 {
  font-weight: 500;
  font-size: 2.7em;
  line-height: 1.15em;
  margin: 0.285714em 0; }
  @media screen and (max-width: 1023px) {
    h1 {
      font-size: 1.9em;
      line-height: 1.25em;
      margin: 0.5em 0; } }
  @media screen and (max-width: 767px) {
    h1 {
      font-size: 1.4em;
      line-height: 1.35em;
      margin: 0.66em 0; } }

h2 {
  font-weight: 500;
  font-size: 1.9em;
  line-height: 1.25em;
  margin: 0.5em 0; }
  @media screen and (max-width: 1023px) {
    h2 {
      font-size: 1.4em;
      line-height: 1.35em;
      margin: 0.66em 0; } }
  @media screen and (max-width: 767px) {
    h2 {
      font-size: 1.2em;
      line-height: 1.35em;
      margin: 0.8em 0; } }

h3 {
  font-weight: 500;
  font-size: 1.4em;
  line-height: 1.35em;
  margin: 0.66em 0; }
  @media screen and (max-width: 1023px) {
    h3 {
      font-size: 1.2em;
      line-height: 1.35em;
      margin: 0.8em 0; } }

h4 {
  font-weight: 500;
  font-size: 1.2em;
  line-height: 1.35em;
  margin: 0.66em 0; }
  @media screen and (max-width: 1023px) {
    h4 {
      font-size: 1em;
      line-height: 1.35em;
      margin: 0.8em 0; } }

h5 {
  font-weight: 500;
  font-size: 1em;
  margin: 1em 0; }

h6 {
  font-weight: 500;
  font-size: 0.8em;
  margin: 1.33em 0; }

h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child {
  margin-bottom: 0; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  text-decoration: none; }

/*
	Lists, of the ordered and unordered variety
*/
ul, ol {
  margin: 1em 0em 1em 2em; }
  nav ul, nav ol {
    margin: 0; }

ul {
  list-style-type: disc; }
  nav ul {
    list-style-type: none; }
  ul li ul {
    list-style-type: square; }
    nav ul li ul {
      list-style-type: none; }
    ul li ul li ul {
      list-style-type: disc; }
      nav ul li ul li ul {
        list-style-type: none; }

ol {
  list-style-type: decimal; }
  nav ol {
    list-style-type: none; }
  ol li ol {
    list-style-type: lower-alpha; }
    nav ol li ol {
      list-style-type: none; }
    ol li ol li ol {
      list-style-type: decimal; }
      nav ol li ol li ol {
        list-style-type: none; }

/*
	Tables
*/
table {
  margin: 1em auto;
  border-collapse: collapse;
  max-width: 100%;
  display: inline-block;
  overflow: auto;
  width: auto !important; }
  table tr:nth-child(odd) {
    background-color: #ececeb; }
  table tr td, table tr th {
    padding: .5em .75em;
    border: 1px solid #bbbcbc;
    text-align: left; }
  table tr th {
    background: #101820;
    color: #ffffff;
    text-align: center;
    font-weight: 500;
    border-color: #101820; }
    table tr th a {
      color: #ffffff; }
      table tr th a:hover {
        color: #7ccbea; }

/*
	Figure, the new caption (caption wasn't a tag, it was a cludgy class)
*/
figure {
  margin: 1em 2em;
  max-width: 100%; }
  figure img {
    margin: 0 !important; }
  figure.alignleft {
    margin-left: 0;
    float: left; }
  figure.alignright {
    margin-right: 0;
    float: right; }
  figure.aligncenter {
    margin-left: auto;
    margin-right: auto; }
  figure.alignnone {
    margin: 1em 0; }
  figure figcaption {
    font-size: 0.8em;
    line-height: 1.5;
    text-align: center; }

.entry-content img, img[class^="wp-image-"], img[class*=" wp-image-"], img.attachment-post-thumbnail {
  margin: 1em 0em;
  max-width: 100%;
  height: auto; }
  .wysiwyg-text-align-left .entry-content img, .entry-content img.alignleft, .wysiwyg-text-align-left img[class^="wp-image-"], img[class^="wp-image-"].alignleft, .wysiwyg-text-align-left img[class*=" wp-image-"], img[class*=" wp-image-"].alignleft, .wysiwyg-text-align-left img.attachment-post-thumbnail, img.attachment-post-thumbnail.alignleft {
    margin-left: 0;
    float: left; }
  .wysiwyg-text-align-right .entry-content img, .entry-content img.alignright, .wysiwyg-text-align-right img[class^="wp-image-"], img[class^="wp-image-"].alignright, .wysiwyg-text-align-right img[class*=" wp-image-"], img[class*=" wp-image-"].alignright, .wysiwyg-text-align-right img.attachment-post-thumbnail, img.attachment-post-thumbnail.alignright {
    margin-right: 0;
    float: right; }
  .wysiwyg-text-align-center .entry-content img, .entry-content img.aligncenter, .wysiwyg-text-align-center img[class^="wp-image-"], img[class^="wp-image-"].aligncenter, .wysiwyg-text-align-center img[class*=" wp-image-"], img[class*=" wp-image-"].aligncenter, .wysiwyg-text-align-center img.attachment-post-thumbnail, img.attachment-post-thumbnail.aligncenter {
    margin-left: auto;
    margin-right: auto;
    display: block; }
  .entry-content img.attachment-post-thumbnail, .entry-content img.alignnone, img[class^="wp-image-"].attachment-post-thumbnail, img[class^="wp-image-"].alignnone, img[class*=" wp-image-"].attachment-post-thumbnail, img[class*=" wp-image-"].alignnone, img.attachment-post-thumbnail.attachment-post-thumbnail, img.attachment-post-thumbnail.alignnone {
    margin: 0; }

a[data-zendesk-original] img {
  display: block;
  margin: 1em auto; }

/*
	Some simple font size classes and alignment classes we can add to elements
*/
.fs-xsmall {
  font-size: 0.8em; }

.fs-small {
  font-size: 1em; }

.fs-medium {
  font-size: 1.2em; }

.fs-largell {
  font-size: 1.4em; }

.fs-xlargell {
  font-size: 1.9em; }

.fs-xxlargel {
  font-size: 2.7em; }

.left {
  text-align: left; }

.center {
  text-align: center; }

.right {
  text-align: right; }

/*
	Sometimes bold ain't bold enough, so we fake... Super Bold (patent pending)
*/
pre strong, pre b, code strong, code b, kbd strong, kbd b, tt strong, tt b, var strong, var b, .code-ref strong, .code-ref b {
  font-weight: 900 !important;
  letter-spacing: .02em;
  text-shadow: 0 0 0 black, 0 0 0 black; }

body.hero_image {
  background-size: 100% auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center 60px;
  background-attachment: fixed; }
  body.hero_image.hollow_header {
    background-position: center top; }

#container {
  background: white; }

#header {
  font-size: 14px;
  top: 0;
  position: fixed;
  z-index: 9001;
  width: 100%;
  height: 60px;
  padding: 0 9px;
  overflow: hidden;
  background-color: #fff;
  border-bottom: 1px solid #d9d9d6;
  text-transform: uppercase;
  text-align: center;
  transition: background .25s, border-bottom-color .25s, color .25s; }
  .admin-bar #header {
    top: 32px; }
    @media screen and (max-width: 782px) {
      .admin-bar #header {
        top: 46px; } }
  body.hollow_header_empty #header {
    background: transparent;
    border-bottom-color: transparent; }
  #header #branding {
    display: inline;
    opacity: 1;
    transition: opacity .25s; }
    body.hollow_header_empty #header #branding {
      opacity: 0; }
    #header #branding #site-title {
      display: inline-block;
      margin: 0;
      font-size: 1em; }
      #header #branding #site-title .hide {
        position: absolute;
        top: 101%;
        left: 101%; }
      #header #branding #site-title a {
        padding: 14px;
        display: inline-block; }
        #header #branding #site-title a img {
          height: 34px;
          vertical-align: top; }
  #header .offscreen-menu-triggers {
    position: absolute;
    top: 0px; }
    #header .offscreen-menu-triggers.right-menu {
      right: 9px; }
    #header .offscreen-menu-triggers.left-menu {
      left: 9px; }
    #header .offscreen-menu-triggers #menu-header-menu {
      display: inline; }
      #header .offscreen-menu-triggers #menu-header-menu li {
        display: inline; }
  #header a {
    padding: 14px;
    line-height: 60px;
    text-decoration: none;
    color: #707372; }
    #header a:hover {
      color: #007aff; }
  #header i.icon {
    position: relative;
    top: 2px;
    font-size: 1.25em;
    line-height: 1.4em;
    vertical-align: baseline; }

.offscreen-menu {
  font-size: 14px;
  position: fixed;
  z-index: 8999;
  padding: 80px 60px 20px 20px;
  background-color: #fff;
  transition: top .25s, left .25s; }
  .admin-bar .offscreen-menu {
    margin-top: 32px; }
    @media screen and (max-width: 782px) {
      .admin-bar .offscreen-menu {
        margin-top: 46px; } }

#drop-menu {
  top: 0px;
  right: 0px;
  border-bottom: 1px solid #d9d9d6;
  border-left: 1px solid #d9d9d6;
  text-align: right; }

#slide-menu {
  top: 0px;
  left: 0px;
  bottom: 0px;
  border-right: 1px solid #d9d9d6;
  white-space: nowrap; }
  @media (max-width: 768px) {
    #slide-menu {
      width: 100%;
      left: -100%;
      border-right: none; } }
  #slide-menu .social-link {
    display: inline-block;
    font-size: 16px;
    color: #707372;
    text-decoration: none;
    margin-top: .75em;
    margin-right: .5em; }
    #slide-menu .social-link:hover {
      color: #007aff; }

.us_wrapper {
  transition: left .25s; }

#menu-header-menu {
  opacity: 1;
  transition: opacity .25s; }
  body.hollow_header_empty #menu-header-menu {
    opacity: 0; }

.offscreen-menu-triggers > ul {
  display: inline; }
  .offscreen-menu-triggers > ul li {
    display: inline; }

ul.header-bar-menu {
  margin-left: 0; }
  ul.header-bar-menu li {
    margin-bottom: .5em; }
    ul.header-bar-menu li.external:after {
      font-family: 'icotune-wp';
      content: '\e80b';
      height: .75em;
      width: .75em;
      font-size: .75em;
      color: #707372;
      margin-left: .5em;
      transition: color .25s; }
    ul.header-bar-menu li:hover:after {
      color: #007aff; }
    ul.header-bar-menu li:last-child {
      margin-bottom: 0; }
    ul.header-bar-menu li a {
      color: #007aff;
      text-decoration: none;
      text-transform: uppercase; }
      ul.header-bar-menu li a:hover {
        color: #707372; }
    ul.header-bar-menu li ul li {
      margin-bottom: inherit; }
      ul.header-bar-menu li ul li a {
        color: #707372;
        text-transform: none; }
        ul.header-bar-menu li ul li a:hover {
          color: #007aff; }

#slide-menu ul li {
  margin-bottom: 0; }
  #slide-menu ul li.current-menu-item {
    font-weight: 500; }
    #slide-menu ul li.current-menu-item a {
      color: #007aff; }
  #slide-menu ul li a {
    text-transform: none;
    color: #707372;
    font-size: 14px; }
    #slide-menu ul li a:hover {
      color: #007aff; }
  #slide-menu ul li.blank-after {
    margin-bottom: 1em; }

body {
  padding-top: 60px; }
  body.hollow-header {
    padding-top: 0; }

/*
	There is a search bar in the top right corner if there is no login menu
*/
.offscreen-menu-triggers.right-menu form input {
  height: 60px;
  display: inline-block;
  border: none;
  font-size: 1em;
  color: #707372;
  padding: 14px;
  line-height: 60px;
  text-align: right;
  font-family: "Gotham A", "Gotham B", Gotham, Helvetica;
  background-color: transparent;
  margin: 0; }
  .offscreen-menu-triggers.right-menu form input:focus {
    outline: 0;
    box-shadow: none; }

/*
	The day/night selector (and style overrides for it to display, at least until we determine if this will be it's final resting place)
*/
.offscreen-menu-triggers.right-menu form {
  display: inline-block;
  vertical-align: middle; }

.light-dark-toggle {
  vertical-align: middle;
  display: inline-block;
  height: 60px;
  padding-top: 15px;
  padding-left: 10px;
  border-left: 1px solid #d9d9d6; }
  .light-dark-toggle .vis-bar {
    width: 50px;
    height: 20px;
    display: inline-block;
    position: relative;
    border-radius: 2px;
    background: #eee;
    border: 1px solid #ccc;
    vertical-align: middle; }
    .light-dark-toggle .vis-bar .vis-mark {
      border-radius: 2px;
      margin: 1px;
      width: 22px;
      height: 16px;
      background-color: #666;
      border: 1px solid #444;
      position: absolute;
      transition: left .25s; }
  .light-dark-toggle .labels {
    display: inline-block;
    font-size: 1.5em;
    vertical-align: middle;
    width: 27px; }
    .light-dark-toggle .labels label {
      display: inline-block;
      vertical-align: middle; }
      .light-dark-toggle .labels label span {
        padding: 0;
        vertical-align: middle;
        transition: opacity .25s; }
        .light-dark-toggle .labels label span.icon-moon {
          font-size: 1.25em;
          text-align: left;
          margin-left: -4px; }

.light-dark-toggle.light .vis-bar .vis-mark {
  left: 0%; }

.light-dark-toggle.light .icon-moon {
  opacity: .25; }

.light-dark-toggle.dark .vis-bar .vis-mark {
  left: 50%; }

.light-dark-toggle.dark .icon-sun {
  opacity: .25; }

header#header span.hamburger-helper {
  margin-right: 0;
  padding-right: 0; }

::-webkit-input-placeholder {
  color: #707372; }

:-moz-placeholder {
  color: #707372; }

::-moz-placeholder {
  color: #707372; }

:-ms-input-placeholder {
  color: #707372; }

#footer {
  height: 60px;
  padding: 0 20px;
  overflow: hidden;
  background-color: #fff;
  border-top: 1px solid #d9d9d6;
  text-transform: uppercase;
  text-align: center;
  position: relative; }
  #footer #footer-menu {
    display: inline; }
    #footer #footer-menu ul {
      display: inline;
      list-style: none;
      line-height: 60px; }
      #footer #footer-menu ul li {
        display: inline-block;
        margin: 0 .75em;
        color: #bbbcbc;
        font-size: 0.8em; }
        #footer #footer-menu ul li a {
          text-decoration: none;
          color: #bbbcbc;
          transition: color .25s; }
          #footer #footer-menu ul li a:hover {
            color: #007aff; }
  #footer #truste-cetificate {
    position: absolute;
    top: 0;
    right: 20px;
    height: 60px; }
    #footer #truste-cetificate div {
      display: inline; }
      #footer #truste-cetificate div img {
        height: 33.6px;
        margin-top: 13.6px;
        width: auto; }
  #footer #footer-logo {
    position: absolute;
    top: 0;
    left: 20px;
    height: 60px; }
    #footer #footer-logo img {
      height: 20px;
      margin-top: 20px;
      width: auto; }
  @media screen and (max-width: 1023px) {
    #footer {
      height: auto; }
      #footer #footer-menu ul {
        line-height: 1.5em;
        padding-top: 1em;
        display: inline-block; }
      #footer #footer-logo {
        display: none; }
      #footer #truste-cetificate {
        position: relative;
        display: block;
        text-align: center;
        right: auto;
        margin-bottom: 2em; } }

/*
	These styles are in regards to the content inside the hero image, the hero image itseld is that page background
*/
.hero-image-overlay {
  padding: 2em 0;
  margin: 0 auto; }
  .hollow_header .hero-image-overlay {
    margin-top: -60px; }
  .hero-image-overlay .holder {
    padding: 0 40px; }
  .hero-image-overlay.hero-image-no-image {
    background-color: #3d5265; }
    .hero-image-overlay.hero-image-no-image .holder {
      padding: 0; }
  .hero-image-overlay h4 {
    font-size: 1.4em; }

/*
	Default BG images based on section
*/
.special-bg-subheader {
  background-size: cover;
  background-position: center center;
  text-shadow: 0px 1px 3px black; }
  .special-bg-subheader.marketing-console-subheader {
    background-image: url("images/TMC-HeadBG.jpg"); }
  .special-bg-subheader.agency-center-subheader {
    background-image: url("images/AC-HeadBG.jpg"); }
  .special-bg-subheader.hasoffers-subheader {
    background-image: url("images/HO-HeadBG.jpg"); }
  .special-bg-subheader.partner-portal-subheader {
    background-image: url("images/PP-HeadBG.jpg"); }

/*
	Alll the styles relating to the banner bars shortcode
*/
.banner-bar {
  background-color: #ffa300;
  margin: 40px 0;
  padding: 40px 0; }
  .banner-bar.half-padding {
    padding: 20px; }
  .banner-bar.quarter-padding {
    padding: 10px; }
  .banner-bar.eighth-padding {
    padding: 5px; }
  .banner-bar.no-padding {
    padding: 0; }
  .banner-bar.no-padding-top {
    padding-top: 0; }
  .banner-bar.no-padding-bottom {
    padding-bottom: 0; }
  .banner-bar.half-margin {
    margin: 20px 0; }
  .banner-bar.quarter-margin {
    margin: 10px 0; }
  .banner-bar.eighth-margin {
    margin: 5px 0; }
  .banner-bar.no-margin {
    margin: 0; }
  .banner-bar.no-margin-top {
    margin-top: 0; }
  .banner-bar.no-margin-bottom {
    margin-bottom: 0; }
  .banner-bar.centered {
    text-align: center; }
  .banner-bar.has-image {
    background-size: cover;
    background-position: center center; }
    .banner-bar.has-image.background-fixed {
      background-attachment: fixed; }
  .banner-bar.large-text {
    font-size: 1.3em;
    line-height: 1.3;
    font-weight: 100; }
    .banner-bar.large-text > .holder {
      max-width: 900px;
      text-align: center; }
  .banner-bar .vc_row {
    margin-left: 0px;
    margin-right: 0px; }
  .banner-bar.color-blue {
    background-color: #007aff; }
  .banner-bar.color-ltblue {
    background-color: #7ccbea; }
  .banner-bar.color-ltblue-alt {
    background-color: #7ccbea;
    color: #ffffff; }
  .banner-bar.color-mdblue {
    background-color: #006cb4;
    color: #ffffff; }
  .banner-bar.color-mdblue-alt {
    background-color: #006cb4; }
  .banner-bar.color-dkblue {
    background-color: #071d49;
    color: #ffffff; }
  .banner-bar.color-green {
    background-color: #7cb82f; }
  .banner-bar.color-green-alt {
    background-color: #7cb82f;
    color: #ffffff; }
  .banner-bar.color-orange {
    background-color: #ffa300; }
  .banner-bar.color-yellow {
    background-color: #fce85d; }
  .banner-bar.color-red {
    background-color: #d82949;
    color: #ffffff; }
  .banner-bar.color-red-alt {
    background-color: #d82949; }
  .banner-bar.color-purple {
    background-color: #4c4184;
    color: #ffffff; }
  .banner-bar.color-slate {
    background-color: #3d5265;
    color: #ffffff; }
  .banner-bar.color-vltgrey {
    background-color: #f5f6f7; }
  .banner-bar.color-ltgrey {
    background-color: #d9d9d6; }
  .banner-bar.color-mdgrey {
    background-color: #bbbcbc; }
  .banner-bar.color-dkgrey {
    background-color: #707372;
    color: #ffffff; }
  .banner-bar.color-black {
    background-color: #101820;
    color: #ffffff; }
  .banner-bar.color-white {
    background-color: #ffffff; }
  .banner-bar.color-slate-half {
    background-color: #9ea8b2; }
  .banner-bar.color-ltgrey-half {
    background-color: #edf2f1; }
  .banner-bar.color-mdgrey-half {
    background-color: #d4d7db; }
  .banner-bar.color-dkgrey-half {
    background-color: #a9abac; }
  .banner-bar.color-black-half {
    background-color: #878b8f;
    color: #ffffff; }
  .banner-bar.color-dkgrey-half-alt {
    background-color: #a9abac;
    color: #ffffff; }
  .banner-bar.color-black-half-alt {
    background-color: #878b8f; }
  .banner-bar.color-none {
    background-color: transparent; }
  .banner-bar.color-none-alt {
    background-color: transparent;
    color: #ffffff; }
  .banner-bar.color-blue-tint {
    background-color: #e4edf8; }
  .banner-bar.color-ltblue-tint {
    background-color: #edf3f6; }
  .banner-bar.color-mdblue-tint {
    background-color: #e4ecf2; }
  .banner-bar.color-dkblue-tint {
    background-color: #e4e7eb; }
  .banner-bar.color-green-tint {
    background-color: #edf2e9; }
  .banner-bar.color-orange-tint {
    background-color: #f6f0e6; }
  .banner-bar.color-yellow-tint {
    background-color: #f5f5ec; }
  .banner-bar.color-red-tint {
    background-color: #f3e8eb; }
  .banner-bar.color-purple-tint {
    background-color: #e9e9ef; }
  .banner-bar.color-slate-tint {
    background-color: #e8ebed; }
  .banner-bar.color-ltgrey-tint {
    background-color: #f3f4f5; }
  .banner-bar.color-mdgrey-tint {
    background-color: #f1f2f3; }
  .banner-bar.color-dkgrey-tint {
    background-color: #ecedee; }
  .banner-bar.color-black-tint {
    background-color: #e5e6e8; }
  .banner-bar.color-white-tint {
    background-color: #f6f7f8; }

/*
	We have that dark mode going on, but until we determine if this even stays given the proposed move to X theme I'm 
	just going to give the bar minimum effect it getting things working, it's easy to adjust once we have the details 
	locked down.
*/
body.dark-mode .banner-bar.color-vltgrey {
  background-color: #111; }

/*
	Support Pages header bars
*/
.banner-bar.support-page-header {
  font-weight: 300;
  padding: 2.5em 0; }
  .banner-bar.support-page-header b {
    font-size: 1.25em;
    font-weight: 400; }

.banner-bar.support-page-breadcrumbs, .banner-bar.develop-page-breadcrumbs {
  padding: 1.5em 0; }
  .banner-bar.support-page-breadcrumbs a, .banner-bar.develop-page-breadcrumbs a {
    text-decoration: none; }
  .banner-bar.support-page-breadcrumbs span, .banner-bar.develop-page-breadcrumbs span {
    display: inline-block;
    padding: 0 .5em; }

/*
	Support page header + meta
*/
header h1 {
  margin-bottom: 0em; }

header .entry-meta {
  color: #707372;
  margin-bottom: 1.5em;
  text-transform: none; }

header span {
  display: inline-block;
  padding: 0 .5em; }

/*
	Get rid of those ZenDesk TOC blocks
*/
#toc_container {
  display: none; }

/*
	Styles just for the singles
*/
body.single-marketing-console header,
body.single-hasoffers header,
body.single-partner-portal header {
  border-bottom: 1px solid #d9d9d6; }

/*
	Plugin: Article TUNEr
*/
#article-TUNEr {
  padding-bottom: 40px; }
  #article-TUNEr form {
    border-top: 1px solid #bbbcbc;
    border-bottom: 1px solid #bbbcbc;
    padding: 20px; }
    #article-TUNEr form button {
      border: none;
      background-color: #ffffff;
      color: #101820;
      font-size: 1em;
      cursor: pointer;
      padding: 0 1em; }
      #article-TUNEr form button:focus {
        outline: none;
        box-shadow: none; }
      #article-TUNEr form button[value="Y"]:after {
        content: '\E81A';
        line-height: 1.6em; }
      #article-TUNEr form button[value="N"]:after {
        content: '\E81B'; }
      #article-TUNEr form button:after {
        font-family: "icotune-wp";
        background-color: #007aff;
        border: 2px solid #007aff;
        border-radius: 50%;
        color: #ffffff;
        display: inline-block;
        height: 1.75em;
        width: 1.75em;
        text-align: center;
        vertical-align: middle;
        line-height: 1.75em;
        margin-left: .5em;
        transition: color .25s, background-color .25s; }
      #article-TUNEr form button:focus {
        outline: 0; }
      #article-TUNEr form button:hover {
        color: #007aff; }
        #article-TUNEr form button:hover:after {
          background: #ffffff;
          color: #007aff; }
    #article-TUNEr form label {
      font-weight: 500; }
    #article-TUNEr form .adv-feedback label {
      display: block; }
    #article-TUNEr form input[type="submit"] {
      margin: 0;
      display: inline-block !important; }
  #article-TUNEr .feedback-comment {
    font-size: 0.9em;
    line-height: 1.2em;
    margin-bottom: 1em; }

/*
	WPML
*/
#lang_sel {
  width: 100%; }
  #lang_sel a.lang_sel_sel {
    background-position: 95% center; }
  #lang_sel > ul > li {
    width: 100%; }
    #lang_sel > ul > li a {
      font-size: 1em;
      padding: 0.5em !important;
      border-radius: 4px; }
    #lang_sel > ul > li > ul {
      top: 2.5em;
      width: 100%; }
      #lang_sel > ul > li > ul > li {
        width: 100%; }
        #lang_sel > ul > li > ul > li a {
          border-radius: 0; }
        #lang_sel > ul > li > ul > li:last-child a {
          border-bottom-left-radius: 4px;
          border-bottom-right-radius: 4px; }

/*
	WPML cusTUNEm widget
*/
li.widget_wpml_custunem_widget_actual .widget-title {
  border-bottom: none !important;
  padding-bottom: 0 !important; }

/*
	Be Subpages Widget
*/
#sidebar > div > ul > li.widget-container .widget_subpages_current_page a {
  color: #007aff; }
  #sidebar > div > ul > li.widget-container .widget_subpages_current_page a:hover {
    color: #101820; }

/*
	Tooltip Glossay Plugin
*/
a.glossaryLink {
  color: inherit;
  display: inline; }

#glossaryList-nav {
  text-align: center; }
  #glossaryList-nav .ln-letters {
    display: inline-block; }

.cmetg_poweredby {
  display: none !important; }

/*
	Ultimate Social
*/
@media screen and (max-width: 767px) {
  .us_share_buttons {
    display: none; } }

.us_floating {
  z-index: 10; }

/*
	Remove "Edit with Visual Composer" link
*/
#wp-admin-bar-vc_inline-admin-bar-link {
  display: none; }

/*
	TOC+ top link
*/
a.toc-top-link {
  float: right; }
  a.toc-top-link i {
    margin-right: 2px;
    display: inline-block; }
    a.toc-top-link i:before {
      margin-top: -6px;
      display: inline-block;
      vertical-align: middle; }

/*
	This contains all the theme CSS overrides for dark mode, these should really only include colors, any layout stuff 
	needs to be done in a regular old boring CSS file.
*/
#container {
  transition: all .25s; }

body.dark-mode #container {
  background-color: #211f20;
  color: #bfbfbf; }
  body.dark-mode #container .holder h1, body.dark-mode #container .holder h2, body.dark-mode #container .holder h3, body.dark-mode #container .holder h4, body.dark-mode #container .holder h5, body.dark-mode #container .holder h6 {
    color: #ededed; }
  body.dark-mode #container .holder h3.underline {
    border-bottom-color: #373536; }
  body.dark-mode #container .holder pre, body.dark-mode #container .holder code, body.dark-mode #container .holder kbd, body.dark-mode #container .holder tt, body.dark-mode #container .holder var {
    background-color: #2e2e2e;
    border-color: #3c3c3c; }
  body.dark-mode #container .holder a {
    color: #82cbeb; }
    body.dark-mode #container .holder a:hover {
      color: #41a3f5; }
  body.dark-mode #container .holder table tr td {
    background-color: transparent; }
  body.dark-mode #container .holder table tr th {
    background-color: transparent;
    color: #ededed; }
  body.dark-mode #container .holder table tr:nth-child(odd) {
    background-color: #292628; }
  body.dark-mode #container .holder table tr td, body.dark-mode #container .holder table tr th {
    border-color: #373536; }
  body.dark-mode #container .holder li {
    border-color: #373536; }
    body.dark-mode #container .holder li .parameters-details-link {
      background-color: #3b383a; }
  body.dark-mode #container .holder pre::-webkit-scrollbar {
    background-color: #f5f6f7; }
  body.dark-mode #container .holder pre::-webkit-scrollbar-track {
    border-top: 1px solid #4a4f51;
    background-color: #2d3339; }
  body.dark-mode #container .holder pre::-webkit-scrollbar-thumb {
    border-top: 1px solid #4a4f51;
    background-color: #404649; }
  body.dark-mode #container .holder input:not([type="submit"]), body.dark-mode #container .holder select, body.dark-mode #container .holder textarea {
    background-color: #000;
    color: #bfbfbf;
    border-color: #373536; }
  body.dark-mode #container .holder .comment-form-container {
    background-color: #2e2e2e; }
  body.dark-mode #container .holder .comment-form-titlebar {
    border-bottom-color: #373536; }
  body.dark-mode #container .holder ul.comment-list li.comment {
    border-top-color: #3c3c3c; }
    body.dark-mode #container .holder ul.comment-list li.comment .icon-down-arrow-thick {
      color: #82cbeb;
      border-color: #82cbeb; }
  body.dark-mode #container .holder #article-TUNEr form {
    border-top-color: #373536;
    border-bottom-color: #373536; }
    body.dark-mode #container .holder #article-TUNEr form button {
      background-color: #211f20;
      color: #ededed; }
  body.dark-mode #container .holder #lang_sel a.lang_sel_sel {
    background: url("/wp-content/plugins/sitepress-multilingual-cms/res/img/nav-arrow-down.png") #000 right no-repeat;
    border-color: #373536;
    color: #ededed; }
  body.dark-mode #container .holder #lang_sel ul {
    border-top-color: #373536; }
  body.dark-mode #container .holder #lang_sel a {
    background-color: #000;
    border-color: #373536;
    color: #ededed; }

body.dark-mode #container .blank-slate .banner-bar:not(.double-padding) a, body.dark-mode #container .blank-slate .specail-link-list a {
  color: #82cbeb; }
  body.dark-mode #container .blank-slate .banner-bar:not(.double-padding) a .larger-icon, body.dark-mode #container .blank-slate .specail-link-list a .larger-icon {
    color: #82cbeb !important; }
  body.dark-mode #container .blank-slate .banner-bar:not(.double-padding) a:hover, body.dark-mode #container .blank-slate .specail-link-list a:hover {
    color: #007aff; }
    body.dark-mode #container .blank-slate .banner-bar:not(.double-padding) a:hover .larger-icon:before, body.dark-mode #container .blank-slate .specail-link-list a:hover .larger-icon:before {
      color: #007aff !important; }

body.dark-mode #container .blank-slate .side-by-side.white-bg .left-side, body.dark-mode #container .blank-slate .side-by-side.white-bg .right-side {
  background-color: #211f20 !important; }

body.dark-mode #container .blank-slate .side-by-side.white-bg .banner-bar.header {
  background-color: #292628;
  border-left-color: #373536;
  border-right-color: #373536; }

body.dark-mode #container .blank-slate .side-by-side .left-side.bordered > * {
  border-right: 2px solid #373536 !important; }

body.dark-mode #container .blank-slate .side-by-side .right-side.bordered > * {
  border-left: 2px solid #373536 !important; }

body.dark-mode #container .blank-slate .banner-bar.icon-package.icon-box {
  background-color: #292628; }

/*
	Late game search page overrides
*/
body.dark-mode .search-filters-block {
  background-color: #333 !important; }

body.dark-mode .special-search-form input.search-field {
  background-color: #ffffff !important;
  color: #101820 !important; }