/* 
General styles for all pages
Colorado Encyclopedia 
Greg Vogl 2017-02-06
*/

/* JavaScript */
#nojs { background-color: #D71242; color: #fff; padding: 1em 0; text-align: center; }
#nojs a { color: #ffd800; }

/* adjust logo */
#logo { padding: 5px 0 0 35px; margin-right: -10px; }
#name-and-slogan { display: none; }

#header { background-color: #002B5D; border-bottom: 1px solid #002B5D; }
#page-wrapper, #footer-wrapper { background-color: #224974; }
/* hide page body until it has content */
#main-wrapper { background-color: transparent; }

/* IE prevent language from overlapping menu bar */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/*.goog-te-menu-value span:first-child { position: absolute; }*/
}

/* adjust header menu */
.region-header { margin: 0 !important; }
.region-header .block-menu { width: auto; border: 0; }
.region-header .block li { float: left; }
.region-header .block-menu li a { border: 0; }

/* header search form */
.region-header #block-search-form, .region-header #block-search-form .form-text { width: 400px; }
.region-header #block-search-form { position: absolute; right: 0; margin-top: 5px; }
.page-search .region-header #block-search-form { display: none; }
#edit-search-block-form--2 { background-image: none !important; }	
.region-header #block-search-form .form-text { font-size: 1.5em; border-radius: 5px; }
#search-form input#edit-keys, #block-search-form .form-item-search-block-form input { font-size: 1.5em; width: 20em; }
#search-block-form input.form-submit, #search-form input.form-submit { margin-top: 7px; }

::-webkit-input-placeholder {
   color: #666;
}
:-moz-placeholder { /* Firefox 18- */
   color: #666;  
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #666;  
}
:-ms-input-placeholder {  
   color: #666;  
}

/* show Browse buttons in top menu */
#block-menu-menu-top-menu { margin-top: 52px; margin-bottom: -65px; margin-right: -5px; }
#block-menu-menu-top-menu h2 { display: inline-block !important; float: left; margin: 15px 5px; font-size: 0.9em; }
#block-menu-menu-top-menu .content { display: inline-block; }
#block-menu-menu-top-menu li { margin-right: 8.5px; }
#block-menu-menu-top-menu li a { border-radius: 5px; border: 1px solid #cde; background-color: #224974; color: white; }
#block-menu-menu-top-menu a:hover { text-decoration: underline; }

/* select language */
#block-block-3.block { height: 0; margin: 0; clear: none; }
#block-block-3 { display: inline; margin: 0; padding: 0; }
#block-block-3 .goog-te-gadget { font-size: 1em; }
#block-block-3 .goog-te-gadget-simple { background-color: transparent; padding: 0; border: 0; font-size: 1em; }
#block-block-3 .goog-te-menu-value { margin: 0; }
#block-block-3 .goog-te-menu-value img, 
#block-block-3 .goog-te-menu-value span:not(:first-child), 
#block-block-3 .goog-te-gadget-simple > img { display: none; }

/* main menu items */
#main-menu-links a { text-shadow: none; font-weight: bold; font-size: 1.2em; padding: 0.5em 0.8em; }
a#menu-toggle { color: #000; font-size: 1.2em; text-shadow: none; }

/* left menu items */
#sidebar-first .block div > ul { padding-left: 0; }
#sidebar-first li { list-style: none none !important; margin: 0; padding-right: 0 !important; }
#sidebar-first li a { padding: 6px 0; }
#sidebar-first div > ul > li { font-size: 1.2em; }

/* content font */
/* defined in template.php so it works for IE */
body, #content,
#header, #footer-wrapper, #skip-link, ul.contextual-links, ul.links, ul.primary, .item-list .pager, div.field-type-taxonomy-term-reference, div.messages, div.meta, p.comment-time, table, .breadcrumb { font-family: 'Lato', Arial, Helvetica, sans-serif; }
#content { font-size: 1.1em; }
#content .node-encyclopedia-article > .content { font-size: 1.3em; }

#content h1, #content h2, #content h3 { font-weight: bold; }
#main h1, #main h2, #triptych h2 { color: #002868; }
.node-teaser h2 a { color: #0073bd; }
#skip-link a:focus, #skip-link a:link:focus, #skip-link a:visited:focus { text-decoration: underline; background-color: black; }

/* disable links to current page, except with query parameters e.g. for table sorting */
/*.view-article-authors a.active,*/
.tb-megamenu .nav > li.active > a,
.not-logged-in a.active:not([href*="="]), 
.not-logged-in a.active:not([href*="="]):hover { 
	color: inherit; background-color: inherit; 
	font-weight: bold; 
	cursor: default; text-decoration: none; pointer-events: none; 
}
.tb-megamenu .dropdown-menu li > a.active, 
.tb-megamenu .dropdown-menu li > a.active:hover { 
	color: black;
}

/* TB megamenus */
#main-menu { visibility: hidden; }
.region-header .block { font-size: 1em; }
#region-header .tb-megamenu nav.block { margin: 0; }
#block-tb-megamenu-main-menu { position: absolute; margin-top: 50px; left: 7px; z-index: 11; }
.tb-megamenu { border-radius: 5px; margin-top: 14px; margin-left: 20px; background-color: #224974; }
.tb-megamenu .mega > .mega-dropdown-menu { min-width: 18em; }
.tb-megamenu .dropdown-menu { border-bottom-width: 0; border-radius: 5px; }
.tb-megamenu .nav li.dropdown.open > .dropdown-toggle { color: #002868; }
.tb-megamenu .nav > li > a { font-weight: normal; border-right-width: 0; border-radius: 5px; padding: 10px 20px; }
#header .region-header .tb-megamenu .nav > li > a { color: white; padding: 2px 10px; }
#header .region-header .tb-megamenu .nav > li.open > a,
#header .region-header .tb-megamenu .nav > li.open.active > a:focus,
#header .region-header .tb-megamenu .nav > li > a:focus,
#header .region-header .tb-megamenu .nav > li > a:hover { color: #224974; }
#header .region-header .tb-megamenu .nav > li.open.active > a { color: white; }
.tb-megamenu .nav > li > a { font-size: 1.1em; }
.tb-megamenu .nav > li.open > a { border: 1px solid #ccc; border-bottom-width: 0; }
.tb-megamenu .dropdown-menu li > a { color: #0073bd; font-size: 1.2em !important; display: inline-block !important; width: 13em; border-radius: 5px; }
.tb-megamenu .dropdown-menu li > a:hover { background-color: #eee !important; }
.tb-megamenu .nav li.dropdown.active > .dropdown-toggle { background-color: white !important; border-color: #ccc !important; } 
.tb-megamenu .nav li.dropdown.active > .dropdown-toggle { background-color: #224974 !important; }
.tb-megamenu .nav li.dropdown.active > .dropdown-toggle:hover { color: white !important; }
.tb-megamenu .tb-block ul li a, .tb-megamenu .tb-block .nav li a { padding: 5px 0; }
.tb-megamenu > div > ul { min-width: 312px; }
.tb-megamenu .nav li.dropdown > .dropdown-toggle .caret { border-top-color: #fff; }
/* hide second-level taxonomy items from drop-down menus to save space */
.tb-megamenu .tb-block ul ul { display: none; padding-left: 10px; }
.tb-megamenu .nav li.dropdown > .dropdown-toggle .caret { margin-top: 10px; }
/* hide empty button for accessibility */
.tb-megamenu button.btn { display: none !important; }

/* hide my picture in search results until bug is fixed - gvogl 2016-05-04 */
img[src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcRZQzK91vscQnill5HNAy3MGpeEqGSFYXedKM7hZtdELF87y3iz0eaY"]
{ display: none !important; }

/* hide breadcrumb until there is meaningful depth/navigation */
.breadcrumb { display: none; }

/* submitted by */
.submitted-by { display: block; margin: 1em 0; font-size: 0.8em; }
/* hide in teasers - also done in Structure > Content types > Article > Manage display > Teaser */
.not-logged-in .submitted-by, .not-logged-in .submitted, .node-teaser .submitted-by, .node-teaser .submitted, .search-results .search-info, .page-taxonomy-term article .link-wrapper { display: none; margin: 0; }
.page-taxonomy-term .node-teaser { margin-bottom: 0; padding-bottom: 10px; }

/* minimize space above/below page body */
#main { margin: 0; }

/* social icons */
.addtoany_list { display: block; margin-bottom: 1em; }
.node-type-encyclopedia-article .addtoany_list:not(:first-of-type) { display: none; }
.page-taxonomy-term .addtoany_list,
.node-type-page .addtoany_list,
.flexslider .addtoany_list { display: none; }

/* red logo with white header */
#header, #page-wrapper { background: white; }
#header { border-bottom: 1px solid #CDE; }
/*#block-block-3 .goog-te-gadget-simple .goog-te-menu-value,*/
#header a,
.region-header, 
.region-header a, 
.region-header li a.active, 
#name-and-slogan, 
#name-and-slogan a, 
#site-name:after, 
#secondary-menu-links li a,
#prototype
{ color: #002B5D; }
.not-front .tb-megamenu .nav li.dropdown > .dropdown-toggle .caret { border-top-color: white; }

.region-header #block-search-form .form-text { border: 1px solid #CDE; }

/* Educators page */
@media only screen and (min-width: 800px) {
.half { display: inline-block; width: 47%; margin-right: 10px; vertical-align: top; }
.half h2 { margin-top: 0; }
}
#leveledArticles img, #teacherResources img { box-shadow:rgb(170, 170, 170) 3px 3px 3px, rgb(204, 204, 204) -1px -1px 1px; }
.half ul, #educationalResources ul, .view-leveled-articles ul { list-style: none none; padding: 0; }
#educationalResources ul { font-size: 1.1em; }
.path-educators .view-leveled-articles ul li {
  margin-bottom: 0.25em;
  line-height: 1.2em;
}
@media (min-height: 350px) {
  .path-educators .view-leveled-articles ul {
    -webkit-columns: 4 180px;
       -moz-columns: 4 180px;
            columns: 4 180px;
    -webkit-column-gap: 2em;
       -moz-column-gap: 2em;
            column-gap: 2em;
  }
}

/* space between fields in article authors */
.node-type-encyclopedia-author .field-name-field-job-title, 
.node-type-encyclopedia-author .field-name-field-department, 
.node-type-encyclopedia-author .field-name-field-organization
{ margin-bottom: 0.5em; }
.node-type-encyclopedia-author .field-name-body { margin-top: 1em; }

/* image buttons for maps and timelines */
div.image-buttons { display: table; }
div.image-buttons > div { display: table-row; }
div.image-buttons > div > div { display: table-cell; width: 33%; background-color: #f8f8f8; border-radius: 15px; padding: 15px 10px; border: 7px solid white; text-align: center; vertical-align: top; }
div.image-buttons > div > div a { display: inline-block; width: 100%; font-size: 1.3em; }
@media only screen and (max-width: 560px) {
div.image-buttons { display: block; }
div.image-buttons > div { display: inline; }
div.image-buttons > div > div { display: inline-block; width: auto; max-width: 220px; }
div.image-buttons img { display: block; }
}

/* fix external links */
span.ext { padding-right: 13px; }
footer .ext { display: none; }

blockquote { font-style: normal; }
.nowrap { white-space: nowrap; }
ul.nobullets { list-style: none none; padding-left: 0; }

.screenreader {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;	
}

#block-menu-menu-top-menu li a:focus 
{
	color: #224974;
	background-color: white;
}

/* digital collections page */
.full-path-collections #toc, .full-path-educators #toc { font-size: 0.9em; }
.full-path-collections article th { background: #224974; border: 0; }
.full-path-collections article td { background: white; border: 1px solid #cde; vertical-align: top; }
.full-path-collections article td:first-child { min-width: 220px; }
.full-path-collections article td:nth-child(2) { width: 20%; }
.full-path-collections article td:nth-child(3) { width: 45%; }
.full-path-collections article td:nth-child(4) { width: 15%; }
.full-path-collections article table:first-of-type td:nth-child(3) { width: 60%; }
@media only screen and (max-width: 640px) {
.full-path-collections article thead { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.full-path-collections article tbody, .full-path-collections article tr, .full-path-collections article td { width: auto !important; display: block; border: 0; }
.full-path-collections article tbody a { font-size: 1.2em; font-weight: bold; margin-top: 2em; display: block; }
}

/* about page */
.full-path-about article .logos img { padding: 10px; border: 10px solid #f8f8f8; margin: 5px 10px; max-width: 90% !important; }
.full-path-about #toc { font-size: 0.9em; }
.full-path-about table#editorial-staff tbody, .full-path-about table#editorial-staff tr { background-color: white; border: 0; }
.full-path-about #editorial-staff td img { border: 1px solid black; }
.full-path-about #editorial-staff tr:last-child td { vertical-align: top; }
.full-path-about #editorial-staff td { width: 20%; }
@media only screen and (max-width: 555px) {
.full-path-about #editorial-staff td { display: inline-block; width: auto; } 
}

@media only screen and (min-width: 1100px) {
/* expand wide pages for large screens */
.ce-wide-page #sidebar-first { width: 15%; }
.ce-wide-page.sidebar-first #content { margin-left: 15%; }
.ce-wide-page.one-sidebar #content { width: 85%; }
}

@media only screen and (min-width: 901px) {
#triptych, 
#main-wrapper, 
#header > div.section,
#footer-wrapper > div.section { width: 865px; margin: 0 auto; }
/*
#header > div.section { width: 900px; }
*/
#header { margin-left: -35px; }
#main-wrapper { padding-bottom: 20px; }

/* wide pages */
.ce-wide-page #main-wrapper,
.ce-wide-page #header > div.section,
.ce-wide-page #footer-wrapper > div.section
{
	width: auto;
	max-width: 90em;
	margin: 0;
}

/* teacher resources on Educators page */
/*
#block-views-leveled-articles-block-4 { float: right; width: 39%; }
#block-views-leveled-articles-block-5 { float: left; width: 60%; }
*/
}