1 2<!DOCTYPE html> 3 4 5 6<html class="no-js"> 7<head><meta http-equiv="X-UA-Compatible" content="IE=10" /><meta charset="utf-8" /><title> 8 Log In | Woodmen Valley Chapel: A non-denominational church in Colorado Springs 9</title> 10 11
11<script src="/Scripts/jquery-1.10.2.min.js"></script>
11 12 13 <!-- Set the viewport width to device width for mobile --> 14 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" /> 15 <meta name="generator" content="Rock v18.4.1.0" /> 16 <link href="/Obsidian/obsidian-vendor.min.css?v=638000678580000000" type="text/css" rel="stylesheet" /> 17 18 <!-- Included CSS Files --> 19 20 <link href="//fonts.googleapis.com/css?family=Lato:300,400%7CRaleway:100,400,300,500,600,700" rel="stylesheet" type="text/css" /><link href="//fonts.googleapis.com/css?family=Open+Sans:100,300,400,500,600,700" rel="stylesheet" type="text/css" /> 21 <link rel="stylesheet" href="/Themes/WVCPillar/Styles/bootstrap.css?v=639232022703495627"/> 22 <link rel="stylesheet" href="/Themes/WVCPillar/Styles/css_pillar/iconsmind.css?v=636083340938417007"/> 23 <link rel="stylesheet" href="/Themes/WVCPillar/Styles/css_pillar/interface-icons.css?v=636083340938573243"/> 24 <link rel="stylesheet" href="/Themes/WVCPillar/Styles/css_pillar/owl.carousel.css?v=636083340938729513"/> 25 <link rel="stylesheet" href="/Themes/WVCPillar/Styles/theme.css?v=639232022832247136"/> 26 <link rel="stylesheet" href="/Themes/WVCPillar/Styles/font-linearicons.css?v=636083340937166997"/> 27 <link rel="stylesheet" href="/Themes/WVCPillar/Styles/css_pillar/font-opensans.css?v=636083340930000000"/> 28 29
29<script src="/Scripts/modernizr.js" ></script>
29 30 <!--
30<script src="/Themes/WVCPillar/Scripts/js_pillar/jquery-2.1.4.min.js"></script>
30--> 31 32 33 <!-- Icons --> 34 <link rel="shortcut icon" href="/Content/ExternalSite/Icons/favicon.ico?v=636136036028571593"> 35 <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/Content/ExternalSite/Icons/touch-icon-ipad-retina.png?v=636624449728216514"> 36 <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/Content/ExternalSite/Icons/touch-icon-iphone-retina.png?v=636624449728216514"> 37 <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/Content/ExternalSite/Icons/touch-icon-ipad.png?v=636624449728216514"> 38 <link rel="apple-touch-icon-precomposed" href="/Content/ExternalSite/Icons/touch-icon-iphone.png?v=636624449728216514"> 39 40 41 <link rel="shortcut icon" sizes="192x192" href="/GetImage.ashx?id=1107643&width=192&height=192&mode=crop&format=png" /> 42 <link rel="apple-touch-icon-precomposed" sizes="16x16" href="/GetImage.ashx?id=1107643&width=16&height=16&mode=crop&format=png" /> 43 <link rel="apple-touch-icon-precomposed" sizes="32x32" href="/GetImage.ashx?id=1107643&width=32&height=32&mode=crop&format=png" /> 44 <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/GetImage.ashx?id=1107643&width=144&height=144&mode=crop&format=png" /> 45 <link rel="apple-touch-icon-precomposed" sizes="180x180" href="/GetImage.ashx?id=1107643&width=180&height=180&mode=crop&format=png" /> 46 <link rel="apple-touch-icon-precomposed" sizes="192x192" href="/GetImage.ashx?id=1107643&width=192&height=192&mode=crop&format=png" /> 47
47<script> 48Â Â console.info( 49Â Â Â '%cCrafting Code For Christ | Col. 3:23-24', 50Â Â Â Â 'background: #ee7625; border-radius:0.5em; padding:0.2em 0.5em; color: white; font-weight: bold'); 51Â Â Â console.info('Rock v18.4.1.0'); 52 </script>
52 53
53<script type="text/javascript"> 54 55 (function () { 56 var attr = 'theme'; 57 var states = ['light', 'dark', 'system']; 58 var html = document.documentElement; 59 60 // init state 61 var saved = localStorage.getItem(attr); 62 var currentIndex = Math.max(0, states.indexOf(saved)); 63 if ( saved == null ) { 64 currentIndex = 2; // default to system 65 } 66 67 html.setAttribute( "theme", states[currentIndex] ); 68 })(); 69 70 </script>
70 71 72<!-- Google Tag Manager -->
73<script>
vendor: 327 bytes, lines 73-77
73(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 74new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 75j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 76'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 77})(window,document,'script','dataLayer','
77GTM-NJLWSFW
vendor: 3 bytes, line 77
77');
77</script>
77 78<!-- End Google Tag Manager --> 79 80<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 80-81
80 81<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
81GTM-NJLWSFW
vendor: 83 bytes, lines 81-82
81" 82height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
83<!-- End Google Tag Manager (noscript) -->
83<script> 84 window.onload = function() { 85 var btn = document.querySelector('.btn-authentication.office365'); 86 if (btn) { 87 btn.textContent = 'Sign in with Staff Account'; 88 btn.style.visibility = 'visible'; 89 } 90 }; 91</script>
91</head> 92<body id="body" class="theme--square" data-reveal-selectors="section:not(.masonry):not(:first-of-type):not(.parallax)"> 93 94 <form method="post" action="./Login?returnurl=%2f" id="form1"> 95<div class="aspNetHidden"> 96<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" /> 97<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" /> 98<input type="hidden" name="__CVIEWSTATESIZE" id="__CVIEWSTATESIZE" value="0" /> 99<input type="hidden" name="__CVIEWSTATE" id="__CVIEWSTATE" value="pmFaCvQRs4+b+o0GajVQ/unWflq62QhC4EcR/t/tXreJwFWkh98ImIdyoyQdlSwqOlCpL2TbNB4ZLd46jwZVmUKIh6+ziDisSWsgjyCtWoaQ7dgJmyDHuOru/bwAc5c/39YA88g8oV/GGznUaO/5vg9zEPlSsr/3m5dD3gdPNdlsESA78WX9zv5ga3izx8awwahiEgOSbhD8u/Zr1Ajhi+MYrXL/gcjAMtkW+GMJPyUcGv32gJZZmC1qgxe1HdxJs03J0cG/YRuQxXeqPpt+ieKN+uAJLBSMxr1zVSEzpF3KYyXsIKygj69JMYaX7cUIhcWdIHoCgQe0rW5tM+g5VGxi5ZhoqV787QHakemowayhVFrzC1h86sdmD/4l+SthiC/fFDCBN8NidPCspyia6jk3yT+8ihvIuPp8nvCzt78zhyFfgkJplcJ1NkufKdDKAvxWdH4uNP3JWm2/ifdyL6hy3ZE5efQuaSGBsiV1pmIPCSfYhvPT6vnK1w7vS9QutZykOWLq/vj+nxZnE+zsu+6BFz2VPUv6/BQKHz4vVmXssNGH9QwHLzZ6cfHsp3sdLArfahxeFCcTpusxOWv/51YJrloh5CmUfm+zXFnPkBMAAYvVubPesAQ7ETFz5mh2WJKhsVPovIiWBUQR8RlDT7zBdRJnG/ygdKbFzLRyBIdV8RgrVuTv24iHVIHpB6RozMC6Mkn2cWPNrOw4m4VzUVeOmtu0oDIeye2fm+z19ZzhrfOi3FbilgrskDwfj1WyYiRq4inLp8PVTWFmtFJfywBzOVCh2MuwKzCICAsREZ2FJ3iR2JUlAbtB7nvBNrKKotFPXHlCZ4o63EnvAazwHdGIE6rrL8o4Sftyacnwf1U3vtByRquc0Is1la1f987cvcL7GFW6+vBOBXeIhuxiALj5r1mmiF4Z4YQO2KycTkVZ+hlK6LMwwqZ5+ImSTujE/Wswz/XD4olZy/nqHmVkG7Lx//IrzCCpkhgKxxd+l44zYYMcUOBlDr+XbgCxAMjhmmGWD4PkqKGIW+XFnfWbNN6qskogefzhaI8jZ9hqaC/SypbtJbtNdhNa7t1RvpZqDWmYW9wKjR/9HxJjDIxQ52ALL7QJIImuaK+v2pbd2lzLZ8d3/bZ15lihJDqo3qtrW2Wx9VQEcPcdbKckkNGOpqIvIsF+UidISF4IcDchDSD30zgpYJrXXRgH2DG4O82Oy++zPqoVF1pa/pAM6wee6LOqgD75MWAUUqCtgN5Kv2kyoNkMq7WMK2j/vJQskdevXglLEL0fIPSwOfo6I2FKi3ktImeFjR4iFf2H6ZG16Mk1kRhijE0HB+iKEYQzL8D2jYLiCj/BEf6ucLu8rzXiLaldCEJp17wcFSTXJeXlZTDy88MPuglxLuWnav2FKhN4dWQGIub+qWUqyQGHjGRrxJcW5vDk2vfTWMGENpeOofI7hD88pdx/QDGrHIgB9iWveBcspM5QWclr1n47wLC0B6lbpFsCZgoLIvyPQwn0+UDSr6t9nbPy7sk/28GcAVK+X6Z8yTlDwJnBs368FbF8sJZyjr6neUGbxpg5Tlp6I3K24MjfEb8PK8eI2/u5IqTAfp9maOWMtSVq/dIxhrwa71/tYo8B18tyjK7VTfOaBFuE0hiOwmzS8lTwDPoHI5uKcZGFB+xtOHTSceVZ9ElSOg1zYyQQ6DX8T78x5cmKcu+dKEqkF2YElIznM9EV0ZkND9czwrIptg4bNxVd8t8FoFhELfYvQEvFaVDviULb4P3rR/jA3nSaNxVzngcoj54QGSOMIoJiaKG+Nhjir4fiy44Ic6CwphBAQqSwsQEZI+NM6pHfKQdNmYiht60yyIlHw837x5D3rGA3rRnAhKj7RPmYnjjolT1/748JiOR8sQPKH3XapQsjMZQ6RmhcpUY+eZ8O5TXlhYaLeb0iIM9HdXQd5IehQ0IgwC4XLsZ5Jb4g7/kT7vT9xV66hXEJfb84qjKh2UOa39fvmSUYGAMt8siVg39AyMsKSqRgA/lXGrAF84Wf2BtrO6hF6GNKp2C5txNc5pZ948oy4VpQmVAjo4YipXPWUoPX7e5jX5FkAQCPxSass3g1t/gwV3MTLhcmUJI6E142W87gGW3ffngIWqpOPlRE1eSuJJ/L/VYbIzyO6DTqb5p0/SUVOuEwBWlXGE8yRuJxlXZDTrulsmfwgcV0PAkWConL5BLvJlNd8qrjHODc/vBT6zU6VaktPMg4c6avWyNC94V12/nrhm8AAGj4Bu0m1wHZOl7BTAM5IGmgWtTELo++g6CvSvUpOsOfufLucherSyZ0YJLDrIuxtMlOqpDwdzSjz2TJg8dii8ooy8RlrIw6mmDn8COmoA0GVWn1cY6hL0AgVVfNh9pgQAZTeiaKHaW8yX2J9Ppm4Hqs662NKVLjmk8pce/ugk7sBAlELAtiX2f+zd11li1FFCpvfFJTcol5E9/Crxsgh7G9WXuuFd/bSwyGiK05LYOwq//c0rWVlA7zc/0YGePZriI7pnEuG4xuIhMh4mNusVraELul6metFSFSYBiO/zClq3IFAA==" /> 100<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="" /> 101</div> 102
103<script type="text/javascript"> 104//<![CDATA[ 105var theForm = document.forms['form1']; 106if (!theForm) { 107 theForm = document.form1; 108} 109function __doPostBack(eventTarget, eventArgument) { 110 if (!theForm.onsubmit || (theForm.onsubmit() != false)) { 111 theForm.__EVENTTARGET.value = eventTarget; 112 theForm.__EVENTARGUMENT.value = eventArgument; 113 theForm.submit(); 114 } 115} 116//]]> 117</script>
117 118 119
120<script src="/WebResource.axd?d=pynGkmcFUV13He1Qd6_TZKBNh2kVt1UMWQZlnVAi_tkJgMuaQ8uqI1eETztTib7YQHhtUg2&t=639190617332169432" type="text/javascript"></script>
120 121 122
123<script src="/ScriptResource.axd?d=NJmAwtEo3Ipnlaxl6CMhvi6dXja_GlmbcH_rc40VbY5Y4tD6Tclu_ql_sW1HzHRxgLRPycUATUjE6PerZsj9UUVUGma8wt11QX8OFg0ZNQgYWZPOvdxTPiTOHvFlIcxkODvSuJMjD3By97ddyqjTk1FAGEw1&t=ffffffffbec1863d" type="text/javascript"></script>
vendor: 2 bytes, line 123
123
124<script src="/ScriptResource.axd?d=dwY9oWetJoJoVpgL6Zq8ODHJWAkvmpSLCyEX0MpY-qDRjjs6RRrwJq1p0BiJAmn0RZYkzVjrxZVmXJz4rtFQH4qoe-MgU6lO4-hG9euR8AgagTpjoai-XfsgjEi9V5PYKdg28i44Wvi4zuYbbXo6pAutahw1&t=ffffffffbec1863d" type="text/javascript"></script>
vendor: 2 bytes, line 124
124
125<script src="Themes/WVCPillar/Scripts/js_pillar/isotope.min.js" type="text/javascript"></script>
vendor: 2 bytes, line 125
125
126<script src="Themes/WVCPillar/Scripts/js_pillar/ytplayer.min.js" type="text/javascript"></script>
vendor: 2 bytes, line 126
126
127<script src="Themes/WVCPillar/Scripts/js_pillar/owl.carousel.min.js" type="text/javascript"></script>
vendor: 2 bytes, line 127
127
128<script src="Themes/WVCPillar/Scripts/js_pillar/lightbox.min.js" type="text/javascript"></script>
vendor: 2 bytes, line 128
128
129<script src="Themes/WVCPillar/Scripts/js_pillar/twitterfetcher.min.js" type="text/javascript"></script>
vendor: 2 bytes, line 129
129
130<script src="Themes/WVCPillar/Scripts/js_pillar/smooth-scroll.min.js" type="text/javascript"></script>
vendor: 2 bytes, line 130
130
131<script src="Themes/WVCPillar/Scripts/js_pillar/scrollreveal.min.js" type="text/javascript"></script>
vendor: 2 bytes, line 131
131
132<script src="Themes/WVCPillar/Scripts/js_pillar/parallax.js" type="text/javascript"></script>
vendor: 2 bytes, line 132
132
133<script src="Themes/WVCPillar/Scripts/js_pillar/scripts.js" type="text/javascript"></script>
vendor: 2 bytes, line 133
133
134<script src="Themes/WVCPillar/Scripts/custom.js" type="text/javascript"></script>
vendor: 2 bytes, line 134
134
135<script src="/Scripts/Bundles/RockLibs?v=rVhNAzJehWETxNhu7wtdXAedXD25SxRByLI6Xog_fGc1" type="text/javascript"></script>
vendor: 2 bytes, line 135
135
136<script src="/Scripts/Bundles/RockUi?v=qXiIHXJHk4TxsHwC9iWdN3tNeh2BRTP93yzx47zCv9k1" type="text/javascript"></script>
vendor: 2 bytes, line 136
136
137<script src="/Scripts/Bundles/RockValidation?v=ZGZVlETu5hySvggAPSHN2z4wwXVKeh9vUX8dHhpb7iQ1" type="text/javascript"></script>
vendor: 2 bytes, line 137
137
138<script src="/Obsidian/obsidian-core.js?v=638793591640000000" type="text/javascript"></script>
138 139<div class="aspNetHidden"> 140 141 <input type="hidden" name="__VIEWSTATEENCRYPTED" id="__VIEWSTATEENCRYPTED" value="" /> 142 <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="6VO2xMaN3JFv7g0Ct1iMlMEtgasUPLBkmPaPwAuFstq9L62Vna48TzG9AOdYfZ5NsMx7J1eqsEDHJkxROSwMktWTpIl5bJ8QYov2bXlPHtvu5SkFn4dR98oA9SiOKN3WLzxqfz1A+g4w9Z1YYeB4VHGpiMDk0+ga3xOOZOReomNK4zWlBxA1WhHoDNahyaxvftzWu00a7e5OkY/YY1umZPUVYd6FrA3XaY4cjZcr9nuWhv5jyK3vI4fcqpDzH/gkm+Htcis9v3psGKgS3p/XTZoh/h+QLnE3f5fEdD80QDQGeeyV" /> 143</div> 144 <div class="nav-container"> 145 <nav> 146 <div class="utility-bar bg--primary clearfix"> 147 <div class="container"> 148 <div class="nav-module left"> 149 <div id="zone-headerleft" class="zone-instance"><div class="zone-content"></div></div> 150 </div> 151 <div class="nav-module center"> 152 <div id="zone-login" class="zone-instance"><div class="zone-content"><style> 153 154#zone-login > div.zone-content { 155 z-index: 100 !important; 156 } 157 158</style><div id="bid_1056" data-zone-location="Layout" class="block-instance js-block-instance login-status block-role-system"> 159 <div class="block-content"> 160 161 162<ul class="nav navbar-nav loginstatus"> 163 164 <li id="ctl00_ctl29_ctl01_ctl00_liLogin"><a id="ctl00_ctl29_ctl01_ctl00_lbLogin" href="javascript:__doPostBack('ctl00$ctl29$ctl01$ctl00$lbLogin','')">Log In</a></li> 165</ul> 166<input type="hidden" name="ctl00$ctl29$ctl01$ctl00$hfActionType" id="ctl00_ctl29_ctl01_ctl00_hfActionType" value="Log In" /> 167 168 169 </div> 170</div></div></div> 171 </div> 172 <div class="nav-module right"> 173 <div id="zone-headerright" class="zone-instance"><div class="zone-content"></div></div> 174 </div> 175 </div> 176 </div> 177 <div class="notification-bar hidden"> 178 <div id="zone-notificationbar" class="zone-instance"><div class="zone-content"><div id="bid_962" data-zone-location="Layout" class="block-instance js-block-instance html-content block-role-content"> 179 <div class="block-content"> 180 <div id="ctl00_ctl33_ctl01_ctl00_upnlHtmlContentView"> 181 182 183 184 185 186 187 <div id="kfs-ticker-container" ata-spy="affix" data-offset-top="55"></div>
188<script id="ticker-template" type="text/x-handlebars-template"> 189 <a href="https://woodmenvalley.org/"<ul id="kfs-webticker"> 190 {{#each this}} 191 <li>{{Title}}</li> 192 {{/each}} 193 </ul></a> 194</script>
vendor: 1 bytes, line 194
194
195<script>setInterval(checkEMS, 90000); 196 197var rockAuth = 'te5vjAD9jmrFzylNoYshKJ7N'; 198var emergencyChannel = 6; 199var server = '//woodmenvalley.org'; 200 201function checkEMS() { 202 203 var rockAPI = ''; 204 rockAPI += server; 205 rockAPI += '/api/ContentChannelItems?$filter=ContentChannelId%20eq%20'; 206 rockAPI += emergencyChannel; 207 rockAPI += '%20and%20ExpireDateTime%20gt%20datetime%27'; 208 rockAPI += moment().format('YYYY-MM-DDTHH:mm:ss'); 209 rockAPI += '%27%20and%20StartDateTime%20lt%20datetime%27'; 210 rockAPI += moment().format('YYYY-MM-DDTHH:mm:ss'); 211 rockAPI += '%27&$orderby=Priority'; 212 213 $.ajax({ 214 url: rockAPI, 215 type: 'GET', 216 dataType: 'json', 217 beforeSend: function(xhr) { 218 xhr.setRequestHeader('Authorization-Token', rockAuth); 219 } 220 }) 221 .done(alertData); 222} 223 224$(function() { 225 $('.notification-bar').addClass('hidden'); 226 checkEMS(); 227}); 228 229function alertData(data) { 230 if (data.length == 0) { 231 $('.notification-bar').addClass('hidden'); 232 return false; 233 } 234 var intlData = { 235 "locales": "en-US", 236 "formats": { 237 "date": { 238 "short": { 239 "day": "numeric", 240 "month": "long", 241 "year": "numeric" 242 } 243 } 244 } 245 }; 246 var source = $("#ticker-template").html(); 247 var template = Handlebars.compile(source); 248 var html = template(data, { 249 data: { 250 intl: intlData 251 } 252 }); 253 $('#kfs-ticker-container').html(html); 254 $('.notification-bar').removeClass("hidden"); 255 $("#kfs-webticker").webTicker({speed:100,height:'60px'}); 256} 257</script>
vendor: 1 bytes, line 257
257
258<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.5/handlebars.min.js"></script>
vendor: 1 bytes, line 258
258
259<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.15.1/moment.min.js"></script>
vendor: 1 bytes, line 259
259
260<script src="/Themes/WVCPillar/Scripts/jquery.webticker.min.js"></script>
260 261 262 </div> 263 264<div id="ctl00_ctl33_ctl01_ctl00_upnlHtmlContentEdit"> 265 266 267 268 269 270 271 272 273 </div> 274 275 </div> 276</div></div></div> 277 </div> 278 <div class="nav-bar" data-fixed-at="700"> 279 <div class="container"> 280 <div class="nav-module logo-module left"> 281 <div id="zone-header" class="zone-instance"><div class="zone-content"><div id="bid_13442" data-zone-location="Site" class="block-instance js-block-instance html-content block-role-content"> 282 <div class="block-content"> 283 <div id="ctl00_ctl35_ctl01_ctl00_upnlHtmlContentView"> 284 285 286 287 288 289 290 291
292<script type="text/javascript"> 293 window.addEventListener('load', function() { 294 var prm = Sys.WebForms.PageRequestManager.getInstance(); 295 prm.add_endRequest(function (s, e) { 296 console.log('Postback Only'); 297 window.scroll(0,0); 298 }); 299 }); 300</script>
300 301 302 303 </div> 304 305<div id="ctl00_ctl35_ctl01_ctl00_upnlHtmlContentEdit"> 306 307 308 309 310 311 312 313 314 </div> 315 316 </div> 317</div></div></div> 318 </div> 319 <div class="nav-module menu-module left"> 320 <div id="zone-navigation" class="zone-instance"><div class="zone-content"><style> 321 .utility-bar { 322 display: none !important; 323 } 324 .nav-container { 325 position: fixed !important; 326 top: 0; 327 width: 100%; 328 z-index: 999 !important; 329 transition: all 0.3s ease !important; 330 } 331 .nav-bar, 332 .nav-bar.navbar, 333 .nav-bar > .container { 334 background: transparent !important; 335 background-color: transparent !important; 336 border: none !important; 337 box-shadow: none !important; 338 transition: all 0.3s ease !important; 339 } 340 .nav-bar a, 341 .nav-bar .navbar-nav > li > a { 342 color: white !important; 343 text-shadow: 1px 1px 3px rgba(0,0,0,0.6) !important; 344 transition: color 0.3s ease, text-shadow 0.3s ease !important; 345 } 346 .video-header { 347 margin-top: -100px; 348 } 349 .video-overlay { 350 padding-top: 100px; 351 } 352 .nav-container.scrolled .nav-bar { 353 background: rgba(255, 255, 255, 0.4) !important; 354 backdrop-filter: blur(20px) saturate(180%) !important; 355 -webkit-backdrop-filter: blur(20px) saturate(180%) !important; 356 box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important; 357 } 358 .nav-container.scrolled ul.menu > li > a, 359 .nav-container.scrolled .nav-bar .navbar-nav > li > a { 360 color: #333 !important; 361 text-shadow: none !important; 362 } 363 ul.menu li ul { 364 background: rgba(255, 255, 255, 0.95) !important; 365 backdrop-filter: blur(20px) !important; 366 -webkit-backdrop-filter: blur(20px) !important; 367 z-index: 1010 !important; 368 position: absolute !important; 369 } 370 ul.menu li ul li a, 371 ul.menu li ul li.dropdown a { 372 color: #333 !important; 373 text-shadow: none !important; 374 background: transparent !important; 375 } 376 ul.menu li ul li a:hover { 377 background: rgba(0,0,0,0.05) !important; 378 color: #000 !important; 379 } 380 .nav-container > .container, 381 .nav-container .nav-bar > .container { 382 display: flex !important; 383 align-items: center !important; 384 flex-wrap: nowrap !important; 385 width: 100% !important; 386 } 387 .nav-container .block-instance { 388 display: flex !important; 389 align-items: center !important; 390 flex-shrink: 0 !important; 391 } 392 .login-status.block-instance { 393 display: flex !important; 394 align-items: center !important; 395 } 396 397.nav-bar { 398 line-height: normal !important; 399} 400 401.nav-inner { 402 display: flex !important; 403 align-items: center !important; 404 flex-wrap: nowrap !important; 405 width: 100% !important; 406 opacity: 0; 407 transition: opacity 0.3s ease; 408 overflow: visible !important; 409} 410 411#zone-navigation.zone-content, 412#zone-navigation .zone-content { 413 display: flex !important; 414 align-items: center !important; 415 flex-wrap: nowrap !important; 416 width: 100% !important; 417} 418 419.nav-inner ul.nav.navbar-nav.contextsetter.contextsetter-campus { 420 height: 80px !important; 421 margin-left: 0 !important; 422 margin-right: 0 !important; 423 position: static !important; 424} 425 426/* âââ Hamburger: fixed position, vertical/horizontal offset per breakpoint âââ */ 427 428.nav-search { 429 display: none !important; 430} 431 432.block-instance.js-block-instance.page-menu { 433 flex: 1 1 auto !important; 434 min-width: 0 !important; 435} 436 437.nav-bar .zone-instance, 438.nav-bar .zone-content { 439 width: 100% !important; 440 flex: 1 !important; 441} 442 443/* âââ FIX: Hide Rock's theme mobile toggle ââââââââââââââââââââââââââââââââââ */ 444.nav-mobile-toggle, 445.nav-mobile-toggle.visible-sm, 446.nav-mobile-toggle.visible-xs, 447div.nav-mobile-toggle { 448 display: none !important; 449 visibility: hidden !important; 450 pointer-events: none !important; 451} 452 453/* âââ FIX: Prevent menu link text from wrapping âââââââââââââââââââââââââââââ */ 454ul.menu > li > a { 455 white-space: nowrap !important; 456} 457 458/* âââ FIX: Campus context setter dropdown toggle icon âââââââââââââââââââââââ */ 459@media (min-width: 1280px) { 460 ul.nav.navbar-nav.contextsetter-campus > li > a.dropdown-toggle.navbar-link { 461 display: none !important; 462 } 463} 464 465/* âââ FIX: Shrink right group gap at 1200px ââââââââââââââââââââââââââââââââ */ 466@media (max-width: 1200px) { 467 468 html body ul.nav.navbar-nav.contextsetter-campus > li.dropdown.open > ul.dropdown-menu, 469 html body ul.nav.navbar-nav.contextsetter-campus li.open .dropdown-menu { 470 display: block !important; 471 visibility: visible !important; 472 opacity: 1 !important; 473 position: absolute !important; 474 top: 100% !important; 475 right: 0 !important; 476 left: auto !important; 477 margin-top: 0 !important; 478 margin-left: 0 !important; 479 z-index: 99999 !important; 480 pointer-events: auto !important; 481 } 482 483 #nav-hamburger, 484 .nav-inner, 485 .nav-bar, 486 .nav-bar > .container, 487 .navbar-collapse { 488 overflow: visible !important; 489 } 490 491 ul.nav.navbar-nav.contextsetter.contextsetter-campus { 492 width: auto !important; 493 min-width: 0 !important; 494 top: 0 !important; 495 } 496} 497 498 499/* âââ KILL ROCK'S NATIVE BOOTSTRAP HAMBURGER ââââââââââââââââââââââââââââââââ */ 500.nav-bar .navbar-toggle, 501.navbar-toggle { 502 display: none !important; 503} 504 505/* âââ PREVENT BOOTSTRAP NAVBAR COLLAPSE AT 990px ââââââââââââââââââââââââââââ */ 506.nav-bar .navbar-collapse, 507.nav-bar .navbar-collapse.collapse, 508.nav-bar .navbar-collapse.in, 509.navbar-collapse { 510 display: flex !important; 511 visibility: visible !important; 512 height: auto !important; 513 max-height: none !important; 514 overflow: visible !important; 515 padding: 0 !important; 516 border: none !important; 517 box-shadow: none !important; 518 flex: 1 !important;
519 align-items: center !important; 520 flex-wrap: nowrap !important; 521 width: 100% !important; 522} 523 524.nav-bar > .container { 525 display: flex !important; 526 align-items: center !important; 527 flex-wrap: nowrap !important; 528 width: 100% !important; 529 padding-left: 15px !important; 530 padding-right: 15px !important; 531} 532 533/* âââ FIX: Prevent ul.menu from stacking vertically ââââââââââââââââââââââââ */ 534ul.menu { 535 display: flex !important; 536 flex-direction: row !important; 537 align-items: center !important; 538 flex-wrap: nowrap !important; 539 padding: 0 !important; 540 margin: 0 !important; 541 list-style: none !important; 542 height: auto !important; 543} 544 545ul.menu > li { 546 float: none !important; 547 display: flex !important; 548 align-items: center !important; 549 height: auto !important; 550 padding: 0 !important; 551} 552 553.nav-bar > .container { 554 flex-wrap: nowrap !important; 555 align-items: center !important; 556 min-height: 0 !important; 557 height: auto !important; 558 max-height: 100px !important; 559} 560 561.nav-inner { 562 flex-wrap: nowrap !important; 563 min-height: 0 !important; 564 height: auto !important; 565 align-items: center !important; 566} 567 568.block-instance.page-menu { 569 min-height: 0 !important; 570 height: auto !important; 571 align-items: center !important; 572} 573 574/* âââ RESPONSIVE: Logo base rule ââââââââââââââââââââââââââââââââââââââââââââ */ 575.nav-module.logo-module.left img.logo { 576 height: auto !important; 577 width: 100% !important; 578 max-width: 350px !important; 579 min-height: unset !important; 580 margin-top: -20px !important; 581} 582 583@media (max-width: 1279px) { 584 585 ul.menu > li > a, 586 .nav-inner ul.menu > li > a { 587 font-size: 15px !important; 588 padding: 0 12px !important; 589 letter-spacing: 0.5px !important; 590 } 591 .nav-module.logo-module.left img.logo { 592 margin-top: -15px !important; 593 min-height: unset !important; 594 } 595 .nav-bar, 596 .nav-bar.navbar, 597 .nav-bar > .container { 598 min-height: 60px !important; 599 } 600} 601 602@media (max-width: 1060px) { 603 604 ul.menu > li > a, 605 .nav-inner ul.menu > li > a { 606 font-size: 13px !important; 607 padding: 0 8px !important; 608 letter-spacing: 0 !important; 609 } 610 .nav-bar, 611 .nav-bar.navbar, 612 .nav-bar > .container { 613 min-height: 60px !important; 614 } 615} 616 617/* âââ RESPONSIVE: 900px and below âââââââââââââââââââââââââââââââââââââââââââ */ 618@media (max-width: 900px) { 619 620 .nav-module.logo-module.left img.logo { 621 margin-top: -10px !important; 622 min-height: unset !important; 623 } 624 .nav-bar, 625 .nav-bar.navbar, 626 .nav-bar > .container { 627 min-height: 58px !important; 628 } 629} 630 631/* âââ RESPONSIVE: Hide nav links and campus setter at 840px âââââââââââââââââ */ 632@media (max-width: 840px) { 633 634 #nav-hamburger, 635 .nav-inner, 636 .nav-bar, 637 .nav-bar > .container, 638 .navbar-collapse { 639 overflow: visible !important; 640 } 641 642 ul.nav.navbar-nav.contextsetter-campus > li.open .dropdown-menu { 643 display: block !important; 644 position: fixed !important; 645 top: 60px !important; 646 right: 10px !important; 647 left: auto !important; 648 z-index: 99999 !important; 649 } 650 651 ul.menu { 652 display: none !important; 653 } 654 ul.nav.navbar-nav.contextsetter.contextsetter-campus { 655 display: none !important; 656 } 657} 658 659/* âââ RESPONSIVE: Mobile (< 768px) ââââââââââââââââââââââââââââââââââââââââââ */ 660@media (max-width: 767px) { 661 .nav-module.logo-module.left { 662 align-self: center !important; 663 margin-top: 0 !important; 664 } 665 .nav-module.logo-module.left img.logo { 666 height: 44px !important; 667 width: auto !important; 668 max-width: unset !important; 669 min-height: unset !important; 670 margin-top: 0 !important; 671 } 672 .nav-bar, 673 .nav-bar.navbar, 674 .nav-bar > .container { 675 min-height: 56px !important; 676 } 677 .nav-hamburger { 678 transform: scale(1.1) !important; 679 } 680} 681 682@media (max-width: 760px) { 683 .nav-module.logo-module.left img.logo { 684 height: 44px !important; 685 width: auto !important; 686 max-width: unset !important; 687 min-height: 0 !important; 688 } 689} 690 691/* âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ 692 OVERLAY MENU 693 âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ */ 694
695/* âââ Core overlay structure âââââââââââââââââââââââââââââââââââââââââââââââââ */ 696.overflow-menu { 697 display: flex !important; 698 visibility: hidden; 699 opacity: 0; 700 pointer-events: none; 701 transition: opacity 0.3s ease, visibility 0.3s ease !important; 702 position: fixed; 703 top: 0; 704 left: 0; 705 width: 100vw; 706 height: 100vh; 707 background: #2d2d2d; 708 z-index: 9999; 709 flex-direction: column !important; 710 overflow-y: auto !important; 711 overflow-x: hidden !important; 712 box-sizing: border-box; 713 padding: 0 !important; 714 margin: 0 !important; 715 list-style: none !important; 716} 717.overflow-menu.open { 718 visibility: visible !important; 719 opacity: 1 !important; 720 pointer-events: all !important; 721 z-index: 99999 !important; 722} 723 724/* âââ Top bar: logo + static nav + close button ââââââââââââââââââââââââââââââ */ 725#overflow-top-bar { 726 display: flex !important; 727 align-items: flex-start !important; 728 flex-shrink: 0 !important; 729 width: 100% !important; 730 padding: 24px 30px 20px 30px !important; 731 box-sizing: border-box !important; 732 gap: 24px !important; 733 list-style: none !important; 734} 735#overflow-logo-inline { 736 flex-shrink: 0 !important; 737 text-decoration: none !important; 738} 739#overflow-logo-inline img { 740 height: 60px !important; 741 width: auto !important; 742 display: block !important; 743} 744#overflow-static-nav { 745 display: flex !important; 746 flex-direction: row !important; 747 flex-wrap: nowrap !important; 748 align-items: center !important; 749 gap: 24px !important; 750 list-style: none !important; 751 margin: 0 !important; 752 padding: 0 0 0 20px !important; 753 flex: 1 !important; 754 justify-content: flex-start !important; 755 margin-top: 8px !important; 756} 757#overflow-static-nav li { 758 list-style: none !important; 759} 760#overflow-static-nav a { 761 font-size: 18px !important; 762 font-weight: 800 !important; 763 color: white !important; 764 text-decoration: none !important; 765 font-family: Montserrat, Helvetica, Arial, sans-serif !important; 766 letter-spacing: 1px !important; 767 white-space: nowrap !important; 768 transition: color 0.3s ease !important; 769} 770#overflow-static-nav a:hover { 771 color: #f1563a !important; 772} 773#overflow-close-btn { 774 flex-shrink: 0 !important; 775 font-size: 52px !important; 776 line-height: 1 !important; 777 cursor: pointer !important; 778 color: #fff !important; 779 background: none !important; 780 border: none !important; 781 padding: 0 !important; 782 margin: 0 !important; 783} 784 785/* âââ Search bar âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ */ 786#overflow-search-row { 787 flex-shrink: 0 !important; 788 width: 100% !important; 789 padding: 0 30px 20px 30px !important; 790 box-sizing: border-box !important; 791 list-style: none !important; 792} 793#overflow-search-bar-full { 794 display: flex !important; 795 align-items: center !important; 796 justify-content: space-between !important; 797 width: 100% !important; 798 border-bottom: 1px solid rgba(255,255,255,0.3) !important; 799 padding-bottom: 8px !important; 800} 801#overflow-search-bar-full input[type="search"] { 802 background: transparent !important; 803 border: none !important; 804 outline: none !important; 805 width: 100% !important; 806 color: #ffffff !important; 807 font-size: 24px !important; 808 font-weight: 400 !important; 809 font-family: Montserrat, Helvetica, Arial, sans-serif !important; 810 -webkit-appearance: none !important; 811 appearance: none !important; 812 align-self: flex-end !important; 813 padding: 0 !important; 814 margin: 0 !important; 815 line-height: 1.2 !important; 816} 817#overflow-search-bar-full input[type="search"]::placeholder { 818 color: rgba(255,255,255,0.4) !important; 819} 820#overflow-search-bar-full a { 821 flex-shrink: 0 !important; 822 margin-left: 24px !important;
823 align-self: flex-end !important; 824} 825#overflow-search-bar-full a i { 826 color: white !important; 827 font-size: 26px !important; 828} 829 830/* âââ Dynamic page columns âââââââââââââââââââââââââââââââââââââââââââââââââââ */ 831#overflow-columns { 832 display: grid !important; 833 grid-template-columns: repeat(3, 1fr) auto !important; 834 align-content: start !important; 835 flex: none !important; 836 padding: 10px 30px 20px 30px !important; 837 box-sizing: border-box !important; 838 gap: 20px 0 !important; 839 list-style: none !important; 840 margin: 0 !important; 841} 842#overflow-columns > li { 843 list-style: none !important; 844 padding: 0 !important; 845 align-self: start !important; 846} 847#overflow-columns > li > a { 848 display: inline-block !important; 849 height: auto !important; 850 padding: 0 0 6px 0 !important; 851 color: #f1563a !important; 852 text-shadow: none !important; 853 text-decoration: none !important; 854 font-size: 22px !important; 855 font-weight: 800 !important; 856 transition: color 0.3s ease !important; 857} 858#overflow-columns > li > a:hover { 859 color: #ff7a5c !important; 860} 861#overflow-columns > li > ul { 862 display: block !important; 863 list-style: none !important; 864 padding: 0 !important; 865 margin: 0 !important; 866} 867#overflow-columns > li > ul > li { 868 list-style: none !important; 869 line-height: 1.6 !important; 870} 871#overflow-columns > li > ul > li > a { 872 display: inline-block !important; 873 padding: 1px 0 !important; 874 color: #ffffff !important; 875 font-size: 15px !important; 876 font-weight: 600 !important; 877 text-decoration: none !important; 878 line-height: 1.6 !important; 879 transition: color 0.3s ease !important; 880} 881#overflow-columns > li > ul > li > a:hover { 882 color: rgba(255,255,255,0.7) !important; 883} 884#overflow-columns > li > ul > li > ul { 885 display: none !important; 886} 887 888#overflow-login-row { 889 grid-column: 4 !important; 890 grid-row: 1 !important; 891 display: flex !important; 892 flex-direction: column !important; 893 align-items: flex-end !important; 894 padding: 0 !important; 895 box-sizing: border-box !important; 896} 897 898#overflow-login-row #overflow-extra-links-heading { 899 color: white !important; 900 font-family: Montserrat, Helvetica, Arial, sans-serif !important; 901 font-size: 18px !important; 902 font-weight: 700 !important; 903 letter-spacing: 0.5px !important; 904 margin: 28px 0 0 0 !important; 905 padding: 0 !important; 906 text-align: center !important; 907 text-decoration: underline !important; 908} 909 910#overflow-login .nav-login-logged-in { 911 display: flex !important; 912 flex-direction: column !important; 913 align-items: center !important; 914 gap: 8px !important; 915} 916#overflow-login .nav-login-hello { 917 color: white !important; 918 font-size: 24px !important; 919 font-weight: 800 !important; 920 letter-spacing: 1px !important; 921} 922#overflow-login .nav-login-actions { 923 display: flex !important; 924 gap: 8px !important; 925} 926#overflow-login .nav-login-actions a.btn.btn-primary { 927 background-color: #f1563a !important; 928 padding: 6px 20px !important; 929 font-size: 14px !important; 930 color: white !important; 931 border-color: #f1563a !important; 932} 933#overflow-login .nav-login-actions a.btn.btn-primary:hover { 934 color: #d3d3d3 !important; 935 background-color: #f1563a !important; 936 border-color: #f1563a !important; 937} 938#overflow-login > a { 939 color: white !important; 940 font-size: 18px !important; 941 font-weight: 800 !important; 942 letter-spacing: 1px !important; 943 text-decoration: none !important; 944 transition: color 0.3s ease !important; 945} 946#overflow-login > a:hover { 947 color: #f1563a !important; 948} 949 950#overflow-login-row #overflow-extra-links { 951 list-style: none !important; 952 margin: 16px auto 0 auto !important; 953 padding: 0 !important; 954 display: flex !important; 955 flex-direction: column !important; 956 align-items: flex-start !important; 957 align-self: center !important; 958 width: max-content !important; 959 gap: 8px !important; 960} 961 962#overflow-extra-links li { 963 list-style: none !important; 964} 965#overflow-extra-links a { 966 color: white !important; 967 text-decoration: none !important; 968 font-family: Montserrat, Helvetica, Arial, sans-serif !important; 969 font-size: 28px !important; 970 font-weight: 600 !important; 971 letter-spacing: 0.5px !important; 972 line-height: 1.2 !important; 973 transition: color 0.3s ease !important; 974} 975#overflow-extra-links a:hover { 976 color: #f1563a !important; 977} 978 979/* âââ Hide old fixed-position overlay elements âââââââââââââââââââââââââââââââ */ 980#overflow-logo, 981#overflow-actions, 982#overflow-divider { 983 display: none !important; 984} 985.overflow-menu-close { 986 display: none !important; 987} 988 989#overflow-extra-links-heading .heading-short { 990 display: none !important; 991} 992 993/* âââ Tablet landscape (~1024px) âââââââââââââââââââââââââââââââââââââââââââââ */ 994@media (max-width: 1024px) { 995 #overflow-logo-inline img { 996 height: 50px !important; 997 } 998 #overflow-static-nav { 999 gap: 20px !important; 1000 } 1001 #overflow-static-nav a { 1002 font-size: 15px !important; 1003 } 1004 #overflow-close-btn { 1005 font-size: 44px !important; 1006 } 1007 #overflow-columns > li > a { 1008 font-size: 18px !important; 1009 } 1010 #overflow-columns > li > ul > li > a { 1011 font-size: 13px !important; 1012 } 1013} 1014 1015/* âââ Tablet portrait (~768px) âââââââââââââââââââââââââââââââââââââââââââââââ */ 1016@media (max-width: 768px) { 1017 #overflow-top-bar { 1018 padding: 18px 20px 16px 20px !important; 1019 gap: 16px !important; 1020 } 1021 #overflow-logo-inline img { 1022 height: 42px !important; 1023 } 1024 #overflow-static-nav { 1025 gap: 14px !important; 1026 } 1027 #overflow-static-nav a { 1028 font-size: 13px !important; 1029 letter-spacing: 0.5px !important; 1030 } 1031 #overflow-close-btn { 1032 font-size: 38px !important; 1033 } 1034 #overflow-search-row { 1035 padding: 0 20px 16px 20px !important; 1036 } 1037 #overflow-search-bar-full input[type="search"] { 1038 font-size: 20px !important; 1039 } 1040#overflow-columns { 1041 padding: 10px 20px 16px 20px !important; 1042 row-gap: 16px !important; 1043 grid-template-columns: repeat(3, 1fr) auto !important; 1044 } 1045 1046 #overflow-columns > li > a { 1047 font-size: 16px !important; 1048 } 1049 #overflow-login .nav-login-actions a.btn.btn-primary { 1050 width: 100% !important; 1051 text-align: center !important; 1052 } 1053 #overflow-columns > li > ul > li > a { 1054 font-size: 12px !important; 1055 } 1056 1057 #overflow-search-bar-full {
1058 align-items: flex-end !important; 1059 } 1060 #overflow-search-bar-full input[type="search"] { 1061 font-size: 20px !important; 1062 line-height: 1 !important; 1063 } 1064} 1065 1066@media (max-width: 600px) { 1067 #overflow-top-bar { 1068 flex-wrap: wrap !important; 1069 gap: 8px !important; 1070 padding: 16px 20px 16px 20px !important; 1071 } 1072 1073 #overflow-columns { 1074 grid-template-columns: 1fr auto !important; 1075 gap: 0px 24px !important; 1076 row-gap: 0px !important; 1077 grid-row-gap: 0px !important; 1078 position: relative !important; 1079 } 1080 #overflow-columns > li:not(#overflow-login-row) { 1081 grid-column: 1 !important; 1082 align-self: start !important; 1083 } 1084 1085 #overflow-extra-links-heading .heading-full { 1086 display: none !important; 1087 } 1088 #overflow-extra-links-heading .heading-short { 1089 display: inline !important; 1090 } 1091 1092#overflow-login-row { 1093 position: absolute !important; 1094 top: 0 !important; 1095 right: 20px !important; 1096 grid-column: unset !important; 1097 grid-row: unset !important; 1098 display: flex !important; 1099 flex-direction: column !important; 1100 align-items: flex-start !important; 1101 order: unset !important; 1102 margin-bottom: 0 !important; 1103} 1104 #overflow-login-row #overflow-login { 1105 margin-top: 16px !important; 1106 } 1107 1108 #overflow-login .nav-login-actions { 1109 flex-direction: column !important; 1110 gap: 8px !important; 1111 } 1112 1113 #overflow-columns > li > ul { 1114 display: none !important; 1115 } 1116 #overflow-columns > li > a { 1117 font-size: 18px !important; 1118 padding-bottom: 4px !important; 1119 } 1120 #overflow-static-nav { 1121 order: 2 !important; 1122 width: 100% !important; 1123 justify-content: center !important; 1124 flex-wrap: wrap !important; 1125 gap: 10px !important; 1126 } 1127 #overflow-static-nav a { 1128 font-size: 11px !important; 1129 letter-spacing: 0 !important; 1130 } 1131 #overflow-logo-inline img { 1132 content: url('/Content/ExternalSite/Icons/icon_logo_w_lg_white.png') !important; 1133 height: 44px !important; 1134 width: auto !important; 1135 } 1136 #overflow-login { 1137 margin-left: auto !important; 1138 } 1139 1140 #overflow-close-btn { 1141 position: fixed !important; 1142 top: 16px !important; 1143 right: 20px !important; 1144 font-size: 36px !important; 1145 } 1146 1147 #overflow-static-nav { 1148 justify-content: flex-start !important; 1149 } 1150 #overflow-close-btn { 1151 margin-left: auto !important; 1152 } 1153 1154 #overflow-login .nav-login-logged-in { 1155 flex-direction: column !important; 1156 align-items: flex-start !important; 1157 flex-wrap: nowrap !important; 1158 gap: 8px !important; 1159 } 1160 #overflow-login .nav-login-hello { 1161 font-size: 20px !important; 1162 } 1163 #overflow-login .nav-login-actions a.btn.btn-primary { 1164 padding: 5px 14px !important; 1165 font-size: 12px !important; 1166 } 1167 1168 /* âââ Campus dropdown toggle: keep white, fix active/hover state âââ */ 1169 html body ul.nav.navbar-nav.contextsetter-campus a.dropdown-toggle, 1170 html body ul.nav.navbar-nav.contextsetter-campus li a.dropdown-toggle { 1171 color: white !important; 1172 } 1173 html body ul.nav.navbar-nav.contextsetter-campus li.open a.dropdown-toggle, 1174 html body ul.nav.navbar-nav.contextsetter-campus li a.dropdown-toggle:focus, 1175 html body ul.nav.navbar-nav.contextsetter-campus li a.dropdown-toggle:active { 1176 color: white !important; 1177 background: transparent !important; 1178 outline: none !important; 1179 box-shadow: none !important; 1180 transform: none !important; 1181 } 1182 html body ul.nav.navbar-nav.contextsetter-campus a.dropdown-toggle i, 1183 html body ul.nav.navbar-nav.contextsetter-campus li a.dropdown-toggle i { 1184 transform: none !important; 1185 color: white !important; 1186 } 1187 1188} 1189 1190/* âââ Small mobile (~400px) ââââââââââââââââââââââââââââââââââââââââââââââââââ */ 1191@media (max-width: 400px) { 1192 #overflow-static-nav a { 1193 font-size: 10px !important; 1194 } 1195 #overflow-static-nav { 1196 gap: 8px !important; 1197 } 1198} 1199 1200@media (min-width: 1600px) { 1201 1202 #overflow-login-row #overflow-extra-links-heading { 1203 font-size: 32px !important; 1204 } 1205 1206 #overflow-login-row #overflow-extra-links a { 1207 font-size: 28px !important; 1208 line-height: 1.2 !important; 1209 } 1210 1211 ul.menu > li > a { 1212 font-size: 18px !important; 1213 padding: 0 28px !important; 1214 letter-spacing: 1.5px !important; 1215 } 1216 #overflow-logo-inline img { 1217 height: 70px !important; 1218 } 1219 #overflow-static-nav { 1220 gap: 36px !important; 1221 } 1222 #overflow-static-nav a { 1223 font-size: 22px !important; 1224 } 1225 #overflow-columns > li > a { 1226 font-size: 26px !important; 1227 } 1228 #overflow-columns > li > ul > li > a { 1229 font-size: 17px !important; 1230 } 1231 #overflow-search-bar-full input[type="search"] { 1232 font-size: 28px !important; 1233 } 1234 1235 #overflow-login .nav-login-hello { 1236 font-size: 20px !important; 1237 } 1238 #overflow-login .nav-login-actions a.btn.btn-primary { 1239 font-size: 16px !important; 1240 padding: 8px 28px !important; 1241 } 1242} 1243 1244@media (min-width: 1920px) { 1245 1246 #overflow-login-row #overflow-extra-links-heading { 1247 font-size: 32px !important; 1248 } 1249 1250 #overflow-login-row #overflow-extra-links a { 1251 font-size: 28px !important; 1252 line-height: 1.2 !important; 1253 } 1254 1255 ul.menu > li > a { 1256 font-size: 20px !important; 1257 padding: 0 32px !important; 1258 letter-spacing: 2px !important; 1259 } 1260 #overflow-static-nav { 1261 gap: 44px !important; 1262 } 1263 #overflow-static-nav a { 1264 font-size: 24px !important; 1265 } 1266 #overflow-columns > li > a { 1267 font-size: 28px !important; 1268 } 1269 #overflow-columns > li > ul > li > a { 1270 font-size: 18px !important; 1271 } 1272 1273 #overflow-login .nav-login-hello { 1274 font-size: 28px !important; 1275 } 1276 #overflow-login .nav-login-actions a.btn.btn-primary { 1277 font-size: 18px !important; 1278 padding: 10px 32px !important; 1279 } 1280} 1281 1282@media (hover: none) { 1283 ul.nav.navbar-nav.contextsetter-campus a.dropdown-toggle i { 1284 color: inherit !important; 1285 transform: none !important; 1286 } 1287} 1288 1289</style> 1290
1291<script> 1292var isScrolled = false; 1293var forceScrolled = false; 1294var LOGO_FULL_WHITE = '/Assets/Images/3.0_Left_Align-White.png'; 1295var LOGO_FULL_DARK = '/Content/ExternalSite/1_Woodmen_Logos_for_IT-01.png'; 1296var LOGO_ICON_WHITE = '/Content/ExternalSite/Icons/icon_logo_w_lg_white.png'; 1297var LOGO_ICON_DARK = '/Content/ExternalSite/Icons/icon_logo_w_lg_color.png'; 1298var LOGO_BREAKPOINT = 760; 1299 1300function updateLogo() { 1301 var logo = document.getElementById('nav-logo'); 1302 if (!logo) return; 1303 var isSmall = window.innerWidth <= LOGO_BREAKPOINT; 1304 if (isSmall) { 1305 logo.src = isScrolled ? LOGO_ICON_DARK : LOGO_ICON_WHITE; 1306 } else { 1307 logo.src = isScrolled ? LOGO_FULL_DARK : LOGO_FULL_WHITE; 1308 } 1309} 1310 1311window.addEventListener('scroll', function() { 1312console.log('scroll fired â forceScrolled:', forceScrolled, 'isScrolled:', isScrolled, 'scrollY:', window.scrollY); 1313 var nav = document.querySelector('.nav-container'); 1314 var logo = document.getElementById('nav-logo'); 1315 if (window.scrollY > 50 && !isScrolled) { 1316 isScrolled = true; 1317 nav.classList.add('scrolled'); 1318 if (logo) { 1319 logo.style.opacity = '0'; 1320 setTimeout(function() { 1321 updateLogo(); 1322 logo.style.opacity = '1'; 1323 }, 150); 1324 } 1325 } else if (window.scrollY <= 50 && isScrolled) { 1326 if (!forceScrolled) { 1327 isScrolled = false; 1328 nav.classList.remove('scrolled'); 1329 if (logo) { 1330 logo.style.opacity = '0'; 1331 setTimeout(function() { 1332 updateLogo(); 1333 logo.style.opacity = '1'; 1334 }, 150); 1335 } 1336 } 1337 } 1338}); 1339 1340// âââ Force scrolled state on pages with no hero âââââââââââââââââââââââââââ 1341function applyNoHeroState() { 1342 var hero = document.querySelector('.video-header, .imagebg, .hero'); 1343 var isFullBleedHero = false; 1344 if (hero) { 1345 var rect = hero.getBoundingClientRect(); 1346 var isNearTop = rect.top < 200; 1347 var isFullWidth = rect.width >= window.innerWidth * 0.95; 1348 isFullBleedHero = isNearTop && isFullWidth; 1349 } 1350 if (!isFullBleedHero) { 1351 var nav = document.querySelector('.nav-container'); 1352 if (nav) nav.classList.add('scrolled'); 1353 isScrolled = true; 1354 forceScrolled = true; 1355 updateLogo(); 1356 } 1357} 1358 1359if (document.readyState === 'loading') { 1360 document.addEventListener('DOMContentLoaded', applyNoHeroState); 1361} else { 1362 applyNoHeroState(); 1363} 1364 1365window.addEventListener('load', applyNoHeroState); 1366</script>
1366<div id="bid_345" data-zone-location="Layout" class="block-instance js-block-instance page-menu block-role-navigation"> 1367 <div class="block-content"> 1368 <div id="ctl00_ctl37_ctl01_ctl00_upContent"> 1369 1370 1371 1372<div class="nav-module logo-module left"> 1373 <a href="/page/1"> 1374 <img class="logo" 1375 id="nav-logo" 1376 src="/Assets/Images/3.0_Left_Align-White.png" 1377 data-scrolled-src="/Content/ExternalSite/1_Woodmen_Logos_for_IT-01.png" 1378 alt="Woodmen Valley Chapel"> 1379 </a> 1380</div> 1381<ul class="menu"> 1382 <li><a href="https://woodmenvalley.org/watch">WATCH</a></li> 1383 <li><a href="https://woodmenvalley.org/Plan-your-visit">I'M NEW</a></li> 1384 <li><a href="https://woodmenvalley.org/adults">CONNECT</a></li> 1385 <li><a href="https://woodmenvalley.org/serve">SERVE</a></li> 1386 <li><a href="https://woodmenvalley.org/give">GIVE</a></li> 1387</ul> 1388 1389 1390<ul class="menu-overflow-only" style="display:none !important;"> 1391 1392 1393 1394 <li> 1395 1396 1397 1398 1399 1400 1401 <a href="/Plan-your-visit">I'm New</a> 1402 1403 <ul> 1404 1405 <li> 1406 1407 1408 1409 1410 1411 1412 <a href="/connectatwoodmen">Connect at Woodmen</a> 1413 </li> 1414 1415 <li> 1416 1417 1418 1419 1420 1421 1422 <a href="/weekends">Weekend Service</a> 1423 </li> 1424 1425 <li> 1426 1427 1428 1429 1430 1431 1432 <a href="/woodmenwelcome">Woodmen Welcome</a> 1433 </li> 1434 1435 <li> 1436 1437 1438 1439 1440 1441 1442 <a href="/know-jesus">Know Jesus</a> 1443 </li> 1444 1445 <li> 1446 1447 1448 1449 1450 1451 1452 <a href="/baptism">Baptism</a> 1453 </li> 1454 1455 <li> 1456 1457 1458 1459 1460 1461 1462 <a href="/faqs">Frequently Asked Questions</a> 1463 </li> 1464 1465 </ul> 1466 1467 </li> 1468 1469 <li> 1470 1471 1472 1473 1474 1475 1476 <a href="/about">About Us</a> 1477 1478 <ul> 1479 1480 <li> 1481 1482 1483 1484 1485 1486 1487 <a href="/vision">Vision & Mission</a> 1488 </li> 1489 1490 <li> 1491 1492 1493 1494 1495 1496 1497 <a href="/what-we-believe">What We Believe</a> 1498 </li> 1499 1500 <li> 1501 1502 1503 1504 1505 1506 1507 <a href="/ContactUs">Contact Us</a> 1508 </li> 1509 1510 <li> 1511 1512 1513 1514 1515 1516 1517 <a href="/elders">Elders & Deacons</a> 1518 </li> 1519 1520 <li> 1521 1522 1523 1524 1525 1526 1527 <a href="/campuses">Campuses</a> 1528 </li> 1529 1530 <li> 1531 1532 1533 1534 1535 1536 1537 <a href="/careers">Careers</a> 1538 </li> 1539 1540 <li> 1541 1542 1543 1544 1545 1546 1547 <a href="/rez">School of Ministry</a> 1548 </li> 1549 1550 <li> 1551 1552 1553 1554 1555 1556 1557 <a href="/staffcontacts">Staff Contacts</a> 1558 </li> 1559 1560 </ul> 1561 1562 </li> 1563 1564 <li> 1565 1566 1567 1568 1569 1570 1571 <a href="/churchlife">Get Involved</a> 1572 1573 <ul> 1574 1575 <li> 1576 1577 1578 1579 1580 1581 1582 <a href="/community">Community Groups</a> 1583 </li> 1584 1585 <li> 1586 1587 1588 1589 1590 1591 1592 <a href="/kids">Kids</a> 1593 </li> 1594 1595 <li> 1596 1597 1598 1599 1600 1601 1602 <a href="/students">Students</a> 1603 </li> 1604 1605 <li> 1606 1607 1608 1609 1610 1611 1612 <a href="/youngadult">Young Adults</a> 1613 </li> 1614 1615 <li> 1616 1617 1618 1619 1620 1621 1622 <a href="/adults">Adults</a> 1623 </li> 1624 1625 <li> 1626 1627 1628 1629 1630 1631 1632 <a href="/care">Care</a> 1633 </li> 1634 1635 <li> 1636 1637 1638 1639 1640 1641 1642 <a href="/worship">Worship</a> 1643 </li> 1644 1645 </ul> 1646 1647 </li> 1648 1649 <li> 1650 1651 1652 1653 1654 1655 1656 <a href="/contribute">Serve/Give</a> 1657 1658 <ul> 1659 1660 <li> 1661 1662 1663 1664 1665 1666 1667 <a href="/serve">Serve</a> 1668 </li> 1669 1670 <li> 1671 1672 1673 1674 1675 1676 1677 <a href="/stewardship">Stewardship and Giving</a> 1678 </li> 1679 1680 <li> 1681 1682 1683 1684 1685 1686 1687 <a href="/able">ABLE Initiative</a> 1688 </li> 1689 1690 </ul> 1691 1692 </li> 1693 1694 <li> 1695 1696 1697 1698 1699 1700 1701 <a href="/media">Media/Events</a> 1702 1703 <ul> 1704 1705 <li> 1706 1707 1708 1709 1710 1711 1712 <a href="/interact">Online Service</a> 1713 </li> 1714 1715 <li> 1716 1717 1718 1719 1720 1721 1722 <a href="/calendar">Calendar</a> 1723 </li> 1724 1725 <li> 1726 1727 1728 1729 1730 1731 1732 <a href="/stories">Stories</a> 1733 </li> 1734 1735 <li> 1736 1737 1738 1739 1740 1741 1742 <a href="/bible-tours">Educational Travel</a> 1743 </li> 1744 1745 <li> 1746 1747 1748 1749 1750 1751 1752 <a href="/app" target="_blank">Get the App</a> 1753 </li> 1754 1755 <li> 1756 1757 1758 1759 1760 1761 1762 <a href="/privacypolicy">Conduct & Privacy Policies</a> 1763 </li> 1764 1765 <li> 1766 1767 1768 1769 1770 1771 1772 <a href="/memorialstream">Celebration of Life</a> 1773 </li> 1774 1775 </ul> 1776 1777 </li> 1778 1779 <li> 1780 1781 1782 1783 1784 1785 1786 <a href="/crisis-resources">Resources</a> 1787 1788 <ul> 1789 1790 <li> 1791 1792 1793 1794 1795 1796 1797 <a href="/updates">
1797Updates</a> 1798 </li> 1799 1800 <li> 1801 1802 1803 1804 1805 1806 1807 <a href="/needhelp">Need Help</a> 1808 </li> 1809 1810 <li> 1811 1812 1813 1814 1815 1816 1817 <a href="/givehelp">Give Help</a> 1818 </li> 1819 1820 <li> 1821 1822 1823 1824 1825 1826 1827 <a href="/prayers">Prayer</a> 1828 </li> 1829 1830 <li> 1831 1832 1833 1834 1835 1836 1837 <a href="/relationshipresources">Relationship Resources</a> 1838 </li> 1839 1840 <li> 1841 1842 1843 1844 1845 1846 1847 <a href="/parentingresources">Parenting Resources</a> 1848 </li> 1849 1850 <li> 1851 1852 1853 1854 1855 1856 1857 <a href="/bible">Bible Reading Plan</a> 1858 </li> 1859 1860 </ul> 1861 1862 </li> 1863 1864</ul> 1865 1866 1867<!-- Login --> 1868<div class="nav-login" style="display: none !important;"> 1869 1870 <a href="/Login?returnurl=%2FLogin">LOG IN</a> 1871 1872</div> 1873 1874<!-- Search --> 1875<div class="nav-search"> 1876 <div class="input-with-icon right-icon"> 1877 <a href="/search/" onclick="inputHdrSearch();return false;"><i class="icon-Magnifi-Glass2 icon icon--sm"></i></a> 1878 <input type="search" name="query" placeholder="Search..." id="input-hdr-search"> 1879 </div> 1880</div> 1881 1882<!-- Hamburger button --> 1883<div class="nav-hamburger" id="nav-hamburger"> 1884 <span></span> 1885 <span></span> 1886 <span></span> 1887</div> 1888 1889<!-- Overflow overlay --> 1890<ul class="overflow-menu" id="overflow-menu"></ul> 1891 1892<style> 1893/* Safety net: if the theme ever re-applies nav--fixed, suppress its 1894 drop-in entrance animation and grey background */ 1895.nav-bar.nav--fixed { 1896 animation: none !important; 1897 background: transparent !important; 1898} 1899.menu { 1900 z-index: 100; 1901} 1902.nav-module.logo-module.left img.logo { 1903 height: 80px; 1904 min-height: 80px !important; 1905 width: auto; 1906 display: block; 1907 transition: opacity 0.3s ease; 1908 margin-top: -20px; 1909} 1910.nav-bar > .container { 1911 height: auto !important; 1912 min-height: 80px !important; 1913} 1914.nav-bar, 1915.nav-bar.navbar { 1916 height: auto !important; 1917 min-height: 80px !important; 1918} 1919.hidden-item { 1920 display: none !important; 1921} 1922.nav-login { 1923 display: inline-flex !important; 1924 align-items: center !important; 1925 margin-left: 20px !important; 1926 margin-right: 20px !important; 1927 margin-top: -10px !important; 1928} 1929.nav-login a { 1930 color: white !important; 1931 text-decoration: none !important; 1932 font-family: Montserrat, Helvetica, Arial, sans-serif !important; 1933 font-size: 16px !important; 1934 font-weight: 500 !important; 1935 letter-spacing: 1px !important; 1936 text-shadow: 1px 1px 3px rgba(0,0,0,0.6) !important; 1937 text-transform: uppercase !important; 1938 transition: color 0.3s ease, text-shadow 0.3s ease !important; 1939} 1940.nav-container.scrolled .nav-login a { 1941 color: #333 !important; 1942 text-shadow: none !important; 1943} 1944.nav-container.scrolled ul.menu > li > a:hover { 1945 color: #f1563a !important; 1946} 1947.nav-container ul.nav.navbar-nav.contextsetter.contextsetter-campus::after { 1948 color: #333 !important; 1949} 1950.nav-container.scrolled ul.nav.navbar-nav.contextsetter.contextsetter-campus::after { 1951 color: #333 !important; 1952} 1953.nav-search { 1954 display: none !important; 1955} 1956.nav-hamburger { 1957 display: flex; 1958 position: fixed !important; 1959 top: 12px !important; 1960 right: 15px !important; 1961 flex-direction: column; 1962 justify-content: space-between; 1963 width: 36px !important;
1964 height: 26px !important; 1965 cursor: pointer; 1966 flex-shrink: 0; 1967 z-index: 1030; 1968} 1969 1970@media (max-width: 1279px) { 1971 .nav-hamburger { transform: scale(1.3) !important; right: 12px !important; } 1972} 1973@media (max-width: 1060px) { 1974 .nav-hamburger { transform: scale(1.2) !important; right: 10px !important; } 1975} 1976@media (max-width: 767px) { 1977 .nav-hamburger { transform: scale(1.1) !important; right: 8px !important; top: 8px !important; } 1978} 1979@media (max-width: 600px) { 1980 .nav-hamburger { transform: scale(0.9) !important; right: 8px !important; } 1981} 1982 1983.nav-hamburger span { 1984 display: block; 1985 height: 3px !important; 1986 width: 100%; 1987 background: white; 1988 border-radius: 2px; 1989 transition: background 0.3s ease; 1990} 1991.nav-container.scrolled .nav-hamburger span { 1992 background: #333; 1993} 1994.nav-hamburger:hover span { 1995 background: #f1563a !important; 1996 transition: background 0.3s ease !important; 1997} 1998.nav-container.scrolled .nav-hamburger:hover span { 1999 background: #f1563a !important; 2000} 2001ul.menu > li > a { 2002 font-size: 16px !important; 2003 padding: 0 20px !important; 2004 font-family: Montserrat, Helvetica, Arial, sans-serif !important; 2005 letter-spacing: 1px !important; 2006 transition: color 0.3s ease !important; 2007} 2008ul.menu > li > a:hover, 2009.nav-inner ul.menu > li > a:hover { 2010 color: #f1563a !important; 2011 text-shadow: none !important; 2012} 2013ul.menu > li:not(.overflow-item) > ul { 2014 display: none !important; 2015} 2016ul.menu { 2017 align-self: center !important; 2018 line-height: normal !important; 2019 margin-top: -30px !important; 2020} 2021ul.menu > li > a { 2022 line-height: normal !important; 2023} 2024 2025@media (max-width: 1440px) { 2026 .overflow-menu { 2027 padding: 0 !important; 2028 } 2029} 2030 2031@media (max-width: 760px) { 2032 html body .nav-module.logo-module.left img.logo, 2033 html body .nav-module.logo-module.left img#nav-logo { 2034 height: 50px !important; 2035 min-height: 0 !important; 2036 max-height: 50px !important; 2037 width: auto !important; 2038 max-width: unset !important; 2039 margin-top: 0 !important; 2040 } 2041} 2042</style> 2043
2044<script> 2045// Disarm the Pillar theme's fixed-nav: it sees data-fixed-at="700" on 2046// .nav-bar and re-adds its nav--fixed class at 700px of scroll, replaying 2047// the "navslide" drop-in entrance animation on the already-fixed header. 2048// Removing the attribute before the theme's document-ready init reads it 2049// stops that scroll listener from ever being registered. 2050(function() { 2051 var navBar = document.querySelector('.nav-bar'); 2052 if (navBar) { 2053 navBar.removeAttribute('data-fixed-at'); 2054 navBar.classList.add('no-animation'); 2055 } 2056})(); 2057 2058var isScrolled = false; 2059 2060var LOGO_FULL_WHITE = '/Assets/Images/3.0_Left_Align-White.png'; 2061var LOGO_FULL_DARK = '/Content/ExternalSite/1_Woodmen_Logos_for_IT-01.png'; 2062var LOGO_ICON_WHITE = '/Content/ExternalSite/Icons/icon_logo_w_lg_white.png'; 2063var LOGO_ICON_DARK = '/Content/ExternalSite/Icons/icon_logo_w_lg_color.png'; 2064var LOGO_BREAKPOINT = 760; 2065 2066function updateLogo() { 2067 var logo = document.getElementById('nav-logo'); 2068 if (!logo) return; 2069 var isSmall = window.innerWidth <= LOGO_BREAKPOINT; 2070 if (isSmall) { 2071 logo.src = isScrolled ? LOGO_ICON_DARK : LOGO_ICON_WHITE; 2072 } else { 2073 logo.src = isScrolled ? LOGO_FULL_DARK : LOGO_FULL_WHITE; 2074 } 2075} 2076 2077function triggerRockLogout() { 2078 // Select by "ends with" instead of hardcoding the full ID, 2079 // since ASP.NET control IDs can shift if the page/theme structure changes 2080 var logoutLink = document.querySelector('a[id$="_lbLoginLogout"]'); 2081 if (logoutLink) { 2082 logoutLink.click(); 2083 } else { 2084 console.error('Rock logout control not found on page.'); 2085 } 2086} 2087 2088document.addEventListener('DOMContentLoaded', function() { 2089 2090 updateLogo(); 2091 window.addEventListener('resize', updateLogo); 2092 2093 // Sync nav state to the current scroll position instead of yanking the 2094 // page to the top (the old scrollTo(0,0) caused a visible "pop" on load) 2095 if (window.scrollY > 50) { 2096 var navContainer = document.querySelector('.nav-container'); 2097 if (navContainer) navContainer.classList.add('scrolled'); 2098 isScrolled = true; 2099 updateLogo(); 2100 } 2101 2102 var menuEl = document.querySelector('ul.menu'); 2103 if (menuEl) { 2104 var navInner = menuEl.parentNode; 2105 navInner.classList.add('nav-inner'); 2106 navInner.style.cssText = 'display: flex; align-items: center; flex-wrap: nowrap; width: 100%;'; 2107 } 2108 2109 var campusBar = document.querySelector('.campus-bar'); 2110 var menuItems = document.querySelectorAll('ul.menu > li'); 2111 menuItems.forEach(function(item) { 2112 item.addEventListener('mouseenter', function() { 2113 if (campusBar) campusBar.style.zIndex = '1'; 2114 }); 2115 item.addEventListener('mouseleave', function() { 2116 if (campusBar) campusBar.style.zIndex = '998'; 2117 }); 2118 }); 2119 2120 var hamburger = document.getElementById('nav-hamburger'); 2121 var overflowMenu = document.getElementById('overflow-menu'); 2122 2123 if (!hamburger || !overflowMenu) { 2124 console.warn('Hamburger elements missing:', hamburger, overflowMenu); 2125 return; 2126 } 2127 2128 // âââ Build overlay structure ââââââââââââââââââââââââââââââââââââââââââ 2129 2130 // 1. Top bar: logo + static nav + close button 2131 var topBar = document.createElement('li'); 2132 topBar.id = 'overflow-top-bar'; 2133 2134 var logoLink = document.createElement('a'); 2135 logoLink.href = '/page/1'; 2136 logoLink.id = 'overflow-logo-inline'; 2137 var logoImg = document.createElement('img'); 2138 logoImg.src = window.innerWidth <= 760 2139 ? '/Content/ExternalSite/Icons/icon_logo_w_lg_white.png' 2140 : '/Assets/Images/3.0_Left_Align-White.png'; 2141 logoImg.alt = 'Woodmen Valley Chapel'; 2142 logoLink.appendChild(logoImg); 2143 topBar.appendChild(logoLink); 2144 2145 var staticNavRow = document.createElement('ul'); 2146 staticNavRow.id = 'overflow-static-nav'; 2147 var allItems = document.querySelectorAll('ul.menu > li'); 2148 allItems.forEach(function(item) { 2149 var a = item.querySelector('a'); 2150 if (!a) return; 2151 var li = document.createElement('li'); 2152 var link = document.createElement('a'); 2153 link.href = a.href; 2154 link.textContent = a.textContent; 2155 li.appendChild(link); 2156 staticNavRow.appendChild(li); 2157 }); 2158 topBar.appendChild(staticNavRow); 2159 2160 var closeBtn = document.createElement('button'); 2161 closeBtn.type = 'button'; 2162 closeBtn.id = 'overflow-close-btn'; 2163 closeBtn.innerHTML = '×'; 2164 topBar.appendChild(closeBtn); 2165 2166 overflowMenu.appendChild(topBar); 2167 2168 window.addEventListener('resize', function() { 2169 var overlayLogo = document.querySelector('#overflow-logo-inline img'); 2170 if (!overlayLogo) return; 2171 overlayLogo.src = window.innerWidth <= 760 2172 ? '/Content/ExternalSite/Icons/icon_logo_w_lg_white.png' 2173 : '/Assets/Images/3.0_Left_Align-White.png'; 2174 }); 2175 2176 // 2. Search row 2177 var searchRow = document.createElement('li'); 2178 searchRow.id = 'overflow-search-row'; 2179 searchRow.innerHTML = '<div id="overflow-search-bar-full">' + 2180 '<input type="search" name="query" placeholder="' + (window.innerWidth <= 600 ? 'Search...' : 'What can we help you find?') + '" id="input-overflow-search">' + 2181 '<a href="#" id="overflow-search-submit"><i class="icon-Magnifi-Glass2 icon"></i></a>' + 2182 '</div>'; 2183 overflowMenu.appendChild(searchRow); 2184 2185 window.addEventListener('resize', function() { 2186 var searchInput = document.getElementById('input-overflow-search'); 2187 if (!searchInput) return; 2188 searchInput.placeholder = window.innerWidth <= 600 ? 'Search...' : 'What can we help you find?'; 2189 }); 2190 2191 // Wire up search 2192 function doOverflowSearch() { 2193 var val = document.getElementById('input-overflow-search').value.trim(); 2194 if (val) window.location.href = '/search/?q=' + encodeURIComponent(val); 2195 } 2196 document.getElementById('overflow-search-submit').addEventListener('click', function(e) { 2197 e.preventDefault(); 2198 doOverflowSearch(); 2199 }); 2200 document.getElementById('input-overflow-search').addEventListener('keydown', function(e) { 2201 if (e.key === 'Enter') { e.preventDefault(); doOverflowSearch(); } 2202 }); 2203 2204 // 3. Dynamic page columns 2205 var columnsEl = document.createElement('ul'); 2206 columnsEl.id = 'overflow-columns'; 2207 var oldItems = document.querySelectorAll('ul.menu-overflow-only > li');
2208 oldItems.forEach(function(item) { 2209 var clone = item.cloneNode(true); 2210 // Fix: move any <ul> that got nested inside an <a> back out to the <li> 2211 var anchors = clone.querySelectorAll('a'); 2212 anchors.forEach(function(anchor) { 2213 var nestedUl = anchor.querySelector('ul'); 2214 if (nestedUl) { 2215 anchor.parentNode.appendChild(nestedUl); 2216 anchor.removeChild(nestedUl); 2217 } 2218 }); 2219 columnsEl.appendChild(clone); 2220 }); 2221 2222 // Add login as a 4th grid item in the first row, spanning the right column 2223 var loginItem = document.createElement('li'); 2224 loginItem.id = 'overflow-login-row'; 2225 loginItem.style.setProperty('grid-column', '4'); 2226 loginItem.style.setProperty('grid-row', '1 / -1'); 2227 var navLogin = document.querySelector('.nav-login'); 2228 if (navLogin) { 2229 var loginClone = navLogin.cloneNode(true); 2230 loginClone.id = 'overflow-login'; 2231 loginClone.removeAttribute('style'); 2232 loginItem.appendChild(loginClone); 2233 } 2234 2235 // Hardcoded extra links below login 2236 var extraLinksHeading = document.createElement('p'); 2237 extraLinksHeading.id = 'overflow-extra-links-heading'; 2238 extraLinksHeading.innerHTML = '<span class="heading-full">Visit One of Our Campus Pages</span><span class="heading-short">Campus Pages</span>'; 2239 loginItem.appendChild(extraLinksHeading); 2240 2241 var extraLinks = document.createElement('ul'); 2242 extraLinks.id = 'overflow-extra-links'; 2243 var extraLinksData = [ 2244 { text: 'Rockrimmon', href: '/rockrimmon' }, 2245 { text: 'Heights', href: '/heights' }, 2246 { text: 'Monument', href: '/monument' }, 2247 { text: 'Downtown', href: '/downtown' }, 2248 { text: 'Ark Valley', href: '/arkvalley' } 2249 ]; 2250 extraLinksData.forEach(function(linkData) { 2251 var li = document.createElement('li'); 2252 var a = document.createElement('a'); 2253 a.href = linkData.href; 2254 a.textContent = linkData.text; 2255 li.appendChild(a); 2256 extraLinks.appendChild(li); 2257 }); 2258 loginItem.appendChild(extraLinks); 2259 2260 columnsEl.appendChild(loginItem); 2261 2262 overflowMenu.appendChild(columnsEl); 2263 2264 // âââ Open / close hamburger âââââââââââââââââââââââââââââââââââââââââââ 2265 2266 function openOverflow() { 2267 var scrollY = window.scrollY || window.pageYOffset; 2268 document.body.style.position = 'fixed'; 2269 document.body.style.top = '-' + scrollY + 'px'; 2270 document.body.style.width = '100%'; 2271 document.body.dataset.scrollY = scrollY; 2272 // Force reflow before overlay animates in â fixes iOS flicker 2273 overflowMenu.getBoundingClientRect(); 2274 overflowMenu.classList.add('open'); 2275 overflowMenu.addEventListener('touchmove', blockOverlayScroll, { passive: false }); 2276 overflowMenu.addEventListener('touchstart', function(e) { touchStartY = e.touches[0].clientY; }, { passive: true }); 2277 } 2278 2279 function closeOverflow() { 2280 if (!overflowMenu.classList.contains('open')) return; 2281 var scrollY = parseInt(document.body.dataset.scrollY || '0', 10); 2282 document.body.style.position = ''; 2283 document.body.style.top = ''; 2284 document.body.style.width = ''; 2285 window.scrollTo(0, scrollY); 2286 overflowMenu.classList.remove('open'); 2287 overflowMenu.removeEventListener('touchmove', blockOverlayScroll); 2288 } 2289 2290 // âââ Fix campus dropdown on mobile âââââââââââââââââââââââââââââââââââââââ 2291 var campusLiEl = document.querySelector('ul.nav.navbar-nav.contextsetter-campus > li'); 2292 if (campusLiEl) { 2293 var campusToggle = campusLiEl.querySelector('a.dropdown-toggle'); 2294 if (campusToggle) { 2295 campusToggle.addEventListener('touchend', function(e) { 2296 e.preventDefault(); 2297 e.stopPropagation(); 2298 var isOpen = campusLiEl.classList.contains('open'); 2299 campusLiEl.classList.toggle('open', !isOpen); 2300 if (isOpen) campusToggle.blur(); 2301 }, { passive: false }); 2302 2303 campusToggle.addEventListener('click', function(e) { 2304 var isOpen = campusLiEl.classList.contains('open'); 2305 if (isOpen) { 2306 setTimeout(function() { campusToggle.blur(); }, 10); 2307 } 2308 }); 2309 } 2310 } 2311 2312 var touchStartY = 0; 2313 2314 function blockOverlayScroll(e) { 2315 if (e.touches.length !== 1) return; 2316 var currentY = e.touches[0].clientY; 2317 var deltaY = touchStartY - currentY; // positive = scrolling up, negative = scrolling down 2318 var atTop = overflowMenu.scrollTop <= 0; 2319 var atBottom = overflowMenu.scrollTop + overflowMenu.clientHeight >= overflowMenu.scrollHeight; 2320 2321 if (atTop && deltaY < 0) { 2322 e.preventDefault(); // block pull-to-refresh 2323 } else if (atBottom && deltaY > 0) { 2324 e.preventDefault(); // block over-scroll at bottom 2325 } 2326 } 2327 2328 hamburger.addEventListener('click', function(e) { 2329 e.stopPropagation(); 2330 overflowMenu.classList.contains('open') ? closeOverflow() : openOverflow(); 2331 }); 2332 2333 closeBtn.addEventListener('click', function(e) { 2334 e.stopPropagation(); 2335 closeOverflow(); 2336 }); 2337 2338 document.addEventListener('click', function(e) { 2339 if ( 2340 !e.target.closest('#overflow-menu') && 2341 !e.target.closest('#nav-hamburger') 2342 ) { 2343 setTimeout(closeOverflow, 10); 2344 } 2345 }); 2346 2347 // âââ Late DOM fixes âââââââââââââââââââââââââââââââââââââââââââââââââââ 2348 // (Previously wrapped in setTimeout(..., 200) â no longer needed now that 2349 // this whole function runs on DOMContentLoaded instead of window load.) 2350 2351var styleEl = document.createElement('style'); 2352styleEl.textContent = ` 2353html body ul.nav.navbar-nav.contextsetter.contextsetter-campus::after { 2354 content: '|' !important; 2355 margin-left: 4px !important; 2356 margin-right: 75px !important; 2357 margin-top: -45px !important; 2358 font-size: 80px !important; 2359 color: #333 !important; 2360} 2361.nav-container.scrolled ul.nav.navbar-nav.contextsetter.contextsetter-campus::after { 2362 color: #333 !important; 2363} 2364html body ul.nav.navbar-nav.contextsetter-campus > li { 2365 margin-top: 0 !important; 2366} 2367html body ul.nav.navbar-nav.contextsetter.contextsetter-campus a.dropdown-toggle i, 2368html body ul.nav.navbar-nav.contextsetter.contextsetter-campus li a.dropdown-toggle i { 2369 display: inline-block !important; 2370}
2371#nav-hamburger { 2372 position: fixed !important; 2373 top: 45px !important; 2374 right: 40px !important; 2375 transform: scale(1.5) !important; 2376 overflow: visible !important; 2377} 2378 2379@media (max-width: 1279px) { 2380 html body ul.nav.navbar-nav.contextsetter.contextsetter-campus::after { 2381 font-size: 60px !important; 2382 margin-right: 50px !important; 2383 } 2384 html body ul.nav.navbar-nav.contextsetter.contextsetter-campus a.dropdown-toggle i, 2385 html body ul.nav.navbar-nav.contextsetter.contextsetter-campus li a.dropdown-toggle i { 2386 font-size: 50px !important; 2387 margin-right: -5px !important; 2388 } 2389 #nav-hamburger { 2390 top: 45px !important; 2391 right: 25px !important; 2392 transform: scale(1.3) !important; 2393 } 2394} 2395 2396@media (max-width: 1060px) { 2397 html body ul.nav.navbar-nav.contextsetter.contextsetter-campus::after { 2398 font-size: 55px !important; 2399 margin-right: 45px !important; 2400 } 2401 html body ul.nav.navbar-nav.contextsetter.contextsetter-campus a.dropdown-toggle i, 2402 html body ul.nav.navbar-nav.contextsetter.contextsetter-campus li a.dropdown-toggle i { 2403 font-size: 44px !important; 2404 } 2405 #nav-hamburger { 2406 top: 44px !important; 2407 right: 20px !important; 2408 transform: scale(1.2) !important; 2409 } 2410} 2411 2412@media (max-width: 990px) { 2413 html body ul.nav.navbar-nav.contextsetter.contextsetter-campus::after { 2414 margin-right: 30px !important; 2415 } 2416 2417 #nav-hamburger { 2418 top: 34px !important; 2419 } 2420} 2421 2422@media (max-width: 900px) { 2423 html body ul.nav.navbar-nav.contextsetter.contextsetter-campus::after { 2424 font-size: 60px !important; 2425 margin-right: 26px !important; 2426 } 2427 html body ul.nav.navbar-nav.contextsetter.contextsetter-campus a.dropdown-toggle i, 2428 html body ul.nav.navbar-nav.contextsetter.contextsetter-campus li a.dropdown-toggle i { 2429 font-size: 40px !important; 2430 } 2431} 2432 2433@media (max-width: 840px) { 2434 /* campus pin + pipe hidden here per doc 2's structural rule (ul.menu display:none) */ 2435 #nav-hamburger { 2436 top: 35px !important; 2437 right: 15px !important; 2438 transform: scale(1.1) !important; 2439 } 2440} 2441 2442@media (max-width: 600px) { 2443 html body ul.nav.navbar-nav.contextsetter.contextsetter-campus::after { 2444 display: none !important; 2445 } 2446 html body ul.nav.navbar-nav.contextsetter.contextsetter-campus a.dropdown-toggle i, 2447 html body ul.nav.navbar-nav.contextsetter.contextsetter-campus li a.dropdown-toggle i { 2448 font-size: 34px !important; 2449 margin-right: 32px !important; 2450 } 2451 #nav-hamburger { 2452 top: 38px !important; 2453 right: 12px !important; 2454 transform: scale(0.95) !important; 2455 } 2456} 2457`; 2458document.head.appendChild(styleEl); 2459 2460 var blockInstance = document.querySelector('.nav-bar .block-instance.page-menu'); 2461 if (blockInstance) { 2462 blockInstance.style.setProperty('flex', '1 1 auto', 'important'); 2463 blockInstance.style.setProperty('min-width', '0', 'important'); 2464 } 2465 var menuModule = document.querySelector('.nav-bar .nav-module.menu-module'); 2466 if (menuModule) menuModule.style.setProperty('flex', '1', 'important'); 2467 2468 var campus = document.querySelector('ul.nav.navbar-nav.contextsetter-campus'); 2469 var navInnerEl = document.querySelector('.nav-inner'); 2470 var hamburgerEl = document.getElementById('nav-hamburger'); 2471 2472 if (navInnerEl) navInnerEl.style.setProperty('padding-right', '20px', 'important'); 2473 2474 // NOTE: `campus` is live Rock block markup with its own UpdatePanel. 2475 // We no longer reposition or reparent it â it's left exactly where Rock 2476 // rendered it, and its native CSS (position: fixed; right: 65px; top: 0, 2477 // defined in the Campus Context Setter Pre-HTML) controls its placement. 2478 // Only `hamburgerEl` (a plain div we wrote) is safe to reposition. 2479 2480 if (navInnerEl) navInnerEl.style.setProperty('opacity', '1', 'important'); 2481 2482}); // end DOMContentLoaded 2483</script>
2483 2484 2485 </div> 2486 2487 </div> 2488</div></style><style> 2489ul.nav.navbar-nav.contextsetter.contextsetter-campus { 2490 position: static !important; 2491 height: 60px !important; 2492 transform: none !important; 2493 display: flex !important; 2494 align-items: center !important; 2495 list-style: none !important; 2496 padding: 0 !important; 2497 margin: 0 0 0 auto !important; 2498 flex-shrink: 0 !important; 2499 order: 2 !important; 2500} 2501 2502.nav-container.scrolled ul.nav.navbar-nav.contextsetter.contextsetter-campus::after { 2503 color: rgba(0,0,0,0.3) !important; 2504} 2505 2506ul.nav.navbar-nav.contextsetter.contextsetter-campus a.dropdown-toggle { 2507 background: transparent !important; 2508 border: none !important; 2509 box-shadow: none !important; 2510 padding: 0 !important; 2511 color: transparent !important; 2512 font-size: 0 !important; 2513} 2514ul.nav.navbar-nav.contextsetter.contextsetter-campus a.dropdown-toggle *:not(i) { 2515 display: none !important; 2516} 2517ul.nav.navbar-nav.contextsetter.contextsetter-campus a.dropdown-toggle i { 2518 display: inline-block !important; 2519 font-size: 55px !important; 2520 color: #f1563a !important; 2521 transition: transform 0.3s ease, color 0.3s ease !important; 2522 margin-top: -25px !important; 2523} 2524ul.nav.navbar-nav.contextsetter.contextsetter-campus a.dropdown-toggle:hover i { 2525 transform: rotate(-15deg) scale(1.2) !important; 2526 color: #316e73 !important; 2527} 2528.nav-container.scrolled ul.nav.navbar-nav.contextsetter.contextsetter-campus a.dropdown-toggle i { 2529 color: #f1563a !important; 2530} 2531.nav-container.scrolled ul.nav.navbar-nav.contextsetter.contextsetter-campus a.dropdown-toggle:hover i { 2532 color: #316e73 !important; 2533} 2534 2535ul.nav.navbar-nav.contextsetter.contextsetter-campus .dropdown-menu { 2536 right: 0 !important; 2537 left: auto !important; 2538 min-width: 160px !important; 2539 background: #f1563a !important; /* â changed from rgba(255,255,255,0.97) */ 2540 backdrop-filter: blur(20px) !important; 2541 border: none !important; 2542 box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important; 2543 border-radius: 6px !important; 2544 top: 0 !important; 2545 margin-top: 50px !important; 2546 margin-left: 10px !important; 2547} 2548ul.nav.navbar-nav.contextsetter.contextsetter-campus .dropdown-menu a { 2549 color: white !important; /* â changed from #333 */ 2550 font-size: 14px !important; 2551 padding: 8px 16px !important; 2552} 2553ul.nav.navbar-nav.contextsetter.contextsetter-campus .dropdown-menu a:hover { 2554 background: rgba(0,0,0,0.1) !important; 2555 color: #333 !important; /* â keep consistent on hover */ 2556} 2557 2558ul.nav.navbar-nav.contextsetter.contextsetter-campus a.dropdown-toggle.navbar-link { 2559 display: inline-flex !important; 2560 align-items: center !important; 2561 width: auto !important; 2562 min-width: 0 !important; 2563 padding: 0 !important; 2564 margin: 0 !important; 2565 line-height: 1 !important; 2566} 2567 2568ul.nav.navbar-nav.contextsetter.contextsetter-campus > li { 2569 padding: 0px !important; 2570 margin: 0px !important; 2571 width: auto !important; 2572 min-width: 0px !important; 2573} 2574 2575ul.nav.navbar-nav.contextsetter.contextsetter-campus .dropdown-menu a { 2576 display: flex !important; 2577 flex-direction: column !important; 2578 padding: 12px 20px !important; 2579} 2580html body ul.nav.navbar-nav.contextsetter.contextsetter-campus .dropdown-menu a .campus-name, 2581html body ul.nav.navbar-nav.contextsetter.contextsetter-campus .dropdown-menu a.campus-name, 2582.campus-name { 2583 font-size: 18px !important; 2584 font-weight: 700 !important; 2585 color: white !important; 2586 line-height: 1.3 !important; 2587 display: block !important; 2588} 2589.campus-address { 2590 font-size: 14px !important; 2591 font-weight: 500 !important; 2592 color: white !important; /* â #316e73 at 75% opacity */ 2593 margin-top: 4px !important; 2594 line-height: 1.4 !important; 2595 display: block !important; 2596} 2597 2598</style> 2599
2600<script> 2601 2602window.addEventListener('load', function() { 2603 // Inject map marker icon 2604 var toggle = document.querySelector('ul.nav.navbar-nav.contextsetter.contextsetter-campus a.dropdown-toggle'); 2605 if (toggle) { 2606 toggle.innerHTML = '<i class="fa fa-map-marker"></i>'; 2607 } 2608 2609 // Campus address lookup 2610 var campusAddresses = { 2611 'Rockrimmon': '290 E Woodmen Rd<br>Colorado Springs, CO 80919', 2612 'Woodmen Heights': '8292 Woodmen Valley Vw<br>Colorado Springs, CO 80908', 2613 'Monument': '1681 Wagon Bow Way<br>Monument, CO 80132', 2614 'Downtown': '16 E Platte Ave<br>Colorado Springs, CO 80903', 2615 'Ark Valley': '12750 CO-96<br>Ordway, CO 81063' 2616 }; 2617 2618 // Inject addresses into dropdown items 2619 function injectAddresses() { 2620 var dropdownLinks = document.querySelectorAll('ul.nav.navbar-nav.contextsetter.contextsetter-campus .dropdown-menu a'); 2621 dropdownLinks.forEach(function(link) { 2622 var name = link.textContent.trim(); 2623 if (campusAddresses[name] && !link.querySelector('.campus-address')) { 2624 var nameSpan = document.createElement('span'); 2625 nameSpan.className = 'campus-name'; 2626 nameSpan.textContent = name; 2627
2628 var addressSpan = document.createElement('span'); 2629 addressSpan.className = 'campus-address'; 2630 addressSpan.innerHTML = campusAddresses[name]; 2631 2632 link.textContent = ''; 2633 link.appendChild(nameSpan); 2634 link.appendChild(addressSpan); 2635 } 2636 }); 2637 } 2638 2639 // Run on dropdown open since items may not be in DOM yet 2640 var dropdownToggle = document.querySelector('ul.nav.navbar-nav.contextsetter.contextsetter-campus a.dropdown-toggle'); 2641 if (dropdownToggle) { 2642 dropdownToggle.addEventListener('click', function() { 2643 setTimeout(injectAddresses, 50); 2644 }); 2645 } 2646}); 2647 2648</script>
2648<div id="bid_15570" data-zone-location="Layout" class="block-instance js-block-instance campus-context-setter block-role-system"> 2649 <div class="block-content"> 2650 <div id="ctl00_ctl37_ctl02_ctl00_upnlContent"> 2651 2652 2653 <ul class="nav navbar-nav contextsetter contextsetter-campus"> 2654 <li class="dropdown"> 2655 2656 <a class="dropdown-toggle navbar-link" href="#" data-toggle="dropdown"> 2657 Select Campus 2658 <b class="ti ti-caret-down-filled"></b> 2659 </a> 2660 2661 <ul id="ctl00_ctl37_ctl02_ctl00_ulDropdownMenu" class="dropdown-menu"> 2662 2663 <li> 2664 <a id="ctl00_ctl37_ctl02_ctl00_rptCampuses_ctl00_btnCampus" href="javascript:__doPostBack('ctl00$ctl37$ctl02$ctl00$rptCampuses$ctl00$btnCampus','')">Rockrimmon</a> 2665 </li> 2666 2667 <li> 2668 <a id="ctl00_ctl37_ctl02_ctl00_rptCampuses_ctl01_btnCampus" href="javascript:__doPostBack('ctl00$ctl37$ctl02$ctl00$rptCampuses$ctl01$btnCampus','')">Woodmen Heights</a> 2669 </li> 2670 2671 <li> 2672 <a id="ctl00_ctl37_ctl02_ctl00_rptCampuses_ctl02_btnCampus" href="javascript:__doPostBack('ctl00$ctl37$ctl02$ctl00$rptCampuses$ctl02$btnCampus','')">Monument</a> 2673 </li> 2674 2675 <li> 2676 <a id="ctl00_ctl37_ctl02_ctl00_rptCampuses_ctl03_btnCampus" href="javascript:__doPostBack('ctl00$ctl37$ctl02$ctl00$rptCampuses$ctl03$btnCampus','')">Downtown</a> 2677 </li> 2678 2679 <li> 2680 <a id="ctl00_ctl37_ctl02_ctl00_rptCampuses_ctl04_btnCampus" href="javascript:__doPostBack('ctl00$ctl37$ctl02$ctl00$rptCampuses$ctl04$btnCampus','')">Ark Valley</a> 2681 </li> 2682 2683 </ul> 2684 </li> 2685 </ul> 2686 2687 </div> 2688 </div> 2689</div></div></div> 2690 </div> 2691 </div> 2692 </div> 2693 <div class="nav-mobile-toggle visible-sm visible-xs"> 2694 <i class="icon-Align-JustifyAll icon icon--sm"></i> 2695 </div> 2696 </nav> 2697 </div> 2698 2699 <div class="main-container"> 2700 2701 2702 2703 2704 2705 <!-- Start Content Area --> 2706 2707 <div> 2708 <!-- Page Title --> 2709 2710 2711 <!-- Breadcrumbs --> 2712 <div class="text-center"> 2713 2714 </div> 2715 </div> 2716 2717 <!-- Ajax Error --> 2718 <div class="alert alert-danger ajax-error" style="display:none"> 2719 <p><strong>Error</strong></p> 2720 <span class="ajax-error-message"></span> 2721 </div> 2722 2723 <div id="zone-feature" class="zone-instance"><div class="zone-content"></div></div> 2724 2725 <section id="main_mainSection"> 2726 <div class="container"> 2727 <div class="row"> 2728 <div class="col-md-12"> 2729 <div id="zone-main" class="zone-instance"><div class="zone-content"><style> 2730 .btn-authentication.office365 { 2731 visibility: hidden; 2732 } 2733 legend {display:none;} 2734 #ctl00_main_ctl24_ctl01_ctl06_btnNewAccount {margin-left:0px;margin-top:30px;} 2735 2736 #obsidian-af745500-e818-4987-beb4-9a261100bc8d { 2737 background-color: #e8e7e3; 2738 border-radius: 5px; 2739 padding: 20px; 2740 } 2741 2742 #obsidian-af745500-e818-4987-beb4-9a261100bc8d > div > div:nth-child(1) > div > fieldset > div > div.login-methods.col-sm-5.remote-logins > button { 2743 background-color: #454141; 2744 color: white; 2745 width: 100%; 2746 display: flex; 2747 justify-content: center; 2748 align-items: center; 2749 font-size: 14px !important; 2750 } 2751 2752 #obsidian-af745500-e818-4987-beb4-9a261100bc8d > div > div:nth-child(1) > div > fieldset > div > div.login-entry.col-sm-6 > form > button.btn.btn-primary.d-inline-block { 2753 background-color: #454141; 2754 color: white; 2755 display: flex; 2756 justify-content: center; 2757 align-items: center; 2758 font-size: 14px !important; 2759 margin-right: 10px; 2760 width: 100px; 2761 height: 40px; 2762 padding: 0; 2763 } 2764 2765 #obsidian-af745500-e818-4987-beb4-9a261100bc8d > div > div:nth-child(1) > div > fieldset > div > div.login-entry.col-sm-6 > form > button.btn.btn-action.ml-1.d-inline-block { 2766 background-color: #454141; 2767 color: white; 2768 display: flex; 2769 justify-content: center; 2770 align-items: center; 2771 font-size: 14px !important; 2772 margin-right: 20px; 2773 width: 100px; 2774 height: 40px; 2775 padding: 0; 2776 } 2777 2778 #obsidian-af745500-e818-4987-beb4-9a261100bc8d > div > div:nth-child(1) > div > fieldset > div > div.login-entry.col-sm-6 > form > button.btn.btn-link.ml-1.d-inline-block { 2779 color: #454141; 2780 outline: none !important; 2781 font-size: 14px !important; 2782 border: none !important; 2783 text-decoration: underline; 2784 width: 100px; 2785 height: 40px; 2786 padding: 0; 2787 } 2788 2789 @media screen and (max-width: 380px) { 2790 #obsidian-af745500-e818-4987-beb4-9a261100bc8d > div > div:nth-child(1) > div > fieldset > div > div.login-methods.col-sm-5.remote-logins > button { 2791 font-size: 10px !important; 2792 } 2793 } 2794 2795 #obsidian-af745500-e818-4987-beb4-9a261100bc8d > div > div:nth-child(1) > div > div > div { 2796 display: block !important; 2797 } 2798 2799 @media screen and (max-width: 767px) { 2800 #obsidian-af745500-e818-4987-beb4-9a261100bc8d > div > div:nth-child(1) > div > fieldset > div > div.login-methods.col-sm-5.remote-logins > p > h5 { 2801 text-align: center; 2802 } 2803 } 2804 2805 @media screen and (max-width: 767px) { 2806 #obsidian-a4e1cbd6-8b6f-4974-bc67-01788217fc95 div.row.mobile-layout { 2807 display: flex !important; 2808 flex-direction: column !important; 2809 } 2810 2811 #obsidian-a4e1cbd6-8b6f-4974-bc67-01788217fc95 div.row.mobile-layout > div.login-entry.col-sm-6 { 2812 order: 0 !important; 2813 } 2814 2815 #obsidian-a4e1cbd6-8b6f-4974-bc67-01788217fc95 div.row.mobile-layout >
2815 div.rock-divider.col-sm-1 { 2816 order: 1 !important; 2817 display: none !important; 2818 } 2819 2820 #obsidian-a4e1cbd6-8b6f-4974-bc67-01788217fc95 div.row.mobile-layout > div.login-methods.col-sm-5.remote-logins { 2821 order: 2 !important; 2822 margin-top: 30px !important; 2823 } 2824} 2825 2826</style> 2827 2828<div style="text-align:center;margin-bottom:20px;"> 2829<h2 style="text-align: left;">Login to Your Woodmen Account</h2> 2830<p class="lead">Please login with your credentials below. If you have trouble, please select the 'Forgot Password' option.</p> 2831</div> 2832<div style="width:100%;margin:0 auto;"><div id="bid_13163" data-zone-location="Page" class="block-instance js-block-instance login block-role-primary"> 2833 <div class="block-content"> 2834 <div id="obsidian-af745500-e818-4987-beb4-9a261100bc8d" class="obsidian-block-loading obsidian-block-has-placeholder" style="--initial-block-height: 400px"> 2835 <div class="obsidian-block-placeholder"><div class="skeleton skeleton-block h-100"></div></div> 2836 <div class="obsidian-block-wrapper"></div> 2837</div>
2838<script type="text/javascript"> 2839Obsidian.onReady(() => { 2840 System.import('@Obsidian/Templates/rockPage.js').then(module => { 2841 module.initializeBlock({"blockFileUrl":"/Obsidian/Blocks/Security/login.obs","rootElementId":"obsidian-af745500-e818-4987-beb4-9a261100bc8d","blockGuid":"af745500-e818-4987-beb4-9a261100bc8d","blockTypeGuid":"5437c991-536d-4d9c-be58-cbdb59d1bbb3","configurationValues":{"usernameFieldLabel":"Username","hideNewAccountOption":false,"helpPageUrl":"/ForgotUserName","newAccountPageUrl":"/page/208?ReturnUrl=%2f","newAccountButtonText":"Register","contentText":"\u003cdiv style=\u0022display:none;\u0022\u003eBy signing in, I agree to Woodmen Valley Chapel\u0027s \u003ca href=\u0027/terms\u0027\u003eTerms of Use\u003c/a\u003e and \u003ca href=\u0027/privacy\u0027\u003ePrivacy Policy\u003c/a\u003e.\u003c/div\u003e","promptMessage":"","externalAuthProviderButtons":[{"text":"Sign in with Office 365","authenticationType":"cd3cb7ae-4096-4786-8428-629c4fdb36d2","imageUrl":"","cssClass":"office365"}],"redirectUrl":"/","shouldRedirect":false,"isInternalDatabaseLoginSupported":true,"passwordlessAutoVerifyOptions":null,"defaultLoginMethod":0,"isPasswordlessLoginSupported":false,"remoteAuthorizationPromptMessage":"\u003ch5 style=\u0022text-align: left;\u0022\u003eWoodmen Staff Login\u003c/h5\u003e\n","configurationErrors":null,"twoFactorEmailPhoneRequiredMessage":"\u003cdiv class=\u0022alert alert-warning\u0022\u003eYour current security access level requires you to complete a Two-Factor Authentication login in order to proceed. This additional layer of security is necessary to ensure the protection of your account and the sensitive data it contains.\u003cbr\u003e\u003cbr\u003eTo continue, please provide your email or mobile phone below.\u003c/div\u003e","twoFactorEmailPhoneNotAvailableMessage":"\u003cdiv class=\u0022alert alert-warning\u0022\u003eYour current security access level requires you to complete a Two-Factor Authentication login in order to proceed. This additional layer of security is necessary to ensure the protection of your account and the sensitive data it contains.\u003cbr\u003e\u003cbr\u003eYour account does not currently have an email address or mobile phone. Please contact us to assist you in configuring this.\u003c/div\u003e","twoFactorLoginRequiredMessage":"\u003cdiv class=\u0022alert alert-warning\u0022\u003eYour current security access level requires you to complete a Two-Factor Authentication login in order to proceed. This additional layer of security is necessary to ensure the protection of your account and the sensitive data it contains.\u003cbr\u003e\u003cbr\u003eTo continue, please provide your email or mobile phone below.\u003c/div\u003e","twoFactorLoginNotAvailableMessage":"\u003cdiv class=\u0022alert alert-warning\u0022\u003eYour current security access level requires you to complete a Two-Factor Authentication login in order to proceed. This additional layer of security is necessary to ensure the protection of your account and the sensitive data it contains.\u003cbr\u003e\u003cbr\u003eYour account does not currently have a username or password configured. Please contact us to assist you in configuring this.\u003c/div\u003e","twoFactorNotSupportedByAuthenticationMethodMessage":"\u003cdiv class=\u0022alert alert-warning\u0022\u003eYour login attempt requires Two-Factor Authentication for enhanced security. However, the authentication method you used does not support 2FA. Please use a supported method or contact us for assistance.\u003c/div\u003e","is2FANotSupportedForAuthenticationFactor":null,"errorMessage":null,"navigationUrls":{},"securityGrantToken":null},"initialContent":null,"customConfigurationActions":null,"preferences":{"entityTypeKey":"YO9mDPmqAZ","entityKey":"9WVEbk8m1B","values":[],"timeStamp":1790407280530},"reloadMode":0,"role":3}); 2842 }); 2843}); 2844</script>
2844 2845 2846 </div> 2847</div></div></div> 2848 </div> 2849 </div> 2850 </div> 2851 </section> 2852 2853 <div id="zone-sectiona" class="zone-instance"><div class="zone-content"></div></div> 2854 2855 <div class="row"> 2856 <div class="col-md-4"> 2857 <div id="zone-sectionb" class="zone-instance"><div class="zone-content"></div></div> 2858 </div> 2859 <div class="col-md-4"> 2860 <div id="zone-sectionc" class="zone-instance"><div class="zone-content"></div></div> 2861 </div> 2862 <div class="col-md-4"> 2863 <div id="zone-sectiond" class="zone-instance"><div class="zone-content"></div></div> 2864 </div> 2865 </div> 2866 2867 <div class="row"> 2868 <div class="col-md-1"> 2869 <div id="zone-sectione" class="zone-instance"><div class="zone-content"></div></div> 2870 </div> 2871 <div class="col-md-10"> 2872 <div id="zone-sectionf" class="zone-instance"><div class="zone-content"></div></div> 2873 </div> 2874 <div class="col-md-1"> 2875 <div id="zone-sectiong" class="zone-instance"><div class="zone-content"></div></div> 2876 </div> 2877 </div> 2878 2879 <div id="zone-lowerfeature" class="zone-instance"><div class="zone-content"></div></div> 2880 2881 <!-- End Content Area --> 2882 2883 2884 2885 <section class="bg--primary space--sm cta cta-5 socialFooter"> 2886 <div class="container"> 2887 <div id="zone-socialfooter" class="zone-instance"><div class="zone-content"><div id="bid_11271" data-zone-location="Site" class="block-instance js-block-instance html-content block-role-content"> 2888 <div class="block-content"> 2889 <div id="ctl00_ctl39_ctl01_ctl00_upnlHtmlContentView"> 2890 2891 2892 2893 2894 2895 2896 <style> 2897 #socialfooterbuttons { 2898 display: flex !important; 2899 justify-content: space-evenly !important; 2900 flex-wrap: wrap; 2901 } 2902 2903 @media (max-width: 682px) { 2904 #socialfooterbuttons { 2905 flex-direction: column !important; 2906 align-items: center !important; 2907 } 2908 2909 #socialfooterbuttons a { 2910 margin: 10px 0; 2911 } 2912 } 2913</style> 2914 2915<div class="row"> 2916 <div class="col-sm-12 text-center"> 2917 <div id="socialfooterbuttons"> 2918 <a class="btn btn--sm" href="/page/485"> 2919 <span class="btn__text">Discover Jesus</span> 2920 </a><a class="btn btn--sm" href="/page/233"> 2921 <span class="btn__text">Prayer</span> 2922 </a><a class="btn btn--sm" href="/page/476"> 2923 <span class="btn__text">Serve</span> 2924 </a><a class="btn btn--sm" href="/giveonline"> 2925 <span class="btn__text">Give Online</span> 2926 </a> 2927 </div> 2928 </div> 2929</div> 2930<div class="row"> 2931 <div class="col-sm-12 text-center"> 2932 <ul class="social-list"> 2933 <li> 2934 <a href="https://facebook.com/woodmenvalleychapel" target="_blank"> 2935 <i class="fa fa-facebook"></i> 2936 </a> 2937 </li> 2938 <li> 2939 <a href="https://www.instagram.com/woodmen_valley_chapel/" target="_blank"> 2940 <i class="fa fa-instagram"></i> 2941 </a> 2942 </li> 2943 <li> 2944 <a href="https://www.youtube.com/channel/UCXNCrK6vPOnB6Vxi3Kpx6Ug/featured" target="_blank"> 2945 <i class="fa fa-youtube-play"></i> 2946 </a> 2947 </li> 2948 <li> 2949 <a href="https://vimeo.com/woodmen" target="_blank"> 2950 <i class="fa fa-vimeo"></i> 2951 </a> 2952 </li> 2953 <li> 2954 <a href="https://woodmenvalley.org/app" target="_blank"> 2955 <i class="fa fa-mobile"></i> 2956 </a> 2957 </li> 2958 <li> 2959 <a href="http://woodmenvalley.org/ContactUs"> 2960 <i class="fa fa-envelope"></i> 2961 </a> 2962 </li> 2963 </ul> 2964 </div> 2965</div> 2966 2967 </div> 2968 2969<div id="ctl00_ctl39_ctl01_ctl00_upnlHtmlContentEdit"> 2970 2971 2972 2973 2974 2975 2976 2977 2978 </div> 2979 2980 </div> 2981</div></div></div>
2982 </div> 2983 </section> 2984 2985 <section class="features imagebg image--light parallax lowerNav" data-overlay="8"> 2986 <div class="container"> 2987 <div id="zone-lowernav" class="zone-instance"><div class="zone-content"><div id="bid_13441" data-zone-location="Layout" class="block-instance js-block-instance page-menu block-role-navigation"> 2988 <div class="block-content"> 2989 <div id="ctl00_ctl41_ctl01_ctl00_upContent"> 2990 2991 2992 2993 2994<div class="container"> 2995 <div class="row d-flex justify-content-between"> 2996 2997 <div class="col-md-auto"> 2998 <div class="feature mb-4"> 2999 3000 3001 3002 3003 3004 3005 <h6 class="mb-2"><a href="/Plan-your-visit">I'm New</a></h6> 3006 3007 <ul class="list-unstyled ps-0 mb-0"> 3008 3009 <li class="mb-1"> 3010 3011 3012 3013 3014 3015 3016 <a href="/connectatwoodmen">Connect at Woodmen</a> 3017 </li> 3018 3019 <li class="mb-1"> 3020 3021 3022 3023 3024 3025 3026 <a href="/weekends">Weekend Service</a> 3027 </li> 3028 3029 <li class="mb-1"> 3030 3031 3032 3033 3034 3035 3036 <a href="/woodmenwelcome">Woodmen Welcome</a> 3037 </li> 3038 3039 <li class="mb-1"> 3040 3041 3042 3043 3044 3045 3046 <a href="/know-jesus">Know Jesus</a> 3047 </li> 3048 3049 <li class="mb-1"> 3050 3051 3052 3053 3054 3055 3056 <a href="/baptism">Baptism</a> 3057 </li> 3058 3059 <li class="mb-1"> 3060 3061 3062 3063 3064 3065 3066 <a href="/faqs">Frequently Asked Questions</a> 3067 </li> 3068 3069 </ul> 3070 3071 </div> 3072 </div> 3073 3074 <div class="col-md-auto"> 3075 <div class="feature mb-4"> 3076 3077 3078 3079 3080 3081 3082 <h6 class="mb-2"><a href="/about">About Us</a></h6> 3083 3084 <ul class="list-unstyled ps-0 mb-0"> 3085 3086 <li class="mb-1"> 3087 3088 3089 3090 3091 3092 3093 <a href="/vision">Vision & Mission</a> 3094 </li> 3095 3096 <li class="mb-1"> 3097 3098 3099 3100 3101 3102 3103 <a href="/what-we-believe">What We Believe</a> 3104 </li> 3105 3106 <li class="mb-1"> 3107 3108 3109 3110 3111 3112 3113 <a href="/ContactUs">Contact Us</a> 3114 </li> 3115 3116 <li class="mb-1"> 3117 3118 3119 3120 3121 3122 3123 <a href="/elders">Elders & Deacons</a> 3124 </li> 3125 3126 <li class="mb-1"> 3127 3128 3129 3130 3131 3132 3133 <a href="/campuses">Campuses</a> 3134 </li> 3135 3136 <li class="mb-1"> 3137 3138 3139 3140 3141 3142 3143 <a href="/careers">Careers</a> 3144 </li> 3145 3146 <li class="mb-1"> 3147 3148 3149 3150 3151 3152 3153 <a href="/rez">School of Ministry</a> 3154 </li> 3155 3156 <li class="mb-1"> 3157 3158 3159 3160 3161 3162 3163 <a href="/staffcontacts">Staff Contacts</a> 3164 </li> 3165 3166 </ul> 3167 3168 </div> 3169 </div> 3170 3171 <div class="col-md-auto"> 3172 <div class="feature mb-4"> 3173 3174 3175 3176 3177 3178 3179 <h6 class="mb-2"><a href="/churchlife">Get Involved</a></h6> 3180 3181 <ul class="list-unstyled ps-0 mb-0"> 3182 3183 <li class="mb-1"> 3184 3185 3186 3187 3188 3189 3190 <a href="/community">Community Groups</a> 3191 </li> 3192 3193 <li class="mb-1"> 3194 3195 3196 3197 3198 3199 3200 <a href="/kids">Kids</a> 3201 </li> 3202 3203 <li class="mb-1"> 3204 3205 3206 3207 3208 3209 3210 <a href="/students">Students</a> 3211 </li> 3212 3213 <li class="mb-1"> 3214 3215 3216 3217 3218 3219 3220 <a href="/youngadult">Young Adults</a> 3221 </li> 3222 3223 <li class="mb-1"> 3224 3225 3226 3227 3228 3229 3230 <a href="/adults">Adults</a> 3231 </li> 3232 3233 <li class="mb-1"> 3234 3235 3236 3237 3238 3239 3240 <a href="/care">Care</a> 3241 </li> 3242 3243 <li class="mb-1"> 3244 3245 3246 3247 3248 3249 3250 <a href="/worship">Worship</a> 3251 </li> 3252 3253 </ul> 3254 3255 </div> 3256 </div> 3257 3258 <div class="col-md-auto"> 3259 <div class="feature mb-4"> 3260 3261 3262 3263 3264 3265 3266 <h6 class="mb-2"><a href="/contribute">Serve/Give</a></h6> 3267 3268 <ul class="list-unstyled ps-0 mb-0"> 3269 3270 <li class="mb-1"> 3271 3272 3273 3274 3275 3276 3277 <a href="/serve">Serve</a> 3278 </li> 3279 3280 <li class="mb-1"> 3281 3282 3283 3284 3285 3286 3287 <a href="/stewardship">Stewardship and Giving</a> 3288 </li> 3289 3290 <li class="mb-1"> 3291 3292 3293 3294 3295 3296 3297 <a href="/able">ABLE Initiative</a> 3298 </li> 3299 3300 </ul> 3301 3302 </div> 3303 </div> 3304 3305 <div class="col-md-auto"> 3306 <div class="feature mb-4"> 3307 3308 3309 3310 3311 3312 3313 <h6 class="mb-2"><a href="/media">Media/Events</a></h6> 3314 3315 <ul class="list-unstyled ps-0 mb-0"> 3316 3317 <li class="mb-1"> 3318 3319 3320 3321 3322 3323 3324 <a href="/interact">Online Service</a> 3325 </li> 3326 3327 <li class="mb-1"> 3328 3329 3330 3331 3332 3333 3334 <a href="/calendar">Calendar</a> 3335 </li> 3336 3337 <li class="mb-1"> 3338 3339 3340 3341 3342 3343 3344 <a href="/stories">Stories</a> 3345 </li> 3346 3347 <li class="mb-1"> 3348 3349 3350 3351 3352 3353 3354 <a href="/bible-tours">Educational Travel</a> 3355 </li> 3356 3357 <li class="mb-1"> 3358 3359 3360 3361 3362 3363 3364 3365 3366 <a href="/app" target="_blank">Get the App</a> 3367 </li> 3368 3369 <li class="mb-1"> 3370 3371 3372 3373 3374 3375 3376 <a href="/privacypolicy">Conduct & Privacy Policies</a> 3377 </li> 3378 3379 <li class="mb-1"> 3380 3381 3382 3383 3384 3385 3386 <a href="/memorialstream">Celebration of Life</a> 3387 </li> 3388 3389 </ul> 3390 3391 </div> 3392 </div> 3393 3394 <div class="col-md-auto"> 3395 <div class="feature mb-4"> 3396 3397 3398 3399 3400 3401 3402 <h6 class="mb-2"><a href="/crisis-resources">Resources</a></h6> 3403 3404 <ul class="list-unstyled ps-0 mb-0"> 3405 3406 <li class="mb-1"> 3407 3408 3409 3410 3411 3412 3413 <a href="/updates">
3413Updates</a> 3414 </li> 3415 3416 <li class="mb-1"> 3417 3418 3419 3420 3421 3422 3423 <a href="/needhelp">Need Help</a> 3424 </li> 3425 3426 <li class="mb-1"> 3427 3428 3429 3430 3431 3432 3433 <a href="/givehelp">Give Help</a> 3434 </li> 3435 3436 <li class="mb-1"> 3437 3438 3439 3440 3441 3442 3443 <a href="/prayers">Prayer</a> 3444 </li> 3445 3446 <li class="mb-1"> 3447 3448 3449 3450 3451 3452 3453 <a href="/relationshipresources">Relationship Resources</a> 3454 </li> 3455 3456 <li class="mb-1"> 3457 3458 3459 3460 3461 3462 3463 <a href="/parentingresources">Parenting Resources</a> 3464 </li> 3465 3466 <li class="mb-1"> 3467 3468 3469 3470 3471 3472 3473 <a href="/bible">Bible Reading Plan</a> 3474 </li> 3475 3476 </ul> 3477 3478 </div> 3479 </div> 3480 3481 </div> 3482</div> 3483 3484 3485 </div> 3486 3487 </div> 3488</div></div></div> 3489 </div> 3490 <div class="background-image-holder"> 3491 <img alt="image" src="/Themes/WVCPillar/Assets/img/LowerNavBG_larger.jpg"> 3492 </div> 3493 </section> 3494 3495 <footer class="bg--dark footer-1 text-center"> 3496 <div class="container"> 3497 <div id="zone-footer" class="zone-instance"><div class="zone-content"><div id="bid_373" data-zone-location="Layout" class="block-instance js-block-instance html-content block-role-content"> 3498 <div class="block-content"> 3499 <div id="ctl00_ctl43_ctl01_ctl00_upnlHtmlContentView"> 3500 3501 3502 3503 3504 3505 3506 © 2026 Woodmen Valley Chapel ⢠719.388.5000 ⢠290 E Woodmen Rd 3507Colorado Springs, CO 80919-1359 3508 3509 </div> 3510 3511<div id="ctl00_ctl43_ctl01_ctl00_upnlHtmlContentEdit"> 3512 3513 3514 3515 3516 3517 3518 3519 3520 </div> 3521 3522 </div> 3523</div></div></div> 3524 </div> 3525 </footer> 3526 </div> 3527 3528 3529
3529<script type="text/javascript"> 3530//<![CDATA[ 3531Sys.WebForms.PageRequestManager._initialize('ctl00$sManager', 'form1', ['tctl00$ctl24','ctl24','fctl00$ctl35$ctl01$ctl00$upnlHtmlContentView','','fctl00$ctl35$ctl01$ctl00$upnlHtmlContentEdit','','fctl00$ctl39$ctl01$ctl00$upnlHtmlContentView','','fctl00$ctl39$ctl01$ctl00$upnlHtmlContentEdit','','fctl00$ctl43$ctl01$ctl00$upnlHtmlContentView','','fctl00$ctl43$ctl01$ctl00$upnlHtmlContentEdit','','tctl00$ctl41$ctl01$ctl00$upContent','','tctl00$ctl37$ctl01$ctl00$upContent','','tctl00$ctl37$ctl02$ctl00$upnlContent','','fctl00$ctl33$ctl01$ctl00$upnlHtmlContentView','','fctl00$ctl33$ctl01$ctl00$upnlHtmlContentEdit',''], ['ctl00$sManager','sManager','ctl00$rock-config-trigger','rock-config-trigger'], [], 180, 'ctl00'); 3532//]]> 3533</script>
3533 3534<input type="hidden" name="ctl00$sManager" id="sManager" />
3535<script type="text/javascript"> 3536//<![CDATA[ 3537Sys.Application.setServerId("sManager", "ctl00$sManager"); 3538Sys.Application._enableHistoryInScriptManager(); 3539//]]> 3540</script>
3540 3541 3542 <div id="updateProgress" style="display:none;"> 3543 3544 <div class="updateprogress-status"> 3545 <div class="spinner"> 3546 <div class="rect1"></div> 3547 <div class="rect2"></div> 3548 <div class="rect3"></div> 3549 <div class="rect4"></div> 3550 <div class="rect5"></div> 3551 </div> 3552 </div> 3553 <div class="updateprogress-bg modal-backdrop"></div> 3554 3555</div> 3556 3557 <div id="ctl24" style="display:none"> 3558 <input type="submit" name="ctl00$rock-config-trigger" value="" id="rock-config-trigger" /><input type="hidden" name="ctl00$rock-config-trigger-data" id="rock-config-trigger-data" /> 3559</div><div id="modal-popup" class="modal container modal-content rock-modal rock-modal-frame"> 3560 <div id="modal-popup_contentPanel" class="iframe"> 3561 <iframe id="modal-popup_iframe" scrolling="no" style="height:auto;"></iframe> 3562 </div> 3563</div><input type="hidden" name="ctl00$hfInteractionGuid" id="hfInteractionGuid" value="bc640632-c0ab-4cce-bc1a-a6d1f4406650" /> 3564
3565<script type="text/javascript"> 3566//<![CDATA[ 3567 3568 (function() { 3569 var lastDispatchTime = 0; 3570 var lastDispatchedElement = null; 3571 var debounceDelay = 500; 3572 3573 document.addEventListener('keydown', function (event) { 3574 if (event.altKey) { 3575 var shortcutKey = event.key.toLowerCase(); 3576 3577 // Check if a shortcut key is registered for the pressed key 3578 var element = document.querySelector('[data-shortcut-key="' + shortcutKey + '"]'); 3579 3580 3581 if (element) { 3582 var currentTime = performance.now(); 3583 3584 if (lastDispatchedElement === element && (currentTime - lastDispatchTime) < debounceDelay) { 3585 return; 3586 } 3587 3588 lastDispatchTime = currentTime; 3589 lastDispatchedElement = element; 3590 3591 if (shortcutKey === 'arrowright' || shortcutKey === 'arrowleft') { 3592 event.preventDefault(); 3593 } 3594 3595 event.preventDefault(); 3596 element.click(); 3597 } 3598 } 3599 }); 3600 })(); 3601 3602Rock.settings.initialize({ 3603 siteId: 3, 3604 layoutId: 7, 3605 pageId: 207, 3606 layout: 'FullWidth', 3607 baseUrl: '/', 3608 realTimeUrl: '/rock-rt', 3609});document.body.classList.add("obsidian-loading") 3610 3611Obsidian.onReady(() => { 3612 System.import('@Obsidian/Templates/rockPage.js').then(module => { 3613 module.initializePage({ 3614 executionStartTime: new Date().getTime(), 3615 pageId: 207, 3616 pageGuid: 'd025e14c-f385-43fb-a735-abd24adc1480', 3617 pageParameters: {"returnurl":"/"}, 3618 sessionGuid: '11fc2bfb-59e0-4f97-a9f8-1d85daa4c16c', 3619 interactionGuid: 'bc640632-c0ab-4cce-bc1a-a6d1f4406650', 3620 currentPerson: null, 3621 isAnonymousVisitor: false, 3622 loginUrlWithReturnUrl: '/page/207?returnurl=%2f' 3623 }); 3624 }); 3625}); 3626 3627Obsidian.init({ debug: true, fingerprint: "v=639232597224275241" }); 3628Rock.controls.modal.closeModalDialog($('#ctl00_ctl33_ctl01_ctl00_mdEdit_modal_dialog_panel'));Rock.controls.modal.closeModalDialog($('#ctl00_ctl35_ctl01_ctl00_mdEdit_modal_dialog_panel'));Rock.controls.modal.closeModalDialog($('#ctl00_ctl39_ctl01_ctl00_mdEdit_modal_dialog_panel'));Rock.controls.modal.closeModalDialog($('#ctl00_ctl43_ctl01_ctl00_mdEdit_modal_dialog_panel')); 3629Sys.Application.add_load(function () { 3630 const getCookieValue = (name) => { 3631 const match = document.cookie.match('(^|;)\\s*' + name + '\\s*=\\s*([^;]+)'); 3632 3633 return !match ? '' : match.pop(); 3634 }; 3635 3636 var interactionGuid = 'bc640632-c0ab-4cce-bc1a-a6d1f4406650'; 3637 var interactionGuids = JSON.parse(sessionStorage.getItem('interactionGuids')) || []; 3638 3639 if (!interactionGuids.includes(interactionGuid)) { 3640 interactionGuids.push(interactionGuid); 3641 sessionStorage.setItem('interactionGuids', JSON.stringify(interactionGuids)); 3642 3643 var interactionArgs = {"Guid":"bc640632-c0ab-4cce-bc1a-a6d1f4406650","PageId":207,"ActionName":"View","BrowserSessionGuid":"11fc2bfb-59e0-4f97-a9f8-1d85daa4c16c","PageRequestUrl":"https://woodmenvalley.org/Login?returnurl=%2F","PageRequestDateTime":"2026-09-26T01:21:20.5305961","PageRequestTimeToServe":0.0624403,"UserAgent":"Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; PageSourceSearchBot/1.0; +https://pagesourcesearch.com/bot) Chrome/128.0.0.0 Safari/537.36","UserAgentPlatformVersion":null,"UserHostAddress":"181.215.65.78","UrlReferrerHostAddress":null,"UrlReferrerSearchTerms":null,"UserIdKey":null,"GeolocationIpAddress":"181.215.65.78","GeolocationLookupDateTime":"2026-09-26T01:21:19.3414174","City":"Chicago","RegionName":"Illinois","RegionCode":"IL","RegionValueId":85,"CountryCode":"US","CountryValueId":244,"PostalCode":"60602","Latitude":41.8483,"Longitude":-87.6517};
3644 if (!interactionArgs.UserIdKey) { 3645 interactionArgs.UserIdKey = getCookieValue('.ROCK_VISITOR_KEY'); 3646 } 3647 $.ajax({ 3648 url: '/api/Interactions/RegisterPageInteraction', 3649 type: 'POST', 3650 data: interactionArgs 3651 }); 3652 } 3653}); 3654Sys.Application.add_init(function() { 3655 $create(Sys.UI._UpdateProgress, {"associatedUpdatePanelId":null,"displayAfter":800,"dynamicLayout":true}, null, null, $get("updateProgress")); 3656}); 3657//]]> 3658</script>
3658 3659</form> 3660</body> 3661 3662</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.