/*
  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: 02 August 2024 03:13:05
*/


#accordion h5, #accordion2 h5, #accordion3 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%;
}
#accordion button, #accordion2 button, #accordion3 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;
}
#accordion button:hover, #accordion2 button:hover, #accordion3 button:hover {
  background: #eee;
}
#accordion button:hover img, #accordion2 button:hover img, #accordion3 button:hover img {
  transform: scale(1.1);
}
#accordion button:hover span, #accordion2 button:hover span, #accordion3 button:hover span {
  text-decoration: underline;
}
#accordion h5 img, #accordion2 h5 img, #accordion3 h5 img {
  width: 40px;
  margin-right: 0.5em;
  transition: 0.25s;
}
#accordion .card, #accordion2 .card, #accordion3 .card {
  border: 0;
  margin-bottom: 0.5em;
}
#accordion .btn::after, #accordion2 .btn::after, #accordion3 .btn::after {
  position: absolute;
  content: "";
  top: 12px;
  right: 16px;
  width: 30px;
  height: 30px;
  background-image: url(/uccreativecompetition/participation-guide-archive/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;
}
#accordion .btn.collapsed:after, #accordion2 .btn.collapsed:after, #accordion3 .btn.collapsed:after {
  transform: rotate(180deg);
}
#accordion .btn.collapsed, #accordion2 .btn.collapsed, #accordion3 .btn.collapsed {
  border-top: 3px solid #006c91;
}
#accordion ul, #accordion2 ul, #accordion3 ul {
  list-style: none;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}
#accordion ul li, #accordion2 ul li, #accordion3 ul li {
  margin-bottom: 0.5em;
}
#accordion ul li::before, #accordion2 ul li::before, #accordion3 ul li::before {
  content: "\2022";
  color: #006c91;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
.jumbo-heading.jumbo-accent.vermillion {
  position: relative;
}
.jumbo-heading.jumbo-accent.vermillion::after {
  content: '';
  display: block;
  width: 70px;
  border-bottom: 0.5rem solid #f15e5c;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
@media (min-width: 992px) {
  .jumbo-heading.jumbo-accent.vermillion::after {
    width: 100px;
    border-bottom: 0.75rem solid #f15e5c;
    margin-top: 2.5rem;
  }
}
.jumbo-bg .nav.news-selector .nav-link {
  font-size: 18px;
  color: #fff;
  padding: 0.5rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 80);
}
/* 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 `<Body><h1><a href="/">������Ƶ</a></h1><script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(bp, s);
})();
</script>` 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*/
html {
  scroll-behavior: smooth;
  overflow-y: auto;
}
body {
  overflow-y: auto;
}
@media (max-width: 575.98px) {
  h1.hero-banner-title {
    font-size: 12vw !important;
  }
}
.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;
}
.course-guide-form.mktoForm .mktoButtonWrap .mktoButton {
  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";
}
ol.timeline-list {
  list-style-type: none;
  padding-left: 0;
}
ol.timeline-list li {
  position: relative;
  margin: 0;
  padding-bottom: 1em;
  padding-left: 30px;
}
ol.timeline-list li::before {
  content: '';
  background-color: #bbb;
  position: absolute;
  bottom: -7px;
  top: 7px;
  left: 5px;
  width: 1px;
}
ol.timeline-list li::after {
  content: '';
  border: 1px solid #bbb;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  left: 0;
  top: 7px;
  height: 10px;
  width: 10px;
}
ol.timeline-list li:last-child::before {
  display: none;
}
ol.timeline-list li.current {
  font-weight: bold;
}
ol.timeline-list li.current::after {
  background: #009abc;
  border-color: #009abc;
}
.unit-card {
  outline: none;
}
@media (min-width: 768px) {
  .unit-card {
    position: relative;
  }
  .unit-card .unit-card-actual {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    overflow: hidden;
  }
  .unit-card .unit-card-actual .unit-card-synopsis {
    min-height: 350px;
  }
  .unit-card::after {
    content: '';
    display: block;
    height: 350px;
  }
}
.unit-card .toggle-collapse, .unit-card .toggle-expand {
  display: none;
}
.unit-card.collapsed .unit-card-actual:hover {
  background: #f1f1f1 !important;
}
@media (min-width: 768px) {
  .unit-card.collapsed .toggle-expand {
    display: block;
  }
  .unit-card.collapsed .unit-card-actual {
    transition: max-height 0.7s, z-index 0.7s step-end;
    max-height: 350px;
    z-index: 0;
  }
}
@media (min-width: 768px) {
  .unit-card.expanded .toggle-collapse {
    display: block;
  }
  .unit-card.expanded .unit-card-actual {
    transition: max-height 0.7s, z-index 0.7s step-start;
    max-height: 800px;
    z-index: 1;
  }
}
.detail-icon-image {
  height: 4rem;
  margin-bottom: 1rem;
}
.detail-icon-image img {
  width: auto;
  height: 4rem;
}
blockquote.testimonial-quote {
  position: relative;
}
blockquote.testimonial-quote::before, blockquote.testimonial-quote::after {
  font-family: 'Georgia', 'Times', serif;
  font-size: 5.5rem;
  font-weight: bold;
  color: #006c91;
  position: absolute;
  height: 3rem;
  width: 3rem;
  line-height: 1;
}
blockquote.testimonial-quote::before {
  content: '“';
  top: -0.5rem;
  left: -4rem;
}
blockquote.testimonial-quote::after {
  content: '”';
  bottom: -0.5rem;
  right: -4rem;
}
@media (max-width: 991.98px) {
  .campaign-cta-block-bg {
    background: #fff;
  }
}
@media (min-width: 992px) {
  .campaign-cta-block-bg {
    background: radial-gradient(circle at 50% 30%, #fff 65%, transparent 65%);
  }
}
.timeline-list li {
  font-size: 18px;
}
.jumbo-bg.jumbo-bg-light::before {
  background: #92d6e3;
  background-image: url(https://www.canberra.edu.au/__data/assets/image/0011/2069750/five-decades-of-education-header.png) !important;
  background-size: cover;
}
.jumbo-bg-light h2 {
  color: #006c91;
}
.jumbo-bg-light .jumbo-heading.jumbo-accent::after {
  border-bottom: 0.75rem solid #009abc;
}
.wideModal .modal-dialog {
  max-width: 800px;
}
.wideModal .modal-header {
  padding: 0;
  border-bottom: 0;
}
.wideModal .modal-image img {
  width: 170px;
}
.wideModal .subheading {
  font-size: 30px;
  font-weight: normal;
  display: block;
}
.wideModal .jumbo-heading.jumbo-accent::after {
  margin-top: 1.5rem !important;
}
.wideModal h4 {
  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: 3.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;
}
.margin-adjust {
  margin-top: -4em;
}
#carouselCoursesIndicators {
  width: 100%;
  z-index: -1;
}
.logos img {
  transition: 0.25s;
}
.logos img:hover {
  transform: scale(1.05);
}
.pullquote p::before {
  content: '';
  position: absolute;
  left: 25px;
  background-image: url(/uccreativecompetition/participation-guide-archive/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: 35px;
  height: 35px;
  background-repeat: no-repeat;
}
.carousel-control-next, .carousel-control-prev {
  top: auto;
  bottom: -45px;
  height: 50px;
}
#news .card {
  border: 0;
}
#news h4 {
  font-weight: bold;
}
.pullquote {
  font-size: 120%;
  padding: 0.2em 3.2em 1em 3.2em;
}
.pullquote p {
  margin-bottom: 0;
  color: #006c91;
}
.pullquote p::after {
  content: '';
  position: absolute;
  right: 35px;
  background-image: url(/uccreativecompetition/participation-guide-archive/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: 35px;
  height: 35px;
  background-repeat: no-repeat;
  transform: rotate(180deg);
  margin-top: -0.5em;
}
.pulltext {
  font-size: 120%;
  padding: 0.2em 3.2em 1em 3.2em;
}
.pulltext p {
  margin-bottom: 0;
  color: #006c91;
}
.link-card {
  background: transparent;
  border: 0;
  border-radius: 0;
}
.link-card img {
  border-radius: 0;
}
.link-card .card-body {
  width: 90%;
  margin-top: -3em;
  background: #fff;
  transition: 0.25s;
}
.link-card h3 {
  font-weight: 600;
}
.link-card:hover > .card-body {
  margin-top: -5em;
}
.card-row .card {
  transition: 0.25s;
  border-radius: 0;
  min-height: 275px;
  background: transparent;
}
.card-row .card:hover {
  cursor: pointer;
  margin-top: -1em;
  margin-bottom: 1em;
}
.card-row .card .fas {
  position: absolute;
  bottom: 1em;
  font-size: 19px;
  right: 1em;
  color: #009abc;
}
.card-row .card span {
  position: absolute;
  top: 1em;
  left: 1em;
  background: #009abc;
  color: #fff;
  border-radius: 25px;
  padding: 0.3em 0.8em;
  font-size: 90%;
}
.card-row h4 {
  color: #006c91;
  font-weight: 700;
  font-size: 1.5rem;
  width: 90%;
}
.card-row .card img {
  border-radius: 0 !important;
}
#contactImg {
  margin-top: -4em;
}
#closer .card-row .card {
  transition: 0.25s;
  border-radius: 0;
  min-height: 0;
  background: transparent;
  margin-bottom: 1em;
}
#closer .card-row .card:hover {
  cursor: pointer;
  transform: scale(1.04);
  margin-top: 0;
}
#closer iframe {
  margin-top: -2.5em;
}
.background-black {
  background: #000;
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23009abc' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23009abc' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}
.carousel-indicators li {
  background-color: #009abc;
  width: 15px;
  height: 15px;
  border-radius: 50%;
}
.carousel-indicators {
  bottom: -50px !important;
}
.campaign-card-image.left img {
  margin-right: -6em;
}
.bg-blue {
  background: #009abc;
}
.text-deep-blue {
  color: #006c91 !important;
}
.hero-banner-description {
  max-width: 80%;
}
.banner-container {
  background: url(https://www.canberra.edu.au/__data/assets/image/0006/2016699/banner-bg-v2.jpg) !important;
  background-size: cover !important;
}
.card-row.bottom {
  min-height: 350px;
}
.sassi table {
  width: 100%;
}
.sassi table, .sassi th, .sassi td {
  border: 1px solid #a9dee8;
  padding: 1em;
}
.sassi th {
  background: #009abc;
  color: #fff;
  font-size: 1.3em;
}
.sassi td {
  font-size: 1.1em;
}
.sassi table .btn {
  padding: 0.1rem 1.5rem;
}
.videos iframe {
  width: 100%;
  height: 410px;
}
.card-row .card {
  min-height: 280px;
}
#donate .jumbo-bg.jumbo-bg-blue::before {
  background-image: url(https://www.canberra.edu.au/__data/assets/image/0003/2016714/yarning-donate-bg.png);
  background-size: cover;
}
#donate a:hover {
  text-decoration: none;
}
#donate .card {
  border-radius: 0;
  transition: 0.25s;
}
#donate .card:hover {
  transform: scale(1.03);
}
#donate .card img {
  border-radius: 0;
}
#donate .card p {
  color: #000;
}
#donate .card h3 {
  font-weight: 600;
}
#donate .card .link-text {
  color: #006c91;
}
#donate .card .link-text i {
  font-size: 70%;
}
.link-card-row {
  min-height: 320px;
}
.link-card-row a:hover {
  text-decoration: none;
}
@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;
  }
  .jumbo-bg::before, .jumbo-bg::after {
    bottom: -10px !important;
  }
  .margin-adjust {
    margin-top: 0;
  }
  .card-row .card {
    transition: 0.25s;
    border-radius: 0;
    min-height: 230px;
    background: transparent;
  }
  .jenni.card {
    min-height: 300px;
  }
  .link-card h3 {
    font-size: 1.35rem;
  }
}
@media screen and (max-width: 767px) {
  .videos iframe {
    width: 100%;
    height: 410px;
  }
  .card-row .card {
    min-height: 260px;
  }
  .card-row.bottom {
    min-height: 280px;
  }
}
@media (min-width: 576px) {
  .jumbo-heading {
    font-size: 2.25rem;
  }
}
@media (min-width: 992px) {
  .jumbo-heading {
    font-size: 4rem;
  }
}
@media screen and (max-width: 575px) {
  .link-card-row {
    min-height: 480px;
  }
  #contactImg {
    margin-top: -3em;
  }
}
@media screen and (max-width: 360px) {
  .jumbo-heading {
    font-size: 1.75rem;
  }
  .share {
    font-size: 1.75rem;
  }
}
.jumbo-bg .nav.news-selector .nav-link {
  font-size: 18px;
  color: #fff;
  padding: 0.5rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 80);
}
html .cog-cognito .el-input__inner, html .cog-cognito .el-textarea__inner, :root:root:root:root:root .cog-cognito .el-input__inner, :root:root:root:root:root .cog-cognito .el-textarea__inner {
  border: 1px solid #d2d2d2;
  height: 35px;
  border-radius: 10px;
}
html .cog-label, :root:root:root:root:root .cog-label {
  margin-bottom: 0;
  font-size: 17px;
}
.cog-button--submit {
  position: relative;
  cursor: pointer;
  color: #fff;
  background-color: #006c91;
  border-color: #006c91;
  padding: 0.6em 1.5em;
  border: 0;
  border-radius: 25px;
  font-size: 18px;
  transition: 0.25s;
}
.cog-button--submit:hover {
  background-color: #6c757d;
  border-color: #6c757d;
}
html .cog-page__navigation, :root:root:root:root:root .cog-page__navigation {
  float: right;
  padding-top: 1em;
}
html .el-radio__label.el-radio__label, html .el-checkbox__label.el-checkbox__label, :root:root:root:root:root .el-radio__label.el-radio__label, :root:root:root:root:root .el-checkbox__label.el-checkbox__label {
  margin-left: 5px;
}
.cog-repeating-section__heading {
  font-size: 18px;
}
.cog-button--secondary {
  position: relative;
  cursor: pointer;
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
  padding: 0.5em 1.1em;
  border: 0;
  border-radius: 25px;
  font-size: 16px;
  transition: 0.25s;
}
.cog-button--secondary:hover {
  background-color: #006c91;
  color: #fff;
}
.cog-button--next {
  position: relative;
  cursor: pointer;
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
  padding: 0.5em 1.1em;
  border: 0;
  border-radius: 25px;
  font-size: 16px;
  transition: 0.25s;
}
.cog-button--next:hover {
  background-color: #006c91;
  color: #fff;
}
.cog-picker__native-placeholder {
  border: 0 !important;
}
html .cog-page-progress--steps a > span, html .cog-page-progress--steps a:before, :root:root:root:root:root .cog-page-progress--steps a > span, :root:root:root:root:root .cog-page-progress--steps a:before {
  margin: 0;
}
html .cog-page-progress--steps a, :root:root:root:root:root .cog-page-progress--steps a {
  padding: 0.3em 0.8em;
  background: #eee;
  border-radius: 25px;
}
.cog-confirmation__message {
  background: #eaf4f5;
  padding: 1em;
}