/**
* EdGEL Fonts
* See fonts/README.md for more info
*/
/* stylelint-disable @stylistic/value-list-comma-space-after, @stylistic/value-list-comma-newline-after, @stylistic/declaration-colon-newline-after */
@import "https://fonts.googleapis.com/css2?family=Crimson+Text:ital@0;1&family=Source+Sans+Pro:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,700&display=swap";
/*!
* EdGEL: The University of Edinburgh Design System v5.3.6 (https://design-system.ed.ac.uk/)
* Copyright 2014-2025 The University of Edinburgh
*
* Bootstrap v5.3.8 (https://getbootstrap.com/)
* Copyright 2011-2025 The Bootstrap Authors
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
/*
* EDGEL Cookie Consent
* =============================================================================
*
* This file supports the output of edgel-consent.min.css
*
* The cookie consent overlay can be used without any reliance on the rest of
* the EdGEL CSS; the EdGEL fonts are imported from Google Fonts.
* Only the Source Sans Pro font needs to be available if not
* using the full EdGEL.
*
* If you don't want to have the fonts imported in the CSS, set $google-fonts to
* false and load Source Sans Pro to the page yourself. This can be done from
* Google Fonts with:
*
*/
/**
* EdGEL Settings Layer
*/
/**
* Base non-brand colours
*/
/**
* EdGEL Settings Layer
*/
/**
* Bootstrap functions
*
* These are required for variable setting, hence why this does not appear under
* tools.
*/
/**
* EdGEL Settings Layer
*/
/**
* EdGEL Settings Layer
*/
/**
* Bootstrap functions
*
* These are required for variable setting, hence why this does not appear under
* tools.
*/
/**
* EdGEL Settings Layer
*/
/**
* Icon variables
*
* Variables assigned as backgrounds etc in the SCSS.
* When used, the values should be wrapped in the escape-svg() function.
*/
/* eslint-disable scss/dollar-variable-default */
/**
* EdGEL Settings Layer
*/
/**
* Bootstrap functions
*
* These are required for variable setting, hence why this does not appear under
* tools.
*/
/**
* Bootstrap variables
*
* This sets our defaults for the Bootstrap variables.
*/
/**
* Base non-brand colours
*/
/**
* EdGEL Settings Layer
*/
/**
* Bootstrap functions
*
* These are required for variable setting, hence why this does not appear under
* tools.
*/
/* eslint-enable scss/dollar-variable-default */
/**
* Unset Bootstrap variables
*
* If you need to reset a variable to null, this has to be done after all
* defaults have been defined via _bootstrap.scss
* Setting values to null instead of 0 or transparent can reduce CSS bloat.
* Only null values should be included here.
*/
/**
* EdGEL Settings Layer
*/
/**
* EdGEL Tools Layer
*/
/*
* EDGEL Cookie Consent
* =============================================================================
*
* This file supports the output of edgel-consent.min.css
*
* The cookie consent overlay can be used without any reliance on the rest of
* the EdGEL CSS; the EdGEL fonts are imported from Google Fonts.
* Only the Source Sans Pro font needs to be available if not
* using the full EdGEL.
*
* If you don't want to have the fonts imported in the CSS, set $google-fonts to
* false and load Source Sans Pro to the page yourself. This can be done from
* Google Fonts with:
*
*/
/**
* Load all the Bootstrap Mixins
*/
/**
* EdGEL Tools Layer
*/
/*
* EDGEL Cookie Consent
* =============================================================================
*
* This file supports the output of edgel-consent.min.css
*
* The cookie consent overlay can be used without any reliance on the rest of
* the EdGEL CSS; the EdGEL fonts are imported from Google Fonts.
* Only the Source Sans Pro font needs to be available if not
* using the full EdGEL.
*
* If you don't want to have the fonts imported in the CSS, set $google-fonts to
* false and load Source Sans Pro to the page yourself. This can be done from
* Google Fonts with:
*
*/
/*
* EdGEL Mixins
* --------------------------------------------------
* All function prefixed "edgel-" when imported
*/
/*
* EDGEL Cookie Consent
* =============================================================================
*
* This file supports the output of edgel-consent.min.css
*
* The cookie consent overlay can be used without any reliance on the rest of
* the EdGEL CSS; the EdGEL fonts are imported from Google Fonts.
* Only the Source Sans Pro font needs to be available if not
* using the full EdGEL.
*
* If you don't want to have the fonts imported in the CSS, set $google-fonts to
* false and load Source Sans Pro to the page yourself. This can be done from
* Google Fonts with:
*
*/
/*
* EDGEL Cookie Consent
* =============================================================================
*
* This file supports the output of edgel-consent.min.css
*
* The cookie consent overlay can be used without any reliance on the rest of
* the EdGEL CSS; the EdGEL fonts are imported from Google Fonts.
* Only the Source Sans Pro font needs to be available if not
* using the full EdGEL.
*
* If you don't want to have the fonts imported in the CSS, set $google-fonts to
* false and load Source Sans Pro to the page yourself. This can be done from
* Google Fonts with:
*
*/
/**
* Tracking Consent IFrame Overlay
* --------------------------------------------------
*/
.consent-overlay {
display: flex;
align-items: center;
font-family: "Source Sans Pro", sans-serif;
font-weight: 400;
font-size: calc(0.91875rem + 0.23125vw);
}
@media (min-width: 1600px) {
.consent-overlay {
font-size: 1.15rem;
}
}
.consent-overlay {
line-height: 1.5;
color: #3a3a3a;
background-color: #fff;
padding: 0 16px 16px;
}
.consent-overlay, .consent-overlay::before, .consent-overlay::after {
box-sizing: border-box;
}
.consent-overlay p {
margin-top: 0;
margin-bottom: 0.8rem;
}
@media (min-width: 768px) {
.consent-overlay {
padding: 0 32px 16px;
}
}
@media print {
.consent-overlay {
display: none;
}
}
.consent-heading {
margin: 1rem 0 0.5rem;
font-size: calc(1.26375rem + 0.57625vw);
}
@media (min-width: 1600px) {
.consent-heading {
font-size: 1.84rem;
}
}
.consent-heading {
font-weight: 300;
line-height: 1.2;
color: #3a3a3a;
}
.consent-link {
--edgel-link-font-weight: 700;
--edgel-link-decoration-opacity: 0.55;
--edgel-link-color-rgb: 58, 58, 58;
--edgel-link-hover-color-rgb: 52, 109, 191;
color: rgba(var(--edgel-link-color-rgb), var(--edgel-link-opacity, 1));
}
.consent-link:hover {
--edgel-link-color-rgb: var(--edgel-link-hover-color-rgb);
}
.consent-link {
font-weight: var(--edgel-link-font-weight);
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
text-decoration-thickness: 0.0625em;
-webkit-text-decoration-color: rgba(var(--edgel-link-color-rgb), var(--edgel-link-decoration-opacity, 1));
text-decoration-color: rgba(var(--edgel-link-color-rgb), var(--edgel-link-decoration-opacity, 1));
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
text-underline-offset: 0.2em;
--edgel-link-focus-ring-rgb: var(--edgel-link-hover-color-rgb);
}
.consent-link:hover {
--edgel-link-decoration-opacity: 1;
text-decoration-thickness: 0.125em;
}
.consent-link:focus-visible {
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(var(--edgel-link-focus-ring-rgb), 0.72);
}
.consent-btn {
--edgel-border-width: 1px;
--edgel-btn-padding-y: 0.275rem;
--edgel-btn-padding-x: 0.75rem;
--edgel-btn-font-size: calc(0.91875rem + 0.23125vw);
}
@media (min-width: 1600px) {
.consent-btn {
--edgel-btn-font-size: 1.15rem;
}
}
.consent-btn {
--edgel-btn-border-radius: 0.25rem;
margin: 0;
font-family: inherit;
line-height: inherit;
}
.consent-btn-overlay {
margin-top: 16px;
}
.consent-btn-primary {
--edgel-btn-border-color: #3a3a3a;
display: inline-block;
padding: var(--edgel-btn-padding-y) var(--edgel-btn-padding-x);
font-size: var(--edgel-btn-font-size);
font-weight: 400;
line-height: 1.5;
color: #fff;
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background-color: #3a3a3a;
border: var(--edgel-border-width) solid var(--edgel-btn-border-color);
border-radius: var(--edgel-btn-border-radius);
box-shadow: 0 0;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.consent-btn-primary {
transition: none;
}
}
.consent-btn-primary:hover, .consent-btn-primary:active {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
text-decoration-thickness: 0.125em;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
text-underline-offset: 0.2em;
}
.consent-btn-primary:focus-visible {
z-index: 5;
outline: 2px solid var(--edgel-btn-focus-border-color, currentcolor);
outline-offset: -2px;
}
.consent-btn-primary:hover {
color: #fff;
background-color: #252525;
border-color: #3a3a3a;
}
.consent-btn-primary:focus-visible {
color: #fff;
box-shadow: 0 0, 0 0 0 0.25rem rgba(87.55, 87.55, 87.55, 0.72);
}
.consent-btn-primary:active {
color: #fff;
background-color: #000;
border-color: #707070;
}
.consent-btn-primary:active:focus-visible {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.25rem rgba(133.45, 133.45, 133.45, 0.72);
}
.consent-btn-primary:disabled {
pointer-events: none;
opacity: 0.65;
box-shadow: none;
}
/*# sourceMappingURL=edgel-consent.css.map */