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

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

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

.details #sharer a:hover {
    background: rgba(239, 232, 215, 0.2);
}
#search {
    background-color: #faf8f3;
    border-top-color: rgba(0, 0, 0, 0.1);
}

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

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

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