/* ========================================================================== Global ========================================================================== */ /** * Body */ body { font-family:Arial,sans-serif; color: #696969; background: -moz-linear-gradient(top, rgba(222,238,252,1) 0%, rgba(125,185,232,0) 100%) repeat-x; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(222,238,252,1)), color-stop(100%,rgba(125,185,232,0))) repeat-x; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(222,238,252,1) 0%,rgba(125,185,232,0) 100%) repeat-x; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(222,238,252,1) 0%,rgba(125,185,232,0) 100%) repeat-x; /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(222,238,252,1) 0%,rgba(125,185,232,0) 100%) repeat-x; /* IE10+ */ background: linear-gradient(to bottom, rgba(222,238,252,1) 0%,rgba(125,185,232,0) 100%) repeat-x; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deeefc', endColorstr='#007db9e8',GradientType=0 ) repeat-x; /* IE6-9 */ padding: 0 0 20px 0; -webkit-font-smoothing: antialiased;text-rendering:optimizeLegibility; } html, p, li, a { -webkit-font-smoothing: antialiased;text-rendering:optimizeLegibility;} @font-face { font-family: 'Bell'; src: url('fonts/Bell/BellMT.eot'); } @font-face { font-family: 'Bell'; src: url('fonts/BellBellMT.woff') format('woff'), url('fonts/Bell/BellMT.svg#BellMT') format('svg'); } a { text-decoration: none; color: #222; outline:none; -webkit-transition: color 200ms ease, background-color 200ms ease, text-shadow 200ms ease, box-shadow 200ms ease, border 200ms ease; transition: color 200ms ease, background-color 200ms ease, text-shadow 200ms ease, box-shadow 200ms ease, border 200ms ease;} a:hover { color: #111; text-decoration: none;} .white { color:#fff !important;} .blue { color:#069 !important;} .gold { color:gold !important;} .black { color:#444 !important;} .red { color:#f00 !important;} .darkred {color:#cc3333 !important;} .green { color:#5dc866;} .upper {text-transform:uppercase;} .noborderleft { border-left:0px !important;} .noborderright { border-right:0px !important;} .top-margin { margin-top: 20px;} #page-content .top-margin { margin-top: 15px;} #page-content .bottom-margin { margin-bottom: 15px;} .top-padding { padding-top: 15px;} .bottom-padding { padding-bottom: 15px;} .no-padding { padding: 0px !important;} .no-margin { margin: 0px !important;} .nopadding {padding:0px !important;} .nomargintop { margin-top:0px !important;} .nomarginbottom { margin-bottom:0px !important;} .nopaddingtop { padding-top:0px !important;} .nopaddingleft {padding-left:0px !important; } .nopaddingright { padding-right:0px !important;} .paddingright15 {padding-right:15px !important;} .marginbottom5 { margin-bottom:5px !important;} .marginbottom10 { margin-bottom:10px !important;} .marginbottom15 { margin-bottom:15px !important;} .paddingbottom15 { padding-bottom:15px !important;} .margintop15 { margin-top:15px !important;} .margintop25 { margin-top:25px !important;} .marginbottom20 { margin-bottom:20px !important;} .noborderbottom { border-bottom:0px !important;} .form-control { padding: 10px 12px; height: 42px;} .icon-padding { position: relative; padding-left: 30px;} .icon-padding i.fa { position: absolute; top: 4px; left: 0;} .italics {font-style:italic !important;} .faded {opacity: .5} sup {color:red;margin-left:2px;font-size:9px} .ad-visible-xs, .ad-visible-sm, .ad-visible-md{display:none !important;visibility:hidden;} @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) { .ad-visible-xs { display:block !important;}} @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) { .ad-visible-sm { display:block !important;}} @media (min-width:569px) {.ad-visible-md { display:block !important;}} /*@media (min-width:311px) and (max-width:468px) {.ad-visible-sm { display:block !important;}} */ /* ========================================================================== COOKIE POP ========================================================================== */ .optanon-alert-box-wrapper { position: fixed; width: 100%; border: none; background-color: rgba(0,0,0,0.85); bottom: -145px; z-index: 2147483644; min-height: 50px; } .optanon-alert-box-wrapper .optanon-alert-box-bottom-top { height: 10px; } .optanon-alert-box-bg .optanon-alert-box-button-container { position: absolute; right: 30px; top: 50%; margin-top: -16px; } .optanon-alert-box-wrapper .optanon-alert-box-button { float: none; display: inline-block; margin-right: 30px; margin-bottom: 10px; line-height: initial; } .optanon-alert-box-wrapper .optanon-alert-box-button-middle { background-color: #00ADEF !important; border-color: #00ADEF !important; padding: 8px 18px; font-size: 9pt; font-weight: bold; } .optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle { border: none !important; background: none !important; padding: 10px 10px 0 0px; } .optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle a { border-bottom: 1px solid #999; padding-bottom: 1px; color: #fff !important; } .optanon-alert-box-wrapper .optanon-alert-box-corner-close { height: 20px; right: 10px; top: 50%; margin-top: -16px; position: absolute; width: 20px; } .optanon-button-allow .optanon-alert-box-button-middle {background: rgb(92, 184, 92) !important;} .optanon-alert-box-button a {color:#ffffff;} .optanon-alert-box-wrapper .optanon-alert-box-bg p { font-size: 11pt; line-height: 16pt; color: #fff !important; padding-bottom: 5px; } .optanon-alert-box-wrapper .optanon-alert-box-body { margin-right: 450px; margin-left: 50px; padding-top: 6px; } /* Style the tab */ .modal-dialog {max-width: 1000px !important;} .privacy .modal-header {background:#00ADEF;} .privacy .modal-title {color:#fff;font: 800 16px/16px 'Roboto', sans-serif !important;text-transform: uppercase;} .privacy .modal-header button {position: relative;top:-8px;padding:5px;right:-8px;} .modal-body.privacycontainer{overflow: hidden;padding:0px;} .privacytab {float: left; border: 1px solid #ccc; background-sizecolor: #f1f1f1; width: 24%; min-height: 300px; } /* Style the buttons that are used to open the tab content */ .privacytab button { display: block; background-color: inherit; color: black; padding: 22px 16px; width: 100%; border: none; outline: none; text-align: left; cursor: pointer; transition: 0.3s; } /* Change background color of buttons on hover */ .privacytab button:hover { background-color: #ddd; } /* Create an active/current "tab button" class */ .privacytab button.active { background-color: #ccc; } /* Style the tab content */ .tabcontent { float: left; padding: 15px 35px; width: 75%; border-left: none; min-height: 300px; overflow: hidden; background: #fff; } @media (max-width: 767px) { .modal.privacy {z-index: 10000000;} .privacytab {width: 100%;min-height:auto;} .privacytab button {padding:8px 15px;border-bottom: 1px solid #ccc;} .tabcontent {width:100%;padding:15px;min-height: auto;} .optanon-alert-box-wrapper .optanon-alert-box-body { margin-right: 0px;margin-left: 0px;padding:5px 15px;width:100%;text-align: center;} .optanon-alert-box-bg .optanon-alert-box-button-container {background:#111111;position: relative;right: auto;top: auto;margin-top: -15px;display: table;margin-bottom: 15px;width:100%;padding:5px 15px;text-align: left;} .optanon-alert-box-wrapper .optanon-alert-box-button { float: none; margin-right: 0px; padding:0; padding-right:10px; margin-bottom: 0px; line-height: initial; display: table-cell; text-align: center; } .optanon-alert-box-wrapper .optanon-alert-box-button:last-child {padding-right:0px;} } /* ========================================================================== General ========================================================================== */ /** * Wrappers and containers */ #page-outer-wrap {position: relative;width: 100%;} #page-inner-wrap {position: relative;width: 100%;} .relative {position: relative;} .container {padding: 0;margin:0px auto;width:100%;} .container .img-responsive {display: block;width: 100%;max-height: 100%;} #page-content {margin:0px;padding: 0px;background:#fff;-moz-box-shadow:0px 1px 25px rgba(0,0,0,0.1);-webkit-box-shadow:0px 1px 25px rgba(0,0,0,0.1);box-shadow:0px 1px 25px rgba(0,0,0,0.1);width:100%;} .ie8 #page-content {border: 1px solid #e3e3e3; margin: 30px -1px 0 -1px;} #main {padding:15px; position: relative; width:100%;margin:0px auto !important;float:left;} #main.wide {float: none;width: 100%;} #sidebar { color: #bbb; border-let:0px solid #ddd;padding: 10px;width: 100% !important;background:none;margin-bottom: -9000px; /* 100% height */padding-bottom: 9000px;} .section-full {margin: 0 -15px 0 -15px;padding: 45px 15px 0 15px;} .section-full-even { margin: 0 -15px 0 -15px; padding: 15px 15px 0 15px;} #main .ad img, #main .ad { clear:both;display:block;width:100%;margin:0px;padding:0px;} #sidebar .ad{ text-align:center;margin:0px auto;width:300px;padding:0px;clear:both;} /*#main .ad {padding:30px 0px;}*/ /** * Article elements */ article {position: relative;margin-bottom: 15px;} .theme {position: absolute;top: 10px;left: 0;font: 700 13px/25px 'Roboto Condensed', sans-serif; color: #fff;text-transform: uppercase; background: #444; padding: 0 12px;} .overlay {position: absolute;color: #eee;bottom: 0;left: 0;right: 0;padding: 12px 15px;background: rgb(0, 0, 0); /* Fall-back for browsers that don'tsupport rgba */background: rgba(0, 0, 0, .6);} .large .overlay {padding: 15px 20px;} .overlay h1,.overlay h2,.overlay h3 {margin: 0;text-shadow:0px 1px 6px #333;} .overlay h1 { font: 30px/100% "Roboto"; padding: 5px;} .overlay h2 { font: 400 200%/100% "Roboto"; padding:0px; margin:0px;} .overlay p { margin: 6px 0 0 0; opacity: 1; text-shadow:0px 0px 10px #333; line-height:18px; font-size:14px; font-family:'Roboto'; letter-spacing:.3px;} .overlay a { color: #fff;} .overlay .breadcrumb { margin: 0 0 0 10px; padding: 0;} .overlay .sharing { position: absolute; font-size: 14px; right: 25px; bottom: 25px;} .overlay .sharing a { display: inline-block; margin-left: 12px; opacity: 0.6;} .overlay .sharing a:hover { opacity: 1.0;} /** * Separators */ .separator-left {border-left: 1px solid #e3e3e3;} .separator-right { border-right: 1px solid #e3e3e3;} .separator-bottom { border-bottom: 1px solid #e3e3e3;} /** * Ad Units */ /** * Ratings */ .review-rating { text-align: center;} ul.rating, ul.rating li { display: inline; margin: 0px; padding: 0px; list-style: none;} ul.rating li { display: inline-block; width: 14px; height: 14px; margin-right: 1px; background: url(../../images/stars.png) no-repeat 0 0;} ul.rating li.li-rated { background-position: 0 100%;} /** * Buttons and forms */ .show-more { display: inline-block; font-size: 18px; line-height: 50px; color: #fff; background: #444; border: none; padding: 0 40px;margin: 10px 0 50px 0; -webkit-border-radius: 25px 25px 25px 25px; border-radius: 25px 25px 25px 25px;} #page-content .show-more:hover { background: #444;color:#fff;text-decoration:underline;} .error { font-weight: 400; color: red; margin-top: 5px;} /** * General - Media Queries */ .premiumstop { color:#111111;} .premiumstop a{ color:#006699;text-decoration:underline;line-height:24px;} @media (min-width: 768px) { .container {padding: 0;margin:0px auto;width:100%;} .container .img-responsive {display: block;width: 100%;max-height: 100%;} #page-content {position: relative;overflow: hidden;margin: 15px 0px 0px;padding: 0px;background:#fff;-moz-box-shadow:0px 1px 25px rgba(0,0,0,0.1);-webkit-box-shadow:0px 1px 25px rgba(0,0,0,0.1);box-shadow:0px 1px 25px rgba(0,0,0,0.1);width:100%;} .ie8 #page-content {border: 1px solid #e3e3e3; margin: 30px -1px 0 -1px;} #main {padding:15px; position: relative; width:100%;margin:0px auto !important;float:left;} #main.wide {float: none;width: 100%;} .section-full {margin: 0 -15px 0 -15px;padding: 45px 15px 0 15px;} .section-full-even { margin: 0 -15px 0 -15px; padding: 15px 15px 0 15px;} #sidebar .ad { text-align:center;margin:0px auto;width:100%;} #sidebar .ad img { width:100%;padding:20px 0;} .container.large, #page-content.large {width:100%;} #main.large { width:100%;} .container.full, .main-container.full, #page-content.full, .container.xlarge, #page-content.xlarge {width:100%;} #main.full, #main.xlarge { width:100% ;} .section-full {margin: 0 -20px 0 -20px;padding: 45px 15px 0 20px;} .section-full-even {margin: 0 -15px 0 -20px;padding: 15px 15px 0 20px;} .overlay h1 {padding: 10px;} table.tradetable {width:100%;padding:0px;margin:0px;} table.tradetable td.daterow {background:#1f3354;margin:0px;padding:0px;color:#fff;font-weight:bold;width:100%;} #homepage .transactions article table.tradetable td.daterow h3{padding:5px;color:#ffffff !important;font-weight:bold;font-size:14px;padding-left:10px;} table.tradetable td.tradeitem {padding:15px;position:relative;vertical-align:top;float:left;padding-bottom:25px;width:50%;} img.tradelogo {max-width:55px;margin-right:10px;position:absolute;left:10px;} .tradeplayer { display:block;font-size:12px !important;color:#444;line-height:20px;} .tradeplayer a { text-decoration:underline;} .tradedata { padding-left:65px;float:left;} .tradelabel { text-transform:uppercase;font-size:13px !important;} .graphhide { float:right;margin: 17px 0 10px 0;} #graphToggle {float:right; margin:15px;} .chart-wrapper {float:left; width:100%} #college.form-control {width:205px !important;font-size:12px;} .article-container.daily ul { padding:0px;} #sidebar .article-container.daily ul article { padding:10px 0px !important;min-height:0px;} #sidebar .article-container.daily ul article .published a{ color:#666;line-height:12px;} #sidebar .article-container.daily ul article:first-child{ padding-top:0px !important;} #sidebar .article-container.daily ul article:hover { background:#eee;cursor:pointer;} #sidebar .article-container.daily ul article:last-child { border-bottom:0px !important;padding-bottom:0px !important;} #sidebar .article-container.daily ul article h3 a { font-weight:normal;font-size:14px;} } @media (min-width: 992px) { .container {padding: 0;margin:0px auto;width:100%;} #main .col-md-9 {padding-top: 20px;padding-right: 20px;} #main .col-md-3 {padding-top: 20px;padding-left: 20px;} #sidebar {float:right;color: #bbb;border-left:1px solid #eee;padding: 0 15px;width: 330px !important;background:url("https://www.spotrac.com/images/side_back.png") no-repeat !important;margin-bottom: -9000px; /* 100% height */padding-bottom: 9000px;} .overlay h1 {font-size: 36px; padding:15px 350px 15px 15px;} .overlay .breadcrumb {margin-left: 15px;} .container.large, #page-content.large {width:992px} .container.xlarge, #page-content.xlarge {width:100%;} #main.large{ width:694px;} #main.large table td.player, #main.large table th.player { width:150px !important;} #main.large table td.activecontract{ width:200px !important;} #main.large.full { width:100%;} #main.xlarge{width:694px;} } @media (min-width: 1200px) { #main .col-md-9 {padding-top: 25px;padding-right: 25px;} #main .col-md-3 {padding-top: 25px;padding-left: 25px;} .section-full {margin: 0 -25px 0 -25px;} .container, #page-content {width:1088px;} .container.xlarge, #page-content.xlarge {width:1323px !important;max-width:1323px !important;} #main {width:758px;} #main.large table td.player, #main.large table th.player { width:25% !important;} #main.large table td.activecontract{ width:auto !important;} #main.xlarge{width:993px;} .adheader {float:left;width:100%;margin:0px auto;padding:25px;text-align: center;background:#ffffff;z-index:1000000;position:relative;height: auto;} #header-navigation-sub {height:auto !important;} .switch_placeholder {text-align: center;display: inline-block;} } /* ========================================================================== Header mobile ========================================================================== */ /** * Header mobile */ header#page-header { height:125px !important;position:relative;} #page-header-mobile {position: relative;border-top: 5px solid #3a3a3a;background: #222;height: 50px;overflow: hidden;padding: 0 10px;} /** * Branding */ #page-header-mobile h1 {margin: 0;padding: 1px 0;} #page-header-mobile h1 img {vertical-align: inherit;} /** * Navigation */ #page-header-mobile a {color: #eee;} #page-header-mobile a:hover {color: #fff;} #page-header-mobile span.fa {font-size: 30px;position:relative;z-index:100000;line-height:45px;} #page-header-mobile nav { background: #2d2f33;display: block;height: 100%;overflow: auto;position: fixed;right: -20em;font-size: 15px;top: 0;width: 20em;z-index: 2000;transition: right 0.3s ease-in-out 0s;-webkit-transition: right 0.3s ease-in-out 0s;-moz-transition: right 0.3s ease-in-out 0s;-o-transition: right 0.3s ease-in-out 0s;} body.nav-expanded #page-header-mobile nav {right: 0;} /* ========================================================================== Header desktop ========================================================================== */ /** * Header desktop */ #page-header h1 {color: #444;margin: 0;} /** * Branding */ #header-branding { position: relative;height: 85px;background: #111;border-top: 3px solid #3a3a3a;border-bottom: 1px solid #4d4d4d;overflow:hidden;clear:both} #header-branding .logo { padding-top:10px;padding-left:25px;padding-right:0px !important;line-height: 60px;} #header-branding a{line-height:inherit !important;} #header-branding img{ max-height:50px;} /** * Search */ #header-branding .searchform { padding-top:15px;padding-left:0px !important;} #header-branding #search-form {width: 100%;height: 45px;border: 3px solid #4a4a4a;text-align: left;line-height:36px;padding: 0 10px;-webkit-border-radius: 25px 25px 25px 25px;border-radius: 25px 25px 25px 25px;overflow: hidden;} #header-branding #search-form input {line-height: 36px;height: 36px;color: #999;background: none;border: none;outline:none;width: 90%;padding: 0 5px;} #header-branding #search-form button {line-height: 36px;height: 36px;color: #a1a1a1;background: none; border: none;width: 30px;} nav.positional {float:left;background:#222;display: table; outline: none; cursor: pointer; text-align: center; border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;width:100%;} nav.positional span {display:table-cell;width:auto; padding: 11px 0;} nav.positional span a {font: 600 14px/100% 'Roboto Condensed', sans-serif;text-transform: uppercase;color: #fff;} nav.positional span:first-child {border-left: none;} nav.positional span:last-child {border-right: none;} nav.positional span.current {background:#3f3f3f;} nav.positional span:hover{ background:#3f3f3f;} /** * Weather */ #header-branding .social {padding-top:5px;float:right;} .weather .fa-lg { font-size:28px !important;line-height:20px;color:#dedede;padding:0 5px;} .weather h4 { font-size:14px;color:#dedede;} #header-branding .weather { position: relative; display: inline-block; text-align: left;line-height:100%;text-align:center;} #header-branding .weather span.glyphicon { display: inline-block; margin-right: 5px;} #header-branding .weather span.date { font-size: 12px; color: #878787; padding-left: 22px;} #header-branding .weather i.icon { position: absolute; top: 0; right: 10px; font-size: 28px; color: #eee;} /** * Navigation */ #header-navigation { position: relative; height: 40px; background: #3f3f3f;} #header-navigation .container { position: relative;display:block;margin-bottom:0px;} #header-navigation ul { padding: 0; margin-top: -1px; border-left: 1px solid #4d4d4d;display: table;width:100%;} #header-navigation ul li { position: static; list-style: none; border-right: 1px solid #4d4d4d;display: table-cell;vertical-align: middle;} #header-navigation ul li a { display: block;font-size: 15px;padding: 0;font-weight:700;line-height: 100%;color: rgba(255,255,255,1);text-transform: uppercase;font-family:'Roboto Condensed';border-top: 1px solid #222;letter-spacing:.8px;text-align: center;line-height: 40px;} #header-navigation ul li:first-child a {padding:0px 5px;} #header-navigation ul li li a { border-top: none; } #header-navigation ul li a i {} #header-navigation ul li.current a,#header-navigation ul li a:hover { background: #222;} #header-navigation ul.options { border-left:0px;display:block;margin-top:0px;} #header-navigation ul.options li.options { float: right; padding-right: 10px;border-right:0px;margin-top:5px;text-align:left;} #header-navigation ul.options li.options a { display: inline-block; font-size: 12px; color: #444; padding: 0 10px; border: none;line-height:18px;} #header-navigation ul.options li.options:last-child {border-right:0px !important;} #header-navigation ul.options li.options:last-child a { padding: 0 10px 0 5px;} #header-navigation ul.options li.options a span.glyphicon { padding-right: 8px; color: #999;} #header-navigation ul.options li.options a:hover,#header-navigation ul li.options a:hover span { background: none; color: #fff;} #header-navigation ul.options li a span.glyphicon{line-height:40px !important;} /** * Subnav - full size menu */ #header-navigation .subnav-container { display: none; position: absolute; left: 0; top: 40px; z-index: 15; width: 100%; height: 310px; overflow: hidden; background: #3f3f3f;} /*#header-navigation ul li:hover .subnav-container { display: block;}*/ #header-navigation ul.subnav-menu { display:block; position: absolute; left: -10px; top: 10px; width: 200px; height: 290px; background: #444; padding: 15px 0;} #header-navigation ul.subnav-menu li { float: none; display: block; border: none; width: 100%;} #header-navigation ul.subnav-menu li a { display: block;width:100%; text-align: right; padding: 0 15px; line-height: 30px; border: none;} #header-navigation .subnav-posts { display: none; position: absolute; width:600px; left: 230px; top: 20px;} #header-navigation ul li li.current .subnav-posts,#header-navigation ul li li:hover .subnav-posts,#header-navigation ul li li a:hover .subnav-posts { display: block;} #header-navigation ul li .subnav-posts a { line-height: 14px; font-weight: 400; display: inline; text-transform: none; padding: 0; border-top: none;font-size:13px;} #header-navigation ul li .subnav-posts a:hover { color:#000;}#header-navigation .subnav-posts article { width: 100%; float: left; } #header-navigation .subnav-posts article img { width: 150px;} #header-navigation .subnav-posts article:first-child { margin-left: 0;} #header-navigation .subnav-posts article h3 { line-height: 14px; font-weight: 400; text-align: center; padding: 0 10px; margin: 8px 0 0 0;} #header-navigation .subnav-posts ul.menu-list{border-left:0px !important; width: 150px; float: left; margin-left: 0px;display: inline;} /** * Dropnav - regular drop down menu */ #header-navigation .dropnav-container { display: none; position: absolute; top: 100%; z-index: 10000; background: #3f3f3f;} #header-navigation .dropnav-container ul.dropnav-menu li { position: relative;float: none;border-top: 1px solid #4D4D4D;display: block;} #header-navigation .dropnav-container ul.dropnav-menu li a {color: #fff;line-height: 18px;padding:10px 15px;} #header-navigation .dropnav-container ul.dropnav-menu li a i.fa {float: right;line-height: 18px;} #header-navigation .dropnav-container ul.dropnav-menu ul {display: none;position: absolute;top: 0;z-index: 100;} #header-navigation ul li:hover .dropnav-container,#header-navigation .dropnav-container ul.dropnav-menu li:hover ul { display: block;} /** * Sub navigation - categories */ #header-navigation-sub, #header-navigation-sub nav { height: 50px; overflow: visible; float: left; margin: 0px auto; width: 100%; } #header-navigation-sub nav ul { list-style: none;padding: 0;} #header-navigation-sub nav ul li { float: left; margin: 0 10px 0 25px;} #header-navigation-sub nav ul li a { font: 400 14px/50px 'Roboto Condensed', sans-serif; text-transform: uppercase; color: #fff;padding:2px 3px} #header-navigation-sub nav ul li.current a, #header-navigation-sub nav ul li:hover a { color: #3a3a3a; background:#fff; padding:2px 3px; text-shadow:none;} #header-navigation-sub nav ul li.current a i { color:#222;} #header-navigation-sub nav ul li.current ul li a, #header-navigation-sub nav ul li:hover ul li a{ background:none !important;} #header-navigation-sub nav ul li ul { display: none;} .twitter-share-button{ width:70px !important;position:relative !important;top:5px !important;left:0px;} #article-post .twitter-share-button{ width:60px !important;position:relative !important;top:0px !important;left:-2px;} #facebook-share { border:none; overflow:hidden;width:80px;height:24px;position:relative;top:9px;} .dropit {list-style: none;padding: 0;margin: 0;} .dropit .dropit-trigger { float:none;display:inline-block;position: relative;} .dropit .dropit-submenu {position: absolute;top: 100%;left: 0; /* dropdown left or right */z-index:2;display: none;min-width: 200px;list-style: none;padding: 0;margin: 0;visibility:hidden;height:0px;} .dropit .dropit-submenu li {display:none;} .dropit .dropit-open .dropit-submenu, .dropit .dropit-open .dropit-submenu li { display: block;visibility: visible;height:auto;} #header-navigation-sub nav ul.menu li a i{padding:0 5px;color:#fff;} #header-navigation-sub nav ul.menu li ul li {margin-left:15px;margin-bottom:5px !important;width: 100%;} #header-navigation-sub nav ul.menu li ul li a {color:#fff;line-height:36px !important;} #header-navigation-sub nav ul.menu li ul li:hover a {color:#fff;text-decoration:underline;} #header-navigation-sub nav ul.menu li:hover i {color:#222 !important;} #header-navigation-sub nav ul.menu li:hover ul li a {background:none !important;} /** * Media Queries */ @media (min-width: 992px) { #header-navigatio#header-navigation ul li a {font-size: 15px;} #header-navigation .subnav-container {width: 970px;} #header-navigation ul.subnav-menu {width: 245px;} #header-navigation ul.subnav-menu li {width:100%;} #header-navigation .subnav-posts {left: 275px;width: 675px;} #header-navigation .subnav-posts ul.menu-list {margin-left:10px;width:155px;} #header-navigation ul li .subnav-posts a {font-size:14px;} #header-navigation .subnav-posts article {width: 190px;} #header-navigation .subnav-posts article img {width: 190px;} #header-navigation ul.options li.options{ text-align:right;height:24px;} #header-navigation ul.options li.options { border-right:1px solid #4d4d4d;margin-top:0px;} #header-navigation ul.options li.options a { display: inline-block; font-size: 12px; color: #999; padding: 0 10px; border: none;line-height:40px;} .weather h4 { font-size:16px;color:#dedede;} #header-branding .social { padding-right:5% } } @media (min-width: 1170px) { #header-navigation .subnav-container {width: 1080px;} #header-navigation .subnav-posts {width: 850px;} #header-navigation .dropnav-container ul.dropnav-menu li {} #header-navigation .dropnav-container ul.dropnav-menu ul {left: 240px;} } /* ========================================================================== Slider ========================================================================== */ /** * Slider */ #page-slider { position: relative; margin-top: 1px; } #page-slider .row { float: left; } #page-slider .col-sm-8 { padding-right: 1px; } #page-slider .col-sm-8 article { margin: 0 0 1px 0; } #page-slider .col-sm-4 article { height: 150px; margin: 1px 0 0 0; } #page-slider .col-sm-4 article img { height: 150px; } #page-slider .col-sm-4 article:first-child { margin-top: 0; } #page-slider .col-sm-8 article .overlay p { display: none; } #page-slider .slider-nav { display: none; position: absolute; width: 750px; top: 205px; } #page-slider .slider-nav a { position: absolute; left: 10px; display: inline-block; font-size: 20px; color: #fff; width: 40px; height: 40px; background: rgba(255, 255, 255, 0.3); text-align: center; line-height: 40px; -webkit-border-radius: 20px 20px 20px 20px; border-radius: 20px 20px 20px 20px; } #page-slider .slider-nav a.next { left: auto; right: 10px; } /** * Media Queries */ @media (min-width: 768px) { #page-slider .slider-nav { display: block; } #page-slider .col-sm-8 article { height: 400px; margin: 0; } #page-slider .col-sm-8 article img { height: 400px; } #page-slider .col-sm-8 article .overlay p { display: block; } #page-slider .col-sm-4 { padding-left: 0px; } } @media (min-width: 992px) { #page-slider .col-sm-8 { width: 635px; } #page-slider .col-sm-4 { width: 350px; padding-left:0px; padding-right:0px; } #page-slider .slider-nav { width: 970px; } } @media (min-width: 1200px) { #page-slider .col-sm-8 { width: 728px; height:400px; padding-right:0px; margin-left:1px; margin-right:1px; padding-left:0px; } #page-slider .slider-nav { width: 1170px; } } /* ========================================================================== Content ========================================================================== */ #page-content header {position: relative;} #page-content header h1 , #page-content header h1 a{font: 600 22px/24px 'Roboto', sans-serif;color: #111;text-transform: normal;margin:0px;border-bottom: 1px solid #ccc;letter-spacing:-.5px;padding-bottom:5px !important;margin-bottom:2px;} #page-content header h1 img {vertical-align:top;margin:0px 3px;height:22px;} #page-content header h2, .transactions header h2 {font: 800 15px/16px 'Roboto', sans-serif !important;color: #006699;padding-bottom:5px;margin:0px;margin-bottom:10px;text-transform: uppercase;border-bottom: 1px solid #ccc;} #page-content header span.borderline {position: absolute;left: 0;bottom: 0;width: 30px;height: 1px;background: #222;} #page-content header p {font: 100 13px/140% 'Helvetica', sans-serif;padding: 0px 5px;border: 0px;float: left;width: 100%;clear: both;color: #888888;} #page-content header p a { color:#006699;text-decoration:underline;} /** * Articles */ article h2 {font: 700 24px/36px 'Roboto Condensed', sans-serif;margin:0px;} article.linkbox h2 {font: 700 24px/30px 'Roboto Condensed', sans-serif;} article.linkbox h3 {font: 700 15px/18px 'Roboto Condensed', sans-serif;} article.thumb h3 {font: 700 16px/20px 'Roboto Condensed', sans-serif;margin: 0 0 10px 0;} article span.text {font-size: 12px;} article.thumb span.published {margin-bottom: 10px;} article span.published {display: block;margin-top: 10px;font-size: 10px;color: #777;text-transform: uppercase;} article span.published-time {display: block;font-size: 10px;font-weight: 700;color: #bbb;text-transform: uppercase;} .tradelabel { font-weight:bold;} /** * Media Queries */ @media (min-width: 992px) { #page-content header h1 , #page-content header h1 a{font: 600 28px/24px 'Roboto', sans-serif;color: #111;text-transform: normal;margin:0px;margin: 0 0 10px 0;padding-bottom: 8px;letter-spacing:-.5px;} article.linkbox h2 {font: 700 30px/36px 'Roboto Condensed', sans-serif;} } * Media Queries */ @media (min-width: 992px) { .article span.text {font-size: 13px;} .span.published {font-size: 11px;} } /** * Reviews */ article.review img {float: none;} .news-layout article.review h3 {text-align: center;height: 36px;overflow: hidden;margin-bottom: 5px;} /** * Videos */ .cat-videos { margin-top: 1px; margin-bottom: 1px; } .cat-videos .col-sm-8 { margin-bottom: 1px; } .cat-videos .col-sm-8 article { height: 301px; margin: 0; } .cat-videos .col-sm-8 article img { height: 301px; } .cat-videos .col-sm-4 article { height: 150px; margin: 1px 0 0 0; } .cat-videos .col-sm-4 article img { height: 150px; } .cat-videos .col-sm-4 article:first-child { margin-top: 0; } /** * Media Queries */ @media (min-width: 768px) { .cat-videos .col-sm-8 { padding-right: 1px; margin-bottom: 0; } .cat-videos .col-sm-4 { padding-left: 0px; } } @media (min-width: 992px) { .cat-videos .col-sm-8 { width: 300px; } .cat-videos .col-sm-4 { width: 206px; } } @media (min-width: 1200px) { .cat-videos .col-sm-8 { width: 350px; } .cat-videos .col-sm-4 { width: 289px; } } /** * Article page */ #article-post header {padding: 15px 0;margin: 0 0 20px 0;border-bottom: 1px solid #dadada;} .breadcrumb {padding: 0;margin: 0 0 8px 0;background: none;} #article-post header h1 {font: 400 36px/36px 'Roboto Condensed', sans-serif;color: #222 !important;margin: 0;} #article-post h2 {font: 600 24px/30px 'Roboto Condensed', sans-serif;color: #111 !important;margin: 25px 0 15px 0;} #article-post p {line-height: 24px;} #article-post p.lead {font: 400 16px/24px 'Roboto Slab', serif;color: #222;margin-bottom: 25px;} /* Blockquote */ #article-post blockquote {position: relative;background: #f5f5f7;padding: 35px 80px 35px 70px;margin: 25px 0;border: none;-webkit-border-radius: 6px 6px 6px 6px;border-radius: 6px 6px 6px 6px;} #article-post blockquote footer {margin: 0;padding: 0;border: none;} #article-post blockquote p {font-size: 20px;line-height: 30px;font-style: italic;color: #222;quotes: "\201C" "\201D" "\2018" "\2019";} #article-post blockquote:before { position: absolute;top: 20px;left: 25px;content: open-quote;font: 700 54px/54px Georgia, serif;color: #999;} #article-post blockquote:after {position: absolute;bottom: 10px;right: 25px;content: close-quote;font: 700 54px/54px Georgia, serif;color: #999;} /* Info box */ .info-box {display: block;background: #f5f5f7;margin: 20px 0;padding: 25px;} /* Author box */ .author-box {position: relative;background: #f5f5f7;margin: 30px -10px;padding: 20px 10px 5px 10px;text-align: center;} .author-box img {margin: 0 auto;margin-bottom: 10px;} .author-box .name {font-size: 20px;color: #222;margin-bottom: 15px;} .author-box p a {display: inline-block;color: #828282;margin: 0 6px;} .author-box p a:hover {color: #222;} /* Highlights */ #article-post .row-highlights col-sm-9,#article-post .row-highlights col-sm-3 { padding-top: 0;} #article-post .highlights h4 {Font: 400 17px/17px 'Roboto Condensed', sans-serif;color: #444;text-transform: uppercase;margin: 0 0 15px 0;padding-bottom: 10px;border-bottom: 1px solid #e3e3e3;} /** * Reviewa */ #article-post .review h4 {margin-top: 0;padding-bottom: 8px;border-bottom: 1px solid #dadada;} #article-post .review ul {list-style: none;font-size: 13px;color: #777;padding: 0;} #article-post .review li {position: relative;margin-bottom: 3px;padding-left: 25px;} #article-post .review li i.fa {position: absolute;font-size: 14px;top: 2px;left: 2px;color: #aaa;} #article-post .score-overall {background: #444;text-align: center;padding: 15px 0;margin-bottom: 15px;} #article-post .score-number {display: block;font: 400 72px/72px 'Roboto Slab', serif;color: #fff;} #article-post .score-desc {display: inline-block;color: #fff;text-transform: uppercase;border-top: 1px solid #fff;margin-top: 10px;padding-top: 10px;} #article-post .progress {background-color: #f5f5f7;box-shadow: none;height: 40px;} #article-post .progress-bar {line-height: 40px;box-shadow: none;background-color: #444;border-radius: 4px;} #article-post .progress-bar span {display: inline-block;font-weight: 700;font-family: "Roboto Sondensed",sans-serif;text-transform: uppercase;margin-left: 8px; line-height: 26px;margin-top: 7px;} #article-post .progress-bar span.skill-number {font-size: 14px;color: #444;background-color: #FFF;border-radius: 2px;padding: 3px 10px;line-height: 20px;margin-right: 5px;} /* Footer */ #article-post footer {border-top: 1px solid #dadada;padding: 15px 0 0 0;margin: 50px 0 0 0;dispaly:block;float:left;} #article-post footer h3 {display: inline-block;font: 400 20px/24px 'Roboto Condensed', sans-serif;color: #222;margin: 0 30px 0 0;} #article-post footer a {color: #828282;margin: 0 6px;} #article-post footer a:hover {color: #222;} /** * Comments */ #article-comments {margin-bottom: 50px;} #comments-list {list-style: none;padding: 0;} #comments-list li {list-style: none;margin-bottom: 10px;} #comments-list li ul {padding: 0;margin: 10px 0 0 0;} #comments-list li .comment {position: relative;} #comments-list li .comment .user-avatar {display: none;} #comments-list li .comment-text {position: relative;line-height: 24px;padding: 25px;border: 1px solid #dadada;-webkit-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px;} #comments-list .author-comment .comment-text {background: #f1d7d7;border-color: #eac2c2;} #comments-list li .comment-text p {margin-bottom: 0;} #comments-list li .comment-text header {font: 400 14px/24px 'Roboto Condensed', sans-serif;color: #999;margin: 0 0 10px 0;} #comments-list li .comment-text header h5 {font-size: 18px;line-height: 20px;color: #222;padding: 0;margin: 0 15px 0 0;} #comments-list li .comment-text header .reply {color: #ef3434;text-transform: uppercase;} /** * Iframes */ #page-content .head-video iframe {display: block;width: 100%;min-height: 280px;border: none;margin: 0;} #main.article iframe {display: block;border: none;margin: 15px 0 20px 0;} #main.article .ad iframe { margin:0px auto !important;} .podcontainer {width: 100%; max-width: 60em; margin: 0 auto;} .podcast iframe {display: block;width: 100% !important;border: none;margin:10px 0px !important;} .podcast iframe {display: block;width: 100% !important;border: none;margin:10px 0px !important;} /** * Gallery and Zoomix */ #sidebar-gallery a,#article-gallery a {display: block;position: relative;} .zoomix {width: 100%;height: 100%;position: absolute;top: 0;left: 0; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;z-index: 90;background: #000;opacity: 0;filter: alpha(opacity = 0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);transform: scale(0);-webkit-backface-visibility: hidden;} .ie7 .zoomix{ clear: both;} a:hover .zoomix { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity:0.4; filter: alpha(opacity = 50);} .zoomix .fa { font-size: 25px; line-height: 25px; color: #fff; position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -12px;} /** * Pagination */ .pagination > li > a, .pagination > li > span { padding: 8px 15px; color: #444; border-color: #ddd;} .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #444;border-color: #444;} /** * Media Queries */ @media (min-width: 768px) { #page-content .head-video iframe {min-height: 400px; } .author-box { text-align: left; margin: 40px -15px 20px -15px; padding: 25px 30px 10px 185px; } .author-box img { position: absolute; top: 20px; left: 35px; } #article-post .score-overall { margin-bottom: 0px; } #article-post .row-highlights .col-sm-9 { border-right: 1px solid #e3e3e3; } #comments-list li { margin-bottom: 30px; } #comments-list li ul { margin: 30px 0 0 125px; } #comments-list li .comment { position: relative; padding-left: 125px; } #comments-list li .comment .user-avatar { display: block; position: absolute; top: 0; left: 5px; } #comments-list li .comment-text:before { position: absolute;display: block; content: "";width: 15px;height: 15px;background: #fff;border-left: 1px solid #dadada;border-top: 1px solid #dadada;margin-left: -34px; -moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);} #comments-list .author-comment .comment-text:before {background: #f1d7d7; border-color: #eac2c2; } #header-branding .searchform {padding-top:18px;} #header-branding .weather {display: block;text-align: right;} } @media (min-width: 992px) { #header-navigation ul li a i { padding:0px;margin:0px;font-size:12px;line-height:12px;position:relative;top:-1px;color:#fff !important;} .author-box {margin: 35px -20px 35px -20px;} #article-post .row-highlights .col-sm-9 {padding-right: 15px;} } @media (min-width: 1200px) { #page-content .head-video iframe {min-height: 500px;} .author-box {margin-left: -25px;margin-right: -25px; } #article-post .row-highlights .col-sm-9 {padding-right: 25px;} #article-post .row-highlights .col-sm-3 {padding-left: 20px;} } /* RADIO PAGE */ .radio-items {padding:25px;} .radio-item {background: #eee;overflow: hidden;padding:15px 0px;border: 1px solid #ddd;} .radio-item h2 {margin-top:0px;padding: 0px;line-height: 100%;font-size:20px;font-weight:600;color:#111;margin-bottom:5px;} .radio-item h2 a {font-weight:400;} .radio-item .published {text-align:center;font-size:12px;} .share-items {display:block;vertical-align: middle;width:100%;padding:0px;margin:15px 0;} .share-items strong {font-size:14px;position:relative;top:3px;padding:5px;} .share-item{display: inline;vertical-align: middle;text-align: left;padding:0px 5px;} .share-item img {height:25px;} /** * Archive page */ #archive-page.module-timeline article {padding-left: 290px;min-height: 230px;} #archive-page.module-timeline .input-append {position: relative;line-height: 30px;border-left: 1px solid #e3e3e3;height: 90px;margin: 30px 0 0 290px;padding-left: 25px;} #archive-page.module-timeline .input-append:before {position: absolute; content: "";top: 3px;left: -15px; width: 30px;height: 30px;background: #444;border: 3px solid #fff;-webkit-border-radius: 15px 15px 15px 15px;border-radius: 15px 15px 15px 15px;} #archive-page.module-timeline .input-append input {width: 160px;font-size: 24px;padding: 0 5px;border: 1px solid #e3e3e3;} #archive-page.module-timeline .input-append .glyphicon { font-size: 24px;margin-left: 5px;} #archive-page.module-timeline article .cnt { border-color: #e3e3e3; min-height: 230px; padding-left: 25px;} #archive-page.module-timeline article:last-child .cnt { min-height: 190px;} #archive-page.module-timeline article h3 { font-weight: 400;font-size: 16px;line-height: 20px;margin: 5px 0 10px 0;} #archive-page. module-timeline article h3 a { color: #222;} #archive-page.module-timeline article h3 a:hover {text-decoration: underline;} #archive-page.module-timeline article span.text { font-size: 14px; line-height: 20px;color: #5c5c5c;} #archive-page.module-timeline article img {position: absolute; top: 30px; left: 0; width: 265px; height: 160px;} #archive-page.module-timeline article span.published {width: 265px;top: 2px; font-size: 12px;color: #999;} #archive-page.module-timeline article span.category { font-size: 12px; line-height: 14px} #archive-page.module-timeline article i.bullet { left: -10px;width: 20px; height: 20px;background: #444;border-color: #fff;-webkit-border-radius: 10px 10px 10px 10px;border-radius: 10px 10px 10px 10px;} /** * Author page */ #main.author {padding-top: 0;} #author-page .author-box {margin-top: 0;} /* ========================================================================== Sidebar ========================================================================== */ #sidebar .row { margin: 0;} #sidebar header span.borderline { background: #369;} /** * Timeline module */ .module-timeline { margin-bottom: 30px;} .module-timeline article { position: relative; padding-left: 80px; margin: 0;} .module-timeline article .cnt { position: relative; border-left: 1px solid #575757; padding: 20px 0 20px 20px;} .module-timeline article:last-child .cnt { padding-bottom: 0;} .module-timeline article span.published { position: absolute; width: 60px; text-align: right; left: 0; top: 2px; margin-top: 0; color: #999;} .module-timeline article span.published-time { position: absolute; width: 60px; text-align: right; left: 0; top: 16px;} .module-timeline article span.category { position: absolute; top: 2px; font-size: 11px; line-height: 11px; font-weight: 700; text-transform: uppercase;} .module-timeline article h3 { font: 700 15px/18px 'Roboto Condensed', sans-serif; margin: 0;} .module-timeline article h3 a { color: #ccc;} .module-timeline article h3 a:hover { color: #fff;} .module-timeline article i.bullet { position: absolute; top: 0; left: -8px; width: 15px; height: 15px; background: #fff; border: 3px solid #444; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px;} /** * Quote module */ #sidebar .module-quote {background: #8e6161;padding: 15px;margin: 0 -15px 1px -15px;} #sidebar .module-quote header h2 {border-color: #8e6161;} #sidebar blockquote {border: none; padding: 0 0 0 45px; margin: 0;} #sidebar blockquote p { font: italic 400 18px/24px 'Roboto Slab', serif; color: #fff; margin: 0 0 15px 0;} #sidebar blockquote footer { font-size: 13px; color: #ccaaaa;} /** * Trending module */ #sidebar {padding-top:20px;} #sidebar .ad { padding:0px 0px 15px 0px;float:left;} #sidebar .module-singles {width:100%;margin:0px !important;padding:0px 0px 35px 0px !important;display:block;clear:both;position:relative;float:left;} #sidebar .module-singles header { position:relative;padding:0 0px;} #sidebar .module-singles span.go { float:right;} #sidebar header h2 .glyphicon, #sidebar header h2 .fa { float:right;right:12px;line-height:20px;} #sidebar .module-singles ul {list-style: none;padding: 0;background:#fff;margin-bottom:0px;padding-bottom:0px;} #sidebar .module-singles ul li {border-bottom: 1px solid #E6E5E1;border-top: 1px solid #FFFFFB;padding: 8px 10px;cursor:pointer;font-size:12px;font-family:'Roboto';} #sidebar .module-singles ul li:nth-of-type(odd){ background:#eee;} #sidebar .module-singles ul li:hover{ background:#ddd;} #sidebar .module-singles li .rank {float: left;color: #cc3333;margin:0 5px 0 0;text-align:left;font: 600 13px/100% 'Roboto', sans-serif;letter-spacing:.2px;width:auto;} #sidebar .module-singles li .rank.sub { margin-left:12px;font-weight:300 !important;} #sidebar .module-singles li a { display: block;color: #222;font: 300 13px/125% 'Roboto', sans-serif;text-indent:0px;margin-left:0px;} #sidebar .module-singles.list li a {text-indent:0px;padding-left:15px;} #sidebar .module-singles li:hover a{ color:#000;} #sidebar .module-singles li a.view { float:right;line-height:16px;position:relative;right:0px;text-transform:uppercase;font-size:11px;color:#008EE8;letter-spacing:1px;font-size:9px;} #sidebar .module-singles a.view-all, #sidebar .module-singles a.view-less {float:right;line-height:16px;position:relative;right:8px;text-transform:uppercase;letter-spacing:.5px;font-size:11px !important;margin-top:5px;} #sidebar .module-singles li a.view.large { font-size:13px !important;line-height:13px !important;} #sidebar .module-singles li a.view:hover { color:#369;} #sidebar .module-singles.similar img {width:20px;margin:0px;padding:0px;text-align:left;vertical-align:middle;margin-right:5px;} #sidebar .module-singles.similar li {padding:5px 0px;} #sidebar .sidegraph {position:relative;} #sidebar .module-singles i.fa-expand {position:absolute;right:5px;top:5px;font-size:20px;z-index:10000 !important;cursor:pointer;color:#888;} #sidebar .module-singles ul.nav-tabs li a { display: block;color: #222;font: 300 13px/100% 'Roboto', sans-serif;text-indent:0px;margin-left:0;} /** * Recently Published Posts */ #sidebar .module-news {padding-bottom:15px;overflow:hidden;} #sidebar .module-news article {padding: 15px 0;margin: 0;border-top: 1px solid #E6E5E1;min-height: 80px;} #sidebar .module-news article:first-child {padding-top: 0;border: none;} #sidebar .module-news article:last-child { display:block;border-bottom:1px solid #E6E5E1 !important;} #sidebar .module-news article h3 { font:300 14px/125% 'Roboto', sans-serif !important;margin: 0;max-height: 54px;overflow: hidden;} #sidebar .module-news article h3 a {color: #444;font-size:13px !important;line-height:125%;} #sidebar .module-news article h3 a:hover {color: #000;} #sidebar .module-news article span.published {display: block;font-size: 11px;line-height: 11px;color: #999;margin: 3px 0 3px 0;} #sidebar .module-news article span.published span.category {display: inline-block;padding-left: 5px;margin-left: 5px;border-left: 1px solid #999;} #sidebar .module-news article img {display: block;float: left;margin-right: 12px;max-width:100px;} #sidebar a.more { color:#cc3333;font-size:11px;font-weight:400 !important;text-transform:uppercase;float:left;padding-top:10px;padding-left:5px;} #sidebar .module-news a.more { border-top:1px solid #E6E5E1;width:100%;padding-bottom:15px;} /** * Photos module */ #sidebar .module-photos p { font-size: 13px; } #sidebar .module-photos .row img { width: 100%; } #sidebar .module-photos .col-xs-4 { padding: 0; border-left: 1px solid #444; } #sidebar .module-photos article { margin: 0 0 1px 0; } #sidebar .module-photos .col-xs-4:first-child { border-left: none; } #sidebar .module-photos article a { display: block; position: relative; } /** * Media Queries */ @media (min-width: 992px) { #sidebar .module-photos .col-xs-4:first-child img { width: 100px; height: 79px; } } @media (min-width: 1200px) { #sidebar .module-quote { padding: 20px 25px; margin: 0 -25px 1px -25px; } #sidebar .module-singles { } } /* ========================================================================== Footer ========================================================================== */ /** * Navigation */ #page-footer {position: relative;} #foot-menu { height: 70px;border-bottom: 1px solid #e4e4e4;overflow: hidden;} #foot-menu ul {padding: 0;} #foot-menu ul li {list-style: none;float: left;margin-right: 1px;} #foot-menu ul li a {display: block;font-size: 14px;font-weight: 700;line-height: 68px;color: #222;text-transform: uppercase;padding: 0 22px;border-bottom: 1px solid #222;} #foot-menu ul li.current a,#foot-menu ul li a:hover {color: #999;} #foot-menu ul li.options {float: right;padding-right: 10px;} #foot-menu ul li.options a {display: inline-block;font-size: 12px;color: #999;padding: 0 10px;border: none;} #foot-menu ul li.options a span.glyphicon {padding-left: 10px;color: #999;} #foot-menu ul li a span.glyphicon {line-height:65px !important;} #foot-menu ul li.options a:hover,#foot-menu ul li.options a:hover span {color: #222;} /** * About */ #page-footer .about {font-size: 13px;color: #696969;padding: 0 0 25px 0;vertical-align:middle;} #page-footer .row { margin: 0;} #page-footer .about div {font-size: 13px;color: #696969;margin-top: 30px;} #page-footer .about h3 {text-align: center;padding-top:24px;} #page-footer .about h4 {font-size: 15px; color: #444;font-weight:600;} #page-footer .about a {color: #696969;} #page-footer .about a i.fa {margin-right: 10px;} #page-footer .about a:hover {color: #222;} #page-footer .about ul {list-style: none;padding: 0;} #page-footer .about ul li {float: left;width: 50%;} /** * Copyright */ #page-footer .copyright {font-size: 13px;color: #696969;padding: 10px 0;border-top: 1px solid #e4e4e4;} #page-footer .copyright div {text-align: center;} #page-footer .copyright a {font-weight: 700;color: #444;} /************************* Homepage **************************/ .home-slide .overlay {position:absolute;bottom:0px;margin:0px;background:rgba(11,11,11,0.6);} .home-slide h2 { font:600 1.8rem/100% "Roboto";padding:5px 0;} .home-slide p { font-size:1.2rem;display:none;} #homepage .podcast {background:#eee;padding:20px;padding-bottom:0px;margin-top:10px;} #homepage .podcast .view {font-size:12px;text-decoration: underline;} #homepage .col-md-8 { padding-left:0px;padding-right:0px;} #homepage .transactions article {width:100%;} #homepage .transactions article h3, #homepage .transactions article h3 a{ font:400 14px/140% 'Roboto Slab', serif} #homepage .transactions article span.published {width:65px;} #homepage .transactions article span.published img {width:35px;} #homepage .transactions article p{font:100 12px/140% "Arial";} a.show-more { margin:10px 0 !important;} .home-slide {;width:100%;float:left;} .home-slide p { display:none;font-size:14px;} .home-slide p.cite { font-size:12px;width:50%;padding-top:15px;color:#fafafa;opacity:.8;} .home-slide p.cite.author { float:left;} .home-slide p.cite.photo { float:right;text-align:right;} #homepage { margin:0px;padding:0px;display:block;clear:both;float:left;} #homepage .col-md-8 { padding-right:15px;padding-left:0px;} #homepage .col-md-4 { padding-right:0px;} #homepage .transactions { margin:0px;padding:0px;margin-left:-14px;display:table;width:100%;float:left;} #homepage .transactions article {position: relative;margin: 0;padding:10px 0px;width:100%;vertical-align:middle;display:table-cell;float:left;} #homepage .transactions article.odd { background:rgba(153, 204, 255, 0.2) none } #homepage .transactions article i {float: right;vertical-align:middle;color: #069;font-size:18px;position:absolute;top:40%;right:10px;height:100%;z-index:1000;} #homepage .transactions article span.published {width: 95px;text-align: center;left:0px; top:0;padding:0px;margin:0px;vertical-align:middle;display:table-cell;} #homepage .transactions article span.published span.date { font:100 11px/150% 'Helvetica', serif !important;color:#666;text-align:center;display:block;margin:0px;padding:0px;} #homepage .transactions article span.published img { max-width:50px;text-align:center;margin:0px;padding:0px;} #homepage .transactions article .cnt {position:relative;top:0px;padding:0px;margin:0px;display:table-cell;vertical-align:middle;} #homepage .transactions article h3, #homepage .transactions article h3 a{font:400 16px/150% 'Roboto Slab', serif;text-transform:none !important;margin: 0;color:#cc3333 !important;} #homepage .transactions article p{ font:100 11px/140%;color:#5c5c5c;margin:0px;padding:0px;padding-right:25px;letter-spacing:0px;} #homepage .transactions article p a{ text-decoration:underline;color:#5c5c5c;} /** * News Layouts */ .news-layout {padding-bottom:25px;display:block;float:left;width:100%;} .news-layout article {padding: 10px;margin:0px;line-height: 18px;border-bottom: 1px solid #e3e3e3;} .news-layout article:hover { background:#eee;cursor:pointer;} .news-layout article:last-child {border-bottom: none;} .news-layout article .text { margin-top:-10px;float:left;} .news-layout article h3 {font-size: 13px;line-height: 18px;font-weight: 700;margin: 0 0 10px 0;} .news-layout article h3 a {color: #222;} .news-layout article h3 a:hover {text-decoration: underline;} .news-layout article img {float: left;margin: 3px 12px 3px 0;} .news-layout i { float:right;margin-top:-8px;color:#069;} /* news-lay-1 */ .news-lay-1 article h3 {margin: 0 0 5px 0;} .news-lay-1 span.published { margin: 0 0 5px 0;} /* news-lay-2 */ #page-content .news-lay-2 header h2 {color: #fff;} .news-lay-2 article {border: none;margin: 0;} .news-lay-2 article a h3 {text-align: center;color: #fff;margin-top: 5px;} /* news-lay-3 */ .news-lay-3 article h3 {font-size: 14px;line-height: 18px;font-weight: 700;margin: 5px 0 0 0;} .latest-posts { float:left;width:100%;} .latest-posts article:hover { background:#eee;opacity:.4} #homepage .separator-right { border:0px;padding-right:0px;} table.datatable { width: 100%;border-collapse: collapse;margin:0px;padding:0px;position:relative;} table.datatable th {cursor:pointer;height:20px;background:#fafafa;font: 300 12px/12px "Roboto", Arial, Helvetica, sans-serif !important;color: #222;text-transform:uppercase;border-top:1px solid #999999 !important;border-bottom:1px solid #999999 !important;padding:4px 10px !important;width: auto !important;} table.datatable tr:nth-of-type(odd) { background:rgba(153, 204, 255, 0.3) none repeat scroll 0 0; } table.datatable tr:hover { background:#eee !important;cursor:pointer;} table.datatable td {font: 400 12px/100% Helvetica, sans-serif;padding:10px 10px !important;border-bottom:1px solid #fff;} table.datatable td.small {width:5%;} table.datatable td.med {width:10%;} table.datatable td.xlarge {width:35%;} table.datatable.noborder td {border:0px !important;} table.datatable td.player a { color:#cc3333;} table.datatable td.player a:hover { text-decoration:underline;} table.datatable td.rank-name.player a{font-weight:normal;} table.datatable td.subresult { background:#eee !important;font-weight:bold !important;} table.datatable td.result { background:#ddd !important;font-weight:bold !important;} table.datatable td.sum { background:#ddd !important;font-weight:bold !important;} table.datatable th.center, table.datatable td.center { text-align:center;} table.datatable th.right, table.datatable td.right { text-align:right;} table.datatable td.captotal { background:#ddd !important;font-weight:bold;} table.datatable td.rank-logo {width:5% !important;padding:10px 5px !important;} table.datatable td.rank-logo img { max-width:30px !important;} table.datatable td.rank-name h3{ font:400 16px/22px "Roboto";padding:0px;margin:0px;} table.datatable td.rank-name .rank-position { font-size:12px;} table.datatable td.rank { font:600 16px/26px "Roboto Slab";width:5% !important;padding:10px 5px !important;} table.datatable td.rank-value { font:400 14px/26px "Roboto";} table.datatable td a { color:#444} table.datatable td a:hover { color:#444;text-decoration:underline;} .signedteam { color:#B7B7B7; display:block; font-size:12px} .table-headshot {background: #fafafa;border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px;border: 1px double #fff;margin-right: 10px; float: left; width:auto; height:55px;} /*Sport Homepage Team List */ .teamlist { width:100%;padding:0px;margin-top:3px;} .teamlist .teamitem {width:100%;padding:10px 0px;border-top:1px solid #ddd;} .teamlist .teamitem.odd {background:rgba(153, 204, 255, 0.2) none} .teamlist .teamitem .col-md-2, .teamlist .teamitem .col-md-4, .teamlist .teamitem .col-md-6 {float:none;} .teamlist .teamlogo { display:table-cell;text-align:center;vertical-align:middle;float:none;} .teamlist .teamlogo img { max-width:35px;vertical-align:middle;text-align:center;} .teamlist .teamname, .teamlist .teamcap{ display:table-cell;vertical-align:middle;float:none;} .teamlist .teamname h3 { margin:0px;padding:0px;float:left;position:relative;} .teamlist .teamname h3 a {font:400 18px/30px 'Roboto Slab', serif;text-decoration:none;color:#cc3333;} .teamlist .teamname h3 a:hover { text-decoration:underline;} .teamlist .teamname i { text-align: right;color: #444;font-size:18px;line-height:30px;position:relative;top:1px;float:right;} .teamlist .teamoptions {display:table-cell;vertical-align:middle;float:none;} .teamlist .teamoption{display:table-cell;position: relative;width: 45%;} .teamlist .teamoption a { font: 300 12px/14px 'Arial' !important;color: #00709f;text-transform: uppercase;padding:3px 3px;width:100%;webkit-font-smoothing: antialiased;} .teamlist .teamoption a:hover { text-decoration:underline;} .teamlist .teamoption:first-child { margin-left:0px;} .teamlist .teamitem.theader:first-child {cursor: pointer;height: 20px;background: #fafafa;font: 300 12px/12px "Roboto", Arial, Helvetica, sans-serif !important;color: #222;text-transform: uppercase;border-top: 1px solid #999999 !important;border-bottom: 1px solid #999999 !important;padding:10px 0px !important;} .teamlist .teamitem.theader:first-child .teamoptions {text-align: center;} @media (min-width: 992px) { .home-slide p { display:block;float:left;Width:100%;} .home-slide h2 {font: 400 200%/100% "Roboto";} #homepage .separator-right { border-right:1px solid #eee !important;padding-right:15px;} /*Sport Homepage */ .teamlist { width:100%;padding:0px;margin-top:0px;} .teamlist .teamitem {display:table;width:100%;padding:15px 0px;border-top:1px solid #ddd;} .teamlist .teamitem.odd {background:rgba(153, 204, 255, 0.2) none} .teamlist .teamitem .col-md-2, .teamlist .teamitem .col-md-4, .teamlist .teamitem .col-md-6 {float:none;} .teamlist .teamlogo { display:table-cell;text-align:center;vertical-align:middle;} table.datatable th.rank-value, table.datatable td.rank-value { padding-right:50px !important;} .teamlist .teamlogo img { max-width:40px;vertical-align:middle;text-align:center;} .teamlist .teamname { display:table-cell;vertical-align:middle;} .teamlist .teamname h3 { margin:0px;padding:0px;} .teamlist .teamoptions {display:table-cell;} .teamlist .teamoption{} .teamlist .teamoption a { font: 300 12px/14px 'Arial' !important;color: #00709f;text-transform: uppercase;padding:3px 3px;width:100%;webkit-font-smoothing: antialiased;} .teamlist .teamoption a:hover { text-decoration:underline;} .teamlist .teamitem.theader:first-child .teamoptions {text-align: left;} } @media (min-width: 1200px) { /*Sport Homepage */ .teamlist { width:100%;padding:0px;} .teamlist .teamitem {} .teamlist .teamitem.odd {background:rgba(153, 204, 255, 0.2) none} .teamlist .teamitem .col-md-2, .teamlist .teamitem .col-md-4, .teamlist .teamitem .col-md-6 {float:none;} .teamlist .teamlogo { display:table-cell;text-align:center;vertical-align:middle;} .teamlist .teamlogo img { max-width:50px;vertical-align:middle;text-align:center;} .teamlist .teamname { display:table-cell;vertical-align:middle;width:250px;} .teamlist .teamname h3 { margin:0px;padding:0px;} .teamlist .teamoptions { } .teamlist .teamoption{width:auto;display:flex;text-align: left} .teamlist .teamoption a { font: 300 12px/14px 'Arial' !important;color: #00709f;text-transform: uppercase;padding:3px 3px;width:100%;webkit-font-smoothing: antialiased;} .teamlist .teamitem.theader:first-child .teamoptions {text-align: center;} } @media (max-width: 767px) { .teamlist .teamitem.theader:first-child {height: auto;} } section.teamtransactions { margin:0px;padding:15px 0 15px 0 !important;;float:left;} .transitem { display:block;float:left;width:100%;border-bottom:1px solid #eee;padding:10px 5px;text-align: left;} .transitem:first-child { padding-top:0px !important;} .transplayer a{ color: #008EE8;font: 400 13px/160% "Helvetica" !important;display:block;margin:0px;padding:0px;} .transdate{ text-transform:uppercase;color: #000;font: 300 11px/200% "Helvetica" !important;float:right;} .transdesc { color:#666;font: 100 12px/140% "Helvetica" !important;float:left;} .transdesc a { color:#444;font-weight:bold;} section.teamtransactions a.more { color:#900;font-size:11px;font-weight:600 !important;text-transform:uppercase;float:left;padding-top:10px;padding-left:5px;} .table-filter { margin:1px 0 !important;overflow:hidden;margin:0px;padding:15px 5px !important;background:#fff;border-bottom:2px solid #999;clear:both;} .table-filter span.label {font: 600 12px/18px 'Roboto';text-transform: uppercase;color: #444;margin-right:5px;float:left;letter-spacing:.8px;} .table-filter div input.go { font-size:12px;padding:5px;text-transform:uppercase;background:#000;color:#fff;border-radius:4px;border:0px;cursor:pointer;z-index:1;position:relative;} .table-filter input.go:hover { background:#444 !important;} .table-filter div .select2-display-none {display: none !important;} .table-filter .select2-container.form-control, .table-filter .select2-container.form-control a {height: auto;display: block;} .table-filter .select2 span {padding-left:5px !important;font-size:13px !important;color:#666 !important;line-height: 100% !important;display: inline !important;} .table-filter .wrapper {display: grid;grid-template-columns: repeat(4,1fr);row-gap: .5em;column-gap: 1em;} .table-filter div {position: relative;} .table-filter div label, .table-filter div select {width:100%;margin-bottom:0px;} .table-filter div.filter input, .table-filter div.filter input:active { display: inline-block; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e8e9ea)); background: -moz-linear-gradient(center top, #ffffff 0%, #e8e9ea 100%); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 8px; line-height:100%; padding: 6 px 8px; display: block; border-color: #bbb; border-width: 1px; border-style: solid; text-align: center; font-family: Arial; font-size: 14px; color: #444; font-weight: bold; width:100%; cursor:pointer; } .table-filter div.filter input:hover {background:#ddd !important;color:#111 !important;} .table-filter div.filter input .managelink { padding-right:10px;} .managelink a { text-decoration:underline;} label.custom-select {position: relative;font-family:Arial;top:0;right:0px;} .custom-select a.select2-choice, .custom-select select {display: inline-block;border: 2px solid #bbb;padding: 4px 3px 3px 5px;margin: 0;font: inherit;outline:none;background: #f8f8f8;-webkit-appearance:none;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;outline:none !important;font-size:12px !important;font-weight:normal !important;} .custom-select select option { border:0px !important;line-height:14px;font-size:13px !important;float:left;width:100% !important;} .table-filter.contracts div {float:left;width:auto;margin-bottom:8px;} /* for Webkit's CSS-only solution */ @media screen and (-webkit-min-device-pixel-ratio:0) { .custom-select select {padding-right:30px;font-size:12px;font-weight:normal;} } .custom-select select:focus {-webkit-box-shadow: 0 0 3px 1px #111; -moz-box-shadow: 0 0 3px 1px #111;box-shadow: 0 0 3px 1px #111;outline:none !important; } .custom-select:after { content: "▼";position: absolute;top: 0;right: 0;bottom: 0;font-size: 60%;line-height: 26px;padding: 0 7px;background: #bbb;color: white; pointer-events:none; -webkit-border-radius: 0 6px 6px 0;-moz-border-radius: 0 6px 6px 0;border-radius: 0 6px 6px 0;outline:none !important;} .no-pointer-events .custom-select:after {content: none;outline:none !important;} .cd-tabs {clear:both !important;float:left !important;width:100% !important;margin:15px auto!important;display: block !important;} table.captotal.xs { display:none;} span.info { width:100%;} span.info span { display: block;color: #FFFFFF;margin: 0 auto;text-align: center !important;width: 85px;-moz-border-radius: 4px 4px 4px 4px;-webkit-border-radius: 4px 4px 4px 4px;font-weight: normal;line-height:100%;padding:5px 10px !important;cursor: pointer;font-size: 11px;font-weight:bold;} span.ufa { background: #99CC66;} span.erfa {background: #ffb000;} span.rfa{background: #900000;} span.arb{background: #FF9900;} span.tc{background: #F07968;} /*table.salaryTable td.fayear {border-bottom:1px solid #eee !important;text-align:center;} td.fayear:last-child {border-bottom:0px;} td.fayear span { cursor:pointer;width:75px !important;display:block;float:right;} */ .rank-rank { text-align:center;vertical-align:middle;font-size:18px;} /*Sport Homepage */ .ranklist { width:100%;padding:0px;} .ranklist .rankitem {display:table;width:100%;padding:15px 0px;border-top:1px solid #ddd;} .ranklist .rankitem.odd {background:rgba(153, 204, 255, 0.2) none} .ranklist .rankitem .col-md-1, .ranklist .rankitem .col-md-2, .ranklist .rankitem .col-md-4, .ranklist .rankitem .col-md-6 {float:none;} .ranklist .rank-logo { display:table-cell;text-align:center;vertical-align:middle;padding-left:0px !important;line-height:100%;} .ranklist .rank-logo img { vertical-align:middle;text-align:center;} .ranklist .rank-name { display:table-cell;vertical-align:middle;} .ranklist .rank-name h3{font:400 18px/100% 'Roboto Slab';color:#cc3333;text-decoration:none;margin:0px;padding:0px;} .ranklist .rank-name .rank-position { font:100 11px/100% 'Helvetica';text-transform:uppercase;margin:0px;padding:0px;} .ranklist .rank-rank { text-align:center;display:table-cell;vertical-align:middle;float:none;padding:10px 5px 10px 0px;font:100 16px/100% "Arial";padding-right:0px !important;} .ranklist .rank-value { text-align:left;display:table-cell;vertical-align:middle;float:none;padding:10px 5px 10px 0px;font-weight:400;} .tradelist { width:100%;padding:0px;}   .tradelist .tradeitem {display:table;width:100%;border-top:1px solid #ddd;} .tradelist .tradeitem.odd {background:rgba(153, 204, 255, 0.2) none} .tradelist .tradeitem .col-md-1, .tradelist .tradeitem .col-md-2,.tradelist .tradeitem .col-md-3, .tradelist .tradeitem .col-md-4, .tradelist .tradeitem .col-md-6, .tradelist .col-md-12 {float:none;padding:0px !important;vertical-align:middle !important;} .tradelist .trade-date { width:100%;background:#3f3f3f !important;display:table !important;color:#fff;font:600 13px/100% "Helvetica" !important;padding:10px 10px !important;} .tradelist .tradeitem {padding:20px 10px !important} .tradelist .trade-header {width:100%;display:table !important;padding:10px 0 !important;} .tradelist .trade-header span { color:#111;font:600 12px/100% "Helvetica";text-transform:uppercase;display:block;margin-bottom:10px;} .tradelist .trade-logo { display:table-cell;text-align:center;vertical-align:middle;padding-right:10px !important;} .tradelist .trade-logo img { width:100%;max-width:55px;vertical-align:middle;text-align:center;} .tradelist .trade-value {display:table-cell;vertical-align:middle;float:none;font:400 12px/18px "Helvetica";} /** * Media Queries */ @media (min-width: 768px) { #page-inner-wrap { background :#f1f1f1;} #page-footer .about div { margin-top: 15px; } #page-footer .about div:first-child {margin-top: 0;} #page-footer .copyright div {text-align: left;} #page-footer .copyright div.text-right {text-align: right;} #main.xlarge.full {width:100%;} table.responsive {width: 100%;border-collapse: collapse;} /* Zebra striping */ table.responsive tr:nth-of-type(odd) { background:rgba(153, 204, 255, 0.3) none repeat scroll 0 0; } table.responsive tr:hover td { background:#eee;} table.responsive td, table.responsive th {padding: 10px 10px;text-align: right;} table.responsive th { cursor:pointer;height:20px;background:#fafafa;font: 300 12px/12px "Roboto", Arial, Helvetica, sans-serif !important;color: #222;text-transform:uppercase;border-top:1px solid #999999 !important;border-bottom:1px solid #999999 !important;padding:4px 10px !important;width: auto !important;border-right:0px !important;border-left:0px !important;} table.responsive td { font: 400 13px/100% Helvetica, sans-serif;border-bottom:1px solid #fff;padding:8px} table.responsive td.result { background:#ddd;font-weight:bold;} table th.player, table td.player { width:20%;font: 300 13px/100% "Roboto", Arial, Helvetica, sans-serif;text-align:left;height:36px;} table td.player a { color:#cc3333;font-weight:600;} table.responsive td.player a:hover { text-decoration:underline;} table th.center, table td.center { text-align:center;} table th.right, table td.right {text-align:right;} table.datatable td.activecontract, table.responsive td.activecontract {text-align:right !important;padding-right:10px !important;padding-left:0px;} /*table.responsive td.activecontract span { float:left;padding-left:10px;}*/ table td.captotal { background:#ddd;font-weight:bold;} table td.expand { border-right:0px !important;padding-right:0px;font-size:14px; } table.captotal tr:nth-of-type(odd){ background:#fafafa;} table.captotal th { text-align:right;} table.captotal td {padding:12px 10px;font-size:13px;text-align:right;} table.captotal th.player, table.captotal td.player { text-align:left;} table.captotal td:first-child {} table.captotal td:last-child { border-right:0px !important;} table.captotal td.result { background:#ddd;font-weight:bold;} table.captotal td.captotal { background:#ddd;font-weight:bold;} table.captotal td.capsubtotal:last-child { background:#eee;font-weight:normal;} #sidebar { background:none;} .xs-visible{ display:none;visibility:hidden;} } @media (min-width: 992px) { #page-inner-wrap { background :none} #page-footer .about h3 {text-align: left;} #page-footer .about div {padding: 0 20px 0 20px;} #page-footer .about div:first-child { padding-left: 5px; } #sidebar { background:url("https://www.spotrac.com/images/side_back.png") no-repeat;} .ad-separator {padding: 15px;margin: 0 -15px 20px -15px;} } /* ========================================================================== Banners ========================================================================== */ /** * Banners */ .ad-separator {background: #383838;padding: 20px;margin: 0 -20px 20px -20px;} /** * Media Queries */ @media (min-width: 1200px) { .ad-separator {padding: 20px 25px;margin: 0 -25px 20px -25px;} /* Contracts Table Filter */ } @media (max-width: 767px) { .switch_placeholder {margin:0px auto !important;} #page-content {box-shadow:none !important;} #page-header-mobile {border-top:2px solid #3f3f3f;height:40px;vertical-align:middle;background:#13161a;padding:0px;box-shadow: 0 4px 2px -2px rgba(0,0,0,0.4);margin-bottom:1px;} img.mobile-logo {width:auto;height:28px;display:inline-block;margin:3px 10px;} #page-header-mobile .mobile-logo {line-height:22px;cursor:pointer;color:#fff;font:400 38px/100% "Bell";letter-spacing:0px;cursor:pointer;display:inline-block;} #page-header-mobile ul li i.glyphicon, #page-header-mobile ul li i.fa{font-size:100% !important;float:left;line-height:45px;margin-right:10px;} #page-header-mobile ul li i.fa {line-height:48px !important} #page-header-mobile ul li ul li i.fa {line-height:38px !important} #nav-expander { display:block;margin-top:0px;} #nav-expander img {width:30px;margin:4px 15px;} /* MOBILE SUBNAV */ #mobile-subheader .nav-wrapper {margin: 0 auto;padding:0px;/*min-width: 10000px;*/overflow-x: auto;-webkit-overflow-scrolling: touch;width:90%;} #mobile-subheader.navBar {/*background: #3f3f3f;*/} #mobile-subheader .nav {margin:0px;padding:0px;list-style: none;display: flex;min-width: 1300px;} #mobile-subheader .nav > li {width: auto !important;display: inline-block;} #mobile-subheader .nav > li > a {padding: 8px 15px 8px 15px;display: block;color: rgba(255, 255, 255, 0.8);text-decoration: none;text-transform: uppercase;font-size: 13px;} #mobile-subheader .nav > li > a.active {border-bottom: 2px solid white;} #mobile-subheader .nav > li > a div.underline {height:2px; background:white;margin-top:3px;} #main { padding:10px 10px;} #main .ad {padding:0px;} .custom-select:after { content: "▼";position: absolute;top: 0;right: 0;bottom: 0;font-size: 14px;line-height: 14px;padding: 7px;background: #bbb;color: white; pointer-events:none; -webkit-border-radius: 0 6px 6px 0;-moz-border-radius: 0 6px 6px 0;border-radius: 0 6px 6px 0;outline:none !important;} #sidebar {overflow:hidden;margin-bottom:0px; /* 100% height */padding-bottom:0px;} #sidebar .module-news { padding:10px;} #sidebar .module-news article img {max-width:100%;} #sidebar .ad {float:none;width:100%;} .home-slide {margin-bottom:15px;} #homepage .col-xs-12 { padding-left:0px;} #homepage .transactions { margin-left:0px;} #homepage .transactions article {padding:15px 0;display: table;} #homepage .transactions article span.published {display: table-cell; width:85px;padding-right:10px;} #homepage .transactions article .cnt {} #homepage .transactions article p {line-height:14px;margin-top:5px;} #homepage .latest-posts, #homepage .news-layout { padding-left:5px !important;} #homepage .news-layout header { margin-bottom:0px;padding-bottom:0px;} #homepage .news-layout article { padding:15px 0 20px 10px;} #homepage .news-layout article:first-child { padding:0px 0px 20px 0 !important;} #homepage .news-layout article:last-child { border-bottom:1px solid #ddd !important} #homepage .news-layout article h3, .latest-posts h5{font-size:16px;} #homepage .news-layout article span.text {font-size:13px;} #homepage .news-layout article .fa-angle-right { margin-top:-20px;margin-right:15px;font-size:20px;} #homepage .latest-posts article { padding-left:10px !important;} #homepage .podcast {background:#eee;padding:20px;padding-bottom:0px;} #homepage.full {width:100%;} .ranklist .rank-name { display:table-cell;vertical-align:middle;padding-left:5px !important;} .ranklist .rank-name h3 { line-height:18px !important;} .ranklist .rank-name h3 a{ margin:0px;padding:0px;font-size:16px !important;line-height:15px !important;font-weight:normal !important;} .ranklist .rank-name .rank-position { font-size:10px !important;} #page-content header p {line-height:16px;padding-top:10px;} table.captotal.xs { display:block;} table.responsive td.result{ background:inherit !important;} .filter-toggle{text-transform: uppercase;font-size:18px;color:#069;} .table-filter{padding-left:0px !important;margin:10px auto 0px auto !important;width:100%;display:block;border-bottom:0px;padding:0px !important;} .table-filter .wrapper {display: block;;} .table-filter div {display: block;width:100%;margin-bottom:5px;} .table-filter label {margin-bottom: 10px !important;} .table-filter div.filter input:hover {background:#fff !important;} .table-filter .select2 span {line-height: 13px !important;display: block !important} .table-filter.contracts div, .table-filter.contracts div select {width:100% !important;float:none !important;display: block !important;} table.datatable td.rank-logo, table.datatable td.rank{padding:10px 5px !important;} table.datatable td.rank-name h3 a{font-size:15px !important;} table.datatable td.rank, table.datatable td.rank-value{font-size:13px;} table.datatable td.rank.small {font-size:16px;} table.datatable td.player a { font-weight:bold;} table.datatable td.xlarge {width:auto !important;} table.datatable td {padding:12px 10px !important;} table.captotal tr:nth-of-type(odd) { background:#fafafa;} table.captotal td.captotal { background:#ddd;font-weight:bold;} table.captotal td.capsubtotal { background:#eee;font-weight:normal;} .cd-tabs {clear:both !important;float:left !important;width:100% !important;margin-bottom:15px !important;display: block !important;} .article .published, .article .text {font-size:14px;} /* RADIO PAGE */ .radio-items {padding:25px;} .radio-item {background: #eee;overflow: hidden;padding:15px 0px;border: 1px solid #ddd;} .radio-item h2 {margin-top:0px;padding: 0px;line-height: 100%;font-size:20px;font-weight:600;color:#111;} .radio-item h2 a {font-weight:400;} .radio-item .published {text-align:left;font-size:12px;} .share-items {display:block;vertical-align: middle;width:100%;padding:0px;margin:15px 0;} .share-items strong {font-size:14px;position:relative;top:3px;padding:5px;} .share-item{display: inline-block;vertical-align: middle;text-align: left;padding:0px 5px;} .share-item img {height:25px;} #header-navigation-sub, #header-navigation-sub nav {display: none;} div.formdiv { margin-bottom:15px;} .mobile-hide {visibility:hidden;display:none;} .xs-hide { display:none !important;visibility:hidden;} #contactForm input { margin-bottom:0px !important;} .xs-visibile { display:block;} #page-footer { margin-top:25px;} #page-footer h4 { font-weight:bold;} #page-footer ul li a {text-decoration:underline;} #main .ad img, #main .ad {float:left;} table.tradetable {width:100%;padding:0px;margin:0px;} table.tradetable td.daterow {background:#1f3354;margin:0px;padding:0px;color:#fff;font-weight:bold;width:100%;} #homepage .transactions article table.tradetable td.daterow h3{padding:5px;color:#ffffff !important;font-weight:bold;font-size:14px;padding-left:10px;} table.tradetable td.tradeitem {padding:15px;position:relative;vertical-align:top;float:left;padding-bottom:25px;width:50%;} img.tradelogo {max-width:35px;margin-right:10px;position:absolute;left:10px;} .tradeplayer { display:block;font-size:12px !important;color:#444;line-height:16px;} .tradeplayer a { text-decoration:underline;} .tradedata { padding-left:45px;float:left;} .tradelabel { text-transform:uppercase;font-size:13px !important;} } .admin{ border: 1px solid red !important; } .modal-open .modal {z-index:10000000;}