@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,700,900);

/*LEAN NAV
--------------------------------- */

body { /* Body offset for fixed navbar */
	padding-top: 70px; 
    background-color:#f1f1f1;
}

.navbar .navbar-form { /* Positioning the form */
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#searchcategory { /* Dropdown within searchbar */
	width: 100px;
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad;
}

.upper-navbar {
    z-index: 1;
}
.dropdown-menu {
    margin-top:0 !important;
    left: 0 !important;
    right: auto !important;
  }

/* Google Custom Search Style Un-Formatting
.reset-box-sizing,
.reset-box-sizing * {
  -webkit-box-sizing: content-box !important;
     -moz-box-sizing: content-box !important;
          box-sizing: content-box !important; */
}

.reset-box-sizing, .reset-box-sizing *, .reset-box-sizing *:before, .reset-box-sizing *:after 
{ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
input.gsc-input,.gsc-input-box,.gsc-input-box-hover,.gsc-input-box-focus,.gsc-search-button
{ box-sizing: content-box; line-height: normal;}


@media(max-width:767px) {
    body { /* Body offset for fixed navbar for mobile devices */
		padding-top: 140px; 
	}
	
	.navbar .navbar-form {
        width: 100% /* Full width search box for mobile devices */
    }
}


/* Media queries to adjust form width */
@media(min-width:768px) {
    .navbar-form .input-group>.form-control {
		/* width: 200px;	*/
	}
}

@media(min-width:992px) {
	.navbar-form .input-group>.form-control {
		/* width: 270px;	*/
	}
}

@media(min-width:1200px) {
	.navbar-form .input-group>.form-control {
		/* width: 370px;	*/
	}
}
/* END LEAN NAV
    -----------------------------*/

h1, h2, h3, h4, h5, h6, h7 {
    font-family: 'Titillium Web', sans-serif !important;
    font-weight:700 !important;
    }

h7 {
    font-size: 12px;
}

/* The dropdown menu (ul) */

/* Added to make main nav mega menus visible on-hover (also add "disabled" to the a href class= */
.dropdown:hover .dropdown-menu {
    display:block;
}
.dropdown-menu.drawer {
    position: fixed;
    top: 50px;
    width: 100%;
}

.navbar-brand {
    font-family: 'Titillium Web', sans-serif;
    font-size:2em !important;
    font-weight: 700 !important;

}
.navbar-inverse .navbar-brand {
    color: #FFF;
}
a.brand-top {
    font-family: 'Titillium Web', sans-serif;
    font-size:2.5em;
    font-weight: 700;
    color: #FFF;
    text-decoration:none;
}
/*.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    background-color: #037E8C;
    border-color: #012E40;
}
.navbar-inverse .navbar-nav > li > a {
    color: #FFF;
}
.navbar-inverse .navbar-nav > li > a:hover {
    background-color:rgba(255,255,255,0.25);
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    background-color: #012E40;
}*/
/* Adjusts the size of top menu */
.topnav {
    text-transform:uppercase;
    font-size:.85em;
}

.LoggedOutButton {
    margin: .5em 1em 0 0;
}

.SubNav {
    background-color:#555;
    color: #F5F5F5;
}
/* List Item boxes & associated items - Library Materials, Programs, etc */
.ListItems {
     list-style-type:none;
     padding-left:0;
}
.ListItems li {
     margin: 0 0 1em 0;
}
.RecordBox {
    background-color:#FFF;
    border:1px solid darkgray;
    padding:1em;
}
/*.ListItems div {
    background-color:#FFF;
    border:1px solid darkgray;
    padding:1em 1em 1.75em 1em;
}
.ListItems h4 {
    margin-top: 0;
}*/

/* Fix for Kendo list bounding box
.k-widget {
    border:20px solid orange !important;
} */

/* Validation Summary Styling */
.validation-summary-errors {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    padding: 15px 15px 5px 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;

}

.validation-summary-errors ul li {
    display: block;
}
.validation-summary-errors ul li::before {
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e209";
    font-family: 'Glyphicons Halflings';
    font-size: 9px;
    float: left;
    margin-top: 4px;
    margin-left: -17px;
}


/* Remove Row Padding on Author Profile Social Icons */
.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}
.BookmarkBox {
    border-style:hidden !important;
    background-color:initial !important;
    float:right !important;
    padding:0 initial 0 initial !important;
    margin-left:2em;
}

#bookmarks li:nth-child(even), #authoredmaterials li:nth-child(even) {
    background: #FFF;
    padding:.5em;
}
#bookmarks li:nth-child(odd), #authoredmaterials li:nth-child(odd) {
    background: #F0F0F0;
    padding:.5em;
}




/* Section-specific styling */


.Library {
    color:#FFF;
    background-color:#037E8C;
}

.ToolBox {
    color:#FFF;
    background-color:#BC2222;
}

/* Programs */
.LibraryBG {
    background-color:#288C23 !important;
}
.ProgramsBG {
    background-color:#012E40 !important;
}
.ProjectsBG {
    background-color:#D94423 !important;
}
.OrganizationBG {
    background-color:#F2911B !important;
}
.BlogsNewsBG {
    background-color:#037E8C !important;
}
.ToolboxBG {
    background-color:#BC2222 !important;
}
.ForumBG {
    background-color:#502D7f !important;
}
.BudgetsBG {
    background-color:#f0ad4e !important;
}

h1.SectionTitle  {
    color:#FFF;
    text-align:center;
    margin:0;
}

/* Blogs & News */

.BlogsNews .active a,
.BlogsNews .active a:hover {
    background-color: #037E8C !important;
}

/* Profile Pages */

.ProfileAuthored {
    padding:0;
    margin-top:-.5em;
}

.ProfileAuthored li {
  list-style-type: none;
  padding-bottom:.05em; 
}

.icon-written,
.icon-video
{
   height: 20px;
   width: 20px;
   display: inline-block;
   background-repeat: none;  
   float:left;
   margin-right:.5em; 
}

.icon-written
{
   background-image: url(https://cdn4.iconfinder.com/data/icons/small-n-flat/24/text-48.png);
   background-size: 18px 18px;
   background-repeat: no-repeat;
}

.icon-video
{
    background-image: url(https://cdn4.iconfinder.com/data/icons/small-n-flat/24/movie-alt-48.png);
    background-size: 18px 18px;
    background-repeat: no-repeat;
}

/* Brand mix-ins */
.brand-primary {
    color: #037E8C;
}
.brand-success {
    color: #288C23;
}
.brand-info {
    color: #012E40;
}
.brand-warning {
    color: #F2911B;
}
.brand-danger {
    color: #BC2222;
}

/* Set cursor to hand for all angular items with ng-click directive attached to them */
[ng-click],
[data-ng-click],
[x-ng-click] {
    cursor: pointer;
}

/* TRYING TO FIX RAD GRID */
.k-listview {
    background-color:transparent;
    box-shadow:none;
}

.k-widget {
    border-width:0;
    margin-bottom:1em;
}
/*FIX FOR TOOLBOX/COLLECTION INDEX PAGE LAYOUT DUE TO LISTVIEW & MATERIAL TYPE ICON ON LISTVIEW */
#collections .k-widget, .k-widget * {
    box-sizing:inherit !important;
}

div#listView.k-widget.k-listview {
    width:100% !important;
}

/* CREATES PINTEREST-ESQUE PANEL LAYOUT */

.pinrow {
 -moz-column-width: 30em;
 -webkit-column-width: 30em;
 -moz-column-gap: 1em;
 -webkit-column-gap:1em; 
  
}
.pinrow > div {
}

.pinitem {
 display: inline-block;
 padding:  .25rem;
 width:  100%; 
}

.pinwell {
 position:relative !important;
 display: block !important;
}

/* EDITING */



div.k-item {
    background-color:#FF00FF !important;
}

/* FOOTER COLOR */
.footer {
    color:#FFF;
}
.footer:hover {
    color:#CCC;
}
/* CIRCLE BUTTON */
.btn-circle {
  width: 26px;
  height: 26px;
  text-align: center;
  padding: 6px 0;
  line-height: 1.42;
  border-radius: 15px;
}

/* LIBRARY FILTER BUTTONS */

.icon-invisible {
    visibility: hidden;
}

/* To enable header wrapping in kendo grid */

.k-grid  .k-grid-header  .k-header  .k-link {
    height: auto;
}
  
.k-grid  .k-grid-header  .k-header {
    white-space: normal;
}
.k-grid td, .k-grid-header th.k-header {
    vertical-align: top;
}

/* Navigation White Glyphicons */
.white, .white a {
  color: #fff;
}
.glyphicon-xs {
  font-size: 2em;
}
.glyphicon-sm {
  font-size: 3em;
}
.glyphicon-lg {
  font-size: 4em;
}

.xs-nav-type {
    font-size:1.75em;
    font-family: 'Titillium Web', sans-serif;
    font-weight:700;
    color: #FFF;
    vertical-align:middle; 
    display:inline-block;
    text-decoration:none;
}
.sm-nav-type {
    font-size:1.65em;
    font-family: 'Titillium Web', sans-serif;
    font-weight:700;
    color: #FFF;
    display: inline;
    text-decoration:none;
    line-height:1em;
}
.md-nav-type {
    font-size:1.25em;
    font-family: 'Titillium Web', sans-serif;
    font-weight:700;
    color: #FFF;
    text-decoration:none;
    line-height:0;
}
.lg-nav-type {
    font-size:1.6em;
    font-family: 'Titillium Web', sans-serif;
    font-weight:700;
    color: #FFF;
    text-decoration:none;
    line-height:0;
}

#LibraryWell {
    font-family: 'Titillium Web', sans-serif;
    font-weight:400;
    background-color:#288C23;
    color:#FFF;
    text-align:center;
}
#ProgramsWell {
    font-family: 'Titillium Web', sans-serif;
    font-weight:400;
    background-color:#012E40;
    color:#FFF;
    text-align:center;
}

#social {
    background-color:#CCC;
    padding-bottom:-3em;
}
#social h3 {
    font-family: 'Titillium Web', sans-serif;
    font-weight:400;
    color:#808080;
    text-align:center;
    padding-bottom:0em;
}
#social h4 {
    font-family: 'Titillium Web', sans-serif;
    font-weight:400;
    color:#808080;
    padding:0 0 0 0;
}
#social a:link,#social a:visited,#social a:hover,#social a:active {
    color:#333;
    text-decoration:none;
}
#social .grey {
    color:#808080;
}
.fb-post {
	width: 350px !important;
}

li.ProjectAwardList {
    background:#FFF;
}
li.ProjectAwardList:nth-child(odd) {
    background:#fdf5f4;
    /*95% #FFF on #D94423 */
}

/* JUMBOTRON For Home */
.jumbotron {
    background-size: cover;
    background-repeat: no-repeat;
    height: 300px;
    vertical-align:text-bottom;
    text-align:center;
    color:#FFF;
}
.jumbotron p {
    font-size: 1em !important;
}

#SocialMenu {
    font-size: 3em;
}
#SocialMenu a:link,
#SocialMenu a:visited {
    color:#808080;
}
#SocialMenu a:hover {
    color:#333;
}

#SocialFooter {
    font-size:3em;
}
#SocialFooter a:link, 
#SocialFooter a:visited {
    color:#FFF;
}
#SocialFooter a:hover {
    color:#AAA;
}

/* IMAGE BUTTONS */
.img-button {
    opacity:.75;
   -webkit-transition-duration: 0.4s;
   -moz-transition-duration: 0.4s;
   -o-transition-duration: 0.4s;
   transition-duration: 0.4s;
}

.img-button:hover{
    opacity:1;
}

/* Google Search Box Element */
.gsc-control-cse {
    padding-top: .5em !important;
    margin-top: .3em !important;
    border-width: 0 !important;
    padding-bottom: 0 !important;
}

.gsc-input-box {
    border: 0 !important;
}

/* GLYPHICON PODCAST */

.glyphicons-podcast:before {
  content: url('/images/glyphicons-552-podcast.png');
}

/* Homepage Button styling */
.border:hover
{
    box-shadow: inset 0 0 0 .5em #FFF;
}
.ease {
    transition:all 0.3s ease;
}


/* BFRDP PROJECT SEARCH TELERIK STYLE OVERWRITES FIXES */

.RadGrid_Bootstrap .rgAltRow>td {
    background-color:#f5f5f5 !important;
}
.RadGrid_Bootstrap a:link, .RadGrid_Bootstrap a:visited {
    text-decoration:underline !important;
}
.RadGrid_Bootstrap a:hover {
    text-decoration:none !important;
}

label {
    font-size:small !important;
    font-weight:normal !important;
}

.RadTabStrip_Bootstrap .rtsLevel1 span.rtsLink {
    border-color: #ddd !important;
    /*color: #FF00FF !important;*/
    background-color: #fff !important;
}

/*** POST-MIGRATION CSS UPDATES ***/

/* Fix colors on panelbar */
.k-panelbar > .k-panelbar-header > .k-link {
    background-color: whitesmoke;
}

.k-panelbar-item {
    font-size: 14px;
}

.k-panelbar-item-text {
    color: black;
    font-size: 14px;
}

.k-panelbar > .k-panelbar-header > .k-link.k-selected, .k-panelbar > .k-panelbar-header > .k-link.k-selected:hover {
    background-color: var(--kendo-color-base-subtle-hover, #dee2e6);
}

/* Fixes for grid headers */
.k-grid .k-grid-header .k-table-th {
    font-size: 14px;
    padding-left: 15px;
    vertical-align: middle;
}
.k-column-title {
    white-space: break-spaces;
}

/* Loading spinner on tables won't show without this because grids have no height */
/* https://docs.telerik.com/kendo-ui/controls/grid/appearance/height#configuring-the-loading-indicator */
div.k-grid-content {
    min-height: 100px;
}

/* Fix colors and styles on table */
.k-grid td, .k-grid .k-table-td {
    font-size: 14px;
    padding: 3px 15px 3px 15px;
    line-height: 20px;
}

.k-table-td a,
.k-table-td a:hover {
    color: #337ab7;
    text-decoration: underline;
}

.k-table-td small {
    color: #777777;    
}

/* Disable hover in the grids */
.k-grid:not(.k-table-alt-row) tr:hover {
    background-color: transparent !important;
}

.k-grid tr.k-table-alt-row:hover {
    background-color: #f3f4f4 !important;
}

/* Center and bold the NoRecords text on grids*/
.k-grid-norecords {
    justify-content: center;
    font-weight: bold;
}

/* Tabstrip fixes */
.k-tabstrip-items-wrapper .k-item {
    background-color: var(--kendo-color-app-surface, #ffffff);
    font-size: 14px;
    border-color: #ddd;
    padding: 6px;
}

.k-tabstrip-content {
    background-color: inherit;
    border: hidden;
}

.k-tabstrip {
    font-size: inherit;
    line-height: normal;
}