/* Required height of parents of the Half Page Carousel for proper displaying carousel itself */
html,
body,
.view {
  height: 100%; }
  
a{color:#212529;}
a:hover{color:#ff7043;}

/* Half Page Carousel itself*/
.carousel {
  height: 50%; }
  .carousel .carousel-inner {
    height: 100%; }
    .carousel .carousel-inner .carousel-item,
    .carousel .carousel-inner .active {
      height: 100%; }

/* crumbsnav */
.crumbsnav{font-size:0.9rem;}
.crumbsnav a{color:#111;}
.crumbsnav a:hover{color:#ff7043;}

/* img */
.container img{max-width:100%;}

/* pagination */
.pagination-wrap{width:300px; margin:10px auto;}
.pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
}

.pagination a.active {
    background-color: #ff7043;
    color: white;
}

.pagination a:hover:not(.active) {background-color: #ddd;}

/* bottomnavbar */
.bottomnavbar {
  overflow: hidden;
  background-color: #333;
  position: fixed;
  z-index:999;
  bottom: 0;
  width: 100%;
}

.bottomnavbar a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 0px;
  width:50%;
  text-decoration: none;
  font-size: 17px;
}

.bottomnavbar a:hover {
  background: #f1f1f1;
  color: black;
}

.bottomnavbar a.active {
  background-color: #0275d8;
  color: white;
}

.main {
  padding: 16px;
  margin-bottom: 30px;
}

/* Adjustment for mobile devices*/
@media (max-width: 776px) {
  .carousel {
    height: 100%; } }

/* Navbar animation */
.navbar {
  background-color: rgba(0, 0, 0, 0.2); }

.top-nav-collapse {
  background-color: #929FBA; }

/* Adding color to the Navbar on mobile */
@media only screen and (max-width: 768px) {
  .navbar {
    background-color: #929FBA; }
  .navbar .logo{width:150px;}
  .navbar.scrolling-navbar{padding-top: 6px; padding-bottom: 6px;}
  .newsdate { display:none; }
	}

/* Footer color for sake of consistency with Navbar */
.page-footer {
  background-color: #929FBA; }
  
/* overwrite */

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 6px!important;
    padding-left: 6px!important;
  }

@media (min-width: 1440px) {
	.container {
		max-width: 1410px;
	}
}