.page-template-template-page-volunteer{& .grid{display:grid;&.onecolumn{background-image:url(../../assets/images/volunteer-swim.jpg);background-position:50%;background-size:cover;grid-template-areas:"text";height:30em;display:grid;& .text-column{text-align:center;flex-direction:column;grid-area:text;justify-content:center;align-items:center;display:flex;& h1{color:#fff}}}&.twocolumn{grid-template-columns:1fr;@media screen and (width>=37.5em){&{grid-template-columns:1fr 1fr}}& .image-column{grid-area:image;& img{object-fit:cover;object-position:center;width:100%;height:auto}}& .text-column{grid-area:text;display:contents;& p{align-content:center;align-items:center;@media screen and (width<=37.5em){&{text-align:center}}@media screen and (width>=37.5em){&{padding:1em}}}}&.rowthree{@media screen and (width<=37.5em){&{grid-template-areas:"image""text"}}@media screen and (width>=37.5em){&{grid-template-areas:"image text"}}}&.rowtwo{@media screen and (width<=37.5em){&{grid-template-areas:"image""text"}}@media screen and (width>=37.5em){&{grid-template-areas:"text image"}}}&.rowone{@media screen and (width<=37.5em){&{grid-template-areas:"image""text"}}@media screen and (width>=37.5em){&{grid-template-areas:"image text"}}}}}& #postanchor button{color:#fff;font-family:var(--honorred);text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;background-color:#b91c1c;border:none;border-radius:8px;padding:1.5em 2em;font-size:1.4rem;font-weight:700;transition:all .3s ease-in-out;box-shadow:0 4px 15px #0003}& #postanchor button:hover,& #postanchor button:focus{background-color:#d12727;outline:none;transform:translateY(-3px);box-shadow:0 6px 20px #0000004d}& #postanchor button:active{transform:translateY(1px);box-shadow:0 2px 10px #0003}& div#frm_form{border:1px solid gray;border-radius:12px;margin:2em 0;padding:3em}& .with_frm_style .frm_radio input[type=radio]{appearance:none;vertical-align:middle;cursor:pointer;background-color:#fff;border:2px solid #ccc;border-radius:50%;place-content:center;width:20px;height:20px;margin:0;transition:background-color .2s ease-in-out,border-color .2s ease-in-out;display:inline-grid;position:relative}& .with_frm_style .frm_radio input[type=radio]:before{content:"";background-color:var(--honorred);border-radius:50%;width:10px;height:10px;transition:transform .15s ease-in-out;transform:scale(0)}& .with_frm_style .frm_radio input[type=radio]:checked{background-color:var(--sof-dark-blue);border-color:var(--sof-dark-blue)}& .with_frm_style .frm_radio input[type=radio]:checked:before{transform:scale(1)}& .with_frm_style .frm_radio input[type=radio]:not(:checked):hover{border-color:#999}& .with_frm_style .frm_radio input[type=radio]:focus{outline:none;box-shadow:0 0 0 3px #007bff40}& .with_frm_style .frm_radio input[type=radio]:disabled{cursor:not-allowed;background-color:#e9ecef;border-color:#ced4da}& .with_frm_style .frm_radio input[type=radio]:disabled:before{background-color:#ced4da}& .with_frm_style .frm_radio label{font-size:16px}& input[type=radio]{margin-right:8px}& input[type=text]{color:#00008b;font-size:1.2em}}