/*
Theme Name: NSquare 2021 Wordpress Theme
Theme URI: http://www.nsquarecollaborative.org
Author: PixelNation
Author URI: https://www.pixelnation.agency
Description: 2021 Wordpress Theme for NSquare
Version: 3.0.0
*/

/**
 * @license
 * MyFonts Webfont Build ID 2995063, 2015-03-20T15:09:54-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: FF DIN Web Italic by FontFont
 * URL: http://www.myfonts.com/fonts/fontfont/ff-din/ot-regular-italic/
 *
 * Webfont: FF DIN Web Bold by FontFont
 * URL: http://www.myfonts.com/fonts/fontfont/ff-din/ot-bold/
 *
 * Webfont: FF DIN Web Medium by FontFont
 * URL: http://www.myfonts.com/fonts/fontfont/ff-din/ot-medium/
 *
 * Webfont: FF DIN Web by FontFont
 * URL: http://www.myfonts.com/fonts/fontfont/ff-din/ot-regular/
 *
 * Webfont: FF DIN Web Bold Italic by FontFont
 * URL: http://www.myfonts.com/fonts/fontfont/ff-din/ot-bold-italic/
 *
 * Webfont: FF DIN Web Medium Italic by FontFont
 * URL: http://www.myfonts.com/fonts/fontfont/ff-din/ot-medium-italic/
 *
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2995063
 * Licensed pageviews: 500,000
 * Webfonts copyright: 2009 Albert-Jan Pool published by FSI FontShop International GmbH
 *
 * © 2015 MyFonts Inc
*/

/**
 * @license
 * MyFonts Webfont Build ID 3596904, 2018-06-14T17:41:00-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: FF DIN Web Pro Black by FontFont
 * URL: https://www.myfonts.com/fonts/fontfont/ff-din/pro-black/
 *
 * Webfont: FF DIN Web Pro Black Italic by FontFont
 * URL: https://www.myfonts.com/fonts/fontfont/ff-din/pro-black-italic/
 *
 *
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3596904
 * Licensed pageviews: 50,000
 * Webfonts copyright: 2005 Albert-Jan Pool published by FSI FontShop International GmbH
 *
 * © 2018 MyFonts Inc
*/

/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/36e268");

@font-face {font-family: 'FFDINWebProBlack';src: url('assets/fonts/36E268_0_0.eot');src: url('assets/fonts/36E268_0_0.eot?#iefix') format('embedded-opentype'),url('assets/fonts/36E268_0_0.woff2') format('woff2'),url('assets/fonts/36E268_0_0.woff') format('woff'),url('assets/fonts/36E268_0_0.ttf') format('truetype');}
@font-face {font-family: 'FFDINWebProBlackItalic';src: url('assets/fonts/36E268_1_0.eot');src: url('assets/fonts/36E268_1_0.eot?#iefix') format('embedded-opentype'),url('assets/fonts/36E268_1_0.woff2') format('woff2'),url('assets/fonts/36E268_1_0.woff') format('woff'),url('assets/fonts/36E268_1_0.ttf') format('truetype');}
@font-face {font-family: 'FFDINWebItalic';src: url('assets/fonts/2DB377_0_0.eot');src: url('assets/fonts/2DB377_0_0.eot?#iefix') format('embedded-opentype'),url('assets/fonts/2DB377_0_0.woff2') format('woff2'),url('assets/fonts/2DB377_0_0.woff') format('woff'),url('assets/fonts/2DB377_0_0.ttf') format('truetype');}
@font-face {font-family: 'FFDINWebBold';src: url('assets/fonts/2DB377_1_0.eot');src: url('assets/fonts/2DB377_1_0.eot?#iefix') format('embedded-opentype'),url('assets/fonts/2DB377_1_0.woff2') format('woff2'),url('assets/fonts/2DB377_1_0.woff') format('woff'),url('assets/fonts/2DB377_1_0.ttf') format('truetype');}
@font-face {font-family: 'FFDINWebMedium';src: url('assets/fonts/2DB377_2_0.eot');src: url('assets/fonts/2DB377_2_0.eot?#iefix') format('embedded-opentype'),url('assets/fonts/2DB377_2_0.woff2') format('woff2'),url('assets/fonts/2DB377_2_0.woff') format('woff'),url('assets/fonts/2DB377_2_0.ttf') format('truetype');}
@font-face {font-family: 'FFDINWeb';src: url('assets/fonts/2DB377_3_0.eot');src: url('assets/fonts/2DB377_3_0.eot?#iefix') format('embedded-opentype'),url('assets/fonts/2DB377_3_0.woff2') format('woff2'),url('assets/fonts/2DB377_3_0.woff') format('woff'),url('assets/fonts/2DB377_3_0.ttf') format('truetype');}
@font-face {font-family: 'FFDINWebBoldItalic';src: url('assets/fonts/2DB377_4_0.eot');src: url('assets/fonts/2DB377_4_0.eot?#iefix') format('embedded-opentype'),url('assets/fonts/2DB377_4_0.woff2') format('woff2'),url('assets/fonts/2DB377_4_0.woff') format('woff'),url('assets/fonts/2DB377_4_0.ttf') format('truetype');}
@font-face {font-family: 'FFDINWebMediumItalic';src: url('assets/fonts/2DB377_5_0.eot');src: url('assets/fonts/2DB377_5_0.eot?#iefix') format('embedded-opentype'),url('assets/fonts/2DB377_5_0.woff2') format('woff2'),url('assets/fonts/2DB377_5_0.woff') format('woff'),url('assets/fonts/2DB377_5_0.ttf') format('truetype');}

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Forms
6.0 Formatting
7.0 Lists
8.0 Tables
9.0 Links
10.0 Columns
11.0 Header
12.0 Layout
   12.1 Header
   12.2 Front Page
   12.3 Regular Content
   12.4 Posts
   12.5 Pages
   12.6 Footer
130 Sidebar
14.0 Footer
15.0 SVGs Fallbacks
16.0 Media Queries
17.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

html{font-size:medium;font-family:'FFDINWeb',Helvetica,Arial,sans-serif;line-height:1;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}article,aside,footer,header,nav,section{display:block;}h1{font-size:2em;margin:0.67em 0;}figcaption,figure,main{display:block;}figure{margin:1em 0;}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;-webkit-text-decoration-skip:objects;}a:active,a:hover{outline-width:0;}abbr[title]{border-bottom:1px #767676 dotted;text-decoration:none;}b,strong{font-weight:inherit;}b,strong{font-weight:700;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}dfn{font-style:italic;}mark{background-color:#eee;color:#222;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}audio,video{display:inline-block;}audio:not([controls]){display:none;height:0;}img{border-style:none;}svg:not(:root){overflow:hidden;}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,html[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{border:1px solid #bbb;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{display:inline-block;vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details,menu{display:block;}summary{display:list-item;}canvas{display:inline-block;}template{display:none;}[hidden]{display:none;}
html, body { height: 100%; }

/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */
.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important;/*Manyscreenreaderandbrowsercombinationsannouncebrokenwordsastheywouldappearvisually.*/}.screen-reader-text:focus{background-color:#f1f1f1;-webkit-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 0 2px 2px rgba(0,0,0,0.6);box-shadow:0 0 2px 2px rgba(0,0,0,0.6);clip:auto!important;color:#21759b;display:block;font-size:14px;font-size:0.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000;/*AboveWPtoolbar.*/}

/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/

.alignleft{display:inline;float:left;margin-right:1.5em; margin-bottom: 10px; }
.alignright{display:inline;float:right;margin-left:1.5em; margin-bottom: 10px;}
.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;}

/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/

.clear:before,.clear:after,.entry-content:before,.entry-content:after,.entry-footer:before,.entry-footer:after,.comment-content:before,.comment-content:after,.site-header:before,.site-header:after,.site-content:before,.site-content:after,.site-footer:before,.site-footer:after,.nav-links:before,.nav-links:after,.pagination:before,.pagination:after,.comment-author:before,.comment-author:after,.widget-area:before,.widget-area:after,.widget:before,.widget:after,.comment-meta:before,.comment-meta:after{content:"";display:table;table-layout:fixed;}.clear:after,.entry-content:after,.entry-footer:after,.comment-content:after,.site-header:after,.site-content:after,.site-footer:after,.nav-links:after,.pagination:after,.comment-author:after,.widget-area:after,.widget:after,.comment-meta:after{clear:both;}

/*--------------------------------------------------------------
5.0 Forms
--------------------------------------------------------------*/

label { color: #333; display: block; font-weight: 800; margin-bottom: 0.5em; }
fieldset { margin-bottom: 1em; }
input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"],textarea { color: #666; background: #fff; background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); border: 1px solid #bbb; -webkit-border-radius: 3px; border-radius: 3px; display: block; padding: 0.7em; width: 100%; }
input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="range"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="time"]:focus,input[type="datetime"]:focus,
input[type="datetime-local"]:focus,input[type="color"]:focus,textarea:focus { color: #222; border-color: #333; }
select { border: 1px solid #bbb; -webkit-border-radius: 3px; border-radius: 3px; height: 3em; max-width: 100%; }
input[type="radio"],input[type="checkbox"] { margin-right: 0.5em; }
input[type="radio"] + label, input[type="checkbox"] + label { font-weight: 400; }
button, input[type="button"],input[type="submit"] { background-color: #222; border: 0; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: none; box-shadow: none; color: #fff; cursor: pointer; display: inline-block; font-size: 14px; font-size: 0.875rem; font-weight: 800; line-height: 1; padding: 1em 2em; text-shadow: none; -webkit-transition: background 0.2s; transition: background 0.2s; }
input + button,input + input[type="button"],input + input[type="submit"] { padding: 0.75em 2em; }
button.secondary,input[type="reset"],input[type="button"].secondary,input[type="reset"].secondary,input[type="submit"].secondary { background-color: #ddd; color: #222; }
button:hover,button:focus,input[type="button"]:hover,input[type="button"]:focus,input[type="submit"]:hover,input[type="submit"]:focus { background: #767676; }
button.secondary:hover,button.secondary:focus,input[type="reset"]:hover,input[type="reset"]:focus,input[type="button"].secondary:hover,input[type="button"].secondary:focus,input[type="reset"].secondary:hover,input[type="reset"].secondary:focus,input[type="submit"].secondary:hover,input[type="submit"].secondary:focus { background: #bbb; }

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder { color: #333; font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif; }
:-moz-placeholder { color: #333; font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif; }
::-moz-placeholder { color: #333; font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif; opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ }
:-ms-input-placeholder { color: #333; font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif; }

/*--------------------------------------------------------------
6.0 Formatting
--------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 { margin: 0 0 0 0; padding: 0 0 0 0; }
p { margin: 0 0 20px 0; line-height: 1.3rem; }
hr { background-color: none; border: 0; height: 1px; margin: 25px 0; border-top: 1px solid #ccc; }
img { max-width: 100%; height: auto; }
/*blockquote { margin: 40px 0 35px 0; }
blockquote p { font-size: 2.4rem; color: #40c8f4; line-height: 2.5rem; }*/
blockquote, blockquote p {color: #00ccff; font-size: x-large !important; line-height: 1.3em !important; text-transform: uppercase; padding:0; margin:0;}

/*--------------------------------------------------------------
7.0 Lists
--------------------------------------------------------------*/

ul, ol { margin: 0 0 1.5em; padding: 0; }
ul { list-style: disc; }
ol { list-style: decimal; }
li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; }
dt { font-weight: 700; }
dd { margin: 0 1.5em 1.5em; }

/*--------------------------------------------------------------
8.0 Tables
--------------------------------------------------------------*/

table { border-collapse: collapse; margin: 0 0 1.5em; width: 100%; }
thead th { border-bottom: 2px solid #bbb; padding-bottom: 0.5em; }
th { padding: 0.4em; text-align: left; }
tr { border-bottom: 1px solid #eee; }
td { padding: 0.4em; }
th:first-child,td:first-child { padding-left: 0; }
th:last-child,td:last-child { padding-right: 0; }

/*--------------------------------------------------------------
9.0 Links
--------------------------------------------------------------*/

a { color: #222; text-decoration: none; }
a:focus { outline: thin dotted; }
a:hover, a:active { color: #000; outline: 0; }

/* Hover effects */
.entry-content a,.entry-summary a,.widget a,.site-footer .widget-area a,.posts-navigation a,.widget_authors a strong { -webkit-box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1); box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1); -webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out; transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out; transition: color 80ms ease-in, box-shadow 130ms ease-in-out; transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out; }
.entry-title a,.entry-meta a,.page-links a,.page-links a .page-number,.entry-footer a,.entry-footer .cat-links a,.entry-footer .tags-links a,.edit-link a,.post-navigation a,.logged-in-as a,.comment-navigation a,.comment-metadata a,.comment-metadata a.comment-edit-link,.comment-reply-link,a .nav-title,.pagination a,.comments-pagination a,.site-info a,.widget .widget-title a,.widget ul li a,.site-footer .widget-area ul li a,.site-footer .widget-area ul li a { -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1); box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1); text-decoration: none; -webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out; transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out; transition: color 80ms ease-in, box-shadow 130ms ease-in-out; transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out; }
.entry-content a:focus,.entry-content a:hover,.entry-summary a:focus,.entry-summary a:hover,.widget a:focus,.widget a:hover,.site-footer .widget-area a:focus,.site-footer .widget-area a:hover,.posts-navigation a:focus,.posts-navigation a:hover,.comment-metadata a:focus,.comment-metadata a:hover,.comment-metadata a.comment-edit-link:focus,.comment-metadata a.comment-edit-link:hover,.comment-reply-link:focus,.comment-reply-link:hover,.widget_authors a:focus strong,.widget_authors a:hover strong,.entry-title a:focus,.entry-title a:hover,.entry-meta a:focus,.entry-meta a:hover,.page-links a:focus .page-number,.page-links a:hover .page-number,.entry-footer a:focus,.entry-footer a:hover,.entry-footer .cat-links a:focus,.entry-footer .cat-links a:hover,.entry-footer .tags-links a:focus,.entry-footer .tags-links a:hover,.post-navigation a:focus,.post-navigation a:hover,.pagination a:not(.prev):not(.next):focus,.pagination a:not(.prev):not(.next):hover,.comments-pagination a:not(.prev):not(.next):focus,.comments-pagination a:not(.prev):not(.next):hover,.logged-in-as a:focus,.logged-in-as a:hover,a:focus .nav-title,a:hover .nav-title,.edit-link a:focus,.edit-link a:hover,.site-info a:focus,.site-info a:hover,.widget .widget-title a:focus,.widget .widget-title a:hover,.widget ul li a:focus,.widget ul li a:hover { color: #000; -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1); box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1); }

/* Fixes linked images */
.entry-content a img,.widget a img { -webkit-box-shadow: 0 0 0 8px #fff; box-shadow: 0 0 0 8px #fff; }
.post-navigation a:focus .icon,.post-navigation a:hover .icon { color: #222; }

/*--------------------------------------------------------------
10.0 Columns
--------------------------------------------------------------*/

.container { width: 100%; min-width: 300px; margin: 0 auto; }
.container.content-display { width: 95%; max-width: 850px; }
.column { display: inline-block; *display: inline; zoom: 1; vertical-align: top; }
.col-1-1 { width: 100%; }.col-2-1 { width: 50%; }.col-3-1 { width: 33.3333%; }.col-3-2 { width: 66.6666%; }.col-4-1 { width: 25%; }.col-4-2 { width: 50%; }.col-4-3 { width: 75%; }.col-5-1 { width: 20%; }.col-5-2 { width: 40%; }.col-5-3 { width: 60%; }.col-5-4 { width: 80%; }.col-6-1 { width: 16.6666%; }.col-6-2 { width: 33.3333%; }.col-6-3 { width: 50%; }.col-6-4 { width: 66.6666%; }.col-6-5 { width: 83.33333%; }.col-7-1 { width: 14.285714%; }.col-7-2 { width: 28.571428%; }.col-7-3 { width: 42.857142%; }.col-7-4 { width: 57.142856%; }.col-7-5 { width: 71.428571%; }.col-7-6 { width: 85.714284%; }.col-8-1 { width: 12.5%; }.col-8-2 { width: 25%; }.col-8-3 { width: 27.5%; }.col-8-4 { width: 50%; }.col-8-5 { width: 62.5%; }.col-8-6 { width: 75%; }.col-8-7 { width: 87.5%; }.col-9-1 { width: 11.1111%; }.col-9-2 { width: 22.2222%; }.col-9-3 { width: 33.3333%; }.col-9-4 { width: 44.4444%; }.col-9-5 { width: 55.5555%; }.col-9-6 { width: 66.6666%; }.col-9-7 { width: 77.7777%; }.col-9-8 { width: 88.8888%; }

/*--------------------------------------------------------------
11.0 Header
--------------------------------------------------------------*/

.nsquare-logo { max-width: 120px; height: auto; margin: 30px 0 0 40px; }
body.home .logo-container.top .nsquare-logo { display: none; }
#page-subhead { margin: 100px auto 40px auto; /* color: #40c8f4; line-height: 1.3rem; */ }
#page-subhead strong { font-family: 'FFDINWebBold', Helvetica, Arial, sans-serif; font-weight: normal; }
#page-subhead p:last-child { margin: 0 0 0 0 ; }
/* alternates */
#home-header { vertical-align: bottom; }
#home-header .nsquare-logo { width: 65%; max-width: 320px; margin: 100px 0 20px 40px;  }
#home-header #page-subhead { color: #000; margin: 100px 0 50px 0; font-size: 1em; line-height: 1.6rem; }
#home-header #page-subhead .container { width: 70%; margin: 0 0 0 0; }

.main-menu { margin: 30px 40px 0 0; text-align: right; position: relative; }
#menu-header-menu { text-align: right; display: flex; align-items: center; justify-content: flex-end; }
#menu-header-menu li { font-size: 1.175rem; display: inline-block; margin: 0 0 0 20px; font-family: 'FFDINWebBold',sans-serif; text-transform: uppercase; color: #a4a4a4; }
#menu-header-menu li a { color: black; }
#menu-header-menu li:hover { color: #f58220; }
#menu-header-menu li.current-menu-item { color: #000; }
#menu-header-menu li.menu-item-social a{ color: #a4a4a4; }
#menu-header-menu li a:hover { color: #f58220; }

/* Mobile styles */
#mobile-menu { display: none; cursor: pointer; }
#mobile-navigation { display: none; }
#mobile-navigation ul { text-align: left; padding: 0 30px; }
#mobile-navigation li { display: block; font-size: 1.25rem; margin: 0 0 9px 0; font-family: 'FFDINWebMedium',sans-serif; text-transform: uppercase; color: #969696; }
#mobile-navigation a { color: #000; }
#main-header #mobile-menu img.close { display: none; }
#main-header.active #mobile-menu img.open { display: none; }
#main-header.active #mobile-menu img.close { display: inline-block; }
#mobile-navigation li.menu-item-social { display: inline-block; margin-top: 0.75em; margin-right: 0.75em; margin-bottom: 0; }
#mobile-navigation li.menu-item-social a { color: inherit; }


/* Search Styles */
.search-button img { margin: 0 0 -3px 10px; }
#search { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; }
#search.active { display: block; z-index: 1000; }
#search .content { position: absolute; right: 0; margin: -7px 0 0 0; z-index: 2; text-align: right; width: 100%; max-width: 500px; }
#search .content .search-close { width: 20px; height: auto; cursor: pointer; display: inline-block; margin-bottom: -5px; }
#search .content .search-form { width: 70%; display: inline-block; }
#search .content .search-submit { width: 20px; height: 30px; padding: 0 0 0 0; background: none; margin: 0 10px 0 7px; opacity: 0.2; outline: none; }
#search .content .search-submit img { width: 100%; height: auto; display: inline-block; margin-bottom: -5px;}
#search .content .search-field { display: inline-block; width: 70%; font-size: 0.85rem; outline: none; }
#search .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; background: #fff; opacity: 0.9; }
body.admin-bar #search .content { margin-top: 100px; }
#search.ready .search-submit { opacity: 1; cursor: pointer; }
body.search #page { min-height: 100%; }
body.search #page #page-default { min-height: 700px; }

/* mobile search styles */
#search-mobile { text-align: left; padding: 0px 30px; display: none; }
#search-mobile.active { display: block; }
#search-mobile .content { width: 100%; max-width: 500px; }
#search-mobile .content .search-close { width: 20px; height: auto; cursor: pointer; display: inline-block; }
#search-mobile .content .search-form { width: 70%; display: inline-block; vertical-align: middle; }
#search-mobile .content .search-submit { width: 20px; height: 30px; display: inline-block; padding: 0 0 0 0; background: none; margin: 0 10px 0 7px; opacity: 0.2; outline: none; }
#search-mobile .content .search-submit img { width: 100%; height: auto; display: inline-block; margin-bottom: -5px;}
#search-mobile .content .search-field { display: inline-block; width: 70%; font-size: 0.85rem; outline: none; }
#search-mobile.ready .search-submit { opacity: 1; cursor: pointer; }

#video { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; }
#video.active { display: block; z-index: 1000; }
#video #video-close { position: absolute; right: 0; margin: -40px 0 0 0; cursor: pointer; z-index: 2; width: 20px; height: auto; }
#video .content { width: 90%; max-width: 450px; position: relative; z-index: 1; margin: 12% auto 0 auto; }
#video #video-embed { margin: 40px 0 0 0; background: #fff; padding: 30px; border-radius: 2px; width: auto; display: block; text-align: center; }
#video #video-embed iframe { width: 800px; height: 450px; }
#video .background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; background: #222; opacity: 0.9; }

/*--------------------------------------------------------------
12.0 Layout
--------------------------------------------------------------*/

#main-container h1, #main-container h2, #main-container h3, #main-container h4, #main-container h5, #main-container h6 { color: #00ccff; font-weight: normal; }
#main-container p, #main-container ol, #main-container ul { font-size: 1rem; line-height: 1.6rem; margin: 0 0 25px 0; clear: both; }
#main-container ol, #main-container ul { margin-left: 30px; }
#main-container a { color: #f58220; }
#main-container a:hover { text-decoration: underline; }
#main-container figcaption { font-size: 0.8rem; font-style: italic; color: #666; margin: 3px 0 0 0; max-width: 100% !important; height: auto; }
#main-container figure { max-width: 100% !important; height: auto; }
#main-container strong { font-family: 'FFDINWebBold', Helvetica, Arial, sans-serif; font-weight: normal; }
#main-container img { max-width: 100% !important; height: auto; }
#main-container iframe { max-width: 100% !important; }

#main-container .content h1 { font-size: 4rem; margin-bottom: 20px; }
#main-container .content h2 { font-size: 3.4rem; margin-bottom: 20px; }
#main-container .content h3 { font-size: 2.7rem; margin-bottom: 20px; }
#main-container .content h4 { font-size: 1.65rem; margin-bottom: 20px; }
#main-container .content h5 { font-size: 1.3rem; margin-bottom: 20px; }
#main-container .content h6 { font-size: 1rem; margin-bottom: 20px; }

#featured-image { width: 100%; height:500px; position: relative; overflow: hidden; }
#featured-image .image { background: center center no-repeat; background-size: cover; width: 100%; height: 100%; margin: 0 0 0 0; }

.button { display: inline-block; background: #40c8f4; color: #000; font-family:'FFDINWebBold',Helvetica,Arial,sans-serif; font-size: 1.6rem; width: 60px; height: auto; padding: 15px 10px 10px 10px; margin: 0 5px 0 0; position: absolute; right: 0; }

#images { width: 100%; margin: 20px 0 0 0; }
#images .image { margin: 0 0 10px 0; }
#images .image .wrapper { height:400px; width: auto; margin: 0 5px; background: center center no-repeat; background-size: cover; }

/*--------------------------------------------------------------
12.4 Posts
--------------------------------------------------------------*/

/* POSTS/BLOCKS */
.blocks, .posts { }
.posts .post, .blocks .block { position: relative; width: 33.33333%; margin: 0 0 7px 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.posts .post img, .blocks .block img { display: block; }
.posts .post .wrapper, .blocks .block .wrapper { width: 98%; margin: 0 auto; overflow: hidden; }
.posts .post .thumbnail, .blocks .block .thumbnail { position: relative; display: inline-block; height: 100%; width: 100%; }
.posts .post .link, .blocks .block .link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; }
.posts .post .link.video .video-button, .blocks .block .link.video .video-button { position: absolute; width: 15%; height: auto; left: 50%; margin: 40% 0 0 -7.5%; opacity: 0; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; }
.posts .post .background, .blocks .block .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: center center no-repeat; background-size: cover; -webkit-transition: all 0.4s; transition: all 0.4s; }
.posts .post .title, .blocks .block .title { font-family: 'FFDINWebMedium', sans-serif; position: absolute; z-index: 3; bottom: 0; width: 80%; padding: 20px; color: #fff !important; text-transform: uppercase; font-weight: normal; font-size: 2.55rem; line-height: 2.5rem; }
.posts .post .content, .blocks .block .content { position: absolute; z-index: 3; padding: 20px; width: 80%; opacity: 0; left: -30px; -webkit-transition: all 0.4s; transition: all 0.4s; color: #fff; font-size: 1.05rem; line-height: 1.15rem; }
.posts .post .cover, .blocks .block .cover { position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; background: #f58220; opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }
.posts .post .wp-post-image, .blocks .block .wp-post-image { display: block; }
/* hover */
.posts .post:hover .content, .blocks .block:hover .content { opacity: 1; left: 0px; }
.posts .post:hover .cover, .blocks .block:hover .cover { opacity: 0.85; }
.posts .post:hover .link.video .video-button, .blocks .block:hover .link.video .video-button { opacity: 0.3; }

/* SECTIONS */
.section { position: relative; left: 0; width: 100%; height: 400px; margin: 0 0 0 0; overflow: hidden; }
.section.tall { height: 800px; }
.section .wrapper { width: 100%; height: 100%; margin: 0 auto; overflow: hidden; }
.section .container { position: relative; height: 100%; }
.section .thumbnail { position: relative; display: inline-block; height: 100%; width: 100%; }
.section .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: center center no-repeat; background-size: cover; }
.section.tall .background, .section.short .background { background-attachment: fixed; }
.section .title { border: none !important; position: absolute; z-index: 3; bottom: 0; width: 80%; padding: 20px; color: #fff; text-transform: uppercase; font-weight: normal; font-size: 2rem; }
.section .content { position: absolute; bottom: 0; z-index: 3; padding: 50px 0 20px 0; color: #fff; }
.section .cover { position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; background: #f58220; opacity: 0.85; }
.section.tall .cover, .section.short .cover { display: none; }
.section + p, .section + ul, .section + ol, .section + h1 { margin-top: 380px; }

/* PEOPLE */
#people { position: relative;  }
#people-wrapper { margin: 0 0 0 0 !important; position: relative; }
@media (min-width: 600px) { .page-template-default #people-wrapper { margin-left: -5px !important; margin-right: -5px !important; } }
#people .person { position: relative; width: 12.5%; height: 200px; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; }
#people .person .wrapper { width: 95%; height: 95%; margin: 0 auto; overflow: hidden; }
#people .person .thumbnail { position: relative; display: inline-block; height: 100%; width: 100%; }
#people .person .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: center center no-repeat; background-size: cover; -webkit-transition: all 0.4s; transition: all 0.4s; }
#people .person .title { position: absolute; z-index: 3; border: 0; margin: 0; width: auto; bottom: 0; padding: 20px; color: #fff; text-transform: uppercase; font-weight: normal; font-size: 1.25rem; line-height: 1.25rem; opacity: 0; -webkit-transition: all 0.4s; transition: all 0.4s; left: -20px; }
#people .person .cover { position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; background: #f58220; opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }

#people-wrapper,
.blocks.Home.Group { font-size: 0 !important; /* fix inline-block whitespace */ }

/* About page TEAM grid */
.page-id-198 #people.grid .person .title { font-size: 1.25rem; }
@media (min-width: 901px) { .page-id-198 #people.grid .type-person { width: 25% } }
/* force TEAM grid to be full width (ignoring gutters) to be more like the FELLOWS grid */
@media (max-width: 600px) { .page-id-198 #people.grid { width: 100vw; margin-left: 50%; transform: translateX(-50%); } }

/* BLOCK */
#people .block { opacity:1; position: relative; width: 12.5%; height: 200px; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; }
#people .block .wrapper { width: 95%; height: 95%; margin: 0 auto; overflow: hidden; }
#people .block .thumbnail { position: relative; display: inline-block; height: 100%; width: 100%; }
#people .block .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: center center no-repeat; background-size: cover; -webkit-transition: all 0.4s; transition: all 0.4s; }
#people .block .cover { position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; background: rgb(78,188,241); opacity: 1; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }
#people .block .title { position: absolute; z-index: 3; width: auto; bottom: 0; padding: 20px; margin: 0; color: #fff; text-transform: uppercase; border: 0; font-weight: normal; font-size: 1.25rem; line-height: 1.25rem; opacity: 1; -webkit-transition: all 0.4s; transition: all 0.4s; left: 0px; }

/* hover */
#people .block:hover { opacity: 1 !important; }
#people .block:hover .background { width: 110%; height: 110%; left: -5%; top: -5%; }
#people .block:hover .title { opacity: 1; left: 0px; }
#people .block:hover .cover { opacity: 0.85; }

/* hover */
#people .person:hover { opacity: 1 !important; }
#people .person:hover .background { width: 110%; height: 110%; left: -5%; top: -5%; }
#people .person:hover .title { opacity: 1; left: 0px; }
#people .person:hover .cover { opacity: 0.85; }

/* alternatives */
#people.row { position: relative; overflow: hidden; }
#people.row .container { width: 5000%; position: relative; left: 0; }
#people.row .container .person { width: 0.25%; opacity: 0.4; }
#people.row .container .person.active { opacity: 1; }

.people-control { position: absolute; left: 20px; cursor: pointer; }
.people-control.next { left: auto; right: 20px; }

/*--------------------------------------------------------------
12.4 Pages
--------------------------------------------------------------*/

.single-person.content-display { margin: 50px auto 0 auto; }
.single-person .title { font-size: 4rem; text-transform: uppercase; font-family: 'FFDINWeb', sans-serif; color: #40c8f4; margin: 0 0 0 0; font-weight: normal; }
.single-person .content { margin: 0 30px 0 0 ; padding: 20px 0 0 0; border-top: 1px solid #ccc;/*border-top: 1px solid #ccc;*/ }
#person-header { margin: 0 30px 20px 0; padding: 0 0 0 0;  }
#person-header .person-title { margin: 15px 0 0 0; font-family: 'FFDINWebBold', Helvetica, Arial, sans-serif; font-weight: normal;  }
.single-person #main-content.content { margin-right: 0; }

.single-person .pagination { text-transform: uppercase; margin: 10px 0 0 0 ; padding: 10px 0 0 0; border-top: 1px solid #ccc; color: #939598; }
.single-person .pagination a { color: #f7931d; display: inline-block; margin: 0 0 0 5px; font-family: 'FFDINWebBold', sans-serif; }
.single-person .pagination img { opacity: 0.5; }
.single-person .pagination .next { text-align: right; }
.single-person .pagination .next a { margin: 0 5px 0 0; }
/* hover */
.single-person .pagination a:hover { box-shadow: none; }

/* mobile only */
/* .single-person-photo,
.single-person-photo + .pagination { display: none; } */


.page-default { margin: 45px auto 0 auto; }
.page-default .title,
.page-template-template-full .title { font-size: 4rem; text-transform: uppercase; color: #40c8f4; /* margin: 0 30px 20px 0; */ margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid #ccc; font-weight: normal; }
.page-default .content { /* margin: 0 30px 0 0; */ }

#page-byline { font-size: 1.1rem; text-transform: uppercase; color: #ccc; margin: 0 30px 20px 0; padding: 0 0 18px 0; border-bottom: 1px solid #ccc; }

/* post header */
#post-header .title { border-bottom: none; margin: 0 0 0 0; font-size: 4rem; padding: 0 0 0 0; }
#post-header #page-subhead { margin: 0 30px 20px 0; width: auto; padding: 0 0 20px 0; color: #000; border-bottom: 1px solid #ccc; }
#post-header #page-subhead p:first-child { margin-top: 15px; }

/*--------------------------------------------------------------
12.5 General Content
--------------------------------------------------------------*/

.logo-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  grid-gap: 1rem;
}
.logo-grid > div {
  display: grid;
  padding: 10px;
  place-items: center;
}
.logo-grid > div::before {
  content: "";
  display: block;
  padding-bottom: 50%;
  grid-area: 1/1/2/2;
}
.logo-grid > div img {
  max-width: 100%;
  grid-area: 1/1/2/2;
}

/*--------------------------------------------------------------
13.0 Sidebar
--------------------------------------------------------------*/

.main-sidebar { font-size: 0.9rem !important; line-height: 1.2rem !important; margin-top: -50px; }
.main-sidebar.bottom { display: none; }
.main-sidebar p, .main-sidebar ol, .main-sidebar ul { font-size: 0.8rem !important; line-height: 1rem !important; margin: 0 0 0 0 !important; }
@media (max-width: 900px){.main-sidebar p, .main-sidebar ol, .main-sidebar ul { font-size: 1rem !important; line-height: 1.063rem !important; margin: 0 0 0 0 !important; }}
.main-sidebar p:last-child, .main-sidebar ul:last-child, .main-sidebar ol:last-child { margin: 0 0 0 0; }
.main-sidebar.person { margin-top: -30px; }

.main-sidebar section { margin: 35px 0 0 0; }
.main-sidebar section:first-child { margin-top: 0; }
.main-sidebar section a { box-shadow: none !important; }
.main-sidebar section a:hover { text-decoration: underline; }
.main-sidebar .sidebar-title, .main-sidebar .widget-title { text-transform: uppercase; font-size: 1rem; color: #000 !important; margin: 0 0 10px 0 ; padding: 0 0 10px 0; border-bottom: 1px solid #ccc; font-family:'FFDINWebBold',Helvetica,Arial,sans-serif; font-weight: normal; }
.main-sidebar .widget-title.no-sidebar { border: none; padding-bottom: 0; }
/* alternatives: custom html */
.main-sidebar section.widget_custom_html { }
.main-sidebar section.widget_custom_html .textwidget { width: 90%; max-width: 250px; }
.main-sidebar section.learn-more-widget p{
  margin-bottom: 10px !important;
}
/* alternatives: widget nav menu */
.main-sidebar section.widget_nav_menu { }
.main-sidebar section.widget_nav_menu .menu li { list-style: none; margin: 0 0 15px 0; width: 90%; opacity: 0.8; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }
.main-sidebar section.widget_nav_menu .menu li:hover { opacity: 1; }
.main-sidebar section.widget_nav_menu .menu li:after { content: '\2192'; font-weight: bold; display: inline-block; margin: 0 0 0 5px; }

.main-sidebar .pagination { text-transform: uppercase; font-size: 1rem; margin: 10px 0 0 0 ; padding: 10px 0 0 0; border-top: 1px solid #ccc; color: #939598; font-family:'FFDINWebBold',Helvetica,Arial,sans-serif; }
.main-sidebar .pagination a { color: #f7931d; display: inline-block; margin: 0 0 0 5px; box-shadow: none !important; }
.main-sidebar .pagination .next { text-align: right; }
.main-sidebar .pagination .next a { margin: 0 5px 0 0; }
/* hover */
.main-sidebar .pagination a:hover { }

.main-sidebar section.widget_nsquare_twitter_widget { }
.main-sidebar section.widget_nsquare_twitter_widget .twitter-image { display: none !important; }
.main-sidebar section.widget_nsquare_twitter_widget .fts-right { padding-left: 0 !important; }
.main-sidebar section.widget_nsquare_twitter_widget .fts-twitter-reply-wrap { display: none !important; }
.main-sidebar section.widget_nsquare_twitter_widget .fts-twitter-reply-wrap-left { display: none !important; }
.main-sidebar section.widget_nsquare_twitter_widget .fts-powered-by-text { display: none !important; }

#search-results .search-result { margin: 30px 0 0 0; }
#search-results .search-result:first-child { margin-top: 0; }
#search-results .search-result .title { margin: 0 0 0 0; color: #000; }
#search-results .search-result .link { margin: 7px 0; display: inline-block; color: #f58220; }
#search-results .search-result .thumbnail { width: 85%; height: 100px; background: center center no-repeat; background-size: cover;}
#search-results .search-result .content p:first-child { margin-top: 0; }
#search-results .search-section { font-size: 0.95rem; border-top: 1px solid #98cc34; padding: 5px 0 0 0; margin: 30px 0 -10px 0; }
#search-results .category-list { margin-top: 0; }
#search-results .category-list ul { margin: 0 0 0 0; }
#search-results .category-list ul li { display: inline-block; margin: 0 10px 0 0; }

/*--------------------------------------------------------------
14.0 Footer
--------------------------------------------------------------*/

#main-footer { margin: 20px 0; text-transform: uppercase; }
#main-footer p { font-size: 0.775rem; margin: 0 0 0 20px; }
#main-footer a { margin-left: 10px; }

#join-us { text-transform: uppercase; padding: 15px 14px 10px 10px; display: inline-block; font-family: 'FFDINWebMedium', sans-serif; font-size: 1.35rem; word-wrap: break-word; position: fixed; z-index: 1000; right: 20px; bottom: 20px; background: #41c8f4;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
#join-us:hover { color: #41c8f4; background: #000; }

/*--------------------------------------------------------------
15.0 Plugins
--------------------------------------------------------------*/

/* WP PAGENAVI */
.wp-pagenavi { text-align: center; margin: 30px 0 0 0; }
.wp-pagenavi a, .wp-pagenavi span { display: inline-block; border: 2px solid #bdbdc0; background-color: #fff; width: 30px; margin: 0 5px; padding: 9px 0; font-size: 0.9rem; -webkit-transition: background-color 0.15s; -moz-transition: background-color 0.15s; -o-transition: background-color 0.15s; transition: background-color 0.15s; }
.wp-pagenavi a:hover { background: #e7e7e8; border-color: #bdbdc0; }


/*--------------------------------------------------------------
17.0 Print
--------------------------------------------------------------*/

.margin-bottom-4px{
	margin-bottom:4px !important;
}
.text-color-black{
	color:#000000 !important;
}