@charset "utf-8";
/* CSS Document */


/***************************************************
	Preparedness TEMP STYLES
***************************************************/
	
/***************************************************
    STRUCTURE
***************************************************/
.slice-angle {
    position: inherit;
}

#dnn_ctr697_HtmlModule_lblContent {
    background: #fff;
}
.constrained {
	display: block;
	width: 90vw;
	max-width: 1400px;
	margin: 0 auto;
}
.constrainedInner {
	padding: 0 30px;
}

#dnn_ContentPaneFullBleed2, #dnn_ContentPaneFullBleed3, #dnn_ContentPaneFullBleed4, #dnn_ContentPaneFullBleed7 {background: #fff;}

#dnn_ContentPaneFullBleed1 h2, #dnn_ContentPaneFullBleed2 h2, #dnn_ContentPaneFullBleed3 h2, #dnn_ContentPaneFullBleed4 h2, #dnn_ContentPaneFullBleed5 h2, #dnn_ContentPaneFullBleed6 h2, #dnn_ContentPaneFullBleed7 h2, #dnn_ContentPaneFullBleed8 h2, #dnn_ContentPaneFullBleed9 h2, .mainColumn h2 {
	font-family: 'Crimson Text', serif;
	font-weight: 300;
	color: #333;
	text-align: center;
	padding: 40px;
}
.mainColumn {
	max-width: 630px;
	margin: 0 auto;
}
.mainColumn-vid {
	max-width: 630px;
	margin: 0 auto;
}
.mainColumn.top {
	max-width: 830px;
	margin: 0 auto;
}
.top p {
	padding: 0 20px;
}
.breakout {
	max-width: 1200px;
	margin: 0 auto;
}
.more-row {
	width: 100%;
	padding: 50px 0;
	text-align: center;
}
.more-row2 {
	width: 100%;
	padding: 50px 0 0;
	text-align: center;
}
.slice-angle-gray {
	background: rgb(240, 240, 240);
	background: -moz-linear-gradient(90deg, rgb(240, 240, 240) 0%, rgb(255, 255, 255) 300px);
	background: -webkit-linear-gradient(90deg, rgb(240, 240, 240) 0%, rgb(255, 255, 255) 300px);
	background: -o-linear-gradient(90deg, rgb(240, 240, 240) 0%, rgb(255, 255, 255) 300px);
	background: -ms-linear-gradient(90deg, rgb(240, 240, 240) 0%, rgb(255, 255, 255) 300px);
	background: linear-gradient(180deg, rgb(240, 240, 240) 0%, rgb(255, 255, 255) 300px);
}
.dgov-flex-img {
	display: block;
	-ms-flex: 0 0 auto;
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
	height: auto;
	width: 100%;
	background-color: #000;
	min-height: 200px;
}
.page-wrap {
	background: #fff;
    padding: 3rem 3rem 0rem;
    
    transform: translateY(-180px);
    min-height: 0;
}
#black.page-wrap {
	background-image: linear-gradient(#000, #0D0506);
	transform: unset;
	padding: 0 3rem;
	margin-bottom: unset;
}
.page-wrap.black {
	background: #000;
	padding: 0 3rem;
	margin-bottom: 0;
	transform: translateY(0);
}
#white.page-wrap {
	background-color: #fff;
	transform: unset;
	padding: 0 3rem;
	margin-bottom: unset;
}
#dnn_ContentPaneFullBleed9 {
	background-color: #000;
}
.mainColumn ol li {
	list-style: decimal;
	margin: 0 40px 10px;
	line-height: 1.5;
	font-size: 20px;
}
.mainColumn ul li {
	list-style: disc;
	margin: 0 40px 10px;
	line-height: 1.5;
	font-size: 20px;
}
.dark.mainColumn {
	padding-top: 40px;
}
div#dnn_ctr627_HtmlModule_lblContent.Normal {
	line-height: 0;
}
main {
    overflow-x: hidden;
}
.dark p a, .dark p a:visited {
	line-height: inherit;
	color: #fff;
	padding-top: 2px;
	line-height: inherit;
	text-decoration: none !important;
	-webkit-box-shadow: inset 0 -2px 0 #0a856a;
	box-shadow: inset 0 -2px 0 #0a856a;
}
.dark p a:hover {
	background-color: #0a856a;
	color: #fff;
	padding-bottom: 0;
	border-bottom: none;
	-webkit-transition: background-color 350ms ease-out;
	transition: background-color 350ms ease-out;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-decoration: none;
}
/***************************************************
    PAGE TOP
***************************************************/
.page-banner-inner {
	display: block;
	padding: 75px 0 150px;
	position: relative;
	background-image: linear-gradient(-10deg, rgba(0,0,0, .2) 0%, rgba(0,0,0, .2) 49.95%, rgba(0,0,0, 0) 50%, rgba(0,0,0, 0) 100%);
	background-color: rgba(0,0,0,0.2);
}
#dnn_ContentPaneFullBleed2 {
	display: block;
	position: relative;
	z-index: 2;
	background: #ebebeb;
	background: -moz-linear-gradient(top, #ebebeb 0%, #ffffff 80%, #ffffff 80%);
	background: -webkit-linear-gradient(top, #ebebeb 0%, #ffffff 80%, #ffffff 80%);
	background: linear-gradient(to bottom, #ebebeb 0%, #ffffff 80%, #ffffff 80%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff', GradientType=0 );
}
#dnn_ContentPaneFullBleed2 > .DnnModule {
}
#dnn_ContentPaneFullBleed2 .constrained {
	display: block;
	position: relative;
	top: -170px;
	background: #fff;
}
#dnn_ContentPaneFullBleed2 .constrainedInner {
	padding: 60px 60px 0;
}
#dnn_ContentPaneFullBleed2 .constrainedInner img {
	margin-bottom: 60px;
}
#dnn_ContentPaneFullBleed2 .constrainedInner p {
	width: 100%;
	max-width: 850px;
	margin: 0 auto;
}
h1.page-title {
	font-family: "crimson text", serif;
	color: #fff;
	font-size: 3.3rem;
	font-weight: 500;
	line-height: 1.2em;
	margin: 200px 0 60px;
	text-shadow: 0 0 10px rgba(0,0,0,0.3);
}
h2.intro {
	font-size: 1.8rem;
	max-width: 950px;
	margin: 0 auto;
	padding: 5px 40px;
}
/****TOP 4 IMAGES ***/
.cropzoomimg-container .cropzoomimg-img {
    position: absolute;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: none;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: none;
    margin: 0;
    overflow: hidden;
    min-height: 433px;
    position: relative;
    object-fit: cover;}

 .slick-slide .cropzoomimg-container {
    max-width: unset;
   /* height: 100%!important;*/
}
.gridlayout-row {
    line-height: 0;
    max-width: 1200px;
    margin: 0 auto!important;
}

.cropzoomimg-container {
    height: 433px!important;
    max-width: 1200px;
}
div#dnn_ContentPane3 {
    z-index: 1000;
}

.itemEach4 a {cursor: default!important; }

/***************************************************
    TOP BANNER
***************************************************/
#dnn_ContentPaneFullBleed1 {
	background: #000;
	color: #fff;
}
.pageBanner .banner-angle-header {
	background-color: rgba(0,0,0, .6);
	background-image: linear-gradient(-10deg, rgba(0,0,0, .2) 0%, rgba(0,0,0, .2) 49.95%, rgba(0,0,0, 0) 50%, rgba(0,0,0, 0) 100%);
	background-repeat: no-repeat;
	content: '';
}
.pageBanner .banner-angle {
	position: absolute;
	width: 100%;
	height: 100%;
	display: inline-block;
	z-index: 2;
}
.pageBanner .banner-image {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: bottom;
	opacity: 1;
}
.pageBanner header {
	z-index: 10;
	max-width: 900px !important;
	padding: 120px 0 270px 0;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	text-align: center;
	color: #fff;
}
/***************************************************
	FULL WIDTH VIDEO
***************************************************/

video.noplayer.fireVid {
	width: 100%;
	position: relative;
	padding-bottom: 30px;
}
video.noplayer.lavaVid {
	width: 100%;
	position: relative;
	padding-bottom: 0;
}
.img-gradient {
	position: relative;
	display: block;
}
.img-gradient:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	background: -moz-linear-gradient(to bottom, rgba(0,0,0, 1) 0%, rgba(255,255,255,0) 30%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0, 1)), color-stop(30%, rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(to bottom, rgba(0,0,0, 1) 0%, rgba(255,255,255,0) 30%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(to bottom, rgba(0,0,0, 1) 0%, rgba(255,255,255,0) 30%); /* Opera 11.10+ */
	background: -ms-linear-gradient(to bottom, rgba(0,0,0, 1) 0%, rgba(255,255,255,0) 30%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0, 1) 0%, rgba(255,255,255,0) 30%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#fff', GradientType=0 ); /* IE6-9 */
}
.img-gradient img {
	display: block;
}
/***************************************************
	HURRICANE SECTION
***************************************************/
.DnnModule.DnnModule-DNN_HTML.DnnModule-628 {
	padding-bottom: 60px;
}
.mainColumn-vid {
	max-width: 630px;
	margin: 0 auto;
}

.typed_wrap3.quote {
    max-width: 95%;
    margin: 0 auto;
    height: 50vh;
}
h4.normal.multi-lined {
    
    font-size: 1.8rem;
    color: #2b3537;
    font-family: crimson text;
    font-weight: 600;
    text-align: center;
    height: unset;
    margin: 0 auto;
}
h4.normal.quote {
    font-family: crimson text;
    font-weight: 600;
    text-align: center;
    height: unset;
    margin: 0 auto;
    max-width: 55%;
    color: #2b3537;
}

.normal .typed3 {
    font-family: crimson text;
    font-weight: 600;
    text-align: center;
    height: unset;
    margin: 0 auto;
    max-width: 70%;
    line-height: 1.5em;
    font-size: 1.8rem;
    color: #2b3537!important;
}
.normal span {
    font-size: 20px;
    font-family: lato;
    font-weight: 400;
    display: block;
    line-height: 1.5em;
    margin: 20px auto;
    max-width: 85%;
    color: #717171;
}

.normal i {
    font-family: lato;
    font-style: normal;
    font-size: 20px;
	color: #717171;
	font-weight: 400;
}
	/***************************************************
	PHOTOS HOVER
***************************************************/
#dnn_ContentPaneFullBleed3 {
	position: relative;
	background: #fff;
}
#dnn_ctr610_HtmlModule_lblContent {
	position: relative;
}
#dnn_ContentPaneFullBleed3 h2 {
	color: #000;
}
.itemEach .contain {
	margin: 5px;
	overflow: hidden;
	height: 433px;
	position: relative;
	background: #000;
}
.itemEach .bg {
	-webkit-box-shadow: 0 13px 20px -9px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 13px 20px -9px rgba(0,0,0,0.5);
	box-shadow: 0 13px 20px -9px rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	transition: all .25s ease-out;
}
.itemEach:hover .bg {
	transform: scale(1.1);
	opacity: 0.5;
}
.itemEach a {
	color: #fff;
	font-size: 2.3rem;
	font-weight: 400;
	width: 100%;
	text-align: center;
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	padding: 15px;
}
.itemEach h3 {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 99;
}
.itemEach a {
	margin-top: 20px;
	transition: all .25s ease-out;
}
.itemEach:hover a {
	margin-top: 0px;
	transition: all .25s ease-out;
}
.itemEach a i {
	opacity: 0;
	transition: all .25s ease-out;
	margin-top: 10px;
}
.itemEach:hover a i {
	opacity: 1;
	transition: all .25s ease-out;
	transition-delay: .25s;
	    max-width: 85%;
}
/*.itemEach:nth-of-type(1) .bg {
	background: url(https://media.defense.gov/2017/Sep/05/2001803393/1768/1178/0/170904-Z-ZC383-014E.JPG) center center;
	background-position: center;
    background-size: cover;
}

.itemEach:nth-of-type(2) .bg {
	 background: url(https://media.defense.gov/2017/Sep/01/2001802720/1254/835/0/170830-F-YC884-0275C.JPG) center center;
	background-position: center;
    background-size: cover;
}

.itemEach:nth-of-type(3) .bg {
	background: url(https://media.defense.gov/2017/Sep/06/2001804092/1575/1050/0/170905-A-KM003-021.JPG) center center;
	background-position: center;
    background-size: cover;
}

*/

/* FLOOD PHOTOS */
.itemEach1:nth-of-type(1) .bg {
	background: url(https://media.defense.gov/2018/Sep/16/2002040873/1088/820/0/180916-G-G0105-188A.JPG) center center;
	background-position: center;
	background-size: cover;
}
.itemEach1:nth-of-type(2) .bg {
	background: url(https://media.defense.gov/2018/Sep/24/2002044196/1088/820/0/180922-Z-GG979-090D.JPG) center center;
	background-position: center;
	background-size: cover;
}


/* TORNADO PHOTOS */
.itemEach2:nth-of-type(1) .bg {
	background: url(https://media.defense.gov/2017/Jan/27/2001691529/1245/830/0/170126-A-QA210-505C.JPG) center center;
	background-position: center;
	background-size: cover;
}
.itemEach2:nth-of-type(2) .bg {
	background: url(https://media.defense.gov/2019/Aug/19/2002172644/1088/820/0/130524-F-RH756-136A.JPG) center center;
	background-position: center;
	background-size: cover;
}


/* FIRE PHOTOS */

.itemEach3:nth-of-type(1) .bg {
	background: url(https://media.defense.gov/2019/Jul/05/2002154128/1088/820/0/190704-Z-JS600-1255Y.JPG) center center;
	background-position: center;
	background-size: cover;
}
.itemEach3:nth-of-type(2) .bg {
	background: url(https://media.defense.gov/2018/Jul/24/2002040502/1088/820/0/180714-Z-WM549-209A.JPG) center center;
	background-position: center;
	background-size: cover;
}

/* TOP 4 PHOTOS */
.itemEach4:nth-of-type(1) .bg {
	background: url(https://media.defense.gov/2015/Oct/07/2002033055/852/568/0/151006-G-BD687-501.JPG) center center;
	background-position: center;
	background-size: cover;
}
.itemEach4:nth-of-type(2) .bg {
	background: url(https://media.defense.gov/2014/May/20/2001128758/813/542/0/014824-N-RLW81-594.jpg) center center;
	background-position: center;
	background-size: cover;
}
.itemEach4:nth-of-type(3) .bg {
	background: url(https://media.defense.gov/2019/Aug/23/2002174690/1088/820/0/190823-Z-ZZ999-002.JPG) center center;
	background-position: center;
	background-size: cover;
}
.itemEach4:nth-of-type(4) .bg {
	background: url(https://media.defense.gov/2019/Aug/16/2002171983/1088/820/0/180525-M-MI959-0034.JPG) center center;
	background-position: center;
	background-size: cover;
}
/* VOLCANO PHOTOS */
.itemEach5:nth-of-type(1) .bg {
	background: url(https://media.defense.gov/2019/Aug/16/2002172103/1088/820/0/180519-O-GS122-253.JPG) center center;
	background-position: center;
	background-size: cover;
}
.itemEach5:nth-of-type(2) .bg {
	background: url(https://media.defense.gov/2019/Aug/16/2002172102/1088/820/0/180519-O-GS122-187.JPG) center center;
	background-position: center;
	background-size: cover;
}
.itemEach a:hover {
	text-decoration: none;
	opacity: 1;
}
#dnn_ContentPaneFullBleed3 {
	z-index: 2;
}
.itemEach.dgov-col-xs-12.dgov-col-md-6.dgov-col-lg-4, .itemEach.dgov-col-xs-12.dgov-col-md-6.dgov-col-lg-3 {
	padding: 0;
}
.fa-plus-circle span, .itemEach4 span {
	color: #fff;
	font-family: 'lato', sans serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.2em;
}

.itemEach4 h3 {
    font-size: 1.3rem;
    line-height: 1.2em;
}
.fullImg {
	margin: 60px 0 80px;
}
.fullImg span {
	font-size: .85rem;
	color: #717171;
	right: 30px;
	display: block;
	position: absolute;
	line-height: 2em;
}
.fullImg a {
	color: #717171;
}
.fullImg A:hover {
	color: #355e93;
}

/***************************************************
	TORNADO
***************************************************/
#dnn_ContentPaneFullBleed7, #content-pane-wrap7 {
    background: #fff;
}
.more-row-tornado {max-width: 92%; margin: 0 auto; padding-bottom: 4rem;}
/***************************************************
	WILDFIRE
***************************************************/
div#dnn_ContentPaneFullBleed5 {
	background-color: #000;
}
.dark p, .dark h2 {
	color: #fff!important;
}
/***************************************************
	FLOODS
***************************************************/
.number {
	font-size: 30px;
	font-family: "Crimson Text", sans-serif;
	width: 46px;
	height: 46px;
	line-height: 46px;
	background-color: #3C5E91;
	color: #fff;
	border-radius: 50%;
	text-align: center;
	position: absolute;
	left: 0;
	top: -2px;
	display: block;
}
.number span {
    line-height: 1em;
}
.ast-list .item {
	margin: 0 0px 50px;
	padding-left: 60px;
	position: relative;
}
.ast-list {
	display: flex;
	flex-direction: column;
	width: 100%;
}

/***************************************************
		QUIZ
***************************************************/
figcaption.info.dgov-card.dgov-card-4 {
    width: 100%!important;
}
/* ONLY 1 ITEM */
.alist.quiz .only-one .info {
	margin: 0px;
	padding: 10px 20px 0;
}

.alist.quiz .only-one figure {
background: #fff;
    padding: 0px;
    position: relative;
  
    margin: -0px auto 0;
    min-height: 140px;
    border-radius: 0 0 4px 4px;
	box-shadow: 0 14px 28px rgba(0,0,0,0.15), 0 10px 10px rgba(0,0,0,0.12);
	max-width: 890px;

}

.alist.quiz .only-one .image-wrap {
	border-top-left-radius: 4px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 0px;
	    padding-top: 108.66%;
}

.only-one .dgov-col-md-4 {
	padding: 0px;
}

.only-one p {
	margin: 0px;
}

.only-one .info .button-wrap {
    text-align: center;
    background: #1b8157;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 15px;
    color: #fff;
    padding: 10px 15px;
    font-size: 20px;
    font-family: lato;
    font-weight: 700;
    border-radius: 3px;
    position: relative;
    z-index: 9999;
    transition: all .2s;
    overflow: hidden;
    text-transform: uppercase;
}

@media ( max-width: 991px) {
.alist.quiz .info .title h2 {
    font-size: 1.4rem!Important;
    
}
	.alist.quiz .only-one .image-wrap {
    padding-top: 81.66%;
    position: relative;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
	
.alist.quiz .only-one figure{
	max-width: 90%;	
	}
	
}

@media ( max-width: 776px) {
	.alist.quiz .only-one figure{
	max-width: 100%;	
	}
.alist.quiz .only-one .info {
    margin: 0;
    padding: 10px;
}
.alist.quiz .info {
   
    width: 100%;}
	.spotlight-engage .dgov-col-sm-6 {
    padding: 0;
}
}

.alist.quiz .only-one .info .quiz-question-count {
	position: relative;
	bottom: 0px;
	left: 0px;
	    margin-bottom: 25px;
    display: block;
    margin-top: 20px;
}

.only-one .dgov-card-4 {
	box-shadow: none;
}



.spotlight-engage {
	background: #fff;
	margin-bottom: 8rem;
}


.dgov-carousel-engage {
	background: #e4e4e4;
}
.dgov-carousel-engage .slick-arrow, .dgov-carousel-engage h1.pull-title {
	color: #333;
}
.dgov-carousel-engage .info {
	background: #fff;
	padding: 25px 25px 50px;
	position: relative;
	width:100%;
	margin: -3rem auto 0;
	min-height: 140px;
	border-radius: 0 0 4px 4px;
}
.dgov-carousel-engage .info:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	height: 11px;
	top: -10px;
	background-size: 100% 100%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 10 10'%3E%3Cpolygon fill='white' points='10,10 10,0 0,10' opacity='1'%3E%3C/polygon%3E%3C/svg%3E");
}
.dgov-carousel-engage .category {
	transform: skewX(-15deg);
	color: #fff;
	background: #355E92;
	position: absolute;
	right: 20px;
	text-transform: uppercase;
	padding: 8px 25px;
	font-weight: bold;
	letter-spacing: 2px;
}
.dgov-carousel-engage .category span {
	transform: skewX(15deg);
	display: block;
}
.dgov-carousel-engage .title h2 {
	font-family: Lato, sans-serif!Important;
	font-size: 1.6rem!Important;
	margin: 0 0 5px!Important;
text-align: left!Important;
    padding: unset!Important;
}
.dgov-carousel-engage .quiz-question-count {
	position: absolute;
	bottom: 25px;
	left: 25px;
}
.dgov-carousel-engage .slick-slide .image-wrap, .dgov-carousel-engage .slick-slide .last-slide {
	padding-top: 66.66%;
}

.dgov-carousel .slick-slide a .slide-title {
   line-height: 1.2;
}
.alist.quiz .alist-inner {
	display: flex;
	flex-wrap: wrap;
	margin: 30px -15px;
}
.alist.quiz .item {
	width: 33.33%;
	padding: 0 15px 60px;
}
.alist.quiz .quiz-image {
	border-radius: 4px;
	padding-top: 81.25%;
	background-size: cover;
	background-position: center center;
}
.alist.quiz .info {
	background: #fff;
	padding: 25px 25px 60px;
	position: relative;
	width: 100%;
	margin: -100px auto 0;
	min-height: 140px;
	border-radius: 0 0 4px 4px;
}
.alist.quiz .info:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	height: 11px;
	top: -10px;
	background-size: 100% 100%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 10 10'%3E%3Cpolygon fill='white' points='10,10 10,0 0,10' opacity='1'%3E%3C/polygon%3E%3C/svg%3E");
}
.alist.quiz .info .title h2 {
	font-size: 1.4rem!Important;
	font-weight: bold!Important;
	display: block!Important;
	word-break: break-word!Important;
	font-family: Lato, sans-serif!Important;
	
	margin: 0 0 5px!Important;
	letter-spacing: 0px!Important;
	text-transform: none;
text-align: left!Important;
    padding: unset!Important;

}
.alist.quiz .info .category {
	transform: skewX(-15deg);
	color: #fff;
	background: #355E92;
	position: absolute;
	bottom: calc(100% - 10px);
	right: 20px;
	text-transform: uppercase;
	padding: 8px 25px;
	font-weight: bold;
	letter-spacing: 2px;
	text-align: right;
	margin-left: 30px;
}
.alist.quiz .info .category span {
	transform: skewX(15deg);
	display: block
}
.alist.quiz .info .quiz-question-count {
	position: absolute;
	bottom: 25px;
	left: 25px;
	color: #717171
}
.alist.quiz .image-wrap {
	padding-top: 81.66%;
	position: relative;
	overflow: hidden;
	border-radius: 4px;
	height: 0px;
}
.alist.quiz .image-wrap a {
	display: block;
}
.alist.quiz .image-wrap .zoom-bg {
	background-color: rgba(255,255,255,.05);
	background-repeat: no-repeat;
	text-decoration: none;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background-size: cover;
	background-position: 50% 50%;
}
.info .button-wrap {
	text-align: center;
	background: #1b8157;
	margin-left: auto;
	margin-top: -55px;
	margin-bottom: 15px;
	color: #fff;
	padding: 10px 15px;
	font-size: 20px;
	font-family: lato;
	font-weight: 700;
	border-radius: 3px;
	position: relative;
	z-index: 9999;
	height: 45px;
	width: 79px;
	transition: all .2s;
	overflow: hidden;
	text-transform: uppercase;
}
.info .button-wrap .button-start {
	opacity: 0;
	position: absolute;
	transition: all 0.1s 0s;
}
.info .button-wrap .button-quiz {
	position: absolute;
	right: 15px;
	background: #1b8157;
}
.engage-item {
	cursor: pointer;
}
.engage-item:hover .info .button-wrap {
	width: 148px;
}
.engage-item:hover .info .button-wrap .button-start {
	opacity: 1;
}
.engage-item .info a:hover {
	text-decoration: none;
}
.engage-item .last-slide .contain {
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: relative;
}
.engage-item .last-slide .contain .txWrapper {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 99;
}
.engage-item .last-slide .contain .txWrapper .tx {
	transition: all .25s ease-out;
	margin-top: 1.5rem;
	color: #fff;
	font-family: "Oswald", "sans-serif";
	font-size: 2rem;
	text-transform: uppercase;
	font-weight: 400;
	width: 100%;
	text-align: center;
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	padding: 15px;
	text-shadow: 1px 1px 4px rgba(0,0,0,0.5);
}
.engage-item .last-slide .contain .tx .plus {
	opacity: 0;
	transition: all .25s ease-out;
	height: 2.5rem;
	width: 2.5rem;
	margin: auto;
	margin-top: 20px;
}
.engage-item .last-slide .bg {
	box-shadow: 0 13px 20px -9px rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	transition: all .25s ease-out;
}
.engage-item .last-slide:hover .contain .tx {
	margin-top: 0px;
	transition: all .25s ease-out;
}
.engage-item .last-slide:hover .contain .tx .plus {
	opacity: 1;
	transition: all .25s ease-out;
	transition-delay: .25s;
}
.engage-item .last-slide:hover .bg {
	transform: scale(1.1);
}
@media (max-width: 768px) {
.alist.quiz .info {
    width: 100%!important;
}

	.spotlight-engage .dgov-col-sm-6 {
    padding: 0;
}
}
@media (max-width: 666px) {
.alist.quiz .only-one .image-wrap {
    left: 0;
}
.alist.quiz .only-one .info {
    margin: 0;
    padding: 10px 10px 0;
}
}
@media (max-width: 450px){
.info .button-wrap {
    width: 145px!important;
    height: 40px;
    font-size: 17px;
	}}
/***************************************************
	VOLCANO
***************************************************/
.sound-player {
	position: absolute;
	top: 70%;
	padding: 0 40px 40px;
	z-index: 1000;
	left: 4%;
	margin: 20px;
	background-color: #5a2424;
}
p.sound {
	color: #fff;
	top: 55px;
	font-weight: 600;
	position: relative;
	font-size: 2em;
	max-width: 300px;
	line-height: 1.2em;
	margin: 0;
}
video:focus {
	outline: none;
}
#dnn_ContentPaneFullBleed10, #content-pane-wrap9, #content-pane-wrap5, #dnn_ContentPaneFullBleed6 {
    background: #000;
}
/***************************************************
	BUTTON FIX
***************************************************/

.btn-primary-ghost:hover {
	color: #ffffff;
	background-color: #355e93;
}
.btn {
	transition: .3s;
}
/***************************************************
	ADD THIS
***************************************************/
/*.social-top {
	padding: 0 0 30px 0;
	margin-top: 2rem;
}*/
.social-inner {
	justify-content: center;
	display: flex;
	font-size: 1.4rem;
}
.social-inner a.addthis_button_facebook {
	transition: all .2s ease-in;
}
.social-inner a.addthis_button_facebook {
	margin-right: 15px;
}
.social-inner a, .social-inner a:link {
	color: rgb(128,128,128);
	text-decoration: none;
}
.addthis_toolbox a {
	margin-bottom: 5px;
	line-height: initial;
}
.social-inner a {
	border: 1px #717171 solid;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.fa.fa-facebook, .fa.fa-twitter {
	font-family: "Font Awesome 5 Brands";
	font-weight: 400;
}
.social-inner a.addthis_button_facebook {
	transition: all .2s ease-in;
}
.social-inner a.addthis_button_facebook {
	margin-right: 15px;
}
.social-inner a, .social-inner a:link {
	color: rgb(128,128,128);
	text-decoration: none;
}
.addthis_toolbox a {
	margin-bottom: 5px;
	line-height: initial;
}
.social-inner a {
	border: 1px #717171 solid;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.fa.fa-facebook, .fa.fa-twitter {
	font-family: "Font Awesome 5 Brands";
	font-weight: 400;
}
.fa, .fas {
	font-weight: 900;
}
.fa, .far, .fas {
	font-family: "Font Awesome 5 Free";
}
.fa, .fab, .fal, .far, .fas {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
}
.social-inner a.addthis_button_email {
	margin-left: 15px;
	font-size: .9em;
	transition: all .2s ease-in;
}
.addthis_toolbox a {
	margin-bottom: 5px;
	line-height: initial;
}
.fa-envelope:before {
	content: "\f0e0";
}
.fa-twitter:before {
	content: "\f099";
}
.fa.fa-facebook:before {
	content: "\f39e";
}
.social-inner a.addthis_button_facebook:hover {
	background-color: #3b5998;
	border-color: #3b5998;
}
.social-inner a.addthis_button_facebook {
	transition: all .2s ease-in;
}
.social-inner a.addthis_button_twitter:hover {
	background-color: #00aced;
	border-color: #00aced;
}
.social-inner a.addthis_button_twitter {
	padding-top: 2px;
	transition: all .2s ease-in;
}
.social-inner a.addthis_button_email:hover {
	background-color: #DD4B39;
	border-color: #DD4B39;
}
.social-inner a.addthis_button_email {
	margin-left: 15px;
	font-size: .9em;
	transition: all .2s ease-in;
}
.social-inner a.addthis_button_facebook:hover span {
	color: #fff;
}
.social-inner a.addthis_button_twitter:hover span {
	color: #fff;
}
.social-inner a.addthis_button_email:hover span {
	color: #fff;
	transition: all .2s ease-in;
}
/***************************************************
	TYPED QUOTE
***************************************************/
.DnnModule.DnnModule-DNN_HTML.DnnModule-624 {
	min-height: 1200px;
	background: url(/Portals/1/Interactive/2018/09-preparedness/florence.jpg)center;
	background-color: #000;
	background-size: cover;
}
.caption {
	padding: 10px;
	color: #000;
	background-color: #ffffff95;
	bottom: 10px;
	right: 10px;
	position: absolute;
	font-size: .75rem;
	width: 60%;
	display: none;
}
.quote {
	padding: 20px;
	height: 100vh;
	overflow-y: hidden;
}
.quote:before {
	content: "";
	display: block;
	margin: 0 auto;
	width: 40%;
	padding-top: 20px;
	border-top: 2px solid orange;
}
.typed_wrap {
	display: none;
}
.typed_wrap2 {
	display: block;
	width: 750	px;
	max-width: 95%;
	height: auto;
	padding: 80px 10px 80px;
	margin: auto;
}
.quote h1 {
	display: inline;
}
cite#author {
    font-family: 'crimson text', 'open sans', sans-serif;
    font-size: 1.4rem;
    margin-left: 1vw;
    color: #fff;
    font-style: italic;
    margin-top: 25px;
}
span.typed {
	display: none;
}
span.typed3 {
	position: absolute;
	color: #fff;
	z-index: 1000;
	bottom: 100px;
	left: 50px;
}
span.typed2 {
	font-family: 'crimson text', serif;
	font-weight: 400;
	line-height: .9em;
	color: #fff;
}
/* Custom Cursor */ 
.typed::after, .typed2::after, .typed3::after {
	content: '|';
	display: inline;
	animation: pulse 1s ease infinite;
/* Cursor Animation */ }
@keyframes pulse {
40% {
opacity: 0;
}
50%, 100% {
opacity: 1;
}
}
.single-line {
font-size: calc( 18px + (36 - 18) * (100vw - 440px) / (820 - 440));
}

@media screen and (max-width: 440px) {
.single-line {
	font-size: 18px;
}
}

@media screen and (min-width: 820px) {
.single-line {
	font-size: 36px;
}
}
.multi-lined {
font-size: calc( 16px + (50 - 16) * (100vw - 440px) / (820 - 440));
}

@media screen and (max-width: 440px) {
.multi-lined {
	font-size: 2.5rem;
}
}

@media screen and (min-width: 820px) {
.multi-lined {
	font-size: 2.5rem;
}
}
.quote strong {
font-size: calc( 20px + (54 - 20) * (100vw - 440px) / (820 - 440));
}

@media screen and (max-width: 440px) {
.quote strong {
	font-size: 20px;
}
}

@media screen and (min-width: 820px) {
.quote strong {
	font-size: 54px;
}
}
cite {
font-size: calc( 12px + (33 - 12) * (100vw - 440px) / (820 - 440));
	margin-left: 15vw;
	opacity: 0;
	position: absolute;
}

@media screen and (max-width: 440px) {
cite {
	font-size: 12px;
}
}

@media screen and (min-width: 820px) {
cite {
	font-size: 33px;
}
}
.fadeIn {
	opacity: 1;
	transform: translateX(-20px);
	transition: all 100ms ease-in;
}

@media screen and (max-width: 500px) {
.typed_wrap2 {
	width: 400px;
}
}

@media screen and (min-width: 820px) {
.typed_wrap2 {
	width: 750px;
	max-width: 95%;
}
}

/***************************************************
	RESPONSIVE
***************************************************/
/* XLG */
@media only screen and (max-width: 1580px) {
.sound-player {
	position: absolute;
	top: 60%;
	padding: 0 30px 40px;
	z-index: 1000;
	left: 4%;
	margin: 20px;
	background-color: #5a2424;
}
p.sound {
	color: #fff;
	top: 45px;
	font-weight: 600;
	position: relative;
	font-size: 1.5em;
	max-width: 300px;
	line-height: 1.2em;
	margin: 0;
}
}

/* LG */
@media only screen and (max-width: 1150px) {
.itemEach .contain {
	height: 300px;
}
.sound-player {
	position: absolute;
	top: 60%;
	padding: 0 30px 40px;
	z-index: 1000;
	left: 4%;
	margin: 20px;
	background-color: #5a2424;
	position: absolute;
	top: 58%;
	padding: 0 20px 20px;
	z-index: 1000;
	left: 0;
	background-color: transparent;
}
p.sound {
	color: #fff;
	top: 45px;
	font-weight: 600;
	position: relative;
	font-size: 1.5em;
	max-width: 300px;
	line-height: 1.2em;
	margin: 0;
	color: #fff;
	top: 70px;
	font-weight: 600;
	position: relative;
	font-size: 1.2em;
	max-width: 300px;
	line-height: 1.2em;
	margin: 0;
	text-shadow: 2px 1px 2px #000000;
}
}

/* MD */
@media only screen and (max-width: 991px) {
/*.itemEach a i {
	opacity: 1;
	margin-top: 0px;
}
.itemEach .bg {
	opacity: 0.4;
}*/
.itemEach a {
	margin-top: 0px;
}
.fa-plus-circle span {
	display: inline-block;
	margin-top: 10px;
	line-height: 1.5em;
	font-size: 20px;
}
	h4.normal.quote {
    
    max-width: 100%;
   
}
.btn-default-ghost, .btn-default-ghost:visited {
    margin: 0 10px;
}
	p {
    margin: 0 10px 30px;
}
	.DnnModule.DnnModule-DNN_HTML.DnnModule-628 {
    padding-bottom: 40px;
}
.spotlight-engage {
    max-width: 90%;
        margin: 0 auto 70px!important;
}
.typed_wrap2 {
    width: 650px;
	max-width: 95%;
}
.itemEach .contain {
	margin: 0px;
}
.breakout .itemEach {
	padding: 10px !important;
}
#dnn_ContentPaneFullBleed2 .page-wrap {
	padding: 30px 0px 0;
}
.sound-player {
	position: absolute;
	top: 60%;
	padding: 0 30px 40px;
	z-index: 1000;
	left: 4%;
	margin: 20px;
	background-color: #5a2424;
	position: absolute;
	top: 54%;
	padding: 0 20px 20px;
	z-index: 1000;
	left: 0;
	background-color: transparent;
}
	.gridlayout-cell {
    width: 100%!important;
    display: block;
}

	.only-one p {
    margin: 13px 0!important;
    line-height: 1.2;
}
alist.quiz .info .title h2 {
    font-size: 1.4rem!Important;
    font-size: 1.2rem!Important;
}
.alist.quiz .only-one .info .quiz-question-count {
    display: none!important;
}
	.alist.quiz .only-one .info {
    margin: 0px;
    padding: 10px 10px 0;
}.spotlight-engage .dgov-col-sm-6 {
    padding: 0;
}
	
	.alist.quiz .only-one .info {
    margin: 0px;
    padding: 30px 20px 0;
}
	p.sound {
	
	top: 30px;
	
}
	#dnn_ContentPaneFullBleed2 .page-wrap {
    padding: 30px 30px 0;
}
}

/* SM */
@media only screen and (max-width: 768px) {
.multi-lined {
	font-size: 40px;
}
.constrainedInner {
	padding: 0px !important;
}
h1.page-title {
	margin: 100px 0 0;
}
h2.intro, h2 {
    font-size: 2.5rem;
    max-width: 950px;
    margin: 0 auto;
        padding-right: 30px!important;
    padding-left: 30px!important;
}
.page-wrap, #white.page-wrap, #black.page-wrap, .page-wrap.black {
	padding: 20px 15px 0;
	margin-bottom: 0;
	transform: translateY(0);
}
.itemEach .contain {
	background: #000
}
.fullImg span {
	right: unset;
	display: block;
	line-height: 1.2em;
	padding: 8px;
}
.fullImg {
	margin: 15px 0 35px;
}
.more-row {
	padding: 15px 15px 35px;
}
.more-row2 {
	padding: 15px 15px 35px;
}
video.noplayer, video.noplayer.fireVid {
	padding-bottom: 0;
}
.typed_wrap2 {
	padding: 60px 20px;
}
.DnnModule.DnnModule-DNN_HTML.DnnModule-624 {
	min-height: 850px;
	background-size: cover;
	background-position: top;
}
.mainColumn-vid {
	max-width: 100%;
	margin: 0 auto;
}
.DnnModule.DnnModule-DNN_HTML.DnnModule-624 {
	min-height: 125vh;
}
.sound-player {
	position: absolute;
	top: 60%;
	padding: 0 20px 20px;
	z-index: 1000;
	left: 0;
	background-color: transparent;
}
p.sound {
	color: #fff;
	top: 25px;
	font-weight: 600;
	position: relative;
	font-size: 1.2em;
	max-width: 300px;
	line-height: 1.2em;
	margin: 0;
	text-shadow: 2px 1px 2px #000000;
}
.typed_wrap2 {
    padding: 60px 90px;
}
	cite#author {
    
    margin-left: 2vw;
    margin-top: 20px;
    color: #fff;
}

/*.gridlayout-cell:nth-of-type(1) {
    display: none;
}
*/
	.gridlayout-cell {
    width: 100%!important;
		display: block; 
}
	.itemEach .contain {
    height: 300px;
}
.only-one p {
    margin: 13px 0 25px!important;
    line-height: 1.2;
    
}
alist.quiz .info .title h2 {
    font-size: 1.4rem!Important;
    font-size: 1.2rem!Important;
}
.alist.quiz .only-one .info .quiz-question-count {
    display: none!important;
}

}

/* XS */
@media only screen and (max-width: 666px) {
h2.intro {
    margin: 0 15px;
}
	.top p {
    padding: 0 15px;
}
	#dnn_ContentPaneFullBleed2 .page-wrap {
    padding: 10px;
}
	
	.breakout {
   
    display: none;
}
	.sound-player {
    position: absolute;
    top: 60%;
    padding: 0 20px 20px;
    z-index: 1000;
    left: 50px;
    background-color: transparent;
}
p.sound {
    color: #fff;
    top: 25px;
    font-weight: 600;
    position: relative;
    font-size: 1.2em;
    max-width: 300px;
    line-height: 1.2em;
    margin: 0;
    text-shadow: 2px 1px 2px #000000;
}
.sound-player video {
	max-width: 200px;
}
.breakout .itemEach4 {
    padding: 0 !important;
}
	.typed_wrap2 {
    padding: 50px 20px 130px;
}
 .typed_wrap2 {
    max-width: 95%;
}
cite#author {
    color: #fff;
    margin: 20px;
}
.only-one .info .button-wrap {
    
  width: 148px!important;
   
}


}