/* AWP Colors */

:root {
    --AWP-orange: #DD571F;
    --AWP-green: #B2BB1E;
    --AWP-teal: #018c96;
    --aux-link-color: #018089;
    /* ASI Flat_White variable usage */
    --AWP-teal2: #018089;
    --AWP-lightteal: #73AFB6;
    --AWP-darkgreen: #5F604B;
    --AWP-yellow: #FED319;

    /* RGBs for enhanced control */
    --AWP-orange: rgb(221, 87, 31);
    --AWP-green: rgb(178, 187, 30);
    --AWP-teal: rgb(1, 140, 150);
    --aux-link-color: rgb(1, 128, 137);
    --AWP-teal2: rgb(1, 128, 137);
    --AWP-lightteal: rgb(115, 175, 182);
    --AWP-darkgreen: rgb(95, 96, 75);
    --AWP-yellow: rgb(254, 211, 25);

    /* RGB RAW... */
    --AWP-orange-rgba: 221, 87, 31;
    --AWP-green-rgba: 178, 187, 30;
    --AWP-teal-rgba: 1, 140, 150;
    --aux-link-color-rgba: 1, 128, 137;
    --AWP-teal2-rgba: 1, 128, 137;
    --AWP-lightteal-rgba: 115, 175, 182;
    --AWP-darkgreen-rgba: 95, 96, 75;
    --AWP-yellow-rgba: 254, 211, 25;


}

/* AWP Fonts */

/* FORMASI - highly stylized, only for pull quotes */

@font-face {
    font-family: 'FORMASI';
    src: url('fonts/FORMASI_.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

/* Stone Serif Standard */

@font-face {
    font-family: 'Stone Serif Standard';
    src: url('fonts/StoneSerifStd-Bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Stone Serif Standard';
    src: url('fonts/StoneSerifStd-BoldItalic.otf') format('opentype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Stone Serif Standard';
    src: url('fonts/StoneSerifStd-Medium.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Stone Serif Standard';
    src: url('fonts/StoneSerifStd-MediumItalic.otf') format('opentype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Stone Serif Standard';
    src: url('fonts/StoneSerifStd-Semibold.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Stone Serif Standard';
    src: url('fonts/StoneSerifStd-SemiboldIt.otf') format('opentype');
    font-weight: 300;
    font-style: italic;
}

/************************* BODY *************************/
body {
    background: #fefefe;
    line-height: 1.3;
    overflow-x: hidden;
    /* to hide horizontal scrollbar */
}

/* main content width */
.container,
.header-container,
.SliderPage1 {
    max-width: 1040px;
}

/************************* FONT FAMILY *************************/


p,
a,
body {

    font-family: 'Stone Serif Standard', Georgia, 'Times New Roman', Times, serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Stone Serif Standard', Georgia, 'Times New Roman', Times, serif;
}

/* overrides for iMIS builtin fonts */

h1,
.h1,
.PageTitle,
h2,
.h2,
.PanelTitle,
h3,
.SectionTitle,
h4,
.h4,
.SectionLabel,
h5,
.h5,
.SectionLabelSmaller,
h6,
.h6 {
    color: var(--AWP-darkgreen);
    font-family: 'Stone Serif Standard', Georgia, 'Times New Roman', Times, serif;
}

input,
button,
select,
textarea,
.RadMenu.RadMenu_Coffee .rmRootLink,
.header-dark .RadMenu.RadMenu_Coffee .rmRootLink {
    font-family: 'Stone Serif Standard', Georgia, 'Times New Roman', Times, serif;
}

/* header layout */
.header-background-container {
    display: block;
}

header.header .header-background-container {
    display: none;
}

header.header .header-background-container:has(#ste_container_ciHomepageHeaderBackground) {
    display: grid;
}

header.header .header-background-container {
    grid-area: 3 / 1 / 3 / 3;
    /* row-start / column-start / row-end / column-end */
    grid-area: homeheader;
}

@media (max-width: 991px) {
    header.header {
        grid-template: "pre-header-ad" "logo" "utility" "header-top-left" "primary-nav" "homeheader";
    }

    .header-top-left,
    .header-top-divider {
        display: none;
    }
}

@media (min-width: 992px) {
    header.header {
        grid-template: "pre-header-ad pre-header-ad pre-header-ad" auto "header-top-left logo utility" auto "header-top-divider header-top-divider header-top-divider" auto ". primary-nav ." auto "homeheader homeheader homeheader";
        grid-template-areas: "pre-header-ad pre-header-ad pre-header-ad" "header-top-left logo utility" "header-top-divider header-top-divider header-top-divider" ". primary-nav ." "homeheader homeheader homeheader";
        grid-template-columns: 1fr 1040px 1fr;
        /* adhere to same max width as main content area */
    }
}

header.header .header-background-container .header-bg,
header.header .header-background-container .carousel-inner .item {
    background-position: center;
}

header.header .header-logo-container,
header.header .header-primary-nav-container {
    max-width: unset;
    padding: 0;
}

.header-aux-container {
    background: transparent;
}

.pre-header-ad {
    grid-area: pre-header-ad;
    margin-top: 20px;
}

.pre-header-advertisement-html {
    max-width: 800px;
    margin: 0 auto;
}


.header-logo-container p {
    margin-bottom: 0
}

.header-logo-container img {
    max-width: 200px;
}

.header-top-left {
    grid-area: header-top-left;
    margin: 10px 25px;
}

.header-top-divider {
    grid-area: header-top-divider;
}

.header-top-divider hr {
    color: var(--AWP-darkgreen);
    margin: 0;
    border: dotted var(--AWP-darkgreen) 0.5px;
    width: 100%;
}

/* Primary Navigation */
.RadMenu.RadMenu_Coffee {
    margin-top: 5px;
    margin-bottom: 5px;
}

/* center the menu */
.RadMenu.RadMenu_Coffee.MainMenu {
    display: flex;
    justify-content: center;
}

/* header aux font size */
.header-aux-container .UtilityAuthentication a,
.header-aux-container a.NavigationLink,
.header-aux-container .UtilityNavigation .account-menu>li>a.sign-in-link,
.header-aux-container .account-toggle .nav-text {
    font-size: 100%;
}

.header-aux-container {
    margin: 10px 0 25px;
}

.header-top-left a {
    font-weight: 300;
    color: var(--AWP-teal2);
}

/* footer layout */
@media (min-width: 992px) {
    footer.footer .footer-content>.container {
        grid-template: "contact copyright navigation" ". footer-ad .";
        grid-template-areas: "contact copyright navigation" "footer-logo footer-logo footer-logo" "footer-ad footer-ad footer-ad";
        grid-template-columns: 1fr 1fr 1fr;
    }

    .footer-content .ContentItemContainer .ContentItemContainer:nth-child(1) {
        height: auto;
    }
}

@media (max-width: 991px) {
    footer.footer .footer-content>.container {
        grid-template: "contact" 1fr "copyright" 1fr "navigation" 1fr "footer-logo" "footer-ad";
    }

    .footer-column #ste_container_NewContentHtml>ul {
        display: inline;
    }

    .footer-content .ContentItemContainer .ContentItemContainer {
        margin: 20px 0;
    }

    footer.footer .footer-content>.container .footer-column:nth-child(4) {
        height: auto;
    }

    .header-top-left {
        margin: 0 auto 20px;
    }
}

/* overwrite built in margin on the middle footer column */
footer.footer .footer-content>.container .footer-column:nth-child(2) {
    margin-top: 0;
}

footer.footer .footer-content>.container .footer-column a {
    text-decoration: none;
    font-size: 1.3em
}

footer.footer .footer-content>.container .footer-column a:hover {
    text-decoration: underline;
}

footer.footer .footer-content>.container .footer-column:nth-child(4) {
    grid-area: footer-logo;
    padding: 20px 0 0 0;
}

footer.footer .footer-content>.container .footer-column:nth-child(4) a img {
    max-width: 250px;
}

footer.footer .footer-content>.container .footer-column:nth-child(5) {
    grid-area: footer-ad;
    padding: 5px;
    margin-top: 20px;
}

@media (min-width: 992px) {
    footer.footer .footer-content>.container .footer-column:nth-child(5) {
        grid-area: footer-ad;
    }
}

/* footer container full width */
.footer-content,
footer.footer .container {
    max-width: 100%;
    padding: 0;
}

/* footer block background colors */
footer.footer .footer-content>.container .footer-column:nth-child(1) {
    background: #ECB060e0;
}

footer.footer .footer-content>.container .footer-column:nth-child(2) {
    background: var(--AWP-green);
}

footer.footer .footer-content>.container .footer-column:nth-child(3) {
    background: var(--AWP-lightteal);
}

footer.footer .footer-content>.container .footer-column:nth-child(4) {
    background: var(--AWP-darkgreen);
}

footer.footer .footer-content>.container .footer-column:nth-child(5) {
    background: transparent;
}

footer.footer .footer-content>.container .footer-column:nth-child(5) .ContentItemContainer {
    max-width: 1040px;
    margin: 0 auto;
    text-align: center;
}

.twc-mid-page-ad {
    text-align: center;
}

footer.footer .footer-content>.container .footer-column:nth-child(1),
footer.footer .footer-content>.container .footer-column:nth-child(2),
footer.footer .footer-content>.container .footer-column:nth-child(3) {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 150px;
}

footer.footer .footer-content>.container .footer-column,
footer.footer .footer-content>.container .footer-column a,
footer.footer .footer-content>.container .footer-column h3 {
    color: #000;
}

.twc-article-header .carousel-caption {
    background: #ECB060e0;
    text-align: center;
}

.twc-article-header .carousel-caption p h1 {
    font-size: 20px;
    font-weight: bold;
    display: block;
}

.twc-homepage .carousel-caption p h1 {
    font-size: 20px;
    font-weight: bold;
    display: block;
}

.twc-article-header .carousel-caption p h1 em {
    font-size: 18px;
    font-weight: normal;
}

.twc-homepage .carousel-caption p h1 em {
    font-size: 18px;
    font-weight: normal;
}

@media (min-width: 992px) {

    .twc-article-header .carousel .carousel-caption,
    .carousel2 .carousel-caption,
    .HomePageFullWidthArea .carousel-caption {
        width: 60%;
        top: 10%;
    }

    .twc-article-header.bottom .carousel .carousel-caption,
    .carousel2 .carousel-caption,
    .HomePageFullWidthArea .carousel-caption {
        width: 60%;
        top: 50%;
    }

    .twc-homepage .carousel .carousel-caption,
    .carousel2 .carousel-caption,
    .HomePageFullWidthArea .carousel-caption {
        width: 60%;
        top: 10%;
    }

    .twc-homepage.bottom .carousel .carousel-caption,
    .carousel2 .carousel-caption,
    .HomePageFullWidthArea .carousel-caption  {
        width: 60%;
        top: 50%;
    }

    .twc-article-header .panel-body,
    body:not(.Wrapper-HomePage) .body-container>div {
        padding-top: 0;
    }

    .twc-homepage .panel-body,
    body:not(.Wrapper-HomePage) .body-container>div {
        padding-top: 0;
    }
}

.TWC-homepage-title h2 {
    color: var(--AWP-orange);
    font-size: 2.5em
}

.twc-title-line1,
.twc-title-line2 {
    text-align: center;
    margin-bottom: 0;
}

.twc-title-line1 a {
    color: var(--AWP-orange);
    font-size: 1.5em;
    font-weight: 300;
}

.twc-title-line2 a {
    color: var(--AWP-darkgreen);
    font-weight: 300;
}

.twc-hr {
    margin: 0;
    margin-bottom: 10px
}

.twc-homepage-articles-list .panel-body {
    padding-top: 0px;
    padding-bottom: 0px;
}

.twc-pull-quote { 
    text-align: center;
    font-size: 175%;
    margin: 50px;
}

.twc-pull-quote.orange {
    color: var(--AWP-orange);
}

.twc-pull-quote.teal {
    color: var(--AWP-teal2);
}

.twc-pull-quote.darkgreen {
    color: var(--AWP-darkgreen);
}

.awp-twc-cta .cta-desc {
    font-size: 1.7em;
    color: var(--AWP-orange)
}

.TextButton.twc-cta {
    background: var(--AWP-orange);
    font-size: 1.35em;
    color: #fff;
    padding: 20px 30px;
    border-radius: 20px;
    border: solid 3px var(--AWP-orange);
    margin-bottom: 50px;
}

.TextButton.twc-cta:hover {
    background: #fff;
    color: var(--AWP-orange);
}

/* additional article title background options */
.twc-article-header .awp-teal .carousel-caption {
    background: rgba(var(--AWP-teal2-rgba), 0.8);
}

.twc-article-header .awp-green .carousel-caption {
    background: rgba(var(--AWP-green-rgba), 0.8);
}

.twc-article-header .awp-lightteal .carousel-caption {
    background: rgba(var(--AWP-lightteal-rgba), 0.8);
}

.twc-article-header .awp-darkgreen .carousel-caption {
    background: rgba(var(--AWP-darkgreen-rgba), 0.8);
}

.twc-article-header .awp-yellow .carousel-caption {
    background: rgba(var(--AWP-yellow-rgba), 0.8);
}

.twc-homepage .teal-overlay .carousel-caption {
    background: rgba(var(--AWP-teal2-rgba), 0.8);
}

.twc-homepage .orange-overlay .carousel-caption {
    background: rgba(var(--AWP-orange), 0.8);
}

.twc-homepage .darkgreen-overlay .carousel-caption {
    background: rgba(var(--AWP-darkgreenk), 0.8);
}

.twc-article-header .panel-body {
    padding: 0;
}

.twc-homepage .panel-body {
    padding: 0;
}

/* article page list of articles tagged list */
.twc-article-page-list .panel-title {
    text-align: center;
    padding-top: 5px;
    font-size: 2em;
}

.twc-article-page-list {
    background: var(--AWP-darkgreen);
}

.twc-article-page-list .panel-title,
.twc-article-page-list a {
    color: #fff;
}

.twc-article-page-list hr {
    margin: 0 20px;
    border-bottom: solid 2px #fff;
}

.twc-article-list-entry {
    padding: 5px 20px;
}


.twc-article-page-list .twc-article-list-title1 a {
    font-size: 1.1em;
    font-weight: 300;
}

.twc-article-page-list .twc-article-list-title2 a {
    font-size: 0.8em;
    line-height: 1;
    display: block;
}

@media (min-width:992px) {
    .twc-article-page-list {
        text-align: right;
        margin-top: -17px;
        margin-right: 1px
    }
}

@media (max-width:991px) {
    .twc-article-page-list {
        text-align: center;
    }
}

.twc-article-page-list .TaggedListPanel {
    line-height: 1;
}

.twc-article-list-title1,
.twc-article-list-title2 {
    display: block;
    margin: 10px 0;
}

.twc-article-list-title1,
.twc-article-list-title2 {
    display: block;
    margin: 10px 0;
    color: #FFFFFF;
}

.twc-article-list-title1 a:hover {
    color: var(--AWP-lightteal);
}

.twc-article-list-title1 a:active,
.twc-article-list-title1 a:focus {
    color: var(--AWP-lightteal);
}

.twc-article-page-list .panel-body {
    padding: 0;
}

/* formatting for current article entry in the list */
.twc-article-list-entry.current-article {
    display: block;
}

.twc-article-list-entry.current-article a {
    color: var(--AWP-lightteal);
}

/* preview page mask styles */
.twc-preview-mask {
    padding-top: 300px;
    background: linear-gradient(to bottom, transparent 0%, #fcfcff 30%);
    margin-top: -700px;
    z-index: 20;
}

.twc-preview-mask h2 {
    font-size: 3em;
    color: var(--AWP-orange);
}

.backToTop {
    background-color: var(--AWP-teal2);
}

.twc-preview-signin h2 {
    font-size: 2em;
    color: var(--AWP-teal2);
    text-align: center;
}

footer.footer {
    padding-bottom: 0;
}

/* mobile menu adjustments */
.rmRootGroup.rmToggleHandles.rmHorizontal {
    width: 100%;
}

.RadMenu.RadMenu_Coffee .rmItem {
    text-align: center;
}

@media (max-width: 991px) {

    .RadMenu.RadMenu_Coffee .rmHorizontal .rmText,
    .RadMenu.RadMenu_Coffee .rmText {
        width: 100%;
        white-space: break-spaces;
    }

    header.header .header-aux-container {
        padding-bottom: 0px;
        margin-bottom: 10px;
    }
}

/* cover display tagged list */
.twc-edition-cover-list-entry {
    max-width: 270px;
    margin: 25px;
    float: left;
}

/* articles past issues list */
.twc-article-issues-list .panel-title {
    text-align: center;
    color: var(--AWP-orange);
    font-size: 2em;
}

.twc-archive-button .TextButton {
    background: var(--AWP-orange);
    color: #fefefe;
    font-size: 1.5em;
    border: solid 2px var(--AWP-orange);
    margin-block-start: 1em;
}

.twc-archive-button .TextButton:hover {
    background: #fefefe;
    color: var(--AWP-orange);
}

.RadMenu.RadMenu_Coffee .rmRootLink.rmExpanded,
.RadMenu.RadMenu_Coffee .rmRootLink:hover,
.RadMenu.RadMenu_Coffee .rmRootLink.rmFocused {
    /* root item hover and focus styles */
    background-color: transparent;
    color: var(--AWP-orange);
}

a,
.Link,
.RadGrid.RadGrid .rgRow a,
.RadGrid.RadGrid .rgAltRow a,
.RadGrid.RadGrid .rgEditForm a,
.k-grid.k-grid a,
.RadToolTip.RadToolTip a {
    color: var(--AWP-teal2);
    text-decoration: underline;
}

a:hover,
a:focus,
a:active,
.Link:hover,
.Link:focus,
.Link:active,
.RadGrid.RadGrid .rgRow a:hover,
.RadGrid.RadGrid .rgRow a:focus,
.RadGrid.RadGrid .rgRow a:active,
.RadGrid.RadGrid .rgAltRow a:hover,
.RadGrid.RadGrid .rgAltRow a:focus,
.RadGrid.RadGrid .rgAltRow a:active,
.RadGrid.RadGrid .rgEditForm a:hover,
.RadGrid.RadGrid .rgEditForm a:focus,
.RadGrid.RadGrid .rgEditForm a:active,
.k-grid.k-grid a:hover,
.k-grid.k-grid a:focus,
.k-grid.k-grid a:active,
.RadToolTip.RadToolTip a:hover,
.RadToolTip.RadToolTip a:focus,
.RadToolTip.RadToolTip a:active {
    color: var(--AWP-darkgreen);
}

/* for blog tagged list display */
.twc-list-date {
    text-align: center;
    font-size: 0.8em;
    color: var(--AWP-orange)
}

/* for top progress bar */
.twc-progress-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    height: 4px;
    background-color: var(--AWP-orange);
    z-index: 1000;
}

.category-list-tags {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.category-list-tags a {
    text-decoration: none;
    color: var(--AWP-darkgreen);
    border: solid;
    border-radius: 3px;
    padding: 5px;
}

.category-list-tags a:hover {
    background-color: var(--AWP-darkgreen);
    color: white;
    border-color: var(--AWP-darkgreen);
}

.category-tagged-list .TaggedListPanel {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 10px;
}

.category-tagged-list .TaggedListPanel :not(.BlockTLItem) {
    grid-column: 1 / -1; /* Makes the last child span both columns */
}

.category-tagged-list .BlockTLItem, .BlockList li {
    border-bottom: none;
    max-width: 450px;
}

.category-tagged-list .BlockTLItem img {
    float: left;
    padding-right: 10px;
    max-width: 150px;
    border: none;
    background-color: white;
}

.category-tagged-list .BlockTLItem .twc-list-date {
    text-align: left;
    margin: 0;
    color: var(--AWP-teal2);
}

footer.footer {
    background-color: transparent;
    margin-bottom: 30px;
}

/* hide the top advertisement except for on specified pages */
.pre-header-ad {
    display: none;
}

/* turn back on when CSS class applied to certain pages */
.show-top-ad .pre-header-ad {
    display: block;
}

/* advertisement image center alignment */
.awp-advertisement {
    text-align: center;
    margin-bottom: 0px;
}

/* advertisement image word 'advertisement' afterwards */
.awp-advertisement:after {
    content: 'Advertisement';
    display: block;
    font-size: 0.8em;
    text-transform: uppercase;
    padding-bottom: 10px;
}

/* add padding to homepage advertisement after switching to image. class applied at zone level */
.homepage-middle-ad {
    padding-top: 100px;
}

.twc-paid-post p {
    padding-top: 15px;
}

.twc-paid-post.is-sticky {
  position: fixed;
  top: 0;
  z-index: 999;
  background: var(--AWP-teal);
  width: 100%;
  color: #FFF;
  left: 0;
}

.is-bottomed {
  position: absolute;
  top: auto;
  bottom: 0;
}

#article-start,
#article-end {
  display: block;
}