/* FONTS */

@font-face {
  font-family: 'Bebas Neue';
  src:url(/themes/threshold/fonts/BebasNeue_Regular.ttf) format("truetype");
  font-display:swap;
  font-display:auto;
}

@font-face {
  font-family: 'Bebas Neue Bold';
  src:url(/themes/threshold/fonts/BebasNeue-Bold.ttf) format("truetype");
  font-display:swap;
  font-display:auto;
}

@font-face {
  font-family: 'Bebas Neue Book';
  src:url(/themes/threshold/fonts/BebasNeue-Book.ttf) format("truetype");
  font-display:swap;
  font-display:auto;
}

@font-face {
  font-family:F1Bold;font-display:auto;src:url(/themes/threshold/fonts/Formula1-Bold.woff2) format("woff2"),url(/themes/threshold/fonts/Formula1-Bold.woff) format("woff"), url(/themes/threshold/fonts/Formula1-Bold.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap;
}
/* GLOBAL */

body {
	padding-top: 64px;
	color: #15151E
}

@media (min-width: 1024px){
	body {
		padding-top: 118px;
	}
}

h1,h2,h3,h4,h5{
		font-family: 'Bebas Neue Bold'
	}
	
	h2{
		font-size: 3rem
	}
	
	h2 span{
		padding-left: 0.5rem;
		color: #0090D0
	}
	
	
/* HEADER */


.sitesection-nav ul li.active a:before{
	border-bottom: 5px solid #004267 !important;
}
	#header > .logo img{
	     	vertical-align:middle
	     }

	#header .logo::after {
	    content: '';
	    width: 0;
	    height: 0;
	    border-style: solid;
	    border-width: 0px 0px 64px 51px;
	    position: absolute;
	    right: 0;
	    border-color:transparent transparent #0090D0 transparent
	}
	
		
	@media screen and  (min-width: 1360px) {
		#header .logo  {	
			padding-left: calc((100% - 1220px)/2);
		}
	}
	
	#header {
		-moz-justify-content: flex-start;
		-webkit-justify-content: flex-start;
		-ms-justify-content: flex-start;
		justify-content: flex-start;	
		background:#0090D0;
		box-shadow: none;
		}
	
	@media (min-width: 980px){
		#header {
			background-image: linear-gradient(to left, #0090D0 calc(100% - 190px) , #004267 250px);
		}
	}
	
	@media screen and (min-width: 1024px) {
	    #header {
	    	background-image: linear-gradient(to left, #0090D0 calc(100% - 190px) , #004267 250px)
		/*
		background-image:linear-gradient(to left, #0090D0 58%, #004267 42%);
		background:#004267
		*/
		}
	
	    #header .logo {
	        position: relative;
	        display: inline-block;
	        text-align: left;
	        padding: 0;
	        border: none;
	        vertical-align: top;
	        overflow: hidden;
	        background:#004267;
	       	width:190px;
	    }
	    
	    #header .logo::after {
	    	border-width: 0px 0px 72px 51px;
	    }
	}
	
	@media screen and (min-width: 1919px) {
		#header {
			background-image: linear-gradient(to left, #0090D0 calc(100% - 350px) , #004267 250px)
		}
	}
	
	#nav {
		padding-left: 3rem;
	}
	
		#nav, #nav ul, #nav ul li {
			height:100% !important;
		}
	
			#nav ul li {
				vertical-align:middle; 
				height:100%; 
				padding-left: 15px !important;
				padding-right: 15px !important;
				margin: 0 !important;
				border:0 !important
			}
			
			#nav ul li:hover{
				background-color: #004267
			}
			
			@media (min-width: 1024px){
				#nav ul li:hover{
					transition: all .3s ease-out
				}
			}
	
				#nav ul li a{
					display:inline-block; 
					height:100%;  
					padding-top:20px !important; 
					padding-top:10px !important; 
					line-height: 26px;
					color: white !important;
					font-family: 'Bebas Neue';
					font-size: 18px; 
					letter-spacing: .5px;
				    font-weight: 400;
				    
				}
				
			

				#header > nav > ul > li >a:before {
					margin-top: 2px;
					margin-left: 6px;
				}

	
	
/*		
#nav ul li {
		vertical-align:middle; 
		height:100%; 
		padding-left: 15px !important;
		padding-right: 15px !important;
		margin: 0 !important;
		border:0 !important
	}
	
	#nav ul li a{
		font-family: 'Bebas Neue';
		font-size: 18px; 
		letter-spacing: .5px;
		font-weight: 400;
		color: white !important;
		display:inline-block; 
		height:100%; 
	
		padding-top:10px !important; 
		
	}
	#nav, #nav ul, #nav ul li {
		height:100% !important;
		
	}
	
	#nav ul li:hover{
		background-color: #004267
	}
	
	#nav{
		padding-left: 1rem;
	}
*/
	#navPanel {
		background-color: #0090D0;
		font-family: 'Bebas Neue';
		font-size: 1.2rem;
		line-height: 2;
	}
	
	#header > .navPanelToggle{
		z-index: 999
	}
	
	.navPanelToggle:after{
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		/* border-width: 38px 20px 82px 42px; */
		border-width: 64px 30px 0px 50px;
		position: absolute;
		left: 0;
		top: 0;
		border-color: #004267 transparent transparent #004267;
		z-index: -1
	}
	
	.is-navPanel-visible .navPanelToggle:after{
		border-width: 64px 30px 110px 50px;
	}
	#navPanel{
		/* padding-top: 4rem */
	}
	
	#navPanel .link {
		font-family: 'Bebas Neue Bold';
		letter-spacing: 0.2px;
		font-weight: normal;
		padding: 1.5rem 0 0.5rem 0;
		border-top: 0;
		border-bottom: 1px solid rgba(255,255,255,0.35);
	}
	
	#navPanel .link.depth-0 {
		font-weight: normal
	}
	
	#navPanel .icon.solid:before{
		padding-right: 10px
	}
	
	.dropotron{
		font-family: 'Bebas Neue Bold';
		font-size: 1.1rem;
		background-color: #0090D0;
	}
	
	.dropotron.level-0:before {
		background-color: #0090D0;
	}
	
	.dropotron a{
		color: rgba(255, 255, 255, 0.95);
	}
	
	a { 
		color: #0090D0 
	}
	
	a:hover, a:active{
		color: #004267;
	}
		
	.page-head-title{
    	font-family: 'Bebas Neue' !important;
    	margin-bottom: 40px;
    	/*border-bottom: 4px solid #1791ce !important; */
    }
    
    .page-head-desc{
    }
    
    .page-seo{
    	letter-spacing: 0.2px;
    	display:block;
    	border-top: 10px solid #0090D0;
		font-family: 'Titillium Web';
		font-size: 1.0625rem;
		font-weight: 400;
		padding: 30px 40px;
		margin-top: 0px;
		margin-bottom: 40px;
		position: relative;
		background: #F3F3F3;
		background: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#FFFFFF));
		background: linear-gradient(to bottom, #F3F3F3 0%, #FFFFFF 100%);
		filter: progid:DXImageTransform.Microsoft.gradient startColorstr=#F3F3F3,endColorstr=#FFFFFF,GradientType=0;
    }
    
    .page-head-title span{
    	color: #0090D0
    }
    
/* ADV BANNER */

.wrapper .adv{
	min-height: 50px;
	background-image: linear-gradient(135deg, #f3f3f3 25%, #ffffff 25%, #ffffff 50%, #f3f3f3 50%, #f3f3f3 75%, #ffffff 75%, #ffffff 100%);
	background-size: 11.31px 11.31px;
	margin: .5rem 0 0
}

@media (min-width: 1024px){
	.wrapper .adv{
		min-height: 80px
	}
}   


/* FOOTER */
	
	 #footer{
		background: #023A5F;
		color: #ffffff
	}
	
	#footer .copyright{
		color: #D0D0D2;
		font-size: 0.85rem;
	}
	
	#footer a, #footer a:visited, #footer a:hover {
		color: #ffffff;
		text-decoration: none
	}
	
	#footer .top {
		margin-bottom: 35px;
		padding: 10px 0;
	}
	
	#footer .top .inner {
		height: 80px;
		border-bottom: 1px solid #0090D0;
	}
	
	#footer .social-info {
		list-style-type: none;
		margin: 0;
		float: right;
		padding-top: 15px
	}
	
	#footer .social-info li {
		padding-left:10px;
		display: inline-block
	}	

	#footer .social-info li a {
		border: solid 1px #0090D0;
		display: block;
		position: relative;
		height: 40px;
		width: 40px;
	}
	
	#footer .social-info li a:after{
		content: '';
		width: 16px;
		height: 16px;
		background: #023A5F;
		-webkit-transform: rotate(-132deg);
		transform: rotate(-132deg);
		position: absolute;
		top: auto;
		right: -8px;
		bottom: -9px;
		border: 1px solid #0090D0;
		border-top: 0;
		border-left: 0;
		border-bottom: 0;
	}
	
	#footer .social-info li a:hover .icon{
		color: #0090D0
	}
	
	#footer .social-info li a .icon {
		
		color: white;
		vertical-align: middle;
		font-size: 22px
	}
	
	@media screen and (max-width: 1024px) {
		#footer .social-info {
			float: none
		}
		#footer .social-info li a .icon {
			line-height: 1;
		}
	}

.footer-nav{
	padding-bottom: 2rem;
}

.footer-nav ul{
	padding-left: 0;
	margin: 0;
	list-style-type: none;	
}
.footer-nav li{
	padding: 2px 0;
	text-align: left
}

.footer-nav a{
	color: white;
	text-decoration:none;
	font-family: F1;
	font-size: 14px;
	line-height: 24px;
	padding: 4px 0
}

.footer-nav a:hover{
	border-bottom: 2px solid red;
}

/* RESULTS - RACES */

	.table-standings .ds-tlink:hover, .table-standings .drv-link:hover{
		color: #e46270;
		text-decoration: underline;
	}
		
	.table-standings .drv-link{
		color:inherit;
		text-decoration:none;
	}
	
	.table-standings a.drv-link:hover{
		color: inherit;
		border: 0;
	}

	.results-wrapper {
		background: #f7f4f1; 
		padding-top: 2.5rem; 
		padding-bottom: 2.5rem
	}
	
	.results-wrapper .inner {
		background: #fff;
		padding:0
	}
	
	.results-wrapper .inner .row {
		padding: 1.5rem 
		}
	
	.results-wrapper .race-title{
		font-family: 'Bebas Neue Bold';
		font-size: 2.5rem;
		color: #171717;
		font-weight: 300;
		margin:0
	}
	
	.results-wrapper .results-info {
		font-family: 'Titillium Web';
		font-size: 0.85rem
	}
	
	.results-wrapper .results-info .full-date {
		font-weight: 700;
		text-transform: capitalize;
		padding-right: 10px
	}
	
	.results-wrapper .results-info .track-info {
		color: gray
	}
	
	.results-wrapper .table-wrapper {
		
		padding: 0 25px;
		padding-bottom: 1rem 
		
	}
	
	.table-wrapper .note {
		font-size: 0.95rem;
		font-weight: 500;
		color: #545454;
		margin: 0 15px 1.5rem;
	}
	
	.table-standings thead,  .table-standings tbody tr {
		border: 0
	}
	
	.table-standings thead th {
		font-family: 'Titillium Web', 'San Serif';
		font-size: 0.7rem;
		font-weight: 500;
		color: gray;
		text-align: left;
		padding: 0 20px 14px;
		text-transform: uppercase;
	}
	
	.table-standings thead .pos, .table-standings thead .pts{
		width: 60px
	}
	
	.table-standings thead .pos{
		text-align: center
	}
	
	.table-standings thead .pts{
		text-align: right
	}
	
	.table-standings tbody td.f-bold {
		font-weight: 700
	}
			
	.table-standings tbody tr:nth-child(odd) {
		background: #f4f4f4;
	}	
	
	.table-standings tbody td {
		color: #4a4a4a;
		padding: 18px 20px 14px;
		font-size: 0.9rem;
	}
	
	.table-standings tbody td img.tyre{
		vertical-align:middle;
		width: 24px
	}
	
	@media (max-width: 767px) {
		
		.race-title {
			line-height: 1.2
		}
		.results-sponsor {
			max-width: 80%;
			align: center;				
		}
		
		.results-wrapper .table-wrapper {
			padding: 0 0 1rem 0
		}
			
		.table-standings, .table-standings tr th {
			font-size: 0.8rem;	
		}
		
	    .table-standings tbody td:first-child, .table-standings tr th:first-child {
			padding-left: 35px
		}
		
		.table-standings thead th {
			padding: 0 10px 14px
		}
		
		.table-standings tbody td{
			padding: 18px 10px 14px
		}
		
		.table-standings tbody td:last-child, .table-standings tr th:last-child {
			padding-right: 35px
		}
		
		.table-wrapper .note {
			font-size: 1rem;
			line-height: 1.25;
			padding: 0 20px 0 20px;
		}
	}

/* DRIVERS */




/* RACE RESULTS TABLE */

.race-results {
	margin: 2rem auto 1rem;
	table-layout: fixed;
	width: 100%;
	-webkit-overflow-scrolling: touch;
	overflow-x: auto;
}

.race-results thead th{
	position:relative;
	font-weight: bold;
	font-size: 11px;
	font-size: .6875rem;
	line-height: 14px;
	letter-spacing: 0.5px;
	color: #FFFFFF;
	padding: 7px;
	min-width: 40px;
	position: relative;
	left: 0;
	background-color: #004267;
	border: 3px solid #FFFFFF;
	border-bottom: 6px solid #FFFFFF;
	border-top: 0;
}

.race-results thead th:first-child{
	width: 6%;
}

.race-results thead th:last-child{
	width: 25%;
}

.race-results thead th:first-child:before{
	content: '';
	width: 60px;
	height: 0;
	border-top: 28px solid #FFFFFF;
	border-right: 22px solid transparent;
	position: absolute;
	left: 0;
	top: 0;
}


.race-results thead th.head-pts {
	background-color: #0090D0;
}

.race-results tbody tr {
	background-color: #FFFFFF;
	border: 0;
}

.race-results tbody tr:nth-of-type(odd) {
	background-color: #f9f9f9;
}



.race-results tbody td{
	position:relative;
	vertical-align:middle;
	font-family: 'Bebas Neue Bold';
	font-weight: normal;
	font-weight: normal;
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 24px;
	letter-spacing: 0;
	color: #15151E;
	min-height: 54px;
	text-align:left;
	padding: 0;
	border: 3px solid #FFFFFF;
}



.race-results tbody td.noborder, .race-results thead th.noborder {
	border-left: 0;
	border-right: 0;
}

.race-results tbody td span{
	display: flex;
	align-items: center
}



.race-results .slide-white {
	min-width: 10px
}

.race-results .slide-white:before{
	content: '';
	width: 0;
	height: 0;
	border-top: 54px solid #FFFFFF;
	border-right: 38px solid transparent;
	position: absolute;
	top: 0;
	left: 0;
}


.race-results tbody td div{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;

	white-space: nowrap;
	min-width: 40px;
	min-height: 54px;

}

.race-resutls .driver-name-wrapper {
	-webkit-box-pack: left;
	-ms-flex-pack: left;
	justify-content: left;
}


@media (min-width: 576px){
	.race-results tbody td{
		/* padding: 15px 10px 15px 20px; */
	}
}

/*

@media (max-width: 767px) {
	.race-results tbody td:first-child{
		padding-left: 1rem;
		padding-right: 0.35rem;
	}
	
	.race-results tbody td:nth-child(2){
		padding-left: 0.35rem;	
	}
	
	.race-results tbody td:last-child{
		padding-right: 1rem !important;
	}
}
*/

@media (min-width: 1024px){
	.race-results tbody tr:hover{
		
		background-color: #d0d0d2;
	}
	
	.race-results tbody tr:hover .res-pos, .race-results tbody tr:hover .driver-name, .race-results tbody tr:hover .driver-gt, .race-results tbody tr:hover .team-name{
		
	}

}

.race-results .team-color{
	width: 3px;
	height: 54px;
	-webkit-transform: skew(145deg);
	transform: skew(145deg);
	background: #0090D0;
	position: absolute;
	left: 16px;	
	top: 0
}

.race-results .xxs{
	vertical-align:middle;
	margin-right: 0.35rem; 
}

.race-results .res-pos, .race-results .res-no, .race-results .res-driver, .race-results .res-pts {
	padding-left: 7px;
	padding-right: 7px
}

.race-results .res-pos {
	color: #0090D0;
}

.race-results .res-no {
	color: #004267;
}

.race-results .driver-name{
	margin-right:0.4rem;
}

.race-results .driver-gt, .constructors .race-results .team-name{
	text-transform:uppercase; 
   	overflow: hidden;
  	white-space: nowrap;
  	text-overflow: ellipsis;
}

.race-results .driver-team{
	color: #777777;
	margin-left:0.75rem;  
}

.race-pts {

}


/* STANDINGS */

.standings.wrapper {
	padding-bottom: 2rem
}

.standings.wrapper:after{
	position: absolute;
	content: '';
	width: 100%;
	height: 30px;
	background-image: linear-gradient(135deg, #d0d0d2 7.14%, #ffffff 7.14%, #ffffff 50%, #d0d0d2 50%, #d0d0d2 57.14%, #ffffff 57.14%, #ffffff 100%);
background-size: 9.90px 9.90px;
	left: 0;
	bottom: 0
}

.standings .tab-wrapper {
    position:relative;
}

.tab-wrapper{
	padding: 0 0 2.5rem 0;
	color: #FFFFFF;
    min-height: 260px;
    position: relative;
}

.standings .tab-wrapper:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 320px;
    background-color: #004267
    background: url(/modules/results/images/f2bg.jpg) no-repeat center bottom #f3f3f3;
	background-size: cover;
}

@media (min-width: 768px) {
    .standings .tab-wrapper:before {
        height:330px
    }
}

@media (min-width: 1024px) {
    .standings .tab-wrapper:before {
        height:340px
    }
}

@media (min-width: 1360px) {
    .standings .tab-wrapper:before {
    	height: 409px;
        background-position:center center
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and(min--moz-device-pixel-ratio: 2), only screen and(-o-min-device-pixel-ratio: 2 / 1), only screen and(min-device-pixel-ratio: 2), only screen and(min-resolution: 192dpi), only screen and(min-resolution: 2dppx) {
    .standings .tab-wrapper:before {
       background-image:url(https://www.extremeracingteam.it/modules/results/images/f2bg@2x.jpg)
    }
}

.tab-widget .nav{
	text-align:center;
	vertical-align: middle;
	height: 87px;
	background-color: #F3F3F3;
	padding-top: 30px 
}

.tab-widget .nav .tab{
	height: 100%;
	display:inline-block;
	position:relative
}

.tab-widget .nav .tab a{
	height: 100%;
	font-family: 'Bebas Neue Book';
	font-size: 22px;
	line-height: 26px;
	letter-spacing: 0;
	color: #004267;
	margin: 0 60px;
	min-width: 60px;
	padding-bottom: 10px;
	padding-top: 15px;
	display: block;
	text-transform: uppercase;
	text-decoration: none;
	vertical-align: middle;
}

@media (min-width: 768px){
	.tab-widget .nav .tab a{
		font-size: 32px;
		line-height: 36px;
		min-width: 100px;
		margin: 0 40px;
	}
}

.tab-widget .nav .tab a:hover, .tab-widget .nav .tab a:active, .tab-widget .nav .tab a.active{
	font-family: 'Bebas Neue Bold';
}

.tab-widget .nav .tab a:after{
	content: '';
	width: 42px;
    height: 0%;
    background-color: #0090D0;
    position: absolute;
    bottom: 0;
    margin-left: 50%;
    left: -21px;
    -webkit-transition: 300ms;
    transition: 300ms;
    -webkit-transform: skew(-31deg);
    transform: skew(-31deg);
}

@media (max-width: 736px) {
	.tab-widget .nav .tab a{
		margin: 0 1rem;
	}	
}

@media (max-width: 320px) {
	.tab-widget .nav .tab a{
		margin: 0 0.5rem;
	}	
}


.podium--position.pos--1 .driver-name{
	background: #1791ce;
}

.podium--position.pos--2 .driver-name, .podium--position.pos--3 .driver-name{
	background: #0F4360;
}

.tab-widget .nav .tab:nth-child(2){
	/*
	border-left: 1px solid #e3e2e1;
	border-right: 1px solid #e3e2e1;
	*/
}

.tab-widget .nav .tab a.active:after, .tab-widget .nav .tab a:hover:after{
	height: 4px;
	color: red
}



.constructors.tab-content{
	padding-bottom: 2rem;
}

.race-title{
	font-family:F1;
	font-size: 1.5rem;
}

.standings h2 {
	display:block;
	color: white;
    font-family: 'Bebas Neue Bold';
    font-size: 24px;
    line-height:28px;
    letter-spacing: 0;
    margin: 0;
    padding-top: 30px;
    padding-bottom: 30px
}

@media screen and (min-width: 768px) {
	.standings h2 {
        font-size: 42px;
		font-size: 2.625rem;
		line-height: 48px;
    }
}

@media screen and (min-width: 1024px) {
	.tab-widget .nav{
		height: 77px
		padding-top: 40px
	}
	.standings h2 {
        padding-top: 40px;
    	padding-bottom: 40px
    }
}

@media screen and (min-width: 1360px) {
	.tab-widget .nav{
		height: 67px
		padding-top: 50px
	}
	.standings h2 {
        padding-top: 50px;
    	padding-bottom: 50px
    }
}

.standings .title span{
	color: #0090D0
}

.standings .last-race .title {
    font-family: 'Bebas Neue Bold';
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 1px;
    margin-bottom: 5px;
    margin-top: 10px;
    text-transform:uppercase
}

.standings .last-race .title span{
	color: #1791ce
}

.last-race .last-race--year{
	display: block;
	color: white;
	font-family: F1Wide;
	font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -1px;
    margin-bottom: 0.5rem;
    text-transform:uppercase
}

.last-race .last-race--gp{
	display: inline-block;
	color: white;
	font-family: F1;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform:uppercase
}

@media (min-width: 768px) {
    
    .standings .last-race .title {
        font-size: 38px;
        line-height:40px
    }
    
    .standings .last-race .last-race--year{
    	font-size: 30px;
    	line-height: 34px;
    }
}


.podium--top-positions {
    margin:0;
}

@media (min-width: 768px) {
    .podium--top-positions {
    	margin-top:24px;
        padding:0 10px
    }
}

@media (min-width: 1024px) {
    .podium--top-positions {
        margin-top: 14px
    }
}

@media (min-width: 1360px) {
    .podium--top-positions {
        margin-top:66px
    }
}

@media (min-width: 1380px) {
    .podium--top-positions {
        margin-top:26px
    }
}

.podium--top-positions.constructors {
    margin-bottom: 0;
    margin-top:20px
}

@media (min-width: 768px) {
    .podium--top-positions.constructors {
        margin-top: 30px;
        padding-bottom:40px
    }
}

.podium--position {

    /*margin-bottom: -20px;*/
    margin-right: 25px;
    margin-top: 60px;
    vertical-align: top;
    width:calc(31.7% - 25px)
    
}


@media (min-width: 768px) {
    .podium--position {
        margin-bottom:0
    }
}

.podium--position:last-child {
    margin-right:0
}

.podium--position.pos--1 {
    margin-top: 0;
    width:35.4%
}

@media (max-width: 767px) {
	
	.podium--position.pos--1.d-none.d-md-inline-block {
		display: block !important;
	} 
	
    .podium--position.pos--1 {
        height: auto;
        width:100%
    }
}

.podium--position .driver-pos {
	float: left;
	font-weight: 600;
	font-size: .8125rem;
	line-height: 15px;
	letter-spacing: 0.5px;
	margin: 0 0 5px 0;
}

.podium--position .image-wrapper {
	position:relative;
}

.podium--position .image-wrapper img{
	position: relative;
	width: 100%;
	max-height: 160px;
    bottom: 0;
    left: 50%;
    transform:translateX(-50%);
    object-fit: cover;
}

.podium--position.pos--1 .image-wrapper img{
	max-height: 220px;
}
.podium--position .driver-name {
	position:relative;
	overflow: hidden;
	margin-top: -0.75rem;
	background-color: #38383f;
    padding:25px;
    text-align:left;
}

.podium--position .driver-name:before{
	content: ' ';
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	-webkit-transform: skew(-31deg, 0deg);
	transform: skew(-31deg, 0deg);
	background: #124f71;
	right: calc((-100% + 45px));
	top: 0;
}

.podium--position.pos--1 .driver-name:before{
	opacity: 0.3;
}



.podium--top-positions a{
	color: inherit;
	text-decoration: none;
}

.podium--top-positions a:hover{
	color: inherit;
}


.podium--position .driver-name .podium--gt {
    font-family: 'Bebas Neue Bold';
    font-size: 25px;
	line-height: 30px;
	letter-spacing: 0;
    text-transform: uppercase;
    overflow: hidden;
  	white-space: nowrap;
  	text-overflow: ellipsis;
}

.podium--position .driver-name{
	padding: 15px 20px 16px 20px;
	height:98px;
	display:flex;
	align-items:center;
}

.podium--position.pos--1 .driver-name{
	padding: 15px 30px 16px 30px;
	
}


.podium--position.pos--1 .driver-name .podium--gt{
	font-size: 42px;
	line-height: 48px;
}

.podium--position .podium--gt span {
	vertical-align: -webkit-baseline-middle;
}

.podium--position .driver-name .icon{
	padding-left:10px;
	font-size: 20px
}
.podium--position.pos--1 .driver-name .icon{
	padding-left:12px;
	font-size: 24px
}	



@media (max-width: 1380px) {
	.podium--position.pos--1 .image-wrapper img{
		max-height: 180px;
	}
	
	.podium--position.pos--2 .image-wrapper img, .podium--position.pos--3 .image-wrapper img{
		max-height: 140px;
	}
	
	.podium--position.pos--2 , .podium--position.pos--3{
		margin-top:40px;
	}
}

@media (max-width: 1024px) {
	.podium--position.pos--1 {
        width:50%
    }
	
	.podium--position.pos--1 .image-wrapper img{
		max-height: 200px;
	}
	
	.podium--position .driver-name {
		height: 75px
	}
	
	.podium--position .driver-name .podium--gt {
	    font-size: 18px;
	    line-height: 24px;
	}
}

@media (max-width: 767px) {
	
	.podium--position.pos--1 {
        height: auto;
        width:100%
    }
	
	.podium--position.pos--1 .image-wrapper img{
		max-height: 300px;
	}
	
    .podium--position .driver-name {
        display:none
    }
    
    .podium--position .image-wrapper img{
    	border-bottom: 10px solid;
    }
    
    .standings #drivers .race-results {
		margin-top: -45px !important;    
    }
}


/* CONSTRUCTORS TAB */
.constructors .race-results{
	margin-top: 0;
}

.constructors .race-results .team-name{
	text-transform: none;
}

.constructors .race-results .team-car{
	display:inline-block;
	width: 135px;
	padding-right: 1rem;
	vertical-align:middle
}

.constructors .race-results .team-car img{
	width: 100%;
	vertical-align:middle
}

.standings .arrow:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.standings .arrow {
	vertical-align: middle !important;
	align-items: center;
	font-size: 15px;
	margin-left: 1rem;
	color: #DE0F17
}

.last-race-wrapper{
	background-color: #f3f3f3; 
	padding: 10px; 
	margin-top: 0.75rem; 
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.last-race .race-results{
	margin-top:0;
}
		
.constructors .constructor-rank {
	border-color: white;
	border-top-left-radius: 15px;
    border-top-right-radius: 15px;
	background: white;
	padding-top: 1rem;
	padding-bottom: 1.5rem;
	margin: 0 1rem;
}

.podium--position.pos--1 .constructor-rank {
	margin-top: 0.5rem;
	padding-bottom: 4rem;
}

.constructors .constructor-rank img{
	max-width: 200px;
 	width:85%		
}	

@media (max-width: 767px) {

	
	.constructors .podium--position.pos--1 .constructor-rank {
		margin:0;
	}
	
	.constructors .podium--position.pos--1 .constructors-car {
		padding-bottom: 0
	}
}

.podium--position .constructor-rank .constructor-pos{
	margin-top: -1rem;
	position:relative; 
	font-family:F1Bold; 
	font-size: 3rem;  
	display:block; 
	z-index:1000;
	text-align:center
	
}

.podium--position.pos--1 .constructor-rank .constructor-pos{
	font-size: 4rem;
	
}


.constructors .podium--position .team-image-wrapper {
	position: relative;
	background-color: white;
	padding-bottom: 10px
}

.constructors .podium--position .team-logo {
	max-width: 33.333%;
	margin: auto;
	padding: 10px 0
}

.constructors .podium--position.pos--1 .team-logo {
	max-width: 50%
}	

.constructors .podium--position .team-logo img {
	width: 250px
}

.constructors .podium--position .team-logo img, .constructors .podium--position .team-car img {
	display: block;
	width: 98%;
	height: auto;
	margin:0;
}

.constructors .podium--position.pos--1 .driver-name {
	background-color: #1F1F27;
}

.constructors .podium--position.pos--1 .driver-name:before {
	background-color: #38383F;
}

@media (min-width: 768px) {
	.constructors .podium--top-positions{
		margin-top: 12px
	}
}

@media (min-width: 1024px) {
	.constructors .podium--top-positions{
		margin-top: 17px
	}
}

@media (min-width: 1360px) {
	.constructors .podium--top-positions{
		margin-top: 45px
	}
}


@media (min-width: 1024px) {
	.constructors .podium--position.pos--2, .constructors .podium--position.pos--3 {
		margin-top: 57px
	}
} 

@media (min-width: 1360px) {
	.constructors .podium--position.pos--2, .constructors .podium--position.pos--3 {
		margin-top: 63px
	}
} 

/*

.constructors .podium--position .constructors-car img {
    margin: 0 auto;
    max-width: 100% 
}

.constructors .podium--position .constructors-car {
    margin-top: -4.25rem;
    padding-bottom:10px
}

.podium--position.pos--1 .constructors-car{
	margin-top: -4.85rem;
}

@media (max-width: 320px) {
	.constructors .podium--position.pos--1 .constructor-rank {
		padding-bottom: 5rem
	}
	.constructors .podium--position.pos--1 .constructor-rank img {
    	max-width: 160px 
	}
    .constructors .podium--position.pos--1 .constructors-car {
   		margin-top: -6.5rem
    }
    .constructors .podium--position.pos--1 .constructors-car img {
    	max-width: 85% 
	}
}

@media (min-width: 375px) {
	.constructors .podium--position.pos--1 .constructor-rank {
		padding-bottom: 5.5rem
	}
	.constructors .podium--position.pos--1 .constructor-rank img {
    	max-width: 200px 
	}
    .constructors .podium--position.pos--1 .constructors-car {
   		margin-top: -7.5rem
    }   
    .constructors .podium--position.pos--1 .constructors-car img {
    	max-width: 85% 
	}
}

@media (min-width: 576px) {
	.constructors .podium--position.pos--1 .constructor-rank {
		padding-bottom: 7rem
	}
	.constructors .podium--position.pos--1 .constructor-rank img {
    	max-width: 200px 
	}
    .constructors .podium--position.pos--1 .constructors-car {
   		margin-top: -9rem
    }   
}


@media (min-width: 768px) {
	.constructors .podium--position .constructors-car {
		margin-top: -3.5rem
	}
	
	.constructors .podium--position.pos--1 .constructor-rank {
		padding-bottom: 2rem
	}
	.constructors .podium--position.pos--1 .constructor-rank img {
    	max-width: 250px 
	}
    .constructors .podium--position.pos--1 .constructors-car {
   		margin-top: -3rem
    }
    .constructors .podium--position.pos--1 .constructors-car img {
    	max-width: 100% 
	}
}

@media (min-width: 1024px) {
	.constructors .podium--position.pos--1 .constructor-rank {
		padding-bottom: 3rem
	}
    .constructors .podium--position.pos--1 .constructors-car {
   		margin-top: -4rem
    }
   
}

@media (min-width: 1280px) {
    .constructors .podium--position.pos--1 .constructors-car {
		margin-top: -3.5rem
	}
	
	.constructors .podium--position.pos--1 .constructor-rank {
		padding-bottom: 2rem
	}
	.constructors .podium--position.pos--1 .constructor-rank img {
    	max-width: 250px 
	}
    .constructors .podium--position.pos--1 .constructors-car {
   		margin-top: -4.5rem
    }
}
*/
/* STANDINGS TABLE RESULTS */

.standings .race-results {
	max-width: 495px;
	margin: 0 auto;
}

@media (max-width: 1023px) {
	.standings .race-results thead {
		display:none
	}	
}

@media (min-width: 1024px) {
	.standings .race-results {
		max-width: 807px;
		margin: 2rem auto 2rem
	}
}

@media (min-width: 1360px) {
	.standings .race-results {
		max-width: 100%;
		margin: 2rem auto 2rem
	}
}