/* FAIR REWARD FRAMEWORK CSS */

/* GENERAL */

body {
  font-family: 'Mulish', sans-serif;
  background: #f6f6f6;
}

h1 {
  font-weight: bold;
  font-size: 42px;
  margin-bottom: 15px;
}

h4 {
  margin-bottom: 15px;
}

h5 {
  margin-bottom: 15px;
}

#header-bg {
  background: #240901;
}
  
main {
  background: #f6f6f6;
  min-height: 580px;
}
  
main a, main a:visited {
  color: #f7782b;
}

main a:hover {
  color: #ef3f18;
}

.maintext {
  font-size: 1.15em !important;
}

.dropdown-menu a, .dropdown-menu a:visited {
  color: #212529;
}

/* NAVBAR */






.logo {
  max-width: 100px;
  margin: 7px 0;
}

.nav-link {
  color: #E7DFD5;
}

.nav-link:hover {
  color: #fa970c
}


/* FOOTER */

#mainfooter {
  background-color: #240901;
  margin-bottom:0;
  color: #E7DFD5;
  border-top: 1px solid #E7DFD5;
}

.logo2 {
  max-width: 70px;
  margin: 4px 20px 4px 0;
}

#social {
  margin:10px 0;
}

#social svg {
   filter: invert(95%) sepia(3%) saturate(1471%) hue-rotate(325deg) brightness(103%) contrast(81%);
 }

#mainfooter a, #mainfooter a:visited {
  color: #E7DFD5;
}

#mainfooter a:hover {
  color: #D6CEC4;
}

.footer-text {
  font-size: 14px;
  line-height: 1.4;
}



/* INNER PAGES */

.bg-secondary {
  background-color: #b0826b !important;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 60%
  }

@media (max-width: 900px) { 
.bg-secondary {
  background-size: contain
  } 
}





/* HOMEPAGE */

#homepage h1 {
  margin-bottom: 15px;
}

.border-home {
  border-color:#aaa !important; 
  margin-top:25px;
}

.homebutton {
  background: #f7782b;
  font-weight: bold;
  font-size: 24px;
  border-color: #f7782b;
}

.homebutton:hover {
  background: #ef3f18;
  border-color: #ef3f18;
}

main a.homebutton, main a.homebutton:visited  {
  color: #fff;
}









@media (max-width: 767px) { 
.logowidth {margin-left:300px;margin-right:300px;
}
}




.message {
  max-width:200px; 
  vertical-align:top; 
  border-left:2px #c4c29d solid;
  background-color: #f2f2df !important;
  font-weight: bold;
}


#message1 {
  border-left-color: #de0437;
  background-color: #ffb8bc !important;
}

#message2 {
  border-left-color: #fc9105;
  background-color: #ffe2bd !important;
}

#message3 {
  border-left-color: #edd66f;
  background-color: #faffcc !important;
}



.table img {
  max-width: 50px;
}

.table {
  font-size: 13px;
}

th {
  background: #eee !important;
}