/************************************
/*----------------------------------
/* CUSTOM PROPERTIES
/*----------------------------------
/*************************************/


:root {
    --row-max-width-px:1100px;
    --row-max-width-rem:68.75rem;
    --color-white-rgb:255,255,255;
}


/************************************
/*----------------------------------
/* COMMON STYLES
/*----------------------------------
/*************************************/

.show-for-sr {
    position:absolute !important;
    width:1px;
    height:1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    -webkit-clip-path:inset(50%);
    clip-path:inset(50%);
    border:0;
}
.svg-container { /* SVG Icons for Social Links etc */
    position:absolute;
    height:0;
}
.scale-up-on-hover {
    transform-style:preserve-3d;
    transform:scale(1);
	transition:all 200ms ease-in-out;
}
.scale-up-on-hover:hover {
    transform:scale(1.08);
}
/*---> Branding <---*/
.branding-link {
    display:block;
	width:100%;
}
.branding-link:active {
    -webkit-box-shadow:0 0 0 2px var(--color-primary);
    -moz-box-shadow:0 0 0 2px var(--color-primary);
    box-shadow:0 0 0 2px var(--color-primary);
}
.branding-link:is(:focus, :focus-visible) {
    border:0;
    outline:0;
}
.branding-link:focus-visible {
    -webkit-box-shadow: 0 0 0 2px var(--color-accent);
    -moz-box-shadow: 0 0 0 2px var(--color-accent);
    box-shadow: 0 0 0 2px var(--color-accent);
}
.branding-link__logo {
    display:block;
	width:100%;
	height:auto;
}
/*---> Social List <---*/
.social-list {
    margin-left:0;
    margin-top:0;
    padding-left:0;
	display:flex;
    flex-flow:row wrap;
	list-style:none;
}
.social-list__item {
	line-height:1;
}
.social-list__item:not(:last-of-type) {
	margin-right:2rem;
}
.social-list__item::before {
    display:none;
}
.social-link {
	display:inline-block;
}
.social-link:active {
    -webkit-box-shadow:0 0 0 2px var(--color-primary);
    -moz-box-shadow:0 0 0 2px var(--color-primary);
    box-shadow:0 0 0 2px var(--color-primary);
}
.social-link:is(:focus, :focus-visible) {
    border:0;
    outline:0;
}
.social-link:is(:focus-visible) {
    -webkit-box-shadow: 0 0 0 2px var(--color-accent);
    -moz-box-shadow: 0 0 0 2px var(--color-accent);
    box-shadow: 0 0 0 2px var(--color-accent);
}
.social-link__icon {
	fill:var(--color-base);
	transition:all 200ms ease-in-out;
    -webkit-transition:all 200ms ease-in-out;
}
.social-link:is(:hover, :active) .social-link__icon {
    fill:var(--color-primary);
}


/************************************
/*----------------------------------
/* MASTHEAD
/*----------------------------------
/*************************************/


.masthead {
    background-color:var(--color-primary);
}
.masthead__row {
	max-width:var(--row-max-width-px);
	max-width:var(--row-max-width-rem);
    margin-left:auto;
    margin-right:auto;
    display:flex;
    flex-flow:row wrap;
    align-items:center;
    gap:0.875rem;
}
.masthead__column {
    flex:0 0 100%;
}
.branding-link--for-masthead {
    max-width:170px;
    margin:0.875rem auto;
    @media (min-width:1024px) {
        max-width:220px;
        margin-left:0;
    }
}



/************************************
/*----------------------------------
/* COLOPHON
/*----------------------------------
/*************************************/


.colophon {
    background-color:var(--color-tertiary);
    padding-top:2.5rem;
    padding-bottom:0.625rem;
    color:var(--color-white);
    text-align:center;
    @media all and (min-width:1024px) {
        text-align:left;
        padding-top:3.5rem;
        padding-bottom:1.625rem;
    }
}
.colophon__row {
	max-width:var(--row-max-width-px);
	max-width:var(--row-max-width-rem);
    margin-left:auto;
    margin-right:auto;
    display:flex;
    flex-flow:row wrap;
    gap:0.875rem;
    padding-left:0.625rem;
    padding-right:0.625rem;
    @media all and (min-width:1024px) {
        text-align:left;
    }
}
.colophon__column {
    flex:0 0 100%;
    @media all and (min-width:1024px) {
        flex:1 1 0px;
    }
}
.branding-link--for-colophon {
    max-width:260px;
    margin:0.875rem auto;
    @media all and (min-width:1024px) {
        max-width:290px;
        margin-left:0;
        margin-top:0;
    }
}
.colophon__text,
.colophon__link {
    color:inherit;
}
.colophon__text,
.colophon__list {
    margin-top:0;
}
.colophon__text:has(.colophon__link--for-img) {
    margin-bottom:0.5rem;
}
.colophon__link {
    font-weight:inherit;
}
.colophon__link:hover {
    color:var(--color-accent);
}
.colophon__img {
}
.colophon__badge {
}
.colophon__list,
.social-list--for-colophon {
    margin-bottom:1.625rem /* Match margining of paragraphs set in theme.css */;
}
.colophon__list {
    margin-left:0;
    padding-left:0;
	display:flex;
    flex-flow:row wrap;
    justify-content:center;
	list-style:none;
}
.colophon__list-item {
    line-height:1;
}
.colophon__list-item:not(:last-of-type) {
    margin-right:1.25rem;
}
.social-list--for-colophon {
    justify-content:center;
}
.social-link--for-colophon:not(:hover, :active) .social-link__icon--for-colophon {
    fill:var(--color-white);
}
.social-link--for-colophon:hover .social-link__icon--for-colophon {
    fill:var(--color-accent);
}
.colophon__footer {
    padding-top:2.5rem;
    margin-top:0.625rem;
    border-top:1px solid rgba(var(--color-white-rgb),0.15);
    @media all and (min-width:1024px) {
        padding-top:3.5rem;
        margin-top:1.625rem;
    }
}
.align-center {
    align-items:center;    
}
.show-for-large {
    @media all and (max-width:63.9375rem) {
        display:none !important;
    }
}
.hide-for-large {
    @media all and (min-width:64rem) {
        display: none !important;
    }
}
@media all and (min-width:1024px) {
    .large-order-1 {
        order:1;
    }
    .large-order-2 {
        order:2;
    }
    .large-order-3 {
        order:3;
    }
    .lg\:text-right {
        text-align:right;
    }
    .lg\:text-center {
        text-align:center;
    }
    .colophon__column:has(.social-list, .colophon__list) {
        flex:0 0 auto;
    }
}