/* -----Fonts------*/
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-header);
    font-weight: 500;
    /* Medium for readability and style */
    font-style: italic;
    /* Adjust to italic if preferred */
    display: block;
    unicode-bidi: normal;
}

h1,
.header>h1,
.header2>h1,
.beg2>h1,
.cmnt1>h1,
.header-tx>h1,
.txt>h1 {
    font-size: 6vmin;
    font-weight: bold;
    text-align: center;
    justify-self: stretch;
}

h2,
.txt>h2 {
    font-size: 5vmin;
    font-weight: bold;
    margin: 0.25rem 0.25rem;
}

h3,
.leftcolumn>h3,
.center>h3,
.center1>h3,
.rightcolumn>h3,
.txt-tx>h3,
.txt>h3,
.imgtxt-grid>.imgtxt1 h3,
.imgtxt-grid>.imgtxt2 h3,
.imgtxt-grid>.imgtxt3 h3,
.imgtxt-grid>.imgtxt4 h3,
.imgtxt-grid>.imgtxt5 h3,
.imgtxt-grid>.imgtxt6 h3 {
    font-size: 4vmin;
    font-weight: bold;
    margin: 0.25rem 0.25rem;
    text-align: center;
    justify-self: left;
}

.txt-tx>h3 {
    justify-self: center;
    padding: 1vh 0vw 8.5vh;
}

h4,
.imgtxt-grid>.imgtxt1 h4,
.imgtxt-grid>.imgtxt2 h4,
.imgtxt-grid>.imgtxt3 h4,
.imgtxt-grid>.imgtxt4 h4,
.imgtxt-grid>.imgtxt5 h4,
.imgtxt-grid>.imgtxt6 h4 {
    font-size: 3.5vmin;
    font-weight: bold;
    margin: 0.25rem 0.25rem;
}

.imgtxt-grid>.imgtxt1 h3,
.imgtxt-grid>.imgtxt2 h3,
.imgtxt-grid>.imgtxt3 h3,
.imgtxt-grid>.imgtxt4 h3,
.imgtxt-grid>.imgtxt5 h3,
.imgtxt-grid>.imgtxt6 h3,
.imgtxt-grid>.imgtxt1 h4,
.imgtxt-grid>.imgtxt2 h4,
.imgtxt-grid>.imgtxt3 h4,
.imgtxt-grid>.imgtxt4 h4,
.imgtxt-grid>.imgtxt5 h4,
.imgtxt-grid>.imgtxt6 h4 {
    text-decoration: underline var(--oldgold);
}

p,
.cmnt p,
.cmnt1 p,
.cmnt2 p,
.mid>.pa,
.imgtxt-grid>.imgtxt1 p,
.imgtxt-grid>.imgtxt2 p,
.imgtxt-grid>.imgtxt3 p,
.imgtxt-grid>.imgtxt4 p,
.imgtxt-grid>.imgtxt5 p,
.imgtxt-grid>.imgtxt6 p {
    font-family: var(--font-base);
    font-size: 3vmin;
    line-height: 1.25;
    margin: 0.5rem 0;
}

.cmnt2 p {
    text-align: justify;
    padding-left: 0.5rem;
}

.mid>.pa {
    margin: 0;
    text-align: justify;
    justify-content: center;
}

.cmnt-tx p,
.orgs-tx p {
    line-height: 1.25;
}

.imgtxt-grid>.imgtxt1 p,
.imgtxt-grid>.imgtxt2 p,
.imgtxt-grid>.imgtxt3 p,
.imgtxt-grid>.imgtxt4 p,
.imgtxt-grid>.imgtxt5 p,
.imgtxt-grid>.imgtxt6 p {
    font-weight: bold;
    text-align: justify;
    align-self: center;
    padding: 0.25rem;
    margin: 0.25rem;
}

.txt p,
.mid .p3,
.mid .p4 {
    font-family: var(--font-base);
    font-weight: bold;
    font-size: 3.5vmin;
    text-align: justify;
    align-self: center;
    margin-bottom: 2vh;
}

.p1 {
    font-size: 4vmin;
    font-weight: bolder;
    font-style: italic;
    text-decoration: underline double var(--oldgold);
}

.p2 {
    font-family: "Slackey", sans-serif;
    font-size: 3vmin;
    color: var(--sunset1);
    text-shadow: 1px 1px 2px var(--darkteal2);
}

/*-----Images-----*/

hr {
    /* display: none; */
    height: 6px;
    border-width: 2px;
    color: var(--midnightblue);
    background-color: var(--blackblue);
    margin-top: 2vh;
    /* align-self: self-end; */
}

.wrap1>.logolft>img {
    max-height: 60vh;
}

.wrap2>.logolt img,
.wrap2>.logort img {
    object-fit: cover;
    outline: 5px ridge var(--blackblue);
}

.orgs img,
.orgs-tx img {
    vertical-align: middle;
    height: 2.5rem;
    /* Matches font size */
    margin-left: 0.3rem;
    /* Optional spacing after text */
}

.cmnt2 img {
    max-height: 20vh;
    /* Adjust as needed */
    width: auto;
    align-self: center;
    margin: 0.25rem 0.5rem;
    padding-right: 0.5rem;
}

.imgtxt1>.img1 img,
.imgtxt3>.img3 img,
.imgtxt4>.img4 img,
.imgtxt6>.img6 img {
    max-width: 50%;
    height: auto;
    margin: auto;
}

.imgtxt-grid>.img2 img {
    width: auto;
    height: 40vmin;
    align-self: center;
    object-fit: contain;
    margin-left: 0.75rem;
}

.imgtxt-grid>.img5 img {
    width: auto;
    height: 45vmin;
    align-self: center;
    object-fit: contain;
    margin-right: 0.75rem;
}

.sticky-note img {
    display: inline-block;
    margin-right: 1.5rem;
    width: 15vw;
    height: auto;
    vertical-align: middle;
}

.iphonecalander img {
    display: inline-block;
    margin-left: 0.5rem;
    width: 5vw;
    height: auto;
    vertical-align: middle;
}

.paperCuts img {
    flex-shrink: 0;
    width: 15vw;
    height: auto;
    /*vertical-align: middle;
    margin-left: 5vw;*/
}

.associations img {
    margin: 0.5rem;
    width: auto;
    max-height: 3.75rem;
    vertical-align: middle;
}

/*-----Forms-----*/

.txt2 form {
    display: contents;
    /* Pass layout control to fieldsets directly */
}

/* Style individual fieldsets */
.txt2 fieldset {
    font-family: var(--font-header);
    font-size: 3.75vmin;
    line-height: 2;
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.5rem;
    min-inline-size: 30vw;
    margin-inline: .125rem;
    border-width: 0.125rem;
    border-style: groove;
    border-color: darkturquoise;
    border-image: initial;
    padding-block: 0.25rem 0.25rem;
    padding-inline: 0.5rem;
}

.txt2 label {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.txt2 input[type="text"],
.txt2 input[type="email"],
.txt2 input[type="tel"],
.txt2 textarea,
.txt2 select {
    font-family: var(--font-base);
    font-weight: bold;
    color: var(--midnightblue);
    font-size: 2.75vmin;
    line-height: 1;
    margin: 1rem;
    padding: 1rem;
    background-color: wheat;
    border: 2px ridge var(--midnightblue);
    outline: thick ridge var(--oldgold);
    padding-block: 0.25rem 0.25rem;
    padding-inline: 0.5rem;
    overflow: visible;
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-word;
    box-sizing: border-box;
    height: fit-content;
}

.txt2 input[type="radio"] {
    appearance: none;
    margin-right: 0.25rem;
    /* slight space before label */
    vertical-align: middle;
    background-color: wheat;
    cursor: default;
    border-radius: 50%;
    width: 1.325rem;
    height: 1.325rem;
    border: 0.125rem solid var(--midnightblue);
}

.txt2 input[type="radio"]:checked {
    background-color: darkturquoise;
    border: 0.25rem solid var(--oldgold);
}

.txt2 input[type="datetime-local"] {
    appearance: none;
    font-family: var(--font-base);
    font-weight: bold;
    color: var(--midnightblue);
    font-size: 1.325rem;
    line-height: 1;
    margin: 0.5rem;
    padding: 0.25rem;
    background-color: wheat;
    border: 2px ridge var(--midnightblue);
    outline: thick ridge var(--oldgold);
    padding-block: 0.25rem 0.25rem;
    padding-inline: 0.5rem;
}

.datetime-group {
    display: flex;
    flex-direction: column;
    gap: 15rem;
    justify-items: center;
}

.txt2 button {
    grid-column: span 2;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-family: var(--font-header);
    font-weight: bold;
    font-size: 3.5vmin;
    color: var(--midnightblue);
    background-color: wheat;
    outline: thick ridge var(--oldgold);
    border-style: ridge;
    border-color: var(--midnightblue);
    padding: 0.5vh 1vw;
    cursor: pointer;
    justify-self: center;
    transition: background-color 0.2s, color 0.2s;
}

.txt2 button:hover {
    background-color: var(--midnightblue);
    color: wheat;
}

.txt2 button:active {
    background-color: darkturquoise;
    color: var(--oldgold);
    outline: thick ridge var(--midnightblue);
}

/*-----Lists-----*/
.txt>ol {
    list-style-type: decimal;
    margin-left: 4vmax;
}

.mid>.pa>ul,
.txt>ol>li>ul,
.txt>ul,
.leftcolumn>ul,
.center>ul,
.center1>ul,
.rightcolumn>ul,
.txt-tx>ul {
    list-style-type: none;
    margin-left: 4vmax;
}

.txt-tx>ul {
    justify-items: center;

}

.leftcolumn>ul>li,
.center>ul>li,
.center1>ul>li,
.rightcolumn>ul>li,
.txt-tx>ul>li {
    list-style-type: none;
    line-height: 1.25;
    padding-left: 1vmax;
    text-indent: -1vmax;
    font-size: 2.5vmin;
    font-weight: bold;
}

.mid>.p4>ul>li,
.mid>.pa>ul>li,
.txt>ol>li>ul>li,
.txt>ul>li {
    list-style-type: none;
    line-height: 1.3;
    padding-left: 0.5vmax;
    text-indent: -0.5vmax;
    font-size: 3.5vmin;
    font-weight: bold;
}

.txt>ol>li,
.txt>ol>li>ul>li,
.txt>ol>li>ul>li>ul>li,
.txt>ol>li>ul>li>ul>li>ul>li {
    line-height: 1.3;
    padding-left: 0.25vmax;
    text-indent: -0.25vmax;
    font-size: 3.5vmin;
    font-weight: bold;
}

.txt>ol>li>ul,
.txt>ol>li>ul>li>ul,
.txt>ol>li>ul>li>ul>li>ul {
    list-style-type: none;
    margin-left: 2vmax;
}

.txt>ol>li>ul>li>ul>li>ul>li {
    line-height: 2;
}

.mid>.p4>ul>li::before,
.mid>.pa>ul>li::before,
.txt>ol>li>ul>li::before,
.leftcolumn>ul>li::before,
.center>ul>li::before,
.center1>ul>li::before,
.rightcolumn>ul>li::before,
.txt-tx>ul>li::before {
    font-family: 'Material Icons';
    font-size: 80%;
    font-weight: 100;
    display: inline-block;
    vertical-align: middle;
    content: '\e798';
}