/*
Theme Name: 	Global Switchboard Digital Hub
Theme URI: 		http://
Description: 	Custom theme based on Starkers 4.0!
Version: 		1.0.1
Author: 		Andrew Twigg
Author URI: 	http://andrewtwigg.com
Tags: 			custom, starkers
*/

/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 Media queries 
===========================
*/

/* ---------------------------------------------------------------------------------------------------------- 
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@import "css/reset.css";

div,
article,
section,
header,
footer,
nav,
li					{ position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }
.group:after 		{ display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }
body 				{ background:#fff; /* Don't forget to style your body to avoid user overrides */ }
::-moz-selection 	{ background:#ff0; color:#333; }
::selection 		{ background:#ff0; color:#333; }

/* ---------------------------------------------------------------------------------------------------------- 
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*

14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)

*/

body,
input,
textarea 			{ 
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6 					{ font-weight:bold; /* This helps to identify headings at the initial build stage, but you should write something more precise later on */ }


html {
    font-family: Helvetica;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6,
p,
ul {
    margin-bottom: 1em;
}

img {
    height: auto;
    width: 100%;
}

.clear:after {
    clear: both;
    content: "";
    display: table;
}

.orange {
    color: #ec5a22 !important;
}

/* ---------------------------------------------------------------------------------------------------------- 
02b Custom CSS ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

html {
    font-family: 'Nunito', Helvetica, sans-serif;
    font-size: 12pt;
    
}

body {
    background: #f8f8f8;
}
    
h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}

    h1 {
        font-size: 2.6em;
        margin: 0 0 1em 0;
    }

    h2 {
        font-size: 2em;
        margin: 0 0 .5em 0;
    }

    h3 {
        font-size: 1.6em;
        margin: .5em 0;
    }

    h4 {
        font-size: 1.4em;
        margin: .5em 0;
    }

    h5 {
        font-size: 1.2em;
        margin: .5em 0;
    }

    h6 {
        font-size: 1em;
        margin: .5em 0;
    }

    p {
        font-family: 'Rubik', Helvetica, sans-serif;
/*        font-weight: 300;*/
        font-size: 1em;
        line-height: 1.5em;
        margin: 0 0 1.4em 0;
    }

    p.large {
        font-size: 1.2em;
    }

    a {
        color: #ec5a22;
    }

    img.icon,
    section#issuesections img.icon
    {
        display: inline-block;
        height: 16px;
        width: auto;
        border: none !important;
        vertical-align: baseline;
        position: relative;
        top:0.1em; 
    }



.clear {
    clear: both;
}

.block {
    display: block;
}

.contain {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 1em;
}
.contain::after {
    clear: both;
    content: "";
    display: table;
}

.contain_reduced {
    max-width: 600px;
    margin: 0 auto;
    padding: 0 1em;
}
.contain_reduced::after {
    clear: both;
    content: "";
    display: table;
}



/*  -------------------------------------  */
/* HEADER STUFF */
/*  -------------------------------------  */

header {
    background: #fff;
    background-repeat: no-repeat;
    background-position: center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
     padding: .4em 0 1em 0;
    border-bottom: 1px solid #eee;
    -webkit-box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.21);
    -moz-box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.21);
    box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.21);
    position: fixed;
    z-index: 7000;
    top: 0;
    left: 0;
    width: 100%;   
}



header a.logo  {
    display: block;
    float: left;
    padding: 0.8em 4% 0 0;
    margin-left: 1em;
}

header a.logo img#logo {
    display: block;
    width: auto;
    height: 1.5em;
    display: none;
}

body.home header a.logo img#logo,
img.stickyLogo {
    display: block;
    width: auto;
    height: 1.5em;
}

header nav.primary_nav {
    padding: 1em 2% 0 0;
    font-size: 0.8em;
    float: left;
    
}

    header nav a,
    header nav.primary_nav a {
        color: #fff;
        text-decoration: none;
        font-weight: 700;
        display: block;
        padding: .5em 1.15em;
        text-transform: uppercase;
    }

    header nav.primary_nav a:hover {
        color: #ec5a22;    
    }

    header nav.primary_nav ul {
        margin-bottom: 0;
    }

    
    header a#hamburger {
        display: none;
    }
    

    header nav.primary_nav ul li ul li a {
        display: block;
    }


/* CHANGE COLOR AND FORMATTING OF DIRECTORY LINK ONLY
    header nav.primary_nav ul li ul li.menu-item-152 a {
        color: #d11c29;    
        
    }
*/


    header nav.primary_nav ul ul li {
        float: left;
    }

    header nav.primary_nav ul ul li ul {
        background: #ec5a22; /* GS ORANGE */
        position: absolute;
        top: 2em;
        left: .8em;
        display: none;
        width: 200%;
        z-index: 200;
    }

    header nav.primary_nav ul ul li:hover ul {
        display: block;
    }

    header nav.primary_nav ul ul li ul li {
        text-transform: none;
        float: none;
    }

    header nav.primary_nav ul ul li ul li a {
        padding: .4em .8em;
        color: #fff;
    }
    
    header nav.primary_nav ul ul li ul li.menu-item-has-children a {
        background-image: url(images/icons/icon_arrow_more_down_buffer.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: right top;
    }  
    
    header nav.primary_nav ul ul li ul li.menu-item-has-children li a {
        background-image: none;
    }

    

    header nav.primary_nav ul ul li ul li a:hover {
        background-color: #ed1c24;
        color: #fff;
    }

    /* tertiary */

    header nav.primary_nav ul ul ul li ul {
        background: #d11c29; /* GS RED */
        position: relative;
        top: 0;
        left: 0;
/*        display: none !important;*/
/*        display: none !important;*/
        display: block !important;
        width: 100%;
        z-index: 300;
    }

/*
    header nav.primary_nav ul ul ul li:hover ul {
        display: block !important;
    }

    header nav.primary_nav ul ul ul li ~ li:hover ul {
        display: block !important;
    }
*/

    header nav.primary_nav ul ul ul li ul li {
        text-transform: none;
        float: none;
    }

    header nav.primary_nav ul ul ul li ul li a {
        font-size: 0.9em;
        font-weight: 400;
        padding: .4em .4em .4em 2em;
        color: #fff;
        border-top: 1px solid #fff;
    }
    

    header nav.primary_nav ul ul ul li ul li a:hover {
        background: #b7182c;
        color: #fff;
    }
    
    


div.searchicon {
    cursor: pointer;
    display: block;
    float: right;
    width: 1em;
    padding: 20px 1em 0 0;
}

div.searchicon img {
    display: block;
    width: 1em;
    height: auto;
}

/* Site Header Search */

header div#sitesearch{
    display: none;
}

header div#sitesearch.show {
    background: #333;
    background: rgba(0,0,0,0.8);
    display: block;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 8000;
}

header div#sitesearchBox {
    background: #000;
    color: #fff;
    display: block;
    padding: 1.5rem;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
}

header div#sitesearchClose {
    cursor: pointer;
    font-size: .8rem;
    position: absolute;
    top: -25px;
    right: 1.25rem;
    text-transform: uppercase;
}


header div#sitesearch form input#search {
    font-family: 'Nunito', sans-serif;
    font-size: 3em;
    border: 0;
    text-align: left;
    padding-left: .4em;
}



/* Header on Scroll Fixed Position AKA Sticky Nav */

.buffer {
    height: 4.4em;
    transition: 0.2s linear all;
    background: #ea7926;
}

body.home .buffer,
body.home .buffer.full{
    height: 25em !important;
    transition: 0.2s linear all;
    background: #f8f8f8;   
}



body.home header {
    background-color: #333;
}

body.home header.sticky {
    background-color: #fff;
}

header.sticky {
    background: #fff;
    box-sizing: border-box;
    position: fixed;
    width: 100%;
    z-index: 7000;
    background-image: url(https://switchboardhub.org/wp-content/themes/digitalhub/style.css?ver=5.8.9) !important;
    transition: .2s linear all;
}

    body.home img.stickyLogo, 
    body.home header.sticky a.logo img#logo, 
    body.home div.searchicon img.stickySearchicon,  
    body.home header.sticky div.searchicon img#searchicon,
    header div.searchicon img#searchicon,
    header.sticky a#hamburger img.menuwh  {
        display: none;
    }

    body.home header.sticky div.ticker h2 {
        padding: 0;
        height: 0; 
        margin-bottom: 0;
        overflow: hidden;

    }
    body.home header div.searchicon img#searchicon,
    header.sticky img.stickyLogo,
    header.sticky div.searchicon img.stickySearchicon {
        display: block;
    }

    /* nav colors */
    body.home header nav a, 
    header nav.primary_nav a,
    body.home header.sticky nav ul ul ul li a{
        color: #fff;
    }

    body.home header.sticky nav a,
    header nav a, 
    header nav.primary_nav a {
        color: #6d6e70;
    }





header h2 {
    display: none;
}

body.home header {
    margin-bottom: 2em;
}

body.home header div.ticker h2 {
    color: #fff;
    font-size: 2.4em;
    padding: 2.5em 1em 2.5em 1em;
    text-align: center;
    display: block;
    transition: .2s ease-out padding;
    margin: 0 auto;
}

body.home header div.ticker h2 div {
    display: block;
    vertical-align: bottom;
    text-align: center;
    padding: 0;
    width: 15em;
    overflow-y: hidden;
    height: 1.3em;
    margin: 0 auto;
/*    background: rgba(255,255,255,0.2);    */
    
}

body.home header div.ticker h2 span.typing {
    display: inline-block;
    padding: .1em .2em;
    background: #ec5a22;
}

body.home header div.ticker h2 .typed-cursor {
    color: orange;
}


footer {
    font-size: 0.8em;
    margin-top: 3em;
}

footer div.jumbofooter {
    background: #ec5a22;
    padding: 2.5em 0 1em 0;
    color: #fff;
}

footer div.jumbofooter img#logo_footer {
    display: block;
    float: left;
    width: 23.5%;
    padding: 0 1.5% 0 0;
}

footer div.jumbofooter div.about-footer-widget {
    width: 75%;
    float: right;
    padding-bottom: 1.5em;
}

footer div.jumbofooter div.about-footer-widget:nth-of-type(2),
footer div.jumbofooter div.about-footer-widget:nth-of-type(3) {
    width: 32.5%;
    padding-right: 5%;
}

a.footerdonatebutton {
    display: inline-block;
    color: #ec5a22 !important;
    padding: .4em .6em;
    background: #fff;
    border-radius: .2em;
    transition: .2s linear all;
}

a.footerdonatebutton:hover {
    transform: scale(1.05);
}

footer div.jumbofooter h6 {
    font-size: 1em;
    font-weight: 700;
}


footer div.jumbofooter a {
    color: #fff;
    text-decoration: none;
}

footer div.jumbofooter div.about-footer-widget img {
    width: 20px;
    margin-right: 1em;
    height: auto;
}


footer div.partners {
    background: #414042;
    padding: 2em 0;
}

footer div.partners div.partners-footer-widget {
    width: 100%;
}

footer div.partners div.partners-footer-widget h5 {
    color: #ec5a22;
}

footer div.partners div.partners-footer-widget a {
    display: block;
    float: left;
    width: 15%;
    padding: 0 1.5% 0 0;
}

footer div.partners div.partners-footer-widget a:nth-child(4n) {
    padding: 0;
}

footer div.partners div.partners-footer-widget a img {
    display: block;
    width: 100%;
    height: auto;
}

footer p.copyright {
    font-size: 0.8em;
    text-align: center;
    color: #fff;
    padding: 2em 0;
}

/***** BREADCRUMBS *****/

.breadcrumbs {
/*    background: #ec5a22;*/
    background: #ea7926;    
}

body.home .breadcrumbs {
    display: none;
}


#breadcrumbs{
    list-style:none;
    padding:10px 0;
    margin: 0;
    overflow:hidden;
    font-size: .8em;
    font-weight: 300;
    color: #FFF;
}
  
#breadcrumbs li{
    display:inline-block;
    vertical-align:middle;
    margin-right:15px;
}

#breadcrumbs a {
    color: #fff;
}
  
#breadcrumbs .separator{
    font-size: .7em;
    font-weight:100;
    color:#fff;
}

#breadcrumbs strong {
    font-weight: 400;
}

/* ---------------------------------------------------------------------------------------------------------- 
0XX Default Page ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

h2.mainheader {
    margin-top: 1em;
}

div.imagebleed {
    width: 100%;
    height: 24em;
    background-color: #555;
    background-position: center center; 
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    
}

p.description {
    font-size: 0.8em;
}


/* ---------------------------------------------------------------------------------------------------------- 
0XX Home Page ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

body.home main {
    margin-bottom: 2em;
    display: flex;
    flex-wrap: wrap;
}

body.home main a {
    text-decoration: none;
}

body.home p.viewall,
body.home a.viewall,
body.home main div.about p.viewall,
body.home main div.about a.viewall,
body.home section.storysection div.rightblock a p.viewall{
    color: #ec5a22 !important;
    font-size: 1em;
    font-size: 1rem;
}

body.home section.storysection p.viewall,
body.home section.eventsection p.viewall,
body.home section.storysection a.viewall,
body.home section.eventsection a.viewall{
    margin-top: 1em;
}

body.home main h2,
body.home section.storysection h2,
body.home section.eventsection h2 {
    width: 100%;
    color: #ec5a22;
}

body.home main div.about {
    width: 48%;
    margin-right: 2%;
    float: left;
}

body.home main div.about p {
    font-size: 1em;
    font-size: 1rem;
    line-height: 1.2em;
}

body.home section.storysection {
    margin-bottom: 2em;
    }

body.home section.storysection a {
    text-decoration: none;
}

body.home section.storysection a.leftblock {
    float: left;
    width: 48%;
    vertical-align: top;
}

body.home section.storysection a.leftblock img {
    display: block;
    width: 100%;
    height: auto;
}

body.home section.storysection div.rightblock {
    float: right;
    width: 48%;
    vertical-align: top;
    text-decoration: none;
}

body.home section.storysection div.rightblock a h3 {
/*    color: #6d6e70;*/
    color: #000;
    margin: 0 0 .4em 0;
}

body.home section.storysection div.rightblock a p {
    color: #000;
    font-size: 0.9em;
    line-height: 1.4em;
}

body.home section.storysection a.rightblock p.hover:hover {
    text-decoration: underline;
}

body.home section.eventsection {
    margin-bottom: 2em;
}

body.home section.eventsection a {
    text-decoration: none;
}


body.home section.eventsection > section {
    display: block;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

body.home section.eventsection h2 {
    width: 100%;
}

body.home section.eventsection a.eventbox {
    background: #0066b1;
    width: 19%;
    float: left;
    margin: 0 3% 0 0;
    color: #fff;
    text-decoration: none;
    transition: .3s linear all;
    padding: 1.5%;
    
}

body.home section.eventsection a.eventbox:hover {
    background: #0079c4;
}

body.home section.eventsection a.eventbox h5 {
/*    min-height: 2.4em;*/
    line-height: 1.2em;
}


body.home section.eventsection a.eventbox p {
    font-size: 0.75em;
    line-height: 1.2em;
}

body.home section.eventsection a.eventbox p.dateinfo,
body.home section.eventsection a.eventbox p.eventexcerpt {
/*    min-height: 4.8em;*/
}



/* ---------------------------------------------------------------------------------------------------------- 
0XX Portals on home and on main portals page Styles ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

.portalgroup {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    
}

a.mainportaltile {
    display: block;
    width: 19%;
    min-height: 8em;
    margin-right: 2%;
    margin-bottom: 2%;
    padding: 2% 2% 0 2%;
    float: left;
    background-color: #555;
    background-position: center center; 
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    text-decoration: none;
    color: #fff;
}

a.mainportaltile:nth-of-type(3) {
    background: #ec5a22;    
}

a.mainportaltile:nth-of-type(3):hover {
    background: #FF6C34;    
}

a.mainportaltile:nth-of-type(4) {
    background: #0066b1;    
}

a.mainportaltile:nth-of-type(4):hover {
    background: #0787E5;    
}
/*    overrides the orange tint of the tile overlay */
    a.mainportaltile:nth-of-type(4):hover div.overlay {
        background: #3EADFF;
    }


a.mainportaltile h5 {
    margin-top: 0;
    min-height: 2.4em;
    line-height: 1.2em;
    position: relative;
    z-index: 100;    
}

a.mainportaltile p {
    font-size: 0.8em;
    line-height: 1.2em;
    position: relative;
    z-index: 100;
}


/* ---------------------------------------------------------------------------------------------------------- 
0XX Single-Record.php, Single-event.php, Single-resource.php Styles ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

section#record-info h2 {
    color: #ec5a22;
    margin-top: 1em;
}

section#record-info h2 span{
    font-size: .75em;
    color: #606060;
}

.record-content-left {
    box-sizing: border-box;
    float: left;
    width: 34.5%;
}

.record-content-left small {
    display: block;
    font-size: 0.7em;
    padding: .7em 0 1.2em 0;
}

.record-content-left a {
    color: #000;
    text-decoration: none;
}

a.resourcelink {
    display: block;
}


body.single-event .record-content-left a {
    color: #ec5a22;
    text-decoration: none;
}

.record-content-left a:hover {
    color: #ec5a22;
    text-decoration: underline;
}

div.record-contact {
    background: #dcddde;
    padding: 1em 1em .4em 1em;
}

div.record-contact span.iconbox {
    display: block;
    width: 2.2em;
    float: left;
}


div.record-contact img.icon {
    position: relative;
    top: 0.1em;
    height: 1em !important;
    width: auto !important;
}

div.record-contact h6 {
    font-size: 1em;
    color: #6d6e70;
    padding-bottom: 0;
}

div.record-contact h6:nth-of-type(2) {
    padding-top: 1em;
    border-top: 1px solid #939598;
}

div.record-contact > * {
    padding-bottom: .6em;
    font-size: 0.8em;
}

body.single-event div.record-contact > * {
    padding-bottom: 0;
}

body.single-event div.record-contact div.calendar,
body.single-event div.record-contact div.record-address,
body.single-event div.record-contact div.record-links {
    padding-bottom: .6em;
}



div.calendar img.icon {
    display: inline-block;
    vertical-align: baseline;
    position: relative;
    top: 1px;
}

body.calendar-search section#issuesections {
    margin-top: 0;
}

body.calendar-search section#issuesections h2 {
/*    color: #ec5a22;*/
}

div.record-contact div.record-links,
div.record-contact div.record-links * {
    padding-bottom: 0;
}

body.resource-template-default div.record-contact {
    margin-top: 1em;
}



ul.socialicons li {
    display: inline-block;
    
}

ul.socialicons li a {
    display: block;
    color: #ec5a22;
    padding-right: 0.2em;
}

ul.socialicons li a:hover {
    color: #da2005;
}

.record-content-right {
    box-sizing: border-box;
    float: right;
    width: 60%;
}

.record-content-right h4.excerpt {
    margin-top: 0;
}

.record-content-right ul { 
    font-family: 'Rubik';
/*    font-weight: 300;*/
    list-style-type: disc; 
    list-style-position: inside; 
}

.record-content-right ul li {
    display: list-item;
    list-style-position: inside; 
    list-style: disc;
    margin-left: 1em;
}

.record-content-right .acf-input ul li {
    list-style: none;
}

.record-content-right ol,
.contain ol { 
   list-style-type: decimal; 
   list-style-position: inside; 
}

.record-content-right ol li,
.contain ol li{
    display: list-item;
    list-style-type: decimal;
    list-style-position: inside; 
    margin-left: 1em;
}



.record-content-center {
    box-sizing: border-box;
    width: 60%;
    margin: 0 auto;
}

.record-links ul {
    font-family: 'Rubik';
/*    font-weight: 300;*/
    list-style-type: none;
    padding: 0;
}
.record-links li {
    display: inline-block;
    padding-right: .5rem;
}

section#affiliations {
    padding: 2em 0 3em 0;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

section#affiliations h3 {
    color: #ec5a22;
    width: 100%;
}


section#affiliations a.affBox {
    color: #fff;
    text-decoration: none;
    background: #6d6e70 !important;
    min-height: 200px;
    width: 20%;
    float: left;
    margin-right: 2%;
    margin-bottom: 1em;
    display: block;
    padding: 1.5%;
    font-size: 0.8em;
    transition: background .3s ease-in-out;
}

section#affiliations a.affBox:nth-of-type(2n) {
    background: #939598 !important;
}

section#affiliations a.affBox:nth-of-type(4n) {
    margin-right: 0;
    position: relative;
}


section#affiliations a.affBox:hover {
    background: #ec5a22 !important;
    transition: background .1s ease-in-out;
}

div.affBox h5 {
padding-right: 2em;
}

div.affBox p {
/*
    height: 5em;
    max-height: 5em;
    overflow: hidden;
*/
}

div.affBox img.icon {
    position: absolute;
    top: 1.85em;
    right: 1em;
    height: 14px;
}


.leftcolsmall {
    width: 22%;
    float: left;
    margin-top: 1em;
}

.rightcollarge {
    width: 74%;
    float: right;
    margin-top: 1em;
}


/* ---------------------------------------------------------------------------------------------------------- 
INDEX.PHP (STORY/BLOG) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

body.story-corner div.articles {
    display: flex;
    flex-wrap: wrap;
}

body.story-corner .contain > h2 {
    margin-top: 1em;
}

body.story-corner article {
    float: left;
    width: 30%;
    margin: 0 3% 3% 0;
    transition: 0.2s linear all;
}

body.story-corner article img {
    width: 100%;
    height: auto;
    display: block;
}

body.story-corner article:hover {
    transform: scale(1.05);
}

body.story-corner article a {
    display: block;
    text-decoration: none;
    color: #fff;
    background: #333;
    background: rgba(0,0,0,0);
}

body.story-corner article a div.blogtext {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 1em;
    box-sizing: border-box;
    transition: 0.2s linear all;
    background: rgba(0,0,0,0.4);
}

body.story-corner article:hover a div.blogtext  {
    display: block;
    opacity: 1;
    background: rgba(0,0,0,0.6);
}

body.story-corner article a div.blogtext h2 {
    font-size: 1em;
    margin-bottom: 0.2em;
    font-weight: 400;
}

body.story-corner article a div.blogtext p {
    font-size: 0.7em;
    font-weight: 300;
    margin-bottom: 0;
}

/* ---------------------------------------------------------------------------------------------------------- 
SINGLE.PHP (STORY/BLOG) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

body.post-template-default img.masthead {
    margin-bottom: 3em;
}

body.post-template-default time {
    color: #444;
    font-size: 0.8em;
    margin-bottom: 1.25em;
    display: block;   
}


body.post-template-default div.leftcolsmall h3 {
    color: #ec5a22; 
}

body.post-template-default article {
    float: none;
    width: 100%;
    margin: 0 1.5% 8% 1.5%;
    transition: 0.2s linear all;
}

/*
body.post-template-default article img {
    width: 100%;
    height: auto;
    display: block;
}
*/

body.post-template-default article a {
    display: block;
    text-decoration: none;
    color: #fff;
    background: #6d6e70;
    transition: 0.2s linear all;
}

body.post-template-default article:hover a {
    background: #ec5a22 !important;
}


body.post-template-default article a div.blogtext {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 1em;
    box-sizing: border-box;
}



body.post-template-default article a div.blogtext h4 {
    font-size: .7em;
    margin-top: 0;
    margin-bottom: 0.2em;
    font-weight: 400;
    
}

body.post-template-default article a div.blogtext p {
    font-size: 0.5em;
    font-weight: 300;
    margin-bottom: 0;
}

body.post-template-default h2 {
    color: #ec5a22;
}




/* ---------------------------------------------------------------------------------------------------------- 
XX PUBLIC DIRECTORY CREATION FORM PAGE ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

body.page-template-page-create-record div.contain div.record-content-right,
body.page-template-page-create-event div.contain div.record-content-right {
    margin: 2em auto 3em auto;
    float: none;
}


/*record*/

body.page-template-page-create-record .acf-field--post-title .acf-label:after {
content: "For people, please include your full name (first and last). For organizations and projects, please include your organization or project name as you would like it displayed on the website.";
    font-size: 0.8em;
}

body.page-template-page-create-record .acf-field--post-content .acf-label:after {
content: "Please write 3-10 sentences about yourself, your organization or your project. For people, include things like professional experience, important projects, and any other information you would like to have displayed on your profile. For organizations or projects, include things like your mission, important projects, and any other information you would like to have displayed on your profile.  Write in the third person.";
    font-size: 0.8em;
}

/*event*/

body.page-template-page-create-event .acf-field--post-title .acf-label:after {
content: "Please provide the title of the event.";
    font-size: 0.8em;
}

body.page-template-page-create-event .acf-field--post-content .acf-label:after {
content: "Describe the event. What should attendees expect? Who is invited? Provide as much detail as you would like. Write in the third person.";
    font-size: 0.8em;
}

.fe_acf_hide {
display: none;
}

/*opportunity*/

/*
body.create-opportunity .acf-field--post-title acf-label:after {
content: "Describe the opportunity. What should attendees expect? Who is invited? Provide as much detail as you would like. Write in the third person.";
}


body.create-opportunity .acf-field--post-content .acf-label:after {
content: "Describe the event or opportunity. What should attendees expect? Who is invited? Provide as much detail as you would like. Write in the third person.";

}
*/





/* ---------------------------------------------------------------------------------------------------------- 
XX DIRECTORY PAGE ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */




body.page-template-page-directory div.records, div.records-results {
    width: 75%;
    float: right;
    margin-top: 2em;
}

body.page-template-page-directory div.records a,
ul.directorygroup a {
    color: #6d6e70;
    font-size: 1em;
    text-decoration: none;
}

body.page-template-page-directory div.records h4 {
    color: #ec5a22;
}




ul.directorygroup h4 {
    color: #6d6e70;
}

body.directory-search h3 {
    color: #ec5a22;
}

ul.directorygroup {
    padding: 1em 0;
}


ul.directorygroup li {

    padding: 0 3.3% 0 0;
    
    margin-bottom: 2em;
/* UNTIL IMAGE ISSUE IS RESOLVED */
    /*    width: 30%;*/
/*    float: left;*/
    width:28%;
    width:28%;
    display: inline-block;
    vertical-align: top;
    
}

ul.directorygroup li.heading {
    width: 100%;
    padding: 0;
    float: none;
    margin-bottom: 2em;     
}

ul.directorygroup li img {
    width: 100%;
    height: auto;
    border: 1px solid #eee;
}


ul.directorygroup li h4 {
    font-size: 1em;
}

ul.directorygroup li h4 span {
    font-size: 0.85em;
}

a.recordgroup {
    display: block;
    padding-bottom: 1.75em;
    margin-bottom: 2em;
    border-bottom: 1px solid #aaa;
    font-weight: 300;
    color: #ec5a22 !important;
}

body.page-template-page-directory div.recordsearch, 
body.page-template-default div.recordsearch,
div.recordsearch,
div.sponsored_ad{
    width: 18.5%;
    padding: 0 6.5% 0 0;
    float: left;
    font-size: 0.8em;
    margin-top: 2em;
}

div.sponsored_ad a {
    display: block;
}

div.sponsored_ad a img {
    display: block;
    width: 100%;
    height: auto;
}

div.sponsored_ad a img.square {
    display: none;
}


div.recordsearch.eventsearch {
width: 100%;
/*max-width: 180px;*/
/*max-width: 180px;*/
}

div.recordsearch.eventsearch #start-date,
div.recordsearch.eventsearch #end-date
{
    font-family: 'Nunito';
    max-width: 100%;
}


div.recordsearch form {
    background: #dcddde;
    padding: 1em;
    overflow-x: hidden;
}

div.recordsearch h5 {
    margin-bottom: 0.2em;
    color: #ec5a22;
    font-size: 1.1em;
}

div.recordsearch h5.topics {
    display: block;
    margin-top: 1em;
    font-size: 1.1em;
}

div.recordsearch fieldset {
    margin-bottom: 0.4em;
    margin-left: 1.2em;
    text-indent: -1.2em;
    color: #231f20;
    font-weight: 300;
}

div.recordsearch form input#recordsearchfield {
    margin-top: 1em;
    padding-left: .6em;  
    display: block;
    font-family: 'Nunito';
    font-weight: 400;
    max-width: 95%;
}

div.recordsearch form input#recordsubmit, 
form#acf-form input[type=submit],
div.recordsearch form button#recordsubmit,
#sitesearch #sitesearchSubmit,
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
    font-family: 'Nunito', sans-serif;
    font-size: 1em;
    line-height: 1em;
    margin-top: 1em;
    background: #ec5a22;
    color: #fff;
    border: 0;
    padding: .4em;
    display: block;
    width: 100%;
    text-transform: uppercase;
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
    width: auto;
    padding: .6em;
}


div.records-results div.heading {
    display: block;
    clear: both;
}

/* ---------------------------------------------------------------------------------------------------------- 
PORTAL PAGE ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */


div.leftcolsmall h2 {
    font-size: 1.4em;
    padding-bottom: .4em;
    color: #ec5a22;
    border-bottom: 1px solid #aaa;
    margin-bottom: .7em;
}

div.leftcolsmall a {
    color: #ec5a22;
}

div.leftcolsmall ul {
    font-family: 'Rubik';
/*    font-weight: 300;*/
    margin-bottom: 2.5em;
}

div.leftcolsmall ul li a {
    font-weight: 700;
    text-decoration: none;
    margin: 0 0 .6em 0;
    display: block;
}

div.directorycta {
    padding: 0;
    font-size: 0.75em;
    color: #555;
}


div.opportunitiescta{
    background: #ec5a22;
    padding: 1em;
    font-size: 0.8em;
    color: #555;
}


div.directorycta p {
    margin-bottom: 1em;
}
div.opportunitiescta p {
    margin-bottom: 0;
}

div.opportunitiescta p {
    text-align: center;
    text-transform: uppercase;
}

div.directorycta a {
    color: #ec5a22;
    font-weight: 700;
    text-decoration: underline;
}



div.opportunitiescta a{
    color: #fff;
    font-weight: 700;
    text-decoration: underline;
}

section#issuesections {
    margin-top: 1.4em;
}

section#issuesections > section {
    margin-bottom: 1.4em;
    border-bottom: 1px solid #aaa;
}


section#issuesections h4{
    color: #ec5a22;
/*    text-transform: uppercase;*/
    font-size: 1.4em;
}

section#issuesections img {
    border: 1px solid #eee;
    display: block;
    box-sizing: border-box;
}

/*
section#issuesections section > a.portaltile {
    text-decoration: none;
    color: #000;
    width: 45%;
    display: inline-block;
    vertical-align: top;
    margin: 0 4% 1.4em 0;
}
*/

a.portaltile,
section#issuesections section > a.portaltile {
    text-decoration: none;
    color: #000;
    width: 30%;
    display: inline-block;
    vertical-align: top;
    margin: 0 2% 1.4em 0;
}


/*
section#issuesections section > a.portaltile:nth-of-type(4) {
    display: none;
}
*/


a.portaltile div.textinfo,
section#issuesections section > a.portaltile div.textinfo{
    position: relative;
}

a.portaltile div.textinfo img.icon,
section#issuesections section > a.portaltile div.textinfo img.icon {
    position: absolute;
    top: 4px;
    right: 0;
    
}

/*
section#issuesections section > a.eventtile {
    text-decoration: none;
    color: #000;
    width: 45%;
    display: inline-block;
    vertical-align: top;
    margin: 0 4% 1.4em 0;
}
*/

section#issuesections section > a.eventtile {
    text-decoration: none;
    color: #000;
    width: 30%;
    display: inline-block;
    vertical-align: top;
    margin: 0 2% 1.4em 0;
}

section#issuesections section > a.eventtile div.textinfo {
    position: relative;
}

section#issuesections section > a.eventtile div.textinfo span.dateinfo {
    display: block;
    font-size: 0.8em;
    color: #ec5a22 !important; 
    margin-top: 0.4em;
    line-height: 1.2em;
}

section#issuesections section > a.eventtile div.textinfo img.icon {
    display: inline-block;
    vertical-align: baseline;
    position: relative;
    height: 13px;
    
}



/*
section#issuesections a h5 {
    color: #6d6e70;
    font-size: 1.1em;
    min-height: 3em;
    padding-right: 2em;   
    text-transform: uppercase;
}

section#issuesections a p {
    min-height: 5em;
} 
*/


section#issuesections a h5,
div.directorygroup a h5{
    color: #6d6e70;
    font-size: 1em;
    min-height: 3em;
    padding-right: 2em;   
/*    text-transform: uppercase;*/
}

section#issuesections a h5 span,
div.directorygroup a h5 span {
    font-size: 0.85em;
}


section#issuesections a p,
div.directorygroup a p{
    font-size: 0.9em;
    min-height: 3em;
} 

.recordBox {
    width: 100%;  
    display: block;
}

a.full_link {
    display: block;
    margin: .5em 0 2em 0;
    color: #ec5a22;
    text-decoration: none;
    font-weight: 300;
}

a.full_link:hover {
    text-decoration: underline;
}

div.imagebox {
    width: 100%;
    height: auto;
    position: relative;
}

div.imagebox img {
    width: 100%;
    height: auto;
}

div.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ec5a22;
    opacity: 0;
    transition: 0.4s linear all;
}

a.mainportaltile:hover div.overlay,
a.portaltile:hover div.overlay {
    opacity: 0.4;
    transition: 0.2s linear all;
}

/* ---------------------------------------------------------------------------------------------------------- 
HELP DESK PAGE ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

.faq_question {
    cursor: pointer;
    color: #ec5a22;
    transition: .2s linear all;
}

.faq_question:hover {
    color: #d11c29;
}


/* ---------------------------------------------------------------------------------------------------------- 
Create Events ACF CSS Fix ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

div.acf-ui-datepicker {
    position: static;
}


/* 
PAYPAL FORM  
*/

form.paypalform {
    background: #fff;
    border: 1px solid #ccc;
    padding: 1em;
}
form.paypalform h3 {
    color: #ec5a22;
}

form.paypalform select,
form.paypalform input{
    margin-bottom: 1em;
}

form.paypalform p {
    margin: 0;
}

form.paypalform img {
    width: 1px !important;
    height: 1px !important;
}




/* ---------------------------------------------------------------------------------------------------------- 
03 Media queries (using a desktop-first approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@media screen and (max-width:1180px) {
    
    .buffer {
        height: 6.5em;
    }
    
    body.home .buffer,
    body.home .buffer.full{
        height: 26.5em !important;
        
    }
    
    

}

@media screen and (max-width:900px) {
    
    body.home .buffer,
    body.home .buffer.full{
        height: 28em !important;
        
    }
}

@media screen and (max-width:840px) {
    
    .buffer {
        height: 4em;
    }
    
    body.home .buffer,
    body.home .buffer.full{
        height: 25em !important;
        
    }
    
    header a#hamburger {
        display: block;
        float: right;
        height: 1em;
        padding: 1em 1em 0 0;
        text-decoration: none;
        font-weight: 700;
    }
    
    header a#hamburger img {
        display: inline-block;
        height: .8em;
        width: auto;
        margin-right: .5em;
    }
    
    a#hamburger img.menugr {
        display: none;
        float: none;
    }
    a#hamburger img.menuwh, header.sticky a#hamburger img.menugr {
        display: inline-block;
    }
    
    header nav.primary_nav {
        float: none;
        clear: both;
        width: 100%;
        display: none;
        padding: 1em 0 0 0;
    }
    
    header nav.primary_nav.show {
        display: block;
        clear: both;
        width: 100%;
        height: auto;
    }
    
    header nav.primary_nav ul {
        width: 100%;
        float: none;
        clear:both;
        top: 0;
        left: 0;
    }
    
    header nav.primary_nav ul li {
        display: block;
        position: relative;
        background: #fff;
        top: 0;
        left: 0;
    }
    
    header nav.primary_nav ul li ul {
        display: block;
        width: 100%;
        padding: 0;
        position: relative;
        top: 0;
        left: 0;
    }  
    
    header nav.primary_nav ul li:hover ul {
        display: block;
        top: 0;
        width: 100%;
        padding: 0;
    } 
    
    header nav.primary_nav ul li ul li {
        float: none;
        width: 100%;
        padding: 0;
        display: block;
        position: static;
    }
    
    
    header nav.primary_nav ul li ul li a {
        background: #333;
    }
    
    
    
    header nav.primary_nav ul li ul li ul {
        display: block;
        position: relative;
        float: none;
        width: 100%;
        padding: 0;
        top: 0;
        left: 0;
    }
    
    header nav.primary_nav ul li ul li:hover ul {
        display: block;
        position: static;
    }
    
    header nav.primary_nav ul li ul li ul li ul {
        display: block;
        float: none;
        position: relative;
        width: 100%;
        padding: 0;
        top: 0;
        left: 0;
    }
    
    header nav.primary_nav ul li ul li ul li:hover ul {
        display: block;
        width: 100%;
        padding: 0;
        
    }
    
    header nav.primary_nav ul li ul li ul li a {
        font-weight: 300;
        padding-left: 2em;
    }
    
    
    header nav.primary_nav ul li ul li ul li a:hover {
        background: #333;
        color: #ec5a22;
    }
    
    
    body.home main div.about {
        width: 100%;
        margin-right: 0;
        float: none;
    }
    
    a.mainportaltile {
        display: block;
        width: 44%;
/*        min-height: 8em;*/
/*        margin-right: 2%;*/
/*        margin-bottom: 2%;*/
/*        padding: 2% 2% 0 2%;*/
/*        float: none;*/
/*
        background-color: #555;
        background-position: center center; 
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        position: relative;
        text-decoration: none;
        color: #fff;
        */
    }
    
    body.home section.eventsection a.eventbox {
/*        background: #0066b1;*/
        width: 44%;
/*        float: left;*/
        margin: 0 3% 3% 0;
/*        color: #fff;*/
/*        text-decoration: none;*/
/*        transition: .3s linear all;*/
/*        padding: 1.5%;*/

    }
    
}
    

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


/*
    section#issuesections section > a.portaltile {
        width: 95%;
        margin: 0 5% 1.4em 0;
    }	
*/

     
/*
    section#issuesections section > a.portaltile .imagebox {
        width: 45%;
        padding: 0;
        float: left;
    }
   
    section#issuesections section > a.portaltile .textinfo {
        width: 45%;
        padding: 0 5%;
        float: right;
    }
    
    section#issuesections section > a.portaltile .textinfo h5 {
        margin-top: 0;
    }
*/

    body.home section.storysection a.leftblock {
        float: none;
        width: 100%;
/*        vertical-align: top;*/
    }
    
    body.home section.storysection a.rightblock {
        float: none;
        width: 100%;
/*        vertical-align: top;*/
/*        text-decoration: none;*/
    }
    
    footer div.partners div.partners-footer-widget a {
/*
        display: block;
        float: left;
*/
        width: 30%;
        padding: 0 3% 3% 0;
    }
    
    div.imagebleed {
/*        width: 100%;*/
        height: 16em;
/*
        background-color: #555;
        background-position: center center; 
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
*/

    }
    

}

@media screen and (max-width:650px) {
    
    body.home .buffer,
    body.home .buffer.full{
        height: 24em !important;
        
    }
    
    footer div.jumbofooter img#logo_footer {
/*        display: block;*/
        float: none;
        width: 100%;
        max-width: 325px; 
        padding: 0 0 1em 0;
    }
    
    footer div.jumbofooter div.about-footer-widget {
        width: 100%;
        float: none;
        padding-bottom: 1.5em;
        }
    
    footer div.jumbofooter div.about-footer-widget:nth-of-type(2),
    footer div.jumbofooter div.about-footer-widget:nth-of-type(3) {
        width: 45%;
        padding-right: 5%;
    }
    
    
    
    footer div.partners div.partners-footer-widget a {
/*
        display: block;
        float: left;
*/
        width: 47%;
        padding: 0 3% 0 0;
    }
    
    
    body.page-template-page-directory div.recordsearch, body.page-template-default div.recordsearch, div.recordsearch, div.sponsored_ad {
        width: 100%;
        padding: 0;
        float: none;
        overflow-x: auto;
/*
        font-size: 0.8em;
        margin-top: 2em;
*/
    }
    
    div.sponsored_ad a img.tower {
        display: none;
    }
    
    div.sponsored_ad a img.square {
    display: block;
}
    
    
    
    body.page-template-page-directory div.records, div.records-results {
        width: 100%;
        float: none;
/*        margin-top: 2em;*/
    }
    
    
    .record-content-left,
    .leftcolsmall {
/*        box-sizing: border-box;*/
        float: none;
        width: 100%;
        margin-bottom: 2em;
    }
    
    .record-content-right,
    .rightcollarge {
/*        box-sizing: border-box;*/
        float: none;
        width: 100%;
    }
    
    
    
    a.portaltile,
    section#issuesections section > a.portaltile,
    section#issuesections section > a.eventtile
    {
        display: inline-block;
        width: 45%;
        margin: 0 3% 1.4em 0;
    }
    
    div.formgroup {
        width: 29%;
        margin-right: 3%;
        display: inline-block;
        vertical-align: top;
    }
        
    .formgroup h5 {
        display: block;
        margin-top: 0 !important;
        font-size: 1.1em;
    }
    
    #recordsearchfield {
        clear: both;
    }
    
    body.story-corner article {
    /*    float: left;*/
        width: 47%;
    /*
        margin: 0 3% 3% 0;
        transition: 0.2s linear all;
    */
    }
    
    section#affiliations a.affBox {
/*
        background: #6d6e70 !important;
        min-height: 200px;
*/
        width: 41.5%;
    
/*      float: left;*/
        margin-right: 5%;
/*      margin-bottom: 1em;*/
/*      display: block;*/
        padding: 3%;
/*      font-size: 0.8em;*/
/*      transition: background .3s ease-in-out;*/
    }
    
    section#affiliations a.affBox:nth-of-type(2n) {
/*        background: #939598 !important;*/
        margin-right: 0;
    }

    
}

@media screen and (max-width:525px) {
    body.home .buffer,
    body.home .buffer.full{
        height: 32em !important;    
    }
    
}

@media screen and (max-width:450px) {
    
    header a.logo  {
        margin-bottom: 1em;
    }
    
    body.home main div.about {
        width: 100%;
        margin-right: 0;
        float: none;
    }
    
    a.mainportaltile {
        display: block;
        width: 96%;
/*        min-height: 8em;*/
        margin-right: 0;
/*        margin-bottom: 2%;*/
/*        padding: 2% 2% 0 2%;*/
        float: none;
/*
        background-color: #555;
        background-position: center center; 
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        position: relative;
        text-decoration: none;
        color: #fff;
        */
        }  
    
    body.home section.eventsection a.eventbox {
/*        background: #0066b1;*/
        width: 94%;
        float: none;
        margin: 0 0 3% 0;
/*        color: #fff;*/
/*        text-decoration: none;*/
/*        transition: .3s linear all;*/
        padding: 3%;

    }
    
    footer div.partners div.partners-footer-widget a {
/*
        display: block;
        float: left;
*/
        width: 100%;
        padding: 0 0 3% 0;
    }
    
    a.portaltile,
    section#issuesections section > a.portaltile,
    section#issuesections section > a.eventtile
    {
        display: block;
        width: 100%;
        margin: 0 0 1.4em 0;
    }
    
    section#issuesections a h5, div.directorygroup a h5 {
        min-height: initial;
    }
    
    body.story-corner article {
    /*    float: left;*/
        width: 100%;
        margin: 0 0 3% 0;
/*        transition: 0.2s linear all;*/
    
    }
    
    div.imagebleed {
/*        width: 100%;*/
        height: 12em;
/*
        background-color: #555;
        background-position: center center; 
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
*/

    }
    
    
    section#affiliations a.affBox {
/*
        background: #6d6e70 !important;
        min-height: 200px;
*/
        width: 90%;
    
        float: none;
        margin-right: 0;
/*      margin-bottom: 1em;*/
/*      display: block;*/
        padding: 5%;
/*      font-size: 0.8em;*/
/*      transition: background .3s ease-in-out;*/
    }

					

}