/* racesimcentral.net theme stylesheet (RSC27), captured for the RAS archive */
/*
Theme Name: RSC27
Theme URI: 
Author: Tim
Author URI: http://timwheatley.org
Description:
*/
html, body { margin:0; padding:0; }
body { font-family:Lato,Arial,sans-serif;font-size:1em; }
a { text-decoration: underline; text-decoration-color: #888; -webkit-text-decoration-color: #888; }
small { font-size:0.8em; }
h1, h3 { font-size:1.2em; }
h2 { font-size:1em; }
h6 { font-size:2em; }
h1, h2, h3 { margin:0 10px 20px 10px;padding:20px 0 0 0;text-transform: uppercase;letter-spacing: 2px; }
h6 { margin:20px 20px 5px 10px;text-transform: uppercase;letter-spacing: 2px; }
h1 a, h2 a, h3 a, h6 a { text-decoration:none; }
h6, h6 a { color:#ffffff; }
.limit1, .limit2, .limit3, .limit6 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; }
.limit1 { -webkit-line-clamp: 1; }
.limit2 { -webkit-line-clamp: 2; }
.limit3 { -webkit-line-clamp: 3; }
.limit6 { -webkit-line-clamp: 6; }
.bgf2 { background-color:#f2f2f2; }
.bgfff { background-color:#ffffff; }
.bgfff, .bgfff a, .bgf2, .bgf2 a { color:#000000; }
.bgfff small, .bgfff small a, .bgf2 small, .bgf2 small a { color: #888888; }
.bg555 { background-color:#555555; }
.bg555, .bg555 a { color:#ffffff; }
.dbnum { font-size:1.4em; }

.clr { clear:both; }
.padinner { padding:10px; }
.padinnerside { padding:0 10px; }
.padinnertopbot { padding:10px 0; }
.cover { background-size: cover;background-repeat: no-repeat;background-position: center; }
.coverx2 { background-size: cover, cover;background-repeat: no-repeat, no-repeat;background-position: center, center; }
.shadow { -webkit-filter: drop-shadow(1px 1px 5px #000);filter: drop-shadow(1px 1px 5px #000); }
.fltrt { float:right; }
.fltlt { float:left; }

.widthmax { min-width:990px;max-width:1400px;margin:0 auto; }
.col2, .col3, .col23, .col4, .col5, .col6 { display: inline-block !important;vertical-align: top; }
.col2 { width: 50%; }
.col3 { width: 33.333333333%; }
.col23 { width:calc(100% - 467px); }
.col4 { width: 25%; }
.col5 { width: 20%; }
.col6 { width: 16.6666666667%; }
/* NAVI MENU ======================================================= */
.wp-pagenavi { width:100%; clear:both; text-align:right; }
.last, .pages, .first { display:inline-block !important; }
.first, .current, .smaller, .larger, .extend, .last { padding:0 5px 0 0; float:left; }
.current { color:red; }
.previouspostslink, .nextpostslink { display:none; 	}

.headblock { min-height:375px;width:100%; }
.headthumb { min-height:375px; }
.sitelogo { width:auto;height:36px;margin:6px 5px 0 0px; }
.footlogo { width:100px;height:84px;margin:0; }
.menu, .menuspacer { height:50px;width:100%; }
.menu { position:fixed;top:0;z-index:1010; }
.menu ul { list-style-type: none; margin: 0; padding: 11px 0 0 0; display: inline-block !important; vertical-align:top; }
.menu li { float: left; font-size:0.8em; }
.menu li a, .dropbtn { display: inline-block; color: white; font-weight:bold; text-align: center; padding: 0.5em 8px; text-decoration: none; text-transform:uppercase; }
.menu li a:hover, .dropdown:hover .dropbtn { background-color: red; }
.menu li { display: inline-block; }
.menu .dropdown-content { display: none; position: absolute; background-color: #222222; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; }
.menu .dropdown-content a { font-size:1em; color: #ffffff; padding: 6px 8px; text-decoration: none; display: block; text-align: left; }
.menu .dropdown-content a:hover { background-color: #333333; }
.menu .dropdown:hover .dropdown-content { display: block; }

.indexbox { margin:0;width:auto;height:200px;max-width:240px; }
.newsbox { height:220px;width:auto;margin:10px; }
.indexnews12 { margin:0;height:240px; }
.indexnews38 { margin:0;height:120px;width:180px;margin:0 10px 10px 0; }
.headdev { margin: 0 10px; }
.headdev, .headdev a { color:#ffffff;text-decoration:none; }

.titlebg { text-align:center;margin:0 10px;width:400px;height:800px; }
.titletxt small, .titletxt small a { color:#ffffff !important; }
.titlelogo { width:66%;height:auto;margin:0 auto; }

.shareimg { margin:0 5px 5px 0;width:32px;height:32px; }
.sponsorwall { column-width: 89px;column-gap: 10px; }
.sponsorwall a { display: block;margin-bottom: 10px;break-inside: avoid; }
.sponsorwall img { display: block;width: 100%;height: auto; }

/* POST STYLES ======================================================= */
blockquote {
width:calc(100% - 22px); margin: 0 10px 0 0; border-left: 2px solid #993333; padding: 0 10px; }
@media screen and (min-width: 1px) {
.fullimgx, .size-full, .size-large { width: 100% !important; margin: 0 !important; }
}
@media screen and (min-width: 1200px) {
.fullimgx, .size-full, .size-large { width: calc(100% - 80px) !important; margin: 0 80px 0 0 !important; }
}
@media screen and (min-width: 1400px) {
.fullimgx, .size-full, .size-large { width: 80% !important; margin: 0 20% 0 0 !important; }
}
.fullimgx, .size-full, .size-large {
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; }
}
.rsc-video-wrapper { position: relative; width: 100%; height: auto; aspect-ratio:16 / 9; }
.rsc-video-frame { width: 100%; height: 100%; display: block; }
.rsc-overlay-layer { position: absolute; top: 0; left: 0; width: 100%; height: auto; display: flex; justify-content: top; align-items: left; pointer-events: auto; z-index: 10; }
.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; }
}
/* MENUS (SIMS) ======================================================= */
.submenu { font-size: 0.8em; color:#ffffff; }
.submenu a { color:#ffffff; }
.submenu ul { list-style-type: none; margin: 0; padding: 0 5px 5px 7px; display: inline-block; }
.submenu li { float: left; }
.submenu li a, .dropbtn { display: inline-block; color:#ffffff;; font-weight:bold; text-align: center; padding: 0.5em 5px; text-decoration: none; text-transform:uppercase; }
.submenu li a:hover, .dropdown:hover .dropbtn { background-color: red; color:#ffffff; }
.menuactive { background-color: red !important; }
.submenu li { display: inline-block; }
.submenu .dropdown-content { display: none; position: absolute; color:#ffffff; min-width: 160px;z-index: 1; }
.submenu .dropdown-content a { font-size:1em; color:#ffffff; padding: 4px 5px; text-decoration: none; display: block; text-align: left; }
.submenu .dropdown-content a:hover { background-color: red; color:#ffffff; }
.submenu .dropdown:hover .dropdown-content { display: block; }
/* NAVI MENU ======================================================= */
.wp-pagenavi { width:100%; clear:both; text-align:right; }
.last, .pages, .first { display:inline-block !important; }
.first, .current, .smaller, .larger, .extend, .last { padding:0 5px 0 0; float:left; }
.current { color:red; }
.previouspostslink, .nextpostslink { display:none; 	}