/*! * Add custom css for this site here: */

 
.accordion .card-header:first-child {
	 border-radius: 0 0 0 0;
}
.accordion .card-header {
	 padding: .75rem 1.25rem;
	 margin-bottom: 0;
	 background-color: #efefef;
	 border-bottom: 0px solid rgba(0,0,0,.125);
}
.accordion .card-header button.btn {
	 color: #000000;
	 font-size:1.025rem;
	 text-transform:inherit;
	 padding:0px 0px;
}
.accordion .card-header button.btn.btn-link {
	 color: #000000;
	 width: 100%;
	 text-align: left;}
   
.accordion .card-header button.btn.btn-link:active, 
.accordion .card-header button.btn.btn-link:focus, 
.accordion .card-header button.btn.btn-link:hover {
 color: #000000;
 text-decoration:none;
 background-color:#efefef;}

.accordion .card-header button:focus {
 background-color: #efefef;
 color: #000000;
}
.accordion .card-header button.btn.btn-link.collapsed::after {
 
 font-family: "Font Awesome 5 Pro";
 content: "\f107";
 padding-right: 5px;
 font-size:1.5rem;
 position: absolute;
 right: 5px;
 top: 10px;
}

.accordion .card-header button.btn.btn-link::after {
  font-family: "Font Awesome 5 Pro";
 content: "\f106";
 padding-right: 5px;
 font-size:1.5rem;
 position: absolute;
 right: 5px;
 top: 10px;
}

@media (max-width: 767px) {
main .bg-lt-grey {
    background-color: #f2f2f2;
    margin-top: 0px!important;
}
}
 
 
.well-card {

    min-height: 17px;
    padding: 14px;
    margin: 5px 5px 5px 5px;
    background-color: #ffffff;
    border: 1px solid #e3e3e3;
    border-radius: 1px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
        text-align: center;
}


.well > hr {
    border-top: 1px solid #bbb;
}

/* temp Styles tabsort */

.tags-container span {
    display: inline-block;
    border: 2px solid #CCC;
    color: #AAA;
    font-size: 12px;
    line-height: 10px;
    padding: 5px 9px;
    margin: 5px;
    cursor: pointer;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

/* Styles for table headings -- NP 2016.11.16 
th { background-color: #eee; }
*/

/* Styles for FAQ bootstrap tabs */

.faq-tab {
    border: 2px solid #f8f8f8;
    border-radius: 4px;
    background-color: #fafafa;
    padding: 1em;
}

.funding-tab {
    border: 2px solid #f8f8f8;
    border-radius: 4px;
    padding: 1em;
}
/* Styles for iFrame Podcast */

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

.img-circular {
    height: 90px;
    width:70px;
    -webkit-border-radius: 50%;
}

/* Styles for embedded map */

.map-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
.map-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* For /funding/index chevrons */



.row-process-flow {
  min-width: 300px;
  overflow-x: auto;
  /* no gutter */
  margin-left: 0;
  margin-right: 0;
}

.row-process-flow [class^=col-] {
  vertical-align: middle;
  text-align: center;
  background: rgb(204, 0, 0);
  padding: 5px 0px 10px 15px;
  overflow: hidden;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  /* no gutter */
  padding-left: 0;
  padding-right: 0;
}

.row-process-flow [class^=col-]:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  border: 45px solid rgba(0, 0, 0, 0);
  border-left-color: #ffffff;
}

.row-process-flow [class^=col-]:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -45px;
  border: 45px solid rgba(0, 0, 0, 0);
  border-top-color: #ffffff;
  border-right-color: #ffffff;
  border-bottom-color: #ffffff;
}

.row-process-flow a {
  color: #fff;
  text-shadow: 1px 1px 0 #555;
  position: relative;
  margin: -100px;
  width: 120px;
  padding: 15px;
  font-family: Sanchez, serif;
}

.row-process-flow-rtcol {
  min-width: inherit;
  overflow-x: auto;
  /* no gutter */
  margin-left: 0;
  margin-right: 0;
}

.row-process-flow-rtcol [class^=col-] {
  vertical-align: middle;
  text-align: center;
  background: #ededed;
  padding: 5px 0px 10px 15px;
  overflow: hidden;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  /* no gutter */
  padding-left: 0;
  padding-right: 0;
}

.row-process-flow-rtcol [class^=col-]:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  border: 22px solid rgba(0, 0, 0, 0);
  border-left-color: #ffffff;
}

.row-process-flow-rtcol [class^=col-]:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -22px;
  border: 22px solid rgba(0, 0, 0, 0);
  border-top-color: #ffffff;
  border-right-color: #ffffff;
  border-bottom-color: #ffffff;
}

.row-process-flow-rtcol a {
  color: #cc0000;
  position: relative;
  margin: -100px;
  width: 95%;
  padding: 15px;
  font-family: Sanchez, serif;
  font-size:0.8em;
  font-weight:bold;
}

@media (max-width: 900px) and (min-width: 767px) {
  .row-process-flow a {
    left: 4%;
  }
}

@media screen and (max-width: 490px) {
  .row-process-flow [class^=col-] {
    background: rgba(204, 0, 0, .2);
  }
  .row-process-flow a {
    color: #000000;
    font-weight: semi-bold   ;
  }
}

/*Styles for Manual Announcements on Funding landing page*/
.manual-announcements li {
  display: block;
  list-style-type: none;
  text-align: left;
  font-weight: bold;
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: 1px solid #eee; 
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
}

/*right column chevrons*/

.chevron:before {
     top: 0;
  bottom: 0;
  left: 0;
}
.chevron:after {
     top: 0;
  bottom: 0;
  right: -45px;
}
.img-circle {
    width: 70px;
    height: 70px;
    border-radius:50%;
}

 /* News Feed for NIU in the News Items BW 1-26-18 */
/*.rss-box ul {
    padding: 0;
    list-style-type: none;
}

.rss-box li {
    padding: 10px 10px 10px 0px;
    border-bottom: 1px dotted #ccc;
}

.rss-box li a {
    font-weight:600;
}*/

/* Styles for Agency Updates widgets */

div.rssincl-box-681070, div.rssincl-box-681993, div.rssincl-box-681074, div.rssincl-box-681084 {
    color: #222222;
    font-size: 13px !important;
    font-weight: bold;
    line-height: 14px !important;
    overflow: hidden;
}
div.rssincl-content {
    color: #222222;
    font-size: 13px !important;
    font-weight: bold;
    line-height: 14px !important;
    overflow: hidden;
   }
div.rssincl-entry {
    padding:5px;
}
p.rssincl-itemtitle > a {
    color: #444444;
    font-size: 12px !important;
    line-height: 14px !important;
    overflow: hidden;
    font-weight:bold;
}
p.rssincl-itemtitle > a:hover {
    color: #cc0000;
}
p.rssincl-itemdate {
    color: #000000;
    font-family: arial;
    font-size: 12px !important;
    line-height: 14px !important;
    overflow: hidden;
    font-weight:normal;
    margin-left: 10px;
}
p.rssincl-itemdesc {
    background-color: #000000
    font-family: arial;
    overflow: hidden;
    width: 100% !important;
    margin-left: 10px;
    font-weight: normal;
}
div.rssincl-clear {
    	clear:both; /* important when using "float" for item elements */
	}
	
/* Style for Announcement */	
.standardbg {
	 min-height: 17px;
	 padding: 16px;
	 margin-bottom: 17px;
	 background-color: rgba(0,0,0,0.02);
	 border-left:5px solid #c8102e;
	 border-right:5px solid #c8102e;
}
.announcement {
	 min-height: 17px;
	 padding: 16px;
	 margin-bottom: 17px;
	 background-color: rgba(0,0,0,0.02);
	 border-left:5px solid #c8102e;
	 border-right:5px solid #c8102e;
}
/* Style for More Info */	
.moreinfo {
	 min-height: 17px;
	 padding: 16px;
	 margin-bottom: 17px;
	 background-color: rgba(0,0,0,0.02);
	 border-left:5px solid #c8102e;
}

/* Style for right-column callout */

	 .callout-background {
	 min-height: 17px;
	 padding: 16px;
	 margin-bottom: 17px;
	 background-color: rgba(0,0,0,0.02);
	 border-left:5px solid #c8102e;
}


/* Style for Legacy Well */
.well {
    min-height:20px;
    padding:19px;
    margin-bottom:20px;
    background-color:#f5f5f5;
    border:1px solid #e3e3e3;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.05)
}
.well blockquote {
    border-color:#ddd;
    border-color:rgba(0,0,0,.15)
}
.well-lg {
    padding:24px;
    border-radius:6px
}
.well-sm {
    padding:9px;
    border-radius:3px
}

/* Style for legacy embed */

.video-container {
	 position: relative;
	 padding-bottom: 56.25%;
	 padding-top: 30px;
	 margin-right: 1em;
	 height: 0;
	 overflow: hidden;
	 max-width: 100%;
	 height: auto;
}
 .video-container iframe, .video-container object, .video-container embed {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
}

/* Style for right floating feature */

#divFeatures {
    padding: 0px;
    float: right;
    margin-top: 30px;
    margin-left: 30px;
    width: 220px;
    margin-bottom: 45px;
    padding-left: 10px;">

}

/* Style for RSS embed programs */


.rss-box { 
    margin: 0px 0px 0px 0px; padding: 0px 0px; border: solid 0px red 
    
}

.rss-title, rss_title a { 
        display: none;
}

.rss-items { 
    margin-bottom: 10px; padding: 0px; list-style-type: none; )
}

.rss-item { 
    color: black; font-weight: normal; margin: 0px; padding-bottom:1.25em; 
}

.rss-item a:link, .rss-item a:visited { 
    color: #CC0000; font-size: 110%; text-decoration: none; font-weight: bold; 
}

.rss-item a:hover { 
    color: #CC0000; font-size: 110%; text-decoration: underline 
}

.rss-date { 
    color: gray; font-size: 80%; font-weight: normal 
} 

.register-now a:link, .register-now a:visited { 
    color: #CC0000; font-size: 110%; text-decoration: none; font-weight: bold; 
}

.register-now a:hover { 
    color: #CC0000; font-size: 110%; text-decoration: underline 
}
/* buttons modeled from http://www.wellstyled.com/css-inline-buttons.html */

li.f2jnag {
        display:none;
}

.img-ccfloatleft {
  float: left;
  padding: 5px 10px 10px 0px;
}
 
.img-floatleft {
	 float: left;
	 padding: 5px 10px 10px 0px;
}

/* Style for new update */
 .update_new {
	 background: #c8102e;
	 color: #FFF;
	 font-size: 1rem;
	 line-height: 1rem;
	 padding: 3px 5px;
	 border-radius: 5px;
	 display: inline-block;
	 vertical-align: top;
	 text-transform: uppercase;
	 margin: 0 0 0 5px;
}

/* Style for learning tool card background */
 .background-gray {
     min-height: 50px;
	 background-color: rgba(0,0,0,0.02);
}

/* Style for learning tool description */
p.learning-tool-subtitle {
     min-height: 35px;
}

p.learning-tool-description {
     min-height: 120px;
}

/* Style for support description - to align buttons beneath */
p.support-description {
     min-height: 35px;
}

/* Style for dashboard description */
p.dashboard-description {
     min-height: 120px;
}

/* Style for activities summary description */
p.activities-summary-description {
     min-height: 80px;
}

/* Image Carousel custom styles */
.carousel-caption {
    background-color: #000000bf !important;
    top: unset !important;
    bottom: 5% !important;
    left: 2% !important;
    right: unset !important;
    padding-bottom: 30px !important;
    max-width: 80% !important;
}
.carousel-indicators {
    top: unset !important;
    bottom: 7% !important;
    left: 3% !important;
    justify-content: left !important;
}
@media (max-width: 767px) {
	.carousel-caption {
		left: unset !important;
		max-width: 100% !important;
		padding-bottom: 50px !important;
		background-color: #c8102e !important;
	}
}

/* Style of cards to have bottom margin to eliminate use of line break to create space between each JR */
.card-margin-bottom {
    margin: 0px 0px 25px 0px;
}

/* Style of images to have bottom margin to eliminate use of line break to create space after image JR */
.img-margin-bottom {
    margin: 0px 0px 25px 0px;
}

/* Style of color of icons for success and failure JR */
.success-icon {
    color:green;
}
.fail-icon {
    color:red;
}

/* Style of search box to have bottom margin to eliminate use of line break to create space between each JR */
.search-margin-bottom {
    margin: 0px 0px 25px 0px;
}

/* Style to float text image to the right, text wraps to the left of the image JR */
.TextWrap {
	float: right;
	margin-left: 30px;
}

/* Style to float text image to the left, text wraps to the right of the image JR */
.TextWrapLeft {
	float: left;
	margin-right: 30px;
}

/* Style for Resources JR */	
.resources {
	 min-height: 17px;
	 padding: 16px;
	 margin-bottom: 17px;
	 background-color: rgba(0,0,0,0.02);
	 border-left:5px solid #c8102e;
}

/* Style for Callout box */
 .callout {
	 min-height: 17px;
	 padding: 16px;
	 margin-bottom: 55px;
	 background-color: rgba(0,0,0,0.02);
	 border-left:3px solid #c8102e;
	 border-right:0px solid #c8102e;
}