.style15{
	color: #CC0000;
}
.fontSize{
	font-size:1rem !important;
}
.ghostwhite{
	background-color: ghostwhite;
}
a:lang(en),a:lang(es) {
	color: #002454 !important;
}
html {
	scroll-behavior: smooth;
}
/*a,p,ul,ol{ font-size: 0.9rem; }*/
.anchor-color{
	color: #ff8633 !important;
	font-weight: 550;
}
.anchor-nobold-color{
	color: #002454 !important;			
}
a:hover{
	text-decoration: underline;
}
.desktop{ display: block; }
.mobile{ display: none; }
#questions,#resources,#westnile-virus,#updates,#reports,#questions,#racoonworm,#spreads,#prevention,#symptoms,#infoprov,#infopub { font-weight: 700; font-size: 1.6rem; text-transform: uppercase; }
ul.gradient-list2 li b{
	font-size: 1.15rem !important;
}
.rrw-fontSize{
	font-size: 1rem !important;
}
.rrw-padding-left-right{
	padding: 0 15px;
}
.rrw-h4-fontsize{
	text-transform: uppercase;
	text-decoration: underline;
	font-size: 1.2rem;
	font-weight: 550;
	padding: 20px 0px;
	text-align: center;
}
.changeFont{ font-size: 1rem; font-weight: bold; }
.rrw-ul-fontcolor{ color: #1C1C1C !important; font-size: 1rem; }
.add_res_link{ font-weight: 500; font-size: 1rem; }
.add_res_link:hover{ color:#d99255 !important; }
.custom-mt-3{
	margin-top: 0.8rem;
}
.direct-content{
	max-width: 400px !important;
	width: 100% !important;
	font-family: 'Century Gothic';
	box-shadow: 0px 0px 4px #00000070;
	clear: both;
	display: table;
	background-color: #002454 !important;
	color: #fff !important;
	margin: 0 auto;
}
.btn{
	padding: 0.375rem 0.25rem
}
.iframe-css {
	position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; border: none;
}

.container-iframe {
	position: relative; width: 100%; overflow: hidden; padding-top: 56.25%;
}

.container-div{
	width: 100%; min-width: 400px; max-width: 800px; text-align: center; margin: 0 auto;
}

.box {
	overflow: hidden;
	position: relative;
	border-radius: 5px;
	border-width: 4px;
	border-style: solid;
	border-color: #002454;
	padding-top: 0.6rem;
	padding-bottom: 2rem;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 1.5rem;
	font-family: 'Arial';
	overflow-wrap: break-word;
	height: 225px;
	max-height: 225px;
	max-width: 450px;
	margin: 0 auto;
	box-shadow: 7px 7px 26px 0px rgba(49, 38, 61, 0.5) !important
}

.add-padding-right{
	margin-right: 15px;
}

.h4-style{
	border-bottom: 2px solid #002454;
	font-size: 1.3rem;
	font-weight: 600;
}

.p-margin-top{
	margin-top: 15px;
}

ol.gradient-list {
counter-reset: gradient-counter;
list-style: none;
margin: 1.75rem 0;
padding-left: 1rem;
margin-bottom: 0 !important;
}
ol.gradient-list > li {
background: white;
border-radius: 0 0.5rem 0.5rem 0.5rem;
counter-increment: gradient-counter;
margin-top: 1rem;
min-height: 2rem;
padding: 1rem 1rem .8rem 3rem;
position: relative;
font-size: 1rem;
}
ol.gradient-list > li::before, ol.gradient-list > li::after {
/*background: linear-gradient(135deg, #fff 0%, #002454 100%);*/
border-radius: 1rem 1rem 0 1rem;
content: "";
height: 3.8rem;
left: -1rem;
overflow: hidden;
position: absolute;
top: -1rem;
width: 3rem;
}
ol.gradient-list > li::before {
align-items: flex-end;
content: "✔";
color: #002454;
display: flex;
font: 900 1.8em/1 "Montserrat";
justify-content: flex-end;
padding: 2.225em 0.015em;
z-index: 1;
}
ol.gradient-list2 > li + li {
margin-top: 2rem;
}

ol.gradient-list2 {
	counter-reset: gradient-counter;
	list-style: none;
	margin: 1.75rem 0;
	padding-left: 1rem;
	margin-bottom: 0 !important;
	}
	ol.gradient-list2 > li {
	background: white;
	border-radius: 0 0.5rem 0.5rem 0.5rem;
	counter-increment: gradient-counter;
	margin-top: 1rem;
	min-height: 2rem;
	padding: 1rem 1rem .8rem 3rem;
	position: relative;
	font-size: 1rem;
	}
	ol.gradient-list2 > li::before, ol.gradient-list2 > li::after {
	/*background: linear-gradient(135deg, #fff 0%, #002454 100%);*/
	border-radius: 1rem 1rem 0 1rem;
	content: "";
	height: 3.8rem;
	left: -1rem;
	overflow: hidden;
	position: absolute;
	top: -1rem;
	width: 3rem;
	}
	ol.gradient-list2 > li::before {
	align-items: flex-end;
	content: "\00B7";
	color: #002454;
	display: flex;
	font: 900 3.8em / 1 "Montserrat";
    justify-content: flex-end;
    padding: 1.25em .8em;
	z-index: 1;
	}
	ol.gradient-list2 > li + li {
	margin-top: 2rem;
	}

@media (max-width:842px){
	.colGrey4Media{
		margin-top: -25px;
	}
}
@media (max-width:420px){
	.h2{
		font-size: 1.4rem !important;
	}
	.h4-style{
		font-size: .8rem;
	}
}
@media (max-width:340px){
	.desktop{ display: none; }
	.mobile{ display: block; }
}
.container {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.container .card {
position: relative;
max-width: 200px;
height: auto;
background: rgba(255, 255, 255, 0.3);
margin: 2rem;
box-shadow: 0 2rem 4.5rem rgba(0, 0, 0, 0.3);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
backdrop-filter: blur(10px);
}
.card{
	border-radius: 1.5rem !important;
	border: 1px solid rgb(0 36 84) !important;
	box-shadow: 7px 7px 26px 0px rgba(49, 38, 61, 0.5) !important;
}
.card-image {
width: 12rem;
height: 12rem;
border-radius: 50%;
overflow: hidden;
border: 5px solid rgb(0 36 84);
text-align: center;
margin: 10px auto 0 auto;
}
.card-image img {
object-fit: cover;
height: 100%;
width: 100%;
}
.content h3 {
text-align: center;
font-size: 2rem;
margin-top: 1.5rem;
}
.content p {
text-align: center;
font-size: 1.8rem;
margin-top: 0.5rem;
}
.icons {
margin-top: 3rem;
display: flex; 
gap: 1.5rem;
}
.icons a{
color: #000;
font-size: 2.4rem;
}
.icons a:hover {
color: #393838;
}

.center-content{
	text-align: center;
}
/* CSS */
.button-29 {
align-items: center;
appearance: none;
background-color: #0771cd;
border: 0;
border-radius: 6px;
box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 13px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset;
box-sizing: border-box;
color: #fff;
cursor: pointer;
display: inline-flex;
height: 36px;
justify-content: center;
line-height: 1;
list-style: none;
overflow: hidden;
padding-left: 16px;
padding-right: 16px;
position: relative;
text-align: left;
text-decoration: none;
transition: box-shadow .15s,transform .15s;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
white-space: nowrap;
will-change: box-shadow,transform;
font-size: 18px;
text-transform: uppercase;
}

.button-29:focus {
box-shadow: #1a7acf 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #1a7acf 0 -3px 0 inset;
}

.button-29:hover {
box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #1a7acf 0 -3px 0 inset;
transform: translateY(-2px);
}

.button-29:active {
box-shadow: #1a7acf  0 3px 7px inset;
transform: translateY(2px);
}

/*Start of Call Out Box*/
.callout {
	padding: 0.8em 1em;
	line-height: 1.2;
	text-align: left;
	position: relative;
	clear: both;
	border-radius: 0 10px 10px 0;
	font-size:1.15rem;
   }
   
   .callout b{ color:#384479; font-weight:550; font-size: 1.2rem; }
   .sub-title-b{ font-size: 1.15rem !important; }
   
   .callout::before {
	width: 35px !important;
	height: 35px !important;
	display: inline-flex;
	justify-content: left;
	position: absolute;
	font-size: 1.5em;
	left: -1.2rem;
	content: "";
	/*background: url("../images/mental-health_90.png") no-repeat 0 0;*/
	background-size: 100%;
   
	background-color: #4d5d73;
	border-radius: 50%;
	align-items: left;
	top: -0.8rem;
   }
   
   .callout {
	background: rgba(169,190,217, 0.5);
	border-left: 4px solid #4d5d73;
	color: #242424;
	margin: 1em;
   }
   
   .callout.success::before {
	content: "";
	/*background: url("../images/mental-health_90.png") no-repeat 0 0;*/
	background-size: 100%;
	background-color: #d99255;
	border-radius: 50%;
	align-items: left;
	top: -0.8rem;
   }
   
   .callout.success {
	background-color: #f2d3ac;
	border-left: 4px solid #d99255;
   }

   .callout.success3 {
	background-color: #fff1ba;
	border-left: 4px solid #fedd59;
   }

   .callout.success3:before{
	content: "";
	/*background: url("../images/mental-health_90.png") no-repeat 0 0;*/
	background-size: 100%;
	background-color: #fedd59;
	border-radius: 50%;
	align-items: left;
	top: -0.8rem;
   }

   .callout.success4::before {
	content: "";
	/*background: url("../images/mental-health_90.png") no-repeat 0 0;*/
	background-size: 100%;
	background-color: #3258a4;
	border-radius: 50%;
	align-items: left;
	top: -0.8rem;
   }
   
   .callout.success4 {
	background-color: #e7efff;
	border-left: 4px solid #3258a4;
   }
   

   .adjust-button-17{ padding: 50px 30px; text-align: left; }
   
   @media(max-width:768px){
	.mobile-margin{
		margin:0 !important;
	}
	.adjust-content{width:100% !important;}
	.adjust-button-17{ padding: 90px 30px; }
   }
   
   @media(min-width:820px) and (max-width:1024px){
	.adjust-content{width:91% !important;}
   }
   /*End of Call out Box*/