/*
Theme Name: chfsetxf2016
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: chfsetxf2016
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.

chfsetxf2016 is based on Underscores http://underscores.me/, (C) 2012-2016 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/
*/

@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,700|Open+Sans:400,400italic,600,600italic,700,700italic,800,800italic);

body {
	background: #fff;
	color: #333;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
}

#site {
	    background: #fff;
}

.news-box img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
}

a, a:active, a:focus, a:visited {
	color: #77268A;
	text-decoration: underline;
}

a:hover {
	color: #D0B4D3;
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto Slab', serif;
}

.sideGrad {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#521b66+0,77268a+15,77268a+100 */
background: #521b66; /* Old browsers */
background: -moz-linear-gradient(left,  #521b66 0%, #77268a 15%, #77268a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #521b66 0%,#77268a 15%,#77268a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #521b66 0%,#77268a 15%,#77268a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#521b66', endColorstr='#77268a',GradientType=1 ); /* IE6-9 */
}

.vertGrad, .hpSlideControls button {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#77268a+0,581c6c+100 */
background: #77268a; /* Old browsers */
background: -moz-linear-gradient(top,  #77268a 0%, #581c6c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #77268a 0%,#581c6c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #77268a 0%,#581c6c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77268a', endColorstr='#581c6c',GradientType=0 ); /* IE6-9 */

}

.container-fluid-limit {
	max-width: 1140px;
}

/* HEADER */

#wayfare {
	background-color: #888;
	border-bottom: 1px solid #444;
    position: relative;
}

#wayfare a {
	color: #eee;
}

#wayfare a:hover {
	color: #fff;
}

#wayfare section {
	padding: 15px 0;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
    position: relative;
    z-index: 900;
}

.hsLinkActive, .hsLinkActive:hover {
    background-color: #fff;
    color: #666 !important;
    padding: 2px 4px;
    border-radius: 4px;
    text-decoration: none !important;
}

.topLinks li a.hsLinkActive span, .topLinks li a.hsLinkActive:hover span {
    text-decoration: none;
}

#headerSearch {
    font-size: 0;
    display: block;
    position: absolute;
    top: -200px;
    left: 0;
    right: 0;
    border-left: 30px solid #888;
    border-right: 30px solid #888;
    border-bottom: 15px solid #888;
    z-index: 9999;
    box-shadow: 0 1px 1px #444444;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#hsText {
    background: #fff;
    border: 0;
    margin: 0;
    box-shadow: none;
    height: 45px;
    padding: 0;
    line-height: 45px;
}

#hsButton {
    padding: 0;
    margin: 0;
    border: 0;
    box-shadow: none;
    height: 45px;
    line-height: 45px;
    color: #fff;
background: #77268a;
    background: -moz-linear-gradient(top, #77268a 0%, #581c6c 100%);
    background: -webkit-linear-gradient(top, #77268a 0%,#581c6c 100%);
    background: linear-gradient(to bottom, #77268a 0%,#581c6c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77268a', endColorstr='#581c6c',GradientType=0 );
}

#headerSearch.hsActive {
    top: 45px;
}

#hsText {
    font-size: 24px;
    display: inline-block;
    width: 80%;
}

#hsButton {
    font-size: 24px;
    display: inline-block;
    width: 20%;
}

.youAreHere, .topLinks {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0;
}

.topLinks {
	text-align: right;
}

.youAreHere li, .topLinks li {
	font-size: 12px;
	display: inline-block;
}

.topLinks li {
	padding-left: 15px;
}

.topLinks li:first-child {
	padding-left: 0;
}

.youAreHere li:after {
    content: "\f0da";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #444;
    padding: 0 6px;
    display: inline;
}

.youAreHere li:last-child:after {
	content: "";
	display: none;
}

.youAreHere li:nth-child(2) {
    display: none;
}

.youAreHere li span {
	color: #fff;
	font-weight: 700;
	position: relative;
}

.youAreHere li span:before {
    content: " ";
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 11px solid #444;
    position: absolute;
    left: 50%;
    margin-left: -11px;
    top: 33px;
    z-index: 100;
}

.youAreHere li span:after {
    content: " ";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #888;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    top: 33px;
    z-index: 110;
}

.topLinks li a i {
	padding-right: 3px;
}

.topLinks li a {
	text-decoration: none;
}

.topLinks li a span {
	text-decoration: underline;
}


#notifications {
	/* background: #77268A; */
}

#mastheadLogo {
    margin: 30px 30px 0 30px;
    padding: 0 15px 30px 15px;
    border-bottom: 2px solid #D0B4D3;
}

#masthead {
    /* background: #77268A; */
    height: 100%;
    /* position: fixed; */
}

#mastheadLogo {
    margin: 0 30px;
    padding: 0 15px 30px 15px;
    border-bottom: 2px solid #D0B4D3;
}

/* NAV */

nav {
margin: 0 30px;
}

nav ul {
    padding: 0;
    margin: 0 15px;
    list-style: none;
    text-align: left;
}

nav > ul > li {
    display: block;
    padding: 0;
    margin: 0;
    font-size: 1.25em;
    border-bottom: 2px solid #D0B4D3;
}

nav > ul > li:last-child {
	border-bottom: 0;
}

nav > ul > li > a {
	font-family: 'Roboto Slab', serif;
	text-decoration: none;
	display: block;
	padding: 8px 15px 10px 15px;
	color: #fff !important;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;

}

nav > ul > li > a:hover {
	background: #D0B4D3;
	color: #581c6c !important;
	padding: 8px 15px 10px 22.5px;
}

nav > ul > li > a:focus, nav > ul > li > a:active {
    text-decoration: none;
}

nav > ul > li > a > i {
    float: right;
    position: relative;
    top: 4px;
    right: 3px;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;

}

nav > ul > li > a:hover i {
	top: 6px;
	/* right: 10px; */
	color: #581c6c !important;
/* Safari */
-webkit-transform: rotate(90deg);

/* Firefox */
-moz-transform: rotate(90deg);

/* IE */
-ms-transform: rotate(90deg);

/* Opera */
-o-transform: rotate(90deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);

}

.has-subpages ul {
    margin: 0 30px 12.5px 30px;
    font-size: 16px;
    list-style: none;
    display: none;
}

.has-subpages ul li, .has-subpages ul li a {
    display: block;
}

.has-subpages ul li a {
    color: #fff;
    text-decoration: none;
    transition: .15s all ease-in-out;
    line-height: 22px;
}

.has-subpages ul li a:hover {
    color: #D0B4D3;
}


/* -- CONTENT -- */

#content {
	background: url(assets/images/contentBg.png) center center repeat #fff;
}

#content section {
	padding-top: 30px;
}

.hpSlideControls {
    font-size: 0;
    text-align: center;
    border-top: 2px solid #fff;
}

.hpSlideControls button {
	font-size: 14px;
	border: 0;
	width: 50%;
	padding: 10px 0;
    font-weight: 600;
    color: #ddd;
    text-transform: uppercase;
    position: relative;
}

.hpSlideControls button:focus {
	outline: 0;
}

.hpSlideControls button:first-child {
	border-right: 1px solid #fff;
}

.hpSlideControls button:last-child {
	border-left: 1px solid #fff;
}

.hpSlideControls button:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#77268a+0,581c6c+100 */
background: #581c6c; /* Old browsers */
background: -moz-linear-gradient(top,  #581c6c 0%, #581c6c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #581c6c 0%,#581c6c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #581c6c 0%,#581c6c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#581c6c', endColorstr='#581c6c',GradientType=0 ); /* IE6-9 */
}

.hpSlideControls button.slick-prev i {
    font-size: 20px;
    position: absolute;
    left: 30px;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.hpSlideControls button.slick-prev:hover i {
    left: 15px;
}

.hpSlideControls button.slick-next i {
    font-size: 20px;
    position: absolute;
    right: 30px;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.hpSlideControls button.slick-next:hover i {
    right: 15px;
}

#heroImage {
    /* border-bottom: 1px solid #444; */
    padding: 75px 0 45px 0;
}

#heroImage h1 {
    background: rgba(92, 30, 112, 0.85);
    color: #fff;
    font-size: 45px;
    margin: 0 15px;
    display: inline;
    padding: 10px 30px;
    line-height: 61px;
}

#pageText p {
    margin: 0 0 15px;
    line-height: 1.5;
}

#pageText figure {
    text-align: center;
    margin: 0 0 30px;
    line-height: 1.5;
}

#pageText figure img {
    display: block;
    margin: 0 auto;
    border: 3px solid #77268a;
    box-sizing: border-box;
    width: 100%;
}

#pageText h2 {
    line-height: 1.2;
    color: #77268a;
    margin: 0 0 30px 0;
}

.nav-social {
	margin: 0 30px;
}

.nav-social ul {
	margin: 0 15px;
	list-style: none;
	padding: 0;
	text-align: center;
	font-size: 0;
}

.nav-social ul li {
	display: inline-block;
	padding: 0;
	font-size: 24px;
	width: 32%;
	line-height: 35px;
}

.nav-social ul li a {
	display: block;
	background-color: #fff;
	color: #77268a;
	transition: all .25s ease-in-out;
}

.nav-social ul li:first-child {
	margin-right: 2%;
}

.nav-social ul li:last-child {
	margin-left: 2%;
}

.nav-social ul li a:hover {
	background-color: #D0B4D3;
}


.nav-donate a {
    display: block;
    margin: 10px 45px;
    border: 2px solid #d0b4d3;
    padding: 0 30px;
    background-color: #581d6c;
    color: #fff;
    transition: .15s all ease-in-out;
    text-decoration: none;

}

.nav-donate a strong {
    font-weight: normal;
    display: block;
    margin: 7px 0 -5px 0;
    text-align: center;
    font-size: 30px;
    text-transform: uppercase;
    font-family: 'Roboto Slab', serif;
}


.nav-donate a small {
    display: block;
    text-align: center;
    margin: 0 0 15px 0;
    font-style: italic;
}

.nav-donate a:hover {
        background: #D0B4D3;
    color: #581c6c !important;
}

#hpContent h2 {
	color: #77268a;
	margin: 0 0 30px 0;
}

.hp-event-box {
    margin-bottom: 30px;
    background: #fff;
    box-sizing: border-box;
    border: 2px solid #ddd;
    box-shadow: 0 0 10px rgba(189, 189, 189, 0.25);
	transition: all .25s ease-in-out;
	padding-bottom: 15px;
}

.hp-event-box:hover {
	box-shadow: 0 0 10px rgba(189, 100, 189, 0.25);
}

.hp-event-box h4 {
    margin: 0;
    padding: 15px;
}

.hp-event-box h4 a, .hp-event-box h4 a:hover {
	display: block;
	text-decoration: none;
}

.hp-event-box p {
    font-size: 14px;
    margin: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}

.hp-news-entry h6 {
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    color: #666;
    margin-bottom: 15px;
}

.hp-news-entry p {
	line-height: 1.5;
}

.hp-news-entry > a {
	font-weight: bold;
}

.hp-news-entry {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 2px solid #ddd;
}

.hp-news-entry:last-child {
	margin-bottom: 0;
	border-bottom: 0;
}


.hp-news-entry > img {
    border: 2px solid #77268a;
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
    position: relative;
    top: 5px;
}


#hp-events-below a {
    display: block;
    background: #77268A;
    padding: 10px 0;
    color: #fff;
    text-align: center;
    border-radius: 4px;
	transition: all .25s ease-in-out;
	text-decoration: none;
}

#hp-events-below h5, #hp-events-below h6 {
	margin: 0;
}

#hp-events-below h5 {
	margin: 0 0 7.5px 0;
	text-transform: uppercase;
	font-size: 18px;
}

#hp-events-below a:hover {
	background: #581c6c;
}

#sidebar h2 {
    margin: 0 0 15px 0;
    font-size: 24px;
    color: #77268a;
}

.hp-our-mission {
    background: url(assets/images/hp-extend-bg.jpg) center left no-repeat transparent;
    height: 400px;
    background-size: 100%;
    border: 1px solid #d2cdc7;
    box-sizing: border-box;
	position: relative;
	padding: 30px;
}

.hp-cmn-box {
    background: url(assets/images/hp-cmn-bg.jpg) center left no-repeat transparent;
    height: 400px;
    background-size: 100%;
    border: 1px solid #7884b4;
    box-sizing: border-box;
	position: relative;
	padding: 30px;
}

#hpBoxesInner {
    margin: -30px 0 0 0;
    border: 2px solid #ddd;
    padding: 15px;
    background-color: #fff;
}

#hpAudio {
    background: url(assets/images/cmnsky.jpg) center left no-repeat transparent;
    background-size: cover;
    padding-left: 265px;
    padding-right: 30px;
    padding-bottom: 45px;
    padding-top: 30px;
}

#hpAudio h2 {
    margin: 0;
    padding: 15px 0 0 0;
    color: #77268a;
    font-size: 48px;
    text-align: center;
}

#hpAudio h3 {
    margin: 15px 0 30px 0;
    text-align: center;
    font-size: 24px;
}

#hpAudio img {
    position: absolute;
    width: 50px;
    max-width: 50px;
    left: -5px;
    top: -4px;
}

.hp-our-mission > img {
    position: absolute;
    right: 15px;
    bottom: 0;
    max-width: 240px;
}

.hp-cmn-box > img {
    position: absolute;
    right: 19px;
    bottom: 15px;
    max-width: 250px;
}

.hp-our-mission h3, .hp-cmn-box h3 {
    margin: 0 0 15px 0;
    color: #77268a;
    font-size: 28px;
    text-align: center;
}

.hp-cmn-box h3 {
    color: #1479ad;
}

.hp-our-mission p, .hp-cmn-box p {
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}

#heroImage {
	background-size: cover;
}

.event-options {
    margin: 0 0 30px 0;
    font-size: 0;
    border-left: 2px solid #ddd;
	border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.event-options a {
    font-size: 14px;
    display: inline-block;
    color: #fff;
    background-color: #666;
    width: 50%;
    padding: 15px 5px;
    text-align: center;
    transition: all .25s ease-in-out;
    box-sizing: border-box;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
	text-decoration: none;
}

.event-options a:hover {
	background: #581c6c;
}

#hp-events h2 {
	margin: 0 0 30px 0;
}

.news-box p a {
    display: block;
}


.news-box h4 strong {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    margin-top: 5px;
    font-family: 'Open Sans', sans-serif;
}

.news-box p {
    border: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.nav-events {
    margin: 15px 45px;
}

.nav-events a {
    display: block;
    background: #581d6c;
    border: 2px solid #d0b4d3;
    margin-bottom: 15px;
    color: #fff;
}

.nav-events a img {
    float: left;
    max-width: 145px;
    clear: both;
    border-right: 2px solid #d0b4d3;
}

.nav-events a h6 {
    float: left;
    margin: 15px 10px;
    font-size: 14px;
}

.nav-events a h6 strong {
    /* display: block; */
    color: #d0b4d3;
}

.nav-events a h6 small {
    margin-top: 10px;
    color: #fff;
    display: block;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
}

.nav-donate {
    text-align: center;
    margin: 0 45px;
    font-size: 0;
    padding-bottom: 45px;
}

.nav-donate a {
    display: inline-block;
    margin: 0;
    border: 0;
    padding: 0 30px;
    background-color: #fff;
    color: #77268a;
    transition: .15s all ease-in-out;
    text-decoration: none;
    font-size: 14px;
    line-height: 35px;
        width: calc(50% - 7.5px);
}

.nav-donate > a:first-child {
    margin-right: 15px;
}

.clearfix {
    clear: both;
}


.aligncenter {
	display: block;
	margin: 0 auto 30px auto;
	max-width: 100%;
}

.alignright {
    float: right;
    margin-left: 30px;
    margin-bottom: 30px;
}

.alignleft {
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
}

.page-id-31 #heroImage h1 {
	font-size: 24px;
}

.page-id-31 #pageText {
    background: #fff;
    box-shadow: 0 0 30px rgba(119,38,138,0.48);
}

h1.entry-title {
    font-size: 45px;
    margin-bottom: 45px;
    color: #77268a;
}

#pageText {
	margin-bottom: 60px;
}

.disabled-btn {
    cursor: text;
    opacity: .3;
}

article .entry-meta {
    margin-bottom: 15px;
    text-transform: uppercase;
    font-size: 90%;
}

:focus {
    outline: 0;
}

#radio-testimonials {
    background: #fff;
    box-shadow: 0 0 30px rgba(119, 38, 138, 0.32);
    border-radius: 8px;
    padding: 15px;
    margin: 30px 0;
}

#regForm {
    border: 2px solid #ccc;
    background: #eee;
    padding: 0 15px 15px 15px;
    margin: 30px 0 60px 0;
}

.mobile-menu {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 18px;
    background: #fff;
    color: #77268a;
    padding: 5px 8px;
    border-radius: 3px;
}


#radio-testimonials h3 {
    margin: 15px 0;
    text-align: center;
    color: #77268a;
    font-size: 28px;
}

#radio-testimonials h5 {
    text-align: center;
    margin-bottom: 10px;
    font-size: 18px;
}

#radio-testimonials img {
    margin: 15px auto !important;
}

.topLinks {
    position: relative;
}

.topLinks > li:nth-child(2) a {
    right: 0;
}

.topLinks > li:nth-child(1) a {
    right: 185px;
}


.topLinks a {
    color: #77268a !important;
    background: #fff !important;
    position: absolute !important;
    display: inline-block !important;
    line-height: 24px !important;
    padding: 0 10px !important;
    border-radius: 3px !important;
    font-size: 14px !important;
    top: -3px !important;
}



.hp-news-right > div:last-child {
    margin-bottom: 0;
}

    /*==========  Non-Mobile First Method  ==========*/


    @media only screen and (max-width : 1480px) {
        .nav-events a h6 {
    float: left;
    margin: 18px 10px;
    font-size: 13px;
}
    }


    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
        #mastheadLogo {
            margin: 30px 30px 0 30px;
            border-bottom: 0 !important;
        }
        #masthead {
            padding-bottom: 0;
        }

        .mobileNav {
            display: none;
        }
        .mobileLogo {
            border-bottom: 0;
        }
        #hp-events h2 {
            font-size: 28px !important;
            text-align: center;
        }
        #heroImage {
                position: relative;
    height: 250px;
        }
#heroImage > div { position: static; }
#heroImage h1 {
        position: absolute;
    left: -15px;
    right: -15px;
    bottom: 0;
    font-size: 18px;
    line-height: inherit;
}
.gform_wrapper { padding-right: 15px; }
.nav-events a img { max-width: 100%; border-right: 2px solid #d0b4d3; }
.nav-events a h6 strong {
    display: block;
    margin-bottom: 5px;
}
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {

    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        
    }



@media screen and (min-width: 993px) {
	
	#site > .row + .row {
		display: flex !important;
	}
	
	#site > .row > #masthead, #site > .row > #content {
		height: auto !important;
	}
	
}