html,
body {
  overflow-x: hidden; /* Prevent horizontal scroll on narrow devices */
  background-color: #ebebeb;
  font-size:1em;
}

a:active {text-decoration:none;}
/*BOOTSTRAP OVERRIDES*/

h2 {
    color:#005081;
}
h3 {
    color:#00683d;
}
*{
    font-family:'Open Sans Condensed';

}
.main-content p {
    font-family:'Open Sans';
}
.main-content li a, .main-content p a  {
    font-family:'Open Sans';
    font-weight:600;
}
p { font-size:14px;
}
/*Promo variant colors */
h2.background--light {
  color: black;
}

h2.background--dark {
  color: white;
}

h2.background--complex {
  color: gray;
} 
h2.subhead {
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    padding: 24px 0px;
}
p{  
    font-size:1em;
}
.header {
    height:150px;
    padding: 15px 55px;
}
#navbar {
	margin-top: 45px;
	overflow: inherit;
}

.navbar {
	margin-bottom: 14px;
}

.navbar-default {
	background-color: inherit;
	border: inherit;
}

.navbar-toggle {
	margin-top: 22px;
}

.nav > li > a {
	padding: 4px 15px;
	margin:0;
    color:#FFFFFF;
    font-size:1.8em;
    font-family:'Open Sans Condensed', sans-serif;
    text-transform:uppercase;
}
.nav > li > a:focus, .nav > li > a:hover, .nav > li > a span:hover {
    color:#005080;
    }
.nav-pills>li>a,.nav-pills>li>a:hover, .dropdown-menu {
		border-radius: 0px;
		}
.dropdown-menu>li:hover {
    color:#000;
    text-decoration: none;
    background-color: #f5f5f5;
    }
.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    line-height: 1.42857143;
    color: #005080;
    white-space: nowrap;
    font-size:1.5em;
    }
.dropdown-menu>li>a:hover {
    background-color:rgba(0,80,128,.7);
    color:#fff;
}
.dropdown-header {
    font-size: 1.2em;
}
ul.navbar-right {
      margin-top: 0px;
}
.nav-pills > li {
	float: right;
    margin-left:4px;
}

.navbar-brand {
	height: 75px;
}

h2.text-description {
    font-size: 1.8em;
    font-weight: 600;
    padding:25px 0 0 0;
    margin-bottom:50px;
    color:#fff;
    text-transform: uppercase;
}

.ease {
    -webkit-transition: width 2s; /* Safari */
    transition: width 2s;
}
/* popular links section */
.popular-links {
	background:#ebebeb;
	}

.popular-links .popular {
	border-top: 15px solid #005080;
    padding: 1em 0px;
	}
.popular-links .popular.ghost {
        padding:0px;
    }
.popular-links .popular:first-child {
        border-top:15px solid #00673d;
        margin-left:0px;
    }
.popular-links .popular:last-child {
        border-top:15px solid #943d3a;
    }
.popular-links .popular .media {

    background-repeat: no-repeat;
    background-position: left;
	}
.popular-links .popular .media.ghost {
    display:none;
}
h2.text-description.ghost {display:none;transition:display 0.5s ease}
.search.ghost {
    height:350px;
}
.header.ghost {
    height:200px;
}
.popular-links .popular .media img {
    max-width:125px;
    padding:15px;
	}
.media-body {
    font-size:1.4em;
    padding-top:20px;
}
h4.media-heading {
    font-weight:600;
    font-size:1em;
    font-family:'Open Sans';
}
.popular > a > .media > .media-body, .popular > a > .media > .media-body > h4.media-heading, .popular > .media > .media-body > h4.media-heading {
    color:#000;
    }
.featured .promo-header {
	background: #555555;
    padding: 20px;
	}

.featured .promo-header.ghost {
    display: none;
}
	
.featured .promo-header h4 {
	color: #fff;
    font-size: 1.9em;
    text-align:center;
    text-transform:uppercase;
    padding: 0px;
    letter-spacing:1px;

	}
.featured .promo-header hr {
	color: #fff;
    max-width:236px;
    margin-top:0px;
    margin-bottom:0px;
	}
.featured > .promos {
    display: flex;
    justify-content: center;
    width: 100%
        
 }
a.media.thumbnail img {
    width:100%;
    max-height:400px;
}
/*Search*/
.search{
    background: url('/assets/images/header_bg.jpg') no-repeat center;
    background-size:cover;
    height: 500px;
}
.container.search, .container.main-content {
    width:100%;
}

.container.search.general {
    height: 380px;
}

.general .popular-links {
    height: 18px;
}
.general .popular-links .popular {
    padding-bottom: 0px;
    padding-top: 0px;
}

.social-icon {color:#005081;}
.social-icon {color:#FDB913;}
.social-icon-x {color:#fff;}

.active-view i.social-icon {
    color:#943D3A;
}

.search-box {
	text-align: center;
	padding: 5px;
}
.container.main-content {
    padding-bottom:75px;
    min-height: 600px;
}
.container.footer {
    bottom:0;
    left:0;
    width:100%;
}
#btnSearch img, .list-group img.spinner {
    display: none;
    height: 16px;
    width: 16px;
}

#btnSearch img, .list-group img.spinner {
    display: none;
    height: 16px;
    width: 16px;
}

.about-structure ul li {
    list-style-type:none;
}

.about-structure ol {
    padding-left:85px;
}
.promo-placeholder {
	background-color: #ccc;
	text-align: center;
	border-radius: 4px;
	padding: 70px 0;
	background-position:center;
	background-size:cover;
    min-height: 200px;
}
.promo-text {
    background: rgba(255,255,255, .8);
    padding: 15px 8px;
    text-align:center;
    letter-spacing: 1px;
    font-weight: 400;
}
h4.promo-title {
    text-transform:uppercase;
    letter-spacing:2px;
}
.promo-placeholder h2 {
    font-family:'Open Sans Condensed', sans-serif;
    font-weight:600;
    font-size: 1.4em;
    color:#fff;
    margin:0px;
}

div.fltr {
	padding-left: 8px;
}
.checkbox.fltr label {
    font-size: 1.2em;
    /*font-family: 'Open Sans';*/
}

.filter-header {
    padding: 0px 8px 8px 8px;
    font-size: 1.3em;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}

.thumbnail {
	margin-bottom: 10px;
}

.sidebar-offcanvas {
	padding: 0 10px;
}

.sidebar-offcanvas h4:first-of-type {
	margin-top: 0px;
}

.sidebar-offcanvas h4 {
	margin: 26px 0 -5px;
}

#sidebar .panel-group { padding-right:5px;}

.search-results-count {
	padding: 14px 22px;
	border-bottom: 1px solid #eee;
	margin-bottom: 14px;
}

.search-results-count a {
	cursor: pointer;
    font-weight:600;
}

.search-results {
	border-left: 1px solid #eee;
}

.search-results .thumbnail {
	min-height: 150px;
    border:none;
    background-color:transparent;

}

.search-results .thumbnail .item_resource_list ul li {
    display: inline-block;
    zoom: 1;
    color: #005080;
    font-size: 1em;
    padding:0px 5px;
    font-weight:600;
}
    .search-results .thumbnail a {
        padding:8px 25px 55px 0px;
        text-transform:uppercase;
    }
.search .search-box .keyword-search {
    border-radius: 0px;
    background-color: rgba(253,185,19,.53);
    border-color: transparent;
    position: relative;
    vertical-align: top;
}

.search .search-box .keyword-search .btn-default {
    background-color: rgba(253,185,19,.53);
    border-color: transparent;
}
.search .search-box .keyword-search .btn-default:hover {
    background-color: rgba(253,185,19,.63);
    border-color: transparent;
}
.search-results-count {
    font-size:1.2em;
    font-weight:600;
}
.panel-title {
    font-size:1.8em;
}

i.fa.fa-search.fa-2, i.fa.fa-spinner.fa-2 {
    color:#fff;
    font-size:3.45em;
}
.search-results .thumbnail .item_resource_list ul{
    margin-bottom: 2px;
    padding-left:145px;
}

.search-results .thumbnail .item_resource_list hr{
    margin-top: 2px;
    margin-bottom: 2px;
    width:100%;
    border-top:none;
}

.search-results .thumbnail:hover {
	background-color: #FAFAFA;
}

.search-results .thumbnail img {
	height: 122px;
	width: 125px;
	background-color: #eee;
	margin-right: 12px;
}

.search-results .thumbnail p,
.search-results .thumbnail h6 {
	margin: 0
}

.search-results .thumbnail span.type {
      display: block;
      width: 125px;
      height: 125px;
      background-size: cover;
      padding: 4px;
      background-position: top center;
      background-repeat: no-repeat;
}
.search-box input.form-control {
    height: auto;
    font-size: 2.2em;
    border: 0px solid #ccc;
    border-radius: 0px;
    
	}

.form-control.typeahead.gold {
    background-color: rgba(253,185,19,.53) !important;
    color: #fff;
}
.form-control.typeahead.gold.tt-hint {background-color:transparent !important;}
#sidebar .panel-default>.panel-heading {
      background-color: #005081;
        border: 1px solid #ebebeb;
      border-radius:0px;
      -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}

#sidebar .panel-default > .panel-heading a h4.panel-title {
      color: #fff;
      text-transform:uppercase;
      text-align:center;
}
.when_results {
	display: none;
}
a.legal-info {
    border-right: 1px solid #fff;
}
a.legal-info:last-child {
    border-right: none;
}
.footer {
	text-align: center;
	padding: 10px 0;
	background-color: #00673D;
}

.footer a.legal-info, .footer span.legal-info {
	padding: 0 12px;
	color:#fff;
    font-family:'Open Sans Condensed', sans-serif;
    font-size:1.2em;
    font-weight:400;
    text-transform:uppercase;
}
ul.glossary li h5 {
    font-size: 1.5em;
    color: #00683d;
}
ul.glossaryNav { padding:0px; width: 100%; word-break: word-all; }
ul.glossaryNav li {
    display: inline;
    padding: 0px 6px;
    font-size: 1.4em;
    cursor: pointer;
}
li.terms {
     list-style-type:none;
}
/*
.footer a:first-child {
  float:left;
  padding-left:55px;
}
*/
.container.footer .row.footer {
    margin-left: 15px;
    margin-right: 15px;
    padding:20px;
}

.container.footer .row.footer div.col-xs-6 {
    text-align: left;
}

.container.footer .row.footer div.col-xs-6.pull-right {
    float: right;
    text-align: right;
}

.fltr-disabled {
    color: #808080;
    cursor: not-allowed !important;
}

.item_title a {
    font-size:1.8em;
    overflow: hidden;
}
.item_desc {
    font-size:1.1em;
    font-family:'Open Sans';
    display:table-cell;
}
ul.visual li {
    padding:0px 6px;
    list-style-type:none;
    cursor:pointer;
}

.promo-item {
    padding: 3%;
}

.promo-item img.media-object {
    min-width:100%;
}

span.no-resources-to-view.hidden {
    display: none;
}
span.no-resources-to-view {

}

/*BRANDING STYLES*/
.logo{
    display: block;
    /*background: url('/assets/images/logo_mobile.svg') no-repeat center;*/
    background-size: cover;
    max-width:550px;
}
span.thumbnail {
    display:block;
    width:100px;
    height:100px;
 
}
span.type.activity-svg, span.type.activities-svg {background-image:url('/assets/images/type-Activity.svg');}
span.type.article-svg, span.type.articles-svg {background-image:url('/assets/images/type-Article.svg');}
span.type.blog-svg {background-image:url('/assets/images/type-Blog.svg');}
span.type.bookmarks-svg {background-image:url('/assets/images/type-Bookmark.svg');}
span.type.brochure-svg, span.type.brochures-svg {background-image:url('/assets/images/type-Brochure.svg');}
span.type.comicbook-svg {background-image:url('/assets/images/type-ComicBook.svg');}
span.type.ebook-svg {background-image:url('/assets/images/type-EBook.svg');}
span.type.game-svg {background-image:url('/assets/images/type-Game.svg');}
span.type.infographic-svg {background-image:url('/assets/images/type-Infographic.svg');}
span.type.interactives-svg {background-image:url('/assets/images/type-InteractivePDF.svg');}
span.type.lessonplan-svg, span.type.lessonplans-svg {background-image:url('/assets/images/type-LessonPlan.svg');}
span.type.mobile-svg {background-image:url('/assets/images/type-Mobile.svg');}
span.type.onlinetool-svg {background-image:url('/assets/images/type-OnlineTool.svg');}
span.type.onlinesimulation-svg {background-image:url('/assets/images/type-OnlineTool.svg');}
span.type.onlinecourse-svg {background-image:url('/assets/images/type-OnlineCourse.svg');}
span.type.pdf-svg {background-image:url('/assets/images/type-InteractivePDF.svg');}
span.type.podcast-svg {background-image:url('/assets/images/type-Podcast.svg');}
span.type.presentation-svg {background-image:url('/assets/images/type-Presentation.svg');}
span.type.publication-svg, span.type.publications-svg {background-image:url('/assets/images/type-Publication.svg');}
span.type.series-svg {background-image:url('/assets/images/type-Series.svg');}
span.type.video-svg, span.type.videos-svg {background-image:url('/assets/images/type-Videos.svg');}
span.type.website-svg {background-image:url('/assets/images/type-Website.svg');}
span.type.whiteboard-svg {background-image:url('/assets/images/type-Whiteboard.svg');}

/*typeahead*/
.tt-menu{
  text-align: left;
}
.tt-menu {
  width: auto;
  margin: 12px 0;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
  padding: 3px 20px;
  font-size: 1.125em;
  line-height: 24px;
}

.tt-suggestion:hover {
  cursor: pointer;
  color: #fff;
  background-color: #0097cf;
}

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0097cf;

}

.tt-suggestion p {
  margin: 0;
}

a.morelink {
text-decoration: none;
  background: #eee;
  border-radius: 4px;
  padding: 4px;
  color: #337ab7;
  font-style: italic;
  font-size: .9em;
  font-weight: 600;
  }

span.type {
  display: block;
  width: 100px;
  height: 100px;
  background-size: cover;
  float:left;
  padding: 4px;
  background-position: top center;
  background-repeat: no-repeat;
}
.close-menu {
  display: none;
  display: block;
}

#main-nav:target + .page-wrap {
  width: 80%;
}

/**** standard content ****/
.container.main-content  .sections {
    margin-left: 15px;
    margin-right: 15px;
}
.sections.ghost {
    display:none;
}
.main-content .panel {
    border:none;
}
.btn.disabled, .btn[disabled] {opacity:1 !important;    }
/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 786px) {
    .header {
    padding: 0px;
    height:145px;
        }
    .search {
        height:300px;
    }
	.row-offcanvas {
		position: relative;
		-webkit-transition: all .25s ease-out;
		     -o-transition: all .25s ease-out;
		        transition: all .25s ease-out;
	}

	.row-offcanvas-right {
		right: 0;
	}

	.row-offcanvas-left {
		left: 0;
	}

	.row-offcanvas-right
	.sidebar-offcanvas {
		right: -50%; /* 6 columns */
	}

	.row-offcanvas-left
	.sidebar-offcanvas {
		left: -47%; /* 6 columns */
	}

	.row-offcanvas-right.active {
		right: 50%; /* 6 columns */
	}

	.row-offcanvas-left.active {
		left: 50%; /* 6 columns */
	}
	.sidebar-offcanvas {
		position: absolute;
		top: 0;
		width: 50%; /* 6 columns */
	}

    .logo {
        max-width: 85%;
        float: right;
        padding: 0px 25px;
        margin-top: 8px;
     }

    span.mobile-nav {
       top:20px;
       position:absolute;
   }
   span.mobile-nav button.c-button {
      border: 0px;
      display: block;
      height: 30px;
      width: 30px;
   }
   span.mobile-nav button.c-button i {
       color:crimson;
    
    }
   .featured .promo-header hr {
	color: #fff;
    max-width:230px;
	}

    .nav-trigger + label {
         margin:15px;
         padding:25px;
     }

    h2.text-description {
    display:none;

       }

}

@media screen and (max-width: 1024px), only screen and (max-device-width: 1024px)  {
    h2.text-description {
    font-size: 1.5em;
    padding: 50px 0 0 0;
    }
     .footer a.legal-info, .footer span.legal-info {
    font-size: 1em;
    }
     
}
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) 
{ 
    .logo {
        max-width: 87%;
        float: right;
        padding: 0px 15px;
        margin-top: 8px;
     }

    .header {
        padding: 0px;
        height:145px;
    }

   .nav.navbar.navbar-default a.navbar-brand.logo img {
    max-width:185px;
    }
   .panel-title { font-size:1.2em;
    }
    .popular-links .popular .media img {
        max-width:125px;
    }
    .promo-item {
    padding: 20px 0px 5px 0px;
    }
    .search-box input.form-control {
        height: auto;
        font-size: 1.2em;
        border: 0px solid #ccc;
        border-radius: 0px;
    
	}
     .filter-group > .fltr > label {
        font-size:1.2em !important;
    }
    i.fa.fa-search.fa-2, i.fa.fa-spinner.fa-2 {
        color:#fff;
        font-size:1.8em;
    }
    .header.ghost {
    height:100px;
}
    .container.search.general {
    height: 200px;
    }

   .promo-item{max-width:100%;}
   .popular-links .popular .media img{max-width:35%;}
    .search-box {padding:25px; }
    .form-control {padding:6px;}
    span.type {width: 50px;height: 50px;}
    #main-nav:target {  width: 60%;  }
    h2.text-description p { display:none;  }

      .nav-trigger + label {
         margin:0px;
         padding:15px;
     }
}


/* Navigation Menu - Background */
.navigation {
  /* critical sizing and position styles */
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  /* non-critical appearance styles */
  list-style: none;
  padding-left:0px;
  background-color:#555;
  overflow:scroll;
}

/* Navigation Menu - List items */
.nav-item {
  /* non-critical appearance styles */
  width: 200px;
  border-top: 1px solid #111;
  border-bottom: 1px solid #000;
}
.nav-item a.main-content {font-weight:600;}
    
.nav-item span {
      display: block;
  padding: 1em;
  background:#000;
  color: white;
  font-size: 1.2em;
  text-decoration: none;
    }
.nav-item a {
  /* non-critical appearance styles */
  display: block;
  padding: 1em;
  background: linear-gradient(135deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
  color: white;
  font-size: 1.2em;
  text-decoration: none;
  transition: color 0.2s, background 0.5s;
}

.nav-item a:hover {
  color: #ccc;
  background: linear-gradient(135deg, rgba(0,0,0,0) 0%,rgba(85,85,85,0.65) 100%);
}

/* Site Wrapper - Everything that isn't navigation */
.site-wrap {
  /* Critical position and size styles */
  min-height: 100%;
  min-width: 100%;
  background-color: white; /* Needs a background or else the nav will show through */
  position: relative;
  top: 0;
  bottom: 100%;
  left: 0;
  z-index: 1;

}

/* Nav Trigger */
.nav-trigger {
  /* critical styles - hide the checkbox input */
  position: absolute;
  clip: rect(0, 0, 0, 0);
}

label[for="nav-trigger"] {
  position: absolute;
  left: 15px; 
  top: 15px;
  z-index: 2;
  background-repeat:no-repeat;  
  cursor: pointer;
  background-image:url('/assets/images/mobile_bar.png');
 /* background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='30px' height='30px' viewBox='0 0 30 30' enable-background='new 0 0 30 30' xml:space='preserve'><rect width='30' fill='#fff' height='6'/><rect y='24' width='30' height='6' fill='#fff' /><rect y='12' width='30' fill='#fff' height='6'/></svg>");*/
  background-size: contain;
}

/* Make the Magic Happen */
.nav-trigger + label, .site-wrap {
  transition: left 0.2s;
}

.nav-trigger:checked + label {
  left: 215px;
}

.nav-trigger:checked ~ .site-wrap {
  left: 200px;
  box-shadow: 0 0 5px 5px rgba(0,0,0,0.5);
}

body {
	/* Without this, the body has excess horizontal scroll when the menu is open */
  overflow-x: hidden;
}

span.icon_type {
    display: block;
    width: 125px;
    height: 125px;
    background-size: cover;
    padding: 4px;
    background-position: top center;
    background-repeat: no-repeat;

}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
}

.ellipsis.multiline {
    white-space: normal;
}
.footer > .site-info, .footer > .site-menu{
    text-align: left;
}
.footer > .site-menu {
    text-align: right;
}

@media screen and (max-width: 1199px) { 
/* Tablet and mobile: max-width: 991px */
/* Small desktop, tablet and mobile: max-width: 1199px */
    .container.footer .row.footer {
        font-size: 70%;
        margin-left: 5px;
        margin-right: 5px;
        padding: 0px;
    }
       .footer > .site-info, .footer > .site-menu{
        text-align: center;
    }
}

@media screen and (max-width: 991px) { 
/* Tablet and mobile: max-width: 991px */
.featured > .promos {
                    display:block;                
    }
}