@charset "UTF-8";
/*************
* defaultCSS *
**************/
/*
Version: 1.001
*/
/* ////////////////////////////////////////////////// */
/* -===== Typography =====- */
/* Default */
@font-face {
    font-family: digital-dream;
    src: url('/wp-content/themes/mileswpfet/includes/DIGITALDREAM.ttf');
}
@font-face {
    font-family: bazaronite;
    src: url('/wp-content/themes/mileswpfet/includes/Bazaronite.ttf');
}
html {
    font-family: 'Nunito Sans', sans-serif;
    line-height: 145%;
    color:#fff;
	background-color: #000;
}
#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
}
.vidWrapper{	
	background-color: rgba(0,0,0,0.4);
	z-index: 2;
	position: relative;
}
body{
	color: #fff;
	font-family: 'Nunito Sans', sans-serif;
	/*background:linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('/wp-content/uploads/2018/06/GRAY-NET.jpg');*/
	background-image: url('/wp-content/uploads/2019/09/newsBg2.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	position: relative;
	padding: 0;
	overflow-x: hidden;
}
.clockFont{font-family: digital-dream;}
h1, .h1, h2, .h2, h3, .h3 {font-family: 'Arial', sans-serif; font-weight: bold;}
h4, .h4, h5, .h5, h6, .h6 {font-family: 'Nunito Sans', sans-serif;}
/* Colors */
.newsTitle.redText * {color: #ff0000;}
.redText {color: #ff0000;}
.greenText {color: #0B6623;}
.blueText {color: #0000ff;}
.blackText {color: #000;}
.bgBlack{background-color: #000;}

.whiteTextOutline {text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;}

.superBold{text-shadow: 1px 0 #fff;letter-spacing: 1px;}
/* Sizes */
@media only screen { /* small */
	h1, .h1 {font-size: 5.5vw;}
	h2, .h2 {font-size: 5vw;}
	h3, .h3 {font-size: 4.5vw;}
	h4, .h4 {font-size: 4vw;}
	h5, .h5 {font-size: 3.5vw;}
	h6, .h6 {font-size: 1em;}
	p, a {font-size: 1em;}
}
@media only screen and (min-width: 40em) { /* medium */
	h1, .h1 {font-size: 3vw;}
	h2, .h2 {font-size: 1.4em;}
	h3, .h3 {font-size: 1.3em;}
	h4, .h4 {font-size: 1.2em;}
	h5, .h5 {font-size: 1.1em;}
	h6, .h6 {font-size: 1em;}
	p, a {font-size: 1em;}
}
@media only screen and (min-width: 1024px) { /* large */
	h1, .h1 {font-size: 3vw;}
	h2, .h2 {font-size: 1.9vw;}
	h3, .h3 {font-size: 1.75vw;}
	h4, .h4 {font-size: 1.66vw;}
	h5, .h5 {font-size: 1.5vw;}
	h6, .h6 {font-size: 1.25em;}
	p, a {font-size: 1em;}
}


.button{
	background: #ff0000;
	border: 3px solid #fff;
}
.button:hover, .button:focus{
	background: #7C0A02;
}
.countdown.metalBorder{
	background: #000;
}
.countdown.splashPage{
	/*border: 2px solid #ff0000;*/
	padding-top: 10px;
	
}

.countdown.splashPage p.hide-for-large{
	margin-bottom: 0;
}

.splashShadow{ text-shadow: 2px 2px 8px #000;}

.metalBorder{
	border-image: url('/wp-content/uploads/2018/06/clockBorderOnly.jpg') 100 round;
	border-image-repeat: repeat;
	border-top: 25px solid;
	border-bottom: 25px solid;
}

.dateRow{
	position: relative;
	overflow: hidden;
}
.dateRow .row{
	z-index: 2;
	position: relative;
}
#bg-video{
	position: absolute; 
    top: 0; left:0;
    width: 100%; height: auto;
	z-index: 1;
}

@media (max-width: 639px) {
  #picblock {
    background-image: url(http://myachievementdoes.com/wp-content/uploads/2019/07/natlyn_mobile.jpg);
    background-repeat: no-repeat;
    background-size: contain ;
  }
}
@media (min-width: 640px) {
  
}

.Pad0{
	padding: 0 !important;
}


@media (max-width: 1023px) {
	footer *, footer .svgRow{
		text-align: center !important;
	}
	footer svg{
		width: 50px !important;
		margin: 0 5px;
	}
	.websiteTitleRow h1{
		text-align: center;
	}
	.middleHeader *{
		text-align: center;
	}
	.indexStats.thirdRow > div > div{
		width: 200px;
	}
	.dateRow p{
		font-size: 8vw; 
		text-shadow: 2px 2px 8px #000;
	}
	.button{
		padding: 10px 15px;
		font-size: 1em;
		line-height: 1em;  
	}
}


@media (min-width: 1024px) {
	.metalBorder{
		padding-right: 25px;
	}
	.button{
		padding: 15px 25px;
		font-size: 1.5em;
		line-height: 1.5em;  
	}
	.countdown.splashPage .redText{
		font-weight: bold;
		font-size: 2vw;
	}

	.splash{
		min-height: 75vh;
		position: relative;
	}
	.splashHeader{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
	}
	.dateRow p{
		font-size: 5vw; 
		text-shadow: 2px 2px 8px #000;
	}
	#header{
		min-height: 250px;
		/*background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),	url('/wp-content/uploads/2018/05/american-flag-background.jpg');*/
		background-image: url('/wp-content/uploads/2019/09/headerBg.jpg');
		background-size: cover; background-position: center top;
		padding: 0;

	}
	.tagline{
		font-weight: bold;
		font-size: 14px;
	}
	.headerOutlineSection{
		border: 2px solid #fff;
		padding: 5px;
	}
	.headerOutlineSection p{
		font-size: 1vw;
		margin-bottom: 0;
	}
	#headerDate{
		padding: 10px 0;
		font-size: 22px;
		font-weight: bold;
		margin-bottom: 0;
	}
	#headerStateSelect{
		width: 48%;
		float: left;
		margin-bottom: 0;
	}

	#headerStateSelectTwo{
		width: 48%;
		float: right;
		margin-bottom: 0;
	}
	
	
	.middleHeader{
		padding: 0 75px;
	}
	.countdown p{
		font-size: 1.15vw;
		font-weight: bold;
	}
	.websiteTitleRow h1{
		font-weight: normal;
		text-align: left;
	}
	
	.magazineText{
		font-size: 20px;
		font-weight: bold;
		max-width: 60%;
		margin: 0 auto;
	}
	
	
	.stateContainer{
		height: 500px;
	}
	.stateContainer *{
		text-transform: uppercase;
	}
	.performanceIndexHeaderRow{
		padding: 10px 50px;
		position: relative;
	}
	.performanceIndexHeaderRow h2{
		font-size: 48px;
		text-shadow: 1px 1px 3px #333;
	}
	.stateStatsLive{
		position: absolute;
		top: 10px;
		left: 0;
		color: rgba(255, 255, 255, 0.75);
		font-size: 36px;
		font-weight: bold;
		letter-spacing: 0.15em;
	}	
	.performanceIndexStatsRow .pillar{
		background: rgba(0,0,0,0.5);
		box-shadow: 2px 2px 8px #000;
		display: inline-block;
		width: 22%;
		margin: 15px 4%;
		vertical-align: top;
	}
	.performanceIndexStatsRow .pillar h2{
		font-weight: normal;
		padding: 50px 20px;
	}
	.breakingNews{
		padding: 0 25px;
		max-height: 425px;
		overflow-y: auto; 
	}
	#redCallout{
		height:30px;
		position: absolute;
		width: 80px;
		top: -28px;
		background-image: linear-gradient(to right top, #321818, #641b1d, #97181e, #cb0e18, #ff0000);
		left: .9375rem;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		z-index: 5;
	}
	.breakingNews marquee{
		height: 350px;
	}
	.reflect{
		font-weight: bold;
		-webkit-box-reflect: below -1em linear-gradient(transparent, white);
	}
	
	.blueTileContainer{
		width: 150px;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		border-right: 1px solid #fff;
		display: table-cell;
		padding: 0;
	}
	.blueTileRibbon.red{
		height: 20px;
		width: 100%;
		background: linear-gradient(to right, #750000, #ff0000, #750000);
	}
	.blueTileRibbon.green{
		height: 20px;
		width: 100%;
		background: linear-gradient(to right, #006600, #00ff00, #006600);
	}
	.blueTile{
		width: 100%;
		height: 100%;
		background: linear-gradient(#0058ff, #00009b);
	}
	.blueTile.red p:nth-child(1){
		color: #ff0000;
		margin-bottom: 0;
		font-size: 28px;
	}
	.blueTile.green p:nth-child(1){
		color: #00ff00;
		margin-bottom: 0;
		font-size: 28px;
	}
	.blueTile p:nth-child(2){
		font-size: 42px;
		line-height: 42px;
		font-weight: bold;
		margin-bottom: 0;
	}
	.blueTile p:nth-child(3){
		margin-bottom: 0;
		font-size: 28px;
	}
	.marketsTitleRow{
		max-width: 100%;
	}
	.marketsTitleRow img, .marketsTitleRow p{
	}
	.marketsTitle{		
		letter-spacing: 0.085em;
		text-transform: uppercase;
		font-size: 1.9vw;
		padding: 0 50px;
		line-height: 1.9vw;
	}
	
	.archives{
	}
	.archives img{
		margin: 10px 0;
	}
	
	
	
	footer svg{
		margin: 0 25px;
	}
	
	
	
	
	.indexStats.thirdRow > div > div{
		width: 302px;
	}
	
}


.blueTri{
	background-image: url('/wp-content/uploads/2019/09/blueTriagnleBg.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}











.indexStats{
	background: #000;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
}
.indexLabel{
	position: absolute;
	left: 0px;
	bottom: 0px;
	color: #fff;
	font-size: 10px;
	z-index: 3;
	background: inherit;
	padding: 0px 3px 3px 3px;
}
.indexLabel.white{
	color: #fff;
}
.indexStats.second{
	background: #000;
}

.indexStats.second div{
	background: #000;
	color: #fff;
}

.marq1, .marq2{
	min-width: 100%;
}
.marq1 p, .marq2 p{
	margin-bottom: 0;
}
.indexStats > div{
	display: inline-block;
}
.indexStats > div > div{
	display: inline-block;
	width: 252px;
	margin:0;
	padding: 0;
}
.indexStats.first > div > div{
	color: #fff;
}

.sponsorRow{
	overflow: hidden;
	width: 100%;
	white-space: nowrap;
	position: relative;
	background: #000;
	font-family: bazaronite;
	font-size: .85rem;
	font-family: 'Saira', sans-serif;
}
.marq1.sponsor img, .marq2.sponsor img{
	max-height: 50px;
	width: auto;
}

.smallText{
	font-size: 9px;
}
.marq1.sponsor > div, .marq2.sponsor > div{
	display: inline-block;
	color: #fff;
	padding: 0 40px;
}
.marq1.sponsor div, .marq1.sponsor img, .marq1.sponsor p, .marq2.sponsor div, .marq2.sponsor img, .marq2.sponsor p{
	display: inline-block;
}


.sponsor p{
	line-height: 15px;
}

	
	
	
	
.whiteBorder{
	border: 2px solid #fff;
	padding: 5px;
	margin-top: 5px;
}
	
	
	
	
	
.marketsTitleRow{
	background: url(/wp-content/uploads/2019/09/metalBg.jpg);
	background-size: cover;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
}
.marketsTitleRow h2{
	text-align: center;
	-webkit-transition: text-shadow 1s ease;
	font-weight: 800;
}
.marketsTitleRow img, .marketsTitleRow h2{
	display: inline;
}
	
	
	
	
	
	
	


#div1, .marq1 {
  display: inline-block;
}

#div2, .marq2 {
  display: inline-block;
}



.reveal{
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	background: #000;
	border: none;
}
.overlay{
	position: relative;
	cursor: pointer;
}
.overlay:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
}


#mute{
	position: absolute;
	top: 10px;
	right: 10px;
}



.marquee {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}
.marquee .MP, .marquee .IB{
	display: inline-block;
	
}

.currDate div{
	display: inline-block;
}

.clock *{
	color: #fff !important;
}

.flip-clock-wrapper{
	width: 622px !important;
	margin: 0 auto !important;
}





#breakingNews{
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	border-top: 2px solid #ff0000;
	padding: 10px 20px;
	position: relative;
}

#breakingNews h2, #breakingNews h4, #breakingNews p{
	text-shadow: 2px 2px 6px #333;
}

.chartContainer{
	background-image: linear-gradient(to right top, #051937, #002366, #002995, #0028c2, #4112eb);
}

@media (min-width: 1024px) {
	.chartRow .columns:first-child{
		padding-left: 0;
	}
}

.posRel{
	position: relative;
}


.middleHeader h1{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

@media (max-width: 1023px) {
	.middleHeader h1{
		position: relative !important;
		margin: 20px 0;
	}

}


.indexText{
	padding: 10px 60px;
	font-size: 4.5rem;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
}

.textShadow{
	text-shadow: 2px 2px 6px #333;
}

.MP{
	padding: 15px 25px;
}

.page-template-tickers-template .MP .IB{
	height: 100px;
	vertical-align: top;
	position: relative;
	font-size: 1.5rem;
	padding: 15px 5px;
	font-family: 'Saira', sans-serif;
}

.page-template-home-template .IB img{
	max-height: 35px;
	width: auto;
}

.MP .IB{
	height: 50px;
	vertical-align: top;
	position: relative;
	font-size: .85rem;
	font-family: 'Saira', sans-serif;
}


.MP .IB div{
	top: 50%;
	transform: translateY(-50%);
	position: relative;
}

.socialSvgs svg{
	margin: 5px 7px; 
}

.sponsorRow.Second h5{
	margin-bottom: 0;
	font-size: 1rem;
}


.sponsor div p{
	transform: translateY(25%);
}


.wpcf7 label{
	color: #fff !important;
}

.wpcf7 input{
	color: #000 !important;
}

#tickersContainer > .row:nth-of-type(1),#tickersContainer > .row:nth-of-type(2),#tickersContainer > .row:nth-of-type(3){
	border-bottom: 1px solid #fff;
}