@charset "UTF-8";

/* Header logo */

.cwf-header {
    --logo-size: calc(65px + 2rem);
    --logo-path: url('/media/spit-for-science/s4s-logo-no-yellow-text.png');
    --logo-gap: 0.5rem;
}

@media (min-width: 1024px) {
    .cwf-header__title {
        position: relative;
    }
}

.cwf-header__title:before {
    aspect-ratio: 1/1;
    background-image: var(--logo-path);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: calc(var(--logo-size) / 1.75);
    margin-right: 0.5rem;
}

@media (min-width: 1024px) {
    .cwf-header__title:before {
        height: var(--logo-size);
        left: 0;
        margin-right: 0;
        position: absolute;
        top: -1rem;
        width: var(--logo-size);
    }
    .cwf-header__department,
  	.cwf-header__parent {
        margin-left: calc(var(--logo-size) + var(--logo-gap));
    }
}
  
/* External target=_blank Links*/

  a:not([class*="a2a_button"],.news-card__header-link,.funding-details)[target="_blank"]::after {
    content: "\f08e"; /* Font Awesome icon for "external-link-alt" */
    font-family: "Font Awesome 6 Free";
    font-weight: 600;
    margin-left: 4px;
    font-size: 13px;
    /*margin-right: 2px; Reduce so that when there is a period, there is less of a gap*/
    color: #ffb300;
    text-decoration:none;
    display:inline-block;
}
  a[target="_blank"]:hover::after {
    color: #000000;
}
  
/* Black color when inside span with t4_button class */
span.t4_button a[target=_blank]::after {
    color: black !important;
}

/* Gold color on hover */
span.t4_button a[target=_blank]:hover::after {
    color: #ffb300 !important;
}