/* ----- DRIVER LIST CSS ----- */

.page-id-79951 .site-main a {
	color: #127bbe !important;
}

.page-id-79951 .site-main a:hover {
	color: #127bbe75 !important;
}

.page-id-79951 .driver-header {
	background: linear-gradient(90deg, #f26c2f 0%, #fff 100%);
}

.drivers-list {
	max-width: 1300px;
	width: 100%;
	margin: 0 auto;
}

.fulldrivers {
	display: grid; 
	grid-auto-columns: 1fr; 
	grid-template-columns: 1.0fr 1.0fr 1.0fr 1.0fr; 
	grid-template-rows: 1fr; 
	gap: 0px 0px; 
	grid-template-areas: 
	". . . ."; 
}

.drivermodule {
	margin-right: 11px;
	border: 1px solid #ececec;
	box-shadow: 0 1px 2px rgba(0,0,0,0.15);
  	transition: box-shadow 0.2s ease-in-out;
	background-color: #f9f9f9;
	margin-bottom: 20px;
	position: relative;
}

.drivermodule:hover {
	box-shadow: 0 5px 15px rgba(0,0,0,0.3);
	background-color: #f9f9f9;
}

.drivermodule img:hover {
	opacity: 50%;
}

.drivermodule a:hover {
	color: red;
}

.drivernumber {
    position: absolute;
	top: 2px;
	left: 4px;
    width: 75px;
    padding: 5px;
}

.driverimage img {
	flex-shrink: 0;
}

.back-to-drivers {
	font-family: 'Oswald';
    text-transform: uppercase;
    margin-left: 35px;
    margin-bottom: 12px;
	color: white;
}

.back-to-drivers a {
	color: white;
}

.driverseriesSS {
	width: 75px;
	position: relative;
	float: right;
	margin-top: -65px;
	right: 4px;
	z-index: 2;
}

.driverseriesLM {
	width: 75px;
	position: relative;
	float: right;
	margin-top: -67px;
	right: 4px;
	z-index: 2;
}

@media (max-width: 991.98) {
	.fulldrivers {
		display: grid;
		grid-auto-columns: 1fr;
		grid-template-columns: 1.0fr 1.0fr;
		grid-template-rows: 1fr 1fr;
		gap: 0px 0px;
		grid-template-areas: ". .";
	}
}

@media (max-width: 575.98px) { 
	.fulldrivers {
		display: grid;
		grid-auto-columns: 1fr;
		grid-template-columns: 1.0fr;
		grid-template-rows: 1fr;
		gap: 0px 0px;
		grid-template-areas: ".";
	}
	.drivermodule {
		margin: 10px;
	}
}

/* ----- DRIVER PAGES CSS ----- */
.driverinfocontainer {
	display: grid; 
	grid-auto-columns: 1fr; 
	grid-template-columns: 0.5fr 1.0fr; 
	grid-template-rows: 1fr; 
	gap: 0px 0px; 
	grid-template-areas: 
	". .";
	align-items: center;
	margin-bottom: 75px;
}

.cellalign {
	margin: 0 auto;
}

.driverheadshot {
	border: 3px solid black;
	-webkit-box-shadow: 0px 0px 36px 1px rgba(18,123,190,1);
	-moz-box-shadow: 0px 0px 36px 1px rgba(18,123,190,1);
	box-shadow: 0px 0px 36px 1px rgba(18,123,190,1);
	height: 350px;
	max-width: 350px;
	width: 100%;
	margin: 0 auto;
}

.driverheadshot img {
	width: 350px;
	height: 350px;
	object-fit: cover;
}

.drivernamenumber {
	display: flex;
}

.drivernamenumber img {
	max-width: 300px;
}

.drivername {
	font-family: Oswald;
	font-size: 50px;
	text-transform: uppercase;
	margin-left: 15px;
}

.playerdata {
	background-color: #fff;
	border: 1px solid #eee;
	width: 300px;
	margin: 0 auto;
	margin-top: 50px;
}

.field {
	line-height: 20px;
    font-family: Oswald;
    text-transform: uppercase;
    padding: 10px 20px;
    border-bottom: 1px solid #eeeeee;
}

.sprintfieldresult {
	font-size: 16px;
    display: block;
    text-align: right;
    color: #f37836;
	margin-right: 5px;
}

.sprintfieldresult label {
	float: left;
	font-weight: 400;
	color: #3a3a3a;
	margin: 0;
	margin-right: 5px;
}

.lmfieldresult {
	font-size: 16px;
    display: block;
    text-align: right;
    color: #e58e1a;
}

.lmfieldresult label {
	float: left;
	font-weight: 400;
	color: #3a3a3a;
	margin: 0;
}

.bothfieldresult {
	font-size: 16px;
    display: block;
    text-align: right;
    color: #d20e1b;
}

.bothfieldresult label {
	float: left;
	font-weight: 400;
	color: #3a3a3a;
	margin: 0;
}

.bothdriversocial, .lmdriversocial, .sprintdriversocial {
	display: grid; 
	grid-auto-columns: 1fr; 
	grid-template-columns: 0.5fr 0.5fr 0.5fr; 
	grid-template-rows: 1fr; 
	gap: 0px 0px; 
	grid-template-areas: 
	". . .";
	margin-bottom: 75px;
	width: 300px;
	margin: 0 auto;
	margin-top: 10px;
}

.bothdriversocial, .lmdriversocial, .sprintdriversocial div {
	text-align: center;
}

.bothdriversocial i {
	font-size: 36px;
	color: #d20e1b;
}

.lmdriversocial i {
	font-size: 36px;
	color: #e58e1a;
}

.sprintdriversocial i {
	font-size: 36px;
	color: #f37836;
}

.driverinfonews, .driverinfogallery {
	display: grid; 
	grid-auto-columns: 1fr; 
	grid-template-columns: 0.5fr 0.5fr 0.5fr 0.5fr; 
	grid-template-rows: 1fr; 
	gap: 0px 0px; 
	grid-template-areas: 
	". . . .";
	margin-bottom: 75px;
}

.driverinfoheaders {
	margin-bottom: 0px;
	font-size: 42px;
}

.drivernewspost {
	flex:1;
	box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
    margin: 0 10px;
    list-style: none;
    position: relative;
}

.drivernewspost:hover {
	opacity: 75%;
	box-shadow: 0 3px 10px rgb(0 0 0 / 50%);
}

.drivernewspost a, .drivernewspost a:hover {
	color: #888888;
}

.driver_post_title {
	font-family: 'Oswald';
	text-transform: uppercase;
	font-size: 16px;
	line-height: 20px;
	text-align: left;
	color: black;
	padding: 0;
	padding: 0 8px 0 8px;
}

.driver_post_meta {
	font-size: 14px;
	text-align: left;
	padding: 4px 8px 4px 8px;
}

.drivertabs {
	margin-bottom: 75px;
}

.driverimages {
	margin-bottom: -5px;
}
.driverimagesnumber {
	position: absolute; 
	width: 6%;
	z-index: 1;
	background-color: #fff;
	padding: 4px;
}

.driverimagesheadshot {
	max-width: 290px;
	width: 100%;
	height: 300px;
}
.driver-name {
	font-family: Oswald;
	text-transform: uppercase;
	margin-top: -8px;
	margin-left: 10px;
	font-size: 22px;
	color: black;
}

.driver-series {
	font-family: 'Oswald';
	text-transform: uppercase;
	font-size: 16px;
	margin-left: 10px;
	margin-top: -5px;
}

.page-id-79949 .driver-series a {
	color: #e58e1a !important
}

.driverinfoimage {
	padding: 3px;
}

.driverinfoimage img {
	width: 100%;
	height: 212px;
	object-fit: cover;
}

/* ----- NEW DRIVER PAGES CSS ----- */

.driver-info-container {
	display:flex; 
	background:black; 
	color: white; 
	padding-top:25px;
}

.driver-info {
	display:flex; 
	width:100%;
	max-width:1300px; 
	margin:0 auto; 
	align-items:center;
	padding: 0 20px;
}

.driver-headshot {
	flex:1;
}

.driver-info-box {
	flex:2;
}

.driver-name-number {
	display:flex; 
	align-items:center; 
	border-bottom: 1px solid; 
	padding-bottom: 10px;
}

.driver-name-number img {
	max-width: 180px !important;
}

.driver-name-padding {
	line-height:1.0; 
	margin-left: 20px;
}

.driver-first-name {
	font-weight:200; font-size:32px; color: white;
}

.driver-last-name {
	display: block;
	font-size: 50px;
	color: white;
}

.driver-championships {
	margin-left: auto;
}

.driver-series-links {
	display:flex; padding-top:20px;
}

.driver-series-logo {
	flex:7;
}

.driver-series-logo img {
	max-width: 100px !important;
}

.driver-championships img {
	max-width:60px !important;
}

.driver-link-icons {
	flex:3;
}

.driver-icons-flex {
	display:flex; justify-content: end;
}

.driver-icon-padding {
	padding:5px; 
	font-size:34px;
	color: white !important;
}

.driver-icon-padding a:hover {
	color: red !important;
}

.driver-info-boxes {
	display: flex; padding-top:30px; font-family: Oswald; text-align:center;
}


.driver-info-boxes-flex {
	flex:1;
}

.driver-info-headings {
	text-transform:uppercase; margin-bottom: 0px; color: white !important; font-size: 18px !important;
}

.driver-info-boxes-flex h3 p {
	color: white !important;
}

.driver-container {
	display: flex;
	width: 100%;
	max-width: 1300px;
	margin: 0 auto
}

.driver-header {
	padding-left: 20px; 
	background: linear-gradient(90deg, #e58e1a 0%, #fff 100%);
}

.page-id-79951 .driver-header {
	background: linear-gradient(90deg, #0c7abf 0%, #fff 100%);
}

.page-id-79951 #news > div.driver-header > h2 > a, .page-id-79951 #stats > div.driver-header > h2 > a, .page-id-79951 #gallery > div.driver-header > h2 > a, .page-id-79951 #videos > div.driver-header > h2 > a, .page-id-79951 #post-79951 > div > div > div > section > div > div > div > div > div > div > div.driver-info-container > div > div.driver-info-box > div.driver-info-boxes > div:nth-child(4) > h3:nth-child(2) > p > a {
	color: white !important;
}

.page-id-79951 #post-79951 > div > div > div > section > div > div > div > div > div > div > div.driver-yearly-stats > div > div.driver-yearly-stats-inner-nav > a {
	color: white;
}

.page-id-79951 #post-79951 > div > div > div > section > div > div > div > div > div > div > div.driver-info-container > div > div.driver-info-box > div.back-to-drivers > a {
	color: #0c7abf;
}

.page-id-79951 .points-standings th .resultstable th {
	background-color: #127bbe;
}

.page-id-79951 .tab button.active {
	color: #127bbe !important;
	border-bottom: 4px solid #127bbe;
}

.page-id-79951 .tab button:hover {
	color: #127bbe !important;
	border-bottom: 4px solid #127bbe;
}

.driver-header-title {
	font-family:Oswald; 
	font-size:24px; 
	font-weight:500; 
	margin-bottom:0px;
	color: white !important;
}

.driver-header-title a {
	color: white !important;
}

.driver-stats-padding {
	padding:25px 0; 
}

.driver-stats-display h2 {
	font-size: 20px;
}

.driver-stats-display {
	padding: 25px;
}

.driver-news-post {
	display:flex; padding:20px
}

.driver-news-images {
	min-height: 150px;
	max-height: 200px;
 	height: auto;
}

.driver-stats-container {
	display:flex; 
	background:#141414;
	color: white;
	padding: 0 20px;
}

.driver-stats {
	width:100%; max-width:1300px; margin:0 auto; padding:40px 0 40px 0
}

.driver-yearly-stats {
	display:flex; background:#141414; color: white;
	padding: 0 20px;
}

.driver-yearly-stats-inner {
	max-width:1300px; width:100%; margin:0 auto; padding:40px 0 40px 0
}

.driver-yearly-stats-inner-nav {
	display:flex; align-items:center; border-bottom: 1px solid; padding-bottom: 10px; justify-content: space-between; font-family: Oswald; text-transform:uppercase; font-size:20px;
}

.table-row {
	display:flex; justify-content:space-between;padding-top:14px; text-align:center;
}

.header-row {
	font-family: Oswald; text-transform:uppercase; font-size:16px;
}

.data-row {
	font-size:30px; line-height:34px; font-family:Oswald;
}

/* Style the tab */
.tab {
	display: flex;
	justify-content: center;
	margin-top: 20px;
  	overflow: hidden;
}

.page-id-79949 .tab button.active {
	color: #E58E1A !important;
	border-bottom: 4px solid #E58E1A;
}

.page-id-79949 .tab button:hover {
	color: #E58E1A !important;
	border-bottom: 4px solid #E58E1A;
}

.page-id-79949 .driver-series {
	color: #e58e1a;
}

.page-id-79949 .site-main a:hover {
	color:  #e58e1a75
}

.page-id-79949 .site-main a {
	color:  #e58e1a
}

.page-id-79949 .points-standings th,
.page-id-79949 .resultstable th {
	background-color: #E58E1A;
}

.page-id-79951 .points-standings th,
.page-id-79951 .resultstable th {
	background-color: #0c7abf;
}

/* Style the buttons inside the tab */
.tab button {
	display: inline-block;
	border: none; 
	background-color: transparent;
	cursor: pointer;
	margin-bottom: 0;
	transition: 0.3s;
  	font-size: 17px;
	color: black;
	font-family: Oswald;
	text-transform: uppercase;
	padding: 0.6em 1em 0.4em;
	line-height: 1;
	margin-right: 4px;
}

/* Change background color of buttons on hover */
.tab button:hover {
    color: #eb1921 !important;
	border-bottom: 4px solid #eb1921;
	outline: none;
	transition: 0.3s;
	border-radius: 3px;
}

/* Create an active/current tablink class */
.tab button.active {
  color: #eb1921 !important;
	border-bottom: 4px solid #eb1921;
	outline: none;
	transition: 0.3s;
	border-radius: 3px;
}

/* Style the tab content */
.tabcontent {
  display: none;
}

@media (max-width: 1300px) {
	.driver-news-images {
		min-height: 150px;
		max-height: 200px;
 		height: auto;
	}
}

@media (max-width: 767px) {
	.driver-name-padding {
		margin-left: 0;
		margin: 12px;
		font-size: 3em;
	}
	.driver-first-name {
		font-size: 0.6em;
	}
	.driver-last-name {
		display: flex;
		margin-left: 0;
	}
	.drivers-year-stats {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-row-gap: 10px;
		padding: 15px 0 0 15px;
	}
	.driver-info-container {
		padding: 20px;
	}
	.driver-headshot {
		text-align: center;
	}
	.driver-info {
		display: inline-block;
	}
	.driver-info-boxes {
		display: grid;
   		grid-template-columns: repeat(2,1fr);
    	grid-row-gap: 10px;
	}
	.driver-name-number {
		padding: 10px;
		flex-direction: column;
	}
	.driver-championships {
		margin-left:0;
	}
	.driver-container {
		display: inline-block
	}
	.driverinfocontainer {
		display: inline-block;
		padding: 20px;
	}
	.driver-news-post {
		display: inline-block;
	}
	.drivernamenumber {
		margin: 20px 0 20px 0;
	}
	.driverinfoheaders {
		font-size: 28px;
		padding: 0 10px 0 10px;
	}
	.driverinfonews, .driverinfogallery {
		grid-template-columns: 0.5fr 0.5fr;
		grid-template-areas: ". .";
		margin-bottom: 75px;
		padding: 0 10px 0 10px;
	}
	.driver-yearly-stats {
		padding: 0 20px
	}
	.table-row {
		display: grid;
    	grid-template-columns: repeat(4, 1fr);
    	grid-row-gap: 10px;
	}	

}