/*@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: #DB5D03; /* blue=004AAD, green=3B6A75 main link text color */
  --color_linktext2: #DB5D23; /* blue=004AAD, green=3B6A75 main link text color */
  --color_boxbg1: #FB7D23; /* bg color for boxes 1 */
  --color_boxbg1light: #FF8D33; /* bg color for boxes 1 */
  --color_boxtext1: #333333; /* 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_linktext1) !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: 16px; }
}

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: 16px; }
h1  { margin-top: 10px; }
a, a:link, a:visited { color: var(--color_linktext1); }

#site-logos {
    border-bottom: 1px solid var(--color_linktext1);
    margin-bottom: 15px;
}

.navbar-fixed-top .navbar-brand-main {
    color: var(--color_linktext1);
    text-shadow: 2px 2px 4px var(--color_linktext1);
    font-weight: 200;
    font-size: 1.6em !important;
}

.site-headertitle {
    color: var(--color_linktext1);
    text-shadow: 2px 2px 4px var(--color_linktext1);
    padding: 15px 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; }

/* Vertical paddings adjusted based on logo height */
body.notpublicpage  { padding-top: 70px; }
.notpublicpage .navbar-nav { margin-top: 5px; }
@media (max-width: 991px) { .navbar-fixed-top .navbar-nav { margin-top: 12px; } }
.notpublicpage .navbar-default .navbar-brand {
    padding: 8px 10px 8px 15px;
}
.notpublicpage .navbar-brand-main img {
    height: 30px;
    margin: 3px 7px 2px 0;
}
@media (max-width: 991px) {
body.notpublicpage  { padding-top: 60px; }
.notpublicpage .navbar-nav { margin-top: 4px; }
.notpublicpage .navbar-default .navbar-brand { padding: 10px 10px 7px 15px; }
.notpublicpage .navbar-brand-main img { height: 20px; }
.notpublicpage .navbar-default .navbar-brand { font-size: 0.95em; }
}
@media (min-width: 767px) and (max-width: 991px) {
    .notpublicpage .navbar-default .navbar-nav>li>a { font-size: 0.9em; }
}
@media (max-width: 600px) {
.navbar-header .navbar-brand {
    font-size: 1.2em !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 */

@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_boxtext1);
}

/*.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);
}

.programtext {
	font-size: 17px;
	line-height: 32px;
}
@media (min-width: 992px) {
.programtext {
	padding-left: 40px;
	padding-right: 50px;
}
.programtext /*p, .programtext div, .programtext td, .programtext li*/{
	font-size: 18px;
}
}
@media (max-width: 600px) {
.programtext /*p, .programtext div, .programtext td, .programtext li*/{
	font-size: 16px;
	line-height: 28px;
}
}

.worksheet-table1, .worksheet-table1 td{
    border: 1px solid #888888 !important;
}
.worksheet-header2, .worksheet-side2{
    background-color: #e0e0e0;
    color: #000000;
}
@media screen {
.worksheet-header1, .worksheet-side1{
    background-color: var(--color_boxbg1);
    color: var(--color_boxtext1);
}
}
.worksheet-ratestar {
    color: var(--color_boxbg1);
    font-size: 2.5em;
    cursor: pointer;
}
.programtext iframe {
    border: 1px solid #888888;
}
.programtext img {
    border-radius: 7px;
}

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

.programtext .worksheet-title, .worksheet-posts .postHide, .programtext .postHideProgram{
    display: none;
}
.worksheet-posts, .worksheet-new, .worksheet-edit {
    line-height: 1.6;
}

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

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

.quizQuestion p{
    font-weight: bold;
}
.quizQuestion .radio{
    margin-left: 10px;
}
.quizQuestion input{
    width: 1.05em;
    height: 1.05em;
    margin-right: 3px;
    margin-top: 5px;
}
.quizCorrect{
    font-weight: bold;
    color: #009900;
}
.quizWrong{
    font-weight: bold;
    color: #990000;
}

/*.box1, .box2, .box3, .box4 {
    margin-left: auto;
    margin-right: auto;
    padding: 15px 10px 15px 15px;
    border-radius: 10px;
    box-shadow: 7px 7px 5px 0px rgba(150, 170, 170, 0.75);
    max-width: 100%;
}
@media (min-width: 768px) { .box1, .box2, .box3, .box4 { width: 80%; } }
.box1 h1, .box1 h2, .box1 h3, .box1 h4,
.box2 h1, .box2 h2, .box2 h3, .box2 h4,
.box3 h1, .box3 h2, .box3 h3, .box3 h4,
.box4 h1, .box4 h2, .box4 h3, .box4 h4
{ margin-top: 0px; }
.box1 { background-color: #3a899f; }
.box1, .box1 p, .box1 span, .box1 div, .box1 h1, .box1 h2, .box1 h3, .box1 h4, .box1 a { color: #ffffff; }
.box2 { background: linear-gradient(to bottom right, #ccccff -50%, #233b5c 100%); }
.box2, .box2 p, .box2 span, .box2 div, .box2 h1, .box2 h2, .box2 h3, .box2 h4, .box2 a { color: #ffffff; }
.box3 { background-color: #e6e6fa; }
.box3, .box3 p, .box3 span, .box div, .box3 h1, .box3 h2, .box3 h3, .box3 h4, .box3 a { color: #111111; }
.box4 { border: 1px solid #aaaaaa; background: linear-gradient(to right, #eeeeee , #ffffff);}
.box4, .box4 p, .box4 span, .box div, .box4 h1, .box4 h2, .box4 h3, .box4 h4, .box4 a { color: #111111; }*/

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

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

.expandLink {
    color: #1a697f !important;
    text-align: center;
    cursor: pointer;
}
.expandLink:before {
   content: "» ";
}
.expandLink:hover {
    text-decoration: underline;
}
.expandText {
    padding: 0 10px 0 10px;
    display: none;
}
.cke_editable .expandText {
    display: block;
}

.ws12Arrow1{
    font-size: 2em;
    font-weight: bold;
}

.videoContainer { width: 70%; padding-bottom: 39%; }
@media (max-width: 767px) {
.videoContainer { width: 100%; padding-bottom: 56.25%; }
}