/* root element for accordion. decorated with rounded borders and gradient background image */

#dnn_backpagemenu {
    width: 97%;
    padding-left: 10%;
}

.toolsaccordionbackpage H3::before {
    content: url(//vrcdn.electionsfl.org/portals/hillsborough/images2019/wf_colorstarsmall.png);
    position: absolute;
    left: 35px;
}

.toolsaccordionbackpage h3 {
    background: transparent;
    width: 100%;
    line-height: 1.2;
    margin: 0 0 0 0;
    font-variant: normal;
    padding-left: 15px;
    padding-bottom: 20px;
    font-size: 1.1em;
}

.toolsaccordionbackpage h3:hover {
    text-decoration: underline;
}

/* accordion pane */

.toolsaccordionbackpage div>.pane {
    display: none;
    background-color: #d2d2d0;
    font-size: 1em;
    width: 100%;
}

.toolsaccordionbackpage div:target>.pane {
    display: block;
}

.toolsaccordionbackpage A:link, .toolsaccordionbackpage A:visited, .toolsaccordionbackpage A:active {
    text-decoration: none;
    color: black;
    font-family: Arial;
    background: none;
    width: 100%;
}

.toolsaccordionbackpage A:focus {
    border: dashed 1px lightblue;
}

.toolsaccordionbackpage h3 a {
    color: black;
}

.toolsaccordionbackpage div.pane a {
    color: black;
    line-height: 2;
    margin-left: 15px;
}

@media(max-width: 1600px){
    .toolsaccordionbackpage H3::before {
        
        left: 20px;
    }
}

@media(max-width: 1199px) {
    .toolsaccordionbackpage h3 {
        padding-left: 0px;
    }

    .toolsaccordionbackpage H3::before {
        
        left: 2px;
    }
}