/** General website theme */
:root {
	/* background */
	--body-bg: #f2e5f2;

	/*3 Adjust Cassiopeia Color Scheme*/
	--cassiopeia-color-primary: #036c5f;
	--cassiopeia-color-link: #862504;
	--cassiopeia-color-hover: #d3616e;
    --cassiopeia-font-family-headings: 'Open Sans', sans-serif;
    --cassiopeia-font-weight-headings:600
}


/** Sub menu properties - theme, active element, hover*/
#nav-sub-menu.metismenu.mod-menu {
    list-style: none;
}

#nav-sub-menu.metismenu.mod-menu .metismenu-item {
  float:left;
  font-size:1rem;
  padding-top:0.25em;
  padding-bottom:0.25em;
  padding-left:0;
  padding-right:0;
}

#nav-sub-menu.metismenu.mod-menu .metismenu-item a{
  padding-top: 8px;
  padding-bottom: 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding-right: 10px;
  padding-left: 10px;
  margin-right: 2px;
  line-height: 14px;
  text-decoration:none;
  color:black;
}

#nav-sub-menu.metismenu.mod-menu .metismenu-item a:hover{
	background-color:beige;
}

#nav-sub-menu.metismenu.mod-menu .metismenu-item.active > a {
  background-color: #036c5f;
  color:white;
}

#nav-sub-menu.metismenu.mod-menu .metismenu-item.active > button {
  color: #036c5f;
}

.mod_sub_menu .card-body {
  background-color:#81b5af;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding:0;
}


/** Third menu (inside sub menu) properties - theme, active element, hover*/
nav.top-b.card{
	margin:0;
}

.top-b .card-body {
  padding-top:0;
  padding-bottom:0;
  padding-left:0;
  padding-right:0;
}

#nav-sub-menu.metismenu.mod-menu .mm-collapse {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background-color:#81b5af;
}

#nav-sub-menu.metismenu.mod-menu .mm-collapse a{
  color:black;
  width:100%
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

#nav-sub-menu.metismenu.mod-menu .mm-collapse a:hover{
  	background-color:beige;
}

/** Third menu (outside) */
#nav-third-menu.mod-menu.metismenu {
    list-style: none;
}


#nav-third-menu.mod-menu.metismenu .metismenu-item {
  float:left;
  font-size:1rem;
  padding-top:0;
  padding-bottom:0;
  padding-left:0;
  padding-right:0;
}

#nav-third-menu.mod-menu.metismenu .metismenu-item a{
  padding-top: 8px;
  padding-bottom: 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding-right: 10px;
  padding-left: 10px;
  margin-right: 2px;
  line-height: 14px;
  text-decoration:none;
  color:black;
}

#nav-third-menu.mod-menu.metismenu .metismenu-item a:hover{
	background-color:beige;
}

#nav-third-menu.mod-menu.metismenu .metismenu-item.active > a {
  background-color: #036c5f;
  color:white;
}

/** 2nd level menu inside main menu - hover, background, active*/
#nav-main-menu.metismenu.mod-menu .mm-collapse {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background-color:#81b5af;
}

#nav-main-menu.metismenu.mod-menu .mm-collapse a{
  color:black;
   width:100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  text-decoration:none;
  padding-right: 10px;
  padding-left: 10px;
}

#nav-main-menu.metismenu.mod-menu .mm-collapse a:hover{
  	background-color:beige;
}


/** Main menu properties - theme, active element, hover*/
/*#nav-main-menu.metismenu.mod-menu .metismenu-item a{
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

#nav-main-menu.metismenu.mod-menu .metismenu-item a:hover{
  background-color:beige;
  color:black;
}

#nav-main-menu.metismenu.mod-menu .metismenu-item.active a {
  background-color: #036c5f;
  color:white;
}

.container-header .metismenu>li.active>a:after{
  background:none;
}*/


/** Links for sections on a page */
.tabbedSpace {
  padding-right: 25px;
  font-weight: bold;  
  text-decoration:none;
}

.tabbedSpace:hover {
  text-decoration:underline;
}

/** Homepage links*/
#browse_preschool_worksheets:hover, #browse_kindergarten_worksheets:hover,#browse_worksheets_by_topic:hover {
	margin-top: -15px;
	position: relative;
}

/** Make footer narrow - use less space */
.footer .grid-child {
  padding-top: 1.5rem;
  padding-bottom:0.5rem;
  flex-direction:column; /** two elements of footer on top of each other */
}

.footer .bw-social-share {
  text-align:center;
}

/** Make header narrow - use less space */
.header .grid-child.container-nav {
  padding-top:0em;
}

.header.container-header .grid-child{
  padding-top:0em;
}

.container-header nav{
  margin-top:0em;
}

/** Terms of use banner*/

.termsOfUseMarquee span {
  color: green;
  font-weight: bold;
  text-align: justify;
  position: relative;
  display: inline-block;
}

/** SIGE - Image Library*/
.vbox-title {
      line-height: 18px!important;
  	  bottom:5px;
  	  height:60px!important;
  	  top: unset!important;
  	  padding-right: 80px!important;
}

.vbox-close {
  bottom: 5px;
  height: 60px!important;
  top: unset!important;
  right: 38px!important;
}

.com-content-category-blog__item.blog-item{
  background-color:beige;
  margin-top:10px;
  padding:10px;
}

.tags a.btn {
  background-color:gray;
}

.item-content .page-header a {
  text-decoration:none;
}

.list-group .list-group-item-action a {
  text-decoration:none;
}

/** Thumbnails in eLibrary */
.custom_thumbs {
  	clear: both;
    display: table-cell;
    margin: 16px 4px;
    padding: 0;
    list-style-type: none;
}

.custom_thumbs_li {
  	margin: 0;
    overflow: visible;
    background-image: none;
    padding: 0;
    width: 240px;
    height: 340px;
    float: left;
    display: inline-block;
}

.custom_thumbs_item {
  	float: left;
    margin: 20px;
    padding: 0;
}

.custom_thumbs img {
  display:block;
  position:relative;
  background:#FFF;
  border:1px solid #ccc;
  margin:-5px 5px 5px -5px;
  padding:4px;
}

.custom_thumbs_caption {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  display: block;
  font-weight:bold;
  clear: both;
}

/** SIGE - image gallery*/
.sige li {
  margin-bottom: 1rem!important;
}

.sige_thumb {
  margin-bottom:0!important;
}

/*Browse by category/preshcool/kindergarten*/
.anchorAsBtn {
    background-color: #036c5f;
    color: white;
    padding: 15px 25px;
    text-decoration: none;
    cursor: pointer;
    border: none;
    float: left;
    margin-right: 20px;
    margin-bottom:15px;
    font-weight:bold;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
}

.listBrowseWorksheets {
  list-style-type:none;
  padding-left:0;
}

/** dj image slider*/
.imageSliderHeader{
  text-align:center;
  margin-top:1.5em;
  margin-bottom:0.5em;
}