/*
Running Squiz Matrix
Developed by Squiz - http://www.squiz.net
Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
Page generated: 07 March 2025 12:26:48
*/
/* UC brand colours.*/
/* Non-standard:*/
/* Bootstrap functions*/
/**/
/* Utility mixins and functions for evaluating source code across our variables, maps, and mixins.*/
/* Ascending*/
/* Used to evaluate Sass maps like our grid breakpoints.*/
/* Starts at zero*/
/* Used to ensure the min-width of the lowest breakpoint starts at 0.*/
/* Replace `$search` with `$replace` in `$string`*/
/* Used on our SVG icon backgrounds for custom forms.*/
/**/
/* @author Hugo Giraudel*/
/* @param {String} $string - Initial string*/
/* @param {String} $search - Substring to replace*/
/* @param {String} $replace ('') - New value*/
/* @return {String} - Updated string*/
/* See https://codepen.io/kevinweber/pen/dXWoRw*/
/**/
/* Requires the use of quotes around data URIs.*/
/* Color contrast*/
/* Retrieve color Sass maps*/
/* Request a theme color level*/
/* Return valid calc*/
/* Variables*/
/**/
/* Variables should follow the `$component-state-property-size` formula for*/
/* consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.*/
/* Color system*/
/* Set a specific jump point for requesting color jumps*/
/* The yiq lightness value that determines when the lightness of color changes from "dark" to "light". Acceptable values are between 0 and 255.*/
/* Customize the light and dark text colors for use in our YIQ color contrast function.*/
/* Characters which are escaped by the escape-svg function*/
/* Options*/
/**/
/* Quickly modify global styling by enabling or disabling optional features.*/
/* Deprecated, no longer affects any compiled CSS*/
/* Spacing*/
/**/
/* Control the default styling of most Bootstrap elements by modifying these*/
/* variables. Mostly focused on spacing.*/
/* You can add more entries to the $spacers map, should you need more variation.*/
/* This variable affects the `.h-*` and `.w-*` classes.*/
/* Body*/
/**/
/* Settings for the `` element.*/
/* Links*/
/**/
/* Style anchor elements.*/
/* Darken percentage for links with `.text-*` class (e.g. `.text-success`)*/
/* Paragraphs*/
/**/
/* Style p element.*/
/* Grid breakpoints*/
/**/
/* Define the minimum dimensions at which your layout will change,*/
/* adapting to different screen sizes, for use in media queries.*/
/* Do nothing*/
/* Do nothing*/
/* Do nothing*/
/* Do nothing*/
/* Do nothing*/
/* Grid containers*/
/**/
/* Define the maximum width of `.container` for different screen sizes.*/
/* Do nothing*/
/* Do nothing*/
/* Do nothing*/
/* Do nothing*/
/* Grid columns*/
/**/
/* Set the number of columns and specify the width of the gutters.*/
/* Components*/
/**/
/* Define common padding and border radius sizes and more.*/
/* Typography*/
/**/
/* Font, line-height, and color for body text, headings, and more.*/
/* stylelint-disable value-keyword-case*/
/* stylelint-enable value-keyword-case*/
/* Assumes the browser default, typically `16px`*/
/* Tables*/
/**/
/* Customizes the `.table` component with basic values, each used across all table variations.*/
/* Buttons + Forms*/
/**/
/* Shared variables that are reassigned to `$input-` and `$btn-` specific variables.*/
/* Buttons*/
/**/
/* For each of Bootstrap's buttons, define text, background, and border color.*/
/* Set to `nowrap` to prevent text wrapping*/
/* Allows for customizing button radius independently from global border radius*/
/* Forms*/
/* Extra padding to account for the presence of the background-image based indicator*/
/* In pixels because image dimensions*/
/* Used so we can have multiple background elements (e.g., arrow and feedback icon)*/
/* For focus box shadow issue in IE/Edge*/
/* Form validation*/
/* Z-index master list*/
/**/
/* Warning: Avoid customizing these values. They're used for a bird's eye view*/
/* of components dependent on the z-axis and are designed to all work together.*/
/* Navs*/
/* Navbar*/
/* Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link*/
/* Dropdowns*/
/**/
/* Dropdown menu container and contents.*/
/* Pagination*/
/* Jumbotron*/
/* Cards*/
/* Tooltips*/
/* Form tooltips must come after regular tooltips*/
/* Popovers*/
/* Toasts*/
/* Badges*/
/* Use a higher than normal value to ensure completely rounded edges when*/
/* customizing padding or font-size on labels.*/
/* Modals*/
/* Padding applied to the modal body*/
/* Margin between elements in footer, must be lower than or equal to 2 * $modal-inner-padding*/
/* Keep this for backwards compatibility*/
/* Alerts*/
/**/
/* Define alert colors, border radius, and padding.*/
/* Progress bars*/
/* List group*/
/* Image thumbnails*/
/* Figures*/
/* Breadcrumbs*/
/* Carousel*/
/* Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)*/
/* Spinners*/
/* Close*/
/* Code*/
/* Utilities*/
/* Printing*/
/* Toggles*/
/**/
/* Used in conjunction with global variables to enable certain theme features.*/
/* Vendor*/
/* stylelint-disable property-blacklist, scss/dollar-variable-default*/
/* SCSS RFS mixin*/
/**/
/* Automated font-resizing*/
/**/
/* See https://github.com/twbs/rfs*/
/* Configuration*/
/* Base font size*/
/* Breakpoint at where font-size starts decreasing if screen width is smaller*/
/* Resize font-size based on screen height and width*/
/* Factor of decrease*/
/* Generate enable or disable classes. Possibilities: false, "enable" or "disable"*/
/* 1 rem = $rfs-rem-value px*/
/* Safari iframe resize bug: https://github.com/twbs/rfs/issues/14*/
/* Disable RFS by setting $enable-responsive-font-sizes to false*/
/* Cache $rfs-base-font-size unit*/
/* Remove px-unit from $rfs-base-font-size for calculations*/
/* Cache $rfs-breakpoint unit to prevent multiple calls*/
/* Remove unit from $rfs-breakpoint for calculations*/
/* The font-size & responsive-font-size mixin uses RFS to rescale font sizes*/
/* Deprecate*/
/* Deprecate mixin*/
/**/
/* This mixin can be used to deprecate mixins or functions.*/
/* `$enable-deprecation-messages` is a global variable, `$ignore-warning` is a variable that can be passed to*/
/* some deprecated mixins to suppress the warning (for example if the mixin is still be used in the current version of Bootstrap)*/
/* Utilities*/
/* Breakpoint viewport sizes and media queries.*/
/**/
/* Breakpoints are defined as a map of (name: minimum width), order from small to large:*/
/**/
/* (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)*/
/**/
/* The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.*/
/* Name of the next breakpoint, or null for the last breakpoint.*/
/**/
/* >> breakpoint-next(sm)*/
/* md*/
/* >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))*/
/* md*/
/* >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))*/
/* md*/
/* Minimum breakpoint width. Null for the smallest (first) breakpoint.*/
/**/
/* >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))*/
/* 576px*/
/* Maximum breakpoint width. Null for the largest (last) breakpoint.*/
/* The maximum value is calculated as the minimum of the next one less 0.02px*/
/* to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.*/
/* See https://www.w3.org/TR/mediaqueries-4/#mq-min-max*/
/* Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.*/
/* See https://bugs.webkit.org/show_bug.cgi?id=178261*/
/**/
/* >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))*/
/* 767.98px*/
/* Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.*/
/* Useful for making responsive utilities.*/
/**/
/* >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))*/
/* "" (Returns a blank string)*/
/* >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))*/
/* "-sm"*/
/* Media of at least the minimum breakpoint width. No query for the smallest breakpoint.*/
/* Makes the @content apply to the given breakpoint and wider.*/
/* Media of at most the maximum breakpoint width. No query for the largest breakpoint.*/
/* Makes the @content apply to the given breakpoint and narrower.*/
/* Media that spans multiple breakpoint widths.*/
/* Makes the @content apply between the min and max breakpoints*/
/* Media between the breakpoint's minimum and maximum widths.*/
/* No minimum for the smallest breakpoint, and no maximum for the largest one.*/
/* Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.*/
/* Hover mixin and `$enable-hover-media-query` are deprecated.*/
/**/
/* Originally added during our alphas and maintained during betas, this mixin was*/
/* designed to prevent `:hover` stickiness on iOS-an issue where hover styles*/
/* would persist after initial touch.*/
/**/
/* For backward compatibility, we've kept these mixins and updated them to*/
/* always return their regular pseudo-classes instead of a shimmed media query.*/
/**/
/* Issue: https://github.com/twbs/bootstrap/issues/25195*/
/* Image Mixins*/
/* - Responsive image*/
/* - Retina image*/
/* Responsive image*/
/**/
/* Keep images from scaling beyond the width of their parents.*/
/* Retina image*/
/**/
/* Short retina mixin for setting background-image and -size.*/
/* Resize anything*/
/* Only display content to screen readers*/
/**/
/* See: https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/*/
/* See: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/*/
/* Use in conjunction with .sr-only to only display content when it's focused.*/
/**/
/* Useful for "Skip to main content" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1*/
/**/
/* Credit: HTML5 Boilerplate*/
/* Sizing shortcuts*/
/* stylelint-disable declaration-no-important*/
/* Typography*/
/* CSS image replacement*/
/* Text truncate*/
/* Requires inline-block or block for proper styling*/
/* stylelint-disable declaration-no-important*/
/* Visibility*/
/* Components*/
/* Button variants*/
/**/
/* Easily pump out default styles, as well as :hover, :focus, :active,*/
/* and disabled options for all buttons*/
/* Button sizes*/
/* Pagination*/
/* Lists*/
/* Unstyled keeps list items block level, just removes default browser padding and list-style*/
/* List Groups*/
/* Horizontal dividers*/
/**/
/* Dividers (basically an hr) within dropdowns and nav lists*/
/* Form control focus state*/
/**/
/* Generate a customized focus state and for any input with the specified color,*/
/* which defaults to the `$input-focus-border-color` variable.*/
/**/
/* We highly encourage you to not customize the default value, but instead use*/
/* this to tweak colors on an as-needed basis. This aesthetic change is based on*/
/* WebKit's default styles, but applicable to a wider range of browsers. Its*/
/* usability and accessibility should be taken into account with any change.*/
/**/
/* Example usage: change the default blue border and shadow to white for better*/
/* contrast against a dark gray background.*/
/* This mixin uses an `if()` technique to be compatible with Dart Sass*/
/* See https://github.com/sass/sass/issues/1873#issuecomment-152293725 for more details*/
/* Tables*/
/* Skins*/
/* stylelint-disable declaration-no-important*/
/* Contextual backgrounds*/
/* stylelint-disable property-disallowed-list*/
/* Single side border-radius*/
/* Helper function to replace negative values with 0*/
/* Gradients*/
/* Horizontal gradient, from left to right*/
/**/
/* Creates two color stops, start and end, by specifying a color and position for each color stop.*/
/* Vertical gradient, from top to bottom*/
/**/
/* Creates two color stops, start and end, by specifying a color and position for each color stop.*/
/* stylelint-disable property-disallowed-list*/
/* Layout*/
/* Framework grid generation*/
/**/
/* Used only by Bootstrap to generate the correct number of grid classes given*/
/* any value of `$grid-columns`.*/
/*/ Grid system*/
/**/
/* Generate semantic grid columns with these mixins.*/
/* For each breakpoint, define the maximum width of the container in a media query*/
/* Row columns*/
/**/
/* Specify on a parent element(e.g., .row) to force immediate children into NN*/
/* numberof columns. Supports wrapping to new lines, but does not do a Masonry*/
/* style grid.*/
/* stylelint-disable declaration-no-important*/
/* stylelint-disable-line scss/at-import-partial-extension*/
.ucweb-common-subfooter {
background: #f1f1f1;
padding: 30px 0;
font-size: 14px;
}
.ucweb-common-subfooter .ucweb-sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
/* Fix for https://github.com/twbs/bootstrap/issues/25686*/
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.ucweb-common-subfooter .ucweb-common-subfooter-area {
box-sizing: border-box;
}
@media (min-width: 576px) {
.ucweb-common-subfooter .ucweb-common-subfooter-area {
max-width: 540px;
}
}
@media (min-width: 768px) {
.ucweb-common-subfooter .ucweb-common-subfooter-area {
max-width: 720px;
}
}
@media (min-width: 992px) {
.ucweb-common-subfooter .ucweb-common-subfooter-area {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.ucweb-common-subfooter .ucweb-common-subfooter-area {
max-width: 1140px;
}
}
.ucweb-common-subfooter .ucweb-common-subfooter-area ul {
display: block;
list-style: none;
padding: 0;
margin: 0;
}
.ucweb-common-subfooter .ucweb-common-subfooter-area h3 {
font-family: 'Verlag A', 'Verlag B', 'Verlag', sans-serif;
font-weight: 700;
font-size: 20px;
font-weight: bold;
color: #414042;
margin: 0 0 15px;
text-transform: none;
letter-spacing: normal;
}
.ucweb-common-subfooter .ucweb-common-subfooter-area li a {
display: block;
padding: 2px 0;
}
@media (max-width: 991.98px) {
.ucweb-common-subfooter .ucweb-common-subfooter-area {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.ucweb-common-subfooter .ucweb-common-subfooter-area .ucweb-common-subfooter-links {
margin: 0 0 20px;
border-bottom: 1px solid #cbcbcb;
}
.ucweb-common-subfooter .ucweb-common-subfooter-area .ucweb-common-subfooter-links:last-child {
padding: 0;
margin: 0;
border-bottom: none;
}
.ucweb-common-subfooter .ucweb-common-subfooter-area .ucweb-common-subfooter-links h3 {
font-size: 18px;
cursor: pointer;
padding-right: 20px;
position: relative;
}
.ucweb-common-subfooter .ucweb-common-subfooter-area .ucweb-common-subfooter-links h3::after {
content: '';
display: block;
position: absolute;
top: 0;
bottom: 0;
right: -3px;
width: 15px;
background: url('/_designs/ucweb/common/images/icons/submenu-toggle.png') no-repeat center;
background-size: 15px 15px;
opacity: 0.75;
transition: transform 0.4s;
transform: rotate(0deg);
}
.ucweb-common-subfooter .ucweb-common-subfooter-area .ucweb-common-subfooter-links li a {
padding: 5px 0;
}
.ucweb-common-subfooter .ucweb-common-subfooter-area .ucweb-common-subfooter-links li:last-child {
padding-bottom: 20px;
}
.ucweb-common-subfooter .ucweb-common-subfooter-area .ucweb-common-subfooter-links .ucweb-common-subfooter-link-list {
overflow: hidden;
height: auto;
transition: visibility 0.4s, max-height 0.4s;
visibility: hidden;
max-height: 0;
}
.ucweb-common-subfooter .ucweb-common-subfooter-area .ucweb-common-subfooter-links.open h3::after {
transform: rotate(90deg);
}
.ucweb-common-subfooter .ucweb-common-subfooter-area .ucweb-common-subfooter-links.open .ucweb-common-subfooter-link-list {
visibility: visible;
}
}
@media (min-width: 992px) {
.ucweb-common-subfooter .ucweb-common-subfooter-area {
display: -ms-flexbox;
display: flex;
margin: auto;
}
.ucweb-common-subfooter .ucweb-common-subfooter-area > * {
position: relative;
/* Prevent columns from becoming too narrow when at smaller grid tiers by*/
/* always setting `width: 100%;`. This works because we use `flex` values*/
/* later on to override this initial width.*/
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
}