/***** BULLETS FOR LETTERS *****/

.featureListletter, .featureListletter ul {
font-variant:none;
text-transform:none;
font-family:warnock-pro-caption, serif;
font-weight: 400;
font-size:16px;
line-height:21px;
margin-left:33px;
list-style-type:none;
color:#077ea8;
padding-left:0px;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
.featureListletter li:before {
position:absolute;
margin-left:-30px;
}
.featureListletter li.tick:before {
content: '';
display: inline-block;
width:20px;
height:20px;
background-size:20px;
background-image: url(https://stjohnsfcwi.org/images/baseline-home-letter-24px.svg);
background-repeat: no-repeat;
margin-right: 10px;
background-position: center center;
vertical-align: middle;
}

/***** BULLETS FOR LETTERS *****/



/***** BULLETS FOR EVERYTHING ELSE *****/
.featureList, .featureList ul {
font-variant:none;
text-transform:none;
font-family:warnock-pro-caption, serif;
font-weight: 700;
font-size:17px;
line-height:24px;
margin-left:33px;
list-style-type:none;
color:#b77700;
padding-left:0px;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
.featureList li:before {
position:absolute;
margin-left:-40px;
}
.featureList li.tick:before {
content: '';
display: inline-block;
width:20px;
height:20px;
background-size:20px;
background-image: url(https://stjohnsfcwi.org/images/baseline-home-24px.svg);
background-repeat: no-repeat;
margin-right: 10px;
background-position: center center;
vertical-align: middle;
}
.featureList li.tickoff:before {
content: '';
display: inline-block;
width:20px;
height:20px;
background-size:20px;
background-image: url(https://stjohnsfcwi.org/images/baseline-home-off.svg);
background-repeat: no-repeat;
margin-right: 10px;
background-position: center center;
vertical-align: middle;
}
.featureList li.cross:before {
font-size:37px;
line-height:20px;
font-family:'Roboto', sans-serif;
content:"\2023";
color:#73ccd1;
font-weight:bold;
}
.featureList li.crossoff:before {
font-size:37px;
line-height:20px;
font-family:'Roboto', sans-serif;
content:"\2023";
color:white;
font-weight:bold;
}
.featureList li.circleone:before {
content:" ";
width:30px;
height:30px;
background-image: url(../images/baseline-circle1-24px.svg);
}
.featureList li.circletwo:before {
content:" ";
width:30px;
height:30px;
background-image: url(../images/baseline-circle2-24px.svg);
}
.featureList li.circlethree:before {
content:" ";
width:30px;
height:30px;
background-image: url(../images/baseline-circle3-24px.svg);
}
.darkgreenfaq {
padding:20px;
background-color:#f3f6ee;
margin-bottom:20px;
}
.lightgreenfaq {
padding:20px;
background-color:#fff;
margin-bottom:20px;
}

/* •••••••••••••••••••••••••• Size Change •••••••••••••••••••••••••• */
@media (max-width: 500px) { 
/* •••••••••••••••••••••••••• Size Change •••••••••••••••••••••••••• */
.featureList li.circleone:before {
content:" ";
width:30px;
height:30px;
background-image: url(../images/baseline-circle1-24px.svg);
}
.featureList li.circletwo:before {
content:" ";
width:30px;
height:30px;
background-image: url(../images/baseline-circle2-24px.svg);
}
.featureList li.circlethree:before {
content:" ";
width:30px;
height:30px;
background-image: url(../images/baseline-circle3-24px.svg);
}
}