/* =========================
 * 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:0; transform:scale(1.5); }
.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:18px;
}

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;
}

div.sidebar {
    width:33%;
    height:100%;
    min-height:100vh;
    float:left;
    background-size:100%;
    text-align:center;
}

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

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(67% - 100px);
    height:calc(100% - 80px);
    margin:80px 0 0 0;
    float:left;
}

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

div.gutter {
    width:30px;
    height:calc(100% - 80px);
    margin:80px 0 0 0;
    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(33% - 20px);
}

div.inner_fat_col {
    width:60%;
}

div.inner_thin_col {
    width:40%;
}

div.content_full_overlay {
    width:100%;
    z-index:10000;
}

div.content_full_overlay img {
    margin-right:-2%;
}

div.content_full_overlay img:first-child {
    margin-left: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 {
    height:3px;
    width:100%;
    margin:20px 0;
    background-color:#05C3DE;
}

div.blue_rule_mobile { display:none; }

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

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

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


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

div#intro_sect {
    background-color:#4d4133;   
}

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

div#home_sect { }

.pres_callout {
    font-size:1.5rem;color:#0199ae;font-family:'brandon-grotesque',sans-serif;font-weight:400;    
}

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

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

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

div#moments_sect .sidebar { }

div#moments_head_wrap {
    width:calc(100% - 80px);
    padding:100px 40px 40px 40px;
    background-image:url('../_img/moments_head_bg.png');
    margin-top:-80px;
    font-size:1rem;
}

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

div.moments_polaroid_wrap {
    margin:0 0 -40px 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 {
    width:20%;
    float:left;
}

img.mci_photo_35 {
    width:35%;
    float:left;
}

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

div#meet_sect { }

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

div#meet_sect img.meet_photo {
    float:left;
    width:40%;
}

div#meet_sect img.meet_photo:first-child {
    margin-right:-6vh;
}

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

div#leadership_sect { }

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

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

div#leadership_list {
    width:calc(100% - 60px);
    height:70vh;
    padding:0 30px;
    border:1px solid #BEAF9D;
    margin:20px 0 30px 0;
}

div#leadership_list p {
    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:80%;
    height:auto;
    overflow:hidden;
    margin:100px auto 0 auto;
}

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

div#financials_sect { }

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

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

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; }
div#fin_sb_block h2 { font-size:4rem; font-style:italic; font-weight:400; margin:0 0 0 0; }
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:1.2rem;
}

table.financials_table tr td { padding: 3px 0; }
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:4px solid #000000; }
table.financials_table tr.underline_double td { border-bottom:8px solid #000000; border-top:0; border-left:0; border-right:0; border-style:double;}
table.financials_table td.indent { padding-left:30px; }
table.financials_table td.dsign { width:8vh; text-align:right; }

/* JOSE SECT ------------------ */

div#jose_sect { 
    overflow:hidden !important;
    height:100vh !important;
    width:100vw !important;
}

div#jose_photo_wrap {
    background-color:#5a6662; 
    height:100%;   
}

div#jose_head_wrap {
    padding:80px 40px 20px 40px;
    width:50vw;
    left:80px;
    background-image:url('../_img/bg_tile_30.png');
    position:absolute;
    z-index:100;
}

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

div#jose_quote_wrap {
    width:45%;
    position:absolute;
    bottom:5vh;
    left:5vw;
    z-index:1000;
}

img#jose_quote {
}


/* 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(50% - 100px);
}

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

div#donors_carousel {
    width:80%;
    height:auto;
    overflow:hidden;
    margin:100px 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#myReason_carousel div.mr_wrap img.headshot {
    float:left;
    width:50%;
    display:block;
    margin:0 auto;
}

div#myReason_carousel div.mr_wrap div.quote_wrap {
    float:left;
    width:calc(50% - 20px) !important;
    margin:0 0 12px 20px !important;
}

div#myReason_carousel div.mr_wrap div.quote_wrap img {
    position:absolute;
    top:20px;
    left:-50px;
    width:41px;
}

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

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

}

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:70%;
    height:auto;
    overflow:hidden;
    margin:100px auto 0 auto;
}


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

div#kirby_sect { }

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:20px;
    height:20px;
    float:left;
    overflow:hidden;
    cursor:pointer;
    margin-right:10px;
}

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

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


/* 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:calc(80%);
    position:absolute;
    top:50px;
    padding:10px;
    background-color:#041E42;
    text-align:center;
    display:none;
}

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

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

div#sm_icon_wrap img {
    transform:scale(.8);
}


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

div#nav_bar {
    background-color:#beaf9d;
    width:100%;
    height:50px;
    position:fixed;
    top:0;
    left:0;
    z-index:100000;
    display:none;
}

div.nav_menu_head {
    height:100%;
    min-width:7vw;
    border-left:1px solid #FFFFFF;
    padding:0 14px;
    cursor:pointer;
    display:table;
    text-align: center;
}

div.donate {
    background-color:#041E42;
    border:none;
}

div.nav_menu_head:last-child {
    border:none;
}

div.nav_menu_head:hover {
    background-color:#877a6c;
}

div.donate:hover {
    background-color:#041E42;
}

div.donate:hover .donate_text {
    color:#05C3DE;    
}

div.nav_menu_head p.menu_top, div.donate p.donate_text {
    color:#FFFFFF;
    font-family:'brandon-grotesque',sans-serif;
    font-size:calc(11px + .5vw);
    line-height:1.4vw;
    text-align:center;
    text-transform:uppercase;
    letter-spacing:2px;
    display: table-cell; 
    vertical-align: middle; 
}

div.nav_submenu {
    position:absolute;
    top:50px;
    left:0;
    width:300px;
    display:none;
}

div.nav_sub_item {
    background-image:url('../_img/submenu_bg.png');
    cursor:pointer;
    height:30px;
    width:100%;
    display:table;
    padding:9px 0;
    text-align:center;
    border-bottom:1px solid #ae9a85;
    cursor:pointer;
}

div.nav_sub_item p.menu_sub {
    color:#FFFFFF;
    font-family:'bodoni-urw',serif;
    font-size:calc(14px + .5vw);
    font-style:italic;
    display: table-cell; 
    vertical-align: middle; 
    text-align: center;
}

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

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

div.list_head_wrap {
    width:50%;
    font-size:1.5rem;
    font-family:'brandon-grotesque',sans-serif;
    color:#AE9A85;  
    float:left;
}

div.list_search_wrap {
    width:calc(50% - 40px);
    padding:12px 20px;
    background-color:#888888;
    float:left;
}

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

input.list_search_input {
    width:80%;
    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:18px;
    font-weight:400;
    line-height:26px;
    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:50%;
    float:left;
    text-align:center;
}

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