.ampere-office-splash {
    background: var(--mid-gray) url("/static/img/ampere_office3.png") no-repeat scroll top;
    background-size: cover;
}

.ampere-office2-splash {
    background: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)), url("/static/img/ampere_office4.png") no-repeat scroll top;
    background-size: cover;
}

.amp-bg-mid-blue {
    background-color: var(--read-more-blue)!important;
}

.amp-bg-draft {
    color: var(--white);
    background-color: var(--dark-red) !important;
}

.amp-foot-link {
    text-decoration: none;
    color: var(--dark-gray);
    line-height: 2.4rem;
    font-size: 0.8em;
}

.amp-sublist {
    line-height: 1.5em !important;
}

.amp-dropdown-link, .amp-dropdown-link:hover {
    text-decoration: none;
    color: var(--nav-dropdown)!important;
}

.the-amp {
    color: var(--white);
    font-size: 1.4em;
    font-weight: 300;
    padding-top: 40px;
    padding-right: 70px;
}

.aa-small-leading {
    line-height: 1em;
}

.the-amp-form-btn {
    color: var(--neutral-dark-gray)!important;
    background: var(--light-gray)!important;
    border-color: var(--light-gray)!important;
    border-radius: 5px!important;
    height: 50px;
    width: 320px;
}

.the-amp-form-btn:hover {
    color: var(--white)!important;
    background: transparent!important;
    border-color: var(--white)!important;
}

.footer-list{
    list-style: none;
    padding-left: 0;
}

.bgCircle {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    text-align: center;
    background-color: rgba(255, 255, 255, 1);
    /* margin-top: -2px; */
}

.bgCircleBorder {
    border-color: var(--mid-gray);
    border-style: solid;
    border-width: 1px;
}

.report-meta {
    color: var(--dark-gray);
    font-weight: lighter;
}

.amp-games-btn {
    color: var(--dark-gray)!important;
    padding: 11px;
}

.amp-games-btn:focus, .amp-games-btn:hover {
    color: var(--games-dark)!important;
}

.amp-readmore-btn {
    color: var(--white) !important;
}

.amp-synopsis-txt {
    font-size: 1.2em;
    font-weight: 300;
}

.biobtn {
    cursor: pointer;
}

.aa-nostyle-a, .aa-nostyle-a:hover {
    color: inherit;
    text-decoration: none !important;
}

.amp-form input.btn-success, .btn-lt-blue, a.btn-lt-blue {
    background-color: var(--pale-blue);
    border-color: var(--pale-blue);
    color: var(--white);
}

.btn-lt-blue {
    background-color: var(--pale-blue);
    border-color: var(--pale-blue);
    color: var(--white);
}

.amp-share-close {
    font-size: 1.5em;
    margin-top: -5px;
}

.amp-share-link p {
    border: 1px solid var(--white);
    padding: 0.3em;
    white-space: nowrap;
    text-overflow: clip;
    overflow: hidden;
}

.aa-mb-even {
    margin-bottom: 0.8rem!important;
}

.amp-tooltip {
    position: absolute;  
    display: none;
    width: 220px;
    padding: 10px;
    align-items: center;
    text-align: center;
    box-shadow: 3px 3px 20px 0px var(--neutral-mid-gray);
    background-color: white !important; 
    border-radius: 12px;
    opacity: 1;
    z-index: 1;
}

.amp-tooltip p {
    justify-content: space-between;
    padding: 5px;
    margin: 0px;
}

.amp-icon-media-bg:hover i {
    color: var(--media-dark) !important;
}
.amp-icon-games-bg:hover i {
    color: var(--games-dark) !important;
}
.amp-icon-sports-bg:hover i {
    color: var(--sport-dark) !important;
}

.close-btn {
    cursor: pointer;
    background: none;
    border: none;
    font-size: 18px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
}

.amp-tooltip.visible {
    display: block;
}

.amp-press-card {
    box-shadow: 3px 3px 20px 0px #e2e2e2 ; 
    border-radius: 12px; 
    padding: 10px 15px; 
    height: 100%;
}

.amp-press-border {
    display: flex; 
    flex-direction: column; 
    border-top: 1rem solid var(--light-gray); 
}

.profile-container {
    position: relative;
    display: inline-block;
}

.profile-image {
    display: block;
}

.profile-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 12px;
    background-color: var(--secondary-dark-blue);
    color: var(--white);
    text-align: center;
    padding: 10px 5px;
    opacity: 0;
    transition: opacity 0.5s;
}

.profile-container:hover .profile-text {
    opacity: 1;
}