/* Vanilla css because sass keeps breaking my special characters. */

/* ///////////////////////////////////////////

Mock radio button selection lists 

////////////////////////////////////////////*/

.radio-style-list ul {
	padding-left: 0;
	list-style-type: none;
}

.radio-style-list ul li {
    position: relative;
    display: block;
    cursor: pointer;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-left: 40px;
    padding-top: 0px;
    padding-bottom: 5px;
    font-family: "Open Sans", Sans-serif;
}
.radio-style-list ul li:hover {
	color: #337081
}
.radio-style-list ul li::before {
    display: inline-block;
    vertical-align: top;
    margin-left: unset;
    margin-top:0px;
    font-size: 50px;
    width: unset;
    height: 30px;
    margin-right: 10px;
    background: white;
    border-radius: 100%;
    position: absolute;
    left: 0px;
    top: 5px;
    text-align: center;
    content: '\25CB'; /*○*/
    color: #B0C6D6;
    line-height: 0.3;
    pointer-events:none; /* so that the click goes through to the li and not just the circle */
}

.radio-style-list ul li:hover::before,
.radio-style-list ul li:focus::before 
{
	color: #2E717C;
}
.radio-style-list ul li.mock-radio-selected:before {
    content: '\25C9';
    font-size: 32px;
    margin-left: 1px;
    top: 1px;
    color: #337081;
    line-height: 1;
}