@charset "UTF-8";
/* CSS Document */
body, a {
	font-family: Lato, Helvetica Neue, Helvetica, Gill Sans, sans-serif; 
	color: #2f2f52;
}
/* .serif { font-family: 'Yeseva One', serif; } */
header {
	background-color: #fbf8f6;
	height: 6.3em;
	padding-right: var(--bs-gutter-x,3rem) !important;
}
header h1{
	font-size: 2em;
}
header .logo{
	width: 4em;
	margin: 0 1em;
	padding-bottom: .2em;
}
header nav { }
header a {text-decoration: none;}
header a:hover {color: inherit;}

h1, h1.display-4, h3, h4 {
	font-weight: 900;
	line-height: 1.1;
}
h5 {font-size: 1.2rem; font-weight: 800; line-height: 1.3; margin-bottom: 1.1rem;}
body, p {
	font-weight: 300;
}
sup {font-size: .7rem; top: -.65rem;}

dl.headerCredits {margin-top: 3rem;}
dl.headerCredits:before {
    content: '';
    display: block;
    width: 4.5rem;
    height: .35rem;
    margin: 0 0 1rem 0;
    background-color: #dedad9;
}
dt {
	text-transform: uppercase;
	font-size: .9rem;
	letter-spacing: .08rem;
	margin: 1.5rem 0 .2rem;
}
dd {line-height: 1.5rem;}
.headerCredits dt, .headerCredits dd {display: inline;}
.headerCredits dt {margin-right:.2rem;}
.headerCredits dd {margin-right:1rem;}

.ruleAbove:before {
    content: '';
    display: block;
    width: 4.5rem;
    height: .35rem;
    margin: 0 0 1rem 0;
    background-color: #dedad9;
}
p.bubbleR {
  background-color: yellow;
    padding: 0.5rem 0.8rem;
    margin-bottom: 2.5rem;
    font-size: .9rem;
    font-weight: 500;
    line-height: 1rem;
    position: relative;
    width: fit-content;
}
p.bubbleR::after {
  content: " ";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -8px;
    border-width: 15px;
    border-style: solid;
    border-color: transparent yellow transparent transparent;
    border-bottom-width: 8px;
    border-top-width: 8px;
}

footer{
	/*background-color: #f5ff8b;*/
	background-color: #fbf8f6;
	height: 8rem;
}
button.btn {
	background-color: #2f2f52;
	color: #fff;
	padding: .8em 1.5em;
	font-weight: 900;
	border-radius: .1rem;
}
button.btn:hover {
	background-color: #4372b3;
	color: #fff;
}
/*layout*/

.ak-grid {margin-left: 1em; margin-right: 1em; max-width: 1700px;}
.ak-grid.noGutter { margin-left:0; margin-right:0;}
.ak-grid img { width: 100%; height:auto; }
.ak-grid figure { overflow: hidden; margin: 2rem 0;}
.noGutter figure { margin: 0; padding: 0; }
#mainImage {margin-bottom: 3rem;}
#mainImage .ak-grid {margin-left: 0; margin-right: 0; margin: auto;}
#mainImage img { width: auto; }
figcaption { margin-top: 1rem; font-weight: 800; font-size: .9rem;}
figcaption .projectCategory {
	display: block;
	color: #80808b;
	text-transform: uppercase;
	font-size: .7rem;
	font-weight: 500;
	letter-spacing: .05rem;
}

#introText {padding-top: 3rem; padding-bottom: 9rem; margin-bottom: -8rem;}
.gridText {padding: 0;}

/*SM*/
@media only screen and (min-width: 576px){
	.ak-grid, .ak-grid.noGutter {margin-left: auto; margin-right:auto;}
	#mainImage {margin-bottom: 4rem;}
	#introText {padding-top: .1rem; padding-bottom: 4rem; margin-bottom: -5rem;}
	figcaption {font-size: 1rem;}
}
/*MD*/
@media only screen and (min-width: 768px){
	#mainImage {margin-bottom: 5rem;}
	#introText {padding-top: .5rem; padding-bottom: 5.5rem; margin-bottom: -6.5rem;}
	
}
/*LG*/
@media only screen and (min-width: 992px){
	#mainImage {margin-bottom: 7rem;}
	#introText {padding-top: 3rem; padding-bottom: 9rem; margin-bottom: -7rem;}
	.lead {font-size: 1.5rem;}
	figcaption {font-size: 1.2rem;}
	/*.gridText {padding: 7rem 0;}*/
}
/*XL*/
@media only screen and (min-width: 1200px){
	body, p {font-size: 1.15rem;}
	figcaption {font-size: 1.4rem;}
}
/*XXL*/
@media only screen and (min-width: 1400px){
	.lead {font-size: 2rem;}
	body, p {font-size: 1.25rem;}
}

/*colors*/
.wwh { background-color: #e7e4e1; }
.mainBg { background-color: #fbf8f6; }
.mmyp-dark { background-color: #2f2f52; }
.mmyp-lb { background-color: #cff5f9; }
.mmyp-y {background-color: #ffd831;}
.mmyp-p {background-color: #ff8adc;}
.mmyp-meds {background-color: #026166;}
.ppb-sea { background: url("images/ppb-bg.png") repeat-x; background-size: auto 100%; }
.ppb-checks { background: #e5f4fb url("images/ppb-check.svg") repeat; background-size: 7rem auto; background-attachment: fixed; }
.ppb-dblue { background-color: #025193; }