@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
:root {
   --ColorSiteBG: #000000;
   --ColorNavigationBG: #ffffff;
   --ColorContentBG: #ffffff;
   --ColorOverlay1: #f0f0f0;
   --ColorOverlay2: #ffffff;
   --ColorNavigationBorder: #000000;
   --ColorSiteText: #000000;
   --ColorLinkText: #990000;
   --ColorNavigationText: #000000;
   --ColorSectionHeaders: #000000;
   --ColorCopyright: #000000;
   --ColorSiteBorder: #000000;
   --FontStyle: Arial,Helvetica,sans-serif;
   --FontStyleHeader: Arial,Helvetica,sans-serif;
   --FontSize: 14pt;
   --advoc8-color-primary: #1e293b;
   --advoc8-color-primary-light: #475569;
   --advoc8-color-primary-dark: #0f172a;
   --advoc8-color-primary-rgb: 30, 41, 59;
   --advoc8-color-accent: #e85d2d;
   --advoc8-color-accent-hover: #d14f22;
   --advoc8-color-accent-light: #fef0eb;
   --advoc8-color-accent-secondary: #ccbb26;
   --advoc8-color-accent-rgb: 232, 93, 45;
   --advoc8-color-bg: #ffffff;
   --advoc8-color-bg-secondary: #f8fafc;
   --advoc8-color-bg-accent: #fff7ed;
   --advoc8-color-bg-dark: #0f172a;
   --advoc8-color-sky: #f0f5ff;
   --advoc8-color-text: #1e293b;
   --advoc8-color-text-muted: #94a3b8;
   --advoc8-color-success: #16a34a;
   --advoc8-color-warning: #eab308;
   --advoc8-color-error: #dc2626;
   --advoc8-color-border: #e2e8f0;
   --advoc8-font-body: Inter, sans-serif;
   --advoc8-font-display: Inter, sans-serif;
   --advoc8-text-base: 1rem;
   --advoc8-text-6xl: 3.75rem;
   --advoc8-text-5xl: 2.5rem;
   --advoc8-text-4xl: 1.875rem;
   --advoc8-text-3xl:  1.5rem;
   --advoc8-radius-btn: 8px;
   --advoc8-btn-padding-y: 0.625rem;
   --advoc8-btn-padding-x: 1.5rem;
   --advoc8-btn-font-size: 0.9375rem;
   --advoc8-radius-md: 8px;
   --advoc8-radius-xl: 12px;
   --advoc8-shadow-sm: none;
   --advoc8-shadow: none;
   --advoc8-shadow-lg: none;
   --advoc8-shadow-xl: none;
   --advoc8-nav-style: solid;
   --advoc8-nav-position: sticky;
   --advoc8-nav-offset: 0px;
   --advoc8-nav-cta-style: primary;
   --advoc8-nav-cta-text: 'Get Involved';
   --advoc8-nav-cta-url: '/connect';
   --advoc8-hero-style: fullscreen;
   --advoc8-hero-overlay-opacity: 0;
   --advoc8-hero-min-height: 100vh;
   --advoc8-nav-offset: 0px;
   --advoc8-hero-offset: -2rem;
   --advoc8-container-max: 1280px;
   --advoc8-section-spacing: 5rem;
   --advoc8-anim-duration: 0.6s;
   --advoc8-anim-stagger: 0.1s;
   --advoc8-anim-enabled: 1;
   --advoc8-footer-bg: #0f172a;
   --advoc8-footer-style: standard;
   --advoc8-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
   --_anim-dur: calc(var(--advoc8-anim-duration) * var(--advoc8-anim-enabled));
   --_anim-stagger: calc(var(--advoc8-anim-stagger) * var(--advoc8-anim-enabled));
   --advoc8-radius-sm: 6px;
   --advoc8-radius-lg: 12px;
}
html, body { overflow-x:hidden;position:relative; height:100%; }
BODY  { font-size:var(--FontSize); font-family:var(--FontStyle); color:var(--ColorSiteText);}
TD  { font-size:var(--FontSize); font-family:var(--FontStyle); color:var(--ColorSiteText);}
TH  { font-size:var(--FontSize); font-family:var(--FontStyle); color:var(--ColorSiteText); font-weight:bold;}
A,A:Visited,A:Active,A:Hover  { color:var(--ColorLinkText); /*text-decoration:underline;*/}
A.navlinks3,A.navlinks3:Visited,A.navlinks3:Active { text-decoration:none;}
A.navlinks3:Hover { text-decoration:underline;}
A.navlinks4,A.navlinks4:Visited,A.navlinks4:Active { text-decoration:none;}
A.navlinks4:Hover { text-decoration:underline;}
.sectiontitle  { font-weight:bold; color:var(--ColorSectionHeaders);}
.sectiontitle2  { font-weight:bold; font-size:14pt; color:var(--ColorSectionHeaders);}
.greyout  { /*color:#999999;*/    opacity:0.5;}
.navlinks  { font-weight:bold; color:var(--ColorNavigationText);}
.navlinks2  { font-weight:bold; color:var(--ColorNavigationText); font-size:10pt;}
.navlinks3  { font-weight:bold; color:var(--ColorNavigationText); font-size:10pt; text-decoration:none;}
.navlinks4  { font-weight:bold; color:var(--ColorNavigationText); font-size:var(--FontSize); text-decoration:none;}
A.navlinks  { font-weight:bold; color:var(--ColorNavigationText);}
A.navlinks:visited  { font-weight:bold; color:var(--ColorNavigationText);}
A.navlinks:active  { font-weight:bold; color:var(--ColorNavigationText);}
A.navlinks:hover  { font-weight:bold; color:var(--ColorNavigationText);}
A.navlinks2:visited  { font-weight:bold; color:var(--ColorNavigationText);}
A.navlinks2:active  { font-weight:bold; color:var(--ColorNavigationText);}
A.navlinks2:hover  { font-weight:bold; color:var(--ColorNavigationText);}
A.navlinks3:visited  { font-weight:bold; color:var(--ColorNavigationText);}
A.navlinks3:active  { font-weight:bold; color:var(--ColorNavigationText);}
A.navlinks3:hover  { font-weight:bold; color:var(--ColorNavigationText);}
A.navlinks4:visited  { font-weight:bold; color:var(--ColorNavigationText);}
A.navlinks4:active  { font-weight:bold; color:var(--ColorNavigationText);}
A.navlinks4:hover  { font-weight:bold; color:var(--ColorNavigationText);}
.title  { font-size:14pt; font-weight:bold; color:var(--ColorLinkText);}
 h1, h2, h3, h4, h5, h6, h7 { font-family:var(--FontStyleHeader);color:var(--ColorSectionHeaders); }
.bigboldblack  { font-size:12pt; font-weight:bold; color:var(--ColorSiteText);}
.bigbold2  { font-size:12pt; font-weight:bold; color:var(--ColorSectionHeaders);}
.bigbold  { font-size:10pt; font-weight:bold; color:var(--ColorSectionHeaders);}
.revbigbold  { font-size:10pt; font-weight:bold; color:#ffffff;}
.smalltext  { font-size:var(--FontSize);}
.footertext  { font-weight:bold; font-size:8pt; color:var(--ColorCopyright); margin-top:2em; text-align:center;}
A.footertext  { font-weight:bold; color:var(--ColorCopyright);}
A.footertext:visited  { font-weight:bold; color:var(--ColorCopyright);}
A.footertext:active  { font-weight:bold; color:var(--ColorCopyright);}
A.footertext:hover  { font-weight:bold; color:var(--ColorCopyright);}
.pages  { font-weight:bold; font-size:7pt; color:var(--ColorOverlay1);}
.sectionbullet  { font-weight:bold; color:var(--ColorOverlay1);}
.navcolorbuttons { font-size:8pt; border-left:1px solid #000; border-right:1px solid #000; border-top:1px solid #000; border-bottom:1px solid #000; background-color:var(--ColorSectionHeaders); color:var(--ColorContentBG);}
.xml-icon {     padding:0px 3px 1px 3px;    margin:0;    text-align:center; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#fff; background-color:#ff6600;    border:1px solid;    border-color:#ffc8a4 #3f1a01 #3f1a01 #ffc8a4;    cursor:pointer;}
.button-icon {     padding:0px 3px 1px 3px;    margin:0;    text-decoration:none; text-align:center; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px;    font-weight:bold;    color:#fff;    background-color:#cccccc;    border:1px solid;    border-color:#ffc8a4 #3f1a01 #3f1a01 #ffc8a4;    cursor:pointer;}
/* ----------- Version Upgrade Styles ----------------------- */
/* TEXT STYLES */
.EmphasisText {    color:var(--ColorLinkText);    font-weight:bold;}
.CaptionText {    color:var(--ColorSectionHeaders);    font-weight:bold;}
.ReverseText {    color:var(--ColorContentBG);}
/* BOXES */
.ContainerBox {    border:1px solid var(--ColorSiteText);     background-color:var(--ColorOverlay1);     overflow:auto;}
.ContainerBoxClear {    border:1px solid var(--ColorSiteText);     overflow:auto;}
.ContainerContentBG {    border:1px solid var(--ColorContentBG);     overflow:auto;}
.ContainerBoxReverse,A.ControlBoxReverse:Link,A.ControlBoxReverse:Visited,A.ControlBoxReverse:Active,A.ControlBoxReverse:Hover {    border:1px solid var(--ColorSiteBorder);     background-color:var(--ColorSiteText);     color:var(--ColorOverlay1);    /*overflow:auto;*/}
.DataContainerBox {    border-top:1px solid var(--ColorSectionHeaders);}
/* SYSTEM BUTTONS */
.StoreButton,A.StoreButton,A.StoreButton:Active,A.StoreButton:Visited {    padding:5px;    color:var(--ColorNavigationText);    border:1px solid var(--ColorNavigationText);    background-color:var(--ColorContentBG);     font-size:9pt;    font-family:Arial,Helvetica,verdana;    font-weight:bold;    text-decoration:none;}
.A.StoreButton:Hover {    background-color:var(--ColorNavigationText);    color:var(--ColorContentBG);}
.RSSBUTTON,A.RSSBUTTON,A.RSSBUTTON:Link,A.RSSBUTTON:Active,A.RSSBUTTON:Visited {    display:inline-block;    color:#ffffff;    text-decoration:none;    font-size:8pt;    border:1px solid #ae6103;    padding:2px 3px;    font-weight:bold;    background-color:#ffa02d;    padding:3px 5px 3px 5px;    }
A.RSSBUTTON:Hover{    color:#ffffff;    background-color:#ae6103;}
.SystemButtonLink,A.SystemButtonLink:Link,A.SystemButtonLink:Active,A.SystemButtonLink:Visited {    display:inline-block;    text-decoration:none;    font-weight:bold;    padding:5px;    border:1px solid var(--ColorSiteBorder);    background-color:var(--ColorSectionHeaders);    color:var(--ColorOverlay1);    width:auto;    font-size:7pt;    font-family:Verdana;}
A.SystemButtonLink:Hover {    background-color:var(--ColorOverlay1);    color:var(--ColorSectionHeaders);}
.SystemButtonLinkColor,A.SystemButtonLinkColor:Link,A.SystemButtonLinkColor:Active,A.SystemButtonLinkColor:Visited {    display:inline-block;    text-decoration:none;    font-weight:bold;    padding:5px;      border:1px solid var(--ColorSiteBorder);    background-color:var(--ColorLinkText);    color:var(--ColorOverlay1);     width:auto;    font-size:7pt;    font-family:Verdana;}
A.SystemButtonLinkColor:Hover {    background-color:var(--ColorOverlay1);    color:var(--ColorLinkText);}
A.PageNumberBlock,A.PageNumberBlock:Link,A.PageNumberBlock:Active,A.PageNumberBlock:Visited {    border:1px solid var(--ColorSiteBorder);    background-color:var(--ColorOverlay1);    color:var(--ColorSiteText);    font-weight:bold;    text-decoration:none;    padding:2px;    margin:3px;    font-size:7pt;}
A.PageNumberBlock:Hover {    background-color:var(--ColorOverlay1);    color:var(--ColorSiteText);}
A.PageNumberBlockSelected,A.PageNumberBlockSelected:Link,A.PageNumberBlockSelected:Active,A.PageNumberBlockSelected:Visited,A.PageNumberBlockSelected:Hover {    border:1px solid var(--ColorSiteBorder);    background-color:var(--ColorSiteText);    color:var(--ColorOverlay1);    font-weight:bold;   text-decoration:none;    padding:2px;    margin:3px;    font-size:7pt;}
/* CELLS AND BACKGROUNDS */
.CellColor1 {    background-color:var(--ColorNavigationBG);}
.CellColor2 {    background-color:var(--ColorContentBG);}
.CellColor3 {    background-color:var(--ColorOverlay1);}
.CellColor4 {    background-color:var(--ColorOverlay2);}
.CellColor7 {    background-color:var(--ColorLinkText);}
.CellColor9 {    background-color:var(--ColorSectionHeaders);}
/* FORM ELEMENTS */
input.SmallForm {    font-size:.8em;}
select.SmallForm {     font-size:.8em;}
textarea.SmallForm {     font-size:1em;}
input.SmallFormYellow {    font-size:.8em;    background-color:#feffcc;}
select.SmallFormYellow {     font-size:.8em;    background-color:#feffcc;}
input.LargeForm {    font-size:1.5em;}
select.LargeForm {    font-size:1.5em;}
textarea.LargeForm {    font-size:1.5em;}
.floatclear { display:block; height:0px; clear:both;}
.PNGFix {    behavior:url(/lib/css/iepngfix.htc);}
/* Version 5 Styles */
.divSiteLoader {    position:absolute;    top:0px;    bottom:0px;    left:0px;    right:0px;    z-index:9999;    font-size:48pt;    text-align:center;    color:#ffffff;    background-color:#000000;    opacity:0.5;}
a img {    border:0px;}
img {    /*max-width:100%;*/}
.divContentListBlock {    margin-bottom:1em;}
.divContentListBlock .title {    font-size:1em;    font-weight:bold;}
.textEmphasis {    color:var(--ColorLinkText);}
.textSmaller {    font-size:0.9em;}
.textSmallest {    font-size:0.8em;}
.divSearchBar {    background-color:var(--ColorOverlay1);    color:var(--ColorSiteText);    font-weight:bold;    padding:1.5em 2em 1em;}
.divClearLine {    clear:both;}
.divFloatLine {    float:left;    margin-right:2em;}
.aButton {    display:inline-block;    padding:5px 10px;    font-size:1.2em;    background-color:var(--ColorSectionHeaders);    color:var(--ColorOverlay1);    cursor:pointer;}
.formApp {    margin:0px;    padding:0px;}
.formApp .caption {    font-size:0.8em; opacity:0.75;}
.formApp .caption, .formApp .field {    margin-bottom:0.5em;}
.formApp .field input[type=text], .formApp .field input[type=password], .formApp .field select, .formApp .field textarea {    padding:5px;    }
.formApp .field input[type=submit], .formApp .field input[type=button] {    padding:5px 10px;}
.formApp .textarea textarea {    width:90%;    min-height:75px;}
.formApp .controls {    margin-top:1em;}
.formApp .controls input[type=submit], .formApp .controls input[type=button], .formAppButton {    padding:9px 18px;    border:0px;    background-color:var(--ColorLinkText);    color:var(--ColorContentBG);}
.formApp .controls input[type=submit]:hover, .formApp .controls input[type=button]:hover, .formAppButton:hover {    color:var(--ColorContentBG);    background-color:var(--ColorSectionHeaders);}
.divBlogAuthorBox {    padding:15px;    margin:1em 0px;    background-color:var(--ColorOverlay1);}
.appButton, a.appButton, a.appButtonLarge {   background-image:none; text-shadow:none; border:0px; padding:0.5em 1em;    border:0px;    background-color:var(--ColorLinkText);    color:var(--ColorContentBG);    font-size:0.8em;    text-decoration:none;    display:inline-block;    cursor:pointer;    text-align:center;}
.appButton:hover, a.appButton:hover, a.appButtonLarge:hover,.appButton:active, a.appButton:active, a.appButtonLarge:active,.appButton:focus, a.appButton:focus, a.appButtonLarge:focus .btn.appButton:hover {    color:var(--ColorContentBG);    background-color:var(--ColorSectionHeaders);}
a.appButtonLarge {    display:block;    padding:25px;    font-size:1.8em;    margin-bottom:0.5em;}
.btn.appButton, a.btn.appButton { padding:6px 12px; font-size:14px; }
a.appControl {    cursor:pointer;    text-decoration:none;}
.tableApp {    width:100%;    border:0px;    border-collapse: collapse;    border-collapse:separate;    border-spacing:1px;}
.tableApp th {    padding:8px;    text-align:left;    background-color:var(--ColorSectionHeaders);    color:var(--ColorContentBG);    font-size:0.9em;    margin:1px;}
.tableApp td {    padding:8px;    background-color:var(--ColorOverlay1);    margin:1px;}
.divPrayerCounter {    display:inline-block;    font-size:10pt;}
.divShadeBox {    padding:15px;    background-color:var(--ColorOverlay1);}
.divDropdown ul {    margin:0px;    padding:0px;    list-style:none;    position:relative;    z-index:9999;}
.divDropdown ul li {    display:inline-block;    *display:inline;    position:relative;}
.divDropdown ul li a {    display:inline-block;    text-decoration:none;}
.divDropdown ul li ul {    display:none;    position:absolute;    top:100%;    left:0px;}
.divDropdown ul li:hover ul {    display:block;    color:#ffffff;}
.divDropdown ul li ul li {    position:relative;    width:100%;}
.divDropdown ul li ul li a {    width:100%;white-space:nowrap;}
.divDropdown ul li ul li ul, .divDropdown ul li:hover ul li ul {    display:none;    left:100%;    top:0px;}
.divDropdown ul li ul li:hover ul {    display:block;}
.divDropdown ul li ul li ul li ul, .divDropdown ul li:hover ul li ul li ul {    display:none;    left:100%;    top:0px;}
.divDropdown ul li ul li ul li:hover ul {    display:block;}
#TempTemplate .divDropdown ul li ul li a {    background-color:rgba(0,0,0,1);color:#ffffff; text-align:left;}
#TempTemplate .divDropdown ul li ul li a:hover {    background-color:rgba(50,50,50,1);color:#ffffff; text-align:left;}
.system-dropdown-menu ul {    margin:0px;    padding:0px;    list-style:none;    position:relative;    z-index:9999;}
.system-dropdown-menu ul li {    display:inline-block;    *display:inline;    position:relative;}
.system-dropdown-menu ul li a {    display:inline-block;    text-decoration:none;}
.system-dropdown-menu ul li ul {    display:none;    position:absolute;    top:100%;    left:0px;}
.system-dropdown-menu ul li:hover ul {    display:block;    color:#ffffff;}
.system-dropdown-menu ul li ul li {    position:relative;    width:100%;}
.system-dropdown-menu ul li ul li a {    width:100%;}
.system-dropdown-menu ul li ul li ul, .system-dropdown-menu ul li:hover ul li ul {    display:none;    left:100%;    top:0px;}
.system-dropdown-menu ul li ul li:hover ul {    display:block;}
.system-dropdown-menu ul li ul li ul li ul, .system-dropdown-menu ul li:hover ul li ul li ul {    display:none;    left:100%;    top:0px;}
.system-dropdown-menu ul li ul li ul li:hover ul {    display:block;}
.system-dropdown-menu ul li ul li ul li a { white-space:nowrap; text-align:left; padding:0.5em 1em; background-color:rgba(0,0,0,.75); color:#ffffff; }
.tableCalendar {    width:100%;    border-collapse:collapse;}
.tableCalendar th {    width:14.28%;    font-size:0.8em;    background-color:var(--ColorSectionHeaders);    color:var(--ColorContentBG);    padding:5px;}
.tableCalendar td {    font-size:0.8em;    background-color:var(--ColorContentBG);    margin:1px;    border:1px solid var(--ColorOverlay1);    min-height:90px;}
.tableCalendar td.past {    background-color:var(--ColorOverlay1);    color:#999999;}
.tableCalendar td.past a{    color:#999999;}
.tableCalendar td .monthDay {    text-align:right;    padding:5px;    background-color:var(--ColorOverlay1);    color:var(--ColorSectionHeaders);}
.tableCalendar .divCalendarMonthEntry {    padding:5px;}
.divCalendarOptionLinks {    font-size:0.9em;}
.divAppDirectorySummaryProfile { font-size:0.8em; }
.divAppDirectorySummaryProfile .profilePhoto {    float:left;    margin-right:25px;   margin-bottom:25px;}
.divAppDirectorySummaryProfile .profilePhoto a img {    border:0px;}
.divAppDirectorySummaryProfile .name{    font-weight:bold;    font-size:1.2em;}
.divAppDirectorySummaryProfile .name a {    text-decoration:none;}
.divAppDirectorySummaryProfile .name a:hover {    text-decoration:underline;}
.divAppDirectorySummaryProfile .jobTitle{    font-weight:bold;}
.divAppDirectorySummaryProfile .website{    font-weight:bold;}
.divAppDirectorySummaryProfile .email{   font-weight:bold;}
.divAppDirectorySummaryProfile .bioShort{    padding-right:25px;    margin-top:1em;    margin-bottom:1em;    font-size:0.9em;    overflow:hidden;}
.divAppDirectoryProfile {}
.divAppDirectoryProfile .profilePhoto{    float:right;    margin-left:25px;    margin-bottom:25px;}
.divAppDirectoryProfile h2.name {    margin:0px;}
.divAppDirectoryProfile .jobTitle {    font-weight:bold;    margin-bottom:1em;}
.divAppStorePages {    text-align:right;    font-size:14pt;}
.divAppStorePages .page {    display:inline-block;    padding:5px;}
.divAppStorePages .page:hover {}
.divAppStorePages .page a {    display:inline-block;}
.divBlogRollEntry {    margin-bottom:4em;}
.divBlogRollEntry h2 {    margin-bottom:0px;}
.divAppSubscriptions {    margin-bottom:1em;}
.divAppSubscriptions .name {    font-weight:bold;}
#divCollectionMessage {    position:absolute;    position:fixed;    top:0px;    bottom:0px;    left:0px;    right:0px;    background-image:url('/lib/common/images/collectionDivBG.png');    z-index:9998;}
#divCollectionMessageInner {    position:absolute;    top:0px;    left:0px;    width:800px;    height:600px;    background-color:#000000;    z-index:9999;    color:#ffffff;    padding:50px;    text-align:left;    font-size:12pt;    font-family:Arial,Helvetica,sans-serif;    line-height:normal;    overflow:auto;}
#divCollectionMessageInner h2 {    font-family:Arial,Helvetica,sans-serif;    color:#ff9999;    line-height:normal;}
#divCollectionMessageInner .buttonsProceed a {    display:inline-block;    padding:10px 20px;    background-color:#660000;    color:#ffffff;    text-decoration:none;}
#divCollectionMessageInner .buttonsProceed a:hover {    background-color:#330000;}
.divPost {    margin-bottom:1em;}
.divPost .image {    float:left;    margin:0px 10px 10px 0px;}
.divPost .image img {}
.divPost .postBody {    width:100%;}
.divPost .postTitle {    font-size:1.1em;    font-weight:bold;}
.divPost .post {    margin:0.25em 0px;}
.divPost .postDate {    color:#999999;    font-size:0.8em;}
.divSocialNetworkMessageBox {    margin-bottom:1em;    background-color:var(--ColorOverlay1);    padding:15px 30px 15px 15px;}
.divSocialNetworkToolbar {    background-color:var(--ColorOverlay1);    color:var(--ColorContentBG);    margin-bottom:1em;    padding:15px;    position:relative;    white-space:nowrap;}
#divSocialNetworkSearchResults {    position:absolute;    height:250px;    bottom:-250px;    width:100%;    background-color:var(--ColorSectionHeaders);    left:0px;    z-index:999;    overflow:auto;    display:none;}
#divSocialNetworkSearchResultsClose {    position:absolute;    left:0px;right:0px;    bottom:-275px;    z-index:9999;    text-align:right;    display:none;}
.divSocialNetworkToolbar .profileButton, .divSocialNetworkToolbar .signInButton {    float:left;}
.divSocialNetworkToolbar .signOutButton {    float:right;}
.divSocialNetworkToolbar .searchArea {    padding:0px 115px 0px 200px;}
.divSocialNetworkToolbar .signInArea {    float:left;}
.divSocialNetworkToolbar .searchArea input[type=text] {}
.divSocialNetworkToolbar .signInArea input[type=text], .divSocialNetworkToolbar .signInArea input[type=password] {    border:1px solid color:#999999;    padding:5px;    margin-right:5px;    vertical-align:middle;}
.divSocialNetworkMessageBox .photoArea {    float:left;}
.divSocialNetworkMessageBox .messageArea {    padding-left:65px;}
.divSocialNetworkMessageBox .caption {    margin-bottom:0.25em;    font-size:0.8em;}
.divSocialNetworkMessageBox form input[type=text] {    margin-bottom:0.5em;}
.divSocialNetworkMessageBox form input[type=text], .divSocialNetworkMessageBox form input[type=password], .divSocialNetworkMessageBox form textarea {    border:1px solid #999999;    font-family:Arial,Helvetica,sans-serif;    padding:5px;}
.divAppRacesSponsorshipLevel {}
.divAppRacesSponsorshipLevel .title {    font-size:1.2em;}
.divAppRacesSponsorshipLevel .instructions {    font-size:0.8em;}
.divAppRacesSponsorshipLevel .choose {    font-weight:bold;    font-size:0.8em;}
.divAppRacesSponsorshipLevel .choose input[type=radio] {    vertical-align:middle;}
.divFormCaption {    font-size:0.8em;    margin-bottom:0.5em;}
.divFormField {    margin-bottom:0.5em;}
.divFormField input[type=text], .divFormField input[type=password], .divFormField select, .divFormField textarea {    padding:5px;}
.divFormField textarea {    width:90%;}
.divFormField input[type=submit], .divFormField input[type=button] {    padding:10px 20px;}
.appLaunchButton {    padding:10px 20px;}
fieldset {    padding:25px;    margin-bottom:1em;}
fieldset legend {    font-weight:bold;    color:#999999;}
.requiredField:after {    content: ' *';    color:var(--ColorLinkText);}
.divParallax {  background-attachment: fixed;  background-position: center center;  background-size: cover;}
.divTopBottomDivider {    padding:1em 0px;    margin:1em 0px;    border-top:1px solid var(--ColorOverlay1);    border-bottom:1px solid var(--ColorOverlay1);}
.full-width { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; }
*:has(> .container .system-page > article > .full-width:first-child) { padding-top: 0 !important; }
*:has(> .container .system-page > article > .full-width:last-child) { padding-bottom: 0 !important; }
.fb_iframe_widget iframe {  width:100%;}
@media print {    .noprint {        display:none;    }}
@media screen and (max-width:420px) { .img-responsive { max-width:100% !important;} }
@media only screen and (max-width: 767px) { .divBlogAuthorBox h3 { text-align:center; } .divBlogAuthorBox img { margin:0px auto; } }
.flex-row {    display: flex;    flex-wrap: wrap;}
.flex-row > [class*='col-'] {    display: flex;    flex-direction: column;}
.flex-row.row:after, .flex-row.row:before {    display: flex;}
#divSiteModal {    position:fixed;     z-index:999;     top:0px;     bottom:0px;     left:0px;     right: 0px;     background-color:rgba(255,255,255,.95);     padding:2em;     display:none;    overflow:auto;}
#divSiteModalClose {    position:absolute;    right:15px;    top:15px;}
.wireframe-preview {    padding:2em 0px;    background-color:rgba(0,0,0,.10);    text-align:center;    color:rgba(0,0,0,.25);    font-size:0.8em;}
form.system-niceform  { padding:2em;border:1px solid rgba(0,0,0,.10);background-color:rgba(0,0,0,.05); } form.system-niceform label { opacity:0.75; font-size:0.8em; } form.system-niceform .btn { background-image:none; text-shadow:none; border:0px; } 
a.btn-primary, a.btn-success, a.btn-info, a.btn-warning, a.btn-danger { color:#ffffff; }
.system-content-box { padding:2em;background-color:rgba(0,0,0,.05);margin-bottom:1em; }.system-content-box h3 { margin-top:0px; font-weight:bold; }img.system-spot-image, .system-spot-image img { border:1px solid rgba(0,0,0,.15); padding:2px; }.center-popup-content { height: 100%; width: 100%; max-width: 600px; max-height: 600px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color:#ffffff; padding:2em; overflow:auto; }.center-popup-content .close-button { position:fixed; right:1em; top:1em; cursor:pointer;font-size:1.5em; }.center-popup-content .content {  }.center-popup-wrapper { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 99999; background: rgba(0, 0, 0, 0.9); display: flex; overflow: auto; flex-direction: column; opacity: 1; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); visibility:hidden; }figure.auto-caption { margin-bottom:2em !important; width:100% !important; }figure.auto-caption figcaption { display:block;font-size:0.6em; text-align:center; padding:0.5em; color: rgba(150,150,150, 1); background-color:rgba(0,0,0,.05); }figure.auto-caption figcaption a { color: rgba(150,150,150, 1) !important; text-decoration:none; }.btn, .btn-primary, btn-success, .btn-danger, .btn-warning, .btn-info { background-image:none;text-shadow:none;border:0; }.btn-site, a.btn-site  { background-color:var(--ColorSectionHeaders);color:var(--ColorContentBG); }.btn-site:hover, a.btn-site:hover  { background-color:var(--ColorLinkText);color:var(--ColorContentBG); }.growEffect {  transition: all 0.25s ease; }.growEffect:hover {  -webkit-transform:scale(1.05); transform:scale(1.05); transition: all 0.25s ease; }.placeholder-16-9 { --w: 16; --h: 9; width:100%;aspect-ratio: var(--w) / var(--h); background-color:rgba(0,0,0,.25); } .placeholder-9-16 { --w: 9; --h: 16;width:100%;aspect-ratio: var(--w) / var(--h); background-color:rgba(0,0,0,.25);} .placeholder-1-1 { --w: 1; --h: 1;width:100%;aspect-ratio: var(--w) / var(--h); background-color:rgba(0,0,0,.25);} .placeholder-crop { --fx: 50%; --fy: 50%; width: 100%; aspect-ratio: var(--w) / var(--h); position: relative; overflow: hidden; display: block; } .placeholder-crop > img { width: 100% !important; height: 100% !important; object-fit: cover; object-position: var(--fx) var(--fy); display: block; }


/* Custom CSS from Template ID #21346 */

/* Main Template Styles */



/* Styles for Section:7389 */

/* Platform Header CSS -- scoped + BS3-armored.
   Source: Site Mockups/Church-Basic-Welcoming/Home/preview.html
   Generated by extract-platform-files.mjs -- do not edit by hand.
   To regenerate: node extract-platform-files.mjs "Site Mockups/Church-Basic-Welcoming" */

.advoc8-design .ninda-header{ border-top:0;position: relative; z-index: 100; padding: 0; background: var(--advoc8-color-bg, #ffffff); border-bottom: 1px solid var(--advoc8-color-border, #e2e8f0); }
.advoc8-design .ninda-header .topbar{ background: var(--advoc8-color-bg-dark, #0f172a); color: #ffffff; font-family: var(--advoc8-font-body, sans-serif); font-size: 0.78rem; letter-spacing: 0.02em; }
.advoc8-design .ninda-header .topbar a { color: #ffffff;  }
.advoc8-design .ninda-header .topbar-inner{ display: flex; align-items: center; justify-content: space-between; min-height: 38px; padding: 8px 0; }
.advoc8-design .ninda-header .topbar-info div{ display: flex; gap: 22px; flex-wrap: wrap; }
.advoc8-design .ninda-header .topbar-info span{ display: inline-flex; align-items: center; color: rgba(255,255,255,0.82); }
.advoc8-design .ninda-header .topbar-info i{ color: var(--advoc8-color-accent-secondary); margin-right: 8px; }
.advoc8-design .ninda-header .topbar-actions{ display: flex; gap: 16px; }
.advoc8-design .ninda-header .topbar-actions a{ color: rgba(255,255,255,0.82); transition: color 0.2s cubic-bezier(0.16, 1, 0.3, 1); }
.advoc8-design .ninda-header .topbar-actions a:hover{ color: var(--advoc8-color-accent-secondary); }
.advoc8-design .ninda-header .site-header{ position: sticky; top: 0; background: var(--advoc8-color-bg, #ffffff); z-index: 99; }
.advoc8-design .ninda-header .site-header-inner{ display: flex; align-items: center; justify-content: space-between; min-height: 82px; gap: 28px; padding: 1.5em 0; }
.advoc8-design .ninda-header .brand{ text-decoration:none;display: flex; align-items: center; gap: 12px; font-family: var(--advoc8-font-display, sans-serif); font-weight: 700; font-size: 0.98rem; color: var(--advoc8-color-text, #1e293b); letter-spacing: 0.04em; }
.advoc8-design .ninda-header .brand .brand-mark{ display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: var(--advoc8-color-accent, #e85d2d); color: #ffffff; border-radius: 4px; }
.advoc8-design .ninda-header .brand .brand-mark i{ font-size: 1.05rem; }
.advoc8-design .ninda-header .brand-text{ display: flex; flex-direction: column; line-height: 1.1; }
.advoc8-design .ninda-header .brand-text .brand-name{ font-weight: 800; font-size: 1.04rem; letter-spacing: 0.06em; }
.advoc8-design .ninda-header .brand-text .brand-name img { max-height:60px; width:auto; }
.advoc8-design .ninda-header .brand-text .brand-tag{ font-weight: 500; font-size: 0.66rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--advoc8-color-text-muted, #64748b); }
.advoc8-design .ninda-header .nav > ul{ display: flex; gap: 28px; align-items: center; list-style: none; padding: 0; margin: 0; }
.advoc8-design .ninda-header .nav a{ color: var(--advoc8-color-text, #1e293b); font-family: var(--advoc8-font-body, sans-serif); font-size: 0.92rem; font-weight: 500; padding: 10px 0; transition: color 0.2s cubic-bezier(0.16, 1, 0.3, 1); }
.advoc8-design .ninda-header .nav a:hover{ color: var(--advoc8-color-accent, #e85d2d); }
.advoc8-design .ninda-header .nav .is-active > a{ color: var(--advoc8-color-accent, #e85d2d); font-weight: 600; }
.advoc8-design .ninda-header .nav > ul > li{ position: relative; }
.advoc8-design .ninda-header .nav > ul > li > ul{ display: block; position: absolute; top: 100%; left: -16px; min-width: 220px; padding: 14px 0 8px; background: var(--advoc8-color-bg, #ffffff); border: 1px solid var(--advoc8-color-border, #e2e8f0); border-radius: 6px; list-style: none; margin: 0; opacity: 0; pointer-events: none; transform: translateY(0); transition: opacity 0.2s cubic-bezier(0.16, 1, 0.3, 1); }
.advoc8-design .ninda-header .nav > ul > li:hover > ul{ opacity: 1; pointer-events: auto; transform: translateY(0); }
.advoc8-design .ninda-header .nav > ul > li > ul > li{ display: block; }
.advoc8-design .ninda-header .nav > ul > li > ul > li > a{ display: block; padding: 10px 18px; font-weight: 500; font-size: 0.88rem; color: var(--advoc8-color-text, #1e293b); white-space: normal; }
.advoc8-design .ninda-header .nav > ul > li > ul > li > a:hover{ display: block; background: var(--advoc8-color-bg-secondary, #f8fafc); color: var(--advoc8-color-accent, #e85d2d); }
.advoc8-design .ninda-header .advoc8-actions{ display: flex; gap: 10px; margin: 0; }
.advoc8-design .ninda-header .btn{ border-radius: 4px; border: 1px solid var(--advoc8-color-accent, #e85d2d); font-family: var(--advoc8-font-display, sans-serif); font-weight: 600; font-size: 0.88rem; letter-spacing: 0.02em; padding: 10px 20px; box-shadow: none; transition: background 0.2s cubic-bezier(0.16, 1, 0.3, 1), color 0.2s cubic-bezier(0.16, 1, 0.3, 1); }
.advoc8-design .ninda-header .btn-primary{ background: var(--advoc8-color-accent, #e85d2d); color: #ffffff; }
.advoc8-design .ninda-header .btn-primary:hover{ background: var(--advoc8-color-accent-hover, #d14f22); border-color: var(--advoc8-color-accent-hover, #d14f22); }
.advoc8-design .ninda-header .btn-secondary{ background: transparent; color: var(--advoc8-color-accent, #e85d2d); }
.advoc8-design .ninda-header .btn-secondary:hover{ background: var(--advoc8-color-accent, #e85d2d); color: #ffffff; }
.advoc8-design .ninda-header .mobile-menu-toggle{ display: none; background: transparent; border: 1px solid var(--advoc8-color-border, #e2e8f0); color: var(--advoc8-color-text, #1e293b); font-size: 1.1rem; cursor: pointer; padding: 8px 12px; border-radius: 4px; }
.advoc8-design .ninda-header .mobile-menu-backdrop{ position: fixed; inset: 0; z-index: 9998; background: rgba(0, 0, 0, 0.55); opacity: 0; pointer-events: none; transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1); }
.advoc8-design .ninda-header .mobile-menu{ position: fixed; top: 0; right: 0; bottom: 0; z-index: 9999; width: min(86vw, 360px); background: var(--advoc8-color-bg, #ffffff); transform: translateX(100%); transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1); padding: 24px 22px; overflow-y: auto; will-change: auto; }
.advoc8-design .ninda-header .mobile-menu-header{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 22px; padding-bottom: 16px; border-bottom: 1px solid var(--advoc8-color-border, #e2e8f0); }
.advoc8-design .ninda-header .mobile-menu-close{ background: transparent; border: 1px solid var(--advoc8-color-border, #e2e8f0); color: var(--advoc8-color-text, #1e293b); font-size: 1.1rem; cursor: pointer; padding: 6px 10px; border-radius: 4px; }
.advoc8-design .ninda-header .mobile-menu .nav ul{ list-style: none; padding: 0; margin: 0; display: block; }
.advoc8-design .ninda-header .mobile-menu .nav li{ display: block; padding: 2px 0; border-bottom: 1px solid var(--advoc8-color-border, #e2e8f0); }
.advoc8-design .ninda-header .mobile-menu .nav li:last-child{ border-bottom: none; }
.advoc8-design .ninda-header .mobile-menu .nav li ul{ position: static; opacity: 1; pointer-events: auto; transform: none; background: transparent; border: none; border-radius: 0; box-shadow: none; min-width: 0; padding: 4px 0 6px 2em; display: block; }
.advoc8-design .ninda-header .mobile-menu .nav li ul li a{ padding: 12px 0; background: transparent; white-space: normal; font-size: 0.88rem; color: var(--advoc8-color-text-muted, #64748b); }
.advoc8-design .ninda-header .mobile-menu .nav li ul li a:hover{ background: transparent; color: var(--advoc8-color-accent, #e85d2d); }
.advoc8-design .ninda-header .mobile-menu .nav li ul li{ border-bottom: none; padding: 0; }
.advoc8-design .ninda-header .mobile-menu .nav a{ display: block; padding: 14px 0; color: var(--advoc8-color-text, #1e293b); font-family: var(--advoc8-font-body, sans-serif); font-weight: 600; font-size: 0.98rem; }
.advoc8-design .ninda-header .mobile-menu .nav a:hover{ color: var(--advoc8-color-accent, #e85d2d); }
.advoc8-design .ninda-header .mobile-menu .advoc8-actions{ margin-top: 22px; display: flex; flex-direction: column; gap: 10px; }
.advoc8-design .ninda-header .mobile-menu .advoc8-actions .btn{ width: 100%; }
body.mobile-menu-open{ overflow: hidden; }
body.mobile-menu-open .ninda-header .mobile-menu{ transform: translateX(0); }
body.mobile-menu-open .ninda-header .mobile-menu-backdrop{ opacity: 1; pointer-events: auto; }

@media (max-width: 1100px) {.advoc8-design .ninda-header .site-header-inner .nav,
.advoc8-design .ninda-header .topbar-info,
.advoc8-design .ninda-header .site-header-inner .advoc8-actions{ display: none; }
.advoc8-design .ninda-header .mobile-menu-toggle{ display: block; }

}
.advoc8-design .ninda-header h1,
.advoc8-design .ninda-header h2,
.advoc8-design .ninda-header h3,
.advoc8-design .ninda-header h4{ color: var(--advoc8-color-text, #1e293b); font-family: var(--advoc8-font-display, sans-serif); }
.advoc8-design .ninda-header.advoc8-section--dark h1,
.advoc8-design .ninda-header.advoc8-section--dark h2,
.advoc8-design .ninda-header.advoc8-section--dark h3,
.advoc8-design .ninda-header.advoc8-section--dark h4{ color: #ffffff; }


/* Styles for Section:7399 */

/* Standard Code */



@media only screen and (max-width: 1200px) {
    /* For Desktop */
}

@media only screen and (max-width: 992px) {
    /* For Laptop */
}

@media only screen and (max-width: 767px) {
    /* For Tab */
}

@media only screen and (max-width: 480px) {
    /* For Mobile */ 
}


/* Styles for Section:7400 */

/* Standard Code */



@media only screen and (max-width: 1200px) {
    /* For Desktop */
}

@media only screen and (max-width: 992px) {
    /* For Laptop */
}

@media only screen and (max-width: 767px) {
    /* For Tab */
}

@media only screen and (max-width: 480px) {
    /* For Mobile */ 
}


/* Styles for Section:7402 */

/* Standard Code */



@media only screen and (max-width: 1200px) {
    /* For Desktop */
}

@media only screen and (max-width: 992px) {
    /* For Laptop */
}

@media only screen and (max-width: 767px) {
    /* For Tab */
}

@media only screen and (max-width: 480px) {
    /* For Mobile */ 
}


/* Styles for Section:7401 */

/* Standard Code */



@media only screen and (max-width: 1200px) {
    /* For Desktop */
}

@media only screen and (max-width: 992px) {
    /* For Laptop */
}

@media only screen and (max-width: 767px) {
    /* For Tab */
}

@media only screen and (max-width: 480px) {
    /* For Mobile */ 
}


/* Styles for Section:7403 */

/* Standard Code */



@media only screen and (max-width: 1200px) {
    /* For Desktop */
}

@media only screen and (max-width: 992px) {
    /* For Laptop */
}

@media only screen and (max-width: 767px) {
    /* For Tab */
}

@media only screen and (max-width: 480px) {
    /* For Mobile */ 
}


/* Styles for Section:7404 */

/* Standard Code */



@media only screen and (max-width: 1200px) {
    /* For Desktop */
}

@media only screen and (max-width: 992px) {
    /* For Laptop */
}

@media only screen and (max-width: 767px) {
    /* For Tab */
}

@media only screen and (max-width: 480px) {
    /* For Mobile */ 
}


/* Styles for Section:7405 */

/* Standard Code */



@media only screen and (max-width: 1200px) {
    /* For Desktop */
}

@media only screen and (max-width: 992px) {
    /* For Laptop */
}

@media only screen and (max-width: 767px) {
    /* For Tab */
}

@media only screen and (max-width: 480px) {
    /* For Mobile */ 
}


/* Styles for Section:7406 */

/* Standard Code */



@media only screen and (max-width: 1200px) {
    /* For Desktop */
}

@media only screen and (max-width: 992px) {
    /* For Laptop */
}

@media only screen and (max-width: 767px) {
    /* For Tab */
}

@media only screen and (max-width: 480px) {
    /* For Mobile */ 
}


/* Styles for Section:7390 */

.advoc8-design .ninda-footer{ padding: clamp(60px, 8vw, 88px) 0 clamp(24px, 3vw, 36px); background: var(--advoc8-color-bg-dark, #0f172a); color: rgba(255,255,255,0.78); border-top: 1px solid rgba(255,255,255,0.1); font-size:0.8em;}
.advoc8-design .ninda-footer .footer-grid{ display: grid; grid-template-columns: 1fr 1.4fr; gap: clamp(28px, 5vw, 72px); align-items: start; margin-bottom: 44px; padding-bottom: 40px; border-bottom: 1px solid rgba(255,255,255,0.12); }
.advoc8-design .ninda-footer .footer-copy{ max-width: 420px; }
.advoc8-design .ninda-footer .footer-copy .brand{ padding-bottom:1em;display: inline-flex; align-items: center; gap: 12px; font-family: var(--advoc8-font-display, sans-serif); font-weight: 700; color: #ffffff; letter-spacing: 0.04em;  }
.advoc8-design .ninda-footer .footer-copy .brand .brand-mark{ display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: var(--advoc8-color-accent, #e85d2d); color: #ffffff; border-radius: 4px; }
.advoc8-design .ninda-footer .footer-copy .brand-text{ display: flex; flex-direction: column; line-height: 1.1; }
.advoc8-design .ninda-footer .footer-copy .brand-name{ font-size: 1.04rem; font-weight: 800; letter-spacing: 0.06em; }
.advoc8-design .ninda-footer .footer-copy .brand-name img { filter:brightness(0) invert(1);transform: scale(0.75);transform-origin: left center; }
.advoc8-design .ninda-footer .footer-copy .brand-tag{ font-size: 0.68rem; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.6); }
.advoc8-design .ninda-footer .footer-copy p{ font-family: var(--advoc8-font-body, sans-serif); font-size: 0.92rem; line-height: 1.7; margin-bottom: 18px; color: rgba(255,255,255,0.72); }

.advoc8-design .ninda-footer .newsletter .newsletter-row::before,
.advoc8-design .ninda-footer .newsletter .newsletter-row::after {
  content: none !important;
  display: none !important;
}

.advoc8-design .ninda-footer .newsletter{ margin-top: 8px; }
.advoc8-design .ninda-footer .newsletter label{ display: block; font-family: var(--advoc8-font-display, sans-serif); font-size: 0.78rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #ffffff; margin-bottom: 10px; }
.advoc8-design .ninda-footer .newsletter .form-group label{ display: block; font-family: var(--advoc8-font-display, sans-serif); font-size: 0.78rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #ffffff; margin-bottom: 10px; }

/* Row: input fills, 8px gap, button hugs the right. flex-start + nowrap kill the inherited space-around. */
.advoc8-design .ninda-footer .newsletter .newsletter-row{ display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-end; gap: 8px; max-width: 380px; margin: 0 !important; }

/* Bootstrap columns -> flex children */
.advoc8-design .ninda-footer .newsletter .newsletter-row > [class*="col-"]{ float: none; padding: 0; margin: 0; width: auto; }
.advoc8-design .ninda-footer .newsletter .newsletter-row > [class*="col-"]:first-child{ flex: 1 1 auto; min-width: 0; }
.advoc8-design .ninda-footer .newsletter .newsletter-row > [class*="col-"]:nth-child(2){ flex: 0 0 auto; }

/* Strip the Bootstrap form-group spacing + the bare wrapper div around the input */
.advoc8-design .ninda-footer .newsletter .form-group{ margin: 0; }
.advoc8-design .ninda-footer .newsletter .form-group > div{ margin: 0; padding: 0; }

/* Input: mockup styling, with .form-control chrome stripped */
.advoc8-design .ninda-footer .newsletter input[type="email"],
.advoc8-design .ninda-footer .newsletter input[type="text"]{ display: block; width: 100%; height: auto; padding: 11px 14px; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.16); border-radius: 4px; box-shadow: none; color: #ffffff; font-family: var(--advoc8-font-body, sans-serif); font-size: 0.92rem; }
.advoc8-design .ninda-footer .newsletter input[type="email"]::placeholder,
.advoc8-design .ninda-footer .newsletter input[type="text"]::placeholder{ color: rgba(255,255,255,0.4); }
.advoc8-design .ninda-footer .newsletter input[type="email"]:focus,
.advoc8-design .ninda-footer .newsletter input[type="text"]:focus{ outline: none; border-color: var(--advoc8-color-accent, #e85d2d); box-shadow: none; }

/* Button: accent styling, with .btn-default / .btn-block stripped */
.advoc8-design .ninda-footer .newsletter button,
.advoc8-design .ninda-footer .newsletter button[type="submit"],
.advoc8-design .ninda-footer .newsletter .btn{ display: inline-block; width: auto; background: var(--advoc8-color-accent, #e85d2d); color: #ffffff; border: none; border-radius: 4px; padding: 11px 18px; font-family: var(--advoc8-font-display, sans-serif); font-weight: 600; font-size: 0.88rem; line-height: 1.4; text-shadow: none; box-shadow: none; cursor: pointer; transition: background 0.2s cubic-bezier(0.16, 1, 0.3, 1); }
.advoc8-design .ninda-footer .newsletter button:hover,
.advoc8-design .ninda-footer .newsletter .btn:hover{ background: var(--advoc8-color-accent-hover, #d14f22); color: #ffffff; }

.advoc8-design .ninda-footer .socialNetworks{ display: flex; gap: 10px; margin-top: 0.5em; }
.advoc8-design .ninda-footer .socialNetworks a{ display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; color: rgba(255,255,255,0.78); background: rgba(255,255,255,0.06); border-radius: 4px; transition: background 0.2s cubic-bezier(0.16, 1, 0.3, 1), color 0.2s cubic-bezier(0.16, 1, 0.3, 1); font-size: 0.98rem; }
.advoc8-design .ninda-footer .socialNetworks a:hover{ background: var(--advoc8-color-accent, #e85d2d); color: #ffffff; }
.advoc8-design .ninda-footer a:hover { text-decoration:none; }
.advoc8-design .ninda-footer .footer-bottom a { color:rgba(255, 255, 255, 0.78); }


@media (max-width: 1000px) {.advoc8-design .ninda-footer .footer-grid{ grid-template-columns: 1fr; }
    .advoc8-design .ninda-footer .footer-links{ grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 560px) {.advoc8-design .ninda-footer .footer-links{ grid-template-columns: 1fr; } }

.advoc8-design .ninda-footer h1,
.advoc8-design .ninda-footer h2,
.advoc8-design .ninda-footer h3,
.advoc8-design .ninda-footer h4{ color: #ffffff; font-family: var(--advoc8-font-display, sans-serif); }
.advoc8-design .ninda-footer.advoc8-section--light{ color: var(--advoc8-color-text-muted, #64748b); background: var(--advoc8-color-bg-secondary, #f8fafc); border-top-color: var(--advoc8-color-border, #e2e8f0); }
.advoc8-design .ninda-footer.advoc8-section--light h1,
.advoc8-design .ninda-footer.advoc8-section--light h2,
.advoc8-design .ninda-footer.advoc8-section--light h3,
.advoc8-design .ninda-footer.advoc8-section--light h4{ color: var(--advoc8-color-text, #1e293b); }
.advoc8-design .ninda-footer.advoc8-section--light .footer-copy .brand{ color: var(--advoc8-color-text, #1e293b); }
.advoc8-design .ninda-footer.advoc8-section--light .footer-copy .brand-tag{ color: var(--advoc8-color-text-muted, #64748b); }
.advoc8-design .ninda-footer.advoc8-section--light .footer-copy p{ color: var(--advoc8-color-text-muted, #64748b); }
.advoc8-design .ninda-footer.advoc8-section--light .footer-grid{ border-bottom-color: var(--advoc8-color-border, #e2e8f0); }

/* Footer nav menu */
.advoc8-design .site-footer ul {
  list-style: none;
  margin: 0; padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 8px 36px;
}
.advoc8-design .site-footer ul > li > a {
  font-size: 0.85rem;
  font-weight: 600;
  color: rgba(255,255,255,0.8);
  display: block;
  padding: 4px 0;
  transition: color 0.15s;
}
.advoc8-design .site-footer ul > li > a:hover {
  color: white;
}

/* Sub-menu items */
.advoc8-design .site-footer ul > li > ul {
  list-style: none;
  margin: 6px 0 0; padding: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.advoc8-design .site-footer ul > li > ul a {
  font-size: 0.8rem;
  font-weight: 400;
  color: rgba(255,255,255,0.5);
  display: block;
  padding: 2px 0;
  transition: color 0.15s;
}
.advoc8-design .site-footer ul > li > ul a:hover {
  color: white;
}

.advoc8-design .ninda-footer.advoc8-section--light .footer-bottom{ color: var(--advoc8-color-text-muted, #64748b); }
.advoc8-design .ninda-footer.advoc8-section--light .footer-bottom a { color:var(--advoc8-color-text-muted); }
.advoc8-design .ninda-footer.advoc8-section--light .socialNetworks a{ background: var(--advoc8-color-bg, #ffffff); color: var(--advoc8-color-text-muted, #64748b); }
.advoc8-design .ninda-footer.advoc8-section--light .newsletter label{ color: var(--advoc8-color-text, #1e293b); }
.advoc8-design .ninda-footer.advoc8-section--light .newsletter input[type="email"]{ background: var(--advoc8-color-bg, #ffffff); border-color: var(--advoc8-color-border, #e2e8f0); color: var(--advoc8-color-text, #1e293b); }
.advoc8-design .ninda-footer.advoc8-section--light .newsletter input[type="email"]::placeholder{ color: var(--advoc8-color-text-muted, #64748b); }