@import url('normalize.css');
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900,300italic,400italic,600italic,700italic);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css);
@import url('bootstrap-grid.min.css');

/* ----------------------------------------------------------
    Client Name CSS
    Version 1.0

    TABLE OF CONTENTS

    01 - BASE STYLES
    02 - BACKGROUND & TEXT COLORS
    03 - BUTTONS
    04 - LAYOUT
    05 - HEADER STYLES
    06 - NAVIGATION STYLES
    07 - ROTATOR STYLES
    08 - CONTENT STYLING
    09 - SIDEBAR STYLES
    10 - FOOTER STYLES

    COLOR GUIDE (Main Site Colors and their Hex Codes)
    Main Blue: #338bc7
    Text Gray: #373737
    
    FONTS USED
    Main Copy: Arial
    Main Headers: font-family: 'Source Sans Pro', sans-serif;
    Secondary Headers: font-family: 'Source Sans Pro', sans-serif;
    
---------------------------------------------------------- */


/* 01 = BASE STYLES
---------------------------------------------------------- */

body {
    -webkit-font-smoothing: antialiased !important;
    background-color: #eaeaea;
    color: #666;
    font-family: 'Arial', 'Helvetica', sans-serif;
    font-size: 62.5%;
    height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {

}

.gigantic {
    font-size: 38px;
    text-transform: uppercase;
}

h1,
.huge {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 32px;
    font-weight: 300;
	color: #666666;
}

h2,
.large {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 26px;
    font-weight: 300;
	color: #4872AE;
}
.large {
    line-height: 30px;
    margin: 26px 0;
}

h3,
.big {
    color: #666666;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 5px;
    margin-top: 0px;
} 

h4,
.normal {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 15px;
    margin-top: 15px;
    text-transform: capitalize;

}

div.content h1, div.content h2 {font-weight: bold;}

div.content h4 {
	background-color: #4872AE;
	color: #fff;
	padding: 5px;
}

div.content h4 a {
	color: #fff;
}

div.content div.post h2 a{
  color: #4872AE !important;
  text-decoration: none;
}

div.content div.post h2 a:hover{
  text-decoration: underline;
}

.content .magnet-header h4 {
	background-color: #4678b8;
}

h5,
.small {
    color: #4872AE;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
}

h6,
.tiny {
    color: #a51511;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
}

div.content h6 {
	background-color: #d3d3d3;
	color: #000;
	padding: 5px;
}

/* Styles that will need to be changed for new headers (soon) */
/*.content h2 {
    color: #a51511;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 5px;
    margin-top: 0px;
}

.content h3 {
    color: #a51511;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    margin-bottom: 5px;
    margin-top: 0px;
    font-weight: 700;
}

.content h4 {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
    margin-bottom: 15px;
    margin-top: 15px;
    text-transform: capitalize;
}*/

.text-featured {
    color: #A51511 !important;
    font-size: 18px;
    margin: 22px 0;
}

.legend-featured {
    color: #A51511 !important;
    font-size: 13px;
    margin: 12px 0;
}

.big-featured {
    font-size: 13px;
}

.t-offset {
    border: 0;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    text-indent: -9999px;
}

label.t-offset {
    display: inherit;
}

p {
    color: #555;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    line-height: 20px;
    margin: 0px 0px 10px 0px;
}

a { 
    color: #a51511;
    text-decoration: none;
}

div.content a {
text-decoration: underline;
}

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

a:visited,
a:focus,
a:active {
    color: #671412;
}

ul,
ol {
    margin-left: 15px;
    padding-left: 15px;
}

    ul li,
    ol li {
        color: #555;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 16px;
        margin-bottom: 5px;
    }

input { outline: none }

.right,
.align-right { float: right }

.left,
.align-left { float: left }

.print { display: none }

.clear { clear: both }

.source-sans { font-family: 'Source Sans Pro', sans-serif }

.content img.right,
.post-content img.right,
.content img.align-right,
.post-content img.align-right { margin: 15px 0px 15px 15px }

.content img.left,
.post-content img.left,
.content img.align-left,
.post-content img.align-left { margin: 15px 15px 15px 0px }


.table {
    font-size: 14px;
    font-family: "Source Sans Pro", sans-serif;
}

.table tr {
    padding: 4px 0;
}

.table td {
    padding: 10px;
}

.table .top {
    vertical-align: top;
}

table {
    font-size: 14px;
    font-family: "Source Sans Pro", sans-serif;
}

table tr {
    padding: 4px 0;
}

table td {
    padding: 10px;
    vertical-align: top;
}

table .top {
    vertical-align: top;
}

table.with-borders tr {
    border-bottom: solid #ccc 1px;
}

.small-c {
	text-transform: lowercase;
}

/* WordPress Core Styles
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.page-numbers {
    font-size: 13px;
    padding: 0 3px;
}

/* 02 = BACKGROUND & TEXT COLORS
---------------------------------------------------------- */

/* REMOVE THESE INSTRUCTIONS -- This section should include
background and text colors that may change throughout the
site that aren't already set as a default.

(e.g. .t-gray, .bkgd-white) */

.bkgd-red { background-color: #a51511; }

.bkgd-dark-red { background-color: #660d0b; }

.bkgd-blue { background-color: #4678b8; }

.bkgd-dark-blue {background-color: #2c476d; }

.bkgd-gray { background-color: #666666;}

.bkgd-white { background-color: #fff; }

.t-white { color: #fff !important; }

.t-gray { color: #555 !important; }

.t-red { color: #a51511 !important; }

.t-dark-red { color: #660d0b !important; }

/* 03 = BUTTONS
---------------------------------------------------------- */

/* REMOVE THESE INSTRUCTIONS -- This section should include
styles for various buttons throughout the site.  Set size
and color as separate styles.

(e.g. .btn-small, .btn-large, .btn-green, .btn-blue) */

.btn {
    display: block;
    font-family: 'Source Sans Pro', sans-serif;
    text-align: center;
    transition: all 0.2s;
}

.btn:hover,
.btn:active,
.btn:focus { 
    opacity: 0.7; 
    text-decoration: none;
}

.btn.small {
    border-radius: 30px;
    font-size: 18px;
    font-weight: normal;
    height: 23px;
    line-height: 18px;
    padding: 5px 8px 0px 8px;
    text-transform: capitalize;
    width: 80px;
}

.btn.large {
    border-radius: 30px;
    font-size: 19px;
    font-weight: 600;
    padding: 7px 10px 7px 10px;
    text-transform: uppercase;
    width: 130px;
}

.btn.extra-large {
    border-radius: 30px;
    font-size: 19px;
    font-weight: 300;
    padding: 7px 10px 7px 10px;
    text-transform: uppercase;
    width: 279px;
}

.learn-more-btn {
    background-image: url(../images/icon-blue-arrow.png);
    background-position: center right;
    background-repeat: no-repeat;
    color: #a51511;
    display: block;
    font-size: 18px;
    font-weight: 300;
    height: 26px;
    margin-bottom: 0px;
    transition: all 0.5s;
    width: 110px;
	text-decoration: none !important;
}

.learn-more-btn:hover { opacity: 0.5 }

.donate-btn { margin: 7px 5px 0px 0px; text-decoration: none !important; }

.volunteer-btn { margin: 7px 0px 0px 0px; text-decoration: none !important; }

.btn.t-med {
    font-size: 15px;
    font-weight: normal;
}

.tribe-events-button, #tribe-events .tribe-events-button {
    background-color: #a51511 !important;
}

.tribe-events-single-section {
    margin-top: 20px;
}

.tribe-events-single-section dl dt {
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 14px;
}

.tribe-events-single-section dl dd {
    text-align: left;
    padding-left: 0px;
    margin-left: 0px;
    margin-bottom: 15px;
    font-size: 13px;
}

.tribe-events-single-section dl dd.email {
    word-wrap: break-word;
}

.tribe-events-meta-group {
    width: 49.3333% !important;
    padding: 0px 4% 0px 0px !important;
    margin-top: 10px;
}

.tribe-events-meta-group h3 {
    margin-top: 0px !important;
}

.tribe-events-cal-links {
    overflow: auto;
    width: 100%;
    display: block;
}

.tribe-events-cal-links a {
    float: none !important;
}

.gform_button {
    background-color: #a51511 !important;
    border-radius: 30px !important;
    font-size: 19px !important;
    font-weight: 300 !important;
    padding: 7px 10px 7px 10px !important;
    text-transform: uppercase !important;
    width: 130px !important;
    color: #fff !important;
    border: none !important;
    font-family: 'Source Sans Pro', sans-serif !important;
    -webkit-font-smoothing: antialiased !important;
}

.gform_button:hover { 
    opacity: 0.7; 
    text-decoration: none;
}

.gform_confirmation_message {
    color: #555;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin: 0px 0px 10px 0px;
}

.ginput_container input[type='text'] {
    font-size: 14px !important;
    border: solid #ccc 1px !important;
}

.ginput_container textarea {
    font-size: 14px !important;
    border: solid #ccc 1px !important;
}

/* 04 = LAYOUT
---------------------------------------------------------- */

/* REMOVE THESE INSTRUCTIONS -- This section should include
styles for overall layout.  For the global width, set the
overall width of the site with margin: 0 auto; for easy
reference to the site width. */

.wrapper {
    height: 100%;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.global-width {
    margin: 0 auto;
    padding: 0px;
    max-width: 1000px;
}

.content-space { margin: 40px auto }

.full-width-content-wrap {
    margin: 40px 0px;
    width: 100%;
}

.events-wrapper {
    height: auto;
    padding: 20px 0px 40px 0px;
    width: 100%;
    overflow: auto;
}

/* REMOVE THESE INSTRUCTIONS -- From here on out, setup your
styles with a "top-down" structure approach that sets styles 
as they appear in the source code. */

/* 05 = HEADER STYLES
---------------------------------------------------------- */

.top-border {
    display: block;
    height: 4px;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.header-wrapper {
    border-bottom: solid #d3d3d3 1px;
    height: 112px;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.header {
    position: relative;
}

.home-icon {
    background: url(../images/home-icon.png) 9px 7px no-repeat;
    display: block;
    height: 39px;
    left: 241px;
    position: absolute;
    top: 73px;
    width: 40px;
}

.home-icon:hover {
    background: url('../images/home-icon-active.png') 9px 7px no-repeat #a51511;
}

.home-icon-active {
    background: url('../images/home-icon-active.png') 9px 7px no-repeat #a51511;
}

.logo {
    border: none;
    display: block;
    margin-top: 13px;
}

.logo img {
    border: none;
}

.header > .right { margin-top: 38px }

.header .search-box {
    background: white;
    border: solid #ccc 1px;
    color: #5f5f5f;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 300;
    height: 22px;
    margin: 0px 4px 0px 0px;
    outline: none;
    padding: 1px 5px 0px 5px;
    width: 280px;
}

.header .social-icon-pack .social-icon {
    background-image: url(../images/social-icons-full-color-sprite.png);
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 25px;
    margin-left: 2px;
    width: 25px;
}

.header .social-icon-pack .social-icon.facebook { background-position: 0px 0px }

.header .social-icon-pack .social-icon.twitter { background-position: -25px 0px }

.header .social-icon-pack .social-icon.instagram { background-position: -50px 0px }

.header .social-icon-pack .social-icon.flickr { background-position: -75px 0px }

.header .social-icon-pack .social-icon.youtube { background-position: -100px 0px }

.header .social-icon-pack .social-icon.google-plus { background-position: -125px 0px }

.header .social-icon-pack .social-icon.linkedin { background-position: -150px 0px }

.header .social-icon-pack .social-icon.pinterest { background-position: -175px 0px }


/* 06 = NAVIGATION STYLES
---------------------------------------------------------- */

.main-nav {
    list-style: none;
    margin: 10px -14px 0px 0px;
}

    .main-nav li {
        float: left;
        position: relative;
    }

        .main-nav li ul {
            background: #fff;
            border: solid #ddd 1px;
            display: none;
            left: 0px;
            list-style: none;
            margin: 0px;
            min-width: 250px;
            overflow: auto;
            padding: 16px 0px 0px 0px;
            position: absolute;
            top: 39px;
            z-index: 9999;
        }

.main-nav > li > ul li {
    display: block;
    float: none;
    margin-bottom: 0px !important;
}

    .main-nav>li>ul li a { display: block }

.main-nav li a {
    color: #333;
    display: block;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    padding: 10px 10px 9px 10px;
    text-transform: uppercase;
}

.main-nav li a:hover{
    text-decoration: none;
}

.main-nav li a:hover .arrow,
.main-nav li.sfHover a .arrow {
    background: url(../images/icon-red-menu-dropdown.png) no-repeat;
    height: 10px;
    left: 50%;
    margin-left: -30px;
    position: absolute;
    top: 39px;
    width: 61px;
    z-index: 9999999;
}

.main-nav li a:hover,
.main-nav li a:active,
.main-nav li a:focus {
    background-color: #a51511;
    color: white;
    position: relative;
    z-index: 999999;
}

.main-nav>li.sfHover>a {
    background-color: #a51511;
    color: white;
    position: relative;
    z-index: 999999;
}

.current-page-parent,
.current-page-ancestor,
.current-menu-item,
.current_page_item {
    background: #A51511;
}

.current-page-parent > a,
.current-page-ancestor > a,
.current-menu-item > a,
.current_page_item > a {
    color: #fff !important;
}

/* 07 = ROTATOR STYLES
---------------------------------------------------------- */

.rotator-space {
    display: block;
    height: 480px;
    width: 100%;
}

/* 08 = CONTENT STYLING
---------------------------------------------------------- */

.content-space {
    background: white;
    border: solid #dfdfdf 1px;
    margin: 40px auto;
}

    .content-space .content { padding: 40px 50px }
    .content-space .content.main-page-rotator-content { padding: 27px 50px; }

.families-header {
    margin-bottom: 0px;
    margin-top: 0px;
}

.front-page-about-col { width: 515px }

    .front-page-about-col .text-content { margin-left: 190px }

        .front-page-about-col .text-content h3 {
            line-height: 14px;
            margin-bottom: 15px;
        }

.newsfeed-column { width: 300px }

    .newsfeed-column .newsfeed-header {
        background: #eaeaea;
        padding: 15px 20px;
    }

        .newsfeed-column .newsfeed-header h3 {
            background: url(../images/icon-facebook.png) center left no-repeat;
            color: #454545;
            font-size: 20px;
            line-height: 20px;
            margin: 0px;
            padding: 0px 0px 0px 25px;
        }

.newsfeed {
    height: 300px;
    overflow-y: scroll;
}

    .newsfeed .post {
        border-bottom: solid #dddddd 1px;
        padding: 15px 20px;
        word-wrap: break-word;
    }

        .newsfeed .post .date {
            font-size: 12px;
            font-weight: bold;
        }

.page-header-wrapper { margin: 20px 0px 25px 0px; }

.page-header h1 {
    color: #333333;
    font-size: 30px;
    margin: 5px 0px 0px 0px;
    text-transform: capitalize;
}

.subpage { margin: 0px auto 40px auto }

.question { cursor: pointer; }

.questionSelected {
    color: #A51511;
}

.answer {
    display: none;
    font-size: 14px;
    margin: 0 0 10px 0;
    padding: 0 0 0 18px;
}

.sponsor {
    display: block;
    min-height: 175px;
    margin-bottom: 40px;
    padding: 0 30px 0 45px;
    width: 225px;
}

.sponsor.text-sponsor {
    min-height: 20px;
    margin-bottom: 0px;
}

.sponsors-section-wrapper {
    background: #fff;
    margin-bottom: 45px;
}

.sponsor-sections {
    margin: 0 auto;
    width: 1000px;
}

.content .social-media-icon-pack {
    overflow: auto;
}

.content .social-media-icon-pack .social-icon {
    background-image: url(../images/social-icons-full-color-sprite.png);
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 25px;
    margin: 10px 2px 10px 0px;
    width: 25px;
}

.content .social-media-icon-pack .social-icon.facebook { background-position: 0px 0px }

.content .social-media-icon-pack .social-icon.twitter { background-position: -25px 0px }

.content .social-media-icon-pack .social-icon.instagram { background-position: -50px 0px }

.content .social-media-icon-pack .social-icon.flickr { background-position: -75px 0px }

.content .social-media-icon-pack .social-icon.youtube { background-position: -100px 0px }

.content .social-media-icon-pack .social-icon.google-plus { background-position: -125px 0px }

.content .social-media-icon-pack .social-icon.linkedin { background-position: -150px 0px }

.content .social-media-icon-pack .social-icon.pinterest { background-position: -175px 0px }

/* 09 = EVENTS STYLES
---------------------------------------------------------- */

.events-wrapper { position: relative }

.events-background-overlay {
    background: rgba(0, 0, 0, 0.4);
    height: 100%;
    left: 0px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
}

.events {
    margin: 12px auto;
    position: relative;
    width: 910px;
    z-index: 9999999;
}

    .events h4 {
        line-height: 45px;
        margin: 0px 0px 20px 0px;
        padding: 0px;
        font-weight: 300;
    }

.event-listing {

}

    .event-listing .event {
        padding: 10px 15px;
        width: 273px;
    }

    .event-listing .event.even { padding: 8px 15px 10px 15px }

    .event-listing .event.odd { background: #fff }

    .event-listing .event.even {
        border-bottom: solid #fff 1px;
        border-top: solid #fff 1px;
    }

    .event-listing .event h3 {
        font-size: 25px;
        font-weight: normal;
        margin: 0px 0px 0px 0px;
    }

    .event-listing .event .date {
        font-size: 18px;
        font-weight: 600;
        margin: 0px 0px 3px 0px;
    }

    .event-listing .event .time { 
        margin: 0px 0px 15px 0px;
        font-size: 18px;
    }

/* Odd Event Text Coloring */

    .event-listing .event.odd h3 { color: #222 }

    .event-listing .event.odd .date { color: #333 }

    .event-listing .event.odd .time { color: #555 }

/* Even Event Text Coloring */

    .event-listing .event.even h3 { color: #fff }

    .event-listing .event.even .date { color: #fff }

    .event-listing .event.even .time { color: #fff }

.view-all-events {
    background-image: url(../images/icon-white-arrow.png);
    background-position: 248px 20px;
    background-repeat: no-repeat;
    border-bottom: solid #fff 1px;
    border-left: solid #fff 1px;
    border-right: solid #fff 1px;
    font-size: 20px;
    margin-right: 1px;
    padding: 15px 15px;
    text-transform: uppercase;
    width: 271px;
}

.view-all-events:hover { background-color: rgba(255, 255, 255, 0.1) }

/* 10 = MAGNET STYLES
---------------------------------------------------------- */

.magnets .col { width: 298px }

    .magnets .col .magnet-header {
        border-left: solid #155b9d 1px;
        padding: 10px 15px;
    }

.magnets .col.border-left .magnet-header { border-left: none }

.magnets .col .magnet-header h4 {
    background-position: center left;
    background-repeat: no-repeat;
	background-color: #4872AE;
    font-size: 20px;
    font-weight: normal;
    margin: 0px;
    padding: 5px 0px 5px 35px;
    text-transform: uppercase;
}

.magnets .col.donate .magnet-header h4 { background-image: url(../images/icon-donate.png) }

.magnets .col.volunteer .magnet-header h4 { background-image: url(../images/icon-volunteer.png) }

.magnets .col.stories .magnet-header h4 { background-image: url(../images/icon-stories.png) }

.magnets .col .magnet-content {
    border-bottom: solid #ddd 1px;
    border-left: solid #ddd 1px;
    padding: 20px;
}

    .magnets .col .magnet-content .btn { margin-top: 20px; text-decoration: none;}

.magnets .col.border-right .magnet-content { border-right: solid #ddd 1px }

/* 10 = SPONSORS STYLES
---------------------------------------------------------- */

.sponsors-header {
    display: block;
    width: 100%;
    height: 60px;
    border: none;
    color: #fff;
    text-align: center;
    font-size: 37px;
    font-weight: bold;
    line-height: 63px;
    text-transform: uppercase;
    font-family: "Source Sans Pro";
}

.sponsors-header:hover, .sponsors-header:link, .sponsors-header:visited {
    color: #fff;
}

.sponsors-rotator-header {
    background-image: url(../images/our-sponsors-header-blank.png);
    background-repeat: no-repeat;
    display: block;
    height: 94px;
    width: 100%;
}

.sponsors-rotator {
    height: 185px;
    margin-top: 10px;
    overflow: hidden;
    position: relative;
    padding-left: 45px;
}

    .sponsors-rotator .sponsor-item {
        display: block;
        float: left;
        width: 175px;
        height: 175px;
        position: relative;
    }

    .sponsors-rotator .sponsor-item img {
        max-width: 175px;
        max-height: 175px;
    }

    .sponsors-rotator .deck {
        opacity: 0;
        position: absolute;
        width: 1000px;
    }

.sponsor-group {
    border-bottom: solid #ddd 1px;
    margin-bottom: 30px;
    margin-top: 30px;
    padding-bottom: 20px;
}

.sponsor-group.text-only {
    padding-bottom: 10px;
}

.sponsor-group.text-only h5{
    margin-left: 45px;
}

/* 10 = FOOTER STYLES
---------------------------------------------------------- */

.footer-wrapper {
    border-top: solid #2c476d 1px;
    min-height: 484px;
    overflow: auto;
    width: 100%;
}

.footer { padding: 32px 0px 0px 0px }

.footer .col {
    margin-right: 22px;
    width: 300px;
}

.footer .col .row { border-bottom: solid #2c476d 1px }

.footer .col .row.no-border { border-bottom: none }

.footer .col:last-child { margin-right: 0px }

.footer-magnets .col .magnet-header { padding: 10px 15px }

.quick-links-header {
	font-family: 'Source Sans Pro', sans-serif;
	line-height: 18px;
	background-position: center left;
    background-repeat: no-repeat;
    font-size: 20px;
    font-weight: normal;
    margin: 0px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-transform: uppercase;
    background-image: url(../images/icon-link.png);
    padding-left: 28px;
}

.recent-news-header {
	font-family: 'Source Sans Pro', sans-serif;
	line-height: 18px;
	background-position: center left;
    background-repeat: no-repeat;
    font-size: 20px;
    font-weight: normal;
    margin: 0px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-transform: uppercase;
    background-image: url(../images/icon-news.png);
    padding-left: 35px;
}

.footer-magnets .col .magnet-header h4 {
    background-position: center left;
    background-repeat: no-repeat;
    font-size: 20px;
    font-weight: normal;
    margin: 0px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-transform: uppercase;
}

.footer-magnets .col.link .magnet-header h4 {
    background-image: url(../images/icon-link.png);
    padding-left: 28px;
}

.footer-magnets .col.news .magnet-header h4 {
    background-image: url(../images/icon-news.png);
    padding-left: 35px;

}

.footer-magnets .col .magnet-content {
    border: solid #2c476d 1px;
    padding: 15px 20px;
}

.footer-magnets .col .magnet-content .btn { margin-top: 20px }

.footer-magnets .col.border-right .magnet-content { border-right: solid #ddd 1px }

.arrowed-list {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

    .arrowed-list li {
        background: url(../images/icon-white-arrow.png) left center no-repeat;
        margin-bottom: 10px;
    }

        .arrowed-list li a {
            color: white;
            display: block;
            font-family: 'Source Sans Pro', sans-serif;
            font-size: 16px;
            padding: 0px 0px 0px 15px;
        }

.footer .news .btn.read-more {
    margin-bottom: 2px;
    margin-top: 30px;
}

.footer .social-icon-pack .social-icon {
    display: block;
    float: left;
    height: 29px;
    margin-bottom: 2px;
    margin-right: 2px;
    width: 29px;
}

.footer .social-icon-pack .social-icon.facebook { background-position: 0px 0px }

.footer .social-icon-pack .social-icon.twitter { background-position: -29px 0px }

.footer .social-icon-pack .social-icon.instagram { background-position: -58px 0px }

.footer .social-icon-pack .social-icon.flickr { background-position: -87px 0px }

.footer .social-icon-pack .social-icon.youtube { background-position: -116px 0px }

.footer .social-icon-pack .social-icon.google-plus { background-position: -145px 0px }

.footer .social-icon-pack .social-icon.linkedin { background-position: -174px 0px }

.footer .social-icon-pack .social-icon.pinterest { background-position: -203px 0px }

.footer .social-search {
    margin-bottom: 15px;
    padding-bottom: 15px;
}

    .footer .social-search .left { width: 130px }

    .footer .social-search .right { width: 165px }

        .footer .social-search .right .search-box {
            border-bottom: none;
            border-left: solid #2c476d 1px;
            border-right: none;
            border-top: solid #2c476d 1px;
            font-family: 'Source Sans Pro', sans-serif;
            font-size: 17px;
            font-style: italic;
            font-weight: 300;
            padding: 5px 10px;
            width: 144px;
        }

.footer-header { 
    font-size: 16px;
    margin-bottom: 10px !important; 
    text-transform: uppercase;
}

.help-buttons { margin-bottom: 16px }

    .help-buttons .donate-btn-footer { margin-right: 15px }

.footer .be-helpful .btn.large { width: 122px }

.footer .internal-links { padding-top: 10px }

.copyright {
    font-size: 16px;
    margin-top: 20px;
}

.policy-statement { font-size: 14px }

/* Table to Div Plugin Styling */

.div-table {
    width: 100%;
    display: block;
    overflow: auto;
}

.div-table .div-table-row {
    width: 100%;
    clear: both;
    display: block;
    vertical-align: top;
}

.div-table .div-table-col {
    display: inline-block;
    vertical-align: top;
}

/* Specific Table Styling */

.staff-table {
    margin-top: 30px;
}

.staff-table .div-table-row {
    margin-bottom: 20px;
}

.staff-table .div-table-row .div-table-col:nth-child(odd) {
    width: 15% !important;
}

.staff-table .div-table-col {
    font-size: 13px;
    width: 25%;
    vertical-align: middle;
    padding-right: 4%;
    word-wrap: break-word;
}

.staff-table .div-table-col img {
    margin: 0px;
    width: 100% !important;
    height: auto;
}

#tribe-events-bar span.tribe-bar-views-select {
    display: none;
}

body .gform_wrapper .gfield_radio li {display: inherit}
body .gform_wrapper .gfield_radio li label {display: inline-block}

/* Grid Styles */

.grid-content .col-md-4 {
    margin: 10px 0;
}

.grid-content .col-md-4 a {
    text-decoration: none;
}

.grid-content .col-md-4 .grid-image {
    overflow: hidden;
}

.grid-content .col-md-4 img {
    padding: 0;
    margin: 0;
    max-width: 100%;
    height: auto;
    display: block;
    position: relative;
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
}

.grid-content .col-md-4:hover img {
    -ms-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
  }
  
.grid-content span.grid-item-title {
    display:block;
    width: 100%;
    padding: 10px;
    margin: 0;
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    background-color: #4872AE;
    text-align: center;
}

.grid-content .col-md-4:hover span {
    background-color: #2c476d;
}