.mobile-logo {
  display: none;
}
.desktop-logo {
  display: block;
}
@media (max-width: 768px) {
  .mobile-logo {
    display: block;
  }
  .desktop-logo {
    display: none;
  }
}

#rate_story {
  width: 100%;
  max-width: 700px;
  margin: 0px auto;
  background-color: #f7f7f7;
  margin-top: 35px;
  border: 1px solid #eeeeee;
  padding: 15px;
  border-radius: 5px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}
#rate_story h4 {
  font-size: 18px;
}
#rate_story a {
  text-decoration: none;
  cursor: pointer;
}
#rate_story a span {
  color: #2b2b2b !important;
  font-size: 14px;
}
#rate_story a:hover {
  color: #e9751f;
  text-decoration: none;
}
#rate_story a:hover i {
  text-decoration: none;
  color: #4fa628;
}
#rate_story a i {
  display: block;
  color: #4fa628;
  font-size: 40px;
  margin: 10px 0 5px 0;
}
#rate_story a:hover span {
  text-decoration: none !important;
  color: #e9751f !important;
}
.left-articles {
  padding-right: 0px;
  padding-left: 0px;
}
.left-articles .post-category {
  padding: 20px 0 20px 0;
}
.left-articles .post-group {
  padding-bottom: 70px;
}

.meta .time {
  padding-right: 30px;
}
.post-group {
  padding: 15px;
}
.right-articles .post-category {
  padding: 0 0 15px 0;
}
.right-articles {
  padding-left: 0px;
  padding-right: 0px;
}
.right-articles h1 {
  font-size: 24px;
}
.right-articles .post-group {
  padding: 15px;
}

#therace_stats h3 {
  border-top: 1px solid #2b2b2b;
  padding: 30px 0px 20px 0;
}

#therace_stats.stats_container {
  background-color: #f2f2f2;
  padding: 80px 0;
}
#therace_stats .status_wrapper {
  padding: 20px;
  margin-bottom: 15px;
}
#therace_stats .status_wrapper table {
  width: 100%;
}
#therace_stats .status_wrapper th {
  padding: 10px 0 10px 0;
  text-align: center;
  font-family: "Anton", sans-serif !important;
  text-transform: uppercase;
  font-size: 17px;
}
#therace_stats .status_wrapper td {
  border-left: 1px solid #bababa;
  border-top: 1px solid #bababa;
  padding: 10px;
  border-bottom: 1px solid #bababa;
}
#therace_stats .status_wrapper td:last-child {
  border-right: 1px solid #bababa;
}

tr.stat_break,
tr.stat_break td {
  border-style: none !important;
  padding: 0px !important;
  font-size: 1px !important;
  line-height: 0px !important;
  height: 10px !important;
}

#therace_stats .event_wrapper {
  padding: 20px;
  margin-bottom: 30px;
  position: relative;
}
#therace_stats .event_wrapper table {
  width: 100%;
}
#therace_stats .event_wrapper th {
  padding: 10px 0 10px 0;
  text-align: left;
  font-size: 16px;
  font-weight: bold;
}
#therace_stats .event_wrapper td {
  border-top: 1px solid #bababa;
  padding: 10px 10px 10px 0;
  text-align: left;
  font-size: 16px;
}
#therace_stats .event_wrapper .event_round,
.event_date {
  font-size: 16px;
  font-family: "Anton", sans-serif !important;
  text-transform: uppercase;
}
#therace_stats .event_wrapper .event_date {
  font-size: 22px;
  margin-bottom: 20px;
}
#therace_stats .event_wrapper .event_circuit {
  font-weight: bold;
  margin-bottom: 20px;
}
#therace_stats .event_wrapper h2 {
  margin-bottom: 0.1rem !important;
}
#therace_stats .event_wrapper .event_flag {
  position: absolute;
  top: 20px;
  right: 20px;
  height: 65px;
  width: 65px;
  background-size: 100% 100%;
}

#therace_stats .status_link a {
  color: #2b2b2b;
  font-weight: bold;
}
#therace_stats .stat_car,
#therace_stats .stat_pos,
#therace_stats .stat_pts {
  text-align: center;
}

.archive-width {
  max-width: 1140px;
  margin: 0px auto !important;
  margin-left: -15px;
  margin-right: -15px;
}
.archive-width .row {
  margin: 0px auto !important;
}
@media (max-width: 768px) {
  .archive-width {
    margin: 0px !important;
  }
  .left-articles .post-group {
    padding-left: 15px;
    padding-right: 15px;
  }
  .right-articles .post-group {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 576px) {
  .archive-width {
    padding-left: 0px;
    padding-right: 0px;
  }
  .left-articles,
  .right-articles {
    padding-right: 0px;
    padding-left: 0px;
  }
  .meta {
    padding-top: 20px;
  }
  .meta .time {
    display: block;
  }
  .left-articles .post-group {
    padding-bottom: 30px;
  }
  .left-articles .post-group {
    padding-left: 15px;
    padding-right: 15px;
  }
  .right-articles .post-group {
    padding-left: 15px;
    padding-right: 15px;
  }
}

a.event_link {
  text-decoration: underline !important;
  color: #e9751f !important;
}
.entry-image img {
  width: 100%;
  max-width: none;
}

.yt_container {
  background-color: #f7f7f7;
  padding: 30px 0px;
  margin: 0px 0 60px 0;
  width: 100%;
}
.yt_container h4 {
  color: #e9751f;
  padding-bottom: 15px;
}
.yt_content {
  padding: 15px 0 20px 0;
}
.yt_content h3 {
  font-size: 24px;
  line-height: 30px;
}
.yt_content h3 a {
  color: #2b2b2b;
}
.yt_content h3 a:hover {
  color: #e9751f;
  text-decoration: none;
}
.yt_wrapper {
  width: 100%;
  background-color: #eeeeee;
  position: relative;
}
.yt_wrapper .yt_mask {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 11;
  background-position: center;
  background-size: 25%;
  background-repeat: no-repeat;
  background-image: url("../png/youtube-play.png");
  opacity: 0.5;
  cursor: pointer;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.yt_wrapper .yt_mask:hover {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  cursor: pointer;
}
.yt_wrapper .yt_image {
  background-color: #f7f7f7;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.yt_video video {
  border: 1px solid #ccc;
  width: 100%;
  display: block;
}
.yt_placeholder img {
  border: 1px solid #ccc;
  width: 100%;
  display: block;
}

/* Fix video and photo background image size - make the consistantly the same */
.video-base,
.photo-base {
  width: 100% !important;
  max-width: auto !important;
  display: block;
}

@media (max-width: 768px) {
  .yt_content h3 {
    font-size: 18px;
    line-height: 23px;
  }
}

@media (max-width: 576px) {
  .yt_content h3 {
    font-size: 18px;
    line-height: 23px;
  }
}

.action_link {
  text-decoration: underline !important;
}
.action_link:hover {
  text-decoration: underline !important;
}
.podcast_group .podcast_channel {
  font-size: 12px;
}
.podcast_group i {
  font-size: 24px;
}
.podcast_group .podcast_row {
  position: relative;
  padding-left: 55px;
  min-height: 50px;
}
.podcast_group .podcast_row img {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 40px;
  border: 1px solid #cccccc;
}
.podcast_cta {
  padding-top: 17px;
  font-weight: bold;
}
.podcast_cta a,
.podcast_cta a:hover {
  text-decoration: none !important;
}

@media (max-width: 768px) {
  .podcast_cta {
    text-align: center;
  }
}

article.page {
  padding: 60px 60px;
}

.page-members-club.page-template #main-nav .black-logo {
  display: block;
}
.page-members-club.page-template #main-nav .white-logo {
  display: none;
}
.page-members-club.page-template article.page {
  padding-top: 100px;
}
.feature-block .meta a {
  color: #2b2b2b !important;
}
.feature-block .meta a:hover {
  color: #905124 !important;
}

.entry-header a {
  color: #e9751f !important;
  text-decoration: underline;
}

.entry-header a:hover {
  color: #905124 !important;
  text-decoration: underline;
}

.grey-boxout {
  background-color: #e7e7e7;
  padding: 20px 30px;
}

.kg-product-card a.kg-product-card-btn-accent,
.kg-button-card a.kg-btn-accent {
  color: #fff !important;
}
.kg-product-card-container {
  max-width: 0;
}

.page-members-club h2 {
  margin-bottom: 20px;
  margin-top: 60px;
}

.btn.full-width {
  width: 100%;
}
.gh-announcement-bar-content {
  font-size: 1rem;
}
.gh-announcement-bar-content p {
  margin-bottom: 0;
}
.pagination {
  display: none;
}

#therace_twitter {
  position: relative;
}
#therace_twitter .twitter_time {
  padding-left: 10px;
  font-size: 14px;
  font-style: italic;
}
#therace_twitter .twitter_wrapper {
  position: absolute;
  top: 46px;
  bottom: 60px;
  overflow: auto;
}
#therace_twitter .twitter_row {
  font-size: 15px;
}
#therace_twitter h4 span a {
  font-size: 14px;
}
#therace_twitter .twitter_cta {
  position: absolute;
  bottom: 0px;
  font-weight: bold;
}
#therace_twitter .twitter_cta a,
#therace_twitter .twitter_cta a:hover {
  text-decoration: none !important;
}
@media (max-width: 992px) {
}

@media (max-width: 768px) {
  #therace_twitter {
    padding-top: 60px;
  }
  #therace_twitter .twitter_wrapper {
    position: relative;
    top: auto;
    bottom: auto;
    overflow: auto;
    max-height: 300px;
  }
  #therace_twitter .twitter_cta {
    position: relative;
    bottom: auto;
    padding-top: 30px;
    text-align: center;
  }
}

.round_wrapper { 
  position: relative;
  min-height: 460px;
  font-family: 'Anton', sans-serif !important;
  color: #2b2b2b;
  background-color: #ffffff;
  padding: 20px;
  margin-bottom: 30px;
  border-radius: 5px;
}
.round_group {
  position:relative;
  padding-right:60px;
}
.round_count {
  font-size:17px;
  text-transform: uppercase;
  padding:0px 0px 0px 0px;
}
.round_date {
  font-size:24px;
  text-transform: uppercase;
  padding:0px 0px 15px 0px;
}
.round_country {
  font-size:36px;
  text-transform: uppercase;
  line-height:41px;
}
.round_track {
  font-family: 'PT Serif', serif !important;
  font-size:16px; 
  font-weight:bold; 
  padding-bottom:20px; 
}
.round_flag { 
  position:absolute; 
  top:10px; 
  right:0px; 
  width:50px; }
.round_wrapper table th { 
  text-transform: capitalize !important; 
  text-align:left !important; 
  font-family: 'PT Serif', serif !important; 
  font-size:16px !important; 
}
.round_wrapper table {
  width: 100%;
}
.round_wrapper table td { 
  background-color: #ffffff !important;
  font-family: 'PT Serif', serif !important; 
  padding:8px 0px !important; 
  text-align:left !important; 
  font-size:14px; 
  border-top:1px solid #2b2b2b; 
  border-left-style:none !important; 
  border-bottom-style:none !important; 
}
#therace_stats .status_wrapper .round_wrapper table td:last-child {
  border-right-style: none !important;
}

.timezone_wrapper { 
  border: 1px solid #2b2b2b;
  padding: 5px;
  font-family: 'Anton',sans-serif !important;
  text-transform: uppercase;
  display: inline-block;
}
.timezone_btn { 
  border: 1px solid #9b9b9b;
  color: #9b9b9b;
  font-size: 18px;
  text-align: center;
  padding: 10px 20px;
  width: 200px;
  display: inline-block;
  text-decoration: none;
}
.timezone_btn.active { 
  color: #ffffff !important;
  background-color: #2b2b2b;
  font-size: 18px;
  border: 1px solid #2b2b2b;
}
.timezone_btn:hover { 
  text-decoration:none; 
  color:#2b2b2b;
  border:1px solid #2b2b2b;
  cursor: pointer;
}
.timezone_btn.active:hover { 
  color:#ffffff;
}
.race-events-btn {
  padding: 3px .75rem !important; 
  width:100%; 
  font-size:14px !important; 
  background-color:#e9751f !important;
}

.therace_related_single {
  background-color: #eeeeee;
  margin-bottom: 15px;
  width: 200px;
  border: 1px solid #cccccc
}

.therace_related_single.left_float {
  float: left;
  margin-right: 20px;
  border-left: 10px solid #e9751f;
}
.therace_related_single.right_float {
  float: right;
  margin-left: 20px;
  border-left: 10px solid #e9751f;
}
.therace_related_single img {
  display: bloc;
  margin: 0px !important;
}
.therace_related_single .related_group {
  padding: 15px;
}
.therace_related_single .related_title {
  color: #2b2b2b;
  text-decoration: none !important;
  padding-bottom: 8px;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
}
.therace_related_single i {
  color: #e9751f !important;
}
.therace_related_single a {
  font-size: 16px;
}

.results_container {
  background-color: #f2f2f2;
  margin-top: 0px;
  margin-bottom: 60px;
}
.table-wrap {
  overflow: scroll;
  height: 487px;
  border-bottom: 1px solid #e2e2e2;
}
.results_container th {
  font-family: 'PT Serif', sans-serif !important;
  color: #f2f2f2;
  font-size: 17px;
  background-color: rgb(43, 43, 43);
  position: relative;
  z-index: 1;
  top: 0px;
  left: 0px;
  position: sticky;
}

.col-points {
  width: 30px !important;
  padding: 5px 10px !important;
  position: sticky !important;
  left: 0 !important;
}

.col-driver {
  width: 150px !important;
  padding: 5px 10px !important;
  position: sticky !important;
  left: 40px !important;
}

td, th {
  white-space: nowrap;
}
.results_container .fixed-shadow {
  box-shadow: 10px 5px 11px 0px rgba(0,0,0,0.2);
}

#therace-tabs {
  padding: 50px 0px;
  margin-bottom: 20px;
}
#therace-tabs .result-link {
  color: #ffffff !important;
  text-decoration: none;
  background-color: #2b2b2b !important;
  border: 1px solid #2b2b2b !important;
  padding: 10px 15px;
  border-radius: 5px;
  cursor: pointer !important;
}

#therace-tabs .result-item {
  padding-left: 5px;
  text-align: center;
  float: left;
}

.ss-inline-share-wrapper { display:none !important; }
article { padding:0px 20px; }
@media (max-width: 768px) {
  .ss-inline-share-wrapper { 
    display:flex !important;
    justify-content: center;
    width: 100%;

  }
  article { 
    padding:0px !important; 
  }
}

		
.therace_related_listing { background-color:#eeeeee; border-left:10px solid #e9751f; padding:20px; margin-top:5px; margin-bottom:20px; }
.therace_related_listing strong { line-height: 26px; display:block; letter-spacing: 1px; font-weight:normal !important; font-size:22px; font-family: 'Anton', sans-serif !important; color:#2b2b2b; text-transform:uppercase; padding-bottom:7px; }
.therace_related_listing a {
  text-decoration:none !important;
  color:#2b2b2b !important;
}
.therace_related_listing a:hover { 
  text-decoration:underline !important;
  color:#e9751f; 
}
  
.therace_related_listing li { padding-left: 0px; padding-bottom:7px; line-height: 28px; font-size: 18px; }
.therace_related_listing ul { padding: 0px; margin: 0px; list-style-type:none; }
.therace_related_listing i { color:#e9751f !important; }
  
.therace_related_single { background-color:#eeeeee;  margin-bottom:15px; width:200px; border:1px solid #cccccc; }
.therace_related_single img { display:block; margin:0px !important; }
.therace_related_single .related_group { padding:15px; }
.therace_related_single .related_title { color:#2b2b2b; text-decoration:none !important; padding-bottom:8px; font-size:18px; line-height:24px; font-weight:bold; }
.therace_related_single .related_link a { font-size:16px; }
.therace_related_single.left_float { float:left; margin-right:20px; border-left:10px solid #e9751f; }
.therace_related_single.right_float { float:right; margin-left:20px; border-left:10px solid #e9751f; }
.therace_related_single.related_sidebar { width:100%; margin: 0px auto !important; max-width: 300px; border-left:10px solid #e9751f; }
.therace_related_single i { color:#e9751f !important; }

@media ( max-width: 768px) {
  .therace_related_single.left_float { float:none; margin-right:0px; width:100%; }
  .therace_related_single.right_float { float:none; margin-left:0px; width:100%; }
  .therace_related_listing li { line-height: 24px; font-size: 16px; }
}

@media ( max-width: 768px) and (min-width: 420px)  {
  .therace_related_single .related_image { float:left; margin:0px !important; width:40%; }
  .therace_related_single .related_group { padding:15px; float:left; width:60%; }
  .therace_related_single .related_title { font-size:16px; line-height:22px; }
  .therace_related_single .related_link a { font-size:16px; line-height:22px; }
}
.custom_table .table-wrap {
  height: 487px;
  border-bottom:1px solid #e2e2e2;
}

.custom_table .fixTable {
  width: 100% !important;
}

.custom_table td, .custom_table th {
     padding: 5px 20px;
    white-space:nowrap;
 }

 .custom_table.results_container .fixed-shadow {
   box-shadow: 10px 5px 11px 0px rgba(0,0,0,.2);
 }
 
 .custom_table.results_container { background-color:#f2f2f2; padding:60px 0 60px 0; margin-top:0px; margin-bottom:60px; }

 .custom_table.results_container h3 {
   font-size: 30px !important;
   padding-bottom: 20px !important;
   padding-left: 9px !important;
 }
 .custom_table.results_container th {
   font-family: 'PT Serif', sans-serif !important; color:#f2f2f2; background-color:#2b2b2b; font-size:17px;
 }
 .custom_table.results_container td {
   font-family: 'PT Serif', serif !important; color:#2b2b2b; background-color:#f2f2f2; font-size:16px;
 }
 .custom_table.results_container td.alt {
   background-color:#e2e2e2;
 }
 
 @media (max-width: 992px) {
   .custom_table.results_container th { font-size:18px; }

 }

 @media (max-width: 768px) {

   .custom_table.results_container td { font-size:14px; }
} 

@media (max-width: 576px) {

 .custom_table.results_container .fixed-shadow {
   box-shadow: 10px 5px 11px 0px rgba(0,0,0,.2);
 }
}

#content p a {
  color: #e9751f;
}
#content p a:hover {
  text-decoration: underline;
}