/* ----------------------------------------- */
@font-face {
    font-family: 'MrEavesXLSanRRegular';
    src: url('fonts/mreavesxlsanr-071211001EmigreWebOnly.eot');
    src: url('fonts/mreavesxlsanr-071211001EmigreWebOnly.eot?#iefix') format('embedded-opentype'),
         url('fonts/mreavesxlsanr-071211001EmigreWebOnly.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MrEavesXLSanRRegular';
    src: url('fonts/mreavesxlsanbki-071211005EmigreWebOnly.eot');
    src: url('fonts/mreavesxlsanbki-071211005EmigreWebOnly.eot?#iefix') format('embedded-opentype'),
         url('fonts/mreavesxlsanbki-071211005EmigreWebOnly.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

/* --- Lisa's Reset CSS --- */
/* --- designed from Eric Meyer's Reset CSS https://meyerweb.com/eric/tools/css/reset/ */
body {
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, p, input, select, button, textarea, fieldset, table, tbody, thead, tr, th, td {
    font-weight: normal;
    font-family: inherit;
    font-size: inherit;
    border: 0 none;
    margin: 0;
    padding: 0;
}
ol, ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
a {
    text-decoration: none;
}
img {
    border: 0 none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/*-- end Reset --*/
.mobile {
    display: none;
}
@media all and (max-width: 750px) {
    .full {
        display: none;
    }
    .mobile {
        display: block;
    }
}
#header {  /* to override directory styles */
    line-height: 1.3333;
    font-family: 'MrEavesXLSanRRegular', sans-serif;
    background-color: #FFF;
    overflow: auto;
    font-size: 17px;
    font-weight: normal;
    width: 100%;
}
#header .linkbutton,
#header a {  /* to override directory styles */
    font-weight: normal;
}
#header .linkbutton {
    text-transform: inherit;
    background: none;
    cursor: pointer;
}
#header form {
    margin: 0;
    float: none;
}
#header .content {
    padding-bottom: 15px;
    overflow: auto;
    width: 87.302%; /* 1100px/1260px */
    margin: 0 auto;
    min-width: 280px;
    max-width: 1100px;
}
#logo {
    display: inline-block;
}
#logo img {
    max-width: 240px;
    margin: -15px;
}
.underlogo {
    color: #909090;
    font-size: 31px;
    font-weight: normal;
    letter-spacing: 0.075em;
    line-height: 1em;
    text-transform: uppercase;
    display: block;
    text-align: center;
    width: 100%;

}
.missionary.blog .underlogo {
    font-size: 25px;
}
#header_menu {
    padding-top: 30px;
}
#nav {
    display: flex;
    justify-content: flex-end;
    float: right;
    width: 73%;
}
#nav p.col_head {
    color: #000;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0.075em;
    text-transform: uppercase;
    line-height: 21px;
    margin-bottom: 0;
}
#nav li {
    font-size: 14px;
    letter-spacing: 0.05em;
    line-height: 21px;
    text-transform: uppercase;
}
#nav li .linkbutton,
#nav li a {
    color: #909090;
}
#nav li a:hover {
    opacity: 0.7;
}
#nav li a.selected {
    color: #004261;
}
.nav_col {
    margin-left: 10%;
}
.facebook_icon {
    background: url('/media/fb icon pop white.svg') no-repeat;
}
.youtube_icon {
    background: url('/media/youtube icon pop white.svg') no-repeat;
}
.twitter_icon {
    background: url('/media/twitter icon pop white.svg') no-repeat;
}
@media (min-width: 751px) {
    #social_nav .facebook_icon {
        background: url('/media/fb icon pop header.svg') no-repeat;
    }
    #social_nav .youtube_icon {
        background: url('/media/youtube icon pop header.svg') no-repeat;
    }
    #social_nav .twitter_icon {
        background: url('/media/twitter icon pop header.svg') no-repeat;
    }
}
.facebook_icon,
.youtube_icon,
.twitter_icon {
    background-size: cover;
    display: inline-block;
    margin: 2px;
    height: 23px;
    width: 23px;
}
.footer-social-full {
    margin-left: -2px;
    margin-top: 1em;
}
#show_nav {
    display: none;
}
/* ========= RESPONSIVE ========================== */
@media all and (max-width: 925px) {
    #nav {
        min-width: 260px;
    }
}
/* ------------- Tablet Only ---------------- */
@media all and (max-width: 925px) and (min-width: 751px) {
    #nav {
        width: 62%;
    }
    #nav li {
        font-size: 13px;
        letter-spacing: 0;
    }
    .nav_col {
        margin-left: 5%;
    }
    #logo img {
        max-width: 218px;
        margin: -10px;
    }
    .underlogo {
        font-size: 26px;
    }
}
@media all and (max-width: 750px) {
    #logo {
        padding-left: 6.2%;
    }
    #logo img {
        max-width: 185px;
        margin: -10px;
    }
    .underlogo {
        font-size: 22px;
    }
    #nav {
        width: 80%;
        display: none;
    }
    .nav_col {
        float: left;
        margin-left: 0;
        width: 38%;
    }
    #nav p.col_head {
        color: #D6D6D6;
    }
    #nav li {
        padding: 2px;
    }
    #nav li .linkbutton,
    #nav li a {
        color: #FFF;
    }
    #nav li a:hover {
        color: #D6D6D6;
    }
    #nav li a.selected {
        color: #004261;
    }
    #nav li a.selected:hover {
        opacity: 0.7;
    }
}