/*  Bootstrap Clearfix
KR: See http://www.bluthemes.com/blog/3/clearing-bootstrap-3-columns
*/

/*  Tablet  */
@media (min-width:767px){

  /* Column clear fix */
  .col-lg-1:nth-child(12n+1),
  .col-lg-2:nth-child(6n+1),
  .col-lg-3:nth-child(4n+1),
  .col-lg-4:nth-child(3n+1),
  .col-lg-6:nth-child(2n+1),
  .col-md-1:nth-child(12n+1),
  .col-md-2:nth-child(6n+1),
  .col-md-3:nth-child(4n+1),
  .col-md-4:nth-child(3n+1),
  .col-md-6:nth-child(2n+1){
    clear: none;
  }
  .col-sm-1:nth-child(12n+1),
  .col-sm-2:nth-child(6n+1),
  .col-sm-3:nth-child(4n+1),
  .col-sm-4:nth-child(3n+1),
  .col-sm-6:nth-child(2n+1){
    clear: left;
  }
}


/*  Medium Desktop  */
@media (min-width:992px){

  /* Column clear fix */
  .col-lg-1:nth-child(12n+1),
  .col-lg-2:nth-child(6n+1),
  .col-lg-3:nth-child(4n+1),
  .col-lg-4:nth-child(3n+1),
  .col-lg-6:nth-child(2n+1),
  .col-sm-1:nth-child(12n+1),
  .col-sm-2:nth-child(6n+1),
  .col-sm-3:nth-child(4n+1),
  .col-sm-4:nth-child(3n+1),
  .col-sm-6:nth-child(2n+1){
    clear: none;
  }
  .col-md-1:nth-child(12n+1),
  .col-md-2:nth-child(6n+1),
  .col-md-3:nth-child(4n+1),
  .col-md-4:nth-child(3n+1),
  .col-md-6:nth-child(2n+1){
    clear: left;
  }
}


/*  Large Desktop  */
@media (min-width:1200px){

  /* Column clear fix */
  .col-md-1:nth-child(12n+1),
  .col-md-2:nth-child(6n+1),
  .col-md-3:nth-child(4n+1),
  .col-md-4:nth-child(3n+1),
  .col-md-6:nth-child(2n+1),
  .col-sm-1:nth-child(12n+1),
  .col-sm-2:nth-child(6n+1),
  .col-sm-3:nth-child(4n+1),
  .col-sm-4:nth-child(3n+1),
  .col-sm-6:nth-child(2n+1){
    clear: none;
  }
  .col-lg-1:nth-child(12n+1),
  .col-lg-2:nth-child(6n+1),
  .col-lg-3:nth-child(4n+1),
  .col-lg-4:nth-child(3n+1),
  .col-lg-6:nth-child(2n+1){
    clear: left;
  }
}


html {
  position: relative;
  min-height: 100%;
}

body {
    background-color: #f9f0c5;
	margin-top: 60px;
	margin-bottom: 85px;
}

/* Change the border color of the hamburger icon */
.navbar-toggler {
    border-color: #E6DBA6; /* Change the border color */
}

/* Change the color of the hamburger icon lines */
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%23E6DBA6' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    /* Change '%23E6DBA6' to the desired color (encoded as URL) */
}

.navbar-brand {
    color: #fff !important;
}


/* Change Bootstrap Navbar color */
.navbar-static-top {
    background-color: #093911;
}

.navbar-fixed-top {
    /*background-color: #093911;*/

}

.navbar-static-bottom {
    background-color: #093911;
}

#public-navbar .navbar-nav > li > a,
#admin-navbar .navbar-nav > li > a {
    color: #fff;
}


.collapse {
    color: #fff;
}

h1,h2, h3, h4, legend, label, b {
    color: #093911;
}

hr {
    height: 3px !important;
    background-color:  #093911 !important;
    opacity: 1 !important; /* 100% opacity */
}

/* 2024 Updates */
.nav-tabs {
    justify-content: center;
}
.nav-tabs .nav-link:hover {
    background-color:#f1ebce !important;
}
/* End 2024 Updates */


/* tab color */
.nav-tabs>li>a {
  background-color: #E6DBA6 !important;
  border-color: #E6DBA6 !important;
  color:#fff;
}

/* active tab color */
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
  color: #fff;
  background-color: #E6DBA6 !important;
  border: 0px solid #E6DBA6;
}

/* hover tab color */
#public-navbar .navbar-nav > li > a:hover {
  border-color: #f1ebce;
  background-color: #000000;
}


/* Dropdown on Hover */
.dropdown:hover .dropdown-menu {
    display: block;
 }

.info, .success, .warning, .error_custom, .validation {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
	border-radius: 8px;
}

.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../img/info.png');
}

.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../img/validgreen.png');
}

.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../img/attention.png');
}

.error_custom {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../img/cancel.png');
}

/* Change Bootstrap footer color */


footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 80px;
    line-height: 20px; /* Vertically center the text there */
    background-color: #093911;
    color: #FFF;
    padding-top: 8px;
}