@import url("svt8nki.css"); /* specific to microsite */
/* not needed on microsite @import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,900;1,900&display=swap'); */

/* MAKE SURE THE IMPORT URL IS HTTPS */
/* Google fonts are linked directly in the wrapper file now - this file is only for the admin on this site */


/* cheatsheet for microsite fonts 

font-family:"learning-curve"; font-display:auto;font-style:normal;font-weight:400;

font-family:"learning-curve"; font-display:auto;font-style:normal;font-weight:700;

font-family:"learning-curve-dashed"; font-display:auto;font-style:normal;font-weight:400;

font-family:"effra"; font-weight:400;

font-family:"effra"; font-display:auto;font-style:italic;font-weight:400;

font-family:"effra"; font-display:auto;font-style:normal;font-weight:700;

font-family:"effra"; font-display:auto;font-style:italic;font-weight:700;

font-family:"effra"; font-display:auto;font-style:normal;font-weight:300;

font-family:"effra"; font-display:auto;font-style:italic;font-weight:300;

font-family:"soleil"; font-display:auto;font-style:normal;font-weight:700;

font-family:"soleil"; font-display:auto;font-style:normal;font-weight:400;

font-family:"soleil"; font-display:auto;font-style:italic;font-weight:700;

font-family:"soleil"; font-display:auto;font-style:italic;font-weight:400;

*/

.tk-learning-curve { font-family: "learning-curve",sans-serif; }
.tk-learning-curve-dashed { font-family: "learning-curve-dashed",sans-serif; }
.tk-effra { font-family: "effra",sans-serif; }
.tk-soleil { font-family: "soleil",sans-serif; }

.favescript{
	font-family:"learning-curve",sans-serif !important;
}

.intro {
    font-family: "effra",sans-serif; color: #71832f;
}

body {font-family:"effra",sans-serif;}
h1, h2, h3, h4, h5, h6 {
    /*this is where all site headings are customized*/
    margin: 2% 0 1%;
    line-height: normal;
    font-weight: 700;
    font-family: "soleil",sans-serif;
    color: #004658;
}
h1 {
	font-family: "soleil",sans-serif;
	font-weight: 900;
    font-size: 50px;
    font-size: 3.125rem;
    letter-spacing: -2px;
    color: #004658;
}
.wrapper.hasnobanner h1 {margin-top: 0;}
.hasbanner div.wrapper_inner {margin-top: 0;}
.homepage-banner .banner-subtitle {font-family: "soleil",sans-serif; font-weight: 400;}
.homepage-banner .banner-title { font-family:"learning-curve",sans-serif !important; font-weight: 600; }
.topbar {background-color: #269A91;}

.ob-login-button {display: flex; flex-direction: column; gap: 10px;}
div.ob-login-button a.button {width: auto;}
.topbar-inner {padding: 10px 15px;} /* adding space now that search was removed */

div.nav-main ul.megamenu li.nav-item a:after {display: none;}
.header-logo img {max-width: 166px;}

.footer {color: #004658;  background-image: url(../svg/microsite-tag-title-pattern-honeycomb.svg);  background-color: rgba(231, 232, 209, 0.5);}


ul.mega-subnav li.mega-subnav-item {width: auto; min-width: 20%;}
div.nav-main ul.megamenu li.nav-item a {    font-size: 1.5rem;    color: #004658;}

div.nav-main ul.megamenu li a.on {
    color: #71832f;
}
div.nav-main ul.megamenu li a.active, div.nav-main ul.megamenu li a:hover {
    border-bottom: 4px solid #71832f;
}
ul.mega-subnav li a {color: #004658; font-weight: 400;}
ul.mega-subnav {justify-content: center;}
	
#page-content ul li::before, .deckinner ul li::before {    width: 18px;    height: 18px;    background-image: url(../svg/microsite-tag-title-bullet.svg);    transform: translate(-5px,-2px);}
	
@media screen and (max-width: 767px) {
    div.header-mobile div.header-menu {        background-color: #f6f6ee;  background-image: url(../svg/microsite-tag-title-pattern-circles.svg);   }
	div.nav-main-mobile ul.nav-menu li.nav-item a, div.nav-sub-mobile ul.nav-menu li.nav-item a {
        padding: 12px 6px;
        font-size: 1.25rem;
		display: flex; justify-content: center;
		border-bottom: 1px solid #71832f;
		color: #004658;

    }
	div.nav-main-mobile ul.nav-menu li.nav-item a:hover, div.nav-sub-mobile ul.nav-menu li.nav-item a:hover {text-decoration: underline; background-color: #e7e8d1;  background-color: rgba(231, 232, 209, 0.5); }
	div.nav-main-mobile ul.nav-menu li.nav-item a.on  {   background-color: rgba(231, 232, 209, 0.75); background-image: url(../svg/microsite-tag-title-pattern-circles.svg); }
	div.nav-main-mobile ul.nav-menu li.nav-item a.on:after {display: none;}
}
/* overrides for specific font declarations in content */
.featured_deck .content_column {font-family: "effra", sans-serif;}
.featured_deck_title strong {margin-left: 0;}
.featured_deck_title strong {line-height: 1.3;}

/* removing flippy bullet because round bullet is there instead */
ul.faq-list a.faq-open:before {display: none;}	

/* adding microsite-specific alert themes */
.alert {display: none;}
.alert.alert-tagtitle {display: block;}
.alert.alert-tagtitle .alert-title {font-family: "soleil",sans-serif;}
	
/* end of file - make sure all CSS is above this line */