﻿body {
    min-width:300px;
    background-color:white;
}

body, p, li, a {
    color: #2a2a2a;
    font-size: 14px;
}


header {
    background-color:#f8f8f8;
    border-bottom: 2px solid #eadecd;
}

/*
header .row:after {
    content: '';
    border-bottom: 2px solid #eadecd;
    display: block;
    margin: 0 0.9375rem;
}
*/


header #logo {
    margin: 10px ;
}

header .row {
    position: relative;
}

#mainMenu {
    position: absolute;
    bottom: 0;
    right: 0.9375rem;
    text-align: right;
}
#mainMenu ul {
    margin: 0;
}

#mainMenu li {
    display: inline-block;
}
#mainMenu li a {
    padding: 8px 12px;
    background-color: #f1e7da;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    display: block;
}
#mainMenu li a:hover, #mainMenu li a.active {
    background-color: #eadecd;
    color:inherit;
}


footer {
    text-align: center;
    margin-top: 4em;
    padding-top: 3em;
    border-top: 1px solid #ebebeb;
}

footer p, footer a {
    font-size:12px;
    color:#c5c5c5;
}


#headerSearch {
    position: absolute;
    top: 0.5rem;
    right: 0.9375rem;
}

#headerSearch input, #headerSearch button {
    width: initial;
    display: inline-block;
    margin: 0;
    height:1.8rem;
    padding: 0.7em 1em;
    box-shadow:none;
}

#headerSearch button {
    position:relative;
    top:-1px;
    text-transform:uppercase;
    font-weight: 700;
    font-size: 12px;
}


@media only screen and (max-width: 64em) {
    #headerSearch {
        top: 0.75rem;
        right: 3.9375rem;
    }
}
@media only screen and (max-width: 40em) {
    #headerSearch input {
        display: none;
    }
}