/* Live Illuminations */

:root {
--nctm_darkblue: #003767;
--nctm_brandblue: #00a4e4;
--nctm_lightblue: #90cdf0;
--nctm_mediumblue: #006990;
--nctm_purple: #711471;
--theme_orange: #f7941d;
--theme_white: #fff;
--theme_mediumblue: rgb(12,84,138);
--theme_gray: #BCBDC1;
--theme_brightblue: #00aeef;
}

body {
font-size: 0.9rem;
}

#detailbody ul, #detailbody ol {
margin-bottom: 1rem;
margin-top: 1rem;
}

.topnav {
background-color: var(--nctm_darkblue);
height: 35px;
padding-top: 5px;
}

.header_links {
height: auto;
}

/*https://cssgradient.io/*/

div.site_header_bg {
background-color: white;
/*background: rgb(12,84,138);
background: linear-gradient(180deg, rgba(12,84,138,1) 0%, rgba(14,102,166,1) 42%, rgba(9,69,117,1) 100%);*/
background-image: linear-gradient(to right, #FFF0C9, #FEC321);
}

.site_logo {
/*height: auto;*/
}

/*.site_logo_title {
text-transform: uppercase;
color: var(--nctm_mediumblue);
}

.site_logo_title a, .site_logo_title a:link, .site_logo_title a:visited {
text-decoration: none;
color: var(--nctm_mediumblue);
}*/

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

div.site_header {
height: 76px;
}

.site_header .site_logo {
max-height: 54px;
padding: 15px 7px 7px 7px;
}

.site_header_bg .iform {
margin-top: 18px;
}

.nav_bg {
/*height: 56px;*/
height: auto;
}

button.navbar-toggler {
border: 2px solid white;
}

span.navbar-toggler-icon {
height: 26px;
width: 26px;
}
}

@media only screen and (min-width: 576px) {

div.site_header {
height: 94px;
}

.site_header .site_logo {
height: 75px;
padding: 12px 7px 0px 7px;
}
.site_header_bg .iform {
margin-top: 30px;
}

.nav_bg {
height: 41px;
}
}

@media only screen and (max-width: 768px) {
*/.site_logo_title {
margin-left: 0;
font-size: 24px !important;
}*/
}

@media only screen and (min-width: 769px) {
/*.site_logo_title {
margin-left: 70px;
font-size: 32px !important;
}*/
}


div.header_links {
}

.header_links .account_name {
margin: 0 !important;
}

.header_links a {
color:  var(--theme_white);
font-size: 13px;
font-weight: bold;
text-decoration: none;
margin-right: 7px;
margin-left: 7px;
}

.header_links a:hover {
color: var(--theme_orange);
}

.header_links > div > a {
padding: 10px 3px 10px 3px;
}

.header_links a.dropdown-toggle {
color: var(--theme_white);
}

.site_header>.header_links>a,.site_header>.header_links>a:link,.site_header>.header_links>a:visited {
color: white;
}

.site_header>.header_links>a:hover {
color: var(--theme_orange);
background-color: var(--nctm_darkblue);
}

ul.profile_menu {height: 35px;}

.profile_menu a:hover {
color: var(--theme_orange);
}

.profile_menu li:hover {
background-color: transparent;
}

.profile_menu i {margin-right: 5px;}

@media only screen and (max-width: 993px) {
/*.header_links {display: none;}*/
}

/*--- Navigation Styles --- */

.nav_bg {
background-color: var(--nctm_purple);
border-top: 3px solid var(--nctm_brandblue);
}

.main_nav {
/*border-bottom: 4px var(--nctm_darkblue);*/
background-color: var(--nctm_purple);
}

/* this fixes the gray scrolling background issue on the main navigation */
.navbar>.container-fluid {
background-color: var(--nctm_purple);
}

div.navbar-collapse {
margin: 0;
}

/*
div.navbar-collapse.show {
z-index: +10;
}
*/

.main_nav li, .main_nav a, li.nav-item {
font-size: 15px !important;
}

#navbarSupportedContent li, #navbarSupportedContent a, #navbarSupportedContent a:link {
font-size: 15px !important;}

a.nav_link {
padding: 8px 14px 8px 14px !important;
font-size: 15px !important;
}

.navbar-nav>.nav-item>.nav-link {
font-size: 15px !important;
height: 37px;
}

/* removed #clNav */
.main_nav a.nav-link, .main_nav a.nav-link:link, .main_nav a.nav-link:visited {
color: var(--theme_white);
text-decoration: none;
font-weight: bold;
padding-right: 9px !important;
padding-left: 9px !important;
}

.main_nav a.nav-link:hover {
color: var(--theme_orange);
background-color: var(--nctm_darkblue);
}


ul.dropdown-menu.show {
margin-top: 0px !important;
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
background-color: var(--nctm_darkblue);
}

.dropdown-menu a.dropdown-item, .dropdown-menu .dropdown-item a {
color: var(--theme_white);
width: 158px;
padding: 4px 16px 4px 16px;
} 

.dropdown-menu a.dropdown-item:hover, .dropdown-menu .dropdown-item a:hover {
background-color: var(--nctm_darkblue);
color: var(--theme_orange);
}

a.nav-link.dropdown-toggle {
}

a.nav-link.dropdown-toggle.show {
background-color: var(--nctm_darkblue);
color: var(--theme_orange);
}

.profile_menu>li.nav-item.dropdown {

}

.navbar-toggler {
border-color: rgb(255,255,255, 0.5);
}

.navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    /*box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);*/
box-shadow: 0 0 0 1;
}


/*
button.navbar-toggler {
margin-top: 7px;
}

div.navbar-collapse {
margin-top: 0;
background-color: var(--theme_brightblue);
}

.navbar-collapse>ul>li {
background-color: var(--theme_brightblue);
}

@media only screen and (max-width: 991px) {
ul.dropdown-menu {max-height: 480px; overflow-y: scroll; max-width: 100%;}
ul.dropdown-menu.show {max-width: 17rem;}
}

.dropdown-menu li.nav-item {
display: block;
width: 100%;
font-size: 1.3em !important;
}

a.dropdown-item {
display: block;
font-size: 1.0em;
font-weight: bold;
color: white;
padding-left: 10px;
padding-right: 10px;
color: var(--theme_white);
}

a.dropdown-item:hover {
background-color: var(--nctm_darkblue);
color: var(--theme_orange);
}

*/

/* --- Body Styles --- */

section#detailbody {
/*padding-top: 2em;*/
}

h1, h2, h3 {
color: var(--nctm_darkblue);
}

h1 {font-size: 1.8em;}
h2 {font-size: 1.5em}
h3 {font-size: 1.17em;}
h4 {font-size: 1.0em;}
h5 {font-size: 0.875em;}

h3.section-header, .illum_brainteaser h3 {
    background: #ffecb3;
    border-top: 3px solid #ffc20e;
    font-weight: bold;
    padding: 8px 15px;
    font-size: 1.2em;
color: black;
margin-top: 1.0em;
}

.illum_leadimage {
float: right;
}

.illum_body img.standardsIcon {display: none;}

div.illum_questions {
margin-bottom: 30px;
}



/*-- home page styles -- */

.ihome button.carousel-control-next:hover  {
background: #ffffff; background: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.49) 50%, rgba(0, 0, 0, 0.55) 100%);
}

.ihome button.carousel-control-prev:hover {
background: #ffffff; background: linear-gradient(270deg,rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.49) 50%, rgba(0, 0, 0, 0.55) 100%);
}

.ihome .carousel-control-next-icon, .ihome .carousel-control-prev-icon {
    width: 4rem;
    height: 4rem;
}

/* --- Search Styles --- */

.site_header_bg .iform>.input-group {
        border-radius: 50px;
    background-color: #f5f5f5;
    padding: 0 12px 0 12px;
margin-top: 5px;
    height: 40px;
border: 1px solid whitesmoke;
}

.site_header_bg .iform>.input-group>#txtSearch {
margin: 0, 0, 0, 0;
padding: 6px 12px;
    float: left;
    border: 0px;
    background-color: transparent;
width: 80%;
font-size: 16px;
}

.site_header_bg .iform span.bi.bi-search {
color: black;
float: left; 
margin-top: 7px;
height: 16px;
width: 16px;
font-size: 16px;
}

.header_links a.button_search {
color: black;
}

.header_links a.button_search:hover {
color: black;
}

.header_links .dropdown-menu.show {
transform: translate(7px, 34px) !important;
}

/*--- Body Styles ---*/

.widgetBody > .container > .row > .col {
padding-top: 2em;
}

div.upsell {
background-color: #fec321;
border-radius: 5px;
padding: 5px 30px 15px 30px;
margin-top: 30px;
}

.upsell h1 {
 margin-top: 15px;
margin-bottom: 15px;
}

.solution_pdf {
margin-top: 1em;
}

.solution_pdf h3 {
background: transparent;
border-top: 0;
}

.illum_brainteaser .content-source {
margin-top: 1em;
}

.illum_brainteaser .illum_leadimage {
display: none;
}


/*---fuse search results---*/

.fuse .fuse-headline {
/*font-size: 0.9em !important;*/
}

.fuse .fuse-headline__text {
/*font-size: 0.7em !important;*/
}

p.fuse-result__description {
font-size: 0.9em !important;
}

.fuse2-ui .fuse .fuse-result__img {
height: auto !important;
}

/*--- Footer ---*/

footer {
background-color: var(--theme_mediumblue);
    padding: 30px 0 0;
    color: #eee;
    font-size: 14px;
margin-top: 50px;
}

/*footer logo*/

#footer .footer-top {
padding-bottom: 15px;
}

#footer .footer-top .footer-info p {
font-family: "Open Sans", sans-serif;
}

#footer .footer-top .footer-info img {
height: auto;
max-width: 220px;
}

#footer .footer-top h4, #footer .footer-top h5, #footer .footer-top h6 {
padding-bottom: 5px;
border-bottom: 2px solid  var(--theme_orange);
text-transform: uppercase;
}

#footer .footer-top .footer-links ul {
list-style-type: none; 
text-indent: -11px;
/*margin-left: 15px;*/
}

#footer .footer-top .footer-links ul li {
margin-bottom: 3px;
line-height: 1.4em;
}

#footer .footer-top .footer-links ul li:before {
  content: '\203A';
color: var(--theme_orange);
/*font-size: 1.7em;*/
position: relative;
left: -15px;
}

#footer .footer-top .footer-links ul i {
color: var(--theme_orange);
}

#footer .footer-top .footer-links ul a {
color: white;
text-decoration: none;
}

#footer .footer-top .footer-links ul a:hover {
color: var(--theme_orange);
text-decoration: none;
}


#footer .footer-top .social-links a {
    font-size: 18px;
    display: inline-block;
    line-height: 1;
    padding: 8px 0;
    margin-right: 4px;
    border-radius: 50%;
    text-align: center;
    width: 36px;
    height: 36px;
    transition: 0.3s;
}

#footer .footer-top .social-links a,
#footer .footer-top .social-links a:link,
#footer .footer-top .social-links a:visited {
background-color: var(--nctm_darkblue);
color: white;
}


#footer .footer-top .social-links a:hover {
	
	background-color: var(--theme_orange);
color: var(--reg_primary);
	/*text-shadow: 1px 1px 2px black;*/
}

#footer a {
color: white;
}


#footer a:hover,
#footer a:active,
#footer a:focus {
color: var(--reg_secondary);
}

#footer .copyright {
padding: 25px;
text-align: center;
background-color: #222;
}


/* Back to top button */

.back-to-top {
  position: fixed;
  display: none;
  background: var(--reg_secondary);
  color: var(--reg_primary);
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 50px;
  right: 15px;
  bottom: 15px;
  transition: background 0.5s ease-in-out;
}

.back-to-top i {
  font-size: 24px;
  padding-top: 6px;
}

.back-to-top:focus {
  background: var(--reg_secondary);
  color: #fff;
  outline: none;
}

.back-to-top:hover {
  background: var(--reg_primary);
  color: #fff;
}

#footer .copyright {
    padding: 25px;
    text-align: center;
    background-color: #222;
}