/* ==========================================================================
   Color Palettes
   ========================================================================== */

/* Global Fixes */
footer {opacity: 0.7;}
.badge:hover {
    background-color: rgba(255, 255, 255, 0.2)
}

/* Bacrkgound Colors */
.details, .home, .about, .autocomplete ul {
    background-color: #00c479;
}
.details #sharer a, .autocomplete a:hover, #search a, #job-opennings button {color: #00c479;}

.details #sharer a:hover {
    background: rgba(0, 196, 121, 0.05);
}
#search {
    background-color: #e5f9f1;
    border-top-color: rgba(0, 0, 0, 0.1);
}

/* Accent color */
::-moz-selection, ::selection {
    background: #f4f4f4;
    text-shadow: none;
}

::selection {
    background: #f4f4f4;
    text-shadow: none;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #f4f4f4;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #f4f4f4;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #f4f4f4;
}
:-moz-placeholder { /* Firefox 18- */
  color: #f4f4f4;
}
.home a, .details a,
.home, .home .logo, .home nav a,
.details, .details .logo, .details nav a,
.about, .about a {
    color: #f4f4f4;
}
.home input[type=search].query, .autocomplete a:hover {
    border-bottom-color: #f4f4f4;
}
.autocomplete a {
    border-bottom: 1px solid rgba(244, 244, 244, 0.3);
}
.autocomplete a:hover, #job-opennings button {background-color: #f4f4f4;}
.svg, .svg .st0 {
    fill: #f4f4f4;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    background-color: #f4f4f4;
}