/* =========================
 * BASICS
 * =========================
 */

html, body, table, th, tr, td, p, img, hr, ul, li, h1, h2, h3, h4, h5, div, form, fieldset {padding:0; margin:0; border:none;}
div,img { position:relative; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    html, body, table, th, tr, td, p, img, hr, ul, li, h1, h2, h3, h4, h5, div, form, fieldset {padding:0; margin:0; border:none;}
    h1 {font-weight:normal;}
}

@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');

.invisible { opacity:1; transform:scale(1); }
.fall_in { transform:scale(1);transition: all 2s; }
.white { color:#FFFFFF; }
.blue { color:#05C3DE; }
.hidden { display:none; }
.center { text-align:center; }
.center_img {  margin-left:auto; margin-right:auto; display:block; }
.sp_before_6 { margin-top:6px; }
.sp_before_9 { margin-top:9px; }
.sp_before_12 { margin-top:12px; }
.sp_before_18 { margin-top:18px; }
.sp_before_20 { margin-top:20px; }
.sp_before_40 { margin-top:40px; }
.sp_before_m6 { margin-top:-6px; }
.sp_before_m9 { margin-top:-9px; }
.sp_before_m12 { margin-top:-12px; }
.sp_before_m18 { margin-top:-18px; }
.sp_before_m20 { margin-top:-20px; }
.sp_before_m40 { margin-top:-40px; }
.sp_after_6 { margin-bottom:6px; }
.sp_after_9 { margin-bottom:9px; }
.sp_after_12 { margin-bottom:12px; }
.sp_after_18 { margin-bottom:18px; }
.sp_after_20 { margin-bottom:20px; }
.sp_after_40 { margin-bottom:40px; }
.sp_after_m6 { margin-bottom:-6px; }
.sp_after_m9 { margin-bottom:-9px; }
.sp_after_m12 { margin-bottom:-12px; }
.sp_after_m18 { margin-bottom:-18px; }
.sp_after_m20 { margin-bottom:-20px; }
.sp_after_m40 { margin-bottom:-40px; }
.w100 { width:100%; }
.w95 { width:95%; }
.w90 { width:90%; }
.w85 { width:85%; }
.w80 { width:80%; }
.w75 { width:75%; }
.w70 { width:70%; }
.w65 { width:65%; }
.w60 { width:60%; }
.w55 { width:55%; }
.w50 { width:50%; }
.w45 { width:45%; }
.w40 { width:40%; }
.w35 { width:35%; }
.w30 { width:30%; }
.w25 { width:25%; }
.w20 { width:20%; }
.w15 { width:15%; }
.w10 { width:10%; }
.float_l { float:left; }
.brandon { font-family:'brandon-grotesque',sans-serif; }
.regular { font-style:normal; }

a {
    text-decoration:none;
    
}

a.donate_text {
    color:white;
}



h3 { 
    font-family:'brandon-grotesque',sans-serif;
    font-size:24px;
    font-weight:400;
    color:#9b9750;
    margin:20px 0;
}

span.bold { font-weight:600; }

html {
    font-size:16px;
/*    overflow:hidden; */
}

body {
    width:100%;
    height:100%;
    background-color:#FFFFFF;
    color:#000000;
    font-family:'bodoni-urw',serif;
    font-weight:400;
    overflow-x:hidden;
    overflow-y:scroll;
    display:none;
}

div.section {
    width:100%;
    height:auto;
    float:left;
    min-height:100vh;
    border-bottom:4px solid #ae9a85;
    overflow:hidden;
}

div.sidebar {
    width:100%;
    height:auto;
    float:left;
    background-size:100%;
    text-align:center;
    padding:0 0 8vh 0;
}

div.sidebar_spacer {
    width:100%;
    height:5vh;
}

div.sidebar_spacer:first-child {
    height:10vh;
}

div.sidebar p {
    padding:0 20px
}

div.margin {
    width:50px;
    height:calc(100% - 80px);
    margin:80px 0 0 0;
    float:left;
}

div.content {
    width:calc(100% - 16vw);
    height:auto;
    margin:10vh 8vw 0 8vw;
    float:left;
}

div.content_lcol,div.content_ccol,div.content_rcol {
    width:calc(100% - 16vw);
    height:calc(100% - 80px);
    margin:0 8vw 0 8vw;
    float:left;
}

div.content_lcol {
    margin-top:10vh;
}

div.gutter {
    width:30px;
    height:calc(100% - 80px);
    margin:10vh 8vw 0 8vw;
    float:left;
}

div.inner_content {
    width:100%;
    height:100%;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-around;
}

div.inner_col {
    padding:0 10px;
    width:calc(100% - 20px);
}

div.inner_fat_col {
    width:100%;
}

div.inner_thin_col {
    width:100%;
}

div.content_full_overlay {
    width:100%;
    height:auto;
}

div.content_full_overlay img {
    width:85%;
    margin-bottom:-2%;
}

div#footer {
    width:100%;
    height:50px;
    background-color:#BEAF9D;
    display:table;
    text-align:center;
}

div#footer p {
    display:table-cell;
    vertical-align:middle;
    font-size:.8rem;
    color:#FFFFFF;
    font-family:'brandon-grotesque',sans-serif;
}

p.big_stat {
    font-size:72px;
    color:#9b9750;
    font-style:italic;
    font-family:'bodoni-urw','bodoni',serif;
    font-weight:500;
    margin-bottom:-10px;
}

p.big_stat_blue { 
    font-size:72px;
    color:#05c3de; 
    font-style:italic;
    font-family:'bodoni-urw','bodoni',serif;
    font-weight:500;
    margin-bottom:-10px;
}


div.blue_rule, div.blue_rule_mobile {
    height:3px;
    width:100%;
    margin:20px 0;
    background-color:#05C3DE;
}

div.white_rule {
    height:2px;
    width:70%;
    margin:20px auto;
    background-color:#FFFFFF;
}

img.sect_head {
    width:100%;
    margin:0 auto 30px auto;
    display:block;
}

p {
    font-size:1rem;
    margin:0 0 12px 0;
}


/* SECTIONS ============================= */

/* HOME SECT ------------------ */

div#home_sect { }

div#home_sect .sidebar {
    background-image:url('../_img/bg_brcanvas.jpg');
}

div#home_sect div.content img {
    width:100%;
}

/* MOMENTS SECT ------------------ */

div#moments_sect {
    background-image:url('../_img/bg_corktile.jpg');
}

div#moments_sect .sidebar { }

div#moments_head_wrap {
    width:calc(100% - 10vw);
    padding:5vh 5vw 3vh 5vw;
    background-image:url('../_img/moments_head_bg.png');
    margin-top:-10vh;
    font-size:1rem;
}

div#moments_head_wrap img {
    width:80%;
    margin:40px auto;
}

div.moments_polaroid_wrap {
    margin:0 0 -20px 0;
    width:100%;
}

div.moments_polaroid_wrap img {
    width:100%;
}

/* IMACT SECT ------------------ */

div#impact_sect { }

div#impact_sect .sidebar {
    background-image:url('../_img/bg_brnleaf2.jpg');
}

/* MCI SECT ------------------ */

div#mci_sect { }

div#mci_sect .sidebar {
    background-image:url('../_img/bg_brnleaf1.jpg');
}

img.mci_photo,img.mci_photo_35 {
    width:80%;
    display:block;
    margin:0 auto;
}

img.mci_photo_35 {
    width:80%;
}

div#mci_sect div.content_full_overlay {
    background-image:url('../_img/bg_brnleaf2.jpg');
}


/* MEET SECT ------------------ */

div#meet_sect { }

div#meet_sect .sidebar {
    background-image:url('../_img/bg_darkwood.jpg');
}

div#meet_sect img.meet_photo {
    width:80%;
    display:block;
    margin:0 auto;
}

/* LEADERSHIP SECT ------------------ */

div#leadership_sect { }

div#leadership_sect div.content {
    width:calc(100% - 16vw);
}

div#leadership_sect div.sidebar {
    background-image:url('../_img/bg_bluewood.jpg');
}

div#leadership_list {
    width:100%;
    height:70vh;
    padding:0 1vw;
    border:1px solid #BEAF9D;
    margin:20px 0 30px 0;
}

div#leadership_list p {
    font-size:.8rem;
    margin:0;
}

div#leadership_list p.subhead {
    font-family:'brandon-grotesque',sans-serif;
    margin:12px 0 12px 0;
    color:#9b9750;
    text-transform:uppercase;
}

div#leadership_list p.rule_above {
    padding-top:8px;
    border-top:2px solid #05C3DE;
}

div#leadership_list p.title {
    font-style:italic;
    color:#05C3DE;
    font-weight:700;
    margin:10px 0 0 0;
}

div#leadership_list p.caption {
    font-style:italic;
    margin:0 0 12px 0;
}


div#leadership_carousel {
    width:100%;
    height:auto;
    overflow:hidden;
    margin:10vh auto 0 auto;
}

/* FINANCIALS SECT ------------------ */

div#financials_sect { }

div#financials_sect .sidebar {
    background-image:url('../_img/bg_grenleaf.jpg');
}

div#financials_sect video {
    border:none;
}

div#financials_sect .sidebar img {
    width:100%;
    margin-top:40px
}

div#fin_sb_block {
    color:#FFFFFF;
    text-align:center;
    font-family:'bodoni-urw',serif;
    margin:100px auto 0 auto;
    padding:0 40px;
}

div#fin_sb_block p { font-size:1.1rem; margin:0 0 0 0; color:#D3D3D3;}
div#fin_sb_block h1 { font-family:'brandon-grotesque',sans-serif; font-size:2rem; margin:0 0 0 0; line-height:1.9rem; }
div#fin_sb_block h2 { font-size:4rem; font-style:italic; font-weight:400; margin:0 0 0 0;  line-height:3.5rem; }
div#fin_sb_block h3 { font-family:'bodoni-urw',serif; font-size:1.6rem; line-height:1.9rem; font-weight:500; color:#FFFFFF; margin:0 0 0 0; }
div#fin_sb_block div.rule { width:80%; height:3px; background-color:#D3D3D3; margin:20px auto; }
div#fin_sb_block h3.sp_before { margin-top:20px; }
div#fin_sb_block p.sp_before { margin-top:20px; }

div#financials_sect video { 
    width:100%;    
}

table.financials_table {
    width:100%;
    border-collapse: collapse;
    border-spacing:0;
    font-family:'brandon-grotesque',sans-serif;
    font-size:.8rem;
}

table.financials_table tr td { padding: 6px 0; line-height:.8rem; vertical-align:bottom; }
table.financials_table tr.sp_after td { padding:3px 0 12px 0; }
table.financials_table tr.underline td { border-bottom:1px solid #BEAF9D; }
table.financials_table tr.underline_blue td { border-bottom:3px solid #000000; }
table.financials_table tr.underline_double td { border-bottom:6px solid #000000; border-style:double; border-top:0; border-left:0; border-right:0; }
table.financials_table td.indent { padding-left:1vh; }
table.financials_table td.dsign { width:2vh; text-align:right; }

div#financials_sect p.footnote {
    font-size:.6rem;
}

/* JOSE SECT ------------------ */
div#jose_photo_wrap {
    background-color:#5a6662; 
    height:100vh;   
}

img#jose_bg {
    display:block;
    height:100%;
    position:absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
}

div#jose_quote_wrap {
    position:absolute;
    bottom:3vh;
    z-index:1000;
}

@media only screen 
and (orientation : portrait) {
    div#jose_quote_wrap {
        width:90vw;
        left:5vw;
    }
}


@media only screen 
and (orientation : landscape) {
    div#jose_quote_wrap {
        width:50vw;
        left:5vw;
    }
}


img#jose_quote {
    width:100%
}


div#jose_head_wrap {
    padding:12vh 3vw 3vh 6vw;
    width:calc(100% - 12vw);
    margin:0;
}

div#jose_head_wrap img.sect_head {
    width:70%   
}


/* DONORS SECT ------------------ */

div#donors_sect { }

div#donors_sect p.footnote {
    font-size:.8rem;
    font-style:italic;
    margin-top:-12px;
}

div#donors_sect div.content {
    width:calc(100% - 16vw);
}

div#donors_sect div.sidebar {
    background-image:url('../_img/bg_blueleaf.jpg');
}

div#donors_carousel {
    width:90%;
    height:auto;
    overflow:hidden;
    margin:10vh auto 0 auto;
}

div#myReason_carousel {
    width:100%;
    height:auto;
    overflow:hidden;
    margin:0 auto 40px auto;
}

div.mr_wrap {
    width:400px;
    float:left;
    top:0;
}

div.mr_wrap img.headshot {
    float:left;
    width:100%;
}

div.mr_wrap div.quote_wrap {
    float:left;
    width:calc(100% - 20px);
    margin:0 0 12px 20px;
}

div.mr_wrap div.quote_wrap img {
    position:absolute;
    top:11px;
    left:-13px;
    width:20px;
}

p.myR_quote {
    font-family:'bodoni-urw',serif;
    color:#000000;
    font-size:1rem;
    margin-top:30px;
}

p.myR_sig {
    font-family:'brandon-grotesque',sans-serif;
    font-size:.7rem;

}

div#myReason_wrap_1, div#myReason_wrap_2, div#myReason_wrap_3 {
    width:400px;
}



/* AUXILIARY SECT ------------------ */

div#auxiliary_sect { }

div#auxiliary_sect .sidebar {
    background-image:url('../_img/bg_brnleaf3.jpg');
}

div#auxiliary_sect .sidebar img {
    width:90%;
}

div#aux_carousel {
    width:100%;
    height:auto;
    overflow:hidden;
    margin:10vh auto 0 auto;
}


/* KIRBY SECT ------------------ */

div#kirby_sect p  {
    font-size:1rem; 
    line-height:1rem;
    margin-bottom:1.3rem;
}

div#kirby_sect .sidebar {
    background-image:url('../_img/bg_brcanvas.jpg');
}

/* CAROUSEL ================================================ */

div.car_img_wrap {
    margin-left:0;
    height:auto;
    width:80000px;
}

div.car_img_wrap div {
    float:left;
    width:100%
}

div.car_img_wrap div img.carPho {
    width:100%;
}

div.car_button_wrap {
    width: -moz-max-content;
    width: -webkit-max-content;
    width: max-content;
    height:20px;
    margin:20px auto;
}

div.car_button {
    width:12px;
    height:12px;
    float:left;
    overflow:hidden;
    cursor:pointer;
    margin-right:6px;
}

div.car_button img {
    width:12px;
    height:24px;
}

div.car_button:last-child {
    margin-right:0;
}

div.car_button:hover img {
    top:-12px;
}



/* INTRO ELEMENTS ====================================== */

div#intro_sect {
    overflow:hidden;
}

video#intro {
    position: absolute;
    top:0;
    left:0;
}

div#cover_heads_wrap {
    position:absolute;
    width:725px;
    top:40%;
    right:45%;
    z-index:1000;
    transform-origin:top right;
    transform:scale(1);
}

img#cover_head_A {
    position:absolute;
    top:0;
    right:0;
    opacity:0;
}

img#cover_head_B {
    position:absolute;
    top:calc(40% + 170px);
    right:300%;
}

img#cover_head_C {
    position:absolute;
    top:305px;
    right:0;
    opacity:0;
}

/* LOGO STRIP ============================= */

div#logo_strip {
    width:auto;
    height:100%;
    text-align:left;
    flex-grow:100;
    padding-left:40px;
    line-height:50px;
}

div#logo_strip img#logo {
    width:85%;
    max-width:300px;
    vertical-align:middle;
    cursor:pointer;
}

div#cb_contact {
    width:80%;
    height:auto;
    max-height:calc(100vh - 45px);
    position:absolute;
    top:25px;
    left:calc(10% - 10px);
    padding:10px;
    background-color:#041E42;
    text-align:center;
    display:none;
    overflow-y:scroll;
}

div#cb_contact p {
    color:#FFFFFF;
    font-family:'brandon-grotesque',sans-serif;
    line-height:20px;
    margin:0 0 10px 0;
}

div#nav_bar div#sm_icon_wrap {
    width:auto;
    margin:8px auto;
}

div#nav_bar div#sm_icon_wrap img {
    margin:0;  
    transform:scale(.65); 
}


/* NAV BAR ============================= */

div#nav_bar {
    background-color:#beaf9d;
    width:100%;
    height:7vh;
    min-height:25px;
    position:fixed;
    top:0;
    left:0;
    z-index:100000;
}

div#nav_bar img#burger {
    position: relative;
    top: 50%;
    left:5vw;
    height:3vh;
    min-height:14px;
    transform: translateY(-50%);
}

div#nav_bar img#logo_bug {
    float:right;
    margin:6px 18px 0 0;
    height:80%;
    cursor:pointer;
}


/* NAV MENU =========================== */

img#burger {
    cursor:pointer;
}

ul#mobile_menu {
    display:none;
    position:fixed;
    z-index:90000;
    width:auto;
    background-color:#FFFFFF;
    width: 75vw;
    margin: 7vh 0 0 7vw;
    -webkit-box-shadow: 0px 10px 10px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    0px 10px 10px 0px rgba(50, 50, 50, 0.5);
    box-shadow:         0px 10px 10px 0px rgba(50, 50, 50, 0.5);
}

ul#mobile_menu li {
    height:auto;
    font-size:1rem;
    color:#041E42;
    display:block;
    line-height:1rem;
    padding:8px 4px 8px 8px;
    cursor:pointer;
}

ul#mobile_menu li img {
    margin:0 8px 0 0;
}

ul#mobile_menu li.nav_top {
    font-family:'brandon-grotesque',sans-serif;
    border-bottom: 1px solid #bcbcbc;
    text-transform:uppercase;
   
}

ul#mobile_menu li.nav_top:hover {
    background-color:#e8ddd0;
}

ul#mobile_menu li.nav_sub {
    font-style:italic;
    padding:9px 4px 7px 40px;
    border: 1px solid #bcbcbc;
    height:auto;
    background-color:#e8ddd0;
}

ul#mobile_menu li.nav_sub:hover {
    background-color:#c2ebf1;
}

div#mobile_menu_blocker {
    position:fixed;
    z-index:1000;
    width:100vw;
    height:100vh;
    left:0;
    top:0;
    display:none;
}

ul#mobile_menu li#donate {
    color:#FFFFFF;
    background-color:#041E42;
    border:none;
}

ul#mobile_menu li#donate:hover {
    background-color:#041E42;
    color:#05C3DE;    
}

.rotate_90 {
    transform: rotate(90deg);
}

ul#mobile_menu div.mobile_sub {
    display:none;
}


/* SEARCHABLE DONOR LIST =========================== */

div.list_wrap {
    width:100%;
    height:auto;
    margin:40px 0;
    overflow:auto;
}

div.list_head_wrap {
    width:100%;
    font-size:1.1rem;
    line-height:1.1rem;
    font-family:'brandon-grotesque',sans-serif;
    color:#AE9A85;  
    float:left;
    margin-bottom:8px;
}

div.list_search_wrap {
    width:calc(100% - 24px);
    padding:6px 12px;
    background-color:#888888;
    float:left;
}

div.list_search_wrap label {
    color:#FFFFFF;
    font-size:1rem;
    font-family:'brandon-grotesque',sans-serif;
}

input.list_search_input {
    width:calc(100% - 24px);
    padding:6px;
    font-family:'brandon-grotesque',sans-serif;
    font-size:1rem;
    font-weight:400;
    border:1px solid #666666;
}

div.list_display {
    width:calc(100% - 22px);
    height:30vh;
    font-family:'brandon-grotesque',sans-serif;
    font-size:.8rem;
    font-weight:400;
    line-height:1.1rem;
    overflow-y:scroll;
    overflow-x:hidden;
    padding:0 10px;
    border:1px solid #666666;
    float:left;
}

div.list_search_output {
    width:300px;
    font-family:'brandon-grotesque',sans-serif;
    font-size:18px;
    font-weight:400;
    position:absolute;
    z-index:1000;
    top:72px;
    left:20px;
    display:none;
    border:1px solid #666666;
    background-color:#FFFFFF;
}

p.output_item {
    width:100%;
    display:block;
    margin:0;
    padding:0 0 0 6px;
    cursor:pointer;
}

p.output_item:hover, p.hovered {
    background-color:#C2EBF1;
}

div.list_display img {
    margin:0 8px 1px 8px;
}

.list_hilite {
    background-color:#05c3de;
    color:white;
}

.list_cat {
    font-weight:700;
    color:#05C3DE;
    margin:0 6px 0 30px;
}

.list_cat:first-child {
    margin-left:0;
}

/* GENERAL =========================== */

.no_clicks {
    pointer-events:none;
}

div.float_col_50 {
    width:100%;
    float:left;
    text-align:center;
}

div.float_col_50 p {
    margin:0 0 6px 0;
}