/* ==================================================================== */
/*                                                                      */
/* If updated, mirror this update in the combined normalize/print file  */ 
/*                                                                      */
/* ==================================================================== */

/* 508 skiplist 
   ========================================================================== */
.skiplist,
.navbar,
.gel-skiplist {
    display: none !important;
}

/* cookie   
    ========================================================================== */
#gel-cookie-banner,
#gel-cookie-banner.gel-cookie-banner-theme-dark {
    display: none !important;
}

/* print specific    
    ========================================================================== */
header,
.gel-content,
footer {
    max-width: 1280px;
    margin: 0 auto;
}

.screen,
nav, .nav,
.navcontactpanel,
aside,
picture,
div[role="complementary"],
.topiclist.fcontainer,
.adhere /* business journal speedbump trigger */ {
    display: none !important;
}

.print {
    display: block;
}

body {
    padding: 24px 32px;
}

.gel-logo a {
    display: block;
    text-decoration: none;
    margin-bottom: 24px;
}

    .gel-logo a:before {
        font-family: "Conv_GELWebFontV1-Regular";
        content: "\0047";
        font-size: 48px;
        line-height: 64px;
    }

footer p {
    border-top: 1px solid #747779;
    padding-top: 24px;
    color: #747779;
}

.gel-content header h1,
.gel-content header h2 {
    text-transform: none;
}

/* legacy flexchart overrides (until new table builder is implemented) */
.sa-flexchart #tabulardata {
    display: table;
    width: 100%;
    margin: 12px 0;
}

    .sa-flexchart #tabulardata th,
    .sa-flexchart #tabulardata td {
        padding: 8px 4px;
    }

ul.export {
    display: none;
}

#asPageGraph,
#asDSMChart {
    display: block;
    margin: 0 auto 24px;
}

/* END legacy flexchart overrides (until new table builder is implemented) */

/* icons
       ========================================================================== */
.icon {
    position: relative;
    text-decoration: none;
}

    .icon:hover {
        text-decoration: underline;
    }

    a.icon:before,
    .icon a:before {
        font-family: "Conv_GELWebFontV1-Regular";
        font-size: 24px;
        line-height: 1;
        color: #25282A;
        text-decoration: none;
        speak: none;
        position: absolute;
        left: 8px;
        top: calc(50% - 12px); /* 50% of the container minus 1/2 of the font-size */
    }

    a.icon:hover:before,
    .icon a:hover:before {
        color: #000000;
        text-decoration: none;
    }

.icontwitter a:before {
    content: "\0074";
}

.iconfacebook a:before {
    content: "\0066";
}

.iconlinkedin a:before {
    content: "\006C";
}

/* display boxes */
.calloutbox2 {
    background-color: #e6e6e6;
    margin-top: 24px;
    padding: 12px 16px;
}

.calloutbox {
    margin-top: 12px;
    padding: 12px 16px;
    border: 1px solid #d4d5d6;
}

    .calloutbox:first-child {
        margin-top: 0;
    }

    .calloutbox > h4:first-child,
    .calloutbox2 > h4:first-child,
    .calloutbox > h5:first-child,
    .calloutbox2 > h5:first-child {
        margin-top: 8px;
        margin-top: 0.5rem;
    }


/** Release, Document pages */
main header {
    border-bottom: 1px solid #54585a;
    margin: 0 0 24px; /* IE Only */
    margin: 0 0 1.5rem;
}

article .heroheader .topic {
    font-weight: bold;
    text-transform: uppercase;
}

.calloutbox2.surveymethods p,
.calloutbox2.authorbyline,
.calloutbox2.authorbyline p {
    font-size: 13px; /* IE Only */
    font-size: 0.8125rem;
    line-height: 1.84615384; /* (1 * 24) / 13 = 1.846153846153846 ... */
}

    .calloutbox2.authorbyline > div + div {
        margin-top: 24px;
        margin-top: 1.5rem;
    }

.authorDisplayLine1,
.authorDisplayLine2 {
    font-family: Georgia, "Times New Roman", serif;
    margin: 0;
    font-style: italic;
    color: #747779;
}

.authorDisplayLine3 {
    border-top: 1px solid #d4d5d6;
    border-bottom: 1px solid #d4d5d6;
    margin-top: 24px;
    padding: 24px 0;
}

    .authorDisplayLine3,
    .authorDisplayLine3 p {
        font-size: 13px; /* IE Only */
        font-size: 0.8125rem;
        line-height: 1.84615384; /* (1 * 24) / 13 = 1.84615 ... */
        color: #747779;
    }

        .authorDisplayLine3 .shortbio + .shortbio {
            margin-top: 12px;
        }

.sharelinks {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .sharelinks a {
        text-decoration: none;
    }

        .sharelinks a:before {
            position: static;
            color: #a9abac;
            font-size: 32px; /* IE Only */
            font-size: 2rem;
            speak: none;
        }

        .sharelinks a:hover:before {
            color: #54585a;
            text-decoration: none;
        }

/* youtube video */
.type-video .videocontainer,
.synopsisvideo {
    position: relative;
    padding-bottom: 60%;
    height: 0;
    margin: 12px 0;
}

    .type-video .videocontainer iframe,
    .synopsisvideo iframe {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
    }

/* content headlines with lines */
.headerblock.fcontainer {
    color: #d4d5d6;
    display: block;
    margin: 0;
    padding: 0;
}

.headerblock > .fitem {
    float: left;
    background-color: transparent;
    margin: 0;
}

.headerblock.socialblock > .fitem.flast {
    margin: 0;
    float:right;
}

.headerblock.socialblock li {
    margin-top: 0;
    margin-bottom: 0;
}

    .headerblock.socialblock li.fitem {
        margin: 0 0 0 16px;
    }

        .headerblock.socialblock li.fitem.ffirst {
            margin-left: 0;
            padding-right: 16px;
        }

.sharelinks li.icon {
    padding: 0;
    display: block;
    float: right;
}

.boxQuote {
    border: 1px solid #d4d5d6;
    margin: 12px 0;
    padding: 0 16px;
    font-weight: bold;
    font-style: italic;
    font-family: Georgia, "Times New Roman", serif;
}


/* print only article source information */
.sourceinfo {
    margin-top: 48px;
    line-height: 1.84615385; /* (1 * 24) / 13 = 1.84615... */
}

    .sourceinfo time {
        font-size: 16px;
        font-size: 1rem;
        display: inline-block;
    }

    .sourceinfo span {
        display: block;
    }

        .sourceinfo span[data-cite]:before {
            display: inline-block;
            margin-right: 12px;
            text-transform: uppercase;
            font-weight: bold;
            content: attr(data-cite) ": ";
        }

/* override legacy inline style and hardcoded limits */
.articlecontent table[width] {
    width: auto !important;
}

.articlecontent table.fullwidth[width] {
    width: 100% !important;
}


/*  @1024px
	========================================================================== */
@media screen and (min-width:64em) {

    .boxQuote {
        float: right;
        margin-top: 0;
        margin-left: 32px;
        max-width: 25%;
    }

    /* override legacy inline style and hardcoded limits */
    .articlecontent p[style*="center"] > img {
        margin: 0 auto;
    }
}