/************ BASE ************/
@media only screen and (min-width: 1200px) { html {font-size: 100%;} }
@media only screen and (min-width: 960px) and (max-width: 1199px) { html {font-size: 90%;} }
@media only screen and (min-width: 50.99rem) and (max-width: 959px) { html {font-size: 80%;} }

html body { font-family: var(--body-font-family); }

body {

    --heading-color: var(--primary-color);
    --heading-font-family: var(--title-font-family);

    --title-border-bottom: 1px solid var(--secondary-color);

    --home-title-font: var(--title-font-family);

    --transparent: rgba(255,255,255,0);

    --site-box-shadow: 4px 4px 4px rgba(0,0,0,.4);

    --swiper-box-shadow: var(--site-box-shadow);

    --ql-title-color: var(--default-white);

    --hero-title-left-position: 5%;

    --site-container-max-width: 1440px;

    --ql-flex: 5;

    --hero-title-color: var(--primary-color);
    --hero-title-font-family: var(--title-font-family);
        --hero-title-font-size: min(4vw, 57.6px);
        --hero-title-font-size-mobile: min(7vw, 100.8px);
    --hero-title-text-shadow: 3px 3px 3px rgba(var(--default-black-rgb),.15);
    --hero-title-left-position: 6%;
    --hero-title-right-position: unset;
    --hero-title-top-position: unset;
    --hero-title-bottom-position: 5%;

    --hero-text-color: var(--primary-color);
    --hero-text-font-family: var(--body-font-family);
        --hero-text-font-size-desktop: min(1vw, 14.4px);
        --hero-text-font-size-mobile: min(2vw, 28.8px);
    --hero-text-text-shadow: 3px 3px 3px rgba(var(--default-black-rgb),.15);
    --hero-text-left-position: 6%;
    --hero-text-right-position: unset;
    --hero-text-top-position: unset;
    --hero-text-bottom-position: 5%;

        --hero-img-height: min(24vw, 345.6px);
        --hero-img-height-mobile: min(30vw, 432px);

    --hero-opacity: 0.35;
    --hero-object-fit: cover;
    --hero-object-position: center;

    --web-policy-color: var(--default-white);
    --web-policy-hover: #777777;

    --button-default-bg: var(--primary-color);
    --button-default-bg-hover: var(--primary-color);
    --button-default-text-color: var(--default-white);
    --button-default-text-color-hover: var(--button-default-text-color);
        --button-default-font-size: min(1.25vw, 18px);
    --button-default-text-transform: none;
    --button-default-fvc: normal;
    --button-default-font-weight: normal;
    --button-default-padding: .7rem 1.3rem;
    --button-default-border-radius: .5rem;
    --button-default-margin: 0;
    --button-default-line-height: 1;
    --button-default-display: inline-block;
    --button-default-border: none;
    --button-default-transition: .2s all ease-in-out;
    --button-default-text-decoration: none;
    --button-default-box-shadow: none;
    --button-default-box-shadow-hover: none;
    --button-default-text-shadow: none;
    --button-default-text-shadow-hover: none;
    --button-default-text-align: center;
    --button-default-font-style: normal;
    --button-default-vertical-align: middle;
    --button-default-font-family: var(--body-font-family);
    --button-default-opacity: 1;
    --button-default-opacity-hover: 1;
    --button-default-scale-hover: 1.05;

    --button-default-bg-mobile: var(--button-default-bg);
    --button-default-bg-hover-mobile: var(--button-default-bg-hover);
    --button-default-text-color-mobile: var(--button-default-text-color);
    --button-default-text-color-hover-mobile: var(--button-default-text-color-hover);
        --button-default-font-size-mobile: min(4vw, 57.6px);
    --button-default-text-transform-mobile: var(--button-default-text-transform);
    --button-default-fvc-mobile: var(--button-default-fvc);
    --button-default-font-weight-mobile: var(--button-default-font-weight);
    --button-default-width-mobile: 100%;
    --button-default-padding-mobile: 1rem;
    --button-default-border-radius-mobile: var(--button-default-border-radius);
    --button-default-margin-mobile: var(--button-default-margin);
    --button-default-display-mobile: var(--button-default-display);
    --button-default-border-mobile: var(--button-default-border);
    --button-default-line-height-mobile: var(--button-default-line-height);
    --button-default-transition-mobile: var(--button-default-transition);
    --button-default-text-decoration-mobile: var(--button-default-text-decoration);
    --button-default-box-shadow-mobile: var(--button-default-box-shadow);
    --button-default-box-shadow-hover-mobile: var(--button-default-box-shadow-hover);
    --button-default-text-shadow-mobile: var(--button-default-text-shadow);
    --button-default-text-shadow-hover-mobile: var(--button-default-text-shadow-hover);
    --button-default-text-align-mobile: var(--button-default-text-align);
    --button-default-font-style-mobile: var(--button-default-font-style);
    --button-default-vertical-align-mobile: var(--button-default-vertical-align);
    --button-default-font-family-mobile: var(--button-default-font-family);
    --button-default-opacity-mobile: var(--button-default-opacity);
    --button-default-opacity-hover-mobile: var(--button-default-opacity-hover);
    --button-default-scale-hover-mobile: var(--button-default-scale-hover);

    --button-transparent-bg: transparent;
    --button-transparent-bg-hover: var(--secondary-color);
    --button-transparent-text-color: var(--primary-color);
    --button-transparent-text-color-hover: var(--default-white);
        --button-transparent-font-size: min(1.25vw, 18px);
    --button-transparent-line-height: 1;
    --button-transparent-text-transform: none;
    --button-transparent-fvc: normal;
    --button-transparent-font-weight: normal;
    --button-transparent-padding: .7rem 1.3rem;
    --button-transparent-border-radius: .5rem;
    --button-transparent-margin: 0;
    --button-transparent-display: inline-block;
    --button-transparent-border: 2px solid var(--primary-color);
    --button-transparent-transition: all .2s ease-in;
    --button-transparent-text-decoration: none;
    --button-transparent-box-shadow: none;
    --button-transparent-box-shadow-hover: none;
    --button-transparent-text-shadow: none;
    --button-transparent-text-shadow-hover: none;
    --button-transparent-text-align: center;
    --button-transparent-font-style: normal;
    --button-transparent-vertical-align: middle;
    --button-transparent-font-family: var(--body-font-family);
    --button-transparent-opacity: 1;
    --button-transparent-opacity-hover: 1;
    --button-transparent-scale-hover: unset;

    --button-transparent-bg-mobile: var(--button-transparent-bg);
    --button-transparent-bg-hover-mobile: var(--button-transparent-bg-hover);
    --button-transparent-text-color-mobile: var(--button-transparent-text-color);
    --button-transparent-text-color-hover-mobile: var(--button-transparent-text-color-hover);
        --button-transparent-font-size-mobile: min(4vw, 57.6px);
    --button-transparent-width-mobile: 100%;
    --button-transparent-padding-mobile: 1rem;
    --button-transparent-border-mobile: var(--button-transparent-border);
    --button-transparent-fvc-mobile: var(--button-transparent-fvc);
    --button-transparent-font-weight-mobile: var(--button-transparent-font-weight);
    --button-transparent-border-radius-mobile: var(--button-transparent-border-radius);
    --button-transparent-margin-mobile: var(--button-transparent-margin);
    --button-transparent-display-mobile: var(--button-transparent-display);
    --button-transparent-border-mobile: var(--button-transparent-border);
    --button-transparent-line-height-mobile: var(--button-transparent-line-height);
    --button-transparent-transition-mobile: var(--button-transparent-transition);
    --button-transparent-text-decoration-mobile: var(--button-transparent-text-decoration);
    --button-transparent-box-shadow-mobile: var(--button-transparent-box-shadow);
    --button-transparent-box-shadow-hover-mobile: var(--button-transparent-box-shadow-hover);
    --button-transparent-text-shadow-mobile: var(--button-transparent-text-shadow);
    --button-transparent-text-shadow-hover-mobile: var(--button-transparent-text-shadow-hover);
    --button-transparent-text-align-mobile: var(--button-transparent-text-align);
    --button-transparent-font-style-mobile: var(--button-transparent-font-style);
    --button-transparent-vertical-align-mobile: var(--button-transparent-vertical-align);
    --button-transparent-font-family-mobile: var(--button-transparent-font-family);
    --button-transparent-opacity-mobile: var(--button-transparent-opacity);
    --button-transparent-opacity-hover-mobile: var(--button-transparent-opacity-hover);
    --button-transparent-scale-hover-mobile: var(--button-transparent-scale-hover);
    --button-transparent-text-transform-mobile: var(--button-transparent-text-transform-mobile);

}

.g-logo > span {
    display: none!important;
}

.item-image {
    display: none!important;
}

/*.pop-up-block-2 {
    display: none!important;
}*/

.g-content-array {
    margin: 0;
    padding: 0;
}

@media only screen and (min-width: 50.99rem) {
    .site-1 #g-bottom {
                padding: min(2vw, 28.8px) 0!important;
    }
    .site-1 #g-bottom .admod td {
        padding: 0;
    }
}

@media only screen and (max-width: 50.99rem) {
    .site-1 #g-bottom {
        padding: 2rem 0!important;
    }
    .site-1 #g-bottom .admod td {
        padding: 0;
    }
}

#g-footer .g-content-array {
    margin: 0;
}
#g-footer a {
    color: var(--default-white);
    transition: .3s all ease-in-out;
}
#g-footer a:hover {
    opacity: .5;
}

@media only screen and (max-width: 50.99rem) {
    .web-policy {
        justify-content: flex-end;
        padding-right: 10px;
    }
    .adminfootericon {
        bottom: 40px
    }
}

.moduletable .nav.menu, .moduletable .unstyled {
    background: var(--side-menu-bg)!important;
    color: var(--side-menu-text-color)!important;
}
/* .moduletable .nav.menu li.current.active a, .moduletable .nav.menu li a:hover {
    color: var(--side-menu-text-hover-color)!important;
    background: var(--side-menu-bg-hover)!important;
} */

/************ FONT ITEMS ************/

body {
    color: #333;
    font-size: 1.1rem;
}
h1, h2, h3, h4, h5, h6 {
    margin: .75rem 0;
    line-height: 1;
    font-weight: normal;
}
p {
    line-height: 1.3;
    font-size: 1.1rem;
}

/************ DEFAULT FONT ITEMS ************/
blockquote {
    color: #333;
    padding: 0 0 0 15px;
    margin: 0 0 20px;
    border-left: 5px solid var(--secondary-color);
    font-family: var(--title-font-family);
    font-style: italic;
    line-height: 1.2;
    font-size: 1.4rem;
}

address {
    font-style: italic;
    font-weight: bold;
    font-size: 1.2rem;
    line-height: 1.2;
}

/************ BUTTONS ************/
.readon, .button, .btn, p.readmore .btn, .listentobutton.moduletable a, .newsflashlistentobutton2 a:last-child {
    color: var(--button-default-text-color);
    font-size: var(--button-default-font-size);
    background: var(--button-default-bg);
    text-transform: var(--button-default-text-transform);
    font-weight: var(--button-default-font-weight);
    padding: var(--button-default-padding);
    border-radius: var(--button-default-border-radius);
    margin: var(--button-default-margin);
    display: var(--button-default-display);
    border: var(--button-default-border);
    line-height: var(--button-default-line-height);
    transition: var(--button-default-transition);
    text-decoration: var(--button-default-text-decoration);
    box-shadow: var(--button-default-box-shadow);
    text-shadow: var(--button-default-text-shadow);
    text-align: var(--button-default-text-align);
    font-style: var(--button-default-font-style);
    vertical-align: var(--button-default-vertical-align);
    font-family: var(--button-default-font-family);
    font-variant-caps: var(--button-default-fvc);
    opacity: var(--button-default-opacity);
}

a.transparentbutton {
    color: var(--button-transparent-text-color);
    font-size: var(--button-transparent-font-size);
    background: var(--button-transparent-bg);
    text-transform: var(--button-transparent-text-transform);
    font-weight: var(--button-transparent-font-weight);
    padding: var(--button-transparent-padding);
    border-radius: var(--button-transparent-border-radius);
    margin: var(--button-transparent-margin);
    display: var(--button-transparent-display);
    border: var(--button-transparent-border);
    line-height: var(--button-transparent-line-height);
    transition: var(--button-transparent-transition);
    text-decoration: var(--button-transparent-text-decoration);
    box-shadow: var(--button-transparent-box-shadow);
    text-shadow: var(--button-transparent-text-shadow);
    text-align: var(--button-transparent-text-align);
    font-style: var(--button-transparent-font-style);
    vertical-align: var(--button-transparent-vertical-align);
    font-family: var(--button-transparent-font-family);
    font-variant-caps: var(--button-transparent-fvc);
    opacity: var(--button-transparent-opacity);
}

.readon:hover, .button:hover, .btn:hover, p.readmore .btn:hover, .listentobutton .moduletable a:hover {
    color: var(--button-default-text-color-hover);
    background: var(--button-default-bg-hover);
    opacity: var(--button-default-opacity-hover);
    box-shadow: var(--button-default-box-shadow-hover);
    text-shadow: var(--button-default-text-shadow-hover);
    transform: scale(var(--button-default-scale-hover));
}
.readon a, .button a, .btn a, p.readmore a, .btn a {
    color: var(--default-white);
}
.btn .icon-chevron-right {
    display: none;
}
.transparentbutton:hover {
    color: var(--button-transparent-text-color-hover);
    background: var(--button-transparent-bg-hover);
    opacity: var(--button-transparent-opacity-hover);
    box-shadow: var(--button-transparent-box-shadow-hover);
    text-shadow: var(--button-transparent-text-shadow-hover);
    transform: scale(var(--button-transparent-scale-hover));
}

@media only screen and (max-width: 50.99rem) {
    .readon, .button, .btn, p.readmore .btn, .listentobutton.moduletable a, .newsflashlistentobutton2 a:last-child {
        color: var(--button-default-text-color-mobile);
        font-size: var(--button-default-font-size-mobile);
        background: var(--button-default-bg-mobile);
        text-transform: var(--button-default-text-transform-mobile);
        font-weight: var(--button-default-font-weight-mobile);
        padding: var(--button-default-padding-mobile);
        border-radius: var(--button-default-border-radius-mobile);
        margin: var(--button-default-margin-mobile);
        display: var(--button-default-display-mobile);
        border: var(--button-default-border-mobile);
        line-height: var(--button-default-line-height-mobile);
        transition: var(--button-default-transition-mobile);
        text-decoration: var(--button-default-text-decoration-mobile);
        box-shadow: var(--button-default-box-shadow-mobile);
        text-shadow: var(--button-default-text-shadow-mobile);
        text-align: var(--button-default-text-align-mobile);
        font-style: var(--button-default-font-style-mobile);
        vertical-align: var(--button-default-vertical-align-mobile);
        font-family: var(--button-default-font-family-mobile);
        font-variant-caps: var(--button-default-fvc-mobile);
        opacity: var(--button-default-opacity-mobile);
        width: var(--button-default-width-mobile);
    }
    
    a.transparentbutton {
        color: var(--button-transparent-text-color-mobile);
        font-size: var(--button-transparent-font-size-mobile);
        background: var(--button-transparent-bg-mobile);
        text-transform: var(--button-transparent-text-transform-mobile);
        font-weight: var(--button-transparent-font-weight-mobile);
        padding: var(--button-transparent-padding-mobile);
        border-radius: var(--button-transparent-border-radius-mobile);
        margin: var(--button-transparent-margin-mobile);
        display: var(--button-transparent-display-mobile);
        border: var(--button-transparent-border-mobile);
        line-height: var(--button-transparent-line-height-mobile);
        transition: var(--button-transparent-transition-mobile);
        text-decoration: var(--button-transparent-text-decoration-mobile);
        box-shadow: var(--button-transparent-box-shadow-mobile);
        text-shadow: var(--button-transparent-text-shadow-mobile);
        text-align: var(--button-transparent-text-align-mobile);
        font-style: var(--button-transparent-font-style-mobile);
        vertical-align: var(--button-transparent-vertical-align-mobile);
        font-family: var(--button-transparent-font-family-mobile);
        font-variant-caps: var(--button-transparent-fvc-mobile);
        opacity: var(--button-transparent-opacity-mobile);
        width: var(--button-default-width-mobile);
    }
    
    .readon:hover, .button:hover, .btn:hover, p.readmore .btn:hover, .listentobutton .moduletable a:hover {
        color: var(--button-default-text-color-hover-mobile);
        background: var(--button-default-bg-hover-mobile);
        opacity: var(--button-default-opacity-hover-mobile);
        box-shadow: var(--button-default-box-shadow-hover-mobile);
        text-shadow: var(--button-default-text-shadow-hover-mobile);
        transform: scale(var(--button-default-scale-hover-mobile));
    }
    .transparentbutton:hover {
        color: var(--button-transparent-text-color-hover-mobile);
        background: var(--button-transparent-bg-hover-mobile);
        opacity: var(--button-transparent-opacity-hover-mobile);
        box-shadow: var(--button-transparent-box-shadow-hover-mobile);
        text-shadow: var(--button-transparent-text-shadow-hover-mobile);
        transform: scale(var(--button-transparent-scale-hover-mobile));
    }
}

hr.short {
    padding: 0;
    margin: 0 auto;
    width: 400px;
}

.centertext h1,
.centertext h2,
.centertext h3,
.centertext h4,
.centertext h5,
.centertext h6,
.centertext p,
.centertext a,
.centertext {
    text-align: center;
}
.centertext img {
    margin: auto;
}

.buttontoplainlink {
    background: none;
    padding: 0;
    margin: 0;
}

.cursorpointer {
    cursor: pointer;
}

img.circle {
    border-radius: 50%;
}

/************ TABLES ************/
.fancytable th {
    color: var(--default-white);
    background: var(--primary-color);
    border: 1px solid var(--primary-color);
}
.fancytable td {
    border: 1px solid var(--primary-color);
}


/************ ABILITY TO HIDE on HOME ************/
.homelayout .hiddenhome {
    display: none!important;
}
body:not(.homelayout) .showhome {
    display: none;
}
p.buttonheading {
    margin: 0;
    padding: 0;
}

/************ TABLES ************/
table {
    width: auto;
}
.fancytable th {
    padding: 5px;
}
.fancytable td {
    padding: 5px 10px;
}

.equaltable {
    width: 100%;
    display: table;
    table-layout: fixed;
}
table.flextable, .flextable tbody, .flextable tr {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.equaltable td {
    width: 2%;
}
.equaltable td, .equaltable tr, table.equaltable, .flextable td, .flextable tr, table.flextable {
    border: none;
}

.equaltopalign td {
    align-items: flex-start;
}

.flextable {
    display:flex;
}
.flextable.equalcells > div {
    flex: 1;
}
.flextable.spacedcells > div {
    padding-right: 20px;
}
.flextable.flexcolumn {
    flex-direction: column;
}
.flextable.spacedcells > div:last-child {
    padding-right: 0;
}
.flextable.border > div {
    border: 1px #ddd solid;
    padding: 20px;
}
.flextable.centervertically, .centervertically {
    align-items: center;
}
.centercellvertically {
    align-self: center;
}
.flextable.centerhorizontally {
    justify-content: center;
}
.centercellhorizontally {
    justify-self: center;
}
.boxshadow {
    box-shadow: 0px 0px 8px rgba(var(--default-black-rgb),.5);
    margin: 10px 20px;
}
.flextable.wrapitems {
    flex-wrap: wrap;
}


@media only screen and (max-width: 50.99rem){
    .equaltable, .equaltable div, table.flextable, table.flextable div, .equaltable, .equaltable td, table.flextable td, table.flextable tbody, table.flextable tr, .equaltable tbody, .equaltable tr {
        display: block;
        table-layout:auto;
        width: 100%;
        border: none;
        margin: 0;
    }
    #g-container-main .equaltable img {
        display: block;
        margin: 0 auto;
        width: 100%;
    }
    .flowflexonmobile.flextable {
        display:flex;
        flex-wrap: wrap;
    }
    .flowflexonmobile.flextable > div {
        min-width: 40%;
    }
    .blockonmobile.flextable {
        display:block;
    }
    .flextable.reverseonmobile {
        flex-direction: column-reverse;
    }
    .flextable.spacedcells > div {
        padding-bottom: 20px;
        padding-right: 0px;
    }
    .flextable.spacedcells > div:last-child {
        padding-bottom: 0px;
    }
    .flextable.columnonmobile {
        flex-direction: column;
        display: flex;
    }
    .flextable.rowonmobile {
        display:flex;
        flex-wrap: none;
    }
    body:not(.homelayout) .hidesubpagesmobile {
        display: none;
    }
}

/************ ALERT ************/
.alert .g-content {
    padding: 0;
    margin: 0;
}
.alert {
    border: none;
    padding: 0;
    margin: 0;
    background-color: #FFCFCF;
    color: #FF0000;
}
.alert h1, .alert h2, .alert h3, .alert h4, .alert h5, .alert h6, .alert p {
    margin-left: 20px;
    color: red;
    background: transparent;
}
.alert .platform-content {
    padding: 0;
    margin: 0;
}
.alert h2.contentheading {
    padding-top: 15px;
}

.parish-alert .g-content {
    padding: 0;
    margin: 0;
}
.parish-alert {
    border: none;
    padding: 0;
    margin: 0;
    background-color: transparent;
}
.parish-alert :is(h1, h2, h3, h4, h5, h6, p) {
    margin-left: 20px;
    color: inherit;
    background: transparent;
}
.parish-alert .platform-content {
    padding: 0;
    margin: 0;
}
.parish-alert h2.contentheading {
    padding-top: 15px;
}
.parish-alert .g-content-array {
    margin: 0;
}
.parish-alert .g-item-title {
    pointer-events: none;
}

@media only screen and (min-width: 50.99rem) {
    .parish-alert .g-array-item {
        padding: min(1vw, 14.4px);
    }
    .parish-alert .g-array-item :is(h1, h2, h3, h4, h5, h6, p) {
        margin-left: 0;
        color: inherit;
        background: transparent;
    }
}

@media only screen and (max-width: 50.99rem) {
    .parish-alert .g-array-item {
                padding: 1rem 0 1rem min(1vw, 14.4px);
        max-width: 80%;
        margin: 0 auto;
    }
    .parish-alert .g-array-item :is(h1, h2, h3, h4, h5, h6, p) {
        margin-left: 0;
        color: inherit;
        background: transparent;
    }
}


/************ HERO IMAGE ************/
.hero p {
    margin: 0;
}
.hero img {
    height: var(--hero-img-height);
    object-fit: var(--hero-object-fit);
    object-position: var(--hero-object-position);
    width: 100%;
    opacity: var(--hero-opacity);
}

.nohero #g-header {
    display: none!important;
}

#hero .platform-content {
    margin: 0;
    padding: 0;
}
#hero {
    height: 0;
    transition: all .7s ease-in-out;
    overflow: hidden;
}
#hero.hero-grow {
    height: var(--hero-img-height);
    opacity: 1;
}
#hero-grab {
    position: relative;
    pointer-events: none;
}

#heroquote {
    display: none!important;
}

.hero-img-top {
    --hero-object-position: top;
}

.hero-img-bottom {
    --hero-object-position: bottom;
}

.page-header > h2 {
    color: var(--hero-title-color);
    font-size: var(--hero-title-font-size);
    font-family: var(--hero-title-font-family);
    opacity: 1;
    z-index: 10;
    text-shadow: var(--hero-title-text-shadow);
    padding-bottom: min(2vw, 28.8px) !important;
}

#hero-title-text {
    position: absolute;
    color: var(--hero-title-color);
    left: var(--hero-title-left-position);
    right: var(--hero-title-right-position);
    bottom: var(--hero-title-bottom-position);
    top: var(--hero-title-top-position);
    font-size: var(--hero-title-font-size);
    font-family: var(--hero-title-font-family);
    opacity: 1;
    z-index: 10;
    text-shadow: var(--hero-title-text-shadow);
}

#hero-text-box {
    position: absolute;
    color: rgba(var(--hero-text-color));
    left: var(--hero-text-left-position);
    right: var(--hero-text-right-position);
    bottom: var(--hero-text-bottom-position);
    top: var(--hero-text-top-position);
    font-size: var(--hero-text-font-size-desktop);
    font-family: var(--hero-text-font-family);
    opacity: 1;
    z-index: 10;
    text-shadow: var(--hero-text-text-shadow);
}

#hero-title-text .k-visually-hidden {
    display: none!important;
}
.herotitlepage .page-header {
    display: none!important;
}

@media only screen and (max-width: 50.99rem) {
    .hero img {
        height: var(--hero-img-height-mobile);
    }
    #hero.hero-grow {
        height: var(--hero-img-height-mobile);
    }

    #hero-title-text {
        font-size: var(--hero-title-font-size-mobile);
    }

    #hero-text-box {
        font-size: var(--hero-text-font-size-mobile);
    }
    .herotitlepage .page-header {
        display: none!important;
    }
    .page-header > h2 {
        font-size: var(--hero-title-font-size-mobile);
    }
}

/************ DOCMAN ************/
.docman_download__info {
    display: none;
}
.doclink .docman_download__info {
    display: none;
}
.k-ui-namespace .k-js-grid-controller .koowa_table_list > .docman_block > h3.koowa_header {
    display: none;
}
.k-ui-namespace .mod_docman ul li .koowa_header {
    padding: 0 0 2px 15px;
    display: flex;
}
.doclink span:last-child {
    display: none;
}
.table-striped tbody tr:nth-child(2n+1) td, .table-striped tbody tr:nth-child(2n+1) th {
    background: rgba(var(--default-black-rgb),.1);
}
.k-ui-namespace .koowa_header:before, .k-ui-namespace .koowa_header:after {
    display: none;
}
.k-ui-namespace .koowa_header,
.k-ui-namespace .koowa_header__item,
.k-ui-namespace .koowa_wrapped_content,
.k-ui-namespace .mod_docman ul {
    display: inline-block;
    width: auto;
}
.k-ui-namespace .mod_docman ul li .koowa_header {
    padding: 0 0 2px 0;
}
.k-ui-namespace .mod_docman ul .module_document__info {
    display: none;
}
.homelayout .k-ui-namespace .mod_docman.mod_docman--documents {
    display: flex;
    justify-content: center;
}
.k-ui-namespace .mod_docman_icons {
    padding-bottom: 10px;
}

/************ GET RID OF SIDE COLUMNS ************/
.g-block.remove-column {
    flex: 0%;
    width: 0%;
}
.g-block.fullwidth-column {
    flex: 0 100%;
    width: 100%;
}

/************ MAKE THE ROTATOR NOT JUMP ************/
.sprocket-features-img-container {
    width: 100%;
}

/************ CANIDATE FOR BASE STYLE ************/
.removecontentbuffer .g-content {
    margin: 0;
    padding: 0;
}
.rmtopbotcontentbuffer .g-content {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}
.rmleftrightcontentbuffer .g-content {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

/************ ALIGN IMAGES CORRECTLY ************/
img[align="left"], img[style*="float:left"], img[style*="float: left"], .pull-left {
    padding-right: 10px;
}
img[align="right"], img[style*="float:right"], img[style*="float: right"], .pull-right {
    padding-left: 10px;
}

@media only screen and (max-width: 50.99rem) {
    img[align="left"], img[style*="float:left"], img[style*="float: left"], .pull-left {
        padding: 10px;
    }
    img[align="right"], img[style*="float:right"], img[style*="float: right"], .pull-right {
        padding: 10px;
    }
}

/************ BREADCRUMB ************/
.breadcrumb span.divider:before {
    line-height: 1.3;
}
.breadcrumb li:nth-child(2) .divider {
    display: inline-block;
}

.breadcrumb > li > .divider {
    margin-right: .25em;
    padding: 0 5px;
}
.moduletable .nav.menu li a:before, .moduletable .mostread li a:before, .moduletable .latestnews li a:before, .moduletable .archive-module li a:before, .moduletable .relateditems li a:before, .moduletable .categories-module li a:before, .moduletable .category-module li a:before, .moduletable .latestusers li a:before, .moduletable .unstyled li a:before {
    display: none;
}

/************ MODULE HELPERS ************/
.topright {
    position: absolute;
    right: 0;
    top: 0;
}

.marginzero {
    margin: 0;
}

.align-right .g-content {
    padding-left: 0px;
    padding-right: 0px;
}

.shrinkgcontent .g-content {
    padding: 0;
    margin: 0;
}
.shrinkplatformbuffer .platform-content {
    padding: 0;
    margin: 0;
}

/************ MAKE FILEMAN LINKS HAVE ICON BEFORE TEXT ************/
a[href*="?option=com_fileman"]:before {
    content: "\f1c1";
    font-family: FontAwesome;
    margin-right: 10px;
    display: inline;
    font-weight: normal;
}

/************ SMOOTH SCROLL ************/
html {
    scroll-behavior: smooth;
}

.centertitle .g-title,
h1.centertitle,
h2.centertitle,
h3.centertitle,
h4.centertitle,
h5.centertitle,
h6.centertitle {
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

.platform-content .moduletable.moveintoabovemodule {
    margin-top: -40px;
}

[name="spacer"] {
    display: none !important;
}

/************ HEIGHT CLASSES ************/
.fullheight {height: 100vh;}
.ninetyheight {height: 90vh;}
.eightyheight {height: 80vh;}
.seventyheight {height: 70vh;}
.sixtyheight {height: 60vh;}
.fiftyheight {height: 50vh;}
.fortyheight {height: 40vh;}
.thirtyheight {height: 30vh;}
.twentyheight {height: 20vh;}
.tenheight {height: 10vh;}

/************ WIDTH CLASSES ************/
.fullwidth {width: min(100vw, 1440px);}
.ninetywidth {width: min(90vw, 1296px);}
.eightywidth {width: min(80vw, 1152px);}
.seventywidth {width: min(70vw, 1008px);}
.sixtywidth {width: min(60vw, 864px);}
.fiftywidth {width: min(50vw, 720px);}
.fortywidth {width: min(40vw, 576px);}
.thirtywidth {width: min(30vw, 432px);}
.twentywidth {width: min(20vw, 288px);}
.tenwidth {width: min(10vw, 144px);}

/************ PADDING CLASSES ************/
.pad10sides {
    padding-left: 10%;
    padding-right: 10%;
}

/************ FLEX ITEM ************/
.flexcolumn {
    display: flex;
    flex-direction: column;
}
.flexcolumn > div {
    flex: 1;
}
.flexcenter {
    display: flex;
    align-items: center;
    justify-content: center;
}

/************ FLEX ITEM ************/
.flexrow {
    display: flex;
}
.flexrow > div {
    flex: 1;
}

.justifycontentcenter {
    justify-content: center !important;
}

@media only screen and (max-width: 50.99rem) {
    .flexrow {
        flex-wrap: wrap;
    }
    .flexrow > div {
        padding-bottom: 20px;
    }
    
    .flexrow.force {
        display: flex;
    }
    .flexrow.blockonmobile {
        display: block;
    }
}

/************ MINISTRY PAGE ************/
.ministrypage .item {
    display: flex;
    flex-direction: column;
}
.ministrypage .item .pull-left.item-image {
    order: 1;
}
.ministrypage .item .pull-left.item-image img {
    border-radius: 4px;
    box-shadow: 2px 2px 5px rgba(var(--default-black-rgb),0.2);
}
.ministrypage .item .page-header {
    order: 2;
}
.ministrypage .item table {
    order: 3;
    margin: 5px 0 20px 0;
}
.ministrypage .item p {
    order: 4;
}
.ministrypage .pull-left.item-image {
    margin: 0;
    padding: 0;
}

.ministrypage .page-header h2 {
    line-height: 1.2;
    font-weight: 400;
    font-size: 1.7rem;
    border-bottom: 2px solid #E2EDE9;
    margin: 3px 0 0 0;
    padding: 0;
}


.ministrypage .nav.menu a {
    word-break: normal;
}
.ministrypage h2 a {
    word-break: normal;
}

.btn [class^="icon-"] {
    display: none;
}

.blogministrypage .row-fluid {
    border-bottom: solid 15px #f5f5f5;
    margin-bottom: 15px;
}
.blogministrypage .row-fluid:last-child {
    border-bottom: none;
}

@media only screen and (max-width: 50.99rem) {
    .ministrypage .item {
        padding-bottom: 30px;
    }
    .ministrypage .item .pull-left.item-image img {
        width: 75%;
    }
    .blogministrypage .row-fluid {
        border: none;
        margin-bottom: 0px;
    }
}

/*************make news images smaller*****************/
.newslayout .pull-right.item-image img {
        max-width: min(25vw, 360px);
}
.newslayout .pull-left.item-image img {
        max-width: min(25vw, 360px);
}
@media only screen and (max-width: 50.99rem) {
    .newslayout .pull-left.item-image img {
        width: 100%;
    }
    .newslayout .pull-right.item-image img {
        width: 100%;
    }
}

/************ ROK MINI EVENTS ************/
.rme-items li, .rme-timeline-bar, .rme-arrow {
    background: none;
    border: none;
}
.rme-items li {
    padding: 0;
    margin: 8px 0;
    clear: both;
}
.rme-badge {
    background: #333;
    color: var(--default-white);
    width: 58px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 5px;
    font-weight: normal;
    display: block;
    float: none;
}
.rme-timeline-point:hover, .rme-timeline-point.active, .rme-timeline-point span {
    background: #333;
}
.rme-arrow {
    color: #333;
}
.rme-date {
    display: none;
}
.rme-day {
    font-size: 1.5rem;
}
.rme-title {
    font-size: 1rem;
    font-weight: normal;
}
@media only screen and (max-width: 50.99rem) {
    .rme-badge {
        float: left;
        padding: 2px;
    }
    .rme-day {
        font-size: 1.4rem;
    }
    .rme-items li {
        margin: 0;
    }
    .rme-timeline {
        display: none;
    }
    .rme-items {
        padding-top: 15px;
    }
}

/************ PODCAST ************/
.listentobutton.moduletable a:nth-child(3) {
    background: inherit;
    color: inherit;
    padding: inherit;
    display: inherit;
}

/************ SIMPLE PARALAX ************/
@media only screen and (min-width: 50.99rem) {
    .simpleparalax, .simpleparallax{
        background-color: var(--default-white) !important;
        background-attachment: fixed !important;
        background-position: 50% 0% !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }
}

@media only screen and (max-width: 50.99rem) {
    .simpleparalax, .simpleparallax{
        background-color: var(--default-white) !important;
        background-attachment: initial !important;
        background-position: 50% 0% !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }
}

/************ SPECIAL MOBILE ITEMS ************/
@media only screen and (max-width: 50.99rem) {
    .inrowonmobile {
        display: flex;
        justify-content: space-between;
    }
    .inrowonmobile div:first-child {
        padding-right: 20px;
    }
    .hiddenmobile, .hiddenphone {
        display: none !important;
    }
}

@media only screen and (min-width: 50.99rem) {
    .showmobile {
        display: none;
    }
}

/************ IMAGES ************/
img.thumbnail {
    width: 200px;
    height: 200px;
    box-shadow: 2px 2px 5px rgba(var(--default-black-rgb),.5);
    border-radius: 10px;
}

/************ FOOTER ************/
.adminfooter {
    position: absolute;
    bottom: 20px;
    right: 20px;
    text-align:right;
}
.sitebysolutio {
    color: #444444;
    font-size: x-small;
}
.adminfooter a {
    color: #aaa;
}

/************ BACKGROUND VIDEO ************/
.videocontainer {
    position: relative;
}

video.widevideo {
        height: min(56vw, 806.4px);
}
video.superwidevideo {
        height: min(42vw, 604.8px);
}
video.ultrawidevideo {
        height: min(28vw, 403.2px);
}
video.background-video {
    width: 100%;
    object-fit: cover;
    object-position: center;
    background-color: rgba(var(--default-black-rgb), 0) !important;
}

/************ OVERLAY ************/
.overlayitem {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
}
.centercontent {
    display: flex;
    align-items: center;
    justify-content: center;
}
.whitetext h1,
.whitetext h2,
.whitetext h3,
.whitetext h4,
.whitetext h5,
.whitetext h6,
.whitetext p {
    color: var(--default-white);
}

.adminfootericon {
    position: absolute;
    bottom: 30px;
    right: 10px;
    text-align: right;
}
.adminfootericon p {
    padding: 0;
    margin: 0;
}

/************ HIDDEN ON SCROLL ************/
.sticky .hiddenonscroll {
    display: none;
}

/************ LEGACY BOXES ************/
#g-aside .moduletable.box2.title1 {
    padding: 0.5rem;
}

/************ ALTERNATE ROWS ************/
/**** Create a nice looking table with alternating rows *****/
.alternaterows td {
    padding: 5px 10px;
}
.alternaterows tr:nth-child(even) {
    background: var(--default-white);
    border-bottom: 1px solid #ddd;
}
.alternaterows tr:nth-child(odd) {
    background: #e8e8e8;
    border-bottom: 1px solid #ddd;
}

/**** Create a nice looking table with alternating rows *****/
.alternaterowsm {
    width: 100%;
}
.alternaterowsm tr:nth-child(even) {
    background: var(--default-white);
    border-bottom: 1px solid #ddd;
}
.alternaterowsm tr:nth-child(even):hover {
    background: #fafafa;
    border-bottom: 1px solid #ddd;
}
.alternaterowsm tr:nth-child(odd) {
    background: #fafafa;
    border-bottom: 1px solid #ddd;
}
.alternaterowsm tr:nth-child(odd):hover {
    background: var(--default-white);
    border-bottom: 1px solid #ddd;
}
    
@media only screen and (max-width: 50.99rem){
   .alternaterowsm, .alternaterowsm div, .alternaterowsm tr, .alternaterowsm td, .alternaterowsm tbody {
        display: block;
        table-layout: auto;
        width: 100%;
        border: none;
        margin: 0;
    }
   .alternaterowsm img {
        display: block;
        margin: 0 auto;
        width: 100%;
    }
   .alternaterowsm {
        display: block;
    }
}

/************table that responds on mobile, no changes on desktop**********/
@media only screen and (max-width: 50.99rem){
    .mtable, .mtable div, .mtable, .mtable td, .mtable tbody{
        display: block;
        table-layout: auto;
        width: 100%;
        border: none;
        margin: 0;
    }
    .mtable tr {
        display: block;
        table-layout: auto;
        width: 100%;
        border-bottom: 1px solid #ddd;
        margin: 0;
    }
    .mtable img {
        display: block;
        margin: 0 auto;
        width: 100%;
    }
}

.recordstable {
    width: 100%;
    border: 2px solid #333333;
}
.recordstable tr:first-child {
    background: #333;
    color: var(--default-white);
    font-weight: bold;
}
.recordstable th {
    color: #333;
    padding: 5px;
    background: #D9D9D9;
    border: 1px solid #333333;
}
.recordstable td {
    padding: 5px 10px;
    border: 1px solid #333333;
}

/************ TOP HEADER TABLE ************/
.topheadertable td, .leftheadertable td {
    border: 1px #333 solid;
    padding: 5px 10px;
}
.topheadertable tr:first-child {
    background: var(--primary-color);
    color: var(--default-white);
    font-weight: bold;
}
.leftheadertable td:first-child {
    background: var(--primary-color);
    color: var(--default-white);
    font-weight: bold;
}

.alternaterows.topheadertable td, .alternaterows.leftheadertable td {
    border: none;
}
.alternaterows.topheadertable tr:last-child {
    border-bottom: 1px #333 solid;
}
.alternaterows.topheadertable tbody, .alternaterows.leftheadertable tbody {
    border: 1px #333 solid;
}

/************ PARALLAX ************/
.parallax {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

@media only screen and (max-width: 50.99rem) {
    .parallax {
        background-attachment: initial;
    }
}

.picturefix {
    opacity: 0;
    transition: all .2s ease-in-out;
}
.picturefix.reveal {
    opacity: 1;
}

/************ DESKTOP SIDE MENU ***************/
.dts-menu .g-main-nav .g-toplevel {
    display: flex;
    flex-direction: column;
}
.dts-menu .g-main-nav .g-standard .g-fade.g-dropdown {
    width: 100%!important;
}
.dts-menu .g-main-nav .g-toplevel>li>.g-menu-item-container .g-menu-parent-indicator:after {
    content: "\003E";
}
.dts-menu .g-main-nav .g-dropdown .size-100>.g-sublevel>li.g-go-back+li>.g-menu-item-container {
    border-radius: 0;
}
.dts-menu .g-menu-item-container {
    border-radius: 0!important;
}
.dts-menu .g-main-nav .g-dropdown .g-dropdown-column>.g-grid>.g-block.size-100 {
    border-radius: 0;
}
.dts-menu .g-main-nav .g-dropdown {
    border-radius: 0;
}

/************ FILEMAN PHOTO GALLERY - FOLDERS ************/
.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item__content {
    background: none;
    border: none;
    border-radius: 0;
}

.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item .koowa_media__item__content:not(.file) .koowa_media__item__link {
    box-shadow: 2px 2px 5px rgba(var(--default-black-rgb),.2);
    position: relative;
    width: min(20vw, 288px);
        height: min(15vw, 216px);
    max-width: 400px;
    max-height: 300px;
    background: url(/images/stories/template/default-photo-gallery.jpg) 0 0 no-repeat;
    background-size: cover;
        margin-bottom: min(2vw, 28.8px);
    transition: all .4s ease-in-out;
}

.gallerycolorstrip .koowa_media {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item {
    padding: 0;
    width: auto;
    max-width: auto;
}

.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-4 .koowa_media__item {
    width: auto;
}

.gallerycolorstrip .k-ui-namespace .koowa_header {
    position: initial;
}

.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .overflow_container {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item__content img:not(.k-js-image-preview) {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    object-fit: cover;
    object-position: center;
    width: min(20vw, 288px);
        height: min(15vw, 216px);
    max-width: 400px;
    max-height: 300px;
    z-index: 10;
}

.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item .koowa_media__item__content.file .koowa_media__item__link {
    box-shadow: 2px 2px 5px rgba(var(--default-black-rgb),.2);
    position: relative;
        width: min(15vw, 216px);
    max-width: 300px;
    background-size: cover;
        margin-bottom: min(2vw, 28.8px);
    transition: all .4s ease-in-out;
}

.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item__content img.k-js-image-preview {
        width: min(15vw, 216px);
    max-width: 300px;
}

.k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-2 .koowa_media__item, .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-3 .koowa_media__item, .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-4 .koowa_media__item,.k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-5 .koowa_media__item, .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-6 .koowa_media__item, .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-7 .koowa_media__item, .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-8 .koowa_media__item, .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-9 .koowa_media__item {
        width: min(16vw, 230.4px);
    max-width: 350px;
}

.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item .koowa_media__item__content.file .koowa_media__item__link.js-lightbox-item {
    padding: 0;
        margin: 0 auto min(1.2vw, 17.28px) auto;
        border-radius: min(1vw, 14.4px);
    
}

.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item .koowa_media__item__content.file .koowa_media__item__link.js-lightbox-item:hover {
    opacity: .8;
}

.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item__link {
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: flex-end;
}

.gallerycolorstrip .k-icon-document-folder.k-icon--size-medium {
    display: none;
}

#g-page-surround .gallerycolorstrip .g-content {
    padding-left: 0;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

@media only screen and (max-width: 767px) {
    .gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item .koowa_media__item__content:not(.file) .koowa_media__item__link, .gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item__content img:not(.k-js-image-preview) {
        width: 80vw;
                height: min(60vw, 864px);
        max-width: auto;
        max-height: auto;
    }
    .gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item .koowa_media__item__content:not(.file) .koowa_media__item__link {
                margin-bottom: min(8vw, 115.2px);
    }
    
    .gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item .koowa_media__item__content.file .koowa_media__item__link {
        width: min(40vw, 576px);
    }

    .gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item__content img.k-js-image-preview {
        width: min(40vw, 576px);
    }

    .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-2 .koowa_media__item, .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-3 .koowa_media__item, .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-4 .koowa_media__item,.k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-5 .koowa_media__item, .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-6 .koowa_media__item, .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-7 .koowa_media__item, .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-8 .koowa_media__item, .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-9 .koowa_media__item {
                width: min(45vw, 648px);
    }

}
.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .overflow_container > span {
    z-index: 20;
    width: 100%;
    text-align: center;
        margin-bottom: min(2vw, 28.8px);
        padding-top: min(.4vw, 5.76px);
        padding-bottom: min(.4vw, 5.76px);
    background: rgba(var(--primary-color-rgb),.8);
    color: var(--default-white);
    transition: all .4s ease-in-out;
    font-weight: 400 !important;
}

.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item .koowa_media__item__link:hover .overflow_container > span {
        margin-bottom: min(3vw, 43.2px);
    background: rgba(var(--primary-color-rgb),.8);
}

@media only screen and (min-width: 50.99rem) {
    .subpage-social-icons {
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: min(0.5vw, 7.2px);
    }
    .subpage-social-icons img {
        height: min(5vw, 72px);
        width: min(5vw, 72px);
    }
}

@media only screen and (max-width: 50.99rem) {
    .subpage-social-icons {
        display: flex!important;
        flex-direction: row;
        justify-content: center;
        gap: min(0.5vw, 7.2px);
    }
    .subpage-social-icons img {
        height: min(10vw, 144px);
        width: min(10vw, 144px);
    }
}

@media only screen and (min-width: 50.99rem) {
    #g-copyright {
        position: relative;
    }
    .web-policy {
        position: absolute;
        bottom: 10px;
        right: 10px;
        padding-left: 20px;
        z-index: 1000;
    }
    .web-policy * {
        margin: 0;
        padding: 0;
    }
    .web-policy p {
        margin: 0;
        padding: 0;
        font-size: .8vw;
        text-transform: none;
    }
    .web-policy a {
        color: var(--web-policy-color)!important;
    }
    .web-policy a:hover {
        color: var(--web-policy-hover)!important;
    }
}

@media only screen and (min-width: 50.99rem) {
    .gallery-wrapper {
        display: flex;
        align-items: center;
        position: relative;
        overflow: hidden;
        background: var(--default-black);
    }
    .gallery-wrapper > div {
        position: relative;
    }

    .gallery-images-container {
        display: flex;
        flex-wrap: wrap;
        flex: 1;
        justify-content: space-between;
    }

    .gallery-images {
        flex: 1;
        height: auto!important;
        aspect-ratio: 1 / 1;
        box-sizing: border-box;
        cursor: pointer;
        transition: all .3s ease-in-out;
        max-width: calc(100% / 5);
    }

    .gallery-wrapper.image-boxes-1 .gallery-images {
        max-width: calc(100% / 1);
    }

    .gallery-wrapper.image-boxes-2 .gallery-images {
        max-width: calc(100% / 2);
    }

    .gallery-wrapper.image-boxes-3 .gallery-images {
        max-width: calc(100% / 3);
    }

    .gallery-wrapper.image-boxes-4 .gallery-images {
        max-width: calc(100% / 4);
    }

    .gallery-wrapper.image-boxes-5 .gallery-images {
        max-width: calc(100% / 5);
    }

    .gallery-wrapper.image-boxes-6 .gallery-images {
        max-width: calc(100% / 6);
    }

    .gallery-wrapper.image-boxes-7 .gallery-images {
        max-width: calc(100% / 7);
    }

    .gallery-wrapper.image-boxes-8 .gallery-images {
        max-width: calc(100% / 4);
        width: calc(100% / 4);
        flex: unset;
    }

    .gallery-wrapper.image-boxes-9 .gallery-images {
        max-width: calc(100% / 9);
    }

    .gallery-wrapper.image-boxes-10 .gallery-images {
        max-width: calc(100% / 5);
        width: calc(100% / 5);
        flex: unset;
    }

    .gallery-images:hover {
        padding: 1vw;
    }

    .gallery-images img {
        width: 100%;
        height: 100%;
        object-position: center;
        object-fit: cover;
        display: block;
    }

    .arrow {
        cursor: pointer;
        position: absolute;
        background: rgba(var(--primary-color-rgb),.2);
        color: var(--default-white);
        display: flex;
        justify-content: center;
        align-items: center;
        top: 50%;
        font-weight: 900;
        font-family: 'Font Awesome 5 Free';
        font-size: 1rem;
        padding: .5rem;
        transition: .3s all ease-in-out;
    }
    
    .arrow:hover {
        background: rgba(var(--primary-color-rgb),.3);
    }

    .arrow.left {
        left: 0;
        top: 0;
        bottom: 0;
    }
    .arrow.right {
        right: 0;
        top: 0;
        bottom: 0;
    }

    /* Modal styles */
    .gallery-modal {
        display: none;
        position: fixed;
        justify-content: center;
        align-items: center;
        z-index: 1000;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgba(var(--default-black-rgb),0.85);
        cursor: pointer;
    }

    .modal-content {
        display: flex;
        justify-content: center;
        align-items: center;
        background: var(--default-black);
        padding: 1vw;
        width: fit-content;
        max-width: 80vw;
        height: fit-content;
        max-height: 80vh;
        cursor: default;
    }

    .close {
        position: absolute;
        top: 20px;
        right: 35px;
        color: var(--default-white);
        font-size: 40px;
        font-weight: bold;
        cursor: pointer;
    }

    .modal-arrow {
        cursor: pointer;
        position: absolute;
        top: 50%;
        color: var(--default-white);
        font-size: 2.5rem;
        font-weight: bold;
        user-select: none;
    }

    /* Prevent scrolling on the body when modal is open */
    .body-no-scroll {
        overflow: hidden;
        height: 100%;
        width: 100%;
    }

    .modal-arrow.left {
        left: 1rem;
    }
    .modal-arrow.right {
        right: 1rem;
    }
}

@media only screen and (max-width: 50.99rem) {
    .gallery-wrapper {
        display: flex;
        align-items: center;
        position: relative;
        overflow: hidden;
        background: var(--default-black);
    }
    .gallery-wrapper > div {
        position: relative;
    }

    .gallery-images-container {
        display: flex;
        flex-wrap: wrap;
        flex: 1;
        justify-content: space-between;
    }

    .gallery-images {
        flex: 1;
        height: auto!important;
        aspect-ratio: 1 / 1;
        box-sizing: border-box;
        cursor: pointer;
        transition: all .3s ease-in-out;
        max-width: calc(100% / 5);
    }

    .gallery-wrapper.image-boxes-1 .gallery-images {
        max-width: calc(100% / 1);
    }

    .gallery-wrapper.image-boxes-2 .gallery-images {
        max-width: calc(100% / 2);
    }

    .gallery-wrapper.image-boxes-3 .gallery-images {
        max-width: calc(100% / 3);
    }

    .gallery-wrapper.image-boxes-4 .gallery-images {
        max-width: calc(100% / 4);
    }

    .gallery-wrapper.image-boxes-5 .gallery-images {
        max-width: calc(100% / 5);
    }

    .gallery-wrapper.image-boxes-6 .gallery-images {
        max-width: calc(100% / 6);
    }

    .gallery-wrapper.image-boxes-7 .gallery-images {
        max-width: calc(100% / 7);
    }

    .gallery-wrapper.image-boxes-8 .gallery-images {
        max-width: calc(100% / 4);
        width: calc(100% / 4);
        flex: unset;
    }

    .gallery-wrapper.image-boxes-9 .gallery-images {
        max-width: calc(100% / 9);
    }

    .gallery-wrapper.image-boxes-10 .gallery-images {
        max-width: calc(100% / 5);
        width: calc(100% / 5);
        flex: unset;
    }

    .gallery-images:hover {
        padding: 1vw;
    }

    .gallery-images img {
        width: 100%;
        height: 100%;
        object-position: center;
        object-fit: cover;
        display: block;
    }

    .arrow {
        cursor: pointer;
        position: absolute;
        background: rgba(var(--primary-color-rgb),.2);
        color: var(--default-white);
        display: flex;
        justify-content: center;
        align-items: center;
        top: 50%;
        font-weight: 900;
        font-family: 'Font Awesome 5 Free';
        font-size: 1rem;
        padding: .5rem;
        transition: .3s all ease-in-out;
    }
    
    .arrow:hover {
        background: rgba(var(--primary-color-rgb),.3);
    }

    .arrow.left {
        left: 0;
        top: 0;
        bottom: 0;
    }
    .arrow.right {
        right: 0;
        top: 0;
        bottom: 0;
    }

    /* Modal styles */
    .gallery-modal {
        display: none;
        position: fixed;
        justify-content: center;
        align-items: center;
        z-index: 1000;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgba(var(--default-black-rgb),0.85);
        cursor: pointer;
    }

    .modal-content {
        display: flex;
        justify-content: center;
        align-items: center;
        background: var(--default-black);
        padding: 1vw;
        width: fit-content;
        max-width: 80vw;
        height: fit-content;
        max-height: 80vh;
        cursor: default;
    }

    .close {
        position: absolute;
        top: 20px;
        right: 35px;
        color: var(--default-white);
        font-size: 40px;
        font-weight: bold;
        cursor: pointer;
    }

    .modal-arrow {
        cursor: pointer;
        position: absolute;
        top: 50%;
        color: var(--default-white);
        font-size: 2.5rem;
        font-weight: bold;
        user-select: none;
    }

    /* Prevent scrolling on the body when modal is open */
    .body-no-scroll {
        overflow: hidden;
        height: 100%;
        width: 100%;
    }

    .modal-arrow.left {
        left: 1rem;
    }
    .modal-arrow.right {
        right: 1rem;
    }
}

.bulletin-subscribe-padding {
    padding-left: 10vw !important;
    padding-right: 10vw !important;
}

:is(.site-1, .site-2, .site-3, .site-4, .site-5, .site-6, .site-7, .site-8, .site-9, .site-10).sponsorshippage #g-mainbar {
    margin: 0!important;
    padding: 0!important;
}

.sponsorshippage:not(.view-wrapper) #g-header {
    display: none!important;
}

.sponsorshippage:not(.view-wrapper) #g-container-main {
    margin: 0!important;
    padding: 0!important;
}

.sponsorshippage:not(.view-wrapper) #g-mainbar .page-header {
    display: none!important;
}

.sponsorshippage:not(.view-wrapper) #g-mainbar > .g-grid > .g-block > .g-content {
    margin: 0!important;
    padding: 0!important;
}

.sponsorshippage:not(.view-wrapper) #g-main {
    margin: 0!important;
    padding: 0!important;
}

.sponsorshippage:not(.view-wrapper) #g-main > .g-container {
    margin: 0!important;
    padding: 0!important;
    width: 100%!important;
}

.sponsorshippage:not(.view-wrapper) #g-mainbar {
    margin: 0!important;
    padding: 0!important;
}

.sponsorshippage:not(.view-wrapper) #g-container-main .g-side-column {
    display: none!important;
    width: 0!important;
}
.sponsorshippage:not(.view-wrapper) #g-container-main .g-middle-column {
    width: 100%!important;
}

.sponsorshippage:not(.view-wrapper) .g-container:has(#g-container-main) {
    width: 100%!important;
    margin: 0!important;
    padding: 0!important;
}

.sponsorshippage:not(.view-wrapper) #g-container-main > .g-container > .g-grid > .g-block:has(#g-mainbar) {
    width: 100%!important;
    flex: 1;
}

.sponsorshippage:not(.view-wrapper) #g-container-main > .g-grid > .g-block:has(#g-mainbar) {
    width: 100%!important;
    flex: 1;
}

.sponsorshippage:not(.view-wrapper) #g-container-main > .g-container > .g-grid > .g-block:has(#g-aside, #g-sidebar) {
    display: none!important;
}

.sponsorshippage:not(.view-wrapper) #g-container-main > .g-grid > .g-block:has(#g-aside, #g-sidebar) {
    display: none!important;
}

.sponsorshippage:not(.view-wrapper) #g-navigation .fa {
    font-family: 'FontAwesome', 'Font Awesome 5 Free', 'Font Awesome 4 Free'!important;
}

.primary-back { background: var(--primary-color); padding: 20px; margin-top: 10px; margin-bottom: 10px; color: white;}
.secondary-back { background: var(--secondary-color); padding: 20px; margin-top: 10px; margin-bottom: 10px; }

.primary-back p, .primary-back li, .primary-back h1, .primary-back h2, .primary-back div .primary-back h3, .primary-back h4, .primary-back h5, .primary-back h6 {color: var(--default-white); }
.secondary-back p, .secondary-back li, .secondary-back h1, .secondary-back h2, .secondary-back div .secondary-back h3, .secondary-back h4, .secondary-back h5, .secondary-back h6 {color: var(--primary-color); }

.whiteborder {border: 2px solid var(--default-white); padding: 3vw; }
.circle img {border-radius: 50%;}

a.whitebutton {
    color: var(--default-white);
    background: transparent;
    font-family: var(--body-font-family);
    letter-spacing: 3px;
    border-radius: 0;
    border: 2px solid var(--default-white);
}
.whitebutton:hover {background: var(--default-white); color: var(--primary-color); border: 2px solid var(--secondary-color);}

@media only screen and (max-width: 50.99rem) {
    #g-offcanvas .g-toplevel:has( > li.g-selected) > li {
        border: none!important;
    }

    #g-offcanvas #g-mobilemenu-container .g-toplevel:has( > li.g-selected) > li.active, #g-offcanvas #g-mobile-menu-container .g-toplevel:has( > li.g-selected) > li.hover {
        background: transparent!important;
    }
}

@media only screen and (max-width: 50.99rem) {
    .site-1 #g-navigation > .g-container {
        padding: 1rem 0!important;
    }
}

@media only screen and (max-width: 50.99rem) {
    .site-sub #g-container-main > .g-container  {
        padding: 2rem 1rem!important;
    }   
    .site-sub #g-container-main > .g-container > .g-grid {
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }
    .site-sub #g-container-main > .g-container > .g-grid > .g-block {
        flex: 1;
        width: 100%;
        max-width: 100%;
    }
}

@media only screen and (max-width: 50.99rem) {
    .gallerycontainer {
        width: auto!important;
        max-width: 100%!important;
        border-radius: .25rem!important;
        border: 2px solid var(--default-black)!important;
        margin: 1rem 0!important;
        padding: 0!important;
        display: flex!important;
    }
    .gallerycontainer img {
        width: 100%!important;
        max-width: 100%!important;
        height: auto!important;
        aspect-ratio: 16/9!important;
        object-fit: cover!important;
        object-position: center!important;
    }
    .gallerycontainer span.gallerytitle {
        margin: 0!important;
        min-width: unset!important;
        bottom: 0!important;
        left: 0!important;
        right: 0!important;
        transform: none!important;
        max-width: unset!important;
        top: unset!important;
        padding: 1rem!important;
        font-size: 4vw!important;
        background: rgba(var(--primary-color-rgb),.8)!important;
    }
}

@media only screen and (min-width: 50.99rem) {
    .site-sub.layout-gallery #g-container-main > .g-container {
        padding-top: 2rem!important;
    }
    /*.site-sub.layout-gallery.herotitlepage .koowa_header {
        display: none!important
    }*/

    #site-grid.site-sub #g-utility > .g-container {
        padding: 0rem 0!important;
    }
    #site-grid.site-sub #g-utility .admod td {
        padding: 0;
    }
}

@media only screen and (max-width: 50.99rem) {
    .site-sub.layout-gallery #g-container-main > .g-container {
        padding-top: 2rem!important;
    }

    .site-sub.layout-gallery.herotitlepage .koowa_header {
        display: none!important
    }

    #site-grid.site-sub #g-utility > .g-container {
        padding: 0rem 0!important;
    }
    #site-grid.site-sub #g-utility .admod td {
        padding: 0;
    }
}

/* pop up css */
#pop-up-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 9998;
  }
  
  #popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: black;
    background-color: white;
    padding: 30px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    z-index: 9999;
    max-height: 80%; /* Set the maximum height for the popup */
    overflow-y: auto; /* Enable vertical scrolling if content exceeds maximum height */
    min-width: 250px;
    min-height: 250px;
  }
  
  #popup.show {
    opacity: 1;
    visibility: visible;
    animation: fade-in 0.5s ease-out;
  }
  
  #close-popup-button {
    position: fixed;
    top: 1rem;
    right: 1rem;
    color: black;
    padding: 0.4em 1em;
    border: 2px solid rgb(190, 0, 0);
    background-color: white;
    border-radius: 0.3rem;
    transition: all 200ms ease-in-out;
  }

  #close-popup-button:hover {
    transition: all 250ms ease-in-out;
    transform: scale(0.98);
  }

  #popup::-webkit-scrollbar {
    width: 8px; /* Set the width of the scrollbar */
  }
  
  #popup::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Set the background color of the scrollbar track */
    border-radius: 4px; /* Set the border radius of the scrollbar track */
  }
  
  #popup::-webkit-scrollbar-thumb {
    background-color: #888; /* Set the color of the scrollbar thumb */
    border-radius: 4px; /* Set the border radius of the scrollbar thumb */
  }
  
  #popup::-webkit-scrollbar-thumb:hover {
    background-color: #555; /* Set the color of the scrollbar thumb on hover */
  }

  #popup p {
    line-height: 1.5;
    margin-bottom: 0;
  }

  .pop-up-block {
    height: 0;
}
    
  @keyframes fade-in {
    from {
      opacity: 0;
      transform: translate(-50%, -60%);
    }
    to {
      opacity: 1;
      transform: translate(-50%, -50%);
    }
  }
  
  @media only screen and (max-width: 50.99rem) {
    /* Adjust the width for mobile devices */
    #popup {
      width: 85%;
    }
}
/*  */

/* pop up 2 css */
#pop-up-overlay-2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 9998;
  }
  
  #pop-up-container-2 {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: black;
    background-color: white;
    padding: 30px 15px 30px 30px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    z-index: 9999;
    max-height: 90%;
    min-width: 300px;
    min-height: 300px;
  }
  
  #popup-2 {
    max-height: 80vh;
    width: 100%;
    overflow: auto;
    padding-right: 15px;
  }
  
  #pop-up-container-2.show {
    opacity: 1;
    visibility: visible;
    animation: fade-in 0.5s ease-out;
  }
  
  #close-popup-button-2 :is(i, svg) {
    background: white;
    border-radius: 50%;
    font-size: 2.5rem;
  }
  
  #close-popup-button-2 {
    position: absolute;
    top: 0;
    right: 0;
    color: black;
    background-color: transparent;
    padding: 0;
    transform: translate(50%, -50%);
    transition: all 200ms ease-in-out;
  }
  
  #close-popup-button-2:hover {
    transition: all 250ms ease-in-out;
    transform: scale(0.92) translate(50%, -50%);
  }
  
  #popup-2::-webkit-scrollbar {
    width: 8px; /* Set the width of the scrollbar */
  }
  
  #popup-2::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Set the background color of the scrollbar track */
    border-radius: 4px; /* Set the border radius of the scrollbar track */
  }
  
  #popup-2::-webkit-scrollbar-thumb {
    background-color: #888; /* Set the color of the scrollbar thumb */
    border-radius: 4px; /* Set the border radius of the scrollbar thumb */
  }
  
  #popup-2::-webkit-scrollbar-thumb:hover {
    background-color: #555; /* Set the color of the scrollbar thumb on hover */
  }
  
  #popup-2 p {
    line-height: 1.5;
    margin-bottom: 0;
  }
  
  .pop-up-block-2 {
    height: 0;
  }
    
  @keyframes fade-in {
    from {
      opacity: 0;
      transform: translate(-50%, -60%);
    }
    to {
      opacity: 1;
      transform: translate(-50%, -50%);
    }
  }
  
  @media only screen and (max-width: 50.99rem) {
    /* Adjust the width for mobile devices */
    #pop-up-container-2 {
      width: 85%;
    }
  }
  /*  */

.middle-line-title {
	display: flex;
	flex-direction: row;
	gap: 3vw;
	align-items: center;
	justify-content: center;
}
.middle-line-title::after, .middle-line-title::before {
	content: "";
	border-bottom: 1px solid var(--default-white);
	flex: 1;
}


/**************************************************************/
/*********************** PWA SETTINGS *************************/
/**************************************************************/
@media only screen and (min-width: 50.99rem) {
    #g-top-nav {
        display: none!important;
    }
    #g-mobile-fixed-nav {
        display: none!important;
    }
    body[class*="-sub"]:not(.sponsorshippage) #g-page-surround #g-container-main:has(.k-ui-namespace.com_docman) {
        padding-top: 0% !important;
    }
}

@media only screen and (max-width: 50.99rem) {
    #g-top-nav {
        display: none!important;
    }
    #g-mobile-fixed-nav {
        display: none!important;
    }
}

/**************************************************************/
/*********************** MAX OUT WIDTH AT 1440 *************************/
/**************************************************************/

.withmaxwidth :is(#g-top, #g-navigation, #g-slideshow, #g-header, #g-above, #g-feature, #g-showcase, #g-utility, #g-container-main, #g-expanded, #g-extension, #g-bottom, #g-footer) > .g-container {
    position: relative;
}

@media only screen and (min-width: 90rem) {
    .withmaxwidth:not(.sponsorshippage) :is(#g-top, #g-navigation, #g-slideshow, #g-header, #g-above, #g-feature, #g-showcase, #g-utility, #g-container-main, #g-expanded, #g-extension, #g-bottom, #g-footer)
        {        
            display: flex;
            justify-content: center;
        }
    .withmaxwidth.sponsorshippage :is(#g-top, #g-navigation, #g-bottom, #g-footer)
        {        
            display: flex;
            justify-content: center;
        }
    .withmaxwidth:not(.sponsorshippage) :is(#g-top, #g-navigation, #g-slideshow, #g-header, #g-above, #g-feature, #g-showcase, #g-utility, #g-container-main, #g-expanded, #g-extension, #g-bottom, #g-footer) > .g-container {
        max-width: var(--site-container-max-width);
    }
    .withmaxwidth.sponsorshippage :is(#g-top, #g-navigation, #g-bottom, #g-footer) > .g-container {
        max-width: var(--site-container-max-width);
    }

}

.readon, .button, .btn, p.readmore .btn, .sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span, .listentobutton.moduletable a {
    background: var(--primary-color);
    font-family: var(--body-font-family);
}

.web-policy-link {
    font-size: x-small;
}


.g-menu-item-container, .g-toplevel li { margin-bottom: 0; }

@media only screen and (max-width: 50.99rem) {
    .withmaxwidth:not(.sponsorshippage) :is(#g-top, #g-container-main, #g-above, #g-feature, #g-showcase, #g-utility, #g-container-main, #g-expanded, #g-extension, #g-bottom, #g-footer) > .g-container {
        position: relative;
        padding-left: 8vw !important;
        padding-right: 8vw !important;
    }
}
.equal-height .g-content {  width: 100%;}

@media only screen and (max-width: 50.99rem) {
    .admod.adside tbody {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: .5rem .5rem;
    }
}

#searchForm .btn, #finder-search .btn {
    background-color: var(--primary-color);
}