@charset "UTF-8";
/* CSS Document */

/* P A G E . C O N T E N T . D I R E C T O R Y */
.mainContent div.navi {
	position: sticky;
	position: -webkit-sticky;
	top: 0;
}
.mainContent nav.pageNavi {
	width: 93%;
}
.mainContent nav.pageNavi p {
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 2px;
    padding: 4px 0 3px 0px;
    margin: 30px 0 30px -15px;
    color: #627482; /*header bar color*/ 
    background-color: #D6DADD; /*tint of header bar color*/
    border-bottom-left-radius: 8px;
}
.mainContent nav.pageNavi p.support {
    color: #D49D3A; /*header bar color*/ 
    background-color: #F0DDBC; /*tint of header bar color*/
}
.mainContent nav.pageNavi p.down {
	background-color: #FFDB8C;
	color: #0A2C5D;
}
.mainContent nav.pageNavi img {
    width: 25px;
    margin-right: 8px;
    margin-left: -5px;
    padding: 0px 0 2px 0px;
    vertical-align: middle;
}
.mainContent nav.pageNavi ul.expando {
    font-family: 'Archivo', sans-serif;
	display: none;
    background-color: #FFF;
    color: #515C64;
    list-style: none;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 15px;
    margin: -20px 0px 0px -18px;
    padding: 0 0 40px 50px;
    position: relative;
	z-index: 1;
}
.mainContent nav.pageNavi ul.expando:target {
	display: block;
}
.mainContent nav.pageNavi ul.expando li {
    margin: 0 0 7px 0px;
    border-top: 1px solid #E1D8CE;
    padding-top: 8px;
}
.mainContent nav.pageNavi ul.expando li.subsub {
    border: none;
    margin-left: 16px;
    padding-top: 0px;
    margin-bottom: 10px;
    font-size: 15px;
    text-transform: none;
}
.mainContent nav.pageNavi li.subsub.vidiHero {
    height: 500px;
}
.mainContent nav.pageNavi ul.expando li.subsub.one {
    padding-top: 2px;
}
.mainContent nav.pageNavi ul.expando li.first {
    padding-top: 10px;
}
.mainContent nav.pageNavi ul.expando li.last {
    border-bottom: 1px solid #E1D8CE;
    padding-bottom: 7px;
}
.mainContent nav.pageNavi ul.expando li.lastone {
    border-bottom: 1px solid #E1D8CE;
    padding-bottom: 7px;
}
.mainContent nav.pageNavi ul.expando li.last.call {
    display: none;
}
.mainContent nav.pageNavi a:link {
    color: #1955A6;
    text-decoration: none;
    font-weight: 500;
}
.mainContent nav.pageNavi a:visited {
    color: #8F96A3;
    text-decoration: none;
}
.mainContent nav.pageNavi a:focus {
    color: #0A2C5D;
    font-weight: 300;
    letter-spacing: 1px;
}
.mainContent nav.pageNavi a:hover {
    color: #0A2C5D;
    font-weight: 300;
    letter-spacing: 1px;
}


/* P H O T O . B L O C K (flexbox) */
.mainContent .seeGrid {
    float: left;
    border-right: 1px solid #98A3AB;
    padding-right: 12px;
    margin-right: 12px;
}
.mainContent img.seePix {
    width: 90px;
}
.mainContent img.seePix:hover, img.seePix:focus {
    filter: invert(48%) sepia(12%) saturate(211%) hue-rotate(158deg) brightness(95%) contrast(86%);
}
.mainContent .expando {
    display: none;
}
.mainContent .expando:target {
    display: block;
}
.blockWrap {
    background-color: #fff;
    margin-top: -50px; /* covers trigger-grid icon */
    margin-bottom: 30px;
	margin-right: 7%;
    border-top: 1px solid #ccc;
    padding-top: 6px;
    position: relative;
    z-index: 1;
    float: left;
}
.blockWrap[style*="display:block"] + *,
.blockWrap[style*="display: block"] + * {
    clear: both;
}
.pixBlock {
    display: flex;
    flex-direction: column;
    max-width: 800px;
    width: 100%;
}
.photoBlock {
    display: flex;
    flex-direction: row;
}
.square {
    display: flex;
    flex-direction: column;
    margin-right: 8px;
    width: 21.6%;
}
.square img {
    width: 100%;
} 
.rectangle {
    width: calc(78% - 6px);
    overflow: hidden;
}
.recBig {
    width: 99.6%;
    height: 99.3%;
    object-fit: cover;
	border: 1px solid #ccc;
}
.squareUp {
    margin-bottom: 6px;
	border: 1px solid #ccc;
}
.squareDown {
	border: 1px solid #ccc;
}
        
/* captions */
.captionBlock {
    display: flex;
    align-items: flex-start;
    margin-top: 15px;
}
.captionsIcon {
    width: 65px;
    margin-right: 12px;
}
.captions {
    border-left: 1px solid #98A3AB;
    padding-left: 12px;
	width: 100%;
}
.captions p {
    margin: 5px 20px 0px 0px;
    text-indent: 0px;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 16px;
	line-height: 20px;
}
.captions p a:link {
    font-weight: 600;
}

/*  M O R E ... T E X T  R E V E A L  */
.more-expando .more-content {
    display: none; 
}
.more-expando .more-btn {
    display: inline-block;
    cursor: pointer;
}
.more-expando .more-btn * {
    color: #1955A6;
}
.more-expando .more-btn.icon {
    display: block;
	width: 20px;
}
.more-expando .more-btn.QA {
	color: #98A3AB;
	font-weight: 400;
}
.more-expando .more-btn:hover * {
    color: inherit;
}
.more-expando p.faQue {
    font-size: 18px;
	line-height: 24px;
	font-weight: 400;
	color: #0A2C5D;
	margin: 20px 6px 0 0px;
	text-indent: 0px;
}
.more-expando p.faQue img.Q {
	width: 21px;
	vertical-align: -15%;
	margin-right: 8px;
}
.more-expando p.aye {
	text-indent: 0px;
	margin-top: 8px;
	margin-bottom: 30px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}
.more-expando p.one {
	margin-bottom: 0px;
	border-bottom: none;
	padding-bottom: 0px;
}
.more-expando p.two {
	margin-bottom: 30px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}
.more-expando .moreDots {
	vertical-align: -5%;
}

/*  G R A P H - G R A P H I C  R E V E A L  */
.tableGraph.expando {
    margin-top: -38px;
    width: 100%;
}


/*  M E D I A  Q U E R I E S  .  M E D I A  Q U E R I E S  */
@media all and (max-width : 800px){
.pixBlock {
    width: 143%;
}
.rectangle {
    width: calc(48% - 6px);
    overflow: hidden;
}
.recBig {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.captions {
    width: 60%;
}
}

@media all and (max-width : 650px ){
.mainContent nav.pageNavi p {
    border-bottom-left-radius: 0px;
}
.mainContent nav.pageNavi ul.expando li {
    margin: 0 0 12px 0px;
    padding-top: 15px;
}
.mainContent nav.pageNavi ul.expando li.subsub {
    margin-bottom: 16px;
}
.mainContent nav.pageNavi ul.expando li.subsub.one {
    padding-top: 5px;
}
.mainContent nav.pageNavi ul.expando li.first {
    padding-top: 15px;
}
.mainContent nav.pageNavi ul.expando li.last {
    padding-bottom: 13px;
}
.mainContent nav.pageNavi ul.expando li.lastone {
    padding-bottom: 13px;
}
.mainContent nav.pageNavi ul.expando li.last.call {
	display: block;
    border-bottom: 1px solid #E1D8CE;
    padding-bottom: 11px;
	border-top: 0px;
	padding-top: 0px;
}
.captions {
    width: 63%;
}
}