/* CSS Document for It Matters section only  */

/* begin home page CSS */
/* ////////Covid19/////////// */
/* body { font-size: 16px !important; } */
#header{
  position: relative;
  z-index: 1;
}
body{
      max-width: 100% !important;
      overflow-x: hidden !important;
}
#uvTab{display:none !important;}

#topBar{z-index: 0 !important;}
#topNav{z-index: 0 !important;}
#footer{
  position: relative;
  z-index: 1 !important;
}

.animated_underline_a
{
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;

    position: relative;

    letter-spacing: .35em;
    text-transform: uppercase;
}

.animated_underline_a:after
{
    position: absolute;
    top: 100%;
    left: 0px;

    width: 0;
    height: 2px;

    content: '';
    transition: width .5s;

    background: currentColor;
}
.animated_underline_a:hover
{
    text-decoration: none;
}
.animated_underline_a:hover:after
{
    width: 100%;
}

.breadcrumb {
	font-size: 16px !important;
	font-weight: bold;
  padding-top: 20px !important;
  height: 60px;

}

section.page-title{
	background-color: #F8F8F9 !important;
	border-bottom:none !important;

}

#contentHead{
	display: none;
	margin-top: 40px;
}

/* Banners */
.language-text{
  margin-left: 18px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.3);
}
.covid-banner1 .language-text{
  font-size: 16px;
  letter-spacing: 2px;
}

.covid-banner1 .language-text a{

  color: #f2393f !important;
}

.covid-banner1 .banner-container{
  margin-top: 10px;
}

.covid-banner1 {
	background-image:url(../images/slide-01.jpg) !important;
	color:white;
  background-position: center;
  background-repeat:no-repeat;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
	margin:0;/* margins must be zeroed out on background color rows -Jackson */
	padding:0;
	/* min-height:60vh;  */ /* Makes height automatically stretch to size of screen by 80% - Jackson*/
	height: 500px;
	overflow-y: hidden;
	display:none;
}

.covid-banner1 .col-sm-offset-1{
	margin-left: 0;
}

.covid-banner1 h1 {
  font-size: 34px;
  font-weight: 400;
  line-height: 50px;
  color: #fff !important;
  /* margin-top: 26%; */
	margin-top:150px;
	word-spacing: 3px;
	/* text-shadow: #000 0px 5px 10px; */
}

.covid-banner1 p {
  font-size: 30px;
  margin-top: 10px;
  line-height: 40px;
	letter-spacing: 6px;
	/* text-shadow: #000 0px 5px 10px; */
}

.covid-banner2 {
	background-image:url(images/bg-banner-01.jpg) !important;
	color:white;
  background-position: center;
  background-repeat:no-repeat;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
	margin:0;/* margins must be zeroed out on background color rows -Jackson */
	padding:0;
	height: 300px;
	/* min-height:60vh; /* Makes height automatically stretch to size of screen by 80% - Jackson*/
	overflow-y: hidden;
	display: none;
}

.covid-banner2 .container {
  align-self: center;
}

.covid-banner2 h1 {
	font-size: 34px;
  font-weight: 400;
  line-height: 38px;
  color: #fff !important;
  margin-top: 10%;
	word-spacing: 3px;
	letter-spacing: 3px;
	/* text-shadow: #000 0px 5px 10px; */
}

.covid-banner2 p {
  font-size: 22px;
  margin-top: 10px;
  line-height: 30px;
	/* text-shadow: #000 0px 5px 10px; */
}

.covid-banner1 a, .covid-banner2 a{
	color:#fff !important;
}

/* End Banners */

/* slider menu */

.inner-menu-slide{
	padding: 0;
}
.slider-menu-section{
padding-bottom: 0 !important;
}
.menu_section
{
    padding: 0;
}

.menu_content li{ display: inline;}

@media (min-width: 992px)
{
    .menu_content
    {
        font-size: 16px;

        letter-spacing: .055em;
    }
}
.menu_content > li
{
    padding: 6px 10px;
}
@media (min-width: 768px)
{
    .menu_content > li
    {
        padding: 10px 0;
    }
}
@media (min-width: 992px)
{
    .menu_content > li
    {
        padding: 13px 0;
    }
}
@media (min-width: 768px)
{
    .menu_content > li:after
    {
        margin: 0 8px;

        content: '|';
    }
}
@media (min-width: 992px)
{
    .menu_content > li:after
    {
        margin: 0 14px;
    }
}
.menu_content > li:last-child:after
{
    display: none;
}
.menu_content span
{
    position: relative;

    color: #666;
}
.menu_content span:after
{
    position: absolute;
    bottom: -5px;
    left: 50%;

    visibility: visible;

    width: 0;
    height: 4px;

    content: '';
    transition: width .5s;
    transform: translateX(-50%);
    pointer-events: none;

    background: #790306;
}

@media (min-width: 768px)
{
    .menu_content span:after
    {
        bottom: -10px;
    }
}
@media (min-width: 992px)
{
    .menu_content span:after
    {
        bottom: -14px;
    }
}
.menu_content span:hover
{
    text-decoration: none;

    color: #790306;
}
.menu_content span:hover:after
{
    visibility: visible;

    width: 21px;
}
.menu_content .active span
{
    font-weight: 700;

    color: #790306;
}
.menu_content .active span:after
{
    width: 21px;
}

/* End slider menu */
.covid19GrayBg{
	background-color: #F8F8F9;
}
#covid-container {
	margin-left: 0 !important;
	margin-right: 0 !important;
	width:100%;
}

.red-covid-heading{
	color: #790306 !important;
	margin-bottom: 0 !important;
}

.decorative-dash{
	font-size: 60px !important;
	color: #790306;
}

.covid-vid-updates p.decorative-dash{
	color: #fff;
	margin-bottom: 20px;
	font-weight: 400;
}

.resource_item
{
    font-size: 18px;
    font-weight: 400;
    line-height: 1.33;

    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    width: 100%;
    min-height: 240px;
    padding: 21px 20px 20px 25px;

    transition: box-shadow .5s;

    color: #434344;
    background: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);

    -ms-flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;

		/* margin-top: 20px; */
    /* min-height: 584px; */
    margin-top: 30px;
}

.resource_item p a:hover
{
    color: #434344;
}

a.resource_item:hover
{
    text-decoration: none;

    box-shadow: 0 0 15px rgba(0, 0, 0, .5);
}

.resource_item_row{padding-left: 20px;}

.resource_item__content p{
	font-size: 14px;
}

.mini-map-content{
	padding-left: 0 !important;
	padding-right: 0 !important;
	/* padding-bottom: 0 !important; */
}

.mini-map-content-text{
	padding-left: 20px;
	padding-right: 20px;
}

.slick-slide{padding:20px;}


.covid-vid-updates{
	background-image:url('/covid19/images/bg-01.jpg') !important;
	/* background-image: url("/assets/images/covid19/bg-01.jpg"); */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	color:#fff;
}

.covid-vid-updates h2{
	color:#fff;
	margin-bottom:0;
}

.covid-vid-updates .caption{
	padding: 6px 6px 6px 18px;
	background-color: #fff !important;
	color:#666 !important;

}

.covid-vid-updates .btn-primary {
    border-color: #fff;
}

.covid-vid-updates-btn{
	margin-bottom:50px !important;
	border-color: #fff !important;
	background-color: #fff !important;
	color: #B92B28 !important;
	min-width:240px;
}

.vid-row {
	margin-top: 50px;
}

.remove-top-padding{
	padding-top: 0 !important;
}

.remove-bottom-pad{
	padding-bottom: 0 !important;
  width: 99%; /* weird chrome left to right scrolling issue fix */
}

.covid-white-block{
	background:#fff !important;
}

.more-info-slider{
	width:100%;
	height: 400px;
	color: #fff !important;
}

.more-info-slider a{
	color: #fff !important;
	font-weight: bold !important;
}

.more-info-slider h1{
	color: #fff !important;
	font-size: 34px !important;
  font-weight: 400;
  line-height: 50px;
	word-spacing: 3px;
	margin-bottom:30px
}
.more-info-slider p{
	color: #fff !important;
	font-size: 24px !important;
  margin-top: 20px !important;
	font-weight: bold !important;
  line-height: 40px;
	letter-spacing: 6px;
}

.more-info-slider-container{
	padding: 20px 30px 30px 30px !important;
	background-color: #fff;
	width:100%;
	/* height: 500px; */

}

.more-info-slider-content{
	margin-top: 120px;
}

.info-slide{
	height: 400px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.more-info-slider .slick-dots {
    bottom: 60px;
}

.slick-dots button{
	font-size: 0 !important;
	line-height: 0;
	width: 11px !important;
	height: 11px !important;
	margin: 0 !important;
	padding: 0 !important;
	transition: .5s all;
	border: 1px solid #790306 !important;
	border-radius: 50% !important;
	background: none !important;
}

.more-info-slider button{
	font-size: 0 !important;
	line-height: 0;
	width: 11px !important;
	height: 11px !important;
	margin: 0 !important;
	padding: 0 !important;
	transition: .5s all;
	border: 1px solid #FFF !important;
	border-radius: 50% !important;
	background: none !important;
}

.slick-dots {
    line-height: 0;
    list-style: none !important;
}

.slick-dots button:hover
{
    background: #790306;
}

.slick-dots li button::before{
	font-size: 0 !important;
}
.slick-dots .slick-active button
{
    background: #790306 !important;
}

.more-info-slider .slick-dots .slick-active button
{
    background: #FFF !important;
}

.more-info-slider .slick-dots button:hover
{
    background: #FFF !important;
}

/* Inner content page layout */

/* .covid19-inner-pg{
	margin-top:0;
	margin-bottom: 0;
	padding: 20px 40px 20px 40px !important;
	background-color: #FFF !important;
	min-height: 600px;
	border-bottom: 50px solid #F8F8F9;
} */

.innerPgLayout{
  background-color: #fff !important;
  padding-left: 30px !important;
	padding-right: 30px !important;
  padding-bottom: 30px;
	margin-bottom: 40px;
}

.innerPgLayout .row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

/* End Inner content page layout */

/* #footer */
/* #footer {
	border-top: 0 !important;
	padding-top: 50px !important;
	padding-bottom: 40px !important;
	color:#fff !important;
    background-color: #790306 !important;
}

#footer li {

  display: inline-block;

}

#footer .social-icons{

  padding-left: 0;
  font-size: 30px;
}

#footer a {
    color: #939191;
    text-decoration: none;

}

#footer .social-icons a {
    color: #fff !important;
}

#footer a:hover{
    color: #fff !important;
}

#footer li::after {
    border-bottom: 0px !important;
} */
/* End #footer */


/* ////////End Covid19/////////// */

.azdhs-custom-banner {
	color:white;
	margin:0;/* margins must be zeroed out on background color rows */
	padding:0;
	height: 260px;

}

.banner-main-text-p{
	font-size:38px;
}

.banner-container.row {
	height:160px;
	margin-bottom:0;
	padding-bottom:0;
}

.banner-container {
	margin-top: 80px;
}

.banner-images {
	background-position:right;
	background-repeat:no-repeat;
	-webkit-background-size: auto !important;
	   -moz-background-size: auto !important;
		 -o-background-size: auto !important;
			background-size: auto !important;
     margin:0;
     padding:0;
}

.tagline {
	padding-top:15px;
	/* padding-bottom:15px;
	padding-left:40px; */
}

.banner-container h1 {

	margin-bottom:20px;

}

.banner-container h2 {

	margin:0;
	padding-top:20px;
	padding-left:10px;
	color:#ffffff;
	cursor:pointer;
	text-shadow: 0px 5px 10px rgba(0,0,0,1.0);

	font-weight: 500;
}

.azdhs-custom-banner-p{
	display: inline;
	font-size:22px;
	color:#fff;
	line-height:35px;
  /* background-color: #3268ab; */
	width:550px;
	padding:6px 10px;
}

.azdhs-custom-banner{
	background-position:center;
	background-repeat:no-repeat;
	background-size: 100%;
	background-image: url(/assets/images/preparedness/epidemiology-disease-control/mosquito-borne/west-nile-virus/west-nile-slide.jpg);
	margin-left: 0 !important;
	margin-right: 0 !important;
}

a { text-decoration: none !important; }
.featured-box p { color: #000; }
i.fa.charcoal {
	background-color: #777777 !important;
}
.pro-banner {
	color:#fff;margin:0;padding:0;margin-right: 0px !important;
	background-image: url('/assets/images/preparedness/epidemiology-disease-control/mosquito-borne/protection-from-mosquitoes/west-nile-slide.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	height: 350px;
	margin-right: 0px;
}
.banner-container h2 { margin:0;padding-top:20px;color:#ffffff;cursor:pointer; }
.pro-banner-p{
	font-size:38px;
	vertical-align: middle;
	line-height: 350px;
	font-weight: bold;
	color: #fff;
}
.pro-banner-p span {
	background: #B92928;
	padding: 0px 10px;
}

.charcoal span, .charcoal .fa, .red span, .red .fa {
	color: #fff;
}
.charcoal a, .red a {
	text-decoration: none !important;
}
.red {
	background-color: #B92928;
}

div.featured-box.noborder{
	background: none !important;
}

div.featured-box i.fa{
	background-color: #3268ab !important;
}

div.featured-box i.fas{
	background-color: #3268ab !important;
}

div.featured-box i.fas {
    padding: 0;
    color: #fff;
    margin: 20px 0;
    font-size: 40px;
    text-align: center;
    position: relative;
    background-color: #333;
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

#sidebar-nav{display: none;}

.azdhs-custom-container{
	margin-top:40px;
}

.icon-mosquito1{
	position: relative;
	top:5px;
	font-size: 60px !important;
}

.icon-virus{
	position: relative;
	top:5px;
	font-size: 50px !important;
}

@media (max-width:1216px){
  #breadcrumbs .container{
    padding-left: 30px;
    padding-right:30px;
  }

  #covid-container{
    padding-right: 30px;
    padding-left: 30px;
  }
}

@media (min-width:1160px){
	.banner-main-text-p{

		margin-left:0 !important;
		padding:0px !important;
	}

	.azdhs-custom-banner-p{
		font-size: 22px !important;
	}

	.azdhs-custom-banner-p strong{
		font-size: 22px !important;
	}

}

@media (max-width:1159px){
	.banner-main-text-p{
		margin-left:80px !important;
		background-color: #3268ab !important;
		padding:20px 20px 20px 20px !important;
	}

	.azdhs-custom-banner-p{
		display:none;
	}

	.tp-caption.finewide_large_white-bolder{
		text-shadow: none !important;
	}

}

@media (max-width:1024px){
	.azdhs-custom-banner-p{
		font-size:16px;
		line-height:30px;
	}

	.banner-main-text-p{
		margin-left:80px;
		background-color: #3268ab !important;
		padding:20px 20px 30px 20px;
	}

}

@media (max-width:990px){
	.covid-banner1 h1 {
		font-size: 28px;
	}

	.vid-row {
    padding-left: 15px;
    padding-right: 15px;
	}
}

@media (max-width:800px){


	.azdhs-custom-container{
		margin-top:80px;
		width:100%;
	}

	.azdhs-custom-banner-p{
		width:350px;
	}

	.banner-container h2 {
		font-size: 1.8em;
	}

	.banner-main-text-p{
		margin-left:0px;
		background-color: #3268ab !important;
		padding:20px 20px 30px 20px;
	}
}

@media (max-width: 768px){
  .banner-container h1 {
    margin-top: 125px;
  }
	.covid-banner2 h1{
		margin-top: 110px;
	}

	.menu_content{
    text-align: center;
    padding-left: 0;
	}

	.menu_content li {
    display: block;
	}

	.vid-row img{
		width:100% !important;
	}

	.vid-row .caption{
		margin-bottom: 20px;
	}


}

@media (min-width: 768px){
	/* slider menu */
	.menu_section
	{
	    padding: 20px 0;
	}

	.menu_content
	{
	    font-size: 16px;
	    font-weight: 300;
	    line-height: 1.2;

	    margin: 0 -10px;
	    padding: 0;

	    list-style: none;

	    text-align: center;
	    letter-spacing: .02em;
	    text-transform: uppercase;
	}

	.menu_content > li:after
	{
			margin: 0 8px;

			content: '|';
	}
	/* End slider menu */

  .more-info-slider h1 {
    font-size: 30px !important;
  }

  .more-info-slider-content{
    margin-top: 90px;
  }



}

@media (max-width:700px){

  .language-text {
      margin-left: 10px;
      margin-right: 10px;
    }

}

@media (max-width:540px){
  .lazy{
    background-color: #F8F8F9 !important;
  }

  .make-section-grey{
    background-color: #F8F8F9 !important;
  }

  .banner-container h1 {
    margin-top: 110px;
  }

  /* .more-info-slider .slick-dots {
      bottom: 20px !important;
  } */

  .more-info-slider h1 {

    font-size: 24px !important;
    line-height: 30px;
    word-spacing: 3px;
    margin-bottom: 30px;
  }

  .animated_underline_a {
    font-size: 16px;

  }

}

@media (max-width:400px){
	section{
		padding-top:0 !important;

	 }

   .banner-container h1{
 		  margin-left: 10px;
      margin-right: 10px;
 	  }

	.banner-main-text-p{
		font-size:38px;
		margin-left:24px !important;
		background-color: #3268ab !important;
		padding:10px 10px 10px 10px !important;
	}

	.banner-container {
		margin-top: 50px;
	}

  .more-info-slider h1 {
    font-size: 28px !important;
    line-height: 34px;
  }

  .more-info-slider-content{
    margin-top: 60px;
  }

  .slider-menu-section {
    padding-top: 20px !important;
  }

  .more-info-slider .slick-dots {
    bottom: 20px;
}

}



@media (max-width:300px){

    .more-info-slider h1 {
      font-size: 18px !important;
      line-height: 30px;
    }

}