/*style new elements*/
body.mapstorybody {
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-size: 1.125rem;
    font-weight: 300;
}

body.mapstorybody .NCIheader {
    width: 100%;
    /*min-width:400px;*/
    position: absolute;
    top: 0;
    z-index: 1000;
    background-color: white;
}

body.mapstorybody .NCIlogowrapper {
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
}

body.mapstorybody .navBar {
    margin-top: 3px;
}

body.mapstorybody ul.sm.sm-clean {
    margin-top: 0px;
}

body.mapstorybody div.ribbonChild:nth-child(2) {
    flex-grow: 1;
}

body.mapstorybody .grayRibbonIcon {
    color: #000;
    font-size: 3.2rem;
    padding: .75rem 0 .75rem 6rem;
}

body.mapstorybody .btn {
    border-radius: 0.25rem !important;
}

body.mapstorybody .btn-success {
    background-color: #008A20 !important;
    border-color: #008A20 !important;
}

body.mapstorybody .btn-success:hover {
    background-color: #006417 !important;
    border-color: #005714 !important;
}



.icnStoriesWH{
	background: url(../i/icn-stories-sm-wh.png) left center no-repeat;
}



html{
		overflow:hidden
	}	
	.skip,
.skip:hover,
.skip:visited {
    position: absolute;
    top: -200px;
    right: 44%;
    padding: 8px 15px;
    font-weight: bold;
    border: 2px solid #ccc;
    border-top: none;
    border-radius: 0 0 3px 3px;
    transition: all .2s ease-in-out;
}
.skip:active,
.skip:focus {
    position: absolute;
    top: 0;
    color: #a90101;
    background: #fff;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .7);
	z-index: 9999;
}
	.NCIheader>.container:first-of-type{
		display:none;
	}
	body.mapstorybody .navBar{
		margin-top:0 !important;
	}
	#titlediv{
		float:left;
		z-index: 3333;
		position: relative;
		padding-left: 5px;
	}
	body.mapstorybody .grayRibbonIcon {
		color: #fff !important;
		font-size: inherit !important;	
	}
	@media only screen and (max-width: 1200px) {
		#titlediv{
		display:none;
		}
	}	
	#buttondiv{
		float:right;
		padding: 10px 0;
	}
	#buttondiv a {
		padding: 3px 1.25rem;
		font-size: 1rem;
	}
	.NCIsubhead {
		background: #29596f;
		color: white;
		font-size: 1.4em;
		white-space: nowrap;
		display: none;
	}
	iframe{ 
		height: calc(100vh - 41px);
	}
	@media only screen and (max-width: 575px) {
		iframe{ 
			height: calc(100vh - 92px);
		}
	}	
	body.mapstorybody .NCIheader{
		position:relative !important;
	}