.material-icon {
    font-family: Material Icons;
}
.featured-shadow {
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.35);
}
.condensed-font {
    font-weight: 700;
}
.heading-font {
    font-family: Lusitana, serif;
    font-weight: 400;
}
.box-shadow {
    background: #fff;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
}
.no-shadow {
    background: transparent;
    box-shadow: none;
}
.transition-slow {
    transition: all 0.4s ease-out;
}
button,
input {
    border: 1px solid #f6f6f6;
    margin: 0;
    padding: 2%;
}
input#queryText {
    width: 83%;
}
button#btnG {
    background: #fff;
    width: 12%;
}
button#btnG:hover {
    background: #0061ab;
    color: #fff;
    transition: all 0.2s ease-out;
}
.encyclopedia-search {
    margin-bottom: 30px;
}
.encyclopedia-search p {
    margin-bottom: 5px;
}
.encyclopedia-search input {
    border: 1px solid #f6f6f6;
    margin: 0;
    padding: 2%;
}
.encyclopedia-search input.field {
    width: 83%;
}
.encyclopedia-search input.button {
    background: none;
    width: 12%;
}
.encyclopedia-search input.button:hover {
    background: #0061ab;
    color: #fff;
    transition: all 0.2s ease-out;
}
.actions a.cta {
    background: none;
    border: 1px solid #0061ab;
    color: #0061ab;
    display: block;
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 10px;
    padding: 5% 12%;
    position: relative;
    text-align: center;
    width: 75%;
}
.actions a.cta i {
    position: absolute;
    right: 11px;
    top: 16px;
}
.actions a.cta:hover {
    background: #0061ab;
    color: #fff;
    transition: all 0.2s ease-out;
}
.actions a.cta:after {
    font-family: Material Icons;
    margin-left: 5px;
}
@media screen and (min-width: 641px) and (max-width: 1023px) {
    body:not(.EditMode):not(#m_bodyElem):not(.PreviewMode) main input.field {
        width: 76.8%;
    }
    body:not(.EditMode):not(#m_bodyElem):not(.PreviewMode) main input.button {
        width: 17%;
    }
}
@media screen and (min-width: 1px) and (max-width: 640px) {
    body:not(.EditMode):not(#m_bodyElem):not(.PreviewMode) main input.field {
        width: 76.8%;
    }
    body:not(.EditMode):not(#m_bodyElem):not(.PreviewMode) main input.button {
        width: 17%;
    }
}
