/* BRAND TYPEFACES ------------------------------------------------------------------------------------------------------------------- */
.font-roboto {font-family:'Roboto'}
.font-roboto-condensed 	 {font-family:"Roboto Condensed"}


/* GENERAL TAGS */
body 		{font-family:'Roboto'; font-weight:300;}
a 			{cursor:pointer; color:#c00;}
header 		{overflow:auto; margin-top: 7px; }
h1,h2,
h3,h4,h5,h6 {font-family:"Roboto Condensed"; font-weight:400;}
h1 			{font-size:40px; padding-top:20px;}

#login 		{background:#c00; display:block; float:right;}
#login a 	{color:#fff; padding:10px 25px; display:block; font-family:"Roboto Condensed"; text-transform:uppercase; font-size:16px;font-weight:400;}

#logo 		{margin-top:20px; display:block; float:left;}
.ncce_logo { max-width: 250px; }
#ncce-logo-header img { max-width: 250px; }

/* PDFs are like landmines */
#results a[href $= '.pdf'] h3 {padding-right:25px; background-image:url("/static/publication/img/pdf-icon.47a9b6b57790.png"); background-repeat:no-repeat; background-position:center right; display:inline}

.nav_content 		{border:0; border-radius:0;}

h1 > .context 		{display:block; font-size:0.7em; margin-top:5px;}

.btn-social-icon 	{display:none;}
.btn-rss 			{display:block;height:40px !important; width:40px !important; background-color:#d14905; color:#fff !important; font-size:20px; float:right; margin-top:20px;}
.btn-rss > i 		{padding:10px; display:block;}

#googleSearch .btn 	{text-transform:uppercase; background:#c00; color:#fff; border-radius:0; border:1px solid #c00; font-family:"Roboto Condensed"; cursor:pointer;}
#googleSearch input {border-radius:0; font-family:"Roboto"; min-width:250px;}
.gsc-webResult.gsc-result   { border: 1px solid #eee !important; padding: 15px !important; font-family: 'Roboto' !important;}
.gsc-expansionArea > .gsc-result { border-top: 0 !important; }
.gs-title                   { height: 30px !important; }
a.gs-title, a.gs-title:link b { color: #c00 !important; font-size: 24px !important; font-family: "Roboto Condensed" !important; font-weight:400;}
.gs-result .gs-title, .gs-result .gs-title * { text-decoration: none !important; }
a.gs-title:link b           { font-weight: normal; }
a.gs-title:visited b { color: #c00 !important; }
.gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover b, .gs-imageResult a.gs-title:hover, .gs-imageResult a.gs-title:hover b { text-decoration: underline !important; }
.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top { padding-left: 0 !important; }
.gsc-results .gsc-cursor-box .gsc-cursor-page { color: #c00 !important; }
.gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType { font-family: 'Roboto' !important; font-size: 15px !important; color: #333 !important; }
.gsc-result-info, .gsc-orderby-label { color:#666666 !important;}

.navbar 			{ background:#c00; min-height: 100vh; padding-bottom: 25px; }
.navbar h2 			{text-transform:uppercase; color: #fff; font-size:20px;}
.navbar a 			{color:#fff !important; padding:3px 0 !important; line-height:1.3 !important; float:none;}
.navbar a:hover 	{text-decoration: underline !important;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #555 !important; }

.navbar ul 			{overflow:auto;padding-bottom:30px;}
.navbar li + li 	{margin-top:4px;}
.navbar li 			{padding:0 !important; float:none;}
.navbar-collapsed 	{padding-bottom:30px;  height:auto !important;}
.nav_content .navbar-collapse	{ max-height: none; }

.collection_navbar, .category_navbar, .department_navbar { padding: 0 !important; }
.collection_navbar:not(.expanded) .navbar-nav, .category_navbar:not(.expanded) .navbar-nav, .department_navbar:not(.expanded) .navbar-nav { display: none; }
.navbar-nav > li > a { padding: 4px 14px 4px 14px !important }
.filterLabel { cursor: pointer; margin-top:0px; margin-bottom:0px; padding: 20px 10px; }
.filterLabel.active { background: #990000 !important; }

#results { margin-bottom: 10px; }
#results > h2 				{text-transform:uppercase; margin-bottom:20px;}

.txt-gray{ color:#666;}

.publication, .landing_page 				{ border:1px solid #eee; padding:15px; overflow: auto; }
.publication .thumb_img		{ border: 1px solid #cecece;  margin: 7px 10px 0 0; max-height: 100px; max-width: 77px; }
.publication + .publication {border-top:0;}
.publication h3 			{margin:0 0 5px 0}
.publication > .authors 	{padding:5px 0; display:block;}
.publication time,
.publication .series_title 	{padding-left:20px;}
.publication ul 			{margin-bottom:0;}
.publication .abstract 		{font-size:15px;}
.pub_keywords a 			{color:#3A7290 !important; background:#eee; padding:3px 8px; font-family:"Roboto Condensed"; text-transform:uppercase; font-size:12px;font-weight:400;}
.pub_keywords a:hover 		{text-decoration:none; background:#427e93; color:#fff !important; cursor:pointer;}

.landing_page { font-size: 18px; }
.landing_page ul { list-style-type: none; padding-left: 0;}
.landing_page ul li { font-size: 18px; margin: 4px; }
.landing_page ul li ul {  padding-left: 15px; }
.landing_page ul li ul li {  padding-left: 6px; }
.landing_page ul li a { padding: 5px; }
.landing_page ul li a:hover { color: #c00; text-decoration: underline; }

#mailchimp-call-out p 		{padding:10px; text-align:right;}

/*-- Pinned elements --*/

.pinned_series a:hover { color: #fff; }
.pinned_series a { color: #fff; }
.pinned_series { background-color: #c00; color: #fff; padding: 5px; margin-bottom: 2px; }

.pinned_pub { margin-bottom: 5px;}

.pinned_pub .publication { padding-top: 22px; }

.featured { background: #4156A1; width: 68px; height: 21px; float: right; margin-left: -68px; text-align: center; color: #fff; padding: 3px; font-size: 80% }


/* MOBILE */

@media (max-width: 767px) {
    header { margin: 0; }
    #cse_search_form 			{margin-top:20px;}
    #cse_search_form input 		{font-size:15px; font-family:'Roboto';border-radius:0;}
    #cse_search_form .input-group-btn .btn {font-family:"Roboto Condensed"; text-transform:uppercase !important; background:#c00; color:#fff; border:1px solid #c00; border-radius:0;}

    /* mobile nav */
    .navbar 				{margin-top:20px; min-height: 0; padding-bottom: 0;}
    .navbar-brand 			{color:#fff !important; text-transform:uppercase; font-family:"universcondensed"}
    .navbar-header button.collapsed {background:#fff;}
    .navbar-nav { margin: 7.5px 5px; }

    #mailchimp-call-out p 	{text-align:left;}
}

@media (max-width:568px){

    .btn-rss 				{display:none;}
    #login { display: none; }



    /* main headline */
    h1 						{line-height:1; font-size:30px; margin:0 -15px;}
    h1 > .context 			{font-size:16px; color:#555;}

    /* publications */
    time, .series_title {padding-left:0 !important; display:block;}
    .pub_keywords li {margin-bottom:10px !important;}
}



.keyword_list 		{background:#427e93; padding:30px; color:#fff; margin:50px 0; }
ul.tags 			{display:flex; flex-direction:column; flex-flow:wrap; justify-content:space-between; align-items:flex-start}

.pub_keywords li	        { margin-bottom:10px;     margin-top: 3px; }
li.keyword 			{padding:0; width:22.5%; margin-bottom:5px; overflow:auto; border:1px solid rgba(255,255,255,0.1); transition: all 0.4s ease;}

/* adjust columns based on viewport */
@media (max-width:1024px){ li.keyword {width:31%;} }
@media (max-width:768px){ li.keyword {width:45%;} }
@media (max-width:568px){ li.keyword {width:100%;} }

.keyword > a 		{color:white; text-transform:uppercase; padding:3px; display:block; }
.key_count 			{padding:1px 8px; background:rgba(255,255,255,0.1); margin:0; float:right; display:block; margin-bottom:3px;}

.keyword:hover 				{background:#fdd726; transform:scale(1.08);}
.keyword a:hover 			{color:#000; text-decoration:none;}
.keyword:hover .key_count	{background:rgba(0,0,0,0.1)}
.pub_keywords_active            {background:#fdd726; text-transform:uppercase; font-size:12px; font-family:"Roboto Condensed";}

@media screen and (max-width:990px){
    .call_out {margin-right:0 !important;}
    .call_out > .related  {text-align:left;}
}