/* FAIR REWARD FRAMEWORK CSS */

/* GENERAL */

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

#header-bg {
  background: #fff;
}
  
main {
  background: #f6f6f6;
  min-height: 580px;
}
  
main a, main a:visited {
  color: #2571D5;
}

main a:hover {
  color: #1460C4;
}

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

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

/* NAVBAR */

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

.nav-link {
  color: #333;
}


/* FOOTER */

footer .logo {
  max-width: 170px;
}

footer .text-light {
  color: #aaa !important;
}

.footer-link {
  color:#ccc;
  text-decoration: none;
}


/* INNER PAGES */

.bg-secondary {
  background-color: #2CA5CB !important;
  background-image: url("../img/header-bg2a.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 60%
  }

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



.border-primary {
  border-color: #2571D5 !important;
}


/* LATEST UPDATES INNER PAGE */



/* COMPARISON TABLE */

.cotable {
  font-size: 15px !important;
  margin-top:20px
}

.cotable img {
  max-width:22px;
}

.btn-table {
  background: #ddd ;
}


/* HOMEPAGE */

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

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

.homebutton {
  background: #2571D5;
  font-weight: bold;
  font-size: 24px;
}

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


/* COMPANY PAGES */

.dashboard { 
  background:#fff;
  padding: 15px 20px 10px 20px;
  border: 1px solid #bbb;
  border-bottom: 4px solid #2CA5CB;
  margin-bottom: 20px;
}

.dashboard table {
  margin-bottom:0;
}

.dashboard th:first-of-type {
  padding-left:0;
}

.dashboard td, .dashboard th {
  border:none;
}

.dashboard tr {
border-top: 1px #bbb solid;
}

.dashboard h4 {
  font-weight: 800;
  color: #155AB6;
}

.dashboard img {
  max-width: 24px;
}

.dashdrop { 
  background:#fff;
  padding: 5px;
  border: 1px solid #bbb;
  margin-bottom: 20px;
}

.dashdrop .dropdown li {
  font-size:15px;
}

.extra-links p {
  margin-bottom: 5px
}

.btn-light {
  background: #eee ;
}


/* COMPANIES LANDING */

.companies-strap {
  font-size:1.2em;
  margin-bottom:25px
}

.companies-columns {
column-count:4
}

@media (max-width: 1199px) { 
  .companies-columns {
  column-count:3
  }
}

@media (max-width: 767px) { 
  .companies-columns {
  column-count:2
  }
}

#myInput {
background-image: url('/img/searchicon.png'); /* Add a search icon to input */
background-position: 10px 12px; /* Position the search icon */
background-repeat: no-repeat; /* Do not repeat the icon image */
width: 100%; /* Full-width */
font-size: 16px; /* Increase font-size */
padding: 12px 20px 12px 40px; /* Add some padding */
border: 1px solid #ddd; /* Add a grey border */
margin-bottom: 12px; /* Add some space below the input */
}

#myUL {
/* Remove default list styling */
list-style-type: none;
padding: 0;
margin: 10px 0 0 0;
}

#myUL li a {
background-color: #f6f6f6; 
text-decoration: none;
padding: 4px;
line-height: 1.2;
color: black; 
display: block;
}

#myUL li a:hover:not(.header) {
background-color: #eee; 
}

#myUL li a.list-head, #myUL li a.list-head:hover, #myUL li a.list-head:visited {
  background: #e2e2e2; color:#1460C4; font-weight:700;
  margin-top:27px;
}

#myUL li a.list-head:hover {
  background: #d9d9d9
}


/* OLD */

data {
  border-width: 1px 1px 4px;
  border-style: solid;
  border-color: #aaa #aaa #2CA5CB;
}

data h4{
  color: #2571D5;
  font-weight: 700;
  font-size: 1.2em;
}

blah h1.display-4 {
  font-size: calc(1.3rem + 2.7vw);
  line-height: 1.1;
  margin-top:6px;
}