@import url('https://fonts.googleapis.com/css?family=Aleo:300,400,700|Montserrat:300,400,500,700');

@media print {
 /* styles go here */
 footer{display:none;}
}


h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size: 32px;
    color: #231F20;
}

h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size: 22px;
    color: #231F20;
}

.content h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #231F20;
}
.content{font-size:14px;}

body {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    color:#231F20;
    line-height:32px;
}

input[type=submit]{
    background-color: #231F20;
    font-family: 'Montserrat', sans-serif;
    box-shadow:none;
    border-color: #231F20;
    border:none;
    box-shadow:none;
    border-radius:0;
    font-size:15px;
    line-height:15px;
    padding:12px 24px;
}

form > div:nth-of-type(2) > div > div > div > div.label > label.attach {
    display: none;
}

.no-touch input[type=submit]:hover{
    background-color: #A1ABB2;
    border-color: #A1ABB2;
    border:none;
    box-shadow:none;
}

input.search-type, input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], select, textarea
{
    padding: 8px;
    border-radius: 0;
}

label{color:#231F20;}
label i.needsclick {
    font-size: 18px;
}

form > h1:first-of-type {
    display: none;
}


form > p:first-of-type + h1 {
    margin-top: -1rem;
}
input[type="button"]{font-family: 'Montserrat', sans-serif;
border-color:#231F20;
background-color:#231F20;
border-radius: 0;
    
}
input[type="button"]:hover{background-color: #A1ABB2;}
a[href]:link, a[href]:visited{color:#231F20;text-decoration: underline;}

.box a {
    display: inline-block;
    background-color: #231F20; /* black background */
    color: #ffffff !important;            /* white text */
    text-decoration: none !important;     /* no underline */
    padding: 10px 16px;        /* spacing inside button */
    border-radius: 4px;        /* optional: rounded corners */
    font-weight: bold;
    transition: background-color 0.3s ease; /* smooth hover */
}

.box a:hover {
    background-color: #333333; /* dark grey on hover */
}


#container{
    font-family: 'Montserrat', sans-serif;
    margin:0 auto 0 auto;
}
section article{
    width: 80%;
}
section input[type="search"] {width: 70%;}

a.button{color:#fff;background-color:#000;}
article.filtered{width:95% !important;}