ol.sub-discipline-button-list,
ol.course-level-button-list {
    align-items: center;
    flex-wrap: wrap;
    display: flex;
}

/* class to target content to domestic or international only */
.D .domestic-only { display: initial; }
.D .international-only { display: none !important; }
.I  .international-only { display: initial; }
.I .domestic-only { display: none !important; }

/*#featured-courses {margin-bottom: 2%;}*/
.filters {list-style-type:none; margin:0; padding:0;}
.filters label {font:normal 16px/20px Roboto,sans-serif;}

.filters-d {
    padding-bottom: 32px;
}
.filters-d label {font-size: 16px; line-height: 20px; font-family: 'Roboto Bold'; margin: 24px 0 4px 0;}
@media (min-width:1400px) {
    .filters-d label { font-size: 18px; line-height: 28px; }
}
.filters-d #keyword, .filters-d #show-popc {
    margin-top: 24px;
}
#ajax-course-list article .D, #ajax-course-list article .I {display:none;}
#ajax-course-list.D article .D,
#ajax-course-list.I article .I {display:inline;}
#ajax-course-list.D article .D.d-block,
#ajax-course-list.I article .I.d-block {display:block;}

.course-list {clear:both; margin-bottom:24px;}
#filters {box-sizing:border-box; -webkit-flex:1 0 25%; flex:1 0 25%; padding:0; perspective:2000px; position:relative; z-index:2;}
#filters.show {height:auto;}
.filter-wrapper {-webkit-animation:accordion-closed 0.2s 1 ease-in-out forwards; animation:accordion-closed 0.2s 1 ease-in-out forwards; background-color:rgba(255,255,255,0.95); box-shadow:0 0 4px rgba(0,0,0,0.3); box-sizing:border-box; height:50vh; overflow:auto; padding:20px; position:absolute; -webkit-transform-origin:top; transform-origin:top; width:100%; z-index:2;}
.show .filter-wrapper {-webkit-animation:accordion-open 0.2s 1 ease-in-out forwards; animation:accordion-open 0.2s 1 ease-in-out forwards;}
.filters .disabled {color:#999; cursor:none; cursor:not-allowed;}
#filter-toggle {background-color:#f4f4f4; font-size:18px; margin:0;}
#filter-toggle button {border:none; padding:11px 12px; width:100%;}
#filter-toggle button:before {content:"Show ";}
#filter-toggle img {padding:0;}
.show #filter-toggle button:before {content:"Hide ";}
#filter-title {background-color:#f4f4f4; display:none; font-size:16px; line-height:20px; margin:0; padding:12px 20px; text-transform:uppercase;}
#filters legend {font-size:16px; line-height:20px; margin-bottom:4px;}
@media (min-width:1024px) {
    /*.course-list {display:-webkit-flex; display:flex;}*/
    #filters {height:auto; margin-top:0; max-height:inherit; position:static;}
    #filter-toggle {display:none;}
    #filter-title {display:block;}
    .filter-wrapper {-webkit-animation:none; animation:none; background-color:transparent; box-shadow:none; height:auto; padding:12px 0 0 2px; position:static;}
    #filters fieldset {-webkit-animation:none; animation:none; border-bottom:1px solid #ccc; margin-bottom:12px; padding-bottom:12px;}
    #filters li {margin-bottom:0;}
}
#ajax-course-list {box-sizing:border-box; -webkit-flex:1 0 75%; flex:1 0 75%; padding-top:18px;}
#ajax-course-list.no-filters {display:block; margin-bottom:24px; padding:0;}
@media (min-width:1024px) {
    #ajax-course-list {margin-top:0; /*padding:0 0 0 12px;*/}
}
#selected-sub-discipline-title {/*background-color:#666; color:#fff; margin-bottom:8px; padding:12px 20px;*/}
#selected-sub-discipline-title:focus {/*outline:none;*/}
#ajax-course-list {opacity:1; transition:opacity 0.3s ease-in;}
#ajax-course-list[data-fade] {opacity:0; transition:opacity 0s;}
#ajax-course-list article {background-color:#fff; box-shadow:0 2px 0 #e42312; box-sizing:border-box; margin-bottom:24px; padding:20px; position:relative; -webkit-transform-origin:top; transform-origin:top;}
#ajax-course-list article.hide,.hide-keyword,.hide-popular {display:none;}
#ajax-course-list article h3 {display:inline-block; margin-bottom:0px; width:calc(100% - 64px);}
#ajax-course-list article .save-course + p, #ajax-course-list article .save-course + a, #ajax-course-list article .save-course + span { margin-top: 20px; }
#ajax-course-list article p {font-size:16px; line-height:20px; margin:0 0 12px; padding-left:28px;}
#ajax-course-list .icon {margin-left:-28px;}
.course-list-atar span:not(.bold):not(:last-of-type):after {content:",";}
.atar-location:empty:after {content:" Not available";}
@media (min-width:1024px) {
    #ajax-course-list article.hero img {max-width:auto;}
}
p.no-match {
    max-width: 700px;
    padding: 20px 20px 0 20px;
}

/*.tag {background-color:#fff; border:1px solid #ccc; display:inline-block; font-size:14px; margin:0 16px 16px 0; padding:3px 8px;}*/
/*.tag + .tag {margin-left:0;}*/
/*.tag-popular.pls-explain {*/
/*    color: #e2231b;*/
/*    border-color: #e2231b;*/
/*}*/
/*.tag-new {*/
/*    color: #058577;*/
/*    border-color: #058577;*/
/*}*/

/* Styles for visual refresh */
/* Overrides default tags to match exisitng ltu-legacy */
.tag {
    border: 2px solid #242424;
    border-radius: 12px;
    font-size: .8rem;
    line-height: 1;
    font-weight: 500;
    /* font-family: "Roboto","Franklin Gothic Medium",Tahoma,sans-serif; */
    text-transform: none;
    color: #242424;
    padding: .25rem .75rem;
    margin-right: .5rem;
    border-bottom: solid 2px !important;
    margin: 0 8px 16px 0;
}
.tag-new {
    border: solid 2px #00aa98 !important;
    color: #00aa98 !important;
}
.tag-popular {
    border: solid 2px #e2231b !important;
    color: #e2231b !important;
}
.tag-offer {
    border: solid 2px purple !important;
    color: purple !important;
}
.tag-flex-loc {
    border: solid 2px #0591F8 !important;
    color: #0591F8 !important;
}

#reset-sub-discipline {background-color:#fff; border:none; border-radius:0; box-shadow:0 0 4px rgba(0,0,0,0.6); font:16px/1 Roboto,sans-serif; margin-left:12px; padding:8px 12px;}

.save-course {display:none;}
@media (min-width:1024px) {
.save-course {display:inline-block; font-size:14px; position:absolute; right:10px; text-align:center; top:10px; vertical-align:bottom; width:35px; line-height: 1 ;}
.save-course-icon {cursor:pointer; opacity:0; position:absolute;}
.save-course-icon:focus {outline:0 solid;}
.save-course label {box-sizing:border-box; cursor:pointer; cursor:pointer; display:block; height:35px; margin:0 auto;}
.save-course-icon:focus + label {outline:2px dotted red;}
.save-course-icon + label:hover {color:#e42312;}
.save-course-icon + label:before {content:url(/__data/assets/file/0003/854121/course-heart-outline.svg); display:inline-block;}
.save-course-icon:checked + label:before {content:url(/__data/assets/file/0020/854120/course-heart.svg);}
.save-course-icon + label:before {background-size:35px; height:35px; width:35px;}
}

#filters legend a.tag.pls-explain {
    border-width: 0 0 1px;
    margin: 0;
    padding: 0;
    font-size: 16px;
}

#filters legend .tip-text {
    font-family: 'Roboto', Verdana, Helvetica, Arial, sans-serif;
}

#filters legend {
    width: calc(100% - 9px);
}

.filter-single-row-input {
    display: flex;
}

.filter-single-row-input input[type="text"] {
    flex: 1 1 auto;
    width: 1%;
}

/*.your-atar-group {
    font-weight: bold;
    font: 16px 'Roboto Bold', sans-serif;
}
.your-atar-group input[type="text"], .your-atar-group input[type="button"] {
    font-family: 'Roboto Bold', sans-serif;
    font-weight: bold;
}*/

.your-atar-group input[type="button"]:active, input.your-atar-group [type="button"]:focus {
    background-color: #e42312;
}

.your-atar-group input[type="text"]:disabled {
    background-color: #e9ecef;
    cursor: not-allowed;
}

.your-atar-group input[type="button"]:disabled {
    background-color: #999;
    cursor: not-allowed;
}

.your-atar-group input[type="text"]:disabled:-ms-input-placeholder {color: #999;}
.your-atar-group input[type="text"]:disabled::-ms-input-placeholder {color: #999;}
.your-atar-group input[type="text"]:disabled:-moz-placeholder {color: #999;}
.your-atar-group input[type="text"]:disabled::-moz-placeholder {color: #999;}
.your-atar-group input[type="text"]:disabled::-webkit-input-placeholder {color: #999;}

.atar {
    margin-right: 6px;
}

.atar::after{
    margin-right: -3px;
}

.atar:first-child {
    margin-left: 3px;
}

.atar:last-child {
    margin-right: 0;
}

.atar.atar-match {
    background-color: #f8c8c7;
}

#filters legend .legend-note {
    font: 16px/20px 'Roboto', Verdana, Helvetica, Arial, sans-serif;
}

/*** discipline page update May 2019 ***/

/* overrides to styles above - preserving orginals for area of study pages */
.discipline_page #course-level-filter { display: none !important; visibility: hidden; }
.discipline_page #filter-title {background-color:#fff; padding: 12px;}
.discipline_page #filter-toggle button {background-color: #ddd;}
.discipline_page #ajax-course-list {padding-top: 0;}
.discipline_page #ajax-course-list article {background-color:#fff;}
@media (min-width:1024px) {
    .discipline_page .filter-wrapper {background-color:#fff; padding:12px 12px 0 12px;}
}
/* make discipline page full width */
.discipline_page .breadcrumbs { padding: 20px; }
@media (min-width: 1024px) {
    .discipline_page .breadcrumbs  { padding: 20px 20vw; }
    .discipline_page #content {
        transform: none;
    }
}

/* Banner for course campaign view */
.course-campaign-banner { background-repeat: no-repeat; background-size: contain; background-position: top center; padding-top: 56.25%;}
.course-campaign-banner-gradient {display:none;}
.course-campaign-banner-banner-text { text-align: left; padding: 25px; }
.course-campaign-banner-label { display:inline-block; color: #999; border-bottom:2px solid #999; padding:0 0 20px 0; font:20px/24px 'Roboto Bold',sans-serif; text-transform:uppercase;}
.course-campaign-banner-jumplinks {
    display: flex;
}
.course-campaign-banner-jumplinks .tablet-up {
    display: none;
}
@media (min-width:375px) {
    .course-campaign-banner-jumplinks {
        display: block
    }
}
@media (min-width:768px) {
    .course-campaign-banner  {background-size: cover; background-position: center; padding-top: 0; min-height:52vh; position:relative; width:100%; display: flex; align-items: center; justify-content: center;}
    .course-campaign-banner-gradient {display:block;background:linear-gradient(to bottom, rgba(0,0,0,.2) 1%,rgba(0,0,0,.4) 100%); bottom:0; height:100%; pointer-events:none; position:absolute; top:0; width:100%;}
    .course-campaign-banner-banner-text {color:#fff; left:50%; z-index: 1;background: rgba(0,0,0,0.6); width: 80%; max-width: 770px;}
    .course-campaign-banner-banner-text h1 {color:#fff;}
    .course-campaign-banner-label {color: #fff; border-bottom:2px solid #fff;}
    .course-campaign-banner-jumplinks .mobile {
        display: none;
    }
    .course-campaign-banner-jumplinks .tablet-up {
        display: inline-block;
    }
}
/* end */

/* override fact card style */
.lp2-course-proof__point { border: 0; text-align: center; }
.lp2-course-proof__wrapper .lp2-course-proof__point-title { font-size: 28px; line-height: 32px; margin-bottom: 16px;}
/* first paragragh of descrip is sub title */
.lp2-course-proof__point-description p:first-child { font-family: 'Roboto Bold'; font-size: 20px; line-height: 24px; color: #e42312; margin: 24px; margin-top: 0;}
/* second paragrapht of descrip is disclaimer */
.lp2-course-proof__point-description p:first-child + p { font-size: 14px; line-height: 20px; color: #555555; }
/* end */

/* section layout */
[data-colour="grey"] { background: #eee; }
/*.featured-courses, #enquire-now { padding: 20px; }
@media (min-width: 1024px) {
    .featured-courses, #enquire-now  { padding: 3vw 12vw; }
}*/

.main-content .selection-list-label {font-family: 'Roboto Bold'; margin: 24px 0 4px 0;}
.main-content .sub-discipline-button-list, .main-content .course-level-button-list {list-style-type:none; margin: 4px 0 0 0; padding:0;}
.main-content .course-level-button-list { display: flex; align-items: center; flex-wrap: wrap;}
.sub-discipline-button-list li, .course-level-button-list li {display: inline-block; margin: 0 8px 8px 0; float: left;}

.enquiry {
    max-width: 1000px;
    margin: 0 auto;
}
.enquiry form {
    padding: 0;
    margin: 2rem 0 0 0;
    font-size: 16px;
    background-color: transparent;
}
.enquiry form label {
    font-family: "Roboto";
    font-weight: 300;
    margin-bottom: 8px;
}
.enquiry form select,
.enquiry form input {
    font-family: "Roboto";
    font-weight: 300;
}
.enquiry form #ef-study-interest-2,
.enquiry form #ef-study-interest-3,
.enquiry form #ef-campus-interest-2,
.enquiry form #ef-campus-interest-3 {
    display: none;
}

/* hide labels accessibly */
.enquiry form #ef-enquirer-type label,
.enquiry form #ef-study-type label,
.enquiry form #ef-study-interest-1 label,
.enquiry form #ef-campus-interest-1 label,
.hobsons-form .ief-hiddenlabel label {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap; /* 1 */
}
.enquiry form #ef-enquirer-type label:active,
.enquiry form #ef-enquirer-type label:focus,
.enquiry form #ef-study-type label:active,
.enquiry form #ef-study-type label:focus,
.enquiry form #ef-study-interest-1 label:active,
.enquiry form #ef-study-interest-1 label:focus,
.enquiry form #ef-campus-interest-1 label:active,
.enquiry form #ef-campus-interest-1 label:focus,
.hobsons-form .ief-hiddenlabel label:active,
.hobsons-form .ief-hiddenlabel label:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit;
}
.enquiry form #ef-enquirer-type::before {
    content: "I am ";
}
.enquiry form #ef-study-type::before {
    content: "I want to study ";
}
.enquiry form #ef-study-interest-1::before {
    content: "I am interested in ";
}
.enquiry form #ef-campus-interest-1::before {
    content: "At ";
}
.enquiry form #ef-enquirer-type::before,
.enquiry form #ef-study-type::before,
.enquiry form #ef-study-interest-1::before,
.enquiry form #ef-campus-interest-1::before {
    margin-right: .3em;
}
.enquiry form #ef-enquirer-type::after,
.enquiry form #ef-study-type::after,
.enquiry form #ef-study-interest-1::after,
.enquiry form #ef-campus-interest-1::after,
.hobsons-form .ief-required label::after {
    content: "*";
    color: #e42312;
}
.hobsons-form .ief-required label::after {
    margin-left: 0.31em;
}
.enquiry form #ef-enquirer-type label,
.enquiry form #ef-enquirer-type select,
.enquiry form #ef-study-type label,
.enquiry form #ef-study-type select,
.enquiry form #ef-study-interest-1 label,
.enquiry form #ef-study-interest-1 select,
.enquiry form #ef-campus-interest-1 label,
.enquiry form #ef-campus-interest-1 select {
    display: inline-block;
    width: auto;
    max-width: 97%;
}
.enquiry form select {
    border:none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -ms-appearance: none;
    border-bottom: 1px solid #666;
    background: none;
    padding: 8px 26px 8px 0;

    background-image: url(/__data/assets/file/0006/1006953/chevron-sm-down-e42312.svg);
    background-repeat: no-repeat;
    background-position: center right -8px;
    background-size: 36px 36px;
}
/* ltu base styles for select on webkit need to be overridden */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select:not([multiple]) {
        background-image: url(/__data/assets/file/0006/1006953/chevron-sm-down-e42312.svg);
        background-repeat: no-repeat;
        background-position: center right -8px;
    }
    .main-content select:not([multiple]) {
        background-image: url(/__data/assets/file/0006/1006953/chevron-sm-down-e42312.svg);
        background-repeat: no-repeat;
        background-position: center right -8px;
        padding-right: 26px;
    }
}
/* remove ie down arrow */
.enquiry form select::-ms-expand {
    display: none;
}
.enquiry #submit_btn,
.hobsons-form #hobsons {
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Roboto Bold';
    border: 0;
    background-color: #e42312;
    background-image: url(/__data/assets/file/0006/764934/chevron-sm-ffffff.svg);
    background-repeat: no-repeat;
    background-position: center right -8px;
    background-size: 48px 48px;
    margin: 0;
    padding: 12px 32px 12px 20px;
}
.enquiry #submit_btn: after {
    content: " question";
}
/* fallback to flex layout for older browsers */
.enquiry form {
    display: flex;
    flex-direction: column;
}
.enquiry form #ef-enquirer-type {
    order: 1;
}
.enquiry form #ef-study-type {
    order: 2;
}
.enquiry form #ef-study-interest-1 {
    order: 3;
}
.enquiry form #ef-campus-interest-1 {
    order: 4;
}
.enquiry #ef-first-name {
    order: 5;
}
.enquiry #ef-last-name {
    order: 6;
}
.enquiry #ef-email {
    order: 7;
}
.enquiry #ef-postal-code {
    order: 8;
}
.enquiry #ef-question {
    order: 9;
}
.enquiry form > p {
    order: 10;
}
.enquiry .hobsons-form > p,
.enquiry .hobsons-form > div {
    max-width: 100%;
    order: initial;
}
/* if browser supports grid */
@supports (display: grid) {
    @media (min-width:768px) {
        .enquiry form {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
            grid-column-gap: 32px;
        }
        .enquiry form #ef-enquirer-type {
            grid-row: 1;
            grid-column: 1 / span 3;
        }
        .enquiry form #ef-study-type {
            grid-row: 1;
            grid-column: 4 / span 3;
        }
        .enquiry form #ef-study-interest-1 {
            grid-row: 2;
            grid-column: 1 / span 3;
        }
        .enquiry form #ef-campus-interest-1 {
            grid-row: 2;
            grid-column: 4 / span 3;
        }
        .enquiry #ef-first-name,
        .enquiry #ef-email {
            grid-column: 1 / span 3;
        }
        .enquiry #ef-last-name {
            grid-column: 4 / span 3;
        }
        .enquiry #ef-postal-code {
            grid-column: 4 / span 1;
        }
        .enquiry #ef-question {
            grid-column: 1 / span 6;
        }
        .hobsons-form > p {
            grid-column: span 6;
        }
        .hobsons-form > div {
            grid-column: span 3;
        }
        .hobsons-form .ief-question {
            grid-column: span 6;
        }
    }
}

.hobsons-form > p,
.hobsons-form > div {
    margin-bottom: 24px;
}

.discipline-sticky li#utility, .discipline-sticky li#li-stickyApplyCTA { display: none !important; }
.discipline-sticky .course-contacts {
    position: absolute; right: 0; z-index: 999; width: 10vw; min-width: 130px; height: 80%; margin-top: 3em; transform: translateX(100%); transition: transform 1s;
}
.discipline-sticky .course-contacts ul {
    position: -webkit-sticky; position: sticky; top: 120px; margin-left: 12px;
}
.discipline-sticky .course-contacts.open { transform: translateX(0); }

/*** end discipline page update May 2019***/

.course-card-ribbon {
    position: absolute;
    top: -8px;
    right: 4px;
    background: #00aa98;
    color: #fff;
    padding: 4px 6px;
    font-weight: bold;
    font-size: 14px;
    box-shadow: -2px 2px 2px #999;
}

.course-card-ribbon::before {
    content: "";
    border-width: 8px 6px 0;
    border-color: transparent;
    border-right-color: rgb(0, 170, 152);
    filter: brightness(65%);
    left: -12px;
    border-style: solid;
    position: absolute;
    top: 0;
    z-index: 0;
}
@media(min-width:768px){
    .course-card-ribbon {
        right: 60px;
    }
}



.card-tag-offer {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    color: white;
    background: #e2231b;
    padding: 8px;
    font-family: "Roboto Condensed", Impact, "Franklin Gothic Bold", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
}

.card-tag-offer {
    background: purple;
}

/* Visual identity overrides */


/* Replace font without replacing existing style declarations. This is Roboto */
    @font-face {
        font-family: Roboto;
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(/__data/assets/git_bridge/0004/1094422/_ltu-components/dist/css/fonts/dm-sans/dm-sans-v11-latin_latin-ext-regular.woff2) format("woff2");
    }
    
    @font-face {
        font-family: 'DM Sans';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(/__data/assets/git_bridge/0004/1094422/_ltu-components/dist/css/fonts/dm-sans/dm-sans-v11-latin_latin-ext-regular.woff2) format("woff2");
    }
    
    @font-face {
        font-family: 'Knockout';
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        font-feature-settings: "ss02";
        src: url(/__data/assets/git_bridge/0004/1094422/_ltu-components/dist/css/fonts/knockout/Knockout-50Welterweight.woff2) format("woff2");
    }
    
     @font-face {
        font-family: 'roboto slab';
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        font-feature-settings: "ss02";
        src: url(/__data/assets/git_bridge/0004/1094422/_ltu-components/dist/css/fonts/knockout/Knockout-50Welterweight.woff2) format("woff2");
    }
    
    * {
        font-family: 'DM Sans';
    }

    
    h2, h3:not(.reduce) {
        font-family: 'Knockout' !important;
        text-transform: uppercase;
    }

    .selection-list-label.selection-list-label,
    .filters-option label,
    [data-ref="location"] label,
    [data-ref="course-type"] label,
    [data-ref="atar-filter"] label,
    label[for="show-popc"],
    label[for*="save-"] {
        font-family: 'DM Sans';
        font-weight: 600;
    }

    /* h2 {
        font-size: 3rem !important;
    } */

    .tag {
        border-radius: 1rem;
    }

    .btn-pill:hover {
        background: #fafafa;
        
    }

    .tip-text {
        border-radius: .5rem;
    }

    .main-content select,
    .main-content input {
        font-family: 'DM Sans';
    }

    .contact-box {
        background: #fafafa;   
    }

    .contact-box h2.section-heading {
        color: #242424 !important;
        text-transform: uppercase !important;
    }

    .contact.flex-3q * {
        font-family: 'DM Sans';
        text-transform: capitalize;
        font-size: 1.25rem;
        color: #242424;
    }

     .contact.flex-3q a:hover {
         border-bottom: solid 1px #242424;
     }