@charset "utf-8";

.body {
  padding-top: 20px; 
}
a:link {
  color: #444444;
}
a:visited {
  color: #444444;
}
a:hover {
  color: #777777;
}
a:active {
  color: #444444;
}
a.hideNext:link, a.hideNext:visited {
	color:white;
}
reversed {
	  color: #FFF !important;
}
p {
	font-family: museo-sans-condensed, sans-serif;
	font-weight:100;
	font-size: 18px;
	line-height:120%;
	text-align: left;
	text-indent: 25px;
}
ol,ul{
	margin-top:0;
	margin-bottom:10px;
	font-size: 18px;
	font-family: museo-sans-condensed, sans-serif;
	font-weight: 300;
}

h1{
	font-family: trumpgothicpro, sans-serif;
	font-weight:300;
	text-transform: uppercase;
	line-height:90%;
}
h2{
	font-family: trumpgothicpro, sans-serif;
	font-weight:100;
	text-transform: uppercase;
	line-height:90%;
}
h3{
	font-family: trumpgothicpro, sans-serif;
	font-weight:300;
	text-transform: uppercase;
	line-height:90%;
}
h4{
	font-family: trumpgothicpro, sans-serif;
	font-weight:100;
	text-transform: uppercase;
	line-height:90%;
}
h5{
	font-family: trumpgothicpro, sans-serif;
	font-weight:300;
	text-transform: uppercase;
	line-height:90%;
}
.coloredBlue {
    background-color: aqua;
    
}
.navbar {
	font-size:18px;
}

.header .navbar-nav > li > a {
  font-size: 18px;
	font-family:museo-sans-condensed, sans-serif;
	font-weight:100;
}

.watermarked {
  position: relative;
}

.watermarked:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-image: url("https://race-teams/images/nmedia3.png");
  background-size: 100px 100px;
  background-position: 30px 30px;
  background-repeat: no-repeat;
  opacity: 0.7;
}

.raceDate {
	font-family: trumpgothicpro, sans-serif;
	font-weight:500;
	text-transform: uppercase;
	line-height:90%;
	color:#EBBE00;
	text-align:center;
	font-size:24px;
	margin-top:5px;
}

.newshead{
	font-family: trumpgothicpro, sans-serif;
	font-weight:500;
	text-transform: uppercase;
	line-height:90%;
	font-size:100px;
	color:#862526;
}
.newsSubhead{
	font-family: trumpgothicpro, sans-serif;
	font-weight:500;
	/*text-transform: uppercase;*/
	line-height:90%;
	font-size:60px;
	color:black;
}
.newsAttention{
	font-family: trumpgothicpro, sans-serif;
	font-weight:500;
	color:#862526;
	font-size:32px;
	line-height:100%;
}
.newsDateSubhead{
	font-family: trumpgothicpro, sans-serif;
	font-weight:500;
	color:#000;
	font-size:28px;
}

.dividerVline{
	border-right:thin solid #414141;
	
	padding-right:15px;
}
.display-1{
	line-height:80%;
}
.driversRecord a:link {
  color: #E7E7E7;
}
.driversRecord a:visited {
  color: #ffffff;
}
.driversRecord a:hover {
 color: #ffffff;
}
.driversRecord  a:active {
 color: #ffffff;
}

.btn-primary {
  color: #fff;
  background-color: #A30000;
  border-color: #A30000;
	 border-radius: 20px;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #6d0000;
  border-color: #A30000;
}
.btn-primary:hover {
  color: #fff;
  background-color: #6d0000;
	border-color: #6d0000;
}
.container {
  /*display: flex;*/ 
}
.pNormal{
	font-weight:100;
	line-height:100%;
}
.pItalic {
	font-family: museo-sans-condensed, sans-serif;
	font-weight:100;
	font-style:italic;
}
.pBold {
	font-style: bold;
	font-weight: 900;
}
a.pLink {
	color:#444;
	font-weight:300;
}
a.pLinkBold {
	color:#FFDD2B;
	font-weight:700;
}
.noIndent {
	text-indent: 0px;
}
.noMargin {
	margin:0;
}
.noPadding {
	padding: 0;
}
.letterspace-1 {
	letter-spacing:-1px;
}
.letterspace1 {
	letter-spacing:1px;
}
.pipe{
	vertical-align:text-top; 
	color:#999999;
	font-size:95%;
}
.pipe-white{
	vertical-align:text-top; 
	color:#ffffff;
	font-size:95%;
}
.hLine {
	border-bottom:thin solid #777;
}
.hLine-white {
	border:thin solid #ffffff;
}
.journal-divider {
border:thin solid #ffffff;
}
.journal-heading {
	font-size: 50px;
    margin-top: 20px
}
.shadowBox{
	  box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.4);
}
.bottomMargin10 {
	margin-bottom:10px;
}
.marginTop10 {
	margin-top:10px;
}
.marginTop20 {
	margin-top:20px;
}
.marginTop30 {
	margin-top:30px;
}
.marginTop40 {
	margin-top:40px;
}
.marginBottom10{
	margin-bottom:10px;
}
.marginBottom20{
	margin-bottom:20px;
}
.marginBottom30{
	margin-bottom:30px;
}
.marginLeft20{
	margin-left:20px;
}
.marginLeft40{
	margin-left:40px;
}
.marginRight20{
	margin-right:10px;
}
.margin0{
	margin:0;
}
.padding20{
	padding:20px;
}
.lineH100{
	line-height:100%;
}
.headline{
	font-family: trumpgothicpro, sans-serif;
	font-size:70px;
	font-weight: 500;
	margin-top: 0px;
	padding:10px 5px 5px 5px;
	text-transform: uppercase;
	color:#ffffff;
}
.headline-black{
	font-family: trumpgothicpro, sans-serif;
	font-size:50px;
	font-weight: 500;
	margin-top: 0px;
	padding:10px 5px 5px 5px;
	text-transform: uppercase;
	color:#000000;
}
.subhead{
	font-size:60px; 
	font-family: trumpgothicpro, sans-serif; 
	font-weight:500;
	line-height:120%;
}
.journal-subhead{
	font-size:50px; 
	font-family: trumpgothicpro, sans-serif; 
	font-weight:500;
	line-height:100%;
	text-transform: uppercase;
}
.shadowBox{
	box-shadow: 0 8px 30px -6px #777777;
}

.caption {
	font-family: museo-sans-condensed, sans-serif;
	font-style: italic;
	font-weight:100;
	font-size: 18px;
	line-height:120%;
	text-align: left;
	margin-top:5px; 
	border-bottom: 1px solid black; 
	padding-bottom:5px; 
	margin-bottom:30px;
	text-indent: 0px;
}
.caption-center {
	font-family: museo-sans-condensed, sans-serif;
	font-style: italic;
	font-weight:100;
	font-size: 18px;
	line-height:120%;
	text-align: center;
	margin-top:5px; 
	border-bottom: 1px solid black; 
	padding-bottom:5px; 
	margin-bottom:30px;
	text-indent: 0px;
	text-decoration:0;
}
.dropdown-divider{
	border-width: 3px;
	color: #C4C4C4;
}
.text-muted{
	color:#A8A8A8;
}
.text-muted-white{
	color:#ffffff;
}
.fSize200{
	font-size:200%;
}
.fSize150{
	font-size:150%;
}
.indent {
	text-indent: 25px;
}
.hangingIndent {
  padding-left: 20px ;
  text-indent: -20px ;
}
.noBorder{
	border:0px;
}
.card{
	border:0px;
}
.sup{
	font-size:60%;
	vertical-align:text-top;
	margin-left:1px;
}
.portrait {
  	width: 330px;
	overflow: hidden;
	display:inline-block;
	background-color:#ffffff;
	border-top: #ffffff 15px solid;
	max-width: 100%;
	height: auto;
  	margin: -15% 0 0 -10%;
  	z-index: 2;
}
.box3 {
  	width: 23%;
	margin-right: 1%;
	margin-bottom: 2%;
	font-size:11px; 
	text-align: right; 
	color:#555555;
	overflow: hidden;
	display:inline-block;
}
.box6 {
  	width: 18%;
	margin-right: 1%;
	margin-bottom: 2%;
	font-size:11px; 
	text-align: right; 
	color:#555555;
	overflow: hidden;
	display:inline-block;
}
.title{
	font-family: trumpgothicpro, sans-serif;
	font-size:54px;
	
}
.theme-color {
	background-color: #000;
	color: rgba(255,255,255,1.00);
}

.theme-color2 {
	background-color: #A30000;
	color: rgba(255,255,255,1.00);
	
}

.theme-color3 {
	background-color: #222;
	color: rgba(255,255,255,1.00);
	
}
.theme-band {
	padding-top: 20px;
	padding-bottom: 20px;
}
.parallaxBanner {
  height: 200px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.parallaxBanner2 {
  height: 400px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;	
}
.parallaxBanner3 {
	height: 10px;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	background-position: 50% 50% !important;
}
.parallaxBanner4 {
	height: 150px;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	background-position: 50% 50% !important;
}
.parallax {
	color: #ffffff;
	text-align: left;
	padding-left: 30px;
	padding-top:20px;
	letter-spacing: 0px;
	font-size:400%;
}
.parallax_description {
	color: #FFFFFF;
	text-align: right;
	padding-right: 100px;
	width: 30%;
	float: right;
	font-weight: lighter;
	line-height: 23px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

 .jumbotron {
     margin-bottom: 2rem;
 	 background-repeat: no-repeat;  
	 height: 500px; /* You must set a specified height */
  	 background-position: center; /* Center the image */
  	 background-size: cover; /* Resize the background image to cover the entire container */
    }

.bwimage {
	
	filter: grayscale(100%);
	
}

.results{
	padding-left:30px;
}
.sponsorLogos{
	float:left;
	height:50px;
	padding:5px;
}
.logoBox{
	display:block;
	width:100%;
	float:left;
}
.textShadow{
text-shadow: 4px 5px 7px #000000;
}
.carousel-item{
	/*height:700px;*/
}
.carousel-caption{
	top:6rem;
}
/* X-Small devices (portrait phones, less than 576px)*/
/*No media query for `xs` since this is the default in Bootstrap*/
@media screen and (min-width: 480px) {
 	.parallaxBanner {
	height: 300px;
	background-attachment:scroll;
	}
	.parallaxBanner2 {
	background-attachment:scroll;
	}

}
/*Small devices (landscape phones, 576px and up)*/
@media screen and (min-width: 576px) {
	.parallaxBanner {
		height: 300px;	
	background-attachment:scroll;
	}
	.parallaxBanner2 {
	background-attachment:scroll;
	}
	
}

/*Medium devices (tablets, 768px and up)*/
@media screen and  (min-width: 768px) {
	.parallaxBanner {
	height: 400px;
	background-attachment:scroll;
	}
	.parallaxBanner2 {
	background-attachment:scroll;
	}

}

/*Large devices (desktops, 992px and up)*/
@media screen and  (min-width: 992px) {
	h3 {
		font-size:200%;
		color: #000000;
	}
	.parallaxBanner {
			height: 600px;
	background-attachment:scroll;
	}
	.parallaxBanner2 {
	background-attachment:scroll;

	}
}





/*ipad PRo 12.9"*/
/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {
.parallaxBanner {
	background-attachment:scroll;
	}
	.parallaxBanner2 {
	background-attachment:scroll;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1900px) { 
	#baguetteBox-overlay .full-image img{
		max-height:80% !important;
	}
}
/*X-Large devices (large desktops, 1200px and up)*/
@media screen and  (min-width: 1200px) {
	.parallaxBanner {
	background-attachment:fixed;
	}
	.parallaxBanner2 {
	background-attachment:fixed;
	}
}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen
and (min-device-width: 1366px)
and (max-device-width: 1366px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {
.parallaxBanner {
	background-attachment:scroll;
	}
	.parallaxBanner2 {
	background-attachment:scroll;
	}

}

@media only screen and (min-width: 1901px) { 
	#baguetteBox-overlay .full-image img{
		max-height:80% !important;
	}
}

/*XX-Large devices (larger desktops, 1400px and up)*/
@media screen and  (min-width: 1400px) {
	.parallaxBanner {
	background-attachment:fixed;
	}
	.parallaxBanner2 {
	background-attachment:fixed;
	}
}


.paddingTop20 {
	padding-top:20px;
}



.logos {
	background-color: #A30000;
	margin-top:10px;
	
}

.bottomMargin40 {
	margin-bottom:40px;
}


.text-muted-black {
	
}
