/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOiCnqEu92Fr1Mu51QrEz0dL_nz.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOiCnqEu92Fr1Mu51QrEzQdL_nz.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOiCnqEu92Fr1Mu51QrEzwdL_nz.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOiCnqEu92Fr1Mu51QrEzMdL_nz.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOiCnqEu92Fr1Mu51QrEz8dL_nz.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOiCnqEu92Fr1Mu51QrEz4dL_nz.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOiCnqEu92Fr1Mu51QrEzAdLw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc3CsTKlA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc-CsTKlA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc2CsTKlA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc5CsTKlA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc1CsTKlA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc0CsTKlA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc6CsQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xFIzIFKw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xMIzIFKw.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xEIzIFKw.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xLIzIFKw.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xHIzIFKw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xGIzIFKw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xIIzI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ACc3CsTKlA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ACc-CsTKlA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ACc2CsTKlA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ACc5CsTKlA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ACc1CsTKlA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ACc0CsTKlA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ACc6CsQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBic3CsTKlA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBic-CsTKlA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBic2CsTKlA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBic5CsTKlA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBic1CsTKlA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBic0CsTKlA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBic6CsQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TLBCc3CsTKlA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TLBCc-CsTKlA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TLBCc2CsTKlA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TLBCc5CsTKlA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TLBCc1CsTKlA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TLBCc0CsTKlA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TLBCc6CsQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxFIzIFKw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxMIzIFKw.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxEIzIFKw.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxLIzIFKw.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxHIzIFKw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxGIzIFKw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxIIzI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfABc4EsA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



body.ccb{
color:#868686;
font-family:Roboto,Arial,Helvetica,sans-serif;
font-weight:400;
}

.ccb .header-logo img.header-logo-desktop{
	display:none;
}


@media (max-width: 63.9375em) {
.ccb .header-logo img.header-logo-desktop{
	display:none;
}

}

@media (min-width: 64em) {
.ccb .header-logo img.header-logo-desktop[src*="/globalassets/images/logos/logo-unisa-portrait-black.svg"] {
    display:block
}
}

.ccb .pillar-toggle:after{
    color:rgb(100,100,100);
}

.ccb .toolbar{
display:block !important;
}

.ccb .top-navigation .pillar-toggle:hover:after{
    color:rgb(125,125,125);
}

.ccb .pillar-subheading > a{
	color:#98c0e6 !important;
}

.ccb .pillar-overlay h2.pillar-visit-link a:hover{
    border-color:rgb(100,100,100);
}

.ccb .top-navigation .pillar-item.active a.pillar-visit, .ccb .top-navigation a.pillar-visit:hover{
    border-color:rgb(100,100,100);
}

.ccb .secondary-navigation-wrapper{
    background-color:#7582bf;
    border-color:#fff;
}

.ccb header a:not(.button), .ccb header a:not(.button):link, .ccb header a:not(.button):visited{
    color:#7582bf;
}

.ccb header .pillar-active a:not(.button),
.ccb header .pillar-active a:not(.button):link,
.ccb header .pillar-active a:not(.button):visited{
    color:#fff;
}

.ccb .pillar-active .pillar-overlay-background:before{
    background-color:#7582bf;
}

.ccb .pillar-overlay-background{
    background-color:rgba(0,0,0,0.85)
}

.ccb .pillar-item{
	display:list-item !important;
}

.ccb ul#top-nav-accordion:after{
display:none;
}

hr
{
	border: 0;
	border-top: 1px solid #E9E9F0;
	margin-bottom: 1rem;
}


h1,
h2,
h3,
h4,
h5,
h6,
.ccb h1.small,
.ccb h2.small,
.ccb h3.small,
.ccb h4.small,
h1 strong,
h2 strong,
h3 strong,
h4 strong
{
    color:#7582bf;
    font-family:Roboto,Arial,Helvetica,sans-serif;
    font-weight:900;
}

h1,
.ccb h1.small,
h1 strong{
    color:#7582bf;
    font-family:Roboto,Arial,Helvetica,sans-serif;
    font-weight:300 !important;
}

ol, p, ul{
	margin: 0 0 2rem;
}


blockquote, input, ol li, p, select, span, textarea, ul li{
    font-size:15px;
    font-size:1.5rem;
}

em,
i{

}


#header a:hover{
	border-bottom:0px;
}

/* Anchors/links */
.ccb a:not(.button),.ccb a:not(.button):link,.ccb a:not(.button):visited{
    color: #7582bf;
    text-decoration: none;
}

.ccb a:not(.button):hover {
    text-decoration: none;
    border-bottom:1px solid #7582bf;
}

.ccb .footer-sticky .buttons-wrapper a{
    color:#fff;
}




.ccb ~ .page-header-block.block-with-background-image .breadcrumbs
{
	text-align: left;
	text-shadow: none;
    color: #7582bf;
    display: none;
}
.ccb ~ .page-header-block.block-with-background-image + .layout-block
{
	display: none;
}
.ccb ~ .page-header-block .page-header-block-inner
{
	padding-bottom: 0;
}
.ccb ~ .page-header-block .page-header-block-inner .title-row
{
	margin-top: -6rem;
}
.ccb ~ .page-header-block.block-with-background-image + .layout-block + .layout-block .block-content .text18
{
	text-align: center;
	color: #7582bf;
}
.ccb .slideshow-block > .row
{
	margin-left: auto;
	margin-right: auto;
}

.ccb .u17-sub-menu .u17-top-nav-contents{
	flex:0;
}

@media screen and (max-width:1082px) {

	.ccb ~ .u17-sub-menu{
		width:100%;
		margin: 0 auto;
		margin-top:-100px;
	}

	.ccb ~ .u17-sub-menu .navbar-toggle .icon-bar, .ccb .navbar-toggle .icon-bar:active{
		width:32px;
		height:3px;
	}

	.ccb ~ .u17-sub-menu.theme-background-white .topnav .icon .icon-bar{
		background-color:#7582bf;
	}

	.ccb ~ .u17-sub-menu.theme-background-white .topnav.responsive li{
		border-bottom:1px solid #7582bf
	}

	.ccb ~ .u17-sub-menu .navbar-toggle .icon-bar + .icon-bar{
		margin-top:7px
	}

	.ccb ~ .u17-sub-menu .topnav.responsive .icon-bar:nth-of-type(1) {
		transform: rotate(45deg);
		transform-origin: 10% 10%;
	}
	.ccb ~ .u17-sub-menu .topnav.responsive .icon-bar:nth-of-type(2) {
		opacity: 0;
		width: 0;
	}
	.ccb ~ .u17-sub-menu .topnav.responsive .icon-bar:nth-of-type(3) {
		transform: rotate(-45deg);
		transform-origin: 0% 90%;
	}
	.ccb ~ .u17-sub-menu .topnav.responsive {
		position: fixed;
		width:100%;
		height:100vh;
		background-color:#fff;
		top: 0;
		padding-top:200px;
		z-index:6;
	}
	.ccb ~ .u17-sub-menu .topnav.responsive .icon{
		position:absolute;
		top:100px;
		right:0px;
	}
}

.ccb ~ .u17-sub-menu .topnav.responsive {
	-webkit-animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}




/* HOMEPAGE ELEMENTS */
.ccb .block-largequote .blockquote {
    color:#7582bf;
}
.ccb .block-largequote .blockquote{
		font-size: 2rem;
		line-height:1.2em;
		text-align:left;
		padding: 0 3rem;
		border-left:3px solid #cecece;
		font-family:Roboto,Arial,Helvetica,sans-serif;
		font-weight:700;
		margin-bottom:0;
	}

.ccb .block-largequote p strong {
    color: #7582bf;
}

.ccb .block-largequote p.text-centered strong:empty ~ br ~ span{
    display: none;
}


/* EVENT SLIDER - IMAGE GALLERY OVERRIDE */
.ccb .u17-event-slider .image-gallery .image-wrapper.no-background-image {
    margin:0 0;
}

.ccb .u17-event-slider .image-gallery .image-wrapper{
	width:100%;
	height:auto;
}

.ccb .u17-event-slider .row{
	width:100%;
	max-width:100%;
	height:auto;
}

.ccb .u17-event-slider .row .large-10{
	width:100%;
	padding:0 0;
}

.ccb .u17-event-slider .carousel-cell-image{
	margin-top:9rem;
	margin-bottom:10rem;
padding-left:0;
}
.ccb .image-gallery-block .image-gallery .gallery-cell:focus,
.ccb .image-gallery-block .thumbnail-image-gallery .image-wrapper:focus
{
	outline: none;
}

.ccb .thumbnail-image-gallery .image-wrapper, 
.ccb .thumbnail-image-gallery .image-wrapper-inner
{
	background: transparent;
}

.ccb .u17-event-slider .previous,
.ccb .u17-event-slider .next{
	display:none;
}

@media screen and (min-width: 1082px) {
	.ccb .u17-event-slider .carousel-cell-image{
		margin-top:4rem;
		margin-bottom:4rem;
		
	}
	.ccb .u17-event-slider .image-gallery .image-wrapper
	{
		min-height: 684px;
	}
}

.ccb .u17-event-slider .thumbnail-image-gallery .carousel-cell-image{
	margin-bottom:1rem;
	margin-top:1rem;
}



@media screen and (max-width: 1082px) {
	.ccb .u17-event-slider{
		margin-top:2.5rem;
	}
	.ccb .u17-event-slider .u17-event-title {
		top:0;
		text-align:center;
		position:absolute;
		padding:4rem 2rem 2rem 2rem;
		display:block;
		width:100%;
		left: 0;
		line-height: 2rem !important;
		font-size: 1.5em  !important;
	}
	.ccb .u17-event-slider .u17-exhibition-title {
		
		text-align:center;
		position: absolute;
		padding: 0rem 2rem 0rem 2rem;
		display:block;
		width:100%;
		bottom: 7px;
		font-size: 1.5em !important;
		line-height: 2rem !important;
	}
	.ccb .u17-event-slider .carousel-cell-image {
    	margin-bottom: 7rem;
	}
    .ccb .u17-event-slider .image-gallery-block .description-wrapper {
        padding:0rem;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
    }
    .ccb .u17-event-slider .gallery-cell {
        background-color:auto !important;
    }
    .image-gallery-block .flickity-page-dots {
    	margin-top: 2rem;
	}
}
@media (min-width: 48em)
{
	.image-gallery-block .image-wrapper {
	    width: 660px;
	    width: 66rem;
	    height: 432px;
	    height: 43.2rem;
	}
	.image-gallery-block .thumbnail-image-gallery .image-wrapper
	{
		width: 100%;
		height: 100%;
	}
}

@media (min-width: 64em)
{
	.image-gallery-block .image-wrapper 
	{
	    width: 860px;
	    width: 86rem;
	    height: 572px;
	    height: 57.2rem;
	}
	.image-gallery-block .thumbnail-image-gallery .image-wrapper
	{
		width: 100%;
		height: 100%;
	}
	.thumbnail-image-gallery .gallery-cell 
	{
	    height: 130px;
	    height: 13rem;
	}
}



.ccb .flickity-page-dots .dot{
	background:#fff !important;
	border:2px solid #7582bf;
}

.ccb .flickity-page-dots .dot.is-selected{
	background-color:#7582bf !important;
}

.ccb .u17-event-slider .slideshow-slider-block  p{
    font-size:18px;
}

.ccb .image-gallery-block .description-wrapper{
    height: auto;
    height: auto;
}

@media screen and (min-width: 1082px) {
	.ccb .u17-event-slider .u17-event-title {
		transform: rotate(-90deg);
		position:absolute;
		bottom: -20px !important;
		left:3%;
		transform-origin: top left;
		word-spacing: 60px
	}

	.ccb .u17-event-slider .u17-exhibition-title {
		transform: rotate(90deg);
		position:absolute;
		right:3%;
		bottom:0px;
		transform-origin: top right;
		word-spacing: 50px
	}

	.ccb .u17-event-slider .image-gallery-block .description-wrapper {
		margin-top:-4rem;
		bottom: 4rem;
		top:auto;
		left:auto;
		position: absolute;
		width: 100%;
		height: 100%;
		background-color:transparent;
        padding-left:0;
	}

	.ccb .u17-event-slider .image-gallery-block .description-wrapper:after,
	.ccb .u17-event-slider .image-gallery-block .description-wrapper:before{
	display:none;
	}

    .ccb .u17-event-slider .image-gallery-block .description-wrapper .text20 {
        font-size: 20px;
        line-height: 1;
        width: 600px;
        margin-bottom: 0;
    }
    .ccb .u17-event-slider .image-gallery-block .description-wrapper .text20:nth-of-type(2)
    {
    	bottom: -18px;
    }
}

@media screen and (min-width: 1320px) {
	.ccb .u17-event-slider .u17-event-title {
		left:10%;
	}

	.ccb .u17-event-slider .u17-exhibition-title {
		right:10%;
	}
}

@media screen and (min-width: 1680px) {
	.ccb .u17-event-slider .u17-event-title {
		left:15%;
	}

	.ccb .u17-event-slider .u17-exhibition-title {
		right:15%;
	}
}

.ccb .u17-event-slider .thumbnail-image-gallery .image-wrapper, .ccb .u17-event-slider .thumbnail-image-gallery .image-wrapper-inner{
background-color:transparent;
padding:3rem;
}

.ccb .u17-event-slider .thumbnail-image-gallery{
width:100% !important;
max-width:800px;
}

.ccb .u17-event-slider .thumbnail-image-gallery .flickity-viewport{
height:500px !important;
}

.ccb .u17-event-slider .thumbnail-image-gallery .flickity-viewport .gallery-cell{
height:500px
}


.ccb .u17-event-slider .thumbnail-gallery-button .u17-event-date-day,
.ccb .u17-event-slider .thumbnail-gallery-button .u17-event-date-month {
    color: #7582bf;
}

.ccb .u17-event-slider .description-wrapper .u17-event-date-day,
.ccb .u17-event-slider .description-wrapper .u17-event-date-month {
    color: #fff;
}


@media screen and (min-width: 1082px) {
	.ccb .u17-event-slider .image-gallery .u17-event-date-wrapper{
		  width:100%;
		  position:absolute;
		  bottom:-63px;
		  left:0;
		  top:auto;
		  right:auto;
		  height:auto;
		  text-align:center;
		  line-height:1;
		  color:#fff;
	}

	.ccb .u17-event-slider .image-gallery .u17-event-date-day{
		  font-size: 350px;
	}

	.ccb .u17-event-slider .image-gallery .u17-event-date-month{
		  font-size: 200px;
	}
}

@media screen and (max-width: 1082px) {
	.ccb .u17-event-slider .image-gallery .u17-event-date-day{
		  font-size: 165px;
	}

	.ccb .u17-event-slider .image-gallery .u17-event-date-month{
		  font-size: 100px;
	}

	.ccb .u17-event-slider .image-gallery .u17-event-date-wrapper{
		  width:100%;
		  position:absolute;
		  bottom:187px;
		  left:0;
		  right:auto;
		  text-align:center;
		  line-height:1;
		  color:#fff;
		  height: 120px;
		  overflow: hidden;
		  letter-spacing: -10px;
	}
}

.ccb .u17-event-slider .u17-exhibition-details .u17-event-date-day{
	font-size:90px;
}
.ccb .u17-event-slider .u17-exhibition-details .u17-event-date-month{
	font-size:40px;
}

.ccb .u17-event-slider .u17-exhibition-details .u17-short-description {
	padding-top:1.52rem;
	line-height:1.5em;
	font-size:1.65rem;
}

.ccb .u17-event-slider .u17-exhibition-title-thumb {
	margin-top:3rem;
	line-height:1.2em;
	font-size:1.8rem;
        color:#7582bf;
}

.ccb .u17-event-slider .thumbnail-image-gallery .image-wrapper-inner {
    transition: transform .4s;
}

.ccb .u17-event-slider .thumbnail-image-gallery .image-wrapper-inner:hover {
    transform: scale(1.05);
}


/* MODAL BLOCK STYLES */

.ccb .left-right-modal .title.text18.theme-blue-6.altis-bold {
    display: none;
}

@media (min-width: 48em) {
    
    .ccb .left-right-modal .modal-container-content {
    width: 40%;
    float: left;
    }
    .ccb .left-right-modal .teaser-grid-block .left-col-mobile {
        width: 60%;
    }

    .ccb .left-right-modal .teaser-grid-block .left-col-mobile{
            padding: 0 3rem;
    }

	.ccb .modal-block.left-right-modal a.right-col-mobile ~ div.left-col-mobile {
	    float: left;
	    width: 60%;
	    padding-left:20px;
	    background-size: cover;
	    padding:0 3rem;
	}
	.modal-block.left-right-modal .teaser-grid-block .right-col, 
	.modal-block.left-right-modal .teaser-grid-block .right-col-mobile {
		min-height: 20rem;
	}
	.teaser-grid-block .right-col, 
	.teaser-grid-block .right-col-mobile,
       .teaser-grid-block .right-col-mobile .modal-container-content-image {
		min-height: 24rem;
	}
    .left-right-modal .teaser-grid-block .modal-container-content-image {
		min-height: 20rem;
	}

}

/* Tablet landscape */
@media (max-width: 1024px) {

	.ccb .modal-block.left-right-modal a.right-col-mobile
	{
	    min-height: 190px;
	}

}

@media (min-width: 768px) and (max-width: 1023px)
{
	.ccb .teaser-grid-block .right-col-mobile,
    .ccb .teaser-grid-block .right-col-mobile .modal-container-content-image
	{
		min-height: 36rem;
	}
     .ccb .left-right-modal .teaser-grid-block .right-col-mobile .modal-container-content-image {
		min-height: 20rem;
	}
	.ccb .modal-block.left-right-modal a.right-col-mobile
	{
	    min-height: 140px;
	}
}

@media (max-width: 767px) {

	.ccb .modal-block.left-right-modal a.right-col-mobile
	{
	    min-height: 340px;
	}
	.ccb .teaser-grid-block .right-col-mobile
	{
		min-height: 34rem;
	}
    .ccb .teaser-grid-block .modal-container-content-image {
        min-height: 34rem;
    }

}

/* MODAL BLOCK STYLES */


.ccb .reveal-overlay {
    background: rgba(255,255,255,0.9);
}
.ccb .reveal-modal
{
	box-shadow: 0 0 60px rgba(0,0,0,0.05);
}



/* EPISERVER FORM CONTAINER BLOCK */


.ccb .EPiServerForms [type=text],
.ccb .EPiServerForms [type=password],
.ccb .EPiServerForms [type=date],
.ccb .EPiServerForms [type=datetime],
.ccb .EPiServerForms [type=datetime-local],
.ccb .EPiServerForms [type=month],
.ccb .EPiServerForms [type=week],
.ccb .EPiServerForms [type=email],
.ccb .EPiServerForms [type=number],
.ccb .EPiServerForms [type=search],
.ccb .EPiServerForms [type=tel], 
.ccb .EPiServerForms [type=time],
.ccb .EPiServerForms [type=url],
.ccb .EPiServerForms [type=color],
.ccb .EPiServerForms fieldset,
.ccb .EPiServerForms select,
.ccb form [type=text],
.ccb form [type=password],
.ccb form [type=date],
.ccb form [type=datetime],
.ccb form [type=datetime-local],
.ccb form [type=month],
.ccb form [type=week],
.ccb form [type=email],
.ccb form [type=number],
.ccb form [type=search],
.ccb form [type=tel],
.ccb form [type=time],
.ccb form [type=url],
.ccb form [type=color],
.ccb form select {
    height: 54px;
    height: 5.4rem;
    padding-left: 2rem;
    margin-bottom: .5rem;
    display: block;
    margin-top: 1rem;
    width: 100%;
    font-weight: 400;
    color: #7582bf;
    border:1px solid #7582bf;
    box-shadow:none;
}

.ccb .EPiServerForms fieldset{
	border:0px solid #FFF;
	padding-left:0;
}

.ccb .EPiServerForms label span.theme-blue-6{
	color:#7582bf;
}

.ccb .EPiServerForms textarea {
    min-height: 120px;
    min-height: 12.0rem;
    margin-top: 1rem;
    width: 100%;
    display: block;
    margin-bottom: 1rem;
    padding: 2rem;
    color: #7582bf000;
    box-shadow:none;
    border:1px solid #7582bf;
    font-weight: 400;
}


.ccb .EPiServerForms label {
    color: #7582bf;
    font-size: 1.6rem;
}

.ccb .EPiServerForms,.ccb .EPiServerForms fieldset .Form__Element__ValidationError {
    font-weight: 400;
}


.ccb .EPiServerForms input::placeholder,
.ccb .EPiServerForms textarea::placeholder {
    color: #7582bf
}

.ccb .EPiServerForms .Form__Element.FormChoice.FormChoice--Image label {
    color: #7582bf;
}

.ccb .EPiServerForms .Form__Element.FormChoice.FormChoice--Image input:checked ~ span:after {
    color: #7582bf;
    background-color: #fff;
}

.ccb .EPiServerForms select {
    background-image: url(/Areas/Int/Static/themes/u17/assets/icons/arrow-down-grey.svg);
    color: #7582bf !important;
    font-weight: 400;
}


.ccb .EPiServerForms form select {
    color: #7582bf;
}

.ccb .EPiServerForms input[type=checkbox] ~ label::before {
    background: #fff;
    border: 2px solid #cecece;
}

.ccb .EPiServerForms input[type=checkbox]:hover ~ label::before,
.ccb .EPiServerForms input[type=radio]:hover ~ label::before {
    border: 2px solid #7582bf;
}

.ccb .EPiServerForms input[type=checkbox]:checked~label::before,
.ccb .form input[type=checkbox]:checked~label::before,
.ccb form input[type=checkbox]:checked~label::before{
    border: 0;
	background:#7582bf;
    -webkit-mask-image: url(/Areas/Int/Static/themes/u17/p/assets/icons/checkbox-tick.svg);
    mask-image: url(/Areas/Int/Static/themes/u17/p/assets/icons/checkbox-tick.svg);
}

.ccb .theme-background-black .EPiServerForms input[type=checkbox]:checked~label::before,
.ccb .theme-background-black .form input[type=checkbox]:checked~label::before,
.ccb .theme-background-black form input[type=checkbox]:checked~label::before{
    border: 0;
	background:#fff;
    -webkit-mask-image: url(/Areas/Int/Static/themes/u17/p/assets/icons/checkbox-tick.svg);
    mask-image: url(/Areas/Int/Static/themes/u17/p/assets/icons/checkbox-tick.svg);
}


.ccb .EPiServerForms input[type=radio]:checked~label::before {
    border: 0;
	background:#7582bf;
    -webkit-mask-image: url(/Areas/Int/Static/themes/u17/p/assets/icons/checkbox-tick.svg);
    mask-image: url(/Areas/Int/Static/themes/u17/p/assets/icons/checkbox-tick.svg);
}

.ccb .theme-background-black .EPiServerForms input[type=radio]:checked~label::before {
    border: 0;
	background:#fff;
    -webkit-mask-image: url(/Areas/Int/Static/themes/u17/p/assets/icons/checkbox-tick.svg);
    mask-image: url(/Areas/Int/Static/themes/u17/p/assets/icons/checkbox-tick.svg);
}
	
.ccb .EPiServerForms fieldset legend {
    color: #7582bf;
    font-size: 1.4rem;
}

.ccb .EPiServerForms input[type=radio] ~ label::before {
    border: 2px solid #cecece;
}

.ccb .EPiServerForms .FormRange__Input {
    background: #cecece;
}

.ccb .EPiServerForms .FormRange__Input::-webkit-slider-thumb {
    background: #7582bf;
}

.ccb .EPiServerForms .FormRange__Input::-moz-range-thumb {
    background: #7582bf;
}

.ccb .EPiServerForms .Form__Element.FormFileUpload .FormFileUpload__Input {
    color: #7582bf;
    background-color: #FFF;
    border: 1px solid #7582bf;
    box-shadow: none);
}

.ccb .EPiServerForms .Form__Element.FormFileUpload .FormFileUpload__Input:before {
    color: #7582bf000;
    background-color: #fff;
}


.ccb .EPiServerForms span.unicon-prev-button:before {
    color: #fff;
    border: 2px solid #7582bf000;
    background-color: #7582bf000;
}

.ccb  .EPiServerForms span.unicon-next-button:before {
    color: #fff;
    border: 2px solid #7582bf000;
    background-color: #7582bf000;
}

.ccb .EPiServerForms button:hover + span.unicon-prev-button:before,
.ccb .EPiServerForms button:hover + span.unicon-next-button:before {
    background-color: #ffffff;
    border: 2px solid #7582bf000;
    color:#7582bf;
}

.ccb .EPiServerForms button:disabled + span.unicon-prev-button:before,
.ccb .EPiServerForms button:disabled + span.unicon-next-button:before,
.ccb .EPiServerForms button:hover:disabled + span.unicon-prev-button:before,
.ccb .EPiServerForms button:hover:disabled + span.unicon-next-button:before {
    color: #cecece !important;
    border-color: #cecece !important;
    background-color: transparent !important;
}

.ccb .EPiServerForms .Form__NavigationBar .btnPrev {
	margin-right: 9px;
}
.ccb .EPiServerForms .Form__NavigationBar .btnNext {
	margin-left: 9px;
}

.ccb .EPiServerForms .Form__NavigationBar__ProgressBar {
    border: 1px solid #7582bf000 !important;
    position: relative;
}

.ccb .EPiServerForms .Form__NavigationBar__ProgressBar--Progress {
    background: rgb(211,211,211);
    /* Old browsers */
    background: -moz-linear-gradient(left, rgba(211,211,211,1) 0%, rgba(255,255,255,1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(211,211,211,1) 0%, rgba(255,255,255,1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(211,211,211,1) 0%,rgba(255,255,255,1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0052a0', endColorstr='#ffffff',GradientType=1 );
    /* IE6-9 */
}

.ccb .EPiServerForms .Form__NavigationBar__ProgressBar--Text,
.ccb .Form__NavigationBar__ProgressBar--Text span {
    color: #7582bf;
}

.ccb .EPiServerForms .Form__Element.FormChoice.FormChoice--Image .Form__Element__Caption{
	font-size:1.6rem;
}


.ccb .EPiServerForms ::-webkit-input-placeholder {
	color:#7582bf;
}
.ccb .EPiServerForms ::-moz-placeholder {
	color:#7582bf;
}
.ccb .EPiServerForms :-ms-input-placeholder {
	color:#7582bf;
}
.ccb .EPiServerForms :-moz-placeholder {
	color:#7582bf;
}


/* FIX FOR COMMON FONT COLOUR OVERRIDES */
.ccb .banner-block h1,
.ccb .banner-block h2,
.ccb .banner-block h3,
.ccb .banner-block h4,
.ccb .banner-block h5,
.ccb .banner-block h6,
.ccb .banner-block p,
.ccb .slideshow-slider-block .shaded-background h1,
.ccb .slideshow-slider-block .shaded-background h2,
.ccb .slideshow-slider-block .shaded-background h3,
.ccb .slideshow-slider-block .shaded-background h4,
.ccb .slideshow-slider-block .shaded-background h5,
.ccb .slideshow-slider-block .shaded-background h6,
.ccb .slideshow-slider-block .shaded-background p{
    color: inherit;
}

.theme-background-black,.theme-background-black.input-label:before {
    background-color: #7582bf
}

.theme-background-black.angled-top-small:before {
    background-image: linear-gradient(356.42deg,#7582bf,#7582bf 46%,rgba(228,228,228,0) 49%,transparent)
}

@media (min-width: 48em) {
    .theme-background-black.angled-top-small:before {
        background-image:linear-gradient(356.42deg,#7582bf,#7582bf 50%,rgba(228,228,228,0) 51.26%,transparent)
    }
}

.theme-background-black.angled-top-large:before,.theme-background-black.angled-top:before {
    background-image: linear-gradient(356.42deg,#7582bf,#7582bf 50%,rgba(228,228,228,0) 52.26%,transparent)
}

@media (min-width: 48em) {
    .theme-background-black.angled-top-large:before,.theme-background-black.angled-top:before {
        background-image:linear-gradient(356.42deg,#7582bf,#7582bf 50%,rgba(228,228,228,0) 51.26%,transparent)
    }
}

.theme-background-black.angled-bottom-large:after,.theme-background-black.angled-bottom-small:after,.theme-background-black.angled-bottom:after {
    background-image: linear-gradient(356.42deg,transparent,transparent 45%,#7582bf 52%,#7582bf)
}

@media (min-width: 48em) {
    .theme-background-black.angled-bottom-large:after,.theme-background-black.angled-bottom-small:after,.theme-background-black.angled-bottom:after {
        background-image:linear-gradient(356.42deg,transparent,transparent 48%,#7582bf 50%,#7582bf)
    }
}

.theme-background-black .more-content-shadow {
    background: linear-gradient(to top,#7582bf 20%,rgba(0,0,0,0) 80%)
}

.theme-border-black,.theme-border-hover-black:hover {
    border-color: #7582bf
}

.theme-icon-black .cls-1,.theme-icon-black svg,.theme-icon-hover-black:hover .cls-1,.theme-icon-hover-black:hover svg {
    fill: #7582bf
}

.theme-black,.theme-black h1,.theme-black h2,.theme-black h2.small,.theme-black h3,.theme-black h4,.theme-black h5,.theme-black h6,.theme-hover-black:hover,.theme-icon-black.list-style-arrow li:before,.theme-links-black a,.theme-links-black a:link,.theme-links-black a:not(.button),.theme-links-black a:not(.button):link,.theme-links-black a:not(.button):visited,.theme-links-black a:visited,.theme-links-hover-black a:hover,.theme-links-hover-black a:link:hover,.theme-links-hover-black a:not(.button):hover,.theme-links-hover-black a:not(.button):link:hover,.theme-links-hover-black a:not(.button):visited:hover,.theme-links-hover-black a:visited:hover,.theme-pseudo-after-black:after,.theme-pseudo-before-black:before,a.theme-link-black,a:link.theme-link-black,a:not(.button).theme-link-black,a:not(.button):link.theme-link-black,a:not(.button):visited.theme-link-black,a:visited.theme-link-black {
    color: #7582bf
}

.theme-icon-black .cls-1,.theme-icon-black svg,.theme-icon-hover-black:hover .cls-1,.theme-icon-hover-black:hover svg {
    fill: #7582bf
}

.theme-black,.theme-black h1,.theme-black h2,.theme-black h2.small,.theme-black h3,.theme-black h4,.theme-black h5,.theme-black h6,.theme-hover-black:hover,.theme-icon-black.list-style-arrow li:before,.theme-links-black a,.theme-links-black a:link,.theme-links-black a:not(.button),.theme-links-black a:not(.button):link,.theme-links-black a:not(.button):visited,.theme-links-black a:visited,.theme-links-hover-black a:hover,.theme-links-hover-black a:link:hover,.theme-links-hover-black a:not(.button):hover,.theme-links-hover-black a:not(.button):link:hover,.theme-links-hover-black a:not(.button):visited:hover,.theme-links-hover-black a:visited:hover,.theme-pseudo-after-black:after,.theme-pseudo-before-black:before,a.theme-link-black,a:link.theme-link-black,a:not(.button).theme-link-black,a:not(.button):link.theme-link-black,a:not(.button):visited.theme-link-black,a:visited.theme-link-black {
    color: #7582bf
}

.ccb .u17-sub-menu.theme-background-black a{
	color:#fff;
}

.ccb .u17-sub-menu.theme-background-black a:hover{
	color:#7582bf;
	background-color:#fff;
}

.ccb .u17-sub-menu.theme-background-black .topnav li{
	border-right:1px solid #333;
}

/* BREADCRUMBS */

.ccb .page-header-block .breadcrumbs a {
    color: #fff !important;
}



@media screen and (max-width: 1082px) {
	.ccb .page-header-block .breadcrumbs-outer {
    top:0px;
}
		.ccb .breadcrumbs li a{
		  color: #fff !important;

		}
		.ccb .slideshow-breadcrumbs
		{
			display: none;
		}

		.ccb .layout-block.slideshow-breadcrumbs.no-padding {
		    margin-top: 5rem;
		    margin-bottom: 3rem;
		}
		.slideshow-breadcrumbs + .unisa-full-width-content
		{
			margin-top: 4rem;
		}

	
}



	@media (min-width: 64em) {
.ccb .page-header-block .breadcrumbs-outer {
    top:64px;
    z-index:1;
}

.ccb .page-header-block .breadcrumbs-inner .columns, .ccb .slideshow-breadcrumbs .breadcrumbs-inner .columns{
    text-align:left
}

.ccb .breadcrumbs li, .ccb .breadcrumbs li a:not(.button), .ccb .breadcrumbs li a:not(.button):link, .ccb .breadcrumbs li a:not(.button):visited{
    font-size:1.15rem !important;
    font-weight:500
}
	}

/* SLIDERSHOW */

.ccb .slideshow-slider .button.large-icon-button.theme-background-transparent{
	border:1px solid
}

.ccb .slideshow-slider .button.large-icon-button.theme-background-transparent:hover{
	background-color:#fff;
	color:#7582bf;
	border:1px solid #fff;
}

.ccb .slideshow-slider .button.large-icon-button.theme-background-blue-6{
	border:1px solid #fff;
	background-color:#fff;
	color:#7582bf;
}

.ccb .slideshow-slider .button.large-icon-button.theme-background-blue-6:hover{
	background-color:#7582bf;
	color:#fff;
	border:1px solid #7582bf;
}


/* (UNTHEMED) BUTTON STYLES */



.ccb .button:not([class*=theme-]):not(:disabled) {
    border-color: #7582bf;
    color: #7582bf;
    background-color: transparent;
    border:1px solid
}

.ccb .button:not([class*=theme-]):not(:disabled):hover {
    border-color: #7582bf;
    color: #fff;
    background-color: #7582bf;
    border:1px solid;
}

.ccb .button.filled:not([class*=theme-]){
	border-color:#7582bf;
	color:#fff;
	background-color:#7582bf;
	border:1px solid;
}

.ccb .button.filled:not([class*=theme-]):hover{
	border-color:#7582bf;
	color:#7582bf;
	background-color:#fff;
	border:1px solid;
}

/* NAVIGATION LIST BLOCK */
.ccb .nav-list li{
	padding:0;
	margin:0;
	border-top:0;
}

.ccb .nav-list li a{
	color:#7582bf;
	padding:.5em 0;
	margin:0;
	border-top:0;
}

/* Animation on hover */
.ccb .nav-list li a:hover{
	background:transparent;

}

.ccb .nav-list li:after{
	content: '';
	display: block;
	height: 1px;
	margin-bottom:-1px;
	width: 0;
	background: transparent;
	transition: width .5s ease, background-color .5s ease;
}

.ccb .nav-list li:hover:after {
	width: 100%;
	background: #7582bf;
}

/* TEASER 'READ MORE' BUTTON WRAPPER */

/* Change link colour from Reflex Blue */
.ccb .buttons-wrapper a{
    color:#7582bf;
    background-image: linear-gradient(to top, #7582bf 50%, transparent 50%);
    background-size: 100% 200%;
    background-position: top;
    transition: background-position 0.3s ease-in-out;
    font-family:Roboto,Arial,Helvetica,sans-serif;
    font-weight:500;
}

.ccb .buttons-wrapper a .svg-wrapper{
    width:20px;
	margin-left:5px;
}

/* Change hover text and background colour */
.ccb .buttons-wrapper a:hover {
    color:#fff;
    background-position: bottom;
    background-color: transparent;
   -webkit-transition: all .3s ease;
   -moz-transition: all .3s ease;
   -o-transition: all .3s ease;
   -transition: all .3s ease;
}

.ccb svg.arrow-small-right,
.ccb .block-footer.buttons-wrapper a:not(.theme-icon-green-2) svg{
    fill:#7582bf;
}

.ccb .block-footer.buttons-wrapper a:not(.theme-icon-green-2):hover svg{
    fill:#fff;
}

/* Change hover fill colour of svg */
.ccb .buttons-wrapper a:hover svg{
    fill: #fff
}

/* Override primary icon colour wherever 'arrow' svg is used */
.ccb .svg-wrapper svg[class*=arrow-]{
    fill:#7582bf;
}


/* TEASER GRID BLOCK */


.ccb .teaser-grid-block .buttons-wrapper a{
    border:1px solid #7582bf;
    width:auto;
    padding-right:2.5rem;
}

/* Change appearance of 'CTA only' grid format */
.ccb .cta-only .buttons-wrapper{
    margin-left:0;
}

.ccb .cta-only .buttons-wrapper, .ccb .cta-only .buttons-wrapper a{
    width:100%;
	border-bottom:1px solid #e9e9f0;
}

.ccb .cta-only .teaser-grid-block {
    margin-bottom: 3rem;
}


.ccb .modal-classic.height-fix .teaser-grid-block .columns
{
	height: auto;
}

/* TEASER LIST BLOCK */




/* ACCORDION BLOCK */

/* Refine svg colour for plus and minus buttons */
.ccb .faq-block svg{
    fill: #7582bf;
}

/* Refine top and bottom border/separator colours */
.ccb .faq-block .accordion-item:first-child{
    border-top:1px solid #7582bf;
}

.ccb .faq-block .accordion-item{
    border-bottom:1px solid #7582bf;
}

/* Override altis font and reflex blue question heading */
.ccb .accordion-title span.question{
    color:#7582bf;
	font-family:Roboto,Arial,Helvetica,sans-serif;
	font-weight:500;
}

.ccb a.accordion-title .svg-wrapper{
	width:20px;
	margin-top:5px;
	height:20px;
}
.ccb a.accordion-title,
.ccb a.accordion-title:hover{
	border-bottom:0 !important;
}

/* Themed button at bottom of FAQ block */
.ccb .faq-block .button{
    background-color:#fff;
    color:#7582bf;
    border:1px solid #7582bf
}

.ccb .faq-block .button:hover{
    background-color:#7582bf;
    color:#fff;
    border:1px solid #7582bf
}



.ccb .angled-side-left:after{
	background:none;
	border-right:30px solid #fff;
}

/* SPLIT COLUMN BLOCK */
.ccb .layout-block-split .theme-background-blue-11{
	background-color:#7582bf;
}

.ccb .layout-block-split .theme-background-blue-11 p,
.ccb .layout-block-split .theme-background-blue-11 h1,
.ccb .layout-block-split .theme-background-blue-11 h2,
.ccb .layout-block-split .theme-background-blue-11 h3{
	color:#fff;
}

.ccb .layout-block-split .theme-background-blue-11 svg{
	fill:#fff;
}

.ccb .layout-block-split .theme-background-blue-12{
	background-color:#383e5c;
}

.ccb .layout-block-split .theme-background-blue-12 p,
.ccb .layout-block-split .theme-background-blue-12 h1,
.ccb .layout-block-split .theme-background-blue-12 h2,
.ccb .layout-block-split .theme-background-blue-12 h3{
	color:#fff;
}

.ccb .layout-block-split .theme-background-blue-12 svg{
	fill:#fff;
}

.ccb .layout-block-split a{
	border:1px solid;
}

.ccb .layout-block-split .theme-background-blue-11 a:hover{
	background-color:#fff;
	color:#7582bf;
	border:1px solid #fff;
}

.ccb .layout-block-split .theme-background-blue-12 a{
	background-color:#fff;
	color:#7582bf;
	border:1px solid #7582bf;
}

.ccb .layout-block-split .theme-background-blue-12 a:hover{
	background-color:#7582bf;
	color:#fff;
	border:1px solid #7582bf;
}

.ccb .layout-block-split.theme-online .angled-side-left-medium-up:after {
    background-image: linear-gradient(-85deg,#383e5c,#383e5c 50%,transparent 51%,transparent)
}

.ccb .layout-block-split .angled-top-small:before {
    background-image: linear-gradient(356.42deg,#383e5c,#383e5c 50%,#7582bf 52.26%,#7582bf)
}

/* SLIDER */

.ccb .online-slider{
	background-color:#7582bf;
}

.ccb .online-slider h2{
	color:#fff;
}


/* ICON BLOCK */

.ccb .icon-block svg{
	fill:#7582bf;
}

/* VIDEO PLAYER */

.ccb .video-player svg{
	fill:#7582bf;
}

/* STAFF LISTING CARD */
.ccb .staff-listing-card {
	border:none;
}
.ccb .staff-listing-card .img-small
{
	min-width: 20rem;
	height: 20rem;
}


/* ANIMATIONS */
@-webkit-keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}


/* PAGE TEASER ICON GRID */

.ccb .online-homepage-info-panel .online-degree-panel .degree-cta {
  color:#7582bf;
}

.ccb .online-homepage-info-panel .online-degree-panel .degree-cta:hover {
  color:#fff;
}

.ccb .online-homepage-info-panel .online-degree-panel .degree-cta svg {
  fill:#7582bf;
}

.ccb .online-homepage-info-panel .online-degree-panel .degree-cta:hover svg {
  fill:#fff;
}

.ccb .online-homepage-info-panel .online-degree-panel .degree-cta:hover {
  background-color: #7582bf;
}









/* VARIABLE COLUMN BLOCK */

.ccb .variable .text18{
    color:#7582bf !important;
}

.ccb .variable .button{
	border:1px solid #7582bf;
	color:#7582bf;
}

.ccb .variable .button:hover{
	border:1px solid #7582bf;
	color:#fff;
	background-color:#7582bf;
}

/* ONLINE SLIDER */

.ccb .online-slider .flickity-prev-next-button path.arrow{
    fill:#fff;
}

.ccb .online-slider .angled-side-right:before{
	background:none;
}

.ccb .online-slider .has-quote{
	background:none;
}





.ccb .online-slider .row.text-centered.theme-white > .columns h1,
.ccb .online-slider .row.text-centered.theme-white > .columns h2,
.ccb .online-slider .row.text-centered.theme-white > .columns h3,
.ccb .online-slider .row.text-centered.theme-white > .columns h4{
	color:#fff;
}

.ccb .online-slider .quote h1,
.ccb .online-slider .quote  h2,
.ccb .online-slider .quote  h3,
.ccb .online-slider .quote  h4{
	color:#7582bf !important;
}

.ccb .online-slider p{
	color:#868686 !important;
}

.ccb .side-nav-menu-inner .nav-heading1,
.ccb .side-nav-menu-inner .nav-heading2,
.ccb .side-nav-menu-inner .nav-heading3,
.ccb .side-nav-menu-inner .nav-heading4,
.ccb .side-nav-menu-inner .nav-heading5{
	color:#7582bf;
}

.ccb .side-nav-menu-inner .theme-icon-blue-2 svg{
	fill:#7582bf
}

.ccb .online-slider .quote-left, .ccb .online-slider .quote-right{
	quotes:none;
}

.ccb .theme-background-blue-1.angled-top:before {
    background-image: none;
}

@media (max-width: 47.875em) {
    .ccb .layout-block.lines-animation-container {
        background-image:none;
    }
}

/* IMAGE GALLERY BLOCK */

.ccb .image-gallery-block .flickity-prev-next-button path.arrow{
     fill: #7582bf000;
}

/* TEMPORARY OVERRIDES FROR PROTOTYPE */

style ~ .layout-block.equal-column-height{
	margin-left:inherit;
	margin-right:inherit;
}

.ccb .u17-event-slider .image-gallery .gallery-cell:nth-of-type(1){
	background-color:#F7DFC6;
}

.ccb .u17-event-slider .image-gallery .gallery-cell:nth-of-type(2){
	background-color:#ddf6f5;
}

.ccb .u17-event-slider .image-gallery .gallery-cell:nth-of-type(3){
	background-color:#ffedde;
}

.ccb .u17-event-slider .image-gallery .gallery-cell:nth-of-type(1) .u17-event-title,
.ccb .u17-event-slider .image-gallery .gallery-cell:nth-of-type(1) .u17-exhibition-title,
.ccb .u17-event-slider .image-gallery .gallery-cell:nth-of-type(1) .u17-event-title strong,
.ccb .u17-event-slider .image-gallery .gallery-cell:nth-of-type(1) .u17-exhibition-title strong{
	color:#df7a2f;
}

.ccb .u17-event-slider .image-gallery .gallery-cell:nth-of-type(2) .u17-event-title,
.ccb .u17-event-slider .image-gallery .gallery-cell:nth-of-type(2) .u17-exhibition-title,
.ccb .u17-event-slider .image-gallery .gallery-cell:nth-of-type(2) .u17-event-title strong,
.ccb .u17-event-slider .image-gallery .gallery-cell:nth-of-type(2) .u17-exhibition-title strong{
	color:#026549;
}

.ccb .u17-event-slider .image-gallery .gallery-cell:nth-of-type(3) .u17-event-title,
.ccb .u17-event-slider .image-gallery .gallery-cell:nth-of-type(3) .u17-exhibition-title,
.ccb .u17-event-slider .image-gallery .gallery-cell:nth-of-type(3) .u17-event-title strong,
.ccb .u17-event-slider .image-gallery .gallery-cell:nth-of-type(3) .u17-exhibition-title strong{
	color:#896a68;
}

.padding-top-2rem
{
	padding-top: 2rem !important;
}
.padding-top-3rem
{
	padding-top: 3rem !important;
}
.padding-top-4rem
{
	padding-top: 4rem !important;
}
.padding-bottom-7rem
{
	padding-bottom: 7rem !important;
}
.padding-bottom-4rem
{
	padding-bottom: 4rem !important;
}
.no-padding-top
{
	padding-top: 0 !important;
}

.ccb .layout-block.reduce-top-padding
{
	padding-top: 0rem;
}

@media (min-width: 64em) 
{
	.ccb .layout-block.reduce-top-padding
	{
		padding-top: 2rem;
	}
}

@media (min-width: 48em) 
{

	.intro.extra-padding-left
	{
		padding-left: 3rem;
	}
	.intro.extra-padding-right
	{
		padding-right: 3rem;
	}
}

/* SUBPAGE HERO */
.sub-hero-title
{
	position: relative;
	overflow: hidden;
}
.sub-hero-title h1
{
    position: absolute;   
    bottom: -2.8rem;
    z-index: 9;   
    text-align: center;
    width: 100%;
   	z-index: 9;
   	font-size: 6rem;
}
@media (min-width: 48em) {
	.sub-hero-title h1
	{
		font-size: 10rem;
		bottom: -2.4rem;
		line-height: 0.8;	
	}
}
@media (min-width: 64em) {
	.sub-hero-title h1
	{
		font-size: 17rem;
		bottom: -3.3rem;
		line-height: 0.8;
	}
}


.ccb .search-listing-block.events .search-listing-header .heading
{
	color: #7582bf;
	line-height: 1.4;
	font-size: 1.8rem;
}
.ccb .search-listing-block.events .search-listing-header .columns .form-field-wrapper:first-of-type
{
	display: none;
}
.ccb .search-listing-block.events form .form-field-wrapper
{
	margin: 0 2rem 0 0;
	padding-bottom: 3rem;
}
.ccb .search-form .search-button > .svg-wrapper
{
	height: 4rem;
	width: 4rem;
	background: #7582bf;
}
.ccb .search-form .search-button > .svg-wrapper svg
{
	fill: #fff !important;
}
.ccb .search-form .input-group-label .svg-wrapper.icon60
{
	height: 3.3rem;
	width: 3rem;
}
.ccb .search-form .input-group-label .svg-wrapper svg
{
	fill: #7582bf;
}

.ccb .search-form .input-group-label
{
	border-bottom: 0;
}
.ccb .search-listing-block.events .search-form .input-group-button
{
	padding-left: 20px;
}
.ccb .search-listing-block.events .input-group-field,
.ccb .search-listing-block.events .input-group-field::placeholder
{
	font-size: 1.8rem;
	color: #7582bf;
	padding-right: 1.5rem;
	margin-top: 0;
}
.ccb .search-listing-block.events .theme-icon-blue-2 svg
{
	fill: #7582bf;
	margin-top: -3px;
}
.ccb .search-listing-block.events > .row.titleRowClasses + .row
{	
	text-align: center;
}


.ccb .pagination-container li.PagedList-skipToPrevious,
.ccb .pagination-container li.PagedList-skipToNext
{
	line-height: 1.5 !important;
}
.ccb .pagination-container li.PagedList-skipToPrevious:after,
.ccb .pagination-container li.PagedList-skipToNext:after
{
	color: #7582bf;
}
.ccb .pagination-container li.PagedList-skipToPrevious:hover,
.ccb .pagination-container li.PagedList-skipToNext:hover
{
	background: #eee;
}

/*
.ccb .search-listing-block.events > .row.titleRowClasses
{
	display: none;
}
*/
.ccb .pagination-container .pagination li
{
	line-height: 1.3;
}
.ccb .pagination-container .pagination li.active a,
.ccb .pagination-container .pagination li a:hover,
.pagination-container .pagination li.active
{
	background: #7582bf;
	color: #fff;
	border-radius: 50%;
	line-height: 1.3;
}


@media (min-width: 1083px) {
	.ccb .search-listing-block.events > .row.titleRowClasses + .row
	{
    	position: absolute;
    	top: 155px;
    	left: 19%;
 }
}

@media (min-width: 48em) {

	.ccb .stories-card-panel-wrapper
	{
		margin-top: 3rem;
	}

	.ccb .search-listing-block.events .search-listing-header
	{
		margin: 0;
		width: 60%;
	}
	.ccb .search-listing-block.events form .form-field-wrapper
	{
		width: 150px;
	}
	.ccb .search-listing-block.events .search-form .input-group-button .search-button > .svg-wrapper
	{
		margin-top: 8px;
	}
	.ccb .search-listing-block.events
	{
		position: relative;
    	margin: 0 auto;
	}

	.ccb .search-listing-block.events > .row.titleRowClasses
	{
		width: 500px;
		position: absolute;
		top: 6px;
		right: 0;

		/* TEMP REMOVE SEARCH UNTIL ISTS FIX SEARCHING PAST EVENTS 
		display: none; */
	}



	.ccb .search-listing-block.events .input-group-field
	{
		width: 93%;
		margin-left: 1rem;
	}
	.ccb .search-listing-block.events .search-form .input-group-field
	{
		width: 100%;
	
	}
	.ccb .search-listing-block.events .input-group-field,
	.ccb .search-listing-block.events .input-group-field::placeholder
	{
		font-size: 1.8rem;
		color: #7582bf;
		padding-right: 1.5rem;
		margin-top: 0;
	}
	.ccb .search-listing-block.events .input-group input[type=reset]
	{
		color: #7582bf;
		top: 0.8rem;
    	right: 8.5rem;
	}

}

@media screen and (max-width: 47.999em)
{
	.ccb .search-form input[type=reset]
	{
		color: #7582bf;

	}
}

@media screen and (max-width: 1082px) {

	.ccb .search-listing-block.events .search-form
	{
		width: 60%;
		margin: 0 auto;
		padding: 0;
	}
	.ccb .search-listing-block.events .search-listing-header
	{
		margin: 0 auto;
		width: 80%;
	}
	.ccb .search-listing-block.events > .row.titleRowClasses
	{
		position: inherit;
		width: 100%;
		top: auto;
		right: auto;
	}
	.ccb .search-listing-block.events form .form-field-wrapper
	{
		width: 245px;
	}
}

@media screen and (max-width: 965px) {

	.ccb .search-listing-block.events form .form-field-wrapper
	{
		width: 193px;
	}
}

@media screen and (max-width: 767px) {

	.ccb .search-listing-block.events .search-form
	{
		width: 90%;
		margin-bottom: 3rem;
		margin-top: -3rem;
	}
	.ccb .search-listing-block.events .search-form .input-group-button {
    	padding-left: 2px;
	}
	.ccb .search-listing-block.events .search-form input[type=reset] {
    	right: 6.5rem;
    	top: 7px;
	}
	.ccb .search-listing-block.events .search-listing-header
	{
		width: 90%;
	}
	.ccb .search-listing-block.events form .form-field-wrapper
	{
		width: 100%;
	}
	.ccb .search-listing-block.events form .form-field-wrapper
	{
		padding-bottom: 1rem;	
	}
	.ccb .search-listing-block.events .search-listing-header .heading
	{
		margin-top: 0;
		display: block;
		text-align: center;
	}
	#page-exhibitions .internal-content .search-listing-block .theme-background-grey-mid-silver
	{
		padding-top: 0;
	}
}


@media (max-width: 48em) {
    .ccb .search-listing-block.events.theme-background-white,
    .ccb .search-listing-block.events.theme-background-white .row:not('.buttons-wrapper'){
        background-color: #e9e9f0;
        margin-top:0px !important;
        padding-top:50px;
    }
}



/* FOOTER EMAIL FORM */

#footer form #id_matrix .form-field-wrapper.email-field
{
	width: 100%;
	float: left;
}
#footer form #id_matrix .form-field-wrapper
{
	padding: 0;
	clear: both;
}
#footer form #id_matrix .form-field-wrapper.opt_in
{
	margin-bottom: 10px;
}
#footer form #id_matrix .form-field-wrapper.invalid-field
{
	position: relative;
	height: 83px;
}

#footer form #id_matrix .form-field-wrapper button
{
	min-width: auto;
	width: 100%;
	padding: 1.9rem;
	float: left;
	width: auto;
	margin-top: 15px;
}
#footer form #id_matrix .form-field-wrapper.email-field input
{
	margin-top: 0;
	margin-bottom: 0;
}
#footer .subscribe-form h4
{
	margin-bottom: -5px;
}
#footer .subscribe-form fieldset
{
	padding: 0;
	margin: 0;
	width: 90%;
}
#footer .subscribe-form .opt_in
{
	float: left;
	clear: left;
	width: 170px;
	padding: 0;
}
#footer .subscribe-form #id_matrix .opt_in span
{
	color: #7582bf;
}
#footer .subscribe-form #id_matrix .opt_in label
{
	float: right;
}
#footer .subscribe-form #id_matrix .opt_in .checkbox
{
	float: left;
}
#footer .subscribe-form #id_matrix .opt_in .checkbox label
{
	color: #7582bf;
}
#footer .subscribe-form .form input[type=checkbox] ~ label::before, 
#footer .subscribe-form form input[type=checkbox] ~ label::before
{
	border: 1px solid #7582bf !important;
}
#footer .subscribe-form #valsum > .field-validation-error
{
	display: none !important;
}

#footer .subscribe-form .form div.error, 
#footer .subscribe-form form div.error
{
	color: #fff;
	position: absolute;
	bottom: 0;

}
#footer .subscribe-form .form div.error .field-validation-error, 
#footer .subscribe-form form div.error .field-validation-error
{
	color: #df0000 !important;
	display: block;
	width: 180px;
	font-size: 1.4rem;
}
#footer form #id_matrix .form-field-wrapper.email-field input[placeholder]
{
	text-transform: uppercase;
}
#footer form #id_matrix .form-field-wrapper.email-field input::placeholder
{
	color: #7582bf;
	opacity: 1;
}


@media screen and (max-width: 1082px) 
{
	#footer .subscribe-form fieldset {
	    width: 100%;
	}
}

@media screen and (max-width: 767px)
{
	#footer .subscribe-form fieldset
	{
		width: 100%;
	}
	#footer form #id_matrix .form-field-wrapper
	{
		max-width: 100%;
	}

}


@media all and (-ms-high-contrast:none), 
all and (-ms-high-contrast:active)
{
	.image-gallery-block .carousel-cell-image {
	    max-width: 100%;
	}
}

.ccb .dynamic-staff .staff-listing-card img:hover{
	border-color:#7582bf !important;
}

.ccb .dynamic-staff .staff-listing-card .position {
	color:#868686;
}

.ccb .dynamic-staff .pill.staff-icon-phone{
	background-color:#7582bf;
	border-color:#7582bf;
}


.ccb .dynamic-staff .pill.staff-icon-phone a{
	color:#fff;
}

.ccb .dynamic-staff .pill.staff-icon-email{
	background-color:#fff;
	border-color:#7582bf;
}

.ccb .dynamic-staff .pill.staff-icon-email:hover{
	background-color:#7582bf;
	border-color:#7582bf;
}

.ccb .dynamic-staff .pill.staff-icon-email svg{
	fill:#7582bf
}

.ccb .dynamic-staff .pill.staff-icon-email:hover svg{
	fill:#fff
}

.ccb .dynamic-staff .image-link img{
	border:0;
	box-shadow:none;
}

.ccb .black-bg-section .teaser-grid-panel-wrapper .theme-background-white
{
	background-color: #7582bf;
}
.ccb .black-bg-section .teaser-grid-panel-wrapper .theme-background-white p,
.ccb .black-bg-section .teaser-grid-panel-wrapper .theme-background-white a,
.ccb .black-bg-section .teaser-grid-panel-wrapper .theme-background-white strong,
.ccb .black-bg-section .teaser-grid-panel-wrapper .theme-background-white b,
.ccb .black-bg-section .teaser-grid-panel-wrapper .theme-background-white strong em,
.ccb .black-bg-section em,
.ccb .black-bg-section p,
.ccb .black-bg-section .teaser-grid-panel-wrapper .theme-background-white em
{
	color: #fff;
}

.ccb #ui-datepicker-div.ui-datepicker 
{
	z-index: 9 !important;
}
.ccb .ui-datepicker .ui-widget-header,
.ccb .ui-datepicker .ui-datepicker-current-day a.ui-state-default
{
	background: #7582bf !important;
}
.ccb .ui-datepicker table tr,
.ccb .ui-datepicker a.ui-state-default:hover
{
	color: #7582bf !important;
}
.ccb .ui-datepicker-next-hover:after,
.ccb .ui-datepicker-prev-hover:after
{
	color: #fff;
}
.ccb .ui-datepicker .ui-datepicker-today a.ui-state-default {
    border: 1px solid #7582bf !important;
}

.ccb #unisa-footer p{
color:#fff;
}
.ccb .event-card-block-small .theme-background-transparency-blue-6 {
    background: rgba(0,0,0,0.8);
}

.ccb .search-listing-block.events .theme-icon-blue-2 svg{
    fill:#fff
}


.ccb .search-listing-block.events .columns.large-offset-1 .theme-icon-blue-2 svg{
    fill:#7582bf
}

.ccb .event-card-block-small .title {
    color:#7582bf;
    margin-top:40px;
}



.ccb .theme-background-blue-6.u17-sub-menu {
    position:absolute;
    top: 160px;
    left:0;
    right:0;
    background: rgb(56,62,92);
    background: linear-gradient(0deg, rgba(56,62,92,0.95) 25%, rgba(56,62,92,1) 100%);
    z-index:2;
    border-bottom:4px dotted #fff;
}

.ccb .page-header-block-inner{
	padding-top:60px;
}

@media (min-width: 64em) {
.ccb .page-header-block-inner{
	padding-top:0;
}
.ccb .page-header-block .contents-wrapper {
        margin-top: 18rem
    }


.ccb .theme-background-blue-6.u17-sub-menu {
    top: 100px;
	background:rgba(56, 62, 92, 0.75);
    z-index:1;
}
}



.ccb .u17-sub-menu.u17-multi-level .topnav .u17-top-nav-contents li.u17-nav-parent{
    border-right:0px;
}

.ccb .u17-sub-menu.u17-multi-level .topnav .u17-top-nav-contents li.has-children a.icon:after{
	color:#7582bf;
	background-color:transparent;
	font-size:2rem;
	margin-left:8px;
}



.ccb .u17-sub-menu.u17-multi-level .topnav .u17-top-nav-contents li.has-children:hover a.icon{
	background-color:none;
}


@media screen and (max-width: 64em) {
     .u17-sub-menu.u17-multi-level .topnav.responsive .u17-top-nav-contents li.u17-nav-parent {
        border-right: none;
        border-bottom: 1px solid #474f77;
    }
	.u17-sub-menu.u17-multi-level.theme-background-blue-6 .topnav.responsive .u17-top-nav-contents .u17-nav-parent a:not(.icon):hover{
		background-color:#7582bf;
	}
}

.ccb .u17-sub-menu .u17-top-nav-contents>.u17-nav-parent.active>.u17-wrapper,
.ccb .u17-sub-menu.u17-multi-level .topnav .u17-top-nav-contents li.active,
.ccb .u17-sub-menu.u17-multi-level .topnav .u17-top-nav-contents li.has-children.active li.has-children li{
    background-color:#7582bf;
}

.ccb .u17-sub-menu .topnav li a{
	font-family:Roboto,Arial,helvetica,sans-serif;
}

@media screen and (min-width: 64em) {
	.ccb .u17-sub-menu.u17-multi-level .topnav .u17-top-nav-contents li.has-children:hover a.icon:after{
		color:#383e5c;
	}
	.ccb .u17-sub-menu .u17-top-nav-contents>.u17-nav-parent.active>.u17-wrapper{
		background-color:#fff;
	}
	.u17-sub-menu.u17-multi-level.theme-background-blue-6 .u17-top-nav-contents .u17-nav-parent.active>.u17-wrapper li a:hover{
		background-color: #f3f4f9;
		color: #383e5c;
	}
	.ccb .u17-sub-menu .u17-top-nav-contents>.u17-nav-parent.active>.u17-wrapper a{
		color:#7582bf;
		font-family:Roboto, Arial,Helvetica,sans-serif;
	}
	.ccb .u17-sub-menu .topnav[data-overflowing=none] .u17-top-nav-contents>.u17-nav-parent.active>.u17-wrapper{
		top:69px;
	}
	.ccb .u17-sub-menu.u17-multi-level .topnav .u17-top-nav-contents li.has-children.active{
		background-color:#fff;
	}
	.ccb .u17-sub-menu.u17-multi-level .topnav .u17-top-nav-contents li.has-children.active a{
	    color:#383e5c;
	}
	.ccb .u17-sub-menu.u17-multi-level .topnav .u17-top-nav-contents li.has-children.active a:after{
		color:#383e5c;
	}
}

.ccb .u17-sub-menu .topnav[data-overflowing=both] .u17-advancer.advance-left,
.ccb .u17-sub-menu .topnav[data-overflowing=left] .u17-advancer.advance-left{
    background:#2b2f46;
    background: linear-gradient(90deg,#7582bf000 40%,rgba(0,82,160,0) 100%) !important;
}

.ccb .u17-sub-menu .topnav[data-overflowing=both] .u17-advancer.advance-right,
.ccb .u17-sub-menu .topnav[data-overflowing=right] .u17-advancer.advance-right{
    background: #2b2f46;
    background:linear-gradient(90deg,rgba(0,82,160,0) 0,#7582bf000 60%);
}

.ccb .u17-sub-menu.u17-multi-level .topnav .u17-top-nav-contents li.has-children.active li.has-children li a{
    background:#7582bf;
}

.ccb .teaser-grid-block .buttons-wrapper a {
    min-width: 100%;
    border:0px
}

.ccb .teaser-grid-block .left-col-mobile {
    padding: 3rem 2rem 2rem 2rem;
}

.ccb .background-image-picture {
    object-position: center;
}


	.ccb .search-listing-block.events > .row.titleRowClasses svg{
		fill:#000
	}

	.ccb .search-listing-block.events .search-listing-header select{
		color:#000;
	}

	.ccb .search-listing-block.events > .row.titleRowClasses input::placeholder{
		font-size:16px;
	}

	.ccb .search-listing-block.events > .row.titleRowClasses input{
		background-color:#fff;
		font-size:16px;
		padding:20px 0 20px 20px;
	}

	.ccb .search-listing-block.events > .row.titleRowClasses{
		height:80px;
		margin-top:30px;
	}



@media (max-width: 1082px) {
	.ccb .search-listing-block.events .search-listing-header{
		width:100%;
		max-width: 1097px;
	}
}

@media (min-width: 1082px) {
	.ccb .search-listing-block.events .search-listing-header{
		position: relative;
    	max-width: 1097px;
		width:100%;
    	margin: 0 auto;
		padding-right:400px;
	}
	
	.ccb .search-listing-block.events > .row.titleRowClasses{
		width: 400px;
		max-width:400px;
		position: absolute;
		left: 670px;
		right:0;
		top: 45px;
		z-index:1;
	}
	
}

@media (min-width: 1138px) {
	.ccb .search-listing-block.events > .row.titleRowClasses{
		width: 400px;
		position: absolute;
		left:720px;
		right:0;
		top:15px;
	}

	.ccb .search-listing-block.events .search-listing-header{
		position: relative;
    	max-width: 1097px;
		width:100%;
    	margin: 0 auto;
		padding-right:400px;
	}
}

.ccb header .search-header-panel .search-form .input-group-field{
    color:#fff;
    border-bottom:2px solid #fff;
    border-top:none;
    border-left:none;
    border-right:none;
}

.ccb header .search-header-panel .search-form .input-group-field::placeholder{
    color:#fff;
}

.ccb .layout-block.negative-margin .block-content {
    margin-top:-220px;
}

.ccb .layout-block.equal-column-height .row.text-centered .columns h2 {
    text-transform: uppercase;
        font-family:Roboto,Arial,Helvetica,sans-serif;
    font-weight:700;
    letter-spacing:2.5px;
}

.ccb .reveal-overlay {
    display: none !important;
}

body.ccb.is-reveal-open{
    overflow: initial !important;
}

.ccb .button.full-width-small-down {
    border-radius:50px;
	margin-top:10px;
}

.ccb .modern-action-box-outer .title {
    text-transform: uppercase;
        font-family:Roboto,Arial,Helvetica,sans-serif;
    font-weight:700;
    letter-spacing:2.2px;
}

.ccb .modern-action-box-theme:hover .nav-arrow-link:after{
	color:#7582bf;
}

.ccb .medium-6.large-6 .modern-action-box-outer,
.ccb .medium-6.large-4 .modern-action-box-outer{
    margin-top: 180px;
}

@media (max-width: 64em) {
	.ccb .teaser-grid-panel-wrapper>.columns.medium-6.large-4:first-of-type{
		width:100%
	}
}

.ccb .layout-block-split .two-col-split-background-images .col{
    padding:50px 50px 50px 50px;
}

.ccb .layout-block-split .two-col-split-background-images .col h2,
.ccb .layout-block-split .two-col-split-background-images .col p{
    color:#fff;
    text-shadow:0 1.5px 1.5px rgb(0 0 0 / 25%)
}

.ccb .layout-block-split .two-col-split-background-images .col h2{
    text-transform: uppercase;
        font-family:Roboto,Arial,Helvetica,sans-serif;
    font-weight:500;
    letter-spacing:2.2px;	
}

.ccb .modern-action-box-container{
    border-bottom:0px !important;
}

.ccb .layout-block-split .two-col-split-background-images .col p:last-of-type{
    padding-bottom:15px;
}


.ccb .layout-block-split .two-col-split-background-images .col.right-split{
	background-position:-430px center;
}
	
.ccb .layout-block-split .two-col-split-background-images .col.left-split{
	background-position:-130px center;
}

@media (min-width: 64em) {
	.ccb .layout-block-split .two-col-split-background-images .col.right-split{
	    background-position:right top;
	}
	
	.ccb .layout-block-split .two-col-split-background-images .col.left-split{
	    background-position:left top;
	}
}

@media (min-width: 64em) {
.ccb .youtube-channel .block-content {
    display: flex;
    align-items:center;
}
}

.ccb .youtube-channel .video-block{
    margin-bottom:0 !important;
    background-color: transparent;
}

.ccb .youtube-channel .video-block .video-player,
.ccb .youtube-channel .video-block .video-player img,
.ccb .youtube-channel .video-block .video-player iframe{
    border-radius:8px;
}

.ccb .layout-block-split .black-gradient::after{
	background:linear-gradient(0deg,rgba(0,0,0,.8) 0,rgba(0,212,255,0) 100%)
}

.ccb .no-teaser-description .description,
.ccb .no-teaser-description .buttons-wrapper{
    display: none;
}

.ccb .no-teaser-description .event-card-block-small{
	padding-bottom:0px !important
}

.ccb .no-teaser-description .event-card-block-small .left-col-mobile{
	margin-bottom:0
}

.ccb .event-card-block-small,
.ccb .event-card-block-small *{
    transition:all .5s ease;
}

.ccb .event-card-block-small:hover {
    background-color: #7582bf;
	transition:all .5s ease;
}

.ccb .event-card-block-small:hover .title,
.ccb .event-card-block-small:hover .description{
    color: #fff;
    text-decoration:none;
}

.ccb .event-card-block-small .date-overlay,
.ccb .event-card-block-small .date-range-overlay,
.ccb .event-card-block-small .right-col-mobile:before,
.ccb .event-card-block-small:after,
.ccb .event-card-block-small: .right-col-mobile:after{
    transition:all .5s ease;
}

.ccb .event-card-block-small:hover .date-overlay,
.ccb .event-card-block-small:hover .date-range-overlay,
.ccb .event-card-block-small:hover .right-col-mobile:before,
.ccb .event-card-block-small:hover:after,
.ccb .event-card-block-small:hover .right-col-mobile:after{
    background-color: #fff;
    transition:all .5s ease;
}


.ccb .event-card-block-small:hover .date-overlay span,
.ccb .event-card-block-small:hover .date-range-overlay span{
    color:#7582bf;
}

.ccb .event-card-block-small:hover .buttons-wrapper .button{
	border:1px solid #fff !important;
	transition:all .5s ease;
}

.ccb .event-card-block-small .title{
    text-transform: uppercase;
    font-family:Roboto,Arial,Helvetica,sans-serif;
    font-weight:700;
    letter-spacing:2px;
}

.ccb .ccb-events-archive .event-card-block-small {
    display: flex;
    justify-content: end;
    align-items: center;
    flex-direction: column;
	padding:30px 30px !important;
}

.ccb .ccb-events-archive .event-card-block-small h3{
    flex-basis:45%;
    margin-top:20px;
    margin-bottom:20px
}

.ccb .ccb-exhibitions-archive .event-card-block-small {
    display: flex;
    justify-content: end;
    align-items: center;
    flex-direction: column;
	padding:30px 30px !important;
}

.ccb .ccb-exhibitions-archive .event-card-block-small h3{
    flex-basis:45%;
    margin-top:20px;
    margin-bottom:20px
}

.ccb .no-teaser-description .columns.text-centered.large-margin-top{
	display:none;
}

.ccb .ccb-exhibitions-archive .event-card-block-small:after,
.ccb .ccb-events-archive .event-card-block-small:after{
	display:none
}

.ccb .ccb-events-archive.columns.medium-6.large-4:hover * {
    color:#fff;
    text-decoration:none;
}

.ccb .ccb-exhibitions-archive.columns.medium-6.large-4:hover .event-card-block-small{
    background-color:#fff;
    text-decoration:none;
}

.ccb .ccb-exhibitions-archive.columns.medium-6.large-4:hover .event-card-block-small div,
.ccb .ccb-exhibitions-archive.columns.medium-6.large-4:hover .event-card-block-small h3{
    color:#7582bf;
    text-decoration:none;
}

@media screen and (min-width: 64em) {

    .ccb .u17-sub-menu.u17-multi-level .topnav[data-overflowing=none]>.u17-top-nav-contents>li.u17-nav-parent:hover {
        background-color: #fff
    }
    .ccb .u17-sub-menu.u17-multi-level .topnav[data-overflowing=none]>.u17-top-nav-contents>li.u17-nav-parent:hover a{
        color: #7582bf;
    }
}

@media screen and (max-width: 48em) {
    .ccb .slideshow-breadcrumbs.top-navigation~.u17-multi-level {
        padding-top:0px
    }
}

@media screen and (min-width: 1024px) {
    .ccb .u17-sub-menu .topnav li a {
	    font-family:Roboto,Arial,Helvetica,sans-serif;
            font-weight:400;
    }
}


.ccb .header-overlay-wrapper ~ .layout-block.show-for-print.medium-padding{
display:none;
}

.ccb .page-header-block-inner .title-row h1{
    font-family:Roboto,Arial,Helvetica,sans-serif;
    font-weight:900;
	margin-bottom:0;
}

.ccb .page-header-block-inner .details p{
    font-family:Roboto,Arial,Helvetica,sans-serif;
    font-weight:400;
}

.ccb .EPiServerForms input[type=checkbox]~label span{
	color:#7582bf;
}
.ccb .theme-background-black a:not(.button), .ccb .theme-background-black  a:not(.button):link, .ccb .theme-background-black  a:not(.button):visited {
    color: #fff;
    border-bottom:dotted 1px #fff;
}

.ccb .theme-background-black a:not(.button):hover {
    text-decoration: none;
    border-bottom:1px solid #fff;
}


.ccb .theme-background-black label,
.ccb .theme-background-black fieldset legend{
    color: #fff;
    font-size:14px;
}

.ccb .theme-background-black .EPiServerForms input[type=checkbox]~label span{
	color:#fff;
	font-size:14px;
}

.ccb .theme-background-black .EPiServerForms .Form__NavigationBar .Form__NavigationBar__ProgressBar{
    border:1px solid #fff !important;
}

.ccb .theme-background-black .EPiServerForms span.unicon-next-button:before, .ccb .EPiServerForms span.unicon-prev-button:before{
    background-color:#fff;
    border-color:#fff;
    color:#000
}

.ccb .theme-background-black .EPiServerForms .Form__NavigationBar__ProgressBar--Text, .ccb .theme-background-black .Form__NavigationBar__ProgressBar--Text span{
    color:#fff;
}

.ccb .teaser-grid-block a {
    border-bottom: none !important;
}
.ccb .teaser-grid-block .title a:hover {
    border-bottom: 1px solid !important;
}

.ccb .patrons .modal-container-content-image {
    border-radius: 50%;
    height: 15rem;
    width: 15rem;
    margin: 0 auto;
    min-height: auto;
}

.ccb .patrons .modal-container-content-overlay {
    height:15rem !important;
    min-height:15rem !important;
    border-radius: 50% !important;
    width: 15rem !important;
    margin: 0 auto;
}

.ccb .patrons .teaser-grid-block .right-col, .ccb .patrons .teaser-grid-block .right-col-mobile{
    height:15rem !important;
    min-height:15rem !important;
}

.ccb .patrons .teaser-grid-block.theme-background-white,
.ccb .patrons .left-col-mobile.theme-background-white{
background-color:transparent;
text-align:center;
}

.ccb .patrons .teaser-grid-block a{
    font-family:Roboto,Arial,Helvetica,sans-serif;
    font-weight:500;
    letter-spacing:2.2px;
    text-transform:uppercase;
}

.ccb .patrons {
    padding-bottom: 20px;
}

@media (max-width: 63.9375em) {
.ccb .modal-container-content-details .icon60::before {
    color: #7582bf;
}

.ccb .modal-container-content-details .icon60{
    font-size:5rem
}
}

.ccb .topnav a,
.ccb .topnav a:hover{
    border-bottom: 0 !important;
}

.ccb .pagination a {
    border-bottom: 0 !important;
}

.ccb .more-less-block .theme-blue-6{
    color:#7582bf
}

.ccb .more-less-block .theme-background-blue-2{
    background-color:#7582bf;
}

.ccb .more-less-block .js-show-more-trigger:hover .theme-background-blue-2,
.ccb .more-less-block .js-show-less-trigger:hover .theme-background-blue-2{
    background-color:#fff !important;
	border:1px solid #7582bf;
}

.ccb .more-less-block .theme-background-blue-2 svg{
    fill:#fff;
}

.ccb .more-less-block .js-show-more-trigger:hover .theme-background-blue-2 svg,
.ccb .more-less-block .js-show-less-trigger:hover .theme-background-blue-2 svg{
	fill:#7582bf;
}

.ccb .more-less-block .triggers.row .columns{
    padding:0;
}

.ccb .text-uppercase.lower,
.ccb .lower .text-uppercase,
.ccb .lower a{
	text-transform:none !important;
}

.ccb .a2a_kit a {
    border-bottom: 0 !important;
}

.ccb .tiled-image-gallery a.hover-caption {
    color: #fff;
}

.ccb .ui-datepicker-prev {
    position:absolute;
    top:10px;
    left:10px
}


.ccb .ui-datepicker-next{
    position:absolute;
    top:10px;
    right:0px;
}

.ccb .ui-datepicker-current-day a{
      color:#fff !important;
}

.ccb .ui-datepicker-calendar tr td a{
    text-align:center;
    display:block;
}

.ccb .ui-datepicker-calendar tr td a:hover{
    background-color:#e9e9f0 !important;
}

.ccb .ui-datepicker-header {
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family:Roboto,Arial,Helvetica,sans-serif;
    font-weight:500;
}

.ccb .ui-datepicker-header .ui-datepicker-prev{
    position:absolute;
    top:10px;
    left:0px;
}

.ccb .ui-datepicker-header .ui-datepicker-next{
    position:absolute;
    top:10px;
    right:0px;
}

.ccb .ui-datepicker-calendar tr th{
    text-align:center;
    font-family:Roboto,Arial,Helvetica,sans-serif;
    font-weight:400;
    text-transform:uppercase;
}


.ccb .dynamic-brag-block .slider-heading{
	font-family:Roboto,Arial,Helvetica,sans-serif;
	font-weight: 500;
	color:#868686;
}

.ccb .button,.ccb  table:not(.degree-list-table).simple-table thead {
    font-family:Roboto,Arial,Helvetica,sans-serif;
    font-weight:700;
}

.ccb .altis-thin{
	font-family:Roboto,Arial,Helvetica,sans-serif;
    font-weight:100;
}

.ccb .altis-light{
	font-family:Roboto,Arial,Helvetica,sans-serif;
    font-weight:300;
}

.ccb .altis-regular{
	font-family:Roboto,Arial,Helvetica,sans-serif;
    font-weight:400;
}

.ccb .altis-medium{
	font-family:Roboto,Arial,Helvetica,sans-serif;
    font-weight:500;
}

.ccb .altis-bold{
	font-family:Roboto,Arial,Helvetica,sans-serif;
    font-weight:700;
}

.ccb .altis-extra-bold,
.ccb .altis-heavy,
.ccb .altis-black{
	font-family:Roboto,Arial,Helvetica,sans-serif;
    font-weight:900;
}

.ccb .slideshow-content p{
	font-family:Roboto,Arial,Helvetica,sans-serif;
}

	.ccb .layout-block .columns .layout-block.slideshow-block{
		margin-bottom:30px;
	}
	.ccb .layout-block .columns .layout-block .slideshow-slider-block .slideshow-content{
		width:100%;
		bottom:0px;
		left:0;
		right:0;
		background:rgba(0, 0, 0, 0.8);
		position:absolute;
		padding:30px 30px 30px 30px;
	}
    .ccb .layout-block .columns .layout-block .slideshow-slider-block .image-column,
	.ccb .layout-block .columns .layout-block .slideshow-slider .slider-cell{
        min-height:450px;
        min-height: 45rem
    }

    .ccb .layout-block .columns .layout-block .slideshow-slider-block .image-column h2{
        font-size:30px;
    }

    .ccb .layout-block .columns .layout-block .slideshow-slider-block .image-column p{
        font-size:15px;
		font-weight:400;
    }

	 .ccb .layout-block .columns .layout-block .slideshow-slider-block .image-column .button.large-icon-button{
		 padding:18px;
		 font-size:14px;
	 }

	.ccb .layout-block .columns .layout-block .slideshow-slider .flickity-prev-next-button{
		width:30px;
		z-index: 1;
		height:30px;
		background-color:#7582bf
	}
	
	.ccb .layout-block .columns .layout-block .slideshow-slider .flickity-prev-next-button.previous{
		left:30px;
		top:40px;
	}
	.ccb .layout-block .columns .layout-block .slideshow-slider .flickity-prev-next-button.next{
		right:auto;
		left:70px;
		top:40px;
	}
.ccb .layout-block .columns .layout-block .slideshow-slider .flickity-page-dots{
	text-align:right;
	padding-right:30px;
	top:30px;
	height:auto;
	bottom: auto;
}

.ccb .header-logos .button {
    min-width: auto;
    padding: 16px;
    border-radius: 20px;
	float:right;
}





.ccb #header > .row > .block-content > .columns:first-of-type {
    width: 100%;
}

.ccb #header{
	min-height:160px;
}
.ccb .theme-background-blue-6.u17-sub-menu{
	top: 203px;
}
.ccb #header > .row > .block-content > .columns:first-of-type p{
	margin-bottom:0;
}

.ccb #header > .row > .block-content > .columns:last-of-type {
    width: 100%;
}

.ccb #header .header-logos .columns {
    width: 30%;

}

.ccb #header .header-logos .columns:last-of-type {
    width: 30%;

}

.ccb.home .theme-background-blue-6.u17-sub-menu{
	top:163px
}


@media (min-width: 33em) {
.ccb #header > .row > .block-content > .columns:first-of-type {
    width: 50%;
}
.ccb #header > .row > .block-content > .columns:last-of-type {
    width: 50%;
}

.ccb #header{
	min-height:100px;
}

.ccb .theme-background-blue-6.u17-sub-menu{
	top:140px;
}

.ccb.home .theme-background-blue-6.u17-sub-menu{
	top:100px
}
	
}

@media (min-width: 64em) {
.ccb .theme-background-blue-6.u17-sub-menu{
	top:100px;
}
}


.ccb .theme-background-transparency-blue-6{
	background-color:rgba(117,130,191,0.8)
}

.ccb .theme-blue-6,
.ccb .theme-hover-blue-6:hover{
	color:#7582bf
}

.ccb .theme-background-white.theme-background-hover-blue-6:hover{
	color:#fff;
	background-color:#7582bf;
	border-color:#fff;
}

.ccb .theme-background-blue-6,
.ccb .theme-hover-background-blue-6:hover{
	background-color:#7582bf;
}

.ccb .theme-border-blue-6{
	border-color:#7582bf;
}

.ccb .theme-hover-blue-6:hover{
	border-color:#7582bf;
}

.ccb .theme-background-blue-6.theme-background-hover-white:hover{
	background-color:#fff;
}

.ccb .theme-blue-6 h2{
	color:#7582bf;
}

.ccb .theme-icon-blue-6 svg{
	fill:#7582bf
}

.ccb .flickity-prev-next-button svg path{
	fill:#7582bf;
	opacity:.7;
}

.ccb .flickity-prev-next-button:hover svg path{
	fill:#7582bf;
	opacity:1;
}

.ccb .page-list-filter-block .pager.active{
	background-color:rgba(117,130,191,0.3)
}

.ccb .page-list-filter-block .pager:hover{
	background-color:rgba(117,130,191,0.7)
}

.ccb .page-list-filter-block .search-bar:before{
	color:rgba(56, 62, 92, 0.95);
}

.ccb .page-list-filter-block .search-bar input::placeholder,
.ccb .page-list-filter-block .search-bar input{
	color:rgba(56, 62, 92, 0.95) !important;
}

.ccb .page-list-filter-block .search-bar input.quicksearch{
	border-bottom-color:#7582bf; !important;
}

.ccb .tiled-image-gallery .gallery-item .img-overlay{
	background-color:rgba(117,130,191,0.85)
}

.ccb .u17-sub-menu.u17-multi-level .topnav .u17-top-nav-contents li.has-children li .u17-wrapper ul .no-children a{
    background:#fff;
}

.ccb .u17-sub-menu.u17-multi-level .topnav .u17-top-nav-contents li.has-children li .u17-wrapper ul .no-children a:hover{
    background:#f3f4f9;
}

.ccb .u17-sub-menu.u17-multi-level .topnav .u17-top-nav-contents li.has-children.active li.has-children a.icon:hover:after{
	color:#fff;
}