/*
Classes in this file may still be in use on the site but don't fit 
into any logical naming convention. They were written in a one-off way as I needed
to fulfill individual page requests and are a nightmare to keep track of. 
As of January 2026, I'm moving them here so I can refactor the way I handle utility classes. 
Avoid calling anything here. See utilities.css or pages.css for what should be used instead.

As of 1/6/26, pages using these classes include (but may not be limited to): 
Community canvas news, human services, healey grant news, retail training, 
disability support, toolbox, blindness resource guide news
*/




/*community canvas page */
.center-highlight { /* for div*/
    text-align: center;
    font-weight:bold;
    font-size:2em;
}
@media (min-width: 768px) {
    .center-highlight {
       display:grid;
       grid-template-columns: repeat(3,1fr);
       grid-template-rows: 1fr auto;
    }
}    
.section-highlight {
    padding: 1em;
    border: solid 10px var(--color-logoteal);
}
.center-highlight p {
    margin:0.5em;
}
.center-highlight-single { /*p*/
    text-align: center;
    font-weight:bold;
    font-size:1.5em;
    color:var(--color-darkteal);
    padding: 1em 3em;
    background-color: var(--color-whiteteal);
}
/* --- */

.hs-training-emphasis {
    background:var(--color-whiteteal);
    border-radius:0.1em;
    padding:1em;
}

.hs-training-emphasis p {
    margin:0;
}

.nudge-right {
    margin-left:10px;
}

@media (min-width: 768px) {
    .hs-columns {
        display:grid;
        grid-template-rows:1fr auto;
        grid-template-columns:1fr 1fr;
        border:5px solid var(--color-paleteal);
    }
}

.hs-column-1 {
    border-radius:0.1em;
}

.hs-column-1 h2, 
.hs-column-1 h3{
    padding:0.5em;
    margin:0;
}

.hs-column-2 h2,
.hs-column-2 h3{
    background:var(--color-paleteal);
    padding:0.5em;
    margin:0;
}

.hs-column-1 div,
.hs-column-2 div {
    padding:0.5em;
}

.hs-column-2 {
    background: var(--color-whiteteal);
    border-radius:0.1em;
}

.hs-banner {
    background: var(--color-paleteal);
}
.inset-list {
    background:var(--color-whiteteal);
    padding:0.5em 1em;
    margin:1em;
    border-radius:0.5em;
}
.inset-list ul {
    list-style:none;
    margin:0;
}
.inset-list ul li {
    margin-bottom:0 !important;
}
.inset-list p {
    font-size:1.5em;
    color:var(--color-darkteal);
    margin:0;
}
/* --- */

.whiteteal-section { /*div*/
    background-color: var(--color-whiteteal);
    padding:1em;
    margin-bottom:1em; }
.lightgray-section { /*div*/
    background-color: #eee;
    padding:1em;
    margin-bottom:1em; }

/*healy grant news page */
.quote-group {
    font-size:1.2;
    font-style:italic;
}
.quote-group blockquote:not(:first-child) {
    padding-top:1em;
    border-top:3px;
    border-bottom:0;
    border-left:0;
    border-right:0;
    border-style:solid;
    border-color:var(--color-darkteal);
}


/**retail application page **/


.highlight-list-title {
    background:var(--color-paleteal);
    margin-bottom: 0;
    padding-left: 0.5em;
}
.highlight-list-body {
 background:var(--color-whiteteal);    
}

/**autism support app page **/

.styled-list {
    margin-left: 2em;
}

.emphasis-group {
    text-align: center;
    line-height:1.5;
    font-weight:bold;
    background:var(--color-whiteteal);
    margin:2em;
    padding: 1em;
}

.emphasis-group p {
    margin:0;
}

.transparent-large-link {
    font-size:1.5em;
    font-weight:bold;
    text-align:center;
    font-size:1.5em;
    padding: 0.3em 1em;
    font-weight:bold;
    color:black !important;
    text-decoration:none;
}
.transparent-large-link:hover,
.transparent-large-link:focus {
    color:var(--color-darkteal);
    text-decoration:underline;
}

.paleteal-box {
    background:var(--color-whiteteal);
    padding-bottom:0.05em;
}

.emphasis-single-line {
    font-size:1.5em;
    font-weight:bold;
    text-align:center;
    padding: 0.5em 0 0.5em 0;
    background:var(--color-paleteal);
}
.emphasis-single-line > p {
    margin:0;
}

.emphasis-line,
.emphasis-group-line {
    font-size:1.5em;
    font-weight:bold;
    margin-top:1em;
    text-align:center;
}

.large-button-wrapper {
    margin:1em 0;
    text-align:center;
}
.large-button-list-wrapper {
    margin:1em 0;
    text-align:center;
    display:flex;
    justify-content:center;
    gap:0.5em;
}



/** toolbox application page + large teal button **/
.toolbox-app-link,
.large-teal-button-link {
    text-align:center;
    font-size:1.5em;
    padding: 0.3em;
    font-weight:bold;
    color:white !important;
    background-color:var(--color-darkteal);
    text-decoration:none;
}
.toolbox-app-link:hover,
.toolbox-app-link:focus,
.large-teal-button-link:hover, 
.large-teal-button-link:focus {
    background-color: var(--color-darkerteal);
    color:var(--color-paleteal) !important;
    text-decoration:underline;
}

/** blindness resource guide announcement **/

.fancy-heading-group h3 {
    background: var(--color-paleteal);
    padding-left:1em;
    margin:0;
    padding:0.5em 1em;
    font-weight:bold;
}
.fancy-heading-group p {
    padding: 0 2em 1em 2em;
    background:var(--color-whiteteal);
    margin:0 1em;
}

.fancy-heading-group h3 a {
    text-decoration:none;
    color:var(--color-darkteal);
}
.fancy-heading-group h3 a:focus,
.fancy-heading-group h3 a:hover {
    text-decoration:underline;
    color:var(--color-blackteal);
}

.styled-line {
    text-align:center;
    background:var(--color-whiteteal);
}

.whitetealline {
    padding-top:0.5em;
    background:var(--color-whiteteal);
}

/** human services training program application news article **/
.list-group {
    background:var(--color-paleblue);
}
.list-group-pair {
    padding-bottom:0.5em;
}
.list-group-title {
    color:white;
    background-color:var(--color-darkteal);
    padding: 1em;
}
.list-group-list {
    margin:0;
}
.list-group-pair:nth-child(2) {
    background:var(--color-paleteal);
    margin:0;
}
.list-group-pair:nth-child(2) h2 {
    background: var(--color-darkerteal);
}
.link-parent {
    padding: 1em 0;
    margin:0;
    grid-column: span 3;
    text-align:center;
    background:white;
}
.application-link {
    text-align:center;
    font-size:1.5em;
    padding: 0.3em;
    font-weight:bold;
}
@media (min-width: 768px) {
    .list-group {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr auto;
    }
    
    /* retail*/
    .choice-list-horz ul {
        display:grid;
        grid-template-rows: 1fr auto;
        grid-template-columns: 1fr 1fr;
    }
    
    .whiteteal-bubble {
        margin:1em;
    }
}

/* retail/grocery page */
.choice-list-horz {
    text-align: center;
    list-style: none;
    padding:0;
    margin:0;
}

.choice-list-horz li {
    margin:1em;
}
    
.choice-list-horz p {
    margin:0;
}

.paleteal-bubble {
    background:var(--color-paleteal);
    padding:1em;
    border-radius:25px;
    font-size:1.25em;
    font-weight:bold;
}

/*put on the <p> directly above the <a>*/
.teal-bubble-link {
    text-align:center;
    font-size:1.5em;
    margin:1.5em;
}

.more-top-margin {
    margin-top:1em;
}

.teal-bubble-link a {
    background-color: var(--color-darkteal);
    padding:1em;
    text-decoration: none;
    margin:2em;
    border-radius:25px;
    color:white;
}

.teal-bubble-link a:hover,
.teal-bubble-link a:focus {
    text-decoration: underline;
    color:var(--color-paleteal);
}

.whiteteal-bubble {
    background-color: var(--color-whiteteal);
    padding: 1em;
    border-radius:25px;
    margin-top:1em;
}

.whiteteal-bubble p {
    margin:0;
}

.choice-list-horz ul {
    list-style:none;
    display: flex;
    padding:0;
}

#block-views-block-news-block-2 {
    display:none;
}

.center-bubble-line {
    text-align:center;
    background-color:var(--color-paleteal);
    border-radius:25px;
    font-weight:bold;
    margin-left:25%;
    margin-right:25%;
}


/**--------------------------------------------------------------------
Center single styled list
Whiteteal background with paleblue heading

USED: human services page (old)
DOM: main > layout content > region-content > block-system-main-block >
    article > node__content > field--name-body
    
PATTERN:
DIV--.center-single-style-list
  H2--
  UL--
--------------------------------------------------------------------**/
.center-single-style-list {
    display:flex;
    flex-direction:column;
}
.center-single-style-list h2{
    background-color:var(--color-paleteal);
    margin-bottom:0;
    padding-left:0.3em;
}
.center-single-style-list ul {
    list-style:none;
    background-color:var(--color-whiteteal);
    padding-top:0.5em;
    padding-left:0.5em;
}
@media (min-width: 768px) {
    /* new human services page */
    .center-single-style-list {
        display:grid;
        grid-template-rows: 1fr auto;
        grid-template-columns: repeat(5,1fr);
        text-align:center;
    }
    .center-single-style-list h2 {
        grid-row: 1/2;
        grid-column: 2/5;
        background-color:var(--color-paleteal);
        margin-bottom:0;
    }
    .center-single-style-list ul {
        grid-column: 2/5;
        list-style:none;
        padding:0;
        background-color:var(--color-whiteteal);
        padding-top:0.5em;
    }
}