@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Open+Sans:ital,wght@1,600&display=swap");

.hero-heading,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Inter", sans-serif;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.hero-heading {
    font-size: 38px;
    line-height: 1.1;
    font-weight: 700;
}

h1 {
    font-size: 38px;
    line-height: 1.2;
    font-weight: 700;
}

h2 {
    font-size: 30px;
    line-height: 1.2;
    font-weight: 700;
}

h3 {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
}

h4 {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 600;
}

h5 {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
}

h6 {
    font-size: 15px;
    line-height: 1.5;
    font-weight: 600;
    text-transform: uppercase;
}

p {
    margin-bottom: 1.5rem !important;
}

ol li {
    margin-bottom: 10px;
}

p.mt-4 {
    max-width: 100% !important;
}

p.category-name-all-caps {
    font-size: 13px;
    line-height: 1.5;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0.5rem !important;
}

body {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    line-height: 26px;
    color: #394049;
	background-color: #f1f1f1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.font-size-14 {
    font-size: 14px
}

.font-size-16 {
    font-size: 16px
}

.font-size-18 {
    font-size: 18px
}

.line-height-42 {
    line-height: 42px
}

.text-accent {
    font-family: "Inter", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.text-accent-semi {
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
}

.text-number-big {
    font-weight: 600;
    font-size: 46px;
    line-height: 1.2;
}

.text-trivial {
    font-family: "Inter", sans-serif;
    font-size: 13px;
    line-height: 24px;
    color: #73777d;
}

.text-category-name {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 12px;
    line-height: 22px;
    color: #000;
}

.quicklink-text {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    line-height: 24px;
    font-size: 18px;
}

.right-column-small-text {
    font-size: 13px;
    line-height: 20px;
}

.right-column-small-text a {
    color: #394049;
    text-decoration: underline;
    font-size: 13px;
    line-height: 13px;
}

.text-uac-green {
    color: #448532 !important;
}

.text-uac-slate {
    color: #4b4e6a !important;
}

.master-container {
    position: relative;
    max-width: 1600px;
    margin: 0 auto;
}

#main-content {
    min-height: 400px;
    padding-bottom: 20px;
    background-color: white;
}

.page-heading {
    margin-top: 60px;
}

.table tbody tr th {
    font-weight: 400;
}

.table-elp tbody tr th {
    font-weight: 700;
}

.entry-slug-singles .hero-block,
.entry-slug-home .hero-block {
    height: 300px;
}

.entry-slug-singles .hero-block div .hero-gradient,
.entry-slug-home .hero-block div .hero-gradient {
    height: 320px;
}

.institution-hero-height {
    height: 300px;
}

.institution-hero-height div .institution-hero-gradient-height {
    height: 300px;
}

.hero-block {
    height: 300px;
}

.hero-block .vertical-nav-links {
    float: left;
    height: 100%;
    width: 95px;
    padding-top: 20px;
}

.hero-block .vertical-nav-links table th {
    vertical-align: bottom;
    text-align: center;
    border: none;
}

.hero-block .vertical-nav-links table th a {
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    white-space: nowrap;
    font-size: 16px;
    font-weight: 600;
}

.hero-block .hero-image {
    position: relative;
    display: block;
    margin-left: 95px;
    height: 100%;
    background-position: top;
    background-size: cover !important;
    padding-top: 40px;
}

.hero-block .hero-image .hero-heading {
    color: #fff;
    max-width: 600px;
    margin-bottom: 10px;
}

.hero-block .hero-image p.summary {
    color: white;
    padding-right: 50px;
    max-width: 600px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 30px !important;
}

.hero-block .hero-image .hero-cta-button {
    position: relative;
    display: inline-block;
    z-index: 99;
    font-weight: 700;
    text-align: center;
    color: #fff;
    padding: 15px 30px;
    border: 1px solid #fff;
    max-width: 400px;
}

.hero-block .hero-image .hero-cta-button:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: -100;
}

.hero-block .hero-image .hero-cta-button:hover {
    background-color: #fff;
    color: #000;
}

.hero-block .hero-image .hero-cta-button:hover:before {
    background: #fff;
}

.hero-block .hero-image .hero-cta-button:active {
    background-color: #fff;
}

.hero-block .hero-image .hero-cta-button:hover:active {
    background-color: #fff;
    color: #a3a9ac;
}

.hero-block .hero-image .hero-cta-button i.fal {
    font-size: 1.2em;
}

.hero-block .hero-image .hero-gradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.6), transparent 60%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0.6), transparent 60%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.6), transparent 60%);
}

.hero-block .hero-institutions {
    margin-left: 0 !important;
}

.hero-block .hero-text-container {
    position: relative;
    z-index: 99;
    max-width: 1190px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
}

.hero-block .hero-video-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.hero-block .hero-video-container iframe {
    height: 100%;
    width: 100%;
}

.institution-hero-height {
    height: 300px;
}

.institution-hero-height div.hero-image .institution-hero-gradient-height {
    height: 300px;
}

.entry-block {
    margin: 40px 0 40px 0;
}

.entry-block.anchor-block {
    margin: 0;
}

.entry-block .heading {
    margin-bottom: 30px;
}

.entry-block img {
    max-width: 100%;
}

.entry-block .table-elp {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}

.entry-block .table-elp th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

.promo-block .headline,
.promo-block .headline a {
    width: 100%;
    color: #000;
    font-family: "Inter", sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 20px;
}

.promo-block .image-container .image {
    height: 380px;
    max-width: 100%;
    background-color: rgba(6, 6, 6, 0.2);
    background-position: center;
    background-size: cover !important;
}

.promo-block .image-container.order-last {
    padding-left: 0;
}

.promo-block .image-container.order-last .image:before {
    content: "";
    width: 120px;
    border-bottom: solid 1px #4b4e6a;
    position: absolute;
    z-index: 1;
    left: -60px;
    top: 12%;
}

.promo-block .image-container.order-first {
    padding-right: 0;
}

.promo-block .image-container.order-first .image:after {
    content: "";
    width: 120px;
    border-bottom: solid 1px #4b4e6a;
    position: absolute;
    z-index: 1;
    right: -60px;
    top: 12%;
}

.promo-block .reverse-first {
    padding-top: 20px;
    padding-left: 80px;
}

.promo-block .reverse-last {
    padding-top: 20px;
    padding-right: 80px;
}

.process-block h3 {
    margin-bottom: 60px;
}

.process-block .steps-container {
    display: flex;
    flex-direction: row;
    flex-flow: row wrap;
}

.process-block .steps-container .step {
    display: flex;
    flex-direction: row;
    margin-bottom: 5px;
}

.process-block .steps-container .step.step-50 {
    width: 50%;
    margin-bottom: 60px;
    padding-right: 60px;
}

.process-block .steps-container .step.step-50 .step-details .sponsored-by {
    background-color: #f1f1f1;
    display: inline-block;
    font-size: 10px;
    padding: 5px 20px;
}

.process-block .steps-container .step .step-tick {
    position: relative;
    margin-right: 40px;
}

.process-block .steps-container .step .step-tick i,
.process-block .steps-container .step .step-tick p.process-number {
    width: 100px;
    height: 100px;
    font-size: 35px;
    line-height: 100px;
    text-align: center;
    color: #fff;
    background-color: #448532;
    border-radius: 3px;
}

.process-block .steps-container .step .step-tick i.fa-external-link {
    color: #448532;
    background-color: #dff1da;
}

.process-block .steps-container .step .step-tick i.fa-external-link:before {
    position: relative;
    top: -3px;
    left: 3px;
}

.process-block .steps-container .step .step-tick p.process-number {
    display: block;
    font-family: "Inter", sans-serif;
}

.process-block .steps-container .step .step-tick a.step-url {
    position: absolute;
    width: 100px;
    height: 100px;
    left: 0;
    top: 0;
}

.process-block .steps-container .step .step-tick:hover i {
    background-color: #4b4e6a;
    color: #ffffff;
    transition: 0.2s ease all;
}

.process-block .steps-container .step .step-details .heading {
    font-family: "Inter", sans-serif;
    margin-bottom: 10px;
    font-weight: 600;
}

.process-block .steps-container .step .step-details .body {
    padding-right: 20px;
}

.process-image-block .image-container {
    padding-left: 0;
}

.process-image-block .image-container .image {
    height: 380px;
    max-width: 100%;
    background-color: rgba(6, 6, 6, 0.2);
    background-position: center;
    background-size: cover !important;
}

.persona-block {
    margin-top: 40px;
}

.persona-block .persona-container {
    height: 500px;
}

.persona-block .persona-container:nth-of-type(2) {
    margin-left: 20px;
    margin-right: 20px;
}

.persona-block .persona-container.persona-position-top {
    margin-top: 0;
}

.persona-block .persona-container.persona-position-baseline {
    margin-top: 50px;
}

.persona-block .persona-container.persona-position-bottom {
    margin-top: 100px;
}

.persona-block .persona-container .persona-image {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
    position: absolute;
    left: 0;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 50% 20px 0;
    color: #fff;
}

.persona-block .persona-container .persona-image:hover:after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #448532;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.85;
}

.persona-block .persona-container .persona-image:hover .persona-text {
    transition: 0.35s;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
}

.persona-block .persona-container .persona-image:hover .persona-text p {
    opacity: 1;
}

.persona-block .persona-container .persona-image h4 {
    color: white;
    text-align: center;
    padding: 0 20%;
    font-size: 24px;
    line-height: 32px;
}

.persona-block .persona-container .persona-image p {
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
}

.persona-block .persona-container .blanket-image-url {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    height: 100%;
    width: 100%;
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent 50%);
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent 50%);
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent 50%);
}

.persona-block .persona-container .blanket-image-url:hover {
    background: none;
}

.persona-block .persona-container .persona-text {
    position: relative;
    z-index: 1;
    left: 0;
    width: 100%;
    pointer-events: none;
}

.image-content-block {
    margin-bottom: 60px;
}

.image-content-block h3 {
    margin-bottom: 60px;
}

.image-content-block .image-content-container {
    background-size: cover;
    background-position: center;
    position: relative;
    width: 100%;
    height: 320px;
    color: #fff;
}

.image-content-block .image-content-container.hover-overlay:hover:after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #448532;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.85;
}

.image-content-block .image-content-container h4 {
    position: absolute;
    bottom: 0;
    padding-left: 20px;
    color: white;
    z-index: 1;
    font-size: 24px;
    line-height: 32px;
    pointer-events: none;
}

.image-content-block .image-content-container .blanket-image-url {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    height: 100%;
    width: 100%;
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent 50%);
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent 50%);
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent 50%);
}

.image-content-block .image-content-container .blanket-image-url:hover {
    background: none;
}

.image-content-block .body {
    margin-top: 20px;
    padding-left: 20px;
}

.sponsored-by-ICBlock {
    background-color: #a64a95;
    font-size: 10px;
    padding: 10px;
    text-align: center;
    color: #ffffff;
}

.accordion-block h2 {
    margin-bottom: 60px;
}

.accordion-block .block-collapse-item {
    margin-bottom: 0;
    border-top: 1px solid #ddd;
}

.accordion-block .block-collapse-item:last-of-type {
    border-bottom: 1px solid #ddd;
}

.accordion-block .block-collapse-item .block-collapse-heading {
    margin-bottom: 0;
    padding: 30px 20px;
    padding-right: 30px;
    cursor: pointer;
    position: relative;
    text-transform: none !important;
    font-size: 1em;
}

.accordion-block .block-collapse-item .block-collapse-heading.active:after {
    content: "\f068";
}

.accordion-block .block-collapse-item .block-collapse-heading:after {
    font-family: "Font Awesome 5 Pro";
    float: right;
    content: "\f067";
    font-weight: 100;
    font-size: 25px;
    position: absolute;
    right: 0;
    top: 30px;
}

.accordion-block .block-collapse-item .block-collapse-content {
    padding: 0 20px 20px 20px;
}

.accordion-block .block-collapse-item .block-collapse-content table tr td:first-child {
    width: 25%;
}

.accordion-block .block-collapse-item .block-collapse-content table tr td ul {
    padding-left: 0;
}

.notification-block .notification-container {
    color: white;
    padding: 30px 40px;
    text-align: left;
}

.notification-block .notification-container h1,
.notification-block .notification-container h2,
.notification-block .notification-container h3,
.notification-block .notification-container h4,
.notification-block .notification-container h5,
.notification-block .notification-container h6 {
    color: white !important;
}

.notification-block .notification-container a {
    color: white !important;
    border-bottom: 1px solid #ffffff;
}

.notification-block .notification-container p {
    text-align: left;
}

.notification-block .notification-container p:last-child {
    margin-bottom: 0 !important;
}

.notification-block .notification-container ul li:before {
    color: #ffffff;
}

.notification-block .notification-container ul:last-child {
    margin-bottom: 0 !important;
}

.document-block h2 {
    margin-bottom: 60px;
}

.document-block .document-block-item {
    margin-bottom: 0;
    border-top: 1px solid #ddd;
}

.document-block .document-block-item-right-hand i {
    color: #448532;
}

.document-block .document-block-item-right-hand {
    align-items: baseline;
    display: flex;
    padding-bottom: 10px;
}

.document-block .document-block-item-right-hand span {
    color: #448532;
    background-color: rgba(95, 184, 70, 0.2);
    padding: 3px 5px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
    margin-right: 5px;
    margin-left: 10px;
    line-height: 1;
}

.document-block .document-block-item:last-of-type {
    border-bottom: 1px solid #ddd;
}


.document-block .document-block-item:after {
    content: "";
    visibility: hidden;
    display: block;
    clear: both;
}

.document-block .document-block-item .document-block-item-heading {
    margin-bottom: 0;
    padding: 30px 20px;
    float: left;
    text-transform: none;
    font-size: 1em;
}

.document-block .document-block-item-right-hand .document-block-item-heading {
    margin-bottom: 0;
    padding: 10px;
    float: left;
    text-transform: none;
    font-size: 1em;
    line-height: 1.3;

}

.document-block .document-block-item-right-hand .document-block-item-heading a {
    color: #448532;
}


.document-block .document-block-item .document-block-item-heading-right-hand {
    max-width: 250px;
}

.document-block .document-block-item .document-block-item-actions {
    margin-bottom: 0;
    padding: 15px 20px;
    float: right;
}

.key-dates-block .key-dates-entry {
    margin-top: 30px;
}

.key-dates-block .key-dates-date-container {
    padding: 15px;
    border-radius: 2px;
    background-color: #f1f1f1;
    text-align: center;
    max-width: 130px;
    min-width: 100px;
}

.key-dates-block .key-dates-date-container .month {
    text-transform: uppercase;
}

.key-dates-block .key-dates-date-container .date {
    font-family: "Inter", serif;
    font-size: 3em;
    font-weight: 600;
}

.key-dates-block .key-dates-date-container .mobile-date {
    width: 200px;
    text-transform: uppercase;
}

.key-dates-block .deadline {
    font-family: "Inter", serif;
}

.categories-block .institution-category-item {
    margin-bottom: 30px;
}

.categories-block .institution-category-item .image-container {
    border: 1px solid #d2d3da;
    height: 190px;
    display: flex;
    align-items: center;
}

.categories-block .institution-category-item .image-container img {
    max-height: 190px;
    object-fit: contain;
}

#key-date-content .ad-block {
    padding: 15px 0;
}

#key-date-content #key-date-filter.nav {
    justify-content: center;
}

#key-date-content #key-date-filter li {
    margin-right: 10px;
}

#key-date-content #key-date-filter li .nav-link.active {
    border-bottom: 5px solid #448532;
}

#key-date-content .key-dates-entry {
    position: relative;
    margin: 0;
    padding-bottom: 30px;
    z-index: 1;
}

#key-date-content .key-dates-entry .badge-dark {
    background-color: #1e2245;
}

.media-centre-hero-block {
    height: 170px;
}

.media-centre-hero-block .hero-image {
    background-color: #868a90;
    padding-top: 0;
}

.media-centre-hero-block .hero-image .hero-heading a {
    color: white;
    font-size: 48px;
    line-height: 170px;
}

.media-centre-hero-block .hero-image .hero-heading a:hover {
    color: #448532;
    text-decoration: none;
}

.media-centre-hero-block .hero-image .hero-heading a:hover:active {
    color: #a3a9ac;
}

.media-centre-statistics-entry p img {
    border: 1px solid #a3a9ac;
}

.ad-block {
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    padding: 30px;
}

.ad-block .ad-block-billboard {
    position: relative;
}

.ad-block .ad-block-billboard .ad-block-danger iframe {
    border: 1px solid #dadada;
    width: 970px;
    height: 250px;
}

.ad-block .ad-block-billboard .ad-block-danger-mobile iframe {
    width: 320px;
    height: 100px;
}

.ad-block .ad-block-leaderboard {
    position: relative;
}

.ad-block .ad-block-leaderboard .ad-block-danger iframe {
    border: 1px solid #dadada;
    width: 728px;
    height: 90px;
}

.ad-block .ad-block-leaderboard .ad-block-danger-mobile iframe {
    width: 320px;
    height: 50px;
}

.ad-block > div:not(:first-child) {
    position: relative;
}

.ad-block > div:not(:first-child) p {
    position: absolute;
    top: calc(50% - 15px);
    left: -20px;
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    border-bottom: none;
}

.ad-block > div:not(:first-child) p a {
    font-size: 10px;
    text-align: center;
    border-bottom: none;
}

.ad-promo-block {
    background-color: #f1f1f1;
    padding: 20px 0px 1px 0px;
}

.ad-promo-block .container {
    background-color: #fff;
}

.ad-promo-block .container .promo-block .image-container .image {
    margin: 30px 0;
}

.ad-promo-block .container .row {
    position: relative;
    padding: 20px 0;
}

.ad-promo-block .container .row .sponsored-by {
    background-color: #f1f1f1;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 10px;
    padding: 10px 20px;
}

.googleAd {
    display: flex;
    justify-content: center;
}

.feedback-block {
    border-top: 1px solid #dadada;
    padding-top: 30px;
}

p.feedback-heading {
    font-weight: bold;
    font-size: 1.2em;
    display: inline-block;
    margin-right: 50px;
}

.feedback-button,
.feedback-button:active,
.feedback-button:visited {
    background-color: white;
    border: 2px solid #448532;
    color: #448532;
    font-weight: bold;
    height: 50px;
    width: 170px;
}

.feedback-button:hover {
    background-color: #448532;
    color: white;
}

.feedback-headline a {
    justify-content: center;
    text-align: center;
    font-family: "Inter", sans-serif;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 20px;
    border-bottom: 2px solid #448532;
    padding-bottom: 2px;
}

.fallbackContainer {
    position: relative;
}

.fallbackContent {
    background-color: #f1f1f1 !important;
    color: #4b4e6a;
    font-weight: 500;
    width: 800px;
    margin: 10px auto;
    display: none;
    border: 1px solid #a3a9ac;
    padding: 30px 20px;
}

.fallbackContent i {
    font-size: 30px;
    color: #a3a9ac;
    line-height: 100%;
}

.fallbackContent a {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
}

.fallbackContent a:hover {
    color: black;
    text-decoration: underline;
}

.fallbackContent .fallBackBody {
    border-right: 1px solid #a3a9ac;
}

.fallbackContent .fallBackLink {
    text-align: center;
}

.popover {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    border-radius: 0;
    color: black;
    max-width: 350px;
    padding: 20px;
    -webkit-box-shadow: 0px 5px 7px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 5px 7px 2px rgba(0, 0, 0, 0.15);
}

.bs-popover-bottom {
    margin-top: 10px;
}

.nestedAccordionText {
    margin-bottom: 60px;
}

.nestedAccordionText > ul {
    list-style-type: none;
    padding-left: 0;
}

.nestedAccordionText > ul > li {
    position: relative;
    margin-left: 40px;
    margin-bottom: 5px;
}

.nestedAccordionText > ul > li:last-child {
    margin-bottom: 20px;
}

.nestedAccordionText > ul > li > a.nestedToggle {
    border-bottom: 1px solid #dadada;
    display: block;
    margin: 10px 0;
    padding: 10px 40px 20px 0px;
    font-weight: bold;
    letter-spacing: 0;
    font-size: 20px;
}

.nestedAccordionText > ul > li > a.nestedToggle.collapsed:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 100;
    font-size: 1.5em;
    content: "\f067";
    color: #4a4e6a;
    margin-left: 1em;
    position: absolute;
    left: auto;
    right: 0;
}

.nestedAccordionText > ul > li > a.nestedToggle.expanded {
    border-bottom: none;
}

.nestedAccordionText > ul > li > a.nestedToggle.expanded:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 100;
    font-size: 1.5em;
    content: "\f068";
    color: #4a4e6a;
    margin-left: 1em;
    position: absolute;
    left: auto;
    right: 0;
}

.nestedAccordionText > ul > li > ul {
    list-style-type: none;
    padding-left: 0;
}

.nestedAccordionText > ul > li > ul > li {
    position: relative;
    margin-left: 30px;
    margin-bottom: 5px;
}

.nestedAccordionText > ul > li > ul > li:last-child {
    margin-bottom: 20px;
}

.nestedAccordionText > ul > li > ul > li > a.nestedToggle {
    border-bottom: 1px solid #dadada;
    display: block;
    margin: 10px 0;
    padding: 10px 40px 20px 0px;
    font-weight: bold;
    letter-spacing: 0;
    font-size: 18px;
}

.nestedAccordionText > ul > li > ul > li > a.nestedToggle.collapsed:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 100;
    font-size: 1.5em;
    content: "\f067";
    color: #4a4e6a;
    margin-left: 1em;
    position: absolute;
    left: auto;
    right: 0;
}

.nestedAccordionText > ul > li > ul > li > a.nestedToggle.expanded {
    border-bottom: none;
}

.nestedAccordionText > ul > li > ul > li > a.nestedToggle.expanded:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 100;
    font-size: 1.5em;
    content: "\f068";
    color: #4a4e6a;
    margin-left: 1em;
    position: absolute;
    left: auto;
    right: 0;
}

.nestedAccordionText > ul > li > ul > li > ul {
    list-style-type: none;
    padding-left: 0;
}

.nestedAccordionText > ul > li > ul > li > ul > li {
    position: relative;
    margin-left: 0px;
    margin-bottom: 5px;
}

.nestedAccordionText > ul > li > ul > li > ul > li:last-child {
    margin-bottom: 20px;
}

.nestedAccordionText > ul > li > ul > li > ul > li > a.nestedToggle {
    border-bottom: 1px solid #dadada;
    display: block;
    margin: 10px 0;
    padding: 10px 0px 20px 40px;
    font-weight: bold;
    letter-spacing: 0;
    font-size: 16px;
}

.nestedAccordionText > ul > li > ul > li > ul > li > a.nestedToggle.collapsed:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 100;
    font-size: 1.5em;
    content: "\f054";
    color: #4a4e6a;
    margin-right: 1em;
    position: absolute;
    left: 0;
    right: auto;
}

.nestedAccordionText > ul > li > ul > li > ul > li > a.nestedToggle.expanded {
    border-bottom: none;
}

.nestedAccordionText > ul > li > ul > li > ul > li > a.nestedToggle.expanded:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 100;
    font-size: 1.5em;
    content: "\f078";
    color: #4a4e6a;
    margin-right: 1em;
    position: absolute;
    left: 0;
    right: auto;
}

.nestedAccordionText > ul > li > ul > li > ul > li > ul {
    list-style-type: none;
    padding-left: 0;
}

.nestedAccordionText > ul > li > ul > li > ul > li > ul > li {
    position: relative;
    margin-left: 30px;
    margin-bottom: 5px;
}

.nestedAccordionText > ul > li > ul > li > ul > li > ul > li:last-child {
    margin-bottom: 20px;
}

.nestedAccordionText > ul > li > ul > li > ul > li > ul > li > a.nestedToggle {
    border-bottom: 1px solid #dadada;
    display: block;
    margin: 10px 0;
    padding: 10px 0px 20px 40px;
    font-weight: bold;
    letter-spacing: 0;
    font-size: 16px;
}

.nestedAccordionText > ul > li > ul > li > ul > li > ul > li > a.nestedToggle.collapsed:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 100;
    font-size: 1.5em;
    content: "\f054";
    color: #4a4e6a;
    margin-right: 1em;
    position: absolute;
    left: 0;
    right: auto;
}

.nestedAccordionText > ul > li > ul > li > ul > li > ul > li > a.nestedToggle.expanded {
    border-bottom: none;
}

.nestedAccordionText > ul > li > ul > li > ul > li > ul > li > a.nestedToggle.expanded:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 100;
    font-size: 1.5em;
    content: "\f078";
    color: #4a4e6a;
    margin-right: 1em;
    position: absolute;
    left: 0;
    right: auto;
}

.nestedAccordionText > ul > li > ul > li > ul > li > ul > li > ul {
    list-style-type: none;
    padding-left: 0;
}

.nestedAccordionText > ul > li > ul > li > ul > li > ul > li > ul > li {
    position: relative;
    margin-left: 0px;
    margin-bottom: 5px;
}

.nestedAccordionText > ul > li > ul > li > ul > li > ul > li > ul > li:last-child {
    margin-bottom: 20px;
}

.nestedAccordionText > ul .actualList {
    list-style-type: none;
    padding-left: 10px;
}

.nestedAccordionText > ul .actualList li {
    padding-left: 20px;
    margin-left: 0;
}

.nestedAccordionText > ul .actualList li:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: bold;
    font-size: 0.8em;
    content: "\f04d";
    color: #4a4e6a;
    margin-right: 1em;
    position: absolute;
    left: 0;
}

.nestedAccordionText > ul .actualList li:first-child {
    margin-top: 10px;
}

.nestedAccordionText > ul .actualList li:last-child {
    margin-bottom: 20px;
}

.nestedAccordionText > ul.rootAccordion > li {
    margin-left: 0;
}

.textLeft {
    width: 50%;
    float: left;
    padding-right: 15px;
    padding-left: 15px;
}

.videoRight {
    width: 50%;
    float: right;
    padding-left: 20px;
}

.videoRight .iframe-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}

.videoRight .iframe-container iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.textRight {
    width: 50%;
    float: right;
    padding-right: 15px;
    padding-left: 15px;
}

.videoLeft {
    width: 50%;
    float: left;
    padding-right: 20px;
}

.videoLeft .iframe-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}

.videoLeft .iframe-container iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.entry-slug-institutions-single {
    min-height: 800px !important;
}

#filterBar {
    position: absolute;
}

#filterBar .modal-dialog {
    margin-bottom: 0;
}

#filterBar .modal-dialog .modal-content {
    padding: 20px;
}

.filterListing {
    margin-left: 350px;
    width: 100%;
}

.filterListing div h1 {
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 1px;
    width: 100%;
}

#filterControls {
    width: 290px;
    border-right: 1px solid #dadada;
    padding-right: 40px;
}

#filterControls .filterBy {
    font-size: 18px;
    color: #4b4e6a;
}

#filterControls .filterBy span {
    padding-left: 15px;
    font-weight: bold;
}

#filterControls .filterBy .dismissButton {
    float: right;
    background-color: white;
    border: none;
}

#filterControls ul {
    padding-left: 0;
    list-style-type: none;
    border-bottom: 1px solid #dadada;
    padding: 20px 0;
}

#filterControls ul:last-of-type {
    border-bottom: none;
}

#filterControls label {
    padding-bottom: 10px;
    display: flex;
}

#filterControls label input {
    display: inline-block;
    margin-top: 3px;
}

#filterControls label span {
    display: inline-block;
    padding-left: 15px;
    width: 230px;
}

.institution.col-xl-3 a div.image-container {
    border: 1px solid #d2d3da;
    height: 190px;
    display: flex;
    align-items: center;
}

.institution.col-xl-3 a div.image-container img {
    max-height: 190px;
    object-fit: contain;
}

.rightColumnLogo {
    max-width: 200px;
    margin-bottom: 2.5em;
}

#filter_courses_available input,
#entry_schemes input {
    height: 20px;
    width: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 1px solid #dadada;
    transition-duration: 0.3s;
    background-color: #ffffff;
    cursor: pointer;
    border-radius: 3px;
}

#filter_courses_available input:checked + span,
#entry_schemes input:checked + span {
    position: relative;
}

#filter_courses_available input:checked + span:before,
#entry_schemes input:checked + span:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: bold;
    content: "\f00c";
    display: block;
    text-align: center;
    color: #448532;
    position: absolute;
    left: -17px;
    top: 1px;
    font-size: 14px;
}

.checkbox {
    display: inline-flex;
    cursor: pointer;
    position: relative;
}

.checkbox > input {
    height: 20px;
    width: 21px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 1px solid #dadada;
    border-radius: 30px;
    outline: none;
    transition-duration: 0.3s;
    background-color: #ffffff;
    cursor: pointer;
    position: relative;
}

.checkbox > input:checked:before {
    border: 4px solid #ffffff;
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    pointer-events: none;
    border-radius: 20px;
    background-color: #1e2245;
}

.step-container {
    margin: 20px;
    padding: 30px;
    border-radius: 5px;
    color: #fff;
}

.step-container.stepOne {
    background-color: #76a7b6;
}

.step-container.stepOne:before {
    content: "";
    width: 50px;
    border-bottom: dashed 2px #4b4e6a;
    position: absolute;
    right: -25px;
    top: 50%;
}

.step-container.stepTwo {
    background-color: #46aaba;
}

.step-container.stepTwo:before {
    content: "";
    width: 25px;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    border-bottom: dashed 2px #4b4e6a;
    position: absolute;
    left: 50%;
    bottom: 0px;
}

.step-container.stepThree {
    background-color: #479ac9;
}

.step-container.stepThree:before {
    content: "";
    width: 25px;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    border-bottom: dashed 2px #4b4e6a;
    position: absolute;
    left: 25%;
    bottom: 0px;
}

.step-container.stepThree ul {
    list-style-type: none;
    padding-left: 0px;
}

.step-container.stepThree ul li {
    margin-bottom: 15px;
    margin-left: 30px;
    padding-left: 0px;
}

.step-container.stepThree ul li:last-child {
    margin-bottom: 0;
}

.step-container.stepThree ul li:before {
    content: "\2022";
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -30px;
    font-size: 40px;
    line-height: 18px;
    color: #7cd0dd;
}

.step-container.stepFour {
    background-color: #226281;
}

.step-container.stepFour:before {
    content: "";
    width: 50px;
    border-bottom: dashed 2px #4b4e6a;
    position: absolute;
    right: -25px;
    top: 50%;
}

.step-container.stepFive {
    background-color: #4c4e6a;
}

.step-container.stepFive:before {
    content: "";
    width: 25px;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    border-bottom: dashed 2px #4b4e6a;
    position: absolute;
    left: 50%;
    bottom: 0px;
}

.step-container.stepSix {
    background-color: #9188b1;
}

.step-container.stepSix:before {
    content: "";
    width: 50px;
    border-bottom: dashed 2px #4b4e6a;
    position: absolute;
    left: -25px;
    top: 50%;
}

.step-container.stepSeven {
    background-color: #1a2145;
}

.step-container.stepSeven:before {
    content: "";
    width: 25px;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    border-bottom: dashed 2px #4b4e6a;
    position: absolute;
    left: 50%;
    bottom: 0px;
}

.step-container.stepEight {
    background-color: #336667;
}

.number-with-step img {
    position: absolute;
}

.number-with-step div {
    margin-left: 70px;
}

.number-with-step div h2 {
    line-height: 1;
    color: #fff;
    font-family: "Inter", arial, sans-serif;
}

.number-with-step div h4 {
    color: #fff;
    text-transform: inherit;
    letter-spacing: 0;
    font-family: "Inter", arial, sans-serif;
}

.two-column {
    display: flex;
}

section {
    margin: 20px 0;
}

section h2 {
    margin-bottom: 15px;
}

#hero-content {
    margin-top: 0;
    padding: 0;
    background: linear-gradient(rgba(22, 31, 72, 0.8), rgba(22, 31, 72, 0.8)), url("/assets/images/home_hero_image.jpeg") no-repeat fixed center;
    background-size: cover;
    -webkit-background-origin: border;
    color: whitesmoke;
    height: 500px;
    width: 100%;
}

#hero-content h1 {
    font-size: 1.8em;
    text-transform: uppercase;
}

#hero-content #hero-text {
    height: 500px;
    display: table;
}

#hero-content #hero-text div {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

#hero-content #hero-text div p {
    font-weight: 100;
}

#hero-content #hero-text .btn {
    background-color: #63b54d;
    border-color: #63b54d;
}

#hero-content #hero-text .btn:hover {
    background-color: #539841;
    border-color: #4b8a3b;
}

#hero-content #top-nav {
    background-color: transparent !important;
}

.categories-icon-container {
    height: 160px;
}

.categories-icon-block {
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
    top: -40px;
    background-color: #fff;
}

.shadow-sm {
    -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    -moz-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    padding-bottom: 20px;
}

.popular-searches {
    font-weight: 800;
    text-transform: uppercase;
    font-size: 14px;
    padding-bottom: 15px;
    padding-left: 0;
    border-bottom: 1px solid #f1f1f1;
}

.quicklink-text {
    justify-content: center;
    text-align: center;
}

.quicklink-align {
    justify-content: center;
    align-items: center;
}

.quicklinks-margin {
    margin: 5px 0;
}

.quicklinks-margin a img {
    transition: 0.5s;
}

.quicklinks-margin a:hover {
    outline: none;
}

.quicklinks-margin a:hover img {
    filter: grayscale(100%) brightness(60%);
    -webkit-filter: grayscale(100%) brightness(60%);
    -moz-transform: translate(0px, -10px);
    -webkit-transform: translate(0px, -10px);
    -o-transform: translate(0px, -10px);
    -ms-transform: translate(0px, -10px);
    transform: translate(0px, -10px);
    transition: 0.5s;
}

.quicklinks-margin a:hover p {
    color: #000;
    text-decoration: underline;
}

.view-all-link {
    float: right;
    position: relative;
    color: #448532;
}

.view-all-link:after {
    font-family: Font Awesome\ 5 Pro;
    content: "\f054";
    padding-left: 10px;
    font-weight: 400;
}

.view-all-link:hover,
.view-all-link:focus {
    border-bottom: 2px solid #448532;
}

.btn-collapsible-container {
    height: 0px;
    margin-bottom: 0 !important;
}

.btn-collapsible {
    height: 50px;
    width: 50px;
    border-radius: 50px;
    border: none;
    position: relative;
    top: -5px;
    background-color: #448532;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
}

.btn-collapsible span:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f077";
    color: white;
    display: block;
    width: 30%;
    position: absolute;
    top: 12px;
    left: 18px;
}

.btn-collapsible.collapsed span:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f078";
    color: white;
    display: block;
    width: 30%;
    position: absolute;
    top: 13px;
    left: 18px;
}

a.badge-link {
    border-bottom: none !important;
}

a.badge-link.ATAR {
    background-color: #4b4e6a !important;
}

a.badge-link.SRS,
a.badge-link.At-School {
    background-color: #15506f !important;
}

a.badge-link.EAS,
a.badge-link.Equity {
    background-color: #448532 !important;
}

a.badge-link.Event {
    background-color: #a64a95 !important;
}

a.badge-link.Undergraduate,
a.badge-link.International,
a.badge-link.Postgraduate {
    background-color: #2276a5 !important;
}

a.badge-link:hover:after,
a.badge-link:active:after {
    width: 0;
    height: 0 !important;
    display: none;
}

div.entry-block.content-block h2 {
    margin-bottom: 30px;
}

.heroSearchBlock {
    padding: 0;
}

.heroSearchBlock #inputGroup {
    height: 60px;
    background: #fff;
}

.heroSearchBlock #inputGroup #searchBlockInput {
    border: 0px;
}

.heroSearchBlock #inputGroup #searchBlockSelect {
    width: 35%;
    border: 0;
    border-left: 1px #999 solid;
    margin: 10px 0;
}

.heroSearchBlock #inputGroup #searchBlockButton {
    width: 65px;
    font-size: 24px;
    margin: 0;
}

.searchBlock {
    background-color: #f1f1f1;
    padding: 20px 30px;
}

.course-search-block-heading {
    margin-bottom: 0;
}

.course-search-block-heading img {
    max-width: 50px;
}

#inputGroup {
    height: 70px;
    display: flex;
    justify-content: center;
}

#inputGroup #searchBlockInput {
    width: 60%;
    padding: 0 20px;
    border: 1px solid #dadada;
    border-right: none;
}

#inputGroup #searchBlockSelect {
    border: 1px solid #dadada;
    border-right: none;
    padding: 0 40px 0 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-image: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'><path fill='%23444' d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'></path></svg>");
    background-position: 90% 50%;
    background-repeat: no-repeat;
    border-left: 1px solid #dadada;
    width: 25%;
}

#inputGroup #searchBlockButton {
    background-color: #448532;
    border: none;
    color: #fff;
    font-weight: 700;
    width: 20%;
    position: relative;
}

#inputGroup #searchBlockButton:hover {
    background-color: #394049;
}

#inputGroupModal {
    height: 70px;
    display: flex;
    justify-content: left;
}

#inputGroupModal #searchBlockInputModal {
    width: 60%;
    border-bottom: 1px solid #1e2245;
    border-right: none;
    border-left: none;
    border-top: none;
    position: relative;
}

#inputGroupModal #searchBlockSelectModal {
    border-left: 1px solid #1e2245;
    border-bottom: 1px solid #1e2245;
    border-right: none;
    border-top: none;
    padding: 0 40px 0 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-image: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'><path fill='%23444' d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'></path></svg>");
    background-position: 90% 50%;
    background-repeat: no-repeat;
}

#inputGroupModal #searchBlockButtonModal {
    width: 54px;
    height: 54px;
    z-index: 101;
    background: none;
    border: 0;
    font-size: 1.5em;
    color: #394049;
}

#inputGroupModal #searchBlockButtonModal:hover {
    color: #448532;
}

.searchBlockContact {
    text-decoration: none;
    border-bottom: 2px solid #448532;
    font-family: "Inter", sans-serif;
    letter-spacing: 0px;
    font-weight: 600;
}

.searchBlockContact:hover {
    border-bottom: 2px solid #000;
    color: #000;
}

.institutionsClearAll {
    background: white;
    border: 1px solid #4b4e6a;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    color: #4b4e6a;
    height: 30px;
    width: 100px;
    position: relative;
    top: -3px;
    float: right;
}

.institutionsClearAll:hover {
    background: #4b4e6a;
    color: white;
}

.offscreen {
    position: absolute;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip-path: inset(1px 1px 1px 1px);
    clip-path: inset(1px, 1px, 1px, 1px);
}

.skip-to-content.offscreen:focus {
    position: relative;
    display: inline-block;
    height: auto;
    width: auto;
    padding: 0.625em 1.25em;
    background-color: #394049;
    color: #fff;
    overflow: visible;
    clip-path: none;
    text-decoration: none;
}

a:focus,
button:focus,
input:focus,
select:focus {
    outline: 1px dotted black;
    text-decoration: underline;
}

button.btn-link:focus {
    outline: 1px dotted black;
}

button:hover {
    outline: none;
    background-color: #394049;
    transition: 0.4s;
}

.button-primary-1 {
    display: inline-block;
    text-align: center;
    width: 180px;
    color: white !important;
    text-decoration: none;
    background: #448532;
    height: 100px;
    line-height: 100px;
    font-size: 18px;
    border: 0;
    font-weight: 600;
    cursor: pointer;
}

.button-primary-1.nav-link {
    padding: 0;
}

.button-primary-1:hover {
    text-decoration: none;
    background: #394049;
}

.button-primary-1:focus {
    text-decoration: none;
    background: #448532;
}

.button-primary-2 {
    display: inline-block;
    text-align: center;
    line-height: 70px;
    height: 70px;
    width: 180px;
    color: white !important;
    text-decoration: none;
    background: #1e2245;
}

.button-primary-2:active {
    background-color: #a3a9ac;
}

.button-primary-2:hover:active {
    background-color: #a3a9ac;
}

.button-primary-2.nav-link {
    padding: 0;
}

.button-primary-2:hover {
    text-decoration: none;
    background: #394049;
}

a {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    letter-spacing: 0px;
    line-height: 24px;
}

a:hover {
    color: #448532;
    text-decoration: none;
}

a:hover:active {
    color: #a3a9ac;
}

a i {
    font-size: 21px;
}

.entry-block p a,
.entry-block li a,
.entry-block table a,
article p a,
article li a {
    border-bottom: 2px solid #448532;
    font-family: "Inter", sans-serif;
    letter-spacing: 0px;
    font-weight: 600;
}

article img {
    margin-right: 30px !important;
    margin-bottom: 30px !important;
}

article ul li,
article ol li {
    margin-bottom: 5px;
}

.btn-link {
    font-weight: 600;
    color: #000000;
    background-color: transparent;
    border: none;
}

.btn-link:hover {
    color: #448532;
    text-decoration: none;
}

.promo-block p a,
.image-content-block p a,
.key-dates-block p a {
    position: relative;
    padding-bottom: 2px;
}

.promo-block p a:hover,
.image-content-block p a:hover,
.key-dates-block p a:hover {
    color: #000;
    text-decoration: none;
}

.promo-block p a:after,
.image-content-block p a:after,
.key-dates-block p a:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    height: 2px !important;
    width: 0;
}

.promo-block p a:hover:after,
.image-content-block p a:hover:after,
.key-dates-block p a:hover:after {
    width: 100%;
    background-color: #394049;
    transition: 0.8s ease all;
}

.promo-block p a:hover:active:after,
.image-content-block p a:hover:active:after,
.key-dates-block p a:hover:active:after {
    background-color: #a3a9ac;
}

figure img {
    max-width: 100%;
}

.entry-block ul {
    list-style-type: none;
    padding-left: 20px;
}

.entry-block ul ul {
    padding-left: 1.8em;
}

.entry-block ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 5px;
}

.entry-block ul li:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: bold;
    font-size: 0.8em;
    content: "\f04d";
    color: #4a4e6a;
    margin-right: 1em;
    position: absolute;
    left: 0;
}

.entry-block ul li li:before {
    content: "\2013";
    color: #000;
}

.entry-block ol li li {
    list-style-type: lower-alpha;
}

blockquote {
    border-left: 5px solid #a3a9ac;
    margin: 1.5em 10px;
    padding: 20px;
    quotes: "“""”""‘""’";
}

blockquote:before,
blockquote:after {
    color: #a3a9ac;
    font-size: 4em;
    line-height: 0.1em;
    vertical-align: -0.4em;
}

blockquote:before {
    content: open-quote;
    margin-right: 0.25em;
}

blockquote:after {
    content: close-quote;
    margin-left: 0.25em;
}

blockquote p {
    display: inline;
}

.home-key-date-block {
    border-right: 1px solid #dadada;
    padding-right: 30px;
}

.home-latest-news-block {
    border-right: 1px solid #dadada;
    padding-right: 30px;
    padding-left: 30px;
}

.home-latest-news-block div h4 a {
    font-size: 18px;
}

.home-latest-news-block div h4 a:hover,
.home-latest-news-block div h4 a:focus {
    color: #000;
    text-decoration: underline;
}

.home-mrec-ad-block {
    display: flex;
    justify-content: center;
    background: #eee;
    padding: 30px !important;
    max-height: 330px;
}

.key-date-mrec-ad-block {
    display: flex;
    justify-content: left;
    margin-top: 30px;
}

#to-top {
    position: fixed;
    bottom: 20px;
    cursor: pointer;
    display: none;
}

#to-top table {
    margin-bottom: 0;
}

#to-top table th {
    padding: 0;
}

#to-top table th a {
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    white-space: nowrap;
    font-size: 14px;
    position: relative;
    background-color: #2276a5;
    color: white;
    padding: 25px;
    border-radius: 30px;
    -webkit-box-shadow: 0px -5px 7px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0px -5px 7px 2px rgba(0, 0, 0, 0.15);
}

#to-top table th a i {
    position: absolute;
    bottom: 15px;
    right: 16px;
    font-size: 17px;
    font-weight: 400;
}

#to-top table th,
#to-top table td {
    border: none;
}

#top-nav {
    padding: 0;
    background-color: white;
}

#top-nav .navbar-brand {
    padding: 0;
    width: 300px;
    height: 100px;
    background-image: url("/assets/images/UAC-Brand/uac_logo_fullname.png");
    background-size: 300px 100px;
}

#top-nav .navbar-brand-reach {
    padding: 0;
    width: 108px;
    height: 100px;
    background-image: url("/assets/images/UAC-Brand/uac_logo_fullname.png");
    background-size: 108px 100px;
}

#top-nav .navbar-brand-corporate {
    padding: 0;
    width: 95px;
    height: 100px;
    background-image: url(/assets/images/UAC-Brand/uac-logo-colour-square.png);
    background-size: 95px 100px;
}

#top-nav .navbar-nav li {
    display: table-cell;
    vertical-align: middle;
    position: unset;
}

#top-nav .navbar-nav li.uac-intranet {
    position: relative;
}

#top-nav .navbar-nav li.single-col-menu {
    position: relative;
}

#top-nav .action-buttons {
    display: inherit;
}

#top-nav .action-buttons a {
    height: 100px;
    line-height: 100px;
    font-size: 18px;
}

#top-nav.uac-corporate {
    background-color: #2276a5;
}

#top-nav.uac-corporate .nav-link {
    color: #fff;
}

#top-nav.uac-corporate .nav-link:hover {
    color: #000;
}

#top-nav .nav-item.dropdown.with-underline {
    border-bottom: 0px solid #448532;
    transition: 0.1s;
}

#top-nav .nav-item.dropdown.with-underline:hover {
    border-bottom: 5px solid #448532;
    transition: 0.1s;
}

#top-nav .nav-item.dropdown.with-underline-reach {
    border-bottom: 0px solid #e5710b;
    transition: 0.1s;
}

#top-nav .nav-item.dropdown.with-underline-reach:hover {
    border-bottom: 5px solid #e5710b;
    transition: 0.1s;
}

#top-nav .nav-item.dropdown.with-underline a.nav-link {
    color: #000;
    font-size: 18px;
}

#top-nav .nav-item.dropdown.with-underline.show:hover a.nav-link {
    color: #448532;
}

#top-nav .nav-item.dropdown.with-underline.show:hover a.nav-link:after {
    width: 140px;
}

#top-nav .dropdown-menu {
    border: none;
    background-color: #f1f1f1;
    border-radius: 0;
    margin-top: 0;
}

#top-nav .dropdown-menu.width-1 {
    width: 380px;
    top: 100px;
    left: 0px;
    padding: 30px 30px 30px 40px;
}

#top-nav .dropdown-menu.width-2 {
    width: -webkit-calc(100% - 455px);
    left: 95px;
    padding: 30px 30px 30px 40px;
}

#top-nav .dropdown-menu.width-3 {
    width: -webkit-calc(100% - 455px);
    left: 95px;
    padding: 30px 30px 30px 40px;
}

#top-nav .dropdown-menu.width-3 .menu-block:nth-child(2) {
    padding: 0 30px;
}

#top-nav .dropdown-menu.intranet {
    left: unset;
    top: 100px;
    position: absolute;
}

#top-nav .dropdown-menu a {
    font-size: 15px;
    width: auto;
    height: auto;
    line-height: 20px;
    padding: 12px 0;
    white-space: normal;
    position: relative;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

#top-nav .dropdown-menu .dropdown-divider {
    border-top: 1px solid #dadada;
    margin-bottom: 20px;
}

#top-nav .dropdown-menu.dropdown-menu-right {
    left: unset;
    right: -1px !important;
}

#top-nav .dropdown-menu .menu-block .menu-heading {
    font-weight: 700;
    line-height: 20px;
    color: #000;
    padding-bottom: 25px;
    margin-bottom: 15px !important;
    border-bottom: 1px solid #dadada;
}

#top-nav .dropdown-menu .menu-block .dropdown-item {
    transition: 0.1s;
}

#top-nav .dropdown-menu .menu-block .dropdown-item:hover {
    color: #448532;
    background-color: transparent;
    -moz-transform: translate(5px, 0px);
    -webkit-transform: translate(5px, 0px);
    -o-transform: translate(5px, 0px);
    -ms-transform: translate(5px, 0px);
    transform: translate(5px, 0px);
    transition: 0.1s;
}

#top-nav .dropdown-menu .action-buttons .dropdown-menu {
    margin-top: 0;
}

#top-nav .dropdown-menu.applyDropDown {
    padding: 20px 0 0 0;
}

#top-nav .dropdown-menu.applyDropDown a {
    padding-left: 30px;
    padding-right: 30px;
}

#top-nav .dropdown-menu.applyDropDown .ihub {
    background-color: #a3a9ac;
    color: #394049;
    border: 1px solid #a0a0a0;
    padding: 5px 0;
}

#top-nav .dropdown-menu.applyDropDown .ihub a:hover {
    color: #000;
}

#uac-search-nav-item {
    padding-left: 50px;
}

#uac-search-nav-item .dropdown-menu {
    padding: 0;
    width: 711px;
    left: calc(100% - 1071px);
    border: none;
    border-radius: 0;
    background-color: #f1f1f1;
    box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.3);
}

#uac-search-nav-item .dropdown-menu form {
    display: flex;
}

#uac-search-nav-item .dropdown-menu form input[type="text"] {
    margin-right: 15px;
    padding: 20px;
    color: #000;
    flex: 1 1 auto;
    font-size: 20px;
    line-height: 40px;
    border: none;
    background: transparent;
}

#uac-search-nav-item .dropdown-menu form input[type="text"]::-webkit-input-placeholder {
    color: #a3a9ac;
}

#uac-search-nav-item .dropdown-menu form input[type="text"]::-moz-placeholder {
    color: #a3a9ac;
}

#uac-search-nav-item .dropdown-menu form input[type="text"]:-ms-input-placeholder {
    color: #a3a9ac;
}

#uac-search-nav-item .dropdown-menu form input[type="text"]:-moz-placeholder {
    color: #a3a9ac;
}

#uac-search-nav-item .dropdown-menu form input[type="submit"] {
    font-family: "Inter", sans-serif;
    font-weight: bold;
    cursor: pointer;
    background-color: #1e2245;
    border: none;
    color: #ffffff;
    padding: 20px;
}

#uac-search-nav-item .dropdown-menu form input[type="submit"]:hover {
    color: #ffffff;
    background-color: #4b4e6a;
}

#uac-search-nav-item .dropdown-menu form input[type="submit"]:active:focus {
    outline: none;
    color: #73777d;
}

.breadcrumb-container {
    margin-top: 30px;
}

.breadcrumb-container .breadcrumb {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 0;
    background-color: transparent;
    border-radius: 0;
}

.breadcrumb-container .breadcrumb li.breadcrumb-item a,
.breadcrumb-container .breadcrumb li.breadcrumb-item span {
    font-family: "Inter", serif;
    font-size: 14px;
    font-weight: 400;
    color: #73777d;
}

.breadcrumb-container .breadcrumb li.breadcrumb-item.inactive {
    color: #a3a9ac;
}

.breadcrumb-container .breadcrumb li.breadcrumb-mobile-item a,
.breadcrumb-container .breadcrumb li.breadcrumb-mobile-item span {
    font-family: "Inter", serif;
    font-size: 14px;
    font-weight: 400;
    color: #73777d;
}

.breadcrumb-container .breadcrumb li.breadcrumb-mobile-item.inactive {
    color: #a3a9ac;
}

.breadcrumb-container .breadcrumb li.breadcrumb-mobile-item:first-of-type a:before {
    font-size: 14px;
    font-weight: 400;
    color: #73777d;
    font-family: "Font Awesome 5 Pro", "Inter", serif;
    content: "\f053 \00a0 \00a0 Return to ";
}

.navbar-expand-lg .navbar-nav .nav-link {
    line-height: 18px;
    height: 90px;
    display: table-cell;
    vertical-align: middle;
    padding-left: 30px;
    padding-right: 30px;
}

.uac-navbar-links,
.reach-navbar-links {
    display: table;
    height: 100px;
}

#search-for-courses-menu {
    margin-top: 0 !important;
}

#uac-applications-dropdown-menu {
    margin-top: 0 !important;
}

.search-button {
    color: #394049;
    font-size: 1.5em;
    padding: 20px;
    transition: 0.1s;
}

.search-button:hover {
    color: #448532;
    -moz-transform: translate(-5px, 0px);
    -webkit-transform: translate(-5px, 0px);
    -o-transform: translate(-5px, 0px);
    -ms-transform: translate(-5px, 0px);
    transform: translate(-5px, 0px);
    transition: 0.1s;
}

.search-button:active,
.search-button:visited {
    background-color: white;
}

button.close {
    color: #394049;
    font-size: 2em;
    opacity: 1;
}

button.close:hover {
    color: #448532;
    background-color: #fff;
    opacity: 1;
}

button.close:hover .close-label {
    color: #394049;
    background-color: white;
}

button.close:active,
button.close:visited {
    color: #394049;
    background-color: white;
}

.uac-form {
    position: relative;
    width: 100%;
}

#uac-global-search-field {
    height: 40px;
    width: 80%;
    -moz-user-select: all;
    -webkit-user-select: all;
    -ms-user-select: all;
    user-select: all;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #394049;
    padding-bottom: 10px;
    font-size: 1.3em;
    line-height: 1.5em;
    transition: 0.1s;
}

#uac-global-search-field:active,
#uac-global-search-field:-internal-autofill-selected {
    padding-bottom: 12px;
    font-size: 1.4em;
    line-height: 1.5em;
    transition: 0.1s;
    background-color: #fff;
    outline: none;
}

#uac-search-submit {
    width: 40px;
    height: 40px;
    z-index: 101;
}

#uac-search-submit .fa-search {
    font-size: 1.5em;
    color: #394049;
    position: relative;
    left: -6px;
}

#uac-search-submit .fa-search:hover {
    color: #448532;
}

.modal-dialog {
    margin: 0 auto 1.75rem auto;
}

.modal-header {
    border-bottom: none;
    padding: 1rem 2rem 0 2rem;
}

.modal-title {
    font-weight: 800;
}

.modal-content {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0;
}

.modal-body {
    padding: 0.2rem 2rem 2rem 2rem;
}

.modal-body .close-label {
    display: block;
    font-size: 12px;
    font-family: "Inter", sans-serif;
}

a.popular-searches-link {
    font-size: 0.9em;
    padding-bottom: 2px;
    border-bottom: 2px solid #448532;
}

a.popular-searches-link:hover {
    color: #000;
    border-bottom: 2px solid #000;
}

.secondNavBlock {
    position: relative;
    height: 50px;
}

.secondNavBlock .secondNavContainer {
    position: absolute;
    top: -50px;
    -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    -moz-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    padding: 0;
    background-color: white;
}

.secondNavBlock .secondNavContainer .secondNavLink {
    padding: 30px 0;
    display: flex;
    justify-content: center;
    height: 100%;
	min-height: 108px;
}

.secondNavBlock .secondNavContainer .secondNavButton {
    background-color: #448532;
    display: flex;
    justify-content: center;
    padding: 30px 0;
    height: 100%;
    color: white;
}

.secondNavBlock .secondNavContainer .activeSecondNav {
    border-bottom: 5px solid #448532;
}

.rightColumn {
    border-left: 1px solid #dadada;
    padding-left: 50px;
}

.rightColumn a {
    font-family: "Inter", sans-serif;
    letter-spacing: 0px;
    font-weight: 600;
    color: #448532;
}

.rightColumn a.socialLink {
    color: #4b4e6a;
    border-bottom: none;
}

.rightColumn .coursesAvailableSection {
    border-bottom: 1px solid #dadada;
    padding-bottom: 2.5rem;
}

.rightColumn .coursesAvailableSection .coursesAvailableBtn,
.rightColumnGreenButton {
    background-color: #448532;
    color: white;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 800;
    border-radius: 0;
    text-align: center;
    letter-spacing: 0;
    margin-top: 20px;
}

.rightColumn .coursesAvailableSection .coursesAvailableBtn:hover,
.rightColumnGreenButton:hover {
    color: white;
    background-color: #4b4e6a;
}

.rightColumn .locationSection {
    padding-top: 2.5rem;
}

.rightColumn .locationSection i {
    font-size: 2em;
    padding-top: 5px;
    color: #448532;
}

.rightColumn .websiteSection {
    padding-top: 2.5rem;
}

.rightColumn .socialSection {
    padding-top: 2.5rem;
}

.rightColumn .phoneSection {
    padding-top: 2.5rem;
    border-bottom: 1px solid #dadada;
    padding-bottom: 2.5rem;
}

.rightColumn .phoneSection p {
    margin-bottom: 2.5rem;
}

.rightColumn .eventDatesSection {
    padding-top: 2.5rem;
}

.rightColumn .entrySchemesSection {
    padding-top: 2.5rem;
}

.rightColumn .entrySchemesSection .educationalAccessSchemesBtn {
    background-color: #1e4512;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    border-radius: 30px;
    letter-spacing: 0;
}

.rightColumn .entrySchemesSection .educationalAccessSchemesBtn:hover {
    background-color: #4b4e6a;
}

.rightColumn .entrySchemesSection .schoolsRecommendationSchemesBtn {
    background-color: #15506f;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    border-radius: 30px;
    letter-spacing: 0;
    margin-top: 20px;
}

.rightColumn .entrySchemesSection .schoolsRecommendationSchemesBtn:hover {
    background-color: #4b4e6a;
}

.rightColumn .entrySchemesSection .equityScholarshipsBtn {
    background-color: #5c49a4;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    border-radius: 30px;
    letter-spacing: 0;
}

.rightColumn .entrySchemesSection .equityScholarshipsBtn:hover {
    background-color: #4b4e6a;
}

.rightColumn .otherSchemesSection {
    padding-top: 2.5rem;
}

.rightColumn .otherSchemesSection i {
    font-style: normal;
    color: #448532;
    position: absolute;
    line-height: 25px;
}

.rightColumnFrequentlyAsked {
    padding: 40px 0;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
}

a.externalLinkBtn {
    background-color: white;
    border: 2px solid #448532;
    color: #448532;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    border-radius: 0;
    letter-spacing: 0;
}

a.externalLinkBtn:hover {
    color: #4b4e6a;
    border: 2px solid #4b4e6a;
}

.key-line-border-left {
    border-left: 1px solid #448532;
}

#sub-footer {
    background-color: white;
}

#sub-footer .container {
    height: 100px;
}

#footer {
    background-color: #f1f1f1;
}

#footer li,
#footer a {
    font-size: 16px;
}

#footer .follow-us {
    text-align: right;
}

#footer .follow-us p,
#footer .follow-us span {
    font-size: 14px;
}

#footer .follow-us a {
    margin-left: 20px;
}

#footer .follow-us a i {
    font-size: 25px;
    margin-right: 0;
}

#footer ul {
    list-style: none;
    padding-left: 0;
}

#footer .copy-right {
    color: #6a6e74;
    font-size: 13px;
}

#enquiry-form-container form .btn-submit-container .btn-submit {
    background-color: #448532;
    border-color: #448532;
    border-radius: 0;
    font-size: 16px;
    font-weight: 600;
    min-width: 150px;
    height: 50px;
    color: #ffffff;
}

#enquiry-form-container form .btn-submit-container .btn-submit:hover {
    background-color: #394049;
}

#enquiry-form-container form fieldset {
    margin-bottom: 20px;
}

#enquiry-form-container form fieldset legend {
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
}

#enquiry-form-container form fieldset label.required:after {
    content: "*";
    color: red;
    margin-left: 5px;
}

#enquiry-form-container form fieldset .form-group {
    padding-right: 20px;
}

#enquiry-form-container form fieldset .form-group p {
    font-size: 14px;
}

#enquiry-form-container form fieldset .form-group span {
    float: right;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

#enquiry-form-container form fieldset .form-group .error {
    color: red;
    font-size: 0.9em;
    display: none;
}

#enquiry-form-container form fieldset .form-group input,
#enquiry-form-container form fieldset .form-group select,
#enquiry-form-container form fieldset .form-group textarea {
    border-radius: 0px;
    border-color: #394049;
}

#enquiry-form-container form fieldset .form-group input.ng-invalid.ng-touched,
#enquiry-form-container form fieldset .form-group select.ng-invalid.ng-touched,
#enquiry-form-container form fieldset .form-group textarea.ng-invalid.ng-touched {
    border: 1px solid #dc3545;
}

	/* ----- Reach Page -----*/

body.reach_body {
    background-color: #ffffff;
}

.reach_home h2 {
     font-size: 38px
}

.reach_body #main-content {
    padding-bottom: 0px;
}

.reach_home .container {
     padding-left: 0;
     padding-right: 0;
}

.reach_home .hero-block .hero-image .hero-heading {
     font-size: 60px;
     max-width: 650px;
}

.reach_body .hero-block .hero-image p.summary {
     font-size: 30px
}

.reach_home .download_kit {
     background: #E5710B;
     padding: 35px 30px;
     float: right;
     margin-top: -65px;
     position: relative;
}

.reach_home .download_kit p {
     margin-bottom: 0rem !important;
     line-height: 2rem;
}

.reach_home .download_kit p a{
     font-size: 22px
}

.reach_home .work_with_us .col-lg-5 {
     padding: 0
}

.reach_home .work_with_us {
     padding-top: 120px;
     padding-bottom: 80px;
}

.reach_home a:hover.color_white {
     color: #ffffff
}

.reach_home .grey_bg {
     background: #F2F5F7;
}

.reach_home .why_us_contents {
     display: inline-block;
     margin-bottom: 20px;
}

.reach_home iframe {
     border: #F4821F 1px solid;
     width: 90%;
     height: 380px
}

.reach_home .why_us_content_block {
     width: 50%;
     float: left;
     height: 120px;
     padding-right: 20px;
     margin: 25px 0 0 0
}

.reach_home .why_us_num {
     color: #F4821F;
     font-size: 50px;
     font-weight: bolder
}

.reach_home .download_media_kit {
     padding: 20px 40px;
     border: 1px #000 solid
}

.reach_home .data_driven {
     padding: 50px
}

.reach_home a:hover.download_media_kit {
     background: #394049;
     color: #fff
}

.reach_home .data_driven h2 {
     margin-bottom: 50px
}

.reach_home .data_driven_bottom {
     margin-top: 65px;
     padding: 16px;
}

.reach_home .data_driven_bottom .col-lg-4 {
     padding-left: 20px;
     border-left: 5px #F4821F solid;
     color: #000
}

.reach_home .audience {
     background: #FFF0DF;
     text-align: center;
     padding: 50px 0;
}

.reach_home .audience_sub_title {
     padding: 20px
}

.reach_home .audience_block {
     padding: 10px;
     margin-bottom: 40px
}

.reach_home .audience_block_inner {
     background: #fff;
     margin: 0 20px;
     padding: 30px 35px;
     text-align: center;
     min-height: 360px
}

.reach_home .audience_block_inner .audience_content {
     text-align: left;
     margin-bottom: 0px !important;
}

.reach_home .audience_button {
     text-align: center;
     padding: 18px 0;
     background: #E5710B;
     margin: 0 20px;
     color: #fff
}

.reach_home a:hover .audience_button {
     background: #394049;
}

.reach_home .our_customers {
     padding: 80px 0
}

.reach_home .our_customers h1 {
     font-size: 48px;
     font-weight: 600
}

.reach_home .customer_quote {
     padding-left: 92px;
     font-weight: 700;
     font-size: 24px
 }

.reach_home .b_line {
     margin: 45px
}

.reach_home .our_customers_logo {
     text-align: right
}

.reach_home .our_customers_names {
     padding-top: 15px
}

.our_customers img.show_mobile,
.campaign_planning img.show_mobile {
     display: none;
}

.reach_home .campaign_planning {
     padding: 50px 0;
     background: #f1f1f3;
}

.reach_home .campaign_planning h4 {
     font-weight: 700;
     border-bottom: 2px #f1f1f3 solid;
}

.reach_home .campaign_planning a:hover h4 {
     border-bottom: 2px #F4821F solid;
     width: fit-content;
}

.reach_home .campaign_planning p {
    margin-bottom: 0.7rem !important;
}

.reach_home .campaign_planning_blocks {
    margin-top: 40px
}

.reach_home .fa-chevron-left {
    color: #000000;
    font-size: 40px;
}

.reach_home .fa-chevron-right {
    color: #000000;
    font-size: 40px;
}

.reach_home .carousel-control-next,
.reach_home .carousel-control-prev {
    width: auto;
}

.reach_home .carousel.slide img {
    width: 100%
}

.reach_footer {
    height: 440px;
    background-color: #394049;
    padding: 80px 0 50px 0;
    color: #fff
}

.reach_footer .header {
    color: #ffff;
    font-size: 48px;
    font-weight: 600;
    line-height: 55px;
    max-width: 500px;
}

.reach_footer .linkedin {
    color: #D2D3DA;
}

.reach_footer .linkedin a {
    color: #D2D3DA;
    font-weight: normal;
}

.reach_footer .linkedin .fa-linkedin {
    color: #A5A7B5;
    font-size: 25px
}

.reach_footer .footer_form input,
.reach_footer .footer_form select {
    height: 60px;
    padding: 10px
}

.reach_footer .footer_form .your_name,
.reach_footer .footer_form .your_role {
    width: 49%
}

.reach_footer .footer_form .your_role {
    margin-left: -5px
}

.reach_footer .footer_form .your_email {
    width: 85%
}

.reach_footer .footer_form button {
    width: 60px;
    height: 58px;
    border: 0;
    color: #fff;
    background: #F4821F;
    margin-left: -5px;
}

.reach_footer .footer_form button .submit_text {
    display: none
}

.reach_footer .footer_form button .fa-arrow-right {
    font-size: 28px
}

a.reach-footer-CTA {
    color: white;
    background-color: #E5710B;
    padding: 15px 40px;
    margin: 20px 0;
    display: inline-block;
}

a.reach-footer-CTA:hover,
a.reach-footer-CTA:focus {
    background-color: white;
    color: #E5710B;
}

.reach_footer .privacy_policy {
    margin: 10px 0 0 0 !important;
    font-size: 14px;
    color: #A5A7B5;
}

.reach_footer .footer_line {
    height: 3px;
    background: #F4821F;
    width: 100px;
    float: left;
}

.reach_footer .services_provided,
.reach_footer .services_provided a,
.reach_footer .services_provided a:hover {
    font-size: 14px;
    color: #D2D3DA;
    font-weight: lighter;
    line-height: 22px;
}

.reach_footer .services_provided a,
.reach_footer .services_provided a:hover {
    text-decoration: underline
}

.reach_footer .line_break {
    background: #787A8F
}

.reach_footer .statement_copyright {
    text-align: right
}

.reach_footer .statement {
    margin-bottom: 10px !important
}

.reach_footer .statement a {
    font-size: 14px;
    color: #D2D3DA;
    font-weight: normal;
    text-decoration: underline
}

.reach_footer .copyright {
    font-size: 12px;
    color: #A5A7B5
}

.reach_contact .row.contact_content {
    margin-right: 0px;
    margin-left: 0px;
}

.reach_contact .contact_form {
    padding: 50px 40px 50px 160px;
}

.reach_contact p.req_field{
    color:#EB003B
}

.reach_contact label {
    font-weight: bolder
}

.reach_contact input {
    padding: 10px;
    width: 90%;
    border: 1px #A5A7B5 solid
}

.reach_contact textarea {
    border: 1px #A5A7B5 solid
}

.reach_checkbox input[type=checkbox] {
     height: 20px;
     width: 20px;
     border: 1px solid #cccccc;
     border-radius: 2px;
     outline: none;
     cursor: pointer;
     vertical-align: sub;
     margin-right: 15px
}

.reach_checkbox .col-md-6 p {
     margin: 0.5rem 0 1rem 0 !important;
}

.reach_contact textarea {
     width: 90%
}

.reach_contact hr {
     margin: 35px 0 25px 0;
     width: 95%;
}

.reach_contact .our_team {
     background: #FFF0DF;
     padding: 100px 60px
}

.reach_contact .our_team h4 {
     border-left: 4px #F4821F solid;
     padding: 5px 0 5px 40px;
}

.reach_contact .our_team a {
     font-weight: normal
}

.reach_contact .our_team a:hover {
     color: #000000
}

.reach_contact .contact_details {
     padding-left: 44px
}

.reach_contact .far.fa-envelope,
.reach_contact .far.fa-envelope,
.reach_contact .far.fa-phone {
     font-size: 20px;
     margin-right: 20px;
     color: #F4821F;
     vertical-align: text-bottom;
}

.reach_contact .contact_details .current_position {
    color: #787A8F
}

.reach_contact #enquiry-submit input {
    padding: 15px;
    background: #E5710B;
    border-radius: 0;
    border: 0;
    width: 250px
}
.reach_body #to-top table th a{
	background-color: #F4821F
}
/* ----- end reach page -----*/

@media print {
    .container {
        max-width: 100%;
        padding-right: 50px;
        padding-left: 50px;
    }

    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-auto,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-auto,
    .col-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-auto,
    .col-sm,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-auto,
    .col-xl,
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-auto {
        max-width: 100%;
        flex-basis: 100%;
    }

    .categories-icon-block,
    .hero-cta-button {
        display: none;
    }

    * {
        -webkit-print-color-adjust: exact !important;
        color-adjust: exact !important;
    }

    .collapse {
        display: block !important;
    }

    h1 {
        font-size: 30px;
        line-height: 1.25;
    }

    h2 {
        font-size: 28px;
        line-height: 1.25;
    }

    h3 {
        font-size: 24px;
        line-height: 1.25;
    }

    h4 {
        font-size: 18px;
        line-height: 1.25;
    }

    h5 {
        font-size: 12px;
        line-height: 1.25;
    }

    #dl-menu {
        display: block;
    }

    #dl-menu .dl-back {
        text-transform: capitalize;
    }

    #top-nav .navbar-brand {
        width: 210px;
        height: 70px;
        background-size: 210px 70px;
        background-image: url("/assets/images/UAC-Brand/uac_logo_fullname.png");
        z-index: 999;
    }

    #top-nav .navbar-brand-corporate {
        padding: 0;
        width: 67px;
        height: 70px;
        background-image: url(/assets/images/UAC-Brand/uac-logo-colour-square.png);
        background-size: 67px 70px;
    }

    #top-nav .navbar-toggler i {
        font-size: 1.5em;
    }


    .dl-menuwrapper {
        width: 100%;
        max-width: 300px;
        float: left;
        position: relative;
        -webkit-perspective: 1000px;
        perspective: 1000px;
        -webkit-perspective-origin: 50% 200%;
        perspective-origin: 50% 200%;
    }

    .dl-menuwrapper:first-child {
        margin-right: 100px;
    }

    .dl-menuwrapper ul {
        background: #aaa;
    }

    .dl-menuwrapper ul {
        padding: 0;
        list-style: none;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

    .dl-menuwrapper li {
        position: relative;
    }

    .dl-menuwrapper li a {
        display: block;
        position: relative;
        padding: 15px 20px;
        font-size: 16px;
        line-height: 20px;
        font-weight: 300;
        color: #fff;
        outline: none;
    }

    .no-touch .dl-menuwrapper li a:hover {
        background: rgba(255, 248, 213, 0.1);
    }

    .dl-menuwrapper li.dl-back > a {
        padding-left: 30px;
        background: rgba(0, 0, 0, 0.1);
    }

    .dl-menuwrapper li.dl-back:after,
    .dl-menuwrapper li > a:not(:only-child):after {
        position: absolute;
        top: 0;
        line-height: 50px;
        font-family: "icomoon";
        speak: none;
        -webkit-font-smoothing: antialiased;
        content: "\e000";
    }

    .dl-menuwrapper li.dl-back:after {
        left: 10px;
        color: rgba(212, 204, 198, 0.3);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .dl-menuwrapper li > a:after {
        right: 10px;
        color: rgba(0, 0, 0, 0.15);
    }

    .dl-menuwrapper .dl-menu {
        margin: 5px 0 0 0;
        position: absolute;
        width: 100%;
        opacity: 0;
        pointer-events: none;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .dl-menuwrapper .dl-menu.dl-menu-toggle {
        transition: all 0.3s ease;
    }

    .dl-menuwrapper .dl-menu.dl-menuopen {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    .dl-menuwrapper li .dl-submenu {
        display: none;
    }

    .dl-menu.dl-subview li,
    .dl-menu.dl-subview li.dl-subviewopen > a,
    .dl-menu.dl-subview li.dl-subview > a {
        display: none;
    }

    .dl-menu.dl-subview li.dl-subview,
    .dl-menu.dl-subview li.dl-subview .dl-submenu,
    .dl-menu.dl-subview li.dl-subviewopen,
    .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
    .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
        display: block;
    }

    .dl-menuwrapper > .dl-submenu {
        position: absolute;
        width: 100%;
        top: 50px;
        left: 0;
        margin: 0;
    }

    .dl-menu.dl-animate-out-1 {
        -webkit-animation: MenuAnimOut1 0.4s;
        animation: MenuAnimOut1 0.4s;
    }
	
    @-webkit-keyframes MenuAnimOut1 {
        0% {}

        50% {
            -webkit-transform: translateZ(-250px) rotateY(30deg);
        }

        75% {
            -webkit-transform: translateZ(-372.5px) rotateY(15deg);
            opacity: 0.5;
        }

        100% {
            -webkit-transform: translateZ(-500px) rotateY(0deg);
            opacity: 0;
        }
    }

    @keyframes MenuAnimOut1 {
        0% {}

        50% {
            -webkit-transform: translateZ(-250px) rotateY(30deg);
            transform: translateZ(-250px) rotateY(30deg);
        }

        75% {
            -webkit-transform: translateZ(-372.5px) rotateY(15deg);
            transform: translateZ(-372.5px) rotateY(15deg);
            opacity: 0.5;
        }

        100% {
            -webkit-transform: translateZ(-500px) rotateY(0deg);
            transform: translateZ(-500px) rotateY(0deg);
            opacity: 0;
        }
    }

    .dl-menu.dl-animate-in-1 {
        -webkit-animation: MenuAnimIn1 0.3s;
        animation: MenuAnimIn1 0.3s;
    }

    @-webkit-keyframes MenuAnimIn1 {
        0% {
            -webkit-transform: translateZ(-500px) rotateY(0deg);
            opacity: 0;
        }

        20% {
            -webkit-transform: translateZ(-250px) rotateY(30deg);
            opacity: 0.5;
        }

        100% {
            -webkit-transform: translateZ(0px) rotateY(0deg);
            opacity: 1;
        }
    }

    @keyframes MenuAnimIn1 {
        0% {
            -webkit-transform: translateZ(-500px) rotateY(0deg);
            transform: translateZ(-500px) rotateY(0deg);
            opacity: 0;
        }

        20% {
            -webkit-transform: translateZ(-250px) rotateY(30deg);
            transform: translateZ(-250px) rotateY(30deg);
            opacity: 0.5;
        }

        100% {
            -webkit-transform: translateZ(0px) rotateY(0deg);
            transform: translateZ(0px) rotateY(0deg);
            opacity: 1;
        }
    }

    .dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
        -webkit-animation: SubMenuAnimIn1 0.4s ease;
        animation: SubMenuAnimIn1 0.4s ease;
    }

    @-webkit-keyframes SubMenuAnimIn1 {
        0% {
            -webkit-transform: translateX(50%);
            opacity: 0;
        }

        100% {
            -webkit-transform: translateX(0px);
            opacity: 1;
        }
    }

    @keyframes SubMenuAnimIn1 {
        0% {
            -webkit-transform: translateX(50%);
            transform: translateX(50%);
            opacity: 0;
        }

        100% {
            -webkit-transform: translateX(0px);
            transform: translateX(0px);
            opacity: 1;
        }
    }

    .dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
        -webkit-animation: SubMenuAnimOut1 0.4s ease;
        animation: SubMenuAnimOut1 0.4s ease;
    }

    @-webkit-keyframes SubMenuAnimOut1 {
        0% {
            -webkit-transform: translateX(0%);
            opacity: 1;
        }

        100% {
            -webkit-transform: translateX(50%);
            opacity: 0;
        }
    }

    @keyframes SubMenuAnimOut1 {
        0% {
            -webkit-transform: translateX(0%);
            transform: translateX(0%);
            opacity: 1;
        }

        100% {
            -webkit-transform: translateX(50%);
            transform: translateX(50%);
            opacity: 0;
        }
    }

    .no-js .dl-menuwrapper .dl-menu {
        position: relative;
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }

    .no-js .dl-menuwrapper li .dl-submenu {
        display: block;
    }

    .no-js .dl-menuwrapper li.dl-back {
        display: none;
    }

    .no-js .dl-menuwrapper li > a:not(:only-child) {
        background: rgba(0, 0, 0, 0.1);
    }

    .no-js .dl-menuwrapper li > a:not(:only-child):after {
        content: "";
    }

    #dl-menu {
        float: right;
        position: absolute;
        right: 0;
        z-index: 100;
        max-width: 100%;
        height: 70px;
    }

    #dl-menu button {
        height: 70px;
        float: right;
        padding-right: 10px;
    }

    #dl-menu button i {
        font-size: 1.5em;
    }

    .dl-menuwrapper li.dl-back:after,
    .dl-menuwrapper li > a:not(:only-child):after {
        font-family: "Font Awesome 5 Pro";
        content: "\f054";
        font-weight: lighter;
        color: white;
    }

    .dl-menuwrapper .dl-menu,
    .dl-menuwrapper .dl-submenu {
        background-color: #394049 !important;
    }

    .dl-menuwrapper .dl-menu li > a,
    .dl-menuwrapper .dl-submenu li > a {
        font-size: 0.9em;
    }

    .dl-menuwrapper .dl-menu {
        margin-top: 0;
        top: 70px;
    }

    .dl-menuwrapper .dl-submenu {
        top: 70px !important;
    }

    #mobile-search-menu {
        padding: 20px;
        padding-bottom: 10px;
        border-bottom: 1px solid #a3a9ac;
    }

    #mobile-search-menu input {
        display: inline-block;
        width: 80%;
        background: transparent;
        border: none;
        color: white;
    }

    #mobile-search-menu input:focus {
        outline: none;
    }

    #mobile-search-menu i {
        color: white;
        font-size: 1.5em;
        float: right;
    }

    #to-top {
        z-index: 999;
    }

    #to-top a {
        padding: 20px;
    }

    #to-top a i {
        bottom: 12px;
        right: 14px;
        font-size: 13px;
    }

    #mobile-second-nav {
        height: 50px;
        width: 100%;
        color: #000000;
        text-align: left;
        border-radius: 0;
        border-left: none;
        border-right: none;
        background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjMsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSI1MHB4IiBoZWlnaHQ9IjUwcHgiIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxyZWN0IHN0eWxlPSJmaWxsOiNGMUYxRjE7IiB3aWR0aD0iNTAiIGhlaWdodD0iNTAiLz4NCjwvZz4NCjxwb2x5Z29uIHBvaW50cz0iMzIuNywyMC4zIDI1LDI4IDE3LjMsMjAuMyAxNi40LDIxLjEgMjUsMjkuOCAzMy42LDIxLjEgIi8+DQo8L3N2Zz4NCg==) no-repeat right center;
    }

    #secondNavCollapse {
        background-color: #ffffff;
        z-index: 100;
        width: 100%;
    }

    #secondNavCollapse > div {
        padding: 10px 30px;
        border-bottom: 1px solid #f1f1f1;
    }

    #secondNavCollapse > div a {
        display: block;
        font-family: "Inter", sans-serif;
        font-weight: 600;
        letter-spacing: 0;
    }

    #secondNavCollapse > div.secondNavAnchorMob {
        background-color: #f1f1f1;
    }

    #secondNavCollapse > div.secondNavButtonMob {
        background-color: #448532;
    }

    #secondNavCollapse > div.secondNavButtonMob a {
        color: #ffffff;
    }

    #footer .copy-right {
        padding: 20px !important;
    }

    .key-line-border-left {
        border-left: none !important;
    }

    #key-date-filter {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }

    .key-dates-entry .col-sm-9,
    .key-dates-entry .col-sm-10 {
        background-color: white;
        padding-bottom: 10px;
        border-bottom: 1px solid #f1f1f1;
    }

    #mobile-key-date-filter,
    #mobile-publication-filter {
        height: 50px;
        border-radius: 0;
        border-left: none;
        border-right: none;
        background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjMsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSI1MHB4IiBoZWlnaHQ9IjUwcHgiIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxyZWN0IHN0eWxlPSJmaWxsOiNGMUYxRjE7IiB3aWR0aD0iNTAiIGhlaWdodD0iNTAiLz4NCjwvZz4NCjxwb2x5Z29uIHBvaW50cz0iMzIuNywyMC4zIDI1LDI4IDE3LjMsMjAuMyAxNi40LDIxLjEgMjUsMjkuOCAzMy42LDIxLjEgIi8+DQo8L3N2Zz4NCg==) no-repeat right center;
    }

    .entry-block {
        margin-bottom: 20px;
    }

    .entry-block ul {
        padding-left: 0;
    }

    .entry-block h3 {
        margin-bottom: 30px !important;
    }

    .entry-slug-singles .hero-block,
    .entry-slug-home .hero-block {
        height: auto;
    }

    .hero-block {
        height: auto;
    }

    .hero-block .vertical-nav-links {
        display: none;
    }

    .hero-block .hero-image {
        margin-left: 0 !important;
        padding: 20px;
    }

    .hero-block .hero-image .hero-text-container {
        padding-left: 0;
    }

    .hero-block .hero-image .hero-heading {
        font-size: 30px;
        line-height: 1.1;
    }

    .hero-block .hero-image:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.5);
    }

    .entry-slug-key-date-listing-home .hero-block,
    .entry-slug-key-date-listing-home .hero-image {
        height: 300px;
    }

    .entry-slug-key-date-listing-home .hero-block .hero-gradient,
    .entry-slug-key-date-listing-home .hero-image .hero-gradient {
        display: none;
    }

    .entry-slug-media-centre-publications-listing .hero-block .hero-gradient,
    .entry-slug-media-centre-publications-listing .hero-image .hero-gradient {
        display: none;
    }

    .hero-block-with-cta {
        margin-bottom: 50px;
    }

    .hero-gradient {
        display: none;
    }

    .image-content-block .image-content-container {
        height: 260px;
    }

    .accordion-block {
        margin-bottom: 30px;
    }

    .accordion-block .block-collapse-heading {
        font-size: 16px;
        font-weight: normal;
    }

    .document-block {
        margin-bottom: 30px;
    }

    .document-block .document-block-item-heading {
        font-size: 16px;
        font-weight: normal;
        padding-bottom: 0 !important;
    }

    .document-block .document-block-item-actions {
        display: block;
        float: left !important;
    }

    .persona-block {
        margin-top: 40px;
    }

    .persona-block .persona-container {
        margin: 0 0 30px 0 !important;
        height: 260px;
    }

    .persona-block .persona-container .persona-image {
        padding-top: 25%;
    }

    .process-block .step-50 {
        width: 100% !important;
        margin-bottom: 20px !important;
    }

    .process-block .steps-container .step .step-tick {
        margin-right: 20px;
    }

    .process-block .steps-container .step .step-tick i,
    .process-block .steps-container .step .step-tick p.process-number {
        width: 50px;
        height: 50px;
        font-size: 20px;
        line-height: 50px;
    }

    .process-block .steps-container .step .step-tick p.process-number {
        font-size: 24px;
    }

    .process-image-block .image-container {
        margin-bottom: 30px;
        padding-left: 15px;
        order: -1 !important;
    }

    .process-image-block .image-container .image {
        height: 260px;
    }

    .promo-block div[class^="col-"] {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .promo-block .image-container {
        order: -1 !important;
    }

    .promo-block .image-container .image {
        height: 215px;
    }

    .promo-block .image-container .image:before,
    .promo-block .image-container .image:after {
        display: none;
    }

    .promo-block .headline,
    .promo-block .headline a {
        width: 100%;
        font-size: 18px;
        font-weight: 700;
        line-height: 28px;
    }

    .breadcrumb-container,
    .page-heading {
        margin-top: 30px;
    }

    .promo-block .image-container .image {
        height: 300px;
        width: 75%;
    }

    @page {
        size: A4 portrait;
        margin: 0;
    }
}

svg.placeholder {
    max-width: 100%;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiBmaWxsPSJ3aGl0ZSI+CiAgPHBhdGggZD0iTTAgNCBMMCAyOCBMMzIgMjggTDMyIDQgeiBNNCAyNCBMMTAgMTAgTDE1IDE4IEwxOCAxNCBMMjQgMjR6IE0yNSA3IEE0IDQgMCAwIDEgMjUgMTUgQTQgNCAwIDAgMSAyNSA3Ij48L3BhdGg+Cjwvc3ZnPg==") no-repeat center #ccc;
    background-size: calc(100% / 3);
}

.circle-counter {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    line-height: 60px;
    text-align: center;
    background-color: lightblue;
    font-size: 1.4em;
}

.matrix-block {
    margin-bottom: 20px;
}

.block-text {
    margin-bottom: 20px;
}

.block-text h2 {
    margin-bottom: 15px;
    font-size: 1.5em;
    color: #051da7;
}

.block-text table {
    margin-bottom: 0;
}

.block-cta-button {
    margin-bottom: 20px;
}

.block-cta-button p {
    margin-bottom: 0;
}

.news-list-item {
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}

.news-list-item:last-of-type {
    border-bottom: none;
}

.news-list-item .news-thumbnail {
    max-width: 200px;
    margin-bottom: 20px;
}

#publication-filter.nav {
    justify-content: center;
}

#publication-filter .nav-link {
    margin-right: 20px;
}

#publication-filter .nav-link.active {
    border-bottom: 5px solid #448532;
}

.heroBlockKeyDates {
    background-image: url("https://www.uac.edu.au/assets/images/Hero/hero-key-dates-3.jpg");
    background-position: top;
    background-size: cover !important;
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
}

#key-date-filter-bar {
    position: absolute;
}

#key-date-filter-controls {
    width: 400px;
}

#key-date-filter-controls .dismissButton {
    float: right;
    background-color: white;
    border: none;
}

#key-date-filter-controls .select-all {
    margin-right: 50px;
}

.key-date-listing {
    margin-left: 400px;
    padding-left: 20px;
    width: 100%;
    min-height: 1000px;
}

.text-black {
    color: #000;
}

.key-date-title {
    font-size: 18px;
}

.key-date-title a {
    font-size: 18px;
}

.checkbox-filter {
    margin-top: 5px;
}

.checkbox-filter input {
    position: relative;
    top: 5px;
    left: -3px;
    height: 20px;
    width: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 1px solid #dadada;
    outline: none;
    transition-duration: 0.3s;
    background-color: #ffffff;
    cursor: pointer;
    border-radius: 3px;
}

.checkbox-filter input:focus {
    border: 2px solid #448532;
}

.checkbox-filter input:checked + label {
    position: relative;
}

.checkbox-filter input:checked + label:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: bold;
    content: "\f00c";
    display: block;
    text-align: center;
    color: #448532;
    position: absolute;
    left: -24px;
    top: 1px;
    font-size: 14px;
}

.category-filter:first-child {
    position: relative;
    margin-top: 50px;
}

.category-filter:first-child:before {
    content: "Category";
    position: absolute;
    top: -35px;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 600;
    color: #000;
}

.date-filter:first-child {
    position: relative;
    margin-top: 50px;
}

.date-filter:first-child:before {
    content: "Date type";
    position: absolute;
    top: -35px;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 600;
    color: #000;
}

.event-filter:first-child {
    position: relative;
    margin-top: 50px;
}

.event-filter:first-child:before {
    width: 200px;
    content: "Event type";
    position: absolute;
    top: -35px;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 600;
    color: #000;
}

.keydate-message-banner {
    background-color: #d0dce2;
}

.keydate-date {
    font-size: 16px;
    letter-spacing: 2px;
    margin-bottom: 0.5rem !important;
    text-transform: uppercase;
}

.btn-clear-all {
    border-radius: 0;
    background-color: #fff;
    font-size: 14px;
    border: 1px solid #4b4e6a;
}

.btn-clear-all:hover {
    color: #fff;
    background-color: #4b4e6a;
}

.btn-clear-all:focus {
    color: #fff;
    background-color: #4b4e6a;
}

.btn-filter {
    background-color: #f0f0f2;
    font-size: 14px;
    color: #000;
}

.btn-filter:hover {
    background-color: #d2d3da;
}

.btn-filter:focus {
    background-color: #d2d3da;
}

.key-dates-pdf {
    border: 1px solid #448532;
}

.green-box {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 50px;
    background-color: #448532;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
}

.pdf-box {
    margin-left: 100px;
    padding-left: 10px;
    height: 50px;
    display: flex;
    align-items: center;
}

.pdf-box a {
    padding-left: 13px;
    color: #448532;
}

.pdf-box a:hover {
    text-decoration: underline;
}

.month-January {
    position: relative;
    padding-top: 60px;
}

.month-January:after {
    content: "January";
    text-transform: uppercase;
    position: absolute;
    top: 0;
    left: calc(50% - 75px);
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 1.5;
    font-weight: 600;
    color: #394049;
    background-color: white;
    width: 150px;
    text-align: center;
}

.month-January:before {
    content: "";
    position: absolute;
    top: 14px;
    width: 100%;
    height: 1px;
    background-color: #d2d3da;
}

.month-January ~ .month-January {
    padding-top: 0;
}

.month-January ~ .month-January:after {
    content: none;
}

.month-January ~ .month-January:before {
    content: none;
}

.month-February {
    position: relative;
    padding-top: 60px;
}

.month-February:after {
    content: "February";
    text-transform: uppercase;
    position: absolute;
    top: 0;
    left: calc(50% - 75px);
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 1.5;
    font-weight: 600;
    color: #394049;
    background-color: white;
    width: 150px;
    text-align: center;
}

.month-February:before {
    content: "";
    position: absolute;
    top: 14px;
    width: 100%;
    height: 1px;
    background-color: #d2d3da;
}

.month-February ~ .month-February {
    padding-top: 0;
}

.month-February ~ .month-February:after {
    content: none;
}

.month-February ~ .month-February:before {
    content: none;
}

.month-March {
    position: relative;
    padding-top: 60px;
}

.month-March:after {
    content: "March";
    text-transform: uppercase;
    position: absolute;
    top: 0;
    left: calc(50% - 75px);
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 1.5;
    font-weight: 600;
    color: #394049;
    background-color: white;
    width: 150px;
    text-align: center;
}

.month-March:before {
    content: "";
    position: absolute;
    top: 14px;
    width: 100%;
    height: 1px;
    background-color: #d2d3da;
}

.month-March ~ .month-March {
    padding-top: 0;
}

.month-March ~ .month-March:after {
    content: none;
}

.month-March ~ .month-March:before {
    content: none;
}

.month-April {
    position: relative;
    padding-top: 60px;
}

.month-April:after {
    content: "April";
    text-transform: uppercase;
    position: absolute;
    top: 0;
    left: calc(50% - 75px);
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 1.5;
    font-weight: 600;
    color: #394049;
    background-color: white;
    width: 150px;
    text-align: center;
}

.month-April:before {
    content: "";
    position: absolute;
    top: 14px;
    width: 100%;
    height: 1px;
    background-color: #d2d3da;
}

.month-April ~ .month-April {
    padding-top: 0;
}

.month-April ~ .month-April:after {
    content: none;
}

.month-April ~ .month-April:before {
    content: none;
}

.month-May {
    position: relative;
    padding-top: 60px;
}

.month-May:after {
    content: "May";
    text-transform: uppercase;
    position: absolute;
    top: 0;
    left: calc(50% - 75px);
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 1.5;
    font-weight: 600;
    color: #394049;
    background-color: white;
    width: 150px;
    text-align: center;
}

.month-May:before {
    content: "";
    position: absolute;
    top: 14px;
    width: 100%;
    height: 1px;
    background-color: #d2d3da;
}

.month-May ~ .month-May {
    padding-top: 0;
}

.month-May ~ .month-May:after {
    content: none;
}

.month-May ~ .month-May:before {
    content: none;
}

.month-June {
    position: relative;
    padding-top: 60px;
}

.month-June:after {
    content: "June";
    text-transform: uppercase;
    position: absolute;
    top: 0;
    left: calc(50% - 75px);
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 1.5;
    font-weight: 600;
    color: #394049;
    background-color: white;
    width: 150px;
    text-align: center;
}

.month-June:before {
    content: "";
    position: absolute;
    top: 14px;
    width: 100%;
    height: 1px;
    background-color: #d2d3da;
}

.month-June ~ .month-June {
    padding-top: 0;
}

.month-June ~ .month-June:after {
    content: none;
}

.month-June ~ .month-June:before {
    content: none;
}

.month-July {
    position: relative;
    padding-top: 60px;
}

.month-July:after {
    content: "July";
    text-transform: uppercase;
    position: absolute;
    top: 0;
    left: calc(50% - 75px);
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 1.5;
    font-weight: 600;
    color: #394049;
    background-color: white;
    width: 150px;
    text-align: center;
}

.month-July:before {
    content: "";
    position: absolute;
    top: 14px;
    width: 100%;
    height: 1px;
    background-color: #d2d3da;
}

.month-July ~ .month-July {
    padding-top: 0;
}

.month-July ~ .month-July:after {
    content: none;
}

.month-July ~ .month-July:before {
    content: none;
}

.month-August {
    position: relative;
    padding-top: 60px;
}

.month-August:after {
    content: "August";
    text-transform: uppercase;
    position: absolute;
    top: 0;
    left: calc(50% - 75px);
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 1.5;
    font-weight: 600;
    color: #394049;
    background-color: white;
    width: 150px;
    text-align: center;
}

.month-August:before {
    content: "";
    position: absolute;
    top: 14px;
    width: 100%;
    height: 1px;
    background-color: #d2d3da;
}

.month-August ~ .month-August {
    padding-top: 0;
}

.month-August ~ .month-August:after {
    content: none;
}

.month-August ~ .month-August:before {
    content: none;
}

.month-September {
    position: relative;
    padding-top: 60px;
}

.month-September:after {
    content: "September";
    text-transform: uppercase;
    position: absolute;
    top: 0;
    left: calc(50% - 75px);
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 1.5;
    font-weight: 600;
    color: #394049;
    background-color: white;
    width: 150px;
    text-align: center;
}

.month-September:before {
    content: "";
    position: absolute;
    top: 14px;
    width: 100%;
    height: 1px;
    background-color: #d2d3da;
}

.month-September ~ .month-September {
    padding-top: 0;
}

.month-September ~ .month-September:after {
    content: none;
}

.month-September ~ .month-September:before {
    content: none;
}

.month-October {
    position: relative;
    padding-top: 60px;
}

.month-October:after {
    content: "October";
    text-transform: uppercase;
    position: absolute;
    top: 0;
    left: calc(50% - 75px);
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 1.5;
    font-weight: 600;
    color: #394049;
    background-color: white;
    width: 150px;
    text-align: center;
}

.month-October:before {
    content: "";
    position: absolute;
    top: 14px;
    width: 100%;
    height: 1px;
    background-color: #d2d3da;
}

.month-October ~ .month-October {
    padding-top: 0;
}

.month-October ~ .month-October:after {
    content: none;
}

.month-October ~ .month-October:before {
    content: none;
}

.month-November {
    position: relative;
    padding-top: 60px;
}

.month-November:after {
    content: "November";
    text-transform: uppercase;
    position: absolute;
    top: 0;
    left: calc(50% - 75px);
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 1.5;
    font-weight: 600;
    color: #394049;
    background-color: white;
    width: 150px;
    text-align: center;
}

.month-November:before {
    content: "";
    position: absolute;
    top: 14px;
    width: 100%;
    height: 1px;
    background-color: #d2d3da;
}

.month-November ~ .month-November {
    padding-top: 0;
}

.month-November ~ .month-November:after {
    content: none;
}

.month-November ~ .month-November:before {
    content: none;
}

.month-December {
    position: relative;
    padding-top: 60px;
}

.month-December:after {
    content: "December";
    text-transform: uppercase;
    position: absolute;
    top: 0;
    left: calc(50% - 75px);
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 1.5;
    font-weight: 600;
    color: #394049;
    background-color: white;
    width: 150px;
    text-align: center;
}

.month-December:before {
    content: "";
    position: absolute;
    top: 14px;
    width: 100%;
    height: 1px;
    background-color: #d2d3da;
}

.month-December ~ .month-December {
    padding-top: 0;
}

.month-December ~ .month-December:after {
    content: none;
}

.month-December ~ .month-December:before {
    content: none;
}

.date-img {
    width: 160px;
    color: #fff;
    background-color: white;
    font-weight: 600;
    border-radius: 5px;
    position: absolute;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 20px;
    font-size: 16px;
    padding: 15px;
}

.date-img.atar {
    background-color: #4b4e6a;
}

.date-img.applicationsCategory {
    background-color: #1378af;
}

.date-img.schoolsRecommendationsSchemesSrs {
    background-color: #14506f;
}

.date-img.educationalAccessSchemesEas {
    background-color: #1e4512;
}

.date-img.equityScholarships {
    background-color: #5c49a4;
}

.date-img.events {
    background-color: #a64a95;
}

.date-img.event-img {
    border: 1px solid #d2d3da;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 120px;
}

.tooltipButton {
    background-color: #448532;
    border-radius: 30px;
    height: 40px;
    width: 40px;
    border: 0;
    position: absolute;
    left: -15px;
    top: -15px;
}

.tooltipButton i {
    font-size: 17px;
}

.date-info {
    margin-left: 190px;
}

.date-info p strong a {
    font-weight: 700;
}

.select-all {
    padding: 0;
    color: #394049;
    border: 1px solid #394049;
    border-radius: 0;
    height: 35px;
    width: 80px;
    font-size: 14px;
}

.select-all:focus {
    color: #fff;
    background-color: #394049;
}

.select-all:hover {
    color: #fff;
    background-color: #394049;
    text-decoration: none;
}

.entry-slug-uac-charges table tr td:first-child {
    width: 50%;
}

.text-secondary {
    color: #394049 !important;
}

.preload-image {
    background: url(https://uaccms.uac.edu.au/assets/images/Hero/hero-home-page-apr-2019-resized.jpg) no-repeat -9999px -9999px;
}


@media screen and (min-width: 768px) {

    .dropdown:hover .dropdown-menu,
    .btn-group:hover .dropdown-menu {
        display: block;
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    li.nav-item {
        position: relative;
    }

    li.nav-item .dropdown-menu.width-3 {
        width: 900px;
        position: absolute;
        left: 0 !important;
        top: 100px;
    }

    .dropdown-menu.width-1 {
        width: 380px;
        position: absolute;
        left: 0 !important;
        top: 100px;
    }

    body {
        font-family: "Inter", Arial, sans-serif;
        font-weight: 400;
    }
}

@-moz-document url-prefix() {

    .entry-block p a,
    .entry-block li a,
    article p a,
    article li a {
        font-weight: 500;
    }

    .dropdown-menu.width-1 {
        left: calc(100% - 740px);
    }

    .dropdown-menu.width-2 {
        width: calc(100% - 455px);
    }

    .dropdown-menu.width-3 {
        width: calc(100% - 455px);
    }
}

@media (min-width: 1200px) {
    .master-container .container {
        max-width: 1190px;
    }
}

.searchResultsTable .row {
    border-top: 1px solid #dadada;
    padding: 30px 0px;
}

.searchResultsTable .row:first-child {
    border-top: none;
    padding-top: 0;
}

.heroBlockPlain {
    background-color: #d0dce2;
    padding-top: 45px;
    padding-bottom: 25px;
}

#dl-menu {
    display: none;
}

#dl-menu button {
    background: transparent;
    border: none;
}

#dl-menu button:focus {
    outline: none;
}

@media (min-width: 1600px) {
    .master-container .container {
        max-width: 1200px;
    }

    .modal-lg {
        max-width: 883px;
    }
}

@media (max-width: 1400px) {
    #top-nav .navbar-nav li a.dropdown-item {
        padding-left: 0px;
        padding-right: 15px;
    }

    #top-nav .navbar-nav li a.nav-link {
        padding-left: 20px;
        padding-right: 20px;
        max-width: 120px;
    }
}

@media only screen and (max-width: 1460px) {

    a.nav-link,
    .action-buttons a {
        font-size: 15px;
    }

    .uac-corporate .navbar-nav li {
        padding: 20px 15px !important;
    }

    .uac-corporate .button-primary-1,
    .uac-corporate .button-primary-2 {
        width: 160px;
    }

    #top-nav .navbar-brand {
        padding: 0;
        width: 95px;
        height: 100px;
        background-image: url("/assets/images/UAC-Brand/uac-logo-colour-square.png");
        background-size: 95px 100px;
    }

    #uac-search-nav-item {
        padding-left: 0;
    }
}

@media only screen and (max-width: 1200px) {
    .ad-block .ad-block-billboard .ad-block-danger iframe {
        width: 776px;
        height: 240px;
    }

    .reach_footer .footer_form .your_email {
        width: 82%
    }

    .reach_footer {
        height: 520px;
    }
}

@media only screen and (min-width: 1025px) {
    body .dismissButton {
        display: none;
    }

    body .applyFilterButton {
        display: none;
    }

    body .mobileFilter {
        display: none;
    }

    body .key-date-mobile-filter {
        display: none;
    }

    .persona-block .persona-container .persona-text {
        transition: 0.35s;
        -moz-transform: translate(0px, 80px);
        -webkit-transform: translate(0px, 80px);
        -o-transform: translate(0px, 80px);
        -ms-transform: translate(0px, 80px);
        transform: translate(0px, 80px);
    }

    .persona-block .persona-container .persona-text p {
        opacity: 0;
    }
}


@media only screen and (max-width: 1024px) {
    .ad-block {
        border-top: none;
        border-bottom: none;
        padding: 0;
        position: relative;
    }

    .persona-block .persona-container .persona-image {
        background-color: #a3a9ac;
        background-blend-mode: multiply;
    }

    .collapse.show {
        border-top: 1px solid #dadada;
    }

    #top-nav .navbar-nav li a.nav-link {
        display: block;
        max-width: max-content;
        height: 50px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    #top-nav .nav-item.dropdown.with-underline-reach:hover {
        border-bottom: none;
        transition: none;
    }

    .reach-navbar-links {
        display: flex;
        height: inherit;
    }

    #filterBar {
        display: none;
        position: fixed;
    }

    body #filterControls {
        width: 100%;
        border-right: none;
        padding-right: 0;
    }

    body #filterControls .institutionsClearAll {
        width: 100%;
        height: 50px;
    }

    body #filterControls .applyFilterButton {
        width: 100%;
        height: 50px;
        margin-bottom: 20px;
        border: none;
        background-color: #394049;
        color: #fff;
    }
    
    .btn-block {
        display: block;
        width: 100%;
        max-width: 350px;
    }
    
    .step-container {
        margin: 20px;
        padding: 30px;
        border-radius: 5px;
        color: #fff;
    }

    .step-container.stepOne {
        background-color: #76a7b6;
    }

    .step-container.stepOne:before {
        -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        width: 25px;
        right: auto;
        left: 50%;
        bottom: 0px;
        top: auto;
    }

    .step-container.stepThree:before {
        left: 50%;
    }

    .step-container.stepFour {
        background-color: #226281;
    }

    .step-container.stepFour:before {
        -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        width: 25px;
        right: auto;
        left: 50%;
        bottom: 0px;
        top: auto;
    }

    .step-container.stepSix {
        background-color: #9188b1;
    }

    .step-container.stepSix:before {
        -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        width: 25px;
        right: auto;
        left: 50%;
        bottom: 0px;
        top: auto;
    }

    .filterListing {
        margin-left: 0;
    }

    .filterListing .mobileFilter {
        background: white;
        border: 1px solid #394049;
        font-family: "Inter", sans-serif;
        font-size: 16px;
        color: #394049;
        height: 50px;
        width: 100%;
        float: right;
        margin-bottom: 30px;
    }

    .filterListing .mobileFilter:hover {
        color: #394049;
    }

    .filterListing .mobileFilter:focus {
        background: white;
        color: #394049;
    }

    .container {
        max-width: 100%;
    }

    .quicklink-align {
        align-items: center;
    }

    .col,
    .col-1,
    .col-11,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-auto,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-auto,
    .col-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-auto,
    .col-sm,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-2,
    .col-sm-7,
    .col-sm-8,
    .col-sm-auto,
    .col-xl,
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-auto {
        max-width: 100%;
        flex-basis: 100%;
    }

    .breadcrumb-container {
        margin-top: 0;
        margin-bottom: 10px;
        padding: 0;
    }

    .breadcrumb-container .breadcrumb {
        padding: 0;
    }

    .page-heading {
        margin-top: 0px;
    }

    .video-container iframe {
        width: 100% !important;
    }

    .fallbackContent {
        width: 100%;
        text-align: center;
        margin-top: 30px;
    }

    .fallbackContent .fallBackBody {
        border-right: none;
        margin: 15px 0;
    }

    .searchResultsTable .row .col-md-3 {
        padding-bottom: 20px;
        font-size: 1.3em;
        color: #000000;
    }

    .searchResultsTable .row .col-md-9 p {
        padding-bottom: 10px;
    }

    .searchResultsTable .row .col-md-9 p:last-of-type {
        padding-bottom: 0;
    }

    .rightColumn {
        border-left: none;
        padding-left: 30px;
        padding-right: 30px;
    }

    .categories-icon-container {
        height: auto;
    }

    .categories-icon-block {
        top: 0px !important;
    }

    .nestedAccordionText ul.inner {
        border-left: 1px solid #dadada;
    }

    .nestedAccordionText ul li {
        margin-left: 20px;
    }

    .nestedAccordionText ul li > a.nestedToggle {
        border-bottom: none;
        margin: 0;
        padding: 10px 40px 10px 0;
    }

    .nestedAccordionText ul li > a.nestedToggle.collapsed:before {
        margin-right: 0;
        margin-left: 1em;
        position: absolute;
        right: 0;
        left: auto;
    }

    .nestedAccordionText ul li > a.nestedToggle.expanded:before {
        margin-right: 0;
        margin-left: 1em;
        position: absolute;
        right: 0;
        left: auto;
    }

    .textLeft {
        width: 100%;
        float: none;
    }

    .videoRight {
        padding-left: 0px;
        width: 100%;
        float: none;
    }

    .textRight {
        width: 100%;
        float: none;
    }

    .videoLeft {
        padding-right: 0px;
        width: 100%;
        float: none;
    }

    .table-elp thead tr {
        display: none;
    }

    .table-elp tbody {
        display: block;
    }

    .table-elp tbody tr {
        display: block;
    }

    .table-elp tbody tr th {
        display: block;
        background-color: #448532;
        color: #ffffff;
        position: relative;
    }

    .table-elp tbody tr td {
        display: block;
        padding-left: 40%;
        position: relative;
        min-height: 50px;
    }

    .table-elp tbody tr td:nth-of-type(1):before {
        content: "Min. result";
        font-weight: 700;
        position: absolute;
        top: 12px;
        left: 12px;
        padding-right: 10px;
        white-space: nowrap;
    }

    .table-elp tbody tr td:nth-of-type(2):before {
        content: "Conditions";
        font-weight: 700;
        position: absolute;
        top: 12px;
        left: 12px;
        padding-right: 10px;
        white-space: nowrap;
    }

    .institutionName {
        text-align: center;
    }

    .searchBlock {
        padding: 0 20px;
    }

    .course-search-block-heading {
        text-align: center;
        margin-bottom: 20px;
        margin-top: 20px;
        width: 100%;
    }

    body #inputGroup {
        display: contents;
    }

    .heroSearchBlock #inputGroup #searchBlockInput {
        margin-bottom: 0;
        border-bottom: 1px solid #f1f1f1;
        float: left;
        border-radius: 0;
    }

    .heroSearchBlock #inputGroup #searchBlockSelect {
        margin-top: 0;
        margin-bottom: 0;
        border-left: none;
        padding-left: 20px;
        width: calc(100% - 65px);
        height: 50px;
        display: inline-block;
        border-right: 10px solid #fff;
        background-color: #fff;
    }

    .heroSearchBlock #inputGroup #searchBlockButton {
        display: inline-block;
        float: right;
    }

    body #inputGroup #searchBlockInput {
        width: 100%;
        height: 50px;
        display: block;
        margin: 0px auto 20px auto;
        border: 1px solid #a3a9ac;
    }

    body #inputGroup #searchBlockSelect {
        display: block;
        margin: 0 auto;
        padding: 10px;
        border: 1px solid #a3a9ac;
        width: 100%;
        background-position: 100% 50%;
    }

    body #inputGroup #searchBlockButton {
        width: 200px;
        height: 50px;
        display: block;
        margin: 20px auto;

    }

    body #inputGroup #searchBlockButton:before {
        display: none;
    }

    #key-date-filter-bar {
        position: fixed;
        width: 100%;
    }

    #key-date-filter-bar .modal-dialog {
        margin: 0 auto;
    }

    #key-date-filter-bar .modal-dialog .modal-content {
        padding: 20px;
    }

    #key-date-filter-controls {
        margin-top: 10px;
        width: 100%;
    }

    #key-date-filter-controls .select-all {
        margin-right: 20px;
        height: auto;
    }

    #key-date-filter-controls .applyFilterButton {
        width: 100%;
        height: 50px;
        margin-top: 20px;
        border: none;
        color: #ffffff;
        background-color: #394049;
    }

    .checkbox-filter {
        margin-top: 20px;
        display: table;
    }

    .checkbox-filter input:checked + label:before {
        left: -20px;
    }

    .checkbox-filter label {
        display: table-cell;
        padding-left: 5px;
    }

    .key-date-listing {
        margin-top: 0;
        margin-left: 0;
        width: 100%;
        padding-left: 0;
        padding-top: 0;
    }

    .key-date-listing .mobile-filter-container {
        padding: 30px;
    }

    .key-date-listing .mobile-filter-container .key-date-mobile-filter {
        background: white;
        border: 1px solid #394049;
        font-family: "Inter", sans-serif;
        font-size: 16px;
        font-weight: bold;
        color: #394049;
        height: 50px;
        width: 100%;
        float: right;
        margin-bottom: 30px;
    }

    .key-date-listing .mobile-filter-container .key-date-mobile-filter:hover {
        color: #394049;
    }

    .key-date-listing .mobile-filter-container .key-date-mobile-filter:focus {
        background: white;
        color: #394049;
    }

    .key-date-listing .showing-results {
        padding: 0 30px;
    }

    .key-date-listing .filter-badges {
        padding: 0 30px;
    }

    .key-date-mrec-ad-block {
        justify-content: center;
        margin: 0 auto;
    }

    #mobile-ad-space {
        width: 100%;
        display: flex;
    }

    .entry-block.key-dates-block {
        margin-top: 0;
    }

    .date-img {
        position: relative;
        width: max-content;
        height: auto;
        padding: 7px;
        margin-bottom: 15px;
    }

    .date-img.event-img {
        background-image: none !important;
        background-color: #a64a95;
        width: 67px;
        height: 34px;
        border: 0;
    }

    .date-img.event-img:before {
        content: "Events";
        position: absolute;
    }

    .date-info {
        margin-left: 0;
    }

    .key-date-entry {
        margin-left: 30px;
        margin-right: 30px;
    }

    .home-key-date-block {
        border-right: none;
        padding-top: 30px;
        padding-right: 15px;
    }

    .home-key-date-block div {
        border-bottom: 1px solid #dadada;
        padding-bottom: 1.5rem;
    }

    .home-key-date-block div:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

    .home-latest-news-block {
        border-right: none;
        padding-top: 30px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .home-latest-news-block div {
        border-bottom: 1px solid #dadada;
        padding-bottom: 1.5rem;
    }

    .home-latest-news-block div:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

    h1 {
        font-size: 30px;
        line-height: 1.25;
    }

    h2 {
        font-size: 28px;
        line-height: 1.25;
    }

    h3 {
        font-size: 24px;
        line-height: 1.25;
    }

    h4 {
        font-size: 18px;
        line-height: 1.25;
    }

    h5 {
        font-size: 12px;
        line-height: 1.25;
    }

    #dl-menu {
        display: block;
    }

    #dl-menu .dl-back {
        text-transform: capitalize;
    }

    #top-nav {
        z-index: 300;
        -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.17);
        box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.17);
    }

    #top-nav .navbar-brand {
        width: 210px;
        height: 70px;
        background-size: 210px 70px;
        background-image: url("/assets/images/UAC-Brand/uac_logo_fullname.png");
        z-index: 999;
    }

    #top-nav .navbar-brand-corporate {
        padding: 0;
        width: 67px;
        height: 70px;
        background-image: url(/assets/images/UAC-Brand/uac-logo-colour-square.png);
        background-size: 67px 70px;
    }

    #top-nav .navbar-toggler i {
        font-size: 1.5em;
    }



    .dl-menuwrapper {
        width: 100%;
        max-width: 300px;
        float: left;
        position: relative;
        -webkit-perspective: 1000px;
        perspective: 1000px;
        -webkit-perspective-origin: 50% 200%;
        perspective-origin: 50% 200%;
    }

    .dl-menuwrapper:first-child {
        margin-right: 100px;
    }

    .dl-menuwrapper ul {
        background: #aaa;
    }

    .dl-menuwrapper ul {
        padding: 0;
        list-style: none;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

    .dl-menuwrapper li {
        position: relative;
    }

    .dl-menuwrapper li a {
        display: block;
        position: relative;
        padding: 15px 20px;
        font-size: 16px;
        line-height: 20px;
        font-weight: 300;
        color: #fff;
        outline: none;
    }

    .no-touch .dl-menuwrapper li a:hover {
        background: rgba(255, 248, 213, 0.1);
    }

    .dl-menuwrapper li.dl-back > a {
        padding-left: 30px;
        background: rgba(0, 0, 0, 0.1);
    }

    .dl-menuwrapper li.dl-back:after,
    .dl-menuwrapper li > a:not(:only-child):after {
        position: absolute;
        top: 0;
        line-height: 50px;
        font-family: "icomoon";
        speak: none;
        -webkit-font-smoothing: antialiased;
        content: "\e000";
    }

    .dl-menuwrapper li.dl-back:after {
        left: 10px;
        color: rgba(212, 204, 198, 0.3);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .dl-menuwrapper li > a:after {
        right: 10px;
        color: rgba(0, 0, 0, 0.15);
    }

    .dl-menuwrapper .dl-menu {
        margin: 5px 0 0 0;
        position: absolute;
        width: 100%;
        opacity: 0;
        pointer-events: none;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .dl-menuwrapper .dl-menu.dl-menu-toggle {
        transition: all 0.3s ease;
    }

    .dl-menuwrapper .dl-menu.dl-menuopen {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    .dl-menuwrapper li .dl-submenu {
        display: none;
    }

    .dl-menu.dl-subview li,
    .dl-menu.dl-subview li.dl-subviewopen > a,
    .dl-menu.dl-subview li.dl-subview > a {
        display: none;
    }

    .dl-menu.dl-subview li.dl-subview,
    .dl-menu.dl-subview li.dl-subview .dl-submenu,
    .dl-menu.dl-subview li.dl-subviewopen,
    .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
    .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
        display: block;
    }

    .dl-menuwrapper > .dl-submenu {
        position: absolute;
        width: 100%;
        top: 50px;
        left: 0;
        margin: 0;
    }

    .dl-menu.dl-animate-out-1 {
        -webkit-animation: MenuAnimOut1 0.4s;
        animation: MenuAnimOut1 0.4s;
    }

    @-webkit-keyframes MenuAnimOut1 {
        0% {}

        50% {
            -webkit-transform: translateZ(-250px) rotateY(30deg);
        }

        75% {
            -webkit-transform: translateZ(-372.5px) rotateY(15deg);
            opacity: 0.5;
        }

        100% {
            -webkit-transform: translateZ(-500px) rotateY(0deg);
            opacity: 0;
        }
    }

    @keyframes MenuAnimOut1 {
        0% {}

        50% {
            -webkit-transform: translateZ(-250px) rotateY(30deg);
            transform: translateZ(-250px) rotateY(30deg);
        }

        75% {
            -webkit-transform: translateZ(-372.5px) rotateY(15deg);
            transform: translateZ(-372.5px) rotateY(15deg);
            opacity: 0.5;
        }

        100% {
            -webkit-transform: translateZ(-500px) rotateY(0deg);
            transform: translateZ(-500px) rotateY(0deg);
            opacity: 0;
        }
    }

    .dl-menu.dl-animate-in-1 {
        -webkit-animation: MenuAnimIn1 0.3s;
        animation: MenuAnimIn1 0.3s;
    }

    @-webkit-keyframes MenuAnimIn1 {
        0% {
            -webkit-transform: translateZ(-500px) rotateY(0deg);
            opacity: 0;
        }

        20% {
            -webkit-transform: translateZ(-250px) rotateY(30deg);
            opacity: 0.5;
        }

        100% {
            -webkit-transform: translateZ(0px) rotateY(0deg);
            opacity: 1;
        }
    }

    @keyframes MenuAnimIn1 {
        0% {
            -webkit-transform: translateZ(-500px) rotateY(0deg);
            transform: translateZ(-500px) rotateY(0deg);
            opacity: 0;
        }

        20% {
            -webkit-transform: translateZ(-250px) rotateY(30deg);
            transform: translateZ(-250px) rotateY(30deg);
            opacity: 0.5;
        }

        100% {
            -webkit-transform: translateZ(0px) rotateY(0deg);
            transform: translateZ(0px) rotateY(0deg);
            opacity: 1;
        }
    }

    .dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
        -webkit-animation: SubMenuAnimIn1 0.4s ease;
        animation: SubMenuAnimIn1 0.4s ease;
    }

    @-webkit-keyframes SubMenuAnimIn1 {
        0% {
            -webkit-transform: translateX(50%);
            opacity: 0;
        }

        100% {
            -webkit-transform: translateX(0px);
            opacity: 1;
        }
    }

    @keyframes SubMenuAnimIn1 {
        0% {
            -webkit-transform: translateX(50%);
            transform: translateX(50%);
            opacity: 0;
        }

        100% {
            -webkit-transform: translateX(0px);
            transform: translateX(0px);
            opacity: 1;
        }
    }

    .dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
        -webkit-animation: SubMenuAnimOut1 0.4s ease;
        animation: SubMenuAnimOut1 0.4s ease;
    }

    @-webkit-keyframes SubMenuAnimOut1 {
        0% {
            -webkit-transform: translateX(0%);
            opacity: 1;
        }

        100% {
            -webkit-transform: translateX(50%);
            opacity: 0;
        }
    }

    @keyframes SubMenuAnimOut1 {
        0% {
            -webkit-transform: translateX(0%);
            transform: translateX(0%);
            opacity: 1;
        }

        100% {
            -webkit-transform: translateX(50%);
            transform: translateX(50%);
            opacity: 0;
        }
    }

    .no-js .dl-menuwrapper .dl-menu {
        position: relative;
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }

    .no-js .dl-menuwrapper li .dl-submenu {
        display: block;
    }

    .no-js .dl-menuwrapper li.dl-back {
        display: none;
    }

    .no-js .dl-menuwrapper li > a:not(:only-child) {
        background: rgba(0, 0, 0, 0.1);
    }

    .no-js .dl-menuwrapper li > a:not(:only-child):after {
        content: "";
    }

    #dl-menu {
        float: right;
        position: absolute;
        right: 0;
        z-index: 100;
        max-width: 100%;
        height: 70px;
    }

    #dl-menu button {
        height: 70px;
        float: right;
        padding-right: 10px;
    }

    #dl-menu button i {
        font-size: 1.5em;
    }

    .dl-menuwrapper li.dl-back:after,
    .dl-menuwrapper li > a:not(:only-child):after {
        font-family: "Font Awesome 5 Pro";
        content: "\f054";
        font-weight: lighter;
        color: white;
    }

    .dl-menuwrapper .dl-menu,
    .dl-menuwrapper .dl-submenu {
        background-color: #394049 !important;
    }

    .dl-menuwrapper .dl-menu li > a,
    .dl-menuwrapper .dl-submenu li > a {
        font-size: 0.9em;
    }

    .dl-menuwrapper .dl-menu {
        margin-top: 0;
        top: 70px;
    }

    .dl-menuwrapper .dl-submenu {
        top: 70px !important;
    }

    #mobile-search-menu {
        padding: 20px;
        padding-bottom: 10px;
        border-bottom: 1px solid #a3a9ac;
    }

    #mobile-search-menu input {
        display: inline-block;
        width: 80%;
        background: transparent;
        border: none;
        color: white;
    }

    #mobile-search-menu input:focus {
        outline: none;
    }

    #mobile-search-menu i {
        color: white;
        font-size: 1.5em;
        float: right;
    }

    #to-top {
        z-index: 999;
    }

    #to-top a {
        padding: 20px;
    }

    #to-top a i {
        bottom: 12px;
        right: 14px;
        font-size: 13px;
    }

    #mobile-second-nav {
        height: 50px;
        width: 100%;
        color: #000000;
        text-align: left;
        border-radius: 0;
        border-left: none;
        border-right: none;
        background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjMsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSI1MHB4IiBoZWlnaHQ9IjUwcHgiIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxyZWN0IHN0eWxlPSJmaWxsOiNGMUYxRjE7IiB3aWR0aD0iNTAiIGhlaWdodD0iNTAiLz4NCjwvZz4NCjxwb2x5Z29uIHBvaW50cz0iMzIuNywyMC4zIDI1LDI4IDE3LjMsMjAuMyAxNi40LDIxLjEgMjUsMjkuOCAzMy42LDIxLjEgIi8+DQo8L3N2Zz4NCg==) no-repeat right center;
        border-top: 1px solid #c9c9c9;
        border-bottom: 1px solid #c9c9c9;
    }

    #secondNavCollapse {
        background-color: #ffffff;
        z-index: 100;
        width: 100%;
    }

    #secondNavCollapse > div {
        padding: 10px 30px;
        border-bottom: 1px solid #f1f1f1;
    }

    #secondNavCollapse > div a {
        display: block;
        font-family: "Inter", sans-serif;
        font-weight: 600;
        letter-spacing: 0;
    }

    #secondNavCollapse > div.secondNavAnchorMob {
        background-color: #f1f1f1;
    }

    #secondNavCollapse > div.secondNavButtonMob {
        background-color: #448532;
    }

    #secondNavCollapse > div.secondNavButtonMob a {
        color: #ffffff;
    }

    #footer .copy-right {
        padding: 20px !important;
    }

    .key-line-border-left {
        border-left: none !important;
    }

    #key-date-filter {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }

    .key-dates-entry .col-sm-9,
    .key-dates-entry .col-sm-10 {
        background-color: white;
        padding-bottom: 10px;
        border-bottom: 1px solid #f1f1f1;
    }

    #mobile-key-date-filter,
    #mobile-publication-filter {
        height: 50px;
        border-radius: 0;
        border-left: none;
        border-right: none;
        background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjMsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSI1MHB4IiBoZWlnaHQ9IjUwcHgiIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxyZWN0IHN0eWxlPSJmaWxsOiNGMUYxRjE7IiB3aWR0aD0iNTAiIGhlaWdodD0iNTAiLz4NCjwvZz4NCjxwb2x5Z29uIHBvaW50cz0iMzIuNywyMC4zIDI1LDI4IDE3LjMsMjAuMyAxNi40LDIxLjEgMjUsMjkuOCAzMy42LDIxLjEgIi8+DQo8L3N2Zz4NCg==) no-repeat right center;
    }

    .entry-block {
        margin-bottom: 20px;
    }

    .entry-block ul {
        padding-left: 0;
    }
    
    .entry-block h3 {
        margin-bottom: 1.5rem !important;
    }
    
    .entry-block.accordion-block h3 {
        margin-bottom: 0rem !important;
    }

    .entry-slug-singles .hero-block,
    .entry-slug-home .hero-block {
        height: auto;
    }

    .hero-block {
        height: auto;
    }

    .hero-block .vertical-nav-links {
        display: none;
    }

    .hero-block .hero-image {
        margin-left: 0 !important;
        padding: 15px;
        background-image: none !important;
        background-color: #fff !important;
    }

    .hero-block .hero-image .hero-cta-button:before {
        background: rgba(68, 133, 50, 1);
    }

    .hero-block .hero-image .hero-text-container {
        padding-left: 0;
    }

    .hero-block .hero-image .hero-heading {
        font-size: 30px;
        line-height: 1.1;
        color: #000;
    }

    .hero-block .hero-image .summary {
        color: #000 !important;
    }

    .heroSearchBlock {
        border: 1px solid #f1f1f1;
    }

    .hero-block .hero-image:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }

    .entry-slug-key-date-listing-home .hero-block,
    .entry-slug-key-date-listing-home .hero-image {
        height: 300px;
    }

    .entry-slug-key-date-listing-home .hero-block .hero-gradient,
    .entry-slug-key-date-listing-home .hero-image .hero-gradient {
        display: none;
    }

    .entry-slug-media-centre-publications-listing .hero-block .hero-gradient,
    .entry-slug-media-centre-publications-listing .hero-image .hero-gradient {
        display: none;
    }


    .hero-gradient {
        display: none;
    }

    .image-content-block .image-content-container {
        height: 260px;
    }

    .accordion-block {
        margin-bottom: 30px;
    }

    .accordion-block .block-collapse-heading {
        font-size: 16px;
        font-weight: normal;
    }

    .document-block {
        margin-bottom: 30px;
    }

    .document-block .document-block-item-heading {
        font-size: 16px;
        font-weight: normal;
        padding-bottom: 0 !important;
    }

    .document-block .document-block-item-actions {
        display: block;
        float: left !important;
    }

    .persona-block {
        margin-top: 40px;
    }

    .persona-block .persona-container {
        margin: 0 0 30px 0 !important;
        height: 260px;
    }

    .persona-block .persona-container .persona-image {
        padding-top: 25%;
    }

    .process-block .step-50 {
        width: 100% !important;
        margin-bottom: 20px !important;
    }

    .process-block .steps-container .step .step-tick {
        margin-right: 20px;
    }

    .process-block .steps-container .step .step-tick i,
    .process-block .steps-container .step .step-tick p.process-number {
        width: 50px;
        height: 50px;
        font-size: 20px;
        line-height: 50px;
    }

    .process-block .steps-container .step .step-tick p.process-number {
        font-size: 24px;
    }

    .process-image-block .image-container {
        margin-bottom: 30px;
        padding-left: 15px;
        order: -1 !important;
    }

    .process-image-block .image-container .image {
        height: 260px;
    }

    .promo-block div[class^="col-"] {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .promo-block .image-container {
        order: -1 !important;
    }

    .promo-block .image-container .image {
        height: 215px;
    }

    .promo-block .image-container .image:before,
    .promo-block .image-container .image:after {
        display: none;
    }

    .promo-block .headline,
    .promo-block .headline a {
        width: 100%;
        font-size: 18px;
        font-weight: 700;
        line-height: 28px;
    }

    .reach_footer .linkedin {
        margin-top: 30px;
    }

    .reach_footer .statement_copyright {
        text-align: left;
    }
		
    .reach_contact .col-md-6,
    .reach_contact .col-md-12 {
        padding-right: 0px;
        padding-left: 0px;
    }
	
	.reach_contact .row{
		margin-right: 0;
    	margin-left: 0;
	}

    .reach_contact .contact_form {
        padding: 50px 20px 30px 20px;
    }

    .reach_contact input,
    .reach_contact textarea {
        width: 100%
    }

    .reach_contact hr {
        width: 100%;
    }

    .reach_contact #enquiry-submit input {
        width: 100%
    }

    .reach_contact .our_team {
        padding: 40px 20px;
    }

    .reach_footer .footer_line {
        display: none
    }

    .reach_footer .footer_form .your_name,
    .reach_footer .footer_form .your_role {
        width: 100%
    }

    .reach_footer .footer_form .your_role {
        margin-left: 0px
    }

    .reach_footer .footer_form .your_email {
        width: 100%
    }

    .reach_footer .footer_form button {
        width: 100%;
        margin-left: 0px;
    }

    .reach_footer .footer_form button .submit_text {
        display: inline-block;
        font-size: 18px;
        margin-left: 36px;
    }

    .reach_footer .footer_form button .fa-arrow-right {
        float: right;
        margin-right: 10px
    }

    .reach_footer .header {
        max-width: 100%;
        text-align: center;
        font-size: 26px;
        margin-bottom: 0 !important;
        line-height: 35px;
    }

    .audience_block {
        padding: 0px;
    }

    .audience_block_inner {
        min-height: 300px;
    }
	
	#top-nav .navbar-brand-reach {
		width: 0px;
		height: 60px;
	}

	#top-nav .navbar-brand-reach svg{
		height: 60px;
		width: 65px;
	}

    .reach_home .our_customers {
        padding: 40px 0;
    }

    .reach_home .campaign_planning h4 {
        display: inline-block
    }

    .reach_home .campaign_planning img.hide_mobile {
        display: none;
    }

    .reach_home .campaign_planning img.show_mobile {
        display: inline-block;
        width: 30px;
        margin-right: 12px
    }

    .reach_home .campaign_planning .col-lg-10 {
        margin-bottom: 30px
    }

    .reach_home .campaign_planning {
        padding: 50px 0 0 0;
    }

    .reach_footer {
        padding: 35px 0;
        height: 580px
    }

    .reach_footer .footer_form {
        text-align: center
    }

    .reach_home .hero-block .hero-image .hero-heading {
        color: #ffffff;
        margin-top: 60px;
        font-size: 26px;
    }

    .reach_home .hero-block .hero-image {
        background-image: url(https://uaccms.uac.edu.au/assets/images/Desktop-Header.jpg) !important;
        height: 250px;
        background-color: #fff !important;
    }

    .reach_home .hero-text-container p {
        display: none
    }

    .reach_home .container {
        padding-right: 25px;
        padding-left: 25px;
    }
	
	.reach_home iframe {
		width: 100%;
	}

    .reach_home .data_driven .col-lg-7 {
        margin-top: 50px
    }

    .reach_home .data_driven_bottom {
        margin-top: 0
    }

    .reach_home .data_driven_bottom .col-lg-4 {
        padding-left: 30px;
        border-left: 4px #F4821F solid;
        margin-bottom: 30px;
    }
	.reach_home .audience_block_inner {
		margin: 0;
		padding: 30px 20px;
		min-height: auto;
	}
	.reach_home .audience_button {
		margin: 0;
	}
}

@media screen and (max-width: 768px) {

    .ad-block > div:not(:first-child) {
        position: absolute;
        bottom: -20px;
    }

    .ad-block .ad-block-leaderboard .ad-block-danger iframe {
        width: 320px;
        height: 50px;
    }

    .ad-block .ad-block-billboard .ad-block-danger iframe {
        width: 320px;
        height: 100px;
    }

    .ad-block > div:not(:first-child) p {
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
        left: -40px;
        top: -5px;
        top: -30px;
    }

    .key-dates-block .key-dates-date-container {
        padding: 0px;
        border-radius: 0px;
        background-color: white;
        text-align: left;
        font-size: 18px;
        max-width: 170px;
    }

    #uni_logos,
    .b_line {
        display: none
    }

    .why_us_content_block {
        width: 100%;
    }

    .audience {
        padding: 30px 0 40px 0;
    }

    .work_with_us h1,
    .data_driven h1,
    .audience h1,
    .our_customers h1,
    .campaign_planning h1 {
        font-size: 26px
    }

    .our_customers .col-lg-4 {
        text-align: center
    }

    .customer_quote {
        font-size: 18px
    }

    .customer_quote {
        padding-left: 0
    }

    .our_customers_logo {
        text-align: left
    }

    .our_customers img.hide_mobile {
        display: none;
    }

    .our_customers img.show_mobile {
        display: inline-block;
        width: 30px;
        vertical-align: super;
        margin-right: 12px
    }

    iframe {
        width: 100%;
        height: 280px;
        margin-bottom: 10px
    }

    .reach_home .download_kit {
        width: 100%;
        float: left;
        margin-top: -30px;
        padding: 20px 40px
    }
	
	.reach_home .download_media_kit {
		padding: 20px 10px;
	}

    .reach_home .why_us_content_block {
        height: auto;
		width: 100%;
    }
	.reach_home .why_us_content_block .why_us_num{
        font-size: 44px
    }
	.reach_home .our_customers h1 {
		font-size: 26px;
	}
	.reach_home .customer_quote {
		padding-left: 0;
		font-size: 18px;
    	line-height: 30px;
	}
}

@media (max-width: 575px) {
    .download_kit .font-weight-light {
        display: none
    }
	.reach_home .download_kit {
		padding: 15px 40px;
	}
	.reach_home .download_kit img {
        width: 30px;
    	margin-top: 5px;
    }
	.reach_home .download_kit p{
		line-height: 18px;
	}
	
	.reach_home .download_kit p a{
		font-size: 18px
	}

    .table td,
    .table th {
        display: block;
        width: 100% !important;
    }

    .table td p,
    .table th p {
        margin-bottom: 0 !important;
    }

    .entry-slug-home .hero-block .hero-image .hero-heading {
        display: none;
    }

    .entry-slug-home .hero-block .hero-image {
        background-color: #fff !important;
    }

    .quicklink-text {
        justify-content: flex-start !important;
        text-align: left !important;
    }

    .quicklink-align {
        justify-content: flex-start !important;
    }

    .quicklinks-margin {
        margin-bottom: 0px !important;
    }

    .quicklinks-margin a:hover img,
    .quicklinks-margin a:focus img,
    .quicklinks-margin a:visited img,
    .quicklinks-margin a:active img {
        -moz-transform: none !important;
        -webkit-transform: none !important;
        -o-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
    }

    .shadow-sm {
        box-shadow: none !important;
    }

    .btn-collapsible {
        top: 0px !important;
        transform: scale(0.8);
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .promo-block .image-container .image {
        height: 300px;
        width: 75%;
    }

    .col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}