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

.newheader a:hover,
.newheader .link:hover{
    color: #1db4c4;
}


header {
    height: auto !important;
}

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

#explore {
    pointer-events: none;
    padding-right: 15px;
    padding-left: 0;
}
.Selftoggle p {
    margin-bottom: 10px;
}
.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;
    border-top: 3px solid #1db4c4;
    margin-top: -1px;    
}

#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=search],
#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;
}
ul.sf-menu.menu ul{
    left: auto;

}
.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;
}

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::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;
}

#superfish-french-menu-toggle:hover {
    text-decoration: underline;
}

#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;
    text-decoration: none !important;
}

#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-french-menu-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;
    font-size:14.4px !important;
}

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: 100vw;
}

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

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

ul#superfish-french-menu-accordion > li > a{
    font-size: 14.4px;
    line-height:14px;
    text-decoration: none !important;
}

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 {
    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;
  
  
}


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

    .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;
}
span.sf-depth-2.menuparent.nolink {
    font-size: 14.4px;
}

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

    .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-french-menu-accordion {
    display: none;
}

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

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

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

ul#superfish-french-menu-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 {
        color: #1db4c4;
    text-decoration: none;
    border: none;
    outline: none;
}
#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 #french-menu-menu-link-contentfdad2734-651a-47a1-a32a-9b1f42541b7f--2 ul,
.newheader #french-menu-menu-link-content6892fd0f-c78f-47f0-9052-19726fa980e0--2 ul,
.newheader #french-menu-menu-link-contente2260e01-fcd1-4aa1-9fef-35d4e22cbfc2--2 ul{
    display:none;
}

.newheader #french-menu-menu-link-contentfdad2734-651a-47a1-a32a-9b1f42541b7f--2:hover ul,
.newheader #french-menu-menu-link-content6892fd0f-c78f-47f0-9052-19726fa980e0--2:hover ul,
.newheader #french-menu-menu-link-contente2260e01-fcd1-4aa1-9fef-35d4e22cbfc2--2:hover ul{
    float: none;
    width: #fixed-header ul.sf-menu ul;
    display: block;
    left: 100%;
    top: 0 !important;
}

@media (min-width: 700px){
    html[lang=en] .newheader input[type=search] {
    width: 210.2px !important;
}
}


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

#explore .layout-secondary-menu nav > ul a:hover{
    color: #1db4c4;
}

ul#superfish-french-menu-accordion > li > a:hover{
        color: #005bb7;
        text-decoration:underline !important;
}

.indexblock.main-heading {
    padding-bottom: 50px;
}

.footer-scam-content a {
    text-decoration: underline !important;
}


.hasSimilarJobs .btn-primary {
    box-shadow: none;
    border: none !important;
    text-shadow: none !important;
    word-wrap: break-word;
    white-space: normal;
    height: auto;
    line-height: 1.6;
}
body.myClass.explore-open .explore-button::after ,body.myClass.explore-close .explore-button::after  {
    transform: scaleX(0) !important;
}




body.explore-open  .explore-button::after,body.explore-close .explore-button::after {
    transform: scale
}

/*headermedia*/



@media (min-width: 699px){
    #header > .region-header > .search-block-form input.form-search:focus {
    background-color: rgba(255,255,255,0.7);
}

    #block-kyanite-search input[type=search]:focus, 
    
    #block-kyanite-search-fixed input[type=search]:focus, 
    .searchbox-fixed input[type=search]:focus {
    width: 100%;
}
.searchbox input[type=text]:focus {
    width: 218px !important;
    
}

}


@media (min-width: 700px){
    #explore {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10002;
    background: transparent;
    min-height: 0;
    box-shadow: 0px 0px 0 transparent;
    overflow: hidden;
    border-bottom: 1px solid transparent;
    border-right: 1px solid transparent;
}

    #explore {
    padding-top: 15px;
}

    #explore-page-blocker {
    z-index: -999;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    cursor: pointer;
    background: #000;
    opacity: 0;
}

    .explore-button {
    height: 40.31px;
}

    .layout-secondary-menu {
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    font-size: 0.9em;
}

    .layout-secondary-menu {
    max-width: 0;
}

    .layout-secondary-menu {
    position: relative;
    background: transparent;
    border-left: 1px solid transparent;
}

    #explore .layout-secondary-menu {
    margin-top: 25.66667px;
}

    #header {
    padding-left: 15px;
    padding-right: 15px;
}

    #header {
    display: block;
}

    #header {
    padding-top: 7px;
    padding-bottom: 7px;
    width: 80% !important;
}

    #header > .region-header {
    display: flex;
    flex-direction: row;
}

    #block-kyanite-branding {
    text-align: center;
}

    #header > .region-header > div {
    display: flex;
    vertical-align: top;
}

    #header > .region-header > div {
    display: flex;
    vertical-align: top;
}

    #header > .region-header > div:nth-child(2) {
    flex-grow: 1;
    padding-right: 16px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

    #block-kyanite-branding img {
    width: 160px;
}

    #block-languageswitchercontent ul.links a.language-link, 
    .langswitcherblock ul.links a.language-link {
    font-size: 13.92px;
    padding: 0 6.960px;
    padding-top: 2px;
}

    #block-kyanite-search, .searchbox,
    #block-kyanite-search-fixed, .searchbox-fixed {
    text-align: right;
    padding-right: 73px;
    padding-left: 50px;
}

    #header > .region-header > div {
    display: flex;
    vertical-align: top;
}

    #block-kyanite-search form, 
    #block-kyanite-search form *, 
    .searchbox form, .searchbox form *, 
    #block-kyanite-search-fixed form, 
    #block-kyanite-search-fixed form *, 
    .searchbox-fixed form, 
    .searchbox-fixed form * {
    color: #bfbfbf;
}

    #block-kyanite-search input[type=search], 
    .searchbox input[type=search],
    #block-kyanite-search-fixed input[type=search], 
    .searchbox-fixed input[type=search] {
    width: 144px;
    transition: width 0.5s;
    -ms-transition: none;
}

    #header > .region-header > .search-block-form input.form-search {
    background-color: rgba(255,255,255,0.7);
}

    body.explore-open .layout-secondary-menu {
    visibility: visible;
    overflow: visible;
    opacity: 1;
    height: auto;
    max-width: 432px;
    max-height: 99999px;
    transform: none;
}

    .explore-open #explore {
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    overflow: auto;
}

    body.explore-open #explore {
    background: rgba(255,255,255,0.9);
    box-shadow: 0px 0px 20px #888;
    padding-bottom: 80px;
    border-bottom: 1px solid #CCC;
    min-height: 100vh;
}

    .explore-open #explore-page-blocker {
    z-index: 10001;
    opacity: 0.5;
}

    #explore .layout-secondary-menu nav {
    border-bottom: 1px solid #EEE;
    transition: border-bottom-color 0.2s 0.3s;
}

    #explore .layout-secondary-menu nav:first-of-type ul:first-of-type > li:first-of-type::before {
    content: " ";
    display: block;
    border-top: 1px solid #CCC;
    height: 0;
    width: 0;
    transition: width 0.1s 0s linear;
}

    #explore .layout-secondary-menu nav > ul a, 
    #explore .layout-secondary-menu nav > ul span {
    padding-bottom: 3.744px;
    padding-left: 18.720px;
    padding-right: 18.720px;
}

    #explore .layout-secondary-menu nav::after {
    content: " ";
    position: relative;
    top: 1px;
    height: 0;
    border-top: 1px solid #CCC;
    display: block;
    margin-top: 18.720px;
    width: 0;
    transition: width 0.2s 0.3s;
}


}


@media (min-width: 900px){
    html[lang="en"] div#fixed-header {
    display: block;
    width: auto;
    float: right;
    margin-top: -40px;
    margin-right: 1rem;
    margin-right: calc(16px - 4.8px);
}

    html[lang="en"] .layout-fixed-header {
    top: 11.2px;
}

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


}

@media (min-width: 980px){
    #explore {
    padding-bottom: 80px;
}

    .explore-button {
    top: -1px;
}

    .layout-container {
    background-color: #FFF;
}

    #header {
    padding-top: 15px;
    padding-bottom: 15px;
    width: 87% !important;
}

    #block-kyanite-branding img {
    width: 200px;
}

    .layout-primary-menu .superfishdropdown > ul > li:last-child > a, 
    .layout-primary-menu .superfishdropdown ul.sf-menu.sf-style-white > li:last-child > a {
    padding-right: 8px;
}
}


/*Max*/
@media (max-width: 460px){
    #header > .region-header .langswitcherblock {
    right: unset;
    left: 160px;
}
}


@media (max-width: 699px){
    #explore {
    margin-top: 0 !important;
}

    .explore-button {
    transition: padding 0.5s,background-color 0.5s,color 0.5s;
    z-index: 999999;
    padding-top: 0.8em;
    padding-right: 0.8em;
    position: fixed;
    line-height: 1.8em;
    height: 1.8em;
    top: -4px !important;
    right: 0;
}

    .explore-button {
    padding-bottom: 22.400px;
}

    .explore-button .text {
    text-indent: -99999px;
    left: -999999px;
    position: absolute;
}

    .layout-secondary-menu {
    padding-left: 32px;
    padding-right: 32px;
    background: #FFF;
    display: none;
}

    .layout-secondary-menu nav {
    border-bottom: 1px solid #CCC;
}

    .layout-secondary-menu nav > ul {
    padding-bottom: 20.800px;
}

    .superfishspcmobile {
    clear: both;
}

    #block-kyanite-branding {
    margin-left: 16px;
    margin-right: 16px;
}

    #header > .region-header .langswitcherblock {
    position: absolute;
    top: 16px;
    right: 160px;
    z-index: 100;
}

    #block-languageswitchercontent ul.links a.language-link,
    .langswitcherblock ul.links a.language-link {
    font-size: 16px;
    line-height: 28.8px;
    height: 28.8px;
    padding: 0 4.800px;
}

    #block-kyanite-search, .searchbox, #block-kyanite-search-fixed, .searchbox-fixed {
    padding-right: 20px;
    position: absolute;
    top: 10.400px;
    font-size: 27.04px;
    right: 70px;
}

    #block-kyanite-search form,
    #block-kyanite-search form *, 
    .searchbox form,
    .searchbox form *, 
    #block-kyanite-search-fixed form,
    #block-kyanite-search-fixed form *,
    .searchbox-fixed form, 
    .searchbox-fixed form * {
    color: #1db4c4;
    background: transparent;
}

    #block-kyanite-search input[type=search],
    .searchbox input[type=search],
    #block-kyanite-search-fixed input[type=search], 
    .searchbox-fixed input[type=search]{
    position: relative;
    z-index: 1;
    transition: width 0.5s,border 0.5s;
    width: 45px;
    border: transparent;
}

    input#edit-keys{
        margin-bottom:0;
    }
    
    body.explore-open .layout-secondary-menu {
    display: block;
    float: left;
    z-index: 1;
    width: 100%;
    position: relative;
    transform: none;
    height: 100%;
    overflow: auto;
}

    body.explore-open #explore {
    position: fixed;
    z-index: 1000000;
    height: 100%;
    width: 100%;
    background: rgba(255,255,255,0.9);
}


}


@media (max-width: 899px){
    html[lang="en"] #fixed-header,
    html[lang="en"] #fixed-header-anchor {
    display: none;
}

}

@media (min-width: 700px) and (max-width: 979px){
    #header #block-languageswitchercontent, 
    #header .langswitcherblock {
    margin-top: 3px;
}

    #block-kyanite-search, .searchbox,
    #block-kyanite-search-fixed,
    .searchbox-fixed {
    top: 3px;
    position: relative;
}

    
}

@media (max-width: 979px){
    #block-kyanite-branding {
    margin-top: 4px;
}

    .explore-button {
    top: -6px;
}
}


@media (max-width: 1249px){
    #fixed-header .layout-primary-menu {
    display: none !important;
}
}


@media (min-width: 320px) and (max-width: 699px){
    
    .searchbox input[type=search]:focus {
        
        z-index: 2;
        padding-right: 0;
        width: Calc(100vw - 150px);
        border: 1px solid #CCC;
        box-shadow: 0px 0px 3px #1db4c4;
        height: 41px !important;
    }
    
   #search-block-form .sbmt-btn {
    margin-top: -41px;
    height: 41px;
    width: 50px;
    background: transparent;
    position: absolute;
    right: 0;
    z-index: 99;
    }
    
    div#explore nav#block-explorefr ul li a{
        font-size:20.8px;
    }
    
    div#explore .layout-secondary-menu nav > ul > li:first-of-type > a:first-of-type {
    padding-top: 20.8px;
}

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

    #explore .layout-secondary-menu nav > ul {
    padding-bottom: 20.800px;
}

    a#superfish-french-menu-toggle span {
    font-size: 16px;
}

    div.sf-accordion-toggle.sf-style-white a{
        padding:16px 48px 16px 16px;
    }
    
    a#superfish-french-menu-toggle {
    line-height: 23.5px;
}

    .layout-secondary-menu nav{
        margin-bottom:10.400px;
    }
    
    div.sf-accordion-toggle.sf-style-white > a:after{
        right:16px;
        font-size:32px;
    }
    
    ul#superfish-french-menu-accordion > li > a{
        font-size:16px;
        line-height: 16px;
    }
    
    ul.sf-menu.sf-style-white a,
    ul.sf-menu.sf-style-white a:visited,
    ul.sf-menu.sf-style-white span.nolink {
    padding: 12px 16px;
}
    
    ul.sf-menu.sf-style-white a.sf-with-ul,
    ul.sf-menu.sf-style-white span.nolink.sf-with-ul{
        padding-right:36px;
    }
    
    nav#block-kyanite-account-menu ul.clearfix li a {
    font-size: 19.2px;
    padding: 19.2px 19.2px 3.84px !important;
}

    nav#block-kyanite-account-menu ul.clearfix li a{
        padding-left:0 !important;
    }
    
    nav#block-kyanite-account-menu ul.clearfix li a {
    line-height: 25px;
}

    nav#block-kyanite-account-menu > ul {
    padding-bottom: 19.200px !important;
}

    nav#block-kyanite-account-menu {
    margin: 9.600px 0 !important;
}

    .scrolled-down .explore-button {
    padding: 11.400px;
    background-color: rgba(0,0,0,0.5);
    color: white !important;
}

    body.scrolled-down .explore-button {
    height: 61.56px;
}

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


    #block-kyanite-search form::after,
    .searchbox form::after,
    #block-kyanite-search-fixed form::after, 
    .searchbox-fixed form::after{
        padding-left:8.736px;
        padding-right:8.736px;
    }

}

    #block-kyanite-search h2,
    #block-kyanite-search .form-actions, .searchbox h2,
    .searchbox .form-actions, 
    #block-kyanite-search-fixed h2, 
    #block-kyanite-search-fixed .form-actions, .searchbox-fixed h2, 
    .searchbox-fixed .form-actions {
    display: none;
}


.explore-button:hover, .explore-button:active, .explore-button:focus {
    color: #069;
    outline: none;
}

#explore div.sf-accordion-toggle.sf-style-white a {
    font-size: 14.4px;
}

@media (min-width: 1400px) {
    #block-kyanite-branding img {
        width: 12vw !important;
    }
    #block-kyanite-search input[type="search"],
    .searchbox input[type="text"],
    #block-kyanite-search-fixed input[type="search"],
    .searchbox-fixed input[type="search"] {
        width: 10vw !important;
    }
    li.sf-depth-2.menuparent:hover > ul.sf-hidden {
        top: 90% !important;
    }
    

    #header {
        padding-top: 15px;
        padding-bottom: 12px;
        width: 89.6% !important;
    }
}
@media (max-width: 460px){

#header > .region-header #block-spclogo  {
    display: inline-block;
    width: 40%;
}

#header > .region-header #block-spclogo {
    padding-left: 1.5rem;
}

}

@media (max-width: 699px){
#block-kyanite-search, .searchbox, #block-kyanite-search-fixed, .searchbox-fixed {
    padding-right: 46px;
    position: absolute;
    top: 10px;
    font-size: 1.3em;
    right: 70px;
    z-index: 100;
}}
@media (max-width: 768px){

#header{
width:100% !important;}}


 .gototop .btn-group-lg>.btn, 
 .gototop .btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

.gototop #back-to-top {
    z-index: 999;
    cursor: pointer;
    position: fixed;
    bottom: 11px;
    right: 20px;
    display: none;
}

.gototop #back-to-top {
    -webkit-box-shadow: inset 0 0 0 1px #ffffff;
    -moz-box-shadow: inset 0 0 0 1px #ffffff;
    box-shadow: inset 0 0 0 1px #ffffff;
}
a.sf-depth-2.CDP.link.bold , span.sf-depth-2.menuparent.RES.nolink.bold {
    font-weight: bold;
}

 


ul.sf-hidden1.sfhover{
    display:block !important;
}
ul.sf-hidden2.sfhover {
    display: block !important;
}
ul.sf-hidden6.shover ,ul.sf-hidden11.shover,ul.sf-hidden12.shover  {
    display: block !important;
}
ul.sf-hidden13.shover , ul.sf-hidden14.shover{
    display: block !important;
}
ul.sf-hidden5.shover {
    display: block !important;
}
ul.sf-hidden9.sfhover {
    display: block !important;
}
ul.sf-hidden8.sfhover {
    display: block !important;
}
a.sf-depth-1.on.bold {
    font-weight: bold;
}
span.sf-depth-2.menuparent.nolink.in.strong {
    font-weight: bold;
    color: #005bb7 !important;
}
li#french-menu-menu-link-contentd31e7813-92ef-4e7f-bd6f-8260d1dc87c0-accordion.active .cps {
    font-weight: bold;
}
li#french-menu-menu-link-content45733b91-ceac-4c28-be08-1e83199295b9-accordion.active .act {
    font-weight: bold;
}
li#french-menu-menu-link-contentfdad2734-651a-47a1-a32a-9b1f42541b7f-accordion.active .gou {
    font-weight: bold;
    color: #005bb7 !important;
}
a.sf-depth-2.crga.gov {
    font-weight: bold;
    color: #005bb7 !important;
}
li#french-menu-menu-link-content6892fd0f-c78f-47f0-9052-19726fa980e0-accordion.active .res {
    font-weight: bold;
    color: #005bb7 !important;
}
li#french-menu-menu-link-contente2260e01-fcd1-4aa1-9fef-35d4e22cbfc2-accordion.active .cont {
    font-weight: bold;
    color: #005bb7 !important;   
}
a.sf-depth-2.menuparent.gou {
    color: #005bb7 !important;
}
a.sf-depth-2.crga.gov{
    color: #005bb7 !important;
}
a.sf-depth-2.menuparent.res{
    color: #005bb7 !important;
}
a.sf-depth-2.menuparent.cont{
    color: #005bb7 !important;
}
a.sf-depth-2.crga{
    color: #005bb7 !important;
}
span.sf-depth-2.menuparent.nolink.up.strong {
    color: #005bb7;
    font-weight: bold;
}
ul.sf-hidden9.shover {
    display: block !important;
}
a.sf-depth-2.crga.bold{
     color: #005bb7;
    font-weight: bold;
}


/*footer*/

.newfooter .site-footer {
    clear: both;
    padding-top: 32px;
    padding-bottom: 16px;
    text-align: center;
    overflow: hidden;
    color: #fff;
    background: #d6dbe2;
    background-image: url('https://www.spc.int/themes/custom/kyanite/images/footerbg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center;
    background-position-y: bottom;
    transition: color 0.5s,background 0.5s;
}
.designer-1 {
    font-weight: bold;
}
.newfooter footer.site-footer > *,
.newfooter .layout-highlighted2 {
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
}

.newfooter footer.site-footer > *:after, 
.newfooter .layout-highlighted2:after {
    content: " ";
    display: block;
    clear: both;
}

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

.newfooter .site-footer nav > ul {
    display: block;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 16px;

}

.newfooter .site-footer nav > ul > li {
    list-style-type: none;
}

.newfooter .site-footer a {
    font-weight: bold;
    color: #fff;
    border-bottom: none;
    text-decoration:underline;
}

.newfooter .site-footer nav > ul > li a {
    margin: 8.4px;
    font-size:16px;
}

.newfooter #block-socialmedia {
    margin-top: 16px;
    margin-bottom: 16px;
}

.newfooter #block-socialmedia .field-body {
    margin: 0 auto;
}

.newfooter #block-socialmedia > div:not(.contextual) {
    display: table;
}

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

.newfooter p {
    margin-top: 0px;
    margin-bottom: 0px;
    line-height:24px;
}

.newfooter dl,
.newfooter ol,
.newfooter ul {
    margin-top: 0;
    margin-bottom: 0px;
}

.newfooter .paragraph__column .field-type-text-with-summary ul, 
.newfooter .paragraph__column .field-type-text-with-summary ol,
.newfooter .paragraph__column .field-type-text-long ul, 
.newfooter .paragraph__column .field-type-text-long ol,
.newfooter .paragraph__column.field-type-text-with-summary ul,
.newfooter .paragraph__column.field-type-text-with-summary ol,
.newfooter .paragraph__column.field-type-text-long ul, 
.newfooter .paragraph__column.field-type-text-long ol, 
.newfooter .field-body .field-type-text-with-summary ul,
.newfooter .field-body .field-type-text-with-summary ol, 
.newfooter .field-body .field-type-text-long ul, 
.newfooter .field-body .field-type-text-long ol,
.newfooter .field-body.field-type-text-with-summary ul,
.newfooter .field-body.field-type-text-with-summary ol, 
.newfooter .field-body.field-type-text-long ul,
.newfooter .field-body.field-type-text-long ol {
    padding-left: 1em;
}

.newfooter #block-socialmedia .field-body ul {
    font-size: 20.8px;
    padding-left: 20.8px;
    margin-left:0;
}

.newfooter .paragraph__column .field-type-text-with-summary li,
.newfooter .paragraph__column .field-type-text-long li,
.newfooter .paragraph__column.field-type-text-with-summary li,
.newfooter .paragraph__column.field-type-text-long li,
.newfooter .field-body .field-type-text-with-summary li,
.newfooter .field-body .field-type-text-long li,
.newfooter .field-body.field-type-text-with-summary li,
.newfooter .field-body.field-type-text-long li {
	list-style-position: outside;
}

.newfooter #block-socialmedia .field-body ul li {
    list-style-type: none;
    list-style: none;
    display: inline-block;
    margin-right: 10px;
}

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

.newfooter img {
    max-width: 100%;
    height: auto;
    border: none;
}

.newfooter #block-socialmedia .field-body ul li img {
    width: 37px;
    height: auto;
}

.newfooter .site-footer nav > ul > li {
    line-height: 23.5px;
}

.newfooter .clearfix:before,
.newfooter .clearfix:after {
    display: none;
    content: "";
    line-height: 0;
}

.newfooter .site-footer nav > ul > li a:hover{
    text-decoration:underline;
}


/*footermedia*/

@media (min-width: 700px){
    .newfooter .site-footer nav > ul > li {
    display: inline-block;
    margin: 0;
    padding: 0;
}
}


@media (min-width: 851px){
    .newfooter footer.site-footer > *, 
    .newfooter .layout-highlighted2 {
    max-width: 1290px;
    margin-left: auto;
    margin-right: auto;
}

    .newfooter footer.site-footer > *:after, 
   .newfooter .layout-highlighted2:after {
    content: " ";
    display: block;
    clear: both;
}


}

p {
    margin: 0 0 10px;
}