/*!
Theme Name: Navigator Research 2021
Theme URI: http://underscores.me/
Author: Phill Mamula
Author URI: https://www.ghostnoteagency.com
Description: 2021 Updated Theme for Navigator Research
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: navigatorresearch
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Navigator Research 2021 is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700;800&family=Roboto+Slab:wght@300&display=swap');

/* =Global
-------------------------------------------------------------- */
body {
	font-family: 'Montserrat', sans-serif;
  	color: #151517;
  	font-size: 17px;
  	line-height: 28px;
  	font-weight: 400;
}
h1,h2,h3,h4 {
	color: #28395e;
	font-weight: 800;
	line-height: 0.9em;
  	margin: 2vh 0 1vh;
  	position: relative;
}
h1 { font-size: 3em; }
h2 { font-size: 2.5em; }
h3 { font-weight: 700; font-size: 2.25em; line-height: 1.2em; margin-bottom: 35px; }
h4 { font-weight: 600; font-size: 1.5em; line-height: 1.1em; margin-bottom: 35px; }
h3:before, h4:before {
	content: '';
	background: #189ccd;
	width: 40px;
	height: 3px;
	position: absolute;
	bottom: -12px;
	left: 0;
}

p {
    margin: 5px 0 2vh;
}
hr {
	display: block;
	margin: 3vh 0;
	background: none;
	border-bottom: 1px solid rgba(0,0,0,0.3);
}
strong { font-weight: 600; }
ul,li { 
	margin: 0; 
	padding: 0; 
	list-style: none;
}
a, a:link, a:visited { 
	color: #005e8a;
  	transition: all 0.3s ease-in-out;
  	-webkit-transition: all 0.3s ease-in-out;
  	-o-transition: all 0.3s ease-in-out; 
}
a:hover { color: #009ccd; }

button { 
	color: #28395e;
	cursor: pointer;
	background: transparent;
	border: none;
	border-radius: 0;
	width: auto;
}
video:focus,
input:focus,
button:focus {outline:0; cursor: pointer;}
img { margin-bottom: -10px; }
textarea,
select,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
-webkit-appearance: none;
border-radius: 0;
}
select::-ms-expand {
  display: none;
}

a.large-cta {
    display: table;
    margin: 3vh 0;
    font-weight: 600;
    color: #FFFFFF;
    background: #005e8a;
    padding: 13px 30px;
    border-radius: 10px;
    text-decoration: none;
}
a.large-cta.alternative {
    color: #005e8a;
    background: transparent;
    padding: 11px 30px;
    border: 2px solid #005e8a;
}
a.large-cta.alternative:after { color: #005e8a !important; }

a.large-cta.alternative:hover {
    background: #1b2a4c;
    border-color: #1b2a4c;
    color: #FFFFFF;
}
a.large-cta.alternative:hover:after { color: #009ccd !important; }

a.large-cta:hover {
	background: #1b2a4c;
}
a.large-cta:after {
    content: '\f061';
    color: #009ccd;
    font-family: "Font Awesome 5 Free"; font-weight: 900;
    margin-left: 15px;
}
a.large-cta.external:after {
    content: '\f35d';
    color: #009ccd;
    font-family: "Font Awesome 5 Free"; font-weight: 900;
    margin-left: 15px;
}
a.large-cta.pdf:after {
    content: '\f1c1';
    color: #009ccd;
    font-family: "Font Awesome 5 Free"; font-weight: 900;
    margin-left: 15px;
    font-weight: normal;
    font-size: 1.2em;
}


/* Structure */
.post, .page,
.page-content, .entry-content, .entry-summary { margin: 0; }
.container {
	width: 90vw;
	max-width: 1240px;
	margin: 0 auto;
	position: relative;
}

#section {
    position: relative;
    overflow: hidden;
}

/* Flexible Layout */
.flex-container {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.flex-container .half {
    flex: 1 0 50%;
}
.flex-container .half.image {
    min-height: 80vh;
}
.flex-container .one-third { flex: 1; }
.flex-container .two-third { flex: 2; }
.flex-container .third { flex: 1 0 33.3%; }
.flex-container .quarter { flex: 1 0 25%; }


/* Header
--------------------------------------------- */
header#masthead {
    padding: 3vh 0;
    position: absolute;
    width: 100%;
    z-index: 99;
}
header#masthead .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/* Logo */
header#masthead .site-branding h1.site-title { margin: 0; line-height: 0;}
.site-branding svg { width: 100%; max-width: 200px; }

/* Navigation */
.main-navigation { width: auto; }
.main-navigation ul.menu li { border-left: 1px solid #5c7288;}
.main-navigation ul.menu li a { 
	color: #FFFFFF;
	padding: 2px 3vw;
	font-weight: 600; 
	text-decoration: none;
}
.main-navigation ul.menu li a:hover { color: #009ccd; }
.main-navigation ul.menu li:first-of-type,
.main-navigation ul.menu li:last-of-type { border: none; }
.main-navigation ul.menu li.twitter-logo a {
    border: none;
    padding: 0;
    width: 50px;
    position: relative;
    visibility: hidden;
    margin-left: 0vw;
}
.main-navigation ul.menu li.twitter-logo a:before {
    font-size: 1.2em;
    content: '\f099';
    font-family: FontAwesome, serif;
    font-weight: 800;
    visibility: visible;
    position: absolute;
    top: 2px;
    right: 5px;
}
/* Sticky Navigation */
header#masthead.sticky { 
    position: fixed;
    padding: 1vh 0;
    top: 0;
    left: 0;
    width: 100%;
    background: #FFFFFF;
    border-bottom: 1px solid #e2e2e2;
}
header#masthead.sticky .site-branding svg .cls-1 { fill: #1b2a4c; }
header#masthead.sticky a { color: #005e8a; }
header#masthead.sticky .main-navigation ul.menu li {
    border-left: 1px solid #b9c7d4;
    margin: 0 !important;
    padding: 0;
}
header#masthead.sticky .main-navigation ul.menu li:first-of-type { border: none; }


/* Homepage
--------------------------------------------- */
.home-hero {
	padding: 15vh 0 0;
	align-items: flex-end;
}
.home-hero .hero-logo { padding: 3vh 6vw 10vh 0; color: #FFFFFF;}
.home-hero .hero-logo h1 {
    color: #249dca;
    font-size: 3em;
    line-height: 1.1em;
    margin: 0 0 3vh;
}
.home-hero .hero-logo .hero-content { font-weight: 300; font-size: 1.2em; line-height: 1.4em; }
.home-hero .hero-logo .hero-emailcapture { max-width: 420px; margin: 2vh 0 0;}
.home-hero .hero-logo .footer-embed .at-row>[class^="at-"] { color: #899ea9; }

.home-hero .hero-logo .hero-emailcapture .footer-embed .at-fields input[type="email"] {
	border-radius: 8px 8px 0 0;
	padding: 28px 25px;
	margin-top: 5px;
}
.home-hero .hero-logo .hero-emailcapture .footer-embed .at input[type="submit"] {
    background: #189ccd;
    padding: 15px;
    border-radius: 0 0 8px 8px;
}
.home-hero .hero-logo .hero-emailcapture .footer-embed .at input[type="submit"]:hover {
	background: #d12027;
}


.home-hero .latest-poll {
    background: #FFFFFF;
    border-radius: 15px 15px 0 0;
    min-height: 50vh;
}
.home-hero .latest-poll h3 {
	font-size: 1.8em;
	margin: 30px 2vw 20px;
}
.home-hero .latest-poll h3:before { display: none; }
.home-hero .latest-poll a.large-cta { margin: 0 0 20px; }

/* Our Vision */
.home-vision { background: #009ccd; padding: 6vh 0; }
.home-vision h3 {  
	margin: 0 0 1.5vh;
	color: #FFFFFF;
}
.home-vision p { font-weight: 300; font-size: 1.2em; line-height: 1.7em; }
.home-vision a.large-cta {
    margin: 6vh auto -1vh;
    font-size: 1.1em;
    text-transform: none;
    border: none;
    border-radius: 0;
    border-top: 1px solid rgba(0,0,0,0.2);
    width: 100%;
    text-align: center;
    padding: 2vh 0 0;
    color: #1b2a4c;
    background: transparent;
}
.home-vision a.large-cta:after {
    content: '\f061';
    color: #1c2b4d;
}
.home-vision a.large-cta:hover { color: #FFFFFF; }


/* Featured Categories */
ul.featured-categories {
    margin: 5vh auto 2vh;
}
ul.featured-categories li.featured-cat {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.featured-icon {
    border-radius: 15%;
    width: 120px;
    height: 120px;
    margin: 0 auto 15px;
}
.featured-icon:hover { background-color: #0065a5 !important; }
.featured-icon a { width: 100%; height: 100%; display: block; }
ul.featured-categories li.featured-cat a { text-decoration: none; }
ul.featured-categories li.featured-cat strong {
    font-size: 1.1em;
    letter-spacing: 0.04em;
	text-transform: uppercase;
	font-weight: 800;
	text-decoration: none;
	color: #1b2a4c;
}

/* Latest News */
#section.home-news { padding: 8vh 0 5vh; }
.news-toggle-bar {
    margin: 0 0 2vh;
    display: flex;
    align-items: center;
}
.news-toggle-bar button { padding: 0; margin: 0;}
.news-toggle-bar button h3 { font-size: 2em; line-height: 1.4em; margin: 0; padding: 0 5vw 5px 20px; border-bottom: 4px solid #e2e2e2; }
.news-toggle-bar button h3:before { display: none; }
.news-toggle-bar button.show h3 { border-bottom: 4px solid #189ccd; }

.news-list-grid { display: none !important; }
.news-list-grid.show { display: block !important; }


/* Articles
--------------------------------------------- */

body.archive main .container.news-search.search-container { padding: 2vh 0; }

/* Featured Article */
article .featured-image {
    height: 20vw;
    max-height: 280px;
}
article .featured-image a { width: 100%; height: 100%; display: block; }
article h3:after, 
article h4:after { display: none; }

article.card-news .entry-content {
    padding: 25px 20px 20px;
}
article.card-news .entry-content h4 { margin: 0 0 20px; display: block; }
article.card-news .entry-content span.date {
    margin: 10px 0 0;
    color: #8c9294;
    font-size: 0.85em;
    display: block;
}
article.card-news .entry-content h4 a { text-decoration: none; }

/* News List */
.home-featured-news { display: flex; flex-wrap: wrap; }
article.card-news.news-list {
	flex: 1 0 50%;
	width: 50%;
	max-width: 50%;
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0 1.2vw 0 0;
}
article.card-news.news-list .entry-content { padding: 20px 2vw; }
article.card-news.news-list .featured-image {
	flex: 1 0 70px;
    width: 70px;
    max-width: 70px;
    height: 70px !important;
    border-radius: 50%;
    margin: 0;
    border: 1px solid #e2e2e2;
}
article.card-news.news-list h4 { margin: 0 0 -8px; font-size: 1.15em; line-height: 1.2em; font-weight: 400; }
article.card-news.news-list h4:before { display: none; }

/* Archives
--------------------------------------------- */

/* Search */
.search-container { padding: 2vh 0; border-bottom: 1px solid #e2e2e2 }
.search-container form ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.search-container .searchandfilter label { display: block; }
.search-container .searchandfilter select,
.search-container .searchandfilter input {
    border: 1px solid #e2e2e2;
    font-size: 0.9em;
    position: relative;
}
.search-container .searchandfilter select {
    min-width: 100%;
    padding: 8px 30px 8px 15px;
    max-width: 180px;
}
.search-container .searchandfilter li label { position: relative; }
.search-container .searchandfilter li.sf-field-category label::before,
.search-container .searchandfilter li.sf-field-tag label::before {
    content: '\f107';
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900;
    color: #005e8a;
    z-index: 999;
    position: absolute;
    right: 10px;
    top: 8px;
}
.search-container .searchandfilter li.sf-field-tag label {
    min-width: 150px;
    max-width: 150px;
}
.search-container form ul li.sf-field-submit { margin: 0; text-align: right; }
.search-container form ul li h4 { text-transform: uppercase; font-size: 0.8em; line-height: 0; margin: 0 0 5px;}
.search-container form ul li h4:before { display: none; }

.search-container form ul li.sf-field-post_date h4 {
    margin-top: 3px !important; margin-bottom: 0 !important;
}

.search-container .sf-field-search { margin-right: 1vw; }
.search-container .searchandfilter input[type="submit"] {
    border: none;
    font-size: 1em;
    font-family: inherit;
    font-weight: 600;
    color: #FFFFFF;
    background: #005e8a;
    padding: 15px 50px;
    text-align: center;
    width: 100%;
    border-radius: 10px;
    margin-top: 12px;
}

/* No results */
.no-results h2 {
    font-size: 3em;
    color: #0077b5;
    margin: 0 0 3vh;
}
.search-container .searchandfilter select, .search-container .searchandfilter input {
    border: 1px solid #e2e2e2;
    width: 100%;
    padding: 8px 30px 8px 15px;
    font-size: 0.9em;
    position: relative;
}
/* Polls */
.post-grid {
    padding: 3vh 0;
}
.post-grid .flex-container {
    width: 102%;
    margin-left: -1%;
    align-items: flex-start;
}
.post-grid article.card-news {
    flex: 1 0 31.3%;
    margin: 1%;
    width: 31.3%;
    max-width: 31.3%;
    border: 1px solid #e2e2e2;
    border-radius: 10px;
    min-height: 575px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.post-grid article .featured-image { height: 14vw; max-height: 200px; }
.post-grid article .entry-content { flex-grow: 1; }
.post-grid article .entry-content h4 { font-size: 1.35em; line-height: 1.2em; margin-bottom: 25px; }
.post-grid article .entry-content p { font-size: 0.9em; line-height: 1.6em; margin: 10px 0 auto;}

.post-grid article a.large-cta { 
    font-size: 0.9em;
    margin: auto 0;
    width: auto;
    display: table;
    border-radius: 0;
}


/* News */
body.archive main .container { padding: 2vh 0 5vh; }
body.archive article.card-news.news-list {
    flex: 1 0 100%;
    width: 100%;
    max-width: 100%;
    margin: 2vh auto;
    padding: 0 0 2vh;
    border-bottom: 1px solid #F5F6F7;
}
body.archive article.card-news.news-list:last-of-type { border: none; }
body.archive article.card-news.news-list .featured-image {
	width: 120px;
	height: 120px !important;
	max-width: 120px;
	flex: 1 0 120px;
	margin-right: 2vw;
}
body.archive article.card-news.news-list h4 { 
	font-size: 1.5em; 
	line-height: 1.25em; 
	margin-bottom: 0;
	font-weight: 600; 
}
body.archive article.card-news.news-list span.date { margin-bottom: 10px; display: block; }
body.archive article.card-news.news-list p { margin: 10px 0 2px; }


/* Press Releases */
body.archive article.card-news.news-list.press-release { position: relative;}
article.card-news.news-list.press-release .entry-content { padding: 20px 0;}
body.archive article.card-news.news-list.press-release:after {
	content: '';
    background: url('images/press-bg.png') no-repeat center center;
    background-size: contain;
    width: 125px;
    height: 125px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    opacity: 0.5;
}
body.archive article.card-news.news-list.press-release h4 { font-size: 2em; font-weight: 700; }
body.archive article.card-news.news-list.press-release span.category {
    text-transform: uppercase;
    font-weight: 700;
    display: block;
    margin: 0 auto 5px;
    font-size: 0.9em;
    letter-spacing: 0.06em;
    color: #189ccd;
}
body.archive article.card-news.news-list.press-release p { width: 85%; }

/* Single (Post)
--------------------------------------------- */
/* Post Hero */
header.page-hero ul.category {
    text-transform: uppercase;
    font-weight: 700;
    display: block;
    margin: 0 auto 15px;
    font-size: 1.1em;
    letter-spacing: 0.06em;
    color: #189ccd;
}
header.page-hero ul.category {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 5px auto 2vh;
    max-width: 750px;
}
header.page-hero ul.category li { padding: 0; margin: 0 !important; font-size: 0.85em;}
header.page-hero ul.category li:after {  
    content: "\00B7";
    margin: 0 10px;
}
header.page-hero ul.category li:last-of-type:after { display: none; }

header.page-hero span.date {
    color: #7b8ea5;
    font-size: 1.1em;
    display: block;
    margin: 12px 0 0;
}
header.entry-header.page-hero p {
    color: #bfd4e0;
}

/* Polls Article */
.article-image .post-thumbnail{
    max-width: 900px;
    margin: -12vh auto 0;
}
.article-image .post-thumbnail img {
    width: 100%;
    height: auto;
    box-shadow: 0 1px 6px 0 rgb(0 0 0 / 10%), 
                0 1px 7px 0 rgb(0 0 0 / 5%);
}
.article-image .article-download {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
    margin: 3vh auto 5vh;
}
.article-image .article-download>* { flex: 1; margin: 0 10px; }
.article-image .article-download a.large-cta { font-size: 0.9em; max-width: 300px;}

/* Article Details */
.vc_column-inner p {
    margin: 5px 0 15px !important;
}
.entry-content ul { margin: 1vh 0 1vh 2vw; }
.entry-content li { 
    line-height: 1.4em;
    list-style: disc; 
    padding-left: 10px; 
    margin-left: 10px; 
    margin-bottom: 15px;
}
.entry-content blockquote {
    font-weight: normal;
    color: #005e8a;
    font-size: 1.75em;
    line-height: 1.2em;
    margin: 0;
}

/* WPBakery Overwrites */
.vc_row h1,
.vc_row h2,
.vc_row h3,
.vc_row h4,
.vc_row h5 { margin: 0; }
.vc_separator.wpb_content_element {
    min-height: 5vh;
   
}
.vc_separator .vc_sep_holder .vc_sep_line { border-top: 1px solid #009ccd !important;}
.vc_row h1, .vc_row h1 .p1 { font-size: 1.5em; line-height: 1.4em; font-weight: normal; }
.vc_row .wpb_content_element { margin: 10px 0; }
.vc_row h3:before, 
.vc_row h4:before { display: none; }
.vc_row h5, 
.vc_row h6 {
    font-size: 1.5em;
    line-height: 1.4em;
    margin: 0 0 15px !important;
}

.vc_row .wpb_single_image img { margin: 0 0 15px; }

#blocktitle,
.blocktitle,
.block-title {
    background: #005e89;
    margin: 0 auto 15px;
    display: block;
    padding: 15px 25px;
}
.gray-bg { background: #F8F8F8; }



/* News */
.key-takeaway {
    text-align: center;
    color: #28395e;
    font-size: 1.4em;
    line-height: 1.3em;
    margin: 1vh 0 2vh;
    padding: 0 0 3vh;
    border-bottom: 1px solid #e2e2e2;
}

.news-post { padding: 5vh 0; }

.article-link-content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 3vh;
}
.article-link-content .article-icon-content { flex: 1; }
.article-link-content .article-icon {
	border-radius: 50%;
	border: 1px solid #e2e2e2;
    width: 170px;
    height: 170px;
}
.article-link-content .article-icon a { display: block; width: 100%; height: 100%; }
.article-link-content .entry-content { flex: 4; }
.article-link-content .entry-content p { margin: 0; }

/* About Study */
.about-study {
    border: 1px solid #e2e2e2;
    background: #f5f5f5;
    padding: 2vw 4vw;
    border-radius: 10px;
    margin: 4vh auto;
}

/* About Blurb */
.about-navigator {
    padding: 6vh 0;
    font-size: 0.9em;
    line-height: 1.75em;
    border-top: 1px solid #e2e2e2;
    background: #f0f0f7;
    margin-bottom: -5vh;
    margin-top: 3vh;
}
.about-navigator .container {
    display: flex;
    flex-wrap: wrap;
}
.about-navigator .container .about-content { flex: 5; padding-right: 8vw; }
.about-navigator .container .press-contact { flex: 1; }

.about-navigator h3 { margin: 0 0 3vh; }
.about-navigator p {
    margin: 0;
    font-weight: normal;
}

/* Meerkat Blub */
.meerkat-blurb {
    background: rgb(8,16,33);
    background: linear-gradient(37deg, rgba(8,16,33,1) 0%, rgba(40,57,94,1) 43%, rgba(0,94,138,1) 100%);
    padding: 6vh 0;
    color: #FFFFFF;
    margin-bottom: -3vh;
    margin-top: 3vh;
}
.meerkat-blurb h4 { color: #FFFFFF; font-size: 2.25em; line-height: 1.1em; margin: 0 0 15px; font-weight: 700; }
.meerkat-blurb h4:before { display: none; }
.meerkat-blurb p {
    color: #b8bed4;
    margin: 0;
}
.meerkat-blurb .container {
    display: flex;
    align-items: center;
}
.meerkat-blurb .container>* { flex: 1 0 50%; width: 50%; }
.meerkat-blurb .container .meerkat-content { padding-right: 5vw; }
.meerkat-blurb .footer-embed .at-row>[class^="at-"] { color: #b8bed4; }
.meerkat-blurb .footer-embed .at form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.meerkat-blurb .footer-embed .at form>* { flex: 1; }
.meerkat-blurb .footer-embed .at-form-submit {
    padding: 0;
    margin-top: -45px;
}
.meerkat-blurb .footer-embed .at-fields input[type="email"] { width: 65%; }
.meerkat-blurb .footer-embed .at input[type="submit"] { width: 30%; padding: 15px; border: 0; border-radius: 0; margin-top: -7px !important; float: right; }
.footer-embed .at input[type="submit"]:hover { background: #d12027; border-radius: 0; }
.meerkat-blurb .ngp-form .content p { color: #FFFFFF !important; }


/* Social Share Button */
div.simplesocialbuttons {
    margin: 3vh 0 5vh;
}

/* Post Navigation */
.site-main .comment-navigation, 
.site-main .posts-navigation, 
.site-main .post-navigation {
	border-top: 1px solid #e2e2e2;
    margin: 0;
}
.posts-navigation .nav-previous, 
.post-navigation .nav-previous {
    flex: 1 0 50%;
    width: 50%;
    max-width: 50%;
}

.nav-links {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.nav-links>* {
	flex: 1 0 50%;
	width: 50%;
	margin: 0;
	padding: 0;
	padding: 40px 5vw;
}
.nav-links .nav-previous { border-right: 1px solid #e2e2e2; }
.nav-links>* a {
	display: block;
	font-size: 1.15em;
	line-height: 1.3em;
	font-weight: 600;
	text-decoration: none;
	width: 70%;
}
.nav-links .nav-next a { float: right; }

/* Pagination */
.wp-pagenavi {
    margin: 3vh auto 0;
    padding: 20px 0;
    border-top: 1px solid #e2e2e2;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.wp-pagenavi a, 
.wp-pagenavi span { border: none;}
.wp-pagenavi span.pages { color: #94999b; padding: 0; text-transform: uppercase; font-size: 0.9em; margin-right: 2vw;}
.wp-pagenavi .page,
.wp-pagenavi span.current {
    padding: 8px 12px;
    background: #e2e2e2;
    line-height: 0;
    font-size: 0.9em;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wp-pagenavi span.current { padding: 8px 14px; }
.wp-pagenavi span.current { background: #0060a1; color: #FFFFFF; }
.wp-pagenavi .page:hover { background: #1b2a4c; color: #FFFFFF; }


/* Pages
--------------------------------------------- */
/* Hero */
header.entry-header.page-hero {
    background: rgb(8,16,33);
	background: linear-gradient(37deg, rgba(8,16,33,1) 0%, rgba(40,57,94,1) 43%, rgba(0,94,138,1) 100%);
    padding: 15vh 0 10vh;
    border-bottom: 12px solid #2385bd;
    text-align: center;
}
header.entry-header.page-hero h1 {
    color: #FFFFFF;
    font-size: 3em;
    line-height: 1.1em;
    width: 100%;
    margin: 0 auto;
    max-width: 800px;
}

/* Content */
.page-content { padding: 5vh 0; }

/* Contact Form 7 */
.wpcf7 { width: 100%; max-width: 720px; margin: 0 auto; }
.wpcf7 input,
.wpcf7 textarea,
.wpcf7 select {
    width: 100%;
    padding: 15px;
    border-radius: 0;
    border-color: #b6bbc5;
}
.wpcf7 textarea { height: 200px; }
.wpcf7 label {
    text-transform: uppercase;
    font-size: 0.7em;
    letter-spacing: 0.06em;
    color: #888888;
}
span.wpcf7-form-control.wpcf7-checkbox {
    display: flex;
    align-items: center;
}
span.wpcf7-form-control.wpcf7-checkbox>* {
    width: 100px;
    margin: 0;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
}
span.wpcf7-form-control.wpcf7-checkbox>* input { width: auto; margin-right: 10px; }

.wpcf7 input[type="submit"] {
	cursor: pointer;
	width: auto;
    border: none;
    display: table;
    font-family: inherit;
    margin: 2vh 0 0;
    font-weight: 600;
    color: #FFFFFF;
    font-size: 1em;
    background: #005e8a;
    padding: 20px 3vw;
    border-radius: 10px;
    text-decoration: none;
}
.wpcf7 input[type="submit"]:hover {
	background: #1b2a4c;
}


/* About
--------------------------------------------- */
/* Mission */
.about-mission {
    padding: 8vh 0 10vh;
    border-bottom: 1px solid #e2e2e2;
}
.about-mission h3 {
    font-size: 2em;
}
.about-mission p {
    font-size: 1.3em;
    line-height: 1.5em;
    font-weight: 300;
    margin: 5vh 0 0;
}

/* Team */
#section.team {
	background: #f2f2f5;
	padding: 7vh 0;
}
#section.team .team-top {
    margin-bottom: 2vh;
    padding-bottom: 2vh;
    max-width: 900px;
}
#section.team.advisory {
    border-top: 1px solid #e2e2e2;
    background: #f9f9fb;
}
#section.team .team-members-grid {
	width: 102%;
	margin-left: -1%;
	align-items: flex-start;
}
#section.team li.member {
    background: #FFFFFF;
    border: 1px solid #e2e2e2;
    height: auto;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex: 1 0 31.3%;
    max-width: 31.3%;
    margin: 1%;
}
li.member .headshot {
	width: 100%;
	min-height: 300px;
}
li.member .member-detail {
	padding: 1vw 2vw;
	margin-bottom: auto;
}

li.member .member-detail h4 { font-size: 1.6em; margin: 10px 0 15px; }
li.member .member-detail h4:before { display: none; }
li.member .member-detail p { font-size: 0.9em; line-height: 1.6em; margin: 0 0 2vh; }
li.member .member-detail img { max-width: 200px; margin-bottom: 10px; }
li.member .twitter-follow {
    padding: 15px;
    background: #f9f9f9;
    border-top: 1px solid #efefef;
    text-align: center;
}
li.member .twitter-follow a { 
	text-decoration: none; 
	text-transform: uppercase; 
	font-weight: 600;
	font-size: 0.8em;
	letter-spacing: 0.03em;
}
li.member .twitter-follow a i { font-size: 1.2em; margin-right: 6px; }


/* 404
--------------------------------------------- */
body.error404 {
    background: #000 url('images/homehero-bg.jpg') no-repeat center top;
    background-size: cover;
}
section.error-404.not-found {
    text-align: center;
    color: #FFFFFF;
    padding: 25vh 0 15vh;
}
section.error-404.not-found h1 {
    color: #0099c9;
    font-size: 5em;
    line-height: 1.1em;
    width: 75%;
    margin: 0 auto;
}


/* Footer
--------------------------------------------- */
footer.site-footer {
    background: rgb(27,42,76);
    background: linear-gradient(90deg, rgba(27,42,76,1) 35%, rgba(11,23,50,1) 100%);
	color: #FFFFFF;
	padding: 7vh 0;
}
footer.site-footer a { color: #1b2a4c; }
footer.site-footer a:hover { color: #FFFFFF; }

/* Content */
footer.site-footer .flex-container { align-items: flex-start; }
.footer-logo svg {
    width: 100%;
    max-width: 225px;
    margin: 0 0 5px;
}
.footer-content {
    width: 80%;
    font-weight: 300;
    margin: 0 0 10px;
}
footer.site-footer h4 { margin: 0; }
.footer-socials { padding: 15px 0 0; }
footer.site-footer .footer-socials a { font-size: 1.75em; color: #0099c9; }
footer.site-footer .footer-socials a:hover { color: #FFFFFF; }

.footer-navigation ul.menu li { font-size: 1.3em; line-height: 1.6em; }
.footer-navigation ul.menu li a { 
	font-weight: 800; 
	text-decoration: none; 
	color: #FFFFFF; 
	padding: 5px 0; 
	letter-spacing: 0.02em; 
	display: block; 
}
.footer-navigation ul.menu li a:hover { color: #0099c9; }
.footer-navigation ul.menu li.twitter-logo { display: none; }

footer.site-footer .footer-emailcapture h4 {
	font-size: 1.6em;
	line-height: 1.3em;
    font-weight: 700;
	color: #0099c9;
	margin: 0 0 10px;
}
footer.site-footer .footer-emailcapture h4:before { display: none; }
footer.site-footer .footer-emailcapture p { line-height: 1.3em; }

.footer-embed .at-row>[class^="at-"] {
    margin: 0;
    font-size: 0.8em;
    font-family: montserrat;
    color: #a9b1b5;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    line-height: 2em;
}
.footer-embed .at-fields input[type="email"] {
    border-radius: 8px 8px 0 0;
    padding: 25px 20px;
    border: none;
    margin: 0;
    font-family: inherit;
}
.footer-embed .at-fields input[type="email"]::placeholder {
	color: #151515;
}
.footer-embed .at input[type="submit"] {
    border-radius: 0 0 8px 8px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	background: #0099c9;
	width: 100%;
	margin: 0;
	display: block;
}
body.page .ngp-form .content p {
    color: #249dca !important;
}

/* Copyright */
.copyright {
	background: #0a1323;
	color: #b5c7d0;
	padding: 15px 0;
	font-size: 0.7em;
	line-height: 1.4em;
}
.copyright a { color: inherit; }
.copyright a:hover,
.copyright a.privacy:hover { color: #0099c9; }
.copyright a.privacy { 
    margin-left: 15px;
    border-left: 1px solid rgba(255,255,255,0.2);
    padding-left: 15px;
}


/* =Mobile (Media Queries)
-------------------------------------------------------------- */
@-ms-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
@media only screen and (max-width: 1280px) {
    /* Home */
    .home-hero .hero-logo h1 { font-size: 2.5em; }
}
@media only screen and (max-width: 1024px) {
    /* Archives */
    .post-grid article.card-news { flex: 1 0 48%; width: 48%; max-width: 48%; }
    .post-grid article .featured-image { height: 180px; }
    .post-grid article.card-news { min-height: 550px; }

    /* Home */
    .home-hero .hero-logo { padding: 0 0 3vh; }
    .home-hero .hero-logo img { width: 80%; }
    .home-hero .latest-poll { margin: 0 !important; }
    .home-hero .hero-logo h1 { font-size: 2.5em; }
    .home-hero .latest-poll h3 { font-size: 1.3em; margin: 25px 5vw; }
    article.card-news .entry-content { padding: 35px 5vw 20px; }
    article .featured-image { height: 200px;}
    .home-vision p { font-size: 1.1em; line-height: 1.6em; }

    /* Search Bars */
    .search-container form ul li.sf-field-search { flex: 1 0 100%; padding: 5px 0 0; margin: 0;}
    .search-container .searchandfilter label { display: block; }
    .search-container form ul li.sf-field-submit { flex: 1 0 100%; padding: 0; margin: 0;}
    .search-container .searchandfilter input[type="submit"] { margin: 5px 0 0; padding: 16px; }
    .search-container form ul li.sf-field-search .searchandfilter label { display: block; }
    .search-container .searchandfilter select, 
    .search-container .searchandfilter input { width: 100%; }

	/* Navigation */
	.menu-main-navigation-container { flex: 3; }
	.main-navigation ul { justify-content: flex-end; }
	.main-navigation ul.menu li a { line-height: 1.2em; padding: 5px 2vw; }
}

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

    /* Navigation */
    header#masthead .container { display: block; width: 100%; }
    header#masthead .menu-main-navigation-container { display: none; }
    header#masthead button.menu-toggle {
        display: block;
        background: none;
        border: none;
        width: 40px;
        height: 40px;
        border-radius: 0;
        position: relative;
        margin: 0 auto;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
        z-index: 999;
        font-size: 0;
        position: absolute;
        right: 8vw;
        top: 0;
    }
    button.menu-toggle span {
        display: block;
        position: absolute;
        height: 3px;
        width: 100%;
        background: #FFFFFF;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }
    button.menu-toggle span:nth-child(1) { top: 5px;}
    button.menu-toggle span:nth-child(2),
    button.menu-toggle span:nth-child(3) { top: 20px;}
    button.menu-toggle span:nth-child(4) { top: 35px;}    
    .main-navigation.toggled button.menu-toggle span:nth-child(1) {
        top: 20px;
        width: 0%;
        left: 50%;
    }
    .main-navigation.toggled button.menu-toggle  span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .main-navigation.toggled button.menu-toggle span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .main-navigation.toggled button.menu-toggle span:nth-child(4) {
        top: 20px;
        width: 0%;
        left: 50%;
    }
    header#masthead .main-navigation.toggled,
    header#masthead .main-navigation.toggled .menu-main-navigation-container { display: block; margin-top: 2vh;}
    header#masthead .main-navigation.toggled { margin-bottom: -2vh; }
    header#masthead .main-navigation.toggled button.menu-toggle span { background: #189ccd; }
    header#masthead .main-navigation ul li:last-of-type { border: none; }
    header#masthead.sticky { padding: 15px 0; }
    header#masthead .site-branding,
    header#masthead.sticky .site-branding.sticky-logo { margin-left: 7vw; float: none; padding-bottom: 0; }
    header#masthead.sticky .site-branding.sticky-logo { padding: 0; }
    header#masthead.sticky .site-branding.sticky-logo a { display: block; }
    header#masthead.sticky .main-navigation.toggled { margin-top: 15px; margin-bottom: -15px; }
    header#masthead.sticky button.menu-toggle span { background: #36465d; }
    header#masthead.sticky .main-navigation ul li a { color: #FFFFFF; }
    header#masthead.sticky .main-navigation ul li a:hover { color: #189ccd; }

    header#masthead .site-branding h1.site-title { width: 200px; }
    header#masthead .site-branding,
    header#masthead .main-navigation { flex: 1; }

    header#masthead .main-navigation ul {
	    font-size: 1.1em;
	    display: block;
	    justify-content: flex-end;
	    flex-wrap: wrap;
	    width: 100%;
	    float: none;
	    background: #12203e;
	    z-index: 999999;
	    position: relative;
	}
    header#masthead .main-navigation.toggled li,
    header#masthead .main-navigation.toggled li:last-of-type {
    	border: none;
        border-top: 1px solid rgba(255,255,255,0.1);
        width: 100%;
        margin: 0;
    }
    header#masthead .main-navigation li.menu-item-has-children:hover ul, 
    header#masthead .main-navigation li.menu-item-has-children:active ul {
        float: none;
        position: relative;
        box-shadow: none;
    }
    header#masthead .main-navigation li.menu-item-has-children:hover ul li,
    header#masthead .main-navigation li.menu-item-has-children:active ul li  {
        background: rgba(0,0,0,0.1);
        border-bottom: none;
    } 
    header#masthead .main-navigation li a,
    header#masthead .main-navigation ul.sub-menu li a,
    header#masthead .main-navigation li.menu-item-has-children a { margin: 0; padding: 18px 5vw; }
    header#masthead .main-navigation ul.sub-menu { width: 100%; }
    header#masthead .main-navigation ul li:hover > ul, 
    header#masthead .main-navigation ul li.focus > ul{
        display: block;
        position: relative;
        width: 100%;
        top: auto;
        float: none;
        box-shadow: none;
    }
    header#masthead .main-navigation ul li a { font-weight: 700; letter-spacing: 0.02em;}
    header#masthead .main-navigation ul li a:hover { color: #189ccd; }
    header#masthead .main-navigation ul.menu li.twitter-logo { display: none; }

    /* Home */
    .home-hero .hero-logo .hero-content { font-size: 1.1em; }
    article .featured-image { height: 160px; }
    .featured-icon { width: 100px; height: 100px; }
    ul.featured-categories { margin: 5vh auto 0; }
    ul.featured-categories li.featured-cat {
        margin: 0 auto 15px;
        padding: 3%;
        text-align: center;
        line-height: 1.2em;
    }
    .news-toggle-bar button h3 { font-size: 1em; line-height: 1.1em; padding: 10px 3vw 10px 1vw;}
    article.card-news.news-list { align-items: flex-start; margin: 2vh auto;}
    article.card-news.news-list .entry-content { padding: 0; }
    article.card-news.news-list .featured-image { flex: 1 0 50px; width: 50px; height: 50px !important; margin-right: 30px; margin-top: 5px; }


	/* Flex */
	.flex-container .third { flex: 1 0 50%; width: 50%; }

    /* Archives */
    .post-grid article .featured-image { height: 150px; }

	/* Post */
	header.entry-header.page-hero h1 { font-size: 2.5em; width: 95%; }
	.article-link-content { flex-direction: column-reverse; }
	.article-link-content .article-icon-content { margin: 3vh auto 0; }
	.article-link-content .article-icon { width: 130px; height: 130px; }

	/* About */
	header.entry-header.page-hero { padding: 15vh 0 10vh; }
	.about-mission p { font-size: 1.2em; }
	li.member .member-detail { padding: 20px; }
	#section.team li.member { flex: 1 0 50%; width: 48%; max-width: 48%; }

	/* Footer */
	.footer-emailcapture { margin: 5vh auto 2vh; }
}

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

	.container { width: 85vw; }
	h3, h4 { margin-bottom: 50px; }
	h3:after, h4:after { bottom: -12px; }

	.featured-icon { width: 150px; height: 150px; }
	ul.featured-categories { margin: 5vh auto 0; }
	ul.featured-categories li.featured-cat { margin: 0 auto 15px; }
    ul.featured-categories li.featured-cat strong { font-size: 0.9em; }

	.news-toggle-bar button h3 { font-size: 1.2em; line-height: 1.2em; padding: 10px 3vw 10px 1vw;}
	.home-featured-news { flex-direction: column; }
	article.card-news.news-list { flex: 1 0 100%; width: 100%; max-width: 100%; }
	article.card-news.news-list .entry-content { padding: 20px 0; }
	article.card-news.news-list h4 { font-size: 1.1em; }
	article.card-news.news-list .featured-image { flex: 1 0 70px; width: 70px; height: 70px !important; margin-right: 3vw; }

	/* Flex */
	.flex-container .half,
	.flex-container .third { flex: 1 0 100%; width: 100%; margin: 0 auto 2vh; }

	/* Pages */
	header.entry-header.page-hero h1 { font-size: 2.75em; }

	/* Archives */
    .post-grid article.card-news { flex: 1 0 100%; width: 100%; max-width: 100%; min-height: auto; margin: 0 auto 2vh; }
    .post-grid article.card-news .large-cta { padding: 18px 25px; font-size: 1em; margin-top: 15px; }
    .post-grid article .featured-image { height: 250px; margin: 0; }
	article.card-news.news-list .entry-content { padding: 15px 20px;}

    /* Search Bars */
    .search-container form ul { display: block; }
    .search-container form ul li { margin: 0 0 5px; }
    .search-container form ul li.sf-field-post_date { display: none !important; }
    .search-container .searchandfilter li.sf-field-tag label,
    .search-container .searchandfilter select { max-width: 100% !important; }

    .post-grid article .featured-image { height: 215px; }

    .post-grid .flex-container { width: 100%; margin: 0 auto; }

	body.archive article.card-news.news-list { align-items: flex-start; }
	body.archive article.card-news.news-list .featured-image { flex: 1 0 90px; width: 90px; height: 90px !important; margin: 15px 0; }
	body.archive article.card-news.news-list h4 { font-size: 1.4em; }
	body.archive article.card-news.news-list.press-release { padding: 25px 12vw 30px 25px; }
	body.archive article.card-news.news-list.press-release h4 { font-size: 1.8em; }

	/* Post */
	header.entry-header.page-hero { padding: 12vh 0 8vh; }
	header.entry-header.page-hero h1 { font-size: 2em; width: 95%; }

    header.page-hero ul.category li { font-size: 0.8em; line-height: 1.5em; }
    .article-image .article-download { margin: 15px auto; }
    .vc_separator.wpb_content_element { min-height: 25px }

	.nav-links>* { padding: 20px 4vw; }
	.nav-links>* a { font-size: 0.9em; }
    
    .article-image .article-download { display: flex; flex-direction: column; }
    .article-image .article-download>* { flex: 1 0 100%; width: 100%; margin: 10px auto 2px; }
    .article-image { margin: -10vh auto 2vh; }
    .meerkat-blurb .footer-embed .at form { flex-direction: column; }
    .meerkat-blurb .footer-embed .at form>* { flex: 1 0 100%; width: 100%; margin: 0 auto 5px; }
    .meerkat-blurb .footer-embed .at-fields input[type="email"],
    .meerkat-blurb .footer-embed .at input[type="submit"] {
        display: block; float: none; width: 100%;
    }

    .meerkat-blurb { padding: 2vh 0 5vh; }
    .meerkat-blurb .container { display: flex; flex-direction: column; }
    .meerkat-blurb .container>* { flex: 1 0 100%; width: 100%; max-width: 100%;  }
    .meerkat-blurb h4 { font-size: 2em; }
    .meerkat-blurb p { font-size: 0.9em; line-height: 1.4em; margin-bottom: 5px;}
    .meerkat-blurb .container .meerkat-content { padding: 2vh 0; margin: 0; }

    /* Research */
    header.entry-header.page-hero p {
        color: #bfd4e0;
        font-size: 0.8em;
        line-height: 1.4em;
        margin: 15px auto 0;
    }

    .article-image .article-download a.large-cta { max-width: 100%; }

	/* About */
	.about-mission p { font-size: 1.2em; }
	#section.team .team-members-grid { width: 100%; margin: 0 auto; }
	li.member .member-detail { padding: 30px; }
	#section.team li.member { flex: 1 0 100%; width: 100%; max-width: 100%; margin: 0 auto 15px; }

	/* Footer */
	footer.site-footer .container { padding: 0 5vw; }
	footer.site-footer .flex-container .third { text-align: center; margin: 20px auto;}
    .footer-content { width: 100%; }
	footer.site-footer .flex-container .third.footer-navigation { display: none; }
	.copyright .container { padding: 5px 10vw; text-align: center; }
}

@media only screen and (max-width: 420px) {
	header#masthead .site-branding { margin-left: 8vw;}
	header#masthead .site-branding svg { max-width: 160px; margin-top: 5px;}
	header#masthead button.menu-toggle { right: 8vw; top: 0; }
	header#masthead .main-navigation li a, 
	header#masthead .main-navigation ul.sub-menu li a, 
	header#masthead .main-navigation li.menu-item-has-children a { padding: 20px 8vw; }

	body { font-size: 16px; line-height: 24px; }

	/* Pages */
	header.entry-header.page-hero { padding: 15vh 0 6vh;}
	header.entry-header.page-hero h1 { font-size: 2.35em; }
	.wpcf7 input[type="submit"] { width: 100%; }
	.comment-navigation .nav-links, .posts-navigation .nav-links, .post-navigation .nav-links { display: block; }
	.posts-navigation .nav-previous, 
	.post-navigation .nav-previous,
	.posts-navigation .nav-next, 
	.post-navigation .nav-next { flex: 1 0 100%; width: 100%; max-width: 100%; border-right: none; overflow: hidden;}
	.posts-navigation .nav-next, 
	.post-navigation .nav-next { border-top: 1px dotted #e2e2e2; }
	.nav-links>* { padding: 20px 7vw; }
	.nav-links>* a { font-size: 0.9em; }

    /* Polls */
    header.page-hero span.category { font-size: 0.8em; line-height: 1.5em; }
    header.entry-header.page-hero h1 { font-size: 2em; }

    header.page-hero span.date { font-size: 0.9em; margin-bottom: 2vh; }
    .article-image .article-download { margin: 0 auto 10px }

    .about-navigator { font-size: 0.9em; line-height: 1.6em; }
    .about-navigator .container .about-content { padding: 0; margin: 0 0 3vh; }
    .nav-links>*  { padding: 25px 7vw; }
    .nav-links>* a { font-size: 1em; }
    .entry-content blockquote { font-size: 1.5em; line-height: 1.2em; }

    /* Archives */
    .post-grid article .featured-image { height: 160px; margin: 0; }
    article.card-news .entry-content { padding: 25px 5vw 15px; }
    .post-grid article.card-news .large-cta { padding: 15px 25px; font-size: 1em; margin-top: 15px; }
    article.card-news.news-list .entry-content { padding: 15px 20px;}

	body.archive article.card-news.news-list .featured-image { flex: 1 0 60px; width: 60px; height: 60px !important; margin: 10px 5vw 10px 0; }
	body.archive article.card-news.news-list.press-release h4 { font-size: 1.5em; }
	body.archive article.card-news.news-list h4 { font-size: 1.25em; }
	body.archive article.card-news.news-list p { font-size: 0.9em; line-height: 1.6em; margin: 6px 0; }
	body.archive article.card-news.news-list { margin: 10px auto; padding: 25px 0; }

    /* Footer */
    .copyright { font-size: 0.75em; line-height: 1.5em; }
}