/* ---------- Typekit ---------- */
/*
Lato Italic
font-family: lato, sans-serif;
font-weight: 400;
font-style: italic;

Lato Bold Italic
font-family: lato, sans-serif;
font-weight: 700;
font-style: italic;

Lato Bold
font-family: lato, sans-serif;
font-weight: 700;
font-style: normal;

Lato Light Italic
font-family: lato, sans-serif;
font-weight: 300;
font-style: italic;

Lato Regular
font-family: lato, sans-serif;
font-weight: 400;
font-style: normal;

Lato Light
font-family: lato, sans-serif;
font-weight: 300;
font-style: normal;

Trajan Pro 3 Regular
font-family: trajan-pro-3, serif;
font-weight: 400;
font-style: normal;

Trajan Pro 3 Semibold
font-family: trajan-pro-3, serif;
font-weight: 600;
font-style: normal;

 */
/* ---------- Base Template ---------- */
html {
	overflow-y: scroll;
}
body {
/* 	padding-top: 56px; */
	background-color: #fdfdfd;
	color: #333333;
}
main {
	/* background-image: url('../img/debut-light-1920x1080.png');
	 */
	background-repeat: repeat;
	background-attachment: fixed;
	border-top: 1px solid #92140C;
}
.bg-light {
	background-color: #fdfdfd !important;
}
/* ---------- Links ---------- */
a, a:visited {
	color: #002c76;
}
a:hover, a:focus, a:active {
	color: #1E376D;
}
/* ---------- Typography ---------- */
h1, h2, h3, h4, h5, h6, blockquote {
	font-family: 'lato', sans-serif;
	font-weight: 700;
}
a, li, .card-body, .card-footer {
	font-family: 'lato', sans-serif;
	font-weight: 400;
}
p {
	font-family: 'lato', sans-serif;
	font-weight: 400;
	font-size: 1rem;
	color: #333333;
	background-color: #fdfdfd;
    margin-bottom: 1rem;
	text-align: left;
}
/* ---------- Buttons ---------- */
.btn, .btn:visited {
	background-color: #1E376D;
	color: #fdfdfd;
	margin: 1rem auto;
}
/* 
a.btn-more, a.btn-more:visited {
	background-color: #1E376D;
	color: #fdfdfd;
	margin: 1em auto;
	width: 50%;
}
a.btn-more:hover, a.btn-more:active, a.btn-more:focus {
	background-color: #92140C;
	color: #fdfdfd;
}
 */
.btn-primary {
	color: #fdfdfd;
	background-color: #1E376D;
	border-color: #1E376D;
}
.btn:hover, .btn:active, .btn:focus {
	background-color: #92140C;
	color: #fdfdfd;
}
.btn:hover a, .btn:active a, .btn:focus a {
	background-color: #92140C;
	color: #fdfdfd;
}
.btn-subscribe {
	font-size: 0.75rem;
}
/* ---------- Page Functions ---------- */
 div.pagefunctions {
	 margin: 1rem 0;
}
.btn-pagefunction {
	 background-color: #fff;
	 color: #333;
	 border: 1px solid #777;
}
.btn-pagefunction a {
	 color: #333;
}
.btn-pagefunction a:hover {
	 color: #fdfdfd;
}
/* ---------- Brand ---------- */
div.brand {
	margin: auto;
	text-align: center;
	border-bottom: 1px solid #1E376D;
}
div.brand h1 {
	font-family: trajan-pro-3, serif;
	font-weight: 400;
	color: #1E376D;
	background-color: #fdfdfd;
	font-size: 1.5rem;
	vertical-align: bottom;
	display: inline-block;
}
#logo {
	height: 50px;
}
div.brand h1#desktop {
	display: inline-block;
}
div.brand h1#mobile{
	display: none;
}
/* ---------- Navigation ---------- */
#nav-container {
	max-width: 1500px;
}
nav a {
	font-family: 'lato', sans-serif;
	font-weight: 300;
	font-size: 1rem;
}
.nav-item {
	border-right: 1px solid #92140C;
}
.nav-item:last-child {
	border-right: none;
}
.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:visited {
	background-color: #fdfdfd;
	color: #1E376D;
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:active, .navbar-light .navbar-nav .nav-link:focus {
	background-color: #fdfdfd;
	color: #92140C;
	text-decoration: underline;
}
.navbar-toggler {
	margin-left: 85%;
}
 a.skipNav {
	 display: inline-block;
	 float: left;
	 color: transparent;
	 position: absolute;
}
 a.skipNav:focus {
	 display: inline-block;
	 color: #92140C;
}
/* ---------- Search ---------- */
 input#q {
	max-width: 120px;
	border-radius: 3px;
	border: 1px solid #92140C;
	margin-left: 1rem;
}
input#q:focus {
	color: #92140C;
}
button.btn-search, button.btn-search:visited {
	background-color: #1E376D;
	color: #fdfdfd;
	margin: 1rem auto;
}
button.btn-search:hover, button.btn-search:active, button.btn-search:focus {
	background-color: #92140C;
	color: #1E376D;
}
/* ---------- Masonry Grid ---------- */
.grid {
	display: grid;
	grid-gap: 10px;
	grid-template-columns: repeat(auto-fill, minmax(200px,1fr));
	grid-auto-rows: minmax(20px, auto);
}
.item {
    border: 1px solid #999999;
    padding: 10px;
}
.item .content {
	/*-webkit-border-radius: 3px;*/
	/*-moz-border-radius: 3px;*/
	/*border-radius: 3px;*/
	display: block;
	/*min-height: 240px;*/
	max-height: 353px;
	overflow: hidden;
	position: relative;
}
.item .content > img {
	display: block;
	margin-bottom: 0;
	width: 100%;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
.grid_title {
	color: white;
	display: inline-block;
	font-family: 'lato', sans-serif;
	font-weight: 300;
	font-family: "Montserrat";
	font-weight: 700;
	font-size: 1.75rem;
	line-height: 1.2;
	margin-bottom: 0.75rem;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.grid_title:hover {
	color: rgba(255, 255, 255, 0.7);
	text-decoration: none;
}
.grid_title:hover {
	color: #fdfdfd;
	text-decoration: underline;
}
.grid_title:visited, .grid_title:active, .grid_title:focus {
	color: #fdfdfd;
	text-decoration: none;
}
.grid_content {
	position: absolute;
	bottom: 0;
	padding: 1.5rem;
	z-index: 3;
	width: 100%;
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(51, 51, 51, 0.5));
}
.grid .item .content h2.title a {
	font-family: 'lato', sans-serif;
	font-weight: 700;
	font-size: 1rem;
	color: #1E376D;
	background-color: #fdfdfd;
	text-transform: none;
	line-height: 1;
}
/* ---------- Survey ---------- */
section.survey {
}
section.survey .summary {
    /*margin: 1rem 0;*/
}
section.survey .summary p {
    text-align: center;
    border-bottom: 1px solid #92140C;
    /*width: 50%;*/
    font-size: 1.2rem;
    margin: auto;
    padding: 1rem 0 0.5rem 0;
}
section.survey .summary p:last-child {
    border-bottom: none;
}
section.survey .summary h2 {
    background-color: #fdfdfd;
    color: #1E376D;
    text-align: center;
    margin: 1rem 0;
    font-size: 1.6rem;
}
section.survey .summary h3 {
    background-color: #fdfdfd;
    color: #92140C;
    font-weight: 300;
    margin: 1rem 0;
}
section.survey .summary ol {
    list-style: decimal;
    line-height: 1.2;
    margin-left: 2rem;
}
section.survey .summary ol li {
    padding: 10px 0;
}
section.survey .contact {
    border-top: 1px solid #92140C;
    border-bottom: 1px solid #92140C;
}
section.survey .contact h4 {
    background-color: #fdfdfd;
    color: #1E376D;
    margin: 1rem 0;
    font-weight: 400;
}
section.survey .contact p {
}
section.survey .analysis {
    /*margin: 1rem 0;*/
}
section.survey .analysis h3 {
    background-color: #fdfdfd;
    color: #1E376D;
    margin-top: 1rem;
    font-weight: 400;
}
section.survey .analysis p {
}
section.survey .analysis table {
}
section.survey .analysis thead {
}
section.survey .analysis tbody {
}

/* ---------- Post ---------- */
section.post {
}
section.post .headline {
	padding: 1rem 0;	
	border-bottom: 1px solid #92140C;
}
section.post .headline p img {
	width: 100%;
	max-width: 400px;
}
section.post .headline h2.title {
	font-family: 'lato', sans-serif;
	font-weight: 700;
	font-size: 1.5rem;
	color: #1E376D;
	background-color: #fdfdfd;
}
section.post .headline p.date {
	text-transform: uppercase;
	font-weight: 300;
	margin-top: 0.5rem;
}
section.post .headline p.byline {
	font-weight: 300;
}
section.post .headline p.category {
	font-size: 0.8rem;
	color: #92140C;
	background-color: #fdfdfd;
	font-weight: 300;
}
section.post .content {
	padding: 1rem 0;	
}
section.post .content img.postImage {
    width: 80%;
    max-width: 600px;
    margin: 2rem auto;
}
section.post .content p.caption {
    text-align: center;
    font-weight: 300;
    margin-top: -1.5rem;
    font-size: 1rem;
    background-color: #f2f2f2;
    color: #333;
    padding: 10px;
    width: 80%;
    max-width: 600px;
}
/* ---------- Page ---------- */
section.page {
}
section.page h2 {
	font-family: 'lato', sans-serif;
	font-weight: 700;
	font-size: 1.75rem;
	color: #1E376D;
	background-color: #fdfdfd;
	padding: 1rem 0;	
	border-bottom: 1px solid #92140C;
}
section.page .content {
	padding: 1rem 0;	
}
section.page .content h3 {
	font-family: 'lato', sans-serif;
	font-weight: 700;
	font-size: 1.5rem;
	color: #92140C;
	background-color: #fdfdfd;
	margin-top: 1.5rem;
}
section.page .content h4 {
	font-family: 'lato', sans-serif;
	font-weight: 700;
	font-size: 1.25rem;
	color: #1E376D;
	background-color: #fdfdfd;
	margin-top: 1.25rem;
}
section.page .content ul {
	list-style: inherit;
	margin-left: 1.5rem;
}
section.page .content ol {
	list-style: decimal;
	margin-left: 1.5rem;
}

/* ---------- Archive & Category ---------- */
section.archive h1, section.category h1 {
	padding-bottom: 1rem;
	font-family: 'lato', sans-serif;
	font-weight: 300;
	font-size: 2.5rem;
	color: #92140C;
	background-color: #fdfdfd;	
	margin-top: 1rem;
}
section.archive h2, section.category h2 {
	border-bottom: 1px solid #92140C;
	padding-bottom: 1rem;
	font-family: 'lato', sans-serif;
	font-weight: 300;
	font-size: 1.7rem;
	color: #333333;
	background-color: #fdfdfd;	
	margin: 1rem 0;
}
section.archive h3 {
	margin: 1rem 0;
	font-family: 'lato', sans-serif;
	font-weight: 300;
	font-size: 1.4rem;
	color: #333333;
	background-color: #fdfdfd;	
	/*text-transform: uppercase;*/
}
section.archive h4, section.category h3 {
	padding-bottom: 0.5rem;
	font-family: 'lato', sans-serif;
	font-weight: 700;
	font-size: 1.2rem;
	color: #333333;
	background-color: #fdfdfd;	
	margin-bottom: 0;
}
section.archive #siteIndex h5, section.archive #yearIndex h4, section.archive #monthIndex h3, section.archive #surveyIndex h4 {
	padding-bottom: 0.5rem;
	font-family: 'lato', sans-serif;
	font-weight: 700;
	font-size: 1rem;
	color: #333333;
	background-color: #fdfdfd;	
	margin-bottom: 0;
}
section.archive .entry {
	border-left: 2px solid #92140C;
	margin-top: 1.5rem;
}
section.archive p.date, section.category p.date {
	text-transform: uppercase;
	font-weight: 300;
	margin: 0.5rem 0;
	font-size: 0.8rem;
}
section.archive p.byline, section.category p.byline {
	font-weight: 300;
	font-size: 0.8rem;
	margin-bottom: 0.5rem;
}
section.archive p.category, section.category p.category {
	font-size: 0.8rem;
	color: #92140C;
	background-color: #fdfdfd;
	font-weight: 300;
}

/* ---------- Homepage Layout ---------- */
section.home {
}
section.home #top {
	border-bottom: 1px solid #92140C;
}
section.home #stories .feature {
	padding: 1rem 0;
	/*border-bottom: 1px solid #92140C;*/
	margin: auto;
}
section.home #top .feature img {
	height: auto;
	width: 100%;
    margin: 0;
}
section.home #stories .feature h2 {
	font-family: 'lato', sans-serif;
	font-weight: 700;
	font-size: 2rem;
	color: #1E376D;
	background-color: #fdfdfd;	
}
section.home #stories .feature p.date {
	font-size: 1rem;
    margin: 1rem 0;
}
/*section.home #stories .feature {*/
/*	border-bottom: 1px solid #92140C;*/
/*	padding: 1rem 0;*/
/*	margin: auto;*/
/*}*/
/*section.home #top .feature img {*/
/*	height: auto;*/
/*	width: 80%;*/
/*	margin: 0 10%;*/
/*}*/
/*section.home #stories .feature:last-child {*/
/*	border-bottom: none;*/
/*	padding: 1rem 0;*/
/*}*/
section.home p.date {
	font-family: 'lato', sans-serif;
	font-weight: 300;
	font-size: 0.8rem;
	color: #333333;
	background-color: #fdfdfd;
	text-transform: uppercase;
    margin-bottom: 0.5rem;
}
section.home p.byline {
	font-family: 'lato', sans-serif;
	font-weight: 300;
	font-size: 0.8rem;
	color: #333333;
	background-color: #fdfdfd;	
}
section.home h2 {
	font-family: 'lato', sans-serif;
	font-weight: 700;
	font-size: 1.2rem;
	color: #1E376D;
	background-color: #fdfdfd;	
}
section.home #top .side {
	padding: 1rem 0;
}
section.home #top .side h2 {
	font-family: 'lato', sans-serif;
	font-weight: 700;
	font-size: 1.5rem;
	color: #1E376D;
	background-color: #fdfdfd;	
	text-transform: uppercase;
	text-align: center;
    border-bottom: 1px solid #92140C;
    padding-bottom: 5px;
}
section.home .survey {
	border-bottom: 1px solid #92140C;
	margin: 0.5rem 1rem;
}
section.home .survey:last-child {
    border-bottom: none;
}
section.home .survey h3 {
	font-family: 'lato', sans-serif;
	font-weight: 700;
	font-size: 1rem;
	color: #1E376D;
	background-color: #fdfdfd;	
}
section.home #twitter-embed {
	margin: 0.5rem 1rem;
}
section.home #lower {
	margin-top: 1.5rem;
}
section.home #lower p.date{
	margin-top: 0.5rem;
}
section.home #lower #more button {
    margin: 0;
    width: 100%;
    height: -webkit-fill-available;
    background-color: #fdfdfd;
    border: 1px solid #1E376D;
    color: #1E376D;
}
section.home #lower #more button:hover {
    background-color: #f2f2f2;
    color: #1E376D;
    border: 1px solid #92140C;
}
/* ---------- Table ---------- */
table {
	width: 90%;
	margin: 1.5rem auto;
	font-family: 'lato', sans-serif;
}
caption {
    caption-side: top;
}
thead {
	font-weight: 700;
	background-color: #e5e5e5;
	color: #1E376D;
}
td, th {
	border: 1px solid #1E376D;
	padding: 5px;
}

/* ---------- Footer ---------- */
 footer {
	background-color: #fdfdfd;
	color: #1E376D;
	padding: 1rem 1rem 0 1rem;
	margin-top: 1rem;
	border-top: 1px solid #1E376D;
	text-align: center;
}
footer #logo {
	height: 35px;
}
footer #brand {
	margin: auto;
	text-align: center;
}
footer #brand h1 {
	font-family: trajan-pro-3, serif;
	font-weight: 400;
	color: #1E376D;
	background-color: #fdfdfd;
	font-size: 1.2rem;
	vertical-align: sub;
	display: inline-block;
}
footer p {
	border-bottom: 1px solid #92140C;
	padding-bottom: 1rem;
}
footer a#backtotop, footer a#backtotop:link, footer a#backtotop:visited {
	color: #f2f2f2;
	background: #1E376D;
	text-decoration: none;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	z-index: 5;
	position: fixed;
	bottom: 0rem;
	right: 1rem;
	padding: 10px;
	display: inline;
	height: 40px;
}
footer a#backtotop:hover, footer a#backtotop:active, footer a#backtotop:focus {
	color: #fdfdfd;
	background: #92140C;
}
/* ---------- Actions ---------- */
#actions {
	font-size: 0.813rem;
	color: #1E376D;
	background-color: #fdfdfd;
	padding-top: 1rem;
}
#actions a, #actions a:link, #actions a:visited {
	color: #1E376D;
	background-color: #fdfdfd;
	margin: 5px;
}
#actions a:hover, #actions a:active, #actions a:focus {
	background-color: #fdfdfd;
	color: #92140C;
}

/* ---------- Accordion ---------- */
.btn-accordion {
	background-color: transparent;
	color: #1E376D;
	margin: 0;
	font-size: 1.2rem;
	border: none;
}
.btn-accordion:hover {
	color: #92140C;
}
.card-body h4 {
    font-size: 1.1rem;
    border-bottom: 1px solid #92140C;
    padding-bottom: 5px;
}
#aboutus ul {
    list-style: initial;
    margin-left: 1.5rem;
    line-height: 1.2;
}
#aboutus li {
    padding: 5px;
}

/* ---------- Mailchimp ---------- */
#mc_embed_signup{
    background:#fff;
    clear:left;
    font:14px 'Lato',sans-serif;
}
/* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.
   We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
div#mc_embed_signup_scroll {
    border-bottom: 1px solid #92140C;
}
/* ---------- Piktochart Embeds ---------- */
.piktochart {
    height: 600px;
    width: 100%;
    max-width: 640px;
}
.piktochart100719 {
    height: 750px;
    width: 100%;
    max-width: 640px;
}

/* ---------- Media Queries ---------- */
@media screen and (min-width: 1200px) {
	.container {
		max-width: 90%;
	}
}
@media (max-width: 1200px) {
    section.home #top .feature img {
    	width: 100%;
    	margin: 0;
    }
    .piktochart100719 {
        height: 700px;
    }
}
@media (max-width: 991px) {
	.side {
		border-top: 1px solid #92140C;
	}
	div.brand h1#desktop {
		display: none;
	}
	div.brand h1#mobile{
		display: inline-block;
	}
    input#q {
    	max-width: 400px;
    	margin-left: 0;
    }
    #mobilesearch, input.search {
		margin: 0;
		display: inline-block;
		vertical-align: top;
	}
	#headerImg {
		height: 300px;
	}
	#headerImg img {
		height: 150px;
	}
	.sidebar {
		margin-top:1rem;
	}
	#menuLock {
		margin-left: 0;
	}
	.nav-item {
		border-right: none;
	}
	section.survey .summary p {
        width: 75%;
    }
    section.home p.date {
        margin-top: 0.5rem;
    }
    .piktochart {
        height: 525px;
    }
    .piktochart100719 {
        height: 625px;
    }
}
@media (max-width: 768px) {
    .piktochart {
        height: 400px;
    }
    .piktochart100719 {
        height: 500px;
    }
}
@media (max-width: 600px) {
    .piktochart {
        height: 350px;
    }
    .piktochart100719 {
        height: 450px;
    }
}