/*
Theme Name: rchs
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rchs
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

rchs is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
a.skip-link {
    display: none;
}
body {
    font-family: 'Open Sans', sans-serif;
}
a {
    color: #b83335;
    font-weight: 600;
    text-decoration: none;
}
a:hover {
    transition: background .25s linear;
    transition: color .25s linear;
}

.single-tribe_events .secondary .tribe-events-venue-map {
display:none;
}

nav#site-navigation li:hover,
li.specialMembership:hover,
li.specialContact:hover,
li.specialSocial a:hover,
li.specialSearch input.gsc-search-button:hover {
    opacity: .5;
    transition: opacity .25s linear;
}
div.menuSlides li:hover,
div.menuSlides h3:hover {
    opacity: .5;
    transition: opacity .25s linear;
}
aside a:hover {
    opacity: .5;
    transition: opacity .25s linear;
}
a.headerLogo:hover,
a.footerLogo:hover img {
    opacity: .5;
    transition: opacity .25s linear;
}
ul.slides li a:hover img {
    opacity: .5;
    transition: opacity .25s linear;
}
div.homeGibbs h3 a:hover,
div.homeResearch h3 a:hover,
div.homeDonate h3 a:hover {
    transition: background .25s linear;
    transition: color .25s linear;
}
footer#colophon a:hover {
    opacity: .5;
    transition: opacity .25s linear;
}
.learnMore:after {
    content: '\00BB';
    margin-left: 5px;
}
.paddingTop60 {
    padding-top: 60px;
    margin-top: 50px;
}
/* ===========================================
    Google Search Styles
=========================================== */
div.hiddenSearch {
    display: none;
}
input.gsc-input {
    font-size: 14px !important;
}
input.gsc-search-button-v2 {
    width: 26px !important;
    height: 26px !important;
    padding: 5px !important;
    min-width: none !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}
input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
    border-color: #6D3011;
}
input.gsc-input {
    height: 23px !important;
    margin-top: -4px !important;
}
div.gsc-input-box {
    height: 26px !important;
    margin-top: -4.5px !important;
}
.gsc-search-box-tools .gsc-search-box .gsc-input {
    padding-right: 0 !important;
}
.cse .gsc-control-cse, .gsc-control-cse {
    padding: 0 !important;
    width: auto;
}
.cse .gsc-control-cse, .gsc-control-cse {
    background-color: transparent !important;
    border: 0 !important;
}
.gsc-selected-option-container.gsc-inline-block { 
    min-width: 100px;
}
.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.gsc-thumbnail-inside a.gs-title,
a.gs-title b {
    color: #6d3011 !important;
}
.gsc-thumbnail-inside {
    padding: 0;
}
.gsc-url-top {
    padding-left: 0 !important;
    padding-right: 8px;
}
div#___gcse_1 {
    text-align: left;
}
/* ===========================================
    Mobile Menu Styles
=========================================== */
div.mm-navbar-top a:nth-child(1) {
    width: 50%;
    margin-left: 10%;
    background: #95c1c4;
    color: #000000;
}
div.mm-navbar-top a:nth-child(2) {
    width: 15%;
    margin-left: 1%;
}
div.mm-navbar-top a:nth-child(3) {
    width: 15%;
    margin-left: 1%;
}
div.mm-navbar-top a:nth-child(4) {
    width: 50%;
    margin-left: 10%;
    color: #352115;
    background: #d58359;
}
div.mm-navbar-top a:nth-child(5) {
    width: 25%;
    margin-left: 5px;
    color: #6d3011;
}

.mm-navbar-top {
    border-bottom: 1px solid transparent;
    text-align: center;
    line-height: 20px;
    height: 90px;
    padding: 0 40px;
    margin: 20px 0 0 0;
}
.mm-listview > li > a, .mm-listview > li > span {
    color: #6d3011;
}
.mm-menu.mm-hasnavbar-top .mm-panel, .mm-menu.mm-hasnavbar-top .mm-fixeddivider {
    top: 110px;
}
.mm-menu .mm-listview > li .mm-prev:before, .mm-menu .mm-listview > li .mm-next:after, .mm-menu .mm-listview > li .mm-arrow:after {
    border-color: #6d3011;
}
.mm-navbar .mm-btn:first-child {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

/* ===========================================
    Event Widget Styles
=========================================== */
div.tribe-mini-calendar-event .list-date {
    display: none;
}
p.tribe-events-widget-link {
    display: none;
}
.tribe-mini-calendar-event {
    border-bottom: 0;
    margin-bottom: 0;
}
.tribe-mini-calendar-event .list-info {
    width: 100%;
    margin: 0;
    padding: 0;
}
.tribe-mini-calendar-event .list-info h2 {
    margin-bottom: 0;
}
.tribe-mini-calendar-event .list-info h2 a {
    font-size: 112.5%;
    font-weight: 600;
}
.tribe-mini-calendar-event .duration {
    padding: 0;
}
.tribe-mini-calendar-event .location {
    margin: 0;
    padding: 0;
}
.tribe-mini-calendar-event .location a {
    font-style: italic;
    color: #000000;
    font-weight: 500;
}
p.tribe-events-widget-link {
    visibility: collapse;
}
/* ===========================================
    Mobile Header Styles
=========================================== */
header#masthead {
    position: relative;
    height: 120px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(153,153,153,0.41);
    -moz-box-shadow: 0px 3px 5px 0px rgba(153,153,153,0.41);
    box-shadow: 0px 3px 5px 0px rgba(153,153,153,0.41);
    z-index: 999;
}
a.headerLogo {
    display: block;
    width: 65%;
    height: 80px;
    background-image: url(/wp-content/themes/rchs/images/svg/rchs_logo.svg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    float: left;
    margin-top: 10px;
    margin-left: 1.25em;
    margin-right: 4%;
    max-height: 80px;
}
a.mobileButton {
    display: block;
    width: 40px;
    height: 46px;
    background-image: url(/wp-content/themes/rchs/images/svg/menu.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: absolute;
    right: 1.25em;
    top: 35px;
}
nav#mobileSpecial-navigation,
nav#special-navigation,
nav#site-navigation,
div.menuSlides ul {
    display: none;
}

/* ===========================================
    Mobile Homepage Styles
=========================================== */
body.home div.featuredImage {
    background-image: url(/wp-content/themes/rchs/images/footer_map.jpg);
    background-position: 1300px 400px;
    background-size: cover;
}
div.homeIntro {
    margin: 10px;
    background: rgba(255,255,255,0.6);
    padding: 20px;
    border: 1px solid #cfbbae;
}
div.homeIntro h1 {
    font-size: 100%;
    font-weight: 600;
    line-height: 1.1;
    text-transform: uppercase;
    color: #cfbbae;
    margin: 0 0 5px 0;
    padding: 0;
}
div.homeIntro h2 {
    font-size: 150%;
    font-weight: 600;
    line-height: 1;
    color: #3b3d35;
    margin: 0 0 5px 0;
    padding: 0;
}
div.homeIntro p {
    color: #3b3d35;
    font-size: 112.5%;
    font-weight: 300;
    line-height: 1.2;
    margin: 0;
    padding: 0;
}
div.backgroundTexture {
    background: url(/wp-content/themes/rchs/images/home_texture.png);
    padding: 45px 0 10px 0;
}
body.home div.entry-content h2 {
    font-size: 87.5%;
    font-weight: bold;
    text-align: center;
    color: #3b3d35;
    margin-bottom: 45px;
    text-transform: uppercase;
}
body.home div.entry-content h2:before {
    content:'';
    position: absolute;
    left: 40%;
    margin: -15px 0 0 0;
    height  : 1px;
    width   : 20%;
    border-bottom: 5px solid #cfbbae;
}
body.home div.entry-content h2:after {
    content:'';
    position: absolute;
    left: 40%;
    margin: 25px 0 0 0;
    height  : 1px;
    width   : 20%;
    border-bottom: 5px solid #cfbbae;
}
body.home div.entry-content div.caption-wrap {
    bottom: 0;
    left: 0;
    background: white;
    color: black;
    opacity: 1;
    margin: 0;
    display: block;
    width: 100%;
    line-height: 1.4em;
}
body.home div.entry-content div.caption {
    padding: 0 20px 20px 20px;
}
body.home div.entry-content div.caption strong {
    display: block;
    font-size: 130%;
    font-weight: 500;
    color: #b83335;
    padding: 20px 0;
    line-height: 1.1;
}
body.home div.entry-content div.caption p {
    font-size: 112.5%;
    font-weight: 600;
    color: #3b3d35;
}
body.home div.entry-content div.caption em {
    display: block;
    color: #3b3d35;
}
body.home div.entry-content div.caption a {
    font-weight: 500;
}
body.home div.entry-content p.allPrograms {
    padding: 15px 10px 0 10px;
    text-align: right;
}
div.homeGibbs h3 a,
div.homeResearch h3 a,
div.homeDonate h3 a {
    display: block;
    font-weight: 500;
}
div.homeGibbs h3 a {
    color: #383f2f;
    background: #b7c5a5;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px;
    margin-top: 200px;
    width: 100%;
}
div.homeGibbs h3 a:hover {
    color: #FFFFFF;
    background: #383f2f;
}
div.homeResearch h3 a {
    color: #352115;
    background: #d58359;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px;
    margin-top: 200px;
    width: 100%;
}
div.homeResearch h3 a:hover {
    color: #FFFFFF;
    background: #352115;
}
div.homeDonate h3 a {
    color: #2a3d3f;
    background: #95c1c4;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px;
    margin-top: 200px;
    width: 100%;
}
div.homeDonate h3 a:hover {
    color: #FFFFFF;
    background: #2a3d3f;
}
div.homeDonate h3 a span {
    margin-top: 10px;
    font-size: 75%;
    display: block;
    padding-bottom: 10px;
}

div.homeGibbs {
    margin: 30px 0 30px 0;
    padding-top: 200px;
    background-image: url(/wp-content/themes/rchs/images/homeGibbs.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
div.homeResearch {
    margin: 0 0 30px 0;
    padding-top: 200px;
    background-image: url(/wp-content/themes/rchs/images/homeResearch.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
div.homeDonate {
    margin: 0 0 30px 0;
    padding-top: 200px;
    background-image: url(/wp-content/themes/rchs/images/homeDonate.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* ===========================================
    Mobile Secondary Universal Styles
=========================================== */
div.featuredImage {
    position: relative;
    z-index: 0;
}
div.featuredImage img {
    width: 100%;
    height: auto;
}
h1.entry-title {
    margin: 0;
    font-size: 145%;
    font-weight: 600;
    padding: 10px 10px;
    text-transform: uppercase;
}
h1.section-title {
    margin: 0;
    font-size: 145%;
    font-weight: 600;
    padding: 10px 10px;
    text-transform: uppercase;
}
h1.section-title a {
    color: #4b3800; 
}
div.entry-content h3:first-child {
    font-weight: 300;
    line-height: 1.3;
    color: #000000;
    font-size: 130%;
}
div.entry-content h2 {
    font-weight: 400;
    font-size: 160%;
    line-height: 1.2;
    padding-bottom: 5px;
}
div.entry-content h2:after,
body.single h1.entry-title:after {
    content:'';
    position: absolute;
    left: 0;
    margin: 35px 0 0 10px;
    height  : 1px;
    width   : 95%;
    border-bottom: 3px solid;
}
body.single div.entry-content h2:after {
    border-bottom: 0;
    position: relative;
    left: 0;
    margin: 0;
    height: 0;
    width: auto;
}
div.entry-content ul,
div.entry-content ol {
    margin: 0 0 0 30px;
    padding: 0;
}
h3.widget-title {
    font-size: 112.5%;
    line-height: 1.2;
    padding: 10px .625em;
    margin: 0;
    color: #6d3011;
    border-top: 1px solid;
    border-bottom: 1px solid;
}
h3.widget-title:hover {
    cursor: pointer;
}
h3.widget-title.inactive:after {
    content: '+';
    float: right;
}
h3.widget-title.active:after {
    content: '-';
    float: right;
}
body.secondary aside div,
body.blog aside div,
body.post-type-archive-magazine aside div {
    display: none;
    padding: 10px .625em;
}
body.secondary aside div > div,
body.blog aside div > div,
body.post-type-archive-magazine aside div > div {
    display: block;
}
body.secondary aside strong,
body.blog aside strong,
body.post-type-archive-magazine strong {
    font-weight: 600;
}
body.secondary aside div ul,
body.blog aside div ul,
body.post-type-archive-magazine aside div ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
body.secondary aside div ul.menu li a,
body.blog aside div ul.menu li a,
body.post-type-archive-magazine aside div ul.menu li a {
    display: block;
    padding: 5px 0; 
}
body.secondary aside div ul.menu li a:after,
body.blog aside div ul.menu li a:after,
body.post-type-archive-magazine div ul.menu li a:after {
    content: '\00BB';
    float: right;
}
body.secondary aside div p,
body.blog aside div p,
body.post-type-archive-magazine aside div p {
    margin: 0 0 20px 0;
    line-height: 1.4;
}
body.secondary div#secondary.columns,
body.blog div#secondary.columns,
body.post-type-archive-magazine div#secondary.columns {
    padding-left: 0;
    padding-right: 0;
}

/* ===========================================
    Mobile About Styles
=========================================== */
body.page-template-page-about h1.entry-title {
    color: #6d3011;
    background: #cfbbae;
}
body.page-template-page-about h3.widget-title {
    background: #f4f0ed;
    border-color: #cfbbae;
}
body.page-template-page-about div.entry-content h2:after {
    border-color: #cfbbae;
}
body.page-template-page-about aside {
    background: #f4f0ed;
}


/* ===========================================
    Mobile Gibbs Styles
=========================================== */
body.page-template-page-gibbs h1.entry-title {
    color: #383f2f;
    background: #b7c5a5;
}
body.page-template-page-gibbs h3.widget-title {
    background: #f0f1ed;
    border-color: #b7c5a5;
}
body.page-template-page-gibbs div.entry-content h2:after {
    border-color: #b7c5a5;
}
body.page-template-page-gibbs aside {
    background: #f0f1ed;
}
body.page-template-page-gibbs aside hr {
    background-color: #b7c5a5;
    margin-bottom: .625em;
}
body.page-template-page-gibbs aside div p {
    background: #f0f1ed;
    margin-bottom: .625em;
}
.gibbsLogo {
    padding: 1.25em .625em;
}
/* ===========================================
    Mobile Calendar Styles
=========================================== */
body.post-type-archive-tribe_events div.featuredImage {
    background: #ece2d5 !important;
}
body.post-type-archive-tribe_events h1.section-title {
    color: #6d3011 !important;
    background: #ece2d5 !important;
}
body.post-type-archive-tribe_events h3.widget-title {
    background: #f8f5f1 !important;
    border-color: #ece2d5 !important;
}
body.post-type-archive-tribe_events div.entry-content h2:after {
    border-color: #ece2d5;
}
body.post-type-archive-tribe_events aside {
    background: #f8f5f1 !important;
}
.tribe-events-list-separator-month {
    margin: 5px 0;
}
.tribe-events-list h2.tribe-events-page-title {
    display: none;
}
body.post-type-archive-tribe_events article.hentry {
    margin: 0;
}
body.post-type-archive-tribe_events h2.tribe-events-list-event-title {
    font-size: 160%;
    line-height: 1;
    margin-bottom: 30px;
    display: block;
}
body.post-type-archive-tribe_events h2.tribe-events-list-event-title:after {
    margin: 35px 0 15px 0;
}
.tribe-events-event-cost,
.tribe-events-cost {
    display: none;
}
div.tribe-events-category-gibbs-events h2.tribe-events-list-event-title:after {
    border-color: #b7c5a5 !important;
}
div.tribe-events-category-exhibits-research h2.tribe-events-list-event-title:after {
    border-color: #a99eb1 !important;
}
div.tribe-events-category-special-events h2.tribe-events-list-event-title:after {
    /* border-color: #b7c5a5; */
}
#tribe-events .tribe-events-button {
    background: #b83335;
}
div.tribe-events-single-section {
    background: #f8f5f1 !important;
    border-color: #ece2d5 !important;
    border-width: 3px !important;
}
body.single-tribe_events ul.tribe-events-sub-nav {
    display: none;
}
.tribe-events-adv-list-widget p {
    padding: 10px .625em;
    margin: 0;
}

/* ===========================================
    Mobile News Styles
=========================================== */
body.blog h1.section-title,
body.single h1.section-title,
body.category h1.section-title {
    color: #4b3800;
}
body.single h1.entry-title {
    font-size: 160%;
    margin: 20px 0 15px 0;
    line-height: 1.2;
    padding: 0;
    color: #4b3800;
    text-transform: none;
}
body.single h1.entry-title:after {
    border-color: #d9c787;
}
body.blog div.featuredImage,
body.single div.featuredImage,
body.category div.featuredImage {
    background: #d9c787;
}
body.single-magazine div.featuredImage {
    background: #a99eb1;
}
div.breadcrumbs {
    text-align: left;
    font-size: 87.5%;
    padding: 10px 0;
}
body.blog h3.widget-title,
body.single h3.widget-title,
body.category h3.widget-title {
    background: #f6f2e5;
    border-color: #d9c787;
}
body.blog main {
    float: left;
    margin-top: 20px;
}
body.blog main h2.entry-title,
body.category main h2.entry-title {
    font-size: 145%;
    line-height: 1.2;
    padding-bottom: 5px;
}
body.blog article.category-jobs h2.entry-title,
body.category article.category-jobs h2.entry-title {
    border-bottom: 3px solid #cfbbae;
}
body.blog article.category-publications h2.entry-title,
body.category article.category-publications h2.entry-title {
    border-bottom: 3px solid #d58359;
}
body.blog article.category-call-for-entries h2.entry-title,
body.category article.category-call-for-entries h2.entry-title {
    border-bottom: 3px solid #a99eb1;
}
body.blog article.category-gibbs-news h2.entry-title,
body.category article.category-gibbs-news h2.entry-title {
    border-bottom: 3px solid #b7c5a5;
}
body.blog div.entry-content h2:after,
body.category div.entry-content h2:after {
    border-color: #d9c787;
}
body.blog div.entry-content a,
body.category div.entry-content a {
    font-size: 87.5%;
}
body.blog aside,
body.single aside,
body.category aside {
    background: #f6f2e5;
}



/* ===========================================
    Mobile Programs Styles
=========================================== */
body.page-template-page-programs h1.entry-title,
body.page-template-page-publishing h1.entry-title,
body.single-magazine h1.section-title a,
body.post-type-archive-magazine h1.section-title a {
    color: #28282c;
    background: #a99eb1;
}
body.single-magazine h1.section-title,
body.post-type-archive-magazine h1.section-title {
    background: #a99eb1;
}
body.page-template-page-programs h3.widget-title,
body.page-template-page-publishing h3.widget-title,
body.single.single-magazine h3.widget-title,
body.post-type-archive-magazine h3.widget-title {
    background: #f0eff2;
    border-color: #a99eb1;
}
body.single.single-magazine h1.entry-title:after {
    border-color: #a99eb1;
}
body.page-template-page-programs div.entry-content h2:after,
body.page-template-page-publishing div.entry-content h2:after {
    border-color: #a99eb1;
}
body.page-template-page-programs aside,
body.page-template-page-publishing aside,
body.single.single-magazine aside,
body.post-type-archive-magazine aside {
    background: #f0eff2;
}

/* ===========================================
    Mobile Research Styles
=========================================== */
body.page-template-page-research h1.entry-title {
    color: #352115;
    background: #d58359;
}
body.page-id-14 h1.entry-title:after {
    content: 'Read, Listen, Learn';
    font-size: 70%;
    font-style: italic;
    text-transform: none;
    font-weight: 300;
    margin-left: 10px;
}
body.page-template-page-research h3.widget-title {
    background: #f1eae6;
    border-color: #d58359;
}
body.page-template-page-research div.entry-content h2:after {
    border-color: #d58359;
}
body.page-template-page-research aside {
    background: #f1eae6;
}

/* ===========================================
    Mobile Membership Styles
=========================================== */
body.page-template-page-membership h1.entry-title {
    color: #2a3d3f;
    background: #95c1c4;
}
body.page-template-page-membership h3.widget-title {
    background: #f7fafa;
    border-color: #95c1c4;
}
body.page-template-page-membership div.entry-content h2:after {
    border-color: #95c1c4;
}
body.page-template-page-membership aside {
    background: #f7fafa;
}
body.page-template-page-membership aside#black-studio-tinymce-10,
body.page-template-page-membership aside#black-studio-tinymce-11,
body.page-template-page-membership aside#black-studio-tinymce-12 {
    display: none;
}
.membershipButton {
    display: block;
    background: #95c1c4;
    color: #2a3d3f;
    text-transform: uppercase;
    padding: 10px 0;
    text-align: center;
    font-size: 100%;
    margin: 15px 0 0 0;
}

/* ===========================================
    Mobile Magazine Styles
=========================================== */
body.post-type-archive-magazine h2.entry-title {
    line-height: 1.2;
    margin-bottom: 10px;
}

/* ===========================================
    Mobile Footer Styles
=========================================== */
footer#colophon {
    clear: both;
    padding: 30px 0;
    margin-top: 30px;
    background: url(/wp-content/themes/rchs/images/footer_map.jpg) top center;
}
a.footerLogo img {
    display: block;
    margin-bottom: 20px;
    max-width: 260px;
}
ul.footerNav {
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0;
}
ul.footerNav li {
    display: inline;
    padding: 0 10px;
}
ul.footerNav li:first-child {
    padding: 0 10px 0 0;
}
ul.footerNav li a {
    color: #6d3011;
}
div.footerSearch {
    max-width: 260px;
    margin-bottom: 20px;
}
ul.footerSocial {
    list-style: none;
    margin: 0 0 20px 10px;
    padding: 0;
}
ul.footerSocial li {
    display: inline;
    padding-right: 15px;
}
ul.footerSocial li img {
    width: 25px;
    height: 25px;
}
p.footerLandmarkAddress,
p.footerLandmarkPhone,
p.footerGibbsAddress,
p.footerGibbsPhone {
    color: #6d3011;
    font-weight: 600;
    line-height: 1.4;
}

@media screen and (min-width: 641px) {
    /* ===========================================
        Table Menu Styles
    =========================================== */
    
    
    /* ===========================================
        Tablet Header Styles
    =========================================== */
    a.headerLogo {
        width: 40%;
    }
    
    /* ===========================================
        Tablet Homepage Styles
    =========================================== */
    div.homeIntro {
        margin: 20px;
        padding: 40px;
    }
    div.homeIntro h1 {
        margin: 0 0 15px 0;
    }
    div.homeIntro h2 {
        font-size: 200%;
    }
    div.homeIntro p {
        font-size: 160%;
    }
    body.home div.entry-content h2 {
        font-size: 100%;
    }
    body.home div.entry-content h2:before {
        left: 45%;
        margin: -15px 0 0 0;
        width   : 10%;
    }
    body.home div.entry-content h2:after {
        left: 45%;
        margin: 30px 0 0 0;
        width   : 10%;
    }
    body.home div.entry-content div.caption {
        padding: 0 30px 20px 30px;
    }
    div.homeGibbs h3 a,
    div.homeResearch h3 a,
    div.homeDonate h3 a {
        font-size: 130%;
    }
    div.homeDonate h3 a {
        color: #2a3d3f;
        background: #95c1c4;
        position: absolute;
        height: 225px;
        top: 0;
        right: 0;
        left: auto;
        bottom: auto;
        padding: 20px;
        margin-top:auto;
        width: 50%;
    }
    div.homeDonate h3 a span {
        margin-top: 10px;
        font-size: 70%;
        display: block;
        padding-bottom: 10px;
    }
    div.homeGibbs {
        width: 55%;
        margin: 30px 2.5%;
        padding-top: 300px;
    }
    div.homeResearch {
        margin-top: 30px;
        width: 37.5%;
        padding-top: 300px;
    }
    div.homeDonate {
        width: 95%;
        margin: 0 2.5%;
        padding-top: 206px;
    }
    /* ===========================================
        Tablet Secondary Universal Styles
    =========================================== */
    h1.entry-title {
        font-size: 225%;
        position: relative;
        width: 60%;
        margin: -20px 0 0 0;
    }
    h1.section-title {
        font-size: 225%;
    }
    div.entry-content h3:first-child {
        font-size: 120%;
    }
    div.entry-content h2:after {
        width   : 75%;
    }
    body.secondary aside,
    body.blog aside,
    body.post-type-archive-magazine aside {
        border: 3px solid;
        margin: 20px 0;
    }
    body.post-type-archive-magazine aside {
        border: 3px solid #a99eb1;
    }
    body.secondary aside div,
    body.blog aside div,
    body.post-type-archive-magazine aside div {
        display: block;
        padding: 10px .625em;
    }
    h3.widget-title {
        padding: 10px 0;
        margin: 0 .625em;
        border-top: 0;
        border-bottom: 2px solid;
    }
    h3.widget-title:hover {
        cursor: default;
    }
    h3.widget-title.inactive:after {
        content: '';
        float: right;
    }
    body.secondary div#secondary.columns,
    body.blog div#secondary.columns,
    body.single-tribe_events div#secondary.columns,
    body.post-type-archive-magazine div#secondary.columns {
        padding-left: .625em;
        padding-right: 1.25em;
    }
    
     /* ===========================================
       Tablet About Styles
    =========================================== */
    body.page-template-page-about aside {
        border-color: #cfbbae;
    }
    
    /* ===========================================
       Tablet Gibbs Styles
    =========================================== */
    body.page-template-page-gibbs aside {
        border-color: #b7c5a5;
    }
    
    /* ===========================================
       Tablet News Styles
    =========================================== */
    body.blog div.featuredImage,
    body.single div.featuredImage,
    body.category div.featuredImage {
        margin-bottom: 10px;
    }
    div.breadcrumbs {
        padding-bottom: 15px;
    }
    body.blog aside,
    body.single aside,
    body.category aside {
        border-color: #d9c787;
    }
    body.single h1.entry-title {
        width: auto;
        font-size: 225%;
        margin-top: 0;
    }
    body.single h1.entry-title:after {
        margin-left: 0;
        margin-top: 50px;
        width: 60%;
    }
    body.single header.entry-header img {
        margin-bottom: 15px;
    }
    body.blog article,
    body.category article {
        margin-bottom: 3em;
    }
    
    /* ===========================================
       Tablet Programs Styles
    =========================================== */
    body.page-template-page-programs aside,
    body.page-template-page-publishing aside,
    body.single.single-magazine aside {
        border-color: #a99eb1;
    }
    
    /* ===========================================
        Tablet Research Styles
    =========================================== */
    body.page-id-14 h1.entry-title:after {
        font-size: 60%;
    }
    
    
    /* ===========================================
       Tablet News Styles
    =========================================== */
    body.page-template-page-research aside {
        border-color: #d58359;
    }
    
    /* ===========================================
       Tablet Calendar Styles
    =========================================== */
    body.post-type-archive-tribe_events div.featuredImage {
        margin-bottom: 30px;
    }
    body.post-type-archive-tribe_events aside {
        border-color: #ece2d5 !important;
        margin-top: 0;
    }
    body.post-type-archive-tribe_events h2.tribe-events-list-event-title:after {
        width: 70%;
        margin: 35px 0 15px 0;
    }
    .events-list .tribe-events-loop {
        max-width: none;
    }
    .tribe-events-list .time-details, .tribe-events-list .tribe-events-venue-details {
        font-size: 112.5%;
    }
    .tribe-events-adv-list-widget p {
        padding: 10px .625em;
        margin: 10px 0;
    }
    /* ===========================================
       Tablet Membership Styles
    =========================================== */
    body.page-template-page-membership aside {
        border-color: #95c1c4;
    }
    body.page-template-page-membership aside#black-studio-tinymce-10,
    body.page-template-page-membership aside#black-studio-tinymce-11,
    body.page-template-page-membership aside#black-studio-tinymce-12 {
        display: block;
    }
    
    
}

/* ===========================================
   768px iPad Single Event Breakpoints
=========================================== */
@media screen and (min-width: 768px) {
    .tribe-events-event-meta .tribe-events-meta-group {
        padding: 20px 4%;
        width: 42%;
    }
    .single-tribe_events .tribe-events-venue-map {
        width: 50%;
    }
}

@media screen and (min-width: 1025px) {
    /* ===========================================
    Desktop Header Styles
    =========================================== */
    header#masthead {
        height: 120px;
        padding-top: 7px;
        background: #FFFFFF;
        -webkit-box-shadow: 0px 3px 5px 0px rgba(153,153,153,0.41);
        -moz-box-shadow: 0px 3px 5px 0px rgba(153,153,153,0.41);
        box-shadow: 0px 3px 5px 0px rgba(153,153,153,0.41);
    }
    a.headerLogo {
        display: block;
        width: 253px;
        height: 80px;
        background-image: url(/wp-content/themes/rchs/images/svg/rchs_logo.svg);
        background-repeat: no-repeat;
        background-position: left center;
        background-size: contain;
        float: left;
        margin: 12px 0 0 1.875em;
        max-height: 80px;
    }
    a.mobileButton {
        display: none;
    }
    nav#special-navigation {
        display: block;
        float: right;
        width: 68%;
        margin-right: 1.875em;
    }
    nav#special-navigation ul {
        list-style: none;
        width: 100%;
        padding: 0;
        margin: 0 .625em 0 0;
        text-align: right;
        font-size: 100%;
    }
    nav#special-navigation ul li {
        display: block;
        float: right;
    }
    li.specialDonate {
        width: 120px;
    }
    li.specialDonate a {
        display: block;
        padding: 5px 0;
        color: #2a3d3f;
        background: #95c1c4;
        text-align: center;
    }
    li.specialMember {
        width: 130px;
        margin-left: 10px;
    }
    li.specialMember a {
        display: block;
        padding: 5px 0;
        color: #352115;
        background: #d58359;
        text-align: center;
    }
    li.specialDonate a:hover {
        background: #2a3d3f;
        color: #FFFFFF;
    }
    li.specialMember a:hover {
        background: #352115;
        color: #FFFFFF;
    }
    li.specialSearch {
        width: 200px;
        margin-right: 2%;
        margin-top: 4px;
    }
    li.specialSocial {
        margin-right: 2%;
    }
    li.specialSocial img {
        margin-right: .625em;
        width: 20px;
        height: 20px;
    }
    li.specialContact {
        margin-right: 2%;
        margin-top: 4px;
    }
    li.specialMembership {
        margin-right: 2%;
        margin-top: 4px;
    }
    li.specialContact a,
    li.specialMembership a {
        color: #6d3011;
    }
    nav#site-navigation {
        display: block;
        float: right;
        width: 68%;
        margin: 30px 1.875em 0 0;
    }
    nav#site-navigation ul {
        width: 100%;
        padding: 0;
        margin: 0;
        text-align: right;
    }
    nav#site-navigation ul li {
        display: inline-block;
        padding-left: 2.2%;
        color: #6d3011;
        font-weight: 400;
    }
    nav#site-navigation ul li a {
        color: #6d3011;
        font-weight: 400;
    }
    nav#site-navigation ul li:first-child {
        padding-left: 0;
    }
    nav#site-navigation ul li:hover {
        cursor: pointer;
    }
    div.menuSlides h3 {
        line-height: 1.4;
        margin: 0;
    }
    div.menuSlides h3 a {
        display: block;
        font-size: 150%;
        width: 100%;
        color: #6d3011;
        border-bottom: 2px solid #AF7C5A;
        margin-top: 30px;
        margin-bottom: 10px;
    }
    div.menuSlides h3 a:after {
        content: '\00BB';
        margin-left: 10px;
    }
    div.menuSlides ul {
        clear: both;
        display: none;
        list-style: none;
        margin: 0;
    }
    div.menuSlides ul li {
        display: block;
        width: 50%;
        float: left;
        margin: 5px 0;
    }
    div.menuSlides ul li:last-child {
        margin-bottom: 30px;
    }

    /* ===========================================
        Desktop Footer Styles
    =========================================== */
    footer#colophon {
        padding: 45px 0 30px 0;
    }
    footer#colophon .row {
        padding-left: 1.25em;
        padding-right: 1.25em;
    }
    
    /* ===========================================
        Desktop Homepage Styles
    =========================================== */
    body.home div.featuredImage .row {
    }
    body.home div.featuredImage img {
        width: 50%;
        float: left;
    }
    div.homeIntro {
        width: 45%;
        float: left;
        margin-top: 1.6%;
        margin-left: 2.5%;
        margin-right: 2.5%;
        padding-top: 5%;
        padding-bottom: 5%;
    }
    div.homeIntro h2 {
        font-size: 220%;
        line-height: 1.3;
    }
    div.homeIntro p {
        font-size: 225%;
    }
    body.home div.entry-content h2:before {
        left: 46%;
        margin: -15px 0 0 0;
        width   : 8%;
    }
    body.home div.entry-content h2:after {
        left: 46%;
        margin: 30px 0 0 0;
        width   : 8%;
    }
    body.home div.entry-content div.metaslider {
        width: 95% !important;
        margin: 0 auto;
    }
    div.homeGibbs h3,
    div.homeResearch h3,
    div.homeDonate h3 {
        font-size: 200%;
    }
    div.homeGibbs h3 a,
    div.homeResearch h3 a {
        padding: 20px 30px;
    }
    div.homeDonate h3 a {
        color: #2a3d3f;
        background: #95c1c4;
        position: absolute;
        height: 302px;
        padding: 40px;
        margin-top:auto;
        width: 50%;
    }
    div.homeDonate h3 a span {
        margin-top: 10px;
        font-size: 70%;
        display: block;
        padding-bottom: 10px;
    }
    div.homeGibbs {
        width: 65%;
        margin: 30px 2.5%;
        padding-top: 400px;
    }
    div.homeResearch {
        margin-top: 30px;
        width: 27.5%;
        padding-top: 400px;
    }
    div.homeDonate {
        width: 95%;
        margin: 0 2.5%;
        padding-top: 273px;
    }
    
    
    /* ===========================================
        Desktop Secondary Universal Styles
    =========================================== */
    h1.entry-title {
        font-size: 300%;
        padding-left: 30px;
        line-height: 1.1;
    }
    h1.section-title {
        padding: 10px .625em;
        font-size: 300%;
    }
    body.secondary div.entry-content,
    body.single.single-tribe_events div.entry-content {
        padding: 0 20px;
    }
    body.archive main#main,
    body.blog main#main,
    body.single main#main {
        padding: 0 20px;
    }
    div.breadcrumbs {
        padding: 15px 20px;
    }
    div.entry-content h3:first-child {
        font-size: 180%;
    }   
    div.entry-content h2:after {
        width: 50%;
        margin: 35px 0 0 30px;
    }
    body.secondary aside,
    body.blog aside,
    body.post-type-archive-magazine aside {
        margin: 20px 0;
        padding: 15px 0 10px 0;
    }
    body.secondary aside div,
    body.blog aside div,
    body.post-type-archive-magazine aside div {
        padding: 10px 1.25em;
    }
    h3.widget-title {
        padding: 10px 0;
        margin: 0 .9375em;
        font-size: 150%;
    }
    body.secondary aside div ul.menu,
    body.blog aside div ul.menu {
        font-size: 112.5%;
    }

    /* ===========================================
        Desktop News Styles
    =========================================== */
    body.blog article,
    body.category article {
        width: 100%;
        float: left;
    }
    body.blog article img,
    body.category article img {
        width: 40%;
        float: left;
        margin-top: 4px;
    }
    body.blog article header,
    body.blog article div.entry-content, 
    body.blog article footer,
    body.category article header,
    body.category article div.entry-content, 
    body.category article footer {
        width: 57.5%;
        float: left;
        margin-left: 2.5%;
    }
    body.blog h2.entry-title,
    body.category h2.entry-title {
        margin-top: 0;
    }
    body.single div.entry-content,
    body.category div.entry-content {
        padding: 0;
    }
    body.single h1.entry-title:after {
        margin-left: 0;
        margin-top: 55px;
        width: 60%;
    }
    /* ===========================================
        Desktop Calendar Styles
    =========================================== */
    body.page-template-page-calendar-php article header,
    body.page-template-page-calendar-php article div.entry-content, 
    body.page-template-page-calendar-php article footer {
        width: 100%;
        float: left;
        margin-left: 0;
    }
    .tribe-events-adv-list-widget div {
        font-size: 125%;
    }
    .tribe-events-adv-list-widget p {
        padding: 0 1.25em;
    }
    body.secondary aside div div.tribe-mini-calendar-event,
    body.blog aside div div.tribe-mini-calendar-event {
        padding: 10px .9375em;
    }
    
}

body.single-tribe_events .tribe-events-event-meta {
  border: 1px solid #eee;
  width: 100%;
}























@media screen and (min-width: 1100px) {
    /* ===========================================
    Extended Navigation Styles
    =========================================== */
    nav#site-navigation ul li {
        padding-left: 3%;
    }
    /* ===========================================
    Extended Homepage Styles
    =========================================== */
    div.homeIntro {
        margin-top: 2.5%;
    }
}
@media screen and (min-width: 1280px) {
    /* ===========================================
    Extended Homepage Styles
    =========================================== */
    div.homeIntro {
        margin-top: 3.5%;
    }
}

/*DIALOG BOX ADDED BY SEAN */
.ui-draggable .ui-dialog-titlebar {
		display: none;
}

body > div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable > div.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix > div > button:nth-child(1) {
margin-right:15px;
}
	

body > div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable > div.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix > div > button:nth-child(1) > span {
	    color: #2a3d3f !important;
    background: #95c1c4 !important;
 	text-shadow: none;
    	text-transform: uppercase;
    		font-size: 16px !important;
}

body > div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable > div.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix > div > button:nth-child(2) > span {
color: #352115;
    background: #d58359;
    	text-shadow: none;
    	text-transform: uppercase;
    	font-size: 16px !important;
}

.ui-widget-overlay
{
  opacity: .50 !important; /* Make sure to change both of these, as IE only sees the second one */
  filter: Alpha(Opacity=50) !important;

  background-color: rgb(50, 50, 50) !important; /* This will make it darker */
}

.downloadBox {
	background: #d3dfc0;
	z-index: 9999;
	position: fixed;
	width: 50%;
	height: 500px;
	//left: 0%;
	//top: 25%;
	display: none;
	left: 25%;
	//padding: 25px;
}

.downloadBox h1 {
	padding: 25px;
	text-align: center;
	display: block;
	margin-bottom: 0px;
	color: #7e090a;
}

.downloadBoxButton1 {
	width: 50%;
	float: left;
	padding: 50px;
	padding-top: 10px;
}

.downloadBoxButton2 {
	width: 50%;
	float: left;
	padding: 50px;
	padding-top: 10px;
}

.downloadBoxButton1 h3 {
	padding-bottom: 0px;
	margin-bottom: 0px;
	text-align: center;
	font-size: 16px;
}

.downloadBoxButton1 a {
	background: #024071;
	color: #FFFFFF !important;
	padding: 30px;
	font-size: 24px;
	display: block;
	text-align: center;
	//padding-right: 0px;
}

.downloadBoxButton2 h3 {
	padding-bottom: 0px;
	margin-bottom: 0px;
	text-align: center;
	font-size: 16px;
}

.downloadBoxButton2 a {
	background: #587d29;
	color: #FFFFFF !important;
	padding: 30px;
	font-size: 24px;
	display: block;
	text-align: center;
}

.downloadBoxButton2 {
	width: 50%;
	float: left;
}

@media screen and (max-width: 1250px) {
.downloadBox {
width: 50%;
	height: 550px;
	//left: 0%;
	top: 0;
	display: none;
	left: 25%;
}

.downloadBoxButton2 a {
font-size: 20px;
}

.downloadBoxButton1 a {
font-size: 20px;
}

.downloadBoxButton1 h3 {
font-size: 13px;
}

.downloadBoxButton2 h3 {
font-size: 13px;
padding-top: 18px;
}
}

@media screen and (max-width: 1100px) {
.downloadBoxButton1 a {
font-size: 16px;
padding: 20px;
}

.downloadBoxButton2 a {
font-size: 16px;
padding:20px;
}

}
@media screen and (max-width: 900px) {
	.downloadBox {
	width: 100%;
	left: 0px;
	top: 0px;
	height: 100%;
	}

	.downloadBox h1 {
	font-size: 16px;
}

.downloadBoxButton2 {
	width: 100%;
	float: left;
	padding: 0px;
}

.downloadBoxButton1 {
	width: 100%;
	float: left;
	padding:0px;
}

}