@import url("https://p.typekit.net/p.css?s=1&k=vfu3sog&ht=tk&f=2005.2007.2009.10890.10892&a=41191321&app=typekit&e=css");

@font-face {
    font-family: 'Uni Neue';
    src: url('https://swift.rc.nectar.org.au/v1/AUTH_05bca33fce34447ba7033b9305947f11/static-web-assets/tern/2020-04-09/fonts/fontfabric_-_unineueheavy-webfont.woff2')format('woff2'),
         url('https://swift.rc.nectar.org.au/v1/AUTH_05bca33fce34447ba7033b9305947f11/static-web-assets/tern/2020-04-09/fonts/fontfabric_-_unineueheavy-webfont.woff')format('woff');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Uni Neue';
    src: url('https://swift.rc.nectar.org.au/v1/AUTH_05bca33fce34447ba7033b9305947f11/static-web-assets/tern/2020-04-09/fontfabric_-_unineuelight-webfont.woff2')format('woff2'),
         url('https://swift.rc.nectar.org.au/v1/AUTH_05bca33fce34447ba7033b9305947f11/static-web-assets/tern/2020-04-09/fontfabric_-_unineuelight-webfont.woff')format('woff');
    font-weight: 300;
    font-style: normal;
}

html {
	font-size: 100%;
}

body {
	-webkit-font-smoothing: antialiased;
	color: #333;
	font-family: 'museo-sans', sans-serif;
	font-size: 16px;
    font-weight: 500;
    line-height: 1.42857143;
	margin: 0;
    padding: 0;
}

a {
	color: #e36a51;
}

a:focus, a:hover {
	color: #e36a51;
}

.btn-primary {
    color: #fff;
    background-color: #6eb3a6;
    border-color: #6eb3a6;
}

.btn-primary:hover {
    color: #fff;
    background-color: #58c9b4;
    border-color: #58c9b4;
}

.btn-primary:disabled {
    background-color: #6eb3a6;
    border-color: #6eb3a6;
    /* pointer-events: none; */
    cursor: not-allowed;
}


.btn-danger {
    color: #fff;
    background-color: #ed694b;
    border-color: #ed694b;
}

.btn-danger:hover {
    color: #fff;
    background-color: #e8421d;
    border-color: #e8421d;
}

.text-muted {
    color: #bbbbbb !important;
}

/* TOP HEADER STYLES */
.above-header	{
    background-color: #0f3540;
    font-size: .8rem;
}

.above-header .container {
    max-width: 1185px;
    height: 100%;
}

.above-header .above-header-section-wrap {
    justify-content: flex-end;
    height: 100%;
    min-height: 48px;
}

.above-header .above-header-section-wrap .above-header-section {
    padding: 0;
    font-size: 1rem;
}

.above-header .above-header-section .row {
    height: 100%;
}

.above-header .above-header-section-1 {
    margin-right: 0;
}

.above-header .above-header-section-wrap .above-header-section-2 .link-tern-home {
    background-color: #fff;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
}

.above-header .above-header-section-wrap .above-header-section-2 .link-tern-home a {
    color: #043e4f;
    position: relative;
    display: inline-block;
    top: 25%;
}

.above-header .above-header-section-wrap .above-header-section-2 .link-tern-home a img {
    max-width: 65px;
}

.above-header .above-header-section-wrap .above-header-section-2 .link-data-portal {
    background-color: #ed694b;
    color: #fff;
}


.above-header .above-header-section-wrap .above-header-section a {
    font-family: 'Uni Neue', sans-serif;
    font-weight: 900;
}

.above-header .above-header-section-wrap .above-header-section-2 .link-data-portal a {
    top: 25%;
    color: #fff;
    display: inline-block;
    position: relative;
    padding-left: 24px;
    background-image: url(https://swift.rc.nectar.org.au/v1/AUTH_05bca33fce34447ba7033b9305947f11/static-web-assets/tern/2020-04-09/images/search-icon@2x.png);
    background-repeat: no-repeat;
    background-size: 24px auto;
}


/* MENU / APP HEADER STYLES */
.main-header {
	padding: 15px 15px 15px 15px;
	margin-top: 15px;

}

.main-header img {
	max-width: 300px;
}

.main-header .navbar {
    color: #6eb3a6;
}

.main-header .navbar .navbar-text {
    white-space: nowrap;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 4rem;
}

.main-header .navbar .navbar-text h3 {
    display: flex;
    margin: 0;
}


.content-title {
	background: url(https://www.tern.org.au/wp-content/uploads/innerbanner@2x-scaled.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center right;
	margin-bottom: 1em;
}

.content-title-container  {
	padding: 49px 15px 49px 15px;
}

.content-title h1 {
	font-family: "Uni Neue", Sans-serif;
	font-size: 35px;
	font-weight: 900;
	/* color: #043e4f; */
	color: #FFF;
}


.main-footer {
	margin-top: 1em;
}

.main-footer .footer-columns {
    max-width: 1215px;
    margin-left: auto;
    margin-right: auto;
}

.main-footer h3 {
	color: #0f3540;
	font-size: 16px;
	font-family: "Uni Neue", Sans-serif;
	font-weight: 900;
}

.main-footer p {
    font-size: 14px;
}

.main-footer img {
	height: auto;
}

.main-footer .footer-section {
	border-style: solid;
	border-width: 7px 0px 0px 0px;
	border-color: #669fba;
	transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
	padding: 45px 0px 0px 0px;
	margin: 1em;
}

.main-footer .footer-section p {
    font-size: 14px;
}


.main-footer .footer-contact {
	border-color: #043e4f;
}

.main-footer .contact-social a {
	margin-right: 20px;
    color: #0f3540;
    font-size: 25px;
}

.main-footer .contact-social a:hover {
    color: #ed694b;
    text-decoration: none;
}


.main-footer .footer-funding img {
	width: 138px;
}

.main-footer .footer-investment img {
	width: 180px;
}
.main-footer .footer-accreditation img {
	width: 80px;
    height: auto;
}


.main-footer .footer-resources {
	border-color: #ed694b;
}

.main-footer .footer-partners {
	color: #ffffff;
	background-color: #898888;
	padding: 10px;
	margin-top: 1em;
}

.main-footer .footer-partners-list {
	background-color: #ecebea;
    padding-bottom: 30px;
}

.main-footer .footer-partners-list div {
    padding-left: 20px;
    padding-right: 20px;
}


/* login form and user update form styles */
.login-form-container {
    background: #0f3540;
    background-size: 100% 100%;
    border-radius: 20px;

    line-height: 2;
    padding: 2em;
    color: #F6F6F8;
}

.login-form-container .login-help a:hover {
    /* background is teal, so link hover needs to be some light color */
    color: #f5a26c;
}

/* @media (min-width: 768px) {
    .login-form-container {
        border-radius: 20px 0 0 20px;
    }
} */

/* @media (min-width: 768px) { */
@media (min-width: 992px) {
    .login-text-section {
        left: -20px;
    }
}

.login-text-container {
    background-image: url(../img/text-background.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 20px;
    min-height: 400px;
    font-size: larger;
}

@media (max-width: 992px) {
    .login-text-container {
        min-height: auto;
    }
}


.login-text-container h3 {
    color: #5EA595;
    font-size: 1.65rem;
    /* color: #e36a51; */
}

.login-text-container h3 a {
    color: #5EA595;
    /* color: #e36a51; */
    text-decoration: underline;
}

.login-text-container h3 a:focus, .login-text-container h3 a:hover {
	color: #9aE5D5;
}


.login-text-container p {
    color: #F6F6F8;
}


/* kc login style overrides */
#kc-form form {
    display: none;
}

#kc-social-providers h4 {
    margin-left: 5%;
}

#kc-social-providers ul {
    margin-top: 1em;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    margin-bottom:1rem;
}

#kc-social-providers a {
    height: 50px;
    width: 240px;
    padding:12px 0 0 60px;
    color: #fff;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: left top;
    transition-delay:0s, 0s, 0s;
    transition-duration:0.218s, 0.218s, 0.218s;
    transition-property:background-color, border-color, box-shadow;
    transition-timing-function:ease, ease, ease;
}

#kc-social-providers a:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 3px 3px rgba(66,133,244,1);
    box-shadow: 0 0 3px 3px rgba(66,133,244,1);
}

#kc-social-providers .login-pf-social-link:not(:first-child) {
    margin-top: 0.5rem;
}

#kc-social-providers a#social-google {
    background-color: #FFFFFF;
    color: #757575;
    background-image: url(../img/google-icon.svg);
}

#kc-social-providers a#social-aaf {
    background-color: #f04030ff;
    background-image: url(../img/aaf-login-button.svg);
}

#kc-social-providers a#social-cilogin {
    background-color: #ffffffff;
    background-image: url(../img/cilogon-logo.svg);
    background-position-y: center;
    background-size: 70%;
    background-position-x: 0.5rem;
}

#kc-social-providers a#social-cilogon {
    background-color: #ffffffff;
    background-image: url(../img/cilogon-logo.svg);
    background-position-y: center;
    background-size: 70%;
    background-position-x: 0.5rem;
}

#kc-social-providers a#social-cilogin span {
    display: none;
}

#kc-social-providers a#social-cilogon span {
    display: none;
}

#kc-social-providers #social-aaf span {
    display: none;
}

.login-pf-social {
    line-height: 1.5;
}
.kc-terms-text {
    display: block;
}

.kc-terms-text a:hover {
    color: #b3d4c9;
}

.login-form-container .form-actions {
    margin-bottom: 1rem;
    display: flex;
    justify-content: center;
    padding: 1em;
}

/* .btn-primary:disabled {
    background-color: grey;
    cursor: not-allowed;
    pointer-events: none;
} */

input:invalid {
    border: 2px dashed orangered;
}

.selectize-input.invalid {
    border: 2px dashed orangered;
}

/*
* highlight the div sorrounding
* the invalid field
*/
.invalid-form-field-div {
    border-style: solid;
    border-color: orangered;
    border-radius: 8px;
}
.errorMessage {
    font-style: italic;
    color: orangered;
}

.hide-australian-state {
    display: none;
}
.show-australian-state {
    display: block;
}

/*
* Make readonly form fields darker
*/
.form-control:disabled, .form-control[readonly] {
    background-color: #aaaaaa;
    opacity: 1;
    /* font-style: italic; */
    font-weight: bold;
}
.label-right-align {
    text-align: right;
}
/* disable label right align */
/* for smaller width for responsiveness */
@media (max-width: 600px) {
  .label-right-align {
    text-align: left;
  }
}

/*
KC 26.X
login-update-profile.ftl
*/
/* Make form-group horizontal */
#kc-update-profile-form .form-group {
  display: flex;
  justify-content: center; /* centers label+field block */
  align-items: center;
  margin-bottom: 1rem;
}

/* Label column */
#kc-update-profile-form .form-group > div:first-child {
  /* flex: 0 0 30%;
  max-width: 30%;
  text-align: right;
  padding-right: 1rem; */
  width: 200px;           /* fixed label width */
  text-align: right;      /* label text alignment */
  padding-right: 1rem;
}

/* Input/select column */
#kc-update-profile-form .form-group > div:last-child {
  /* flex: 1; */
  width: 360px;           /* input width */
}

/* Width of form fields in update profile form */
@media (min-width: 576px) {
    #kc-update-profile-form .form-group > div:nth-child(2) {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
    }
}
/* Prevent wrapping on narrow screens */
@media (max-width: 768px) {
  #kc-update-profile-form .form-group {
    flex-direction: column;
    align-items: stretch;
  }

    #kc-update-profile-form .form-group > div:first-child {
    text-align: left;
    max-width: 100%;
    margin-bottom: 0.25rem;
  }
}

/* Ensure inputs fill their column */
/* #kc-update-profile-form input, */
#kc-update-profile-form select,
#kc-update-profile-form textarea {
  width: 100%;
}

/* Overrides the text color for inline validation messages */
 #input-error-fieldOfResearch,
 #input-error-typeOfActivity,
 #input-error-title,
 #input-error-homeOrganisation,
  #input-error-countryName{
    color: #ff0000;
    font-size: medium;
}