/*
+----------------------------------------------------------------+
|   WordPress Plugin: WP-Polls                                   |
|   Anpassung: Avada Style + Einheitliche Runde Auswahlfelder    |
+----------------------------------------------------------------+
*/

.wp-polls-archive {
    /* background-color: #ffffff; */
}

.wp-polls, .wp-polls-form {
    /* background-color: #ffffff; */
}

.wp-polls ul li, .wp-polls-ul li, .wp-polls-ans ul li {
    text-align: left;
    background-image: none;
    display: block;
}

.wp-polls ul, .wp-polls-ul, .wp-polls-ans ul {
    text-align: left;
    list-style: none;
    float: none;
}

.wp-polls ul li:before, .wp-polls-ans ul li:before, #sidebar ul ul li:before {
    content: none !important;
}

.wp-polls IMG, .wp-polls LABEL , .wp-polls INPUT, .wp-polls-loading IMG, .wp-polls-image IMG {
    display: inline;
    border: 0px;
    padding: 0px;
    margin: 0px;
}

.wp-polls-ul {
    padding: 0px;
    margin: 0px 0px 10px 10px;
}

.wp-polls-ans {
    width: 100%;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

.wp-polls-loading {
    display: none;
    text-align: center;
    height: 16px;
    line-height: 16px;
}

.wp-polls-image {
    border: 0px;
}

/* Avada Classic Style für Abstimmen-Button */
.wp-polls .Buttons,
.wp-polls .Buttons[type="submit"] {
    appearance: none !important;
    display: inline-block !important;
    background-color: #65bc7b !important;
    border: none !important;
    color: #ffffff !important;
    font-size: 20px !important;
    line-height: 26px !important;
    padding: 20px 55px !important;
    margin: 20px 0 10px 0 !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
    font-family: inherit !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease !important;
}

.wp-polls .Buttons:hover,
.wp-polls .Buttons[type="submit"]:hover {
    background-color: #198fd9 !important;
    color: #ffffff !important;
}

/* Einheitliche, runde Auswahlfelder (Checkbox & Radio) */
.wp-polls input[type="checkbox"],
.wp-polls input[type="radio"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 24px !important;
    height: 24px !important;
    aspect-ratio: 1 / 1 !important;
    border: 2px solid #65bc7b !important;
    border-radius: 50% !important;
    background-color: #fff !important;
    cursor: pointer !important;
    position: relative !important;
    vertical-align: middle !important;
    margin-right: 8px !important;
    transition: all 0.25s ease !important;
    box-sizing: border-box !important;
}

/* Hover-Effekt */
.wp-polls input[type="checkbox"]:hover,
.wp-polls input[type="radio"]:hover {
    border-color: rgb(25, 143, 217) !important;
    box-shadow: 0 0 0 4px rgba(25, 143, 217, 0.15) !important;
}

/* Ausgewählt */
.wp-polls input[type="checkbox"]:checked,
.wp-polls input[type="radio"]:checked {
    background-color: rgb(25, 143, 217) !important;
    border-color: rgb(25, 143, 217) !important;
}

.wp-polls input[type="checkbox"]:checked::after,
.wp-polls input[type="radio"]:checked::after {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
}

/* Polls Archive Paging */
.wp-polls-paging a, .wp-polls-paging a:link {
    padding: 2px 4px; 
    margin: 2px;
    text-decoration: none;
    border: 1px solid #0066cc;
    color: #0066cc;
    background-color: #FFFFFF;    
}

.wp-polls-paging a:visited {
    padding: 2px 4px; 
    margin: 2px;
    text-decoration: none;
    border: 1px solid #0066cc;
    color: #0066cc;
    background-color: #FFFFFF;    
}

.wp-polls-paging a:hover {    
    border: 1px solid #000000;
    color: #000000;
    background-color: #FFFFFF;
}

.wp-polls-paging a:active {
    padding: 2px 4px; 
    margin: 2px;
    text-decoration: none;
    border: 1px solid #0066cc;
    color: #0066cc;
    background-color: #FFFFFF;    
}

.wp-polls-paging span.pages {
    padding: 2px 4px; 
    margin: 2px;
    color: #000000;
    border: 1px solid #000000;
    background-color: #FFFFFF;
}

.wp-polls-paging span.current {
    padding: 2px 4px; 
    margin: 2px;
    font-weight: bold;
    border: 1px solid #000000;
    color: #000000;
    background-color: #FFFFFF;
}

.wp-polls-paging span.extend {
    padding: 2px 4px; 
    margin: 2px;    
    border: 1px solid #000000;
    color: #000000;
    background-color: #FFFFFF;
}