html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:0}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle;}q,blockquote{quotes:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none;}a img{border:none;}img{border:0; -ms-interpolation-mode:bicubic;}h1, h2, h3, h4, h5, h6, p {margin-top:0;padding-right:0;padding-left:0;text-decoration:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;} 
	  
html {font-size:17px;} body {font-family: Arial, sans-serif;position:relative;margin:0;background:white;width:100%;height:100%;padding:0;color:#000;} 

* {box-sizing: border-box}












/*nejnovejsi zapis v index.html tak to tu preved */

    .shorts-container {
      position: relative;
/*      width: 320px;*/
/*      max-width: 90%;*/
      width: 100%;
      max-width: 100%;
      aspect-ratio: 9 / 16;
      overflow: hidden;
      border-radius: 16px;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
      background-color: #000;
      transition: transform 0.3s ease;
    }
    .shorts-container:hover {
      transform: scale(1.03);
    }
    .shorts-container iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: none;
    }
    .caption-bar {
      margin-top: 16px;
      text-align: center;
      color: #333;
      font-size: 0.95rem;
    }
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  

	  
	  
	  
	  
	  
.site-footer{
border-top:1px solid rgba(0,0,0,0.08);
margin-top:20px;
padding:20px 20px;
font-size:13px;
color:rgba(0,0,0,0.65);
background:#ffffff;
}

.footer-inner{
max-width:1100px;
margin:auto;
display:flex;
justify-content:space-between;
align-items:center;
gap:0px; /* 20px */
flex-wrap:wrap;
}

.footer-links{
display:flex;
gap:4px; /* 22px */
flex-wrap:wrap;
}

.footer-links a{
color:rgba(0,0,0,0.7);
text-decoration:none;
transition:color .2s ease;
}

.footer-links a:hover{
color:#000;
}

.footercopyright{
white-space: normal;
display: block; 
max-width: 100%;
word-break: break-word;
}

	  
	  













 

/* AX ADS */
.AX-ADS-F1-STORE {width:100px;margin:25px 0px 0px 10px;}




 

 

/* twitter */
.twitter-tweet {font-size:11px;line-height:17px;align-items: center;margin: 0 auto;align-content: center;text-align:center;}
.clear-twitter-in-races {padding:15px 0px;align-items: center;margin: 0 auto;align-content: center;text-align:center;}







/* js RIGHT LEFT */







#rx-js {width:100%;border: 0;margin-bottom:25px;margin-top:9px;}

#rx-headline {border-bottom:1px solid #D9D9D9; padding-bottom:10px;padding-top:10px;padding-right:0px;padding-left:0px; margin:0px;border: 0px solid transparent;}

.rx-h-one {font-size:15px;line-height:17px;text-decoration:none;font-weight:bold;margin:0px;padding:0px 10px;text-align:left;display:block;}

.gap-for-good {}

.rx-post {border-right:1px solid #D9D9D9;border-left:1px solid #D9D9D9;padding:5px 10px 10px 10px;border-top:1px solid #D9D9D9;border-bottom:1px solid #D9D9D9;margin:10px 0px; border-radius: 0px; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1);} /* box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1); */

.rx-post-text {font-weight:normal;padding:0px;margin-left:0px;color:#414141;text-align:left;font-size:11px;line-height:21px;text-transform:none;}

.rx-text-headline {font-weight:normal;font-size:13px;line-height:17px;padding:5px 0px 0px 0px;margin:0px;text-align:left;display:block;}







#left-js {display: none;width: 0;padding: 0;margin: 0;}

.in-left {border-top:1px solid transparent;border-bottom:1px solid transparent;border-right:none;border-left:none;padding:5px 0px 10px 0px;margin:10px 0px;} 

/* border-radius: 0px; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1); */
/* box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1); */

.in-left-headline {font-size:15px;line-height:21px;margin:0px;padding:2px 10px 0px 10px;text-align:left;font-weight:normal;}











/* js */

#AX-JS {}

#AX-1 {}

#SA-1 {}

#next-ax-js {}












/* js */

#AX-AD-JS {margin:0 auto;}

.ax-ad-post {width:100%;max-width:900px; border:0px solid transparent;padding:0px 0px 0px 0px;margin:0 auto;margin-bottom:15px;}

.ax-ad-im {width:100%;height:auto;padding:0px;margin-top:5px;margin-bottom:5px;border-bottom:0px solid transparent;} /* #24FF55 #EEFF74 #EEFF74 */

.ax-ad-headline {font-weight:normal;font-size:13px;line-height:17px;padding:0px 10px 0px 10px;margin:0px;text-align:left;display:block;}







#page {width: 100%;align-content: center;margin:0 auto;align-items: center;margin-top: 0px;}

#page-race {width: 100%;align-content: center;margin:0 auto;align-items: center;margin-top: 0px;}

#center {width:100%;border: 0;}



a {color:#000;text-decoration:none;} a:visited {} a:hover {color:#000;} strong {font-weight:bold;} span {} p {} h1 {} h2 {margin:0} h3 {margin:0} h4 {margin:0} h5 {margin:0} h6 {margin:0} pre {} em {} 

.race-blue {color:#0d36c7;} /* #0025FF if red #eb190f */
.in-high {text-decoration:underline;}
.in-strong {font-weight:bold;}




.in-race {color: #474747;}

.top-ten-pad {padding:10px 0px;}

.clear {overflow: hidden;clear: both;float: none;}
.clear-long {overflow: hidden;clear: both;float: none;padding-bottom:150px;}
	  





 





header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 7px 0px;
  color: white;
  border-bottom: 0px solid #000;
  position: sticky;
  top: 0;
  z-index: 1000;
  background: black;
}

.left-section {
  display: flex;
  align-items: center;
  gap: 10px;
}

#logo {
  max-width: 245px;
  height: auto; /* tvoje původní nastavení */
}

.brand-link {
  font-size: 17px;
  line-height: 21px;
  color: white;
  font-weight: bold;
  font-style: italic;
  background-color: transparent;
  padding: 2px 5px;
  text-decoration: none;
  display: inline-flex;
  align-items: center; /* zarovnání na střed řádku s logem */
}

#menu-icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
}

#menu-icon div {
  width: 35px;
  height: 2px;
  background: #fff;
  margin: 3px 0;
}











main {}  
	  
footer {background:#fff;color:#000;margin-top:0px; padding-top:15px;padding-bottom:15px;padding-left:10px;padding-right:10px;text-align:left;font-weight:normal;font-size:13px;line-height:19px;border-top:1px solid #E5E5E5;} 
footer a {margin:0px 2px;padding-right:4px;color:#000;text-decoration:none;font-style:normal;font-weight:normal;} footer a:hover {color:#000;}		  
footer img {width:110px;display:block;margin-top:10px;}
footer p {margin:0;}	 
.footercopyright {line-height:17px;padding-right:4px;}  /* color:#525252; */

nav ul {list-style:none;padding:0;margin:0;text-align:center;}
nav li {display:inline-block;margin:0 10px;}
nav a {color:#888;text-decoration:none;}	  





































#nav-map-first {border:none;padding:1px 0px 1px 0px;margin:10px 0px;text-align:left;border-radius: 0px; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1); border-top:1px solid #D9D9D9;border-bottom:1px solid #D9D9D9;border-right:1px solid #D9D9D9;border-left:1px solid #D9D9D9;} 

/*#nav-map-first {border:none;padding:1px 0px 1px 0px;margin:10px 0px;text-align:left;} */

#nav-map-first li {font-size:15px;line-height:21px;margin:0px;padding:2px 0px 0px 0px;text-align:left;display:block;font-weight:bold;}

#nav-map-first a {color:black;}

#nav-map-first a:hover {color:black;}

/* border-radius: 0px; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1); border-top:1px solid #D9D9D9;border-bottom:1px solid #D9D9D9;border-right:1px solid #D9D9D9;border-left:1px solid #D9D9D9; */
/* box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1); */ 

nav.nav-map-top {}

nav.nav-map-top {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    display: flex;
    align-items: left; /* center */
    scrollbar-width: none; /* Skryje scrollbar ve Firefoxu */
    -ms-overflow-style: none; /* Skryje scrollbar v IE */
}

nav.nav-map-top::-webkit-scrollbar {
    display: none; /* Skryje scrollbar v Chromu, Safari a dalších */
}

.horizontal-scroll-top {
    display: flex;
    gap: 0px; /* 10px */
    padding: 0px 0px 0px 0px; /* was padding: 2px 0px 0px 0px; */
    margin: 0;
    list-style: none;
}

.horizontal-scroll-top li {
    flex: 0 0 auto; /* Zachová šířku prvků a umožní scrollování */
	padding-left:0px;
	padding-right: 0px;
	margin-left: 1px;
	margin-right: 1px;
}

.horizontal-scroll-top a {
    display: block;
    padding: 0px 8px; /* was padding: 5px 8px; */
    background-color: #fff; /* #555 */
    color: black; /* white */
    text-decoration: none;
    border-radius: 2px; /* 5px */
    transition: background-color 0.3s ease;
	border-bottom: 3px solid transparent;
}

.horizontal-scroll-top a:hover {
    background-color: #fff; /* #D2D2D2 */
	border-bottom:3px solid #000; /* #FF060A, #0d36c7, #000 */
}

/* Přidání efektu "scroll snap" */
nav.nav-map-top {
    scroll-snap-type: x mandatory;
}

.horizontal-scroll-top li {
    scroll-snap-align: center;
}





























#nav-map {border:none;padding:1px 0px 1px 0px;margin:10px 0px;text-align:left;} 

#nav-map li {font-size:15px;line-height:21px;margin:0px;padding:2px 0px 0px 0px;text-align:left;display:block;font-weight:bold;}

#nav-map a {color:black;}

#nav-map a:hover {color:black;}

/* border-radius: 0px; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1); border-top:1px solid #D9D9D9;border-bottom:1px solid #D9D9D9;border-right:1px solid #D9D9D9;border-left:1px solid #D9D9D9; */
/* box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1); */ 

nav.nav-map-bottom {}

nav.nav-map-bottom {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    display: flex;
    align-items: left; /* center */
    scrollbar-width: none; /* Skryje scrollbar ve Firefoxu */
    -ms-overflow-style: none; /* Skryje scrollbar v IE */
}

nav.nav-map-bottom::-webkit-scrollbar {
    display: none; /* Skryje scrollbar v Chromu, Safari a dalších */
}

.horizontal-scroll-bottom {
    display: flex;
    gap: 0px; /* 10px */
    padding: 0px 0px 0px 0px; /* was padding: 2px 0px 0px 0px; */
    margin: 0;
    list-style: none;
}

.horizontal-scroll-bottom li {
    flex: 0 0 auto; /* Zachová šířku prvků a umožní scrollování */
	padding-left:0px;
	padding-right: 0px;
	margin-left: 1px;
	margin-right: 1px;
}

.horizontal-scroll-bottom a {
    display: block;
    padding: 0px 8px; /* was padding: 5px 8px; */
    background-color: #fff; /* #555 */
    color: black; /* white */
    text-decoration: none;
    border-radius: 2px; /* 5px */
    transition: background-color 0.3s ease;
	border-bottom: 3px solid transparent;
}

.horizontal-scroll-bottom a:hover {
    background-color: #fff; /* #D2D2D2 */
	border-bottom:3px solid #000; /* #FF060A, #0d36c7, #000 */
}

/* Přidání efektu "scroll snap" */
nav.nav-map-bottom {
    scroll-snap-type: x mandatory;
}

.horizontal-scroll-bottom li {
    scroll-snap-align: center;
}












#intro-headline {padding-bottom:5px;padding-top:10px;padding-right:0px;padding-left:0px; margin:0px;border: 0px solid transparent;}
.intro-h-one {font-size:15px;line-height:17px;text-decoration:none;font-weight:bold;margin:0px;padding:0px 10px;text-align:left;display:block;} /* line-height:21px; */

 


#in-black {width:100%; background-color:black;padding:25px 0px;}

.in-black-post {width:100%;max-width:550px;padding:5px;margin:0 auto;}
.in-black-im {width:100%;max-width:550px;height:auto;opacity: 0.21;padding:0px;margin-top:5px;margin-bottom:5px;}

















.next-page {font-size:15px;line-height:21px;font-weight:bold;margin:10px 0px 55px 0px;padding:5px 0px 5px 0px;border:1px solid #D9D9D9;display:block;text-transform:none;color:#000;background:#fff;text-align:center;border-radius: 0px; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1);}     


/* for sports-venture-insider headlines and another with no border */
.se-post {border: 0px solid #D9D9D9;padding:0px;margin:0px;}	
.se-post-long {border: 0px solid #D9D9D9;padding:0px;margin:25px 0px;}
.se-im {width:100%;height:auto;padding-top:14px;padding-bottom:7px;}  	
.se-headline {font-size:15px;line-height:21px;margin:0px;padding:0px 15px;text-align:left;display:block;font-weight:bold;} 
.se-desc {font-size:12px;line-height:17px;margin:0px;padding:1px 10px;text-align:left;display:block;font-weight:normal;}  
	
.box-next-post {font-size:12px;line-height:21px;font-weight:normal;margin:15px 0px 15px 0px;padding:5px 0px 5px 15px;border:1px solid #D9D9D9;display:block;text-transform:none;color:#000;background:#fff;text-align:left;}   		










.fest-post {border-top:1px solid #D9D9D9;border-bottom:0px solid #D9D9D9;border-right:none;border-left:none;padding:5px 0px 5px 0px;margin:10px 0px; border-radius: 0px; } /* box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1); */





.res-fast-facts {border: 0px solid #D9D9D9;margin:15px 0px 5px 0px;font-size:15px;line-height:21px;padding:0px 10px;text-align:left;display:block;font-weight:bold;text-transform: uppercase}	

.fe-post-headline {width:100%;border-top:1px solid #D9D9D9;border-bottom:1px solid #D9D9D9;border-right:none;border-left:none;padding:5px 0px 5px 0px;margin:20px 0px 10px 0px; border-radius: 0px; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1);} /* box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1); */
	






.fe-ne-desc {font-size:12px;line-height:21px;margin:0px;padding:1px 10px;text-align:left;display:block;font-weight:normal;color:#000000;}	  
	 
.fese-te-post {padding:1px 0px;margin:4px 0px;}		

.fese-post {}


.RACE_GP_Iconic_sport {margin: 0 auto; text-align:center; width:85%;padding-top:10px;}




	   
 
/* for formula 1 headlines and other classic border */

.fe-post {border-top:1px solid #D9D9D9;border-bottom:1px solid #D9D9D9;border-right:none;border-left:none;padding:5px 0px 7px 0px;margin:10px 0px; border-radius: 0px; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1);} /* box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1); */

.fe-insert-post {border-top:1px solid #D9D9D9;border-bottom:1px solid #D9D9D9;border-right:none;border-left:none;padding:5px 0px 7px 0px;margin:10px 0px; border-radius: 0px; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1);} /* box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1); */

/*.fe-post {border-top:1px solid #D9D9D9;border-bottom:1px solid #D9D9D9;border-right:none;border-left:none;padding:0px 0px 5px 0px;margin:25px 0px; border-radius: 0px;}*/ /* box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2); background-color: #fff; padding:14px; */ 

.fev-post {border-top:1px solid #D9D9D9;border-bottom:1px solid #D9D9D9;border-right:none;border-left:none;padding:5px 0px 5px 0px;margin:25px 0px; border-radius: 0px;}

.fe-tag {font-size:14px;line-height:15px;margin:0px;padding:0px 10px 0px 10px;text-align:left;display:block;font-weight:normal;} /* font-size:17px;padding:2px 0px; */

.fe-im {width:100%;height:auto;padding:0px;margin-top:5px;margin-bottom:5px;border-bottom:0px solid transparent;} /* #24FF55 #EEFF74 #EEFF74 */

.fe-embed {padding-top:15px;padding-bottom:5px;} 
.fe-headline {font-size:15px;line-height:21px;margin:0px;padding:2px 10px 0px 10px;text-align:left;display:block;font-weight:bold;} /* font-size:17px;padding:2px 0px; */

/* .fe-desc {font-size:12px;line-height:21px;margin:0px;padding:1px 10px;text-align:left;display:block;font-weight:normal;color:#A1A1A1;} */ /* font-size:14px;padding:2px 0px; */
.fe-desc {font-size:15px;line-height:21px;margin:0px;padding:0px 10px;text-align:left;display:block;font-weight:normal;color:#000000;} /* font-size:14px;padding:2px 0px; */

.fe-ne-desc {font-size:12px;line-height:21px;margin:0px;padding:1px 10px;text-align:left;display:block;font-weight:normal;color:#000000;}	

/* .fe-post-date {margin-left:0px;padding:0px 10px;color:#A1A1A1;text-align:left;font-size:12px;line-height:21px;text-transform:none;font-weight:normal;} */
.fe-post-date {margin-left:0px;padding:0px 10px 0px 10px;color:#414141;text-align:left;font-size:11px;line-height:21px;text-transform:none;font-weight:normal;} /*padding:2px 0px;color:#000;font-size:14px;    color:#A1A1A1; */

.post-date {margin-left:0px;padding:0px 0px;color:#A1A1A1;text-align:left;font-size:12px;line-height:21px;text-transform:none;font-weight:normal;} /*padding:2px 0px;color:#000;font-size:14px;*/


.contact-post {border: 1px solid #fff;padding:14px;margin:25px 0px;} /* #D9D9D9 */
.contact-headline {font-size:14px;line-height:21px;margin:0px;padding:9px 0px;text-align:left;display:block;font-weight:normal;} /* font-size: 17px / 21px - 25px line*/	

.res-next-race {border: 0px solid #D9D9D9;margin:15px 0px 0px 0px;font-size:15px;line-height:21px;padding:0px 10px;text-align:left;display:block;font-weight:bold;text-transform: uppercase}

.res-fast-facts {border: 0px solid #D9D9D9;margin:15px 0px 0px 0px;font-size:15px;line-height:21px;padding:0px 10px;text-align:left;display:block;font-weight:bold;text-transform: uppercase}

.res-post {border: 0px solid #D9D9D9;padding:0px 0px;margin:5px 0px 0px 0px}
.res-im {width:100%;height:auto;padding-top:14px;padding-bottom:7px;}  	
.res-headline {font-size:15px;line-height:21px;margin:0px;padding:2px 10px;text-align:left;display:block;font-weight:normal;} /* font-size: 17px / 21px - 25px line*/
.res-desc {font-size:14px;line-height:21px;margin:0px;padding:2px 10px;text-align:left;display:block;font-weight:normal;}  
	
.res-time-desc {font-size:12px;line-height:21px;margin:0px;padding:2px 15px;text-align:left;display:block;font-weight:normal;} 
	
.res-post-top {border: 0px solid #D9D9D9;padding-top:15px;padding-bottom:0px;padding-right:0px;padding-left:0px; margin:0px;}
.res-top {font-size:15px;line-height:21px;margin:0px;padding:0px 10px;text-align:left;display:block;font-weight:bold;}


/*  this is date on top in race results  - each circuit */
.race-post-date {margin-left:10px;margin-top:10px; padding:0px 0px 0px 0px;color:#A1A1A1;text-align:left;font-size:11px;line-height:17px;text-transform:none;font-weight:normal;display: block;} /*padding:2px 0px;color:#000;font-size:14px;*/


#s-map {display:none;width:100%;overflow:hidden;font-size:12px;line-height:17px;padding-top:15px;padding-bottom:5px;font-style:normal;font-weight:normal;border-bottom:0px solid #E5E5E5;text-transform: none;} #s-map a {color:#A1A1A1;padding:0px 0px;}
.sites-direction {display:block;padding:0px 10px;} 

#SA-map {width:100%;overflow:hidden;font-size:15px;line-height:17px;padding-top:5px;padding-bottom:5px;font-style:normal;font-weight:normal;display:block;border-bottom:1px solid #D9D9D9;text-transform:none;color:#000;} 
#SA-map a {color:#000;padding:0px 5px;}
.sites-sa-direction {display:block;padding:4px 13px;} /* font-size:12px;line-height:21px;*/
 

   
 
  
 

	 

	
.teams-headline {margin-left:15px;margin-top:25px;padding:0px;color:#A1A1A1;text-align:left;font-size:12px;line-height:21px;text-transform:none;font-weight:normal;} /*padding:2px 0px;color:#000;font-size:14px;*/
	
/* .teams-headline {overflow:hidden;font-size:14px;line-height:21px;padding-top:25px;padding-left:15px;padding-bottom:15px;font-style:normal;font-weight:normal;display:block;border-bottom:0px solid #E5E5E5;text-transform:none;color:#000;} */
	
.teams-news {padding-bottom:45px;}

.top-ten-pad {padding:10px 10px;}



article {margin-top:0px;}
	
.ar-title {padding:15px 10px 12px 10px;font-size:17px;line-height:21px;font-weight:bold;display:block;} /* font-size: 17px / 21px - 25px line*/

.ar-title-black-box {
  padding: 10px 10px 10px 10px;
  font-size: 17px;
  line-height: 21px;
  font-weight: bold;
  display: block;

  max-width: 900px;

  color: #fff;

  background: linear-gradient(
    to right,
    #000000 0%,   /* vlevo čistá černá */
    #111 60%,  /* lehké zesvětlení */
    #1a1a1a 100%  /* vpravo světlejší */
  );
}


.ar-author-date {color:#000;font-size:12px;line-height:21px;letter-spacing:0px;margin-top:0px;margin-left:10px;margin-bottom:15px;font-weight:normal;}
.ar-author-date span {margin-right:5px;}
	
.ar-image {width:100%;height:auto;display:block;margin-top:10px;}

.scr-image-post {}

.credits {font-size:12px;border-bottom:1px solid #f7f7f7;padding-left:10px;padding-right:10px;line-height:17px;padding-top:7px;padding-bottom:7px;margin-bottom:0px;color:#414141;text-align:left;font-weight:normal;display:block;} /* olor:#A1A1A1 */
	
.insert {padding-bottom:15px;}
.insert p {font-size:15px;line-height:24px;padding:0px 10px;margin:15px 0px;font-weight:normal;}
.insert h1 {font-size:15px;line-height:24px;padding:0px 10px;margin:15px 0px;font-weight:bold;} 
.insert h2 {font-size:15px;line-height:24px;padding:0px 10px;margin:15px 0px;font-weight:bold;} 
.insert h3 {font-size:15px;line-height:24px;padding:0px 10px;margin:15px 0px;font-weight:bold;}
.insert h4 {font-size:15px;line-height:24px;padding:0px 10px;margin:15px 0px;font-weight:bold;}
.insert h5 {font-size:15px;line-height:24px;padding:0px 10px;margin:15px 0px;font-weight:bold;}
.insert h6 {font-size:15px;line-height:24px;padding:0px 10px;margin:15px 0px;font-weight:bold;}

.insert pre {font-size:15px;line-height:24px;padding:0px 10px;margin:15px 0px;font-weight:normal;}
.insert em {font-size:15px;line-height:24px;padding:0px 10px;margin:15px 0px;font-weight:normal;}
.insert u {font-size:15px;line-height:24px;padding:0px 10px;margin:15px 0px;font-weight:normal;}
.insert i {font-size:15px;line-height:24px;padding:0px 10px;margin:15px 0px;font-weight:normal;}
.insert b {font-size:15px;line-height:24px;padding:0px 10px;margin:15px 0px;font-weight:normal;}

.insert hr {} /* line dividing texts in articles */

.insert ul {list-style:none;padding:0;margin:0;text-align:left;}
.insert ol {list-style:none;padding:0;margin:0;text-align:left;}
.insert li  {font-size:15px;line-height:24px;padding:0px 25px;margin:15px 0px;font-weight:normal;}
	
.in-next {padding-top:10px; padding-bottom:10px;padding-left:10px;padding-right:10px;font-size:15px;line-height:21px;font-weight:bold;display:block;}









.insert .in-SA-next h2 {padding-top:0px; padding-bottom:0px;padding-left:10px;padding-right:10px;font-size:15px;line-height:21px;font-weight:bold;display:block;text-decoration: underline;margin:7px 0px 0px 0px !important;} 
 
.insert .fe-post h2 {font-size:15px;line-height:21px;margin:0px !important;padding:6px 10px 0px 10px;text-align:left;display:block;font-weight:bold;margin-bottom:0px !important;} 

.insert .fe-post p {font-size:15px;line-height:21px;margin:0px !important;padding:6px 10px 0px 10px;text-align:left;font-weight:bold;margin-bottom:0px !important; display:none;} 






.information-link {margin:25px 0px;} 
.information-link a {padding:3px 15px;font-size:14px;line-height:21px;font-weight:normal;font-style:normal;display:block;color:#000;}

#menu-icon {cursor:pointer;color:#fff;}
#mobile-menu {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:1000;/* Ensure the menu is on top */}
#mobile-menu ul {margin-top:25px;list-style:none;text-align:left;}
#mobile-menu li {border-bottom:0px solid #111;/* 373737 */display:block;padding-bottom:2px;padding-top:2px;}	  
#mobile-menu li:last-child {border-bottom:none;}
#mobile-menu a {color:#fff;text-decoration:none;text-transform:uppercase;display:block;font-size:15px;line-height:21px;padding:9px;font-weight:bold;}
.str {font-weight:bold;font-style:italic;margin-bottom:5px;}
	  
/* Media query to hide the mobile menu on larger screens */
/* @media (min-width:768px) {
  #mobile-menu {
    display:none;
  }
}
*/

#close-menu {cursor:pointer;position:fixed;top:0px;right:0px;padding:5px;background:black;color:white;border:none;font-size:27px;} /* 21px */

#footer-menu {display:block;width:100%;height:100%;background:#fff;z-index:1000;/* Ensure the menu is on top */margin-bottom:20px;}
#footer-menu ul {margin-top:25px;list-style:none;text-align:left;}
#footer-menu li {border-bottom:1px solid #f7f7f7;display:block;padding-bottom:2px;padding-top:2px;}
#footer-menu li:last-child {border-bottom:none;}
#footer-menu a {color:#000;text-decoration:none;display:block;font-size:14px;line-height:21px;padding:10px 0px;}	



.black-headline {margin-bottom:0px;margin-top:21px;border-top:0px solid #f7f7f7;}
.in-headline {font-size:14px;line-height:21px;margin-top:5px;margin-bottom:5px;padding-bottom:5px;padding-top:5px;padding-left:15px;padding-right:15px;font-weight:normal;background:#000;color:#fff;}	

.black-note {font-size:12px;line-height:15px;margin:0px;padding:0px 10px 0px 10px;text-align:left;display:block;font-weight:normal;} 
.black-note-results {font-size:12px;line-height:21px;margin:0px;padding:10px 2px 2px 10px;text-align:left;display:block;font-weight:normal;} 
  

.redit {padding:40px 10px;display:block;font-size:14px;line-height:21px;font-weight:normal;} .redit a {color:#000;text-decoration:none;}


 










 
  




 
 

/* CAROUSEL RACES*/

#carousel {width:100%;overflow:hidden;font-size:14px;line-height:21px;text-align:left;margin:0px 0px;padding:0px 0px;display:block;border-top:1px solid #D9D9D9;border-bottom:1px solid #D9D9D9;text-transform:none; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1);} /* lyl preditm font-size:11px; line-height:17px #E5E5E5 */

.races-post-title-in-carousel {font-weight:bold;text-transform:uppercase;text-decoration:underline;}

/* .races-post-title-in-carousel {font-size:14px;line-height:21px;margin:0px;padding:0px 0px;text-align:left;display:block;font-weight:bold;text-transform: uppercase;text-decoration: underline;} */
	
.slide {display:none;padding:0px 0px;}  
	
.sizer-carousel {width:94%;max-width:670px;padding-left:4px;} /* width byl 350px a pak 95% max-width:750px */
	
.sizer-carousel td {
    min-width: 5px; /* 100px Set a minimum width for cells */
    padding-left: 5px; /* bylo padding: 0px 5px; */
    border: 0px solid #f1f1f1;
	text-align:left; 
	vertical-align: top; /* Align text to the top of each cell */
}





 






/* RACE RESULTS / SESSIONS / AND LINKS TO REPORTS*/

.in-races-all-results {font-size: 11px; line-height: 1px; padding-top:20px; padding-bottom:55px;} 

.in-races-all-results th {
    min-width: 25px; /* 100px Set a minimum width for cells */
	/* padding-top:15px;
	padding-bottom:15px;
	padding-right:5px;
	padding-left:10px; */
    border: 1px solid #fff;
	text-align:left; 
	vertical-align: top; /* Align text to the top of each cell */
	font-weight:normal;
	padding-bottom: 12px;
}
	
.in-races-all-results td {
    min-width: 25px; /* 100px Set a minimum width for cells */
	/* padding-top:15px;
	padding-bottom:15px;
	padding-right:5px;
	padding-left:10px; */
    border: 1px solid #fff;
	text-align:left; 
	vertical-align: top; /* Align text to the top of each cell */
	/* color:#A1A1A1; */
}











/* STANDINGS AND RACES, SCHEDULE */

#standings-and-races {padding:0px;width:100%;float:none;}
	
#in-races {font-size: 11px; line-height: 17px;padding-bottom:15px;} 
.in-races {font-size: 11px; line-height: 17px;padding-bottom:15px;} 
.in-races-results {font-size: 11px; line-height: 17px; padding-bottom:75px;} 
	
/* CSS for responsive layout */
.table-race-container {
    overflow-x: auto; /* Enable horizontal scrolling */
    max-width: 100%; /* Ensure the table doesn't overflow the screen */
}
	
table { 
    width: 100%; /* width: auto; Allow the table to be as wide as necessary */
    border-collapse: collapse; /* Ensure borders collapse nicely */
} 

th, td {
    min-width: 25px; /* 100px Set a minimum width for cells */
	padding-top:5px;
	padding-bottom:5px;
	padding-right:5px;
	padding-left:10px;
    border: 1px solid #f1f1f1;
	text-align:left; 
	vertical-align: top; /* Align text to the top of each cell */
}
	
.table-schedule-container th {
    min-width: 25px; /* 100px Set a minimum width for cells */
	padding-top:15px;
	padding-bottom:15px;
	padding-right:5px;
	padding-left:10px;
    border: 1px solid #f1f1f1;
	text-align:left; 
	vertical-align: top; /* Align text to the top of each cell */
}
	
.table-schedule-container td {
    min-width: 25px; /* 100px Set a minimum width for cells */
	padding-top:15px;
	padding-bottom:15px;
	padding-right:5px;
	padding-left:10px;
    border: 1px solid #f1f1f1;
	text-align:left; 
	vertical-align: top; /* Align text to the top of each cell */
}

th {background:#fff;font-weight:bold;} /* background:#f2f2f2; #FFCC53;*/
tr:hover {background:#f5f5f5;}
td a {text-decoration:underline;color:#0d36c7;}




.table-race-container-constructor-standings td:nth-child(3), .table-race-container-constructor-standings th:nth-child(3) {
    text-align: right !important;
}
	
.table-race-container-driver-standings td:nth-child(5), .table-race-container-driver-standings th:nth-child(5) {
    text-align: right !important;
}

.table-race-container-race-results td:nth-child(5), .table-race-container-race-results th:nth-child(5), .table-race-container-race-results td:nth-child(6), .table-race-container-race-results th:nth-child(6) {
    text-align: right !important;
}
	
.table-race-container-qualifying td:nth-child(7), .table-race-container-qualifying th:nth-child(7) {
    text-align: right !important;
}

.table-race-container-free-practice td:nth-child(6), .table-race-container-free-practice th:nth-child(6) {
    text-align: right !important;
}	





	

	
.report-post-headline {border: 0px solid #D9D9D9;padding-top:0px;padding-bottom:0px;padding-right:0px;padding-left:0px; margin:5px 0px}

.races-post-headline {border: 0px solid #D9D9D9;padding-top:4px;padding-bottom:5px;padding-right:0px;padding-left:0px; margin:5px 0px}
.races-post-title {font-size:14px;line-height:21px;margin:0px;padding:0px 10px;text-align:left;display:block;font-weight:bold;text-transform: uppercase;}
.races-post-desc {font-size:12px;line-height:21px;margin:0px;padding:0px 10px;text-align:left;display:block;font-weight:normal;}  
	
.races-end-note {font-size:12px;line-height:21px;margin-top:0px;padding-left:10px; padding-right:0px;text-align:left;display:block;font-weight:normal;padding-bottom:12px;} 
	



.standings-line {font-size:11px;line-height:17px;font-weight:normal;margin:0px 0px 15px 0px;padding:5px 5px;border:1px solid #D9D9D9;display:block;text-transform:none;color:#000;background:#fff;text-align:left; width:auto;} 











	
.races-flags {width: 15px;margin-right:2px;}
.races-flags-results {width: 12px;margin-right:1px;}
.races-circuits {width: 24%;}


/* Style tab links */
.tablink {
  background-color:white;
  color: #000; /* #A1A1A1 */
  float: left; 
  border: none;
  outline: none;
  cursor: pointer;
  padding-top:2px;
	padding-bottom: 2px;
	padding-left:0px;
	padding-right:15px;
  font-size: 11px;
  line-height: 17px;
  width: auto;
  font-weight:bold;
  text-transform: uppercase; 
	text-align: left;

/*
  border-bottom: 1px solid #E5E5E5; 
  border-top: 1px solid #E5E5E5;	
*/
}

.tablink:hover {
  background-color:none;text-decoration:underline; 
}

/* Style the tab content (and add height:100% for full page content) */
.tabcontent {
  display: none;
  padding: 55px 0px 15px 0px;
  height: 100%; 
}

#Race {background-color: white;}
#Qualifying {background-color: white;}
#FP3 {background-color: white;}
#FP2 {background-color: white;}
#FP1 {background-color: white;}












.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}































 






















 






/*  LINKS IN ARTICLES STYLING, PAK TO SROVNEJ DO SEZNAMU CSS NEJAK LIP   */
 
.season-defining-headlines {padding:1px 10px 1px 10px;font-size:17px;line-height:21px;font-weight:bold;display:block;} /* font-size: 17px / 21px - 25px line*/

 .up-next-headlines {padding:0px;font-size:17px;line-height:21px;font-weight:bold;} /* font-size: 17px / 21px - 25px line*/

.up-next-list {padding: 0px 10px 5px 10px;margin: 0px;}
.up-next-list a {color: #000; margin-bottom:7px;}
	
.up-next-article {padding-top:0px; padding-bottom:5px;padding-left:0px;padding-right:0px;font-size:15px;line-height:21px;font-weight:bold;display:block;text-decoration:underline;}

.rs-aside-home {} .rs-aside-author {} /* je tam vlozene p, takze jsou stylovane ted podle .insert p */

.in-read-next {padding-top:10px; padding-bottom:10px;padding-left:10px;padding-right:10px;font-size:15px;line-height:21px;font-weight:bold;display:block;text-decoration:underline;}







.rs-aside-link {padding-top:0px; padding-bottom:12px;padding-left:0px;padding-right:0px;font-size:15px;line-height:21px;font-weight:normal;display:block;text-decoration:none;}	

.rs1-stream {margin-top:15px; margin-bottom:15px;padding:0px 10px;}

.rs1-aside {margin-top:15px;}












.flex-container {display: block;}
















































 

 

/* desk */

@media (min-width:768px) {
  .flex-container {
    display: flex;
    gap: 15px;
  }

  #left-js {
    flex: 0 0 2%; /* pevná šířka 2% */
    display: block;
    text-align: left;
  }

  #center {
    flex: 1 1 auto; /* zabere zbytek místa */
    text-align: left;
  }

  #rx-js {
    flex: 0 0 28%; /* pevná šířka 28% */
    text-align: left;
	padding:0px 20px 0px 10px;
  }
	
	
	
	
	
	
	
	
	
	
	

.fe-post-headline {width:100%;border-top:1px solid #D9D9D9;border-bottom:1px solid #D9D9D9;border-right:1px solid #D9D9D9;border-left:1px solid #D9D9D9;padding:5px 8px 8px 8px;margin:20px 0px 10px 0px; border-radius: 0px; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1);} /* box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1); */
	
.fe-tag {font-size:15px;line-height:21px;margin:0px;padding:2px 10px 0px 10px;text-align:left;display:block;font-weight:normal;} /* font-size:17px;padding:2px 0px; */
	
	
.in-black-post {width:100%;max-width:550px;padding:5px;margin:0 auto;}
.in-black-im {width:100%;max-width:550px;height:auto;opacity: 0.21;padding:0px;margin-top:5px;margin-bottom:5px;}	
	
}
 
  































































/* DRIVERS */

.drivers-grid {}

.driver-banner {
  display: flex;
  align-items: stretch; 
  text-decoration: none;
  background: #ffffff; /* f5f5f5 */
  overflow: hidden;
  max-width: 900px;
  transition: box-shadow 0.2s ease;/*transform 0.2s ease,*/
  margin: 15px 0px;
	border-top:1px solid #D9D9D9;border-bottom:1px solid #D9D9D9;border-right:none;border-left:none;
	border-radius: 0px; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1);
}

.driver-banner:hover {
/*  transform: translateY(-3px);*/
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}
	
.driver-banner__image {
  width: 260px;
  background: #000000; /* fallback #1e3a8a */
  overflow: hidden; /* schová části fotky mimo div */
  position: relative; /* nutné pro overlay */
}

/* gradient overlay přes obrázek */
.driver-banner__image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to right,
    rgba(0,0,0,0.5) 0%,
    rgba(0,0,0,0.3) 50%,
    rgba(0,0,0,0.1) 100%
/*
    rgba(0,0,0,0.8) 0%,
    rgba(0,0,0,0.4) 50%,
    rgba(0,0,0,0.1) 100%
*/
  );
  z-index: 1; /* nad obrázkem */
  pointer-events: none; /* overlay neblokuje klikání */
}

/*
.driver-banner__image img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  object-position: var(--pos, center);
  position: relative;
  z-index: 0;
}

.driver-banner__image {
  width: 260px;
  background: #000000;
  overflow: hidden; 
}
*/

.driver-banner__image img {
  width: 100%;
  height: 100px; /*100%; was 300px*/
  object-fit: cover;
  object-position: var(--pos, center);
/*  transition: transform 0.3s ease;*/
/*  transform: scale(var(--scale, 1));*/
}

.driver-banner__content {
  flex: 1;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.driver-banner__header {
  display: flex;
  align-items: flex-start; /*  align-items: center; */
  gap: 12px;
}

.driver-banner__header > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* odstraní divné odsazení */
.driver-banner__header h2 {
  margin: 0;
  font-size: 20px;
  color: #333;
  line-height: 1.2;
}

.team-name {
  display: block;          /* důležité */
  margin-left: 0;          /* reset */
  font-size: 16px;
  color: #777;
  margin-top: 12px; /* jemná mezera místo default marginů */
  transform: translateX(11px);  /* nebo 1–3px podle oka */
}

.driver-banner__text {
  color: #555;
  font-size: 16px;
  line-height: 1.5;
  margin: 14px 0;
}

.driver-banner__cta {
  align-self: flex-end;
  color: #2563eb;
  font-weight: lighter; /*500*/
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 12px 0 0 0;
}

.driver-banner__cta:hover {
  text-decoration: underline;
}