/*
 * Stylesheet for a custom Buy me a coffee button
 * on a page that uses the Sphinx RTD theme.
 */

/* Sidebar for Buy me a coffee button */

.bmc-sidebar {
    padding: 6px !important;
    background: none !important;
    border: none !important;
    text-align: right;
}

/* Buy me a coffee button */

.bmc-btn svg {
    height: 28px !important;
    margin-bottom: 0px !important;
    box-shadow: none !important;
    border: none !important;
    vertical-align: middle !important;
    transform: scale(0.9);
    flex-shrink: 0;
}

.bmc-btn {
    min-width: 180px;
    color: #ffffff;
    background-color: #2980B9 !important;
    height: 40px;
    border-radius: 12px;
    font-size: 24px;
    font-weight: Normal;
    border: none;
    padding: 0px 16px;
    line-height: 27px;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center;
    font-family: 'Cookie', cursive !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

.bmc-btn:visited {
    color: #ffffff;
}

.bmc-btn:hover, .bmc-btn:active, .bmc-btn:focus {
    text-decoration: none !important;
    cursor: pointer;
    color: #FFDD00;
}

.bmc-btn-text {
   text-align: left;
   margin-left: 8px;
   display: inline-block;
   line-height: 0;
   width: 100%;
   flex-shrink: 0;
   font-family: [FONT] !important;
   white-space: nowrap;
}

.logo-outline {
    fill: #ffffff;
}

.logo-coffee {
    fill: #FFDD00;
}