@import "./_variables.scss";

$color-active: #00284b;

.btn-primary {
    background-color: $primary-blue;
    border-color: $primary-blue;

    &:disabled:hover {
        background-color: $primary-blue !important;
    }

    &:hover {
        background-color: $color-active;
        border-color: $color-active;
    }

    &:disabled {
        opacity: 1
    }
}

.tooltip {
    & > .tooltip-inner {
        text-align: left;
    }
    &.bottom {
        .tooltip-arrow {
            border-bottom-color: $color-active;
        }
    }
    &.top {
        .tooltip-arrow {
            border-top-color: $color-active;
        }
    }
    &.left {
        .tooltip-arrow {
            border-left-color: $color-active;
        }
    }
    &.right {
        .tooltip-arrow {
            border-right-color: $color-active;
        }
    }
    .tooltip-inner {
        max-width: 600px;
        background-color: $color-active;
    }
}

.ebsco-widget {
    font-family: 'DM Sans', Helvetica Neue,Helvetica,Arial,sans-serif;
    .btn, .btn-group {
        border-radius: 0px;
        border-radius: 20px;

    }
    
    .dropdown-menu {
        border-radius: 15px;
        margin: 0px;
        right: 0px;
    }
    hr {
        margin: 5px;
    }
    color: black;
    // font-family: sans-serif;
    font-size: 1em;

    h1,h2,h3,h4,h5,h6 {
        font-weight: bold;
        color: $primary-blue
    }

    .grid {
        background-color: #eee;
        padding: 0 $body-padding-x;
    }
}

#homepageResource {
    position: relative;
    padding-bottom: 40px;

    .resource-opener {
        position: absolute;
        right: 5px;
        top: 5px;
    }

    .more {
        background-color: transparent;
        border: transparent;
        color: $primary-blue;
        font-size: 18px;
    }
}