@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

header {
    height: auto !important;
}

body::before {
    content: " ";
    height: 1px;
    width: 100%;
    display: block;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    background: #1db4c4;
    transition: all 0.2s;
}

#explore {
    pointer-events: none;
    padding-right: 15px;
    padding-left: 0;
}

.explore-button {
    transition: opacity .5s;
    font-size: 22.4px;
    line-height: 28.8px;
    position: relative;
    top: -1px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    margin: 0;
    display: inline-block;
    white-space: nowrap;
    color: #1db4c4;
    transition: color 0.2s;
}

[type=reset],
[type=submit],
button, 
html [type=button] {
    -webkit-appearance: button;
}

#explore .explore-button {
    pointer-events: auto !important;
}

.element-invisible {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    padding-left: 2px;
}

.explore-button .text {
    font-size: .8em;
    line-height: normal;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    transition: left 0.5s,max-width 0.5s;
    max-width: 100vw;
    margin-right: .5em;
    vertical-align: middle;
}

body.explore-open.explore-animating-first-half .explore-button::after, 
body.explore-closed.explore-animating-second-half .explore-button::after, 
body.explore-closed .explore-button::after {
    content: "";
}

body.explore-closed.explore-animating-second-half .explore-button::after, 
body.explore-closed .explore-button::after {
    transform: scaleX(1);
}

.layout-secondary-menu {
    text-align: left;
    transform: translateX(-40vw);
}

.layout-container {
    position: relative;
}

#header {
    background: url(https://www.spc.int/themes/custom/kyanite/images/headerbg.gif);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

#block-kyanite-branding {
    text-align: left;
    position: relative;
    z-index: 99;
}

.langswitcherblock {
    min-width: 70px;
    z-index: 1;
}

#block-kyanite-branding a,
#block-kyanite-branding a.link {
    transition: all 0.5s;
    text-decoration: none;
    border-bottom: none;
    display: inline-block;
    position: relative;
}

img {
    vertical-align: middle;
    border-style: none;
}

#block-kyanite-branding img {
    max-width: none;
    max-height: none;
    width: 120px;
    margin-top: 0;
}

#block-languageswitchercontent ul.links,
#block-languageswitchercontent ul.links > li,
.langswitcherblock ul.links,
.langswitcherblock ul.links > li {
    padding: 0;
    margin: 0;
    list-style: none;
    list-style-type: none;
    display: inline;
}

#block-languageswitchercontent ul.links a.language-link, 
.langswitcherblock ul.links a.language-link {
    border: 2px solid transparent;
    color: #069;
    display: inline-block;
    line-height: 1.8em;
    line-height: calc(2.34em - 6px);
    position: relative;
}

#block-languageswitchercontent ul.links li.is-active:not(.neveractive) a,
.langswitcherblock ul.links li.is-active:not(.neveractive) a {
    border-color: #069;
    text-decoration: none;
    background-color: #fff;
}

#block-kyanite-search, .searchbox,
#block-kyanite-search-fixed, 
.searchbox-fixed {
    margin-top: 0;
}

#block-kyanite-search form, 
.searchbox form, 
#block-kyanite-search-fixed form, 
.searchbox-fixed form {
    position: relative;
}

#block-kyanite-search input[type=search], 
#block-kyanite-search form::after, 
.searchbox input[type=search], 
.searchbox form::after,
#block-kyanite-search-fixed input[type=search], 
#block-kyanite-search-fixed form::after,
.searchbox-fixed input[type=search], 
.searchbox-fixed form::after {
    padding-top: 0;
    padding-bottom: 0;
}

#block-kyanite-search form::after, 
.searchbox form::after,
#block-kyanite-search-fixed form::after, 
.searchbox-fixed form::after {
    font-size: 1.4em;
    line-height: 1.4em;
}

.newheader label {
    display: inline-block;
    margin-bottom: .5rem;
}

.visually-hidden {
    position: absolute !important;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
    width: 1px;
    height: 1px;
    word-wrap: normal;
}

input[type=search] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #9f9f9f;
}

#block-kyanite-search input[type=search],
.searchbox input[type=text],
#block-kyanite-search-fixed input[type=search],
.searchbox-fixed input[type=search] {
    font-size: 23.04px;
    line-height: 29.67px;
    height: 29.67px;
    padding-right: 38.592px;
    padding-left: 1.92px;
}

#block-kyanite-search input[type=search], 
#block-kyanite-search form::after,
.searchbox input[type=text], 
.searchbox form::after, 
#block-kyanite-search-fixed input[type=search], 
#block-kyanite-search-fixed form::after, 
.searchbox-fixed input[type=search], 
.searchbox-fixed form::after {
    padding-top: 0;
    padding-bottom: 0;
}

#header > .region-header > .search-block-form input.form-search {
    cursor: pointer;
    padding-left: 9.6px !important;
}

#fixed-header {
    position: relative;
    z-index: 4;
    background: #FFF;
    width: 100%;
}

html[lang="en"] div#fixed-header {
    background: transparent;
}

html[lang="en"] .layout-fixed-header {
    display: inline-block;
    position: relative;
    margin: auto;
}

html[lang="en"] .layout-fixed-header .layout-fixed-header-content {
    display: block;
    position: relative;
}

html[lang="en"] .layout-fixed-header .layout-fixed-header-content .layout-fixed-header-left {
    overflow: hidden;
    *zoom: 1;
    padding-left: .5em;
    padding-right: 2vw;
}

.layout-primary-menu .superfishdropdown {
    font-size: 0.6em;
    position: relative;
    top: 4px;
}

html[lang="en"] .superfishdropdown {
    display: none;
}

ul.sf-menu, 
ul.sf-menu ul,
ul.sf-menu ol, 
ul.sf-menu li,
ul.sf-menu a,
ul.sf-menu span, 
ul.sf-menu div {
    margin: 0;
    padding: 0;
}

ul.sf-menu {
    line-height: 1.0;
    z-index: 497;
}

ul.sf-menu.menu, 
ul.sf-menu.menu ul,
ul.sf-menu.menu li {
    margin: 0;
    padding: 0;
}

.layout-primary-menu .superfishdropdown > ul,
.layout-primary-menu .superfishdropdown ul.sf-menu.sf-style-white {
    display: block;
    margin: 0;
    padding: 0;
}

ul.sf-menu,
ul.sf-menu li {
    list-style: none;
}

ul.sf-menu li {
    float: left;
    position: relative;
    z-index: 498;
}

ul.sf-menu.menu,
ul.sf-menu.menu ul, 
ul.sf-menu.menu li {
    margin: 0;
    padding: 0;
}

.layout-primary-menu .superfishdropdown > ul > li, 
.layout-primary-menu .superfishdropdown ul.sf-menu.sf-style-white > li {
    font-size: 1.5em;
    background: transparent;
    list-style-type: none;
    display: inline-block;
}

.layout-primary-menu a {
    color: #069;
    transition: color 0.5s;
}

ul.sf-menu a, 
ul.sf-menu span.nolink {
    display: block;
    padding: 1em 1.5em;
    position: relative;
}

.layout-primary-menu .superfishdropdown > ul > li a,
.layout-primary-menu .superfishdropdown > ul > li span,
.layout-primary-menu .superfishdropdown ul.sf-menu.sf-style-white > li a,
.layout-primary-menu .superfishdropdown ul.sf-menu.sf-style-white > li span {
    text-decoration: none;
    border: none;
    display: block;
    padding: 7.20px 21.60px;
    text-transform: uppercase;
    font-weight: bold;
    position: relative;
}


.explore-button::after {
    content: "";
    font: normal normal normal 2em/1 FontAwesome;
    width: 44.8px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    vertical-align: middle;
    transition: transform 0.5s;
    top: -2.240px;
    position: relative;
}

input#edit-keys{
    margin-bottom:0;
}


#block-kyanite-search form::after, 
.searchbox form::after,
#block-kyanite-search-fixed form::after, 
.searchbox-fixed form::after {
    content: "";
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-family: FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    padding-right: 6.720px;
    padding-left: 6.720px;
    top: 0;
    right: 0;
    z-index: 1;
    pointer-events: none;
}

#block-kyanite-search form::after, 
.searchbox form::after,
#block-kyanite-search-fixed form::after, 
.searchbox-fixed form::after {
    font-size: 22.36px;
    line-height: 31.36px;
}

.layout-primary-menu .superfishdropdown > ul > li a{
    font-size:14.4px;
}

.layout-primary-menu .superfishdropdown > ul > li > a:hover{
    
}

.layout-primary-menu .superfishdropdown > ul > li a:hover,
.layout-primary-menu .superfishdropdown > ul > li a:focus,
.layout-primary-menu .superfishdropdown > ul > li a:active,
.layout-primary-menu .superfishdropdown ul.sf-menu.sf-style-white > li a:hover,
.layout-primary-menu .superfishdropdown ul.sf-menu.sf-style-white > li a:focus,
.layout-primary-menu .superfishdropdown ul.sf-menu.sf-style-white > li a:active {
    color: #1db4c4;
    text-decoration: none;
    border: none;
    outline: none;
}


ul#superfish-main--2:after, 
ul#superfish-main--2:before {
    content: '';
    display: block;
    clear: both;
}

.layout-primary-menu .superfishdropdown > ul > li {
    line-height: 14px;
}

form#search-block-form {
    margin-bottom: 0;
}

.layout-fixed-header-left {
    display: none;
}

#headerborder {
    height: 10px;
    background-color: #eee;
    position: relative;
    display: block;
    clear: both;
    margin-bottom: 10px;
}

.path-frontpage #headerborder, 
.divisionfront #headerborder {
    margin-bottom: 0;
}

input#edit-keys--2::placeholder {
    font-size: 19px;
    color: grey;
}

.langswitcherblock ul.links > li {
    float: left;
}

.langswitcherblock ul.links:after {content: '';display: block;clear: both;}

/*Menu Open*/
body.explore-open .explore-button::after {
    content: "";
}

button.explore-button{
    outline:none;
}

.layout-secondary-menu nav {
    font-size: 19.2px;
    line-height: normal;
    margin-top: 9.360px;
    margin-bottom: 9.360px;
    padding-top: 0;
    clear: both;
}

.layout-secondary-menu nav:first-of-type {
    font-size: 20.8px;
    margin-top: 0;
}

.explore-open #explore, 
.explore-open .layout-secondary-menu, 
.explore-open #explore * {
    pointer-events: auto;
}

#explore .layout-secondary-menu nav > ul {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 9.360px;
    padding-top: 0;
    margin: 0;
    display: block;
}

#explore .layout-secondary-menu nav > ul li,
#explore .layout-secondary-menu nav > ul a {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none;
}

#explore .layout-secondary-menu nav > ul li,
#explore .layout-secondary-menu nav > ul a {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none;
}

#explore .layout-secondary-menu nav > ul a, 
#explore .layout-secondary-menu nav > ul span {
    padding: 0;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

#explore .layout-secondary-menu nav > ul a {
    color: #333;
    padding: 0;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

#explore .layout-secondary-menu nav > ul > li:first-of-type > a:first-of-type {
    padding-top: 18.720px;
}

div.sf-accordion-toggle.sf-style-white a {
    background: #210c02;
    border: 1px solid #381301;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    padding: 14.400px 43.200px 14.400px 14.400px;
    position: relative;
}

#explore div.sf-accordion-toggle.sf-style-white a {
    background: #4c6686;
    border: none;
    display: block;
    margin-left: 20px;
}

div.sf-accordion-toggle.sf-style-white > a:after {
    content: "≡";
    font-size: 28.800px;
    position: absolute;
    right: 14.400px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    speak: none;
}

a#superfish-main-toggle span {
    font-size: 14.4px;
}

ul#superfish-main-accordion li a{
    font-size: 14.4px;
    line-height: 14px;
}

ul.sf-menu.sf-style-white a, 
ul.sf-menu.sf-style-white a:visited, 
ul.sf-menu.sf-style-white span.nolink {
    border: 0 none;
    color: #005bb7;
    padding: 10.800px 14.400px;
}

ul.sf-menu.sf-style-white.sf-accordion li li a,
ul.sf-menu.sf-style-white.sf-accordion li li span.nolink{
    padding-left:28.800px;
}

ul.sf-menu.sf-style-white a.sf-with-ul, 
ul.sf-menu.sf-style-white span.nolink.sf-with-ul {
    padding-right: 32.400px;
}

ul.sf-menu.sf-accordion, 
ul.sf-menu.sf-accordion ul, 
ul.sf-menu.sf-accordion li {
    float: left;
    width: 100%;
}

#explore .layout-secondary-menu nav > ul > li > a{
    font-size:18.72px;
}

#explore .layout-secondary-menu nav > ul a {
    line-height: 25px;
}

ul#superfish-main-accordion > li > a{
    font-size: 14.4px;
    line-height:14px;
}

ul.sf-menu .sf-sub-indicator {
    height: 12px;
    line-height: 9999px;
    opacity: 0.75;
    overflow: hidden;
    position: absolute;
    right: 10.800px;
    speak: none;
    text-indent: -9999px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 12px;
}

ul.sf-menu .sf-sub-indicator:after {
    content: "▼";
    left: 0;
    line-height: 1;
    position: absolute;
    text-indent: 0;
    top: 0;
}

ul.sf-menu.sf-accordion .sf-sub-indicator:after {
    content: "▼";
}

ul.sf-menu.sf-style-white {
    float: left;
    margin-bottom: 14.400px;
    padding: 0;
}

nav#block-kyanite-account-menu ul.clearfix li a {
    font-size: 17.28px;
    padding: 17.28px 17.28px 3.456px !important;
}

nav#block-kyanite-account-menu ul.clearfix li a {
    line-height: 22px;
}

ul.sf-has-clone-parent.sf-hidden {
    display: none !important;
}

.newheader input[type=text]:hover, 
.newheader input[type=text]:focus, 
.newheader input[type=text]:active {
    border-color: #1db4c4;
}



.newheader input#edit-keys--2 {
    box-sizing: border-box;
    border-radius: 0;
    background-image: none;
}

ul.sf-hidden {
    display: none;
}

li.sf-depth-1.menuparent:hover > ul.sf-hidden {
  display: block;
  
}
li.sf-depth-2.menuparent:hover > ul.sf-hidden {
  display: block;
  bottom: 31px;
  
}


@media (min-width: 1249px){
    #fixed-header ul.sf-menu ul {
    position: absolute;
    width: 12em;
}

    .layout-primary-menu .superfishdropdown > ul > li > ul > li, 
    .layout-primary-menu .superfishdropdown ul.sf-menu.sf-style-white > li > ul > li {
    background-color: #009bab  !important;
}

    #fixed-header li#main-menu-link-contentd25570a4-f1cc-4a0f-8082-5fb19f718b71--2:hover ul.sf-hidden li:hover {
        background-color: #0b5174 !important;
}

    #fixed-header ul.sf-menu.sf-horizontal.sf-shadow ul, 
    #fixed-header ul.sf-menu.sf-vertical.sf-shadow ul, 
    #fixed-header ul.sf-menu.sf-navbar.sf-shadow ul ul {
        -webkit-box-shadow: 2px 2px 10px rgb(0 0 0 / 50%);
        -moz-box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
        box-shadow: 2px 2px 10px rgb(0 0 0 / 50%);
    }

    #fixed-header li#main-menu-link-contentd25570a4-f1cc-4a0f-8082-5fb19f718b71--2:hover ul.sf-hidden {
    width: 172px !important;
}

    #fixed-header ul.sf-menu ul li {
    width: 100%;
}

    .layout-primary-menu .superfishdropdown > ul > li > ul > li a,
    .layout-primary-menu .superfishdropdown > ul > li > ul > li span, 
    .layout-primary-menu .superfishdropdown ul.sf-menu.sf-style-white > li > ul > li a, 
    .layout-primary-menu .superfishdropdown ul.sf-menu.sf-style-white > li > ul > li span {
    text-align: left;
    text-transform: none;
    font-weight: normal;
    color: #fff;
}

    .newheader .sf-depth-1 li.sf-depth-2 a {
    font-size: 15.71px;
}

    .layout-primary-menu .superfishdropdown > ul > li > ul > li a{
        padding:7.855px 23.564px;
    }
    
    .layout-primary-menu .superfishdropdown > ul > li > ul > li > ul > li, 
    .layout-primary-menu .superfishdropdown ul.sf-menu.sf-style-white > li > ul > li > ul > li {
    background-color: #406daf !important;
    }
}



body.explore-open .explore-button {
    color: #4c6686;
}


ul#superfish-main-accordion {
    display: none;
}

ul#superfish-main-accordion.is-active{
    display:block;
}

ul.sf-has-clone-parent {
    display: none !important; 
}

.active > ul.sf-has-clone-parent {
    display: block !important; 
}

ul#superfish-main-accordion > li.active > ul {
    display: block !important;
    position: unset;
}

ul.sf-menu.sf-style-white.sf-accordion li li li a, 
ul.sf-menu.sf-style-white.sf-accordion li li li span.nolink {
    padding-left: 43.200px;
}

#explore #superfish-main-accordion > li.active > a,
#explore #superfish-main-accordion > li.active > ul > li.active > a{
    font-weight:bold;
}



#fixed-header ul.sf-menu ul li {
    
    line-height: 1 !important;
}
#main-menu-link-contentde6de24e-26f0-438e-88fc-17d9bbc11d84--2 .sf-hidden li a {
font-size: 15px;
}
#main-menu-link-content12593ad7-e80e-41ee-ba1f-f7c9bb314f4c--2 .sf-hidden li a {
    
    padding: 6.855px 23.564px;
    font-size: 14px;
}
#main-menu-link-contentde6de24e-26f0-438e-88fc-17d9bbc11d84--2 .sf-hidden, #main-menu-link-content12593ad7-e80e-41ee-ba1f-f7c9bb314f4c--2 .sf-hidden {
    width: 14.5em !important;
     width: 14.5em !important;
}
.layout-primary-menu .superfishdropdown > ul > li > ul > li a:hover, .layout-primary-menu .superfishdropdown > ul > li > ul > li.active-trail > a, .layout-primary-menu .superfishdropdown ul.sf-menu.sf-style-white > li > ul > li a:hover, .layout-primary-menu .superfishdropdown ul.sf-menu.sf-style-white > li > ul > li.active-trail > a {
    color: #fff !important;
    background-color: #0b5174 !important;
}
#block-mainmenuenglish li.sf-depth-1.menuparent > ul > li:hover {
    
    color: #fff !important;
    background-color: #0b5174 !important;
}
.explore-button::after {
    transform: scaleX(1) !important;
    transform: scaleX(1) !important;
}
ul.sf-menu.sf-style-white li:hover, ul.sf-menu.sf-style-white li.sfHover, ul.sf-menu.sf-style-white a:focus, ul.sf-menu.sf-style-white a:hover, ul.sf-menu.sf-style-white span.nolink:hover {
    
}
#block-mainmenuenglish-2 #superfish-main-accordion li  a:hover {
    
    background: #f0f0f0 !important;
    background-color: #f0f0f0 !important;
     background: #f0f0f0 !important;
    background-color: #f0f0f0 !important;
    outline: 0  !important;
    text-decoration: underline !important;
}
#block-mainmenuenglish-2 #superfish-main-accordion li.active > a {
    
    text-decoration: underline !important;
}
 
#search-block-form .sbmt-btn {
    margin-top: -75px;
    height: 30px;
    width: 30px;
    background: transparent;
    border: 0 !important;
}
#block-explore ul li a:hover, #block-kyanite-account-menu ul li a:hover {
    text-decoration: none !important;
    outline: none !important;
    color: #1db4c4 !important;
}
#superfish-main-toggle {
    cursor: pointer;
}
#superfish-main-toggle:hover {
    
    text-decoration: underline;
}
.sbmt-btn, .sbmt-btn.cls2 {
    
    display: none !important;
}

.sbmt-btn.cls1 {
    position: relative;
    z-index: 99;
    display: inline-block !important;
    display: inline-block !important;
}

/*New Update*/
.newheader #header > .region-header img {
    border: none;
}

.newheader div#block-spclogo img{
    max-width: 100%;
    height: auto;
    border: none;
}

.newheader #header p {
    margin: 0;
    padding: 0;
}

.newheader .field-field-don-t-show-text-on-banner,
.newheader .field-field-override-related-content,
.newheader .field-field-center-title {
    display: none !important;
}

.font-size{
    font-size:0;
}

.newheader #main-menu-link-contenta3d63dad-ca56-4009-b2eb-98bda432888a--2:hover ul,
.newheader #main-menu-link-content16756c45-1340-48fb-985d-205567896d74--2:hover ul,
.newheader #main-menu-link-content79ae2087-5623-463c-aa94-d6edaf366e08--2:hover ul{
    float: none;
    width: 12em;
    display: block;
    left: 100%;
    top: 0 !important;
}

@media (max-width: 979px){
    .newheader #header>.region-header img.logodivider {
    display: none!important;