/*

Theme Name: ABOG
Theme URI: http://thejenyuan.com
Author: Jen Yuan
Author URI: http://thejenyuan.com

Description: A custom Tumblr theme designed by Tsang Seymour and developed by Jen Yuan for A Blade of Grass

Version: 1.4
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html

*/

/*

1.0 SETTINGS
    1.1 WIDTH
    1.2 TYPE
    1.3 FORMS
    1.4 SLIDER
2.0 HEADER
    2.1 NAVIGATION
    2.2 SWITCHES
3.0 HOMEPAGE
4.0 GET TO KNOW US
5.0 BE A PART OF IT
6.0 ARCHIVES
    6.1 DISCUSS FORUM
    6.2 GROWING DIALOGUES
    6.3 SEARCH RESULT
    6.4 CALENDAR
7.0 SINGLES
    7.1 SINGLE PERSON
    7.2 SINGLE HEAD & FOOT
    7.3 SINGLE CONTENT
8.0 PAGES
    8.1 FELLOWSHIP PROGRAM
    8.2 THEMES
    8.3 SUPPORTERS
    8.4 DONATE
    8.5 MISC
10.0 FOOTER
    10.1 SUB FOOTER
    10.2 MAIN FOOTER
11.0 ANIMATION
12.0 RESPONSIVE
13.0 REVSIONS - See inc-css/revs

*/

/*

    GRAY: #9b9b9b

    BLUE: #80abc9
    LIGHT BLUE: #c4d8e6
    DARK BLUE: #046695
    BEIGE: #fbf9f4

*/

/*  1.0 SETTINGS  */

*,*:before,*:after{
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
    }

@font-face{
    font-family:"Circular";
    font-weight:400;
    src:url('inc-css/fonts/lineto-circular-book.woff2') format('woff2'),
        url('inc-css/fonts/lineto-circular-book.woff') format('woff')
    }

@font-face{
    font-family:"Circular";
    font-weight:500;
    src:url('inc-css/fonts/lineto-circular-medium.woff2') format('woff2'),
        url('inc-css/fonts/lineto-circular-medium.woff') format('woff')
    }

@font-face{
    font-family:"Circular";
    font-weight:700;
    src:url('inc-css/fonts/lineto-circular-bold.woff2') format('woff2'),
        url('inc-css/fonts/lineto-circular-bold.woff') format('woff')
    }

/*Replaced Sagona with Source Sans Pro */
/*@font-face{
    font-family:"Sagona";
    font-weight:400;
    src:url('inc-css/fonts/Sagona-Book.woff2') format('woff2'),
        url('inc-css/fonts/Sagona-Book.woff') format('woff')
    }

@font-face{
    font-family:"Sagona";
    font-weight:600;
    src:url('inc-css/fonts/Sagona-SemiBold.woff2') format('woff2'),
        url('inc-css/fonts/Sagona-SemiBold.woff') format('woff')
    }
*/

html,
body{
    margin:0;
    padding:0
    }

html{
    width:100%;
    height:100%;
    overflow-x:hidden;
    background:#fbf9f4
    }

body{
    position:relative;
    max-width:1600px;
    margin:auto;
    padding:.1px 0;
    background:#fff
    }

body,
#header-navigation,
#header-navigation nav{
    max-width:1500px
    }

img{
    display:block;
    max-width:100%;
    height:auto !important;
    border:none;
    outline:none
    }

object{
    pointer-events:none
    }

hr{
    height:3px;
    margin:0;
    background:#979797;
    border:none
    }

    /*   1.1 WIDTH  */

    .width{
        max-width:750px;
        margin:auto
        }

    .width.w-l{
        max-width:800px;
        margin:0
        }

    .max-width{
        max-width:1200px;
        margin-left:auto;
        margin-right:auto
        }

    .margin{
        margin:65px auto
        }

    .padding{
        position:relative;
        padding:25px
        }

    .padding.s{
        padding:.1px 25px
        }

    .padding.m{
        padding-top:55px;
        padding-bottom:55px
        }

    .padding.l{
        padding-top:70px;
        padding-bottom:70px
        }

    .padding.xl{
        padding-top:100px;
        padding-bottom:100px
        }

    .padding.v{
        padding:25px 0
        }

    .border-bottom{
        border-bottom:1px solid #c4d8e6
        }

    .border-bottom:last-of-type{
        border-bottom:none
        }

    .grid{
        display:-webkit-flex;
        display:flex;
        flex-wrap:wrap;
        -webkit-flex-wrap:wrap
        }

    .grid-v{
        display:-webkit-flex !important;
        display:flex !important;
        flex-flow:column
        }

    .grid > div{
        position:relative;
        display:inline-block
        }

    .grid.h-free > div{
        min-height:auto
        }

    .grid .large{
        height:385px
        }

    .grid .g-1{
        width:100%
        }

    .grid .g-4-2{
        width:50%
        }

    .grid .g-4-1{
        width:25%
        }

    .grid .g-3-1{
        width:33.33%
        }

    .grid .g-3-2{
        width:66.66%
        }

    .flex{
        display:-webkit-flex;
        display:flex;
        flex-wrap:wrap;
        -webkit-flex-wrap:wrap
        }

    .clear:after{
        content:"";
        display:block;
        height:0;
        clear:both
        }

    .center:not(.wp-caption){
        opacity:0
        }

    .center_margin{
        margin:120px auto
        }

    .center_absolute{
        position:absolute;
        top:50%;
        left:50%;
        -webkit-transform:translate(-50%,-50%);
        transform:translate(-50%,-50%)
        }

    .object-fit{
        position:relative;
        display:block;
        overflow:hidden
        }

    .object-fit img{
        position:absolute;
        width:103%;
        height:103% !important;
        max-width:none;
        object-fit:cover
        }

    .mobile_display{
        display:none !important
        }

    /*  1.1 WIDTH - END  */

    /*  1.2 TYPE  */

    body{
        -webkit-font-smoothing:subpixel-antialiased;
        /*-moz-osx-font-smoothing:grayscale;*/
        font:16px/1em "Circular",Helvetica Neue,Helvetica,sans-serif;
        color:#000
        }

    p,ol,ul{
        margin:17.6px 0;
        font:16px/1.3em "Circular",Helvetica Neue,Helvetica,sans-serif;
        }

    ol li,ul li{
        margin:0 0 15px
        }

    ol li:last-of-type,ul li:last-of-type{
        margin:0
        }

    p:empty{
        display:none
        }

    ol,ul{
        padding:0 0 0 18px
        }

    a{
        position:relative;
        word-wrap:break-word;
        text-decoration:none;
        color:#80abc9;
        cursor:pointer;
        transition:.3s
        }

    a:hover,
    a:visited{
        color:auto
        }

    p a,
    ol a,
    ul a,
    .link{
        color:#046695
        }

    p a:hover,
    ol a:hover,
    ul a:hover,
    .link:hover{
        opacity:.6
        }

    h1,h2,h3,h4,h5,h6,.title{
        margin:-2.2px auto;
        font:700 22px/1.2em "Circular",Helvetica Neue,Helvetica,sans-serif;
        color:#000
        }

    h3.VideoTitle {
      margin: 10px 0;
    }

    .heading{
        margin:0;
        font:700 48px/1.08em "Circular",Helvetica Neue,Helvetica,sans-serif
        }

    .heading.m-b{
        margin:-3.6px 0 36.4px
        }

    .title-large{
        margin:-3.6px 0;
        letter-spacing:.006em;
        font:500 36px/1.2em "Circular",Helvetica Neue,Helvetica,sans-serif
        }

    .title-small{
        margin:-1px 0;
        font:700 16px/1.2em "Circular",Helvetica Neue,Helvetica,sans-serif
        }

    .title-medium{
        margin:-1px 0;
        font:400 24px/1.2em "Circular",Helvetica Neue,Helvetica,sans-serif
        }

    .type-small{
        font-size:12px
        }

    .type-serif{
        font-weight:400;
        /*font-family:"Sagona",Georgia,serif;*/
        font-family:"Source Sans Pro",Georgia,sans-serif;
	font-size:12px;
        }
<!-- ADDED FOR FELLOWSHIP PAGE -->
    .type-serif-fellowship{
        font-weight:400;
        /*font-family:"Sagona",Georgia,serif;*/
        font-family:"Source Sans Pro",Georgia,sans-serif;
	font-size:16px;
        }

    .type-serif-theme{
        font-weight:400;
        /*font-family:"Sagona",Georgia,serif;*/
        font-family:"Source Sans Pro",Georgia,sans-serif;
	font-size:24px;
	margin-bottom: 15px;
        }

    h2.type-serif,h3.type-serif,h4.type-serif,h5.type-serif,h6.type-serif{
        letter-spacing:0
        }

    .type-p{
        font:16px/1.3em "Circular",Helvetica Neue,Helvetica,sans-serif
        }

    .p-large{
        font:22px/1.4em "Circular",Helvetica Neue,Helvetica,sans-serif
        }

   .p-medium{
        font:30px "Source Sans Pro",Georgia,sans-serif;
        }

    .cr-blue{
        color:#c4d8e6
        }

    .cr-white{
        color:#fff
        }

    .cr-light-blue{
        color:#c4d8e6
        }

    .cr-black{
        color:#000
        }

    .wt-400{
        font-weight:400
        }

    .bg-blue{
        background:#80abc9
        }

    .bg-light-blue{
        background:#c4d8e6
        }

    .bg-gray{
        background:#e1e1e1
        }

    .cta{
        position:relative;
        display:inline-block;
        height:42px;
        padding:0 25px;
        text-align:center;
        letter-spacing:-.018em;
        font:700 16px/42px "Circular",Helvetica Neue,Helvetica,sans-serif;
        color:#000;
        box-shadow:inset 0 0 0 2px #000;
        transition:.3s
        }

    .cta.white{
        color:#fff;
        box-shadow:inset 0 0 0 2px #fff
        }

    .cta.blue{
        color:#80b1c9;
        box-shadow:inset 0 0 0 2px #80b1c9
        }

        .cta:not(.fill):hover{
            color:#fff;
            background:#000
            }

        .cta.white:not(.fill):hover{
            color:#000;
            background:#fff
            }

        .cta.blue:not(.fill):hover{
            color:#fff;
            background:#80b1c9
            }

    .cta.fill{
        height:30px;
        padding:0 12px;
        font:500 12px/31px "Circular",Helvetica Neue,Helvetica,sans-serif;
        color:#fff;
        background:#4a4a4a;
        box-shadow:none !important
        }

    .cta.fill.white{
        color:#000;
        background:#fff
        }

    .cta.fill.blue{
        color:#000;
        background:#c4d8e6
        }

        .cta.fill:hover{
            color:rgba(255,255,255,.6)
            }

        .cta.fill.white:hover{
            color:rgba(0,0,0,.6)
            }

        .cta.fill.blue:hover{
            color:rgba(0,0,0,.6)
            }

    /*  1.2 TYPE - END  */

    /*  1.3 FORMS  */

    button{
        cursor:ponter
        }

    input,textarea,select,button{
        padding:0;
        background:transparent;
        border:0;
        border-radius:0;
        outline:none;
        -webkit-appearance:none
        }

    .field{
        position:relative
        }

    .field input{
        width:100%;
        border-bottom:1px solid #000
        }

    .field label{
        position:absolute;
        top:0;
        left:0;
        font:16px/22px "Circular",Helvetica Neue,Helvetica,sans-serif;
        color:#000;
        pointer-events:none
        }

    /*  1.3 FORMS - END  */

    /*  1.4 SLIDER  */

    .slider ul{
        margin:0;
        padding:0;
        list-style:none
        }

    .unslider{overflow:auto;margin:0;padding:0}.unslider-wrap{position:relative}.unslider-wrap.unslider-carousel>li{float:left}.unslider-vertical>ul{height:100%}.unslider-vertical li{float:none;width:100%}.unslider-fade{position:relative}.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}.unslider-fade .unslider-wrap li.unslider-active{z-index:10}.unslider li,.unslider ol,.unslider ul{list-style:none;margin:0;padding:0;border:none}

    .unslider-arrow{
        position:absolute;
        bottom:25px;
        width:30px;
        height:30px;
        text-align:center;
        /*font:36px/29px "Sagona",Georgia,serif;*/
        font:36px/29px "Source Sans Pro",Georgia,sans-serif;
        color:#fff;
        box-shadow:inset 0 0 0 2px #fff;
        border-radius:100%;
        z-index:2;
        cursor:pointer
        }

    .unslider-arrow.next{
        right:25px
        }

    .unslider-arrow.prev{
        right:70px
        }

    .unslider-nav ol{
        position:absolute;
        top:25px;
        right:25px;
        list-style:none;
        text-align:center;
        font-size:0
        }

    .unslider-nav ol li{
        display:inline-block;
        width:8px;
        height:8px;
        overflow:hidden;
        margin:0 4px;
        text-indent:-999em;
        background:transparent;
        border-radius:100%;
        border:1px solid #fff;
        cursor:pointer
        }

    .unslider-nav ol li.unslider-active{
        background:#fff;
        cursor:default
        }

    /*  1.4 SLIDER - END  */

/*  1.0 SETTINGS - END  */

/*  2.0 HEADER  */

#header{
    margin:100px 0 0;
    padding:.1px 0
    }

    /*  2.1 NAVIGATION  */

    #header-navigation{
        position:fixed;
        width:100%;
        top:0;
        z-index:120
        }

    #header-navigation .padding.s{
        background:#fbf9f4;
        z-index:130
        }

    #header-navigation_slide-button{
        position:relative;
        float:right;
        width:15px;
        height:15px;
        margin:7px 0
        }

    #header-navigation_slide-button hr{
        position:absolute;
        width:8px;
        height:2px;
        top:50%;
        left:50%;
        -webkit-transform:translate(-50%,-50%);
        transform:translate(-50%,-50%);
        background:#046695;
        }

    #header-navigation_slide-button hr:first-of-type{
        -webkit-transform:translate(-50%,-50%) rotate(-90deg);
        transform:translate(-50%,-50%) rotate(-90deg);
        transition:.15s
        }

    #header-navigation nav{
        position:fixed;
        width:100%;
        max-height:calc(100vh - 29px);
        overflow-y:scroll;
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%);
        background:#c4d8e6;
        pointer-events:none;
        transition:.3s
        }

    #header-navigation_close{
        /*position:absolute;
        right:25px;
        bottom:25px;*/
        float:right
        }

        html.header_slide #header-navigation button hr:first-of-type{
            -webkit-transform:translate(-50%,-50%);
            transform:translate(-50%,-50%);
            }

        html.header_slide #header-navigation nav{
            top:0px;
            -webkit-transform:translateY(0);
            transform:translateY(0);
            pointer-events:auto
            }

    nav ul{
        margin:0;
        padding:0;
        font-size:0;
        line-height:0;
        list-style:none
        }

    nav ul a,
    #header-navigation_close{
        letter-spacing:.027em;
        font:16px/1em "Source Sans Pro",Georgia,sans-serif;
        color:#000
        }

    nav ul li{
        margin:0
        }

    nav > ul > li:first-of-type{
        display:inline-block;
        vertical-align:top;
        width:calc(50% - 20px)
        }

    nav > ul > li:nth-of-type(2),
    nav > ul > li:nth-of-type(3){
        display:inline-block;
        vertical-align:top;
        width:calc(25% - 20px);
        margin:0 0 0 30px
        }

    nav > ul > li:nth-of-type(4){
        margin:30px 0 0
        }

    nav ul a[href="#empty"]{
        display:none
        }

    nav > ul > li:first-of-type > .sub-menu{
        -webkit-column-count:2;
        -moz-column-count:2;
        column-count:2;
        -webkit-column-gap:30px;
        -moz-column-gap:30px;
        column-gap:30px;
        margin:0 0 -25px
        }

    nav > ul > li:first-of-type > .sub-menu > li{
        margin:0 0 0px
        }

        nav > ul > li > a{/*  titles  */
            display:block;
            margin:0 0 12px;
            padding:0 0 5px;
            /*font:18px/1em "Sagona",Georgia,serif;*/
            font:18px/1em "Circular",Helvetica Neue,Helvetica,sans-serif;

            border-bottom:1px solid #000
            }

        nav > ul > li > .sub-menu > li > a{
            display:inline-block;
            margin:0 0 10px
            }

        nav > ul > li:not(:nth-of-type(4)) > .sub-menu > li > .sub-menu li{
            margin:0 0 10px;
            }

        nav > ul > li:not(:first-of-type) > .sub-menu > li:last-of-type > a,
        nav > ul > li:not(:nth-of-type(4)) > .sub-menu > li > .sub-menu li:last-of-type{
            margin:0
            }

        nav > ul > li:not(:nth-of-type(4)) > .sub-menu > li > a{
            letter-spacing:0em;
            font:400 16px/1em "Source Sans Pro",Georgia,sans-serif;
            }

    /*  2.1 NAVIGATION - END  */

    /*  2.2 SWITCHES  */

    #switches{
        position:relative;
        min-height:97px;
        width:100%;
        overflow:hidden;
        white-space:nowrap;
        font-size:0;
        background:#fff;
        z-index:110
        }

    #switches a{
        display:-webkit-inline-flex;
        display:inline-flex;
        justify-content:space-between;
        -webkit-justify-content:space-between;
        vertical-align:top;
        width:calc(50% - 130px);
        padding:25px 30px 60px;/*  25 (padding-top) + 10 (link/logo margin) + 25 (padding-bottom)  */
        text-transform:uppercase;
        font:600 12px/1em "Circular",Helvetica Neue,Helvetica,sans-serif;
        color:#9b9b9b;
        transition:.6s
        }


    #switches a .target{
        position:absolute;
        top:50%;
        left:50%;
        width:100%;
        height:100%;
        -webkit-transform:translate(-50%,-50%);
        transform:translate(-50%,-50%);
        transition:.3s
        }


    #switches a:hover .target{
        width:200px
        }

    #switches a.active{
        width:260px;
        padding:25px 60px 60px;
        color:#046695
        }

        #switches.switching a:not(.switch_to){
            pointer-events:none !important
            }

        #switches .active.expand{
            width:calc(50% - 130px);
            padding:25px 30px 60px;
            color:#9b9b9b
            }

        #switches a.switch_to,
        #switches:hover a.switch_to:hover{
            width:260px;
            padding:25px 60px 60px;
            color:#046695
            }

    #switches #logo{
        position:absolute;
        width:180px;
        bottom:25px;
        -webkit-transform:translateX(-50%);
        transform:translateX(-50%);
        transition:opacity .15s,left .6s;
        opacity:0;
        pointer-events:none
        }

        html.switch_fading{
            pointer-events:none
            }

    #switches .arrow{
        display:none;
        position:absolute;
        width:25px;
        height:25px;
        top:50%;
        -webkit-transform:translateY(-50%);
        transform:translateY(-50%);
        pointer-events:none
        }

    #switches .arrow.disabled{
        opacity:.3
        }

    #switches .arrow img{
        width:10px;
        margin:auto
        }

    #switches .arrow-left{
        left:25px
        }

    #switches .arrow-right{
        right:25px
        }

    /*  2.2 SWITCHES - END  */

/* BEGIN New header CSS */
html.header_slide #header-navigation nav {
    top: 132px;
}
#header-buffer {
    height: 140px;
}
#header {
    position: fixed;
    top: 0;
    width: 100vw;
    max-width: 1500px;
    margin: 0;
    z-index: 200;
}
#header #header-content {
    overflow: hidden;
    padding: 40px;
    background-color: white;
    position: relative;
    z-index: 121;
}
#header #header-content #logo {
    width: 370px;
    float: left;
}
#header #header-content #header-tagline {
    float: center;
    text-align: right;
    font-size: 17px;
    line-height: 14px;
    letter-spacing: 0.25px;
    color: #026694;
    margin: 0 95px 0 0;
}
#header #header-content #hamburger {
    padding: 20px 20px;
    float: right;
    cursor: pointer;
}
#header #header-content #hamburger span {
    display: block;
    width: 45px;
    height: 3.5px;
    background-color: #026694;
    position: relative;
    transition: all 0.3s;
}
#header #header-content #hamburger span:before, #header #header-content #hamburger span:after {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #026694;
    transition: all 0.3s;
}
#header #header-content #hamburger span:before {
    margin-top: -20px;
}
#header #header-content #hamburger span:after {
    margin-top: 20px;
}
#header #header-content #hamburger.active span {
    background-color: transparent;
}
#header #header-content #hamburger.active span:before {
    transform: rotate(45deg);
    top: 20px;
}
#header #header-content #hamburger.active span:after {
    transform: rotate(-45deg);
    top: -20px;
}
@media (max-width: 1400px) {
    #header #header-content #header-tagline {
        /*margin-right: 5vw;*/
        float: center;
    }
}
@media (max-width: 1030px) {
    #header-buffer {
        height: 94px;
    }
    html.header_slide #header-navigation nav {
        top: 94px;
    }
    #header #header-content {
        overflow: hidden;
        padding: 10px;
        z-index: 121;
    }
    #header #header-content #logo {
        width: 260px;
        padding-right: 30px;
    }
    #header #header-content #header-tagline {
        font-size: 16px;
        line-height: 18px;
        font-weight: regular;
        letter-spacing: 0.5px;
        padding: 0px;
        text-align: left;
        float: left;
    }
    #header #header-content #hamburger {
        padding: 11px 5px;
    }
    #header #header-content #hamburger span {
        width: 20px;
    }
    #header #header-content #hamburger span:before {
        margin-top: 7px;
    }
    #header #header-content #hamburger span:after {
        margin-top: -7px;
    }
    #header #header-content #hamburger.active span:before {
        top: -7px;
    }
    #header #header-content #hamburger.active span:after {
        top: 7px;
    }
}
@media (max-width: 760px) {
    #header #header-content #header-tagline {
        margin-top: 0px;
	margin-right: 120px;
    }
    #header-buffer {
        height: 153px;
    }
    html.header_slide #header-navigation nav {
        top: 153px;
    }
}
@media (max-width: 500px) {
   	#header, #header-buffer {
        height: 160px;
    }
    html.header_slide #header-navigation nav {
        top: 188px;
    }
}
/* END New header CSS */

/*  2.0 HEADER - END  */

/*  3.0 HOMEPAGE  */

.tout{
    height:100%;
    background:#c4d8e5
    }

.tout .object-fit{
    width:100%;
    height:100%
    }

.tout .tout-info{
    position:absolute;
    width:100%;
    height:100%;
    z-index:10
    }

.tout .tout-info .type-serif{
    margin:0 0 10px;
    font-weight:400;
    font-size:12px
    }

.tout .tout-info h2{
    display:block;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
    margin:0
    }

.tout .tout-info hr{
    max-width:115px;
    height:2px;
    margin:22px 0 0;
    background:#000
    }

.tout.tout-large .tout-info hr{
    max-width:220px
    }

.tout .tout-info .tout-play{
    position:absolute;
    top:25px;
    right:25px;
    width:11px;
    height:auto !important
    }

.tout .tout-tags{
    position:absolute;
    bottom:25px;
    left:25px;
    height:30px;
    width:calc(100% - 50px);
    padding:0;
    overflow:hidden;
    z-index:15
    }

.tout .tout-tags a{
    margin:0 5px 0 0
    }

.tout .tout-tags a:last-of-type{
    margin:0
    }

    .tout .tout-info,
    .tout .tout-info .type-serif{
        font-size:16px
        }
    .tout .tout-info h2{
        color:#000
        }

    .tout.has-post-thumbnail .tout-info,
    .tout.has-post-thumbnail .tout-info .type-serif,
    .tout.has-post-thumbnail .tout-info h2{
        color:#fff
        }

    .tout.has-post-thumbnail .tout-info hr{
        background:#fff
        }

    .tout.has-post-thumbnail:after{
        content:"";
        position:absolute;
        display:block;
        width:100%;
        height:100%;
        top:0;
        left:0;
        background:rgba(32,32,32,.2)
        }

    .tout.tout-empty:after{
        display:none !important
        }

.tout-text-only a {
    cursor: default;
    background: #c5d8e5;
}
.tout-text-only .tout-info .title-small {
    font-size: 24px;
    color: #026694 !important;
    background: #c5d8e5;
}
.tout-text-only .heading {
    line-height: 70px;
    font-size: 55px;
    overflow:hidden;
    text-overflow:ellipsis;
}
.tout-text-only .heading span {
    border-bottom: 3px solid #026694;
}
@media (max-width: 900px) {
    .tout-text-only .heading {
        line-height: 64px;
        font-size: 46px;
    }
}

.g-4-2.search-block{
    overflow-y:scroll
    }

#search-block{
    height:100%
    }

#search-block .tabs{
    display:inline-block
    }

#search-block .search_clear,
#search-block .search_click{
    display:inline-block;
    float:right;
    color:#000;
    background:transparent
    }

#search-block .search_click{
    position:absolute;
    bottom:25px;
    right:25px
    }

#search-block .search_click img{
    position:absolute;
    height:20px !important;
    top:5px;
    left:-10px
    }

#search-block .search-tags{
    margin:30px 0;
    font-size:0
    }

#search-block .search-tags .cta{
    height:30px;
    margin:0 5px 5px 0;
    padding:0 12px;
    font:500 12px/31px "Circular",Helvetica Neue,Helvetica,sans-serif;
    color:#4a4a4a;
    box-shadow:inset 0 0 0 1px #4a4a4a
    }

#search-block .search-tags .cta:hover{
    background:transparent
    }

#search-block .search-tags .cta.active{
    color:#fff;
    background:#4a4a4a;
    opacity:1 !important
    }

#search-block [data-tab="tab-ideas"]{
    display:none
    }

#our-initiatives{
    padding:100px 0 0
    }

#our-initiatives .grid{
    display:block
    }

#our-initiatives .grid .cta{
    min-width:180px
    }

#our-initiatives .grid > div{
    overflow:hidden;
    min-height:240px;
    margin:0 0 2px
    }

#our-initiatives .grid > div:nth-of-type(1),
#our-initiatives .grid > div:nth-of-type(4),
#our-initiatives .grid > div:nth-of-type(5),
#our-initiatives .grid > div:nth-of-type(8){
    float:left
    }

#our-initiatives .grid .content{
    max-width:240px
    }

#our-initiatives .grid .content img{
    max-width:50px;
    margin:auto
    }

#our-initiatives .grid .g-4-2:nth-of-type(7) .content img{
    max-width:60px
    }

#our-initiatives .grid .content h3{
    white-space:nowrap;
    margin:10.8px 0;
    text-align:center;
    font-size:26px !important
    }

#our-initiatives .grid > div:nth-of-type(1) p{
    max-width:230px
    }

#our-initiatives .grid > div:nth-of-type(3) p{
    max-width:220px
    }

#our-initiatives .grid > div:nth-of-type(5) p{
    max-width:260px
    }

#our-initiatives .grid > div:nth-of-type(7) p{
    max-width:290px
    }

#our-initiatives .grid .content p{
    margin:auto
    }

#our-initiatives .grid .cta{
    position:absolute;
    z-index:10
    }

#social-feeds .feed:first-of-type{
    border-bottom:1px solid #c4dbe6
    }

#social-feeds .head{
    margin:0 auto 35px
    }

#social-feeds .head img{
    display:inline-block;
    width:20px;
    margin:0 8px 0 0
    }

#social-feeds .head span{
    vertical-align:top
    }

#social-feeds .head .cta{
    float:right
    }

#social-feeds .post{
    display:inline-block;
    vertical-align:top
    }

#social-feeds #twitter-feed{
    margin:auto
    }

#social-feeds #twitter-feed .post{
    width:calc(33.33% - 1px);
    padding:0 30px 0 0;
    font:16px/1.3em "Circular",Helvetica Neue,Helvetica,sans-serif;
    color:#000
    }

#social-feeds #twitter-feed .post:last-of-type{
    padding:0
    }

#social-feeds #instagram-feed{
    min-height:250px;
    margin:auto;
    opacity:0
    }

#social-feeds #instagram-feed .post{
    width:calc(33.33% - 20px);
    padding:0 30px 0 0;
    margin:0 30px 0 0;
    border-right:1px solid #80b1c9
    }

#social-feeds #instagram-feed .post:last-of-type{
    padding:0;
    margin:0;
    border-right:none
    }

#social-feeds #instagram-feed .post .image{
    display:block;
    margin:0 0 15px;
    padding:0 0 15px;
    font-size:0;
    line-height:0;
    border-bottom:1px solid #979797
    }

#social-feeds #instagram-feed .post .image img{
    display:inline-block;
    width:75px
    }

#social-feeds #instagram-feed .post .hashtags-wrapper{
    display:inline-block;
    height:78px;
    width:calc(100% - 90px);
    overflow:hidden;
    vertical-align:top;
    margin:0 0 0 15px
    }

#social-feeds #instagram-feed .post .hashtags-wrapper .hashtags{
    display:block;
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
    font:16px/1.3em "Circular",Helvetica Neue,Helvetica,sans-serif;
    color:#80b1c9
    }

#social-feeds #instagram-feed .post .caption{
    display:block;
    display:-webkit-box;
    height:142px;
    -webkit-line-clamp:7;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
    font:16px/1.3em "Circular",Helvetica Neue,Helvetica,sans-serif;
    color:#000000
    }

/*  3.0 HOMEPAGE - END  */

/*  4.0 GET TO KNOW US  */

#cover{
    position:relative;
    height:445px;
    overflow:hidden
    }

#cover h1{
    position:absolute;
    bottom:50px;
    left:25px;
    max-width:770px;
    z-index:10
    }

#cover hr{
    max-width:225px;
    margin:25px 0 0;
    background:#fff
    }

#mission-anchor,
#initiatives-anchor{top:-25px}

.admin-bar #mission-anchor,
.admin-bar #initiatives-anchor{top:-55px}

#maingrid .title{
    display:inline-block;
    margin:15px 0;
    padding:12px 0 0;
    border-top:3px solid #fff
    }

#maingrid .heading{
    margin:0 0 21.4px
    }

#maingrid p{
    margin:0 0 17.6px
    }

#maingrid .cta{
    margin:17.4px 20px 0 0
    }

#maingrid .icon{
    display:block;
    position:relative;
    height:100%;
    flex:2
    }

#maingrid .icon a{
    position:static
    }

#maingrid a.icon{
    position:static
    }

#maingrid .icon img{
    width:60%;
    max-width:195px
    }

#maingrid .object-fit{
    min-height:320px
    }

#maingrid .columns{
    margin:45px 0 0
    }

#maingrid .columns > div{
    padding:0 40px 0 0
    }

#maingrid .columns h3{
    margin:0 0 10px
    }

#maingrid .columns .icon{
    border-left:1px solid #80b1c9
    }

#maingrid .g-1{
    padding-bottom:55px
    }

#maingrid #fellowship-progam-tout,
#maingrid #support-us-tout{
    padding-bottom:25px
    }

#maingrid .g-1 .heading{
    max-width:865px
    }

#maingrid .video{
    position:relative;
    min-height:240px
    }

#maingrid .fluid-width-video-wrapper{
    min-height:240px
    }

#maingrid .video-info{
    position:absolute;
    width:100%;
    height:100%;
    z-index:10
    }

#maingrid .video-info-text{
    position:absolute;
    top:35px;
    left:35px
    }

#maingrid .video-info-text h3{
    margin:0 0 8px
    }

#maingrid .video-info .play-button{
    width:80px;
    height:80px;
    background:url(inc-img/icon-video-play.svg) no-repeat center/contain;
    z-index:20
    }

#our-organization{
    padding:100px 0 20px
    }

#our-organization h2{
    display:inline-block
    }

#our-organization .tabs{
    display:inline-block;
    float:right;
    margin:9px 0 0
    }

.tabs .cta{
    color:#000;
    background:transparent
    }

.tabs .cta:hover{
    color:rgba(0,0,0,.6)
    }

.tabs .cta.active{
    background:#c4d8e6
    }

#our-organization [data-tab="tab-advisors"],
#our-organization [data-tab="tab-boards"]{
    display:none
    }

.person{
    background:transparent !important
    }

.person h3{
    margin:10px 0 -1px
    }

/*  4.0 GET TO KNOW US - END  */

/*  5.0 BE A PART OF IT  */

#maingrid .slider p{
    margin:0 0 32.6px
    }

#maingrid .rectangle .object-fit{
    height:auto
    }

#maingrid .rectangle .object-fit:after{
    content:"";
    display:block;
    padding-bottom:100%
    }

#maingrid .fellow-info{
    width:100%;
    height:100%;
    z-index:15
    }

#maingrid .fellow-info h3{
    margin:10px 0 0
    }

/*  5.0 BE A PART OF IT - END  */

/*  6.0 ARCHIVES  */

#page-head h1{
    padding:11px 25px 25px
    }

#page-head #page-description p{
    max-width:810px;
    margin:-2.2px;
    font:22px/1.2em "Circular",Helvetica Neue,Helvetica,sans-serif;
    }

#page-crumb{
    padding:8px 11px
    }

#page-crumb .cta{
    vertical-align:top;
    float:left
    }

#page-crumb span{
    line-height:30px
    }

#archive.public-programs .title-large{
    margin:-3.6px 15px 40px;
    width:100%
    }

.blocks{
    display:-webkit-flex;
    display:flex;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    padding:0 10px
    }

.block.person .permalink{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:10
    }

.block.person .object-fit{
    background:#eee
    }

.block.person .object-fit:after{
    content:"";
    display:block;
    padding-bottom:100%
    }

.blocks.b-3 .block{
    width:calc(33.33% - 30px)
    }

.blocks .block{
    position:relative;
    width:calc(25% - 30px);
    margin:0 15px 30px;
    background:#c4d8e6
    }

.blocks .block:nth-of-type(even){
    background:#d8d8d8
    }

#load-wrapper{
    margin-bottom:90px
    }

#loader{
    min-width:240px
    }

#loader > div{
    position:absolute;
    width:100%;
    top:0;
    left:0;
    text-align:center
    }

#infscr-loading{
    display:none !important
    }

    #loader #load_loading,
    #loader #load_end,
    html.archive_loading #load_more,
    html.archive_end #load_more{
        display:none
        }

    html.archive_loading #loader  #load_loading,
    html.archive_end #loader #load_end{
        display:block
        }

    html.archive_end #loader{
        color:#fff;
        background:#4a4a4a;
        box-shadow:inset 0 0 0 2px #4a4a4a;
        pointer-events:none
        }

    .block.loading{
        position:absolute;
        height:0;
        margin:0;
        overflow:hidden;
        opacity:0;
        transition:0
        }

    /*  6.1 DISCUSS FORUM  */

    .forum-heading{
        position:relative
        }

    .forum-heading .title-large{
        margin:5px 0
        }

    .forum-heading .cta{
        position:absolute;
        right:25px;
        bottom:25px
        }

    .forum-heading p{
        margin:0
        }

    .block.article-block{
        max-height:100% !important
        }

    .block .article{
        height:33.33%;
        padding:15px
        }

    .block .article:nth-of-type(even){
        background:#d8d8d8
        }

    .block .article .type-serif{
        margin:0 0 10px;
        font-size:12px
        }

    .block .article h2{
        display:block;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        overflow:hidden;
        text-overflow:ellipsis;
        font:700 16px/1.2em "Circular",Helvetica Neue,Helvetica,sans-serif
        }

    .block .article hr{
        height:2px;
        max-width:115px;
        margin:12px 0 0;
        background:#000
        }

    #page-forums #discuss-forums{
        margin:0 0 90px
        }

    /*  6.1 DISCUSS FORUM - END  */

    /*  6.2 GROWING DIALOGUES  */

    .episodes{
        position:relative
        }

    .episodes .episodes-head{
        padding-top:35px;
        padding-bottom:35px;
        cursor:pointer
        }

    .episodes .episodes-head b{
        display:block;
        margin:0 0 10px
        }

    .episodes .episodes-head p{
        max-width:600px;
        margin:22px 0 0
        }

    .episodes .blocks.hide{
        width:100%
        }

    .episodes .blocks{
        margin:0 0 35px
        }

    .expand{
        overflow:hidden
        }

    .expand .hide{
        position:absolute;
        opacity:0;
        pointer-events:none
        }

    .expand.expanded .hide{
        position:relative;
        opacity:1;
        pointer-events:auto
        }

    .expand_toggle{
        position:absolute;
        width:25px;
        height:25px;
        top:55px;
        right:45px
        }

    .expand_toggle hr{
        position:absolute;
        top:50%;
        left:50%;
        width:16px;
        height:2px;
        -webkit-transform:translate(-50%,-50%);
        transform:translate(-50%,-50%);
        background:#c4d8e6
        }

    .expand_toggle hr:last-of-type{
        -webkit-transform:translate(-50%,-50%) rotate(90deg);
        transform:translate(-50%,-50%) rotate(90deg);
        transition:.15s
        }

    .expanded .expand_toggle hr:last-of-type{
        -webkit-transform:translate(-50%,-50%) rotate(0);
        transform:translate(-50%,-50%) rotate(0)
        }

    /*  6.2 GROWING DIALOGUES - END  */

    /*  6.3 SEARCH RESULTS  */

    #search-head .tabs .cta.active{
        background:#fff
        }

    #search-head #search-block{
        padding:15px 25px;
        border-bottom:1px solid #80abc9;
        }

    #search-head #search-block .search-tags{
        margin:15px 0
        }

    #search-head #search-block .search_click{
        bottom:15px
        }

    #search-head #search-selections{
        padding-top:15px;
        padding-bottom:10px
        }

    #search-head #search-selections .cta{
        height:25px;
        margin:0 5px 5px 0;
        padding:0 12px;
        font:500 11px/25px "Circular",Helvetica Neue,Helvetica,sans-serif;
        color:#fff;
        background:#4a4a4a;
        box-shadow:inset 0 0 0 1px #4a4a4a
        }

    /*  6.3 SEARCH RESULTS - END  */

    /*  6.4 CALENDAR  */

    #event-filter{
        margin:60px auto 20px
        }

    .selections{
        position:relative;
        display:inline-block;
        width:210px;
        height:30px;
        margin:0 0 0 30px;
        line-height:30px;
        box-shadow:inset 0 0 0 1px #dcdcdc
        }

    .selections:after{
        content:"";
        position:absolute;
        width:30px;
        height:30px;
        top:0;
        right:0;
        background:#c4d8e6 url(inc-img/icon-arrow-down.svg) center/16px no-repeat;
        pointer-events:none
        }

    .selections select{
        width:100%;
        height:100%;
        padding:0 10px;
        color:#9b9b9b
        }

    #posts-recent-posts.events li .cta{
        height:23px;
        line-height:23px;
        margin:0 0 0 10px
        }

    /*  6.4 CALENDAR - END  */

    /*  6.5 PUBLIC PROGRAMS  */

    #program-filter{
        margin:30px 0 0
        }

    #program-filter .selections{
        margin:0 0 0 10px
        }

    /*  6.5 PUBLIC PROGRAMS - END  */

/*  6.0 ARCHIVES - END  */

/*  7.0 SINGLES  */

    /*  7.1 SINGLE PERSON  */

    #single-person #content{
        width:calc(100% - 280px);
        margin:0 70px 0 0
        }

    #single-person #content-head{
        margin:0 0 35px
        }

    #single-person #content-head h1{
        margin:0 0 7.4px
        }

    #single-person #person-info{
        width:210px
        }

    #single-person #person-info img{
        margin:0 0 34px
        }

    #single-person #person-info .title-small{
        margin:0 0 6px
        }

    #single-person #person-info ul{
        margin:0 0 30px;
        padding:0;
        list-style:none
        }

    #single-person #person-info ul li{
        margin:0 0 6px
        }

    #single-person #person-info ul li a{
        color:#80abc9
        }

    #single-person #content,
    #single-person #content p,
    #single-person #content ol,
    #single-person #content ul,
    #single-person #content em{
        line-height:1.5em
        }

    /*  7.1 SINGLE PERSON - END  */

    /*  7.2 SINGLE HEAD & FOOT  */

    #single #content-head hr{
        height:2px;
        margin:15px 0 12px;
        background:#979797
        }

    #single #content-head .post-date{
        display:inline-block;
        }

    #single #content-head .event-location,
    #single #content-head .event-date{
        margin:9px 0 0
        }

    #single #content-head .post-share{
        float:right;
        font-size:0
        }

    #single #content-head .post-share a{
        display:inline-block;
        margin:0 0 0 10px
        }

    #single #content-head .post-share img{
        height:15px !important
        }

    #post-tags{
        margin:0 0 25px;
        padding:30px 0 0;
        font:16px/1em "Circular",Helvetica Neue,Helvetica,sans-serif;
        border-top:1px solid #979797
        }

    #post-tags .cta{
        margin:0 5px 5px 0
        }

    #single #post-author{
        padding:30px 0 0;
        border-top:1px solid #979797
        }

    #single #post-author img{
        display:inline-block;
        width:90px;
        margin:0 20px 0 0;
        box-shadow:0 0 0 1px #dcdcdc
        }

    #single #post-author #post-author-info{
        display:inline-block;
        vertical-align:top;
        margin:0;
        font:16px/1.3em "Circular",Helvetica Neue,Helvetica,sans-serif
        }

    #single #post-author #post-author-info b{
        display:block;
        margin:0 0 4px
        }

    #single #post-author #post-author-info .cta{
        margin:16px 0 0
        }

    #post-recent-posts-label{
        font-weight:700;
        font-size:16px
        }

    #post-recent-posts-label img{
        display:inline-block;
        height:12px !important;
        margin:0 0 0 10px
        }

    #posts-recent-posts.single #post-recent-posts-label{
        max-width:90%;
        margin:auto;
        text-align:right
        }

    #posts-recent-posts ul{
        margin:20px 0 0;
        padding:0;
        list-style:none;
        }

    #posts-recent-posts li{
        position:relative;
        margin:0;
        padding:35px 0;
        border-top:2px solid #c4d8e6
        }

    #posts-recent-posts li .post-date{
        margin:0 0 10px
        }

    #posts-recent-posts li .icon-plus{
        position:absolute;
        width:16px;
        top:50%;
        right:40px;
        -webkit-transform:translateY(-50%);
        transform:translateY(-50%);
        margin:0
        }

    #posts-recent-posts li .post-link{
        position:absolute;
        width:100%;
        height:100%;
        top:0;
        left:0;
        visibilit:hidden;
        z-index:10
        }

    #posts-recent-posts.fieldworks .blocks{
        margin:20px 0 0;
        border-top:2px solid #c4d8e6
        }

    /*  7.2 SINGLE HEAD & FOOT - END  */

    /*  7.3 SINGLE CONTENT  */

    #content{
        margin:30px 0 0
        }

    #single #content,
    #single #content p,
    #single #content ol,
    #single #content ul,
    #single #content em{
        /*font-family:"Sagona",Georgia,serif;*/
        font-family:"Source Sans Pro",Georgia,sans-serif;
        font-size:20px;
        line-height:34px
        }

    #single #content iframe,
    #single #content object,
    #single #content div,
    #single #content p,
    #single #content ol,
    #single #content ul,
    #single #content blockquote,
    #single #content hr,
    #single #content img{
        max-width:100%;
        margin:0 0 32.6px
        }

    #single #content p:empty{
        display:none
        }

    #single #content img{
        -webkit-backface-visibility:hidden;
        -webkit-transform:translateX(0)
        }

    #single #content hr{
        height:1px
        }

    #single #content .gallery{
        margin:0 auto 32.6px;
        font-size:0
        }

    .gallery-item{
        float:left;
        margin:0 5px 5px 0
        }

    .gallery-columns-2 .gallery-item{
        width:calc(50% - 2.5px)
        }

    .gallery-columns-2 .gallery-item:nth-of-type(2n){
        margin:0 0 5px
        }

    .gallery-columns-3 .gallery-item{
        width:calc(33.33% - 3.33px)
        }

    .gallery-columns-3 .gallery-item:nth-of-type(3n){
        margin:0 0 5px
        }

    .gallery-columns-4 .gallery-item{
        width:calc(25% - 3.75px)
        }

    .gallery-columns-4 .gallery-item:nth-of-type(4n){
        margin:0 0 5px
        }

    .gallery-item img,
    #single #content .gallery-item img{
        margin:0;
        border:none !important
        }

    .gallery-caption,
    #single #content .gallery-caption{
        margin-left:0;
        text-align:center;
        }

    #single-person .gallery-caption{
        margin:10px 0 0
        }

    #single-person .gallery-item{
        float:left;
        margin:0 0 35px
        }

    #single #content .wp-caption img{
        margin:0
        }

    #single #content .wp-caption-text{
        margin:10px 0;
        text-align:left !important;
        font:14px/1.3em "Circular",Helvetica Neue,Helvetica,sans-serif
        }

    #single #content blockquote{
        position:relative;
        display:inline-block;
        quotes: "“" "”" "‘" "’";
        padding:35px 0 35px 50px;
        font:30px/1.13em "Circular",Helvetica Neue,Helvetica,sans-serif;
        color:#c4dbe6;
        border-top:1px solid #979797;
        border-bottom:1px solid #979797
        }

    #single #content blockquote:before{
        content:open-quote;
        position:absolute;
        left:35px
        }

    #single #content blockquote:after{
        content:close-quote
        }

    #single #content blockquote p{
        display:inline;
        margin:0;
        font:700 30px/1.13em "Circular",Helvetica Neue,Helvetica,sans-serif;
        color:#c4dbe6
        }

    #single #content ol.annotation li{
        font:16px/1.3em "Circular",Helvetica Neue,Helvetica,sans-serif
        }

    #single #content .aligncenter{
        display:block;
        margin:0 auto 30px !important;
        text-align:center
        }

    #single #content .aligncenter img{
        margin:auto
        }

    #single #content .alignleft{
        /*  float:left  */
        }

    #single #content .alignright{
        /*  float:right  */
        }

    #single #content .alignleft .wp-caption-text{
        text-align:left
        }

    #single #content .alignright .wp-caption-text{
        text-align:right
        }

    /*  7.3 SINGLE CONTENT - END  */

/*  7.0 SINGLES - END  */

/*  8.0 PAGES  */

    /*  8.1 FELLOWSHIP PROGRAM  */
<!-- Added for anchor elements -->
    #new-fellowships {
    top:-120px; /* -(some pixels above) */
    position:relative;
    z-index:5;
}
<!-- end of anchor element styling -->

    #fellowship-program .width{
        max-width:700px
        }

    #fellowship-apply{
        padding-top:40px;
        padding-bottom:40px
        }

    #fellowship-apply p{
        display:inline-block;
        width:calc(100% - 200px)
        }

    #fellowship-apply .cta{
        display:inline-block;
        width:180px;
        height:45px;
        vertical-align:10px;
        line-height:46px;
        color:#fff;
        box-shadow:inset 0 0 0 2px #fff
        }

    #fellowship-apply .cta:hover{
        color:#000;
        background:#fff
        }

    #fellowship-expand{
        margin:0px 20px;
        padding:0px 20px;
        list-style:none
        }

    #fellowship-expand .expand{
        position:relative;
        margin:0px 20px;
        border-top:2px solid #c4d8e6
        }

    #fellowship-expand .padding{
        padding:30px 20px
        }

    #fellowship-expand .expand h2{
        cursor:pointer
        }

    #fellowship-expand .expand_toggle{
        top:40px
        }

    /*  8.1 FELLOWSHIP PROGRAM - END  */

    /*  8.2 THEMES  */

    .year{
        display:block;
        margin:0 0 10px
        }

    /*  8.2 THEMES - END  */

    /*  8.3 SUPPORTERS  */

    #supporters .title-large{
        margin:-3.6px 0 30px
        }

    .col-2{
        -webkit-column-count:2;
        -moz-column-count:2;
        column-count:2;
        -webkit-column-gap:70px;
        -moz-column-gap:70px;
        column-gap:70px
        }

    .col-2 p{
        -webkit-column-break-inside: avoid;
        page-break-inside:avoid;
        break-inside:avoid-column
        }

    /*  8.3 SUPPORTERS - END  */

    /*  8.4 DONATE  */

    #donate .title-large{
        font-size:30px
        }

    #donate .padding.l{
        padding-top:40px
        }

    #donate img{
        margin:auto
        }

    /*  8.4 DONATE - END  */

    /*  8.5 MISC  */

    #error{
        max-width:1200px
        }

    #error h1{
        margin:0 auto 47px
        }

    #error p{
        max-width:700px;
        margin:47px 0
        }

    .article-author {
        font-style: italic;
        font-weight: normal;
        font-size: 12px;
        margin-top: 3px;
    }

    .article-page p {
        font-family: Circular, Helvetica !important;
    }

    /*  8.5 MISC - END  */

/*  8.0 PAGES - END  */

/*  10.0 FOOTER  */

    /*  10.1 SUB FOOTER  */

    #sub-footer .column{
        width:calc(33.33% - 20px);
        margin:0 30px 0 0
        }

    #sub-footer .column:last-of-type{
        margin:0
        }

    #sub-footer h4{
        font-size:22px !important
        }

    #sub-footer .cta{
        margin:32px 0 0
        }

    #sub-footer p,
    #sub-footer form{
        margin:17.6px 0 0
        }

    #sub-footer form .field{
        margin:0 0 13px
        }

    #sub-footer form .field input{
        padding-bottom:2px;
        border-bottom:1px solid #fff
        }

    #sub-footer form .cta{
        margin:0
        }

    /*  10.1 SUB FOOTER  */

    /*  10.2 MAIN FOOTER  */

    #footer{
        padding:.1px;
        color:#fff;
        background:#000
        }

    #footer nav ul a{
        color:#fff
        }

    #footer nav > ul > li > a{
        border-bottom:1px solid #fff
        }

    #footer #footer-info{
        margin:5px 0 15px
        }

    #footer #footer-info a{
        color:#fff
        }

    #footer #footer-info-contact{
        display:inline-block
        }

    #footer #footer-info-contact a{
        display:inline-block;
        margin:0 15px 0 0
        }

    #footer #footer-info-follow-copyright{
        display:inline-block;
        float:right;
        text-align:right
        }

    #footer #footer-info-follow-copyright #follow{
        display:inline-block;
        margin:0 30px 0 0
        }

    #footer #footer-info-follow-copyright #follow a{
        display:inline-block;
        width:18px;
        height:18px;
        vertical-align:middle;
        margin:0 10px 0 0
        }

    #footer #footer-info-follow-copyright #follow a:last-of-type{
        margin:0
        }

    #footer #footer-info-follow-copyright #copyright{
        vertical-align:bottom;
        letter-spacing:.02em;
        font:700 12px/1em "Circular",Helvetica Neue,Helvetica,sans-serif
        }

    #footer #footer-info-follow-copyright #credit{
        margin:10px 0 0;
        font:700 12px/1em "Circular",Helvetica Neue,Helvetica,sans-serif;
        color:#fff
        }

    /*  10.2 MAIN FOOTER - END  */

/*  10.0 FOOTER - END  */

/*  11.0 ANIMATION  */

@-webkit-keyframes fadein{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}

@keyframes fadein{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}

@-webkit-keyframes fadeout{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}

@keyframes fadeout{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}

.css_fadein{
    opacity:1;
    pointer-events:auto;
    -webkit-animation:fadein .3s both;
    animation:fadein .3s both
    }

.switch_animation{
    opacity:0;
    -webkit-animation:fadein .6s both;
    animation:fadein .6s both
    }

.switch_exiting{
    -webkit-animation:fadeout .6s both;
    animation:fadeout .6s both
    }

.lazy_fadein{
    -webkit-animation:fadein .6s both;
    animation:fadein .6s both
    }

/*  11.0 ANIMATION - END  */

/*  12.0 RESPONSIVE  */

    /*  IN /INC-CSS REMEMBER TO BRING IT BACK INTO STYLE.CSS FOR OPTIMIZED CSS  */

/*  12.0 RESPONSIVE - END  */

@media screen and (min-width:782px){

    .admin-bar #header{margin:61px 0 0}

    .admin-bar #header-navigation{top:32px}

    .admin-bar #header-navigation nav{max-height:calc(100vh - 61px)}

    html.header_slide .admin-bar #header-navigation nav{top:61px}

}

@media screen and (max-width:782px){

    #wpadminbar{position:fixed}

    .admin-bar #header{margin:76px 0 0}

    .admin-bar #header-navigation{top:46px}

    .admin-bar #header-navigation nav{max-height:calc(100vh - 75px)}

    html.header_slide .admin-bar #header-navigation nav{top:75px}

}

@media screen and (max-width:420px){

    .admin-bar #header{margin:20px 0 0}

    .admin-bar #header-navigation nav{max-height:calc(100vh - 50px);max-height:calc(100vh - 97px)}

    html.header_slide .admin-bar #header-navigation nav{top:96px}

}


/*** Clear Marble Adjustments START ***/
html {
    scroll-behavior: smooth
}

#homepage-grid {
    position: relative;
}

#homepage-grid a[name="homepage-grid-anchor"] {
    position: absolute;
    top:-82px;
}

#header #header-content {
    padding: 30px 30px;
}

@media (min-width: 1031px) {
  #header #header-content #logo {
      width: 300px;
  }
}

/*hamburger adjustments*/
#header #hamburger {
    padding: 20px 0px !important;
}

#header #hamburger span:before {
    margin-top: -12px !important;
}

#header #hamburger span:after{
    margin-top: 12px !important;
}

#header #hamburger span {
    width:34px !important;
}

#header .hamburger-abs {
    top: 30px !important;
}

#header #hamburger.active span:before {
    top: 12px !important;
}

#header #hamburger.active span:after {
    top: -12px !important;
}

@media (max-width: 1030px) {
    #header .hamburger-abs {
        top: 25px !important;
        right: 20px !important;
    }

    #header #hamburger {
        padding: 10px 0px !important;
    }

    #header #hamburger span {
        width: 25px !important;
        height: 2.5px !important;
    }

    #header #hamburger span:before {
        margin-top: -9px !important;
    }

    #header #hamburger span:after{
        margin-top: 9px !important;
    }

    #header #hamburger.active span:before {
        top: 9px !important;
    }

    #header #hamburger.active span:after {
        top: -9px !important;
    }

    #header #header-content {
        padding: 20px;
    }
}

/* #header {
    position: sticky;
} */

#header-buffer {
    height: 102px !important;
    /* height: 0 !important; */
}

@media (max-width: 1030px) {
    #header-buffer {
        height: 72px !important;
    }
}

/*editors picks banner*/
#editors-picks-banner {
    background: #f4f1ed !important;
    max-height: 300px !important
}

#editors-picks-banner h2, #editors-picks-banner span  {
    font-size: 44px;
    color: #046695 !important;
}

#editors-picks-banner span {
    font-size: 22px;
    line-height: normal;
}

.tout-text-only a {
    background: #f9f7f2 !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 25px 40px;
}

@media (max-width: 1030px) {
    .tout-text-only a {
        padding: 15px;
    }

    #editors-picks-banner span br {
      display: none;
    }
}

@media (max-width: 500px) {
   	#header, #header-buffer {
        height: auto;
    }
}

/*initiatives section*/
@media screen and (max-width: 420px) {
    #initiatives .g-4-1:first-child {
        margin-bottom: 2.5em;
    }
}
/*** Clear Marble Adjustments END ***/