/*@import url('/sites/main/mediacommon/css/fonts/font_g01.css');*/
@import url('/sites/main/mediacommon/css/fonts/font_g02.css');

:root {
  --color_pagebg: #ffffff; /* main page bg color */
  --color_menubg: #F1F3EE; /* main page bg color */
  --color_border1: #dddddd; /* border and line colors for menubg */
  --color_linktext1: #607D8B; /* main link text color */
  --color_boxbg1: #607D8B; /* 3a70af bg color for boxes 1 */
  --color_boxbg1light: #607D8B; /* bg color for boxes 1 */
  --color_boxtext1: #ffffff; /* text color for boxes 1 */
  --color_boxbg2: #eeeeee; /* bg color for boxes 2, generally light */
  --color_boxtext2: #111111; /* text color for boxes 2 */
}
.text-color1 { color: var(--color_boxbg1) !important; }
.text-color2 { color: var(--color_linktext2) !important; }
.bg-color1 { background-color: var(--color_linktext1) !important; }
.bg-color2 { background-color: var(--color_linktext2) !important; }
.border-left1 { border-left: 2px solid var(--color_boxbg1); }

body {
    background-color: var(--color_pagebg);
    font-family: 'Manrope', sans-serif;
    /*font-family: 'Open Sans', sans-serif;*/
    font-size: 16px;
}
@media (max-width: 767px) {
body { font-size: 15px; }
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; line-height: inherit; }
h1, .h1 { font-size: 28px; }
h2, .h2 { font-size: 24px; }
h3, .h3 { font-size: 20px; }
h4, .h4 { font-size: 18px; }
h1  { margin-top: 10px; }
a, a:link, a:visited { color: var(--color_linktext1); }

.navbar-fixed-top {
    background-color: var(--color_menubg);
}

.navbar-default .navbar-brand,
.navbar-default .navbar-nav>li>a {
	/*color: var(--color_linktext1);*/
    font-family: 'Manrope', sans-serif;
    font-size: 1em;
}

.navbar-header .navbar-brand {
    color: var(--color_boxbg1);
    text-shadow: 2px 2px 4px var(--color_boxbg1);
    font-weight: 100;
    font-size: 1.8em !important;
    padding-top: 10px;
    padding-bottom: 3px;
}

/* Vertical paddings adjusted based on logo height */
body.notpublicpage  { padding-top: 70px; }
.notpublicpage .navbar-nav { margin-top: 6px; }
.notpublicpage .navbar-brand-main img {
    height: 40px;
    margin: 0px 7px 7px 6px;    
}
@media (max-width: 991px) {
body.notpublicpage  { padding-top: 60px; }
.notpublicpage .navbar-nav { margin-top: 4px; }
.notpublicpage .navbar-brand-main img { height: 32px; }
.notpublicpage .navbar-default .navbar-brand, .notpublicpage .navbar-default .navbar-nav>li>a { font-size: 0.95em; }
}
@media (max-width: 600px) {
.navbar-header .navbar-brand {
    font-size: 1.3em !important;
    padding-top: 5px;
    padding-bottom: 3px;
}
.notpublicpage.loggedout .navbar-brand-main img { height: 28px; margin-top: 6px; }
.notpublicpage.loggedout .navbar-default .navbar-brand, .notpublicpage.loggedout .navbar-default .navbar-nav>li>a { font-size: 0.9em; }
}
/* END: Vertical paddings */

#site-logos {
    border-bottom: 1px solid var(--color_linktext1);
    margin-bottom: 15px;
}
#site-logos .img1 {
    height: 38px;
    margin: 20px 0 20px 0;
}

.site-headertitle {
    color: var(--color_linktext1);
    text-shadow: 2px 2px 4px var(--color_linktext1);
    padding: 5px 0 20px 0;
    font-size: 2.1em;
    font-weight: 200;
}

.breadcrumb { background-color: var(--color_boxbg1); }
.breadcrumb, .breadcrumb a { color: var(--color_boxtext1); }
.breadcrumb>li+li:before, .breadcrumb>.active { color: #eeeeee; }

@media (max-width: 600px) {
    #divMenu { text-align: center; }
}
.startmenu {
    display: inline-block;
    text-align: left;
}
.startmenu ul:first-child {
    margin-bottom: 0;
}
.startmenu .list-group-item ul {
    padding-bottom: 7px;
}
.startmenu .list-group-item {
    background-color: var(--color_boxbg1);
    font-size: 1.25em;
    border: 0;
    padding: 0;
    margin-bottom: 7px;
    border-radius: 15px;
}
.startmenu .list-group-item a{
    display: block;
    padding: 10px 15px 10px 15px;
    border-radius: 14px;
    white-space: nowrap;
    color: var(--color_boxtext1);
}
.startmenu .list-group-item a:hover {
    background-color: var(--color_boxbg1light);
    text-decoration: none;
}

#nav-program .menu-item a {
    background: transparent;
    border: 0;
    border-color: transparent;
    box-shadow: 0 7px 5px -4px rgba(110, 150, 150, 0.75);
    font-size: 0.9em;
    padding: 8px;
    margin-bottom: 10px;
    margin-left: 10px;
    color: #555555;
}
#nav-program .menu-item a:hover {
    background-color: var(--color_boxbg1light);
    color: var(--color_boxtext1);
}
#nav-program .menu-active a {
    font-style: normal;
    background-color: var(--color_boxbg1);
    color: var(--color_boxtext1);
}
#nav-program .menu-item a .glyphicon {
    color: var(--color_linktext1);
}

.panel-body>h3 {
    font-size: 15px;
    font-weight: bold;
}

.btn-primary {
color: var(--color_boxtext1) !important;
background-color: var(--color_boxbg1);
border-color: var(--color_boxbg1);
}
hr, .cke_editable hr { border-top: 1px solid #aaa; }
blockquote { border-left: 5px solid #ddd; }
.programtext {
    font-size: 17px;
    line-height: 1.8;
}
.programtext h1 {font-size: 24px;}
.programtext h2 {font-size: 20px;}
.programtext h3 {font-size: 18px;}
.programtext h4 {font-size: 16px;}

.programtext h1, .programtext h2, .programtext h3, .programtext h4 {
    margin-top: 10px;
}
.programtext .worksheet-title, .worksheet-posts .postHide, .programtext .postHideProgram{
    display: none;
}
.worksheet-posts .panel {
    background-color: transparent;
}

.panel-body>h3 {
    font-size: 15px;
    font-weight: bold;
}
.worksheet-table1, .worksheet-table1 td{
    border: 1px solid #888888 !important;
}
.worksheet-header2, .worksheet-side2{
    background-color: #e0e0e0;
}
._bgColor1 td, .bgColor1 th{
    text-align: center;
}

@media screen {
.worksheet-header1, .worksheet-side1{
    background-color: #607D8B;
    color: #ffffff;
}
.bgColor1, .bgColor1>td {
	background-color: #607D8B !important; /* for printing */ /*#e5e5e5;*/
    color: #ffffff !important;
    -webkit-print-color-adjust: exact;
}
}
.worksheet-ratestar {
    color: var(--color_boxbg1);
    font-size: 2.5em;
    cursor: pointer;
}

.worksheet-posts .panel {
    background-color: transparent;
}

.programtext .worksheet-title, .worksheet-posts .postHide, .programtext .postHideProgram, .programtext .wsAnswerHeaderText1 {
    display: none;
}

@media screen {
.worksheet-header1, .worksheet-side1{
    background-color: #607D8B;
    color: #ffffff;
}
.bgColor1, .bgColor1>td {
	background-color: #607D8B !important; /* for printing */ /*#e5e5e5;*/
    color: #ffffff !important;
    -webkit-print-color-adjust: exact;
}
}
.worksheet-ratestar {
    color: #607D8B;
    font-size: 2.5em;
    cursor: pointer;
}
.programtext p iframe {
    border: 1px solid #888888;
}
.programtext img {
    border-radius: 7px;
}
@media (max-width: 700px){
.programtext img {
    max-width: 100% !important;
    height: auto !important
}
.programtext img[align="left"], .programtext img[align="right"] {
    max-width: 50% !important;
}
}

.divModuleListContainer .imgModule {
    border: 1px solid #eeeeee;
}

.divBox1 {
    background-color: #607D8B;
    color: #ffffff;
    padding: 5px;
    border-radius: 5px;
}

.SiteColor1 { color: #607D8B; }

audio {
    width: 100%;
    max-width: 400px;
}

.expandLink, .cke_editable .expandLink {
    background-color: #f0f0f0; /*DFECF5*/
    border-radius: 5px;
    color: #1a697f;
    margin-top: 20px;
    margin-bottom: 1.5em;
    padding: 5px;
    font-weight: bold;
    cursor: pointer;
}
.expandLink:hover {
    color: #4a79af;
}
.expandLink:before {
   content: "» ";
}
.expandText, .cke_editable .expandText {
    background-color: #f0f0f0;
    border-left: 1px solid #1a697f;
    border-radius: 5px;
    padding: 15px;
    margin-left: 20px;
    margin-bottom: 1.5em;
    display: none;
}
.cke_editable .expandText {
    display: block;
}

img.stars1 {
    width: 196px !important;
    height: auto !important;
}

.programtext table ul {
    padding-left: 17px;
    margin-bottom: 0;
}

.box1, .box2, .box3 {
    margin-left: auto;
    margin-right: auto;
    padding: 15px 10px 15px 15px;
    border-radius: 10px;
    border: 1px solid #aaaaaa;
    box-shadow: 7px 7px 5px 0px rgba(150, 170, 170, 0.75);
    max-width: 100%;
}
@media (min-width: 768px) { .box1, ._box2, .box3 { width: 80%; } }
.box1 { background-color: var(--color_boxbg1); }
.box2 { background-color: var(--color_boxbg2); }
.box3 { border: 2px solid #555555; border-radius: 20px; }
.box1, .box1 p, .box1 span, .box1 div, .box1 h1, .box1 h2, .box1 h3, .box1 h4
 { color: var(--color_boxtext1); }
.box2, .box2 p, .box2 span, .box2 div, .box2 h1, .box2 h2, .box2 h3, .box2 h4 
 { color: var(--color_boxtext2); }
.box3, .box3 p, .box3 span, .box3 div, .box3 h1, .box3 h2, .box3 h3, .box3 h4 
 { color: #111111; }
.box1 h1, .box1 h2, .box1 h3, .box1 h4,
.box2 h1, .box2 h2, .box2 h3, .box2 h4,
.box3 h1, .box3 h2, .box3 h3, .box3 h4
 { margin-top: 5px; }

.table1 { margin: auto; }
@media (min-width: 768px) { .table1 { width: 80%; } }
.table1 tr:first-child { background-color: var(--color_boxbg1); color:  var(--color_boxtext1); text-align: center; font-weight: normal !important; }
.table1 td { padding: 5px 8px 5px 8px; }