/* Theme Name: Best Show Description: Best Show Author: Celis Design Version: 1.0.0 Text Domain: BestShow Author URI: http://www.celisdesign.com/ */ /** * Default Variables. */ /* //== Typography $font-family-sans-serif: 'Roboto', sans-serif; $font-family-headings: 'Roboto', sans-serif; $font-family-headings-bold: 'Roboto', sans-serif; $font-family-headings-light: 'Roboto', sans-serif; */ /* $gray-base: #000 !default; $gray-darker: lighten($gray-base, 13.5%) !default; // #222 $gray-dark: lighten($gray-base, 20%) !default; // #333 $gray: lighten($gray-base, 33.5%) !default; // #555 $gray-light: lighten($gray-base, 46.7%) !default; // #777 $gray-lighter: lighten($gray-base, 93.5%) !default; // #eee */ /* //== Scaffolding // //## Settings for some of the most global styles. //** Background color for ``. $body-bg: #000 !default; //** Global text color on ``. $text-color: #12373C; $back-brand-primary-text-color: #fff !default; //** Global textual link color. $link-color: $blue_light; $link-decoration: none !default; //** Link hover color set via `darken()` function. $link-hover-color: lighten($link-color, 15%) !default; //** Link hover decoration. $link-hover-decoration: none !default; $header-height: 100px; //== Navbar // //## $navbar-default-bg: #fff !default; $navbar-default-color: $brand-primary !default; $navbar-default-link-color: $brand-primary !default; $navbar-default-link-hover-color: lighten($brand-primary, 13.5%) !default; $navbar-default-link-hover-bg: transparent !default; $navbar-default-link-active-color: $brand-primary !default; $navbar-default-link-active-bg: darken($navbar-default-bg, 6.5%) !default; $navbar-default-link-disabled-color: #ccc !default; $navbar-default-link-disabled-bg: transparent !default; $navbar-height:150px !default; $navbar-padding-vertical: 5px; $navbar-border-radius: 0; $zindex-navbar:2000 !default; //== Custom Variables // //## $section-padding: 75px 0 !default; $section-padding-bottom: 0 0 75px 0 !default; $section-padding-top: 75px 0 0 0 !default; $section-padding-half: 75px 0 !default; $inner-padding: 30px !default; $title-margin: 30px 0 !default; $font-size-base: 27px !default; $font-size-large: ceil(($font-size-base * 1.2)) !default; $font-size-small: ceil(($font-size-base * .85)) !default; $font-size-h1: floor(($font-size-base * 2.4)) !default; $font-size-h2: floor(($font-size-base * 1.8)) !default; $font-size-h3: ceil(($font-size-base * 1.7)) !default; $font-size-h4: ceil(($font-size-base * 1.6)) !default; $font-size-h5: ceil(($font-size-base * 1.2)) !default; $font-size-h6: ceil(($font-size-base * .7)) !default; $headings-font-color: $brand-primary; $headings-font-weight: 600; $headings-line-height: 1.25 !default; //** Unit-less `line-height` for use in components like buttons. $line-height-base: 1.558571429 !default; //** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc. $line-height-computed: floor(($font-size-base * $line-height-base)) !default; // ~20px */ * { margin: 0; padding: 0; } html { height: 100%; } body { width: 100%; height: 100%; font-family: Helvetica, sans-serif; font-weight: normal; font-style: normal; font-size: 100%; text-align: center; color: #fff; -text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } body, .back_default { background: #020414; } #header.header_single { background: none; } img { width: 100%; max-width: 100%; height: auto !important; display: block; } .entry img { width: auto; max-width: 90%; height: auto; } .backstretch { overflow: hidden !important; } .backstretch img { opacity: 0.6; } #elapsedLive, span.countdown { display: none; } /*Inserts*/ p img, img.auto-width { width: auto; } img.loader { width: 16px !important; height: 16px !important; } .fixed { position: fixed; } .fixed_section, .fixed_form { position: fixed !important; width: 100%; z-index: 1000 !important; top: 0px; margin-top: 0 !important; } .clear { clear: both; } .left { float: left; } .right { float: right; } .text_left { text-align: left; } .text_center { text-align: center; } .text_right { text-align: right; } iframe { z-index: 2000; max-width: 100%; } .hidden, .mobile_only { display: none; } .visible { visibility: visible; } .tint { position: fixed; width: 100%; height: 100%; background: #121419; background: #000; opacity: 0.8; filter: alpha(opacity=80); z-index: 1400; } .z-1 { z-index: 1 !important; } .z-200 { z-index: 200 !important; } .circle, .circle_yellow { border-radius: 50%; /* Safari 3-4, iOS 1-3.2, Android 1.6- */ -webkit-border-radius: 50%; /* Firefox 1-3.6 */ -moz-border-radius: 50%; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */ border-radius: 50%; } #canvas-loader-wrap { text-align: center; position: absolute; width: 100%; padding-top: 400px; } /*-------------------------------------------- STRUCTURE [GRID ESTABLISHED IN CSS DIRECTORY] ---------------------------------------------*/ /*wraps the grid*/ #wrap { position: relative; min-width: 100%; min-height: 100%; text-align: left; } .main-wrap { background: #181617 url("https://s3.amazonaws.com/bestshow/site/img/d9d9d9.png") left 0 repeat-y; background-size: 41.66%; width: 100%; min-height: 100%; z-index: 1000; text-align: left; } .lower-wrap { background: white; } .col .inner { padding: 50px; } .main_col .inner { padding: 50px 50px; } .main-grid .col { margin-bottom: 4%; } .padding_2 { padding: 2% 0; } .padding_3 { padding: 3% 0; } .padding_5 { padding: 5% 0; } .padding_6 { padding: 6% 0; } .padding_7 { padding: 7% 0; } .padding_8 { padding: 8% 0; } .padding_9 { padding: 9% 0; } .padding_10 { padding: 10% 0; } .top_10 { padding-top: 10%; } .margin-50 { margin-top: 50%; } .margin-100 { margin-top: 100%; } .height_100 { height: 100%; } /*-------P--------*/ p { font-family: Helvetica, sans-serif; font-weight: normal; -text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; font-size: 15px; line-height: 21px; } p, span.muted, a:hover { color: #686d71; } .title p { margin-top: 0px; font-size: 15px; } /*-------HEADINGS--------*/ h1, h2, h3, h4, h4 a, h5, h5 a, h6, h6 a, li.title, span.date, body.page_faq .col_main strong, #nav ul li a { font-weight: normal; font-family: "Oxygen", sans-serif; /* text-rendering: optimizeLegibility; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; */ } body.page_faq .col_main strong { color: black; font-size: 17px; display: inline-block; border-bottom: solid 1px black; margin-bottom: 6px; padding-bottom: 6px; } /*-------GLOBALS--------*/ h4.underline, h5.underline, h6.underline { border-bottom: solid 2px #fff; padding: 2px 2px 2px 2px; } .title h2, .title h3, .title h4, .title h5 { color: #f7f7f7; } .title h2.dark, .title h3.dark, .title h4.dark { color: #070707 !important; } /*-------H1--------*/ h1 { font-size: 38px; letter-spacing: 0px; line-height: 47px; display: inline-block !important; color: #fff; } .back_white h1 { color: #000; font-weight: bold; } .single-landing h1 { max-width: 100%; } /*-------H2--------*/ h2 { font-size: 31px; line-height: 37px; color: #fff; display: inline-block; text-transform: none; padding: 4px 0px 6px 0px; } .back_green h2 { color: #d9f9fc; } /*-------H3--------*/ h3 { font-size: 28px; display: inline-block !important; padding-bottom: 12px; } /*-------H4--------*/ h4 { font-size: 25px; display: inline-block; margin: 0 0 3px 0; } h4 a { color: black; } .landing h4 a { color: white; } /*-------H5--------*/ h5 { font-size: 21px; letter-spacing: 1px; } h5 a { color: white; } h5 a:hover { color: #badbff; } /*-------H6--------*/ h6 { font-size: 17px; letter-spacing: 1px; } span.underline { display: inline-block; padding-bottom: 4px; border-bottom: solid 2px #000; } /*--------------- BLUES -----------*/ .blue { color: #2481ff; } .back_blue { background: #2481ff; } .blue_50 { color: #92c0ff; } .back_blue_50 { background: #92c0ff; } /*for subtle lines and borders*/ .blue_accent { color: #5a9df7; } .back_blue_accent { background: #5a9df7; } .blue_light { color: #badbff; } .back_blue_light { background: #badbff; } .bottom_blue_light { border-bottom: solid 4px #badbff; } .arrow_blue_light { border-color: #badbff transparent transparent transparent !important; } .blue_mediium { color: #1646c3; } .back_blue_medium { background: #1646c3; } .arrow_blue_medium { border-color: #1646c3 transparent transparent transparent !important; } .blue_dark { color: #0c2567; } .back_blue_dark { background: #0c2567; } .arrow_blue_dark { border-color: #0c2567 transparent transparent transparent !important; } /*--------------- BROWN -----------*/ .brown { color: #181617; } .back_brown { background: #181617; } /*--------------- GREEN -----------*/ .green { color: #3eba7c; } .back_green { background: #3eba7c; } .bottom_green { border-bottom: solid 4px #3eba7c; } .arrow_green { border-color: #3eba7c transparent transparent transparent !important; } /*--------------- GREY -----------*/ .grey { color: #262b35; } .back_grey { background: #262b35; } .arrow_grey { border-color: #262b35 transparent transparent transparent !important; } .grey_light { color: #d9d9d9; } .back_grey_light { background: #d9d9d9; } .arrow_grey_light { border-color: #d9d9d9 transparent transparent transparent !important; } .grey_dark { color: #242c35; } .back_grey_dark { background: #242c35; } .arrow_grey_dark { border-color: #242c35 transparent transparent transparent !important; } /*--------------- RED -----------*/ .red { color: #c72027; } .back_red { background: #c72027; } .bottom_red { border-bottom: solid 4px #c72027; } .arrow_red { border-color: #c72027 transparent transparent transparent !important; } .red_primary { color: red; } .back_red_primary { background: red; } /*--------------- YELLOW -----------*/ .yellow { color: #f7e518; } .back_yellow { background: #f7e518; } .bottom_yellow { border-bottom: 3px solid #f7e518; } .arrow_yellow { border-color: #f7e518 transparent transparent transparent !important; } .yellow_light { color: #fbface; } .back_yellow_light { background: #fbface; } /*-----BLACKS & GREYS ------*/ ._333 { color: #333 !important; } ._444 { color: #444; } ._555 { color: #555; } ._666 { color: #666; } .back02 { background: #020202 !important; } .back03 { background: #030303 !important; } .back04 { background: #040404 !important; } .back05 { background: #050505 !important; } .back06 { background: #060606 !important; } .back07 { background: #070707; } .back08 { background: #080808 !important; } .back09 { background: #090909; } .black { color: #000; } .arrow_black { border-color: #000 transparent transparent transparent !important; } .bottom_black { border-bottom: solid 4px #000; } .back_black { background: #000; } .black30 { background: url("../img/black30.png"); } .black40 { background: url("../img/black40.png"); } .black50 { background: url("../img/black50.png"); } .black60 { background: url("../img/black60.png") !important; } .black70 { background: url("../img/black70.png"); } .black75 { background: url("../img/black75.png"); } .black80 { background: url("../img/black80.png"); } .black90 { background: url("../img/black90.png"); } .black95 { background: url("../img/black95.png"); } .back07 { background: #070707; } .back111 { background: #111; } .backOD { background: #0d0d0d; } .white { color: #fff; } .back_white { background: #fff; color: black; } /************************ ALPHA **********************/ [data-alpha-init="0"] img { opacity: 0; filter: alpha(opacity=0); } [data-alpha-init="0.05"] img { opacity: 0.05; filter: alpha(opacity=5); } [data-alpha-init="0.075"] img { opacity: 0.075; filter: alpha(opacity=7.5); } [data-alpha-init="0.1"] img { opacity: 0.1; filter: alpha(opacity=10); } [data-alpha-init="0.2"] img { opacity: 0.2; filter: alpha(opacity=20); } [data-alpha-init="0.3"] img { opacity: 0.3; filter: alpha(opacity=30); } [data-alpha-init="0.4"] img { opacity: 0.4; filter: alpha(opacity=40); } [data-alpha-init="0.45"] img { opacity: 0.45; filter: alpha(opacity=45); } [data-alpha-init="0.5"] img { opacity: 0.5; filter: alpha(opacity=50); } [data-alpha-init="0.6"] img { opacity: 0.6; filter: alpha(opacity=60); } [data-alpha-init="0.7"] img { opacity: 0.7; filter: alpha(opacity=70); } [data-alpha-init="0.8"] img { opacity: 0.8; filter: alpha(opacity=80); } [data-alpha-init="0.9"] img { opacity: 0.9; filter: alpha(opacity=90); } #header { text-align: left; position: absolute; top: 0; width: 100%; z-index: 2000 !important; } #logo-wrap { position: relative; position: absolute; margin: 45px 0 0 5px; z-index: 2; } a#logo { display: inline-block; width: 445px; height: 104px; background: #1646c3; background: url("https://s3.amazonaws.com/bestshow/site/img/best_show_logo.jpg") 0 0 no-repeat; background-size: 445px 104px; } #logo-wrap .tagline { margin: 10px 0 0 10px; color: #0f75bd; font-size: 13px; font-weight: bold; line-height: 17px; } /*-------NAV-------*/ #nav { position: relative; float: left; margin: 52px 0 0 490px; } #nav nav ul li { float: left; margin: 0 40px 0 0; } #nav nav ul li { line-height: 17px; } nav ul li a { color: rgba(255, 255, 255, 0.7); font-size: 14px; font-weight: 500; } body.live #nav nav ul li a, body.internal #nav nav ul li a { color: rgba(255, 255, 255, 0.5); } #nav nav ul li a:hover, body.internal #nav nav ul li a:hover { color: #fff; } #nav nav ul li a.active, body.internal nav ul li a.active { color: #fff !important; } nav ul li a.sticker { /* display:inline-block; */ position: absolute; top: -10px; right: -60px; width: 60px; height: 39px; background: url("img/best_show_logo_sticker.png") center 0 no-repeat; background-size: 100%; } div.mobile-nav-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100px; background: #0c2567; z-index: 4000; } div.navSlide ul, div.mobile-nav-wrap ul { padding: 60px 0 0 20px; } div.mobile-nav-wrap ul li { display: inline-block; margin-right: 5px; font-size: 12px; } div.navSlide ul { font-size: 12px; } div.navSlide { display: none; position: fixed; top: 0; height: 100%; z-index: 999999; /* Specify the width of your pageslide here */ width: 260px; padding: 20px; /* These styles are optional, and describe how the pageslide will look */ background: #0c2567; overflow: auto; } nav ul li.mail_form { width: 130%; float: left; background: url("https://s3.amazonaws.com/bestshow/site/img/icons/icon_mail_white.png") 0 0 no-repeat; background-size: 16px; margin-top: 3px; } .panel-container nav ul li.mail_form { width: 75%; } #header .social-nav { margin-top: 88px; } #header div.mail_form { float: right; width: 120px; margin-top: -2px; margin-right: -3px; /* background:red; */ } #header div.mail_form form input[type=email], nav ul li.mail_form form input[type=email] { float: left; width: 55%; text-align: left; margin: 0 5px 0 22px; padding: 0px 0 2px 0px; background: none; color: rgba(255, 255, 255, 0.8); font-size: 14px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } #header div.mail_form form input[type=email] { width: 88px; margin: 3px 6px 0 0; } #header div.mail_form form input[type=submit], nav ul li.mail_form form input[type=submit] { float: left; width: 15%; color: #fff; text-align: left; background: none; margin: 1px 0 0; } #header div.mail_form form input[type=submit] { width: 24px; height: 24px; background: url("https://s3.amazonaws.com/bestshow/site/img/icons/icon_mail_white.png") 0 0 no-repeat; background-size: 24px; opacity: 0.66; margin: 0; font-size: 16px; font-weight: bold; } nav ul li.mail_form form input[type=submit]:hover { background: none !important; color: black !important; } #header div.mail_form form input[type=submit]:hover, #header div.mail_form form input[type=submit].back_none { background: none !important; } #header div.mail_form form input[type=submit]:hover { opacity: 1; } .sf-menu { margin-top: 30px; } .sf-menu ul { float: left; position: relative; } .sf-menu ul li ul { float: none; } .sf-menu ul li { float: left; margin: 0 40px 0 0; position: relative; } .sf-menu ul li.menu-item-has-children a { position: relative; padding-right: 20px; } .sf-menu ul li.menu-item-has-children::after { content: ""; position: absolute; right: 0%; bottom: 45%; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #e8e8e8; clear: both; } .sf-menu ul li a { font-size: 24px; display: inline-block; padding-bottom: 6px; border-bottom: solid 2px white; } #header #nav .sf-menu ul li.home, #header #nav .sf-menu ul li.mobile_only { display: none; } .sf-menu ul li ul { position: absolute; top: 40px; min-width: 300px; } .sf-menu ul li ul li { float: none; display: block; } .sf-menu ul li ul li a { font-size: 18px; border: none; } .panel .sf-menu ul li { float: none; display: block; margin: 0 0 20px 0; width: 100%; } .panel .sf-menu ul li ul { position: relative; top: auto; min-width: auto; width: auto; margin-top: 15px; } .panel .sf-menu ul li ul li { margin: 0px; } .panel .sf-menu ul li.menu-item-has-children a { padding-right: 0; } .panel .sf-menu ul li.menu-item-has-children::after { content: ""; position: relative; display: inline-block; margin-left: 10px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #e8e8e8; clear: both; } .panel .sf-menu ul li.sfHover::after { display: none !important; } #nav-toggle { position: absolute; top: 15px; right: 0px; transform: scale(0.65); -webkit-transform: scale(0.65); z-index: 4000; } .nav-icon { width: 50px; height: 37px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; cursor: pointer; } .nav-icon span { display: block; position: absolute; height: 6px; width: 100%; background: #fff; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; } .nav-icon span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } .nav-icon span:nth-child(2) { top: 12px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } .nav-icon span:nth-child(3) { top: 24px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } .nav-icon.open span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -3px; left: 8px; } .nav-icon.open span:nth-child(2) { width: 0%; opacity: 0; } .nav-icon.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 32px; left: 8px; } ul li.arrow_prev a { display: inline-block; width: 21px; height: 13px; background: url("https://s3.amazonaws.com/bestshow/site/img/arrow_thin_left.png") left center no-repeat; } ul li.arrow_next a { display: inline-block; width: 21px; height: 13px; background: url("https://s3.amazonaws.com/bestshow/site/img/arrow_thin_right.png") left center no-repeat; } div.line_black { margin: 20px auto; width: 60px; height: 3px; background: #090909; } .arrow_black_left_right { background: url("https://s3.amazonaws.com/bestshow/site/img/arrow_right_black80.png") left center no-repeat; } .arrow_05_left_right { background: url("https://s3.amazonaws.com/bestshow/site/img/arrow_right_05.png") left center no-repeat; } .arrow_wrap { position: absolute; z-index: 111; width: 100%; text-align: center; } .arrow_down { width: 0px; height: 0px; margin: 0 auto; border-style: solid; border-width: 15px 15px 0 15px; border-color: #181617 transparent transparent transparent; } .col_remainder .arrow_wrap { bottom: -42px; } .col_remainder .arrow_wrap .arrow_down { border-width: 42px 42px 0 42px; } .arrow_white { border-color: #fff transparent transparent transparent; } .arrow_up { z-index: 100; position: absolute; bottom: 0; left: 25px; width: 0px; height: 0px; border-style: solid; border-width: 0 20px 20px 20px; border-color: transparent transparent #000000 transparent; line-height: 0px; _border-color: #000000 #000000 #000000 #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color="#000000"); } .arrow_up_06 { border-color: transparent transparent #060606 transparent; _border-color: #000000 #000000 #060606 #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color="#060606"); } .arrow_up_09 { border-color: transparent transparent #090909 transparent; _border-color: #000000 #000000 #090909 #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color="#090909"); } .arrow_up_white { border-color: transparent transparent #fff transparent !important; _border-color: #000000 #000000 #ffffff #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color="#ffffff"); } /*unclear why this is needed*/ .arrow_wrap_single { margin-left: 66.66%; } ul.audio_actions { display: inline-block; font-size: 13px; float: right; margin: 10px 0 0 0; } .landing ul.audio_actions { float: right; margin: 0px 15% 0 0; } ul.audio_actions li { display: inline; float: left; margin-right: 15px; } .landing ul.audio_actions li a { display: inline-block; width: 18px; height: 18px; background-size: 18px 18px !important; } .landing ul.audio_actions li a { opacity: 0.6; } body.single div.audio_actions_wrap { float: left; padding-top: 43px; } body.single ul.audio_actions li a { display: inline-block; width: 22px; height: 22px; background-size: 22px 22px; margin-top: 0px; opacity: 0.77; } .entry_actions ul { /*border-bottom:solid 1px #000;*/ float: right; margin-top: 14px; } .entry_actions ul li { float: left; margin: 0; } .entry_actions ul li a { width: 20px; height: 20px; display: inline-block; padding: 7px; background-size: 14px 14px !important; } .entry_actions ul li a.fb { background: #242c35 url("https://s3.amazonaws.com/bestshow/site/img/icons/icon_fb_white.png") center center no-repeat; } .entry_actions ul li a.twitter { background: #242c35 url("https://s3.amazonaws.com/bestshow/site/img/icons/icon_twitter_white.png") center center no-repeat; border-left: solid 1px #2e3944; border-right: solid 1px #2e3944; } .entry_actions ul li a.tumblr { background: #242c35 url("https://s3.amazonaws.com/bestshow/site/img/icons/icon_tumblr_white.png") center center no-repeat; } .col_main .entry_actions { margin: 45px 0 0 0; width: 80%; } .col_main .entry_actions .addthis_default_style { float: left; opacity: 1; border-top: solid 2px #181617; padding-top: 8px; } .col_main .entry_actions .addthis_default_style:hover { opacity: 1; } .col_main .entry_actions ul li a.more { color: black; width: auto; height: auto; padding: 6px 22px; font-size: 13px; color: #181617; background: #f7e518; } /*--- LIVE BOX ENTRY ACTIONS ---*/ /*error handling*/ .live-box span.message { font-size: 14px; line-height: 20px; max-width: 60%; display: inline-block; color: white; } .live-box span.message a { font-style: italic; } .live-box .entry_actions { margin: 0; /* width:66%; angles*/ width: 100%; position: absolute; bottom: 0; } .live-box .entry_actions ul { float: left; width: 100%; padding-left: 6px; /*change at breakpoint (tablet)*/ margin: 5px 0 0 0; font-weight: normal; background: #242c35; } .live-box .entry_actions ul li.title { font-size: 13px; padding: 6px 0 0 0; color: #fff; } .live-box .entry_actions ul li a.twitter { background-color: transparent; border-left: solid 1px #2e3944; border-right: solid 1px #2e3944; } /*--- LIVE BOX SLIDER ENTRY ACTIONS ---*/ .live-box-slider .entry_actions { float: right; } .live-box-slider .entry_actions ul { margin: 0; } .live-box-slider .entry_actions ul li { display: inline; margin: 0; } .live-box-slider .entry_actions ul li a { width: 27px; height: 27px; display: inline-block; padding: 7px; background-size: 13px 13px !important; background-color: #3eba7c !important; } .live-box-slider .entry_actions ul li a.twitter { border-left: solid 1px #55c88e; border-right: solid 1px #55c88e; } .live-box-slider .entry_actions ul li a.fb { background: #dfdfdf url("https://s3.amazonaws.com/bestshow/site/img/icons/icon_fb_white.png") center center no-repeat; } .live-box-slider .entry_actions ul li a.twitter { background: #dfdfdf url("https://s3.amazonaws.com/bestshow/site/img/icons/icon_twitter_white.png") center center no-repeat; } .live-box-slider .entry_actions ul li a.tumblr { background: #dfdfdf url("https://s3.amazonaws.com/bestshow/site/img/icons/icon_tumblr_white.png") center center no-repeat; } #featured { height: auto; background: #949494 url("https://s3.amazonaws.com/bestshow/site/img/back_gary_949494.jpg") 9px bottom no-repeat; background-attachment: fixed; } #featured .border_top { border-top: solid 5px #181617; } #featured .right_remainder .arrow_wrap { bottom: -15px; } #featured a { z-index: 1500 !important; } #featured .dashboard p { color: white; } #featured .dashboard .col { position: relative; color: #eee; height: 415px; } .dashboard .title_dashboard { height: 100px; } .dashboard .title_dashboard .inner { padding: 60px 0 0 0; } #featured .dashboard .label_bottom { position: absolute; bottom: 0; height: 120px; width: 100%; background: #181617; } body.internal #featured .dashboard .label_bottom, body.single #featured .dashboard .label_bottom { bottom: 170px; } body.internal #featured .dashboard .title_dashboard, body.single #featured .dashboard .title_dashboard { position: absolute; bottom: 0; width: 89.8%; height: 170px; background: white; } body.single #featured .dashboard .title_dashboard h4, body.single #featured .dashboard .title_dashboard h5 { max-width: 85%; } body.single #featured .dashboard .title_dashboard.lift .date { margin-top: -15px; } body.single #featured .dashboard .title_dashboard h5 { line-height: 27px; } #featured .action-box { float: left; text-align: center; width: 43%; height: 138px; margin-top: 20px; background: #1c54e5; z-index: 1500; } body.single #featured .action-box, body.internal #featured .action-box { float: left; margin: -5px 0 0 0; background: none; } body.single #featured .dashboard_actions p, body.internal #featured .dashboard_actions p { width: 50%; float: left; } body.single.episode #featured .dashboard_actions p { width: 22%; } #featured .action-box ul.social { float: none; width: 150px; margin: 50px auto; } body.single #featured .action-box ul.social, body.internal #featured .action-box ul.social { float: left; width: auto; margin: 5px 0 0 0; } #featured .action-box ul.social li { /*float:left;*/ } #featured .action-box ul.social li a.rss_podcast { opacity: 0.8; width: 30px !important; height: 30px !important; background-size: 30px !important; float: left; margin: 0 10px; } #featured .action-box ul.social li a.itunes { opacity: 0.8; width: 35px !important; height: 35px !important; background-size: 35px !important; float: left; margin: -2px 10px 0 25px; } body.single #featured .action-box ul.social li a.itunes, body.internal #featured .action-box ul.social li a.itunes { opacity: 1; width: 28px !important; height: 28px !important; background-size: 28px !important; float: left; margin-top: -2px; } body.single #featured .action-box ul.social li a.rss_podcast, body.internal #featured .action-box ul.social li a.rss_podcast { opacity: 1; width: 26px !important; height: 26px !important; background-size: 26px !important; float: left; margin-top: 0; } body.single #featured .action-box ul.social li a.rss_podcast, body.single #featured .action-box ul.social li a.itunes, body.internal #featured .action-box ul.social li a.rss_podcast, body.internal #featured .action-box ul.social li a.itunes { opacity: 0.6; margin-left: 0px; margin-right: 22px; } #featured ul.recent-entries { float: left; margin: 22px 0 0 15px; } #featured ul.recent-entries li a { color: rgba(255, 255, 255, 0.6); } #featured ul.recent-entries li a:hover { color: white !important; } #featured ul.recent-entries li.last a { display: inline-block; width: 170px; background: url("https://s3.amazonaws.com/bestshow/site/img/icons/icon_arrow_cutout_white.png") 146px 1px no-repeat; background-size: 19px 19px; } #featured .dashboard .label_bottom.label_header { width: 89.8%; } #featured .dashboard .label_bottom.label_header h4, #featured .dashboard .label_bottom.label_header h5 { float: right; margin: 48px 48px 0 0; color: #696c6e; font-weight: 100 !important; } .label { color: #696c6e; } .label a.rss { display: inline-block; width: 20px; height: 20px; background-size: 20px; margin-left: 3px; opacity: 0.8; } .label a.rss:hover { opacity: 1; } #featured .news_border { height: 350px; } div.best_hash { transform: rotate(90deg); -webkit-transform: rotate(90deg); transform-origin: left top 0; float: right; color: #696c6e; margin: 180px 6% 0 0; } body.internal div.best_hash, body.single div.best_hash { margin: 60px 16% 0 0; font-size: 13px; } div.best_hash a { color: #696c6e; } body.internal .best_hash { margin: 75px 6% 0 0; } /*GARY SEZ*/ div.side_label { background: #242c35; display: inline-block; margin-top: 200px; padding: 28px 58px 28px 10%; border-bottom: solid 2px white; border-top: solid 2px white; border-right: solid 2px white; border: none; } .arrow_side_label { margin-left: 17%; } #main-mailing { /*background:$grey_darker url($cdn-path + 'f0f0f0.png') left 0 repeat-y; background-size:41.66%; */ background: #181617; } #main-mailing .sidebar { padding: 35px 15%; } #main-mailing .sidebar-item { margin: 0; padding: 25px 0 25px 0; padding: 0; } #main-mailing #mailbox { position: relative; width: 85%; padding-top: 62px; padding-top: 0; } #mailbox { width: 80%; } #mailbox h4 { color: black; font-weight: normal; display: inline-block; padding: 0 20px 20px; } #mailbox .form_wrap { position: relative; width: 100%; height: 80px; } #mailbox span.roy { position: absolute; bottom: -25px; right: -45px; width: 154px; height: 180px; background: transparent url("https://s3.amazonaws.com/bestshow/site/img/roy_small.png") 0 0 no-repeat; z-index: 20; } #featured .icon_twitter { /*background:$blue_dark_2 url($cdn-path + 'icons/icon_twitter_white.png') center center no-repeat;*/ background: #0c2567 url("https://s3.amazonaws.com/bestshow/site/img/icons/icon_twitter_white.png") center center no-repeat; background-size: 30px 30px; } .twitter_wrap { position: relative; color: #444; } .twitter_wrap .inner { padding: 50px 35px 50px 50px; } .twitter_wrap a { color: #2482ff; } .twitter_wrap a:hover { color: #000; } .twitter_wrap h5 a { display: inline-block; margin: 0 0 25px 0; } ul.tweet_list { display: block; } ul.tweet_list li { font-size: 14px; color: #666; margin: 0 0 30px 0; } ul.tweet_list li span.tweet_text { line-height: 21px; } .twitter_wrap span.arrow_right { width: 0; height: 0; position: absolute; left: 0; bottom: 25px; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid #0c2567; } div.twitter_follow { position: absolute; bottom: 31px; } div.twitter_follow ul li a { font-size: 15px; font-weight: 500; } ul.tweet_list li span.tweet_time a { display: block; color: #181617; font-size: 13px; margin: 0 0 6px 0; } span.tweet_date { display: inline-block; margin: 6px 0 0 0; } div.sub-hero { padding: 150px 0; border-top: solid 3px #242c35; border-bottom: solid 3px #242c35; border-top: solid 3px #000; border-bottom: solid 3px #000; } #footer { min-height: 200px; background: #181617; padding-top: 100px; } #footer ul li { font-size: 13px; line-height: 18px; } #footer ul li a:hover, #footer p a:hover { color: white; } #footer ul.social { display: inline-block; float: none; margin: 0 auto; padding-top: 35px; } #footer ul.social li { display: inline; float: left; margin-right: 15px; margin-left: 0; } #footer ul.site-links li a { color: #686d71; } #footer ul.site-links li a:hover { color: #fff; } #footer span.icon_mail { position: absolute; width: 17px; height: 17px; background: url("https://s3.amazonaws.com/bestshow/site/img/icons/icon_mail_white.png") center center no-repeat; background-size: 17px; top: 1px; left: 0px; opacity: 0.7; } #footer_mailing p { margin-left: 24px; } #footer_mailing form { margin-top: 5px; } #footer #legal { padding-top: 30px; padding-bottom: 10px; } #footer #legal p { font-size: 13px; } fieldset input[type=text], input[type=text], input[type=email], input[type=submit], fieldset textarea, textarea { border: none; text-align: center; } #footer_mailing form { padding-bottom: 25px; } #footer_mailing input[type=submit], .sidebar-item input[type=submit] { height: 45px; padding: 0; } #footer_mailing input[type=email], .sidebar-item input[type=email] { float: left; width: 230px; height: 45px; padding: 0px; font-size: 13px; background: #242c35; color: white; } .sidebar-item form { float: left; width: 100%; display: inline-block; } .sidebar-item input[type=email] { width: 200px; background: white; color: black; } #footer_mailing input[type=submit], .sidebar-item input[type=submit] { float: left; width: 50px; height: 45px; padding: 0; background: #f7e518; } .sidebar-item input[type=submit] { width: 20%; background: #3eba7c; color: white; } /*--Main Mailing--*/ #mailbox form input { float: left; height: 105px; color: #fff; border: none; } #mailbox form input[type=email] { width: 60%; text-align: left; font-size: 17px; font-style: italic; font-weight: 500; background: #242c35; text-decoration: underline; padding-left: 50px; } #mailbox form input[type=submit] { width: 35%; font-size: 20px; font-weight: 700; background: #da3028; /*red to match roy*/ padding: 25px 5% 25px 3%; } #mailbox form input[type=submit]:hover { background: black; } a.download { background: url("https://s3.amazonaws.com/bestshow/site/img/icons/icon_download_white.png") center center no-repeat; } a.download_black { background: url("https://s3.amazonaws.com/bestshow/site/img/icons/icon_download_black.png") center center no-repeat; } a.fb { background: url("https://s3.amazonaws.com/bestshow/site/img/icons/icon_fb_white.png") center center no-repeat; } a.instagram { background: url("https://s3.amazonaws.com/bestshow/site/img/icons/icon_instagram_white.png") center center no-repeat; } a.instagram_black { background: url("https://s3.amazonaws.com/bestshow/site/img/icons/icon_instagram_black.png") center center no-repeat; } a.itunes { background: url("https://s3.amazonaws.com/bestshow/site/img/icons/icon_itunes_white.png") center center no-repeat; } a.itunes_black { background: url("https://s3.amazonaws.com/bestshow/site/img/icons/icon_itunes_black.png") center center no-repeat; } a.mailing { background: url("https://s3.amazonaws.com/bestshow/site/img/icons/icon_mail_white.png") center center no-repeat; } a.mailing_black { background: url("https://s3.amazonaws.com/bestshow/site/img/icons/icon_mail_black.png") center center no-repeat; } a.rss { background: url("https://s3.amazonaws.com/bestshow/site/img/icons/icon_rss_white.png") center center no-repeat; } a.rss_black { background: url("https://s3.amazonaws.com/bestshow/site/img/icons/icon_rss_black.png") center center no-repeat; } a.rss_podcast { background: url("https://s3.amazonaws.com/bestshow/site/img/icons/icon_rss_podcast_white.png") center center no-repeat; } a.rss_podcast_black { background: url("https://s3.amazonaws.com/bestshow/site/img/icons/icon_rss_podcast_black.png") center center no-repeat; } a.twitter { background: url("https://s3.amazonaws.com/bestshow/site/img/icons/icon_twitter_white.png") center center no-repeat; } a.twitter_black { background: url("https://s3.amazonaws.com/bestshow/site/img/icons/icon_twitter_black.png") center center no-repeat; } /*-------ICONS-------*/ a.arrow_round_down { display: inline-block; width: 40px; height: 20px; background: url("https://s3.amazonaws.com/bestshow/site/img/arrows_round.png") center 0 no-repeat; } a.arrow_round_up { display: inline-block; width: 40px; height: 20px; background: url("https://s3.amazonaws.com/bestshow/site/img/arrows_round.png") center -20px no-repeat; } .landing { height: 100%; position: relative; border-bottom: solid 15px #181617; } /*Left col*/ .landing .angles { height: 100%; position: relative; } body.internal .landing .angles { height: 20px; background: transparent url("https://s3.amazonaws.com/bestshow/site/img/blue_dark30.png"); } .landing .angle-top { width: 0; height: 0; border-style: solid; border-width: 0 600px 550px 0; border-color: transparent #2482ff transparent transparent; z-index: 20; float: right; } body.internal .landing .angle-top { border-color: transparent #1646c3 transparent transparent; border-width: 0 230px 210px 0; } .landing .angle-bottom { width: 0; height: 0; border-style: solid; border-width: 0 0 260px 450px; border-color: transparent transparent #181617 transparent; z-index: 10; position: absolute; bottom: 0; right: 0; } /*Right col*/ .landing .content-wrap { height: 100%; position: relative; background: #2482ff; } body.internal .landing .content-wrap { border: none; height: 210px; background: #1646c3; } /*Hero tag / player / entry title /*/ .landing .content-top { height: 60%; position: relative; background: transparent url("https://s3.amazonaws.com/bestshow/site/img/trees.png") right bottom no-repeat; /*getting a line of space below image, this will fix*/ border-bottom: solid 1px #181617; } body.internal .landing .content-top { border: none; background: none; } .landing .content-bottom { width: 100%; height: 40%; background: #181617; position: absolute; bottom: 0; } /*----LANDING TITLES-----*/ .mobile_landing_title { display: none; } .landing-title { padding-top: 34%; width: 77%; } .landing-title h3 { font-size: 26px; line-height: 30px; } body.internal .landing-title { /* padding:180px 0 0 10%; */ padding: 115px 0 0 10%; float: left; } body.internal.single.post .landing-title, body.internal.single.episode .landing-title { padding: 120px 0 0 10%; } body.internal.paged .landing-title { padding: 150px 0 0 10%; } body.internal .landing-title h4 { padding-bottom: 0; } .landing-entry-top, .landing-entry-bottom { margin-left: 28%; } .landing-entry-top { position: absolute; bottom: 15px; } .landing span.date { display: block; font-size: 13px; color: #1646c3; margin-bottom: 10px; } .landing p { color: #696c6e; max-width: 85%; font-size: 15px; padding: 15px 0 33px 0; } body.internal .landing .entry_actions { width: 90%; margin-top: 22px; padding-top: 22px; border-top: solid 1px #1b2026; } body.internal .landing .entry_actions ul { margin: 0; } body.internal .landing .entry_actions ul li { float: left; margin: 0; } body.internal .landing .entry_actions ul li a { opacity: 1; background-size: 12px !important; } body.internal .landing { height: 600px; } /*PODCAST*/ body.internal.page .landing { height: 600px; height: 500px; border-bottom: solid 5px #181617; } /*PODCAST EPISODE*/ body.internal.single.episode .landing { /*height:780px;*/ height: 600px; border-bottom: solid 5px #181617; } /*NEWS & PODCAST PAGE 2...*/ body.internal.paged .landing { height: 600px; border-bottom: solid 5px #181617; } /*POST*/ body.internal.single.post .landing { height: 600px; border-bottom: solid 5px #181617; background-size: 380px 380px !important; } body.internal .landing.gary { background: url("https://s3.amazonaws.com/bestshow/site/img/gary400.png") 75% bottom no-repeat; } body.internal .landing.mike { background: url("https://s3.amazonaws.com/bestshow/site/img/mike400.png") 75% bottom no-repeat; } body.internal .landing.mouse { background: url("https://s3.amazonaws.com/bestshow/site/img/mouse400.png") 75% bottom no-repeat; } body.internal .landing.roy { background: url("https://s3.amazonaws.com/bestshow/site/img/roy400.png") 77% bottom no-repeat; } body.internal .landing.tom { background: url("https://s3.amazonaws.com/bestshow/site/img/tom400.png") 75% bottom no-repeat; } body.internal .landing.vance { background: url("https://s3.amazonaws.com/bestshow/site/img/vance400.png") 75% bottom no-repeat; } body.internal .landing.vance { background: url("https://s3.amazonaws.com/bestshow/site/img/vance.png") 75% bottom no-repeat; } body.internal .backstretch { /*top:-100px !important;*/ opacity: 0.2; } body.internal .landing .section-top { border-bottom: solid 5px #181617; } .player-wrap { position: absolute; left: -25%; bottom: 21%; } .ui360, .sm2-360ui { /* size of the container for the circle, etc. */ width: 260px; height: 260px; z-index: 40; } /*contains the javascript-generated UI*/ .player { position: absolute; width: 260px; height: 260px; line-height: 260px; /*for the semi-border-effect*/ margin: 23px; border-radius: 130px; font-size: 20px; color: #fff; text-align: center; background: #1646c3; z-index: 1500; } .player #canvas-loader-stream { z-index: 50; position: absolute; top: 100px; left: 100px; opacity: 1; } #elapsedLive, span.countdown { font-size: 32px; font-weight: bold; } .player span.mouse { position: absolute; left: 0px; top: 0; width: 331px; height: 361px; z-index: 25; background: url("https://s3.amazonaws.com/bestshow/site/img/mouse.png") 0 0 no-repeat; } /*must specify player*/ .player a.btn_play_live, ul.mobile_play a, .player a#ios, .player a#android { width: 96px; height: 96px; display: inline-block; position: absolute; top: 84px; left: 84px; z-index: 50; background: transparent url("https://s3.amazonaws.com/bestshow/site/img/btn_play.png") no-repeat; } body.live .player a#ios, body.live .player a#android { display: none; } .player a.btn_play_live, .live-box ul li a.btn_play { opacity: 0; } .player a.btn_play_live:hover { opacity: 0.7; } .player a.btn_pause { width: 96px; height: 96px; position: absolute; top: 84px; left: 84px; z-index: 50; display: none; opacity: 0; background: transparent url("https://s3.amazonaws.com/bestshow/site/img/btn_pause.png") 50% 50% no-repeat; } .player.is_playing a.btn_pause:hover { opacity: 1; } /* lighter-blue note z-index for semi-oclusion*/ span.player-back { position: absolute; width: 304px; height: 304px; border-radius: 152px; background: #2482ff; z-index: 15px; } /*-------- LIVE PLAYER MOBILE ---------*/ .landing .player_live_mobile { position: absolute; z-index: 2000; width: 100%; height: 215px; text-align: center; padding-top: 40px; display: none; } /*-------*/ .landing .player_live_mobile span.countdown { display: block; padding: 30px 0; } .landing .player .iframe_wrap { position: absolute; height: auto; z-index: 3; top: 0%; } .landing .player .iframe_wrap div.letterbox { width: 100%; height: 33px; background: #242c35; position: absolute; bottom: 0; z-index: 2001; } .landing .player iframe { /*opacity:0; z-index:1; position:fixed; top:-100px; left:-100px; */ padding-top: 56px; height: 162px; } .landing .player_live_mobile .iframe_wrap { position: relative; height: 315px; background: #181617; } .landing .player_live_mobile div.letterbox { width: 100%; height: 80px; background: #181617; position: absolute; z-index: 2001; } .landing .player_live_mobile div.letterbox.top { height: 30px; top: 0; } .landing .player_live_mobile div.letterbox.bottom { bottom: 0; } /*---------*/ .landing .addthis_default_style { opacity: 0.3; filter: alpha(opacity=3); } .landing .addthis_default_style:hover { opacity: 1; filter: alpha(opacity=1); } /*----------------------- MOBILE PLAY ------------------------*/ ul.mobile_play { position: absolute; width: 120px; height: 120px; left: 5%; top: 300px; z-index: 3000; display: none; } ul.mobile_play li a, ul.mobile_play li a#ios, ul.mobile_play li a#android { display: none; } a { color: #badbff; text-decoration: none; } a:hover { color: white; } .entry a { color: #2482ff; } .entry a:hover { color: black; } .entry h4 a { color: black; } .entry h4 a:hover { color: #686d71; } a.btn_arrow_down { display: inline-block; width: 25px; height: 15px; background: url("https://s3.amazonaws.com/bestshow/site/img/arrow_down_x.png") 0 0 no-repeat; } a.btn_x { display: inline-block; width: 23px; height: 23px; background: url("https://s3.amazonaws.com/bestshow/site/img/arrow_down_x.png") 0 -16px no-repeat; } a.action:hover, a.more:hover, .sidebar-item a.action:hover, .col_main .entry_actions ul li a:hover, .col_main .entry_actions ul li a.more:hover, .landing-title .entry_actions ul li a:hover, .live-box-slider ul.controls li a:hover, .live-box-slider .entry_actions ul li a:hover, ul.pagination li a:hover, input[type=submit]:hover { -webkit-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease; -moz-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease; -ms-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease; -o-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease; background-color: black !important; color: white; } ul { list-style: none; } li.spaced { padding-top: 20px; } ul li { font-size: 15px; line-height: 22px; } ul li.title { font-size: 16px; margin-bottom: 12px; } ul li.last { margin-top: 12px; } div#liveblog-wrap { width: 78%; height: 65%; padding: 60px 11%; background: #e4eaf2; border-bottom: solid #181617 8px; overflow-y: scroll; } div.liveblog h4 { display: inline-block; color: black !important; padding: 0 0 10px 10px; } div.liveblog-label { position: absolute; left: 5.5%; font-size: 12px; bottom: -15px; padding: 15px; color: white; background: #3eba7c; } .live-box, .live-box-slider, .live-box span { -webkit-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease; -moz-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease; -ms-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease; -o-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease; transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease; } .live-box { position: absolute; width: 66%; height: 160px; background: #f7e518; float: left; top: 56%; left: -66%; z-index: 1500; } .live-box .inner { padding: 17px; } .live-box .inner ul { padding-top: 10px; color: #181617; } .live-box .inner ul.controls { padding-top: 0; } .live-box .inner ul li a { color: #0c2567; font-style: italic; } .live-box .inner ul li a:hover { color: black; } /*----LIVE BOX SLIDER -----*/ .live-box-slider { position: fixed; top: -100px; width: 40%; height: 41px; left: 30%; margin: 0 auto; background: #242c35; z-index: 2500; } .live-box-slider ul { float: left; } .live-box-slider ul li { display: inline; line-height: 0; } .live-box span.live, .live-box-slider span.live { float: left; display: inline-block; padding: 12px; font-size: 17px; background: #f7e518; color: #181617; } .live-box span.live { padding: 8px; background: #fbface; } .live-box-slider span.elapsedLive { float: left; display: inline-block; font-weight: bold; color: #242c35; /*hide*/ padding: 14px; } .live-box-slider span.contact { float: right; padding: 14px; font-style: italic; font-size: 14px; color: #686d71; } .live-box-slider span.contact a { font-style: italic; font-size: 14px; color: #eee; } /*LIVE BOX PLAYER ACTIONS*/ .live-box .inner ul.controls li { display: inline; } .live-box ul.controls li a, .live-box-slider ul.controls li a { width: 27px; height: 27px; display: inline-block; padding: 7px; background-size: 24px 24px !important; background-color: #1646c3 !important; } .live-box ul.controls li a { width: 19px; height: 19px; background-color: #242c35; } .live-box ul li a.btn_play, .live-box-slider ul li a.btn_play { background: #1646c3 url("https://s3.amazonaws.com/bestshow/site/img/arrow_play.png") center center no-repeat; } .live-box ul li a.btn_pause, .live-box-slider ul li a.btn_pause { display: none; opacity: 1 !important; background: #1646c3 url("https://s3.amazonaws.com/bestshow/site/img/lines_pause.png") center center no-repeat; } /*----LIVE STATE -----*/ .live-box.is_live h4, .live-box.is_live span.live { color: white; background-color: red; } .live-box-slider.is_live span.live { color: white; background-color: red; } .live-box.failed { background-color: red; } .main-wrap { padding: 0 0; } .col_main { width: 60.66%; } /* 100 - ( .col_main + span_4_of_12 (33.33) ) */ .col_remainder { width: 6%; } .main-wrap .col_main { padding-top: 0px; padding-bottom: 60px; } body.single .col_main { min-height: 500px; } .entry { margin: 0 0 90px 0; padding: 9% 0 9% 14%; background: white; } .main-wrap .entry { border-top: solid 6px #181617; border-bottom: solid 6px #181617; padding: 9% 0 16% 14%; } .main-wrap .entry.padding_top_reduced { /*first loop post on podcast page*/ padding-top: 15px; } .main-wrap .entry.border_top_none { border-top: none; } .entry-page-reduced { /*Page content() on guide; not part of main-wrap */ padding: 0px 0 30px 14%; margin: 0 0 0 0; } body.single .entry { padding: 15px 0 18% 14%; } .more-entries { padding: 50px 0 0 0; } body.single .more-entries .entry { padding: 5% 0 5% 14%; margin: 0 0 50px 0; } .entry h4 { max-width: 66%; display: inline-block; line-height: 29px; margin: 0 0 25px 0; padding: 0 0 0 40px; margin-left: -40px; } .entry .date span, .title_dashboard .date span { margin: 0 0 12px 0; font-size: 14px; color: #686d71; width: auto; display: inline-block; } body.page_faq .title_dashboard .date span { display: none; } .title_dashboard .inner { padding-top: 100px !important; } .entry iframe { margin-top: 12px; } .entry p { margin: 0 0 30px 0; width: 82%; line-height: 23px; } /*--------TEXT SECTION----------*/ .single-wrap .text-section { padding: 75px 0 0 0; } .single-wrap .text-section h3 { width: 60%; margin: 10%; } .single-wrap .text-section p { width: 90%; line-height: 25px; padding: 25px 0; } .single-wrap .text-section .details_header { padding: 0 0 30px 0; width: 90%; border-bottom: dotted 1px #3C3E40; } .single-wrap .text-section .details_header span { color: #686d71; display: inline-block; width: 50% !important; padding: 0 0 10px 0; font-size: 13px; } .extended-content { padding: 30px 0 0 0; } div.border .col { min-height: 10px; } ul.pagination li { float: right; display: inline; margin-right: 25px; } ul.pagination li a { display: inline-block; width: 90px; text-align: center; color: white; background: #242c35; padding: 14px 20px; } div.single-pagination { width: 100%; height: 100px; background: #d9d9d9; position: absolute; bottom: 0; } div.single-pagination .inner { padding: 30px; } div.single-pagination .inner div { max-width: 40%; } div.single-pagination a { font-size: 14px; color: black; } /* body.radio #wrap, */ body.radio .sub-hero, body.radio #header, body.radio #footer { display: none !important; background: black; } .back_gary_light { background: #d9d9d9 url("https://s3.amazonaws.com/bestshow/site/img/side_gary_d9d9d9.jpg") 0 60px no-repeat; background-size: 230px 434px; } .back_d9 { background: #d9d9d9; } .sidebar-note .arrow_wrap { margin-left: -11.5%; } .sidebar { position: relative; padding: 80px 15% 15% 15%; } body.internal .sidebar, body.single .sidebar { padding-top: 450px; } .sidebar_main { min-height: 200%; } body.flipped .sidebar { padding: 120px 0 15% 40%; } .sidebar .thumb { width: 100%; display: block; margin: 32px auto 0 auto; float: left; text-align: center; } .sidebar-item { width: 100%; float: left; display: block; margin: 0 0 60px 0; padding: 30px 0; background: none; } .sidebar-item .has_image { text-align: center; } .sidebar-item img { width: auto !important; max-width: 200px; height: auto; margin: auto !important; } .sidebar-item .heading, .action-hero .heading { width: 100%; } .action-hero .heading h3, .action-hero p, .sidebar-item h4, .sidebar-item h5 { display: inline-block; padding-left: 20px; color: #000; letter-spacing: 0; } span.digit { display: inline-block; font-size: 24px; /*padding:12px 18px;*/ padding: 12px 21px; } body.single span.digit { padding: 12px 21px; } span.bar { display: block; float: left; width: 51px; height: 6px; margin-top: 8px; } span.digit, span.bar { background: #181617; color: white; } #main-mailing span.digit { /*padding:5px 18px;*/ } #main-mailing span.bar { /* background:#242c35; */ } #main-mailing h5 { color: white; } .sidebar-item div.copy { float: left; display: block; color: #eee; width: 100%; padding: 30px 0px 0 30px; } .sidebar-item div.copy.text_center { padding: 30px 0 0 0; } .sidebar-item span.title { display: block; color: #000; line-height: 21px; padding-bottom: 12px; } .sidebar-item div.copy p { font-size: 14px; } .sidebar-item a.action { display: inline-block; margin: 30px 30% 0; width: 40%; padding: 18px 0; text-align: center; font-size: 15px; font-weight: 500; color: white; background: #1646c3; } .sidebar-item a.action.back_green { background: #3eba7c; } .sidebar-item ul li { line-height: 18px; font-size: 14px; margin: 0 0 8px 0; font-weight: normal; } .sidebar-item ul li a { color: #1646c3; font-size: 13px; } .sidebar-item ul li a:hover { color: black; } .sidebar-item ul li a.twitter { background: url("https://s3.amazonaws.com/bestshow/site/img/icons/icon_twitter_black.png") 0 top no-repeat; background-size: 15px 15px; padding-left: 20px; } .sidebar-item ul li a.instagram { background: url("https://s3.amazonaws.com/bestshow/site/img/icons/icon_instagram_black.png") 0 top no-repeat; background-size: 15px 15px; padding-left: 20px; } /*FOT FEED*/ span.feed-source, span.feed-date { display: none; } .single-landing { position: relative; width: 100%; height: 100%; } .landing-episode .rocks_wide { background: transparent url("https://s3.amazonaws.com/bestshow/site/img/rocks_wide.png") center 30px no-repeat; width: 100%; height: 110px; position: absolute; bottom: 0; } .landing-episode .vance_rocks { /* background:transparent url($cdn-path + 'vance_rocks.png') center top no-repeat; */ background: transparent url("https://s3.amazonaws.com/bestshow/site/img/vance_rocks.png") center top no-repeat; width: 344px; height: 500px; position: absolute; bottom: 0px; right: 15%; z-index: 1000; } .landing .mike_can { background: transparent url("https://s3.amazonaws.com/bestshow/site/img/mike_can.png") center top no-repeat; width: 595px; height: 402px; position: absolute; bottom: -66px; right: 8%; z-index: 1000; background-size: 75%; bottom: -45px; } body.paged .landing .mike_can { background: transparent url("https://s3.amazonaws.com/bestshow/site/img/mike_can.png") center top no-repeat; background-size: 400px 362px; width: 400px; height: 362px; position: absolute; bottom: -47px; right: 11%; z-index: 1000; } .single-title { position: absolute; text-align: left; z-index: 100; left: 5%; bottom: 25%; height: 1%; width: auto; } .single-title span.stroke { display: block; width: 72px; height: 1px; background: #fff; margin: 25px 0 0 0; } .sm2-bar-ui { font-size: 45px; height: 125px; } .sm2-bar-ui .sm2-main-controls, .sm2-bar-ui .sm2-playlist-drawer { background: #1646c3; } .sm2-bar-ui a.play-pause { /*background-color:#3eba7c;*/ } .sm2-bar-ui .sm2-inline-texture { background: #fff; } .sm2-inline-time, .sm2-inline-duration { font-size: 35%; } .sm2-progress .sm2-progress-ball { width: 0.4em; height: 0.4em; margin-top: 1px; } .sm2-progress .sm2-progress-track, .sm2-progress .sm2-progress-ball, .sm2-progress .sm2-progress-bar { height: 0.35em; border-radius: 0.35em; } .sm2-inline-status a.download { font-size: 13px; width: 35px; background: none; color: #badbff; display: none; } .sm2-bar-ui .sm2-playlist { text-align: left; height: 0.73em; } .sm2-bar-ui .sm2-playlist li { font-size: 30%; } .sm2-bar-ui .sm2-playlist ul li, .sm2-bar-ui .sm2-playlist ul li a { text-align: left; } .sm2-volume-control, .sm2-volume-shade { background-size: 50%; } div.player-single_wrap { background: black; width: 100%; /* position:absolute; */ bottom: 100px; /*pagination height*/ } div.player-single_wrap .full-width { float: left; width: 89.8%; width: 81%; } ul.social { float: right; } ul.social li { display: inline; float: right; margin-left: 15px; } .panel-container ul.social { margin-top: 0; float: left; } .panel-container ul.social li { margin-left: 0; margin-right: 15px; } ul.social li.last { /* margin-right:0;*/ } ul.social li a { opacity: 0.6; display: inline-block; width: 21px; height: 21px; background-size: 21px 21px; } ul.social li a.fb { width: 12px; } ul.social li a:hover, .sticky-nav ul.social li a { opacity: 1; } #download-guide { width: 97%; /*account for main col width*/ margin: 0 auto; padding-bottom: 80px; } #download-guide-header { width: 100%; height: 55px; background: #d9d9d9; } #download-guide-header table { width: 97%; margin: 0 auto; } #download-guide-header .col_main { height: 55px; padding-bottom: 0px; } #download-guide-header.fixed_section { position: fixed !important; width: 100%; z-index: 2000 !important; top: 0; } #download-guide-header.fixed_section table { display: block; } div.instant-search { padding: 7px 0 0 20%; } div.instant-search input { width: 250px; padding: 11px 11px 11px 0px; background: #d9d9d9 url("img/icons/icon_search.png") 0 12px no-repeat; background-size: 20px; border-bottom: 1px solid black; font-size: 15px; float: left; } div.instant-search input:focus { outline: none; } div.instant-search #canvas-loader { float: left; padding-top: 7px; opacity: 0; } .main-wrap.download-guide-wrap { min-height: 1px; } /*--------------------------------------------------- GUIDE TABLE ----------------------------------------------------*/ #download-guide table { float: left; padding: 0 20px 20px 20px; width: 100%; text-align: left; background-color: #EBECE7; } #download-guide table { width: 100%; font-size: 16px; } #download-guide table th, #download-guide table td { padding: 15px 12px; } #download-guide table thead tr th, #download-guide table tfoot tr th, #download-guide-header table thead tr th { background-color: #181617; color: #FFF; /* border-right: 1px solid #3e3439; */ font-size: 8pt; padding: 12px; height: 22px; } #download-guide-header table { background: #181617; display: none; } #download-guide-header table thead tr th { padding: 12px 12px 0 12px; color: #696c6e; } #download-guide-header th.action, #download-guide-header td.action, #download-guide th.action, #download-guide td.action { width: 4%; } #download-guide-header th.date, #download-guide td.date { width: 8%; } #download-guide td.action { text-align: center; } #download-guide table thead th:first-of-type, tr.repeated-header th:first-of-type, #download-guide table thead th:nth-of-type(8), tr.repeated-header th:nth-of-type(8) { border: none !important; } #download-guide table thead tr .header { background-image: url(../tablesorter/bg.gif); background-repeat: no-repeat; background-position: center right; cursor: pointer; } #download-guide table tbody td { color: #3D3D3D; vertical-align: middle; -webkit-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease; -moz-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease; -ms-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease; -o-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease; } #download-guide table tbody td { background: #1646c3; } #download-guide table tbody tr.row_1 td, #download-guide table tbody tr.row_13 td { background: rgba(22, 70, 195, 0.99); /* background: rgba(22, 70, 195, 0.95); */ } #download-guide table tbody tr.row_2 td, #download-guide table tbody tr.row_12 td { background: rgba(22, 70, 195, 0.95); /* background: rgba(22, 70, 195, 0.92); */ } #download-guide table tbody tr.row_3 td, #download-guide table tbody tr.row_11 td { background: rgba(22, 70, 195, 0.9); /* background: rgba(22, 70, 195, 0.87); */ } #download-guide table tbody tr.row_4 td, #download-guide table tbody tr.row_10 td { background: rgba(22, 70, 195, 0.85); /* background: rgba(22, 70, 195, 0.82); */ } #download-guide table tbody tr.row_5 td, #download-guide table tbody tr.row_9 td { background: rgba(22, 70, 195, 0.8); /* background: rgba(22, 70, 195, 0.77); */ } #download-guide table tbody tr.row_6 td, #download-guide table tbody tr.row_8 td { background: rgba(22, 70, 195, 0.75); /* background: rgba(22, 70, 195, 0.72); */ } #download-guide table tbody tr.row_7 td { background: rgba(22, 70, 195, 0.73); /* background: rgba(22, 70, 195, 0.7); */ } #download-guide table tbody tr:hover td { background-color: #0a112b; } #download-guide table tbody td.date { color: #111; font-size: 12px; text-align: right; } #download-guide table tbody tr:hover td a { color: white; } #download-guide table tbody tr:hover td.date { color: #eee; } #download-guide table tbody tr:hover td a.itunes_black { background: transparent url("https://s3.amazonaws.com/bestshow/site/img/icons/icon_itunes_white.png") center center no-repeat; background-size: cover; } #download-guide table tbody tr:hover td a.rss_black { background: transparent url("https://s3.amazonaws.com/bestshow/site/img/icons/icon_rss_white.png") center center no-repeat; background-size: cover; } #download-guide table tbody tr:hover td a.rss_podcast_black { background: transparent url("https://s3.amazonaws.com/bestshow/site/img/icons/icon_rss_podcast_white.png") center center no-repeat; background-size: cover; } #download-guide table tbody tr:hover td a.download_black { background: transparent url("https://s3.amazonaws.com/bestshow/site/img/icons/icon_download_white.png") center center no-repeat; background-size: 21px; } #download-guide table tbody tr:hover td a.synopsis { background: url("img/icons/icon_info_white.png") 0px 0px no-repeat; background-size: cover; } #download-guide table tbody tr:hover td a.songlist { background: url("img/icons/icon_plus_white.png") 0px 0px no-repeat; background-size: cover; } #download-guide table thead tr .headerSortUp { background-image: url(../tablesorter/asc.gif); } #download-guide table thead tr .headerSortDown { background-image: url(../tablesorter/desc.gif); } #download-guide table thead tr .headerSortDown, #download-guide table thead tr .headerSortUp { background-color: #2481ff; } #download-guide table a { color: #fff; text-decoration: none; cursor: pointer; } #download-guide table a:hover { color: #000; text-decoration: none; } #download-guide table a.download { display: inline-block; width: 30px; height: 30px; } td.action a { display: inline-block; width: 21px; height: 21px; background-size: cover; } td.action a:hover { opacity: 0.6; } td.action a.synopsis { display: inline-block; width: 22px; height: 22px; background: url("img/icons/icon_info_black.png") 0px 0px no-repeat; background-size: cover; } a.songlist { display: inline-block; background: url("img/icons/icon_plus_black.png") 0px 0px no-repeat; background-size: cover; } .table-synopsis { display: none; } .table-synopsis p { color: #fff; } tr.no_results td { background: #da3028; } /*----------------------------*/ a.load_more { float: left; text-align: center; display: inline-block; width: 100%; padding: 20px 0; /* color:#fff; background:#c95392; */ color: #0a112b; background: #599ff0; color: rgba(255, 255, 255, 0.88); font-weight: bold; -webkit-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease; -moz-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease; -ms-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease; -o-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease; } a.load_more:hover { color: white; background-color: #0a112b; } /*----------------------------*/ @media only screen and (max-width: 800px) { .main-wrap .center, #download-guide { width: 100% !important; margin: 0 !important; } table { border: 0; } table thead { display: none; } table tr { display: block; } table tr.repeated-header { display: none !important; } table td.content { display: block; font-size: 13px; text-align: left !important; width: 85%; } table td.date { width: 15%; } table #download-guide table tr td:first-of-type, table td.action { display: none; } table td:last-child { border-bottom: 0; } } @media only screen and (max-width: 700px) { #download-guide table tbody td.playlist a.btn_play { top: auto; } } div.song-list { width: 90%; padding-top: 30px; } .table { display: table; width: 100%; padding-top: 30px; font-size: 14px; color: #342424; } .table-head { display: table-header-group; font-weight: bold; } .row { display: table-row; background: #f7f7f7; } .row.even { background: #f2f2f2; } .rowGroup { display: table-row-group; } .cell { display: table-cell; width: 15%; padding: 10px 2%; color: #342424; } .cell.wide { width: 30%; } .cell.link { width: 5%; text-align: center !important; background: #1646c3; } .cell.link a { vertical-align: middle; color: white; width: 100%; font-style: normal; font-size: 13px; display: table-cell; padding: 15px 0; margin: 0 auto; } .row.even .cell.link { background: #2e59c9; } .cell.link a:hover { color: #041F63 !important; } .cell.album { font-style: italic; } .cell.label { color: #686d71; font-style: italic; } .cell.label a { color: #686d71; text-decoration: underline; } .cell.label a:hover { text-decoration: none; } .table-head .row, .table-head .cell { background: none; } .table span.cell-label { font-weight: bold; display: none; } div#special-announcement { position: absolute; width: 66%; height: 40%; top: 30%; left: 16%; z-index: 2000; background: #181617 url("https://s3.amazonaws.com/bestshow/site/img/mike400.png") 80% bottom no-repeat; background-size: 275px 275px; } div#special-announcement .inner { padding: 8%; max-width: 50%; } div#special-announcement p { float: none !important; } div#special-announcement a.btn_x { position: absolute; width: 23px; height: 23px; top: 25px; right: 25px; background: url("img/x.png") center center no-repeat; background-size: 23px 23px; } @media only screen and (max-width: 1555px) { .live-box { width: 75%; } .col_remainder .arrow_wrap { bottom: -22px; } .col_remainder .arrow_wrap .arrow_down { border-width: 22px 22px 0 22px; border-color: white; } } @media only screen and (max-width: 1450px) { a#logo { width: 320px; height: 75px; background-size: 320px 75px; } #nav { margin: 40px 0 0 360px; } #nav .sf-menu ul li a { font-size: 20px; } #nav .sf-menu ul li { margin-right: 32px; } #nav nav ul li { margin: 0 0 0 15px; } #header .social-nav, #nav nav ul.social { margin-top: 75px; } .panel-container ul.social { margin-top: 55px; } .landing-title { padding-top: 200px; } .landing-title h3 { font-size: 22px; line-height: 30px; } .landing-entry-top h5 a { font-size: 18px; line-height: 22px; } /*--------LANDING PLAYER PODCAST - slight shrink ----------*/ .ui360, .sm2-360ui { width: 220px; height: 220px; } .player { width: 220px; height: 220px; margin: 20px; } .player span.mouse { width: 270px; height: 294px; background-size: 270px 294px; } span.player-back { width: 260px; height: 260px; border-radius: 130px; } /*--------LANDING PLAYER LIVE - slight shrink ----------*/ .live-box { height: 140px; width: 75%; /*top:54%;*/ left: -72%; } .player a.btn_play_live, .player a.btn_pause, .player a#ios, .player a#android { top: 66px; left: 66px; } .player #canvas-loader-stream { z-index: 50; position: absolute; top: 82px; left: 82px; opacity: 0; } #elapsedLive { margin-top: -20px; } /*--------Special Announcement - slight shrink ----------*/ div#special-announcement { background-size: 200px 200px; } div#special-announcement .inner { padding: 3%; max-width: 75%; } /*--------Dashboard Action Box - slight shrink ----------*/ #featured .action-box { width: 26%; } } @media only screen and (max-width: 1380px) { .landing .player iframe { padding-top: 24px !important; } .live-box-slider { position: fixed; top: -100px; width: 50%; height: 41px; left: 25%; margin: 0 auto; background: #242c35; z-index: 2500; } ul.tweet_list li { margin: 0 0 15px 0; } .twitter_follow { bottom: 10px !important; } #featured .action-box { /*width:27%;*/ } #mailbox span.roy { right: -65px; } div.vance_rocks { /*right:1% !important;*/ /*height:642px !important;*/ /*bottom:0px !important;*/ } } @media only screen and (max-width: 1220px) { /*----LANDING---*/ .landing-title { padding-top: 150px; padding-left: 0%; } } @media only screen and (max-width: 1200px) { #nav { margin-left: 350px; } #nav .sf-menu ul li { margin-right: 25px; } } /*--------------------------------- FULL WIDTH and MOBILE NAV for TABLETS and low res screens ---------------------------------*/ @media only screen and (max-width: 1160px) { #logo-wrap { margin: 17px 0 0 17px; } #logo-wrap .tagline { margin: 6px 0 0 6px; } /*---NAV---*/ #nav-toggle { top: 19px; right: 12px; display: inline-block; } #nav, #nav nav { display: none; } a#logo { width: 230px; height: 54px; background-size: 230px 54px; } #logo-wrap .tagline { color: #0c2567; } body.live #logo-wrap .tagline { color: #0f75bd; } /*--------HIDE / SHOW ----------*/ .mobile_hide, .sidebar, .featured_hero, .arrow_side_label, #featured .label_bottom, .col_remainder, .twitter_wrap span.arrow_right, ul.sm2-playlist-bd { display: none; } .mobile_only { display: inline-block; } .section, .col { width: 100%; margin: 0; } .main-wrap .col .inner { /*padding:60px 10% !important;*/ padding: 60px 10%; } /*----LANDING---*/ .landing { background: #181617; } body.internal .landing { background: none; } body.internal .landing .content-wrap { height: 120px; } .landing-title { padding-top: 200px; padding-left: 10%; } body.single .landing-title { padding-left: 5%; width: 50%; } .landing .angles { display: none; } .landing-entry-top { width: 50%; bottom: 20px; left: 4%; } .landing-entry-bottom { margin-left: 9%; } body.home_podcast .landing p, body.home_podcast .landing .entry_actions { display: block; float: right; width: 70%; padding-right: 5%; } .landing-episode div.vance_rocks { width: 200px !important; height: 280px !important; background-size: 200px 347px !important; bottom: 0px; } /*-------- PLAYER -------*/ .player-wrap { float: left; width: 74%; /*left:-40%;*/ left: 2%; margin: 0 auto; } span.player-back { z-index: 20; } /*----Player LIVE---*/ .landing .player_live_mobile { display: block; } body.live .landing .player { position: absolute; z-index: 1900; } .live-box { width: 48%; height: 160px; padding-left: 18%; left: 125px; } .live-box .col .inner { padding: 0 !important; } .live-box .entry_actions { left: 0; width: 100%; } .live-box .entry_actions ul { padding: 0; width: 100%; } .live-box .entry_actions ul li { float: right; } /*-------- FEATURED / DASHBOARD -------*/ #featured { float: left; width: 100%; } body.internal #featured .inner { /* padding:80px 10% 0 10% !important; */ } #featured .dashboard .col { height: auto; } #featured .dashboard .col.icon_twitter { height: 160px; } #featured .dashboard .col.dashboard_actions { /*min-height:430px;*/ width: 100%; } body.single #featured .dashboard .col.dashboard_actions { min-height: none; } body.single #featured .dashboard .twitter_wrap, body.single #featured .dashboard .title_dashboard { display: none; } #featured .dashboard .twitter_follow { position: relative; margin-top: 40px; } #featured .action-box, body.single #featured .dashboard .title_dashboard { width: 100%; } body.single #featured .action-box, body.internal #featured .action-box { margin: 30px 0 0 -17px; height: auto; } #featured ul.recent-entries { margin-left: 0; } .col_main, #featured .dashboard .label_bottom.label_header { width: 100%; } .back_gary_light .span_4_of_12 { height: 0; } /*-------- MAIN WRAP AND ENTRIES -------*/ .main-wrap { float: left; background: #181617; width: 100%; } .main-wrap .col_main { padding-bottom: 0; } .main-wrap .entry, .main-wrap .entry.border_top_none { border: none; } .entry { float: left; width: 80%; padding: 80px 10% !important; margin-bottom: 0; } #featured .inner { /* line up with content */ float: left; width: 80%; padding: 80px 10%; } body.single .col_main { min-height: auto; height: auto; } .col_main .entry.even { background: #f0f0f0; } #featured .col_main .entry.even { background: #fff; } .entry p { width: 100%; max-width: 100%; } .entry p span, .entry p span span, .entry p strong, .entry strong { max-width: 100%; } .entry .entry_content a { word-wrap: break-word; } .col_main .entry_actions, body.internal .landing .entry_actions { width: 100%; } .col_main .entry_actions ul { float: left; display: block; width: 100%; padding: 12px 0; } div.player-single_wrap .full-width { float: left; width: 100%; } .sm2-bar-ui { height: auto; } .sm2-bar-ui, .sm2-inline-time, .sm2-inline-duration { font-size: 15px; } body.single div.audio_actions_wrap { float: left; width: 100%; height: 50px; text-align: center; padding-top: 10px; } body.single ul.audio_actions { margin: 0 auto; float: none; } div.single-pagination { position: relative; float: left; padding-bottom: 30px; } /*-------- MAIN PAGINATION -------*/ ul.pagination { float: left; width: 100%; height: 80px; } ul.pagination li { float: right; display: inline; margin: 25px; } ul.pagination li a { display: inline-block; width: 90px; font-size: 13px; text-align: center; color: white; padding: 8px 10px; } /*-------- SUB-HERO -------*/ .sub-hero { padding: 60px 0 !important; } .sub-hero h1 { padding-top: 60px; } /*-------- FOOTER -------*/ #footer { padding-bottom: 60px; } #footer .col, #footer .col.tex_left, #footer .col.tex_center, #footer .col.text_right { width: 100%; text-align: center; } #footer ul { padding: 30px 0; } #footer span.icon_mail { display: inline-block; position: relative; margin: 10px auto; } #footer #footer_mailing p { margin-bottom: 10px; } #footer #footer_mailing form { margin: 20px auto 0 auto !important; width: 80% !important; } #footer_mailing form input { float: left; width: 100% !important; padding: 0px; margin: 0 auto 10px auto !important; } div.liveblog-label { width: 100%; padding: 10px 0; text-align: center; left: 0; } /*------Download Guide-------*/ .download-guide-wrap .center, #download-guide-header .center, #download-guide, #download-guide-header table { width: 100%; } #download-guide-header .col_main { display: none; } div.instant-search { padding: 7px; } } /*------ AS SCREEN GETS MORE NARROW, PUSH LANDING TEXT TO RIGHT AND BRING HERO TEXT DOWN ---------*/ @media only screen and (max-width: 905px) { /*----LANDING---*/ .landing-title { padding-top: 250px; padding-left: 10%; } .landing-entry-top { left: 14%; } .landing-entry-bottom { margin-left: 22%; } .live-box { padding-left: 22%; } /*------ SONG LIST ------*/ div.song-list { width: 100%; } .table .table-head { display: none; } .table .row, .table .cell, .table .cell.link { clear: left; float: left; width: 100%; text-align: left; font-style: normal; } .table .album span.cell-content { font-style: italic; } .table .row { padding: 15px 0; border-bottom: solid 1px #ddd; } .table .cell span.cell-content { width: 67%; display: inline-block; } .table .cell span.cell-label { width: 30%; display: inline-block; } .table .cell.link { background: none !important; text-align: left !important; } .table .cell.label { color: #342424; } .cell.link a { display: inline-block; color: #1646c3 !important; text-decoration: underline; vertical-align: baseline; padding: 0; } } /*-------------- PHONE --------------*/ @media only screen and (max-width: 750px) { div.mobile-nav-wrap ul { padding: 30px 0 0 20px; } /*--------- LANDING ----------*/ body.home_podcast .landing .content-wrap { height: auto; } /*body.single #featured*/ .landing-title, .landing-entry-top { display: none; } .landing-title { position: absolute; top: 0%; padding-top: 100px; display: none; } .landing-title h3 { font-size: 17px; line-height: 19px; } .mobile_landing_title { display: block; float: left; width: 100%; line-height: 22px; } body.single .main-wrap { background: white !important; } .landing .content-top { /*remove trees*/ width: 100%; background: transparent; } body.live .landing .content-top { background: transparent; } body.home_podcast .landing .content-bottom { width: 100%; float: left; position: relative; height: auto !important; /*min-height:450px;*/ padding: 0 0 50px 0; } .landing-entry-bottom { margin-left: 10%; padding-top: 60px; } body.home_podcast .landing p, body.home_podcast .landing .entry_actions, .landing ul.audio_actions { float: left; } body.home_podcast .landing p { width: 100%; } body.home_podcast .landing .entry_actions .addthis_default_style, .landing ul.audio_actions { width: auto; display: block; clear: both; } .landing ul.audio_actions { padding-top: 25px; } /*--------- LVE BOX & TWITTER ----------*/ .live-box { width: 100%; height: auto; padding: 0px 0 30px 0; left: 0px; top: 58%; } body.live .icon_twitter { padding: 80px 0; } /*--------- PLAYER ----------*/ ul.mobile_play { left: 10%; top: 180px; } .player { width: 120px; height: 120px; margin: 10px; } .ui360, .sm2-360ui { width: 120px; height: 120px; } body.home .landing { height: 420px; } .player-wrap { width: 100%; height: 120px; left: 0; bottom: 0; float: left; display: inline-block; text-align: center; } .player-wrap .mobile-wrap { width: 140px; height: 120px; margin: 0 auto; text-align: center; display: inline-block; } .player { display: inline-block; width: 120px; margin: 10px; float: left; } .landing .player { position: relative !important; } span.player-back { display: none; } /*PLAY BTN*/ .ui360 .sm2-360btn-default, .ui360 .sm2-360ui.sm2_paused .sm2-360btn, .ui360 .sm2-360ui.sm2_playing .sm2-360btn:hover, .ui360 .sm2-360btn-playing:hover, .player a.btn_play_live, .player a.btn_pause, .player a#ios, .player a#android { background-size: 65px 65px; } .player a.btn_play_live, .player a.btn_pause, .player a#ios, .player a#android { top: 28px; left: 28px; } .player span.mouse { width: 135px; height: 148px; background-size: 135px 148px; } span.player-back { width: 140px; height: 140px; border-radius: 70px; } .player #canvas-loader-stream { top: 30px; left: 30px; } #elapsedLive, span.countdown { font-size: 22px; margin-top: -65px; } .ui360 .sm2-360ui.sm2_playing .sm2-timing { font-size: 16px; margin-top: 32px; } /*---------- INTERNAL LANDING ------------*/ body.internal.page .landing, body.internal.paged .landing, body.internal.single.post .landing, body.internal .landing { height: 300px !important; padding-bottom: 45px; background: none; } body.internal.single.episode .landing { height: 300px !important; padding-bottom: 45px; } body.internal.single .landing-title, body.internal.page .landing-title, body.internal.page .landing-title { display: inline-block; padding-top: 45px; width: 80%; } body.internal.single.episode .landing-title { padding-top: 45px; } body.internal .landing-title h2 { font-size: 26px; line-height: 33px; } body.internal .landing .entry_actions ul { float: left; width: 100%; margin-top: 20px; } .landing .mike_can { width: 250px; height: 226px; background-size: 250px 226px; bottom: -30px; } div.vance_rocks, div.rocks_wide { display: none; } #special-announcement { height: 75% !important; background-size: 88px 88px !important; } #special-announcement a.btn_x { top: -25px !important; right: -25px !important; } }