/* vote modal force style, because this can be shown on any page */
#modal-window #modal-vote.modal-dialog {
    max-width: 740px;
    margin-top: 0;
}

#modal-window #modal-vote.modal-dialog .modal-content {
    border: 0;
}

#modal-window #modal-vote.modal-dialog .modal-header {
    padding: 22px 10px;
}

#modal-window #modal-vote.modal-dialog .modal-header button.close {
    position: absolute;
    border-radius: 0;
    top: 13px;
    right: 11px;
    width: 19px;
    height: 21px;
    border: 0;
    margin: 0;
    padding: 0;
    opacity: 1;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 595.3 841.9'%3E%3Cpath fill='%233461c9' d='M350.3,332.8L350.3,332.8l-52.6,52.6L245,332.8c-10.5-10.5-25-10.5-35.5,0l0,0c-10.5,10.5-10.5,25,0,35.5l52.6,52.6l-52.6,52.6c-10.5,10.5-10.5,25,0,35.5c10.5,10.5,25,10.5,35.5,0l0,0l52.6-52.6l52.6,52.6c10.5,10.5,25,10.5,35.5,0l0,0c10.5-10.5,9.2-26.3,0-35.5l-52.6-52.6l52.6-52.6c10.5-10.5,10.5-25,0-35.5C374.6,322.9,360.8,322.3,350.3,332.8z'/%3E%3Cpath fill='%233461c9' d='M87.2,210.5c-115.8,115.8-115.8,305.2,0,420.9s305.2,115.8,420.9,0s115.8-305.2,0-420.9S202.9,94.7,87.2,210.5zM473.2,596.6c-96.7,96.7-254.5,96.7-351.2,0S25.4,342,122,245.3s254.5-96.7,351.2,0S569.9,499.9,473.2,596.6z'/%3E%3C/svg%3E");
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

#modal-window #modal-vote.modal-dialog .modal-header button.close:hover {
    opacity: 1;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 595.3 841.9'%3E%3Cpath fill='%23999999' d='M350.3,332.8L350.3,332.8l-52.6,52.6L245,332.8c-10.5-10.5-25-10.5-35.5,0l0,0c-10.5,10.5-10.5,25,0,35.5l52.6,52.6l-52.6,52.6c-10.5,10.5-10.5,25,0,35.5c10.5,10.5,25,10.5,35.5,0l0,0l52.6-52.6l52.6,52.6c10.5,10.5,25,10.5,35.5,0l0,0c10.5-10.5,9.2-26.3,0-35.5l-52.6-52.6l52.6-52.6c10.5-10.5,10.5-25,0-35.5C374.6,322.9,360.8,322.3,350.3,332.8z'/%3E%3Cpath fill='%23999999' d='M87.2,210.5c-115.8,115.8-115.8,305.2,0,420.9s305.2,115.8,420.9,0s115.8-305.2,0-420.9S202.9,94.7,87.2,210.5zM473.2,596.6c-96.7,96.7-254.5,96.7-351.2,0S25.4,342,122,245.3s254.5-96.7,351.2,0S569.9,499.9,473.2,596.6z'/%3E%3C/svg%3E");
}

#modal-window #modal-vote.modal-dialog .modal-body {
    padding: 0 15px 45px 15px !important;
    margin: 0 !important;
    max-width: none !important;
}

#modal-window #modal-vote.modal-dialog #featured-image {
    width: 270px;
    margin-right: 10px;
}

#modal-window #modal-vote.modal-dialog p {
    color: #000 !important;
    font-size: 19px;
    letter-spacing: 0;
    text-align: left;
    line-height: 1.5;
    margin: 0;
}

#modal-window #modal-vote.modal-dialog .title {
    font-weight: 400;
    font-size: 27px;
    letter-spacing: .5px;
}

#modal-window #modal-vote.modal-dialog .subtitle {
    font-size: 27px;
    letter-spacing: .5px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 10px;
}

#modal-window #modal-vote.modal-dialog .info {
    font-weight: 300;
    margin-bottom: 22px;
}

#modal-window #modal-vote.modal-dialog .extra-info {
    font-weight: 300;
    font-size: 19px;
    margin-top: 15px;
}

#modal-window #modal-vote.modal-dialog .btn-vote {
    font-weight: 400;
    font-size: 19px;
    border: 2px solid #3461c9;
    background: #3461c9;
    color: #fff;
    margin-bottom: 10px;
    border-radius: 10px;
    max-width: 245px;
    letter-spacing: .5px;
    padding: 4.75px 7.5px;
    text-transform: none;
    line-height: 1.5;
}

#modal-window #modal-vote.modal-dialog .btn-vote.btn:not(:disabled):not(.disabled):hover {
    background: #fff;
    color: #3461c9;
}



/*BLACK*/

/* vote modal force style, because this can be shown on any page */
  #modal-window #modal-blackf.modal-dialog {
    max-width: 740px;
    margin-top: 0;
    
}

#modal-window #modal-blackf.modal-dialog .modal-content {
    border: 0;
    background: url('../img/blackweek_2023.jpg');
    height: 400px;
    background-size: cover;
}

/*@media (max-width: 350px) {
  #modal-window #modal-blackf.modal-dialog .modal-content {
    height: 190px;
    width: 335px;
  }
}
@media (max-width: 400px) {
  #modal-window #modal-blackf.modal-dialog .modal-content {
    height: 190px;
    width: 335px;
  }
}*/
@media (max-width: 680px) {
  #modal-window #modal-blackf.modal-dialog .modal-content {
    height: 50vw;
    width: 90vw;
  }
}


#modal-window #modal-blackf.modal-dialog .modal-header {
    padding: 22px 10px;
}

#modal-window #modal-blackf.modal-dialog .modal-header button.close {
    position: absolute;
    border-radius: 0;
    top: 13px;
    right: 11px;
    width: 19px;
    height: 21px;
    border: 0;
    margin: 0;
    padding: 0;
    opacity: 1;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 595.3 841.9'%3E%3Cpath fill='%23ffffff' d='M350.3,332.8L350.3,332.8l-52.6,52.6L245,332.8c-10.5-10.5-25-10.5-35.5,0l0,0c-10.5,10.5-10.5,25,0,35.5l52.6,52.6l-52.6,52.6c-10.5,10.5-10.5,25,0,35.5c10.5,10.5,25,10.5,35.5,0l0,0l52.6-52.6l52.6,52.6c10.5,10.5,25,10.5,35.5,0l0,0c10.5-10.5,9.2-26.3,0-35.5l-52.6-52.6l52.6-52.6c10.5-10.5,10.5-25,0-35.5C374.6,322.9,360.8,322.3,350.3,332.8z'/%3E%3Cpath fill='%23ffffff' d='M87.2,210.5c-115.8,115.8-115.8,305.2,0,420.9s305.2,115.8,420.9,0s115.8-305.2,0-420.9S202.9,94.7,87.2,210.5zM473.2,596.6c-96.7,96.7-254.5,96.7-351.2,0S25.4,342,122,245.3s254.5-96.7,351.2,0S569.9,499.9,473.2,596.6z'/%3E%3C/svg%3E");
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
}

#modal-window #modal-blackf.modal-dialog .modal-header button.close:hover {
    opacity: 1;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 595.3 841.9'%3E%3Cpath fill='%23999999' d='M350.3,332.8L350.3,332.8l-52.6,52.6L245,332.8c-10.5-10.5-25-10.5-35.5,0l0,0c-10.5,10.5-10.5,25,0,35.5l52.6,52.6l-52.6,52.6c-10.5,10.5-10.5,25,0,35.5c10.5,10.5,25,10.5,35.5,0l0,0l52.6-52.6l52.6,52.6c10.5,10.5,25,10.5,35.5,0l0,0c10.5-10.5,9.2-26.3,0-35.5l-52.6-52.6l52.6-52.6c10.5-10.5,10.5-25,0-35.5C374.6,322.9,360.8,322.3,350.3,332.8z'/%3E%3Cpath fill='%23999999' d='M87.2,210.5c-115.8,115.8-115.8,305.2,0,420.9s305.2,115.8,420.9,0s115.8-305.2,0-420.9S202.9,94.7,87.2,210.5zM473.2,596.6c-96.7,96.7-254.5,96.7-351.2,0S25.4,342,122,245.3s254.5-96.7,351.2,0S569.9,499.9,473.2,596.6z'/%3E%3C/svg%3E");
}

#modal-window #modal-blackf.modal-dialog .modal-body {
    padding: 0 15px 45px 15px !important;
    margin: 0 !important;
    max-width: none !important;
}

#modal-window #modal-blackf.modal-dialog #featured-image {
    width: 270px;
    margin-right: 10px;
}

#modal-window #modal-blackf.modal-dialog p {
    color: #000 !important;
    font-size: 19px;
    letter-spacing: 0;
    text-align: left;
    line-height: 1.5;
    margin: 0;
}

#modal-window #modal-blackf.modal-dialog .title {
    font-weight: 400;
    font-size: 27px;
    letter-spacing: .5px;
}

#modal-window #modal-blackf.modal-dialog .subtitle {
    font-size: 27px;
    letter-spacing: .5px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 10px;
}

#modal-window #modal-blackf.modal-dialog .info {
    font-weight: 300;
    margin-bottom: 22px;
}

#modal-window #modal-blackf.modal-dialog .extra-info {
    font-weight: 300;
    font-size: 19px;
    margin-top: 15px;
}

#modal-window #modal-blackf.modal-dialog .btn-vote {
    font-weight: 400;
    font-size: 19px;
    border: 2px solid #3461c9;
    background: #3461c9;
    color: #fff;
    margin-bottom: 10px;
    border-radius: 10px;
    max-width: 245px;
    letter-spacing: .5px;
    padding: 4.75px 7.5px;
    text-transform: none;
    line-height: 1.5;
}

#modal-window #modal-blackf.modal-dialog .btn-vote.btn:not(:disabled):not(.disabled):hover {
    background: #fff;
    color: #3461c9;
}