@charset "UTF-8";
/* CSS Document */
#productheaderrow, footer, #returnBtn, .more {background-color: #334F5D;}
.topproductlogo {width: 22px;margin: 2px 6px 0 0; }
.topproductname {padding: 0 0 3px 0;}
.crumbs a:link, .crumbs a:visited,.stripe a:link, .stripe a:visited {color: #1b88cb;}
#content a:hover, #content a:visited:hover {color: #074267;}

/*------------------------------------*\
	RB NAVIGATION -- all screens
\*------------------------------------*/
.notmobile a:hover, .productbtn a:hover {color: #F7EB90;}
.secondmenuarea {box-shadow: 0 300px 100px 200px rgb(55 80 90 / 30%); border-bottom: #37505a 14px solid; margin-top: 6px;}/* product menu dropdown*/
.sectiontitle {color: #24572d; font-weight: 700;}
.sectiontitle a {color: #074267;}
.servicecolumns li > a, .resourcecolumns li > a {color: #074267;}
.sectiontitle a:hover, .servicecolumns li > a:hover, .resourcecolumns li > a:hover {color: #1b88cb; text-decoration: underline;}

.stripe  {color: #13304B;}
.green {color: #658924;}
.blue {color: #1b88cb;}
.darkblue {color: #074267;}
.ltyellow {color: #efedc7;}
.darkpullout {background-color: #074267; color: #ffffff;}
.darkpullout a, .darkpullout a:visited {color: #fcdf65; }
.darkpullout a:hover {color: #ffffff; }
 .triangledown {border-top: .4em solid #0065B9;}
.triangleleft { border-right:.4em solid #0065B9;}
.triangleright { border-left: .4em solid #0065B9; }
 h5, h6 {color: #13304B;}
h5, h6 {color: #074267;}

thead > tr {background-color: #074267; color: #ffffff;}
th, td {border-bottom: 2px solid #1b88cb; }
thead > tr > th {border: none;}
tbody a, tbody a:hover, tbody a:visited {color: #1b88cb !important;}
tbody a:hover {text-decoration: underline;}
tbody tr:focus-within {background-color: #ece9df;}       
tbody tr:hover {background-color: #ece9df;}

img.buttons {border: 1px solid #ffffff;}

/* rive animation */
.splashstripe {border-top: #ffffff solid 2px;}
.splashscreen {width: 100vw; height: auto;background-color: #ffffff;}

.news {
   background: #719926;
    color: #ffffff;
   padding: 35px 50px 10px;
   position: fixed;
   display: none;
   bottom:200px;
   right: 20px;
    z-index: 9999;
border-radius: 6px;
    filter: drop-shadow(2px 3px 3px #333333);
}
.news-content p, .news-content a {color: #ffffff;}
.closepopup {text-align: right;color: #ffffff;}

/* Mail Chimp signup form for weekly email lessons */
#mc_embed_signup{background:transparent; clear:left; font-weight: 700;}
#mc-embedded-subscribe {font-family: "komet", sans-serif; background-color: #658924; color: #ffffff; border-radius: 8px; margin: auto; border: 1px solid #ffffff;}
#mc-embedded-subscribe-form {margin: 0 auto 0 0; max-width: 600px;}
.indicates-required, .clear {text-align: right;padding-right: 10px;}
.mc-fieldinput,
.mc-field-group {display: flex; flex-direction: column; width: 100%;}
.mc-fieldlabel, .mc-fieldinput{text-align: left;}
.mc-fieldinput, .clear{padding: 10px 10px 0 0;}
.mc-fieldlabel{padding-top: 10px;}
.clear {width: 100%;}

@media screen and (min-width:640px) {
.mc-field-group {flex-direction: row;}
.mc-fieldlabel, .mc-fieldinput{text-align: right;}
.mc-fieldinput{flex: 3; flex-direction: row;}
.mc-fieldlabel{width: 30%;padding: 10px;}
}

@media all and (max-width: 899px) {
#mc-embedded-subscribe-form {width: 100%;}
}

@media screen and (min-width:900px) {
#mc-embedded-subscribe-form {width: 75%; }
}