/******
    This is additional styling for Curtin Singapore

    Added by Rossiani Wijaya
    Date: 30 April 2025
******/

p.lead {
    font-size: 20px;
    font-weight: bold;
}

.d-none {
    display: none;
}

.text-danger {
    color: red;
}

.search-results .search-result-summary {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.search-results .search-result-post {
    padding-top: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid lightgray;
}

.search-results .search-result-post .post-title a {
    text-decoration: none;
}

.search-results .search-result-post p.post-metadescription {
    margin-bottom: 0;
}

form.site-search-form-nav .input-group,
form.site-search-form .input-group {
    width: 600px;
    display: inline-block;

    @media (max-width: 40em) {
    	width: 300px;
    }
}

form.site-search-form-nav .input-group input,
form.site-search-form .input-group input {
    width: 400px;

    @media (max-width: 40em) {
    	width: 220px;
    }
}

form.site-search-form-nav .search-button,
form.site-search-form .search-button {
    left: -10px;
    top: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top: 2px solid #000000;
    border-right: 2px solid #000000;
    border-bottom: 2px solid #000000;
}

form.site-search-form-nav .site-search-input-nav,
form.site-search-form .site-search-input {
    border-top: 2px solid #000000;
    border-left: 2px solid #000000;
    border-bottom: 2px solid #000000;
}

section.numbered-list .numbered-list__item {
    padding-top: 0;
}

.accordion .accordion__content h3 {
    font-size: 28px;
}

.accordion .accordion__content h4 {
    font-size: 24px;
}

mimas-block[block-name=marketo-form][data-variant=marketo] dialog h2.h1 {
    color: #FFFFFF;
}

mimas-block[block-name=marketo-form][data-variant=marketo] form .mktoFormRow {
    font-size: 18px;
    @media (min-width: 48em) {
        width: 100% !important;
    }
}

mimas-block[block-name=marketo-form][data-variant=marketo] form .mktoFormRow .mktoHtmlText,
mimas-block[block-name=marketo-form][data-variant=marketo] form .mktoFormRow label,
mimas-block[block-name=marketo-form][data-variant=marketo] form .mktoFormRow a {
    color: #FFFFFF !important;
    font-size: 18px;
}

mimas-block[block-name=marketo-form][data-variant=marketo] form .mktoButtonRow button[type=submit],
mimas-block[block-name=marketo-form][data-form-type=marketo] form .mktoButtonRow button[type=submit] {
    margin-top: 5rem;
    width: unset !important;
    padding-right: 120px;
}

mimas-block[block-name=marketo-form][data-variant=marketo] form .mktoFormRow label {
    /***width: 100% !important;**/
    width: auto !important;
}

mimas-block[block-name=marketo-form][data-variant=marketo] form .mktoFormRow .mktoTextField,
mimas-block[block-name=marketo-form][data-variant=marketo] form .mktoFormRow .mktoEmailField {
    width: 50ch !important;
    @media (max-width: 40em) {
    	width: 30ch !important;
    }
}

mimas-block[block-name=marketo-form][data-variant=marketo] form .mktoFormRow .mktoTelField {
    width: 18ch !important;
}

mimas-block[block-name=marketo-form][data-variant=marketo] form .mktoFormRow textarea {
    width: 600px !important;
    @media (max-width: 40em) {
    	width: 300px !important;
    }
}

mimas-block[block-name=marketo-form][data-variant=marketo] .modal__content form .mktoFormRow textarea {
    border-color: #303030 !important;
}

mimas-block[block-name=marketo-form][data-variant=marketo] form .mktoFormRow textarea:hover,
mimas-block[block-name=marketo-form][data-variant=marketo] form .mktoFormRow textarea:active,
mimas-block[block-name=marketo-form][data-variant=marketo] form .mktoFormRow textarea:focus {
    border-color: #5525e5 !important;
}

mimas-block[block-name=marketo-form][data-variant=marketo] form .mktoFormRow select {
    max-width: 600px !important;
    width: auto !important;    
}

mimas-block[block-name=marketo-form][data-variant=marketo] form .mktoFormRow .mktoHtmlText a:hover {
    text-decoration: none;
}

mimas-block[block-name=marketo-form][data-variant=marketo] form .mktoFormRow .mktoError {
    right: unset !important;
    left: 0;
    bottom: 0 !important;
}

mimas-block[block-name=marketo-form][data-variant=marketo] form .mktoFormRow .mktoError .mktoErrorMsg {
    max-width: 100%;
}

mimas-block[block-name=marketo-form][data-variant=marketo] form .mktoFormRow .mktoError .mktoErrorMsg .mktoErrorDetail {
    display: inline-block;
}

mimas-block[block-name=marketo-form][data-variant=marketo] .email-subscription__form form .mktoField:not([type=checkbox]) {
    /**background-color: #303030 !important;**/
    margin-bottom: 3rem !important;
    margin-top: 1.2rem !important;
}

mimas-block[block-name=marketo-form][data-variant=marketo] .email-subscription__form form .mktoField[type=checkbox] {
    margin-top: 0 !important;
	margin-bottom: 0.5rem !important;
}
mimas-block[block-name=marketo-form][data-variant=marketo] .email-subscription__form form .mktoField[type=radio] {
	margin-top: 0.5rem !important;
	margin-bottom: 0.5rem !important;
}

mimas-block[block-name=marketo-form][data-variant=marketo] .email-subscription__form form .mktoField[type=checkbox]:checked,
mimas-block[block-name=marketo-form][data-variant=marketo] .email-subscription__form form .mktoField[type=radio]:checked {
    background-color: #5525e5;
}

mimas-block[block-name=marketo-form] .block-heading {
    align-self: unset !important;
}

.global-nav__item--top:first-child + li {
    @media (min-width: 80em) {
        padding-left: unset !important;
    }
}

footer a:not(.button):visited {
    color: #FFFFFF !important;
}

.breadcrumbs .ico-chevron:after {
    content: '\203A'; /** chevron **/
    font-size: 25px;
}