/* 1. Define the Font */
@font-face {
  font-family: 'VIC';
  src: url('https://linkit-css-aus.s3.ap-southeast-2.amazonaws.com/Portal/Production/2956/VIC-Regular.woff') format('woff2'),
       url('https://linkit-css-aus.s3.ap-southeast-2.amazonaws.com/Portal/Production/2956/VIC-Regular.woff2') format('woff');
  font-weight: 400; /* Regular */
  font-style: normal;
  font-display: swap;
}

/* 2. Global Override */
body * {
  /* 'VIC' is your custom font, 'sans-serif' is the safety fallback */
  font-family: 'VIC', sans-serif !important;
}

#portal-v2-containter .home-post-header {
    padding: .67em 1em;
}

#portal-v2-containter.mode-impersonation { background-color: var(--blue1) !important}

.btn-impersonation {
display:none
}


/* 2956 & 3059 MERGED CSS */

/* SECTOR 3059 */
/* Begin VCAA DAL Gradient Background */
/* VCAA Blue Stipes */

#portal-v2-containter.special-page-login {
    background: linear-gradient(60deg, #97187f 0%, #911d81 11%, #7e2c88 24%, #634293 37%, #326ba9 57%, #1487bf 71%, #0596d3 81%, #009ce1 88%, #00a0e6 94%, #00a1e6 100%)
}


/* End VCAA DAL Gradient Background */

.logo {
    background: url(https://linkit-css-aus.s3.ap-southeast-2.amazonaws.com/Portal/UAT/3054/vcaalogonovic.svg) no-repeat center;
    width:220px;
    height: 50px;
    margin: 12px 0px 24px 12px;
}

body:not(.vertical-navigation-expanded) .logo {
    background: url(https://linkit-css-aus.s3.ap-southeast-2.amazonaws.com/Portal/UAT/3054/vcaaicon.svg) no-repeat center;
    width: 52px;
    height: 50px;
    margin: 12px 0px 24px 8px;
}

/* Hide Add+ Button */
#addNewStudentBtn {
    display:none !important;
    
}
/* Modify Generate Buttons */

#showBtnGenerateGroup {margin-right:10px}

#showBtnGenerateGroup > button:first-of-type {
  font-size: 0;
}

#showBtnGenerateGroup > button:first-of-type::before {
  content: "Generate Student Logins";
  font-size: 14px;
    
}

#showBtnGenerateGroup > button:nth-of-type(2) {
  display: none;
}

/* Modify Regestration code message */

#divStudent .message.success li::after {
  content: "Student Logins Generated Sucessfully";
  display: inline;
    font-family: 'Roboto', Verdana, Arial, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: normal;
}

#divStudent .message.success li {
font-size:0px
}

/* Modify Export modal */

/* Replace One page per student label */
#modal-export label[for="export-by-per-student"]::after {
  content: " (with instructions)";
  font-weight: normal;
}

/* Replace Labels label */
#modal-export label[for="export-by-avery"]::after {
  content: " (14 per page – Avery L7163)";
  font-weight: normal;
}

/* Add new Header */
#modal-export h2.header::after {
  content: "Student login details";
  font-weight: 700;
  font-size:1.2rem
}

/* Hide Old Header */
#modal-export h2.header {
  font-size: 0px; 
}

/* Hide List option */
#export-by-list,
label[for="export-by-list"] {
  display: none !important;
}

#modal-export .modal-component-body {
  margin-top: -24px !important;
}

#modal-export > .modal-component-wrapper > .modal-component-container > .modal-component-content > .modal-component-body {
  margin-top: -24px !important;
}

/* Notification Icon */

.notification .notification-unread {
  background: red;
  border-radius: 50%;
  color: white; /* Just in case */
  animation: pulse 1.5s infinite;
}

@keyframes pulse {
  0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7); }
  50% { transform: scale(1.2); box-shadow: 0 0 0 8px rgba(255, 0, 0, 0); }
  100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 0, 0, 0); }
}



/* Sector 2956 CSS Variables */

:root {
    --navyColor:var(--VCAA-secondary-blue-2); /*replaces linkit navy*/
    --red:var(--VCAA-secondary-blue-2); /*replaces linkit red*/
    --red2:var(--VCAA-primary-blue); /*replaces linkit red2*/

/* Variables for VCAA branding */

    --VCAA-gradient-angle: -49.25deg; /* Initally set to 90 + 40.75 from style guide */
    --VCAA-gradient-band-width: 200px; /* Width of middle gradient band - not sure if should be set width or percentage based */
    --VCAA-gradient-break-1: 34%; /* First gradient break point */
    --VCAA-gradient-break-2: calc(var(--VCAA-gradient-break-1) + var(--VCAA-gradient-band-width)); /* Second gradient break point */
    --VCAA-white-stripe-width: 3px; /* Multiplied by two when used */
    --VCAA-primary-blue: rgba(0, 153, 227, 1);
    --VCAA-secondary-blue-1: rgba(0, 118, 163, 1);
    --VCAA-secondary-blue-2: rgba(0, 61, 88, 1);
    
}

/* Begin VCAA Gradient Background */
/* VCAA Blue Stipes */

#portal-v2-containter.special-page-login {
    background: linear-gradient(var(--VCAA-gradient-angle),
     var(--VCAA-primary-blue) 0%,
     var(--VCAA-primary-blue) var(--VCAA-gradient-break-1),
     var(--VCAA-secondary-blue-1) var(--VCAA-gradient-break-1),
     var(--VCAA-secondary-blue-1) var(--VCAA-gradient-break-2),
     var(--VCAA-secondary-blue-2) var(--VCAA-gradient-break-2));
}

/* Right White Stipe */
#portal-v2-containter.special-page-login::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
        background: linear-gradient(var(--VCAA-gradient-angle), 
        rgba(0, 153, 204, 0) 0%, 
        rgba(255, 255, 255, 0) calc(var(--VCAA-gradient-break-1) - var(--VCAA-white-stripe-width)), 
        rgba(255, 255, 255, 1) calc(var(--VCAA-gradient-break-1) - var(--VCAA-white-stripe-width)), 
        rgba(255, 255, 255, 1) calc(var(--VCAA-gradient-break-1) + var(--VCAA-white-stripe-width)), 
        rgba(255, 255, 255, 0) calc(var(--VCAA-gradient-break-1) + var(--VCAA-white-stripe-width))
    );
    mask: linear-gradient(to right, black 0%, black calc(calc(100% - var(--VCAA-gradient-break-1)) - 100px), transparent calc(calc(100% - var(--VCAA-gradient-break-1)) - 100px), transparent 100%);
}

/* Left White Stipe */
#portal-v2-containter.special-page-login::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
        background: linear-gradient(var(--VCAA-gradient-angle), 
        rgba(0, 153, 204, 0) 0%, 
        rgba(255, 255, 255, 0) calc(var(--VCAA-gradient-break-2) - var(--VCAA-white-stripe-width)), 
        rgba(255, 255, 255, 1) calc(var(--VCAA-gradient-break-2) - var(--VCAA-white-stripe-width)), 
        rgba(255, 255, 255, 1) calc(var(--VCAA-gradient-break-2) + var(--VCAA-white-stripe-width)), 
        rgba(255, 255, 255, 0) calc(var(--VCAA-gradient-break-2) + var(--VCAA-white-stripe-width))
    );
    mask: linear-gradient(to right, black 0%, black calc(calc(100% - var(--VCAA-gradient-break-2)) - 300px), transparent calc(calc(100% - var(--VCAA-gradient-break-2)) - 300px), transparent 100%);
}

/* End VCAA Gradient Background */

.slider-wrapper {
    position:relative;
    aspect-ratio:13/2;

}

.nivo-slice, .nivoSlider-loaded.nivoSlider {
    background-size: contain !important;
    background-color:transparent !important
}

.home-post-section {
    height: 30vh
}


/* Replace Dashboard with Phonics Check label */

#reporting-item-vue-js a {
  color: transparent;          /* hide original text */
  position: relative;
}

#reporting-item-vue-js a::after {
  content: 'Dashboard (Phonics, FA-L)';
  color: #ffffff;              /* match existing text colour */
  position: absolute;
left:20px
}

/* Replace Data Explorer with DAL */

#data-explorer a {
  color: transparent;          /* hide original text */
  position: relative;
}

#data-explorer a::after {
  content: 'Reporting (DAL)';
  color: #ffffff;              /* match existing text colour */
  position: absolute;
left:20px
}

#portal-v2-containter .home-post-item .description {
    white-space: pre-wrap;
}

#aDistrictSetting {
    width: fit-content;
}

#fsSelectOption > legend {
    width: fit-content;
}