/*
Theme Name: Twenty Seventeen Child
Theme URI: croydon.gov.uk
description: Twenty Seventeen Child Theme Created for CALAT
Author: David James Hampton
Author URI: https://croydon.gov.uk/
Template: twentyseventeen
Version: 1.2.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain: twentyseventeen-child
*/

/*SVG Fix for image gellery*/
img[src$=".svg"] {
  width: 100% !important;
  height: auto !important;
}

/*GLOBAL STYLE RULES & FIXES*/

/*Remove underline from Twentyseventeen link hovers*/
.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.comment-content a:focus,
.comment-content a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover {
  color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  transition: none;
}

/*Remove underline from Twentyseventeen widgets*/
.widget ul li,
.widget ol li {
  border-bottom: none;
  border-top: none;
  padding: 0;
}

/*LINK FOCUS / SUBMIT FOCUS*/
a:focus,
.post-password-form input[type="submit"]:focus {
  border: 0;
  outline: 2px solid #fdc530;
  outline-offset: 0;
}

/*INPUTS FOCUS*/
/*Header search, gravity form inputs, password form (Staff) */
#header-search input[type="search"]:focus,
.gform_wrapper input[type="text"]:focus,
.gform_wrapper input[type="number"]:focus,
.gform_wrapper input[type="email"]:focus,
.gform_wrapper input[type="submit"]:focus,
.gform_wrapper input[type="radio"]:focus,
.gform_wrapper input[type="checkbox"]:focus,
.gform_wrapper textarea:focus,
.gform_wrapper select:focus,
.post-password-form input[type="password"]:focus {
  border: 0;
  outline: 2px solid #fdc530;
  outline-offset: 0;
  -webkit-box-shadow: inset #212529 0 0 0 2px;
  box-shadow: inset #212529 0 0 0 2px;
}

/*Header search, background on focus */
#header-search input[type="search"]:focus {
  background: #fff !important;
}

/*Reduce padding above headings*/
h1,
h2 {
  margin: 0 0 0.75em !important;
  padding: 1rem 0 0 0 !important;
}

/*Reduce padding above headings*/
h3,
h4,
h5,
h6 {
  margin: 0 0 0.75em !important;
  padding: 1.5rem 0 0 0 !important;
}

/*Apply this class to make h1 titles sentence case - Pt 1 All letters lowercase*/
.sentence-case h1 {
  text-transform: lowercase !important;
}

/*Make titles sentence case - Pt 2 First letter uppercase*/
.sentence-case h1::first-letter {
  text-transform: uppercase !important;
}

/*Remove default padding under widgets*/
.elementor-widget:not(:last-child) {
  margin-bottom: 0 !important;
}

/*Horizontal lines*/
.elementor-divider-separator {
  border-top: 1px solid #d0d5d9 !important;
}

/*Overidde twentyseventeen widget title class*/
h2.widget-title {
  letter-spacing: normal;
}

/*Underline hyperlinks in text editor*/
.elementor-text-editor a {
  text-decoration: underline !important;
  color: #985191;
}

/*Hover style hyperlinks in text editor*/
.elementor-text-editor a:hover {
  color: #310535;
}

/*Wordpress image captions*/
.wp-caption .wp-caption-text {
  text-align: left;
  font-style: normal;
  font-size: 1rem;
  color: #0b0c0c;
}

/*Hide cookie bar on IE Compatability page*/
.page-id-4829 #cookie-law-info-bar,
.page-id-4948 #cookie-law-info-bar {
  display: none !important;
}

/*FOCUS STYLES*/
/*Focus style hyperlinks in text editor | toggle titles, feed links*/
.calat-focus,
.elementor-text-editor a:focus,
.elementor-toggle .elementor-tab-title a:focus,
.elementor-post__text a:focus,
#sidebar-enrol a:focus,
.gform_wrapper .gf_step_active {
  outline: 3px solid transparent !important;
  color: #0b0c0c !important;
  background-color: #ffe16b !important;
  -webkit-box-shadow: 0 -2px #ffd76b, 0 4px #0b0c0c !important;
  box-shadow: 0 -2px #ffe16b, 0 4px #0b0c0c !important;
  text-decoration: none !important;
}

/*Focus style no hover hyperlinks in text editor | toggle titles*/
.calat-focus:hover,
.elementor-text-editor a:focus:hover,
.elementor-toggle .elementor-tab-title a:focus:hover,
.elementor-post__text a:focus:hover,
#sidebar-news h3 a:focus:hover,
#search-results h2 a:focus:hover,
#search-results h2 a:focus {
  text-decoration: none !important;
}

/*Focus fix for links wrapping images - remove from a, also buttons that use <a>*/
.elementor-cta__button:focus {
  border: 0;
  outline: 0;
}
/*Focus fix for links wrapping images - add to image, also buttons that use <a>
.elementor-post__thumbnail__link:focus .elementor-post__thumbnail {
  border: 2px solid #fdc530 !important;
}*/

/*Header logo*/
#site-logo {
  max-width: 230px;
  min-width: 140px;
}

/*MAIN FORMATTING*/
/*Main column give some padding to right hand side of text elements*/
.elementor-col-66 ul,
.elementor-col-66 ol,
.elementor-col-66 ul.elementor-icon-list-items,
.elementor-col-66 h1,
.elementor-col-66 h2,
.elementor-col-66 h3,
.elementor-col-66 h4,
.elementor-col-66 h5,
.elementor-col-66 h6,
.elementor-col-66 p {
  padding-right: 1.875rem;
}

/*Align lists to left edge*/
.elementor-text-editor ul,
.elementor-text-editor ol {
  margin-left: 1.3em;
}

/*Align icon lists to left edge*/
ul.elementor-icon-list-items {
  margin-left: 0.2em !important;
}

/*Icon list icon colour and size*/
ul.elementor-icon-list-items .elementor-icon-list-icon {
  font-size: 1.25rem;
  color: #6f2476;
}

/*Space below list items*/
.elementor-text-editor ul li,
.elementor-text-editor ol li,
ul.elementor-icon-list-items li {
  margin-bottom: 0.5rem;
}

/* SIDEBARS*/

/*Sidebar widget container*/
/*This class is applied to the global widget container in elementor*/
.sidebar-widget {
  margin-bottom: 1.875rem !important;
}

/*Sidebar - space between widgets*/
aside.widget {
  padding-bottom: 1rem;
}

/*Sidebar - space between widgets*/
section.widget {
  padding-bottom: 0;
}

/*Sidebar h2s the size of h3s*/
/*This class is applied to the global widget container in elementor*/
.sidebar-widget h2 {
  font-size: 1.5rem !important;
}

/* SIDEBAR NEWS FEED*/

#sidebar-news h3 {
  padding-top: 0 !important;
  margin-bottom: 0 !important;
}

#sidebar-news h3 a {
  color: #0b0c0c !important;
  font-weight: 600;
}

#sidebar-news h3 a:hover {
  color: #0b0c0c !important;
  text-decoration: underline !important;
}

/* SIDEBAR ENROL*/
#sidebar-enrol a {
  text-decoration: underline;
  font-weight: 600;
}

#sidebar-enrol h2 {
  padding-top: 0 !important;
}

#sidebar-enrol .elementor-cta__button {
  text-decoration: none;
}

/* SIDEBAR QUICK LINKS*/
#quick-links-sidebar a {
  padding: 0 0 0.5rem 1.25rem;
  line-height: 1.4em;
  text-decoration: underline;
  font-family: "Montserrat", Sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
}

#quick-links-sidebar a:hover {
  color: #6f2476;
}

#quick-links-sidebar a::before {
  display: inline-block;
  width: 15px;
  padding: 0 0.5rem 0 0;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 1.125rem;
  content: "\f054";
  color: #067e93;
  opacity: 1;
  position: absolute;
  top: 2px;
  left: 0;
  background: none;
}

/*MAINTENANCE ALERT*/

/*Maintenance alert spacing*/
#maintenance-alert .elementor-alert,
#maintenance-alert .elementor-alert-info,
#maintenance-alert .elementor-alert-danger,
#maintenance-alert .elementor-alert-warning {
  padding: 1rem 0 0.5rem 0 !important;
  margin: 0 !important;
}

/*TOGGLE*/
/*Toggle Container*/
.elementor-toggle {
  margin-top: 0;
  margin-bottom: 1.25rem !important;
}

/*Toggle - Tab title padding*/
.elementor-toggle .elementor-tab-title {
  padding: 0.5rem 0 !important;
  margin-bottom: 0 !important;
}

/*Toggle - Force the heading colour*/
.elementor-toggle .elementor-tab-title a {
  color: #6f2476;
  text-decoration: none;
  line-height: 1.7em;
}

/*Toggle - Title hover on container*/
.elementor-toggle .elementor-tab-title:hover a {
  text-decoration: underline;
}

/*Toggle - Title hover*/
.elementor-toggle .elementor-tab-title a:hover {
  color: #501755;
  text-decoration: underline;
}

/*Toggle - Force the icon right*/
.elementor-toggle .elementor-tab-title .elementor-toggle-icon.elementor-toggle-icon-left {
  float: none !important;
}

/*Toggle - Force the open icon to a minus*/
.elementor-toggle-icon-opened i:before {
  content: "\f068" !important;
  color: #067e93;
  font-size: 1.375rem !important;
}

/*Toggle - Force the closed icon to a plus*/
.elementor-toggle-icon-closed i:before {
  content: "\f067" !important;
  color: #067e93;
  font-size: 1.125rem !important;
}

/*Toggle - Remove horizontal padding from content*/
.elementor-tab-content {
  padding: 0.3rem 0 1rem 0 !important;
}

/*Toggle - Align lists to left edge*/
.elementor-tab-content ul,
.elementor-tab-content ol {
  margin-left: 1.3em;
}

/*Toggle - Space below list items*/
.elementor-tab-content ul li,
.elementor-tab-content ol li {
  margin-bottom: 0.5rem;
}

/*Toggle - Ensure paragraphs knock onto new lines*/
.elementor-tab-content p,
.elementor-tab-content ul {
  clear: both;
}

/*Toggle - Ensure paragraphs knock onto new lines*/
.elementor-tab-content img {
  margin-bottom: 20px;
}

/*Toggle - Ensure links are underlined*/
.elementor-tab-content p a {
  text-decoration: underline;
}

/*TWENTYSEVENTEEN DEFAULT TEMPLATE FIX*/

/*Twentyseventeen page wrap to match elementor*/
.wrap {
  max-width: 1140px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

/*Replicate elementor side bar width in index.php(used on posts page)*/
.twentyseventeen-sidebar {
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding: 0;
}

/*FOOTER*/

/*Tagline in footer */
#footer-tagline h2 {
  padding-right: 3em !important;
  padding-top: 0 !important;
}

/*Tagline in footer a*/
#footer-tagline span {
  color: #fdc530;
  padding-right: 5px;
}

/*Remove unwanted padding from footer Ps*/
#footer-b p {
  margin-bottom: 0 !important;
  padding-right: 0;
}

/*AUTO MENU SHORTCODE WIDGET*/
/*Auto menu container*/
#auto-menu {
}

/*Auto menu h2 parent*/
#auto-menu h2 a {
  color: #0b0c0c !important;
}

/*Auto menu h2 parent hover*/
#auto-menu h2 a:hover {
  text-decoration: underline;
}

/*Auto menu list child pages*/
#auto-menu ul {
  list-style: none !important;
  font-family: "Montserrat", sans-serif !important;
  font-size: 1.1875rem !important;
  font-weight: 600 !important;
}

/*Auto menu list items*/
#auto-menu li {
  margin: 0;
  padding: 0.5rem 0 0 0;
  border-bottom: 1px solid #dddddd;
  border-top: 0;
  font-size: 1.1rem;
  line-height: 1.4em;
}

/*Auto menu list links*/
#auto-menu li a {
  color: #067e93 !important;
  text-decoration: underline;
  margin-bottom: 0.5rem;
  display: block;
}

/*Auto menu list links
#auto-menu li a:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 80%;
  content: "\f054";
  margin-right: 5px;
  color: #6f2476 !important;
  display: inline-block;
  text-decoration: none !important;
}*/

/*Auto menu list links hover*/
#auto-menu li a:hover {
  color: #6f2476 !important;
  text-decoration: underline;
}

/*Auto menu list links current page hover*/
#auto-menu .current_page_item a:hover {
  color: #6f2476 !important;
}

/*Auto menu list links current page*/
#auto-menu .current_page_item > a:first-child {
  color: #6f2476 !important;
  text-decoration: none;
}

/*Auto menu Child and grandchild pages*/
#auto-menu .children {
  margin: 0.8rem 0;
}

/*Cildren and grand children li no border and indent*/
#auto-menu .children li {
  font-size: 1rem !important;
  border: 0 !important;
  padding: 0;
}

/*Cildren and grand children links*/
#auto-menu .children li a {
  font-weight: 500;
  color: #0b0c0c !important;
  margin-bottom: 0.5rem;
}

/*No margin on children ul*/
#auto-menu .children ul {
  margin: 0;
}

/*Dash before chilren and grandchildren
#auto-menu .children li:before {
  content: "-";
  position: absolute;
  left: 4px;
  font-size: 1rem !important;
  color: #0b0c0c;
  font-weight: 500;
}*/

/*No border on last page li*/
#auto-menu li:last-child {
  border-bottom: 0 !important;
}

/*AUTO SPACE ABOVE AND BELOW VIDEOS*/
.elementor-widget-video {
  margin: 2rem 0;
  padding: 0 0 2rem 0;
}

/*CUSTOM SKIP TO MAIN*/

/*Skip to main button container*/
#skip-main-widget {
  margin: 0;
}

/*Skip to main button poistion off screen*/
.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 main button visible*/
.skip-to-content.offscreen:focus {
  position: relative;
  display: inline-block;
  height: auto;
  width: auto;
  padding: 0.3rem 1rem;
  margin: 0 0 1rem 0;
  overflow: visible;
  font-size: 1.125rem;
  clip-path: none;
  outline: 3px solid transparent !important;
  color: #0b0c0c !important;
  background-color: #ffe16b !important;
  -webkit-box-shadow: 0 -2px #ffd76b, 0 4px #0b0c0c !important;
  box-shadow: 0 -2px #ffe16b, 0 4px #0b0c0c !important;
  text-decoration: none !important;
}

/*Enrol link*/
#learner-menu .enrol-now a {
  background-color: #067e93;
  padding: 10px;
  border-left: 0 !important;
  border-radius: 10px;
  margin: 10px;
  height: auto !important;
}

/*Force rounded on enrol link container*/
#learner-menu .enrol-now a:before {
  border-radius: 10px !important;
}

/*Enrol link hover*/
#learner-menu .enrol-now a:hover,
#learner-menu .enrol-now a:focus {
  background-color: #fdc530;
  color: #0b0c0c;
}

/*No outline focus on menu*/
/* #learner-menu li:focus,
#learner-menu li a:focus {
  outline: 0 !important;
  background-color: #fdc530;
  box-shadow: 0 0 0 0.125rem #009bff;
} */

/*FOOTER*/

#footer-logos a:hover {
  -webkit-transition: none;
  transition: none;
}

#footer-logos a:focus .uael-grid-img-thumbnail {
  border: 2px solid #fdc530 !important;
}

/*HOMEPAGE QUICK LINKS*/

/*Remeove elementor clear classes before and after quick links*/
#hp-quick-links .uael-nav-menu:after,
#hp-quick-links .uael-nav-menu:before {
  display: none !important;
}

/*Quick links make 100% width*/
#hp-quick-links .uael-nav-menu,
nav,
#hp-quick-links ul,
#hp-quick-links li {
  width: 100%;
}

/*Quick links - List item style*/
#hp-quick-links li {
  display: flex;
  padding: 0;
  margin: 0 0 1rem 0;
}

/*Quick links - Link style*/
#hp-quick-links a {
  background: #ffffff;
  border-radius: 6px;
  width: 100%;
  float: left;
  padding: 1rem 2.5rem 1rem 1rem;
  margin: 0;
  font-weight: 700;
  font-family: "Montserrat", Sans-serif;
  font-size: 1.0625rem;
  line-height: 1.5em;
  -webkit-box-shadow: 0px 0px 11px 4px rgba(228, 225, 234, 0.99);
  box-shadow: 0px 0px 11px 4px rgba(228, 225, 234, 0.99);
}

/*Quick links - Hide sub item toggle*/
#hp-quick-links a span {
  display: none;
}

/*Quick links - Chevron icon */
#hp-quick-links a::after {
  display: inline-block;
  width: 10%;
  padding: 1rem 0;
  text-align: right;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 1.125rem;
  content: "\f054";
  color: #067e93;
  opacity: 1;
  position: absolute;
  right: 1rem;
  background: none;
}

/*Quick links - Link hover style*/
#hp-quick-links a:hover {
  background: #6f2476;
  color: #ffffff;
  text-decoration: underline;
}

/*Quick links - Link hover chevron style*/
#hp-quick-links a:hover::after {
  color: #fdc530;
  text-decoration: none;
}

/*Quick links - Link focus style*/
#hp-quick-links a:focus {
  border: 0;
  outline: none;
  background: #fdc530;
  color: #000000;
  text-decoration: underline;
}

/*Quick links - Link hover focus chevron style*/
#hp-quick-links a:focus::after {
  color: #0b0c0c;
  text-decoration: none;
}

/*CUSTOM FEEDBACK FORM*/

/*Hide feedback form on feebback page*/

.page-id-4316 #feedback-form {
  display: none !important;
}

/*Container for the feedback form trigger bar*/
#feedback-form {
  width: 100%;
  background: #6f2476;
  margin: 0;
  padding: 0.9375rem; /*15px*/
}

#feedback-form-header h2 {
  font-size: 1.125rem;
  color: #ffffff;
  font-weight: 500;
  margin: 0;
  padding: 0 1.875rem 0 0 !important;
  margin: 0 !important;
}

#feedback-form-header h2 a {
  color: #fdc530;
  text-decoration: underline;
}

.feedback-icon-trigger {
  color: #ffffff;
  font-size: 1.875rem; /*30px*/
  position: absolute;
  right: 0.9375rem; /*15px*/
  top: 0.75rem; /*12px*/
}

.feedback-icon-trigger:hover {
  color: #fdc530;
  cursor: pointer;
}

.flip {
  transform: rotate(180deg);
}

.show {
  display: block !important;
}

#feedback-form-header h2 span {
  font-size: 0.9375rem; /*15px*/
  background: #067e93;
  font-weight: 700;
  color: #ffffff;
  padding: 0.125rem 0.3125rem; /*2px 5px*/
  margin: 0 0.125rem 0 0; /*0 2px 0 0*/
}

.feedback-form-wrapper {
  width: 100%;
  background: #fff;
  margin: 0.9375rem 0 0 0; /*15px 0 0 0*/
  padding: 0.9375rem; /*15px*/
}

/*Fix alignemnt of check box label (opt in)*/
input[type="checkbox"] + label {
  display: inline;
}

/*GRAVITY FORM HEADINGS*/

.gform_wrapper h1,
.gform_wrapper h2,
.gform_wrapper h3,
.gform_wrapper h4,
.gform_wrapper h5,
.gform_wrapper h6 {
  font-weight: 700 !important;
}

/*GRAVITY FORM GENERAL VALIDATION*/

/*Top of page alert*/
.gform_wrapper div.validation_error {
  color: #b90034 !important;
  font-size: 1.1875rem !important;
  border: 2px solid #b90034 !important;
  padding: 1rem !important;
}

/*Field validation backgrounds*/
.gform_wrapper li.gfield.gfield_error,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  background: none !important;
  margin-bottom: 6px !important;
  border: 0 !important;
  padding-bottom: 0 !important;
}

/*Field validation labels*/
.gform_wrapper .gfield_error .gfield_label {
  color: #0b0c0c !important;
}

/*Field validation label asterisk*/
.gform_wrapper .gfield_required {
  color: #b90034 !important;
}

/*Field validation messages*/
.gform_wrapper .validation_message {
  color: #b90034 !important;
  font-size: 1.1875rem !important;
  border-left: #b90034 solid 3px !important;
  padding: 1rem 0 0 1rem !important;
}

/* GForm Success message*/
.gform_confirmation_message {
  color: #1b8322 !important;
  font-weight: 700 !important;
}

/*GForm Button padding*/
.gform_wrapper button,
.gform_wrapper input[type="button"],
input[type="submit"] {
  border-radius: 6px !important;
  padding: 0.7em 2em;
}

/*ALERTS*/
/*Alerts containers*/
.elementor-alert-info,
.elementor-alert-warning,
.elementor-alert-success,
.elementor-alert-danger {
  padding: 1.25rem 1.25rem 0.9375rem 1.25rem !important;
  margin: 0.625rem 0 1.25rem 0 !important;
}

/*Alerts container info*/
.elementor-alert-info {
  background: #d6eaee !important;
  border: 0 !important;
  color: #0b0c0c !important;
}

/*Alerts container warning*/
.elementor-alert-warning {
  background: #ec6753 !important;
  border: 0 !important;
  color: #0b0c0c !important;
}

/*Alerts warning link*/
.elementor-alert-warning a,
.elementor-alert-warning a:hover,
.elementor-alert-warning a:focus {
  color: #0b0c0c !important;
}

/*Alerts container success*/
.elementor-alert-success {
  background: #1b8322 !important;
  border: 0 !important;
  color: #ffffff !important;
}

/*Alerts success link*/
.elementor-alert-success a,
.elementor-alert-success a:hover,
.elementor-alert-success a:focus {
  color: #ffffff !important;
}

/*Alerts container danger*/
.elementor-alert-danger {
  background: #b90034 !important;
  border: 0 !important;
  color: #ffffff !important;
}

/*Alerts danger link*/
.elementor-alert-danger a,
.elementor-alert-danger a:hover,
.elementor-alert-danger a:focus {
  color: #ffffff !important;
}

/*Alerts titles*/
.elementor-alert-title {
  display: block;
  font-family: "Montserrat", sans-serif !important;
  font-size: 1.3125rem !important;
  font-weight: 700 !important;
  padding: 0 1.875rem 0.625rem 0 !important;
}

/*Alerts description*/
.elementor-alert-description {
  display: block;
  font-family: "Montserrat", sans-serif !important;
  font-size: 1.0625rem !important;
  font-weight: 500 !important;
  padding: 0 1.875rem 0.625rem 0 !important;
}

/*Alerts description links*/
.elementor-alert-description a,
.elementor-alert-description a:hover {
  text-decoration: underline !important;
}

/*Alerts dismiss X*/
.elementor-alert button.elementor-alert-dismiss {
  font-size: 2rem !important;
  margin-top: -5px;
}

/*TABLES*/

/*Table no border and font size*/
.uael-table {
  border: none;
  font-size: 1.0625rem !important;
  margin-bottom: 1.25rem !important;
}

/*Remove verticals and outer table borders*/
.uael-table-col {
  border: none !important;
}

/*Remove odd row backgrounds*/
.uael-table tr:nth-child(odd) {
  background: none !important;
}

/*Set border bottom on table head*/
.uael-table thead tr {
  border-bottom: 1px solid #0b0c0c !important;
}

/*Set border bottom on rows*/
.uael-table tr {
  border-bottom: 1px solid #d4d4d4 !important;
}

/*Remove borders from tds*/
tr.uael-table-row td {
  border-bottom: none !important;
}

/*Remove left padding from td and th*/

tr.uael-table-row td,
tr.uael-table-row th {
  padding: 0.6rem 0 !important;
}

/*GRAVITY FORM TAB - STEPS*/

/*Steps wrapper*/
.gform_wrapper .gf_page_steps {
  margin: 0 0 2rem 0 !important;
  border-bottom: 0 !important;
  background: #f0f0ef;
  padding: 1rem !important;
}

/*Step*/
.gform_wrapper .gf_step {
  opacity: 1 !important;
  margin: 10px 20px 10px 0 !important;
  height: auto !important;
  padding: 3px !important;
}

/*Step label text*/
.gform_wrapper .gf_step_label {
  font-size: 1rem !important;
  font-weight: 600 !important;
  color: #067e93;
  opacity: 1;
}

/*Step number text*/
.gform_wrapper .gf_step_number {
  font-size: 1rem !important;
  font-weight: 600 !important;
  color: #067e93;
}

/*Step active number and label*/
.gform_wrapper .gf_step_active .gf_step_number,
.gform_wrapper .gf_step_active .gf_step_label {
  font-weight: 700 !important;
  color: #0b0c0c;
}

/*Footer containing step buttons*/
.gform_wrapper .gform_page_footer {
  margin: 3rem 0 0 0 !important;
  border-top: 1px solid #d4d4d4 !important;
  padding: 1rem 0 0 0 !important;
}

/*TABLE OF CONTENTS*/

/*Toc - Container*/
.elementor-widget-table-of-contents .elementor-widget-container {
  border: 0 !important;
}

/*Toc - Header*/
.elementor-toc__header {
  padding: 0 0 0.9375rem 0 !important;
  border-bottom: 1px solid #d4d4d4 !important;
}

/*Toc - Title*/
.elementor-toc__header-title {
  padding-top: 0 !important;
  margin-bottom: 0 !important;
}

/*Toc - Body*/
.elementor-toc__body {
  padding: 1rem 0 !important;
}

/*Toc - Body links*/
.elementor-toc__body a {
  color: #067e93 !important;
  text-decoration: underline !important;
  font-family: "Montserrat", sans-serif !important;
  font-size: 1.0625rem !important;
  font-weight: 600 !important;
}

/*Toc - Body links*/
.elementor-toc__body a:hover {
  color: #6f2476 !important;
  text-decoration: underline !important;
}

/*Toc - Body links active*/
.elementor-toc__body a.elementor-item-active {
  color: #6f2476 !important;
  text-decoration: none !important;
}

/*Toc - Toggle icon*/
.elementor-toc__toggle-button {
  color: #6f2476 !important;
}

/*Toc - Remove numbers*/
.elementor-toc__list-item-text-wrapper:before {
  display: none;
}

/*BLOCK QUOTES*/

/*Block quote container*/
.elementor-blockquote--skin-border .elementor-blockquote {
  border-color: #067e93 !important;
  border-left: 5px #067e93 !important;
  border-style: solid !important;
  background: #e7f2f4;
  font-size: 1.0625rem;
  padding: 1.5rem 1.0625rem 1.5rem 1.5rem !important;
  color: #0b0c0c;
  margin-bottom: 1.25rem !important;
}

/*Block quote footer*/
.elementor-blockquote--skin-border .elementor-blockquote footer {
  color: #fff;
}

/*Block quote footer and cite*/
.elementor-blockquote--skin-border .elementor-blockquote footer,
.elementor-blockquote--skin-border .elementor-blockquote footer cite {
  margin-top: 0 !important;
}

/*BUTTONS*/

/*Default button and CTA button*/
.elementor-widget-button .elementor-button-link,
.elementor-cta--skin-classic .elementor-cta__button.elementor-button,
.elementor-cta--skin-cover .elementor-cta__button.elementor-button {
  background: #6f2476;
  color: #ffffff;
  margin-bottom: 1.25rem;
  line-height: 1.5em;
  font-weight: 700 !important;
  border: 0;
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

/*CTA button text colour*/
.elementor-cta--skin-classic .elementor-cta__button.elementor-button,
.elementor-cta--skin-cover .elementor-cta__button.elementor-button {
  color: #ffffff !important;
}

/*Default button hover and focus*/
.elementor-widget-button:hover .elementor-button-link:hover,
.elementor-widget-button:focus .elementor-button-link:focus,
.elementor-cta--skin-classic .elementor-cta__button.elementor-button:hover,
.elementor-cta--skin-cover .elementor-cta__button.elementor-button:hover {
  background: #985191;
}

/*Info button reset*/
.elementor-element.elementor-button-info .elementor-button {
  background: #ffffff;
}

/*Info button*/
.elementor-widget-button.elementor-button-info .elementor-button-link {
  background-color: #ffffff !important;
  color: #6f2477 !important;
  padding: 0;
  margin: 1.5rem 0;
  text-align: left;
  text-decoration: underline;
  border-radius: 0;
}

/*Info button hover and focus*/
.elementor-widget-button.elementor-button-info:hover .elementor-button-link,
.elementor-widget-button.elementor-button-info:focus .elementor-button-link {
  color: #985191 !important;
}

/*Info button icon*/
.elementor-widget-button.elementor-button-info .elementor-button-link::before {
  display: block;
  float: left;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 90%;
  content: "\f054";
  color: #067e93;
  padding: 0 0.5rem 0 0;
  text-decoration: none;
}

/*Warning button*/
.elementor-widget-button.elementor-button-warning .elementor-button-link {
  background: #ec6753 !important;
  color: #0b0c0c !important;
}

/*Warning button hover and focus*/
.elementor-widget-button.elementor-button-warning .elementor-button-link:hover,
.elementor-widget-button.elementor-button-warning .elementor-button-link:focus {
  background: #ff7e5d !important;
}

/*Danger button*/
.elementor-widget-button.elementor-button-danger .elementor-button-link {
  background: #b90034 !important;
  color: #ffffff !important;
}

/*Danger button hover and focus*/
.elementor-widget-button.elementor-button-danger .elementor-button-link:hover,
.elementor-widget-button.elementor-button-danger .elementor-button-link:focus {
  background: #d60a44 !important;
}

/*Success button*/
.elementor-widget-button.elementor-button-success .elementor-button-link {
  background: #1b8322 !important;
  color: #ffffff !important;
}

/*Success button hover and focus*/

.elementor-widget-button.elementor-button-success .elementor-button-link:hover,
.elementor-widget-button.elementor-button-success .elementor-button-link:focus {
  background: rgb(140, 209, 84) !important;
}

/*CTA button focus border*/
.elementor-cta__button.elementor-button:focus,
.elementor-cta__button.elementor-button:focus {
  border: 2px solid #fdc530 !important;
}

/*CTA BOXES*/

/*CTA box wrapper*/
.elementor-cta__content {
  padding: 1rem 1.5rem !important;
  background: #ededf1 !important;
}

/*CTA title*/
.elementor-cta__content .elementor-cta__title {
  color: #0b0c0c !important;
  margin-bottom: 1rem !important;
}

/*CTA descriptions*/
.elementor-cta__content .elementor-cta__description {
  color: #0b0c0c !important;
  margin-bottom: 1.5rem !important;
}

/*CTA content margin under*/
.elementor-cta {
  margin-bottom: 2rem;
}

/*Remove transitions on CTA hover*/
.elementor-cta__bg,
.elementor-cta__bg-overlay {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

/*Remove overlay colour on hover*/
.elementor-cta__bg-overlay {
  z-index: 0 !important;
}

/*CTA colour themes by ID*/

/*CTA Turquoise*/
#cta-turquoise .elementor-cta__content {
  background: #067e93 !important;
}
/*CTA Turquoise content*/
#cta-turquoise .elementor-cta__title,
#cta-turquoise .elementor-cta__description {
  color: #ffffff !important;
}

/*CTA Turquoise Tint*/
#cta-turquoise-tint .elementor-cta__content {
  background: #d6eaee !important;
}

/*CTA Purple*/
#cta-purple .elementor-cta__content {
  background: #6f2476 !important;
  color: #ffffff !important;
}

/*CTA Purple content*/
#cta-purple .elementor-cta__title,
#cta-purple .elementor-cta__description {
  color: #ffffff !important;
}

/*CTA Purple button*/
#cta-purple .elementor-cta__button {
  background: #0b0c0c;
}

#cta-purple .elementor-cta__button:hover,
#cta-purple .elementor-cta__button:focus {
  background: #985191;
}

/*CTA Yellow*/
#cta-yellow .elementor-cta__content {
  background: #fdc530 !important;
}

/*HOMEPAGE HERO BANNER*/

/*Hide breadcrumbs on homepage*/
.home #breadcrumb-bar {
  display: none;
}

/*Breadcrumb links*/
#breadcrumb-bar a {
  text-decoration: underline;
}

/*Heading 1*/
#calat-banner h1 {
  font-size: 1.875rem;
  color: #ffffff;
  margin: 0 !important;
  padding: 30px 0 0 0 !important;
}
/*Heading 1 spans*/
#calat-banner h1 span {
  float: left;
  clear: both;
  padding: 0.5rem 0.8rem;
  white-space: nowrap;
  line-height: 1.3em;
}

#calat-banner h1 .banner-text-green {
  background: #1b8322;
}
#calat-banner h1 .banner-text-red {
  background: #ec6753;
}
#calat-banner h1 .banner-text-blue {
  background: #006bb6;
}

/*HOMEPAGE BUTTONS*/

/*Homepage cta button wrapper*/
.hp-button {
  overflow: hidden;
  display: flex;
  justify-content: start;
  top: -30px;
  background: #ffffff !important;
  height: 100%;
  align-items: center;
  border-bottom: 1px solid #d0d5d9;
}

/*Homepage cta button a*/
.hp-button a {
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
  padding: 0 50px 0 15px !important;
  margin: 0 !important;
  background: none !important;
  color: #0b0c0c !important;
  text-align: left;
  line-height: 1.5em;
  font-size: 1.125rem;
  min-height: 120px;
}

/*Homepage cta button icons and circles*/
.hp-button a::after {
  display: inline-table;
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 1.5rem;
  content: "\f054";
  color: #fff;
  border-radius: 50%;
  padding: 83px 26px;
  width: 200px;
  height: 200px;
  right: -150px;
  text-align: left;
}

/*Homepage cta button green bg circle*/
.hp-button-green a::after {
  background: #1b8322;
}

/*Homepage cta button red bg circle*/
.hp-button-red a::after {
  background: #ec6753;
}

/*Homepage cta button blue bg circle*/
.hp-button-blue a::after {
  background: #006bb6;
}

/*Homepage cta button a hover*/
.hp-button a:hover,
.hp-button a:focus {
  text-decoration: underline;
  outline: 0;
}

/*Homepage cta buttons after hover*/
.hp-button-green a:hover::after,
.hp-button-green a:focus::after,
.hp-button-red a:hover::after,
.hp-button-red a:focus::after,
.hp-button-blue a:hover::after,
.hp-button-blue a:focus::after {
  filter: brightness(120%);
}

/*Homepage cta buttons full width*/
.hp-button-full {
  top: -15px !important;
}

/*Homepage cta buttons full width h2*/
.hp-button-full h2 {
  font-size: 1.375rem !important;
}

/* SEARCH PLACEHOLDERS*/

/*  Home and search page search placeholder] */

/* Search bar placeholder text */
.elementor-search-form__input::placeholder {
  /*  Chrome, Firefox, Opera, Safari 10.1+*/
  color: #0b0c0c !important;
  opacity: 1 !important; /*Firefox*/
}

/* Search bar placeholder text  */
.elementor-search-form__input:-ms-input-placeholder {
  /* Internet Explorer 10-11*/
  color: #0b0c0c !important;
}

/*  Search bar placeholder text*/
.elementor-search-form__input::-ms-input-placeholder {
  /* Microsoft Edge*/
  color: #0b0c0c !important;
}

/*HOMEPAGE POSTS FEEDS*/

/*Keyline under feed items*/
#home-grid-feed article {
  padding-bottom: 0;
  border-bottom: 0;
}

/* News item headlines no padding top*/
#home-grid-feature h3,
#home-grid-feed h3 {
  padding-top: 0 !important;
}

/* News item padding for headline and text*/
#home-grid-feature h3,
#home-grid-feature p {
  padding-right: 1rem !important;
}

/* Hover underline on feed headline hovers*/
#home-grid-feature article a:hover,
#home-grid-feed article a:hover {
  text-decoration: underline;
}

/* Set feature news item to show stacked on mobile*/
#home-grid-feature article {
  flex-direction: column !important;
}

/* Set feature news image to show first on mobile and links to wrap image height*/
#home-grid-feature .elementor-post__thumbnail__link {
  border: 0;
  margin: 0 0 1rem 0;
  height: min-content;
}

/* Set feed news image links to wrap image height */
#home-grid-feed .elementor-post__thumbnail__link {
  height: min-content;
}

/* Focus style on thumbnail links */
.elementor-post__thumbnail__link:focus {
  border: 0;
  border-bottom: 3px solid #fdc530 !important;
  outline: 0;
  outline-offset: 0;
}

/*HOMEPAGE HEADER SEARCH DESKTOP*/

/*Input container allow outline to show*/
.elementor-search-form__container {
  overflow: visible !important;
}

/*Input*/
#header-search input[type="search"] {
  border: 0;
  border-radius: 0;
  background: #e6e9eb;
  color: #0b0c0c;
}

/*Button*/
#header-search button {
  border: 0;
  border-radius: 0;
  background: #e6e9eb;
  color: #0b0c0c;
}

/*Button hover*/
#header-search button:hover {
  color: #6f2476 !important;
}
/*Button focus*/
#header-search button:focus {
  color: #6f2476 !important;
  border: 0;
  outline: 2px solid #fdc530;
  outline-offset: 0;
}

/*MAIN LEARNER NAVIGATION*/

/*Remove transitions*/
#learner-menu,
#learner-menu ul ul li {
  -o-transition: none !important;
  transition: none !important;
}

/*Sub menu indicator colour*/
#learner-menu a .sub-arrow {
  color: #fdc530;
}

/*Sub menu indicator hover colour*/
#learner-menu a:hover .sub-arrow,
#learner-menu .highlighted .sub-arrow,
#learner-menu .current_page_item .sub-arrow {
  color: #6f2476 !important;
}

/*Border left on menu items and height fix*/
#learner-menu ul li a {
  border-left: 1px solid #531759;
  height: 100%;
}

/*Swap border left for border bottom on sub menu items*/
#learner-menu ul ul li a {
  border-left: 0;
  border-bottom: 1px solid #531759;
}

/*Enrol link*/
#learner-menu .enrol-now a {
  background-color: #208188;
  padding: 10px;
  border-left: 0 !important;
  border-radius: 10px;
  margin: 10px;
  height: auto !important;
}

/*Force rounded on enrol link container*/
#learner-menu .enrol-now a:before {
  border-radius: 10px !important;
}

/*Enrol link hover*/
#learner-menu .enrol-now a:hover {
  background-color: #fdc530;
  color: #0b0c0c;
}

/*CALAT NAVIGATION (TOP RIGHT)*/

/*Remove unwanted right padding*/
#calat-menu ul {
  padding-right: 0 !important;
}
/*Last link style as log in*/
#calat-menu ul li:last-child a {
  font-weight: 700;
  color: #067e93;
}

/*Last link style as log in*/
#calat-menu ul li:last-child a:hover,
#calat-menu ul li:last-child a:focus {
  font-weight: 700;
  color: #6f2476;
}

/*Last link style as log in + user icon*/
#calat-menu ul li:last-child a:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f007";
  margin-right: 5px;
  display: revert;
  clear: none;
  opacity: 1;
  height: auto;
  width: auto;
  position: relative;
  bottom: auto;
  background: none;
}

/*GOOGLE TRANSLATE PLUG IN */

/*Translate wrapper*/
#translate {
  width: 100%;
}

#google_translate_element {
  width: 110px;
  overflow: hidden;
  margin: 0 0 0 auto;
}

/*Hide original google logo*/
#google_translate_element span {
  display: none !important;
}

/*Translate select box*/
#google_translate_element select {
  font-size: 0.7rem !important;
  margin: 0 0 0.4rem 0;
  height: 30px;
}

/*Add google logo G*/
#google_translate_element::before {
  display: block;
  content: "";
  position: absolute;
  right: 110px;
  top: 50%;
  width: 14px;
  height: 14px;
  margin: -10px 0.3rem 0 0;
  background: url(img/google-icon.svg) no-repeat;
  background-size: 13px 13px;
}

/*Finesse button style
.goog-te-gadget-simple {
  display: inline-block;
  border-left: 1px solid #c5c5c5 !important;
  border-top: 1px solid #c5c5c5 !important;
  border-bottom: 1px solid #c5c5c5 !important;
  border-right: 1px solid #c5c5c5 !important;
  border-radius: 25px;
  font-size: 0.8rem !important;
  padding: 0 0.5rem;
  margin-right: 7px;
  text-transform: lowercase;
}*/

/*First letter uppercase */
#google_translate_element span {
  display: inline-block;
}

/*First letter uppercase */
#google_translate_element span::first-letter {
  text-transform: uppercase !important;
}

/*Translate select focus */
.goog-te-combo:focus {
  border: 2px solid #fdc530;
  outline-offset: 0;
}

/*HOMEPAGE GRAVITY FORM SIGN UP*/

/*Signup form container*/
#signup {
}

/*Signup form container*/
#signup .gform_wrapper {
  margin: 0;
}

/*Signup form labels and asterisks*/
#signup .gform_wrapper label,
#signup .gform_wrapper label .gfield_required {
  color: #ffffff !important;
}

/*Signup form button*/
#signup input[type="submit"] {
  background: #0b0c0c !important;
  margin-bottom: 0;
}

/*Signup form email input container*/
#signup .signup-left {
  vertical-align: top;
  width: auto !important;
  margin: 0 0 1rem 0;
  float: none !important;
  display: -moz-inline-stack;
  display: inline-block;
  width: 100% !important;
}

/*Signup form email input*/
#signup .signup-left input {
  width: 100%;
  margin-right: 0;
  font-size: 1.25rem;
  border: 0;
}

/*Signup form opt in container*/
#signup .signup-right {
  vertical-align: top;
  width: auto !important;
  margin: 0;
  padding-right: 16px;
  float: none !important;
  display: -moz-inline-stack;
  display: inline-block;
  width: 100% !important;
}

/*Signup form opt in text*/
#signup .signup-right .ginput_container_consent {
  margin-top: 0;
}

#signup .signup-right .ginput_container_consent label {
  font-size: 1rem;
  display: inline;
}

/*Signup form opt in text link*/
#signup .signup-right .ginput_container_consent label a {
  text-decoration: underline !important;
}

/*Signup form submit container*/
#signup .gform_footer {
  margin: 0 !important;
}

/*Signup form validation messages*/
#signup .gform_wrapper li.gfield.gfield_error {
  margin: 0 !important;
  padding-top: 0 !important;
}

/*Signup form validation messages remove padding*/
#signup .field_description_below {
  padding-top: 0 !important;
}

/*Signup form general validation message above form*/
#signup .validation_error {
  display: none !important;
}

/*Field validation messages*/
#signup .validation_message {
  color: #fdc530 !important;
  font-size: 1.1875rem !important;
  border-left: #fdc530 solid 3px !important;
  padding: 1rem 0 0 1rem !important;
  margin-top: 0.8rem;
}

/*Success message*/
#signup .gform_confirmation_message {
  color: #fdc530 !important;
  font-weight: 700 !important;
}

/*PASSWORD PROTECTED PAGE FORM*/
/*Custom positioning for password protect form*/
.post-password-form {
  max-width: 1130px;
  margin: 0 auto;
  padding: 30px 33% 0 15px;
}

/*Password form input margins*/
.post-password-form input[type="password"],
.post-password-form input[type="submit"] {
  margin-bottom: 20px;
}

/*Password form input margins*/
.post-password-form label {
  font-weight: 700 !important;
  margin: 20px 0 0 0;
}

/*CONTACT PAGE TABS DESKTOP*/

/*Tabs container*/
#centres-tabs .elementor-tabs-wrapper {
  border-bottom: 1px solid #d0d5d9 !important;
  margin-bottom: 15px;
}

/*Tabs default*/
#centres-tabs .elementor-tab-desktop-title {
  display: inline-block;
  border-right: 1px solid #d0d5d9 !important;
  border-left: 1px solid #d0d5d9 !important;
  border-top: 1px solid #d0d5d9 !important;
  margin: 0 0.3rem 0 0;
}

/*Tabs hover*/
#centres-tabs .elementor-tab-desktop-title:hover {
  background: #6f2476;
  border-right: 1px solid #6f2476 !important;
  border-left: 1px solid #6f2476 !important;
  border-top: 1px solid #6f2476 !important;
}

/*Tab text hover*/
#centres-tabs .elementor-tab-desktop-title:hover a {
  color: #ffffff;
}

/*Tab active*/
/*
#centres-tabs .elementor-tab-desktop-title.elementor-active,
#centres-tabs .elementor-tab-desktop-title.elementor-active:hover,
#centres-tabs .elementor-tab-desktop-title a:focus {
  background: #ffe16b;
  border: 0 !important;
}
 */

/*Active tab link hover*/
#centres-tabs .elementor-tab-desktop-title.elementor-active a,
#centres-tabs .elementor-tab-desktop-title.elementor-active:hover a,
#centres-tabs .elementor-tab-desktop-title a:focus {
  color: #0b0c0c;
  border-bottom: 3px solid #0b0c0c;
}

#centres-tabs .elementor-tab-desktop-title a:focus {
  outline: 0 !important;
}

/*Map focus*/
div[aria-label="Map"]:focus,
div[aria-label="Map"] > button:focus {
  outline: 2px solid #fdc530 !important;
}

/*CONTACT PAGE TABS - MOBILE*/

/*Tab like accordion*/
#centres-tabs .elementor-tab-mobile-title {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #d0d5d9;
}

/*Tab like accordion icon*/
#centres-tabs .elementor-tab-mobile-title::after {
  display: inline-block;
  color: #6f2476;
  width: 10%;
  padding: 0;
  text-align: right;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 1.125rem;
  content: "\f067";
  opacity: 1;
  position: absolute;
  right: 1rem;
}

/*Tab like accordion active icon*/
#centres-tabs .elementor-tab-mobile-title.elementor-active::after {
  content: "";
}

/*Tab like accordion active*/
#centres-tabs .elementor-tab-mobile-title.elementor-active {
  color: #0b0c0c;
  border-bottom: 3px solid #0b0c0c;
  background: #ffe16b;
}

/*CONTACT PAGE TABS - CENTRE DETAILS*/

#centre {
  font-size: 1rem;
}

#centre h2 {
  margin-bottom: 0 !important;
}

#centre h3 {
  font-size: 1.125rem;
  margin-bottom: 0.5rem !important;
}

#centre p {
  font-size: 1rem;
  margin-bottom: 0.2rem;
}

#centre ul {
  font-size: 1rem;
  margin-bottom: 0rem;
}

#centre li {
  font-size: 1rem;
  margin-bottom: 0.2rem;
}

/*MOBILE MENU (Burger menu)*/

/* Mobile menu full width*/
#mobile-menu .elementor-nav-menu {
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
}

/* Divders mobile menu*/
#mobile-menu .elementor-nav-menu a {
  border-bottom: 1px solid #531759;
}

/* No Divders mobile sub menu*/
#mobile-menu .sub-menu a {
  border-bottom: 0px solid #000 !important;
  padding: 0.5rem;
}

/* Sub Menus item - Visible focus Ring */
#mobile-menu .sub-menu a:focus-visible {
  background-color: #fdc530;
  outline: 3px solid #009bff;
  outline-offset: -3px;
}


/* Colour for mobile sub menu items*/
#mobile-menu .sub-menu a {
  background: #54175a;
  color: #ffffff;
  outline: 0;
}

#mobile-menu .sub-menu li.menu-item:focus-visible {
  outline: 5px solid #fdc530;
  outline-offset: 2px;

}

/* Colour for hover sub menu*/
#mobile-menu .sub-menu li:hover a,
#mobile-menu li:last-child a:focus {
  background: #fdc530;
  color: #0b0c0c;
}

/* Colour last link*/
#mobile-menu .elementor-nav-menu > li:last-child {
  background-color: #067e93;
  color: #fff;
}

/* Remove border bottom from last link*/
#mobile-menu .elementor-nav-menu > li:last-child a {
  border-bottom: 0 !important;
  display: inline-block;
  width: 100%;
  text-indent: 1rem;
}

/* Account icon on last link*/
#mobile-menu .elementor-nav-menu > li:last-child a:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f007";
  margin-right: 5px;
  opacity: 1;
  height: auto;
  position: absolute;
  left: -0.5rem;
  padding: 0;
  margin: 0;
}

/* Colour for hover last link*/
#mobile-menu .elementor-nav-menu > li:last-child:hover {
  background-color: #067e93;
  color: #fff;
}

/* no border active link */
#mobile-menu .elementor-nav-menu a.highlighted {
  border-bottom: 0 !important;
}

/* No outlines on hover*/
#mobile-menu .elementor-item:hover {
  outline: 0;
}

/* No outlines on focus*/
#mobile-menu .elementor-item:focus {
  background: #fdc530;
  color: #0b0c0c;
  outline: 0;
}

/*WHAT'S NEW LANDING PAGE, and SEARCH RESULTS PAGE*/

/*Feed wrapper*/
#whats-new-feed {
}

/*Feed image and text wrapper*/
#whats-new-feed article,
#search-results article {
  border-bottom: 1px solid #d0d5d9 !important;
  padding-bottom: 1.5rem;
  flex-direction: column !important;
}
/*Feed image  wrapper*/
#whats-new-feed .elementor-post__thumbnail__link {
  width: 100%;
  margin: 0;
  height: min-content;
}

/*Feed headlines*/
#whats-new-feed h2,
#search-results h2 {
  padding-top: 0 !important;
  font-size: 1.25rem !important;
  line-height: 1.5em;
  margin-right: 0.5rem !important;
  margin-top: 1rem !important;
  margin-bottom: 0.5rem !important;
}

/*Feed headlines search specific*/
#search-results h2 a {
  text-decoration: underline;
}
#search-results h2 a:hover {
  color: #531759;
}

/*Feed headlines*/
#whats-new-feed h2 a:hover,
#search-results h2 a:hover {
  text-decoration: underline;
}

/*Feed post date*/
#whats-new-feed .elementor-post-date {
  font-size: 0.9375rem;
  line-height: 1.5em;
}

/*Feed post excerpt*/
#whats-new-feed .elementor-post__excerpt p,
#search-results .elementor-post__excerpt p {
  font-size: 1rem;
  line-height: 1.8em;
}

/*PAGINATION*/

.elementor-pagination {
  margin-top: 2rem;
  font-size: 1.125rem;
  font-weight: 600;
}

.elementor-pagination .page-numbers {
  text-decoration: underline;
  display: inline-block;
  margin: 0 0 5px 0 !important;
  padding: 0.1rem 0.6rem;
}

.elementor-pagination .page-numbers:hover {
  text-decoration: underline;
  color: #985191;
}

.elementor-pagination .page-numbers:focus {
  text-decoration: underline;
}

.elementor-pagination .page-numbers.current,
.elementor-pagination .page-numbers:focus {
  font-weight: 600;
  background: #ffe16b;
  color: #0b0c0c;
  text-decoration: none;
  border: none;
  outline: none;
}

/*WHAT'S NEW FULL POST*/
#full-post-wrapper {
}

#full-post-wrapper img {
  width: 100% !important;
  height: auto !important;
  margin-bottom: 2.5rem;
}

/*No pad used for paragraphs that contain images (JS)*/
.nopad {
  padding: 0 !important;
  margin: 0 !important;
}

/* Remove unwanted wrapper from full post container*/
#full-post-wrapper .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
  padding: 0 !important;
}

/* Share text*/
#post-share p {
  margin-bottom: 0 !important;
  padding-right: 0;
}

/* Remove capitalisation on prev / next text*/
#post-prev-next .post-navigation__prev--label,
#post-prev-next .post-navigation__next--label {
  text-transform: none;
  margin-bottom: 0.5rem;
}

/* Show full titles on prev / next */
#post-prev-next .elementor-post-navigation .post-navigation__prev--title {
  overflow: visible;
  white-space: normal;
  -o-text-overflow: unset;
  text-overflow: unset;
}

/* Reposition arrow icons on prev */
#post-prev-next .elementor-post-navigation .post-navigation__arrow-wrapper.post-navigation__arrow-prev {
  font-size: 30px;
  padding-right: 15px;
  align-self: flex-start;
  margin-top: 5px;
}

/* Reposition arrow icons on next */
#post-prev-next .elementor-post-navigation .post-navigation__arrow-wrapper.post-navigation__arrow-next {
  font-size: 30px;
  padding-left: 15px;
  align-self: flex-start;
  margin-top: 5px;
}

/* Post title on prev / next */
#post-prev-next .post-navigation__prev--title {
  line-height: 1.7em;
}

/*Prev / next containers side by side */
#post-prev-next .elementor-post-navigation {
  flex-direction: column;
}

/*Prev / next container */
#post-prev-next .elementor-post-navigation .elementor-post-navigation__link {
  width: 100% !important;
  white-space: normal;
  overflow: visible;
  -o-text-overflow: none;
  text-overflow: none;
  padding: 0;
}

/*Prev / next links with background */
#post-prev-next .elementor-post-navigation__prev.elementor-post-navigation__link a,
#post-prev-next .elementor-post-navigation__next.elementor-post-navigation__link a {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 1rem;
  background: #ededf1;
  padding: 1rem;
  width: 100%;
  height: 100%;
  align-items: flex-start;
}

/*Prev / next titles hover */
#post-prev-next a:hover .post-navigation__prev--title,
#post-prev-next a:hover .post-navigation__next--title,
#post-prev-next a:focus .post-navigation__prev--title,
#post-prev-next a:focus .post-navigation__next--title {
  text-decoration: underline !important;
}

/*Prev / next label hover */
#post-prev-next a:hover .post-navigation__prev--label,
#post-prev-next a:hover .post-navigation__next--label {
  color: #985191 !important;
}

/*Prev / next titles focys */
#post-prev-next .elementor-post-navigation__prev.elementor-post-navigation__link a:focus,
#post-prev-next .elementor-post-navigation__next.elementor-post-navigation__link a:focus {
  outline: 0;
  border-bottom: 3px solid #531759;
}

/*Prev / Next container alignemt of contents */
#post-prev-next .post-navigation__next--label,
#post-prev-next .elementor-post-navigation .elementor-post-navigation__next a,
#post-prev-next .elementor-post-navigation span.elementor-post-navigation__link__next {
  float: left !important;
  text-align: left !important;
}

/*Next container alignemt of contents */
#post-prev-next .post-navigation__prev--label,
#post-prev-next .post-navigation__next--label {
  text-align: left;
}

/*Copy inside gravity forms*/
.gsection_description {
  font-size: 1.125rem !important;
}

/*DUAL CTA SIGN UP FORM HOMEPAGE*/

  /*Dual CTA left box links*/
  #dual-cta-left,
  #dual-cta-right {
    height: 100%;
  }

  /*Dual CTA headers*/
  #dual-cta-left h2,
  #dual-cta-right h2 {
    padding: 0 !important;
    margin: 0 0 0.4em !important;
    font-size: 1.7rem;
  }

  /*Dual CTA left box links*/
  #dual-cta-left a {
    margin: 0 0 1rem 0 !important;
    color: #fff !important;
    background: none !important;
  }

  /*Dual CTA left box links arrows*/
  #dual-cta-left a:before {
    color: #fdc530 !important;
    background: none !important;
  }

  /*Dual CTA links hovers*/
  #dual-cta-left a:hover,
  #dual-cta-right a:hover,
  #dual-cta-right input[type="submit"]:hover {
    opacity: 0.8;
  }

  /*Dual CTA right remove unwanted padding right from form*/
  #dual-cta-right li {
    padding-right: 0 !important;
  }

  /*Dual CTA right text field*/
  #dual-cta-right input[type="text"] {
    font-family: "Montserrat", Sans-serif !important;
  }

  /*Dual CTA right GForm wrapper*/
  #dual-cta-right .gform_wrapper {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  /*Dual CTA right box button*/
  #dual-cta-right input[type="submit"] {
    background: #0b0c0c !important;
  }

  /*Dual CTA right remove space above button*/
  #dual-cta-right .top_label {
    margin-top: 0 !important;
  }

  /*Dual CTA right opt in text */
  #dual-cta-right .gfield_consent_label,
  #dual-cta-right .gfield_required,
  p.gform_required_legend {
    font-size: 1rem;
    color: #fff !important;
  }

  /*Dual CTA right opt in text link*/
  #dual-cta-right .gfield_consent_label a {
    text-decoration: underline;
  }

  /*Dual CTA Signup form validation messages*/
  #dual-cta-right .gform_wrapper li.gfield.gfield_error {
    margin: 0 !important;
    padding-top: 0 !important;
  }

  /*Dual CTA Signup form validation messages remove padding*/
  #dual-cta-right .field_description_below {
    padding-top: 0 !important;
  }

  /*Dual CTA Signup form general validation message above form*/
  #dual-cta-right .validation_error {
    display: none !important;
  }

  /*Dual CTA Field validation messages*/
  #dual-cta-right .validation_message {
    color: #fdc530 !important;
    font-size: 1.1875rem !important;
    border-left: #fdc530 solid 3px !important;
    padding: 1rem 0 0 1rem !important;
    margin-top: 0.8rem;
  }

  /*Dual CTA Success message*/
  #dual-cta-right .gform_confirmation_message {
    color: #fdc530 !important;
    font-weight: 700 !important;
  }
/*SCREEN SIZE ABOVE 320px*/
@media screen and (min-width: 20em) {

  /* Contact Form - Reason for contact */
  select#input_1_7 {
    font-size: .70em;
  }

}

/*SCREEN SIZE ABOVE 576px*/
@media screen and (min-width: 36em) {
  /*TRANSLATE*/
  /*Translate wrapper*/
  #translate {
    width: auto;
  }

  /*Translate select box*/
  #google_translate_element select {
    font-size: 0.7rem !important;
    margin: 0;
    height: 35px;
  }

  /*Add google logo G*/
  #google_translate_element::before {
    margin: -7px 0.4rem 0 0;
  }

  /*Fix search button alignement on desktop browsers*/
  .elementor-search-form__toggle {
    display: block !important;
  }

  /*HOMEPAGE HERO BANNER*/
  /*Heading 1*/
  #calat-banner h1 {
    font-size: 2.5rem;
    padding: 30px 0 0 30px !important;
  }

  /*HOMEPAGE BUTTONS*/

  /*Homepage cta button a*/
  .hp-button a {
    font-size: 1.25rem;
  }

  /*WHAT'S NEW LANDING PAGE*/
  /*Feed image and text wrapper*/
  #whats-new-feed article {
    flex-direction: row !important;
  }

  #whats-new-feed .elementor-post__thumbnail__link {
    width: 33%;
    margin-right: 20px !important;
  }

}

/*SCREEN SIZE ABOVE 768px*/
@media screen and (min-width: 48em) {
  /*TWENTYSEVENTEEN DEFAULT TEMPLATE FIX*/
  /*Replicate elementor side bar width in index.php(used on posts page)*/
  .twentyseventeen-sidebar {
    margin: 0px 0px 0px 40px;
    padding: 0 20px 0 0;
  }

  /*HOMEPAGE HERO BANNER*/
  /*Heading 1*/
  #calat-banner h1 {
    font-size: 2.5rem;
    padding: 0 0 0 30px !important;
  }

  /*CONTACT PAGE TABS - CENTRE DETAILS*/
  #centre h3 {
    font-size: 1.25rem;
    margin-bottom: 0.5rem !important;
  }

  /*HOMEPAGE BUTTONS*/

  /*Homepage cta button container*/
  .hp-button {
    border-bottom: none;
  }

  /*Homepage cta button a*/
  .hp-button a {
    font-size: 1.25rem;
    min-height: 120px;
  }

  /*Homepage cta buttons full width*/
  .hp-button-full h2 {
    font-size: 1.75rem !important;
  }

  /*HOMEPAGE POSTS FEEDS*/

  /* Set feature news item to show side by side */
  #home-grid-feature article {
    flex-direction: row !important;
  }

  /* Set feature news image to show last */
  #home-grid-feature .elementor-post__thumbnail__link {
    order: 1;
  }

  /*Keyline under feed items*/
  #home-grid-feed article {
    padding-bottom: 2rem;
    border-bottom: 1px solid #d0d5d9 !important;
  }

  /*HOMEPAGE QUICK LINKS*/
  /*Quick links - Link style*/
  #hp-quick-links a {
    font-size: 1.1rem;
  }

  /*Toggle - Force the closed icon to a plus*/
  .elementor-toggle-icon-closed i:before {
    font-size: 1.25rem !important;
  }

  /*WHAT'S NEW LANDING PAGE*/

  /*Feed headlines*/
  #whats-new-feed h2,
  #search-results h2 {
    margin-top: 0 !important;
    font-size: 1.5rem !important;
  }

  /*Feed post excerpt*/
  #whats-new-feed .elementor-post__excerpt p,
  #search-results .elementor-post__excerpt p {
    font-size: 1.0625rem;
  }

  /*Copy inside gravity forms*/
  .gsection_description {
    font-size: 1.1875rem !important;
  }


  /* Contact Form Select option */
  select#input_1_7 {
    font-size: 0.70em !important;
  }
}

/*SCREEN SIZE ABOVE 1024px*/
@media screen and (min-width: 64em) {
  /*TWENTYSEVENTEEN DEFAULT TEMPLATE FIX*/
  /*Replicate elementor side bar width in index.php(used on posts page)*/
  .twentyseventeen-sidebar {
    margin: 0px 0px 0px 40px;
    padding: 10px;
  }

  /*HOMEPAGE HERO BANNER*/
  /*Heading 1*/
  #calat-banner h1 {
    font-size: 3rem;
  }

  /*Sidebar h2s the size of h3s*/
  /*This class is applied to the global widget container in elementor*/
  .sidebar-widget h2 {
    font-size: 1.75rem !important;
  }

  /*Table font size*/
  .uael-table {
    font-size: 1.1875rem !important;
  }

  /*HOMEPAGE BUTTONS*/

  /*Homepage cta button a*/
  .hp-button a {
    font-size: 1.375rem;
  }

  /*HOMEPAGE GRAVITY FORM SIGN UP*/

  /*Signup form container*/
  #signup {
  }

  /*Signup form container*/
  #signup .gform_wrapper {
    margin: 0;
  }

  /*Signup form email input container*/
  #signup .signup-left {
    width: 67% !important;
  }

  /*Signup form email input*/
  #signup .signup-left input {
    width: 97% !important;
  }

  /*Signup form opt in container*/
  #signup .signup-right {
    width: 33% !important;
  }


  /*WHAT'S NEW FULL POST*/

  /*Prev / next containers side by side */
  #post-prev-next .elementor-post-navigation {
    flex-direction: row;
  }

  /*Prev / next container */
  #post-prev-next .elementor-post-navigation .elementor-post-navigation__link {
    width: calc(50% - 20px);
  }

  /*Next container spacing */
  #post-prev-next .elementor-post-navigation__next.elementor-post-navigation__link {
    margin-left: 10px;
  }

  /*Prev container spacing */
  #post-prev-next .elementor-post-navigation__prev.elementor-post-navigation__link {
    margin-right: 10px;
  }

  .elementor-search-form__toggle:focus-visible {
    padding-right: 2.075rem;
  }
}

/*SCREEN SIZE ABOVE 1140px*/
@media screen and (min-width: 71.25em) {
  /*Custom positioning for password protect form*/
  .post-password-form {
    padding: 30px 33% 0 0;
  }

  /*HOMEPAGE HERO BANNER*/
  /*Heading 1*/
  #calat-banner h1 {
    padding: 0 !important;
  }

}

/* montserrat-subrayada-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat Subrayada';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-subrayada-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/montserrat-subrayada-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-subrayada-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-subrayada-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-subrayada-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-subrayada-v17-latin-regular.svg#MontserratSubrayada') format('svg'); /* Legacy iOS */
}


/* Msain Navigation Focus Visible Ring */
#learner-menu li:focus-visible,
#learner-menu li a:focus-visible {
  /* outline: 0 !important; */
  background-color: #fdc530;
  box-shadow: 0 0 0 0.125rem #009bff;
  outline: 2px solid #009bff;
  /* outline: 1px solid #fff; */
  outline-offset: 1px;
}

/* Main Navigation Submenu text colour */
.elementor-nav-menu--dropdown a:focus {
  color: #575757 !important;
}

/* Homepage - visible focus highlighting ring for share buttons and course button home page */
.elementor-share-buttons--color-official .elementor-share-btn:focus-visible,
.elementor-element-90475e9 .elementor-button.elementor-button-link.elementor-size-sm:focus-visible,
.elementor-element-06a86a1 .elementor-button.elementor-slide-button.elementor-size-sm:focus-visible {
 outline: 5px solid #fdc530;
 outline-offset: 2px;
}


/* */
a:focus .elementor-element.elementor-element-0963510.elementor-align-left.hp-button.hp-button-green.elementor-widget.elementor-widget-global.elementor-global-1613.elementor-widget-button {
  outline: 5px solid #fdc530;
  outline-offset: 2px;
}

/* Adds visible focus highlighting ring for mobile hamburger and search button */
.elementor-menu-toggle:focus-visible,
.elementor-search-form__toggle:focus-visible {
  outline: 5px solid #fdc530;
  outline-offset: 2px;
}

/* Contact Us Page - Venue tabs */
#centres-tabs .elementor-tab-desktop-title {
  margin-top: 5px;
}

#centres-tabs .elementor-tab-desktop-title.elementor-active,
#centres-tabs .elementor-tab-desktop-title.elementor-active:hover {
  background: #ffe16b;
  border: 0 !important;
}

#centres-tabs .elementor-tab-desktop-title.elementor-active:focus-visible {
  outline: 3px solid #009bff;
  outline-offset: 3px;
  margin-left: 5px;
}

#centres-tabs .elementor-tab-desktop-title:focus-visible {
  outline: 3px solid #009bff !important;
  outline-offset: 3px;
}


/* Adds visible focus highlighting ring for mobile  close search button  */
.elementor-200 .elementor-element.elementor-global-2820 .elementor-lightbox .dialog-lightbox-close-button {
  color: #ffffff !important;
  top: 10px;
}


/* Mobile Serch */
.elementor-200 .elementor-element.elementor-global-2820 .elementor-lightbox .dialog-lightbox-close-button:hover,
.elementor-200 .elementor-element.elementor-global-2820.elementor-search-form--skin-full_screen input[type="search"].elementor-search-form__input:focus-visible {
  top: 10px;
  outline: 5px solid #fdc530;
  outline-offset: 2px;
}

/* Mobile View - Close Search modal icon */
.elementor-200 .elementor-element.elementor-global-2820.eicon-close:before {
  content: "\e87f";
  color: white;
}

/* */
.elementor-200 .elementor-element.elementor-global-2820 .elementor-lightbox .dialog-lightbox-close-button:focus {
  outline: 5px solid #fdc530;
  outline-offset: 2px;
  color: #ffffff;
}

/* Contact Form - Reason for contact select option */
select#input_1_7 {
  font-size: .50em;
}

/* Home Page Links underneath hero image  */
.elementor-element.hp-button:focus-within{
  outline: 5px solid #fdc530;
  outline-offset: 2px;
  z-index: 100;
}


/* Text decoration for links in paragraphs*/
.elementor p a {
  box-shadow: none;
  text-decoration: underline;
}

/* Revisit Cookie Banner Visible Focus*/
.cky-btn-revisit-wrapper:focus-within {
  outline: 5px solid #fdc530;
}

.page-id-512 p.gform_required_legend {
  color: var(--e-global-color-text) !important;
}