/*//////////////////////////////////////////////////////////////////// */
/*//////////////////////////////////////////////////////////////////// */
/*-- CONTAINERS ------------------------------------------------------ */
/*//////////////////////////////////////////////////////////////////// */
/*//////////////////////////////////////////////////////////////////// */

/*-- ///// DOCUMENT  ///// --- */
/*-- ///// DOCUMENT  ///// --- */

html {font-size: 10px;}

body {
    padding: 0; margin: 0; margin-block-start: 0; margin-block-end: 0; box-sizing: border-box; background-color: var(--geo-color-bkgd-default); 
}

/*//////////////////////////////////////////////////////////////////// */
/*//////////////////////////////////////////////////////////////////// */
/*///// HEADER & FOOTER ////////////////////////////////////////////// */
/*//////////////////////////////////////////////////////////////////// */
/*//////////////////////////////////////////////////////////////////// */

header, footer {
    display: flex; justify-content: center;
    box-sizing: border-box; 
    flex-direction: column;
    align-items: center;
    width: 100%; height: auto; padding: 0; margin: 0;
    background-color: var(--geo-color-bkgd-default);
}
    header {padding-block-start: 42px; margin-block-start: 0; margin-block-end: 42px;}
    footer {padding-block-start: 48px; margin-block-start: 0; margin-block-end: 100px;}

.nav-header, .nav-footer {
    display: flex; justify-content: center;
    box-sizing: border-box; 
    width: 100%; height: auto;
    background-color: var(--geo-color-bkgd-default);
    margin: 0; margin: 0; margin-block-start: 0; margin-block-end: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}


.logo-geo-header, .logo-geo-footer {
    width: 66px; height: 66px;
    box-sizing: border-box;
    padding: 6px;
    border-radius: 50%;
    background-color: #ffffff;
    margin: 0; margin-block-start: 0; margin-block-end: 18px;
    opacity: 1;
}
    .logo-geo-header:hover, .logo-geo-footer:hover {opacity: .5;}
    
.header-links-list, .footer-links-list {
    display: flex;
    justify-content: center;
    padding: 0; margin: 0;
    list-style-type: none;
    text-decoration: none;
}

.header-links-list li, .footer-links-list li {
    display: block;
    font-family: 'Portada-Regular', Georgia, serif; 
    font-weight: 400; 
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .06em;
    color: var(--geo-color-ink-default);
    text-align: center;
}
    .header-links-list li a:link, .header-links-list li a:visited, .footer-links-list li a:link, .footer-links-list li a:visited {
        text-decoration: none; color: var(--geo-color-ink-default);}
    .header-links-list li a:hover, .footer-links-list li a:hover {
        text-decoration: none; color: var(--geo-color-ink-default); 
        border-bottom: 1px solid var(--geo-color-ink-default);}
    .header-links-list li a:active, .header-links-list li a:active, .footer-links-list li a:active, .footer-links-list li a:active  {
        text-decoration: none; color: var(--geo-color-ink-default); 
        border-bottom: 1px solid var(--geo-color-ink-default); opacity: .5;}


.logo-geo-footer {
    width: 66px; height: 66px;
    box-sizing: border-box;
    padding: 6px;
    border-radius: 50%;
    background-color: #ffffff;
    margin: 0; margin-block-start: 0; margin-block-end: 18px;
    opacity: 1;
}

.footer-links, .header-links {
    font-family: 'Portada-Regular', Georgia, serif; 
    font-weight: 400; 
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .08em;
    color: var(--geo-color-ink-default);
    padding: 0;
    margin: 0 auto 0 auto;   
    text-align: center;
}



/*//////////////////////////////////////////////////////////////////// */
/*//////////////////////////////////////////////////////////////////// */
/*///// CALLOUT STYLES ////////////////////////////////////////////// */
/*//////////////////////////////////////////////////////////////////// */
/*//////////////////////////////////////////////////////////////////// */
/*
.callout {
    box-sizing: border-box;
    padding: 28px 24px 20px 24px;
    border: 8px solid var(--aard-new-color-callout-background);
    margin: 24px 0 18px 0;
}

.callout .callout-head {
    font-family: 'LFTEticaSheriff-Semibd', Arial, sans-serif; 
    font-size: 22px; 
    line-height: 1.2; 
    font-style: normal; 
    font-weight: normal;
    color: var(--aard-color-ink-default);
    letter-spacing: .02em;
    margin: 0 0 8px 0;
}

.callout h2 {
    font-family: "LFTEtica-Semibold", Arial, sans-serif;
    font-size: 18px;
    font-style: normal; 
    font-weight: normal;
    line-height: 1.2;
    letter-spacing: .02em;
    margin-bottom: -12px;
    color: var(--aard-color-ink-default);
}
.callout p, .callout l1, .callout dd {      
    font-family: "LFTEtica-Regular", Arial, sans-serif;
    font-size: 18px;
    font-style: normal; 
    font-weight: normal;
    line-height: 1.4;
    letter-spacing: .015em;
    margin-bottom: 18px;
    color: var(--aard-color-ink-default);
}
.callout b, .callout strong {font-family: "LFTEtica-Semibold", Arial, sans-serif; font-weight: normal; letter-spacing: 0em;}
.callout dd {margin-left: 1.8rem; }

.callout dt {
    font-family: "LFTEtica-Semibold", Arial, sans-serif;  
    font-size: 18px; 
    font-style: normal; 
    font-weight: normal; 
    line-height: 1.2;
    color: var(--aard-color-ink-default);
    letter-spacing: .015em; 
    margin: 10px 0 6px 0;}
    
.callout .tagline {
    font-family: "LFTEtica-Italic", Arial, sans-serif;
    font-size: 18px;
    font-style: italic; 
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: .015em;
    margin-bottom: 18px;
    color: var(--aard-color-ink-default);    
}
*/

/*//////////////////////////////////////////////////////////////////// */
/*//////////////////////////////////////////////////////////////////// */
/*///// DATELINE & SHARE BUTTON ////////////////////////////////////// */
/*//////////////////////////////////////////////////////////////////// */
/*//////////////////////////////////////////////////////////////////// */
/*
.dateline-share-standard {
    display: grid; 
    grid-column: 1fr 1fr; gap: 0; 
    width: 100%; 
    align-items: center; 
    justify-content: space-between;
    padding: 8px 0 18px 0;
    margin: 0;}
        .dateline {grid-column: 1 / 2; grid-row: 1 / 2;}
        .button-toolkit {grid-column: 2 / 3; grid-row: 1 / 2;}

.dateline-share-major {
    display: grid; 
    grid-column: 1fr 1fr; gap: 12px; 
    width: 100%; 
    align-items: center; 
    justify-content: center;
    padding: 8px 0 18px 0;
    margin: 0;}
        .dateline {grid-column: 1 / 2; grid-row: 1 / 2;}
        .button-toolkit {grid-column: 2 / 3; grid-row: 1 / 2;}

.dateline-share-dateline {
    display: block;
    width: 100%;
    font-family: "LFTEtica-Book", Arial, sans-serif;
    font-size: 13px;
    font-style: normal; 
    font-weight: normal;
    line-height: 2rem;
    letter-spacing: .032em;
    color: var(--aard-color-ink-default);   
    margin: 0;
}
    .dateline-share-major time {text-align: right;}


.heart-button, .bookmark-button, .share-button {
    display: inline-block;
    box-sizing: border-box;
    height: 32px; width: 32px;
    padding: 6px;
    border: 1px solid #ccccd1;
    border-radius: 20px;
    margin-left: 6px;
}

.toolkit-icon {
    width: 100%; height: auto;
}
*/
/*//////////////////////////////////////////////////////////////////// */
/*//////////////////////////////////////////////////////////////////// */
/*///// JUMP-LINK STYLES ///////////////////////////////////////////// */
/*//////////////////////////////////////////////////////////////////// */
/*//////////////////////////////////////////////////////////////////// */
/*
.jump-links {
    margin: 18px 0 0 0;
    padding: 0;
}

.jump-links-label {
    display: inline-block;
    box-sizing: border-box;
    font-family: "Encode Sans", Arial, sans-serif;  
    font-size: 14px; 
    font-style: normal; 
    font-weight: normal; 
    line-height: 1.0;
    color: var(--aard-color-ink-default);
    letter-spacing: .03em; 
    padding: 0;
    border: none;
    border-radius: none;
    margin: 0 4px 0 0;
}

.jump-link-link {
    display: inline-block;
    box-sizing: border-box;
    font-family: "Encode Sans", Arial, sans-serif;  
    font-size: 14px; 
    font-style: normal; 
    font-weight: normal;
    line-height: 1.0;
    color: var(--aard-color-ink-default);
    letter-spacing: .03em; 
    padding: 6px 8px 6px 8px;
    border: 1px solid var(--geo-color-line-dark);
    border-radius: 20px;
    margin: 0 4px 8px 0;
    text-decoration: none;
    background-color: #ffffff;
}
    
    .jump-link-link:hover {color: var(--aard-color-ink-default); background-color: #FFF9BC; text-decoration: none; border-bottom: none;}
    .jump-link-link:active {color: var(--aard-color-ink-default); background-color: #FFF381; text-decoration: none; border-bottom: none;}
    .jump-link-link:visited {color: var(--aard-color-ink-default);}
    .jump-link-link:focus {color: var(--aard-color-ink-default); background-color: #FFF9BC; text-decoration: none; border-bottom: none;}

    .jump-link-link a: {color: var(--aard-color-ink-default); text-decoration: none; border-bottom: none;}
    .jump-link-link a:link {color: var(--aard-color-ink-default); text-decoration: none; border-bottom: none;}
    .jump-link-link a:hover {color: var(--aard-color-ink-default); text-decoration: none; border-bottom: none; }
    .jump-link-link a:active {color: var(--aard-color-ink-default); text-decoration: none; border-bottom: none; }
    .jump-link-link a:visited {color: var(--aard-color-ink-default); text-decoration: none; border-bottom: none;}
    .jump-link-link a:focus {color: var(--aard-color-ink-default); text-decoration: none; border-bottom: none; }
*/

/*-- ////////////////////////////////////////////////////////////////////--- */
/*-- BREAKPOINT ADADAPTATIONS  //////////////////////////////////////////--- */
/*-- BREAKPOINT ADADAPTATIONS  //////////////////////////////////////////--- */
/*-- BREAKPOINT ADADAPTATIONS  //////////////////////////////////////////--- */
/*-- BREAKPOINT ADADAPTATIONS  //////////////////////////////////////////--- */
/*-- BREAKPOINT ADADAPTATIONS  //////////////////////////////////////////--- */
/*-- BREAKPOINT ADADAPTATIONS  //////////////////////////////////////////--- */
/*-- BREAKPOINT ADADAPTATIONS  //////////////////////////////////////////--- */
/*-- ////////////////////////////////////////////////////////////////////--- */


/*-- ////////////////////////////////////////////////////////////////////--- */
/*-- 768 BREAKPOINT ADADAPTATIONS  //////////////////////////////////////--- */
/*-- ////////////////////////////////////////////////////////////////////--- */

@media screen and (min-width: 768px) {
/*-- ///// Containers and grids /////--- */

/*-- ////////////////////////////////////////////////////////////////////--- */
/*-- // 1024 BREAKPOINT ADADAPTATIONS  //////////////////////////////////--- */
/*-- ////////////////////////////////////////////////////////////////////--- */

@media screen and (min-width: 1024px) {
/*-- ///// Containers and grids /////--- */

/*-- ///// Font attributes /////--- */

/*-- ////////////////////////////////////////////////////////////////////--- */
/*-- // 1280 BREAKPOINT ADADAPTATIONS  //////////////////////////////////--- */
/*-- ////////////////////////////////////////////////////////////////////--- */

@media screen and (min-width: 1280px) {
/*-- ///// Containers and grids /////--- */
/*-- ///// Font attributes /////--- */
}