/**----------------------------------------------------------------------------
 file: $ISIP_WEB/projects/nedc/index.css

 revision history:
  20180111 (JS): initial version

 This file is the specific css stylsheet for the main page on the ISIP web 
 site. It is used to fix and customize positions of different elements of the
 page.
 
 1. row adjustments
 2. slideshow adjustments
 3. media queries
 4. miscellaneous

 All custom created classes are denoted by nedc_xx_xx
 All others are bootstrap or tag specific
----------------------------------------------------------------------------**/


/**----------- adjusts elements of slideshow (bootstrap classes) -----------**/
/**                                                                         **/

/** adds roundness to slideshow pictures **/
/**                                      **/
.carousel {
 border-radius: 30px;
 overflow: hidden;
 border: 2.5px solid #800000;
}

/** moves slideshow indicators 10px down **/
/**                                      **/
.carousel-indicators {
 bottom: -10px;
}

/**  slideshow images are always 250px   **/
/**                                      **/
.carousel-height {
 height: 190px;
}

/** center aligns image in slideshow **/
/**                                  **/
.carousel-inner > .item > img {
 margin: 0 auto;
}

@media only screen and (min-width: 768px) {
    .carousel-inner img {
	height: 14.5rem;
    }
}
/**------ media queries used to align things at different resolutions ------**/
/**                                                                         **/
/**------------ miscellaneous -----------------------------**/
/**                                                                         **/

/** makes read more buttons same color as navbars **/
/**                                               **/
.nedc_color_scheme {
 background-color: #800000;
 color: #ffffff;
}

/** centers NEDC table in column **/
/**                              **/
table {
 margin-right: auto;
 margin-left: auto;
}

/** turns the color of buttons red on hover **/
/**                                         **/
a.btn-sm:hover {
 background: #696969;
 color: #800000;
}

/** end of file **/
/**             **/