@font-face {
font-family:"Socialico";
src:url(//dchistory.org/fonts/Socialico.eot?) format("eot"),
url(//dchistory.org/fonts/Socialico.woff) format("woff"),
url(//dchistory.org/fonts/Socialico.ttf) format("truetype"),
url(//dchistory.org/fonts/Socialico.svg#Socialico) format("svg");
font-weight:normal;
font-style:normal;
}
@font-face {
font-family: 'socialico_plusregular';
src: url(//dchistory.org/fonts/socialico_plus-webfont.eot);
src: url(//dchistory.org/fonts/socialico_plus-webfont.eot?#iefix) format('embedded-opentype'),
url(//dchistory.org/fonts/socialico_plus-webfont.woff2) format('woff2'),
url(//dchistory.org/fonts/socialico_plus-webfont.woff) format('woff'),
url(//dchistory.org/fonts/socialico_plus-webfont.ttf) format('truetype'),
url(//dchistory.org/fonts/socialico_plus-webfont.svg#socialico_plusregular) format('svg');
font-weight: normal;
font-style: normal;
} body {
font-size: 62.5%;
font-family: 'p22-underground',sans-serif;
line-height: 0px;
margin: 0px;
text-align: center;
padding: 0px;
}
a img {
border: 0px;
}
a {
text-decoration: none;
color: #4192E1;
}
#content a {	
padding-bottom: 2px;
border-bottom: 1px dotted #4192E1;
}
.contain {
max-width: 1300px;
box-sizing: border-box;
margin: 0 auto;
text-align: left;
} #header {
background-color: #4192e1;
background-color: rgba(65, 146, 225, 0.86);
padding: 30px 50px 0;
position: fixed;
left: 0px;
top: 0px;
width: 100%;
box-sizing: border-box;
z-index: 20000;
}
#header.stickie {
padding: 0px 50px;
background-color: #4192e1;
}
#header .contain {
display: grid;
grid-template-columns: auto auto;
grid-template-rows: auto;
row-gap: 25px;
column-gap: 30px;
grid-template-areas: 
"mainid metahead"
"mainid mainnav";
}
h1 {
grid-area: mainid;
width: 145px;
position: relative;
margin: 0px;
opacity: 1;
transition: opacity .3s;
}
h1:hover {
opacity: .7;
}
h1 a {
display: block;
width: 100%;
padding-bottom: 62.5%;
background-image: url(//dchistory.org/images/Logo-Full-BlackandWhite.png);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
text-indent: -10000px;
}
ul#metanav {
grid-area: metahead;
list-style: none;
display: flex;
justify-content: flex-end;
margin: 0px;
padding: 0px;
}
ul#mainnav {
grid-area: mainnav;
list-style: none;
display: flex;
justify-content: flex-end;
margin: 0px;
padding: 0px;
position: relative;
font-family: 'p22-underground',sans-serif;
}
#header.stickie ul#mainnav {
padding-top: 0px;
}
ul#mainnav > li {
font-size: 2em;
line-height: 1;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
position: relative;
}
ul#mainnav > li > a {
display: block;
padding: 5px 20px 5px 20px;
color: #fff;
position: relative;
transition: color .3s;
}
#header.stickie ul#mainnav > li > a {
}
ul#mainnav > li:hover > a {
color: #000;
}
ul#mainnav > li > ul {
display: none;
position: absolute;
top: 100%;
right: 0;
width: 400px;
list-style: none;
margin: 0;
padding: 15px 5px;
-webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.35);
box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.35);
z-index: 1000;
background-color: #fff;
background-color: rgba(255,255,255,.95);
font-weight: 400;
}
ul#mainnav > li#menu-item-18691 > ul {
width: 200px;
}
ul#mainnav > li:hover > ul {
display: block;
column-count: 2;
column-gap: 20px;
column-rule: 1px dotted #bbb;
}
ul#mainnav > li > ul > li {
font-size: 65%;
display: block; 
break-inside: avoid;
}
ul#mainnav > li > ul > li > a {
display: block;
padding: 5px 15px;
color: #1C804D;
font-weight: 900;
}
ul#mainnav > li:hover > ul > li > a {
color: #316EA9;
}
ul#mainnav > li:hover > ul > li> a:hover  {
color: #316EA9;
}
ul#mainnav > li > ul > li > ul {
list-style: none;
padding: 0px;
margin: 0px;
text-transform: none;
letter-spacing: 0;
}
ul#mainnav > li > ul > li > ul > li {
padding: 0px;
margin: 0px;
}
ul#mainnav > li > ul > li > ul > li > a {
padding: 5px 15px;
display: block;
color: #33322B;
}
ul#mainnav > li > ul > li > ul > li > a:hover {
color: #316EA9;
}
#header ul#metanav {
height: auto;
transition: all 2s;
overflow: hidden;
}
#header ul#metanav li {
text-transform: uppercase;
font-size: 1.2em;
line-height: 1;
border-left: 1px solid #fff;
}
#header ul#metanav li a {
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
padding: 5px 10px;
display: block;
transition: color .3s;
}
#header ul#metanav li a:hover {
color: #33322B;
}
#header ul#metanav li:nth-of-type(2), #header ul#metanav li:nth-of-type(1) {
border-left: 0px;
}
#header ul#metanav li:first-of-type a {
background-color: #fff;
font-weight: 900;
color: #000;
margin-right: 5px;
transition: all.3s;
}
#header ul#metanav li:first-of-type a:hover {
background-color: #FDCE89;
color: #33322B;
}
#header.stickie ul#metanav {
display: none;
}
#header.stickie h1 {
width: 350px;
}
#header.stickie h1 a {
background-image: url(//dchistory.org/images/Logo-Wordmark-WithFrame-BlackandWhite.png);
padding-bottom: 11.36%;
}
#header.stickie .contain {
align-items: center;
grid-template-areas:
"mainid mainnav"
}  #carousel {
margin: 0px;
position: relative;
}
#carousel .slide {
padding-bottom: 55%;
background-size: cover;
background-position: center center;
width: 100%;
}
#carousel .slide a {
display: block;
top: 0;
left: 0px;
width: 100%;
position: absolute;
height: 100%;
}
.slide .slidelabel {
width: 50%;
position: absolute;
bottom: 20%;
left: 0;
text-align: right;
background-color: #d9e9f9;
background-color: rgba(217, 233, 249, 0.9);
transition: all .5s;
padding: 20px 0 20px 80px;
}
.slide .slidelabel .slcontain {
max-width: 700px;
box-sizing: border-box;
text-align: left;
padding: 0px 0px 0px 20px;
transition: max-width .5s;
border-left: 1px solid #4192e1;
}
.slide .slidelabel .slcontain h3 {
color: #000;
font-size: 2.4em;
line-height: 1.3;
font-weight: 900;
margin: 0px;
font-family: 'p22-underground',sans-serif;
}
.slide .slidelabel .slcontain p {
color: #33322B;
font-size: 1.8em;
line-height: 1.3;
margin: 0px;
font-family: 'Poppins', sans-serif;
} #pitch .contain {
padding: 70px;
display: grid;
grid-template-columns: .35fr .65fr;
grid-template-rows: auto;
row-gap: 0px;
column-gap: 70px;
grid-template-areas: 
"contact minibio";
align-items: center;
}
#pitch .contain .contact {
grid-area: contact;
text-align: right;
}
#pitch .contact p {
font-size: 2em;
line-height: 1.5;
color: #005a92;
margin: 0px;
font-family: 'Poppins', sans-serif;
}
#pitch .contact p strong {
font-weight: 900;
font-size: 150%;
color: #316ea9;
}
#pitch .contain .brief {
grid-area: minibio;
}
#pitch .brief p {
font-size: 2.4em;
line-height: 1.5;
margin: 0;
color: #005a92;
font-weight: 300;
font-family: 'Poppins', sans-serif;
}
#pitch .brief p strong {
font-weight: 400;
}
#pitch .brief p:last-of-type a {
display: inline-block;
font-size: 70%;
padding: 5px 40px;
background-color: #4192e1;
text-transform: uppercase;
color: #fff;
margin-top: 15px;
margin-left: -10px;
transition: background-color .3s;
}
#pitch .brief p:last-of-type a:hover {
background-color: #005a92;
} .home h2.seched {
padding: 30px 50px;
color: #fff;
} 
.home h2 {
font-family: 'p22-underground',sans-serif;
}
#discover h2 {
background-color: #316ea9;
border-bottom: 2px solid #fff;
font-size: 7.6em;
line-height: 1;
margin: 0;
font-weight: 400;
text-transform: uppercase;
}
#frblog h2 {
background-color: #316ea9;
font-size: 5.7em;
line-height: 1;
margin: 0 0 12px 0;
font-weight: 400;
text-transform: uppercase;
}
#events h2 {
background-color: #316ea9;
font-size: 2.4em;
line-height: 1;
margin: 0 0 2px 0;
font-weight: 900;
text-transform: uppercase;
border-bottom: 2px solid #ffffff;
}
#timeline > h2 {
background-color: #316ea9;
font-size: 6em;
line-height: 1;
font-weight: 900;
text-transform: uppercase;
border-bottom: 2px solid #ffffff;
font-weight: 400;
margin: 0;
}
#support h2 {
background-color: #8DBEED;
font-size: 5.4em;
line-height: 1;
font-weight: 400;
text-transform: uppercase;
border-bottom: 2px solid #ffffff;
font-weight: 400;
margin: 0;
color: #fff;
padding: 30px 50px;
} #discover {
background-color: #d9e9f9;
margin-bottom: 70px;
}
#discover .contain {
display: flex;
position: relative;
}
#discover .disblock {
width: calc(33.3% - 2px);
position: relative;
background-size: cover;
background-position: center center;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
}
#discover .disblock a {
display: block;
padding-bottom: 75%;
background-color: rgba(28, 14, 70, 0.2);
transition: background-color .3s;
}
#discover .disblock a:hover {
background-color: rgba(28, 14, 70, 0.5);
}
#discover .disblock a span {
position: absolute;
display: flex;
top: 0;
left: 0;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
font-size: 2.8em;
line-height: 1.3;
font-weight: 700;
text-transform: uppercase;
color: #fff;
text-align: center;
padding: 30px;
box-sizing: border-box;
text-shadow: 0px 0px 8px rgba(0,0,0,0.53);
}
#content {
margin: 0;
position: relative;
overflow: hidden;
} #frblog .contain {
display: flex;
position: relative;
padding: 0 0 50px 0;
}
#frblog .blogpost {
width: 31%;
margin: 1%;
position: relative;
-webkit-box-shadow: 0px 0px 26px 0px rgba(86,160,173,0.28);
-moz-box-shadow: 0px 0px 26px 0px rgba(86,160,173,0.28);
box-shadow: 0px 0px 26px 0px rgba(86,160,173,0.28);
transition: box-shadow .5s;
background-color: #ffffff;
}
#frblog .blogpost:hover {
-webkit-box-shadow: 0px 0px 26px 0px rgba(86,160,173,0.68);
-moz-box-shadow: 0px 0px 26px 0px rgba(86,160,173,0.68);
box-shadow: 0px 0px 26px 0px rgba(86,160,173,0.68);
}
#frblog .blogpost .thumbnail {
padding-bottom: 52%;
position: relative;
background-size: cover;
background-position: center center;
background-color: #ddd;
}
#frblog .blogpost .bpcontent {
padding: 30px;
}
#frblog .blogpost a {
display: block;
}
#frblog .blogpost h5 {
font-size: 1.2em;
line-height: 1;
margin: 0px 0px 5px 0px;
color: #33322B;
}
#frblog .blogpost h3 {
font-size: 2.1em;
line-height: 1.4;
font-weight: 900;
margin: 0px 0px 10px 0px;
color: #4192E1;
}
#frblog .blogpost p {
font-size: 1.5em;
line-height: 1.5;
margin: 0px 0px 10px 0px;
color: #33322B;
font-family: 'Poppins', sans-serif;
}
#frblog .blogpost p:last-of-type {
margin-bottom: 0px;
}
#frblog .blogpost p a {
color: #316EA9;
} #events {
background-color: #f4f6f7;
}
#events .contain {
display: flex;
justify-content: center;
}
#events .event {
width: 31%;
margin: 2%;
position: relative;
}
#events .event h3 {
font-size: 1.8em;
line-height: 1.4;
font-weight: 700;
margin: 0px 0px 0px 0px;
color: #33322B;
}
#events .event h3 a {
color: #33322B;
transition: color .3s;
}
#events .event h3 a:hover {
color: #26AB67;
}
#events .event h4 {
font-size: 1.6em;
line-height: 1.6;
font-style: italic;
margin: 0px 0px 15px 0px;
color: #33322B;
font-weight: 400;
}
#events .event p {
font-size: 1.6em;
line-height: 1.5;
margin: 0px 0px 10px 0px;
color: #33322B;
font-family: 'Poppins', sans-serif;
}
#events .event p a {
color: #26AB67;
transition: color .3s;
}
#events .event p a:hover {
color: #0083bf;
} #featuredevent .contain {
display: grid;
grid-template-columns: .3fr .25fr .45fr;
grid-template-rows: auto;
column-gap: 50px;
grid-template-areas: 
"femeta fethumb feinfo";
padding: 60px 50px;
}
#featuredevent .contain .femeta {
grid-area: femeta;
}
#featuredevent .contain .fethumb {
grid-area: fethumb;
}
#featuredevent .contain .feinfo {
grid-area: feinfo
}
#featuredevent .contain .fethumb div {
padding-bottom: 115%;
background-size: cover;
background-position: center center;
}
#featuredevent .contain .feinfo p {
font-size: 1.7em;
line-height: 1.7;
margin: 0 0 .75em 0;
color: #33322B;
font-family: 'Poppins', sans-serif;
}
#featuredevent .contain .feinfo p.more {
text-transform: uppercase;
text-align: right;
font-size: 1.5em;
}
#featuredevent .contain a {
color: #005a92;
transition: color .3s;
}
#featuredevent .contain a:hover {
color: #26AB67;
}
#featuredevent .contain .feinfo p.more a {
font-weight: 900;
}
#featuredevent .contain .femeta h4 {
font-weight: 400;
font-size: 1.8em;
line-height: 1.4;
margin: 0;
color: #4192E1;
text-transform: uppercase;
}
#featuredevent .contain .femeta h3 {
font-weight: 900;
font-size: 4em;
line-height: 1.2;
margin: 4px 0;
color: #4192E1;
}
#featuredevent .contain .femeta h5 {
font-weight: 400;
font-size:2em;
line-height: 1.4;
margin: 0 0 20px 0;
color: #33322B;
}
#featuredevent .contain .femeta p {
font-weight: 400;
font-size: 1.8em;
line-height: 1.4;
margin: 0 0 10px 0;
color: #33322B;
}
#featuredevent .contain .femeta p:last-of-type a::after {
content: '\2192';
} #decophoto {
padding-bottom: 30%;
background-attachment: fixed;
background-size: cover;
-webkit-box-shadow: inset 0px 0px 36px 0px rgba(0,0,0,0.34);
-moz-box-shadow: inset 0px 0px 36px 0px rgba(0,0,0,0.34);
box-shadow: inset 0px 0px 36px 0px rgba(0,0,0,0.34);
margin-bottom: 0px;
} #timeline {
border-bottom: 2px dotted #009ade;
}
#timeline .contain {
padding: 20px 60px 50px;
box-sizing: border-box;
min-height: 400px;
}
#timeline .contain > h4 {
font-size: 2.6em;
line-height: 1;
margin: 0 0 40px 0;
color: #1c0e46;
font-weight: 400;
text-align: center;
text-transform: uppercase;
}
.tl-timegroup-message {
visibility: hidden;
} #search .contain {
padding: 60px;
box-sizing: border-box;
text-align: center;
}
#search input[type=search], #searchoverlay input[type=search] {
font-size: 2.2em;
line-height: 1;
background-color: #e6f3fb;
border: 0;
padding: 10px 20px;
color: #72c0e8;
font-weight: 300;
text-align: center;
width: 400px;
margin: 0;
vertical-align: middle;
outline: 0;
}
#searchoverlay input[type=search] {
width: 60%;
background-color: #fff;
}
input::placeholder {
color: #72c0e8;
font-family: 'Lato', sans-serif;
text-transform: lowercase;
}
#search button, #searchoverlay button {
background-color: #26AB67;
color: #fff;
font-size: 1.2em;
line-height: 1;
font-weight: 900;
margin: 0;
padding: 17px 30px;
border: 0;
vertical-align: middle;
text-transform: uppercase;
font-family: 'Lato', sans-serif;
letter-spacing: 1px;
}
#searchoverlay button {
background-color: #4192e1;
} #support {
background-color: #D9E9F9;
}
#support .contain {
padding: 20px 40px 40px;
display: grid;
grid-template-columns: .33fr 1px .33fr 1px .33fr;
grid-template-rows: auto;
column-gap: 40px;
grid-template-areas: 
"support vr connect vrtwo volunteer";
}
#support .contain > div {
text-align: center;
}
#support .support {
grid-area: support;
}
#support .connect {
grid-area: connect;
}
#support .volunteer {
grid-area: volunteer;
}
.vr {
grid-area: vr;
border-right: 1px dotted #005a91;
}
.vrtwo {
grid-area: vrtwo;
border-right: 1px dotted #005a91;
}
#support h3 {
font-size: 3.8em;
line-height: 1.3;
text-transform: uppercase;
font-weight: 900;
color: #316EA9;
padding-top: 10px;
margin: 0px 0px 20px 0px;
}
#support p {
font-size: 1.7em;
line-height: 1.5;
font-weight: 400;
color: #5b767c;
margin: 0px 0px .75em 0px;
font-family: 'Poppins', sans-serif;
}
#support p.more {
font-size: 1.9em;
font-style: italic;
line-height: 1.5;
font-weight: 900;
color: #5b767c;
margin: 0px 0px 0em 0px;
}
#support a {
transition: color .3s;
}
#support a:hover {
color: #005a92;
}
#support .button a {
padding: 10px 20px;
font-weight: 400;
text-transform: uppercase;
font-size: 110%;
line-height: 1;
display: inline-block;
color: #fff;
background-color: #4192E1;
margin: 15px 0 5px;
transition: background-color .3s;
}
#support .button a:hover {
background-color: #005a92;
}
#support p.supplimental {
font-size: 1.5em;
}
#support form input {
display: block;
margin: 0px auto;
}
#support form input[type=text], #support form input[type=email] {
font-size: 1.7em;
line-height: 1;
padding: 7px 15px;
width: 90%;
border: 0;
background-color: #fff;
outline: 0;
margin: 0px auto;
text-align: center;
}
#support form .frm_submit {
display: block;
text-align: center;
}
#support form input[type=submit], #support form button.frm_button_submit {
padding: 7px 34px;
font-weight: 900;
text-transform: uppercase;
font-size: 1.4em;
line-height: 1;
color: #fff;
background-color: #26AB67;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
border: 0px;
transition: background-color .3s;
}
#support form input[type=submit]:hover {
background-color: #005a92;
} #footer {
background-color: #4192e1;
}
#footer .contain {
padding: 40px 50px;
box-sizing: border-box;
}
#footer ul {
list-style: none;
padding: 0;
margin: 0;
font-family: 'Poppins', sans-serif;
}
#footer ul a {
color: #33322B;
transition: color .3s;
}
#footer ul a:hover {
color: #fff;
}
#footer ul ul a {
color: #ffffff;
}
#footer ul ul a:hover {
color: #33322B;
}
#footer ul li {
font-size: 1.7em;
line-height: 1.3;
margin: 0;
padding: 0;
}
#footer ul li ul li {
font-size: 80%;
}
#footer .contain > ul {
display: flex;
}
#footer .contain > ul > li {
padding-right: 20px;
box-sizing: border-box;
flex-grow: 1;
}
#footer .contain > ul > li > a {
padding: 0 0 10px 0;
display: block;
}
#footer .contain > ul > li ul li a {
padding: 0 0 5px 0;
display: block;
}
#footer li#menu-item-95 a::before, #footer li#menu-item-96 a::before, #footer li#menu-item-97 a::before, #footer li#menu-item-98 a::before, #footer li#menu-item-18696 a::before {
font-family: Socialico;
padding-right: 6px;
font-size: 110%;
text-transform: uppercase;
}
#footer li#menu-item-95 a::before {
content: 'f';
}
#footer li#menu-item-96 a::before {
content: 'l';
}
#footer li#menu-item-97 a::before {
content: 'i';
font-family: 'socialico_plusregular';
}
#footer li#menu-item-18696 a::before {
content: 'i';
}
#footer li#menu-item-98 a::before {
content: 'x';
}  #topper {
padding-top: 192px;
position: relative;
text-align: left;
clear: both;
} #topper .topbg {
position: absolute;
left: 0;
top: 0;
width: 100%;
bottom: 0;
opacity: .3;
display: none;
}
#head {
background-size: cover;
background-position: center center;
position: relative;
margin: 0px;
}
#topper .contain {
padding: 0 50px;
box-sizing: border-box;
}
#topper p.breadcrumbs {
font-size: 1.6em;
line-height: 1.3;
margin: 0;
font-weight: 900;
color: #002763;
}
#topper p.breadcrumbs a {
color: #26AB67;
padding: 0 15px;
}
#topper p.breadcrumbs a:first-of-type {
padding-left: 0;
}
#topper h2 {
font-size: 7em;
font-weight: 900;
line-height: 1;
padding-top: 120px;
padding-bottom: 120px;
text-align: center;
margin: 0;
color: #fff;
position: relative;
z-index: 900;
font-family: 'p22-underground',sans-serif;
}
#headliner {
background-color: rgba(0,0,0,.6);
}
#content .contain {
padding: 50px 100px;
max-width: 1200px;
box-sizing: border-box;
}
#content p, #content form label, .nav-links {
font-family: 'Poppins', sans-serif;
font-size: 2em;
line-height: 1.6;
margin: 0 0 1em 0;
color: #33322B;
}
#content li {
font-size: 1.8em;
line-height: 1.6;
margin-top: 0;
color: #777;
}
#content li li {
font-size: 100%;
}
#content ul {
padding-bottom: 15px;
}
#content h3 {
font-size: 3.6em;
line-height: 1.3;
margin: .5em 0;
font-weight: 400;
color: #316ea9;
font-family: 'p22-underground',sans-serif;
}
#content h4 {
font-size: 2.2em;
line-height: 1.3;
margin: 1em 0 .5em;
font-weight: 900;
color: #316ea9;
font-family: 'p22-underground',sans-serif;
}
.navigation h2 {
font-size: 2.2em;
line-height: 1.3;
margin: 40px 0 .5em;
font-weight: 900;
color: #316ea9;
font-family: 'p22-underground',sans-serif;
padding-top: 40px;
border-top: 1px solid #ccc;
}
#content h5 {
font-size: 1.9em;
line-height: 1.3;
margin: 1em 0 .5em;
font-weight: 900;
color: #316ea9;
font-family: 'p22-underground',sans-serif;
}
#content h6 {
font-size: 1.6em;
line-height: 1.3;
margin: 1em 0 .5em;
font-weight: 900;
color: #33322B;
}
#content img.alignright {
float: right;
margin: 9px 0px 20px 30px;
max-width: 40%;
height: auto;
clip-path: polygon(100% 0, 100% 100%, 8% 100%, 0% 90%, 0 0);
}
#content blockquote {
font-size: 4em;
line-height: 1.2;
margin: 30px;
padding: 30px;
color: #26806e;
background-color: #e4f1f0;
}
#content blockquote p {
font-size: 100%;
line-height: 1.2;
margin: 0;
} #visit {
background-color: #316ea9;
}
#visit .contain {
display: grid;
grid-template-columns: .66fr .33fr;
grid-template-rows: auto;
column-gap: 0px;
grid-template-areas: 
"visitdet visithead";
padding: 0 20px;
box-sizing: border-box;
align-items: center;
}
#visit h3 {
grid-area: visithead;
padding: 15px 30px;
color: #ebba26;
text-align: center;
font-size: 7em;
line-height: 1;
margin: 0;
font-weight: 700;
background-image: url(//dchistory.org/images/visit2.jpg);
background-size: cover;
background-position: center center;
}
#visit .visit {
grid-area: visitdet;
padding: 15px 30px;
display: grid;
grid-template-columns: .5fr .5fr;
grid-template-rows: auto;
column-gap: 30px;
grid-template-areas: 
"visloc vistime";
text-align: left;
}
#visit .visit p {
color: #fff;
font-size: 1.6em;
line-height: 1.5;
font-family: 'Poppins', sans-serif;
margin: 0;
}
#visit .visit p.location {
grid-area: visloc;
}
#visit .visit p.time {
grid-area: vistime;
}
#visit .visit p.location span {
font-size: 115%;
color: #fff;
}
p.link-more {
display: none;
} .membershiplevel {
display: grid;
grid-template-columns: auto 1fr auto;
grid-template-rows: auto;
column-gap: 30px;
grid-template-areas: 
"mlname mldot mlcost"
"mldesc mldesc mldesc"
"jnow jnow jnow";
padding: 30px;
margin-top: 20px;
background-color: #f2f2f2;
}
#content .membershiplevel h4 {
grid-area: mlname;
font-size: 3em;
line-height: 1.3;
margin: 0em 0;
font-weight: 400;
color: #316ea9;
}
.membershiplevel h5 {
grid-area: mlcost;
font-size: 2.2em;
line-height: 1.3;
margin: 0em 0;
font-weight: 400;
color: #316ea9;
}
.membershiplevel h6 {
grid-area: jnow;
font-size: 1.6em;
letter-spacing: 3px;
font-weight: 400;
line-height: 1.3;
margin: 20px -30px -30px -30px;
font-weight: 400;
text-transform: uppercase;
text-align: center;
}
#content .membershiplevel h6 a {
background-color: #4192e1;
color: #fff;
display: block;
padding: 10px 15px;
border: 0px;
transition: all .3s;
}
#content .membershiplevel h6 a:hover {
background: #316ea9;
}
.mldot {
grid-area: mldot;
border-bottom:2px dotted #316ea9;
height: 50%;
}
.membershiplevel > div.mldesc {
grid-area: mldesc;
}
.page-template-membership article > div:first-of-type {
margin-top: 40px;
}
#emergency {
background-color: #316ea9;
margin: -30px -50px 0px -50px;
position: relative;
max-height: 1000px;
overflow: hidden;
transition: all .1s;
text-align: center;
}
#emergency.sticky {
max-height: 0px;
display: none;
}
#emergency a {
display: block;
}
#header #emergency .contain {
padding: 10px 10px 13px;
display: block;
}
#emergency p {
color: #fff;
font-size: 1.4em;
line-height: 1.4;
margin: 0;
text-align: center;
}
#emergency p span {
color: lightyellow;
font-style: italic;
}
#header > .contain {
padding: 30px 20px;
}
#header.stickie > .contain {
padding: 20px 20px;
}
.visitmeta {
display: flex;
padding-bottom: 20px;
}
.visitmeta strong {
display: block;
}
.visitmeta > div {
width: 33.3%;
padding: 0 15px;
box-sizing: border-box;
}
#content .vsitmetaitem h3, #content .visitdirhol h3 {
font-size:1.7em;
letter-spacing: 3px;
text-transform: uppercase;
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1.5px dotted #26806e;
}
.visitdirhol {
display: flex;
padding-top: 20px;
}
.visitdirhol > div {
width: 50%;
padding-right: 50px;
box-sizing: border-box;
}
.visitdirhol > div:last-of-type {
padding-right: 0;
}
#exhibits .exhibit {
display: grid;
grid-template-columns: 25% 1fr;
grid-template-rows: auto;
row-gap: 0px;
column-gap: 0px;
grid-template-areas: 
"exphoto exmeta"
"exlink exlink";	
background-color: #f2f2f2;
margin: 0 0 50px 0;
}
#exhibits .exhibitmeta {
grid-area: exmeta;
padding: 30px 60px 30px 50px;
box-sizing: border-box;
} #exhibits .exhibitmeta h3 {
margin-top: 0;
}
#exhibits .exhibitphoto  {
grid-area: exphoto;
height: 0;
padding: 30px 0px 30px 30px;
}
#exhibits .exhibitphoto > div  {
padding-bottom: 100%;
background-size: cover;
background-position: center center;
}
#exhibits .exhibitlink {
grid-area: exlink;
font-size: 1.4em;
text-align: center;
letter-spacing: 5px;
text-transform: uppercase;
color: #fff;
}
#content #exhibits .exhibitlink  a {
color: #fff;
display: block;
padding: 20px 50px;
transition: all .3s;
background-color: #4192e1;
border: 0;
}
#content #exhibits .exhibitlink  a:hover {
background: #316ea9;
}
#exhibits h4 {
font-size: 1.5em;
text-align: center;
margin: 20px 0 0 0;
color: #777;
}
#exhibits .exhibitphoto .slide {
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
}
#content figure.alignright {
float: right;
margin: 9px 0px 20px 30px;
max-width: 40%;
height: auto;
}
#content figure.alignleft {
float: left;
margin: 9px 30px 20px 0px;
max-width: 40%;
height: auto;
}
figcaption {
font-size: 1.4em;
line-height: 1.4;
margin: 0;
padding: 10px 0;
color: #777;	
font-style: italic;
}
#content figure.alignnone {
margin-top: 30px;
margin-bottom: 30px;
}
p.button {
padding: 30px;
clear: both;
text-align: center;
text-transform: uppercase;
letter-spacing: 3px;
}
#content p.button a {
display: inline-block;
padding: 10px 23px;
color: #fff;
background-color: #26AB67;
border-bottom: 0px;
transition: all .3s;
}
#content p.button a:hover {
background-color: #ebba26;	
padding: 14px 27px;
margin-top: -2px;
}
.wharticles {
display: flex;
flex-wrap: wrap;	
justify-content: center;
padding: 0 100px;
}
.wharticle {
width: 33.3%;
border: 1px solid #ffffff;
box-sizing: border-box;
position: relative;
}
.wharticle > div {
padding-bottom: 100%;
background-size: cover;
background-position: center center;
position: relative;
overflow: hidden;
}
.wharticle > div > div {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 40px;
box-sizing: border-box;
background-color: #1c0e46;
background-color: rgba(28, 14, 70, 0.86);
color: #fff;
text-align: center;
overflow: auto;
margin-top: 100%;
transition: all .3s;
}
.wharticle:hover > div > div {
margin-top: 0;
}
#content .wharticle > div > div h3 {
font-size: 2.6em;
text-transform: uppercase;
line-height: 1.3;
margin: 0em 0 5px 0;
font-weight: 100;
color: #26AB67;
}
#content .wharticle > div > div h4 {
font-size: 1.5em;
line-height: 1.3;
margin: 0em 0px 0px 0;
text-transform: uppercase;
letter-spacing: 5px;
font-weight: 500;
color: #26AB67	;
}
#content .wharticle .whtitle {
margin-top: 0;
top: auto;
height: auto;
bottom: 0;
padding: 15px 20px 10px 20px;
background-color: rgba(28, 14, 70, 0.76);
transition: all .3s;
visibility: visible;
}
#content .wharticle > div > .whtitle h3 {
font-size: 2em;
text-transform: uppercase;
line-height: 1.1;
margin: 0em 0 0px 0;
font-weight: 100;
color: #26AB67;
}
#content .wharticle:hover .whtitle {
visibility: hidden;
}
#content .wharticle > div > div h5 {
font-size: 1.2em;
text-transform: uppercase;
line-height: 1.3;
margin: 15px 0px 15px 0;
font-weight: 400;
color: #ebba26;
}
#content .wharticle > div > div p {
font-size: 1.4em;
line-height: 1.6;
margin: 0em 0px 0 0;
font-weight: 400;
color: #fff;
}
.inthishead {
display: grid;
grid-template-columns: 66% 34%;
grid-template-rows: auto;
column-gap: 40px;
grid-template-areas: 
"inthishead inthiscover";	
align-items: center;
padding: 50px 0;
}
#content .inthishead h3 {
grid-area: inthishead;
font-size: 6em;
text-transform: uppercase;
font-weight: 100;
text-align: right;
}
#content .inthishead h3 span {
font-size: 40%;
display: block;
}
.inthishead div.cover {
grid-area: inthiscover;
}
.inthishead div.cover img {
max-height: 250px;
width: auto;
}
.whsample {
display: grid;
grid-template-columns: auto 1fr;
grid-template-rows: auto;
column-gap: 40px;
grid-template-areas: 
"samplecov sampletext";	
align-items: center;
margin: 50px 100px;
padding: 20px 50px;
-webkit-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.15);
}
#content .whsample a {
border-bottom: 0px;
}
#content .whsample p a {
color: #777;
}
.whsample .cover {
grid-area: samplecov;
text-align: right;
}
.whsample .text {
grid-area: sampletext;
}
.whsample .cover img {
max-height: 150px;
width: auto;
}
.whtexts {
display: flex;
}
.whtexts > div {
width: 33.3%;
padding: 30px;
box-sizing: border-box;
}
.editorial {
background-color: #f2f2f2;
padding: 20px 50px 30px 50px;
}
.editorial h4 {
text-align: center;
}
.editorial ul {
list-style: none;
padding: 0px;
margin: 0px;
columns: 3;
column-gap: 40px;
column-rule: 1px dotted #ccc;
}
.editorial ul li {
padding: 0px;
margin: 0px;
text-align: center;
}
.page-template-declaration #content h5 {
text-align: center;
color: #999;
font-size: 1.8em;
line-height: 1.3;
font-weight: 400;
text-transform: uppercase;
margin-top: 50px;
}
.page-template-declaration #content h5 span {
margin: 0 auto;
display: inline-block;
background-color: #f2f2f2;
padding: 10px 30px;
}
#accordion {
padding: 10px 60px;
}
#accordion h3 {
padding: 10px 20px;
font-size: 1.8em;
line-height: 1;
color: #1c0e46;
letter-spacing: 2px;
outline: none;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin-top: 30px;
}
#accordion h3::before {
content: '\002B';
padding-right: 8px;
}
#accordion h3.ui-state-active::before {
content: '\2212';
}
#accordion > div {
padding: 20px 50px;
}
.eventmeta .session {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: auto;
row-gap: 40px;
column-gap: 30px;
grid-template-areas: 
"evedate eveloc evemap";	
position: relative;
padding: 40px 0 0 0;
margin-top: 40px;
align-items: center;
border-top: 1px dotted #26806e;
}
.eventmeta {
padding-bottom: 70px;
}
.eventmeta .session > div {
padding-right: 30px;
border-right: 1px dotted #26806e;
box-sizing: border-box;
}
.eventmeta .session > div:last-of-type {
border-right: 0px;
padding-right: 0;
}
.eventmeta .session .date {
grid-area: evedate;
position: relative;
}
.eventmeta .session .date p span {
font-size: 120%;
text-transform: uppercase;
}
.eventmeta .session .address {
grid-area: eveloc;
position: relative;
}
.eventmeta .session .address strong {
font-size: 130%;
text-transform: uppercase;
font-weight: normal;
}
.eventmeta .session .map {
grid-area: evemap;
position: relative;
height: 200px;
}
#content .eventlinks {
padding-bottom: 20px;
}
#content .eventlinks a {
border-bottom: 0;
padding: 5px 25px;
vertical-align: middle;
margin-right: 5px;
display: inline-block;
text-transform: uppercase;
transition: all .3s;
}
#content .eventlinks a:hover {
color: #002763;
}
#content .eventlinks a.ticketlink {
color: #fff;
background-color: #4192e1;
}
#content .eventlinks a.ticketlink:hover {
color: #fff;
background: #002763;
}
#content h3.eventpartners {
padding: 10px 20px;
background: #4192e1; 
color: #fff;
font-size: 2em;
}
ul.evepar, ul.evepar li {
list-style: none;
margin: 0;
padding: 0;
}
#content .evepar a {
border-bottom: 0;
}
#content ul.evepar {
display: flex;
flex-wrap: wrap;
align-items: center;
padding-top: 30px;
padding-left: 20px;
}
#content ul.evepar li {
width: 130px;
margin-right: 50px;
text-align: center;
}
#content ul.evepar li img {
width: 100%;
height: auto;
margin: 0 auto;
}
h3.speakertitle {
padding-bottom: 40px;
}
#content a.evethumbnail {
border-bottom: 0;
padding: 0px;
}
#content a.evethumbnail img {
height: auto;
float: right;
padding: 4px 0px 30px 50px;
}
.page-template-calendar #content h3 {
padding: 10px 30px;
text-transform: uppercase;
font-size: 1.5em;
letter-spacing: 3px;
color: #fff; background: #1c0e46; background: -moz-linear-gradient(left, #1c0e46 0%, #7db9e8 100%); background: -webkit-linear-gradient(left, #1c0e46 0%,#7db9e8 100%); background: linear-gradient(to right, #1c0e46 0%,#7db9e8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c0e46', endColorstr='#7db9e8',GradientType=1 ); margin: 0 0 20px 0;
}
.calevent {
margin: 0 0 20px 0;
box-shadow: none;
transition: all .3s;
}
.calevent:hover {
-webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.4);
}
#content .calevent a {
padding: 30px;
background-color: #f2f2f2;
display: block;
border-bottom: 0;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-template-rows: auto;
column-gap: 50px;
grid-template-areas: 
"calevetitle calevedate caleveexc caleveimg";	
position: relative;
}
.archive #content .calevent a {
display: grid;
grid-template-columns: 1fr 2fr 1fr;
grid-template-rows: auto;
column-gap: 50px;
grid-template-areas: 
"calevetitle caleveexc caleveimg";	
position: relative;
}
#content .calevent div.name {
grid-area: calevetitle;
}
#content .calevent div.name p {
color: #26AB67;
}
#content .calevent h4 {
margin: 0 0 20px 0;
font-size: 2.5em;
}
#content .calevent h5 {
margin: -10px 0 20px 0;
font-size: 1.8em;
line-height: 1.2;
}
.calevent h4 span {
display: block;
font-size: 60%;
padding-bottom: 3px;
text-transform: uppercase;
}
#content .calevent div.date {
grid-area: calevedate;
}
#content .calevent div.excerpt {
grid-area: caleveexc;
}
#content .calevent div.img {
grid-area: caleveimg;
margin-top: -30px;
margin-right: -30px;
margin-bottom: -30px;
background-size: cover;
background-position: center center;
background-color: #e2e2e2;
}
#content .calevent p {
font-size: 1.6em;
}
.conmeta {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: auto;
column-gap: 40px;
grid-template-areas: 
"contheme condate conloc";	
position: relative;
align-items: center;
}
#content .conmeta .contheme {
grid-area: contheme;
margin: 0;
padding-right: 40px;
box-sizing: border-box;
border-right: 1px dotted #005a91;
text-align: center;
line-height: 1.1;
}
#content .conmeta .date {
grid-area: condate;
padding-right: 40px;
box-sizing: border-box;
border-right: 1px dotted #005a91;
text-align: center;
font-size: 2.5em;
}
.conmeta .location {
grid-area: conloc;
text-align: center;
}
.conmeta .img {
grid-area: conmap;
height: 200px;
}
#content p.regurl {
font-size: 3em;
text-transform: uppercase;
text-align: center;
padding: 20px 0;
}
#content p.regurl a {
display: inline-block;
background: #1c0e46; background: -moz-linear-gradient(left, #1c0e46 0%, #7db9e8 100%); background: -webkit-linear-gradient(left, #1c0e46 0%,#7db9e8 100%); background: linear-gradient(to right, #1c0e46 0%,#7db9e8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c0e46', endColorstr='#7db9e8',GradientType=1 ); color: #fff;
border-bottom: 0;	
padding: 15px 30px;
letter-spacing: 3px;
}
figure.aligncenter {
margin: 30px auto;
text-align: center;
background-color: #f2f2f2;
}
.documents {
display: flex;
flex-wrap: wrap;
justify-content: center;
list-style: none;
padding: 0px;
margin: 0;
}
.documents li {
width: 25%;
margin: 0;
padding: 20px;
box-sizing: border-box;
text-align: center;
}
.documents li img {
max-width: 80%;
height: auto;
display: block;
margin: 0 auto 10px auto;
}
.page-template-conference #content h3 {
padding-top: 30px;
border-top: 2px dotted #26AB67;
margin-top: 20px;
text-align: center;
}
.page-template-conference #content .conmeta h3 {
border-top: 0;
padding-top: 0;
margin-top: 0;
}
ul.programs {
columns: 2;
column-gap: 40px;
}
h3.cospon {
text-align: center;
}
.consponsors {
display: flex;
flex-wrap: wrap;
justify-content: center;
list-style: none;
padding: 0px;
margin: 0;
align-items: center;
}
.consponsors li {
width: 20%;
margin: 0;
padding: 20px;
box-sizing: border-box;
text-align: center;
}
.consponsors li img {
width: 80%;
height: auto;
display: block;
margin: 0 auto 10px auto;
}
.conspon h4 {
text-align: center;
text-transform: uppercase;
letter-spacing: 5px;
}
#support p.button {
padding: 0 30px 10px 30px;
}
div.entry-meta {
font-size: 1.3em;
line-height: 1.3;
margin: 0 0 2.5em 0;
color: #33322B
text-transform: uppercase;
text-align: center;	
}
div.entry-meta > div {
margin: 0 auto;
display: inline-block;
letter-spacing: 4px;
}
.postfooter {
padding: 25px 40px 20px 40px;
background-color: #f2f2f2;
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 50px;
grid-template-areas: 
"categories tags";
}
.postfooter .cats {
grid-area: categories;
padding-right: 50px;
border-right: 2px dotted #bbb;
}
.postfooter .tags {
grid-area: tags;
}
.postfooter ul {
list-style: none;
padding: 0;
margin: 0;
}
#content .postfooter ul li {
padding: 0;
margin: 0;
display: inline-block;
font-size: 1.4em;
line-height: 2;
text-transform: capitalize;
}
.postfooter ul li::after {
content: '|';
padding: 0 5px;
}
.postfooter ul li:last-of-type::after {
content: none;
padding: 0;
}
#content .postfooter ul li:first-of-type {
display: block;
text-transform: uppercase;
font-size: 80%;
color: #666;
}
.postfooter ul li:first-of-type::after {
content: none;
padding: 15px 0;
}
.single #content figure {
padding: 30px;
}
#content figure a {
border-bottom: 0;
}
.archive h2 span {
display: block;
font-size: 35%;
text-transform: uppercase;
padding: 10px 0 0 10px;
}
.archive h2 {
text-transform: capitalize;
}
.majorpost {
position: relative;
box-shadow: none;
transition: all .3s;
}
.majorpost:hover {
-webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.4);
}
.majorpost .inner {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 0px;
grid-template-areas: 
"majorpho majorcon";
background-color: rgba(28, 14, 70, 0.1);
}
.majorpost .inner .pho	
{
background-size: cover;
grid-area: majorpho;
background-position: center center;
}
.majorpost .inner .con{
grid-area: majorcon;
padding: 15px 45px;
box-sizing: border-box;
}
#sfsi_plus_floater {
width: auto !important;
margin-right: 0 !important;
right: 0 !important;
padding-right: 20px !important;
}
#content .majorpost .inner .con h3 {
color: #1c0e46;
}
#content .majormeta {
font-size: 1.3em;
font-style: italic;
}
.minorposts {
display: flex;
flex-wrap: wrap;
padding-top: 20px;
}
.minorposts .post {
width: 29%;
margin: 2%;
background-color: rgba(28, 14, 70, 0.05);
position: relative;
transition: all .5s;
}
.minorposts .post .pho {
padding-bottom: 100%;
background-color: rgba(28, 14, 70, 0.05);
background-size: cover;
background-position: center center;
}
.minorposts .post .con {
padding: 10px 30px;
font-size: 70%;
}
h4.filters {
text-transform: uppercase;
text-align: center;
letter-spacing: 4px;
padding-top: 40px;
}
p.filters {
text-align: center;
line-height: 1.6;
}
#content p.filters button {
display: inline-block;
border: 0;
background: transparent;
outline: none;
}
#content p.filters button:hover {
color: #26AB67;
}
#content p.filters button::after {
content: '|';
padding: 0px 20px;
color: #aaa;
}
#content p.filters button:last-of-type::after {
content: none;
padding-right: 0px;
}
ul#staff {
list-style: none;
margin: 0;
padding: 0;
}
ul#staff li {
padding: 0 0 20px 0;
margin: 0 0 20px 0;
border-bottom: 1px dotted #aaa;
display: grid;
grid-template-columns: .65fr 1fr .75fr .6fr;
column-gap: 15px;
grid-template-areas: 
"stna stti stem stph";
}
ul#staff li span.stna {
grid-area: stna;
font-weight: 900;
}
ul#staff li span.stti {
grid-area: stti;
}
ul#staff li span.stem {
grid-area: stem;
}
ul#staff li span.stph {
grid-area: stph;
}
#content ul.opnav {
display: flex;
list-style: none;
margin: 0;
padding: 0 0 30px 0;
}
#content ul.opnav.bottom {
padding: 30px 0 0 0;
}
#content ul.opnav li {
background-size: cover;
background-position: center center;
margin: 0 1%;
padding: 0;
line-height: 1;
font-size: 2em;
text-align: center;
width: 18%;
position: relative;
}
#content ul.opnav.stackit {
text-align: left;
flex-wrap: wrap;
text-align: left;
}
#content ul.opnav.stackit li {
width: 100%;
margin: 0 0 10px 0;
text-align: left;
display: flex;
align-items: center;
}
#content ul.opnav li:first-of-type {
margin-left: 0;
}
#content ul.opnav li span {
padding-bottom: 56.25%;
position: relative;
display: inline-block;
width: 100%;
}
#content ul.opnav.stackit li span {
padding-bottom: 11.25%;
text-align: center;
margin-right: 2%;
vertical-align: middle;
width: 20%;
}
#content ul.opnav.stackit li em {
width: 78%;
}
#content ul.opnav li span a {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
padding: 20px;
color: #fff;
border-bottom: 0;
background-color: #1c0e46;
background-color: rgba(28, 14, 70, 0.46);
text-transform: uppercase;
transition: all .3s;
}
#content ul.opnav li:hover span a {
background-color: #26AB67;
background-color: rgba(26, 180, 152, 0.56);
}
#content .timeline__content {
border-radius: 0;
padding: 3px;
display: grid;
grid-gap: 0px;
grid-template-columns: auto;
grid-template-rows: auto;
grid-template-areas: 
"tldate tltext";
}
#content .timeline__content.yesimg {
grid-template-areas: 
"tldate tltext"
"tldate tlimage";
}
#content .timeline__content p {
font-size: 1em;
line-height: 1.3;
color: #fff;
margin: 0 0 .5em 0;
font-family: 'Poppins', sans-serif;
}
#content .timeline__content h6 {
font-size: .8em;
font-weight: 400;
font-style: italic;
line-height: 1.3;
color: #fff;
margin: 0;
}
#content .timeline__content h5 {
grid-area: tldate;
font-size: 1.5em;
line-height: 1.3;
font-weight: 300;
padding: 15px 2px;
color: #bbb;
background-color: #eee;
margin: 0;
text-align: left;
writing-mode:vertical-lr; }
#content .timeline__content .cont {
grid-area: tltext;
padding: 20px;
}
#content .timeline__content .cont p {
}
#content .timeline__content.local-event .cont {
background: #398235;
background: -moz-linear-gradient(-45deg,  #398235 0%, #8ab66b 56%, #acbf82 100%);
background: -webkit-linear-gradient(-45deg,  #398235 0%,#8ab66b 56%,#acbf82 100%);
background: linear-gradient(135deg,  #398235 0%,#8ab66b 56%,#acbf82 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#398235', endColorstr='#acbf82',GradientType=1 );
}
#content .timeline__content.general-events .cont {
background: #1c0e46;
background: -moz-linear-gradient(-45deg,  #1c0e46 0%, #8096ba 100%);
background: -webkit-linear-gradient(-45deg,  #1c0e46 0%,#8096ba 100%);
background: linear-gradient(135deg,  #1c0e46 0%,#8096ba 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c0e46', endColorstr='#8096ba',GradientType=1 );
}
#content .timeline__content.population .cont {
background: #0077b3;
background: -moz-linear-gradient(-45deg,  #0077b3 0%, #8e9fce 100%);
background: -webkit-linear-gradient(-45deg,  #0077b3 0%,#8e9fce 100%);
background: linear-gradient(135deg,  #0077b3 0%,#8e9fce 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0077b3', endColorstr='#8e9fce',GradientType=1 );
}
#content .timeline__content.mayor .cont {
background: #cc6600;
background: -moz-linear-gradient(-45deg,  #cc6600 0%, #cca57e 100%);
background: -webkit-linear-gradient(-45deg,  #cc6600 0%,#cca57e 100%);
background: linear-gradient(135deg,  #cc6600 0%,#cca57e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc6600', endColorstr='#cca57e',GradientType=1 );
}
.timeline__items > div:last-of-type img {
max-width: 100%;
height: auto;
}
#subfooter {
background-color: #33322B;
padding: 15px 0 15px 0;
}
#subfooter ul {
list-style: none;
padding: 0px 40px;
margin: 0;
display: inline-block;
border-right: 1px solid #FDCE89;
font-family: 'Poppins', sans-serif;
}
#subfooter ul li {
margin: 0;
padding: 0 10px;
font-size: 1.3em;
line-height: 1;
}
#subfooter p {
display: inline-block;
color: #fff;
font-size: 1.3em;
line-height: 1;
padding-left: 40px;
font-family: 'Poppins', sans-serif;
}
#subfooter a {
color: #fff;
}
#subfooter a:hover {
color: #D9E9F9;
}
#content .tl-timeline p {
font-size: 16px;
line-height: 1.3;
}
#content .tl-text .tl-headline-date, #content .tl-text h3.tl-headline-date {
font-size: 15px;
line-height: 15px;
font-weight: 700;
margin: 0 0 3px 0;
color: #26806e;
}
#content  .tl-text h2 {
color: #1c0e46;
}
.tl-timemarker .tl-timemarker-content-container {
background-color: #26AB67 !important;
color: #ddf5f0 !important;
border: 0 !important;
}
.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline, .tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline p {
color: #ddf5f0 !important;
}
.tl-timemarker:hover .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline, .tl-timemarker:hover .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline p {
color: #fff !important;
}
.tl-timegroup-message {
}
.tl-timenav-slider-background {
-webkit-box-shadow: inset 0px 0px 12px 1px rgba(0,0,0,0.25);
-moz-box-shadow: inset 0px 0px 12px 1px rgba(0,0,0,0.25);
box-shadow: inset 0px 0px 12px 1px rgba(0,0,0,0.25);
padding-bottom: 10px;
}
#timeline-embed .tl-timenav .tl-timenav-line {
position: absolute;
top: 0px;
left: 50%;
width: 3px;
height: 150px;
background-color: #ebba26;
z-index: 100;
-webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.3);
display: block;
}
#timeline-embed .tl-timenav .tl-timenav-line:before, #timeline-embed .tl-timenav .tl-timenav-line:after {
color: #ebba26;
}
#content .tl-timemarker-active .tl-timemarker-content-container {
background-color: #fff !important;
-webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.3);
}
#content .tl-timemarker-active .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline, #content .tl-timemarker-active .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline p {
color: #26806e !important;
}
img.aligncenter {
display: block;
margin: 0 auto;
}
#content .tl-menubar-button {
color: #999;
}
.catarticles h3 {
text-align: center;
text-transform: uppercase;
margin: 0 0 0px 0;
padding-bottom: 30px;
}
.catarticles h3 div {
width: 200px;
margin-right: 30px;
padding-bottom: 112.5px;
background-size: cover;
background-position: center center;
display: inline-block;
vertical-align: middle;
border: 10px solid #f2f2f2;
}
.catarticles .chead {
font-size: 120%;
font-weight: 600;
}
.catarticles .cdesc {
display: block;
padding: 0px 30px;
}
.catarticles .csubh {
font-style: italic;
padding-left: 5px;
}
.catarticles .cauth {
font-size: 80%;
}
.catarticles .cauth::before {
content: '|';
padding: 0 20px;
}
.catarticles .cauth span::before {
content: 'by ';
}
.catarticles ul {
list-style: none;
padding: 0px;
margin: 0px;
}
.catarticles ul li {
padding: 10px 0;
margin: 0px;
border-top: 3px solid #f2f2f2;
}
.catarticles ul li:first-of-type {
padding-top: 0px;
margin: 0px;
border-top: none
}
body .tl-timeline p {
font-family: 'Poppins', sans-serif;
}
.tl-timeline h2.tl-headline-title {
font-family: 'p22-underground',sans-serif;
font-weight: 900;	
}
.tl-timeline .tl-timenav-slider h2.tl-headline {
font-family: 'Poppins', sans-serif;
}
.defthumb {
background-size: 80% auto !important;
background-repeat: no-repeat;
background-position:  center center !important;
}
ul#staff li {
grid-template-columns:  1fr 1fr;
column-gap: 15px;
grid-template-areas: "stna stem"
"stti  stph";
}
.trigger {
display: none;
}
nav#mobile {
display: none;
}
ul#mainnav > li > ul > li  {
background-color: transparent;
}
.navigation svg {
display: none;
}
.navigation .next::after {
content:  '\2192';
padding-left: 8px;
}
.navigation .next {
padding-left: 10px;
margin-left: 10px;
border-left: 1px solid #000;
}
.navigation .prev::after {
content:  '\2190';
padding-left: 8px;
}
.navigation .prev {
padding-right: 10px;
margin-right: 10px;
border-right: 1px solid #000;
}
#searchoverlay {
position: absolute;
top: 80px;
width: 430px;
background-color: rgba(255,255,255,.9);
-webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.35);
box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.35);
z-index: 70000;
padding: 50px;
box-sizing: border-box;
left: 0;
right: 0;
margin: auto;
display: none;
}
#closeser {
position: absolute;
top: -10px;
right: -10px;
background-color: #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;	
line-height: 1;
padding: 7px;
display: inline-block;
-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.35);
box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.35);
font-weight: 900;
}
.blogbutton {
text-align: center;
font-size: 2em;
text-transform: uppercase;
line-height: 1;
margin-bottom: 20px;
}
.blogbutton a {
display: inline-block;
padding: 12px 25px 9px 25px;
background-color: #4192E1;
color: #fff;
letter-spacing: .4em;
transition: all .3s;
}
.blogbutton a:hover {
background-color: #000;
}
#content h4.stories {
text-align: center;
text-transform: uppercase;
letter-spacing: .25em;
margin: 0 0 40px 0;
}[class^="wp-block-"]:not(.wp-block-gallery) figcaption {
font-style: italic;
margin-bottom: 1.5em;
text-align: left;
}
.rtl [class^="wp-block-"]:not(.wp-block-gallery) figcaption {
text-align: right;
}  p.has-drop-cap:not(:focus)::first-letter {
font-size: 5em;
margin-top: 0.075em;
} .wp-block-image {
margin-bottom: 1.5em;
}
.wp-block-image figure {
margin-bottom: 0;
margin-top: 0;
}
.wp-block-image figure.alignleft {
margin-right: 1.5em;
}
.wp-block-image figure.alignright {
margin-left: 1.5em;
} .wp-block-gallery {
margin-bottom: 1.5em;
}
.wp-block-gallery figcaption {
font-style: italic;
}
.wp-block-gallery.aligncenter {
display: flex;
margin: 0 -8px;
} .wp-block-quote:not(.is-large):not(.is-style-large) {
border: 0;
padding: 0;
}
.wp-block-quote.alignleft p:last-of-type,
.wp-block-quote.alignright p:last-of-type {
margin-bottom: 0;
}
.wp-block-quote cite {
color: inherit;
font-size: inherit;
} .wp-block-audio audio {
display: block;
width: 100%;
} .wp-block-cover-image.alignright,
.wp-block-cover.alignright,
.wp-block-cover-image.alignleft,
.wp-block-cover.alignleft,
.wp-block-cover-image.aligncenter,
.wp-block-cover.aligncenter {
display: flex;
} .wp-block-file .wp-block-file__button {
background-color: #222;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
display: inline-block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
margin-top: 2em;
padding: 0.7em 2em;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
white-space: nowrap;
}
.wp-block-file .wp-block-file__button:hover,
.wp-block-file .wp-block-file__button:focus {
background-color: #767676;
-webkit-box-shadow: none;
box-shadow: none;
}  .wp-block-code {
background: transparent;
border: 0;
padding: 0;
} .wp-block-pullquote {
border: 0;
}
.wp-block-pullquote__citation,
.wp-block-pullquote cite {
font-size: inherit;
text-transform: none;
} .wp-block-table thead th {
border-bottom: 2px solid #bbb;
padding-bottom: 0.5em;
}
.wp-block-table tr {
border-bottom: 1px solid #eee;
}
.wp-block-table th,
.wp-block-table td {
border: 0;
}
.rtl .wp-block-table th,
.rtl .wp-block-table td {
text-align: right;
}  .wp-block-button .wp-block-button__link {
-webkit-box-shadow: none;
box-shadow: none;
display: inline-block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
line-height: 1.66;
margin-top: 2em;
padding: 0.7em 2em;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
white-space: nowrap;
}
.entry-content .wp-block-button__link {
background-color: #222;
color: #fff;
}
.entry-content .is-style-outline .wp-block-button__link:not(.has-background) {
background-color: transparent;
}
.entry-content .is-style-outline .wp-block-button__link:not(.has-text-color) {
color: #222;
}
.colors-dark .wp-block-button__link {
background-color: #fff;
color: #000;
}
.entry-content .wp-block-button__link:hover,
.entry-content .wp-block-button__link:focus,
.entry-content .is-style-outline .wp-block-button__link:not(.has-background):hover,
.entry-content .is-style-outline .wp-block-button__link:not(.has-background):focus {
background-color: #767676;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
}
.colors-dark .entry-content .wp-block-button__link:hover,
.colors-dark .entry-content .wp-block-button__link:focus,
.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-background):hover,
.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-background):focus {
background-color: #bbb;
color: #000;
}
.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-text-color) {
color: #fff;
}
.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-text-color):hover,
.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-text-color):focus {
color: #222;
}
.colors-custom .entry-content .wp-block-button__link,
.colors-custom .entry-content .wp-block-button__link:hover,
.colors-custom .entry-content .wp-block-button__link:focus,
.colors-dark .entry-content .wp-block-button__link,
.colors-dark .entry-content .wp-block-button__link:hover,
.colors-dark .entry-content .wp-block-button__link:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.colors-custom .entry-content .wp-block-button__link:hover,
.colors-custom .entry-content .wp-block-button__link:focus {
color: #fff;
} .wp-block-separator {
border: 0;
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 100px;
} .wp-block-media-text {
margin-bottom: 1.5em;
}
.wp-block-media-text *:last-child {
margin-bottom: 0;
}  .wp-block-archives.aligncenter,
.wp-block-categories.aligncenter,
.wp-block-latest-posts.aligncenter {
list-style-position: inside;
text-align: center;
} .wp-block-latest-comments article {
margin-bottom: 4em;
}
.blog:not(.has-sidebar) #primary .wp-block-latest-comments article,
.archive:not(.page-one-column):not(.has-sidebar) #primary .wp-block-latest-comments article,
.search:not(.has-sidebar) #primary .wp-block-latest-comments article {
float: none;
width: 100%;
}
.wp-block-latest-comments .avatar,
.wp-block-latest-comments__comment-avatar {
border-radius: 0;
}
.wp-block-latest-comments a {
-webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
}
.wp-block-latest-comments__comment-meta {
font-size: 16px;
font-size: 1rem;
margin-bottom: 0.4em;
}
.wp-block-latest-comments__comment-author,
.wp-block-latest-comments__comment-link {
font-weight: 700;
text-decoration: none;
}
.wp-block-latest-comments__comment-date {
color: #767676;
font-size: 10px;
font-size: 0.625rem;
font-weight: 800;
letter-spacing: 0.1818em;
margin-top: 0.4em;
text-transform: uppercase;
}
.editor-block-list__block .wp-block-latest-comments__comment-excerpt p {
font-size: 14px;
font-size: 0.875rem;
} .entry-content .has-pale-pink-color {
color: #f78da7;
}
.entry-content .has-pale-pink-background-color,
.wp-block-button.is-style-outline .has-pale-pink-background-color:link {
background-color: #f78da7;
}
.entry-content .has-vivid-red-color {
color: #cf2e2e;
}
.entry-content .has-vivid-red-background-color,
.wp-block-button.is-style-outline .has-vivid-red-background-color:link {
background-color: #cf2e2e;
}
.entry-content .has-luminous-vivid-orange-color {
color: #ff6900;
}
.entry-content .has-luminous-vivid-orange-background-color,
.wp-block-button.is-style-outline .has-luminous-vivid-orange-background-color:link {
background-color: #ff6900;
}
.entry-content .has-luminous-vivid-amber-color {
color: #fcb900;
}
.entry-content .has-luminous-vivid-amber-background-color,
.wp-block-button.is-style-outline .has-luminous-vivid-amber-background-color:link {
background-color: #fcb900;
}
.entry-content .has-light-green-cyan-color {
color: #7bdcb5;
}
.entry-content .has-light-green-cyan-background-color,
.wp-block-button.is-style-outline .has-light-green-cyan-background-color:link {
background-color: #7bdcb5;
}
.entry-content .has-vivid-green-cyan-color {
color: #00d084;
}
.entry-content .has-vivid-green-cyan-background-color,
.wp-block-button.is-style-outline .has-vivid-green-cyan-background-color:link {
background-color: #00d084;
}
.entry-content .has-pale-cyan-blue-color {
color: #8ed1fc;
}
.entry-content .has-pale-cyan-blue-background-color,
.wp-block-button.is-style-outline .has-pale-cyan-blue-background-color:link {
background-color: #8ed1fc;
}
.entry-content .has-vivid-cyan-blue-color {
color: #0693e3;
}
.entry-content .has-vivid-cyan-blue-background-color,
.wp-block-button.is-style-outline .has-vivid-cyan-blue-background-color:link {
background-color: #0693e3;
}
.entry-content .has-very-light-gray-color {
color: #eee;
}
.entry-content .has-very-light-gray-background-color,
.wp-block-button.is-style-outline .has-very-light-gray-background-color:link {
background-color: #eee;
}
.entry-content .has-cyan-bluish-gray-color {
color: #abb8c3;
}
.entry-content .has-cyan-bluish-gray-background-color,
.wp-block-button.is-style-outline .has-cyan-bluish-gray-background-color:link {
background-color: #abb8c3;
}
.entry-content .has-very-dark-gray-color {
color: #313131;
}
.entry-content .has-very-dark-gray-background-color,
.wp-block-button.is-style-outline .has-very-dark-gray-background-color:link {
background-color: #313131;
}