/* 兔子先生 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*/
/* Grid containers*/
/**/
/* Define the maximum width of `.container` for different screen sizes.*/
/* 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*/
/* Responsive font-size mixin*/
/* 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*/
/* 兔子先生 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*/
.bg-ucblue {
background-color: #009abc !important; }
.btn-pill {
border-radius: 9999px; }
.btn-campaign-cta {
font-family: "Verlag A", "Verlag B", "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-weight: bold;
border-width: 3px;
padding-left: 1.75em;
padding-right: 1.75em;
font-size: 1.25rem; }
.btn-campaign-cta.btn-lg {
font-size: 1.5rem; }
.btn-campaign-white {
color: #212529;
background-color: #fff;
border-color: #fff;
/* Disabled comes first so active can properly restyle*/
color: #006c91; }
.btn-campaign-white:hover {
color: #212529;
background-color: #ececec;
border-color: #e6e6e6; }
.btn-campaign-white:focus, .btn-campaign-white.focus {
color: #212529;
background-color: #ececec;
border-color: #e6e6e6;
/* Avoid using mixin so we can pass custom focus shadow properly*/
box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); }
.btn-campaign-white.disabled, .btn-campaign-white:disabled {
color: #212529;
background-color: #fff;
border-color: #fff;
/* Remove CSS gradients if they're enabled*/ }
.btn-campaign-white:not(:disabled):not(.disabled):active, .btn-campaign-white:not(:disabled):not(.disabled).active, .show > .btn-campaign-white.dropdown-toggle {
color: #212529;
background-color: #e6e6e6;
border-color: #dfdfdf; }
.btn-campaign-white:not(:disabled):not(.disabled):active:focus, .btn-campaign-white:not(:disabled):not(.disabled).active:focus, .show > .btn-campaign-white.dropdown-toggle:focus {
/* Avoid using mixin so we can pass custom focus shadow properly*/
box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); }
.btn-outline-primary {
border-color: #006c91;
color: #006c91; }
.btn-outline-primary:hover {
color: #fff;
border-color: #006c91;
background-color: #006c91; }
.bg-primary {
background: #006c91 !important; }
.bg-light {
background: #f1f1f1 !important; }
.bg-pale {
background: #eaf4f5 !important; }
.text-dark {
color: #414042 !important; }
.text-deep-blue {
color: #006c91 !important; }
.bg-blue {
background: #009ABC; }
@media (min-width: 576px) {
.jumbo-heading {
font-size: 2.25rem; } }
@media (min-width: 992px) {
.jumbo-heading {
font-size: 4.375rem; } }
.jumbo-heading.jumbo-accent {
position: relative; }
.jumbo-heading.jumbo-accent::after {
content: '';
display: block;
width: 70px;
border-bottom: 0.5rem solid #92d6e3;
margin-top: 0.75rem;
margin-bottom: 0.75rem; }
@media (min-width: 992px) {
.jumbo-heading.jumbo-accent::after {
width: 100px;
border-bottom: 0.75rem solid #92d6e3;
margin-top: 2.5rem; } }
.jumbo-bg {
padding-right: 16%;
position: relative; }
.jumbo-bg.jumbo-bg-blue::before {
background-color: #009abc; }
.jumbo-bg.jumbo-bg-dark-teal::before {
background-color: #006c91; }
.jumbo-bg.jumbo-bg-hale-navy::before {
background-color: #414d61; }
@media (min-width: 992px) {
.jumbo-bg {
padding-right: 0; }
.jumbo-bg::before, .jumbo-bg::after {
top: -70px;
right: -150px; } }
.jumbo-bg.jumbo-bg-pathway::after {
overflow: hidden;
opacity: 0.25;
background-repeat: no-repeat;
background-size: 100% auto; }
@media (min-width: 992px) {
.jumbo-bg.jumbo-bg-pathway::after {
background-image: url("https://www.canberra.edu.au/_designs/ucweb/common/images/indigenous-elements/trust.png");
background-position: center top 190px; } }
.jumbo-bg.jumbo-bg-news::after {
overflow: hidden;
opacity: 0.15;
background-repeat: no-repeat;
background-size: 400px auto; }
@media (min-width: 992px) {
.jumbo-bg.jumbo-bg-news::after {
background-image: url("https://www.canberra.edu.au/_designs/ucweb/common/images/indigenous-elements/diversity.png");
background-position: right -150px top -50px; } }
.jumbo-row {
padding-top: 70px; }
@media (min-width: 992px) {
.jumbo-row {
padding-bottom: 70px; } }
.campaign-card {
display: -ms-flexbox;
display: flex;
flex-direction: column;
position: relative;
z-index: 0; }
.campaign-card > .campaign-card-image {
order: -1; }
@media (min-width: 992px) {
.campaign-card.campaign-card-horizontal {
flex-direction: row; }
.campaign-card.campaign-card-horizontal > .campaign-card-content {
flex: 1; }
.campaign-card.campaign-card-horizontal > .campaign-card-image {
flex: 1; } }
.campaign-card .campaign-card-content {
background: #fff;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); }
.campaign-card .campaign-card-image {
position: relative;
margin-bottom: 0; }
.campaign-card .campaign-card-image img {
position: absolute;
z-index: -1;
max-width: 100%;
height: auto;
top: 0;
left: 0; }
.campaign-card .campaign-card-image::after {
content: '';
display: block;
width: 100%;
padding-top: 56.25%; }
.campaign-card .campaign-card-image.campaign-card-image-4by3::after {
padding-top: 75%; }
@media (min-width: 992px) {
.campaign-card .campaign-card-image {
margin-bottom: -10%; }
.campaign-card.campaign-card-horizontal {
align-items: center; }
.campaign-card.campaign-card-horizontal .campaign-card-image {
margin-bottom: 0; }
.campaign-card.campaign-card-horizontal .campaign-card-image img {
max-width: none;
top: 0;
left: 0;
height: 100%; }
.campaign-card.campaign-card-horizontal .campaign-card-image.anchor-right {
order: 0; }
.campaign-card.campaign-card-horizontal .campaign-card-image.anchor-right img {
left: auto;
right: 0; } }
.pathway-items .pathway-item {
padding: 1.5rem;
background: #fff; }
.pathway-items .pathway-item h3, .pathway-items .pathway-item h3 a {
color: #006c91 !important;
font-weight: 700;
font-size: 1.5rem; }
.pathway-items .pathway-item p {
margin-bottom: 0; }
@media (max-width: 991.98px) {
.pathway-items {
padding-top: 1rem;
padding-bottom: 1rem; }
.pathway-items .pathway-item {
margin-bottom: 1rem;
background: #fff;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); } }
@media (min-width: 992px) {
.pathway-items {
padding: 1.5rem;
background: #fff;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); }
.pathway-items::after {
display: block;
clear: both;
content: ""; }
.pathway-items .pathway-item {
float: left;
width: 50%; } }
.course-search-bar {
width: 100%;
height: 55px;
padding: 10px 65px 10px 20px;
position: relative;
background: #e3f5f8;
border-radius: 9999px; }
.course-search-bar input[type="text"] {
font-size: 1.25rem;
height: 35px;
border: none;
width: 100%;
padding: 5px;
border: none;
background: transparent; }
.course-search-bar input[type="text"]::placeholder {
color: #18535e;
opacity: 0.5; }
.course-search-bar button[type="submit"] {
position: absolute;
top: 0;
right: 0;
bottom: 0;
padding: 0;
border: none;
border-radius: 9999px;
background: #009abc;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none; }
.course-search-bar button[type="submit"]::after {
content: '';
display: block;
background: url("/_designs/ucweb/common/images/icons/search.png") no-repeat center;
background-size: 25px 25px;
width: 55px;
height: 55px; }
@media (min-width: 992px) {
.course-search-bar {
height: 75px;
padding: 17.5px 92.5px 17.5px 35px; }
.course-search-bar input[type="text"] {
font-size: 1.5rem;
height: 40px; }
.course-search-bar button[type="submit"]::after {
background-size: 30px 30px;
width: 75px;
height: 75px; } }
.course-category {
text-align: center;
margin-bottom: 2rem; }
.course-category::after {
display: block;
clear: both;
content: ""; }
.course-category img {
max-width: 70px;
max-height: 70px;
margin-bottom: 1rem; }
.course-category a {
color: #006c91;
font-size: 1rem;
font-weight: bold;
float: left;
width: 100%; }
.selling-point {
font-family: "Verlag A", "Verlag B", "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
text-align: center;
font-size: 1.25rem;
padding-top: 1rem;
padding-bottom: 1rem;
position: relative;
z-index: 1; }
.selling-point > img {
max-width: 100px;
margin: 1rem 0;
height: auto; }
.selling-point.selling-point-main {
background: #009abc;
color: #fff;
font-size: 24px;
padding-top: 2rem;
padding-bottom: 2rem; }
.selling-point.selling-point-main .selling-point-highlight {
display: block;
font-size: 3.25rem; }
.selling-point-background.campaign-card-image {
display: none; }
@media (min-width: 992px) {
.selling-point-background.campaign-card-image {
display: block; }
.selling-point-background.campaign-card-image img {
left: -25%;
width: 120%;
max-width: none; } }
.nav.news-selector {
flex-direction: column;
font-family: "Verlag A", "Verlag B", "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 1.25rem; }
.jumbo-bg .nav.news-selector .nav-link {
font-size: 21px;
color: #fff;
padding: 0.75rem 0;
border-bottom: 1px solid white; }
.jumbo-bg .nav.news-selector .nav-item:last-child .nav-link {
border-bottom: none; }
.jumbo-bg .nav.news-selector .nav-link.active {
color: #92d6e3;
font-weight: bold;
cursor: default; }
.news-item-card {
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
background: #fff;
display: -ms-flexbox;
display: flex;
flex-direction: column; }
@media (min-width: 992px) {
.news-item-card {
height: 100%;
min-height: 29.75em; } }
.news-item-card .news-item-image {
order: -1;
width: 100%;
padding-top: 56.25%;
position: relative;
overflow: hidden; }
.news-item-card .news-item-image img {
position: absolute;
width: auto;
height: 100%;
margin: auto;
top: -100%;
right: -100%;
bottom: -100%;
left: -100%; }
@media (min-width: 992px) {
.news-item-card .news-item-image {
padding-top: 75%; } }
.news-item-card .news-item-date {
padding: 1rem;
font-size: 0.875rem;
font-weight: bold;
text-transform: uppercase;
color: #414042; }
.news-item-card .news-item-summary {
order: 1;
flex: 1;
padding: 0 1rem;
font-size: 0.95rem; }
.news-item-card .news-item-summary h4 {
font-size: 1.25em;
font-weight: bold;
margin: 0 0 1.25rem; }
.news-item-card .news-item-summary h4 a {
color: #006c91 !important; }
/* 兔子先生 SASSI styles are an extension of the home.css design system.
Add the sassi class to the parent container/div of a component/modal to apply the below styles directly to a content block */
.sassi h3 {
font-size: 1.75rem;
font-weight: 600; }
.sassi .accordion h5 {
margin-top: 0;
font-weight: 600;
color: #414042;
font-family: "Verlag A", "Verlag B", Lato, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 1.4em;
max-width: 95%; }
.sassi .accordion button {
text-decoration: none;
background: #fff;
margin-bottom: 1em;
border-top: 3px solid #009abc;
border-radius: 0;
border-right: 1px solid #eee;
border-left: 1px solid #eee;
border-bottom: 1px solid #eee;
padding: 0.7em 1em;
transition: 0.25s; }
.sassi .accordion button:hover {
background: #eee; }
.sassi .accordion button:hover img {
transform: scale(1.1); }
.sassi .accordion button:hover span {
text-decoration: underline; }
.sassi .accordion h5 img {
width: 40px;
margin-right: 0.5em;
transition: 0.25s; }
.sassi .accordion .card {
border: 0;
margin-bottom: 0.5em; }
.sassi .accordion .btn::after {
position: absolute;
content: "";
top: 12px;
right: 16px;
width: 30px;
height: 30px;
background-image: url(/content/dam/global/css/"data:image/svg+xml,%3Csvg id='Group_4759' data-name='Group 4759' xmlns='http:/www.w3.org/2000/svg' width='45' height='45' viewBox='0 0 34 34'%3E%3Ccircle id='Ellipse_1' data-name='Ellipse 1' cx='17' cy='17' r='17' fill='%23009abc'/%3E%3Cpath id='icons8-expand_arrow' d='M2.075,0,0,2.075l8.4,8.4,8.4-8.4L14.717,0,8.4,6.321Z' transform='translate(25.749 22.358) rotate(180)' fill='%23fff'/%3E%3C/svg%3E%0A");
background-position: center;
background-repeat: no-repeat;
background-size: 100% auto;
transition: transform 0.3s ease; }
.sassi .accordion .btn.collapsed:after {
transform: rotate(180deg); }
.sassi .accordion .btn.collapsed {
border-top: 3px solid #006c91; }
.sassi .testimonials .jumbo-bg::before, .sassi .testimonials .jumbo-bg::after {
width: 400px; }
.sassi .testimonials .jumbo-bg::before {
top: 0px;
bottom: 0px; }
.sassi .testimonials .testimonial-text::before {
content: '';
position: absolute;
top: 0;
left: -2em;
background-image: url(/content/dam/global/css/"data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http:/www.w3.org/2000/svg' xmlns:xlink='http:/www.w3.org/1999/xlink' viewBox='0 0 91.21 73.61'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bclip-path:url(%23clip-path);%7D.cls-3%7Bfill:%23019abc;%7D%3C/style%3E%3CclipPath id='clip-path' transform='translate(-251.89 -384.19)'%3E%3Crect class='cls-1' x='251.89' y='384.19' width='91.21' height='73.61'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='cls-2'%3E%3Cg id='Group_4865' data-name='Group 4865'%3E%3Cpath id='Path_1' data-name='Path 1' class='cls-3' d='M291.58,439.23c0-10.24-8-18.88-20.16-19.52a66.73,66.73,0,0,1,19.84-29.77l-3.52-5.75C265,396,251.89,416.83,251.89,434.75c0,12.8,7.68,23,20.8,23a18.85,18.85,0,0,0,18.89-18.56m51.53,0c0-10.24-7.68-18.88-19.84-19.52a66.65,66.65,0,0,1,19.84-29.77l-3.84-5.75c-22.41,11.84-35.53,32.64-35.53,50.56,0,12.8,7.36,23,20.8,23a18.58,18.58,0,0,0,18.57-18.56' transform='translate(-251.89 -384.19)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
width: 80px;
height: 70px;
background-repeat: no-repeat; }
.sassi .testimonials .testimonial-text {
font-size: 115%; }
.sassi .testimonials cite {
font-size: 115%;
font-style: normal; }
.sassi .testimonials .name {
color: #006C91;
font-weight: 600; }
.sassi .testimonials hr {
border-top: 2px solid #006C91; }
.sassi .testimonials .carousel-control-next-icon, .sassi .testimonials .carousel-control-prev-icon {
position: relative !important;
display: inline;
width: 35px;
height: 35px;
background: 50%/100% 100% no-repeat; }
.sassi .testimonials .carousel-control-next, .sassi .testimonials .carousel-control-prev {
width: auto !important;
opacity: 1.0;
transition: 0.25s; }
.sassi .testimonials .carousel-control-next:hover {
right: -5px; }
.sassi .testimonials .carousel-control-prev:hover {
left: -5px; }
.sassi .testimonials .carousel-control-next-icon {
background-image: url(/content/dam/global/css/"data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http:/www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23019abc;%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg id='Group_5000' data-name='Group 5000'%3E%3Cg id='Group_4997' data-name='Group 4997'%3E%3Ccircle id='Ellipse_1' data-name='Ellipse 1' class='cls-1' cx='18' cy='18' r='18'/%3E%3Cpath id='icons8-expand_arrow' data-name='icons8-expand arrow' class='cls-2' d='M288,252l-2.19-2.19L277,258.66l8.84,8.85,2.19-2.19-6.66-6.66Z' transform='translate(-265.75 -240.36)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
transform: rotate(180deg); }
.sassi .testimonials .carousel-control-prev-icon {
background-image: url(/content/dam/global/css/"data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http:/www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23019abc;%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg id='Group_5000' data-name='Group 5000'%3E%3Cg id='Group_4997' data-name='Group 4997'%3E%3Ccircle id='Ellipse_1' data-name='Ellipse 1' class='cls-1' cx='18' cy='18' r='18'/%3E%3Cpath id='icons8-expand_arrow' data-name='icons8-expand arrow' class='cls-2' d='M288,252l-2.19-2.19L277,258.66l8.84,8.85,2.19-2.19-6.66-6.66Z' transform='translate(-265.75 -240.36)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
.sassi .testimonials .carousel-controls {
position: absolute;
bottom: 3em;
right: 0;
width: 110px; }
.btn-sassi-primary {
background: #006c91;
color: #fff;
font-family: "Verlag";
font-weight: normal;
border-width: 3px;
padding: .575rem 2.2rem .675rem;
font-size: 1.35rem;
border-radius: 25px;
transition: 0.25s;
text-align: center;
vertical-align: middle;
line-height: 1.5; }
.btn-sassi-primary:hover {
background: #00506b;
color: #fff;
font-weight: normal !important;
opacity: 1.0 !important;
text-decoration: none !important;
transform: scale(1.04); }
.btn-sassi-outline {
border-color: #006c91;
color: #006c91;
background: transparent;
padding: .575rem 2.2rem .675rem;
font-family: "Verlag";
font-weight: normal;
border-width: 3px;
padding-left: 1.75em;
padding-right: 1.75em;
font-size: 1.25rem;
border-radius: 25px;
transition: 0.25s;
padding: .375rem .75rem;
text-align: center;
vertical-align: middle;
line-height: 1.5; }
.btn-sassi-outline:hover {
background: #006c91;
color: #fff;
font-weight: normal !important;
opacity: 1.0 !important;
text-decoration: none !important;
transform: scale(1.04); }
.course-guide-form.mktoForm {
width: auto !important; }
.course-guide-form.mktoForm .mktoOffset,
.course-guide-form.mktoForm .mktoLabel,
.course-guide-form.mktoForm .mktoGutter {
display: none !important; }
.course-guide-form.mktoForm .mktoFormRow,
.course-guide-form.mktoForm .mktoFormCol,
.course-guide-form.mktoForm .mktoFieldWrap {
float: none;
min-height: 0; }
.course-guide-form.mktoForm .mktoFormCol {
margin: 0 !important; }
.course-guide-form.mktoForm .mktoFormRow,
.course-guide-form.mktoForm .mktoButtonRow {
display: none; }
.course-guide-form.mktoForm > [class*="col-"] {
display: block;
margin-bottom: 1rem !important; }
.course-guide-form.mktoForm input.mktoField {
width: 100% !important;
padding: 0.5rem;
border: 1px solid #bbb;
border-radius: 5px; }
.course-guide-form.mktoForm .mktoHtmlText {
width: auto !important; }
.course-guide-form.mktoForm .mktoButtonWrap {
margin: 0 !important; }
.cognito {
margin: 0;
width: 100%;
max-width: 100%; }
.cognito INPUT[type=text], .cognito INPUT[type=password], .cognito INPUT[type=email], .cognito INPUT[type=tel], .cognito INPUT[type=url], .cognito textarea, .cognito select {
border: 1px solid #d2d2d2;
height: 35px;
border-radius: 10px; }
.cognito input[type=checkbox], input[type=radio] {
margin-right: 5px; }
.cognito label {
display: inline; }
.cognito .c-action {
float: right; }
.cognito .c-button-section {
padding-bottom: 0; }
.cognito button {
border-radius: 25px;
padding: 0.5em 1.5em;
font-size: 18px; }
.cognito .c-forms-form .c-editor {
border: 0; }
.c-upload-button button {
border: 2px solid #aaa;
border-radius: 15px;
padding: 0.4em 1em;
background: #fff; }
.cognito legend {
font-size: 16px;
font-weight: bold; }
.c-fileupload-dropzone {
border-radius: 10px;
height: 70px;
transition: 0.25s; }
.c-fileupload-dropzone-active {
background: #009abc !important;
color: #fff !important; }
@media screen and (max-width: 991px) {
.cognito .c-forms-form .c-field {
display: block;
width: 100%; } }
.sassi .hero-banner {
position: relative;
z-index: 0;
height: auto; }
.sassi .hero-banner .container {
padding: 0; }
.sassi .hero-banner .hero-banner-text {
font-size: 24px; }
.sassi .hero-banner .hero-banner-title {
font-size: 4.375rem;
font-family: "Verlag", "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-weight: bold;
margin-bottom: 1.75rem; }
.sassi .hero-banner .hero-banner-image {
text-align: center; }
.sassi .hero-banner .hero-banner-image img {
max-width: 100%;
height: auto; }
.sassi .hero-banner .hero-banner-description {
max-width: 80%; }
@media (min-width: 992px) {
.sassi .hero-banner .hero-banner-image {
position: relative; }
.sassi .hero-banner .hero-banner-image::after {
content: '';
display: block;
padding-bottom: 100%; }
.sassi .hero-banner .hero-banner-image img {
position: absolute;
z-index: -1;
top: 0;
right: 0;
height: 100%;
width: auto;
max-width: none; } }
.margin-adjust {
margin-top: -5em !important; }
.modal-card {
border-radius: 0;
transition: 0.25s;
background: transparent;
cursor: pointer; }
.modal-card h4 {
font-family: "verlag";
color: #006c91;
font-weight: 500;
font-size: 1.7rem;
line-height: 1.1; }
.modal-card .fas {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
color: #009abc;
font-size: 22px;
color: #009abc; }
.modal-card .card-text {
max-width: 93%; }
.modal-card img {
border-radius: 0; }
.modal-card:hover {
transform: scale(1.03); }
.wideModal .modal-dialog {
max-width: 800px; }
.wideModal .modal-header {
padding: 0;
border-bottom: 0; }
.wideModal .subheading {
font-size: 30px;
font-weight: normal;
display: block; }
.wideModal .jumbo-heading.jumbo-accent::after {
margin-top: 1.5rem !important; }
.wideModal h4 {
margin-top: 1.5em;
font-weight: bold;
color: #006c91; }
.wideModal .modal-header .close {
position: absolute;
right: 0;
background: #009ABC;
border-radius: 50%;
width: 35px;
height: 35px;
right: 1em;
top: 1em;
z-index: 2; }
.wideModal .close {
font-size: 2rem;
font-weight: 700;
line-height: 1;
color: #fff;
text-shadow: 0 0px 0 #fff;
opacity: 1;
padding: 0; }
.wideModal .modal-body {
padding-top: 0; }
.wideModal .modal-body .jumbo-heading {
margin-top: 0.5em;
margin-bottom: 0.5em;
font-size: 2.25rem; }
.wideModal .modal-body .winner {
background: #009abc;
color: #fff;
border-radius: 25px;
padding: 0.3em 0.8em;
font-size: 90%;
display: inline-block; }
.wideModal .modal-content {
border-radius: 0;
border: 0; }
@media (max-width: 575px) {
.modal-card h4 {
font-size: 1.5rem; } }
#sidebar:before {
content: '';
display: block;
position: absolute;
z-index: 0;
top: 20px;
bottom: -70px;
left: -70px;
right: 12%;
height: 400px;
background-color: #009abc; }
#sidebar h4 {
font-weight: bold;
border-bottom: 2px solid #009abc;
width: 100%;
display: block; }
#sidebar .sidebar-content {
box-shadow: 5px 4px 9px -6px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 5px 4px 9px -6px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 5px 4px 9px -6px rgba(0, 0, 0, 0.6);
background: #fff;
margin-top: 4em; }
#sidebar ul {
list-style-type: none;
margin-block-start: 0em;
margin-block-end: 0em;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 0px; }
#sidebar ul li {
border-bottom: 1px solid #eee;
padding: 0.7em 0em; }
#sidebar ul li a {
font-size: 16px;
color: #000; }
#sidebar a.active {
color: #009abc; }
#sidebar li:last-of-type {
border-bottom: 0; }
@media screen and (max-width: 991px) {
#sidebar:before {
display: none; }
#sidebar {
margin-bottom: 2em;
border: 1px solid #eee; }
#sidebar .sidebar-content {
margin-top: 0; }
.navbar-toggler {
background: #009abc;
color: #fff;
padding: 0.5em 1em;
font-size: 1.4rem;
font-weight: bold;
border-radius: 25px; } }
.link-card {
background: transparent;
border: 0;
border-radius: 0; }
.link-card img {
border-radius: 0; }
.link-card .card-body {
width: 90%;
margin-top: -2em;
background: #fff;
transition: 0.25s;
border: 0; }
.link-card h3 {
color: #006c91;
font-family: "Verlag",sans-serif;
font-weight: 500;
font-size: 1.9em;
line-height: 1.1; }
.link-card-anchor:hover {
text-decoration: none; }
.link-card:hover > .card-body {
margin-top: -4em; }
@media screen and (max-width: 991px) {
.link-card h3 {
font-size: 1.5em; } }
/* JUMBO CARD STYLES */
.jumbo-heading {
font-weight: 400;
margin: 0;
line-height: 1.1;
letter-spacing: 1px;
text-shadow: 0.5px 0 #000; }
.text-white .jumbo-heading {
text-shadow: 0.5px 0 #fff; }
.jumbo-heading.jumbo-accent {
position: relative; }
.jumbo-bg.jumbo-bg-blue::before {
background-color: #009abc; }
.jumbo-bg::before, .jumbo-bg::after {
content: '';
display: block;
position: absolute;
z-index: 0;
top: -40px;
bottom: -70px;
left: -250px;
right: 12%; }
.jumbo-bg::before, .jumbo-bg::after {
left: -150px; }
/* NOTE: There is already an override for text-primary in the 兔子先生-theme file so we may have to change this to 'uc-primary' */
.text-primary {
color: #006c91 !important; }
.jumbo-row .text-primary h2 {
font-family: "Verlag A","Verlag B",Lato,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-weight: 700;
line-height: 1.2; }
.btn-campaign-cta {
font-family: "Verlag A", "Verlag B", "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-weight: bold;
border-width: 3px;
padding-left: 1.75em;
padding-right: 1.75em;
font-size: 1.25rem; }
.btn-pill {
border-radius: 9999px; }
.btn-outline-primary {
border-color: #006c91;
color: #006c91; }
.btn:not(:disabled):not(.disabled) {
cursor: pointer; }
.btn-outline-primary:hover {
color: #fff;
border-color: #006c91;
background-color: #006c91; }
.text-white {
color: #fff !important; }
@media (min-width: 992px) {
.jumbo-heading {
font-size: 4.175rem; }
.jumbo-bg::before, .jumbo-bg::after {
left: -150px; }
.jumbo-bg::before, .jumbo-bg::after {
top: -70px;
right: -150px; } }
/* CAMPAIGN CARD STYLES - IMAGE ON RIGHT SIDE */
.campaign-card {
display: -ms-flexbox;
display: flex;
flex-direction: column; }
.campaign-card .campaign-card-content {
background: #fff;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); }
.campaign-card .campaign-card-image {
position: relative;
margin-bottom: 0; }
.campaign-card.campaign-card-horizontal .campaign-card-image img {
max-width: none;
top: 0;
left: 0;
height: 100%; }
.campaign-card .campaign-card-image img {
position: absolute;
z-index: -1;
max-width: 100%;
height: auto;
top: 0;
left: 0; }
.campaign-card .campaign-card-image.campaign-card-image-4by3::after {
padding-top: 75%; }
.campaign-card .campaign-card-image::after {
content: '';
display: block;
width: 100%;
padding-top: 56.25%; }
@media (min-width: 992px) {
.campaign-card.campaign-card-horizontal {
align-items: center;
flex-direction: row; }
.campaign-card.campaign-card-horizontal .campaign-card-image.anchor-right img {
left: auto;
right: 0; }
.campaign-card.campaign-card-horizontal > .campaign-card-content {
flex: 1; }
.campaign-card.campaign-card-horizontal .campaign-card-image.anchor-right {
order: 0; }
.campaign-card.campaign-card-horizontal .campaign-card-image {
margin-bottom: 0; }
.campaign-card.campaign-card-horizontal > .campaign-card-image {
flex: 1; }
.campaign-card .campaign-card-image {
margin-bottom: -10%; } }
@media (max-width: 991px) {
.jumbo-heading {
font-size: 3.25rem; }
.campaign-card.campaign-card-horizontal .campaign-card-image img {
height: auto;
width: 80%; }
.campaign-card-content {
margin-top: -22em;
width: 90%;
margin-left: 10%; } }
@media (max-width: 767px) {
.campaign-card.campaign-card-horizontal .campaign-card-image img {
width: 95%; }
.campaign-card-content {
margin-top: -15em; }
.campaign-card-content h2 {
margin-bottom: 0.5em; } }
@media (max-width: 575px) {
.campaign-card-content h2 {
margin-bottom: 2rem; }
.campaign-card-content {
width: 90% !important;
margin-top: -8em; } }
/* CAMPAIGN CARD */
.btn-campaign-cta {
font-family: "Verlag";
font-weight: normal;
border-width: 3px;
padding-left: 1.75em;
padding-right: 1.75em;
font-size: 1.25rem;
border-color: #006c91;
color: #006c91;
border-radius: 25px; }
.campaign-card-action {
margin-top: 1.5em; }
.campaign-card-content h2 {
font-size: 35px;
margin-bottom: 0; }
.btn-campaign-cta:hover {
background-color: #006c91 !important;
border-color: #006c91 !important;
color: #fff !important; }
/* JUMBO HEADER */
.jumbo-bg h2 {
font-size: 4.45rem;
line-height: 1.2; }
.jumbo-heading.jumbo-accent::after {
margin-bottom: 0.75rem;
content: '';
display: block;
width: 100px;
margin-top: 2.5rem; }
/* MID/STANDARD BLUE VERSION */
.jumbo-bg-blue h2 {
color: #fff !important; }
.jumbo-bg-blue .jumbo-heading.jumbo-accent::after {
border-bottom: 0.75rem solid #92d6e3; }
/* LIGHT BLUE VERSION */
.jumbo-bg-light h2 {
color: #006c91 !important; }
.jumbo-bg-light .jumbo-heading.jumbo-accent::after {
border-bottom: 0.75rem solid #009abc; }
/* DARK GRAY VERSION */
.jumbo-bg-gray h2 {
color: #fff !important; }
.jumbo-bg-gray .jumbo-heading.jumbo-accent::after {
border-bottom: 0.75rem solid #92d6e3; }
/* WHITE VERSION */
.jumbo-bg-white h2 {
color: #414042 !important; }
.jumbo-bg-white .jumbo-heading.jumbo-accent::after {
border-bottom: 0.75rem solid #92d6e3; }
.tab {
margin: 0 auto;
border-bottom: 5px solid #009abc;
width: 100%;
justify-content: center !important; }
.tab button.active {
border-bottom: 0 !important;
background: #009abc;
color: #fff;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
font-size: 1.3em; }
.tab button {
border-top-right-radius: 15px;
border-top-left-radius: 15px;
font-size: 1.3em;
border-bottom: 0 !important;
float: none;
background: #CCCCCC;
margin-right: 5px; }
.tab button:hover {
opacity: 0.7;
border-bottom: 0 !important; }
@media (max-width: 375px) {
.tab button {
font-size: 1.1em;
padding: 10px 18px !important; } }
.course-category {
text-align: center;
margin-bottom: 1rem; }
.course-category::after {
display: block;
clear: both;
content: ""; }
.course-category img {
max-width: 70px;
max-height: 70px;
margin-bottom: 1rem; }
.course-category a {
color: #006c91;
font-weight: bold !important;
font-size: 1.05rem;
float: left;
width: 100%;
transition: 0.25s; }
.course-category a:hover {
transform: scale(1.04); }
.carousel-control-prev-icon {
background-image: url(/content/dam/global/css/"data:image/svg+xml,%3Csvg id='Group_4759' data-name='Group 4759' xmlns='http:/www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E%3Ccircle id='Ellipse_1' data-name='Ellipse 1' cx='17' cy='17' r='17' fill='%23009abc'/%3E%3Cpath id='icons8-expand_arrow' d='M2.075,0,0,2.075l8.4,8.4,8.4-8.4L14.717,0,8.4,6.321Z' transform='translate(25.749 22.358) rotate(180)' fill='%23fff'/%3E%3C/svg%3E%0A") !important;
left: -2.5em;
position: absolute;
transform: rotate(-90deg); }
.carousel-control-next-icon {
right: -2.5em;
position: absolute;
background-image: url(/content/dam/global/css/"data:image/svg+xml,%3Csvg id='Group_4759' data-name='Group 4759' xmlns='http:/www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E%3Ccircle id='Ellipse_1' data-name='Ellipse 1' cx='17' cy='17' r='17' fill='%23009abc'/%3E%3Cpath id='icons8-expand_arrow' d='M2.075,0,0,2.075l8.4,8.4,8.4-8.4L14.717,0,8.4,6.321Z' transform='translate(25.749 22.358) rotate(180)' fill='%23fff'/%3E%3C/svg%3E%0A") !important;
transform: rotate(90deg); }
.carousel-control-next-icon, .carousel-control-prev-icon {
width: 35px;
height: 35px; }
@media (max-width: 767px) {
.content-testimonial-card .heading {
margin-left: 0rem; } }
#column-11184257898550521 .column-three {
box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
border-radius: 5px;
padding: 1.3em;
margin-top: 1.5em;
}
#column-11184257898550521 .column-three h3 {
color: #006c91;
font-weight: 400;
font-size: 2rem;
font-family: 'Verlag';
line-height: 1.1;
margin-bottom: 0.5em;
}
#section-card-footer-section {
display: none !important;
}
.mktoField {
border-radius: 15px !important;
margin-bottom: 10px !important;
}
.mktoErrorMsg {
background: #e51b00 !important;
}
#carousel-11185683788770175 {
margin-top: 4em;
}
#carousel-11259980697048304 h3 {
color: #006c91;
font-weight: 400;
font-size: 2rem;
font-family: 'Verlag';
line-height: 1.1;
margin-bottom: 0.5em;
}
#section-card-11259917336577125 {
padding-top: 0;
margin-top: -4em;
}
.slick-dots li button:before {
font-size: 15px !important;
}
.slick-dots {
margin-top: 1em !important;
}
.video-container {
margin-top: 1.3rem;
}
@media (max-width: 575px) {
#column-11184257898550521 .column-three {
margin: 1em;
}
}
#toolbar-6510156444815953 a {
display: none;
}
.bs-accordion .btn {
background: #fff;
border: 1px solid #eee;
border-color: #eee !important;
border-top: 3px solid #006c91 !important;
border-right: 1px solid #eee !important;
border-left: 1px solid #eee !important;
padding: 1em 1.5em !important;
margin-bottom: 1em;
transition: 0.25s;
}
.bs-accordion .btn:hover {
background: #eee;
}
.bs-accordion .btn h3 {
font-size: 1.3em;
color: #333 !important;
}
/*# sourceMappingURL=main.css.map */