/*--------------------------+
 | Site: Bridge Communities |
 | Part: Master styles      |
 +--------------------------*/

/* Imports
=====================================================================*/
@import url(//fonts.googleapis.com/css?family=Lobster|Handlee);
@import url(//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css);
@import url(/styles/reset.css);
@import url(/styles/ie.css);
@import url(/styles/forms.css?t=1);

/* Fonts
======================================================================*/
body, input, select, textarea { font-family: "myriad-pro", Arial, sans-serif; }
.handwritten { font-family: Handlee, Georgia, cursive; }


/* Basics
======================================================================*/
a { color: #0984c6; text-decoration: none; }
a:hover { text-decoration: underline; }
body { background: #eee; color: #575757; font-size: 18px; font-style: normal; font-weight: 300; line-height: 1.5; }
cite, em { font-style: italic; }
dl, ol, p, table, ul { margin-bottom: 0.8em; }
dt { margin-top: 0.8em; }
dt:first-child { margin-top: 0; }
dt, h4, h5, h6, strong { font-weight: bold; }
h1 { color: #000; font-size: 40px; line-height: 1.1; margin-bottom: 0.5em; }
h2 { color: #000; font-size: 26px; font-weight: normal; line-height: 1.3; margin-bottom: 0.3em; }
h3 { font-size: 20px; font-weight: 600; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
hr { background: #ddd; border: 0; clear: both; color: #ddd; height: 1px; margin: 30px 0; }
img { max-width: 100%; }
li { margin-bottom: 0.5em; }
ol { list-style: decimal; margin-left: 2em; }
table { border-collapse: collapse; width: 100%; }
td, th { border: 1px solid #ddd; padding: 0.5em; }
ul { list-style: disc; margin-left: 1.5em; }

/* Stock */
.c { text-align: center; }
.l { float: left; }
.r { float: right; }
.closed { display: none; }


/* Layout
======================================================================*/
.clear { clear: both; }

/* Columns */
.c2l, .c2r { width: 48%; }
.c2l, .c3l, .c3m { float: left; }
.c2r, .c3r { float: right; }
.c3l { margin-right: 3%; }
.c3l, .c3m, .c3r { width: 31%; }

/* Content */
#content, #footer-content, #header-content, #nav-content { margin: 0 auto; max-width: 1130px; }
#content-primary { float: left; margin-bottom: 30px; width: 65.48%; }
#content-secondary { float: right; margin-bottom: 30px; width: 30.97%; }
#content-wrapper { background: #fff; padding: 40px 20px; }

    /* Full */
    .full #content-primary { float: none; width: auto; }
    .full #content-secondary { display: none; }
    
    /* Home */
    .home #content-primary { float: none; width: auto; }


/* Content
======================================================================*/

/* A Chair Affair */
#chair { position: relative; }
#chair #images { list-style: none; margin: 0; }
#chair #images li { box-sizing: border-box; display: inline-block; margin: 0; padding: 0 10px 10px 0; vertical-align: top; width: 19%; }
#chair #images li.open { height: 830px; }
#chair #images li.open .chair-details { display: block; }
#chair #images li.open .thumb { border: 4px solid #ad0124; }
#chair #images .thumb { display: block; }
#chair #images .thumb:hover { opacity: 0.7; }
#chair #images .thumb img { display: block; width: 100%; }
#chair-vote-thanks .addthis_toolbox { width: 150px; margin: 0 auto; }

    /* Details */
    .chair-details { margin: 10px 0; left: 0; position: absolute; top: auto; width: 97%; }
    .chair-details .close { color: #000; font-size: 20px; opacity: 0.3; position: absolute; right: 13px; top: 8px; }
    .chair-details .scroll { height: 200px; margin: 10px 0; }
    .chair-details p { margin: 0 0 0.7em; }
    .chair-details .details-content { background: #f5f5f5; overflow: hidden; padding: 60px; }
    .chair-details .details-nav { left: 20px; position: absolute; top: 10px; }
    .chair-details .details-nav a { font-size: 30px; }
    .chair-details .details-primary { float: left; position: relative; width: 48%; }
    .chair-details .details-primary a:hover { opacity: 0.8; }
    
    .chair-details .details-primary .view-images {
        background: #fff;
        border-radius: 50px;
        bottom: 5px;
        box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
        line-height: 1;
        padding: 0.5em 0.7em;
        position: absolute;
        right: 5px;
    }
    
    .chair-details .details-primary img { display: block; width: 100%; }
    .chair-details .details-secondary { float: right; width: 48%; }

    /* Voting */
    #chair-vote { background: #fff; left: 27%; height: 375px; position: fixed; top: 23%; width: 45%; z-index: 10000; }
    #chair-vote .details-content { overflow: visible; }
    #chair-vote .details-content img.l { padding: 0 20px 20px 0; }

/* Action buttons */
.action {
    -webkit-appearance: none;
    background: #fdec78;
    border: 0;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-weight: 300;
    padding: 0.6em 1em 0.5em;
    text-decoration: none;
}

.action.strong{ 
	font-weight:bold;
}

/* AddThis */
.addthis_toolbox { clear: both; padding-top: 10px; }
.addthis_toolbox a { float: left; margin-right: 3px; }

.banner { color:white; align-items: center; text-align: center; padding: 1.5em; width: 100%; font-size: larger; background-image: url('/images/spinutech-header.png'); }
.banner a { color:white;}


/* Callouts */
div.call-l, img.call-l { clear: left; }
div.call-r, img.call-r { clear: right; }
.call-l { float: left; margin: 0.5em 2em 0.5em 0; }
.call-r { float: right; margin: 0.5em 0 0.5em 2em; }
.call, div.call-l, div.call-r { font-size: 0.75em; }
.call img, .call-l img, .call-r img { display: block; }
.call, .call-l p, .call-r p { margin-bottom: 0.5em; }
.credit { color: #7f8183; font-size: 0.75em; letter-spacing: 0.01em; margin-bottom: 0.5em; text-align: right; }

/* Client stories */
.client-stories dd { margin-bottom: 30px; }
.client-stories dt { border-top: 1px solid #ddd; clear: both; font-size: 26px; line-height: 1.3; padding-top: 30px; }
.client-stories .thumb { float: right; margin: 11px 0 10px 10px; width: 30%; }

    /* Client updates */
    .client-update { background: #fdec78; margin-bottom: 20px; padding: 20px 30px 10px; }
    
    /* Header */
    #client-story-header { border-bottom: 1px solid #ddd; margin-bottom: 20px; padding-bottom: 11px; }
    #client-story-header h1 { margin: 0; }
    #client-story-header img { display: block; margin: 15px 0; width: 100%; }

/* Colorbox overrrides */
#colorbox button { border: 0; }

/* Comments */
.comments { list-style: none; margin-left: 0; }
.comments li { margin: 0; }

/* donation arrow on the donation page */
.donate-arrow {
    /*
    float: left;
    width: 40% !important;
    margin-top: -44%;
    margin-left: 64%;
    */
    /* transform:rotate(-26deg);*/
    /*float:left;-moz-transform:scaleX(-1); -o-transform: scaleX(-1);-webkit-transform:scaleX(-1); transform:scaleX(-1); filter:FlipH; -ms-filter: 'FlipH';*/
    background-image: url('/images/left-arrow-blue.png');
    background-size: 79%;
    background-repeat: no-repeat;
    float: left;
    width: 5em;
    height: 5em;
    margin-left:-4em;
    margin-top:1.1em;
    margin-right:-1em;
}

.donate-arrow-cwtl {
    /*
    float: left;
    width: 40% !important;
    margin-top: -44%;
    margin-left: 64%;
    */
    /* transform:rotate(-26deg);*/
    /*float:left;-moz-transform:scaleX(-1); -o-transform: scaleX(-1);-webkit-transform:scaleX(-1); transform:scaleX(-1); filter:FlipH; -ms-filter: 'FlipH';*/
    background-image: url('/images/left-arrow-blue.png');
    background-size: 79%;
    background-repeat: no-repeat;
    float: left;
    width: 5em;
    height: 5em;
    margin-left: -3em;
    margin-top: 1.1em;
    margin-right: -1em;
}


/* Factoids */
.factoid { background: #f3f3f3; padding: 25px; }

/* Features */
.feature { margin-bottom: 35px; position: relative; }
.feature img { display: block; width: 100%; }
.feature .overlay { background: url(/images/overlay-bg.png); color: #fff; font-weight: normal; left: 35px; padding: 20px 30px 25px; position: absolute; top: 35px; width: 34.51%; }
.feature .overlay a { color: #9ecee8; }
.feature .overlay .action { color: #000; margin-right: 1em; }
.feature .overlay p { margin: 0; }
.feature .overlay .title { font-size: 24px; line-height: 1.3; margin-bottom: 0.5em; }
.tab-feature { margin-bottom: 15px; }
.tab-feature img { display: block; width: 100%; }

/* Footer */
#footer { font-size: 16px; padding: 50px 20px; }
#footer .action { border: 1px solid #bcbcbc; }
#footer .adr, #footer .street-address, #footer .tel { display: block; }
#footer h6 { font-size: 18px; font-weight: 600; margin-bottom: 0.5em; }
#footer .section { float: left; margin: 0 3.53% 40px 0; width: 30.97%; }
#footer .section.last { float: right; margin-right: 0; }

    /* Colophon */
    #colophon { border-top: 1px solid #ddd; clear: both; font-size: 14px; padding-top: 30px; }

/* Handwriting */
.handwritten { font-size: 30px; line-height: 1.05; }
.note .handwritten { color: #000; font-size: 41px; text-align: center; }

/* Header */
#header { background: #fff; padding: 20px; position: relative; }
#header-secondary { float: right; list-style: none; text-align: right; }

    /* Logo */
    #logo { float: left; max-width: 68.57%; }
    #logo a { color: #575757; }
    #logo a:hover { text-decoration: none; }
    #logo img { display: inline-block; margin-right: 20px; max-width: 157px; vertical-align: -100%; }
    #logo #tagline { display: inline-block; font-size: 24px; line-height: 1.3; }
    .fhflogo { max-width:32% !important }
    
    /* Nav */
    #header-nav { margin-left: 0; white-space: nowrap; }
    #header-nav #donate { font-weight: bold; }
    #header-nav #donate .fa { font-size: 15px; }
    #header-nav li { display: inline; margin-left: 1em; }

/* Highlights */
.highlights { border-bottom: 1px solid #ddd; font-size: 20px; margin-bottom: 3em; padding-bottom: 1em; text-align: center; }
.highlights .action { font-size: 24px; padding: 0.5em 2em; }
.highlights .c3l, .highlights .c3m, .highlights .c3r { margin-bottom: 30px; text-align: left; }
.highlights h1 { margin-bottom: 0.8em; }

/* Hidden*/
.hidden { visibility:hidden; display:none; }

/* Icons */
.icon { margin-right: 5px; }

/* Iframes */
.iframe-container { height: 0; overflow: hidden; padding-top: 30px; position: relative; }
.iframe-container iframe { left: 0; height: 100%; position: absolute; top: 0; width: 100%; }

/* Intro */
.intro { font-size: 20px; font-weight: normal; }

/* Logos */
.logos { font-size: 14px; list-style: none; margin-left: 0; line-height: 80px; text-align: center; }
.logos a:hover { opacity: 0.7; }
.logos img { max-height: 42px; vertical-align: middle; }
.logos img, .logos li { max-width: 130px; }
.logos li { display: inline-block; line-height: 1.2; margin: 0 12px; vertical-align: middle; }

    /* Sizes */
    .logos-2x { font-size: 18px; line-height: 130px; }
    .logos-2x img, .logos-2x li { max-width: 195px; }
    .logos-2x img { max-height: 100px; }
    .logos-3x { font-size: 22px; line-height: 170px; }
    .logos-3x img, .logos-3x li { max-width: 260px; }
    .logos-3x img { max-height: 140px; }

/* Marathon */
    /* People */
    .marathon .fundraisers { list-style: none; margin: 0; overflow: hidden; }
    .marathon .fundraisers li { box-sizing: border-box; float: left; margin: 0 3% 20px 0; overflow: hidden; padding-left: 80px; width: 30%; }
    .marathon .fundraisers .name { display: block; font-size: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .marathon .fundraisers .thumb { float: left; margin-left: -80px; width: 65px; }
    .marathon .fundraisers .total { display: block; }
    
    /* Search */
    #marathon-search * { font-size: 30px; }
    #marathon-search .btn { padding: 0.3em 0.8em; }
    #marathon-search .txt { width: 60%; }
    
    /* Total raised */
    #marathon-total { text-align: center; }
    #marathon-total p { margin: 0; }
    #marathon-total-value { color: #118332; display: block; font-size: 100px; font-weight: 300; line-height: 1; }

/* Muted text */
.mute { color: #666; font-size: 13px; }

/* Navigation */
#nav { background: #fddf1b; font-size: 20px; padding: 0 20px; }

    /* Primary */
    #nav-primary { float: left; list-style: none; margin: 0; }
    #nav-primary a { color: #000; display: block; padding: 0.6em 0.7em 0.6em; }
    #nav-primary a:hover { background: rgba(255, 255, 255, 0.4); text-decoration: none; }
    #nav-primary li { float: left; margin: 0; }
    #nav-primary li.current a { background: rgba(255, 255, 255, 0.6); }
    
    /* Secondary */
    #nav-secondary { margin-bottom: 40px; }
    #nav-secondary .current > a { color: #000; }
    #nav-secondary h3 { font-size: 28px; font-weight: 300; }
    #nav-secondary > ul { font-weight: normal; list-style: none; margin: 0; }
    #nav-secondary > ul > li { margin: 0; }
    #nav-secondary > ul > li > a { border-bottom: 1px solid #ddd; display: block; padding: 0.5em 0; }
    #nav-secondary > ul > li.current { border-bottom: 1px solid #ddd; }
    #nav-secondary > ul > li.current > a { border: 0; }
    #nav-secondary > ul > li.expanded > a { border: 0; }
    #nav-secondary ul ul { font-size: 16px; margin-left: 1em; }
    
    /* Social */
    #nav .social { float: right; margin: 0; padding-top: 0.8em; text-align: right; }
    #nav .social a:hover .fa-stack-1x { color: #000; }
    #nav .social a:hover .fa-stack-2x { color: #fff; }

/* News */
.news { list-style: none; margin-left: 0; }
.news li { clear: both; margin-bottom: 40px; overflow: hidden; }
.news .news-content { float: right; width: 63.48%; }
.news .thumb { border: 1px solid #dfdfdf; float: left; margin-top: 4px; width: 32.74%; }

    /* Home */
    .home .news .news-content { width: 64.48%; }

/* Pages */
.pagination { list-style: none; text-align: center; }
.pagination a { border: 1px solid #ddd; border-radius: 3px; padding: 0.5em 0.8em 0.3em; }
.pagination a:hover { background: #0984c6; color: #fff; text-decoration: none; }
.pagination li { display: inline; margin: 0 0.5em; }
.pagination li.current a { background: #fdec78; color: #000; cursor: default; }

/* Payment history */
.payment-history .amount { width: 90px; }
.payment-history .date { width: 120px; }
.payment-history .invoice { width: 75px; }
.payment-history .memo {  }
.payment-history .n { color: red; }
.payment-history .num { text-align: right; }
.payment-history .p { color: green; }
.payment-history .total td { border-top: 3px double #ccc; font-weight: bold; }
.payment-history tr.transaction-row:hover td { background: #f0f0f0; cursor: pointer; }
.payment-history tr.transaction-row:hover td .transaction-details { cursor: default; }
.payment-history tr.transaction-row:hover td .transaction-details tr td { background: #ffc; cursor: default; }
.payment-history tr.current td { background: #fff; font-weight: bold; }

    /* Transaction detail */
    .transaction-detail { border: 2px solid #888; }
    .transaction-detail .amount { width: 16%; }
    .transaction-detail table { margin: 0; }
    .transaction-detail > td { background: #fff; padding: 0; }
    .transaction-detail .memo { width: 38%; }
    .transaction-detail .tools { padding-left: 0.5em; width: 8%; }
    
        /* Transaction item */
        .transaction-details tr th { background: #eec; font-weight: bold; }
        .transaction-details tr td { background: #ffc; }

/* Progress */
.progress {
    background: #f7f7f7;
    border: 1px solid #e5e5e5;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    font-size: 18px;
    list-style: none;
    margin: 40px 0;
    text-align: center;
    padding: 1em;
}

.progress .current { font-weight: bold; }
.progress .current a { color: #000; }
.progress li { display: inline; margin: 0 1em; }

/* google search console */
.gsc-search-box.gsc-search-box-tools td, td.gsc-result-info-container, td.gsc-orderby-container, .gsc-resultsbox-visible td {
    border: none;
}


/* Search results */
#search-results h2 { margin-top: 1em; text-transform: none; }
#search-results p { margin: 0; }
#searchSort, #search-results { margin: 0; }
#searchPages { font-weight: bold; text-align: center; }
#searchPages a { font-weight: normal; padding: 0.2em; }
#searchPages li { background: none; display: inline; margin: 0 0.2em; padding: 0; }	
/* Scrollable divs with hidden scrollbar */
.scroll .scroll-content { height: 100%; overflow: auto; width: 100%; }

/* Skip */
.skip { display: none; }

/* Sleep Out Saturday */
#sos-login { position: relative; z-index: 1000; }
#sos-login a { text-decoration: none; }
#sos-login a:hover { text-decoration: underline; }
#sos-login .sos-announcement { position: absolute; right: 0; top: 0; width: 500px; }

    /* Actions */
    .sos-action {
        -webkit-appearance: none;
        background: #b4c9e8;
        background: -moz-linear-gradient(top, #b4c9e8 0%, #3763af 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4c9e8), color-stop(100%,#3763af));
        background: -webkit-linear-gradient(top, #b4c9e8 0%,#3763af 100%);
        background: -o-linear-gradient(top, #b4c9e8 0%,#3763af 100%);
        background: -ms-linear-gradient(top, #b4c9e8 0%,#3763af 100%);
        background: linear-gradient(to bottom, #b4c9e8 0%,#3763af 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4c9e8', endColorstr='#3763af',GradientType=0 );
        border: 1px solid #7c9fd3;
        border-radius: 6px;
        color: #fff;
        cursor: pointer;
        font-size: 18px;
        font-weight: bold;
        padding: 0.4em 1em;
        text-decoration: none;
        text-shadow: #4b77bb 1px 1px 0;
        vertical-align: middle;
    }
    
    /* Layout */
    .sos-content {
        background: #f4f7fc;
        background: rgba(244, 247, 252, 0.85) url(/images/sos/zzzzz.png) no-repeat 105% 620px;
        border: 1px solid #ddd;
        border-radius: 10px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
        clear: both;
        color: #4d4d4f;
        font-size: 18px;
        line-height: 1.3;
        padding-top: 20px;
        padding-bottom:10px; 
        padding-right:10px;
        padding-left:10px;
    }
    
        /* Announcements */
        .sos-announcement .sos-content .sos-action {
            background: #fff8e6;
            background: -moz-linear-gradient(top, #fff8e6 0%, #ffe588 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff8e6), color-stop(100%,#ffe588));
            background: -webkit-linear-gradient(top, #fff8e6 0%,#ffe588 100%);
            background: -o-linear-gradient(top, #fff8e6 0%,#ffe588 100%);
            background: -ms-linear-gradient(top, #fff8e6 0%,#ffe588 100%);
            background: linear-gradient(to bottom, #fff8e6 0%,#ffe588 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff8e6', endColorstr='#ffe588',GradientType=0 );
            border-color: #f4df9e;
            clear: both;
            color: #3763af;
            text-shadow: #fff 1px 1px 0;
        }

        .sos-announcement .sos-content, #sos .sos-announcement .sos-content h2, #sos .sos-announcement .sos-content h3 { color: #57585a; }
        .sos-announcement .sos-content h2 { font-size: 20px; font-weight: normal; margin-bottom: 25px; }
        #sos .sos-announcement .sos-close { color: #ebd67b; float: right; }
        #sos .sos-announcement .sos-close:hover { color: #3763af; text-decoration: none; }

        .sos-announcement .sos-content {
            background: #fffdf1;
            background: -moz-linear-gradient(top, #fffdf1 0%, #fff3c3 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffdf1), color-stop(100%,#fff3c3));
            background: -webkit-linear-gradient(top, #fffdf1 0%,#fff3c3 100%);
            background: -o-linear-gradient(top, #fffdf1 0%,#fff3c3 100%);
            background: -ms-linear-gradient(top, #fffdf1 0%,#fff3c3 100%);
            background: linear-gradient(to bottom, #fffdf1 0%,#fff3c3 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffdf1', endColorstr='#fff3c3',GradientType=0 );
            font-size: 16px;
        }

        .sos-announcement .sos-section { background: #fff; border-color: #fff0af; }
        
        /* Sections */
        .sos-section {
            background: #e9eff8;
            border: 2px solid #fff;
            border-radius: 8px;
            clear: both;
            color: #000;
            margin-bottom: 20px;
            padding: 20px;
        }
        
        .sos-content a { color: #3763af; }
        .sos-content h1, .sos-content h2, .sos-content h3 { color: #1d4591; }
    
    /* Utilities */
    .sos-utilities { padding: 0; }

/* Social links */
.social { font-size: 13px; list-style: none; margin-left: 0; }
.social a { color: #000; }
.social a:hover { text-decoration: none; }
.social li { display: inline; margin: 0; }

    /* Thank you */
    .social-thanks { font-size: 20px; }
    .social-thanks a:hover { opacity: 0.7; }
    .social-thanks .facebook { color: #3b5998; }
    .social-thanks .twitter { color: #55acee; }

/* Sponsors */
.sponsors { font-size: 20px; text-align: center; }
.sponsors h3 { border-top: 1px solid #ddd; margin: 30px 0 0; padding-top: 30px; font-size: 26px; font-weight: bold; }
.sponsors h3:first-of-type { border: 0; }
.sponsors img { vertical-align: middle; }
.sponsors li { display: inline; margin: 0 10px; }
.sponsors ul { line-height: 100px; list-style: none; margin: 0; }
.sponsors-vertical h3:first-of-type { margin: 0; padding: 0; }
.sponsors-vertical li { display: block; margin: 20px 0; }
.sponsors-vertical ul { line-height: normal; }
.sponsors-note { text-align:center;  }
.sponsors-note hr { background-color:gray !important; height:0.01em;}
/* Stats */
.stats h2 { font-weight: bold; margin: 0; }

/* Tooltips */
#tooltip {
	background-color: #fff;
	border: 2px solid #777;
	border-radius: 3px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
	position: absolute;
	padding: 5px;
	width: 400px;
	z-index: 3000;
}

#tooltip h3, #tooltip div { margin: 0; }

/* Event Registration button styles */
.reg-btn-update, .reg-showhide { -webkit-appearance:none;background: #fdec78;border:0;color: #000;cursor:pointer;display:inline-block;font-weight:300;padding: 0.3em 0.5em 0.25em;text-decoration:none; }