/* ----------------------------------------- */
/*
 * OLD COLORS
    color: #52708A; Blue
    color: #C9CA3B; Yellow
    color: #3e3e3e; Dk Grey Text
    color: #909090; Light Grey Text

 * NEW COLORS
    color: #3D6380; Blue
    color: #004261; Dark_Blue
    color: #006E9B; Blue Link
    color: #D1D08A; Yellow
    color: #C9CA3B; Dark_Yellow
    color: #622E44; Purple
    color: #7D445B; Light Purple

 * SUBJECTS
    color: #679FB4; God&Prayer
    color: #C9CA3B; History
    color: #E39717; Community
    color: #91A93E; Family
    color: #306563; Mission
    color: #C8513C; Music
    color: #7E437A; Scripture

*/
#main_container {
    margin: 0 auto;
    background-color: #FFF;
    max-width: 1260px;
}
.content {
    width: 90%; /* (1 - 2*16px/320px) */
    margin: 0 auto;
    min-width: 280px;
}
html {
    height: 100%;
    margin-bottom: 1px;
} /* trigger scrollbar */
a {
    color: inherit;
}
body {
    background-color: #E1E2E2;
    font-family: 'MrEavesXLSanRRegular', sans-serif;
    font-size: 17px;
    line-height: 1.3333;
}
img {
    height: auto;
    max-width: 100%;
}
#resize_me { /* to get jquery to work with medai queries */
    width: 1260px;
}
div.hr {
    border-bottom: 1px solid #E1E2E2;
    width: 100%;
    clear: both;
    margin: 35px 0;
}
p {
    margin-bottom: 10px;
    color: #3e3e3e; /* POP Dk Grey Text */
    font-size: 17px;
    line-height: 1.29em;
}
.error, .errorlist {
    color: #C8513C;
    line-height: 1.1em;
    font-size: 16px;
}
input {
    background: #EEE;
    -webkit-appearance: none;
    border-radius: 0;
}
select {
    background: #eee;
    box-sizing: border-box;
    height: 2em;
}
input[type="image"] {
    background: none;
}
#main {
    padding-top: 30px;
}
#main .content {
    margin-bottom: 30px;
}
.cropped img {
    width: 100%;
}
.cropped {
    overflow: hidden;
}
h1 {
    color: #3D6380;
    font-size: 46px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    line-height: 0.9em;
}
h2 {
    color: #C9CA3B; /* POP Yellow */
    font-size: 23px;
}
h3 {
    font-size: 21px;
    letter-spacing: 0.075em;
    text-transform: uppercase;
}
h4 {
    font-size: 15px;
    letter-spacing: 0.075em;
    color: #909090; /* POP Light Grey Text */
}
h5 {
    font-size: 16px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #909090;
    line-height: 1em;
}
/* ----------- Header Styling ----------------- */
#edit-page {
    right: 0;
    top: 0;
    position: absolute;
}
#banner_image {
    /* Inline: background: url({{ page.banner_image.url }}) no-repeat center 32%; background-size: cover; */
    height: 334px;
    max-width: 1260px;
}
.home #banner_image {
    height: 443px;
}
/* ------------ Footer ------------------------- */
#footer {
    clear: both;
    overflow: auto;
    background-color: #638D9D;
    font-size: 14px;
}
#footer_logo {
    float: left;
    width: 30.16%; /* 380/1260 */
    padding-top: 15px;
    padding-bottom: 30px;
}
#footer_logo .footer-logo-image {
    background: url('/static/img/praise_logo.png') no-repeat;
    background-size: 100%;
    display: inline-block;
    height: 141px;
    float: right;
    margin-right: 21.05%; /* 80/380 */
    width: 115px;
}
#footer_content {
    background-color: #94AEBA;
    float: left;
    width: 28.57%;
    padding: 47px 3% 30px 4%;
    min-height: 107px; /* height of logo so background-color is correct height */
}
#footer_content #tagline {
    float: left;
    width: 49.33%;
}
#footer_content #address {
    float: left;
    width: 46%;
    padding-right: 3.5%;
}
#copyright {
    float: left;
    width: 25.4%; /* 320/1260 */
    padding-top: 47px;
    padding-left: 4.76%; /* 60/1260 */
}
#footer p {
    margin-bottom: 0;
    color: #FFF;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: 0.05em;
}
#footer a:hover {
    opacity: 0.7;
}
#footer h4 {
    color: #FFF;
    font-size: 13px;
}
/* ------------ Home Page ---------------------- */
.snippet {
    width: 34.55%; /* 380/1100 */
    float: left;
}
.snippet .img_container {
    height: 256px;
    position: relative;
    margin-bottom: 10px;
}
.snippet .img_container img {
    position: absolute;
    bottom: 0;
    width: 100%;
}
.snippet .img_container a {
    display: block;
    height: 256px;
}
.snippet a:hover {
    opacity: 0.7;
}
#latest h4 {
    font-size: 16px;
    color: #C9CA3B;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding-top: 7px;
}
#blog h4 a {
    color: #004261;
}
#blog.news h4 a {
    color: #C9CA3B;
}
#news h4 a {
    color: #C9CA3B;
}
#news.missionary h4 a {
    color: #004261;
}
#charisms {
    margin: 0 auto;
    overflow: auto;
    clear: both;
    max-width: 1020;
}
.charism {
    width: 23.64%; /* 260/1100 */
    float: left;
    text-align: center;
    margin: 0 3.92%; /* 40/(1020) */
}
.charism a.image {
    display: block;
    width: 100%;
    height: 200px;
}
.charism a.image:hover {
    opacity: 0.7;
}
.charism a {
    color: #C9CA3B;
}
.charism h2 {
    padding: 7px 0 3px;
}
.date {
    color: #909090;
}
#featured_video {
    margin: 30px auto;
    clear: both;
    max-width: 560px;
}
#featured_video h4 {
    color: #004261;
}
#featured_video a {
    color: #006E9B;
}
#home h3 {
    text-align: center;
    margin-bottom: 0.8em;
    color: #909090;
}
#home h2 {
    text-align: center;
}
.home h2 a:hover {
    color: #D1D08A;
}
#home p {
    font-size: 17px;
}
#intro {
    background-color: #EFF0DF;
    line-height: 1.15;
    margin: 0 auto;
    margin-top: -147px;
    max-width: 500px;
    opacity: .9;
    overflow: auto;
    padding: 20px 80px 20px;
    text-align: center;
}
#intro #summary {
    padding: 0 23px;
    font-size: 21px;
}
#intro #summary span {
    font-size: 21px;
    letter-spacing: 0.075em;
    text-transform: uppercase;
    color: #004261;
}
#latest {
    margin: 30px auto 0;
    overflow: auto;
}
#news {
    padding: 0 1.82%; /* 20/1100 */
    margin-right: 5.46; /* 60/1100 */
}
#vb {
    float: left;
    width: 18.18%; /* 200/1100 */
    padding: 0 1.73%; /* 19/100 */
}
#vb .img_container {
    width: 200px;
}
#vb a {
    display: block; /* to get hover to work in chrome */
}

/* ------------ Info Pages ---------------------- */
.page h2 {
    text-transform: lowercase;
}
.page h4 {
    color: #004261;
    letter-spacing: 0;
    font-size: 18px;
}
.page .copy ul {
    color: #3e3e3e; /* POP Dk Grey Text */
    font-size: 17px;
    line-height: 1.29em;
    padding-left: 20px;
    margin-bottom: 10px;
}
.page .copy li:before {
    content: "\2022";
    font-size: 20px;
    vertical-align: middle;
    padding-right: 5px;
}
.page #mobile_header {
    display: none;
}
.side_col {
    float: left;
    width: 19.09%; /* 210/1100 */
    padding-right: 1.82%; /* 20/1100 */
    padding-left: 8.18%; /* 90/1100 */
    margin-bottom: 20px;
}
.side_nav {
    line-height: 1em;
}
.side_nav li {
    padding: 6px 0;
}
.side_nav li.category {
    color: #000;
    letter-spacing: 0.075em;
    font-size: 15px;
    text-transform: uppercase;
}
.side_nav li.secondary {
    font-size: 16px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #909090; /* POP Light Grey Text */
}
.side_nav li.secondary a:hover {
    opacity: 0.7;
}
.side_nav a.selected {
    font-size: 18px;
    color: #004261;
}
.side_nav a.selected:hover {
    color: #3D6380;
}
.side_sub_nav {
    padding-left: 15px;
}
.side_sub_nav li {
    font-size: 16px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #004261;
    font-size: 17px;
}
.side_sub_nav li:hover {
    color: #3D6380;
}
.side_nav .side_sub_nav a.selected {
    color: #C9CA3B;
}
.side_nav .side_sub_nav a.selected:hover {
    color: #D1D08A;
}
.side_nav .side_sub_nav a.selected {
    font-size: inherit;
}
#side_nav_head {
    display: none;
}
.main_col {
    float: right;
    width: 54.54%; /* 600px/1100px */
    margin-bottom: 70px;
    padding-right: 15.9%; /* 175/1100 */
}
.main_col a {
    color: #006E9B;
}
.main_col p a:hover {
    color: #3D6380; Blue
}
.copy h3 {
    font-size: 15px;
    text-transform: none;
    color: #909090; /* POP Light Grey Text */
}
.locations .main_col {
    width: 61%;
    padding-right: 9%;
}
.locations .copy {
    -webkit-column-width: 211px;
    -moz-column-width: 211px;
    column-width: 211px;
    -webkit-column-count: auto;
    -moz-column-count: auto;
    column-count: auto;
}
.locations .copy p {
    color: #004261;
    font-size: 16px;
    line-height: 1.12em;
    word-wrap: break-word;
}
.locations .copy h3 {
    font-size: 18px;
    letter-spacing: 0;
}
.locations .copy h2 {
    line-height: 1em;
    padding-bottom: 7px;
}
.locations h1 {
    margin-bottom: 7px;
}
#vb_grid {
    width: 100%;
    max-width: 880px;
    overflow: auto;
    margin: 0 auto;
}
#vb_grid p#instructions {
    font-style: italic;
    padding-left: 1.13%;
}
.vine .issue {
    float: left;
    padding: 1.13%; /* 10/880 */
    height: 34.09%; /* 300/880 */
    width: 22%;
    max-width: 200px;
    min-width: 120px;
}
.vine .issue:hover {
    opacity: 0.7;
}
.vine .issue p {
    height: 33px; /* accommodate 2 lines */
}

/* ------------ News/Blog --------------------- */
.blog h1 {
    color: #3D6380;
    font-size: 46px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    line-height: 0.9em;
    margin-bottom: 30px;
}
.news.blog h1 {
    color: #D1D08A;
}
.blog h1.entry_title,
.blog h2 {
    color: #3D6380;
    font-size: 35px;
    line-height: 1em;
    letter-spacing: normal;
    margin-bottom: 0;
    text-transform: none;
}
.blog h1.entry_title a,
.blog h2 a {
    color: #3D6380;
}
.blog h1.entry_title:hover,
.blog h2 a:hover {
    color: #004261;
}
.blog h3 {
    text-transform: uppercase;
    font-size: 21px;
    letter-spacing: 0.075em;
    color: #3e3e3e;
}
.blog h4 {
    color: #004261;
    font-size: 18px;
    line-height: 1.05em;
    letter-spacing: 0;
}
.blog h4 a:hover {
    color: #3D6380;
}
.blog h5 {
    font-size: 16px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #3e3e3e;
}
.blog .featured_post h4.title {
    font-size: 28px;
    line-height: 1em;
    margin-bottom: 0px;
}
.featured_post .post_block p {
    line-height: inherit;
}
.blog h3.cat_header {
    color: #000;
    line-height: 1em;
}
.blog .entry_date h5 a {
    color: #909090;
}
.missionary .blog_list h1 {
    color: #3D6380;
}
.post_block h5.category {
    color: #C9CA3B;
    padding-right: 10px;
}
.post_block h5.category a:hover {
    color: #D1D08A;
}
.news #main .content {
    width: 74.6%; /* 940/1260 */
}
.news.post #main .content {
    width: 87.302%; /* 1100px/1260px */
}
.featured_post {
    margin-bottom: 30px;
}
.missionary .featured_post .post_block {
    width: 72.8%
}
.missionary .featured_post .post_block .text {
    float: right;
    width: 37.5%;
    overflow: hidden;
    padding: 20px 2.5% 0; /* 20/800 */
}
.missionary .featured_post .post_block .excerpt {
    margin-top: 15px;
}
.missionary .featured_post #featured_img {
    width: 57.5%; /* 460/800 */
    float: left;
    overflow: hidden;
    height: 100%;
}
.missionary .featured_post #featured_img:hover {
    opacity: 0.7;
}
.missionary #featured_img a {
    display: block;
    height: 100%;
}
.news .featured_post {
    width: 64.89%; /* 610/940 */
    min-height: 525px;
    overflow: auto;
    margin-bottom: 40px;
}
.missionary .featured_post img {
    height: 100%;
    max-width: inherit;
}
.wp-caption {
    max-width: 100%;
    color: #909090;
    font-size: 15px;
    line-height: 1em;
    padding-bottom: 15px;
}
.wp-caption img {
    padding-bottom: 7px;
}
.blog_list .post_block {
    width: 21.82%; /* 240/1100 */
    min-width: 173px;
    float: left;
    margin-right: 3.64%; /* 40/1100 */
    background-color: #F0EFF1;
    height: 320px;
    overflow: hidden;
    margin-bottom: 30px;
}
.post_block .thumb {
    height: 152px;
}
.post_block .thumb:hover {
    opacity: 0.7;
}
.news .side_col .post_block .thumb {
    height: auto;
}
.news .post_block .thumb {
    height: 190px;
}
.post_block .thumb a {
    display: block;
    height: 100%;
}
.post_block p {
    line-height: 1.12em;
}
.news .blog_list .post_block {
    width: 30.43%; /* 286/940 */
    margin-right: 4.26%; /* 40/940 */
    height: 415px;
}
.news .blog_list .post_block:nth-child(3n) {
    margin-right: 0;
}
.missionary .blog_list .post_block:nth-child(3n) {
    margin-right: 0;
}
.missionary .blog_list .older_posts .post_block:nth-child(4n) {
    margin-right: 0;
}
.missionary .blog_list .older_posts .post_block:nth-child(3n) {
    margin-right: 3.64%; /* 40/1100 */
}
.blog #missionary_home .main_col {
    margin-bottom: 30px;
}
.blog .read_more {
    color: #C9CA3B;
}
.blog .read_more:hover {
    color: #D1D08A;
}
.post_block img {
    width: 100%;
}
.blog_list .post_block .cropped {
    max-height: 60%;
    float: left;
    width: 100%;
}
.post_block h5 {
    display: inline-block;
}
.post_block h5.comments_title {
    display: block;
}
.post_block .text {
    padding: 20px 10%;
}
.post_block .excerpt {
    float: left;
    height: 63%;
    padding-top: 4%;
}
.post_block p a {
    color: #006E9B;
}
.excerpt a {
    color: #006E9B;
}
.excerpt p {
    margin-bottom: 0;
}
#latest_three li {
    margin-bottom: 10px;
}
#latest_three li.last {
    margin-bottom: 0;
}
.blog_list .post_block .text {
    padding: 0 10%;
    height: 90%;
}
.news .blog_list .post_block .text {
}
.post_block .meta_info .category {
    padding-top: 23px;
}
.blog_list #load_more {
    clear: both;
    width: 100%;
    padding: 10px 0;
    background-color: #F0EFF1;
    text-align: center;
    margin-bottom: 50px;
    cursor: pointer;
}
.blog_list #load_more:hover h3 {
    color: #909090;
}
#load_more img {
    padding-left: 5px;
    padding-bottom: 2px;
}
.side_col #missionary_blog {
    max-height: 310px;
    overflow: hidden;
}
.side_col #missionary_blog img {
    width: 100%;
}
.news.blog .side_col {
    width: 23.4%; /* 220/940 */
}
.news.blog.post .side_col {
    width: 20%; /* 220/1100 */
}
.missionary.blog .side_col {
    margin-top: 96px;
}
.missionary.blog.latest .side_col {
    margin-top: 0;
}
.blog .side_col {
    float: right;
    min-height: 350px;
}
.side_col #other_news {
    text-align: center;
}
#other_news #news {
    max-height: 250px;
    overflow: hidden;
}
.blog .older_posts {
    clear: left;
}
.blog .side_col img {
    width: 100%;
}
.blog .latest_content {
    background-color: #E1E2E2;
}
.search input {
    width: 87%;
    padding: 7px 25px 7px 5%;
}
.blog .search img {
    width: auto;
    position: absolute;
    top: 8px;
    right: 2px;
}
.search {
    margin-bottom: 20px;
    position: relative;
}
#category_head .search {
    width: 30.43%;
    float: right;
    margin-top: 5px;
    margin-bottom: 0;
}
#post_header .search {
    width: 30.43%;
    float: right;
    margin-top: 5px;
    margin-bottom: 0;
    display: none;
    margin-left: 30px;
}
.missionary #category_head .search {
    display: none;
}
.news.latest #category_head .search {
    display: none;
}
.news #category_head h1 {
    max-width: 70%;
}
#category_head h1 {
    display: inline-block;
    float: left;
    max-width: 78%;
}
.search #category_head h1 {
    margin-left: -22px;
}
.blog_list {
    clear: left;
    min-height: 400px;
}
.blog.search h3.cat_header {
    color: #3e3e3e;
}
.missionary #other_links div {
    text-align: center;
    margin-top: 30px;
}
.blog .side_col h3 {
    text-align: center;
    color: #909090;
}
.blog.missionary .side_col h3 a {
    color: #909090;
}
.blog .side_col a:hover h3 {
    opacity: 0.7
}
.blog .side_col #other_news a:hover img {
    opacity: 0.7;
}
.missionary .side_col h4 {
    padding-bottom: 10px;
}
.side_col li.first h5 {
    padding-top: 0;
}
.missionary .side_col .latest .latest_content h5 {
    padding-bottom: 0;
}
.missionary .side_col .latest h5 {
    padding-bottom: 5px;
}
.missionary .side_col .latest_content h4 {
    margin-bottom: 5px;
    padding-bottom: 0;
}
.latest h5.header a {
    color: #004261;
}
.latest h5.header a:hover {
    color: #3D6380;
}
.missionary .side_col .section {
    margin-bottom: 29px;
}
#mco_bio {
    max-height: 484px;
    overflow: hidden;
}
#mco_bio p {
    color: #004261;
    font-size: 15px;
    padding-top: 7px;
}
#mco_bio p a {
    color: #006E9B;
}
.side_col #vine {
    margin-top: 20px;
}
.side_col #vine img {
    width: 84%;
}
.side_col .post_block {
    background-color: #F0EFF1;
    margin-bottom: 30px;
}
.post_block p {
    font-size: 16px;
}
.side_col .post_block .text {
    padding-top: 10px;
}
.blog .post {
    color: #3e3e3e;
}
.blog .left_col {
    width: 12.73%; /* 140/1100px */
    padding: 0;
    padding-right: 1.82%;/* 20/1100px */
    text-align: right;
    float: left;
    clear: left;
}
.blog .left_col .entry_date h3 {
    padding-top: 9px;
}
.blog .main_col {
    width: 56.36%; /* 620/1100px */
    float: left;
    padding-left: 0;
    padding-right: 7.27%; /* 80/1100px */
}
.blog .side_col {
    width: 21.82%; /* 240/1100px */
    padding: 0;
    /* margin-right: -1.82%; /* -20/1100px */
}
#category_nav {
    background-color: #D1D08A;
    overflow: auto;
    clear: both;
}
.missionary #category_nav {
    background-color: #004261;
}
#category_nav li {
    color: #EBEBEB;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.missionary #category_nav li {
    color: #909090;
}
#category_nav li:hover {
    color: #FFF;
}
#category_nav > ul {
    text-align: center;
}
#category_nav ul li {
    display: inline-block;
}
#category_nav ul li a {
    display: inline-block;
    padding: 15px 25px 14px;
}
#category_nav > ul > li.selected {
    background: url('/static/img/up_arrow.png') no-repeat bottom;
    color: #FFF;
}
#category_nav > ul > li a.selected {
    background: url('/static/img/up_arrow.png') no-repeat bottom;
}
#category_nav .search {
    display: none;
}
.cat_links h5 a {
    color: #C9CA3B;
}
.cat_links h5 a:hover {
    color: #D1D08A;
}
.cat_links h5:nth-child(2n) a {
    color: #D1D08A;
}
.cat_links h5:nth-child(2n) a:hover {
    color: #C9CA3B;
}
.blog .entry_meta h5 {
    display: inline-block;
}
.blog .entry_meta h5.comments_title {
    white-space: nowrap;
}
.blog #post_header {
    margin-bottom: 15px;
}
.alignleft {
    float: left;
    padding-right: 20px
}
.alignright {
    float: right;
    padding-left: 20px
}
#more_category {
    clear: both;
    display: none;
    color: #3e3e3e;
    margin-top: 20px;
}
#more_category a {
    text-transform: uppercase;
    color: #C9CA3B;
}
#comments {
    margin-top: 30px;
    clear: both;
}
.blog #comments h2 {
    color: #000;
    font-size: 28px;
}
.comments_list li {
    padding: 12px;
}
.comments_list li:nth-child(2n + 1) {
    background-color: #F0EFF1;
}
.comments_list {
    margin-bottom: 20px;
    margin-top: 10px;
}
#comments form {
    background-color: #F0EFF1;
    padding: 20px;
    margin-top: 15px;
}
#comments input {
    padding: 5px 7px;
    width: 250px;
    background: white;
    display: block;
}
#comments label {
    color: #000;
}
#comments textarea {
    max-width: 450px;
    width: 90%;
    height: 150px;
    margin-bottom: 10px;
    padding: 5px 7px;
}
#comments input.button {
    background-color: #004261;
    color: #FFF;
    text-transform: uppercase;
    padding: 7px 25px;
    width: auto;
}
#comments p {
    margin-bottom: 12px;
    font-size: 14px;
}
#comments p.author {
    margin-bottom: 0;
}
#comments .author span {
    color: #004261;
}
#comments a {
    color: inherit;
}
/* ------------ Login --------------------------*/
.login #main {
    min-height: 785px;
    overflow: hidden;
    position: relative;
    padding-top: 0;
}
#login_img {
    background: url(/static/img/login.svg) center no-repeat;
    background-size: cover;
    overflow: auto;
    height: 600px;
    max-width: 925px;
    margin: 0 auto;
}
.login object {
    width: 100%;
    max-width: 975px;
    margin: 0 auto;
}
.login label, .login #login_intro {
    font-size: 18px;
}
.login #login_intro {
    margin-left: 10%;
    margin-top: 50px;
}
.login #login_intro h1 {
    padding-bottom: 20px;
}
.login p {
    color: black;
}
.login form {
    float: right;
    color: #4C4F50;
    margin-top: 40px;
    margin-right: 17%;
    max-width: 280px;
}
.login input {
    display: block;
    max-width: 280px;
    width: 100%;
    padding: 6px 10px;
    font-size: 17px;
    line-height: 1.1;
}
.login input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px #EEE inset;
    -webkit-text-fill-color: #000;
}
.login input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 50px #EEE inset;
    -webkit-text-fill-color: #000;
}
.login form a {
    text-decoration: underline;
}
.login input[type="submit"] {
    width: 100px;
    color: white;
    background: #045;
    text-transform: uppercase;
    font-size: 15px;
    padding: 8px;
}
/* ------------ Error --------------------- */
.error_page {
    text-align: center;
    min-height: 300px;
    margin-top: 100px;
    max-width: 475px;
    margin: 100px auto;
}
.error_page h1 {
    color: #3D6380;
    font-size: 35px;
    margin-bottom: 10px;
}
.error_page p {
    margin-bottom: 3px;
}
/* ------------ Resources --------------------- */
.library h1 {
    color: #D1D08A;
    font-size: 46px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    line-height: 0.9em;
    margin-bottom: 30px;
}
.library h1 a {
    color: inherit;
}
.library h1 a:hover {
    color: #C9CA3B;
}
.library .collection h2 {
    color: #622E44;
    font-size: 28px;
    line-height: 1.1em;
}
.library h2 {
    color: #3d6380;
    font-size: 23px;
}
.library .main_col .resource_body h2 a {
    color: #3d6380;
}
.library h2 a {
    color: inherit;
}
.library h2 a:hover {
    opacity: 0.7;
    color: inherit;
}
.library h3 {
    text-transform: uppercase;
    font-size: 19px;
    letter-spacing: 0.05em;
    color: #000;
}
.library h3 a {
    color: inherit;
}
.library h4 {
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #3e3e3e;
}
.library h4 a {
    color: inherit;
}
.library h4 a:hover {
    opacity: 0.7;
}
.breadcrumbs {
    margin-left: 6.35%; /* 80/1260 */
    float: left;
}
.library #main {
    overflow: auto;
    clear: both;
    min-height: 600px;
    padding-top: 8px;
}
.library .main_col {
    width: 780px;
    margin: 0 auto;
    padding-right: 0;
    float: none;
}
.library .resource {
    overflow: hidden;
    margin-bottom: 20px;
}
.library .collection .resource_head {
    padding: 12px 3.85%; /* 30/780 */
    background-color: #E1E0E1;
    overflow: auto;
    margin-bottom: 0;
}
.library.file .resource_head {
    padding: 15px 3.85%; /* 30/780 */
    background-color: #EBEAEB;
    overflow: auto;
    margin-bottom: 0;
}
.library .resource_head h2 {
    display: inline-block;
    clear: both;
    float: left;
    line-height: 1em;
}
.resource_head h4 {
    clear: left;
}
.library .resource_head {
    background-color: inherit;
    padding: 0;
    overflow: hidden;
    margin-bottom: 10px;
}
.file_list.library .resource_head {
    margin-bottom: 0;
    background-color: inherit;
    padding: 0;
    overflow: hidden;
}
.file_list.library h2 {
    color: #3d6380;
    font-size: 23px;
}
#conference_header h3 {
    min-height: 1em;
}
.invisible_parent #conference_header {
    width: 63.64%;
    float: right;
    padding-right: 7.27%;
}
.library .resource_body {
    padding: 0 3.85%; /* 30/780 */
    overflow: auto;
    background-color: #EBEAEB;
}
.resource_body .description p {
    font-size: 16px;
    line-height: 1.19em;
    margin-bottom: 0;
}
.main_col .resource_body a {
    color: #006E9B;
}
.main_col .resource_body .author a {
    color: #3e3e3e;
}
.main_col .resource_body .author a:hover {
    opacity: 0.7;
}
.resource_body .thumb {
    float: left;
    width: 22%;
    padding-right: 5%;
}
.conferences.collection .resource_body .thumb {
    width: 36.11%; /* 260/720 */
    margin-left: -4.17%; /* 30/720 */
    padding: 0;
    padding-right: inherit;
}
.conferences.collection .resource_body .description.has_thumb {
    width: 63%;
}
.collection .resource_body .thumb {
    padding: 20px 0;
    padding-right: inherit;
}
.file_list .resource_body .thumb {
    padding: 10px 0;
    padding-right: inherit;
    width: 13%;
}
.resource_body .thumb img {
    display: block;
}
.resource_body .thumb img:hover {
    opacity: 0.7;
}
.resource_body p {
    font-size: 16px;
}
.resource_body .description {
    float: left;
    margin-bottom: 20px;
    width: 100%;
    padding-top: 20px;
    font-size: 16px;
}
.resource_body .description.has_thumb {
    width: 73%;
}
.file_list .resource_body .description.has_thumb {
    width: 83%;
}
.library .resource_head li {
    display: inline-block;
    padding-left: 10px;
}
.library .collection .resource_head li {
    line-height: 1em;
}
.library .resource_head .subjects li {
    display: inline-block;
    padding-left: 0;
    padding-right: 10px;
}
.subject_files.multi_col {
    -webkit-column-width: auto;
    -moz-column-width: auto;
    column-width: auto;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}
.has_thumb .subject_files.multi_col {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
.subject_files.multi_col li {
    padding-right: 7px;
    padding-bottom: 5px;
}
.main_col .resource_body .subject_files a {
    color: #004261;
}
.main_col .resource_body .subject_files a:hover {
    opacity: 0.7;
}
ul.subjects {
    float: left;
}
ul.content_types {
    float: right;
}
.content_types li {
    vertical-align: top;
}
.subjects .subject_1,
.main_col .resource_body .subjects a.subject_1,
h1.subject_1,
.library #category_nav .dropdown li.subject_1 a.selected,
.library #category_nav .dropdown li.subject_1 a { /* God & Prayer */
    color: #679FB4;
}
.subjects .subject_2,
.main_col .resource_body .subjects a.subject_2,
h1.subject_2,
.library #category_nav .dropdown li.subject_2 a.selected,
.library #category_nav .dropdown li.subject_2 a { /* History */
    color: #C9CA3B;
}
.subjects .subject_3,
.main_col .resource_body .subjects a.subject_3,
h1.subject_3,
.library #category_nav .dropdown li.subject_3 a.selected,
.library #category_nav .dropdown li.subject_3 a { /* Community */
    color: #E39717;
}
.subjects .subject_4,
.main_col .resource_body .subjects a.subject_4,
h1.subject_4,
.library #category_nav .dropdown li.subject_4 a.selected,
.library #category_nav .dropdown li.subject_4 a { /* Family Life */
    color: #91A93E;
}
.subjects .subject_5,
.main_col .resource_body .subjects a.subject_5,
h1.subject_5,
.library #category_nav .dropdown li.subject_5 a.selected,
.library #category_nav .dropdown li.subject_5 a { /* Mission */
    color: #306563;
}
.subjects .subject_6,
.main_col .resource_body .subjects a.subject_6,
h1.subject_6,
.library #category_nav .dropdown li.subject_6 a.selected,
.library #category_nav .dropdown li.subject_6 a { /* Music */
    color: #C8513C;
}
.subjects .subject_8,
.main_col .resource_body .subjects a.subject_8,
h1.subject_8,
.library #category_nav .dropdown li.subject_8 a.selected,
.library #category_nav .dropdown li.subject_8 a { /* Scripture */
    color: #7E437A;
}
.library #header {
    overflow: visible;
}
.library #category_nav {
    overflow: visible;
    background: linear-gradient(to right, #622E44 0%,#622E44 63.5%,#7D445B 31.5%,#7D445B 100%);
    background-color: #622E44; /* for old ipad */
}
.library #category_nav > ul {
    display: inline-block;
}
.library #category_nav #categories {
    padding-left: 6%;
}
.library #category_nav ul li a {
    padding-right: 20px;
    padding-left: 20px;
}
#category_nav #navigate_by {
    float: right;
    padding-right: 6%;
}
.library #category_nav .dropdown {
    background: #EEF0EE;
    color: #52708A;
    display: none;
    max-width: 200px;
    min-width: 130px;
    padding: 15px 35px 17px 25px;
    position: absolute;
    text-align: left;
    top: 51.5px;
    white-space: normal;
    z-index: 10;
}
.library #category_nav #foundational_nav .dropdown {
    width: 218px;
    max-width: 230px;
}
#category_nav ul.dropdown li {
    display: block;
    padding-bottom: 10px;
    padding-top: 10px;
    line-height: 1em;
    letter-spacing: 0;
}
#category_nav #authors_nav ul.dropdown li {
    line-height: 0.5em;
}
.library #category_nav li {
    color: #BCBEC0;
}
#category_nav #authors_nav, #category_nav #subjects_nav {
    background-color:
}
.library #category_nav .subject .dropdown {
    background-color: #DEDFE0;
}
.library #category_nav .subject .dropdown a {
    text-transform: uppercase;
}
.library #category_nav li:hover {
    background-color: rgba(247, 244, 245, 0.15);
    color: #FFF;
}
.library #category_nav li:hover .dropdown {
    display: block;
}
.library #category_nav .dropdown a {
    color: #622E44;
    text-transform: none;
    display: block;
    padding: 0;
}
.library #category_nav li:hover li {
    background-color: inherit;
}
.library #category_nav .dropdown a:hover {
    opacity: 0.5;
}
.library #category_nav .down_arrow {
    font-size: 10px;
    vertical-align: middle;
}
.library #category_nav > ul > li.selected {
    background: url('/static/img/up_arrow.png') no-repeat bottom;
    color: #FFF;
}
.library #category_nav > ul > li a.selected {
    background: url('/static/img/up_arrow.png') no-repeat bottom;
    color: #FFF;
}
.library #category_nav > ul > li.subject a.selected:hover {
    background: url('/static/img/subject_up_arrow.png') no-repeat bottom;
}
.library #category_nav > ul > li.subject:hover a.selected {
    background: url('/static/img/subject_up_arrow.png') no-repeat bottom;
}
.library #category_nav > ul > li#featured_resources a.selected:hover {
    background: url('/static/img/up_arrow.png') no-repeat bottom;
}
.library #category_nav > ul > li:hover a.selected {
    background: url('/static/img/grey_up_arrow.png') no-repeat bottom;
}
.library #category_nav > ul > li.selected:hover {
    background: url('/static/img/grey_up_arrow.png') no-repeat bottom;
}
.library #category_nav > ul > li .dropdown a.selected {
    background: none;
    opacity: 0.6;
    color: #622E44; Purple
}
.subjects a {
    letter-spacing: inherit;
    text-transform: uppercase;
    font-size: 14px;
}
.subjects li:hover {
    opacity: 0.6;
}
#latest_conference .subjects a,
#featured_conferences .subjects a,
.file .subjects a {
    font-size: 15px;
}

/* --------------- Single Resource --------------- */
.library.file .side_col {
    width: 25.45%; /* 280/1100 */
    padding-left: 0;
    padding-right: 3.64%; /* 40/1100 */
    float: right;
}
.library .side_col li {
    padding-top: 0;
    padding-bottom: 17px;
}
.library .side_col .selected p.title {
    color: #C9CA3B;
    text-transform: uppercase;
    font-size: inherit;
    line-height: 1.1em;
    letter-spacing: inherit;
}
.library .side_col p.title {
    text-transform: none;
    color: #004261;
    line-height: 1em;
    letter-spacing: 0;
    font-size: 19px;
    margin-bottom: 0;
}
.library .side_col a p.title:hover {
    color: #3D6380;
}
.library .side_col p.author {
    text-transform: uppercase;
    font-size: 15px;
    margin-bottom: 0;
}
.library.file .main_col {
    width: 63.64%; /* 700/1100 */
    float: right;
    padding-right: 7.27%;
}
.file .resource_head {
    background-color: #F0EFF1;
    padding-bottom: 15px;
}
.library.file h2 {
    font-size: 35px;
    color: #3D6380; Blue
}
.library.file .resource_body {
    padding: 0 0 30px;
    margin-top: -15px;
    overflow: hidden; /* allow iframe border without scroll */
}
.file .resource_body iframe {
    background-color: #FFF;
    border-right: 1px solid #FFF; /* because we're dealing the percetage widths, sometimes a little greey shows */
    padding-top: 20px;
    margin-top: 15px;
}
.file .resource_body p {
    padding: 0 4.17%;
    margin-top: 10px;
    font-size: 17px;
}
.file .resource_body a {
}
.file .pdf {
    margin-top: 20px;
    padding: 20px 10px;
    background-color: #F0EFF1;
}
.library.file .main_col {
    margin-bottom: 50px;
}
/* ------------- Library Home ---------------- */
.library.home h2 {
    font-size: 23px;
}
.library.home #latest_conference h2 {
    font-size: 35px;
}
.library.home h3 {
    text-align: center;
    color: #3e3e3e;
    margin-bottom: 15px;
}
.library .hr {
    border-bottom: 1px solid #E1E2E2;
    margin: 30px 0;
    width: 100%;
}
.library.home .main_col {
    width: 100%;
}
.library.home #latest_conference .resource_head,
.library.home #featured_conferences .resource_head {
    background-color: #FFF;
    padding-left: 0;
    padding-right: 0;
    text-align: left;
}
.library.home #latest_conference .resource_head .subjects {
    max-width: 213px;
    line-height: 1.1em;
    margin-bottom: 5px;
}
#latest_conference {
    overflow: auto;
    max-width: 980px;
    margin: 15px auto 25px;
}
#latest_conference .video {
    float: left;
    width: 60%;
}
#latest_conference .video img {
    width: 100%;
}
#latest_conference #talks {
    font-size: 16px;
}
#latest_conference .description {
    float: left;
    width: 36%;
    padding-left: 3%;
}
#latest_conference.no_image .description {
    width: 100%;
    padding-left: 0;
}
.library #latest_conference .resource_head {
    padding-top: 0;
}
#featured_conferences {
    clear: left;
    text-align: center;
    overflow: auto;
}
#conference_container {
    width: 100%;
    max-width: 745px;
    margin: 20px auto 15px;
    overflow: auto;
}
#conference_container .content_types img {
    max-width: 80%;
}
.library #conference_container .resource_head .content_types li {
    padding-left: 7px;
}
#featured_conferences .conference {
    width: 300px;
    float: left;
}
#featured_conferences .conference:nth-child(2n) {
    float: right;
}
#featured_conferences .img_container {
    position: relative;
}
#featured_conferences .thumbnail {
    bottom: 0;
    position: absolute;
    width: 100%;
}
.library .side_bar {
    float: left;
    width: 20%;
    padding-top: 30px;
}
.side_bar .section {
    margin-bottom: 30px;
    overflow: auto;
}
.side_bar h4 {
    background-color: #7D445B;
    padding: 12px 20px 10px;
    color: #FFF;
}
.side_bar a {
    letter-spacing: inherit;
    text-transform: uppercase;
    color: #3e3e3e;
}
.side_bar .subjects a {
    font-size: 17px;
}
.side_bar #authors a {
    text-transform: none;
}
.side_bar a:hover {
    color: #909090;
}
.side_bar li {
    padding-left: 20px;
    padding-top: 10px;
}
#collections_files {
    float: left;
    width: 70%;
    margin-left: 5%;
    margin-right: 5%;
    overflow: auto;
}
#files {
    margin-bottom: 50px;
}
#files .resource_body {
    padding: 20px 1em;
}
.library #files .resource_head {
    background-color: #F0EFF1;
    padding: 0;
    padding-bottom: 5px;
    margin-bottom: 15px;
}
.library.home #files .resource_head {
    background-color: inherit;
}
#files .description {
    padding-top: 0;
}
#files .resource_body a {
    font-size: 21px;
}
.home #files .resource_body a {
    font-size: inherit;
}
.home #files .resource_body .subjects a {
    font-size: 14px;
}
.library p.audio-p {
    display: flex;
    margin-bottom: 0.75em;
    margin-top: 0.75em;
}
.library audio {
    flex-grow: 1;
    max-height: 2.5em;
    max-width: 100%;
    opacity: 0.73;
}
.library .audio-select {
    max-height: 2.5em;
    vertical-align: top;
    width: 3.3em;
}


/* ========= RESPONSIVE ========================== */

/* ------------ Desktop Only --------------------- */
#show_side_col, #show_cat_nav {
    display: none;
}

/* ------------- Tablet AND Phone ---------------- */
@media all and (max-width: 925px) {
    #header, #main, #footer {
        min-width: 320px;
    }
    .main_col {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    /* ----------- Home ------------ */
    .snippet {
        width: 45%;
    }
    #news {
        float: right;
        padding: 0;
    }
    #intro {
        max-width: none;
        margin-left: -7.3%;
        margin-right: -7.3%;
        padding: 25px 16.22% 20px; /* 150/925 */
    }
    #intro #more_link {
        display: inline;
        padding-left: 7px;
        white-space: nowrap;
    }
    #intro #summary {
        padding: 0;
    }
    #vb {
        clear: left;
    }
    /* ----------- News/Blog ----------- */
    .blog .search img {
        right: -4px;
    }
    .news .featured_post {
        width: 100%;
    }
    .blog .side_col {
        display: none;
    }
    .blog .main_col {
        width: 100%;
    }
    .blog .left_col {
        width: 100%;
        text-align: left;
    }
    #featured_img img {
        width: 100%;
        height: auto;
    }
    #more_category {
        display: block;
    }
    /* ----------- Login ----------- */
    .login #main .content {
        width: 100%;
    }
    /* ----------- Resources ----------- */
    .library #category_nav .down_arrow {
        font-size: 7px;
    }
    .library .hr {
        margin: 30px 0;
        width: 100%;
    }
    .library .main_col {
        width: 100%;
        padding-left: 0;
    }
    .library.home #latest_conference .resource_head .subjects {
        max-width: 425px;
    }
    .library.home .main_col {
        width: 100%;
        padding-left: 0;
    }
    #latest_conference .video {
        float: none;
        width: 100%;
        margin: 0 auto;
        max-width: 600px;
    }
    #latest_conference .description {
        float: none;
        width: 100%;
        max-width: 600px;
        margin: 0 auto;
        padding-left: 0;
    }
    .side_bar li {
        padding-left: 0;
    }
}
/* ------------- Tablet Only ---------------- */
@media all and (max-width: 925px) and (min-width: 752px) {
    #resize_me {
        width: 925px;
    }
    #banner_image {
        height: 351px;
        max-width: 925px;
    }
    .home #banner_image {
        height: 351px;
        max-width: 925px;
    }
    /* ----------- Home ------------ */
    #intro {
        margin-top: -125px;
    }
    #intro p#explanation {
        display: inline;
    }
    .charism {
        margin: 0 auto 35px;
        max-width: 600px;
        width: 100%;
        float: none;
    }
    .charism a.image {
        margin: 0 auto;
        float: none;
    }
    #vb {
        padding-left: 0;
        clear: left;
        margin-top: 10px;
    }
    #latest #blogs {
        overflow: auto;
    }
    /* ----------------------------- */
    #tagline {
        display: none;
    }
    #footer_content div#address {
        width: 100%;
    }
    /* ----------- Info Pages ----------- */
    .page .main_col {
        width: 73%;
        padding-right: 0;
    }
    .page .side_col {
        padding-left: 0;
    }
    /* ----------- News/Blog ----------- */
    .missionary #category_head .search {
        display: block;
    }
    .news.latest #category_head .search {
        display: block;
    }
    .missionary.latest #category_head .search {
        margin-top: -20px;
        margin-bottom: 20px;
    }
    .blog_list .post_block {
        width: 48%;
        min-width: 160px;
        height: 335px;
    }
    .post_block .thumb {
        height: 200px;
    }
    .news #main .content {
        width: 87.302%; /* 1100px/1260px */
    }
    .missionary .blog_list .post_block:nth-child(3n) {
        margin-right: 3.64%; /* 40/1100 */
    }
    .missionary .blog_list .post_block:nth-child(2n) {
        margin-right: 0;
    }
    .missionary .blog_list .older_posts .post_block:nth-child(2n) {
        margin-right: 0;
    }
    .missionary .featured_post .post_block {
        width: 100%;
    }
    #post_header .search {
        display: block;
    }
    /* ----------- Resources ----------- */
    #featured_conferences .conference {
        width: 250px;
    }
    .library #category_nav ul li a {
        padding: 14px 7px;
        font-size: 13px;
    }
    .library #category_nav .dropdown {
        top: 45.5px;
        padding-left: 15px;
        font-size: 5px;
    }
    .library #category_nav #foundational_nav .dropdown {
        width: auto;
        max-width: inherit;
    }
    .library .subject .dropdown {
    }
}

/* ------------- Phone Only ---------------- */
@media all and (max-width: 751px) {
    #resize_me {
        width: 100%;
    }
    #banner_image {
        height: 237px;
        max-width: 100%;
    }
    .home #banner_image {
        height: 237px;
        max-width: 100%;
    }
    #header .content {
        width: 100%;
    }
    #header_menu.show_nav {
        background-color: #999;
        overflow: auto;
        width: 100;
        margin-bottom: 30px;
        padding-bottom: 10px;
    }
    #show_nav {
        padding-right: 6.2%;
    }
    #show_nav, #show_side_col {
        display: block;
        padding-top: 2px;
        float: right;
    }
    #show_cat_nav {
        padding: 18px 6.2% 13px;
        padding-left: 10px;
        display: block;
        float: right;
    }
    .show_nav #nav {
        display: block;
    }
    .side_col {
        display: none;
    }
    .main_col {
        float: none;
        clear: left;
    }
    /* ----------- Home ------------ */
    #intro {
        margin-top: -95px;
        padding-left: 6.5%;
        padding-right: 6.5%;
    }
    #intro p#explanation {
        display: none;
    }
    #intro p#summary {
        display: inline;
    }
    .snippet {
        width: 100%;
        float: none;
        margin-bottom: 30px;
    }
    .snippet .img_container img {
        position: relative;
    }
    .charism {
        clear: left;
        width: 100%;
        float: left;
        margin: 0 auto;
        text-align: left;
        margin-bottom: 20px;
    }
    .charism a.image {
        margin: 0 auto;
        float: none;
        text-align: left;
    }
    #home .charism h2 {
        text-align: left;
    }
    #news {
        padding: 0;
        float: none;
    }
    #vb {
        padding: 0;
        float: none;
        width: 87.6%;
    }
    /* ----------- Footer ------------ */
    #footer {
        display: block;
        text-align: center;
        min-width: 320px;
    }
    #footer_logo {
        width: 100%;
        padding-bottom: 20px;
    }
    #footer_logo .footer-logo-image {
        float: none;
        margin: 0 auto;
    }
    #footer div {
        float: none;
    }
    #footer_content {
        background-color: inherit;
        width: 100%;
        padding: 0;
        text-align: left;
    }
    #footer_content #contact {
        width: 43%;
        float: left;
        padding: 5px 2.5%;
        border-left: 1px solid #909090;
    }
    #footer_content #address {
        width: 100%;
    }
    div#footer_links {
        width: 45%;
        float: left;
        padding: 5px 2.5%;
        text-align: right;
    }
    #copyright {
        clear: both;
        width: 100%;
        padding: 30px 0;
    }
    /* ----------- Info Pages ----------- */
    .page .side_col {
        width: 86%;
        padding-left: 0;
        float: left;
    }
    .page .side_nav {
        padding-left: 20px;
        padding-top: 20px;
    }
    .side_col li.top {
        display: none;
    }
    .show_mobile_menu .side_col {
        display: block;
    }
    .page .show_mobile_menu #mobile_header {
        display: block;
    }
    .show_mobile_menu .desktop_header {
        display: none;
    }
    .vine #vb_grid {
        max-width: 425px;

    }
    .vine .issue {
        width: 45%;
        padding: 2.5%;
    }
    #vb_grid p#instructions {
        padding-left: 2.5%;
    }
    /* ----------- News/Blog ----------- */
    #category_head .search {
        display: none;
    }
    #category_nav ul li a {
        padding-bottom: 0;
    }
    .search input {
        width: 88%;
        padding-right: 32px;
    }
    .blog .search img {
        right: 4px;
    }
    .blog_list .post_block {
        min-width: 240px;
        max-width: 400px;
        width: 100%;
        float: none;
        margin: 30px auto;
        height: auto;
    }
    .post_block .thumb {
        height: 200px;
    }
    .news .blog_list .post_block {
        width: 100%;
        height: auto;
        margin-right: auto;
    }
    .post_block .excerpt {
        padding-bottom: 30px;
        height: auto;
    }
    .blog_list .post_block .text {
        height: auto;
    }
    .news .blog_list .post_block .text {
        height: auto;
    }
    .news .blog_list .post_block:nth-child(3n),
    .missionary .blog_list .post_block:nth-child(2n),
    .missionary .blog_list .post_block:nth-child(3n),
    .missionary .blog_list .older_posts .post_block:nth-child(2n),
    .missionary .blog_list .older_posts .post_block:nth-child(3n) {
        margin-right: auto;
    }
    #comments input {
        width: 80%;
    }
    .missionary .featured_post .post_block {
        width: 100%;
    }
    .missionary .featured_post #featured_img{
        width: 100%;
    }
    .missionary .blog_list .featured_post .post_block .text {
        width: 66.66%;
        padding: 10px 10%;
        float: left;
        height: auto;
    }
    .blog_list .featured_post .post_block {
        height: auto;
    }
    .missionary .featured_post #featured_img {
        height: 300px;
    }
    .missionary .featured_post #featured_img a {
        height: 100%;
    }
    .featured_post {
        float: none;
        padding: 0;
        margin: 0;
        margin-bottom: 30px;
    }
    .library #category_nav > ul,
    #category_nav > ul {
        text-align: right;
        float: right;
        display: none;
        margin-bottom: 20px;
        padding-right: 6.2%;
    }
    #category_nav.show_nav > ul {
        display: block;
    }
    #category_nav > ul > li {
        display: block;
        padding: 0;
    }
    #category_nav ul li a {
        padding-right: 0;
    }
    #category_nav > ul > li.selected {
        background: none;
    }
    #category_nav > ul > li a.selected {
        background: none;
    }
    #category_nav.show_nav .search {
        display: block;
    }
    #category_nav .search {
        width: 87.6%;
        clear: both;
        margin: 0 auto 10px;
    }
    .login #main {
        min-height: 525px;
    }
    .login form {
        float: left;
        margin-left: 10%;
    }
    #login_img {
        height: auto;
    }
    .login #login_intro h1 {
        padding-bottom: 0;
    }
    /* ----------- Resources ----------- */
    .library #category_nav {
        background: none;
        background-color: #622E44;
    }
    .library #category_nav ul {
        clear: both;
    }
    .library #category_nav ul li a {
        padding-top: 0;
        padding-bottom: 10px;
        font-size: 16px;
    }
    .library #category_nav > ul > li.selected,
    .library #category_nav > ul > li.selected:hover,
    .library #category_nav > ul > li a:hover,
    .library #category_nav > ul > li:hover a.selected,
    .library #category_nav > ul > li a.selected:hover,
    .library #category_nav > ul > li.subject a.selected:hover,
    .library #category_nav > ul > li.subject:hover a.selected {
        background: none;
    }
    .library.home #latest_conference .resource_head .content_types {
    }
    .library.home #latest_conference .resource_head .subjects {
        max-width: 200px;
    }
    .library #category_nav li:hover {
        background-color: #622E44;
    }
    .library #category_nav li:hover li {
        background-color: #622E44;
    }
    .library #category_nav .dropdown li.subject_1 a,
    .library #category_nav .dropdown li.subject_2 a,
    .library #category_nav .dropdown li.subject_3 a,
    .library #category_nav .dropdown li.subject_4 a,
    .library #category_nav .dropdown li.subject_5 a,
    .library #category_nav .dropdown li.subject_6 a,
    .library #category_nav .dropdown li.subject_8 a {
        color: #BCBEC0;
    }
    .library #category_nav #navigate_by li a {
        color: #BCBEC0;
    }
    .library #category_nav .dropdown li.subject_1 a:hover,
    .library #category_nav .dropdown li.subject_2 a:hover,
    .library #category_nav .dropdown li.subject_3 a:hover,
    .library #category_nav .dropdown li.subject_4 a:hover,
    .library #category_nav .dropdown li.subject_5 a:hover,
    .library #category_nav .dropdown li.subject_6 a:hover,
    .library #category_nav .dropdown li.subject_8 a:hover {
        color: #FFF;
    }
    .library #category_nav #navigate_by li a:hover {
        color: #FFF;
    }
    .library #category_nav .dropdown li.subject_1 a.selected,
    .library #category_nav .dropdown li.subject_2 a.selected,
    .library #category_nav .dropdown li.subject_3 a.selected,
    .library #category_nav .dropdown li.subject_4 a.selected,
    .library #category_nav .dropdown li.subject_5 a.selected,
    .library #category_nav .dropdown li.subject_6 a.selected,
    .library #category_nav .dropdown li.subject_8 a.selected {
        opacity: 1;
        color: #FFF;
    }
    .library #category_nav #navigate_by li a.selected {
        color: #FFF;
    }
    .library #category_nav .dropdown a:hover {
        opacity: 1;
    }
    .library #category_nav .down_arrow {
        display: none;
    }
    .library #category_nav #navigate_by .down_arrow {
        display: inline-block;
    }
    .library #category_nav li:hover .dropdown {
        display: none;
    }
    .library #category_nav li.show .dropdown {
        display: block;
        margin-bottom: 20px;
    }
    .library #category_nav > ul > li a.selected,
    .library #category_nav > ul > li:hover a.selected {
        background: none;
    }
    .library #category_nav ul.dropdown {
        position: relative;
        padding: 0;
        background-color: #622E44;
        text-align: right;
        top: 0;
        min-width: none;
        max-width: none;
        font-size: 15px;
        letter-spacing: 0;
    }
    .invisible_parent #conference_header {
        width: 100%;
        padding-right: 0;
    }
    .library .side_bar {
        width: 100%;
    }
    .side_bar h4 {
        text-align: center;
    }
    .side_bar .cols {
        -webkit-column-count: 2; /* Chrome, Safari, Opera */
        -moz-column-count: 2; /* Firefox */
        column-count: 2;

        -webkit-column-gap: 0px; /* Chrome, Safari, Opera */
        -moz-column-gap: 0px; /* Firefox */
        column-gap: 0px;

        -webkit-column-rule: 1px outset #909090; /* Chrome, Safari, Opera */
        -moz-column-rule: 1px outset #909090; /* Firefox */
        column-rule: 1px outset #909090;

        margin-top: 20px;
    }
    .side_bar ul.subjects {
        float: none;
    }
    .side_bar .cols li {
        padding-left: 25px;
    }
    .subject_files.multi_col {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
    .has_thumb .subject_files.multi_col {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
    .subject_files.multi_col li {
        padding-right: 0;
    }
    #latest_conference .video {
        margin-bottom: 10px;
    }
    .library #collections_files {
        width: 100%;
        margin-left: 0;
    }
    .library.file .main_col {
        width: 100%;
    }
    .library #category_nav {
        overflow: auto;
    }
    .collection .resource_body .thumb {
        display: none;
    }
    .collection .resource_body .description.has_thumb {
        width: 100%;
    }
    .conferences.collection .resource_body .description.has_thumb {
        width: 100%;
    }
    .resource_body .thumb {
        display: none;
    }
    .resource_body .description.has_thumb {
        width: 100%;
    }
    #featured_conferences .thumbnail {
        position: relative;
    }
    #featured_conferences .conference {
        width: 100%;
        max-width: 300px;
        float: none;
        margin: 0 auto 15px;
        overflow: auto;
    }
    #featured_conferences .conference:nth-child(2n) {
        float: none;
    }
    .library.file .side_col {
        display: block;
        width: 100%;
        padding: 0;
    }
    .library.file .side_col li {
        padding-bottom: 7px;
    }
    .library .side_col .selected p.title {
        text-transform: none;
        font-size: 19px;
        letter-spacing: 0;
        line-height: 1em;
    }
    .library.file .main_col {
        padding: 0;
    }
    #side_nav_head {
        background-color: #F0EFF1;
        cursor: pointer;
        display: block;
        padding: 10px 5%;;
        text-align: center;
        width: 90%;
        margin-bottom: 20px;
    }
    #side_nav_head h3 {
        color: #3e3e3e;
    }
    .library.file .side_nav {
        display: none;
    }
    .library.file .side_nav.show {
        display: block;
    }

}
/* ----------- Smartphones (portrait) ----------- */
@media only screen and (max-width : 440px) {
    .nav_col {
        margin-right: 0;
        width: 45%;
        min-width: 100px;
        padding-left: 4.5%;
        float: right;
        border-left: 1px solid #909090;
    }
    .nav_col#about_nav {
        text-align: right;
        padding-right: 2.5%;
        padding-left: 0;
        float: left;
        border-left: none;
    }
    .nav_col#members_nav {
        padding-top: 12px;
        padding-bottom: 10px;
        width: 45%;
    }
}
.donate .desktop_header h3 {  /* HOME */
    display: none;
}
.donate .desktop_header h1 {
    font-size: 36px;
    margin: 0.25em 0;
}