@font-face {
    font-family: "LocatorLight";
    src: url("/apps/static/fonts/LocatorWebLight.eot");
    src: url("/apps/static/fonts/LocatorWebLight.woff");
}

@font-face {
    font-family: "LocatorMedium";
    src: url("/apps/static/fonts/LocatorWebMedium.eot");
    src: url("/apps/static/fonts/LocatorWebMedium.woff");
}

.menurow, .topsection {
    font-family: "LocatorLight";
    padding: 20px;
}

a {
    color: #424242;
}

hr {
    box-sizing: content-box;
    height: 0;
    border: none;
    height: 1px;
    color: #797979;
    background-color: #797979;
    margin: 10px 0;
}

input {
    width: 96%;
    display: inline-block !important;
}

input:focus {
    border-color: #e8525f !important;
}

.pure-button {
    margin: 0.7em 0 0;
    width: 100%;
    background-color: #b4cc28;
    font-weight: bold;
    color: white !important;
}

.pure-button-primary {
    background-color: #e8525f;
}

.pure-g [class*="pure-u"] {
    font-family: "LocatorLight";
}

.topimage {
    text-align: center;
    text-transform: uppercase;
    font-style: italic;
    font-weight: bold;
}

.appdetails {
    margin-top: 5px;
}

.appdetails span {
    text-transform: uppercase;
    font-size: large;
}

.appdetails div:first-child {
    padding-top: 5px;
    text-align: right;
}

.appdetails div:first-child img {
    margin-right: 10px;
}

.appdetails div:nth-child(2) {
    padding-top: 5px;
}

.sectiontitle {
    color: #e8525f;
    margin-top: 20px;
    font-weight: bold;
}

.topsection {
    background-color: #f0f0f0;
    padding-bottom: 0;
    text-align: center;
    color: #797979;
}

.topsection a {
    color: #e8525f;
}

a {
    text-decoration: none;
}

.download > *{
    padding-left: 20px;
}

.download span {
    display: inline-block;
    margin-top: 10px;
    font-size: large;
    text-transform: uppercase;
    font-weight: bold;
}

.download strong {
    font-size: small;
    color: #b4cc28;
}

.user {
    margin-top: 0px
}

.user img {
    vertical-align: -20%;
}

.vr {
    border-left:1px solid #797979;
    height:20px;
    display: inline-block;
    margin: 0 20px -5px 20px;
}

.center {
    text-align: center;
}

.menurow {
    background-color: white;
}

@media screen and (min-width: 35.5em) {
    .topimage:nth-child(2), .user {
	margin-top: 30px;
    }
    .topsection { 
	text-align: left;
    }
    .download span {
	margin-top: 0px;
    }
}

@media screen and (min-width: 64em) {
    .pure-button {
	margin: 0;
    }
}

.notification {
    text-align: center;
    font-size: large;
    margin: 20px;
    padding: 20px;
    background-color: NavajoWhite;
    border-radius: 25px;
}