/*
Theme Name: RSC26
Theme URI: 
Author: Tim
Author URI: http://timwheatley.org
Description:
Text Domain: twentyeleven
*/
html, body {
margin:0;
padding:0;
}
@font-face {
font-family: 'Lato';
font-display: swap;
src: url('https://racesimcentral.net/wp-content/themes/RSC26/fonts/Lato-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
body {
background-color:#555555;
font-family:Lato,Verdana,Open Sans,Arial,Tahoma,sans-serif;
}
a {
text-decoration: underline;
text-decoration-color: #888;
-webkit-text-decoration-color: #888;
}
.contfnt {
font-family:Lato,Arial,sans-serif;
}
.txtfnt {
font-family:Lato,Open Sans,Arial,Tahoma,sans-serif;
}
@media screen and (min-width: 1px) {
.txtlrg {
font-size:1em !important;
}
}
@media screen and (min-width: 990px) {
.txtlrg {
font-size:60px !important;
}
}
.txtmid {
font-size:16px;
}
.txtsml {
font-size:12px;
}
.txtbld {
font-weight:bold;
}
.txtrt {
text-align:right;
}
.txtct {
text-align:center;
}
.simnm {
display:inline-block;
}
.simnm a {
text-decoration: none !important;
}
.txtup {
text-transform:uppercase;
}
.limit1 {
-webkit-line-clamp: 1;
}
.limit3 {
-webkit-line-clamp: 3;
}
.limit4 {
-webkit-line-clamp: 4;
}
.limit1, .limit3, .limit4 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
}
h1 {
margin:0;
padding:0;
}
h3 {
margin:0;
padding:4px 8px 5px 8px;
}
h4 {
margin:0;
padding:4px 8px 5px 8px;
}
h5 {
margin:0;
padding:4px 8px 5px 8px;
font-weight: normal;
}
h1 a, h2 a, h3 a, h4 a {
text-decoration: none;
}
@media screen and (min-width: 1px) {
small {
font-size: 1em !important;
}
}
@media screen and (min-width: 990px) {
small {
font-size: 13px !important;
}
}
blockquote {
width:calc(100% - 22px);
margin: 0 10px 0 0;
border-left: 2px solid #993333;
padding: 0 10px;
}
.clr {
clear:both;
}
.gaptop {
padding-top:15px;
}
.gaplt {
padding-left:15px;
}
.gaprt {
padding-right:15px;
}
.gapbot {
padding-bottom:15px;
}
.gapall {
padding:15px;
}
.gaprow {
margin-bottom:15px;
}
.fltlt {
float:left;
}
.fltrt {
float:right;
}
.ohid {
overflow:hidden;
}
.oauto {
overflow:auto;
}
.blkbg,
.blkbg a {
background-color:#000000;
color:#ffffff;
}
.whtbg,
.whtbg a {
background-color:#ffffff;
color:#000000;
}
.whttxt,
.whttxt a {
color:#ffffff;
}
.grytxt,
.grytxt a {
color:#cccccc;
}
.redtxt,
.redtxt a {
color:#cc0000;
}
.redbg,
.redbg a {
background-color:#cc0000;
color:#ffffff;
}
.grybg,
.grybg a {
background-color:#cccccc;
color:#000000;
}
.redline {
border-top: 2px solid #cc0000;
}
.whtline {
border-bottom: 2px solid #ffffff;
}
.cover {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.pointer {
cursor:pointer;
}
.shadow {
-webkit-filter: drop-shadow(1px 1px 5px #000);
filter: drop-shadow(1px 1px 5px #000);
}
.icons {
height:auto;
max-height:100px;
width:auto;
max-width:calc(50% - 15px);
}
.boxlrg {
  height: auto;
    max-height: 248px;
    width: auto;
max-width: calc(50% - 15px);
}
.headspc {
  height:250px;
}
.descimg {
width:40px;
height:auto;
margin-left:15px;
}
@media screen and (min-width: 1px) {
.deskmenu, .lgtxt, .sidewidth, .biglt, .bigrt {
display: none !important;
}
.menumob {
display: block !important;
}
.itmthm {
height:185px !important;
}
.side1, .side2 {
width:100% !important;
}
}
@media screen and (min-width: 990px) {
.lgtxt {
display: block !important;
}
}
@media screen and (min-width: 1200px) {
.sidewidth {
display: block !important;
width:calc(33.333333% - 0px) !important;
}
.deskmenu {
display: block !important;
}
.menumob {
display: none !important;
}
.itmthm {
height:255px !important;
}
}
@media screen and (min-width: 1600px) {
.sidewidth {
width:33.33333% !important;
}
.bigrt {
display: none !important;
}
}
@media screen and (min-width: 1900px) {
.side1, .side2 {
width:50% !important;
}
}
.menubox,
.menuspace {
height:90px;
}
.menubox {
z-index:1005;
position:fixed;
top:0;
width:100%;
}
.logoimg {
height:70px;
margin:10px;
display:inline-block;
}
.logobox p {
line-height:18px;
margin:20px 10px;
padding:5px 2px;
}
.logobox a {
text-decoration:none;
}
.sideitmthm {
height:120px;
}
.sidevidthm {
aspect-ratio: 16 / 9;
height:auto;
width:100%;
}
.sidevidplay {
background-image:url(images/social_youtube.webp);
background-size:30% auto;
background-position: 50% 45%;
background-repeat: no-repeat;
}
.itmcol {
display:inline-block;
vertical-align:top;
width:calc(50% - 15px);
}

@media screen and (min-width: 1px) {
.indcol {
width:calc(100% - 15px) !important;
}
}
@media screen and (min-width: 990px) {
.indcol {
width:calc(33.33333333% - 15px) !important;
}
}
@media screen and (min-width: 1200px) {
.indcol {
width:calc(50% - 15px) !important;
}
}
@media screen and (min-width: 1600px) {
.indcol {
width:calc(33.33333333% - 15px) !important;
}
}
.indcol {
display:inline-block;
vertical-align:top;
}
.affimg {
display:inline-block;
width:89px;
}
.affimg img {
width:89px;
margin-top:10px;
}
.shareimg {
width: 38px;
height: 38px;
vertical-align: top;
display: inline-block;
}
@media screen and (min-width: 1px) {
.fullimgx, .size-full {
  width: 100% !important;
    margin: 0 !important;
}
}
@media screen and (min-width: 1200px) {
.fullimgx, .size-full {
width: calc(100% - 80px) !important;
   margin: 0 80px 0 0 !important;
}
}
@media screen and (min-width: 1400px) {
.fullimgx, .size-full {
width: 80% !important;
   margin: 0 20% 0 0 !important;
}
}
.fullimgx, .size-full {
  height: auto;
  padding: 0;
  display: block;
}
@media screen and (min-width: 1px) {
.youtubevidouter {
  width:100% !important;
    margin: 0 !important;
      padding-top: 56.25% !important;
}
}
@media screen and (min-width: 1200px) {
.youtubevidouter {
  width:calc(100% - 80px) !important;
   margin: 0 80px 0 0 !important;
  padding-top: 50% !important;
}
}
@media screen and (min-width: 1400px) {
.youtubevidouter {
  width:80% !important;
   margin: 0 20% 0 0 !important;
  padding-top: 44% !important;
}
}
.youtubevidouter {
    height: 0;
    display: block;
margin:0;
    position: relative;
}
.youtubevidinner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.size-mediumcontainer {
    clear: both;
    border: 0;
    padding: 0;
    line-height: 0;
	margin: 15px 0px;
}
.size-medium {
    padding: 0;
    margin: 0;
	vertical-align: top;
  display: inline-block !important;
  height: auto !important; 
}

@media screen and (min-width: 1px) {
.size-medium {
width: 50% !important;
}
}
@media screen and (min-width: 990px) {
.size-medium {
width: 33.3333333% !important;
}
}
@media screen and (min-width: 1400px) {
.size-medium {
width: 25% !important;
}
}
@media screen and (min-width: 1800px) {
.size-medium {
width: 20% !important;
}
}

.wp-pagenavi {
width:100%;
clear:both;
text-align:right;
}

@media screen and (min-width: 1px) {
.last, .pages, .first {
display:none !important;
}
}
@media screen and (min-width: 990px) {
.last, .pages, .first {
display:inline-block !important;
}
}

.first,
.current,
.smaller,
.larger,
.extend,
.last {
padding:0 5px 0 0;
float:left;
}
.current {
color:#ffffff;
}
.previouspostslink,
.nextpostslink {
display:none;
	}

/*
-
-
-
SEARCH FORM
-
-
-
*/

/*-------------------------------------*/

div#topsearch {
width:470px;
}
div.topsearch {
width:470px;
}
    
    .cf:before, .cf:after{
      content:"";
      display:table;
    }
    
    .cf:after{
      clear:both;
    }

    .cf{
      zoom:1;
    }

    /*-------------------------------------*/	
    
    .form-wrapper {
        padding: 0;
        margin: 0;
		width:100%;
        background: #444;
        background: rgba(0,0,0,.2);
    }
    .form-wrapper input {
        width:calc(43% - 20px);
        padding: 11px 10px 9px 10px;
        float: left;    
      height:calc(34px - 20px);
        font-size: 12px !important;
        border: 0;
	vertical-align:top;
        background: #eee;    
    }

    .form-wrapper option {
        width:40%;
      height:34px;
        padding:0;
        float: left;    
        font-size: 12px !important;
        border: 0;
        background: #eee;
    }
    
    .form-wrapper input:focus {
        outline: 0;
        background: #fff;
        -moz-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
        -webkit-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
        box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
    }
.search-param,
#search-param,
#search-param-articles,
#search-param-finddrive,
#search-param-forum,
#search-param-media,
#search-param-news {
vertical-align:top;
        border: 0;
        padding: 0;
        cursor: pointer;
  height:34px;
	width:40%;
        font-size: 12px !important;
        text-transform: uppercase;
	color:#000000;
	background: #eee;
}

    .form-wrapper option:focus {
        outline: 0;
        background: #fff;
        -moz-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
        -webkit-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
        box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
    }
    
    .form-wrapper input::-webkit-input-placeholder {
       color: #999;
       font-weight: normal;
       font-style: italic;
    }
    
    .form-wrapper input:-moz-placeholder {
        color: #999;
        font-weight: normal;
        font-style: italic;
    }
    
    .form-wrapper input:-ms-input-placeholder {
        color: #999;
        font-weight: normal;
        font-style: italic;
    }    
    
    .form-wrapper button {
		overflow: visible;
        position: relative;
		vertical-align:top;
        float: right;
        border: 0;
        padding: 0;
        cursor: pointer;
        width:17%;
      height:34px;
        font-size: 12px !important;
        color: #fff;
        text-transform: uppercase;
        background: #d83c3c;
        text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
    }   
      
    .form-wrapper button:hover{		
        background: #e54040;
    }	
      
    .form-wrapper button:active,
    .form-wrapper button:focus{   
        background: #c42f2f;    
    }
    

    
    .form-wrapper button::-moz-focus-inner {
        border: 0;
        padding: 0;
    }


.deskmenu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.deskmenu li {
  float: left;
}

.deskmenu li a, .dropbtn {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 8px 10px;
  text-decoration: none;
text-transform:uppercase;
}

.deskmenu li a:hover,
.dropdown:hover .dropbtn {
  background-color: red;
}

.deskmenu li {
  display: inline-block;
}

.deskmenu .dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.deskmenu .dropdown-content a {
  color: #ffffff;
  padding: 8px 10px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.deskmenu .dropdown-content a:hover {
background-color: #555555;
}

.deskmenu .dropdown:hover .dropdown-content {
  display: block;
}

.lazy-bg {
  opacity: 0;
  transition: opacity 0.3s ease-in;
}

.lazy-bg.loaded {
  opacity: 1;
}