@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --clr-black-a:      #000000FF;
    --clr-black-b:      #000000DD;
    --clr-black-c:      #000000aa;
    --clr-black-d:      #00000077;
    --clr-black-e:      #00000033;
    --clr-black-f:      #00000055;
    --clr-black-g:      #00000033;
    --clr-black-h:      #00000016;

    --clr-white-a:      #FFFFFFFF;
    --clr-white-b:      #FFFFFFDD;
    --clr-white-c:      #FFFFFFBB;
    --clr-white-d:      #FFFFFF99;
    --clr-white-e:      #FFFFFF77;
    --clr-white-f:      #FFFFFF55;
    --clr-white-g:      #FFFFFF22;
    --clr-white-h:      #FFFFFF11;

    --clr-highlight-a:  #FFA501FF;
    --clr-highlight-a:  #E39E0AFF;
    --clr-highlight-b:  #FFA501DD;
    --clr-highlight-c:  #FFA501BB;
    --clr-highlight-d:  #FFA50199;
    --clr-highlight-e:  #FFA50166;
    --clr-highlight-f:  #FFA50144;

    --header-height:    500px;

    --header-font-wide: 'Roboto Condensed';
    --header-font:      'Roboto Condensed';
    --paragraph-font:   'Roboto';

}

html { height: 100%; margin: 0; background-color: #00000020; font-size: 16px; }

body { height: 100%; margin: 0; }

/********************************************************************/
/************************* 2026 CALL FOR ENTRIES ********************/
/********************************************************************/

table    { width: 100%; }
table td { vertical-align: top; text-align: left; padding: 0; }

ul.text,
ul.text-sm {
  list-style: none;
  margin: 0 0 10px;
  padding-left: 0;
}

ul.text > li,
ul.text-sm > li {
  position: relative;
  padding-left: 1.2em;
}

ul.text > li::before,
ul.text-sm > li::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 0;
}

/* Regular numbered OLs */
ol.text,
ol.text-sm {
  margin: 0 0 10px;
  padding-left: 1.4em;
  list-style: decimal;
}

/* Roman OLs only when using the "roman" class */
ol.text-sm.roman,
ol.text.roman {
  list-style-type: upper-roman;
  margin: 0 0 10px;
  padding-left: 4.2em;   /* MATCH the lettered list indent */
}

/* Lettered OL: A. B. C. (bold, right-aligned) */
ol.text-sm.lettered,
ol.text.lettered {
  list-style: none;
  counter-reset: alphaList;
  margin: 0 0 10px;
  padding-left: 0;           /* let the li control the indent */
}

ol.text-sm.lettered > li,
ol.text.lettered > li {
  position: relative;
  padding-left: 2.4em;       /* push the text to the right */
}

/* The A. B. C. label */
ol.text-sm.lettered > li::before,
ol.text.lettered > li::before {
  counter-increment: alphaList;
  content: counter(alphaList, upper-alpha) ".";
  font-weight: bold;

  position: absolute;
  left: 0;                  /* start at the left edge of the li */
  top: 0;
  width: 2em;               /* reserved space for the marker */
  text-align: right;        /* right-align A. / B. / C. */
}


.red    { color: #aa0000; } 
.orange { color: #ff8000; } 
.green  { color: #006600; } 

a.orange { text-decoration: none !important; }

.section-title { 
    font-family: 'Roboto Condensed';
    color: #E39E0B;
    border-bottom: 1px solid #E39E0B66;
    font-size: 2.5em;
    padding: 10px 10px 0 10px;
    text-transform: uppercase ;
 }

.box { padding: 10px 10px 0px 10px; }

.title1 {
    font-family: 'Roboto Condensed';
    font-size: 22px;
    font-weight: 500;
    line-height: 1.2;
    color: #000000;
    border-bottom: 1px solid #00000033;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.title2 {
    font-family: 'Roboto Condensed';
    font-size: 19px;
    font-weight: 600;
    line-height: 1.2;
    color: #000000;
    margin-bottom: 5px;
}

.text {
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0.001em;
    color: #000000;
    margin: 0 0 10px 0;
    text-align: justify;
}
@media (max-width: 639px) { .text { font-family: 'Roboto Condensed'; text-align: left; } }
@media (max-width: 959px) { .text { text-align: left; } }

.text-sm {
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0.001em;
    color: #000000;
    margin: 0 0 10px 0;
    text-align: justify;
}
@media (max-width: 639px) { .text-sm { font-family: 'Roboto Condensed'; text-align: left; } }
@media (max-width: 959px) { .text-sm { text-align: left; } }

td.col-main { width: 60%; }
td.col-side { width: 40%; }

@media (max-width: 959px) { td.col-main { width: 100%; display: block; } td.col-side { display: none; } }

.cfe-button {
    display: inline-block; 
    background: #00000015;
    border: 1px solid #00000033; 
    margin-right: 5px; 
    padding: 8px 16px; 
    border-radius: 8px;
    color: black;
    font-family: 'Roboto Condensed';
    text-decoration: none;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}
.cfe-button:hover {
    background-color: #ff880044;
}

.inline { display:inline-block; }

.b { font-weight: bold }

.w10 { width: 10px; }
.w20 { width: 20px; }
.w30 { width: 30px; }
.w40 { width: 40px; }
.w50 { width: 50px; }
.w60 { width: 60px; }
.w70 { width: 70px; }
.w80 { width: 80px; }
.w90 { width: 90px; }
.w100 { width: 100px; }
.w110 { width: 110px; }
.w120 { width: 120px; }
.w130 { width: 130px; }
.w140 { width: 140px; }
.w150 { width: 150px; }
.w160 { width: 160px; }
.w170 { width: 170px; }
.w180 { width: 180px; }
.w190 { width: 190px; }
.w200 { width: 200px; }
.w210 { width: 210px; }
.w220 { width: 220px; }
.w230 { width: 230px; }
.w240 { width: 240px; }
.w250 { width: 250px; }





/********************************************************************/
/************************* CALL FOR ENTRIES *************************/
/********************************************************************/

.call-container { max-width: 1200px; background-color: white; margin: auto; }

.call-block { padding: 10px; }
.call-block-h4{
    padding: 5px 0 5px 0px;
}

@media (max-width: 959px) { .max-width-mobile { max-width: 200px }}
@media (max-width: 959px) { .hide-on-mobile { display: none; } }

/*********************** HEADER BANNER ***********************/

.ee-header-container { width: 100%; min-height: var(--header-height); background-image: url('https://emmynashville.org/files/2023/11/2024header.jpg'); background-size: cover; background-position: center center; background-repeat: no-repeat; }
@media (max-width: 959px) { .ee-header-container { background-image: url('https://emmynashville.org/files/2023/11/2024header.jpg'); }}
@media (max-width: 639px) { .ee-header-container { background-image: url('https://emmynashville.org/files/2023/12/2024-header-mobile2.jpg'); height: 1000px; }}

.ee-header-flex-container { display: flex; justify-content: center; align-items: center; text-align: center; min-height: var(--header-height); }
@media (max-width: 639px) { .ee-header-flex-container { flex-direction: column; }}

.ee-header-flex { display: flex; justify-content: center; align-items: center; text-align: center; }
@media (max-width: 639px) { .ee-header-flex { flex-direction: column; }}

.ee-flex-container { display: flex; justify-content: center; align-items: center; }
@media (max-width: 959px) { .ee-flex-container { flex-direction: column; }}
@media (max-width: 639px) { .ee-flex-container { flex-direction: column; }}

.ee-flex-item-grow { flex-grow: 1; flex-basis: 0; }
@media (max-width: 959px) { .ee-flex-item-grow { width: 100%; }}
@media (max-width: 639px) { .ee-flex-item-grow { width: 100%; }}

.ee-header-headline { font-size: 1.5rem; line-height: 1.2; }
@media (max-width: 959px) { .ee-header-headline { font-size: 1.3rem; } }
@media (max-width: 639px) { .ee-header-headline { font-size: 1.2rem; margin-top: 30px; } }

.ee-header-logo { margin: auto; max-width: 80%; margin-top: 5px; }
@media (max-width: 639px) { .ee-header-logo { max-width: 90%; margin-top: 5px; margin-bottom: 20px; } }

.ee-call-for-entries-title { font-size: 1.1rem; font-weight: 300; max-width: 80%; margin: 20px auto auto auto; }

.ee-flex-direction { flex-direction: row; }
@media (max-width: 959px) { .ee-flex-direction { flex-direction: column; }}
@media (max-width: 639px) { .ee-flex-direction { flex-direction: column; }}

.ee-flex-align-top { align-items: flex-start; }
.ee-flex-align-bottom { align-items: flex-end; }

/*FLEX BOXES*/

.ee-flex-container-row {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    flex-direction: row;
}

.ee-flex-item-10  { width: 10px;  max-width: 10px;  min-width: 10px; }
.ee-flex-item-20  { width: 20px;  max-width: 20px;  min-width: 20px; }
.ee-flex-item-30  { width: 30px;  max-width: 30px;  min-width: 30px; }
.ee-flex-item-40  { width: 40px;  max-width: 40px;  min-width: 40px; }
.ee-flex-item-50  { width: 50px;  max-width: 50px;  min-width: 50px; }
.ee-flex-item-60  { width: 60px;  max-width: 60px;  min-width: 60px; }
.ee-flex-item-70  { width: 70px;  max-width: 70px;  min-width: 70px; }
.ee-flex-item-80  { width: 80px;  max-width: 80px;  min-width: 80px; }
.ee-flex-item-90  { width: 90px;  max-width: 90px;  min-width: 90px; }
.ee-flex-item-100 { width: 100px; max-width: 100px; min-width: 100px; }
.ee-flex-item-110 { width: 110px; max-width: 110px; min-width: 110px; }
.ee-flex-item-120 { width: 120px; max-width: 120px; min-width: 120px; }
.ee-flex-item-130 { width: 130px; max-width: 130px; min-width: 130px; }
.ee-flex-item-140 { width: 140px; max-width: 140px; min-width: 140px; }
.ee-flex-item-150 { width: 150px; max-width: 150px; min-width: 150px; }
.ee-flex-item-160 { width: 160px; max-width: 160px; min-width: 160px; }
.ee-flex-item-170 { width: 170px; max-width: 170px; min-width: 170px; }
.ee-flex-item-180 { width: 180px; max-width: 180px; min-width: 180px; }
.ee-flex-item-190 { width: 190px; max-width: 190px; min-width: 190px; }
.ee-flex-item-200 { width: 200px; max-width: 200px; min-width: 200px; }
.ee-flex-item-210 { width: 210px; max-width: 210px; min-width: 210px; }
.ee-flex-item-220 { width: 220px; max-width: 220px; min-width: 220px; }
.ee-flex-item-230 { width: 230px; max-width: 230px; min-width: 230px; }
.ee-flex-item-240 { width: 240px; max-width: 240px; min-width: 240px; }
.ee-flex-item-250 { width: 250px; max-width: 250px; min-width: 250px; }
.ee-flex-item-260 { width: 260px; max-width: 260px; min-width: 260px; }
.ee-flex-item-270 { width: 270px; max-width: 270px; min-width: 270px; }
.ee-flex-item-280 { width: 280px; max-width: 280px; min-width: 280px; }
.ee-flex-item-290 { width: 290px; max-width: 290px; min-width: 290px; }
.ee-flex-item-300 { width: 300px; max-width: 300px; min-width: 300px; }
.ee-flex-item-310 { width: 310px; max-width: 310px; min-width: 310px; }
.ee-flex-item-320 { width: 320px; max-width: 320px; min-width: 320px; }
.ee-flex-item-330 { width: 330px; max-width: 330px; min-width: 330px; }
.ee-flex-item-340 { width: 340px; max-width: 340px; min-width: 340px; }
.ee-flex-item-350 { width: 350px; max-width: 350px; min-width: 350px; }
.ee-flex-item-360 { width: 360px; max-width: 360px; min-width: 360px; }
.ee-flex-item-370 { width: 370px; max-width: 370px; min-width: 370px; }
.ee-flex-item-380 { width: 380px; max-width: 380px; min-width: 380px; }
.ee-flex-item-390 { width: 390px; max-width: 390px; min-width: 390px; }
.ee-flex-item-400 { width: 400px; max-width: 400px; min-width: 400px; }
.ee-flex-item-410 { width: 410px; max-width: 410px; min-width: 410px; }
.ee-flex-item-420 { width: 420px; max-width: 420px; min-width: 420px; }

.ee-flex-item-call-title {display: flex; justify-content: center; align-items: center; padding-bottom: 5px;}

/****************************************************/

/************ CALL FOR ENTRIES TITLE SVGs ************/

.call-for-entries-title {
    width: 100%; height: 102px;
    background-image: url(https://entry-express.com/_design/2023/images/2024-title-call.svg);
    background-size: auto 102px;
    background-repeat: no-repeat;
    background-position: left;
}
@media (max-width: 639px) { .call-for-entries-title { height: 70px; background-size: auto 70px; } }

.ee-call-flex-title-container { display: flex; align-items: flex-end; height: 102px; }
@media (max-width: 639px) { .ee-call-flex-title-container { height: 70px; } }

.ee-call-title { font-family: var(--header-font); font-size: 42px;  margin-left: 76px; }
@media (max-width: 639px) { .ee-call-title { font-size: 28px;  margin-left: 52px; } }


/********************** BORDERS **********************/

.border-bottom-a { border-bottom: 1px solid var(--clr-black-a); }
.border-bottom-b { border-bottom: 1px solid var(--clr-black-b); }
.border-bottom-c { border-bottom: 1px solid var(--clr-black-c); }
.border-bottom-d { border-bottom: 1px solid var(--clr-black-d); }
.border-bottom-e { border-bottom: 1px solid var(--clr-black-e); }
.border-bottom-f { border-bottom: 1px solid var(--clr-black-f); }
.border-bottom-g { border-bottom: 1px solid var(--clr-black-g); }
.border-bottom-h { border-bottom: 1px solid var(--clr-black-h); }

.border-bottom-white-a { border-bottom: 1px solid var(--clr-white-a); }
.border-bottom-white-b { border-bottom: 1px solid var(--clr-white-b); }
.border-bottom-white-c { border-bottom: 1px solid var(--clr-white-c); }
.border-bottom-white-d { border-bottom: 1px solid var(--clr-white-d); }
.border-bottom-white-e { border-bottom: 1px solid var(--clr-white-e); }
.border-bottom-white-f { border-bottom: 1px solid var(--clr-white-f); }
.border-bottom-white-g { border-bottom: 1px solid var(--clr-white-g); }
.border-bottom-white-h { border-bottom: 1px solid var(--clr-white-h); }

.border-highlight-e { border-bottom: 1px solid #E39E0A88; }

/**************** COLORS ****************/

.highlight-a { color: var(--clr-highlight-a); }
.highlight-b { color: var(--clr-highlight-b); }
.highlight-c { color: var(--clr-highlight-c); }
.highlight-d { color: var(--clr-highlight-d); }
.highlight-e { color: var(--clr-highlight-e); }

.color-a { color: var(--clr-black-a); }
.color-b { color: var(--clr-black-b); }
.color-c { color: var(--clr-black-c); }
.color-d { color: var(--clr-black-d); }
.color-e { color: var(--clr-black-e); }
.color-f { color: var(--clr-black-f); }
.color-g { color: var(--clr-black-g); }
.color-h { color: var(--clr-black-h); }

.white-a { color: var(--clr-white-a); }
.white-b { color: var(--clr-white-b); }
.white-c { color: var(--clr-white-c); }
.white-d { color: var(--clr-white-d); }
.white-e { color: var(--clr-white-e); }
.white-f { color: var(--clr-white-f); }
.white-g { color: var(--clr-white-g); }
.white-h { color: var(--clr-white-h); }

.bg-highlight-table { background-color: #00000011; }

.ee-flex-item-grow.header-h4.color-c:hover { color: var(--clr-highlight-a); cursor: pointer; }
.ee-flex-item-grow.header-h6.color-c:hover { color: var(--clr-highlight-a); cursor: pointer; }
.ee-flex-item-grow.header-h7.color-c:hover { color: var(--clr-highlight-a); cursor: pointer; }


/*****************************************************************/
/************************** ADJUSTMENTS **************************/
/*****************************************************************/

/*************** MARGINS ***************/

.ee-margin20         { margin: 20px; }
.ee-margin12         { margin: 12px; }
.ee-margin10         { margin: 10px; }
.ee-margin5          { margin: 5px; }
.ee-margin0          { margin: 0px !important; }
.ee-margin-5         { margin: -5px; }
.ee-margin-10        { margin: -10px; }
.ee-margin-12        { margin: -12px; }

.ee-margin-top40     { margin-top: 40px; }
.ee-margin-top30     { margin-top: 30px; }
.ee-margin-top25     { margin-top: 25px; }
.ee-margin-top20     { margin-top: 20px; }
.ee-margin-top15     { margin-top: 15px; }
.ee-margin-top13     { margin-top: 13px; }
.ee-margin-top12     { margin-top: 12px; }
.ee-margin-top11     { margin-top: 11px; }
.ee-margin-top10     { margin-top: 10px; }
.ee-margin-top8      { margin-top: 8px; }
.ee-margin-top7      { margin-top: 7px; }
.ee-margin-top5      { margin-top: 5px; }
.ee-margin-top4      { margin-top: 4px; }
.ee-margin-top3      { margin-top: 3px; }
.ee-margin-top2      { margin-top: 2px; }
.ee-margin-top1      { margin-top: 1px; }
.ee-margin-top0      { margin-top: 0px !important; }
.ee-margin-top-2     { margin-top: -2px; }
.ee-margin-top-3     { margin-top: -3px; }
.ee-margin-top-5     { margin-top: -5px; }
.ee-margin-top-10    { margin-top: -10px; }
.ee-margin-top-12    { margin-top: -12px; }
.ee-margin-top-15    { margin-top: -15px; }
.ee-margin-top-20    { margin-top: -20px; }
.ee-margin-top-30    { margin-top: -30px; }
.ee-margin-top-35    { margin-top: -35px; }

.ee-margin-bottom60  { margin-bottom: 60px; }
.ee-margin-bottom50  { margin-bottom: 50px; }
.ee-margin-bottom40  { margin-bottom: 40px; }
.ee-margin-bottom30  { margin-bottom: 30px; }
.ee-margin-bottom20  { margin-bottom: 20px; }
.ee-margin-bottom15  { margin-bottom: 15px; }
.ee-margin-bottom12  { margin-bottom: 12px; }
.ee-margin-bottom10  { margin-bottom: 10px; }
.ee-margin-bottom8   { margin-bottom: 8px; }
.ee-margin-bottom5   { margin-bottom: 5px; }
.ee-margin-bottom3   { margin-bottom: 3px; }
.ee-margin-bottom2   { margin-bottom: 2px; }
.ee-margin-bottom0   { margin-bottom: 0px !important; }
.ee-margin-bottom-5  { margin-bottom: -5px; }
.ee-margin-bottom-10 { margin-bottom: -10px; }
.ee-margin-bottom-12 { margin-bottom: -12px; }
.ee-margin-bottom-15 { margin-bottom: -15px; }

.ee-margin-left15    { margin-left: 15px; }
.ee-margin-left10    { margin-left: 10px; }

.ee-margin-right5    { margin-right: 5px; }
.ee-margin-right10   { margin-right: 10px; }
.ee-margin-right25   { margin-right: 25px; }

.ee-padding1         { padding: 1px; }
.ee-padding2         { padding: 2px; }
.ee-padding5         { padding: 5px; }
.ee-padding10        { padding: 10px; }
.ee-padding15        { padding: 15px; }

.ee-padding-u-10    { padding: 0 10px 10px 10px; }
.ee-padding-u-15    { padding: 0 15px 15px 15px; }
.ee-padding-lr-15   { padding: 0 15px; }

.ee-padding-top2     { padding-top: 2px; }
.ee-padding-top4     { padding-top: 4px; }
.ee-padding-top5     { padding-top: 5px; }
.ee-padding-top6     { padding-top: 6px; }
.ee-padding-top7     { padding-top: 7px; }
.ee-padding-top10    { padding-top: 10px; }
.ee-padding-top20    { padding-top: 20px; }

.ee-padding-bottom2  { padding-bottom: 2px; }
.ee-padding-bottom3  { padding-bottom: 3px; }
.ee-padding-bottom5  { padding-bottom: 5px; }
.ee-padding-bottom10 { padding-bottom: 10px; }
.ee-padding-bottom20 { padding-bottom: 20px; }
.ee-padding-bottom30 { padding-bottom: 30px; }

.clear-both { clear: both; }

/**************** TEXT ****************/

.ee-paragraph { font-family: var(--paragraph-font); }
@media (max-width: 959px) { .ee-paragraph { font-family: var(--header-font); }}
@media (max-width: 639px) { .ee-paragraph { font-family: var(--header-font); }}

.header-font-wide { font-family: var(--header-font-wide); }
.header-font { font-family: var(--header-font); }
.paragraph-font { font-family: var(--paragraph-font); }

.ee-font-size-05 { font-size: 0.5rem; line-height: 1.4; }
.ee-font-size-06 { font-size: 0.6rem; line-height: 1.4; }
.ee-font-size-07 { font-size: 0.7rem; line-height: 1.4; }
.ee-font-size-08 { font-size: 0.8rem; line-height: 1.4; }
.ee-font-size-09 { font-size: 0.9rem; line-height: 1.4; }
.ee-font-size-10 { font-size: 1.0rem; line-height: 1.4; }
.ee-font-size-11 { font-size: 1.1rem; line-height: 1.4; }
.ee-font-size-12 { font-size: 1.2rem; line-height: 1.4; }
.ee-font-size-13 { font-size: 1.3rem; line-height: 1.4; }
.ee-font-size-14 { font-size: 1.4rem; line-height: 1.4; }
.ee-font-size-15 { font-size: 1.5rem; line-height: 1.4; }
.ee-font-size-16 { font-size: 1.6rem; line-height: 1.4; }
.ee-font-size-17 { font-size: 1.7rem; line-height: 1.4; }
.ee-font-size-18 { font-size: 1.8rem; line-height: 1.4; }
.ee-font-size-19 { font-size: 1.9rem; line-height: 1.4; }
.ee-font-size-20 { font-size: 2.0rem; line-height: 1.4; }

.ee-font-weight-200 { font-weight: 200; }
.ee-font-weight-300 { font-weight: 300; }
.ee-font-weight-400 { font-weight: 400; }
.ee-font-weight-500 { font-weight: 500; }
.ee-font-weight-700 { font-weight: 700; }

.justify { text-align: justify; }

.center { text-align: center; }

/***************************************************/
/********************* HEADERS *********************/
/***************************************************/

.header-h1-container { min-height: 2.1rem; display: flex; align-items: center; }
@media (max-width: 959px) { .header-h1-container { min-height: 1.9rem; }}
@media (max-width: 639px) { .header-h1-container { min-height: 1.75rem; }}

.header-h2-container { min-height: 1.8rem; display: flex; align-items: center; }
@media (max-width: 959px) { .header-h2-container { min-height: 1.65rem; }}
@media (max-width: 639px) { .header-h2-container { min-height: 1.5rem; }}

.header-h3-container { min-height: 1.7rem; display: flex; align-items: center; }
@media (max-width: 959px) { .header-h3-container { min-height: 1.6rem; }}
@media (max-width: 639px) { .header-h3-container { min-height: 1.55rem; }}

.header-h4-container { min-height: 1.6rem; display: flex; align-items: center; }
@media (max-width: 959px) { .header-h4-container { min-height: 1.5rem; }}
@media (max-width: 639px) { .header-h4-container { min-height: 1.45rem; }}

.header-h5-container { min-height: 1.5rem; display: flex; align-items: center; }
@media (max-width: 959px) { .header-h5-container { min-height: 1.4rem; }}
@media (max-width: 639px) { .header-h5-container { min-height: 1.35rem; }}

.header-h6-container { min-height: 1.3rem; display: flex; align-items: center; }
@media (max-width: 959px) { .header-h6-container { min-height: 1.3rem; }}
@media (max-width: 639px) { .header-h6-container { min-height: 1.25rem; }}

.header-h7-container { min-height: .9rem; display: flex; align-items: center; }
@media (max-width: 959px) { .header-h7-container { min-height: 0.9rem; }}
@media (max-width: 639px) { .header-h7-container { min-height: 0.9rem; }}

.header-h1 { font-size: 2.8rem; font-weight: 400; padding-bottom: 2px; line-height: 1; font-family: var(--header-font);}
@media (max-width: 959px) { .header-h1 { font-size: 2.6rem; }}
@media (max-width: 639px) { .header-h1 { font-size: 2.4rem; }}

.header-h2 { font-size: 2.5rem; font-weight: 400; padding-bottom: 2px; line-height: 1; font-family: var(--header-font);}
@media (max-width: 959px) { .header-h2 { font-size: 2.3rem; }}
@media (max-width: 639px) { .header-h2 { font-size: 2.1rem; }}

.header-h3 { font-size: 2.2rem; font-weight: 400; padding-bottom: 2px; line-height: 1; font-family: var(--header-font);}
@media (max-width: 959px) { .header-h3 { font-size: 2.0rem; }}
@media (max-width: 639px) { .header-h3 { font-size: 1.8rem; }}

.header-h4 { font-size: 1.8rem; font-weight: 400; padding-bottom: 2px; line-height: 1; font-family: var(--header-font);}
@media (max-width: 959px) { .header-h4 { font-size: 1.65rem; }}
@media (max-width: 639px) { .header-h4 { font-size: 1.5rem; }}

.header-h5 { font-size: 1.6rem; font-weight: 400; padding-bottom: 2px; line-height: 1; font-family: var(--header-font);}
@media (max-width: 959px) { .header-h5 { font-size: 1.4rem; }}
@media (max-width: 639px) { .header-h5 { font-size: 1.3rem; }}

.header-h6 { font-size: 1.2rem; font-weight: 400; padding-bottom: 2px; line-height: 1; font-family: var(--header-font);}
@media (max-width: 959px) { .header-h6 { font-size: 1.2rem; }}
@media (max-width: 639px) { .header-h6 { font-size: 1.1rem; }}

.header-h7 { font-size: 1.0rem; font-weight: 400; padding-bottom: 2px; line-height: 1; font-family: var(--header-font);}
@media (max-width: 959px) { .header-h7 { font-size: .95rem; }}
@media (max-width: 639px) { .header-h7 { font-size: .95rem; }}


/***************-------------------***************/
/***************------ ICONS ------***************/
/***************-------------------***************/

/*********** ICONS: OPEN, PLUS, SEARCH ***********/

.icon-container { display: inline-block; float: right; cursor: pointer; margin-left: 7px; }
.vue-icon-container { display: inline-block; float: right; cursor: pointer; margin-left: 7px; }

span.icon-container svg { margin: 0; }

.icon-container-left-menu-small { margin: 8px 10px auto auto; }

.icon-open { transition: all 0.3s ease-in-out; fill: none; stroke: var(--clr-highlight-a); stroke-width: 1.5; }
.icon-open.clicked { transform: rotate(90deg) scale(1.2); fill: none; stroke: var(--clr-highlight-a); stroke-width: 2; }

.icon-open-more { transition: all 0.3s ease-in-out; fill: none; stroke: var(--clr-black-c); stroke-width: 1.2; }
.icon-open-more.clicked { transform: rotate(90deg) scale(1.2); fill: none; stroke: var(--clr-highlight-a); stroke-width: 1.5; }

.icon-print { transition: all 0.3s ease-in-out; stroke: var(--clr-black-c); stroke-width: 1; fill: none; }
/*.icon-print.clicked { transform: scale(1); stroke: var(--clr-highlight-a); stroke-width: 1; }*/

.icon-size-for-h1 svg {  min-width: 2.0rem; }
@media (max-width: 959px) { .icon-size-for-h1 svg { min-width: 1.8rem; }}
@media (max-width: 639px) { .icon-size-for-h1 svg { min-width: 1.6rem; }}

.icon-size-for-h2 svg { min-width: 1.8rem; }
@media (max-width: 959px) { .icon-size-for-h2 svg { min-width: 1.65rem; }}
@media (max-width: 639px) { .icon-size-for-h2 svg { min-width: 1.5rem; }}

.icon-size-for-h3 svg { min-width: 1.6rem; }
@media (max-width: 959px) { .icon-size-for-h3 svg { min-width: 1.4rem; }}
@media (max-width: 639px) { .icon-size-for-h3 svg { min-width: 1.45rem; }}

.icon-size-for-h4 svg { min-width: 1.5rem; }
@media (max-width: 959px) { .icon-size-for-h4 svg { min-width: 1.3rem; }}
@media (max-width: 639px) { .icon-size-for-h4 svg { min-width: 1.26rem; }}

.icon-size-for-h5 svg { min-width: 1.34rem; }
@media (max-width: 959px) { .icon-size-for-h5 svg { min-width: 1.27rem; }}
@media (max-width: 639px) { .icon-size-for-h5 svg { min-width: 1.23rem; }}

.icon-size-for-h6 svg { min-width: 1.17rem; }
@media (max-width: 959px) { .icon-size-for-h6 svg { min-width: 1.1rem; }}
@media (max-width: 639px) { .icon-size-for-h6 svg { min-width: 1rem; }}

.icon-size-for-h7 svg { min-width: 1rem; }
@media (max-width: 959px) { .icon-size-for-h7 svg { min-width: .9rem; }}
@media (max-width: 639px) { .icon-size-for-h7 svg { min-width: .8rem; }}

/*********************************/

.ee-button-for-h1 { font-size: 1rem; padding: .2rem .5rem; border-radius: 6px; color: var(--clr-black-c); margin: -5px 4px 0 4px; line-height: 1.3; }
@media (max-width: 959px) { .ee-button-for-h1 { font-size: .95rem; padding: .18rem .45rem; } }
@media (max-width: 639px) { .ee-button-for-h1 { font-size: .90rem; padding: .16rem .40rem; } }

.ee-button-for-h2 { font-size: .95rem; padding: .18rem .48rem; border-radius: 6px; background: var(--clr-black-f); border: 1px solid transparent; color: var(--clr-black-c); margin: 0 4px;}
@media (max-width: 959px) { .ee-button-for-h2 { font-size: .92rem; padding: .18rem .45rem; } }
@media (max-width: 639px) { .ee-button-for-h2 { font-size: .88rem; padding: .16rem .40rem; } }

.ee-button-for-h3 { font-size: 0.90rem; padding: .16rem .46rem; border-radius: 6px; background: var(--clr-black-f); border: 1px solid transparent; color: var(--clr-black-c); margin: 0 4px;}
@media (max-width: 959px) { .ee-button-for-h3 { font-size: .88rem; padding: .14rem .44rem; } }
@media (max-width: 639px) { .ee-button-for-h3 { font-size: .84rem; padding: .13rem .42rem; } }

.ee-button-for-h4 { font-size: 0.85rem; padding: .145rem .44rem; border-radius: 6px; background: var(--clr-black-f); border: 1px solid transparent; color: var(--clr-black-c); margin: 0 4px;}
@media (max-width: 959px) { .ee-button-for-h4 { font-size: .80rem; padding: .14rem .42rem; } }
@media (max-width: 639px) { .ee-button-for-h4 { font-size: .75rem; padding: .12rem .40rem; } }

.ee-button-for-h5 { font-size: 0.80rem; padding: .13rem .42rem; border-radius: 6px; background: var(--clr-black-f); border: 1px solid transparent; color: var(--clr-black-c); margin: 0 4px;}
@media (max-width: 959px) { .ee-button-for-h5 { font-size: .78rem; padding: .12rem .40rem; } }
@media (max-width: 639px) { .ee-button-for-h5 { font-size: .74rem; padding: .11rem .39rem; } }

.ee-button-for-h6 { font-size: 0.72rem; padding: .08rem .34rem; border-radius: 6px; background: var(--clr-black-f); border: 1px solid transparent; color: var(--clr-black-c); margin: 0 4px;}
@media (max-width: 959px) { .ee-button-for-h6 { font-size: .70rem; padding: .075rem .34rem; } }
@media (max-width: 639px) { .ee-button-for-h6 { font-size: .67rem; padding: .07rem .33rem; } }

.ee-button-for-h7 { font-size: 0.60rem; padding: .075rem .33rem; border-radius: 6px; background: var(--clr-black-f); border: 1px solid transparent; color: var(--clr-black-c); margin: 0 4px;}
@media (max-width: 959px) { .ee-button-for-h7 { font-size: .55rem; padding: .070rem .33rem; } }
@media (max-width: 639px) { .ee-button-for-h7 { font-size: .52rem; padding: .06rem .33rem .04rem; } }

.ee-button-clear {
    cursor: pointer;
    text-align: center;
    font-family: var(--header-font);
    background: transparent;
    border: 1px solid var(--clr-black-f);
}
.ee-button-clear:hover { background: var(--clr-highlight-e); }

.ee-button-bg {
    cursor: pointer;
    text-align: center;
    font-family: var(--header-font);
    background: var(--clr-black-h);
    border: 1px solid transparent;
}
.ee-button-bg:hover { background: var(--clr-highlight-e); }

.ee-button-highlight {
    cursor: pointer;
    text-align: center;
    font-family: var(--header-font);
    background: var(--clr-highlight-e);
    border: 1px solid transparent;
}
.ee-button-highlight:hover { background: var(--clr-highlight-d); }

/*FONT SIZE SLIDER*/

#slider-bar {
    width: 100%;
    height: 2px;
    margin-top: 0px;
    background-color: #00000022;
    position: relative;
    float: right;
}
#slider {
    width: 10px;
    height: 10px;
    background-color: #8A8B8F;
    background-color: #eeeeee;
    position: absolute;
    top: -4px;
    left: 0;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0px 1px 2px -1px #000000dd;
}
#slider:hover, #slider:active { background-color: orange; }


/*PARALAX*/

.parallax {
    /* The image used */
    background-image: url('https://emmynashville.org/files/2023/11/2024header.jpg');

    /* Set the height to your preference */
    height: 400px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}



/*HIDE / SHOW DIVS*/

.hidden {
    display: none;
    opacity: 0;
    /*transform: translateY(-20px);
    transition: opacity .2s ease, transform .2s ease;*/
}

.visible {
    display: block; /* Adjust as needed for your layout */
    opacity: 1;
    /*    transform: translateY(0);*/
}