@charset "utf-8";
/* CSS Document */
.covid-box h3 {
    color:#0081b1;
    font-size: 28px;
}

@media only screen and (max-width: 970px) {
  .covid-box h3 {
    min-width:80%;
      font-size: 22px;
  }
}

.covid-box {
    border:1px solid #cccccc;
    padding:15px;
}


.outlined-box h3 {
    color:#0081b1;
}

.outlined-box {
    display:flex;
    flex-flow:row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    border:1px solid #cccccc;
    padding:5px;
}


.outlined-box div.text {
    flex: 2 2 auto;
    padding:20px;
    max-width:calc(100% - 440px);
    min-width:300px;
}

@media only screen and (max-width: 970px) {
  .outlined-box div.text {
    min-width:80%;
      margin:0px auto;
  }
}

.outlined-box div.photo {
    flex: 1 1 auto;
}

@media only screen and (max-width: 970px) {
  .outlined-box div.photo {
       text-align: center;
  }
}

.outlined-box div.photo img {
	width:100%;
    max-width:400px;
    min-height: auto;
}

.icon-boxes2 {
    display:flex;
    flex-flow:row wrap;
    justify-content: space-evenly;
    padding:5px;
    margin:30px 0px;
}

.icon-boxes2 div {
    display:flex;
    flex-flow:center wrap;
    flex: 1 1 auto;
    align-items: center;
    font-size: 20px;
    border-top:1px solid #cccccc;
    border-left:1px solid #cccccc;
    border-right:1px solid #cccccc;
    margin:0px 20px 40px 20px;
    max-width:270px;
    height:140px;
}

.icon-boxes2 div.icon-treatment {
    color:rgba(95,156,100,1.00);
    border-bottom:3px solid rgba(95,156,100,1.00);
}

.icon-boxes2 div.icon-treatment h4 a {
    color:rgba(95,156,100,1.00);
    text-decoration: none;
}

.icon-boxes2 div.icon-treatment h4 a:hover {
    color:rgba(95,156,100,1.00);
    text-decoration: underline;
}

.icon-boxes2 div.icon-treatment:hover {
    background-color: rgba(95,156,100,0.15);
}

.icon-boxes2 div.icon-support {
    color:rgba(199,162,62,1.00);
    border-bottom:3px solid rgba(199,162,62,1.00);
}

.icon-boxes2 div.icon-support h4 a {
    color:rgba(199,162,62,1.00);
    text-decoration: none;
}

.icon-boxes2 div.icon-support h4 a:hover {
    color:rgba(199,162,62,1.00);
    text-decoration: underline;
}

.icon-boxes2 div.icon-support:hover {
    background-color: rgba(199,162,62,0.15);
}

.icon-boxes2 div.icon-overdose {
    color:rgba(230,133,51,1.00);
    border-bottom:3px solid rgba(230,133,51,1.00);
}

.icon-boxes2 div.icon-overdose h4 a {
    color:rgba(230,133,51,1.00);
    text-decoration: none;
}

.icon-boxes2 div.icon-overdose h4 a:hover {
    color:rgba(230,133,51,1.00);
    text-decoration: underline;
}

.icon-boxes2 div.icon-overdose:hover {
    background-color: rgba(230,133,51,0.15);
}

.icon-boxes2 div.icon-prevention {
    color:rgba(87,133,193,1.00);
    border-bottom:3px solid rgba(87,133,193,1.00);
}

.icon-boxes2 div.icon-prevention h4 a {
    color:rgba(87,133,193,1.00);
    text-decoration: none;
}

.icon-boxes2 div.icon-prevention h4 a:hover {
    color:rgba(87,133,193,1.00);
    text-decoration: underline;
}

.icon-boxes2 div.icon-prevention:hover {
    background-color: rgba(87,133,193,0.15);
}

.icon-boxes2 div.icon-stories {
    color:rgba(92,92,92,1.00);
    border-bottom:3px solid rgba(92,92,92,1.00);
}

.icon-boxes2 div.icon-stories:hover {
    background-color: rgba(92,92,92,0.15);
}

.icon-boxes2 div.icon-stories h4 a {
    color:rgba(92,92,92,1.00);
    text-decoration: none;
}

.icon-boxes2 div.icon-stories h4 a:hover {
    color:rgba(92,92,92,1.00);
    text-decoration: underline;
}


.icon-boxes2 div h4 {
    font-size: 20px;
}

/*.icon-boxes2 div:hover h4 {
    text-decoration: underline;
}*/

.icon-boxes2 img {
    margin-right:10px;
    width:98px
}

section.resources {
	padding:0px 0% 0px 4%;
	width:96%;
	column-gap: 80px;
	column-rule: 1px solid rgba(0,0,0,0.2);
/*	border-left: 1px solid rgba(0,0,0,0.2);*/
	}

@media only screen and (min-width: 901px) {
section.resources {
column-count: 2;
}}

@media only screen and (max-width: 900px) {
section.resources {
column-count: 1;
}}

section.resources section {
break-inside:avoid-column;
page-break-inside: avoid; /* needed for Firefox */
}



section.resources-title h3 {
    color:#444444;
    font-size: 28px;
    border-bottom:3px solid #0081b1;
    margin:40px 0px 30px 0px;
}

section.resources section h4 {
    color:#444444;
    font-size: 23px;
    margin:0px;
}

section.resources section p {
    margin:3px 0px 20px 0px;
}

section.resources section h4 a {
    color:#0081b1;
}

section.resources section h4 a:hover {
    color:#003B51;
    text-decoration: none;
}