/*#region general*/
.h2White {
    color: var(--background);
    font-family: var(--headerFont);
    font-size: 1.5rem;
    font-size: clamp(1.5rem, 0.9rem + 3vw, 4.5rem);
    text-transform: uppercase;
    letter-spacing: 10px;
    line-height: 1;
}
.wysiwyg .fa-duotone {
    color: var(--accentOne);
}
/*#endregion*/

/*#region bread crumb nav*/
#breadNavContainer {    
    color: var(--background);
    font-family: var(--bodyFont);
    text-transform: capitalize;
    padding-left:.5rem;
    margin-bottom:1rem;
}
#breadNavContainer a {
    color: var(--secondary);
    text-decoration:none;
    transition:all .25s ease-in-out
}
#breadNavContainer a:hover, #breadNavContainer a:active, #breadNavContainer a:focus {
    color: var(--background);
    text-decoration: none;
}
/*#endregion*/

/*#region featured image*/
#pnlFeaturedImage, #featuredFrame, #featuredTextContainer {
    width: 100%;
    height: 300px;
}
#pnlFeaturedImage {
    position: relative;
    border-bottom: 1px solid var(--accentLine);
    overflow: hidden;
    top: 95px;
    margin-bottom: 95px;
    background: var(--background);
    background: var(--primary);    
   /* background-image: url('/img/bkg_default_sub.png?format=webp');*/
}
.hide-panel {
    height: 0 !important;
    overflow: hidden;
}

.hero-gradient {
    position: absolute;
    z-index: 20;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,.4);
}
#featuredFrame img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: 50% 50%;
}

#pnlFeaturedImage #featuredTextContainer {
    position: absolute;
    top: 0;    
    z-index: 30;   
}

#featuredTextContainer h1 {
    color: #FFF;
    font-size: 1.5rem;
    font-size: clamp(1.5rem, 0.7999999999999999rem + 3.5000000000000004vw, 5rem);
    font-family: var(--headerFont);
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    padding-left: .25rem;
    line-height: 1.15;
    margin-bottom: 0;
    -webkit-animation: fade-in-move-up .75s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fade-in-move-up .75s; /* Firefox < 16 */
    -ms-animation: fade-in-move-up .75s; /* Internet Explorer */
    -o-animation: fade-in-move-up .75s; /* Opera < 12.1 */
    animation: fade-in-move-up .75s;
}

#featuredText {
    font-size: 1.15rem;
    font-size: clamp(1.15rem, 1.0299999999999998rem + 0.6000000000000001vw, 1.75rem);
    font-family: var(--subHeaderFont);
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.2);
    padding-top: 0;
    color: #FFF;
    padding-left: .5rem;
    line-height: 1.15;
    -webkit-animation: fade-in-move-right .75s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fade-in-move-right .75s; /* Firefox < 16 */
    -ms-animation: fade-in-move-right .75s; /* Internet Explorer */
    -o-animation: fade-in-move-right .75s; /* Opera < 12.1 */
    animation: fade-in-move-right .75s;
}

.featuredNoBack h1 {
    color: var(--primary) !important;
    color: var(--background) !important;
    text-shadow: none !important;
}
.featuredNoBack #breadNavContainer {
    color: var(--secondary) !important;
}
.featuredNoBack #breadNavContainer a {
    color: var(--primary) !important;
}
.featuredNoBack #breadNavContainer a:hover, .featuredNoBack #breadNavContainer a:active, .featuredNoBack #breadNavContainer a:focus {
    color: var(--seconday) !important;
}
.featuredNoBack #featuredText {
    color: var(--accentOne);
    color: var(--secondary);
    text-shadow: none !important;
}
/*#endregion*/

/*#region page content*/
#contentInner {
    padding: 4rem 1.5rem;
}
.subPadRight {
    padding-right: 6rem;
}
.wysiwyg {
    font-size: 1rem;
    font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
    font-family: var(--bodyFont);
    color: var(--bodyTextColor);
    line-height: 2;
    font-weight: 300;
    margin-bottom: 3rem;
    text-align: justify;
}
.wysiwyg-title {
    color: var(--primary);
    font-size: 1.9375rem;
    font-size: clamp(1.9375rem, 1.725rem + 1.0625vw, 3rem);   
    font-family: var(--subHeaderFont);   
    text-align:left;
    text-transform:capitalize;
    margin-bottom:1rem;
}
.wysiwyg h3 {
    color: var(--primary);
    font-size: 1.25rem;
    font-size: clamp(1.25rem, 1.1rem + 0.75vw, 2rem);
    padding-top: 2rem;
    font-family: var(--subHeaderFont);
}
.wysiwyg ul {
    margin-left:4rem;
}
#subpageNavigation h3 {
    font-family: var(--subHeaderFont);
    font-size: 1.15rem;
    font-size: clamp(1.15rem, 1.0899999999999999rem + 0.30000000000000004vw, 1.45rem);
    font-weight: 600;
    color: var(--primary);
    text-transform:uppercase;
}
#subpageNavigation ul {
    border-left: 2px solid var(--accentOne);
    padding-left: 1rem;
    margin-left: 0;
    list-style: none;
    margin-bottom: 3rem
}
#subpageNavigation ul li {
    padding-bottom: .75rem;
}
#subpageNavigation ul li a {
    font-family: var(--bodyFont);
    font-weight: 300;
    font-size: 1rem;
    font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem);
    color: rgba(var(--primaryRGB), .9);
    line-height: 1.2;
    transition: all .05s ease-in-out;
}
#subpageNavigation ul li a:hover {
    color: var(--secondary);
}

.subpage-nav-active {
    font-weight: 400 !important;
    color: var(--secondary)!important;
}

figure.image {
    text-align:center;
}

figcaption {
    font-family: var(--headerFont);
    font-size: 1.25rem;
    font-weight:700;
}

.background-secondary {
   /* background: var(--secondary);*/
}

    .background-secondary #subpageContent {
        padding: 2rem;
       /* background: var(--background)*/
    }
/*#endregion*/

/*#region media breaks*/
@media(max-width:1557px) {
    #pnlFeaturedImage, #featuredFrame, #featuredTextContainer {
        height: 240px;
    }
}
@media(max-width:1023px) {
    #cs-navigation {       
        height: 156px;
    }
    #pnlFeaturedImage {
        top: 150px;
    }
    #pnlFeaturedImage, #featuredFrame, #featuredTextContainer {
        height: 175px;
        margin-bottom: 130px;
    }
    .subPadRight {
        padding-right: .5rem;
    }
    .wysiwyg ul {
        margin-left: 3rem;
    }
}
@media(max-width:639px) {
    .wysiwyg {        
        text-align: justify;
        hyphens: auto;
        -webkit-hyphens: auto;
        word-spacing: -0.05em;
    }
    .wysiwyg ul {
        margin-left: 2rem;
    }
}
/*#endregion*/