/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #bbdefc;
    color: #333;
    text-shadow: none;
}

::selection {
    background: #bbdefc;
    color: #333;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

strong { 
    font-family: HelveticaNeue-Medium, Arial Bold, Roboto-Bold, sans-serif; 
}

.lazy-loaded {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    opacity: 1;
    -ms-filter:”progid:DXImageTransform.Microsoft.Alpha(Opacity=100)”;
    filter: alpha(opacity=100);
}

.lazy-hidden {
    opacity: 0;
    -ms-filter:”progid:DXImageTransform.Microsoft.Alpha(Opacity=0)”;
    filter: alpha(opacity=0);
}

img.lazy {
    font-size: .75em;
    color: #444;
    text-align: center;
    opacity: .2;
    min-height: 2.5em;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

   /*
   new palette refs: blue: #0031a7, cyan: #69b4f6, 
   purple: #693e91, red: #f94868, green: #47b278, off-black: #434043
   */

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

h1,h2,h3,h4,h5,h6 { font-weight: normal; }

html,body,div,h1,h2,h3,h4,h5,h6,p,a,img,figure {
    font-size: 100%;
    margin: 0;
    padding: 0;
    line-height: 1;
    outline: none;
}

a, a:hover, a:focus { color: inherit; text-decoration: none; }

img {
    width: 100%;
    max-width: 100%;
    display: block;
    height: auto;
}

body {
    font-family: HelveticaNeue-Regular, Arial, Roboto, sans-serif;
    background: #fff;
    position: relative;
    z-index: 0;
    color: #333;
    margin-top: 70px;
}

/*ATF Headline Gothic*/

@font-face {
font-family: "ATF Headline Gothic 2 Reg";
font-weight: normal; 
font-style: normal; 
font-display: swap; 

src: url("https://fastly-cloud.typenetwork.com/projects/6956/2f2b_vdef_e29bf09b24_8483.woff2?03a33758ad3e3b5f53d2c2d136dc655ffe096a51") format("woff2"),
     url("https://fastly-cloud.typenetwork.com/projects/6956/2f2b_vdef_e29bf09b24_8483.woff?03a33758ad3e3b5f53d2c2d136dc655ffe096a51") format("woff");
}

/*FS Joey Bold*/

@font-face {
    font-family: "FS Joey Bold";
    font-display: swap;
    font-weight: normal;
    font-style: normal;
    font-display: auto;
    src: url("FSJoeyWeb-Bold.woff2") format('woff2');
    src: url("FSJoeyWeb-Bold.woff") format('woff');
    unicode-range: U+000-5FF;
}

figcaption {
    font-family: "FS Joey Bold", Arial, Roboto-Bold, sans-serif;
}

.we-raised a em {
    font-family: "FS Joey Bold", Arial, Roboto-Bold, sans-serif;
    font-style: normal;
}

.we-raised a strong {
    font-family: "ATF Headline Gothic 2 Reg", sans-serif;
    font-weight: normal;
    letter-spacing: 0.05em;
}

/* ==========================================================================
   Site structure styles (default/desktop)
   ========================================================================== */

.header-inner,
.main-inner,
.main-nav-wrap > div,
.footer-inner,
.slider-info > div > div,
.site-introduction > div {
    width: 90%;
    margin: 0 auto;
    position: relative;
    max-width: 73.75em;/* 1180px */
}
 
.tertiary-inner {
    background: rgba(69, 232, 184, 0.4);
    border-bottom: 1px #ccc;
}

article figure {
    margin-bottom: 3em;
    position: relative;
}

article figure img {
    z-index: 6;
    position: inherit;
}

/* ==========================================================================
   Header styles (default/desktop)
   ========================================================================== */

header {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    right: 0;
    background: white;
    box-shadow: 0 1px 10px rgba(0,0,0,.5);
    -webkit-transition: height .2s;
    -moz-transition: height .2s;
    -ms-transition: height .2s;
    -o-transition: height .2s;
    transition: height .2s;
    height: 95px;
}

header h1 {
    float: left;
    height: 70px;
    display: table;
    line-height: 70px;
    position: relative;
    z-index: 10;
}

header h1 a {
    width: 220px;
    height: 63px;
    display: table-cell;
    vertical-align: middle;
}

header h1 img {
    max-width: inherit;    
    vertical-align: inherit;
}

/* ==========================================================================
   Main navigation styles (default/desktop)
   ========================================================================== */

header nav ul,
header nav li,
.mobile-navigation li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.header-inner > section {
    float: right;
}

.tertiary-nav {
    width: 90%;
    max-width: 73.75em;
    position: relative;
    text-align: right;
    z-index: 9;
    height: 25px;
    margin: 0 auto;
}

.tertiary-nav > ul {
    display: inline-block;
    font-family: "FS Joey Bold", Arial Bold, Roboto-Bold, sans-serif;
    font-size: 0.8em;
}

.tertiary-nav li  {
    display: inline;
    position: relative;
    margin: 0 .5em;
}

.tertiary-nav li a {
    display: inline-block;
    color: #0031a7;
    font-size: .9em;
    line-height: 25px;
}

.tertiary-nav li.search {
    margin: 0 0.5em 0 0.5em;
}

.tertiary-nav li.search a:after {
    content: " \f002";
    font-family: FontAwesome;
    color: #0031a7;
    font-size: 1em;
}

.tertiary-nav li a:hover,
.tertiary-nav li a:focus {
    color: #9a0e5b;
}

#menu-upper-navigation li.menu-item:after {
    content: " |";
    font-family: arial light;
    color: #0636a4;
    padding: 0 0 0 0.9em;
}

#menu-upper-navigation li.menu-item:last-of-type:after {
    content: none;
}

.main-nav {
    width: auto;
    position: relative;
    text-align: center;
    z-index: 9;
    height: 70px;
}

.main-nav > ul {
    display: inline-block;
    font-family: "FS Joey Bold", Arial Bold, Roboto-Bold, sans-serif;
    font-size: 1.2em;
}

.main-nav li  {
    float: left;
    display: inline;
    position: relative;
    margin: 0 .5em;
}

.main-nav li a {
    display: inline-block;
    color: #0031a7;
    font-size: .85em;
    line-height: 70px;
}

.main-nav li a:hover,
.main-nav li a:focus {
    color: #693e91;
}

.main-nav li a:active {
    position: relative;
    top: 1px;
}

.main-nav .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0px;
    width: 8em;
    background: white;
    z-index: 5;
    text-align: left;
}

.main-nav li:hover > .sub-menu {
    display: block;
}

.main-nav .sub-menu li {
    float: none;
    margin: 0;
}

.main-nav .sub-menu li a {
    display: block;
    height: inherit;
    float: none;
    padding: .75em;
    line-height: 1.2;
}

.main-nav .sub-menu li a:hover,
.main-nav .sub-menu li a:focus {
    color: white;
    background: #693e91;
}

.search-trigger {
    float: right;
    position: relative;
    z-index: 10;
    margin: 0 0.25em 0 -0.5em;
}

.search-trigger a {
    font-size: 1em;
    line-height: 70px;
    color: #0031a7;
}

.search-trigger a,
.main-nav li a,
.secondary-nav {
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

header,
header h1 img {
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

/* ==========================================================================
   Search form styles (default/desktop)
   ========================================================================== */

.search-section {
    top: 100%;
    height: 70px;
    z-index: 1;
    background: #b9f5e3;
    box-shadow: inset 0px 10px 10px -10px rgb(0 0 0 / 50%);
}

.search-section form {
    margin: 0 auto;
    width: 90%;
    max-width: 74em;/* 1180px */
    height: 100%;
    color: white;
    padding: .625em 0;
    position: relative;
}

.search-section form > div {
    position: relative;
    margin: 6px 0;
}

input[type="text"] {
    box-sizing: border-box;
    border: none;
    padding: 0 0 0 1.25em;
    margin: 0;
    color: #333;
    height: 40px;
    width: 92%;
    position: relative;
    z-index: 4;
    float: left;
    -webkit-appearance: none;
    border-radius: 0.3em;
    outline: 1px solid #ccc;
}

input[type="submit"] {
   font-family: "FS Joey Bold", Arial Bold, Roboto-Bold, sans-serif;
    background: #4d676e;
    border: none;
    height: 40px;
    padding: 0 1em;
    float: right;
    position: absolute;
    z-index: 5;
    right: 0;
    width: auto;
    -webkit-appearance: none;
    border-radius: 0.3em;
}

input[type="submit"]:hover,
input[type="submit"]:focus {
    background: #9D3071;
}

input[type="submit"]:active {
    background: #111;
}

:-ms-input-placeholder {  
   color: #ccc;  
}

::-ms-input-placeholder {  
   color: #ccc;  
}

.search-section input::placeholder {
    color: #ccc !important;
}

/* ==========================================================================
   Secondary navigation styles (default/desktop)
   ========================================================================== */

.secondary-nav {
    width: 28%;
    float: right;
    height: 70px;
    position: relative;
    z-index: 10;
}

.secondary-nav > ul {
    height: 70px;
    line-height: 65px;
    text-align: right;
}

.secondary-nav li {
    margin: 0 0.7em 0 0;
    display: inline-block;
    width: 46%;
}

.secondary-nav li:last-child {
    margin: 0;
}

.secondary-nav li a {
   display: block;
   width: 100%;
   padding: .1em .75em .05em;
   border-radius: 0.3em;
   font-family: "FS Joey Bold", Arial Bold, Roboto-Bold, sans-serif;
   color: white;
   font-weight: normal;
   font-size: 1em;
   text-align: center;
   transition: all .1s ease-in-out;
   line-height: 23px;
   height: 25px;
   letter-spacing: 0.05em;
   text-rendering: optimizeLegibility;
}

.help-link a {
    background: #da0063;
}

.help-link a:hover,
.help-link a:focus {
    background: #c10158;
}

li.donate-link a {
   background: #0076dc;
}

li.donate-link a:hover,
li.donate-link a:focus {
    background: #004c8e;
}

.secondary-nav li a:active {
   position: relative;
   top: 1px;
}

/* ==========================================================================
   Large image template
   ========================================================================== */

.page-template-large_image .main-inner {
    padding-top: 0;
}

.large-image {
    height: 400px;
    margin-bottom: 60px;
    position: relative;
    overflow: hidden;
}

.large-image-title {
    height: 100%;
    background: #693e91;
    background: rgba(105,65,145,.85);
    min-width: 25%;
    display: table;
    text-align: center;
    padding: 0;
    position: absolute;
    z-index: 7;
    top: 0;
    left: 0;
}

.large-image h2 {
    /*font-family: "ATF Headline Gothic 2 Reg", sans-serif;*/
    /*text-transform: uppercase;*/
    font-family: "FS Joey Bold", Arial Bold, Roboto-Bold, sans-serif;
    /*letter-spacing: 0.02em;*/
    display: table-cell;
    vertical-align: middle;
    position: relative;
    z-index: 2;
}

.large-image h2 span {
    color: #fff;
    font-size: 4em;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    display: inline-block;
    padding: .25em 0 .1em;
    text-align: left;
    width: 80%;
}

.arrow-right {
    width: 0; 
    height: 0; 
    border-top: 2em solid transparent;
    border-bottom: 2em solid transparent;
    position: absolute;
    border-left: 2em solid rgb(105,65,145);
    border-left: 2em solid rgba(105,65,145,.85);
    left: 100%;
    top: 42%;
    z-index: 1;
}

.featured-image {
    position: absolute;
    right: 0;
    width: 90%;
    z-index: 1;
    background: #DEDED3;
}

.featured-image-container {
    position: relative;
    width: 120%;
}

.featured-image-container img {
    position: relative;
    z-index: 4;
}

.image-gradient {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    background: url('../img/grad.png') repeat-y 0 0;
    height: 100%;
    width: 300px;
}

/* ==========================================================================
   Publications
   ========================================================================== */
.page-template-publications {
}

#main article ul.pub-list,
.pub-buttons {
    list-style: none;
    margin: 0 -1%;
    padding: 0;
}

.pub-buttons a,
#main article ul.pub-list li {
    float: left;
    width: 23%;
    margin: 1%;
}

.pub-buttons a {
    display: block;
    background: #693e91;
    padding: 1em;
    border-radius: .3em;
    font-family: "FS Joey Bold", Arial Bold, Roboto-Bold, sans-serif;
    font-size: 1.3em;
    color: white;
    -webkit-transition: .15s background linear;
    -moz-transition: .15s background linear;
    -ms-transition: .15s background linear;
    -o-transition: .15s background linear;
    transition: .15s background linear;
    width: 31.33333337%;
}

.pub-buttons a:hover,
.pub-buttons a:focus {
    cursor: pointer;
    background: #41265a;
}

#main .pub-list li a {
    background: white;
    display: block;
    border-radius: .3em;
    border: none;    
}

.pub-list a > div {
    padding: .9375em;
    position: relative;
}

.pub-list a > div img {
    position: relative;
    z-index: 6;
}

.pub-list a > figure img.fallback {
    position: relative;
    z-index: 6;
    width: 25%;
    margin: auto;
    padding: 35% 0;
    background: #69b4f6;
}

.pub-list li a:hover,
.pub-list li a:focus {
    background: #dadad2;
}

.pub-list li a:active {
    position: relative;
    top: 1px;
}

.pub-list figure {
    margin-bottom: 0;
    position: relative;
    background: #69b4f6;
}

.pub-list .fallback {
    z-index: 6;
    position: inherit;
}

.pub-list h4 {
    font-family: "FS Joey Bold", Arial Bold, Roboto-Bold, sans-serif;
    font-size: 1.25em;
    margin-bottom: .625em;
    line-height: 1.2;
    color: #56575A;
}

.page-template-publications .pub-list a div p {
    font-size: .75em;
    line-height: 1.2;
    margin-bottom: 0;
    color: #56575A;
}

.page-template-publications .main-inner h3 {
    margin-bottom: .66667em;
    font-size: 1em;
}

.page-template-publications button {
    padding: .35em;
}

.pub-buttons .active {
    background: #41265a;
}


/* ==========================================================================
   responsive video (YouTube)
   ========================================================================== */

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    margin-bottom: 3.75em;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ==========================================================================
   Home page xmas popup
   ========================================================================== */

#popup{
    display: none;
    position: fixed;
    text-align: center;
    width: 96%;
    height: 100%;
    z-index: 1000;
    top: 0;
    left: 0;
    margin: 0 0 0 2%;
}

.popinner{
    max-width: 1000px;
    max-height: 515px;
    background: white;
    border-radius: 5px;
    padding: 15px;
    margin: 0 auto;
    top: 25%;
    position: relative;
}

.popfader{
    position: fixed;
    margin: 0 2% 0 -2%;
    width: 100%;
    height: 100%;
    background: #0f0101;
    opacity: 0.7;
    overflow: hidden;
}

.popclose {
    position: absolute;
    right: -0.1em;
    top: -1.25em;
    font-family: FontAwesome;
    font-style: normal;
    color: #fff;
    font-size: 2em;
}

.popclose:hover {
    color: #f74869;
}

/* ==========================================================================
   Main content styles (default/desktop)
   ========================================================================== */

.main-inner {
    margin: 0 auto;
    padding: 3.75em 0;
}

.home .main-inner {
    padding: 0 0 3.75em;
}

.main-inner article,
.main-inner > section,
.main-inner .content-container {
    width: 74.5763%;
    float: left;
}

.home .main-inner > section {
    float: none;
    width: 100%;
}

.site-introduction {
    background: white;
    position: relative;
    z-index: 1;
    margin-top: -20px;
}

.site-introduction div {
    padding: 1.75em 0;
    display: table;
}

.site-introduction div > div {
    display: table-cell;
    vertical-align: middle;
    width: 27%;
    }

a.butbig {
    border-radius: 5px;
    background: #da0063;
    color: #fff;
    text-align: center;
    height: 3em;
    font-family: "FS Joey Bold", Arial Bold, Roboto-Bold, sans-serif;
    font-size: 1.2em;
    transition: all .1s ease-in-out;
    line-height: 3em;
    text-rendering: optimizeLegibility;
    min-width: 100%;
    display: inline-block;
    margin-top: -10px;
}

a.butbig:hover {
    background: #c10158;
}

.site-introduction p {
    max-width: 810px;
    width: 100%;
    float: left;
    text-align: left;
    color: #0031a7;
    font-family: "FS Joey Bold", Arial Bold, Roboto-Bold, sans-serif;
    font-size: 1.7em;
    line-height: 1.4;
}

.page-template-events .main-inner > section {
    /*width: 74.4680%;*/
    width: 74.57627119%;
    float: left;
}

.main-inner > article > h2, .main-inner > h2, .main-inner > section > h2, .single-cstm_news h2, .page-template-publications h2 {
    font-family: "ATF Headline Gothic 2 Reg", sans-serif;
    text-transform: uppercase;
    font-size: 5em;
    line-height: 0.85;
    color: #56575A;
    margin: 0 25.42372882% .5em 0;
    text-rendering: optimizeLegibility;
}

.main-inner article p {
    font-size: 1em;
    line-height: 1.6;
    margin: 1.25em 0;
}

.main-inner article > p:first-of-type,
.the-content > p:first-of-type,
.main-inner .content-container > p:first-of-type {
    font-size: 1.5em;
    line-height: 1.4;
    color: #333;
    margin: 0;
}

.main-inner .content-container > p:first-of-type {
    margin-bottom: 3.75em;
}

.main-inner article ul {
    margin: 2em 0;
}

.main-inner article p a,
.main-inner article li a {
    border-bottom: 1px solid #0031a7; /*d60075*/
    transition: .1s all linear;
    color: #0031a7;
    padding-bottom: .05em;
}

.main-inner article p a:hover,
.main-inner article p a:focus,
.main-inner article li a:hover,
.main-inner article li a:focus {
    border-bottom: none;
    color: #0031a7;
}

.main-inner article p a:active {
    position: relative;
    top: 1px;
    color: #111;
}

.main-inner article li {
    margin-bottom: .625em;
    line-height: 1.4;
}

.main-inner article h3 {
    font-family: "FS Joey Bold", Arial Bold, Roboto-Bold, sans-serif;
    font-size: 1.875em;
    line-height: 1.2;
    color: #333;
    margin: 1.5em 0 1em;
}

.main-inner article h3 a {
    border-bottom: 1px solid #0031a7;
    transition: .1s all linear;
    color: #0031a7;
    padding-bottom: .05em;
}

.main-inner article h3 a:hover {
    border-bottom: none;
    color: #0031a7;
}

.main-inner article h3.toggle-trigger {
    font-family: "FS Joey Bold", Arial Bold, Roboto-Bold, sans-serif;
    margin: 0;
}

.story-icons hr {
    margin: 5em auto;
    width: 6em;
}


.main-inner span.donate_button a {
   display: block;
   background: #e6007e;
   padding: 1em;
   border-radius: 0.3em;
   font-family: "FS Joey Bold", Arial, Roboto-Bold, sans-serif;
   color: white;
   text-transform: uppercase;
   font-size: 2em;
   transition: all .1s ease-in-out;
   text-align: center;
   border-bottom: 0px;
}

.main-inner span.donate_button a:hover,
.main-inner span.donate_button a:focus {
    background: #BF026A;
    color: white;
}

.home .headline h3 {
    top: -0.05em;
    position: relative;
}

    @media (min-width:768px) {
        .home .headline h3 {
            top: -0.11em;
        }
    }

.home_donate {
    width: 100%;
    height: 450px;
    margin: 0.5em 0;
    background-color: #45E8B8; 
    background-blend-mode: multiply; 
    background-repeat: no-repeat; 
    background-size: 60% 100%, contain;
}

.home_donate .main-inner {
    height: 100%;
    padding: 0;
}

.home_donate .main-inner .content {
    width: 66%;
    height: 60%;
    border: 10px solid #fff;
    border-left: 0;
    border-right: 0;
    margin: 0 0 0 34%;
    position: absolute;
    top: 15%;
}

.home_donate .main-inner .content .headline {
    font-family: "ATF Headline Gothic 2 Reg", sans-serif;
    font-size: 12em;
    text-transform: uppercase;
    text-rendering: optimizeLegibility;
    color: #fff;
    display: flex;
    position: absolute;
    margin: 3% 0 0 0;
}


.home_donate .main-inner .lede {
    font-family: "FS Joey Bold", Arial, Roboto-Bold, sans-serif;
    color: rgba(45, 45, 37, 0.7);
    font-size: 0.11em;
    line-height: 1.1;
    hyphens: auto;
    text-transform: none;
    flex-grow: 1;
    margin: 0.25em 0 0 1em;
}

.home_donate .main-inner .buttons {
    display: inline;
    width: 100%;
    left: 6px;
    position: absolute;
    bottom: 0;
}

.home_donate .main-inner .buttons .butmid {
    min-width: 8em;
}

.home_donate:before {
    content: "\f04b";
    font-family: "fontawesome";
    font-weight: 900;
    color: #fff;
    font-size: 4em;
    margin: -0.25em 50%;
    float: left;
    -webkit-transform: scale(1.5,1) rotate(90deg);
    position: absolute;
}

.home_donate .fade {
    background: linear-gradient(90deg, rgba(69,232,184,0) 0%, rgba(69,232,184,1) 50%);
    height: 100%;
    width: 100%;
    float: right;
}

.home_events {
    width: 100%;
    height: 450px;
    margin: -4em 0;
    background-color: #693E91; 
    background-repeat: no-repeat; 
    background-position: 100%; 
    background-size: 50% 100%, contain;
}

.home_events .main-inner {
    height: 100%;
    padding: 0;
}

.home_events .main-inner .content {
    width: 70%;
    height: 60%;
    border: 10px solid #fff;
    border-left: 0;
    border-right: 0;
    margin: 0 30% 0 0;
    position: absolute;
    top: 20%;
}

.event_flex {
    right: 0;
    position: absolute;
}

.event_flex h3 {
    float: right;
}

.home_events .main-inner .content .headline {
    font-family: "ATF Headline Gothic 2 Reg", sans-serif;
    font-size: 12em;
    text-transform: uppercase;
    text-rendering: optimizeLegibility;
    color: #fff;
    display: flex;
    position: absolute;
    margin: 3% 0 0 0;
}

.home_events .main-inner .event_icons {
    position: relative;
    right: 0;
    top:  -0.75em;
    font-family: FontAwesome;
    color: #fff;
    font-size: 0.14em;
    letter-spacing: 0.5em;
    float: right;
}

.home_events .main-inner .lede {
    font-family: "FS Joey Bold", Arial, Roboto-Bold, sans-serif;
    color: #fff;
    font-size: 0.11em;
    line-height: 1.1;
    text-transform: none;
    hyphens: auto;
    left: 0;    
    display: flex;
    flex-grow: 1;
    margin: 0 1em 0 0;
    max-width: 40%;
}

.home_events .main-inner .buttons {
    display: flex;
    top:  -1.5em;
    font-size: 17px;
    text-transform: none;
    float: right;
}

.home_events .main-inner .butmid {
    min-width: 8em;
    margin: 0 0 0 0.7em;
}

.home_events:after {
    content: " \f04b";
    font-family: FontAwesome;
    font-weight: 900;
    color: #803187;
    font-size: 4em;
    margin: -0.25em 50%;
    float: left;
    -webkit-transform: scale(1.5,1) rotate(90deg);
}

.home_events .fade {
    background: linear-gradient(90.53deg, #DA0063 3.2%, #693E91 65%, rgba(105, 62, 145, 0) 83.21%);
    height: 100%;
    width: 90%;
    float: left;
}

.get_involved {
    background: #fff;
    width: 110%;
    left: -5%;
    top:  -40px;
    height: 120px;
    -webkit-transform: rotate(-1.5deg);
    position: relative;
    z-index: 100;
    text-align: center;
    padding: 2.25em;
    }

.get_involved span {
    font-family: "ATF Headline Gothic 2 Reg", sans-serif;
    font-size: 1.75em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-rendering: optimizeLegibility;
    color: #DA0063;
    margin: -0.25em 0 0;
}

.get_involved span > a.butbig {
    border-radius: 8px;
    background: #693E91;
    color: #fff;
    text-align: center;
    font-size: 1em;
    line-height: 1.7em;
    letter-spacing: 0;
    display: inherit;
    text-transform: none;
    padding: 0.525em 0.75em 0.45em;
    margin: -1em 0 0 1em;
}

.get_involved span > a.butbig:hover {
    background: #9D3071;
}

.subscribe {
    background: #F94868;
    height: 300px;
    margin: 0.5em 0 0.5em;
    font-family: "ATF Headline Gothic 2 Reg", sans-serif;
    color: #fff;
    letter-spacing: 0.01em;
    text-align: center;
}

.subscribe #reCAPTCHADisclosure, .subscribe #reCAPTCHASection {
    display: none;
}

.home_stats {
    width: 100%;
    height: 450px;
    margin: 8em 0 0;
    background: #693E91;
}

.home_stats:before {
    content: " \f04b";
    font-family: FontAwesome;
    font-weight: 900;
    color: #fff;
    font-size: 4em;
    margin: -0.25em 50%;
    float: left;
    -webkit-transform: scale(1.5,1) rotate(90deg);
}

.home_stats .main-inner {
    padding: 6em 0;
}

.statcon {
    display: grid;
    grid-template: "a b c d" 15% / 55%;
    grid-template-rows: 1fr;
    grid-gap: 1em;
    width: 100%;
    text-align: center;
    left: 0;
    right: 0;
}

.statcon .headline {
    top: 5px;
    position: relative;
}

.home_stats .headline img {
    float: left;
    display: grid;
    width: 100%;
}

.stat {
    background: #fff;
    border-radius: 10em;
    padding: 1em;
    transition: all .2s ease-in-out;
    text-align: center;
    height: 100%;
    display: inline-grid;
    margin: -0.05em 0.5em 0;
    position: relative;
    aspect-ratio: 1/1;
}


    /*Fallback*/
    @supports not (aspect-ratio: 1/1) {

/*        .stat {
            height: 90%;
            width: 90%;
        }*/

        .stat::before {
          float: left;
          padding-top: 100%;
          content: "";
        }

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


.stat img {
    margin: auto;
    filter: brightness(0%) contrast(100%) invert(25%) sepia(94%) saturate(551%) hue-rotate(232deg);
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    opacity: 1;
    transition: all .2s ease-in-out;
    padding: 0.75em;
}

.home_stats .figure {
    opacity: 0;
    margin: 0 auto;
    transition: all .2s ease-in-out;
    font-family: "ATF Headline Gothic 2 Reg", sans-serif;
    font-size: 4em;
    text-transform: uppercase;
    text-rendering: optimizeLegibility;
    color: #693E91;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1;
    padding: 27% 0;
}

.stat:hover {
    background: #45E8B8;
}

.stat:hover .figure {
    opacity: 1;
}

.stat:hover img {
    opacity: 0;
}

.home_stats .subhead {
    font-family: "FS Joey Bold", Arial, Roboto-Bold, sans-serif;
    color: #fff;
    font-size: 2.95em;
    clear: both;
    float: left;
    width: 100%;
    text-align: center;
    margin: 1em auto;
}

/* qtip */

.qtip {
    background: #CFD8DF;
}

.qtip-cstm {
    font-family: "ATF Headline Gothic 2 Reg", sans-serif;
    text-rendering: optimizeLegibility;
    border: none;
    background-color: #CFD8DF;
    line-height: 1.4;
    padding: 15px;
    border-radius: .5em;
    text-align: left;
    color: #693E91;
    min-height: 150px;
    margin: 0.5em 0;
}

.qtip-default .qtip-titlebar {
    background: transparent;
    font-size: 3em;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: #693E91;
    font-weight: normal !important;
    font-style: normal !important; 
    padding: 0.2em 0 0;
    margin-bottom: .5em
}

.qtip-content {
    line-height: 1.1;
    font-size: 1.8em;
    font-family: "FS Joey Bold", sans-serif;
    text-align: left;
    color: #693E91;
    padding: 0;
}

.qtip .qtip-titlebar .qtip-title {
    line-height: 0.85;
}

/* ==========================================================================
   Home page Slick Carousel styles (default/desktop)
   ========================================================================== */

@-webkit-keyframes cstm_anim {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes cstm_anim {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

section.cstm-carousel {
    width: 100%;
    min-height: 400px;
    background: url(../img/CSTM_spinner.svg) center center no-repeat #BEDAF9;
    background-size: 100px;
}   

.slick-initialized,
.slick-slide {
    display: block !important;
}

.slick-slider {
    z-index: 2;
}

.slick-slider .slick-list {
    box-shadow: 0 1px 10px rgba(0,0,0,.25);
}

.slick-slider img {
    opacity: 1;
    -ms-filter:”progid:DXImageTransform.Microsoft.Alpha(Opacity=100)”;
    filter: alpha(opacity=100);
}

.cta_container {
    position: absolute;
    top: 45px;
    right: 0;
    left: 0;
    margin: 0 auto;
    max-width: 73.75em;
    width: 90%;
    z-index: 100;
}

.cta {
    width: 27%;
    float: right;
}

.cta_container h2 {
    position: relative;
}

.tagline {
    font-family: "ATF Headline Gothic 2 Reg", sans-serif;
    font-size: 3em;
    line-height: 1;
    letter-spacing: 0.015em;
    text-transform: uppercase;
    text-rendering: optimizeLegibility;
    color: #ffffff;
    padding: 4px 0 2px 0;
    background: #FF4365;
    box-shadow: 6px 0 0 #FF4365, -5px 0 0 #FF4365;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

span.buttons {
    position: relative;
    clear: both;
    left: -5px;
}

a.butmid {
    border-radius: 5px;
    background: #da0063;
    color: #fff;
    text-align: center;
    height: 2.1em;
    font-family: "FS Joey Bold", Arial Bold, Roboto-Bold, sans-serif;
    font-size: 1.2em;
    transition: all .1s ease-in-out;
    padding: 0.6em 0.5em 0.5em 0.5em;
    text-rendering: optimizeLegibility;
    min-width: 35%;
    display: inline-block;
    margin: 15px 15px 20px 0;
}

a.butmid.purple {
   background: #693E91;
}

a.butmid:hover {
    background: #c10158;
}

a.butmid.purple:hover {
   background: #9D3071;
}

a.butmid.lilac {
   color: #693E91;
   background: #DFBDFE;
}

a.butmid.lilac:hover {
   color: #693E91;
   background: #b9f5e3;
}

.info_container {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 90%;
    margin: 0 auto;
    max-width: 73.5em;
    left: 0em;
    top: 1em;
}

.slider-info {
    position: absolute;
    right: 0;
    top: 200px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 27%;
    z-index: 15;
}

.slider-info > div {
    text-align: left;
    width: 100%;
    border-radius: 5px;
    background: #CFD8DF;
    padding: 1em;
}

.slider-info:before {
    position: relative;
    left: 0.25em;
    content: " \f04b";
    font-family: FontAwesome;
    color: #CFD8DF;
    font-size: 2em;
    margin: 0.65em 0 0 -1em;
    float: left;
    -webkit-transform: scale(1,1.5) rotate(180deg);
}

.carousel-title,
.carousel-excerpt {
    color: white;
    display: block;
}

.carousel-title {    
    font-family: "ATF Headline Gothic 2 Reg", sans-serif;
    font-size: 3em;
    text-transform: uppercase;
    text-rendering: optimizeLegibility;
    color: #0031A7;
    line-height: 0.8;
}

.carousel-excerpt {    
    font-family: "FS Joey Bold", Arial Bold, Roboto-Bold;
    font-size: 1em;
    padding: .5em 0 0;
    line-height: 1.1;
    color: #0031A7;
}

.slick-dots li button::before {
    font-size: 10px !important;
    color: #2C3F6A !important;
}

.cstm-carousel div img {
    transition: opacity 1s linear;
    height: inherit;
    object-fit: cover;
}

/* START OF LOADER */

.spinner {
    overflow: hidden;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 40px;
    text-align: center;
    z-index: 5;
}
.spinner > div {
  background-color: #c2c2ba;
  height: 100%;
  width: 6px;
  margin: 0 1px;
  display: inline-block;
  
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

.large-image .spinner {
    z-index: 0;
}

/* END OF LOADER */


/* ==========================================================================
   Sidebar/Aside styles (default/desktop)
   ========================================================================== */
aside.sidebar {
    width: 11.25em;
    float: right;
}

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

/* Cats */

.sidebar .cats ,
.sidebar .tags {
    margin: 0 0 1.25em;
    padding: 0;
}

.sidebar .cats li,
.sidebar .tags li {
    float: left;
    list-style: none;
    display: inline;
    margin: 0 .25em .25em 0;
}

.sidebar .cats li:last-child,
.sidebar .tags li:last-child {
    margin-bottom: 0;
}

.sidebar .cats a,
.sidebar .tags a {
    font-size: .75em;
    padding: .833333em;
    background: rgba(0,0,0,.1);
    display: block;
    border-radius: .2em;
    transition: all .1s ease-in-out;
}

.cats a:hover,.sidebar .cats a:focus,
.tags a:hover, .tags a:focus {
    background: rgba(0,0,0,.6);
    color: white;
}

/* ==========================================================================
   Footer styles (default/desktop)
   ========================================================================== */

footer {
    background: #2D2D25;
    color: white;
    clear: both;
}

.footer-inner {
    padding: 3.75em 0;
}

.footer-inner > div {
    float: left;
    width: 25%;
}

.footer-inner > div p {
    color: white;
    font-size: .75em;
    line-height: 1.4;
}

.footer-inner h1 {
}

.footer-inner .cstm-logo a img {
    width: 10em;
    height: auto;
}

.footer-inner > div:last-of-type {
    margin-right: 0;
}

.cstm-social p {
    display: inline;
    margin-right: .625em;
}

.cstm-social p a {
    color: white;
    font-size: 2em;
    transition: .2s color ease-in-out;
}

.cstm-social p a:hover,
.cstm-social p a:focus {
    color: #55D6F7;
}

.reg {
    margin: .625em 0;
}

.site-by-zf {
    margin-top: .625em;
}

.site-by-zf a {
    border-bottom: 1px solid #999;
}

.site-by-zf a:hover,
.site-by-zf a:focus {
    color: #55D6F7;
    border-bottom: none;
}

a.ot-sdk-show-settings, a.optanon-show-settings {
    border: none !important;
    color: #fff !important;
    padding: 0 !important;
    font-size: 1em !important;
    text-decoration: none !important;
    border-bottom: 1px solid #999 !important;
}

a.ot-sdk-show-settings:hover, a.optanon-show-settings:hover {
    color: #55D6F7 !important;
    background-color: transparent !important;
    border-bottom: none !important;
}

button#ot-sdk-btn.ot-sdk-show-settings, button#ot-sdk-btn.optanon-show-settings {
    color: #fff !important;
    padding: 0.5em 0.75em !important;
    font-size: 0.8em !important;
    line-height: 1.2 !important;
    cursor: pointer !important;
    -moz-transition: 0.1s ease !important;
    -o-transition: 0.1s ease !important;
    -webkit-transition: 1s ease !important;
    transition: 0.1s ease !important;
    font-family: "FS Joey Bold", Arial Bold, Roboto-Bold, sans-serif !important;
    background: #0636a4 !important;
    border-radius: 0.25em !important;
    border: none !important;
}

button#ot-sdk-btn.ot-sdk-show-settings:hover, button#ot-sdk-btn.optanon-show-settings:hover {
    color: #f9f9f9 !important;
    background-color: #d70f62 !important;
}

.fr-logo {
    margin: 1em 0 0;
    width: 50%;
}

.oisc-logo {
    margin: 1em 0 0;
}

.oisc-logo img {
    width: 14%;
    float: left;
    margin: 0 0.5em 1em 0;
}

.oisc-logo p {
    float: left;
}

@media (max-width:47.9375em) {
    
    .fr-logo {
        margin: 1em 0;
        width: 120px;
    }

    .oisc-logo {
        margin: 1em 0 0;
    }

    .oisc-logo img {
    float: left;
    margin: 0 0.5em .5em 0;
    display: block;
    width: 19%;
    }

    .oisc-logo p {
    float: none;
    }

}

@media (max-width:60em) {

    .oisc-logo {
        margin: 1em 0 0;
    }

    .oisc-logo img {
    display: block;
    }

    .oisc-logo p {
    float: none;
    clear: right;
    }

}

/* ==========================================================================
   Events, News and Search list styles (default/desktop)
   ========================================================================== */

ul.news-list,
ul.events-list,
ul.results-list {
    list-style: none;
    padding: 0;
    margin: 0 0 1.875em;
}

ul.news-list li,
ul.events-list li,
ul.results-list li {
    margin-bottom: 1em;
}

ul.news-list li a,
ul.events-list li a,
ul.results-list li a {
    display: block;
    background: #ececef none repeat scroll 0% 0%;
    padding: 1.25em;
    color: #444;    
    border-radius: 3px;
    position: relative;
    border: 0;
    transition: .2s all ease-in-out;
}

#main .events-list li:last-child,
#main .news-list li:last-child,
#main .results-list li:last-child {
    margin-bottom: 0;
}

.page-template-events #main h3 {
   font-size: 2.125em;
   margin: .5em 0;
   line-height: 1.4;
   color: #666;
   color: rgba(0,0,0,.5);
   text-transform: capitalize;
}

#main ul.news-list a h4,
#main ul.events-list a h4,
#main ul.results-list a h4 {
   font-family: "FS Joey Bold", Arial Bold, Roboto-Bold, sans-serif;
   font-size: 2.25em;
   color: rgb(86,87,90);
   border: 0;
   padding: 0;
   margin-bottom: .5em;
   max-width: 90%;
}

#main ul.events-list a h4 {
   max-width: 95%;
}

#main ul.results-list a h4,
#main ul.results-list li a p {
   float: right;
   width: 67.5%;
}

#main ul.news-list li a p,
#main ul.events-list li a p,
#main ul.results-list li a p  {
    line-height: 1.4;
}

#main ul.news-list li a:hover,
#main ul.news-list li a:focus,
#main ul.events-list li a:hover,
#main ul.events-list li a:focus,
#main ul.results-list li a:hover,
#main ul.results-list li a:focus {
    background: #e2f2ff;
    color: inherit;
}

#main ul.news-list li a:active,
#main ul.events-list li a:active,
#main ul.results-list li a:active {
    position: relative;
    top: 1px;
}

span.event-date, span.third {
    font-size: .5em;
    display: inline-block;
    color: white;
    padding: 0.25em;
    border-radius: .2em;
    position: relative;
    top: -.3em;
    transition: all 0.15s ease-in-out;
    letter-spacing: normal;
}

span.event-date {
    background: #693e91;
    margin: 0 0 0 1em;
}

span.third {
    background: #e30b0b;
    margin: 0 0 0 0.25em;
}


span.event-date:before {
    font-family: FontAwesome;
    content: "\f02e";
    display: inline-block;
    padding-right: .35em;
}

span.third:before {
    font-family: FontAwesome;
    content: "\f090";
    display: inline-block;
    padding-right: .35em;
}

#main .news-list li p,
#main .events-list li p {
    margin: 0;
}

#main .news-list li .read-more,
#main .events-list li .read-more,
#main .results-list li .read-more {
    position: absolute;
    top: 1em;
    right: 1em;
    bottom: 0;
    width: inherit;
    margin: 0;
    text-align: center;
    color: rgba(86, 87, 90, 0.47);
    display: inline-block;
}

#main .news-list .read-more i.fa,
#main .events-list .read-more i.fa,
#main .results-list .read-more i.fa {
    display: block;
    font-size: 2em;
}

.hide-text {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: none;
}

.results-list figure,
.events-list figure,
.news-list figure,
.results-fallback-img {
    width: 30%;
    float: left;
    position: relative;
}

.results-fallback-img {
    height: 150px;
    background: url(../img/CSTM_spinner.svg) center center no-repeat #d7d7d7;
    background-size: 25%;
}

.events-list figure {
    margin: 0 1em 0 0;
}

.events-btn .results-fallback-img {
    margin: 0 1em 0 0;
}

.news-list figure img,
.events-list figure img,
.results-list figure img {
    position: relative;
    z-index: 3;
}

.news-list figure .spinner,
.events-list figure .spinner,
.results-list figure .spinner {
    z-index: 2;
}

ul.event-cats {
    padding: 0;
    margin: 0;
    float: right;
    width: 30%;
}

.event-cats li {
    margin: 0 .1875em .1875em 0;
    display: inline-block;
    float: left;
    padding: 0;
}

.event-cats li a {
    padding: 0.6em 0.8em;
    color: #FFF;
    display: block;
    background: #CA819E;
    border-radius: .2em;
    font-size: .75em;
}

.events-btn .read-more a:active {
    position: relative;
    top: 1px;
    background: #99023E;
}

.events-list li:hover .events-btn h4 a:hover,
.events-list li:hover .events-btn h4 a:focus {
    border-bottom: 1px solid white;
    padding-bottom: .1em;
}

.sidebar h3 {
    color: white;
    font-family: "ATF Headline Gothic 2 Reg", sans-serif;
    text-transform: uppercase;
    font-size: 1em;
    border-bottom: 1px solid white;
    border-top: 1px solid white;
    margin-bottom: .25em;
    padding: .3125em 0;
    line-height: 1;
    width: 66.66666666%;
}

.related-links,
.cstm-quote-link,
.stats-link,
.what-money-buys-link {
    margin-bottom: .625em;
    position: relative;
}

a.what-money-buys-link {
    display: block;
    transition: background .15s ease-in-out;
}

.what-the-money-buys,
.stats {
    border-radius: .3em;
    padding: .9375em;
    margin-bottom: .625em;
    position: relative;
}

a.what-money-buys-link:hover,
a.what-money-buys-link:focus {
}

div.what-the-money-buys {
    position: relative;
}

.what-the-money-buys a {
    display: block;
    color: white;
    position: relative;
}

.what-the-money-buys h5 {
    font-family: "ATF Headline Gothic 2 Reg", sans-serif;
    display: block;
    font-size: 4em;
    margin: 0 0 0.2em 0;
    color: rgb(51 51 51 / 80%);
    line-height: .8;
}

.what-the-money-buys {
    font-family: "FS Joey Bold", Arial Bold, Roboto-Bold, sans-serif;
    display: block;
    font-size: 1em;
    line-height: 1.3;
    font-style: normal;
    color: rgb(51 51 51 / 80%);
}

.what-the-money-buys a > span {
    width: 75%;
    float: right;
}

.what-the-money-buys span > span {
    display: block;
    font-size: 1em;
    text-transform: uppercase;
}

.what-the-money-buys i.fa {
    display: inline-block;
    font-size: 2em;
    margin-bottom: 40px;
    border-radius: 100%;
    background: rgba(0,0,0,0.3);
    padding: .5em 0;
    height: 2em;
    width: 2em;
    text-align: center;
}

/* ==========================================================================
   Common structure styles
   ========================================================================== */
.quote-col {
    float: left;
    width: 11.86440678%;
    margin-right: 3.389830508%;
}

figcaption {
    margin: 1.25em 0;
    border-bottom: 1px dotted rgba(0,0,0,.5);
    padding: .5em .5em 1.25em 0;
    font-size: 1em;
    color: #333;
    line-height: 1.1;
}

figcaption i.fa {
    display: inline-block;
    margin-right: .5em;
    font-size: 110%;
}

article ul.prev-next-post-links {
    list-style: none;
    margin: 3.75em 0 0;
    padding: 0;
}

article .prev-next-post-links li {
    width: 49%;
    float: left;
    margin-bottom: 0;
}

article .prev-next-post-links li.next {
    float: right;
    text-align: right;
}

.we-raised {
    border-radius: .3em;
}

.we-raised a {
    display: block;
    padding: 1.25em;
    text-align: center;
}

.we-raised strong {
    display: block;
    margin-bottom: 1em;
    font-size: 1.75em;
}

/* Pagination */

#main ul.prev-next,
#main ul.prev-next-publications {
    list-style: none;
    margin: 0;
    padding: 0;
}

#main ul.prev-next li,
.prev-next-publications li {
    width: 49%;
    float: left;
    font-family: "FS Joey Bold", Arial Bold, Roboto-Bold, sans-serif;
}

#main ul.prev-next a,
#main ul.prev-next-publications a {
    display: block;
    background: #dadad2;
    padding: 1em;
    font-size: 1.2em;
    transition: .2s ease-in-out background;
    border-radius: .2em;
    color: #555;
    color: rgba(0,0,0,0.5);
    border: none;
}

#main ul.prev-next a:hover,
#main ul.prev-next a:focus,
.prev-next-publications a:hover,
.prev-next-publications a:focus {
    background: #693e91;
    color: white;
}

#main ul.prev-next li.next,
.prev-next-publications .next-pub {
    float: right;
    text-align: right;
}

#main ul.prev-next a:active {
    position: relative;
    top: .1em;
}

/* ==========================================================================
   Success Story page styles
   ========================================================================== */
.page-template-success_stories {
    padding-top: 3.75em;
}

.success-story-hub {
    width: 90%;
    /*min-height: 62.5em;*/
}

li.grid-sizer,
.success-list-item {
    width: 12.5%;
}

.success-title {
    background: #CCFDFF;
    color: #333;
    overflow: hidden;
}

.success-title > div {
    width: 90%;
    margin: 0 auto;
    max-width: 73.75em;
    padding: 7.5em 0 3.75em;
}

.success-title h2 {
    font-size: 5em;
    color: #2C3F6A;
    margin-bottom: .25em;
}

.success-title p {
    margin: 0 0 1em;
    line-height: 1.4;
}

.success-title p:last-child {
    margin: 0;
}

.success-list {
    background: #F2F2E9;
    margin: 0;
    list-style: none;
    padding: 0;
    clear: both;
}

.success-list-item {
    background: #2C3F6A;
    float: left;
    height: 250px;
    float: left;
    text-align: center;

    overflow: hidden;
}

.success-list-item > a {
    display: block;
    position: relative;
    height: 100%;
}

.success-list li.second-post {
    width: 25%;
    height: 500px;
    background: #746697; 
}

.success-list-item h4 {
    display: table;
    height: 100%;
    width: 100%;
    position: relative;
    text-align: center;
    z-index: 4;
}

.success-list-item h4 span {
    display: table-row;
}

.success-list-item h4 span span {
    display: table-cell;
    vertical-align: middle;
}

.success-list-item h4 span span strong {
    border-top: 1px white solid;
    border-bottom: 1px white solid;
    display: inline-block;
}

.success-list-item h4 span span strong em {
    display: inline-block;
    font-size: 1.85em;
    font-family: "ATF Headline Gothic 2 Reg", sans-serif;
    color: white;
    text-transform: uppercase;
    font-style: normal;
    padding: .4em 0;
}

.success-list-item > a img {
    position: absolute;
    max-width: inherit;
    height: 100%;
    width: auto;
    top: 0;
    left: 0;
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    opacity: .5;
    -ms-filter:”progid:DXImageTransform.Microsoft.Alpha(Opacity=50)”;
    filter: alpha(opacity=50);
    transition: .25s all ease-in-out;
    z-index: 3;
}

.success-list-item > a:hover img {
    opacity: 1;
    -ms-filter:”progid:DXImageTransform.Microsoft.Alpha(Opacity=100)”;
    filter: alpha(opacity=100);
    -webkit-filter: none;
    filter: none;
}
/* Main Success Story title panel */

li.ss-title-panel {
    background: #CCFDFF;
    width: 25%;
    height: 500px;
}

li.ss-title-panel strong,
li.ss-title-panel em {
    font-style: normal;
    font-weight: normal;
}

/* Success Stories main page title structure */

li.ss-title-panel > div { 
    display: inline-block;
    height: 500px;
    line-height: 500px;
}

li.ss-title-panel > div > div { 
    display: inline-block;
    line-height: 500px;
    vertical-align: middle;
    padding: 2.5em 15%;
}

li.ss-title-panel h2 img {
    margin: 0 auto 1.25em;
    height: auto;
}

/* Success Stories main page content/intro structure */

li.ss-title-panel h3 p {
    line-height: 1.3;
    font-size: 1em;
    text-align: left;
    margin-bottom: 0.9375em;
}

li.ss-title-panel h3 p:last-child {
    margin-bottom: 0;
}

/* ==========================================================================
   Success Story Alt
   ========================================================================== */
.page-template-success_stories_alt #main-success {
    margin-top: 0;
}

#main-success {
    background-color: #746697;
    transition: all 2s ease-in-out;
}

.success-story-hub {
    width: 90%;
    min-height: 78.125em;
    padding-top: 140px;
    max-width: 73.75em;
    margin: 0 auto;
    color: white;
}

#main-success .backstretch img {
    opacity: .1;
    -ms-filter:”progid:DXImageTransform.Microsoft.Alpha(Opacity=1)”;
    filter: alpha(opacity=1);
}

.success-story-hub > section {
    width: 23.75em;
    float: left;
}

.success-story-hub h2 {
    margin-bottom: 30px;
    padding-bottom: 40px;
    border-bottom: 10px white solid;

}

.success-story-hub h2 img {
    height: auto;
    
    max-width: inherit;
}

.success-intro p {
    margin-bottom: .9375em;
    line-height: 1.3;
    font-size: 1.125em;
}

.people-container {
    margin-top: 3em;
}

.people {
    margin-bottom: .92375em;
}

.people h3 {
    margin-bottom: 10px;
}

.people h3 a {
    font-family: "ATF Headline Gothic 2 Reg", sans-serif;
    font-size: 3em;
    text-transform: uppercase;
    color: white;
    cursor: pointer;
    transition: color .2s ease-in-out;
    display: inline-block;
    padding: 0 0 10px;
    border-bottom: 1px solid white;
}

.people q {
    font-family: "FS Joey Bold", Arial Bold, Roboto-Bold, sans-serif;
    font-size: 1.125em;
    line-height: 1.2;
}

.people h3 a:hover,
.people h3 a:focus {
}

.success-stories-sidebar p {
    color: white;
    line-height: 1.4;
}

.people .read-more {
    display: inline-block;
    padding: .5em;
}

/* ==========================================================================
   Blockquote
   ========================================================================== */

.the-content blockquote {
    width: 48.71794872%;
    margin: 0 2em 2em -12.5em;
    float: left;
    background: white;
    background: rgba(255,255,255,.5);
    padding: 1.25em;
    border-radius: .2em;
    clear: left;
}

.the-content blockquote p {
    color: #444;
    line-height: 1.5;
    font-size: 90%;
    margin: 1em 0;
}

.the-content blockquote p cite {
}

.the-content blockquote p:first-of-type,
.the-content blockquote p:last-of-type {
    margin: 0;
}

article nav {
    clear: both;
}

.the-content blockquote i.fa {
    color: #999;
    color: rgba(0,0,0,.2);
    display: block;
}

.the-content h5 {
    margin: 1em 0;
    font-size: 1.25em;
    color: #2C3F6A;
}

.the-content blockquote i.fa {
    font-size: 2em;
}

/* ==========================================================================
   Success Story single page template
   ========================================================================== */

.the-content {
    float: right;
    width: 79.59183673%;
}

.the-content ul.prev-next,
#main ul.prev-next,
#main ul.prev-next-publications {
    padding: 0;
    margin: 0;
}

.single-cstm_success_story h2 {
    margin: 0 0 .6em 16.94915254%;
    font-size: 6.25em;
}

.inline-img {
    float: left;
    margin: 0 1.25em 1.25em 0;
    width: 17.5em;
}

.inline-img img {
                 
}

.inline-img figcaption {
    margin: 0;
}

/* ==========================================================================
   sidebar classes
   ========================================================================== */
.default-sidebar {
    float: right;
    width: 15.25423729%;
}

.sidebar > h4, .sidebar > h5 {
   margin-bottom: .5em;
   color: #434043;
   font-size: 1.7em;
   font-family: "ATF Headline Gothic 2 Reg", sans-serif;
   text-transform: uppercase;
   padding: .3em 0 0.3em;
   border-top: 1px solid #434043;
   border-bottom: 1px solid #434043;
   letter-spacing: 0.015em;
}

.related-links {
    margin-bottom: 1.875em;
}

.related-links ul li {
    margin-bottom: .3125em;
}

.related-links ul li:last-child {
    margin-bottom: 0;
}

.related-links ul a {
    background: #da0063;
    display: block;
    padding: .5em;
    padding: .9375em;
    border-radius: 0.3em;
    font-family: "FS Joey Bold", Arial Bold, Roboto-Bold, sans-serif;
    color: white;
    font-size: 1.2em;
    transition: all .1s ease-in-out;
}

.related-links ul a:hover,
.related-links ul a:focus {
    background: #980347;
}

ul.list-of-events {
    margin: 0 0 1.25em;
    padding: 0;
    list-style: none;
}

ul.list-of-events li {
    margin: 0 0 .3125em;
    float: none;
}

ul.list-of-events li:last-child {
    margin: 0;
}

.list-of-events li a {
    font-family: "FS Joey Bold", Arial Bold, Roboto-Bold, sans-serif;
    font-size: 1.1em;
    padding: .625em;
    color: white;
    background: #E64485;
    display: block;
    line-height: 1.2;
    border-radius: .2em;
    transition: .15s all ease-in-out;
}

.list-of-events li a:hover,
.list-of-events li a:focus {
    color: white;
    background: #D2276B;
}

.list-of-events li a:active {
    position: relative;
    top: 1px;
    background: #222;
}

h4.event-details, h4.job-details {
    font-size: 1.6em;
    margin: 2em 0 0.5em 0;
    color: #56575A;
}

.stats-link {
    display: block;
}

#main .answer p.details {
    /* margin-bottom: .5em; */
    line-height: 1.4;
    margin: 0 0 .3125em;
}

#main p.details:last-of-type {
    margin-bottom: 1.25em;
}

.stats {
    text-align: center;
    color: white;
    text-align: left;
}

aside.sidebar .stats i.fa {
    display: inline-block;
    font-size: 2em;
    margin-bottom: .625em;
    border-radius: 100%;
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0% 0%;
    padding: 0.5em 0px;
    height: 2em;
    width: 2em;
    text-align: center;
}

aside.sidebar .stats.nightcentre {
    background: #6879b7;
}

aside.sidebar .stats.reconnected {
    background: #4e55a1;
}

aside.sidebar .stats.activities {
    background: #e5007d;
}


aside.sidebar .stats h5 {
    margin-bottom: .5em;
    padding: 0;
    border: 0;
    display: block;
    padding: .25em 0;
    border-bottom: 1px solid rgb(51 51 51 / 80%);;
    font-family: "ATF Headline Gothic 2 Reg", sans-serif;
    font-size: 1.3em;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: rgb(51 51 51 / 80%);
    clear: left;
}

aside.sidebar .stats h6 {
    font-size: 4em;
    font-family: "ATF Headline Gothic 2 Reg", sans-serif;
    line-height: .9;
    margin: 0 0 0.25em 0;
    color: rgb(51 51 51 / 80%);
}

aside.sidebar .stats blockquote {
    margin: 0;
}

aside.sidebar .stats blockquote h4 {
    font-size: 4em;
    color: white;
    letter-spacing: -.04em;
    margin-bottom: .3em;
}

aside.sidebar .stats blockquote p, .what-the-money-buys p {
    font-family: "FS Joey Bold", Arial Bold, Roboto-Bold, sans-serif;
    line-height: 1.1;
    font-size: 1em;
    color: rgb(51 51 51 / 80%);
    clear: left;
}

@media (max-width:767px) {
        aside.sidebar .stats blockquote p, .what-the-money-buys p {
            max-width: 80%;
        }
    }

aside.sidebar.other > div {
    height: 6em;
    background: rgba(0,0,0,.25);
    margin: 0 20px 0 0;
}

/*The Connection Unit Quote*/

aside.sidebar .cstm-quote {
    font-family: "FS Joey Bold", Arial Bold, Roboto-Bold, sans-serif;
    margin: 2em 0;
}

aside.sidebar .cstm-quote blockquote {
    padding: 0;
    margin: 0;
    color: #693e91;
}

aside.sidebar .cstm-quote blockquote p {
    line-height: 1.2;
    margin-bottom: 0.625em;
    font-size: 130%;
}

aside.sidebar .cstm-quote blockquote p i {
    font-size: 2em;    
}

aside.sidebar .cstm-quote blockquote cite {
    border-top: 1px solid #693e91;
    padding-top: 10px;
    display: block;
}

.col-4e579f { background: #fbc5c5; }
.col-734e9f { background: #ffd584; }
.col-62b7a8 { background: #44f3ed; }
.col-c32973 { background: #e9b1f3; }
.col-ccdd3b { background: #f3df44; }
.col-dd3b65 { background: #63ea8e; }
.col-3bbddd { background: #44f3ed; }

.col-4e579f:hover,.col-4e579f:focus { background: #fda6a6; }
.col-734e9f:hover,.col-734e9f:focus { background: #ffa800; }
.col-62b7a8:hover,.col-62b7a8:focus { background: #00fff6; }
.col-c32973:hover,.col-c32973:focus { background: #e790f7; }
.col-ccdd3b:hover,.col-ccdd3b:focus { background: #ffe200; }
.col-dd3b65:hover,.col-dd3b65:focus { background: #00ff51; }
.col-3bbddd:hover,.col-3bbddd:focus { background: #00fff6; }

.col-4e579f, .col-734e9f, .col-62b7a8, .col-c32973, .col-ccdd3b, .col-dd3b65, .col-3bbddd {
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

/** FAQs **/

.faq {
    margin-bottom: .625em;
}

.faq .toggle-trigger {
    background-color: #b9f5e3;
    cursor: pointer;
    border-radius: 0.3em;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    margin-bottom: 0;
    font-size: 1.375em;
    padding: .6818181818em;
    position: relative;
    line-height: 1.2;
    color: #333;
}

.faq h3.question:after {
    content: "\f0dd";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;    
    line-height: 0.9;
    color: #395a58;
    float: right;
}

.faq h3:hover:after,
.faq h3:focus:after {
    line-height: 0.9;
    color: #fff;
}

.faq h3:hover,
.faq h3:focus {
    background: #693e91;
    color: white;
}

.faq .toggled-content {
    padding: .9375em;
}

.faq .toggled-content p {
    line-height: 1.6;
}

.faq .toggled-content p:last-child {
    margin: 0;
}

/** Card shortcode **/

.card {
    width: 30%;
    background: #f0f0f0;
    margin: 0 3% 3% 0;
    display: inline-block;
    float: left;
    border-radius: 0.5em;
    text-align: center;
    transition: all .1s ease-in-out;
    min-height: 60px;
    position: relative;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.card:hover {
    top: -0.4em;
}

    @media (max-width:767px) {
        .card {
            width: 48%;
            margin: 0 2% 2% 0;
        }
        .card:hover {
            top: -0.54em;
        }
    }

.card a {
    display: block;
}

.card img {
    border-radius: 0.3em 0.3em 0 0;
    float: left;
    margin: 0 0 1em 0;
    display: inline-block;
    top: -5%;
    position: relative;
}

h5.card_title {
    font-family: "ATF Headline Gothic 2 Reg", sans-serif;
    text-transform: uppercase;
    line-height: 1.1;
    font-size: 1.2em;
    letter-spacing: 0.01em;
    color: rgb(6, 54, 164);
    margin: 0 0 1em;
}

span.card.text {
    font-family: "FS Joey Bold", Arial Bold, Roboto-Bold, sans-serif;
    line-height: 1.1;
    font-size: 1em;
    width: 90%;
    margin: 0 auto 2em;
    float: none;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden,
.faq br {
    display: none !important;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.group:before,
.group:after,
.faq:before,
.faq:after,
.related-links:before,
.related-links:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.group:after,
.faq:after,
.related-links:after {
    clear: both;
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}/**/

button#menu-toggle {
    position: relative;
    float: right;
    background-color: transparent;
    border: none;
    display: none;
    -moz-appearance: none;
    padding: 0;
    margin-left: 1em
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

#menu-toggle > span {
    display: table;
}

#menu-toggle > span > span {
    display: table-cell;
    vertical-align: middle;
    height: 70px;
}

#menu-toggle .icon-bar {
    display: block;
    width: 25px;
    height: 5px;
    background: #0031a7;
    border-radius: 0.2em;
}

.menu-toggle:hover .icon-bar,
.menu-toggle:focus .icon-bar {
    background: #e6007e;
}

#menu-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
}

.mobile-help {
    display: none;
    -moz-appearance: none;
    float: right;
    margin: 0 1em 0 0;
    position: relative;
    line-height: 50px;
}

.mobile-help a {
    border-radius: 3px;
    background: #da0063;
    color: #fff;
    text-align: center;
    font-family: "FS Joey Bold", Arial Bold, Roboto-Bold, sans-serif;
    font-size: 0.8em;
    transition: all .1s ease-in-out;
    padding: 0.4em 0.4em 0.3em 0.4em;
    text-rendering: optimizeLegibility;
    margin: 0 11px 0 0;
}

    @media (max-width: 1023px) {
            .mobile-help {
                display: block;
        }
    }

/* online express overriding styles - tread lightly! */

#reCAPTCHADisclosure, .BBFormContainer #reCAPTCHADisclosure {
    color: #b5b5b5;
    margin: 1em 0 0 0 !important;
    font-size: 90% !important;
}

.grecaptcha-badge {
    display: none !important;
}

div[id^="bbox-root"] {
    width: 42.5em;
    margin-top: 3.75em;
}

input[id^="bboxsignup"]:-ms-input-placeholder {  
   color: #555 !important;  
}

input[id^="bboxsignup"]::-ms-input-placeholder {  
   color: #555 !important;  
}

input[id^="bboxsignup"]::placeholder {  
   color: #555 !important;  
   opacity: 1 !important;
}

.BBFormContainer {
    background-color: transparent !important;
}

form[id^="mongo-form"] #bboxdonation_BBEmbeddedForm.BBFormContainer {
    padding: 0;
}

form[id^="mongo-form"] input[type="text"],
form[id^="mongo-form"] input[type="email"],
form[id^="mongo-form"] input[type="tel"],
form[id^="mongo-form"] select {
    height: 40px;
    padding: 0 0 0 1em;
    line-height: 40px;
    max-width: none;
    width: 100%;
}

form[id^="mongo-form"] .BBFormContainer .BBFormTextbox:focus, .BBFormContainer .BBFormTextArea:focus {
    box-shadow: none !important; 
    background-color: #dcfffd !important;
}

form[id^="mongo-form"] .BBFormSection.BBFormButtonRow {
    position: relative;
}

form[id^="mongo-form"] input[type="submit"], input[id^="bboxsignup"] {
    width: auto;
    background: #00a9e8;
    position: relative;
    line-height: 1;
    font-family: "FS Joey Bold", Arial Bold, Roboto-Bold, sans-serif;
    text-transform: capitalize;
    box-shadow: none;
    transition: all .1s ease-in-out;
    padding: .625em;
    font-size: 1em;
    border-radius: .3em;
}

#mongo-form textarea, #mongo-form input, #mongo-form select {
    border: 1px solid #222 !important;
}

.subscribe div[id^="bbox-root"] {
    margin: 0 auto;
    max-width: 100%;
    font-size: 2.75em;
}

.subcontainer {
    width: 90%;
    max-width: 73.75em;
    margin: 5em auto;
    position: relative;
    display: inline-block;
    text-align: left;
}

.subtitle {
    display: block;
    font-size: 2.75em;
}

.subscribe form[id^="mongo-form"] .BBFormContainer .BBFormFieldContainer {
    color: #872637 !important;
}

.subscribe input::placeholder {
    color: #872637 !important;
}

.subscribe input:focus::placeholder {
  color: transparent !important;
}

.subscribe input[type="email"] {
    width: 38% !important;
    background: #ffdfe5;
    font-family: "FS Joey Bold", Arial Bold, Roboto-Bold, sans-serif;
    font-size: 0.35em;
    border: none;
    float: left;
}

.subscribe input[type="text"] {
    width: 20% !important;
    background: #ffdfe5;
    color: #872637;
    font-family: "FS Joey Bold", Arial Bold, Roboto-Bold, sans-serif;
    font-size: 0.35em;
    border: none;
    outline: none;
    float: left;
    margin: 0 0 0 1%;
}

.subscribe label {
    display: none;
    color: #fff;
    font-family: "FS Joey Bold", Arial Bold, Roboto-Bold, sans-serif;
    font-size: 0.35em;
    float: left;
    position: absolute;
    top: 4em;
    margin: 0 0 0 1em;
}

label#lblemailaddress {
    margin: 0 0 0 0.3em;
}

.subscribe input:focus-visible {
    background: #fff;
    outline: none;
}

.subscribe .BBFormButtonRow {
    width: 17%;
    height: 40px;
    float: right;
}

.subscribe form[id^="mongo-form"] input[type="submit"] {
    width: 100%;
    height: 100%;
    background: #693E91;
    position: relative;
    line-height: 1;
    font-family: "FS Joey Bold", Arial Bold, Roboto-Bold, sans-serif;
    transition: all .1s ease-in-out;
    padding: 0.625em;
    font-size: 0.45em;
    border-radius: 0.25em;
    color: #fff;
}

.subscribe form[id^="mongo-form"] input[type="submit"]:hover {
    background: #4e2674;
}

form[id^="mongo-form"] .BBFormSubmitbutton:hover,
form[id^="mongo-form"] .BBFormSubmitbutton:focus {
    background: #0283B1;
    outline: none;
}

form[id^="mongo-form"] .BBFormSubmitbutton:active {
    background: #007EAD;
    position: relative;
    top: 1px;

}

form[id^="mongo-form"] label#bboxdonation_gift_lblUKGiftAid {
    padding: 0;
    font-size: 0.9em;
}


form[id^="mongo-form"] #bboxdonation_BBEmbeddedForm.BBFormContainer a {
    padding: 0;
    margin: 0;
    text-decoration: underline;
    color: #2C3F6A;
    transition: .15s color ease-in-out;
    font-size: 0.9em;
}

form[id^="mongo-form"] #bboxdonation_BBEmbeddedForm.BBFormContainer a:hover,
form[id^="mongo-form"] #bboxdonation_BBEmbeddedForm.BBFormContainer a:focus {
    color: #111;
}

form[id^="mongo-form"] .BBFormSection, form[id^="mongo-form"] .BBFormContainer .BBFormPricingTable {
    margin: 0;
    max-width: none !important;
    width: 100%;
}

form[id^="mongo-form"] .BBFormSection.BBDFormSectionComments,
form[id^="mongo-form"] #bboxdonation_billing_divBillingSection {
    margin: 1em 0 1em 0;
    max-width: none;
}

    @media (max-width: 5500px) {
        .BBFormContainer .BBDFormSectionComments .BBFormFieldContainer {
            margin-left: 0 !important;
        }
    }

form[id^="mongo-form"] .BBFormContainer[data-bbox-part-id="6eae5378-85c9-4b25-984b-25faaf9813b9"] .BBFormSection fieldset legend {
    display: none;
}

form[id^="mongo-form"] input#bboxdonation_gift_txtAmountOther {
    margin: 0;
    width: 22%;
}

form[id^="mongo-form"] #bboxdonation_gift_rdlstGivingLevels {
    width: 100%;
    margin: 0 0 1em;
}

form[id^="mongo-form"] .BBFormRadioLabelGivingLevel {
    border: none !important;
    margin-bottom: .625em;
    background-color: #C7C7B6;
    padding: 1em;
}

form[id^="mongo-form"] #bboxdonation_BBEmbeddedForm.BBFormContainer .BBFormWideButtonGivingLevels .BBFormRadioLabelGivingLevel.BBFormRadioLabelGivingLevelSelected {
    background-color: #787874;
}

form[id^="mongo-form"] #bboxdonation_BBEmbeddedForm.BBFormContainer .BBFormFieldLabelGivingLevel {
    display: block;
    width: 100%;
    padding-right: 0;
    float: none;
    white-space: normal!important;
    text-align: left;
    border: none;
    font-size: 1.25em;
    margin: 1em 0;
    line-height: 1;
    font-family: "FS Joey Bold", Arial Bold, Roboto-Bold, sans-serif;
    text-transform: capitalize;
    color: rgba(86,87,90,.5);
}

form[id^="mongo-form"] #bboxevent_BBEmbeddedForm {
    background: none !important;
}

.single-cstm_events form[id^="mongo-form"] #bboxevent_BBEmbeddedForm {
    padding: 0 !important;
}

form[id^="mongo-form"] .BBFormContainer .BBFormFieldContainer {
    color: #56575A;
    margin: 0 0 0.5em 0;
    width: 100%;
}

form[id^="mongo-form"] .BBFormContainer .BBLinkSecureInfo {
    margin-left: 0 !important;
}

form[id^="mongo-form"] .BBFormTextArea {
    width: 100%;
    max-width: none;
    min-height: 100px;
}

form[id^="mongo-form"] #bboxdonation_comment_fldComments label#bboxdonation_comment_lblComments {
    padding: 0;
    margin-bottom: .625em;
}

form[id^="mongo-form"] .BBFormFieldLabel {
    margin-bottom: .625em;
    line-height: 1;
    color: #333;
}

form[id^="mongo-form"] input[type="checkbox"] {
    margin-right: .25em;
}

div#bbox-msg-wrapper img {
    max-width: inherit;
    width: 2em;
}

form[id^="mongo-form"] .BBFormContainer .BBFieldExpiration .BBFormSelectList, .BBFormContainer[data-bbox-part-id="6eae5378-85c9-4b25-984b-25faaf9813b9"] .BBFieldExpiration .BBFormTextbox {
    width: 100px;
}

div[id^="bbox-root"] form[id^="mongo-form"] [data-bbox-part-id='fdb6233a-bf29-4bfe-ae5c-7c4138b9eef1'].BBFormContainer {
    background-color: transparent !important;
    border-radius: 0 !important;
}

div[id^="bbox-root"] form[id^="mongo-form"] .BBFormContainer[data-bbox-part-id="fdb6233a-bf29-4bfe-ae5c-7c4138b9eef1"] {
    font-size: 1em;
    margin: 0 auto;
    border-radius: 0;
    padding: 0;
    min-width: 250px;
    border: none;
}

.BBFormContainer[data-bbox-part-id="fdb6233a-bf29-4bfe-ae5c-7c4138b9eef1"] .BBFormPricingTable {
    padding: 1.25em !important;
}

.BBFormContainer[data-bbox-part-id="fdb6233a-bf29-4bfe-ae5c-7c4138b9eef1"] .BBFormTableHeader {
    font-weight: normal !important;
}

div[id^="bbox-root"] form[id^="mongo-form"] .BBFormContainer .BBFormWideButtonGivingLevels .BBFormRadioAmount {
    padding: 0px;
    min-width: 0px;
    float: none;
    font-size: 3em;
    line-height: 1;
    font-family: "FS Joey Bold", Arial Bold, Roboto-Bold, sans-serif;
    text-transform: capitalize;
}

div[id^="bbox-root"] form[id^="mongo-form"] .BBFormContainer .BBFormFieldContainerGivingLevels span:first-child {
    float: right;
    padding: 0;
    max-width: none;
    margin: 0;
}

form[id^="mongo-form"] .BBFormContainer .BBFormFieldLabel {
    float: none;
    width: 100%;
    padding: 0;
    text-align: left;
    margin-left: 0;
}

form[id^="mongo-form"] .BBFormContainer .BBFieldExpiration .BBFormFieldLabel, form[id^="mongo-form"] .BBFormContainer .BBExpirationCSC .BBFormFieldLabel {
    margin-left: 0 !important; 
}

form[id^="mongo-form"] #bboxdonation_billing_divBillingSection .BBFormTextbox {
    width: 100%;
    max-width: none;
    margin: 0 0 .625em;
}

form[id^="mongo-form"] div#bboxdonation_payment_divProcessedByBlackbaud {
    margin-bottom: 1.25em;
    font-size: 85%;
}

iframe#easyXDM_default6033_provider div#cluetip {
    padding: 1em !important;
}

iframe#easyXDM_default6033_provider #cluetip-title {
    margin: 3px 0 6px 0;
    font-size: 16px;
    line-height: 1.2;
}

form[id^="mongo-form"] input#bboxdonation_gift_txtAmountOther {
    margin: 0;
    width: 22%;
    color: #56575A;
}

form[id^="mongo-form"] #bboxdonation_payment_lblSecCode {
    margin-left: 0;
}

form[id^="mongo-form"] #bboxdonation_BBEmbeddedForm.BBFormContainer .BBFormWideButtonGivingLevels .BBFormRadioLabelGivingLevel.BBFormRadioLabelGivingLevelSelected {
    background-color: #00A9E8;
}

form[id^="mongo-form"] label#bboxdonation_gift_lblUKGiftAidTerms {
    line-height: 1.2;
}


form[id^="mongo-form"] .BBDFormSectionComments .BBFormTextArea label,
form[id^="mongo-form"] .BBDFormSectionComments .BBFormTextArea textarea,
form[id^="mongo-form"] label#bboxdonation_comment_lblComments,
form[id^="mongo-form"] textarea#bboxdonation_comment_txtComments {
    margin-left: 0;
}

form[id^="mongo-form"]  select#bboxdonation_billing_ddTitle {
    margin-bottom: .625em;
}

form[id^="mongo-form"] .BBFormSectionHeading {
    padding-left: 0;
}

form[id^="mongo-form"] .BBFormContainer {
    border: none;
}


/* sidebar newsletter signup */

aside div[id^="bbox-root"], article div[id^="bbox-root"] {
width: 100%;
margin-top: 0 !important;
    }

aside .BBFormContainer,
aside .BBFormTextbox, article .BBFormContainer,
article .BBFormTextbox {
    padding: 0 !important;
    margin: 0 0 .625em !important;
    width: 100% !important;
}

aside .BBFormTextbox, article .BBFormTextbox {
    height: 40px;
    min-height: none;
    padding-left: .625em !important;
    border: solid 1px #222 !important;
    outline: none !important;
}

aside .BBFormButtonRow input[type="submit"], article .BBFormButtonRow input[type="submit"] {
    position: relative;
    float: none;
    right: inherit;
    width: auto;
    height: inherit;
    padding: inherit;
    text-indent: inherit;
    webkit-appearance: none !important;
    border: none !important;
    box-shadow: none !important;
    font-size: 1.25em !important;
    font-family: "FS Joey Bold", Arial Bold, Roboto-Bold, sans-serif;
    text-transform: capitalize;
    background: #0031a7 !important;
    position: relative;
    line-height: 1;
    transition: all .1s ease-in-out;
    padding: .625em;
    font-size: 1em;
    border-radius: .3em !important;
}

aside .BBFormButtonRow .BBFormSubmitbutton:hover,
aside .BBFormButtonRow .BBFormSubmitbutton:focus, article .BBFormButtonRow .BBFormSubmitbutton:hover,
article .BBFormButtonRow .BBFormSubmitbutton:focus {
    background: #3168ef !important;
}

aside .BBFormButtonRow .BBFormSubmitbutton:active, article .BBFormButtonRow .BBFormSubmitbutton:active {
    position: relative;
    top: 1px;
}

aside .BBFormFieldLabelEdit, aside div.BBFormSectionHeading, article .BBFormFieldLabelEdit, article div.BBFormSectionHeading {
    display: none;
}

.sidebar > h4.form-title {
    color: #434043;
    margin-top: 1.875em;
}

aside div.BBFormSection p , article div.BBFormSection p {
    line-height: 1.4;
}

aside div.BBFormSection input[type="text"], article div.BBFormSection input[type="text"] {
    color: #444;
}

form[id^="mongo-form"] .BBFormRadioLabelGivingLevel {
    border: none !important;
    margin: 0 0 .3125em;
    background-color: #DEDED3;
    padding: 15px;
}

@media (max-width: 550px) {
    form[id^="mongo-form"] label.BBFormRadioLabelGivingLevel {
        font-size: 1.3em !important;
        min-width: 60px !important;
        padding: 10px 10px 6px !important;
    }
}

.search-no-results h3 {
    font-size: 1.375em;
    line-height: 1.4;
    color: #56575A;
}


/* christmas donate form */

#mongo-form .BBFormRadioAmount {
    float: left;
    font-family: "FS Joey Bold", Arial Bold, Roboto-Bold, sans-serif;
    font-size: 1.8em;
}

#mongo-form .BBFormRadioDescription {
    text-align: left;
    font-size: inherit;
}

#mongo-form .BBFormRadioLabelGivingLevelSelected {
    background: #55D6F7;
}

#mongo-form #bboxdonation_gift_rdlstGivingLevels label.BBFormRadioLabelGivingLevel span.BBFormRadioDescription,
#mongo-form #bboxdonation_gift_rdlstGivingLevels label.BBFormRadioLabelGivingLevel span.BBFormRadioDescriptionOther {
    font-size: 1.8em;
    float: left;
    font-family: "FS Joey Bold", Arial Bold, Roboto-Bold, sans-serif;
}

/* mobile nav defaults */
#menu-secondary-navigation-1 .help-link a {
    background: #da0063;
}

#menu-secondary-navigation-1 .help-link a:focus {
    background: #c10158;
}

#menu-secondary-navigation-1 .donate-link a {
    background: #0076dc;
}

#menu-secondary-navigation-1 .donate-link a:focus {
    background: #004c8e;
}

#menu-secondary-navigation-1 li a { border: none; }

.nav { 
    display: none;
}

#container {
    max-width: 100%;
    margin: 0px auto;
    overflow: hidden;
    width: 100%;
}

.menu_container,
.anchor-link {
    display: none;
}

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

.nav ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    text-align: center;
}

.nav ul li {
    display: inline-block;
    text-align: left;
}

.nav ul li a {
    display: block;
    padding: 10px 12px;
    text-decoration: none;
    color: #444;
}

.nav {
    display: none;
}
.main_content,
.nav {
    transition: .2s margin ease;
    display: block;
    position: relative;
}

.nav {
    display: none;
}

.main_content {
    position: relative;
    width: 100%;
    top: 25px;
}

body.active .main_content:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 3.75em;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: #555d66;
}

/** MOBILE NAV **/
/* ================================================================= */
@media all and (max-width:63.9375em) {
/* ================================================================= */
.menu_container,
.anchor-link {
    display: block;
}

.nav {
    display: none;
    float: left;
    right: 0;
    width: 280px;
    z-index: 2;
    height: 100%;
    position: absolute;
}

.main_content {
    float: left;
    margin-left: 0;
    width: 100%;
}

body.active .nav {
    margin-left: 0;
    right: 0;
    margin-right: 0%;
    display: block;
}

body.active .main_content {
    margin-left: -27%;
    z-index: 1;
}

.nav {
    padding: 0;
    border: none;
    background: #555d66;
}

.nav ul {
    text-align: left;
    font-family: "FS Joey Bold", sans-serif;
}

.nav ul li {
    display: block;
}

.nav ul li a {
    background: #555d66;
    border-bottom: 1px solid #3c4248;
    color: #ffffff;
    padding: .75em;
    font-size: .875em;
}

.nav ul#menu-upper-navigation-1 {
    background: #fff;
}

.nav ul#menu-upper-navigation-1 li a {
    background: rgba(69, 232, 184, 0.4);
    border-bottom: 1px solid #95b1b0;
    color: #32403c;
    padding: .75em;
    font-size: .875em;
}

.nav ul li a:focus {
    background-color: #3860be;
}

.nav > ul > li:first-of-type > a {
    border-top: none;
}

ul.sub-menu > li a {
    padding-left: 1.5625em;
    font-size: 80%;
}

}

/* ========================================================= */
/* MEDIA QUERIES */
/* ========================================================= */
/* between 1400px and 1699px */
@media (min-width: 87.5em) and (max-width: 106.1875em) {
    .featured-image-container img {
        margin-top: -100px;
    }
}

/* ========================================================= */
/* between 1700px and 1999px */
@media (min-width: 106.25em) and (max-width: 124.9375em) {
    .featured-image-container img {
        margin-top: -150px;
    }
}

/* ========================================================= */
/* min 2000px */
@media (min-width: 125em) {
    .featured-image-container img {
        margin-top: -200px;
    }

/*    .slick-slider .slider-info,
    .slick-slider .slick-list {
        height: 600px;
    }*/
}

/* ========================================================= */
/* max 1023px */
@media (max-width:63.9375em) {

    .main-inner article, .main-inner > section, .main-inner .content-container {
      
    }

    .icons .icon {
        display: table;
        width: 180px;
        height: 180px;
        background: #2C3F6A none repeat scroll 0% 0%;
        transition: all 0.2s ease-in-out 0s;
        border-radius: 100%;
    }

    .icons > div i {
        font-size: 4em;
    }

    body { margin-top: 50px; }

    button#menu-toggle {
        display: block;
    }

    #menu-toggle > span {
        transition: all .1s ease-in-out;
    }

    .swing {
        -webkit-transform: rotate(-90deg);
    }

    .main-inner {
        padding: 2em 0;
    }

    .main-inner > article > h2,
    .main-inner > h2,
    .main-inner > section > h2,
    .single-cstm_news h2 {
        font-size: 2.5em;
        line-height: 0.85;
        margin: 0 0 .375em;
    }

    .icons > div {
        margin: 0 .5em;
    }

    .icons .icon {
        height: 
    }

    header,
    #menu-toggle > span > span,
    .header-inner {
        height: 50px;
    }

    .header-inner {
        width: 93%;
    }

    header h1 {
        height: 50px;
        line-height: 50px;
    }

    header h1 a {
        width: 150px;
        height: auto;
    }

    .page-template-large_image .main-inner  {
        padding: 0 0 3em;
    }

    .large-image-title {
        position: absolute;
        display: block;
        width: 100%;
        height: auto;
        padding: 0;
        top: inherit;
        bottom: 0;
        background: #69b4f6;
        background: rgba(105,65,145,.9);
    }

    .large-image h2 span {
        color: white;
        font-size: 2em;
        border: none;
        display: block;
        padding: .5em 0;
        text-align: left;
        margin: 0 auto;
        width: 90%;
    }

    .arrow-right {
        display: block;
        border-top: none; 
        border-left: 1em solid transparent;
        border-right: 1em solid transparent;
        border-bottom: 1em solid #69b4f6;    
        border-bottom: 1em solid rgba(105,65,145,.9);
        left: 46.5%;
        top: inherit;
        bottom: 100%;
    }

    .featured-image-container > div {
        display: none;
    }

    .large-image {
        height: 250px;
        margin-bottom: 1.875em;
    }

    .large-image h2 {
        display: block;
        vertical-align: inherit;
    }

    .featured-image {
        position: relative;
        right: inherit;
        width: 100%;
        z-index: 1;
    }

    .secondary-nav {
        display: none;
    }

    .search-trigger {
        float: right;
    }

    .search-trigger a {
        font-size: 1.25em;
        line-height: 50px;
    }

    .search-section {
        height: 50px;
    }

    .search-section form {
        padding: 0;
    }

    .search-section form > div {
        margin: 8px 0;
    }

    .search-section input[type="text"] {
        height: 35px;
        width: 90%;
    }

    .search-section input[type="submit"] {
        height: 35px;
    }

    .inline-img {
        width: 49%;
    }
}

/* ========================================================= */
/* max 767px */
@media (max-width:47.9375em) {
    
    .main-inner article,
    .main-inner > section,
    .main-inner .content-container {
        width: 100%;
        float: none;
        margin-bottom: 1.5em;
    }

    #main ul.news-list li a p,
    #main ul.events-list li a p,
    #main ul.results-list li a p {
        font-size: .875em;
    }

    #main ul.news-list a h4,
    #main ul.events-list a h4,
    #main ul.results-list a h4 {
        font-size: 1.5em;
    }

    .main-inner .content-container > p:first-of-type {
        margin-bottom: 1.5em;
    }

    .success-intro h2 {
        max-width: 70%;
    }

    .success-intro p {
        font-size: .875em;
    }

    .people h3 a {
        font-size: 1.375em;
    }

    .success-story-hub {
        min-height: inherit;
        padding-top: 2.5em;
    }

    .success-story-hub > section,
    .success-story-hub aside {
        float: none;
        width: 100%;
        margin-bottom: 2.5em; 
    }

    .success-story-hub aside {
    }

    .success-story-hub h2 img {
        width: 100%;
        max-width: 100%;
    }

    header nav { display: none; }

    .single-cstm_success_story h2 {
        margin: 0 0 .5em;
        font-size: 2.5em;
    }

    .main-inner article > p:first-of-type,
    .the-content > p:first-of-type {
        font-size: 1.1em;
    }

    figure, article figure {
        margin: 0 0 1em;
    }

    .main-inner article,
    aside.sidebar {
        width: 100%;
        float: none;
        clear: both;
    }

    .main-inner article p {
        font-size: .875em;
    }

    .the-content ul.prev-next, ul.prev-next {
        margin-top: 1em;
    }

    .related-links {
        margin-bottom: 1.125em;
    }

    .related-links ul li {
        float: left;
        display: inline-block;
        margin-right: .25em;
    }

    .what-the-money-buys h5 {
        float: left;
        display: inline-block;
        margin: 0 0 0.25em 0;
    }

    .footer-inner {
        padding: 1.25em 0px;
        font-size: 90%;
    }

    .footer-inner > div {
        width: 28%;
        text-align: left;
        margin: 0 0.85em 0 0;
        font-size: 80%;
    }

    .footer-inner > div:last-of-type {
        margin-bottom: 0;
    }

    .footer-inner .cstm-logo a img {
        margin: 0 auto;
    }

    .footer-identity,
    .cstm-details {
        margin-bottom: .625em;
    }

    .sidebar > h4, .sidebar > h5 {
        border-top: none; 
        border-bottom: none; 
    }

    .related-links ul a {
        padding: .625em;
    }

    .inline-img {
        margin: 0 1em 1em 0;
    }

    .inline-img br {
        display: none;
    }

    .inline-img img {
        max-width: 100%;
        width: 100%;
    }

    .what-the-money-buys, .stats {
        padding: 1.25em;
    }

    aside.sidebar .stats i.fa {
        position: absolute;
        right: .625em;
        top: .625em;
        font-size: 2.5em;
    }

    aside.sidebar .stats h5 {
        margin-bottom: 0.25em;
        width: 40%;
    }

    .pub-buttons a {
        padding: 0.75em;
        font-size: 1em;
        width: 98%;
    }

    #main article ul.pub-list li {
    float: left;
    width: 48%;
    margin: 1%;
    }

}

/* ========================================================= */
/* 980px */
@media (max-width:61.25em) {
    .the-content {
        width: 100%;
    }

    .the-content blockquote {
        margin: 0 0 1.25em;
        width: 100%;
        padding: .625em;
    }

    .the-content blockquote p {
        font-size: 80%;
        color: #111;
    }

    div#bbox-root {
        width: 100%;
        margin-top: 1.25em;
    } 
}

/* ========================================================= */
/* max 420px */
@media (max-width: 26.25em) {

    .main-inner > article > h2,
    .main-inner > h2,
    .main-inner > section > h2,
    .single-cstm_news h2 {
        font-size: 2em;
        line-height: 0.85;
        margin: 0 0 1em;
    }

    .main-inner article {
        width: 100%;
        float: none;
    }

    /* hide main nav */
    .main-nav { display: none; }

    .home h3 p {
        color: #0031a7;
        font-size: 1.25em;
        line-height: 1.3;
    }

    .story-icons hr {
        width: 6em;
        margin: 2em auto;
    }

    .icons-description {
        width: 100%;
    }

    .icons > div {
        margin-bottom: .625em;
    }
    .icons .icon {
        height: 150px; width: 150px;
    }

    .inline-img {
        width: 100%;
    }

    form[id^="mongo-form"] .BBFormContainer .BBFormFieldContainer {
        margin: 0 0.5em 0.1em 0;
    }

}

/* ========================================================= */
/* between 768px and 1023px */
@media (min-width: 48em) and (max-width:63.9375em) {

    header nav { display: none; }
    
    .main-inner aside {
        width: 22%;
    }

    .success-list-item,
    .grid-sizer,
    .success-list li.second-post,
    li.ss-title-panel {
        width: 50%;
    }

    .success-list-item img {
        height: 150%;
    }

    footer { min-height: inherit; }
}

/* ========================================================= */
/* max 1200px */
@media (max-width:75em) {
    .success-list-item h4 span span strong em {
        font-size: 1.25em;
    }
}

/* ========================================================= */
/* between 320px and 599px */
@media (min-width:20em) and (max-width:37.4375em) {
    .home .main-inner {
        padding: 1em 0;
    }

    .carousel-title {
        font-size: 2em;
        margin: 0 0 .25em;
    }

    .carousel-excerpt {
        font-size: 80%;
        padding: 0;
        line-height: 1.2;
    }

    .site-introduction div {
        padding: 3em 0px;
    }

    .home h3 p {
        font-size: 1.25em;
    }

    .home-fallback-img { 
        height: 50%; 
        font-size: 60%;
    }

    .main-inner article h3 {
        font-size: 1.4em;
        line-height: 1.2;
        margin-bottom: .5em;
    }

    div#bbox-root {
        width: 100%;
        margin-top: 1em;
    }

    div#bbox-root #mongo-form .BBFormContainer .BBFormWideButtonGivingLevels .BBFormRadioAmount {
        padding: 0;
        min-width: 0;
        float: none;
        font-size: 3em;
        display: block;
    }

    div#bbox-root #mongo-form .BBFormContainer .BBFormFieldContainerGivingLevels span:first-child {
        font-size: 1.25em;
    }
    
    .site-introduction,
    .icons-description,
    .icons {
        margin-bottom: 2em;
    }

    .icons-description { width: 100%; }
    
    .icons .icon {
        height: 90px;
        width: 90px;
    }

    .icons > div i {
        font-size: 2em;
    }

    #main ul.news-list li a p,
    #main ul.events-list li a p,
    #main ul.results-list li a p,
    #main ul.news-list a h4,
    #main ul.results-list a h4 {
        width: 65%;
    }

    #main ul.events-list a h4 {
        width: 95%;
    }

    aside.sidebar .stats blockquote p {
        width: 65%;
    }
}

/* ========================================================= */
/* between 600px and 768px */
@media (min-width:37.5em) and (max-width:48em) {
    .carousel-title {
        font-size: 2.5em;
        margin: 0 0 0.5em;
    }

    .carousel-excerpt {
        padding: 0;
        font-size: 1em;
    }

    .icons .icon {
        width: 120px;
        height: 120px;
    }
}

/* ========================================================= */
/* between 769px and 1023px */
@media (min-width:48.0625em) and (max-width:63.9375em) {

    .main_content {
        top: 0;
    }

    .cta_container {
        top:  25px;
    }

    .tagline {
        font-size: clamp(15px, 3.5vw, 35px);
        line-height: 1;
    }

    a.butmid {
        font-size: 1em;
        margin: 10px 10px 20px 0;
    }

    section.cstm-carousel {
        min-height: 300px;
    }

    .slider-info {
        top: 130px;
    }

    .carousel-title {
        font-size: 1.875em;
    }

    .carousel-excerpt {
        font-size: 0.8em;
    }

    .site-introduction p {
        font-size: 1.25em;
    }

}

/* ========================================================= */
/* between 320px and 480px */
@media (min-width:20em) and (max-width:30em) {
    .site-introduction {
        margin: -2em 0px 1.25em;
    }

    .site-introduction div {
        padding: 2.5em 0 1.5em;
    }

    .home h3 p {
        font-size: .9em;
    }

    h3.icons-title {
        margin: 0px 0px .5em;
    }

    .icons > div {
        margin-bottom: .5em;
    }

    .icons {
        margin-bottom: 0;
    }

    .icons-description {
        margin: 0 auto 1em;
        font-size: .9em;
    }

    .icons .icon {
        height: 70px;
        width: 70px;
    }

    h3.icons-title span {
        padding: 0;
        font-size: 1.2em;
        border: 0;
    }

    #mongo-form .BBFormRadioAmount,
    #mongo-form .BBFormRadioDescription {
        float: none !important;
        display: block;
        text-align: center;
        margin-bottom: .3em !important;
        width: 100% !important;
    }

    #mongo-form .BBFormRadioAmount {
        margin-bottom: 0 !important;
    }

}

/* ========================================================= */
/* max 480px */
@media (max-width: 30em) {
    .large-image {
        height: inherit;
        height: 200px;
    }
}

/* ========================================================= */
/* between 480px and 599px */
@media (min-width: 30.0625em) and (max-width: 37.4375em) {
    .carousel-title {
        font-size: 3em;
        margin: 0 0 .25em;
    }
}

/* ========================================================= */
/* max 580px */
@media (max-width: 36.25em) {
    .large-image-title {
        overflow: visible;
        background: #693e91;
    }

    .arrow-right { 
        border-bottom: 1em solid rgb(105,65,145);
    }
}

/* ========================================================= */
/* between 600px and 768px */
@media (min-width: 37.5em) and (max-width: 48em) {
    
    #main .main-inner article h3 {
        font-size: 1.25em;
    }
}

/* ========================================================= */
/* between 320px and 400px */
@media (min-width: 20em) and (max-width: 25em) {

    #main ul.events-list a h4 span {
        display: block;
        margin: .75em 0 0;
        background: none;
        color: #E6007E;
        font-size: 65%;
        padding: 0;
    }

    /* qtip */
    .qtip-cstm {
        max-width: 160px; /* Change this? */
        min-width: 80px; /* ...and this! */
        padding: 10px;
    }

    .qtip-default .qtip-titlebar {
        font-size: 90%;
        margin-bottom: .25em;
    }

    .qtip-content {
        line-height: 1.2;
        font-size: 75%;
    }
    
    .what-the-money-buys h5 {
        float: none;
        display: inherit;
        margin: 0 0 10px;
    }
}

/* ========================================================= */
/* max: 900px */
@media (max-width: 60em) {

    aside.sidebar .stats h6 {
        font-size: 4em;
    }
}

/* ========================================================= */
/* max: 600px */
@media (max-width: 37.5em) {

    aside.sidebar .stats i.fa {
        font-size: 1.25em;
    }

    aside.sidebar .stats blockquote p {
        width: 100%;
    }

}

.linked-images {
    float: left;
    width: 49.5%;
    width: calc( 50% - .125em );
    height: 200px;
    margin-bottom: .25em;
}

.linked-images:nth-of-type(2n+2) {
    float: right;
}

.linked-images:last-of-type,
.linked-images:nth-of-type(1n+5) {
    margin-bottom: 1.25em;
}

.linked-images a {
    background: rgba(0,0,0,.2);
    position: relative;
    display: block;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
}

.linked-images a:hover,
.linked-images a:focus {
    
}

.linked-images a:active {
    position: relative;
    top: 1px;
}

.linked-images a img {
    transition: all .5s ease-in-out;

}

.linked-images a:hover img,
.linked-images a:focus img {
    transform: scale(1.1);
}

.linked-images strong {
    position: absolute;
    font-weight: normal;
    top: .9375em;
    left: .9375em;
    font-size: 1em;
    color: #444;
}

.overlay {
    position: absolute;
    z-index: 1;
    background: rgba(221, 59, 101,.8);
    height: 100%;
    width: 100%;
    transition: all .5s ease-in-out;
}

.linked-images a:hover .overlay,
.linked-images a:focus .overlay {
    background: rgba(221, 59, 101,.15);
}

.title-overlay {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    height: 100%;
    width: 100%;
}
 
.linked-images h1 {
    padding: 0;
    z-index: 2;
    color: white;
    border: 0;
    width: 80%;
    margin: 0 auto;
    top: 1em;
    left: 0;
    right: 0;
    font-size: 2em;
    line-height: 1.05;
    font-family: "ATF Headline Gothic 2 Reg", sans-serif;
    text-transform: uppercase;
    text-align: center;
}

.linked-images a img {
    position: absolute;
    z-index: 0;
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

@media (max-width: 440px) {

    .linked-images,
    .linked-images:nth-of-type(n+3) {
        width: 100%;
        height: 120px;
        margin-bottom: 3px;
    }

    .linked-images:last-of-type {
        margin: 0 0 1.25em;
    }

    .linked-images a {
        height: 100%;
    }

    .linked-images h1 {
        width: 100%;
        margin-bottom: .3em;
        font-size: 1.5em;        
    }
    
}

.linked-images + p {
    clear: both;
}

/* homepage MQs ============================================ */
/* min: 2200px */

@media (min-width:2301px) and (max-width:3200px) {

    .home_donate .fade {
        background: linear-gradient(90deg, rgba(69,232,184,0) 0%, rgba(69,232,184,1) 35%);
    }

    .home_donate {
        background-size: 35% 100%, contain;
    }

    .home_events .fade {
        background: linear-gradient(90.53deg, #DA0063 3.2%, #693E91 65%, rgba(105, 62, 145, 0) 80%);
        height: 100%;
        width: 108%;
    }

    .home_events {
        background-size: 30% 100%, contain;
    }

    }

/* homepage MQs ============================================ */
/* min: 1900px */

@media (min-width:1901px) and (max-width:2300px){

    .home_donate .fade {
        background: linear-gradient(90deg, rgba(69,232,184,0) 0%, rgba(69,232,184,1) 35%);
    }

    .home_donate {
        background-size: 35% 100%, contain;
    }

    .home_events .fade {
        background: linear-gradient(90.53deg, #DA0063 3.2%, #693E91 65%, rgba(105, 62, 145, 0) 83.21%);
        height: 100%;
        width: 102%;
    }

    .home_events {
        background-size: 34% 100%, contain;
    }

    }

/* homepage MQs ============================================ */
/* min: 1600px */

@media (min-width:1600px) and (max-width:1900px) {

    .home_donate .fade {
        background: linear-gradient(90deg, rgba(69,232,184,0) 0%, rgba(69,232,184,1) 43%);
        width: 110%;
    }

    .home_donate {
        background-size: 45% 100%, contain;
    }

    .home_events .fade {
        background: linear-gradient(90.53deg, #DA0063 3.2%, #693E91 65%, rgba(105, 62, 145, 0) 80%);
        width: 100%;
    }

    .home_events {
        background-size: 44% 100%, contain;
    }

    }

/* homepage MQs ============================================ */
/* max: 1260px */

@media (min-width:1150px) and (max-width:1260px) {

    .cta h2 .tagline{
        font-size: 2.75em;
    }

    .carousel-title {
    font-size: 2.5em;
    }

    .carousel-excerpt {
    font-size: 0.9em;
    }

    .slider-info {
        top: 180px;
    }

    section.cstm-carousel {
        min-height: 500px;
    }

    .cstm-carousel div img {
        min-height: 500px;
    }

    .site-introduction p {
        font-size: 1.5em;
        max-width: 710px;
    }

    .home_stats {
        height: 410px;
    }

    .home_stats .figure {
        font-size: 4em;
    }

    .home_stats .subhead {
        clear: both;
        float: left;
        width: 100%;
        text-align: center;
        font-size: 2.6em;
    }

}


/* max: 1023 - 1240px nav adjust */

@media (min-width:1023px) and (max-width:1240px) {

    .main-nav > ul {
    font-size: 1em;
    }

}

/* max: 1023 - 1100px container adjust */

@media (min-width:1023px) and (max-width:1100px) {

    #container {
        margin: -50px auto 0;
    }

}

@media (max-width:1100px) {

    .header-inner {
        width: 93%;
    }

    header h1 {
        height: 50px;
        line-height: 50px;
    }

    header h1 a {
        width: 150px;
        height: auto;
    }

    .mobile-help {
        display: block;
    }

    button#menu-toggle {
        display: block;
    }

    header, #menu-toggle > span > span, .header-inner {
        height: 50px;
    }

    header nav {
        display: none;
    }

    .search-trigger {
        float: right;
    }

    .search-trigger a {
        font-size: 1.25em;
        line-height: 50px;
    }

}   


/* max: 1149px */

@media (min-width:1023px) and (max-width:1149px) {

    .main-nav > ul {
    font-size: 1em;
    }

    .cta h2 .tagline{
        font-size: 2.3em;
        line-height: 1;
    }

    .carousel-title {
    font-size: 2em;
    }

    .carousel-excerpt {
    font-size: 0.85em;
    }

    a.butmid {
        font-size: 1em;
        margin: 10px 15px 15px 0;
    }

    .slider-info {
        top: 160px;
    }

    section.cstm-carousel {
        min-height: 400px;
    }

    .cstm-carousel div img:first-of-type {
        min-height: 400px;
    }

    .site-introduction p {
        font-size: 1.25em;
        max-width: 600px;
    }

    .home_donate, .home_events, .home_stats {
        height: 380px;
    }

    .home_donate .main-inner .content, .home_events .main-inner .content {
        height: 60%;
    }

    .home_donate .main-inner .content .headline, .home_events .main-inner .content .headline {
        font-size: 10em;
    }

    .home_events .main-inner .event_icons {
        bottom: -6px;
    }

    .get_involved {
        height: 110px;
    }

    .get_involved span > a.butbig {
        font-size: 0.8em;
        line-height: 2.25em;
        position: relative;
        top: -4px;
    }

    .home_stats {
        height: 380px;
    }

    .home_stats .figure {
        font-size: 3em;
        padding: 30% 0;
    }

    .home_stats .subhead {
        clear: both;
        float: left;
        width: 100%;
        text-align: center;
        font-size: 2.3em;
    }

}

/* max: 1022px */

@media (min-width:768px) and (max-width:1022px) {

    section.cstm-carousel, .cstm-carousel div img {
        min-height: 360px;
    }

    .site-introduction p {
        max-width: 600px;
        padding: 0 1em 0 0;
    }

    .home_donate .main-inner .content .headline, .home_events .main-inner .content .headline {
        font-size: 9em;
        margin: 3% 0 0 0;
    }

    .home_donate, .home_events {
        height: 360px;
    }

    .home_stats {
        height: 320px;
    }

    .home_donate .main-inner .content, .home_events .main-inner .content {
        height: 60%;
    }

    /* max: 900px lede tweak */

        @media (min-width:768px) and (max-width:900px) {

            .home_donate .main-inner .lede, .home_events .main-inner .lede {
                font-size: 0.095em;
            }

        }

    .get_involved {
        height: 105px;
    }

    .get_involved span {
        font-size: 1.4em;
    }

    .get_involved span > a.butbig {
        font-size: 0.9em;
        position: relative;
        top: -3px;
    }

    .home_events .main-inner .event_icons {
        bottom: -10px;
    }

    .home_events:after {
        color: #723d8c;
    }

    .home_stats .main-inner {
        padding: 4em 0;
    }

    .home_stats .figure {
        font-size: 2.5em;
        padding: 27% 0;
    }

    .home_stats .subhead {
        font-size: 2.15em;
    }

}

/* max: 767px */

@media (max-width:767px) {

    .nav {
        width: 100%;
    }

    .search-section input[type="text"] {
        height: 35px;
        width: 75%;
    }

    .main_content {
        top: 0;
    }

    .cta_container {
        top: 25px;
    }

    .cta_container h2 {
        left: 0;
    }

    .tagline {
        font-size: 1.5em;
        line-height: 1;
        padding: 3px 0 2px 0;
        box-shadow: 4px 0 0 #ff4365, -5px 0 0 #ff4365;
    }

    .buttons {
        left: -7px;
    }

    .buttons a.butmid {
        font-size: 0.95em;
        margin: 7px 4px 0 0;
        min-width: 100%;
        min-width: 4em !important;
    }

    @media (max-width: 550px) {
        .buttons a.butmid {
            font-size: 0.85em;
            min-width: 7em !important;
        }
    }

    section.cstm-carousel, .cstm-carousel div img {
        min-height: 260px;
    }

    .slick-list {
        overflow: visible !important;
    }

    .slider-info {
        width: 100%;
        top: 0;
    }

    .slider-info > div {
        z-index: 2;
    }

    .slider-info:before {
        -webkit-transform: scale(1.5,1) rotate(-90deg);
        position: absolute;
        left: 48%;
        top: -0.5em;
        margin: 0 auto;
        z-index: 1;
    }

    .info_container {
        top: 110%;
        position: absolute;
        left: 0;
        right: 0;
    }

    .carousel-title {
        font-size: 2em;
    }

    .carousel-excerpt {
        font-size: 85%;
        line-height: 1.2;
    }

    .site-introduction {
        margin: 9.5em 0 1.25em;
    }

    .site-introduction p {
        display: flex;
        text-align: center;
        font-size: 1em;
        line-height: 1.3;
    }

    .site-introduction div {
        padding: 2.5em 0 0.5em;
    }

    .site-introduction div > div {
        display: inline-flex;
        width: 100%;
        text-align: center;
    }

    .home_donate:before {
        font-size: 3em;
        margin: -0.25em 47%;
        object-fit: ;
    }

    .home_donate {
        background-size: 100% 90%, cover;
        background-position-x: 8em;
    }

    .home_events {
        background-size: 100% 80%;
        background-position: 10em -2em;
    }

    .home_donate .main-inner, .home_events .main-inner {
        bottom: 7em;
    }

    .home_donate .main-inner .content {
        height: 65%;
        margin: 0;
        width: 100%;
        top: 40%;
    }   

    .home_events .main-inner .content {
        height: 72%;
        margin: 0;
        width: 100%;
        top: 45%;
    }

    @media (min-width:550px) {
        .home_donate .main-inner .content {
            height: 58%;
        }
        .home_events .main-inner .content {
            height: 60%;
        }
    }

    .event_flex {
        left: 0;
        position: relative;
    }

    .home_donate .main-inner .content .headline {
        font-size: 9em;
        margin: 7% 0 2% 0;
        display: inline-block;
    }

    .home_events .main-inner .content .headline {
        font-size: 9em;
        margin: 7% 0 0 0;
        width: 100%;
        height: 85%;
    }

    .headline h3 {
        line-height: 0.75;
    }

    .home_donate .main-inner .lede {
        margin: 0.25em 0 0 0.5em;
        float: left;
        max-width: 90%;
    }

    .home_events .main-inner .lede {
        margin: 0.25em 0 0 0.25em;
        position: absolute;
        max-width: 100%;
        top: 10em;
    }

    .home_events .main-inner .buttons {
        float: left;
    }

    .home_events .main-inner .event_icons {
        top: -1em;
    }

    .home_donate .main-inner .buttons {
        margin: 0 0 1em;
        display: flex;
        max-width: 95%;
    }

    .home_donate .fade {
        background: linear-gradient(220deg, rgba(69,232,184,0) 0%, rgba(69,232,184,1) 50%);
        height: 100%;
        width: 100%;
    }

    .home_donate .fade_lores {
        background: linear-gradient(271deg, rgba(69,232,184,0) 0%, rgba(69,232,184,1) 90%)
        height: 100%;
    }

    .home_events:after {
        font-size: 3em;
        margin: -0.25em 47%;
        color: #9c2b7c;
    }

    .home_events .fade {
        background: linear-gradient(48deg, #DA0063 0%, #693E91 55%, rgb(105 62 145 / 0%) 80%);
        height: 100%;
        width: 100%;
    }

    .home_events .fade_lores {
        background: linear-gradient(71deg, #DA0063 0%, #693E91 55%, rgb(105 62 145 / 0%) 65%);
        height: 100%;
    }

    .event_flex h3 {
        margin: 0 0 0.2em;
        float: left;
    }

    .home_donate, .home_events {
        height: 500px;
    }

    @media (max-width: 550px) {
        .home_donate, .home_events {
            height: 420px;
        }
    } 

    .home_stats {
        height: 320px;
    }

    .get_involved {
        height: 125px;
        -webkit-transform: rotate(-3.5deg);
        padding: 0;
    }

    .get_involved span {
        font-size: 1.3em;
        display: inline-block;
        margin: auto 0;
        height: 100%;
        position: relative;
        padding: 25px 0;
    }

    .get_involved span > a.butbig {
        font-size: 0.9em;
        position: relative;
        margin: 0.3em 0;
        display: inline-block;
        padding: 0.65em 0.5em 0.5em 0.5em;
        height: 2.2em;
        line-height: 1;
        width: 60%;
        min-width: 300px;
        max-width: 600px;
    }

    /* max: sub 420px title tweak */

        @media (max-width:420px) {

                .get_involved span {
                    font-size: 1em;
                    padding: 29px 0;
                }

                .get_involved span > a.butbig {
                    font-size: 1.1em;
                }

        }

    .home_stats:before {
        font-size: 3em;
        margin: -0.25em 47%;
    }

    .home_stats {
        display: inline-table;
        margin: 3em 0 0;
    }

    .home_stats .main-inner {
        padding: 3em 0;
    }

    .home_stats .subhead {
        font-size: 1.5em;
    }

    .statcon {
        display: inline-block;
        margin: 2em auto 0;
    }

    .statcon .headline {
        width: 90%;
        margin: 0 0 2em;
        display: inline-block;
    }

    .stat {
        float: left;
    }

    .statcon span.tooltip {
        width: 27%;
        float: left;
        display: grid;
        margin: -0.05em 3% 0 3%;
    }

    .home_stats .figure {
        font-size: 4em;
        line-height: 0.25;
        padding: 44% 0;
    }

    @media (max-width: 550px) {
        .home_stats .figure {
            font-size: 2.5em;
        }
    }

    .home_stats .subhead {
        font-size: 1.5em;
    }

    .qtip-default .qtip-titlebar {
        font-size: 3.5em;
    }

    .qtip-content {
        line-height: 1.1;
        font-size: 1.75em;
    }

    .subscribe {
        height: 320px;
    }

    .subcontainer {
        margin: 2em auto 0;
    }

    .subscribe .subtitle {
        font-size: 2.5em;
        line-height: 1;
        margin: 0 0 0.25em 0;
    }

    @media (max-width: 550px) {
        .subscribe .subtitle {
            font-size: 2em;
        }
    }

    form[id^="mongo-form"] .BBFormContainer .BBFormFieldContainer {
        margin: 0 0 0.1em 0;
    }

    .subscribe input[type="email"] {
        width: 100% !important;
    }

    .subscribe input[type="text"] {
        width: 100% !important;
        margin: 2% 0 0 0;
    }

    .subscribe .BBFormButtonRow {
        width: 100%; 
        float: none;
        margin: 0em 0;
    }

    .subscribe form[id^="mongo-form"] input[type="submit"] {
        margin: 0.75em 0;
    }

}

.cky-consent-bar-trigger {
    position: fixed;
    right: 30px;
    padding: 10px 10px 9px 10px !important;
    border-radius: 3px;
    font-size: 11px !important;
    cursor: pointer;
    font-family: inherit;
    animation: slide-up .4s ease;
    z-index: 9997;
    margin: 5px;
    background: #b9f5e3 !important;
    color: #0636a4 !important;
    font-family: 'FS Joey Bold', sans-serif !important;
    border: none !important;
}

a.cky-banner-element {
    padding: 10px !important;
    background: #b9f5e3 !important;
    color: #0636a4 !important;
    border-radius: 5px !important;
    cursor: pointer !important;
    font-family: 'FS Joey Bold', sans-serif !important;
    border: none !important;
}

a.cky-banner-element:hover {
    background: #40d5a9 !important;
    color: #fff !important;
}

.cky-audit-table-element h5 {
    margin: 45px 0 2px 0 !important;
    font-family: 'FS Joey Bold' !important;
    font-size: 1.2em !important;
}

.cky-cookie-audit-table th {
    background-color: #b9f5e3 !important;
    border: 1px solid #96c5b7 !important;
}

.cky-cookie-audit-table th {
    font-size: 16px !important;
    font-family: 'FS Joey Bold', sans-serif !important;
}

.cky-cookie-audit-table td:first-of-type {
    font-weight: bold;
}

.cky-cookie-audit-table tr:nth-child(2n+1) td {
    background: #eef9f6 !important;
}

.cky-cookie-audit-table td, .cky-cookie-audit-table th {
    line-height: 1.2 !important;
}

.cky-cookie-audit-table tbody tr td {
    font-weight: normal !important;
}

html {
    visibility: visible;
    opacity: 1;
}