<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
	<head>
	    
		
  <meta content="" name="author"/>





    <meta content="Indiana Wesleyan offers engaging worship in Chapel, meaningful connection in small groups, and supportive faculty who will take the time to talk to you and pray with you." name="description"/>


<meta charset="utf-8" name="characterSet"/>
<meta content="IE=Edge" http-equiv="X-UA-Compatible"/>
<meta content="width=device-width, initial-scale=1" name="viewport"/>
<title>Spiritual Life | Indiana Wesleyan University</title>

<meta content="Spiritual Life | Indiana Wesleyan University" name="title"/>
<meta content="" name="keywords"/>
<meta content="22VD00zgt1o74700555f1eao9c" name="gecko_domain_verification"/>



<!-- FAVICONS -->
<link href="https://www.indwes.edu/shared-resources/_files/images/favicons/apple-touch-icon.png?v=GvJKryKOzM" rel="apple-touch-icon" sizes="180x180"/>
<link href="https://www.indwes.edu/shared-resources/_files/images/favicons/favicon-32x32.png?v=GvJKryKOzM" rel="icon" sizes="32x32" type="image/png"/>
<link href="https://www.indwes.edu/shared-resources/_files/images/favicons/favicon-194x194.png?v=GvJKryKOzM" rel="icon" sizes="194x194" type="image/png"/>
<link href="https://www.indwes.edu/shared-resources/_files/images/favicons/android-chrome-192x192.png?v=GvJKryKOzM" rel="icon" sizes="192x192" type="image/png"/>
<link href="https://www.indwes.edu/shared-resources/_files/images/favicons/favicon-16x16.png?v=GvJKryKOzM" rel="icon" sizes="16x16" type="image/png"/>
<link href="https://www.indwes.edu/shared-resources/_files/images/favicons/manifest.json?v=GvJKryKOzM" rel="manifest"/>
<link color="#ab192a" href="https://www.indwes.edu/shared-resources/_files/images/favicons/safari-pinned-tab.svg?v=GvJKryKOzM" rel="mask-icon"/>
<link href="https://www.indwes.edu/shared-resources/_files/images/favicons/favicon.ico?v=GvJKryKOzM" rel="shortcut icon"/>

<meta content="Indiana Wesleyan" name="apple-mobile-web-app-title"/>
<meta content="Indiana Wesleyan" name="application-name"/>
<meta content="#ab192a" name="msapplication-TileColor"/>
<meta content="site://Shared Resources/_files/images/favicons/mstile-144x144.png?v=GvJKryKOzM" name="msapplication-TileImage"/>
<meta content="site://Shared Resources/_files/images/favicons/browserconfig.xml?v=GvJKryKOzM" name="msapplication-config"/>
<meta content="#ffffff" name="theme-color"/>

<!-- STYLESHEETS -->
<link href="https://www.indwes.edu/shared-resources/_files/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="https://www.indwes.edu/shared-resources/_files/css/redesign.css" rel="stylesheet" type="text/css"/>
<link href="https://www.indwes.edu/shared-resources/_files/css/home.css" rel="stylesheet" type="text/css"/>
<link href="https://www.indwes.edu/shared-resources/_files/css/programDetail.css" rel="stylesheet" type="text/css"/>
<link href="https://www.indwes.edu/shared-resources/_files/css/slider.css" rel="stylesheet" type="text/css"/>
<link href="https://www.indwes.edu/shared-resources/_files/css/misc-pages.css" rel="stylesheet" type="text/css"/>
<link href="https://www.indwes.edu/shared-resources/_files/css/carouselSmall.css" rel="stylesheet" type="text/css"/>
<link href="https://www.indwes.edu/shared-resources/_files/css/findYourProgram.css" rel="stylesheet" type="text/css"/>
<link href="https://www.indwes.edu/shared-resources/_files/css/aid-options.css" rel="stylesheet" type="text/css"/>
<link href="https://www.indwes.edu/shared-resources/_files/css/accordion.css" rel="stylesheet" type="text/css"/>

<!-- FONTS -->
<script crossorigin="anonymous" src="https://kit.fontawesome.com/3acd8de7af.js"></script>
<script crossorigin="anonymous" src="https://kit.fontawesome.com/3acd8de7af.js"></script>
<script crossorigin="anonymous" src="https://kit.fontawesome.com/c7eeefbb88.js"></script>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i" rel="stylesheet" type="text/css"/>
<link href="https://fonts.googleapis.com/css?family=Nunito:0,200..1000;1,200..1000" rel="stylesheet" type="text/css"/>
<link href="https://fonts.googleapis.com/css?family=Nunito+Sans:400,600,700,800" rel="stylesheet" type="text/css"/>
<link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,600,700,800" rel="stylesheet" type="text/css"/>
<link href="https://fonts.googleapis.com/css?family=Roboto:400,600,700,800" rel="stylesheet" type="text/css"/>
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:400,600,700,800" rel="stylesheet" type="text/css"/>



<!-- OWL CAROUSEL -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" rel="stylesheet"/> 
<link href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css" rel="stylesheet"/>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>


<!-- EVENTS/DIRECTORY MODULE ASSETS -->
                                                                        <!-- END - MODULE ASSETS -->

    
<link href="https://www.indwes.edu/about/life-at-iwu/spiritual-life/" rel="canonical"/>
<link href="https://cdn.fonts.net" rel="preconnect"/>
<link href="https://cdn.fonts.net/kit/515a1de4-1b14-4f0e-af45-f6b16a50338c/515a1de4-1b14-4f0e-af45-f6b16a50338c.css" rel="stylesheet"/>

<!-- WEGLOT TRANSLATION -->
<script src="https://cdn.weglot.com/weglot.min.js" type="text/javascript"></script>
<script>
    Weglot.initialize({
        api_key: 'wg_af530c2dee15af9815e31f4def0f653e1',
        switcher: {
        styleOpt: 'custom', // prevents the default styling/placement
    }
});
</script>
<script async="async" src="//script.crazyegg.com/pages/scripts/0084/5470.js" type="text/javascript"></script>

<!-- SLATE TRACKER -->
<script async="async" src="https://admissions.indwes.edu/ping">/**/</script>

<!-- SALESFORCE TRACKER -->
<script src="https://cdn.c360a.salesforce.com/beacon/c360a/16793f74-31ff-4ed8-b389-8e0369620ae1/scripts/c360a.min.js?wtcp_id=1NDUc00000007UXOAY"></script>


<script src="https://cdn.optimizely.com/js/4978340222730240.js"></script>

<script>
  window.dataLayer = window.dataLayer || [];
  window.dataLayer.push({
    server_container_url: 'https://server-side-tagging-58658921451.us-central1.run.app'
  });
</script>





<script type="text/javascript">
    adroll_adv_id = "EJYE543G6NEN7FERLI2YIY";
    adroll_pix_id = "IFIUJHJBBVFIBEAZAHDFZR";
    adroll_version = "2.0";

    (function(w, d, e, o, a) {
        w.__adroll_loaded = true;
        w.adroll = w.adroll || [];
        w.adroll.f = [ 'setProperties', 'identify', 'track', 'identify_email', 'get_cookie' ];
        var roundtripUrl = "https://s.adroll.com/j/" + adroll_adv_id
                + "/roundtrip.js";
        for (a = 0; a < w.adroll.f.length; a++) {
            w.adroll[w.adroll.f[a]] = w.adroll[w.adroll.f[a]] || (function(n) {
                return function() {
                    w.adroll.push([ n, arguments ])
                }
            })(w.adroll.f[a])
        }

        e = d.createElement('script');
        o = d.getElementsByTagName('script')[0];
        e.async = 1;
        e.src = roundtripUrl;
        o.parentNode.insertBefore(e, o);
    })(window, document);
    adroll.track("pageView");
</script>

<!-- Google Tag Manager -->

<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&amp;l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-N3XJCFG');</script>
<!-- End Google Tag Manager -->
<!-- Global site tag (gtag.js) - Google Ads: 836508638 -->
<script src="https://www.googletagmanager.com/gtag/js?id=AW-836508638"></script>
<script type="text/javascript">(function(u,x,t,w,e,a,k,s){a=function(v){try{u.setItem(t+e,v)}catch(e){}v=JSON.parse(v);for(k=0;k<v.length;k++){s=x.createElement("script");s.text="(function(u,x,t,w,e,a,k){a=u[e]=function(){a.q.push(arguments)};a.q=[];a.t=+new Date;a.c=w;k=x.createElement('script');k.async=1;k.src=t;x.getElementsByTagName('head')[0].appendChild(k)})(window,document,'"+v[k].u+"',"+JSON.stringify(v[k].c)+",'"+v[k].g+"')";x.getElementsByTagName("head")[0].appendChild(s)}};try{k=u.getItem(t+e)}catch(e){}if(k){return a(k)}k=new XMLHttpRequest;k.onreadystatechange=function(){if(k.readyState==4&&k.status==200)a(k.responseText)};k.open("POST",w+e);k.send(x.URL)})(sessionStorage,document,"uxt:","https://api.uxtweak.com/snippet/","cb4a6e7f-32ab-4449-8ac0-3cabe666e392");</script>

<script type="text/javascript">
    window.GeckoChatSettings={
      widgetId: "22AC0000sxqxzb004ab72mwe7j-01JXJ92WCSRY1G12J74XNXPDZK",
      accountName: "iwu",
    };
</script>
<script src="https://chat-widget.geckoengage.com" type="text/javascript"></script>


<!-- Home page Form Assembly form. pre-load the form so styling doesn't jump -->
<script>// 
    <![CDATA[
// As early as possible in the <head> or just before the FA script:
  document.documentElement.classList.add('fa-preload');
// ]]>
</script>




<script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "CollegeOrUniversity",
      "name": "Spiritual Life | Indiana Wesleyan University",
      "url": "https://www.indwes.edu/about/life-at-iwu/spiritual-life/",
      "logo": "https://www.indwes.edu/_resources/images/indiana-wesleyan-university-logo.png",
      "description": "Indiana Wesleyan offers engaging worship in Chapel, meaningful connection in small groups, and supportive faculty who will take the time to talk to you and pray with you.",
      "address": {
        "@type": "PostalAddress",
        "streetAddress": "4201 S Washington St",
        "addressLocality": "Marion",
        "addressRegion": "IN",
        "postalCode": "46953",
        "addressCountry": "US"
      },
      "sameAs": [
        "https://www.facebook.com/indwes",
        "https://www.instagram.com/indwes",
        "https://twitter.com/indwes",
        "https://www.youtube.com/user/indwes",
        "https://www.linkedin.com/school/indiana-wesleyan-university/"
      ]
    }
</script>

		<title></title>
	</head>
	<body class="2-column">
		
		
                  

        
<script>
    Weglot.initialize({
  api_key: "wg_af530c2dee15af9815e31f4def0f653e1",
  switchers: [
    {
      location: {
        // Only matches the desktop bar, not the mobile one
        target: ".top-bar &gt; .weglot-embed",
        sibling: "last"
      },
      style: {
        is_dropdown: true,
        with_flags: true,
        with_name: true
      }
    }
  ]
});

</script>
<!-- Google Tag Manager (noscript) -->
    <noscript><iframe height="0" src="https://www.googletagmanager.com/ns.html?id=GTM-N3XJCFG" style="display:none;visibility:hidden" width="0"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

<header class="redesign bg-white">
    
        <!-- *** ANNOUNCEMENT BANNER *** -->
                <div class="d-none announcement-banner alert alert-danger alert-dismissible fade show text-center text-dark py-1" role="alert">
            <i class="fa-solid fa-graduation-cap mr-2 mt-2"></i>  <button aria-label="Close" class="btn-close float-right" data-bs-dismiss="alert" type="button"><i class="fa-solid fa-circle-xmark mt-2"></i></button> 
            <div class="mb-2" style="display: inline-block;">
                <strong>International Student Commencement | Friday, May 2</strong><br class="d-block d-lg-none"/><a class="ml-3" href="https://www.indwes.edu/academics/commencement/" title="Commencement Info">Details &amp; Live Stream</a>
            </div>
        </div>
        
            <style>
            .announcement-banner .alert-danger i {
                font-size: 26px;
            }
            .announcement-banner .alert-dismissible {
                padding-right: 15px !important;
            }
            .alert{
                z-index: 99999;
            }
            </style>
        <!-- *** END ANNOUNCEMENT *** -->  
    
    
    <nav class="mobile-nav navbar navbar-expand-md d-md-none">
        
        <div>
            <div class="logo-wrapper d-flex top-bar">
                <a class="navbar-brand" href="https://www.indwes.edu/index.html">
                    <img alt="Indiana Wesleyan University" src="https://www.indwes.edu/_img/header-footer/logo-mobile1.svg" width="100%"/>
                </a>
                <button aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation Menu" class="navbar-toggler" data-bs-target="#mobileMenu" data-bs-toggle="collapse" type="button">
                    <span class="open"><i aria-hidden="true" class="fas fa-bars"></i></span>
                    <span class="close"><i aria-hidden="true" class="fa-solid fa-square-x"></i></span>
                </button>
            </div>
            
            
            <!--REQUEST & APPLY BUTTONS-->
            <div class="row my-2 requestInfo" style="">
                <div class="col-6 text-center mt-3">
                    <a class="btn btn-outline-primary w-100" href="https://www.indwes.edu/contact/apply.html" title="Apply Now">Apply Now</a>
                </div>
            
                <div class="col-6 text-center mt-3">
                                                            <a class="btn btn-outline-primary w-100" href="https://www.indwes.edu/contact/rfi.html" title="Request Info">Request Info</a>
                </div>
            </div>
                        
            
            <div class="container">
                <div class="collapse navbar-collapse" id="mobileMenu">
                    <form action="https://www.indwes.edu/search.html" class="d-flex" method="get" role="search">
                        <div class="input-group">
                            <input aria-label="Search" class="form-control" name="q" placeholder="Search indwes.edu" type="search"/>
                            <span class="input-group-text"><i aria-hidden="true" class="fa-sharp fa-regular fa-magnifying-glass"></i></span>
                        </div>
                    <input type="hidden" name="as_sfid" value="AAAAAAUIN-QNs4jtNQBIsCtP3ngl-d2qo57kiJ3_hUeMw4hr5am296tO0I7XkfsSNwwkhqln5590epNasspnnBpxxAXLNXqcXoP4JFMmpaF6Cw-pzjteiaO_CYb9x2_O8Zdg9hmZb3NKQYrScvexVQhHpK1F6lwPAlEkG-Ap1RfktBOo5g==" /><input type="hidden" name="as_fid" value="a84c9226e9b9f436af4fc7595eade0b7a5ea8628" /></form>
                    <div class="mobile-menu navbar-nav">
                                                        <div class="menu-item">
                                <button aria-expanded="false" class="btn menu-toggle" data-bs-toggle="dropdown" type="button">About
                                <span>
                                <i aria-hidden="true" class="fas fa-plus"></i>
                                </span>
                                </button>
                                <ul class="dropdown-menu">
                                                                                                                        
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                            <li><a class="dropdown-item" href="https://www.indwes.edu/about/index.html" target="_parent">About IWU</a></li>
                                                                                                                                                                                                            
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                            <li><a class="dropdown-item" href="https://www.indwes.edu/about/mission-purpose/index.html" target="_parent">Mission and Purpose</a></li>
                                                                                                                                                                                                            
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                            <li><a class="dropdown-item" href="https://www.indwes.edu/landing-pages/research/index.html" target="_parent">Research at IWU</a></li>
                                                                                                                                                                                                            
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                            <li><a class="dropdown-item" href="https://www.indwes.edu/_archive/index2.html" target="_parent">Locations &amp; Facilities</a></li>
                                                                                                                                                                                                            
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                            <li><a class="dropdown-item" href="https://www.indwes.edu/about/offices/administration/index.html" target="_parent">Administration</a></li>
                                                                                                                                                                                                            
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                            <li><a class="dropdown-item" href="https://www.indwes.edu/about/community-impact/sowc.html" target="_parent">Community Impact</a></li>
                                                                                                                                                                                                            
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                            <li><a class="dropdown-item" href="https://www.indwes.edu/about/student-consumer-information/index.html" target="_parent">Student Consumer Information</a></li>
                                                                                                                                                        </ul>
                            </div>
                                                    <div class="menu-item">
                                <button aria-expanded="false" class="btn menu-toggle" data-bs-toggle="dropdown" type="button">Pathways
                                <span>
                                <i aria-hidden="true" class="fas fa-plus"></i>
                                </span>
                                </button>
                                <ul class="dropdown-menu">
                                                                                                                        
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                            <li><a class="dropdown-item" href="https://www.indwes.edu/pathways/Online.html" target="_parent">Online</a></li>
                                                                                                                                                                                    
                                            <li>
                                                <button aria-controls="mobileGroup1Sub1" aria-expanded="false" class="btn submenu-toggle collapsed" data-bs-target="#mobileGroup1Sub1" data-bs-toggle="collapse" type="button">
                                                    <span><i aria-hidden="true" class="fas fa-plus"></i></span>
                                                    On-Campus
                                                </button>
                    
                                                <ul class="collapse submenu" id="mobileGroup1Sub1">
                                                                                                            
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li>
                                                                <a class="dropdown-item" href="https://www.indwes.edu/about/campus/index.html" target="_parent">
                                                                    About Campus
                                                                </a>
                                                            </li>
                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li>
                                                                <a class="dropdown-item" href="https://www.indwes.edu/about/life-at-iwu/campus-rec/index.html" target="_parent">
                                                                    Campus Recreation
                                                                </a>
                                                            </li>
                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li>
                                                                <a class="dropdown-item" href="https://www.indwes.edu/about/life-at-iwu/residence-halls/index.html" target="_parent">
                                                                    Residence Halls
                                                                </a>
                                                            </li>
                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li>
                                                                <a class="dropdown-item" href="https://www.indwes.edu/about/life-at-iwu/spiritual-life/index.html" target="_parent">
                                                                    Spiritual Life on Campus
                                                                </a>
                                                            </li>
                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li>
                                                                <a class="dropdown-item" href="https://www.indwes.edu/_archive/visit-campus/index.html" target="_parent">
                                                                    Visit Campus
                                                                </a>
                                                            </li>
                                                                                                                                                            </ul>
                                            </li>
       
                                                                                                                                        
                                            <li>
                                                <button aria-controls="mobileGroup1Sub2" aria-expanded="false" class="btn submenu-toggle collapsed" data-bs-target="#mobileGroup1Sub2" data-bs-toggle="collapse" type="button">
                                                    <span><i aria-hidden="true" class="fas fa-plus"></i></span>
                                                    Transfer Students
                                                </button>
                    
                                                <ul class="collapse submenu" id="mobileGroup1Sub2">
                                                                                                            
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li>
                                                                <a class="dropdown-item" href="https://www.indwes.edu/admissions/transfer-campus/index.html" target="_parent">
                                                                    Transfer to Marion Campus
                                                                </a>
                                                            </li>
                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li>
                                                                <a class="dropdown-item" href="https://www.indwes.edu/admissions/online/online-transfer.html" target="_parent">
                                                                    Transfer to IWU Online
                                                                </a>
                                                            </li>
                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li>
                                                                <a class="dropdown-item" href="https://www.indwes.edu/pathways/international/index.html" target="_parent">
                                                                    International Transfer Student
                                                                </a>
                                                            </li>
                                                                                                                                                            </ul>
                                            </li>
       
                                                                                                                                                                
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                            <li><a class="dropdown-item" href="https://www.indwes.edu/pathways/military/index.html" target="_parent">Military &amp; Veteran Students</a></li>
                                                                                                                                                                                                            
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                            <li><a class="dropdown-item" href="https://www.indwes.edu/pathways/international/index.html" target="_parent">International Students</a></li>
                                                                                                                                                                                                            
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                            <li><a class="dropdown-item" href="https://www.indwes.edu/academics/seminary/index.html" target="_parent">Wesley Seminary</a></li>
                                                                                                                                                        </ul>
                            </div>
                                                    <div class="menu-item">
                                <button aria-expanded="false" class="btn menu-toggle" data-bs-toggle="dropdown" type="button">Admissions
                                <span>
                                <i aria-hidden="true" class="fas fa-plus"></i>
                                </span>
                                </button>
                                <ul class="dropdown-menu">
                                                                                                                        
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                            <li><a class="dropdown-item" href="https://www.indwes.edu/admissions/campus/index.html" target="_parent">On-Campus</a></li>
                                                                                                                                                                                                            
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                            <li><a class="dropdown-item" href="https://www.indwes.edu/admissions/online/index.html" target="_parent">Online and Hybrid</a></li>
                                                                                                                                                                                    
                                            <li>
                                                <button aria-controls="mobileGroup2Sub2" aria-expanded="false" class="btn submenu-toggle collapsed" data-bs-target="#mobileGroup2Sub2" data-bs-toggle="collapse" type="button">
                                                    <span><i aria-hidden="true" class="fas fa-plus"></i></span>
                                                    Transfer
                                                </button>
                    
                                                <ul class="collapse submenu" id="mobileGroup2Sub2">
                                                                                                            
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li>
                                                                <a class="dropdown-item" href="https://www.indwes.edu/admissions/transfer-campus/index.html" target="_parent">
                                                                    Transfer to Marion Campus
                                                                </a>
                                                            </li>
                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li>
                                                                <a class="dropdown-item" href="https://www.indwes.edu/admissions/online/online-transfer.html" target="_parent">
                                                                    Transfer to IWU Online
                                                                </a>
                                                            </li>
                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li>
                                                                <a class="dropdown-item" href="https://www.indwes.edu/pathways/international/index.html" target="_parent">
                                                                    International Student Transfer
                                                                </a>
                                                            </li>
                                                                                                                                                            </ul>
                                            </li>
       
                                                                                                                                                                
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                            <li><a class="dropdown-item" href="https://www.indwes.edu/admissions/tuition-aid/index.html" target="_parent">Tuition and Aid</a></li>
                                                                                                                                                                                                            
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                            <li><a class="dropdown-item" href="https://www.indwes.edu/academics/colleges-schools.html" target="_parent">Colleges and Schools</a></li>
                                                                                                                                                                                                            
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                            <li><a class="dropdown-item" href="https://www.indwes.edu/pathways/international/index.html" target="_parent">International Students</a></li>
                                                                                                                                                        </ul>
                            </div>
                                                    <div class="menu-item">
                                <button aria-expanded="false" class="btn menu-toggle" data-bs-toggle="dropdown" type="button">Academics
                                <span>
                                <i aria-hidden="true" class="fas fa-plus"></i>
                                </span>
                                </button>
                                <ul class="dropdown-menu">
                                                                                                                        
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                            <li><a class="dropdown-item" href="https://www.indwes.edu/academics/colleges-schools.html" target="_parent">Colleges and Schools</a></li>
                                                                                                                                                                                                            
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                            <li><a class="dropdown-item" href="https://www.indwes.edu/about/centers-institutes/index.html" target="_parent">Centers and Institutes</a></li>
                                                                                                                                                                                                            
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                            <li><a class="dropdown-item" href="https://www.indwes.edu/academics/faculty/index.html" target="_parent">Faculty Directory</a></li>
                                                                                                                                                                                                            
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                            <li><a class="dropdown-item" href="https://www.indwes.edu/find-your-program.html" target="_parent">Find Your Program</a></li>
                                                                                                                                                                                                            
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                            <li><a class="dropdown-item" href="https://www.indwes.edu/about/offices/global-engagement/index.html" target="_parent">Global Engagement</a></li>
                                                                                                                                                                                                            
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                            <li><a class="dropdown-item" href="https://www.indwes.edu/pathways/international/index.html" target="_parent">International Students</a></li>
                                                                                                                                                                                                            
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                            <li><a class="dropdown-item" href="https://www.indwes.edu/about/offices/registrar/index.html" target="_parent">Registrar</a></li>
                                                                                                                                                                                                            
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                            <li><a class="dropdown-item" href="https://www.indwes.edu/academics/seminary/index.html" target="_parent">Wesley Seminary</a></li>
                                                                                                                                                        </ul>
                            </div>
                                                    <div class="menu-item">
                                <button aria-expanded="false" class="btn menu-toggle" data-bs-toggle="dropdown" type="button">Resources
                                <span>
                                <i aria-hidden="true" class="fas fa-plus"></i>
                                </span>
                                </button>
                                <ul class="dropdown-menu">
                                                                                                
                                            <li>
                                                <button aria-controls="mobileGroup4Sub0" aria-expanded="false" class="btn submenu-toggle collapsed" data-bs-target="#mobileGroup4Sub0" data-bs-toggle="collapse" type="button">
                                                    <span><i aria-hidden="true" class="fas fa-plus"></i></span>
                                                    Prospective Students
                                                </button>
                    
                                                <ul class="collapse submenu" id="mobileGroup4Sub0">
                                                                                                            
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li>
                                                                <a class="dropdown-item" href="https://www.indwes.edu/find-your-program.html" target="_parent">
                                                                    Explore Academic Programs
                                                                </a>
                                                            </li>
                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li>
                                                                <a class="dropdown-item" href="https://www.indwes.edu/about/life-at-iwu/index.html" target="_parent">
                                                                    Study on Campus
                                                                </a>
                                                            </li>
                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li>
                                                                <a class="dropdown-item" href="https://www.indwes.edu/admissions/online/index.html" target="_parent">
                                                                    Study Online
                                                                </a>
                                                            </li>
                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li>
                                                                <a class="dropdown-item" href="https://www.indwes.edu/admissions/transfer-campus/index.html" target="_parent">
                                                                    Transfer to IWU
                                                                </a>
                                                            </li>
                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li>
                                                                <a class="dropdown-item" href="https://www.indwes.edu/about/profile/index.html" target="_parent">
                                                                    Why IWU?
                                                                </a>
                                                            </li>
                                                                                                                                                            </ul>
                                            </li>
       
                                                                                                                                        
                                            <li>
                                                <button aria-controls="mobileGroup4Sub1" aria-expanded="false" class="btn submenu-toggle collapsed" data-bs-target="#mobileGroup4Sub1" data-bs-toggle="collapse" type="button">
                                                    <span><i aria-hidden="true" class="fas fa-plus"></i></span>
                                                    Current Students
                                                </button>
                    
                                                <ul class="collapse submenu" id="mobileGroup4Sub1">
                                                                                                            
        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li>
                                                                <a class="dropdown-item" href="https://myiwu.indwes.edu" target="_parent">
                                                                    myIWU
                                                                </a>
                                                            </li>
                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li>
                                                                <a class="dropdown-item" href="https://www.indwes.edu/academics/academic-calendars.html" target="_parent">
                                                                    Academic Calendars
                                                                </a>
                                                            </li>
                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li>
                                                                <a class="dropdown-item" href="https://www.indwes.edu/about/offices/police/index.html" target="_parent">
                                                                    Campus Safety
                                                                </a>
                                                            </li>
                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li>
                                                                <a class="dropdown-item" href="https://www.indwes.edu/landing-pages/career-advancement/index.html" target="_parent">
                                                                    Career Advancement Support
                                                                </a>
                                                            </li>
                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li>
                                                                <a class="dropdown-item" href="https://www.indwes.edu/academics/library.html" target="_parent">
                                                                    Library
                                                                </a>
                                                            </li>
                                                                                                                                                            </ul>
                                            </li>
       
                                                                                                                                        
                                            <li>
                                                <button aria-controls="mobileGroup4Sub2" aria-expanded="false" class="btn submenu-toggle collapsed" data-bs-target="#mobileGroup4Sub2" data-bs-toggle="collapse" type="button">
                                                    <span><i aria-hidden="true" class="fas fa-plus"></i></span>
                                                    Faculty &amp; Staff
                                                </button>
                    
                                                <ul class="collapse submenu" id="mobileGroup4Sub2">
                                                                                                            
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li>
                                                                <a class="dropdown-item" href="https://www.indwes.edu/academics/academic-calendars.html" target="_parent">
                                                                    Academic Calendars
                                                                </a>
                                                            </li>
                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li>
                                                                <a class="dropdown-item" href="https://www.indwes.edu/academics/faculty/index.html" target="_parent">
                                                                    Faculty Directory
                                                                </a>
                                                            </li>
                                                                                                                                                                    
        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li>
                                                                <a class="dropdown-item" href="https://myiwu.indwes.edu/" target="_blank">
                                                                    myIWU
                                                                </a>
                                                            </li>
                                                                                                                                                                    
        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li>
                                                                <a class="dropdown-item" href="https://myemailindwes.sharepoint.com/sites/I-EMP_Payroll" target="_blank">
                                                                    Payroll Services
                                                                </a>
                                                            </li>
                                                                                                                                                                    
        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li>
                                                                <a class="dropdown-item" href="https://myemailindwes.sharepoint.com/sites/I-EMP_FacultyProfessionalDevelopment" target="_blank">
                                                                    Professional Development
                                                                </a>
                                                            </li>
                                                                                                                                                                    
        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li>
                                                                <a class="dropdown-item" href="https://selfservice.indwes.edu/Student?hideProxyDialog=false" target="_blank">
                                                                    Self Service
                                                                </a>
                                                            </li>
                                                                                                                                                            </ul>
                                            </li>
       
                                                                                                                                                                
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                            <li><a class="dropdown-item" href="https://www.indwes.edu/parents/index.html" target="_parent">Parents &amp; Families</a></li>
                                                                                                                                                                                    
                                            <li>
                                                <button aria-controls="mobileGroup4Sub4" aria-expanded="false" class="btn submenu-toggle collapsed" data-bs-target="#mobileGroup4Sub4" data-bs-toggle="collapse" type="button">
                                                    <span><i aria-hidden="true" class="fas fa-plus"></i></span>
                                                    Alumni &amp; Friends
                                                </button>
                    
                                                <ul class="collapse submenu" id="mobileGroup4Sub4">
                                                                                                            
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li>
                                                                <a class="dropdown-item" href="https://alumni.indwes.edu/index.html" target="_parent">
                                                                    Alumni Association
                                                                </a>
                                                            </li>
                                                                                                                                                                    
        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li>
                                                                <a class="dropdown-item" href="http://alumni.indwes.edu/homecoming/" target="_parent">
                                                                    Homecoming
                                                                </a>
                                                            </li>
                                                                                                                                                                    
        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li>
                                                                <a class="dropdown-item" href="http://alumni.indwes.edu/referral-campaign/index.html" target="_parent">
                                                                    Refer a Student
                                                                </a>
                                                            </li>
                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li>
                                                                <a class="dropdown-item" href="https://give.indwes.edu/index.html" target="_parent">
                                                                    Give a Gift
                                                                </a>
                                                            </li>
                                                                                                                                                            </ul>
                                            </li>
       
                                                                                                                                        
                                            <li>
                                                <button aria-controls="mobileGroup4Sub5" aria-expanded="false" class="btn submenu-toggle collapsed" data-bs-target="#mobileGroup4Sub5" data-bs-toggle="collapse" type="button">
                                                    <span><i aria-hidden="true" class="fas fa-plus"></i></span>
                                                    Offices &amp; Services
                                                </button>
                    
                                                <ul class="collapse submenu" id="mobileGroup4Sub5">
                                                                                                            
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li>
                                                                <a class="dropdown-item" href="https://www.indwes.edu/about/offices/police/index.html" target="_parent">
                                                                    Campus Police
                                                                </a>
                                                            </li>
                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li>
                                                                <a class="dropdown-item" href="https://www.indwes.edu/about/offices/center-for-student-success/index.html" target="_parent">
                                                                    Center for Student Success
                                                                </a>
                                                            </li>
                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li>
                                                                <a class="dropdown-item" href="https://www.indwes.edu/about/offices/event-conference-services/index.html" target="_parent">
                                                                    Event &amp; Conference Services
                                                                </a>
                                                            </li>
                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li>
                                                                <a class="dropdown-item" href="https://www.indwes.edu/about/offices/facilities/index.html" target="_parent">
                                                                    Facilities
                                                                </a>
                                                            </li>
                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li>
                                                                <a class="dropdown-item" href="https://www.indwes.edu/about/offices/global-engagement/index.html" target="_parent">
                                                                    Global Engagement
                                                                </a>
                                                            </li>
                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li>
                                                                <a class="dropdown-item" href="https://www.indwes.edu/about/offices/health-clinic/index.html" target="_parent">
                                                                    Health Clinic
                                                                </a>
                                                            </li>
                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li>
                                                                <a class="dropdown-item" href="https://www.indwes.edu/about/offices/hr/index.html" target="_parent">
                                                                    Human Resources
                                                                </a>
                                                            </li>
                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li>
                                                                <a class="dropdown-item" href="https://www.indwes.edu/about/offices/intercultural-global/index.html" target="_parent">
                                                                    Intercultural &amp; Global Office
                                                                </a>
                                                            </li>
                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li>
                                                                <a class="dropdown-item" href="https://www.indwes.edu/about/offices/life-calling/index.html" target="_parent">
                                                                    Life Calling and Career
                                                                </a>
                                                            </li>
                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li>
                                                                <a class="dropdown-item" href="https://www.indwes.edu/about/offices/registrar/index.html" target="_parent">
                                                                    Registrar
                                                                </a>
                                                            </li>
                                                                                                                                                            </ul>
                                            </li>
       
                                                                                                                                                                
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                            <li><a class="dropdown-item" href="https://www.indwes.edu/about/church-relations/index.html" target="_parent">Church Relations</a></li>
                                                                                                                                                                                                            
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                            <li><a class="dropdown-item" href="https://give.indwes.edu/index.html" target="_parent">Giving</a></li>
                                                                                                                                                        </ul>
                            </div>
                                            </div>
                    <div class="d-grid gap-2">
                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                           <a class="btn btn-outline-secondary" href="https://www.indwes.edu/contact/rfi.html" target="_parent">Request Info</a>
                                                                                                        
        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                           <a class="btn btn-outline-secondary" href="https://triangle.indwes.edu" target="_blank">University News</a>
                                                                                
        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                           <a class="btn btn-outline-secondary" href="https://iwuwildcats.com" target="_parent">Athletics</a>
                                                                                
        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                           <a class="btn btn-outline-secondary" href="https://tour.indwes.edu" target="_parent">Virtual Tour</a>
                                                                                
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                           <a class="btn btn-outline-secondary" href="https://give.indwes.edu/index.html" target="_parent">Give</a>
                                                                        </div>
                    <div class="weglot-here"></div>
                </div>
            </div>
        </div>
    </nav>
    
    <div class="main-nav d-none d-md-block">
        
                <nav class="navbar navbar-expand-md top-bar">
             <div class="container-xl weglot-embed">
                <div class="quick-links" id="navbarNav">
                    <ul class="navbar-nav ">
                        <li class="nav-item">
                            <ul class="navbar-nav navbar-search">
                                <li class="nav-item dropdown dropstart">
                                    <button aria-expanded="false" aria-haspopup="true" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" id="navbarDropdown2" type="button">
                                        <i class="fa-sharp fa-regular fa-magnifying-glass open"></i>
                                        <i aria-hidden="true" class="fa-solid fa-x close"></i><span class="sr-only">Expand Search Box</span>
                                    </button>
                                    <ul class="dropdown-menu dropdown-menu-right">
                                        <li>
                                            <form action="https://www.indwes.edu/search.html" class="d-flex" id="topNavSearch" method="get" role="search">
                                            <div class="input-group">
                                                <input aria-label="Search" class="form-control" name="q" placeholder="Search indwes.edu" type="search"/>
                                                <span class="input-group-text"><i aria-hidden="true" class="fa-sharp fa-regular fa-magnifying-glass"></i></span>
                                            </div>
                                        <input type="hidden" name="as_sfid" value="AAAAAAVRopXreINelw7lbf5xVyK5_Xzo7sDbZuLDmYFKS85Wc-Ndly74o_2i5RBvpcQoHPkqKMAr9VUEkoJFAjhr_NPiAfNR40q114uuP3HASNGLa9FBU4Ra5i3KVw9RSjQPWaed24I9Q1Xd8ZKsZKPHtLzVDBUmQr-kW88SyaV_qFrXaA==" /><input type="hidden" name="as_fid" value="e937330af0d7ce3efa81597a21b0b6ce2731b8be" /></form>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <!--RESOURCES BUTTON-->    
                        <li class="nav-item">
                            <button aria-expanded="false" class="nav-link" data-group="#megaMenuResources" id="resourcesBtn">
                                <i aria-hidden="true" class="fa-solid fa-grid-round"></i>
                                Resources
                            </button>
                        </li>
                    
        			            <li class="nav-item">
        			                
                        			                                                                        <a class="nav-link" href="https://www.indwes.edu/contact/rfi.html" title="Request Info">Request Info</a>
                        			                
                        			 
        			            
        			            </li>
        		
                      <!--APPLY BUTTON--> 
                       <li class="nav-item">
                            <a class="btn btn-outline-primary ml-3" href="https://www.indwes.edu/contact/apply.html" title="Apply Now">
                                Apply Now
                            </a>
                        </li>
                    </ul>
                    
                    <div class="weglot-here"></div>
                  
                </div>
            </div><!--container XL-->
        </nav>
        
                <nav class="navbar navbar-expand-md bottom-bar">
            <div class="container-xl">
                <div class="col">
                    <ul class="navbar-nav">
                                                    <li class="nav-item">
                                <button aria-expanded="false" class="btn navBar-btn" data-bs-target="#megaMenu" data-bs-toggle="collapse" data-group="#megaMenu0">About</button>
                            </li>
                                                    <li class="nav-item">
                                <button aria-expanded="false" class="btn navBar-btn" data-bs-target="#megaMenu" data-bs-toggle="collapse" data-group="#megaMenu1">Pathways</button>
                            </li>
                                                <li class="nav-item logo">
                            <a href="https://www.indwes.edu/index.html">
                                <img alt="Indiana Wesleyan University" class="img-fluid" id="logo" src="https://www.indwes.edu/_img/header-footer/master-white-background.svg"/>
                            </a>
                        </li>
                                                    <li class="nav-item">
                                <button aria-expanded="false" class="btn navBar-btn" data-bs-target="#megaMenu" data-bs-toggle="collapse" data-group="#megaMenu2">Admissions</button>
                            </li>
                                                    <li class="nav-item">
                                <button aria-expanded="false" class="btn navBar-btn" data-bs-target="#megaMenu" data-bs-toggle="collapse" data-group="#megaMenu3">Academics</button>
                            </li>
                                            </ul>
                </div>
            </div>
        </nav>
        
        
                <div id="desktopMenuOverlay"></div>
        <div aria-modal="true" class="mega-menu collapse" collapsestyle="transition: .6s;" id="megaMenu" role="dialog" tabindex="-1">
            <div class="container-xl">
                <div class="row inner">
                    <div class="col-12">
                        <ul class="menu">
                            <li>
                                <ul class="mega-menu--multiLevel">
                                    <li class="background-cat"></li>
                                                                                                                                                        <li class="main-nav">
                                            <button aria-expanded="false" aria-haspopup="true" class="menu-link menu-list-link sub-btn" id="megaMenu0">About							
                                                <span><i aria-hidden="true" class="fas fa-plus"></i></span>
                                            </button>
                                            
                                                                                        <ul class="menu menu-list" id="subMenu0">
                                                                                                                                                            
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/about/index.html" target="_parent">About IWU</a></li>
                                                                                                                                                                                                                                                                        
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/about/mission-purpose/index.html" target="_parent">Mission and Purpose</a></li>
                                                                                                                                                                                                                                                                        
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/landing-pages/research/index.html" target="_parent">Research at IWU</a></li>
                                                                                                                                                                                                                                                                        
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/_archive/index2.html" target="_parent">Locations &amp; Facilities</a></li>
                                                                                                                                                                                                                                                                        
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/about/offices/administration/index.html" target="_parent">Administration</a></li>
                                                                                                                                                                                                                                                                        
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/about/community-impact/sowc.html" target="_parent">Community Impact</a></li>
                                                                                                                                                                                                                                                                        
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/about/student-consumer-information/index.html" target="_parent">Student Consumer Information</a></li>
                                                                                                                                                                                                        </ul>
                                        </li>
                                                                                                                    <li class="main-nav">
                                            <button aria-expanded="false" aria-haspopup="true" class="menu-link menu-list-link sub-btn" id="megaMenu1">Pathways							
                                                <span><i aria-hidden="true" class="fas fa-plus"></i></span>
                                            </button>
                                            
                                                                                        <ul class="menu menu-list" id="subMenu1">
                                                                                                                                                            
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/pathways/Online.html" target="_parent">Online</a></li>
                                                                                                                                                                                                                                                                        <li>
                                                            <button aria-expanded="false" aria-haspopup="true" class="menu-link menu-list-link subSub-btn">On-Campus	
                                                                <span>
                                                                    <i aria-hidden="true" class="fas fa-plus"></i>
                                                                </span>
                                                            </button>
                                                            <ul class="menu menu-list sublinks" id="subSubMenu1-2">
                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
        			                                                        			                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/about/campus/index.html" target="_parent">About Campus</a></li>
        			                                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
        			                                                        			                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/about/life-at-iwu/campus-rec/index.html" target="_parent">Campus Recreation</a></li>
        			                                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
        			                                                        			                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/about/life-at-iwu/residence-halls/index.html" target="_parent">Residence Halls</a></li>
        			                                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
        			                                                        			                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/about/life-at-iwu/spiritual-life/index.html" target="_parent">Spiritual Life on Campus</a></li>
        			                                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
        			                                                        			                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/_archive/visit-campus/index.html" target="_parent">Visit Campus</a></li>
        			                                                                                                                                                                            </ul>
                                                        </li>
                                                                                                                                                                                                                <li>
                                                            <button aria-expanded="false" aria-haspopup="true" class="menu-link menu-list-link subSub-btn">Transfer Students	
                                                                <span>
                                                                    <i aria-hidden="true" class="fas fa-plus"></i>
                                                                </span>
                                                            </button>
                                                            <ul class="menu menu-list sublinks" id="subSubMenu1-3">
                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
        			                                                        			                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/admissions/transfer-campus/index.html" target="_parent">Transfer to Marion Campus</a></li>
        			                                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
        			                                                        			                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/admissions/online/online-transfer.html" target="_parent">Transfer to IWU Online</a></li>
        			                                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
        			                                                        			                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/pathways/international/index.html" target="_parent">International Transfer Student</a></li>
        			                                                                                                                                                                            </ul>
                                                        </li>
                                                                                                                                                                                                                
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/pathways/military/index.html" target="_parent">Military &amp; Veteran Students</a></li>
                                                                                                                                                                                                                                                                        
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/pathways/international/index.html" target="_parent">International Students</a></li>
                                                                                                                                                                                                                                                                        
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/academics/seminary/index.html" target="_parent">Wesley Seminary</a></li>
                                                                                                                                                                                                        </ul>
                                        </li>
                                                                                                                    <li class="main-nav">
                                            <button aria-expanded="false" aria-haspopup="true" class="menu-link menu-list-link sub-btn" id="megaMenu2">Admissions							
                                                <span><i aria-hidden="true" class="fas fa-plus"></i></span>
                                            </button>
                                            
                                                                                        <ul class="menu menu-list" id="subMenu2">
                                                                                                                                                            
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/admissions/campus/index.html" target="_parent">On-Campus</a></li>
                                                                                                                                                                                                                                                                        
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/admissions/online/index.html" target="_parent">Online and Hybrid</a></li>
                                                                                                                                                                                                                                                                        <li>
                                                            <button aria-expanded="false" aria-haspopup="true" class="menu-link menu-list-link subSub-btn">Transfer	
                                                                <span>
                                                                    <i aria-hidden="true" class="fas fa-plus"></i>
                                                                </span>
                                                            </button>
                                                            <ul class="menu menu-list sublinks" id="subSubMenu2-3">
                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
        			                                                        			                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/admissions/transfer-campus/index.html" target="_parent">Transfer to Marion Campus</a></li>
        			                                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
        			                                                        			                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/admissions/online/online-transfer.html" target="_parent">Transfer to IWU Online</a></li>
        			                                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
        			                                                        			                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/pathways/international/index.html" target="_parent">International Student Transfer</a></li>
        			                                                                                                                                                                            </ul>
                                                        </li>
                                                                                                                                                                                                                
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/admissions/tuition-aid/index.html" target="_parent">Tuition and Aid</a></li>
                                                                                                                                                                                                                                                                        
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/academics/colleges-schools.html" target="_parent">Colleges and Schools</a></li>
                                                                                                                                                                                                                                                                        
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/pathways/international/index.html" target="_parent">International Students</a></li>
                                                                                                                                                                                                        </ul>
                                        </li>
                                                                                                                    <li class="main-nav">
                                            <button aria-expanded="false" aria-haspopup="true" class="menu-link menu-list-link sub-btn" id="megaMenu3">Academics							
                                                <span><i aria-hidden="true" class="fas fa-plus"></i></span>
                                            </button>
                                            
                                                                                        <ul class="menu menu-list" id="subMenu3">
                                                                                                                                                            
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/academics/colleges-schools.html" target="_parent">Colleges and Schools</a></li>
                                                                                                                                                                                                                                                                        
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/about/centers-institutes/index.html" target="_parent">Centers and Institutes</a></li>
                                                                                                                                                                                                                                                                        
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/academics/faculty/index.html" target="_parent">Faculty Directory</a></li>
                                                                                                                                                                                                                                                                        
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/find-your-program.html" target="_parent">Find Your Program</a></li>
                                                                                                                                                                                                                                                                        
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/about/offices/global-engagement/index.html" target="_parent">Global Engagement</a></li>
                                                                                                                                                                                                                                                                        
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/pathways/international/index.html" target="_parent">International Students</a></li>
                                                                                                                                                                                                                                                                        
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/about/offices/registrar/index.html" target="_parent">Registrar</a></li>
                                                                                                                                                                                                                                                                        
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/academics/seminary/index.html" target="_parent">Wesley Seminary</a></li>
                                                                                                                                                                                                        </ul>
                                        </li>
                                                                                                                                                            <li class="main-nav">
                                            <button aria-expanded="false" aria-haspopup="true" class="menu-link menu-list-link sub-btn" id="megaMenuResources">Resources							
                                                <span><i aria-hidden="true" class="fas fa-plus"></i></span>
                                            </button>
                                            
                                                                                        <ul class="menu menu-list" id="subMenuResources">
                                                                                                                                                            <li>
                                                            <button aria-expanded="false" aria-haspopup="true" class="menu-link menu-list-link subSub-btn">Prospective Students	
                                                                <span>
                                                                    <i aria-hidden="true" class="fas fa-plus"></i>
                                                                </span>
                                                            </button>
                                                            <ul class="menu menu-list sublinks" id="subSubMenuResources-1">
                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
        			                                                        			                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/find-your-program.html" target="_parent">Explore Academic Programs</a></li>
        			                                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
        			                                                        			                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/about/life-at-iwu/index.html" target="_parent">Study on Campus</a></li>
        			                                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
        			                                                        			                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/admissions/online/index.html" target="_parent">Study Online</a></li>
        			                                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
        			                                                        			                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/admissions/transfer-campus/index.html" target="_parent">Transfer to IWU</a></li>
        			                                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
        			                                                        			                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/about/profile/index.html" target="_parent">Why IWU?</a></li>
        			                                                                                                                                                                            </ul>
                                                        </li>
                                                                                                                                                                                                                <li>
                                                            <button aria-expanded="false" aria-haspopup="true" class="menu-link menu-list-link subSub-btn">Current Students	
                                                                <span>
                                                                    <i aria-hidden="true" class="fas fa-plus"></i>
                                                                </span>
                                                            </button>
                                                            <ul class="menu menu-list sublinks" id="subSubMenuResources-2">
                                                                                                                                    
        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
        			                                                        			                                                    <li><a class="menu-link menu-list-link" href="https://myiwu.indwes.edu" target="_parent">myIWU</a></li>
        			                                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
        			                                                        			                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/academics/academic-calendars.html" target="_parent">Academic Calendars</a></li>
        			                                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
        			                                                        			                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/about/offices/police/index.html" target="_parent">Campus Safety</a></li>
        			                                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
        			                                                        			                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/landing-pages/career-advancement/index.html" target="_parent">Career Advancement Support</a></li>
        			                                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
        			                                                        			                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/academics/library.html" target="_parent">Library</a></li>
        			                                                                                                                                                                            </ul>
                                                        </li>
                                                                                                                                                                                                                <li>
                                                            <button aria-expanded="false" aria-haspopup="true" class="menu-link menu-list-link subSub-btn">Faculty &amp; Staff	
                                                                <span>
                                                                    <i aria-hidden="true" class="fas fa-plus"></i>
                                                                </span>
                                                            </button>
                                                            <ul class="menu menu-list sublinks" id="subSubMenuResources-3">
                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
        			                                                        			                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/academics/academic-calendars.html" target="_parent">Academic Calendars</a></li>
        			                                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
        			                                                        			                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/academics/faculty/index.html" target="_parent">Faculty Directory</a></li>
        			                                                                                                                                                                                    
        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
        			                                                        			                                                    <li><a class="menu-link menu-list-link" href="https://myiwu.indwes.edu/" target="_blank">myIWU</a></li>
        			                                                                                                                                                                                    
        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
        			                                                        			                                                    <li><a class="menu-link menu-list-link" href="https://myemailindwes.sharepoint.com/sites/I-EMP_Payroll" target="_blank">Payroll Services</a></li>
        			                                                                                                                                                                                    
        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
        			                                                        			                                                    <li><a class="menu-link menu-list-link" href="https://myemailindwes.sharepoint.com/sites/I-EMP_FacultyProfessionalDevelopment" target="_blank">Professional Development</a></li>
        			                                                                                                                                                                                    
        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
        			                                                        			                                                    <li><a class="menu-link menu-list-link" href="https://selfservice.indwes.edu/Student?hideProxyDialog=false" target="_blank">Self Service</a></li>
        			                                                                                                                                                                            </ul>
                                                        </li>
                                                                                                                                                                                                                
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/parents/index.html" target="_parent">Parents &amp; Families</a></li>
                                                                                                                                                                                                                                                                        <li>
                                                            <button aria-expanded="false" aria-haspopup="true" class="menu-link menu-list-link subSub-btn">Alumni &amp; Friends	
                                                                <span>
                                                                    <i aria-hidden="true" class="fas fa-plus"></i>
                                                                </span>
                                                            </button>
                                                            <ul class="menu menu-list sublinks" id="subSubMenuResources-5">
                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
        			                                                        			                                                    <li><a class="menu-link menu-list-link" href="https://alumni.indwes.edu/index.html" target="_parent">Alumni Association</a></li>
        			                                                                                                                                                                                    
        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
        			                                                        			                                                    <li><a class="menu-link menu-list-link" href="http://alumni.indwes.edu/homecoming/" target="_parent">Homecoming</a></li>
        			                                                                                                                                                                                    
        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
        			                                                        			                                                    <li><a class="menu-link menu-list-link" href="http://alumni.indwes.edu/referral-campaign/index.html" target="_parent">Refer a Student</a></li>
        			                                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
        			                                                        			                                                    <li><a class="menu-link menu-list-link" href="https://give.indwes.edu/index.html" target="_parent">Give a Gift</a></li>
        			                                                                                                                                                                            </ul>
                                                        </li>
                                                                                                                                                                                                                <li>
                                                            <button aria-expanded="false" aria-haspopup="true" class="menu-link menu-list-link subSub-btn">Offices &amp; Services	
                                                                <span>
                                                                    <i aria-hidden="true" class="fas fa-plus"></i>
                                                                </span>
                                                            </button>
                                                            <ul class="menu menu-list sublinks" id="subSubMenuResources-6">
                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
        			                                                        			                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/about/offices/police/index.html" target="_parent">Campus Police</a></li>
        			                                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
        			                                                        			                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/about/offices/center-for-student-success/index.html" target="_parent">Center for Student Success</a></li>
        			                                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
        			                                                        			                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/about/offices/event-conference-services/index.html" target="_parent">Event &amp; Conference Services</a></li>
        			                                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
        			                                                        			                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/about/offices/facilities/index.html" target="_parent">Facilities</a></li>
        			                                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
        			                                                        			                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/about/offices/global-engagement/index.html" target="_parent">Global Engagement</a></li>
        			                                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
        			                                                        			                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/about/offices/health-clinic/index.html" target="_parent">Health Clinic</a></li>
        			                                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
        			                                                        			                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/about/offices/hr/index.html" target="_parent">Human Resources</a></li>
        			                                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
        			                                                        			                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/about/offices/intercultural-global/index.html" target="_parent">Intercultural &amp; Global Office</a></li>
        			                                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
        			                                                        			                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/about/offices/life-calling/index.html" target="_parent">Life Calling and Career</a></li>
        			                                                                                                                                                                                    
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
        			                                                        			                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/about/offices/registrar/index.html" target="_parent">Registrar</a></li>
        			                                                                                                                                                                            </ul>
                                                        </li>
                                                                                                                                                                                                                
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li><a class="menu-link menu-list-link" href="https://www.indwes.edu/about/church-relations/index.html" target="_parent">Church Relations</a></li>
                                                                                                                                                                                                                                                                        
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                                                                                                    <li><a class="menu-link menu-list-link" href="https://give.indwes.edu/index.html" target="_parent">Giving</a></li>
                                                                                                                                                                                                        </ul>
                                        </li>
                                                                        
                                    
                                                                        <li class="main-nav">
                                        <form action="https://www.indwes.edu/search.html" id="megaMenuSearch" method="get" role="search">
                                            <div class="input-group ">
                                                <input aria-label="Search" class="form-control" name="q" placeholder="Search indwes.edu" type="search"/>
                                                <span class="input-group-text"><i aria-hidden="true" class="fa-sharp fa-regular fa-magnifying-glass"></i></span>
                                            </div>
                                        <input type="hidden" name="as_sfid" value="AAAAAAWQOvdQLG_Bjg-RNt6vpkmjG4L2rQu-HHYKgUA0zlH5w6dSQOHu2SO_qQACYwjqe_ue71Gs3qCj05X-4HhMpnEcXJHvTAn2brd6vQq-WVs6XJZbkzyoQY8WG2Kwrj5XnEnhdWYn0Nl4K0KXfJKn8PcPdc_nnWIOIWj0kCsIFMnvkA==" /><input type="hidden" name="as_fid" value="e3c03e0298ce45370acdd322e293b01921ffb973" /></form>
                                    </li>
                                    
                                </ul>
                            </li>
                            <li>
                                <div class="close mt-4">
                                    <button aria-expanded="true" class="btn nav-link mt-5" data-bs-target="#megaMenu" data-bs-toggle="collapse" id="closeMegaMenu">
                                        <i aria-hidden="true" class="fa-sharp fa-solid fa-x"></i>
                                        <span class="sr-only">Close Menu</span>
                                    </button>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                
                
                            <div class="row mega-bottom-bar">
                    <div class="col-12">
                        <ul class="icon-bar list-inline">
                                                            
        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                <li>
                                    <a class="nav-link" href="https://triangle.indwes.edu" target="_blank">
                                                                                    <i aria-hidden="true" class="fa-duotone fa-newspaper"></i>
                                            <br/>
                                            University News
                                                                            </a>
                                </li>
                                                            
        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                <li>
                                    <a class="nav-link" href="https://iwuwildcats.com" target="_parent">
                                                                                    <img alt="Wildcat Athletics" class="wildcat" src="https://www.indwes.edu/_img/header-footer/wildcatHead.png"/>
                                            <div class="icon-text">Athletics</div>
                                                                            </a>
                                </li>
                                                        <li class="logo">
                                <a class="nav-link" href="https://www.indwes.edu/index.html">
                                    <img alt="Indiana Wesleyan University" src="https://www.indwes.edu/_img/header-footer/master-white-background.svg"/>
                                </a>
                            </li>
                                                            
        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                <li>
                                    <a class="nav-link" href="https://tour.indwes.edu" target="_parent">
                                                                                    <i aria-hidden="true" class="fa-duotone fa-map-location-dot"></i>
                                            <br/>
                                            Virtual Tour
                                                                            </a>
                                </li>
                                                            
                        
<style>
    .sublinks {
        overflow-y: auto;
    }
    
body.mega-menu-open header.redesign .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

    
</style>    



<script>
    const megaMenu = document.getElementById("megaMenu");

megaMenu.addEventListener("shown.bs.collapse", () =&gt; {
    document.body.classList.add("mega-menu-open");
});

megaMenu.addEventListener("hidden.bs.collapse", () =&gt; {
    document.body.classList.remove("mega-menu-open");
});
</script>
    
                                <li>
                                    <a class="nav-link" href="https://give.indwes.edu/index.html" target="_parent">
                                                                                    <i aria-hidden="true" class="fa-duotone fa-hand-heart"></i>
                                            <br/>
                                            Give
                                                                            </a>
                                </li>
                                                    </ul>
                    </div>
                </div>
                          
                
            </div>
        </div>
    </div>
</header>
 
			




  













<script type="text/javascript">
document.documentElement.setAttribute("data-fa-lock", "");
</script>





<div class="selected-bgcolor">
  <div class="d-none d-lg-block hero-banner  mt-4 mt-lg-0   slanted-section ">

                                      






    
<style>
    .capitalize {
        text-transform: capitalize;
    }
</style>                                                           
            <div class="position-breadcrumbs-reskin" id="breadcrumbs-reskin"> <!--d-none d-sm-block-->
                <div>
                  <section>
                    <div class="row">
                        <div class="col">
                            <ul class="breadcrumb mb-2 pt-0 pl-0">
                                                                        
                                <!--PAGE LINKS-->
                                                                
                                                                                                                
                                                                                                                                                            <li><a class="animate-underline text-primary" href="https://www.indwes.edu/about/index.html" target="_parent" title="About">About</a>  <i class="fa-sharp fa-solid fa-slash-forward text-primary"></i>  </li>
                                                                                                                                            
                                                                                                                
                                                                                                                                                            <li><a class="animate-underline text-primary" href="https://www.indwes.edu/about/life-at-iwu/index.html" target="_parent" title="Life at IWU">Life at IWU</a>  <i class="fa-sharp fa-solid fa-slash-forward text-primary"></i>  </li>
                                                                                                                                            
                                                                                                                
                                                                                                                                                            <li><a class="animate-underline text-primary" href="https://www.indwes.edu/about/life-at-iwu/spiritual-life/index.html" target="_parent" title="Spiritual Life">Spiritual Life</a>  <i class="fa-sharp fa-solid fa-slash-forward text-primary"></i>  </li>
                                                                                                                                            
                                                                                                                
                                                                                                                                                                                                                </ul>
                            
                            
                        </div><!--col-->
                    </div><!--row-->
                    </section>
                </div><!--bread container-->
            </div><!--d-none d-sm-block-->
          
                                     

          <div class="hero-content  py-lg-1   align-items-center ">
        <div class="hero-stack  container  row justify-content-center justify-content-md-start align-items-center px-4 pl-lg-0 ">

          <div class="text-left  col-12    ">
            
            <h1 class="h1-new-size hero-title  text-black mb-2">Faith Grows <br class="d-none d-lg-block"/> Better Together</h1>

                          <p class="hero-subtitle text-black text-left  mb-2 ">
                Ask questions. Find mentors. Worship with friends. Grow at your own pace while being part of a community centered on Jesus.
              </p>
            
                      </div>

                  </div>
      </div>

      
      </div>
</div>


<div class="d-block d-lg-none hero-banner-mobile mb-5 d-flex align-items-center   has-mobile-bg   slanted-section-mobile   bg-white  px-4   mt-2">
  
                                                                                   
            <div class="position-breadcrumbs-reskin" id="breadcrumbs-reskin"> <!--d-none d-sm-block-->
                <div>
                  <section>
                    <div class="row">
                        <div class="col">
                            <ul class="breadcrumb mb-2 pt-0 pl-0">
                                                                        
                                <!--PAGE LINKS-->
                                                                
                                                                                                                
                                                                                                                                                            <li><a class="animate-underline text-primary" href="https://www.indwes.edu/about/index.html" target="_parent" title="About">About</a>  <i class="fa-sharp fa-solid fa-slash-forward text-primary"></i>  </li>
                                                                                                                                            
                                                                                                                
                                                                                                                                                            <li><a class="animate-underline text-primary" href="https://www.indwes.edu/about/life-at-iwu/index.html" target="_parent" title="Life at IWU">Life at IWU</a>  <i class="fa-sharp fa-solid fa-slash-forward text-primary"></i>  </li>
                                                                                                                                            
                                                                                                                
                                                                                                                                                            <li><a class="animate-underline text-primary" href="https://www.indwes.edu/about/life-at-iwu/spiritual-life/index.html" target="_parent" title="Spiritual Life">Spiritual Life</a>  <i class="fa-sharp fa-solid fa-slash-forward text-primary"></i>  </li>
                                                                                                                                            
                                                                                                                
                                                                                                                                                                                                                </ul>
                            
                            
                        </div><!--col-->
                    </div><!--row-->
                    </section>
                </div><!--bread container-->
            </div><!--d-none d-sm-block-->
          
                                       
  <div class="container">
    
      
      
    <div class="hero-mobile-inner  text-left">
      
      <h1 class="d-block h1-new-size hero-title text-black">Faith Grows <br class="d-none d-lg-block"/> Better Together</h1>

              <p class="hero-subtitle text-black mb-3">Ask questions. Find mentors. Worship with friends. Grow at your own pace while being part of a community centered on Jesus.</p>
      
          </div>
  </div>
</div>







<script>
    document.querySelectorAll('.rfi-placeholder-form select').forEach(function(select) {
  select.addEventListener('mousedown', function(e) {
    e.preventDefault(); 
  });

  select.addEventListener('focus', function() {
    this.blur(); 
  });
});
</script>


<style>
/* ==========================================================
   GLOBAL / UTILITIES
   ========================================================== */
   
   
   
   .rfi-holder-box-mobile   h2{
      font-family: "Roboto Condensed", serif;
  }

                      
            <div class="shadow-sm" id="breadcrumbs"> <!--d-none d-sm-block-->

                
                <div class="container">
                  <section>
                    <div class="row">
                        <div class="col">
                            <ul class="breadcrumb mb-0" style="">
                                        
                                <!--HOME LINK-->
                                                                                                            <li><a href="https://www.indwes.edu/index.html" target="_parent" title="Indiana Wesleyan Home Page"><i class="fa-solid fa-house"></i></a>  <i class="fa-duotone fa-chevron-right"></i>  </li><!--$_EscapeTool.xml($homeLink.metadata.getDynamicField('breadcrumb').value)-->
                                                                                                    
                                <!--PAGE LINKS-->
                                                                
                                                                                                            
                                                                                                                                                            <li><a href="https://www.indwes.edu/about/index.html" target="_parent" title="About">About</a>  <i class="fa-duotone fa-chevron-right"></i>  </li>
                                                                                                                                            
                                                                                                            
                                                                                                                                                            <li><a href="https://www.indwes.edu/about/life-at-iwu/index.html" target="_parent" title="Life at IWU">Life at IWU</a>  <i class="fa-duotone fa-chevron-right"></i>  </li>
                                                                                                                                            
                                                                                                            
                                                                                                                                                            <li><a href="https://www.indwes.edu/about/life-at-iwu/spiritual-life/index.html" target="_parent" title="Spiritual Life">Spiritual Life</a>  <i class="fa-duotone fa-chevron-right"></i>  </li>
                                                                                                                                            
                                                                                                            
                                                                                                                                                                                                                </ul>
                            
                            
                        </div><!--col-->
                    </div><!--row-->
                    </section>
                </div><!--bread container-->
            </div><!--d-none d-sm-block-->
          
                     { display: none !important; }

.selected-bgcolor { background: #ffffff; }

[style*="z-index"],
.has-z { z-index: 100 !important; }

.z-101 {
  position: relative;
  z-index: 5;
}

.banner-shadow {
      box-shadow: 0 .75rem 1rem rgba(0, 0, 0, 0.15) !important;
  }

.position-relative { position: relative; }
.position-absolute { position: absolute; }

.h-390 { min-height: 390px; }

.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}


/* ==========================================================
   DESKTOP HERO BANNER
   ========================================================== */

.hero-banner {
  position: relative;
  width: 100%;
      height: 490px;
    max-height: 490px;
        background-image: url('https://www.indwes.edu/about/life-at-iwu/_img/spiritual-life-banner.webp');
    background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: #ffffff;
    z-index: 99;
}

@media(min-width: 2000px) {
  .hero-banner {
      }
}

.hero-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: none;
}

  .hero-banner::before { background: rgba(255,255,255,.9); }

.hero-content {
      position: absolute;
    inset: 0;
  display: grid;
  place-items: center;
  z-index: 3;
  pointer-events: none;
}

.hero-content &gt; .container {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.hero-stack {
  width: 100%;
  pointer-events: auto;
  margin-top: -30px;
  position: relative;
}

@media (min-width: 992px) {
  #${id} .slanted-section .hero-stack &gt; div:first-child {
    position: relative;
    top: -35px;
  }
}

.hero-inner-content {
  position: absolute;
  width: 80%;
  margin: auto;
  z-index: 10;
}

@media (min-width: 992px) {
  .right-clipped-hero-wrapper {
          height: 380px !important;
      }

  .right-clipped-hero-image { width: 42% !important; }

  .right-clipped-hero-content {
    width: 68% !important;
    clip-path: polygon(0 0, 100% 0, 88% 100%, 0 100%);
    -webkit-clip-path: polygon(0 0, 100% 0, 88% 100%, 0 100%);
  }
}

.extra-bottom-margin { margin-bottom: 90px; }

.right-clipped-hero-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 2;
}

.right-clipped-hero-image {
  height: 200px;
  z-index: 1;
  right: 0;
  top: 0;
}

.right-clipped-hero-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}


/* ==========================================================
   MOBILE HERO BANNER
   ========================================================== */

.hero-banner-mobile { position: relative; }

.hero-banner-mobile.has-mobile-bg {
      background-image: url('https://www.indwes.edu/about/life-at-iwu/_img/spiritual-life-banner.webp');
    background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  background-color: #ffffff;
  min-height: 420px;
  display: flex;
  /*align-items: center;*/  /*vertical center*/
}

.hero-banner-mobile .container,
.hero-mobile-inner {
  position: relative;
  z-index: 3;
}

.hero-banner-mobile::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: none;
}

.hero-banner-mobile::before { background: rgba(255,255,255,.9); }

#${id} .hero-banner-mobile {
  position: relative;
  overflow: hidden;
}

#${id} .hero-mobile-inner {
  position: relative;
  z-index: 3;
  width: 100%;
  padding: 32px 0;
}


.position-breadcrumbs-reskin {
    padding: 20px 0px 0px 20px;
    z-index: 10;
    font-size: 0.8rem;
    position: relative;
}

@media (max-width: 991px) {
  .hero-mobile-inner .d-flex { gap: 10px; }
  
  
  .position-breadcrumbs-reskin {
    position: absolute;
    top: 0px;
}
}


/* ==========================================================
   HERO TYPOGRAPHY
   ========================================================== */

.hero-title {
  color: #fff;
  padding-bottom: 0.10em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  hyphens: none;
  word-break: normal;
  overflow-wrap: normal;
  text-transform: none;
}

/*
@media(min-width: 992px) {
  .hero-title {
     -webkit-line-clamp: 2;   }
}
*/


.hero-subtitle {
  color: #fff;
  font-size: 1.7rem;
      max-width: 60ch;
  }


/* ==========================================================
   SLANTED SECTIONS
   ========================================================== */

  #${id} .slanted-section,
  #${id} .slanted-section-mobile { position: relative; }

      #${id} .slanted-section {
      clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
      -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
      overflow: visible;
    }

    #${id} .slanted-section-mobile {
      clip-path: polygon(0 0, 100% 0, 100% 92%, 0 100%);
      -webkit-clip-path: polygon(0 0, 100% 0, 100% 92%, 0 100%);
      overflow: hidden;
    }
  
  

/* ==========================================================
   RIGHT IMAGE / ROTATED IMAGE
   ========================================================== */

.mobile-position { position: relative; }

@media (min-width: 992px) {
  #${id} .slanted-section .mobile-position {
    position: relative;
    z-index: 4;
  }

  #${id} .slanted-section .mobile-position img:not(.rotated) {
    position: relative;
        z-index: 4;
  }
}


/* ==========================================================
   RFI HOLDER / FORM SHELL
   ========================================================== */

.rfi-holder-desktop { display: none; }

.rfi-holder-desktop .panel-inner {
  display: grid;
  grid-template-columns: max-content 1fr;
  align-items: stretch;
  height: 100%;
  position: relative;
}

.grey-chevron-box {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  height: 100%;
  /*width: 200px;*/ /*HIDDEN TO FIX ISSUES - DO NOT ADD BACK WITHOUT TALKING TO KELLEY*/
  background: #fff;
      background-image: url('https://www.indwes.edu/_img/backgrounds/grey-right-chevron-background.webp');
    background-repeat: no-repeat;
  background-position: right center;
  background-size: cover;
}

.chevron-box-header {
  font-family: "Nunito Sans", sans-serif;
  font-size: 1.6rem;
      color: var(--primary);
    padding-left: 20px !important;
  padding-right: 40px !important;
}

.form-here {
  z-index: 1;
  background: #fff;
  height: 120px;
  align-items: center;
  overflow: hidden;
  min-width: 0;
  margin-left: -2px;
}


/* ==========================================================
   RFI PLACEHOLDER SHELL
   ========================================================== */

.rfi-placeholder-form {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin: 0;
  background: #fff;
  padding-top: 36px;
  padding-left: 25px;
  padding-right: 16px;
}

.rfi-placeholder-field {
  flex: 1 1 0;
  min-width: 145px;
}

.rfi-placeholder-form  .btn{
    margin-right: 13px !important;
}


.rfi-placeholder-action { flex: 0 0 auto; }

.rfi-placeholder-form select {
  width: 100%;
  height: 45px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  font-family: inherit;
  font-size: 1rem;
  color: black !important;
  font-family: "Open Sans" !important;
}

.rfi-placeholder-form select {
  padding: 0.4em 2em 0.5em 0.75em;
  background-color: #f5f5f5;
  color: #555;
  cursor: wait;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="black" height="12" viewBox="0 0 24 24" width="12"><path d="M7 10l5 5 5-5z"/></svg>");
  background-repeat: no-repeat;
  background-position: right 0.75em center;
  background-size: 1em;
}


.fa-shell-ready .rfi-placeholder-form,
.fa-thankyou-mode .rfi-placeholder-form {
  display: none !important;
}


.rfi-placeholder-form{
    justify-content: space-between;
}

/* ==========================================================
   FORM STATE / FIELD HELPERS
   ========================================================== */

select.is-disabled-dependent {
  background-color: #f4f4f4 !important;
  color: #555 !important;
  cursor: not-allowed !important;
}

select.is-enabled-dependent {
  background-color: #fff !important;
  color: inherit;
}

.wFormContainer {
  max-width: 100%;
  margin-left: 0;
}

.wFormContainer .wForm {
  background-color: transparent !important;
  background: none !important;
}

.wFormFooter { display: none !important; }

input::placeholder { color: black !important; }

.twitter-typeahead { width: 100%; }

.twitter-typeahead .tt-hint[disabled] { background-color: #f3f3f3 !important; }
.twitter-typeahead .tt-hint:not([disabled]) { background-color: #ffffff !important; }

.wForm .tt-search {
  position: absolute;
  /*left: auto;*/
  top: 33%;
  right: 20px !important;
  z-index: 5;
  cursor: pointer;
  font-size: 10px;
}

.fa-search.tt-search::before {
  content: "\f002";
  font-family: "Font Awesome 6 Pro";
  font-weight: 600;
  font-size: 1.0rem;
  color: black;
}

.fa-search.tt-search { font-family: inherit !important; }
/*.wForm .tt-clear { left: 2% !important; }*/ /*HIDDEN TO FIX AN ISSUE - TALK TO KELLEY BEFORE CHANGING*/

.tt-suggestion {
  /*font-family: "Montserrat", sans-serif !important;
  font-size: 1.2em !important;
  border-radius: 999px;
  padding: 6px 10px !important;*//*HIDDEN TO FIX AN ISSUE - TALK TO KELLEY BEFORE CHANGING*/
  color: #4a4a4a !important;
}

.tt-suggestion.tt-cursor {
  background-color: #DEF1ED !important;
  padding: 5px 0;
}

.wForm .actions.multipage { width: auto !important; }

.wForm div &gt; div.oneField,
.wForm fieldset &gt; div.oneField,
.wForm form &gt; div.oneField,
.wForm fieldset,
.wForm .matrixLayout,
.wForm .gridLayout,
.wForm h4,
.wForm .wfPagingButtons,
.wForm .actions {
  margin-top: 0 !important;
}

.wForm .oneField { padding: 10px 6px !important; }

.wForm .oneField .label.preField,
.wForm .label.preField,
.wForm .preField {
  display: block !important;
  float: none !important;
  width: auto !important;
  text-align: left !important;
  margin: 0 0 0 !important;
  padding: 0 !important;
  white-space: normal !important;
  height: 0;
}

.wForm input[type="text"],
.wForm input[type="tel"],
.wForm input[type="email"],
.wForm input[type="number"],
.wForm input[type="url"],
.wForm select,
.wForm textarea {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.wForm .oneField .choices,
.wForm .oneField .oneChoice { display: block !important; }

.wFormContainer .wForm .inputWrapper input[type="text"][data-dataset-json],
.wFormContainer .wForm .inputWrapper input[type="text"][data-dataset-id] {
  padding-left: 30px !important;
  border: none !important;
}

.wForm .inputWrapper select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 0.5em 2em 0.5em 0.75em;
  font-size: 1rem;
  line-height: 1.2;
  box-shadow: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="black" height="12" viewBox="0 0 24 24" width="12"><path d="M7 10l5 5 5-5z"/></svg>");
  background-repeat: no-repeat;
  background-position: right 0.75em center;
  background-size: 1em;
}

.wForm .inputWrapper select::-ms-expand { display: none; }

#tfa_585,
#tfa_607 {
  caret-color: auto !important;
  color: #000 !important;
}

#tfa_589-D select {
  border-radius: 0 !important;
  padding-left: 30px;
  border: none !important;
  background-color: #f5f5f5;
  color: black !important;
}

#tfa_585[disabled],
#tfa_607[disabled],
#tfa_606[disabled] {
  background-color: #f5f5f5 !important;
  border: none !important;
  cursor: not-allowed !important;
  color: #555 !important;
}

#tfa_585:not([disabled]),
#tfa_607:not([disabled]),
#tfa_606:not([disabled]) {
  background-color: #f5f5f5 !important;
  cursor: pointer !important;
  color: #000 !important;
}

#tfa_585:not([disabled]):focus,
#tfa_607:not([disabled]):focus,
#tfa_606:not([disabled]):focus {
  background-color: #f5f5f5 !important;
  outline: none !important;
  box-shadow: 0 0 0 1px #a6192e33;
}

#tfa_589,
*[id^="tfa_589["] { width: 100% !important; }

/*#wfPagePreviousId2,
#309-WRPR .wfPagePreviousButton { display: none !important; }*/ /*HIDDEN TO FIX ISSUES. TALK TO KELLEY BEFORE REMOVING */


/* ==========================================================
   FORM PAGING / INLINE PAGE LAYOUT
   ========================================================== */

#wfPgIndex-2 {
  display: flex;
  align-items: center;
}

#tfa_219,
#tfa_232,
#tfa_234 {
  flex: 1 1 auto;
  margin-right: 10px;
}

input[type="submit"].primaryAction {
  flex: none;
  padding: 8px 25px !important;
  font-size: inherit;
}

.wFormContainer .wfPagingButtons .wfPageNextButton,
.wFormContainer .wfPagingButtons .wfPagePreviousButton {
  border-radius: 0;
  padding: 8px 20px;
  font-size: 1rem;
  background-color: transparent;
  border: 2px solid #a6192e;
  color: #a6192e;
  font-weight: bold;
  margin-top: 0;
  margin-right: 8px;
}


.rfi-thankyou {
  padding: 80px;
  text-align: center;
}


/* ==========================================================
   FORM PRELOAD / HYDRATION
   ========================================================== */

#fa-form-309-desktop,
#fa-form-309-mobile { min-height: 0; }

#fa-form-309-desktop.fa-preload,
#fa-form-309-mobile.fa-preload,
#fa-form-309-desktop.fa-preload .wFormContainer,
#fa-form-309-mobile.fa-preload .wFormContainer {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

#fa-form-309-desktop.fa-hydrated .wFormContainer,
#fa-form-309-mobile.fa-hydrated .wFormContainer {
  visibility: visible !important;
  opacity: 1 !important;
}

.fa-shell-loading #fa-form-309-desktop,
.fa-shell-loading #fa-form-309-mobile { contain: paint; }


html[data-fa-lock] .wFormContainer,
html[data-fa-lock] .wFormContainer *,
html[data-fa-lock] form[action*="workflow/processor"],
html[data-fa-lock] form[action*="workflow/processor"] * {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* ==========================================================
   MOBILE STYLES
   ========================================================== */

@media (max-width: 991px) {
  #${id} .hero-banner-mobile .hero-title.text-white,
  #${id} .hero-banner-mobile .hero-subtitle.text-white { color: #fff !important; }

  #${id} .hero-banner-mobile .hero-title.text-dark,
  #${id} .hero-banner-mobile .hero-subtitle.text-dark { color: #212529 !important; }

  #${id} .hero-banner-mobile .hero-title.text-primary,
  #${id} .hero-banner-mobile .hero-subtitle.text-primary { color: var(--primary) !important; }

  #${id} .hero-banner-mobile .hero-title.text-secondary,
  #${id} .hero-banner-mobile .hero-subtitle.text-secondary { color: var(--secondary) !important; }

  #${id} .hero-banner-mobile.has-mobile-bg .hero-mobile-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .hero-content h1,
  .hero-content p,
  .hero-content a { display: block; }

  .hero-content {
    position: absolute;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 28px 0 36px 0;
  }

  .hero-title {
font-size: clamp(2.6rem, 6vw, 3rem);
}
  .hero-subtitle { font-size: 1.2rem; }

  .hero-banner {
          background-image: url('');
        background-color: #ffffff;
    background-position: top center;
    background-size: cover;
    padding-top: 0 !important;
    min-height: 520px;
    height: auto;
    aspect-ratio: auto;
    margin-bottom: 0;
  }

  .hero-stack .d-flex {
    flex-direction: column;
    width: 100%;
    gap: 0;
  }

  .hero-stack .d-flex .btn {
    width: 100%;
    margin: 0 0 10px 0;
  }

  .hero-stack .d-flex .btn:last-child { margin-bottom: 0; }

  .mobile-position img {
    position: absolute;
    right: -40px;
  }

  @media(max-width: 500px) {
    img.rotated { display: none; }
  }

  @media(max-width: 600px) {
    img.rotated { max-width: 250px; }
    .mobile-position img { right: 15px; }
  }

  @media (min-width: 601px) and (max-width: 700px) {
    img.rotated {
      max-width: 280px;
      top: 50px;
    }
    .mobile-position img { right: -20px; }
  }

  .rfi-holder {
    padding: 0 !important;
    width: 90%;
    margin: auto;
    background: #ffffff;
    z-index: 20;
    position: relative;
    margin-top: -90px;
  }

  .form-here {
    height: auto;
    margin-left: 0;
  }

  .rfi-placeholder-form {
    display: block;
    margin-top: 0px !important;
    padding: 0 !important;
    padding-top: 6px !important;
  }
 

  .rfi-placeholder-field,
  .rfi-placeholder-action {
    width: 100%;
    margin-bottom: 10px;
  }

  .rfi-placeholder-action { margin-bottom: 0; }
  .rfi-placeholder-form button { width: 100%; }

  .wForm form .wfPagingButtons {
    position: static !important;
    width: 100% !important;
  }

  .wForm .oneField .label.preField,
  .wForm .label.preField,
  .wForm .preField { margin-bottom: -20px !important; }

  .wFormContainer .actions .primaryAction {
    margin-top: -30px !important;
    width: 100% !important;
  }

  .wForm .section.inline.group { display: block !important; }

  #wfPgIndex-1 #tfa_602,
  #wfPgIndex-1 #tfa_603 { display: block !important; }

  .wForm .field-container-D,
  .wForm .inputWrapper {
    width: 100% !important;
    max-width: 100% !important;
  }

  .wForm input[type="text"],
  .wForm input[type="tel"],
  .wForm input[type="email"],
  .wForm select {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  #wfPgIndex-1 .actions input,
  #wfPgIndex-1 .wfPagingButtons input { width: 100%; }

  table.columnLayout,
  table.columnLayout tbody,
  table.columnLayout tr,
  table.columnLayout td {
    display: block !important;
    width: 100% !important;
  }

  table.columnLayout td { padding-right: 0 !important; }

  .oneField,
  .oneField .inputWrapper,
  .oneField input[type="text"],
  .oneField input,
  .oneField select,
  .oneField textarea {
    width: 100% !important;
    box-sizing: border-box;
  }

}


/* ==========================================================
   DESKTOP / LARGE SCREEN STYLES
   ========================================================== */

@media (min-width: 991px) {
  .wForm table { margin-top: 23px !important; }
}

@media (min-width: 992px) {
  .hero-content { display: grid; }
  .hero-subtitle { font-size: 1.45rem; }

  .hero-stack {
    width: 80%;
    margin: 0 auto;
    margin-top: -30px;
  }

  .rfi-holder-desktop {
    display: block;
    position: absolute;
    width: 80%;
          bottom: -55px;
        left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    z-index: 10;
  }

  .hero-banner,
  .rfi-holder,
  .rfi-holder-desktop,
  .rfi-holder-desktop .panel-inner,
  .grey-chevron-box,
  .form-here,
  .wFormContainer,
  .wForm,
  .wForm .section,
  .wForm .inputWrapper {
    overflow: visible !important;
  }

  #tfa_219-L,
  #tfa_232-L,
  #tfa_234-L { margin-bottom: -15px !important; }

  #wfPgIndex-1 #tfa_602,
  #wfPgIndex-1 #tfa_603 {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-end !important;
    gap: 12px !important;
    width: 100%;
  }

  #wfPgIndex-1 br,
  #wfPgIndex-1 .clear { display: none !important; }

  #wfPgIndex-1 #tfa_603 &gt; .actions,
  #wfPgIndex-1 #tfa_603 &gt; .wfPagingButtons {
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: flex-end !important;
    white-space: nowrap !important;
  }

  #wfPgIndex-1 #tfa_603 &gt; .actions input,
  #wfPgIndex-1 #tfa_603 &gt; .wfPagingButtons input,
  #wfPgIndex-1 #tfa_603 &gt; .actions .primaryAction,
  #wfPgIndex-1 #tfa_603 &gt; .wfPagingButtons .primaryAction {
    height: 47px !important;
    padding: 10px 30px !important;
  }

  .wForm .inputWrapper {
    min-width: 145px;
    display: block !important;
  }

  .wFormContainer .wForm form {
    padding: 1.5rem 0 2rem 1rem;
    align-items: center;
    display: flex;
  }

  .wForm .oneField .label.preField,
  .wForm .label.preField,
  .wForm .preField { font-size: 0.9rem; }

  .rfi-thankyou {
    padding: 0;
    margin-top: -70px;
    margin-left: 40px;
    text-align: left;
  }

  .banner-padding {
    padding-bottom: 4rem !important;
    padding-top: 4rem !important;
  }

  .wFormContainer .actions .primaryAction { margin-top: 0; }
}

@media (min-width: 992.1px) and (max-width: 1100px) {
  .rfi-holder,
  .hero-stack,
  .hero-inner-content { width: 87%; }
}

@media (min-width: 1200px) {
  /*.grey-chevron-box { width: 280px; }

  .wForm .inputWrapper,
  .rfi-placeholder-form .inputWrapper{
    width: clamp(150px, calc(150px + (25 * (100vw - 1200px) / 100)), 450px);
  }*/ /*HIDDEN TO FIX ISSUES - DO NOT ADD BACK WITHOUT TALKING TO KELLEY*/
}

/* Hide previous button on page 2 */
/*.wfPagingButtons last-page-previous-button,
.wfPagePreviousButton { display: none !important; }*//*HIDDEN TO FIX ISSUES - DO NOT ADD BACK WITHOUT TALKING TO KELLEY*/



.rfi-placeholder-form  .btn{
    border: 2px solid #a6192e;
    font-weight: 800;
    min-height: 44px !important;
    padding: 0 20px!important;
    font-family: "Open Sans";
    
}

.rfi-placeholder-form div#tfa_589-D::after {
padding-bottom: 5px;
right: 21px !important;
}

.mobile-form{
    padding: 2rem 3rem 2rem 3rem;
}


.mobile-form  .button-container{
    border: 2px solid transparent;
    padding: 10px 2px;
}



@media (max-width: 991px) {
  html[data-fa-lock] .wFormContainer,
  html[data-fa-lock] form[action*="workflow/processor"] {
    position: absolute !important;
    left: -9999px !important;
    height: 0 !important;
    overflow: hidden !important;
  }

  html.fa-shell-ready .wFormContainer,
  html.fa-shell-ready form[action*="workflow/processor"] {
    position: static !important;
    left: auto !important;
    height: auto !important;
    overflow: visible !important;
  }
}




.rfi-placeholder-form select {
  cursor: wait;
  position: relative;
}


@media (min-width:992px){
.wFormContainer .wForm form {
    padding: 1.5rem 1rem 2rem 1rem !important;
}
}



/* button widths on mobile*/
@media (max-width:992px){
#tfa_607-D, *[id^="tfa_607["][class~="field-container-D"] {
    width: 100% !important;
}



.wFormContainer .wfPagingButtons .wfPagePreviousButton {
width: 100%;
}


}

#tfa_585-D .twitter-typeahead pre {
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

#tfa_585-D .tt-hint {
  color: transparent !important;
}

#tfa_585 {
  color: #000 !important;
  background-color: #f5f5f5 !important;
}





.wFormContainer .wfPagingButtons .wfPagePreviousButton {
    display: block !important;
}


#tfa_607, *[id^="tfa_607["] {
    width: 100% !important;
}
</style>


<script>
(function () {
  function changePreviousButtonText() {
    var button = document.getElementById("wfPagePreviousId2");

    if (button) {
      button.value = "Back";
    }
  }


  changePreviousButtonText();


  setTimeout(changePreviousButtonText, 500);
  setTimeout(changePreviousButtonText, 1000);
  setTimeout(changePreviousButtonText, 2000);
})();
</script>



<style>
.right-clipped-hero-content {
    padding-left: max(0.75rem,calc((100% - 1800px) / 2 + 10rem)) !important;
} 
    
    

.rfi-holder-desktop {
    width: calc(100% - calc(max(0.75rem,calc((100% - 1800px) / 2 + 10rem)) * 2) - 30px);
}


@media (max-width: 991px){
    .rfi-holder {
        width: 100% !important;
    }
}


.wForm table.columnLayout {
    width: calc(100% - 5px);
}

#tfa_219-D,
#tfa_232-D,
#tfa_234-D{
width: 100% !important;
}

@media (max-width: 991px){
    .wForm .actions.multipage {
        width: 100% !important;
    }
}

@media (min-width: 991px){
    #tfa_589-D,
    #tfa_585-D,
    #tfa_607-D,
    #tfa_606-D{
        width: calc(33%)!important;
    
    }
    
    .rfi-placeholder-form #tfa_589-D{
    width: 32% !important;
}


}




</style>

<script>
window.addEventListener(
    "beforeunload",
    function (event) {
        event.stopImmediatePropagation();
        window.onbeforeunload = null;
        delete event.returnValue;
    },
    true
);
</script>



<script>// <![CDATA[
  window.addEventListener('load', function () {
    const pageTypeField = document.getElementById('tfa_608');

    if (pageTypeField) {
      pageTypeField.value = 'index';
    }
  });
// ]]></script>





		
    

<!--SNAV START--> 
        

<script>
//<![CDATA[
function makeActive(event) {
    var clickedItem = event.currentTarget;
    var listItems = document.querySelectorAll("#accordionSideBar li.list");

    listItems.forEach(function (item) {
        item.classList.remove("is-active");
    });

    clickedItem.classList.add("is-active");
}
//]]>
</script>

<style>
.snav-links .accordion-button::after {
    margin-left:auto;
    content: ' \002B'; /*plus*/
}
.snav-links .accordion-button:not(.collapsed)::after {
    margin-left:auto;
    content: ' \002D'; /*minus*/
}

/*-------------------------------------*/
/* .  mobile specific styling          */
/*-------------------------------------*/
.snavXS .snav-links-list a:link, .snavXS .snav-links-list a:visited{
  color: #363636 !important;
  text-decoration: none;
  line-height: 1.0rem;
}
.snavXS {
  margin-top: 0px;
  background-color: #ffffff;
  max-height: 95vh;
  /*
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  */
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
  border-bottom: 3px solid #f9f9f9;
    
}
.snav-linksXS .accordion-button::after {
    margin-left:auto;
    content: ' \002B'; /*plus*/
}
.snav-linksXS .accordion-button:not(.collapsed)::after {
    margin-left:auto;
    content: ' \002D'; /*minus*/
}
/*--------- end mobile----------------*/

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {...}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .snav{
        margin-left: 0px;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .snav-links-list{
        padding-left: 20px;
        padding-right: 20px;
    }
    .move-left{
        padding-left: 0px;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .forward{
        padding-left: 20px;
        padding-right: 20px;
    }
    .move-left{
        padding-left: 0px;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {...}


.active {
  text-decoration: underline;
}


.snav .snav-links-list a:link, .snav .snav-links-list a:visited{
  text-decoration: none;
  color: #363636 !important;
}
.snav .snav-links-list a:hover{
  color: #701d29; /*09BDCB*/
}
.snav-links{
  color: #ffffff;
  font-size: 1.0rem;
  background-color: #fff; /*626466*/
  border-bottom: 5px solid #a6192e;
  line-height: 1.2rem;
  padding-top: 20px;
  margin-bottom: 0;
  padding-bottom: 10px;
}

.snav-links-list{
  list-style-type: none;
}
.forward{
  font-size: 1.5rem !important;
}
.imageContainer{
  border-bottom: 5px solid #a6192e;
  height: 110px;
  background-color: #f4f4f4;
}
.imageContainer img {
    display: block;
    width: auto;
    height: 100%;
    object-fit: cover;
}
.snav {
  position: sticky;
  background-color: #ffffff;
  max-height: 95vh;
  /*border-radius: 0 0 8px 8px;*/
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
  box-shadow: 0 8px 14px -6px rgba(0, 0, 0, .10);
  width: auto;
  top: 55px;
  transition: top 0.2s ease;
}

.imageContainer{
  border-bottom: 5px solid #a6192e;
  height: 110px;
  background-color: #f4f4f4;
}
.imageContainer img {
    display: block;
    width: auto;
    height: 100%;
    object-fit: cover;
}
@media (max-width: 772px) {
   .snav {
      position: relative; /*keeps SNAV at top of page on mobile*/
      /*max-width: 250px !important;*/
   } 
}
@media (min-width: 773px) {
   .snav {
    position: absolute; /*creates SNAV sticky on big screens*/
   } 
}
.format{
    display: flex;
}
.contact-info {
    padding: 20px;
    border-top: 5px solid #a6192e;
}
.contact-info .fa-solid, .contact-info .fa-light  {
    margin-right: 4px;
}
li.list {
    margin-bottom: 14px;
}

/* Base link layout */
.list a {
    display: flex;
    align-items: center;
    gap: .75rem;
    text-decoration: none;
    color: #222222;
}

/* Triangle (hidden by default) */
.list .sticky-nav__triangle {
    width: 18px;
    height: 18px;
    visibility: hidden;
    position: relative;
    flex: 0 0 18px;
}

.list .sticky-nav__triangle:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 14px solid #d9d9d9;
}

/* ACTIVE STATE */
.list.is-active a {
    font-weight: 700;
}

.list.is-active .sticky-nav__triangle {
    visibility: visible;
}
</style>


		                






    
<style>
    .capitalize {
        text-transform: capitalize;
    }
</style>




    
        
        













<aside aria-label="Section navigation" class="sticky-nav d-none d-lg-block col-2 pl-0">
    <div class="sticky-nav__inner">
        <nav class="sticky-nav__nav">
            <ul class="sticky-nav__list">
                
                
                                
                        
                                                                        
    
                                                    
                                                
                                                                                                                
                                                            
                                                                                    
                                                                                    
                                                                                    
                                                    
                                                                            <li class="sticky-nav__item">
                                <a class="sticky-nav__link is-active" data-target="overview" href="#overview">
                                    <span aria-hidden="true" class="sticky-nav__triangle"></span>
                                    <span class="sticky-nav__label">Overview</span>
                                </a>
                            </li>
                                                
                                                                        
    
                                                    
                                                
                                                                                                                
                                                            
                                                                                    
                                                                                    
                                                                                    
                                                    
                                                                            <li class="sticky-nav__item">
                                <a class="sticky-nav__link" data-target="everyday" href="#everyday">
                                    <span aria-hidden="true" class="sticky-nav__triangle"></span>
                                    <span class="sticky-nav__label">Faith Happens Everyday</span>
                                </a>
                            </li>
                                                
                                                                        
    
                                                    
                                                
                                                                                                                
                                                            
                                                                                    
                                                                                    
                                                                                    
                                                    
                                                                            <li class="sticky-nav__item">
                                <a class="sticky-nav__link" data-target="chapel" href="#chapel">
                                    <span aria-hidden="true" class="sticky-nav__triangle"></span>
                                    <span class="sticky-nav__label">Chapel at IWU</span>
                                </a>
                            </li>
                                                
                                                                        
    
                                                    
                                                
                                                                                                                
                                                                                        
                                                                                                                
                                                                                    
                                                                                    
                                                    
                                                                            <li class="sticky-nav__item">
                                <a class="sticky-nav__link" data-target="chapel2" href="#chapel2">
                                    <span aria-hidden="true" class="sticky-nav__triangle"></span>
                                    <span class="sticky-nav__label">Weekly Chapel Rhythms</span>
                                </a>
                            </li>
                                                
                                                                        
    
                                                    
                                                
                                                                                                                
                                                            
                                                                                    
                                                                                    
                                                                                    
                                                    
                                                                            <li class="sticky-nav__item">
                                <a class="sticky-nav__link" data-target="formation" href="#formation">
                                    <span aria-hidden="true" class="sticky-nav__triangle"></span>
                                    <span class="sticky-nav__label">Spiritual Formation</span>
                                </a>
                            </li>
                                                
                                                                        
    
                                                    
                                                
                                                                                                                
                                                            
                                                                                    
                                                                                    
                                                                                    
                                                    
                                                                            <li class="sticky-nav__item">
                                <a class="sticky-nav__link" data-target="stories" href="#stories">
                                    <span aria-hidden="true" class="sticky-nav__triangle"></span>
                                    <span class="sticky-nav__label">Student Stories</span>
                                </a>
                            </li>
                                                
                                                                        
    
                                                    
                                                
                                                                                                                
                                                                                        
                                                                                    
                                                                                    
                                                                                    
                                                    
                                                                            <li class="sticky-nav__item">
                                <a class="sticky-nav__link" data-target="stats" href="#stats">
                                    <span aria-hidden="true" class="sticky-nav__triangle"></span>
                                    <span class="sticky-nav__label">Come As You Are</span>
                                </a>
                            </li>
                                                
                                                                        
    
                                                    
                                                
                                                                                                                
                                                            
                                                                                    
                                                                                    
                                                                                    
                                                    
                                                                            <li class="sticky-nav__item">
                                <a class="sticky-nav__link" data-target="leader" href="#leader">
                                    <span aria-hidden="true" class="sticky-nav__triangle"></span>
                                    <span class="sticky-nav__label">Leadership Opportunities</span>
                                </a>
                            </li>
                                                
                                                                        
    
                                                    
                                                
                                                                                                                
                                                            
                                                                                    
                                                                                    
                                                                                    
                                                    
                                                                            <li class="sticky-nav__item">
                                <a class="sticky-nav__link" data-target="pastor" href="#pastor">
                                    <span aria-hidden="true" class="sticky-nav__triangle"></span>
                                    <span class="sticky-nav__label">Campus Pastor</span>
                                </a>
                            </li>
                                                                
                                
                
                
                                                                                                                                                                                       
                    <li class="sticky-nav__item  d-none ">
                        
                                <a class="sticky-nav__link" data-target="related-pages" href="#related-pages">
                                    <span aria-hidden="true" class="sticky-nav__triangle"></span>
                                    <span class="sticky-nav__label">Related Pages</span>
                                </a>

                    </li>
                
                
            </ul>
        </nav>

        <div class="sticky-nav__cta">
            <div class="sticky-nav__cta-rule"></div>
            <div class="sticky-nav__cta-content">
                <h3 class="sticky-nav__cta-heading">Find Your Way Forward</h3>
                <a class="sticky-nav__cta-button" href="https://www.indwes.edu/contact/apply.html">Apply Today</a>
            </div>
        </div>
    </div>
</aside>

<style>
@media screen and (min-width: 992px) {
  .sticky-nav {
    position: sticky;
    z-index: 90;
  }
}



.sticky-nav__inner.before-top-reset::before {
  display: none;
}



@media (min-width: 992px) {
            .sticky-nav {
            position: sticky;
            top: 0px;
            z-index: 90;
        }
    }

@media (max-width: 991.98px) {
    .sticky-nav {
        display: none !important;
    }
}

.active {
  text-decoration: none;
}

.sticky-nav__inner {
    background: #ffffff;
    /*box-shadow: 0px 2px 12px rgba(0,0,0,.10);*/
    box-shadow: 6px 6px 9px -4px rgba(0, 0, 0, 0.10);
    position: absolute;
}

.sticky-nav__nav {
    padding: 1.75rem 1.5rem 2.5rem;
}

.sticky-nav__list {
    list-style: none;
    margin: 0;
    padding: 0;
    }

.sticky-nav__item + .sticky-nav__item {
    margin-top: 1rem;
}

.sticky-nav__link {
    display: flex;
    align-items: center;
    gap: .75rem;
    color: #222222;
    text-decoration: none;
}

.sticky-nav__link:hover,
.sticky-nav__link:focus {
    color: #222222;
    text-decoration: none;
}

.sticky-nav__triangle {
    width: 18px;
    height: 18px;
    visibility: hidden;
    position: relative;
    flex: 0 0 18px;
}

.sticky-nav__triangle:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 14px solid #d9d9d9;
}

.sticky-nav__link.is-active {
    font-weight: 700;
}

.sticky-nav__link.is-active .sticky-nav__triangle {
    visibility: visible;
}

.sticky-nav__cta-rule {
    height: 4px;
    background: #a6192e;
}

.sticky-nav__cta-content {
    text-align: center;
    padding: 1.25rem 1.5rem;
}

.sticky-nav__cta-heading {
    margin: 0 0 1rem 0;
    font-size: 1.5rem;
    line-height: 1.2;
    color: #222222;
}

.sticky-nav__cta-button {
    display: inline-block;
    padding: .9rem 1.5rem;
    background: #a6192e;
    color: #ffffff;
    text-decoration: none;
    font-weight: 700;
}

.sticky-nav__cta-button:hover,
.sticky-nav__cta-button:focus {
    color: #ffffff;
    text-decoration: none;
}


    .sticky-nav__inner::before {
      content: "";
      top: -70px;
      right: 0;
      width: 100%;
      height: 90px;
      background: #fff;
      box-shadow: 8px 0 10px -8px rgba(0, 0, 0, 0.10);
      transition: opacity .2s ease;
      position: absolute;
    }

/* Hide extension once sticky */
.sticky-nav__inner.is-sticky::before {
  opacity: 0;
}
</style>

<script>
// <![CDATA[
document.addEventListener("DOMContentLoaded", function () {
    var nav = document.querySelector(".sticky-nav");
    if (!nav) return;

    var links = [].slice.call(nav.querySelectorAll("[data-target]"));

    function normalizeId(value) {
        return String(value || "")
            .replace(/^#/, "")
            .trim();
    }

    function getTopLevelSection(sectionContainer) {
        var children = sectionContainer.children;
        var i;
        var child;

        for (i = 0; i < children.length; i = i + 1) {
            child = children[i];

            if (child.tagName.toLowerCase() === "div") {
                if (child.id) {
                    return child;
                }
            }
        }

        return null;
    }

    var sections = [];

    [].slice.call(document.querySelectorAll(".section-container")).forEach(function (sectionContainer) {
        var section = getTopLevelSection(sectionContainer);

        if (section) {
            sections.push(section);
        }
    });

    console.log("sections", sections);

    function setActive(id) {
        
        console.log("In set active");
        
        var activeId = normalizeId(id);

        links.forEach(function (link) {
            var targetId = normalizeId(link.getAttribute("data-target"));

            if (targetId === activeId) {
                link.classList.add("is-active");
            } else {
                link.classList.remove("is-active");
            }
        });
    }

    links.forEach(function (link) {
        link.addEventListener("click", function () {
            setActive(this.getAttribute("data-target"));
        });
    });

    if (!sections.length) return;

    var observer = new IntersectionObserver(function (entries) {
        var visible = entries
            .filter(function (entry) {
                return entry.isIntersecting;
            })
            .sort(function (a, b) {
                return b.intersectionRatio - a.intersectionRatio;
            });

        console.log("all visible", visible);

        if (visible.length) {
            console.log("visible element", visible[0].target.id);
            setActive(visible[0].target.id);
        }
    }, {
        rootMargin: "0px 0px -40% 0px",
        threshold: [0]
    });

    sections.forEach(function (section) {
        observer.observe(section);
    });
});



let topOffset = null;

function setStickyNavOffsets() {
  const scrollHeight = document.body.scrollHeight;

  const footer = document.querySelector('footer.redesign');
  if (!footer) return;

  const styles = getComputedStyle(footer);
  const footerHeight =
    footer.offsetHeight +
    parseFloat(styles.marginTop) +
    parseFloat(styles.marginBottom);

  const navs = document.querySelectorAll('.sticky-nav');

  for (let i = 0; i < navs.length; i++) {
    const stickyNav = navs[i];
    const inner = stickyNav.querySelector('.sticky-nav__inner');

    if (!inner) continue;

    const height = inner.getBoundingClientRect().height;

if (window.scrollY >= scrollHeight - footerHeight - window.innerHeight * 0.75) {
  if (topOffset === null) {
    const rect = stickyNav.getBoundingClientRect();
    topOffset = rect.top + window.scrollY;
  }

  stickyNav.style.position = 'absolute';
  stickyNav.style.top = `${topOffset}px`;
} else {
  topOffset = null;

  const centeredOffset = window.innerHeight / 2 - height / 2;
  stickyNav.style.position = 'sticky';
  stickyNav.style.top = `${centeredOffset}px`;
}



  }
}



function setStickyNavSlant() {
  var navs = document.querySelectorAll('.sticky-nav');


      console.log("scroll amount", window.scrollY);

      for (var i = 0; i < navs.length; i++) {
        var stickyNav = navs[i];
        var inner = stickyNav.querySelector('.sticky-nav__inner');
    
        if (inner) {
            var height = inner.getBoundingClientRect().height;
            var topOffset = (window.innerHeight / 2) - (height / 2);
            
            if(window.scrollY >= topOffset){
              inner.classList.add('before-top-reset');
              inner.style.boxShadow = '0px 0px 20px -4px rgba(0, 0, 0, 0.20)';
            }
            else{
                inner.classList.remove('before-top-reset');
                inner.style.boxShadow = '6px 6px 9px -4px rgba(0, 0, 0, 0.10)';
            }
      }
    }
}

window.addEventListener('load', setStickyNavOffsets);
window.addEventListener('resize', function () {
  topOffset = null;
  setStickyNavOffsets();
});
window.addEventListener('scroll', setStickyNavOffsets);
window.addEventListener('scroll', setStickyNavSlant);
// ]]>
</script>

 

            <section class="section-container">
                                                    
                                    
                



    
    
    
    
    




















<div class="row-section bg-white mb-5 z-10   my-5 " id="overview">

    <div class="container">

        <div class="row ">


                                    
            <div class="col-lg-6  order-lg-1  d-flex flex-column justify-content-center align-items-start bg-white ">

                <div class="tagline"></div>

                <h2 class="h2-new-size">There's a Place for You Here</h2>

                <p><p><span>At the core of the IWU experience is the opportunity you will have to grow spiritually and engage in a Christian community. Indiana Wesleyan offers engaging worship in Chapel, meaningful connection in small groups, and supportive faculty who will take the time to talk to you and pray with you.</span></p>
<p><span>We prioritize the&#160;<strong>SPIRITUAL FORMATION HOUR</strong>&#160;every Monday, Wednesday, and Friday at 10:05 a.m. During this hour, three days a week, our community pauses to worship, learn from God&#8217;s Word, connect with each other, engage in spiritual practices, and grow spiritually.</span></p>
<p><span>We believe God loves every student and desires to speak into their lives, no matter where they are on their spiritual journey.</span></p></p>


                                                
                

                                                
                
            </div>


                                    
            <div class="col-lg-6  order-lg-2    d-flex mt-5 mt-lg-0  ">


                                                
                

                                                            
                    
                        
                            <div class="reskin-5050-image-grid image-grid-single">

                                <div class="image-grid-item image-grid-item-1">

                                    <img alt="Spiritual Life at IWU" class="image-grid-img" src="https://www.indwes.edu/about/life-at-iwu/_img/spiritual-collage1.webp"/>

                                </div>

                            </div>

                        

                                                                                                                                            
                    

                                                
                
            </div>

        </div>

    </div>

</div>



<style>

/* ==========================================================
   GENERAL
   ========================================================== */

.z-10 {
    z-index: 10;
}


.add-bg-image {
    background: url('https://www.indwes.edu/_img/backgrounds/vertical-grey-brush-strokes.webp') no-repeat top center;
    position: relative;
    background-size: contain;
}


.icon-box {
    flex: 0 0 calc(50% - 1rem);
}


.icon-box i {
    font-size: clamp(2rem, 3vw, 2.5rem);
    color: var(--primary);
}


.has-bottom-shadow {
    position: relative;
    z-index: 1;
}


.has-bottom-shadow::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    pointer-events: none;
    box-shadow:
        0 8px 20px rgba(0, 0, 0, 0.08),
        8px 0 20px rgba(0, 0, 0, 0.04),
       -8px 0 20px rgba(0, 0, 0, 0.04);
}


@media (min-width: 992px) {

    .has-bottom-shadow::after {
        top: 10px;
    }

}



/* ==========================================================
   WHITE TEXT
   ========================================================== */

#overview.text-white,
#overview.text-white .tagline,
#overview.text-white h1,
#overview.text-white h2,
#overview.text-white h3,
#overview.text-white h4,
#overview.text-white h5,
#overview.text-white h6,
#overview.text-white p,
#overview.text-white a,
#overview.text-white .accordion-body,
#overview.text-white .card-header a,
#overview.text-white .card-header a[aria-expanded="true"] {
    color: #ffffff !important;
}


#overview.text-white #accordionSection-overview-323084565 .accord-overview-323084565 .card-header,
#overview.text-white #accordionSection-overview-323084565 .accord-last-overview-323084565 {
    border-color: rgba(255, 255, 255, 0.65) !important;
}


#overview.text-white #accordionSection-overview-323084565 .accord-overview-323084565 .card-header a::before {
    color: #ffffff !important;
}



/* ==========================================================
   50/50 IMAGE GRIDS
   ========================================================== */

/*
 * IMPORTANT:
 *
 * These selectors are intentionally NOT scoped to #overview.
 *
 * That makes the grid layout independent of the editor-entered
 * section ID and ensures the CSS grid rules always apply.
 */


.reskin-5050-image-grid {
    display: grid !important;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    flex: 1 1 auto;
    align-self: stretch;
}


/*
 * Each cell is clipped so the source image cannot expand
 * the size of the CSS grid.
 */

.reskin-5050-image-grid .image-grid-item {
    position: relative;
    overflow: hidden;
    min-width: 0;
    min-height: 0;
}


/*
 * Images always fill their assigned area.
 */

.reskin-5050-image-grid .image-grid-img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    min-width: 0;
    min-height: 0;
    object-fit: cover !important;
    object-position: center center;
}



/* ==========================================================
   SINGLE IMAGE
   ========================================================== */

.image-grid-single {
    display: block !important;
    width: 100%;
}


.image-grid-single .image-grid-item {
    width: 100%;
}


.image-grid-single .image-grid-img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
}



/* ==========================================================
   WIDE TOP + TWO BOTTOM

   +---------------------------+
   |          IMAGE 1          |
   +-------------+-------------+
   |   IMAGE 2   |   IMAGE 3   |
   +-------------+-------------+

   8px internal spacing only.
   ========================================================== */

.image-grid-wide-top {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) minmax(0, 1fr) !important;

    column-gap: 8px;
    row-gap: 8px;

    aspect-ratio: 1 / 1;
}


.image-grid-wide-top .image-grid-item-1 {
    grid-column: 1 / 3 !important;
    grid-row: 1 !important;
}


.image-grid-wide-top .image-grid-item-2 {
    grid-column: 1 !important;
    grid-row: 2 !important;
}


.image-grid-wide-top .image-grid-item-3 {
    grid-column: 2 !important;
    grid-row: 2 !important;
}



/* ==========================================================
   TWO TOP + WIDE BOTTOM

   +-------------+-------------+
   |   IMAGE 1   |   IMAGE 2   |
   +-------------+-------------+
   |          IMAGE 3          |
   +---------------------------+

   8px internal spacing only.
   ========================================================== */

.image-grid-wide-bottom {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) minmax(0, 1fr) !important;

    column-gap: 8px;
    row-gap: 8px;

    aspect-ratio: 1 / 1;
}


.image-grid-wide-bottom .image-grid-item-1 {
    grid-column: 1 !important;
    grid-row: 1 !important;
}


.image-grid-wide-bottom .image-grid-item-2 {
    grid-column: 2 !important;
    grid-row: 1 !important;
}


.image-grid-wide-bottom .image-grid-item-3 {
    grid-column: 1 / 3 !important;
    grid-row: 2 !important;
}



/* ==========================================================
   TALL LEFT + TWO RIGHT

   +-------------+-------------+
   |             |   IMAGE 2   |
   |   IMAGE 1   +-------------+
   |             |   IMAGE 3   |
   +-------------+-------------+

   8px internal spacing only.
   ========================================================== */

.image-grid-tall-left {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) minmax(0, 1fr) !important;

    column-gap: 8px;
    row-gap: 8px;

    aspect-ratio: 1 / 1;
}


.image-grid-tall-left .image-grid-item-1 {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
}


.image-grid-tall-left .image-grid-item-2 {
    grid-column: 2 !important;
    grid-row: 1 !important;
}


.image-grid-tall-left .image-grid-item-3 {
    grid-column: 2 !important;
    grid-row: 2 !important;
}



/* ==========================================================
   FOUR EQUAL

   +-------------+-------------+
   |   IMAGE 1   |   IMAGE 2   |
   +-------------+-------------+
   |   IMAGE 3   |   IMAGE 4   |
   +-------------+-------------+

   8px internal spacing only.
   ========================================================== */

.image-grid-four-equal {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) minmax(0, 1fr) !important;

    column-gap: 8px;
    row-gap: 8px;

    aspect-ratio: 1 / 1;
}


.image-grid-four-equal .image-grid-item-1 {
    grid-column: 1 !important;
    grid-row: 1 !important;
}


.image-grid-four-equal .image-grid-item-2 {
    grid-column: 2 !important;
    grid-row: 1 !important;
}


.image-grid-four-equal .image-grid-item-3 {
    grid-column: 1 !important;
    grid-row: 2 !important;
}


.image-grid-four-equal .image-grid-item-4 {
    grid-column: 2 !important;
    grid-row: 2 !important;
}



/* ==========================================================
   SINGLE BACKGROUND IMAGE
   ========================================================== */

.image-column-bg {
    width: 100%;
    min-height: 350px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}



/* ==========================================================
   MOBILE IMAGE GRIDS
   ========================================================== */

@media (max-width: 991.98px) {

    /*
     * Keep Wide Top, Wide Bottom and Tall Left as the same
     * arrangements on mobile.
     *
     * The slightly wider 4:3 ratio reduces excessive height.
     */

    .image-grid-wide-top,
    .image-grid-wide-bottom,
    .image-grid-tall-left {
        aspect-ratio: 4 / 3;
    }


    /*
     * FOUR EQUAL ON MOBILE
     *
     * Only images 1 and 2 display.
     *
     * +-------------+-------------+
     * |   IMAGE 1   |   IMAGE 2   |
     * +-------------+-------------+
     */

    .image-grid-four-equal {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        grid-template-rows: minmax(0, 1fr) !important;

        aspect-ratio: 2 / 1;
    }


    .image-grid-four-equal .image-grid-item-1 {
        display: block !important;
        grid-column: 1 !important;
        grid-row: 1 !important;
    }


    .image-grid-four-equal .image-grid-item-2 {
        display: block !important;
        grid-column: 2 !important;
        grid-row: 1 !important;
    }


    .image-grid-four-equal .image-grid-item-3,
    .image-grid-four-equal .image-grid-item-4 {
        display: none !important;
    }

}



/* ==========================================================
   VIMEO
   ========================================================== */

.vimeo-embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}


.vimeo-embed-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}


.vimeo-border-box-shadow {
    display: block;
    width: 100%;
    max-width: 100% !important;
    box-sizing: border-box;
    margin: 0 !important;
    border: 8px solid #ffffff;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
}



/* ==========================================================
   YOUTUBE
   ========================================================== */

.youtube-frame {
    display: block;
    width: 100%;
    max-width: 100% !important;
    box-sizing: border-box;
    margin: 0 !important;
    border: 8px solid #ffffff;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
}


.youtube-embed {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
}


.youtube-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}



/* ==========================================================
   ACCORDION STYLING
   ========================================================== */

/* Card container */

#accordionSection-overview-323084565 .accord-overview-323084565 {
    transition: all 0.3s ease;
    border: none;
    background-color: transparent;
}


/* Default: no bottom border on any card */

#accordionSection-overview-323084565 .accord-overview-323084565 {
    border-bottom: none;
}


/* Single-column: add bottom border on last item */

#accordionSection-overview-323084565 .accord-last-overview-323084565 {
    border-bottom: 1px solid #B2B4B2;
}


/* Header */

#accordionSection-overview-323084565 .accord-overview-323084565 .card-header {
    background-color: transparent;
    border: none;
    position: relative;
    padding: 0;
    border-top: 1px solid #B2B4B2;
    font-size: 1.5rem;
}


/* Clickable header */

#accordionSection-overview-323084565 .accord-overview-323084565 .card-header a {
    background: transparent;
    color: #111;
    font-weight: 700;
    padding: 22px 18px 22px 0;
    box-shadow: none;
    border-radius: 0;
    display: inline-block !important;
    align-items: center;
    gap: 14px;
    border: 0;
    width: 100%;
    text-align: left;
    position: relative;
    text-decoration: none;
    margin-left: 0 !important;
    padding-left: 0 !important;
}


/* Focus */

#accordionSection-overview-323084565 .accord-overview-323084565 .card-header a:focus {
    box-shadow: none;
    outline: none;
}


/* Keep title color consistent */

#accordionSection-overview-323084565 .accord-overview-323084565 .card-header a,
#accordionSection-overview-323084565 .accord-overview-323084565 .card-header a[aria-expanded="true"] {
    color: #111;
}


/* Remove old right-side icon */

#accordionSection-overview-323084565 .accord-overview-323084565 .card-header a::after {
    display: none;
}


/* Chevron */

#accordionSection-overview-323084565 .accord-overview-323084565 .card-header a::before {
    content: "\f078";
    flex: 0 0 auto;
    margin-top: 0.1rem;
    color: #8b1f2b;
    font-family: 'FontAwesome';
    line-height: 1.3;
    transition: transform 0.2s ease, color 0.2s ease;
    margin-right: 10px;
    font-weight: 100;
    display: inline-block;
}


/* Open state */

#accordionSection-overview-323084565 .accord-overview-323084565 .card-header a[aria-expanded="true"]::before {
    transform: rotate(180deg);
}


/* Accordion body */

#accordionSection-overview-323084565 .accordion-body {
    padding: 0 18px 18px 24px;
    color: #333;
}



/* ==========================================================
   SHOW MORE AND SHOW FEWER
   ========================================================== */

#accordionSection-overview-323084565 + .accordion-toggle {
    background: none;
    border: none;
    padding: 0;
    margin-top: 1rem;
    color: #a6192e;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
}


#accordionSection-overview-323084565 + .accordion-toggle:hover {
    text-decoration: underline;
}


#accordionSection-overview-323084565 + .accordion-toggle .accordion-toggle-icon {
    display: inline-block;
    margin-right: 0.5rem;
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}


#accordionSection-overview-323084565 + .accordion-toggle[aria-expanded="true"] .accordion-toggle-icon {
    transform: rotate(180deg);
}


/* Extra items animate instead of snapping */

#accordionSection-overview-323084565 .extra-accordion-item {
    overflow: hidden;
    max-height: 800px;
    opacity: 1;
    transform: translateY(0);

    transition:
        max-height 0.45s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.45s cubic-bezier(0.4, 0, 0.2, 1),
        transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);

    will-change: max-height, opacity, transform;
}


#accordionSection-overview-323084565 .extra-accordion-item.is-collapsed {
    max-height: 0;
    opacity: 0;
    transform: translateY(-12px);
    pointer-events: none;
}

</style>



<script>
//<![CDATA[

(function () {

    var accordion = document.querySelector("#accordionSection-overview-323084565");

    if (!accordion) return;


    var toggleBtn = accordion.nextElementSibling;

    if (!toggleBtn || !toggleBtn.classList.contains("accordion-toggle")) {
        return;
    }


    var visibleCount = parseInt(
        accordion.dataset.visibleItems || "3",
        10
    );

    var label = accordion.dataset.label || "items";


    var items = accordion.querySelectorAll(
        ":scope > .accordion-item"
    );


    if (!items || items.length <= visibleCount) {

        toggleBtn.remove();
        return;

    }


    items.forEach(function (item, index) {

        if (index >= visibleCount) {

            item.classList.add(
                "extra-accordion-item",
                "is-collapsed"
            );

            item.setAttribute(
                "aria-hidden",
                "true"
            );

        }

    });


    var hiddenCount = items.length - visibleCount;


    function setButtonText(expanded) {

        toggleBtn.innerHTML = expanded
            ? '<i class="fas fa-minus accordion-toggle-icon"></i> Show fewer ' + label
            : '<i class="fas fa-plus accordion-toggle-icon"></i> Show ' + hiddenCount + ' more ' + label;

    }


    setButtonText(false);

    toggleBtn.setAttribute(
        "aria-expanded",
        "false"
    );


    toggleBtn.addEventListener("click", function () {

        var expanded =
            toggleBtn.getAttribute("aria-expanded") === "true";


        accordion
            .querySelectorAll(":scope > .extra-accordion-item")
            .forEach(function (item) {

                item.classList.toggle("is-collapsed");

                item.setAttribute(
                    "aria-hidden",
                    expanded ? "true" : "false"
                );

            });


        toggleBtn.setAttribute(
            "aria-expanded",
            String(!expanded)
        );


        setButtonText(!expanded);


        if (expanded) {

            accordion.scrollIntoView({
                behavior: "smooth",
                block: "start"
            });

        }

    });

})();

//]]>
</script>



<script>
//<![CDATA[

(function () {

    function openAccordionFromHash() {

        var hash = window.location.hash;

        if (!hash) return;


        var accordAnchor =
            decodeURIComponent(hash.substring(1));

        if (!accordAnchor) return;


        var items =
            document.querySelectorAll(
                '.accordion-item[data-accord-anchor]'
            );


        var targetItem = null;


        for (var i = 0; i < items.length; i++) {

            if (
                items[i].getAttribute('data-accord-anchor') ===
                accordAnchor
            ) {

                targetItem = items[i];
                break;

            }

        }


        if (!targetItem) return;


        targetItem.classList.remove(
            'is-collapsed'
        );


        targetItem.setAttribute(
            'aria-hidden',
            'false'
        );


        var collapse =
            targetItem.querySelector('.collapse');


        if (!collapse) return;


        if (
            window.bootstrap &&
            bootstrap.Collapse
        ) {

            bootstrap.Collapse
                .getOrCreateInstance(collapse)
                .show();

        } else {

            collapse.classList.add('show');

        }


        setTimeout(function () {

            targetItem.scrollIntoView({
                behavior: 'smooth',
                block: 'start'
            });

        }, 300);

    }


    document.addEventListener(
        'DOMContentLoaded',
        openAccordionFromHash
    );


    window.addEventListener(
        'hashchange',
        openAccordionFromHash
    );

})();

//]]>
</script>


 
                        
        </section>
            <section class="section-container">
                                                    
                                    

                  




<a id="everyday"></a>

<div class="peak-carousel-format  my-5 " id="everyday-peakCarousel">
                <div class="container">
        <h2 class="text-center h2-new-size">Faith is a Part <br class="d-none d-lg-block"/> of Everyday Life</h2>
        </div>
                <div class="container">
            <p class="text-center"><div class="mx-auto col-11 col-lg-7 text-center">Faith isn&#8217;t limited to Chapel gatherings&#8212;it&#8217;s woven into the friendships, conversations, experiences, and everyday moments that make up life at IWU.</div></p>
        </div>
    
<main class="carousel-stage mt-3 mb-5">
  <div class="container">
    
    <div aria-label="Carousel slide navigation" class="carousel-indicator-links" id="everyday-indicatorNav">
              <button aria-current="true" aria-label="Go to In Your Residence Hall" class="indicator-link is-active" data-slide-index="0" type="button">
          <span class="indicator-link-text">In Your Residence Hall</span>
          <i aria-hidden="true" class="fa-solid fa-arrow-right"></i>
        </button>
              <button aria-current=" false" aria-label="Go to In the Classroom" class="indicator-link " data-slide-index="1" type="button">
          <span class="indicator-link-text">In the Classroom</span>
          <i aria-hidden="true" class="fa-solid fa-arrow-right"></i>
        </button>
              <button aria-current=" false" aria-label="Go to In Your Activities" class="indicator-link " data-slide-index="2" type="button">
          <span class="indicator-link-text">In Your Activities</span>
          <i aria-hidden="true" class="fa-solid fa-arrow-right"></i>
        </button>
              <button aria-current=" false" aria-label="Go to Around Campus" class="indicator-link " data-slide-index="3" type="button">
          <span class="indicator-link-text">Around Campus</span>
          <i aria-hidden="true" class="fa-solid fa-arrow-right"></i>
        </button>
          </div>

    <div class="position-relative">
      <div class="carousel-wrap">
        <div class="carousel slide" data-bs-interval="false" data-bs-touch="true" id="everyday-mainCarousel">
          <div class="carousel-inner">

            
              <div class="carousel-item active" data-slide-title="In Your Residence Hall">
                <div class="row g-0 carousel-slide-grid align-items-stretch">
                  <div class="col-12 col-lg-6 order-1 order-lg-1 image-column">
                    <div aria-label="Indiana Wesleyan" class="slide-image" data-base-image="url('https://www.indwes.edu/about/life-at-iwu/residence-halls/_img/scripture-hall/scripture4.webp')" style="background-image: url('https://www.indwes.edu/about/life-at-iwu/residence-halls/_img/scripture-hall/scripture4.webp')"></div>
                  </div>

                  <div class="col-12 col-lg-6 order-2 order-lg-2 content-column">
                    <div class="slide-content no-accordion">
                      <div class="slide-content-inner">
                                                  <div class="tagline"></div>
                                                <h2>In Your Residence Hall</h2>
                        <p>Some of the best conversations happen when the day is winding down. Your residence hall becomes a place to build friendships, ask honest questions, pray together, and do life alongside people who know you.</p>

                                              </div>

                      <button aria-label="Next slide" class="nav-chevron next on-active mt-4" type="button">
                        <i aria-hidden="true" class="fa-solid fa-chevron-right"></i>
                      </button>
                    </div>
                  </div>
                </div>
              </div>

            
              <div class="carousel-item " data-slide-title="In the Classroom">
                <div class="row g-0 carousel-slide-grid align-items-stretch">
                  <div class="col-12 col-lg-6 order-1 order-lg-1 image-column">
                    <div aria-label="Indiana Wesleyan" class="slide-image" data-base-image="url('https://www.indwes.edu/pathways/international/_img/professor_in_class.webp')" style="background-image: url('https://www.indwes.edu/pathways/international/_img/professor_in_class.webp')"></div>
                  </div>

                  <div class="col-12 col-lg-6 order-2 order-lg-2 content-column">
                    <div class="slide-content no-accordion">
                      <div class="slide-content-inner">
                                                  <div class="tagline"></div>
                                                <h2>In the Classroom</h2>
                        <p>Faith and learning belong together at IWU. Professors bring faith into the classroom while investing in you personally and encouraging you to discover how your calling connects with what you&#8217;re learning.</p>

                                              </div>

                      <button aria-label="Next slide" class="nav-chevron next on-active mt-4" type="button">
                        <i aria-hidden="true" class="fa-solid fa-chevron-right"></i>
                      </button>
                    </div>
                  </div>
                </div>
              </div>

            
              <div class="carousel-item " data-slide-title="In Your Activities">
                <div class="row g-0 carousel-slide-grid align-items-stretch">
                  <div class="col-12 col-lg-6 order-1 order-lg-1 image-column">
                    <div aria-label="Indiana Wesleyan" class="slide-image" data-base-image="url('https://www.indwes.edu/about/life-at-iwu/_img/Basketball-Intramural.webp')" style="background-image: url('https://www.indwes.edu/about/life-at-iwu/_img/Basketball-Intramural.webp')"></div>
                  </div>

                  <div class="col-12 col-lg-6 order-2 order-lg-2 content-column">
                    <div class="slide-content no-accordion">
                      <div class="slide-content-inner">
                                                  <div class="tagline"></div>
                                                <h2>In Your Activities</h2>
                        <p>Whether you join a club, serve others, lead on campus, or pursue something you love, you&#8217;ll find more ways to build meaningful relationships. These shared experiences create community and give you opportunities to put your faith into action.</p>

                                              </div>

                      <button aria-label="Next slide" class="nav-chevron next on-active mt-4" type="button">
                        <i aria-hidden="true" class="fa-solid fa-chevron-right"></i>
                      </button>
                    </div>
                  </div>
                </div>
              </div>

            
              <div class="carousel-item " data-slide-title="Around Campus">
                <div class="row g-0 carousel-slide-grid align-items-stretch">
                  <div class="col-12 col-lg-6 order-1 order-lg-1 image-column">
                    <div aria-label="Indiana Wesleyan" class="slide-image" data-base-image="url('https://www.indwes.edu/about/locations/_img/students_sitting_outdoors.webp')" style="background-image: url('https://www.indwes.edu/about/locations/_img/students_sitting_outdoors.webp')"></div>
                  </div>

                  <div class="col-12 col-lg-6 order-2 order-lg-2 content-column">
                    <div class="slide-content no-accordion">
                      <div class="slide-content-inner">
                                                  <div class="tagline"></div>
                                                <h2>Around Campus</h2>
                        <p>Faith happens in everyday moments all across campus. You might find yourself worshiping with friends, joining a Bible study, praying together, or simply having a conversation that helps you grow.</p>

                                              </div>

                      <button aria-label="Next slide" class="nav-chevron next on-active mt-4" type="button">
                        <i aria-hidden="true" class="fa-solid fa-chevron-right"></i>
                      </button>
                    </div>
                  </div>
                </div>
              </div>

            
          </div>
        </div>
      </div>
    </div>
  </div>

  <aside aria-label="Next slide preview" class="peek-card" id="everyday-peekCard" role="button" tabindex="0" title="Go to next slide">
    <div aria-hidden="true" class="peek-fill" id="everyday-peekFill"></div>
  </aside>

</main>
</div>

<script type="text/javascript">
  //<![CDATA[
  document.addEventListener("DOMContentLoaded", function () {
    const stageEl = document.getElementById("everyday-peakCarousel");
    if (!stageEl) return;

    const carouselEl = stageEl.querySelector("#everyday-mainCarousel");
    const peekCard = stageEl.querySelector("#everyday-peekCard");
    const peekFill = stageEl.querySelector("#everyday-peekFill");
    const indicatorLinks = Array.from(stageEl.querySelectorAll(".indicator-link"));

    if (!carouselEl || !window.bootstrap || !window.bootstrap.Carousel || !peekCard || !peekFill) return;

    const carousel = bootstrap.Carousel.getOrCreateInstance(carouselEl);
    const slides = Array.from(carouselEl.querySelectorAll(".carousel-item"));
    if (!slides.length) return;

    function getActiveIndex() {
      const activeSlide = carouselEl.querySelector(".carousel-item.active");
      return Math.max(0, slides.indexOf(activeSlide));
    }

    function getSlideBackground(slideEl) {
      const bgEl = slideEl.querySelector(".slide-image");
      if (!bgEl) return "";
      return bgEl.style.backgroundImage || getComputedStyle(bgEl).backgroundImage;
    }

    function getSlideImageElFromAccordion(accordionEl) {
      const slideEl = accordionEl.closest(".carousel-item");
      if (!slideEl) return null;
      return slideEl.querySelector(".slide-image");
    }

    function swapSlideImage(imageEl, imageValue) {
      if (!imageEl || !imageValue) return;

      imageEl.classList.remove("is-swapping");
      void imageEl.offsetWidth;
      imageEl.style.backgroundImage = imageValue;
      imageEl.classList.add("is-swapping");
    }

    function resetSlideImageFromAccordion(accordionEl) {
      const imageEl = getSlideImageElFromAccordion(accordionEl);
      if (!imageEl) return;

      const baseImage = imageEl.getAttribute("data-base-image");
      if (!baseImage) return;

      accordionEl.removeAttribute("data-active-accordion-image");
      swapSlideImage(imageEl, baseImage);
    }

    function getButtonForPanel(accordionEl, panelEl) {
      if (!accordionEl || !panelEl || !panelEl.id) return null;
      return accordionEl.querySelector('[data-bs-target="#' + panelEl.id + '"]');
    }

    function applyAccordionButtonImage(button) {
      if (!button) return false;

      const accordionEl = button.closest(".iw-accordion");
      if (!accordionEl) return false;

      const useCustomImages = accordionEl.getAttribute("data-custom-images") === "yes";
      if (!useCustomImages) return false;

      const accordionImage = button.getAttribute("data-accordion-image");
      if (!accordionImage) return false;

      accordionEl.setAttribute("data-active-accordion-image", accordionImage);

      const imageEl = getSlideImageElFromAccordion(accordionEl);
      swapSlideImage(imageEl, accordionImage);

      return true;
    }

    function applyOpenAccordionImage(accordionEl) {
      if (!accordionEl) return false;

      const useCustomImages = accordionEl.getAttribute("data-custom-images") === "yes";
      if (!useCustomImages) return false;

      const openPanel = accordionEl.querySelector(".accordion-collapse.show");
      if (!openPanel) return false;

      const button = getButtonForPanel(accordionEl, openPanel);
      return applyAccordionButtonImage(button);
    }

    function syncSlideImage(slideEl) {
      if (!slideEl) return;

      const accordionEl = slideEl.querySelector(".iw-accordion");
      if (applyOpenAccordionImage(accordionEl)) return;

      const imageEl = slideEl.querySelector(".slide-image");
      if (!imageEl) return;

      const baseImage = imageEl.getAttribute("data-base-image");
      if (baseImage) {
        imageEl.style.backgroundImage = baseImage;
      }
    }

    function syncIndicators(activeIndex) {
      indicatorLinks.forEach(function (link, index) {
        const isActive = index === activeIndex;
        link.classList.toggle("is-active", isActive);
        link.setAttribute("aria-current", isActive ? "true" : "false");
      });
    }

    function setPeek() {
      if (slides.length < 2) {
        peekCard.style.display = "none";
        syncIndicators(0);
        return;
      }

      const activeIndex = getActiveIndex();
      const nextIndex = (activeIndex + 1) % slides.length;
      const nextBg = getSlideBackground(slides[nextIndex]);

      peekFill.style.backgroundImage = nextBg;
      syncIndicators(activeIndex);

      peekCard.classList.remove("is-animating");
      void peekCard.offsetWidth;
      peekCard.classList.add("is-animating");
    }

    stageEl.addEventListener("click", function (e) {
      const accordionButton = e.target.closest(".iw-accordion .iw-acc-btn");

      if (accordionButton) {
        const accordionEl = accordionButton.closest(".iw-accordion");
        if (!accordionEl) return;

        const targetSelector = accordionButton.getAttribute("data-bs-target");
        const targetPanel = targetSelector ? accordionEl.querySelector(targetSelector) : null;
        if (!targetPanel) return;

        const isClosingCurrentItem = targetPanel.classList.contains("show");

        if (isClosingCurrentItem) {
          accordionEl.setAttribute("data-reset-after-close", "yes");
          return;
        }

        accordionEl.removeAttribute("data-reset-after-close");
        applyAccordionButtonImage(accordionButton);
        setPeek();
        return;
      }

      const nextButton = e.target.closest(".nav-chevron.next");
      if (!nextButton) return;

      e.preventDefault();
      carousel.next();
    });

    stageEl.addEventListener("show.bs.collapse", function (e) {
      const accordionEl = e.target.closest(".iw-accordion");
      if (!accordionEl) return;

      accordionEl.removeAttribute("data-reset-after-close");

      const button = getButtonForPanel(accordionEl, e.target);
      applyAccordionButtonImage(button);
      setPeek();
    });

    stageEl.addEventListener("shown.bs.collapse", function (e) {
      const accordionEl = e.target.closest(".iw-accordion");
      if (!accordionEl) return;

      const button = getButtonForPanel(accordionEl, e.target);
      applyAccordionButtonImage(button);
      setPeek();
    });

    stageEl.addEventListener("hidden.bs.collapse", function (e) {
      const accordionEl = e.target.closest(".iw-accordion");
      if (!accordionEl) return;

      if (accordionEl.getAttribute("data-reset-after-close") !== "yes") {
        const activeAccordionImage = accordionEl.getAttribute("data-active-accordion-image");
        if (activeAccordionImage) {
          const imageEl = getSlideImageElFromAccordion(accordionEl);
          swapSlideImage(imageEl, activeAccordionImage);
        }

        setPeek();
        return;
      }

      window.setTimeout(function () {
        const openPanel = accordionEl.querySelector(".accordion-collapse.show");
        const movingPanel = accordionEl.querySelector(".accordion-collapse.collapsing");

        if (openPanel || movingPanel) {
          accordionEl.removeAttribute("data-reset-after-close");
          applyOpenAccordionImage(accordionEl);
          setPeek();
          return;
        }

        resetSlideImageFromAccordion(accordionEl);
        setPeek();
      }, 25);
    });

    indicatorLinks.forEach(function (link) {
      link.addEventListener("click", function (e) {
        e.preventDefault();

        const slideIndex = Number(link.getAttribute("data-slide-index"));
        if (Number.isNaN(slideIndex)) return;

        carousel.to(slideIndex);
      });
    });

    peekCard.addEventListener("click", function () {
      carousel.next();
    });

    peekCard.addEventListener("keydown", function (e) {
      if (e.key === "Enter" || e.key === " ") {
        e.preventDefault();
        carousel.next();
      }
    });

    carouselEl.addEventListener("slid.bs.carousel", function () {
      slides.forEach(syncSlideImage);
      setPeek();
    });

    slides.forEach(syncSlideImage);
    setPeek();
  });
  //]]>
</script>

<style>



 @media (max-width:768px){
#everyday-peakCarousel .peek-card {
display: none !important;
}
}
 @media (min-width:992px){
#everyday-peakCarousel .peek-card {
 width: calc( 80.3333vw - min(75.3333vw, 960px)) !important;
}
}
 @media (min-width:1200px){
#everyday-peakCarousel .peek-card {
 width: calc( 80.3333vw - min(75.3333vw, 1140px)) !important;
}
} 






  #everyday-peakCarousel .carousel-stage {
    position: relative;
    width: 100%;
    padding-bottom: 40px;
    padding-top: 10px;
    overflow: visible;
  }

  #everyday-peakCarousel .carousel-indicator-links {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 18px 40px;
    margin: 0 0 40px;
  }

  #everyday-peakCarousel .indicator-link {
    background: transparent;
    border: 0;
    padding: 0;
    color: #a6192e;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    transition: opacity 0.2s ease;
  }

  #everyday-peakCarousel .indicator-link:hover,
  #everyday-peakCarousel .indicator-link:focus-visible,
  #everyday-peakCarousel .indicator-link.is-active {
    opacity: 1;
  }

  #everyday-peakCarousel .indicator-link:not(.is-active) {
    opacity: 0.72;
  }

  #everyday-peakCarousel .indicator-link i {
    font-size: 16px;
  }

  #everyday-peakCarousel .indicator-link:focus-visible {
    outline: 2px solid rgba(166, 25, 46, 0.35);
    outline-offset: 4px;
  }

  #everyday-peakCarousel .carousel-stage .carousel {
    position: relative;
    border-radius: 0px;
    overflow: hidden;
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    z-index: 2;
  }

  #everyday-peakCarousel .carousel-stage .carousel .carousel-slide-grid {
    height: 100%;
  }

  #everyday-peakCarousel .carousel-stage .carousel .slide-content {
    position: relative;
    padding: 48px 48px 78px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
    min-height: 0;
    overflow: visible;
    pointer-events: auto;
  }

  #everyday-peakCarousel .carousel-stage .carousel .slide-content-inner {
    flex: 1 0 auto;
    min-height: min-content;
  }

  #everyday-peakCarousel .carousel-stage .carousel .slide-content h2 {
    font-size: 2.25rem;
    margin-bottom: 16px;
  }

  #everyday-peakCarousel .carousel-stage .carousel .slide-image {
    position: relative;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: opacity 0.34s ease, transform 0.34s ease;
  }

  #everyday-peakCarousel .carousel-stage .carousel .slide-image.is-swapping {
    animation: everydayAccordionImageSwap 350ms ease both;
  }

  @keyframes everydayAccordionImageSwap {
    from {
      opacity: 0.72;
      transform: scale(1.015);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }

  #everyday-peakCarousel .iw-accordion.accordion {
    width: 100%;
    margin-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.18);
  }

  #everyday-peakCarousel .iw-accordion .accordion-item {
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.18);
    border-radius: 0;
    background: transparent;
  }

  #everyday-peakCarousel .iw-accordion .accordion-header {
    margin: 0;
  }

  #everyday-peakCarousel .iw-accordion .accordion-button {
    background: transparent;
    color: #111;
    font-weight: 700;
    padding: 22px 18px;
    box-shadow: none;
    border-radius: 0;
    display: flex;
    align-items: center;
    gap: 14px;
    border: 0px;
  }

  #everyday-peakCarousel .iw-accordion .accordion-button:focus {
    box-shadow: none;
    outline: none;
  }

  #everyday-peakCarousel .iw-accordion .accordion-button::after {
    display: none;
  }

  #everyday-peakCarousel .iw-acc-icon::before {
    content: "\f078";
    flex: 0 0 auto;
    margin-top: 0.1rem;
    color: #8b1f2b;
    font-family: 'FontAwesome';
    font-weight: 900;
    line-height: 1.3;
    transition: transform 0.2s ease, color 0.2s ease;
    display: inline-block;
    transform: rotate(0deg);
  }

  #everyday-peakCarousel .iw-accordion .accordion-button:not(.collapsed) .iw-acc-icon {
    transition: transform 0.2s ease, color 0.2s ease;
    transform: rotate(180deg);
  }

  #everyday-peakCarousel .iw-acc-title {
    line-height: 1.2;
  }

  #everyday-peakCarousel .iw-accordion .accordion-body {
    padding: 0 18px 18px 42px;
    color: #333;
  }

  #everyday-peakCarousel .nav-chevron {
    position: absolute;
    width: 64px;
    height: 64px;
    border: 0;
    border-radius: 0;
    background: #a6192e;
    color: #fff;
    box-shadow: none;
    display: grid;
    place-items: center;
    cursor: pointer;
    z-index: 6;
  }

  #everyday-peakCarousel .nav-chevron i {
    font-size: 22px;
  }

  #everyday-peakCarousel .nav-chevron:focus {
    outline: 3px solid rgba(166, 25, 46, 0.3);
    outline-offset: 2px;
  }

  #everyday-peakCarousel .slide-content .nav-chevron.next.on-active {
    right: 0;
    bottom: 0;
  }

  #everyday-peakCarousel .peek-card {
    position: absolute;
    right: 0;
    top: 75px;
    height: 520px;
    border-radius: 0px;
    overflow: hidden;
    background: transparent;
    box-shadow: none;
    cursor: pointer;
    user-select: none;
    z-index: 3;
    display: block;
    max-width: 500px;
  }

  #everyday-peakCarousel .peek-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.72);
    pointer-events: none;
  }

  #everyday-peakCarousel .peek-fill {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transform: scale(1.02);
  }

  #everyday-peakCarousel .peek-card.is-animating .peek-fill {
    animation: everydayPeekSlideIn 550ms ease both;
  }

  @keyframes everydayPeekSlideIn {
    from {
      transform: translateX(40px) scale(1.02);
      opacity: 0;
    }
    to {
      transform: translateX(0) scale(1.02);
      opacity: 1;
    }
  }



    #everyday-peakCarousel .carousel-stage .carousel {
      max-width: 100%;
      margin: 0;
    }

    #everyday-peakCarousel .image-column {
      height: 520px;
      min-height: 520px;
      align-self: flex-start;
    }

    #everyday-peakCarousel .content-column {
      height: auto;
      min-height: 520px;
      align-self: flex-start;
    }

    #everyday-peakCarousel .carousel-stage .carousel .carousel-item,
    #everyday-peakCarousel .carousel-stage .carousel .carousel-slide-grid,
    #everyday-peakCarousel .carousel-stage .carousel .carousel-slide-grid &gt; [class*="col-"] {
      min-height: 520px;
      height: auto;
    }

    #everyday-peakCarousel .carousel-stage .carousel .carousel-slide-grid {
      align-items: flex-start !important;
    }

    #everyday-peakCarousel .carousel-stage .carousel .carousel-slide-grid &gt; [class*="col-"] {
      min-width: 0;
    }

    #everyday-peakCarousel .carousel-stage .carousel .slide-content {
      max-height: none;
      overflow: visible;
    }

    #everyday-peakCarousel .carousel-stage .carousel .slide-image {
      height: 520px;
      min-height: 520px;
    }

    #everyday-peakCarousel .carousel-stage .carousel .slide-content &gt; :last-child {
      margin-bottom: 0;
    }
  }

  @media (max-width: 991.98px) {
    #everyday-peakCarousel .peek-card {
      display: none !important;
    }

    #everyday-peakCarousel .carousel-wrap {
      padding-right: 0;
    }

    #everyday-peakCarousel .carousel-stage .carousel {
      height: auto;
      max-width: 100%;
    }

    #everyday-peakCarousel .carousel-stage .carousel .carousel-item,
    #everyday-peakCarousel .carousel-stage .carousel .carousel-slide-grid {
      height: auto;
    }

    #everyday-peakCarousel .carousel-stage .carousel .slide-image {
      height: 340px;
    }

    #everyday-peakCarousel .carousel-stage .carousel .slide-content {
      padding: 24px 24px 88px;
      overflow: visible;
      max-height: none;
    }

    #everyday-peakCarousel .carousel-indicator-links {
      justify-content: flex-start;
      gap: 14px 24px;
      margin-bottom: 28px;
    }
  }

  #everyday-peakCarousel .carousel-stage,
  #everyday-peakCarousel .carousel-stage * {
    text-decoration: none !important;
    text-align: left;
  }

  #everyday-peakCarousel .carousel-stage a {
    text-decoration: underline;
  }
  
  
@media (min-width: 992px) {
  #everyday-peakCarousel .carousel-stage .carousel .slide-content.no-accordion {
    min-height: 520px;
    justify-content: center;
  }

  #everyday-peakCarousel .carousel-stage .carousel .slide-content.no-accordion .slide-content-inner {
    flex: 0 0 auto;
  }
}  
  
  
</style>
 
                        
        </section>
            <section class="section-container">
                                                    
                                           
                    
        
            
    
<div id="chapel">
    <div class="row-section slanted-section  mt-5 pt-4 ">
            <div class="content  container  position-relative">
            <div class=" py-5   d-lg-flex ">
                
                <div class=" col-md-6 image-col  order-lg-2  ">
                    
                        <!-- START YOUTUBE VIDEO -->
                                                    <div class="custom-youtube-player vimeo-border-box-shadow">
                                <button aria-label="Play YouTube video" class="custom-youtube-trigger" data-youtube-id="rS911R9peaM" type="button">

                                    <img alt="" class="custom-youtube-thumbnail" src="https://www.indwes.edu/about/life-at-iwu/_img/chapel-video-placeholder.webp"/>

                                    <span aria-hidden="true" class="custom-youtube-play">
                                        <i class="fa-solid fa-play"></i>
                                    </span>
                                </button>
                            </div>
                        
                        <style>
                        #chapel .custom-youtube-player {
                            position: relative;
                            width: 100%;
                            aspect-ratio: 16 / 9;
                            overflow: hidden;
                            background-color: #000;
                        }

                        #chapel .vimeo-border-box-shadow {
                            border: 8px solid #fff;
                            box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
                        }

                        #chapel .custom-youtube-trigger {
                            position: absolute;
                            inset: 0;
                            display: block;
                            width: 100%;
                            height: 100%;
                            padding: 0;
                            border: 0;
                            background: transparent;
                            cursor: pointer;
                        }

                        #chapel .custom-youtube-thumbnail {
                            display: block;
                            width: 100%;
                            height: 100%;
                            object-fit: cover;
                            transition: transform .35s ease;
                        }

                        #chapel .custom-youtube-trigger::after {
                            position: absolute;
                            inset: 0;
                            content: "";
                            background: rgba(0, 0, 0, .18);
                            transition: background-color .25s ease;
                        }

                        #chapel .custom-youtube-play {
                            position: absolute;
                            top: 50%;
                            left: 50%;
                            z-index: 2;
                            display: inline-flex;
                            align-items: center;
                            justify-content: center;
                            width: clamp(4rem, 8vw, 6rem);
                            height: clamp(4rem, 8vw, 6rem);
                            color: #fff;
                            font-size: clamp(1.4rem, 3vw, 2rem);
                            background-color: #a6192e;
                            border: 4px solid #fff;
                            border-radius: 50%;
                            box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .35);
                            transform: translate(-50%, -50%);
                            transition: transform .25s ease, background-color .25s ease, box-shadow .25s ease;
                        }

                        #chapel .custom-youtube-play i {
                            margin-left: .2em;
                        }

                        #chapel .custom-youtube-trigger:hover .custom-youtube-thumbnail {
                            transform: scale(1.03);
                        }

                        #chapel .custom-youtube-trigger:hover::after {
                            background: rgba(0, 0, 0, .28);
                        }

                        #chapel .custom-youtube-trigger:hover .custom-youtube-play {
                            background-color: #841326;
                            box-shadow: 0 .75rem 2rem rgba(0, 0, 0, .45);
                            transform: translate(-50%, -50%) scale(1.08);
                        }

                        #chapel .custom-youtube-trigger:focus-visible {
                            outline: 4px solid #fff;
                            outline-offset: -8px;
                        }

                        #chapel .custom-youtube-player iframe {
                            position: absolute;
                            inset: 0;
                            display: block;
                            width: 100%;
                            height: 100%;
                            border: 0;
                        }
                        </style>

                        <script>
                        document.addEventListener("DOMContentLoaded", function () {
                            var section = document.getElementById("chapel");
                            if (!section) return;

                            var trigger = section.querySelector(".custom-youtube-trigger");
                            if (!trigger) return;

                            trigger.addEventListener("click", function () {
                                var youtubeID = trigger.getAttribute("data-youtube-id");
                                if (!youtubeID) return;

                                var iframe = document.createElement("iframe");
                                iframe.setAttribute(
                                    "src",
                                    "https://www.youtube.com/embed/" +
                                    encodeURIComponent(youtubeID) +
                                    "?autoplay=1&amp;rel=0"
                                );
                                iframe.setAttribute("title", "YouTube video player");
                                iframe.setAttribute(
                                    "allow",
                                    "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                                );
                                iframe.setAttribute("allowfullscreen", "allowfullscreen");
                                iframe.setAttribute("frameborder", "0");
                                trigger.parentNode.replaceChild(iframe, trigger);
                            });
                        });
                        </script>
                        <!-- END YOUTUBE VIDEO -->
                                    </div>
                
                <div class=" col-md-6 pl-md-4  order-lg-1   d-flex flex-column justify-content-center my-4">
                                                                                                        <div class="tagline "></div>
                                                                                        <h2 class="h2-new-size ">What is Chapel?</h2>
                                                        <p class=" mt-3"><p><span>IWU is a worshipping community and gathering in an intentional and rhythmic way provides a supportive framework that fosters spiritual formation all over campus and is identity-forming.</span></p>
<p><span>Watch this short video to learn more about what makes Chapel at IWU such a special experience.</span></p>
<style><!--
#chapel .slanted-section .content {
        padding-bottom: 0px !important;
    }
--></style></p>
                                                            
                                        
                                        
                                    
                                        
                                        
                    
                                            <div class="d-flex mt-3 mt-md-0  ">
                                                                                                <a class="btn btn-white" href="https://www.youtube.com/@iwuchapeloffice4577/videos" title="Watch Chapel on YouTube">Watch Chapel on YouTube</a>
                                                                        </div>
                                        
                                    
                </div>
            </div>
        </div>
    </div>
</div>
        
        
<style>
/* --------------- SLANTED ROW ----------------- */
/* --------------------------------------------- */
#chapel .slanted-section {
    position: relative;
    overflow: visible;
    background:
            #F2F2F2;
        ;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
                margin-bottom: 0px;
    }


#chapel .slanted-section .content {
    position: relative;
    z-index: 10;
            padding-top: 3rem;
        padding-bottom: 3rem;
    }
    


#chapel .slanted-section .image-col,
#chapel .slanted-section .text-only {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

@media (max-width: 768px) {
    #chapel .slanted-section .image-col {
    padding-bottom: 0rem !important;
    }
}

#chapel .slanted-section::before,
#chapel .slanted-section::after {
    content: none !important;
}
    
#chapel .slanted-section {
    --slant-depth: 72px;
}

            #chapel .slanted-section {
        clip-path: polygon(0 0, 100% var(--slant-depth), 100% 100%, 0 100%);
        }
    

/* ---------------- TILES ----------------- */
/* ---------------------------------------- */
    #chapel .tiles-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
    }
    #chapel .flex-tile {
    background-color:
            #F3F3F3;
    ;
    color:
            #333333 !important;
    ;
    text-align: center;
    padding: 2.0rem 1.5rem;
    flex: 1 1 100%;
    max-width: 100%;
    }
    
        
    @media (min-width: 600px) and (max-width: 767.98px) {
    #chapel .tiles-row.tiles-count-1 .flex-tile {
    flex: 0 0 100%;
    max-width: 100%;
    }
    #chapel .tiles-row.tiles-count-2 .flex-tile,
    #chapel .tiles-row.tiles-count-3 .flex-tile,
    #chapel .tiles-row.tiles-count-4 .flex-tile,
    #chapel .tiles-row.tiles-count-5 .flex-tile,
    #chapel .tiles-row.tiles-count-6 .flex-tile,
    #chapel .tiles-row.tiles-count-7 .flex-tile,
    #chapel .tiles-row.tiles-count-8 .flex-tile,
    #chapel .tiles-row.tiles-count-9 .flex-tile,
    #chapel .tiles-row.tiles-count-10 .flex-tile,
    #chapel .tiles-row.tiles-count-11 .flex-tile,
    #chapel .tiles-row.tiles-count-12 .flex-tile {
    flex: 0 0 calc((100% - 1rem) / 2);
    max-width: calc((100% - 1rem) / 2);
    }
    }
    @media (min-width: 768px) and (max-width: 1099.98px) {
    #chapel .tiles-row.tiles-count-1 .flex-tile {
    flex: 0 0 100%;
    max-width: 100%;
    }
    #chapel .tiles-row.tiles-count-2 .flex-tile {
    flex: 0 0 calc((100% - 1rem) / 2);
    max-width: calc((100% - 1rem) / 2);
    }
    #chapel .tiles-row.tiles-count-3 .flex-tile,
    #chapel .tiles-row.tiles-count-4 .flex-tile,
    #chapel .tiles-row.tiles-count-5 .flex-tile,
    #chapel .tiles-row.tiles-count-6 .flex-tile,
    #chapel .tiles-row.tiles-count-7 .flex-tile,
    #chapel .tiles-row.tiles-count-8 .flex-tile,
    #chapel .tiles-row.tiles-count-9 .flex-tile,
    #chapel .tiles-row.tiles-count-10 .flex-tile,
    #chapel .tiles-row.tiles-count-11 .flex-tile,
    #chapel .tiles-row.tiles-count-12 .flex-tile {
    flex: 0 0 calc((100% - 2rem) / 3);
    max-width: calc((100% - 2rem) / 3);
    }
    }
    @media (min-width: 1100px) {
    #chapel .tiles-row.tiles-count-1 .flex-tile {
    flex: 0 0 100%;
    max-width: 100%;
    }
    #chapel .tiles-row.tiles-count-2 .flex-tile {
    flex: 0 0 calc((100% - 1rem) / 2);
    max-width: calc((100% - 1rem) / 2);
    }
    #chapel .tiles-row.tiles-count-3 .flex-tile {
    flex: 0 0 calc((100% - 2rem) / 3);
    max-width: calc((100% - 2rem) / 3);
    }
    #chapel .tiles-row.tiles-count-4 .flex-tile,
    #chapel .tiles-row.tiles-count-5 .flex-tile,
    #chapel .tiles-row.tiles-count-6 .flex-tile,
    #chapel .tiles-row.tiles-count-7 .flex-tile,
    #chapel .tiles-row.tiles-count-8 .flex-tile,
    #chapel .tiles-row.tiles-count-9 .flex-tile,
    #chapel .tiles-row.tiles-count-10 .flex-tile,
    #chapel .tiles-row.tiles-count-11 .flex-tile,
    #chapel .tiles-row.tiles-count-12 .flex-tile {
    flex: 0 0 calc((100% - 3rem) / 4);
    max-width: calc((100% - 3rem) / 4);
    }
    }
    #chapel .tile-title {
    font-size: 1.4rem;
    line-height: 1.5;
    text-transform: uppercase;
    font-weight: 400;
    }
    #chapel .tile-copy {
    font-size: 1rem;
    }
    #chapel .tiles-row i {
    font-size: 2.5rem;
    margin-bottom: 15px;
    color:
            var(--primary) !important;
        }
    /* ------------ TESTIMONIAL ----------------- */
    /* ------------------------------------------ */
    .no-underlined-text {
    text-decoration: none !important;
    }

    

    /* ----------------- PEAK ------------------ */
    /* ----------------------------------------- */
    </style>
 
                        
        </section>
            <section class="section-container">
                                                    
                                                        
        
                
    
<div id="chapel2">
    <div class="row-section slanted-section ">
            <div class="content  container  position-relative">
            <div class=" py-5  ">
                
                <div class=" d-none ">
                                            <img alt="Spiritual Life at IWU" class="img-fluid" src="https://www.indwes.edu/about/life-at-iwu/_img/spiritual-collage1.webp"/>

                                    </div>
                
                <div class=" text-center text-only  d-flex flex-column justify-content-center my-4">
                                                                                                        <div class="tagline "></div>
                                                                                        <h2 class="h2-new-size ">Weekly Chapel Rhythms</h2>
                                                        <p class=" mt-3"><style><!--
#chapel2 .slanted-section .content {
        padding-top: 0px !important;
    }
--></style></p>
                                                            
                                        
                                        
                                    
                                        
                                            
                                                    <div class="mt-4 tiles-row tiles-count-3">
                                                            <div class="flex-tile highlight">
                                                                <p class="tile-title">Mondays 10:05 AM</p>
                                                                <p class="tile-copy"><p><strong>Prayer Chapel</strong></p>
<p><span>Meet with God through guided worship and engage in practices like the reading of Scripture and prayer.</span></p></p>
                                                                </div>
                                                            <div class="flex-tile">
                                                                <p class="tile-title">Wednesdays 10:05 AM</p>
                                                                <p class="tile-copy"><p><strong>Small Groups</strong></p>
<p>Join a relational community where friendships form, faith takes root, and we journey with Jesus together.</p></p>
                                                                </div>
                                                            <div class="flex-tile">
                                                                <p class="tile-title">Fridays 10:05 AM</p>
                                                                <p class="tile-copy"><p><strong>Family Chapel</strong></p>
<p>Gather together with the entire IWU-Marion community for wholehearted worship, biblical teaching, and a celebration of God's work on our campus</p></p>
                                                                </div>
                                                        </div>
                                                <script>
                        (function () {
                        var section = document.querySelector('#chapel2 .tiles-row');
                        if (!section) return;
                        var tiles = section.querySelectorAll('.flex-tile');
                        tiles.forEach(function (tile) {
                        tile.addEventListener('click', function () {
                        tiles.forEach(function (t) {
                        t.classList.remove('highlight');
                        });
                        tile.classList.add('highlight');
                        });
                        });
                        })();
                        </script>
                                        
                    
                                        
                                    
                </div>
            </div>
        </div>
    </div>
</div>
        
        
<style>
/* --------------- SLANTED ROW ----------------- */
/* --------------------------------------------- */
#chapel2 .slanted-section {
    position: relative;
    overflow: visible;
    background:
            #F2F2F2;
        ;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
                margin-top: 0px;
    }


#chapel2 .slanted-section .content {
    position: relative;
    z-index: 10;
            padding-top: 3rem;
        padding-bottom: 3rem;
    }
    


#chapel2 .slanted-section .image-col,
#chapel2 .slanted-section .text-only {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

@media (max-width: 768px) {
    #chapel2 .slanted-section .image-col {
    padding-bottom: 0rem !important;
    }
}

#chapel2 .slanted-section::before,
#chapel2 .slanted-section::after {
    content: none !important;
}
    
#chapel2 .slanted-section {
    --slant-depth: 72px;
}

            #chapel2 .slanted-section {
        clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--slant-depth)), 0 100%);
        }
    

/* ---------------- TILES ----------------- */
/* ---------------------------------------- */
    #chapel2 .tiles-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
    }
    #chapel2 .flex-tile {
    background-color:
            #F3F3F3;
    ;
    color:
            #333333 !important;
    ;
    text-align: center;
    padding: 2.0rem 1.5rem;
    flex: 1 1 100%;
    max-width: 100%;
    }
    
        
    @media (min-width: 600px) and (max-width: 767.98px) {
    #chapel2 .tiles-row.tiles-count-1 .flex-tile {
    flex: 0 0 100%;
    max-width: 100%;
    }
    #chapel2 .tiles-row.tiles-count-2 .flex-tile,
    #chapel2 .tiles-row.tiles-count-3 .flex-tile,
    #chapel2 .tiles-row.tiles-count-4 .flex-tile,
    #chapel2 .tiles-row.tiles-count-5 .flex-tile,
    #chapel2 .tiles-row.tiles-count-6 .flex-tile,
    #chapel2 .tiles-row.tiles-count-7 .flex-tile,
    #chapel2 .tiles-row.tiles-count-8 .flex-tile,
    #chapel2 .tiles-row.tiles-count-9 .flex-tile,
    #chapel2 .tiles-row.tiles-count-10 .flex-tile,
    #chapel2 .tiles-row.tiles-count-11 .flex-tile,
    #chapel2 .tiles-row.tiles-count-12 .flex-tile {
    flex: 0 0 calc((100% - 1rem) / 2);
    max-width: calc((100% - 1rem) / 2);
    }
    }
    @media (min-width: 768px) and (max-width: 1099.98px) {
    #chapel2 .tiles-row.tiles-count-1 .flex-tile {
    flex: 0 0 100%;
    max-width: 100%;
    }
    #chapel2 .tiles-row.tiles-count-2 .flex-tile {
    flex: 0 0 calc((100% - 1rem) / 2);
    max-width: calc((100% - 1rem) / 2);
    }
    #chapel2 .tiles-row.tiles-count-3 .flex-tile,
    #chapel2 .tiles-row.tiles-count-4 .flex-tile,
    #chapel2 .tiles-row.tiles-count-5 .flex-tile,
    #chapel2 .tiles-row.tiles-count-6 .flex-tile,
    #chapel2 .tiles-row.tiles-count-7 .flex-tile,
    #chapel2 .tiles-row.tiles-count-8 .flex-tile,
    #chapel2 .tiles-row.tiles-count-9 .flex-tile,
    #chapel2 .tiles-row.tiles-count-10 .flex-tile,
    #chapel2 .tiles-row.tiles-count-11 .flex-tile,
    #chapel2 .tiles-row.tiles-count-12 .flex-tile {
    flex: 0 0 calc((100% - 2rem) / 3);
    max-width: calc((100% - 2rem) / 3);
    }
    }
    @media (min-width: 1100px) {
    #chapel2 .tiles-row.tiles-count-1 .flex-tile {
    flex: 0 0 100%;
    max-width: 100%;
    }
    #chapel2 .tiles-row.tiles-count-2 .flex-tile {
    flex: 0 0 calc((100% - 1rem) / 2);
    max-width: calc((100% - 1rem) / 2);
    }
    #chapel2 .tiles-row.tiles-count-3 .flex-tile {
    flex: 0 0 calc((100% - 2rem) / 3);
    max-width: calc((100% - 2rem) / 3);
    }
    #chapel2 .tiles-row.tiles-count-4 .flex-tile,
    #chapel2 .tiles-row.tiles-count-5 .flex-tile,
    #chapel2 .tiles-row.tiles-count-6 .flex-tile,
    #chapel2 .tiles-row.tiles-count-7 .flex-tile,
    #chapel2 .tiles-row.tiles-count-8 .flex-tile,
    #chapel2 .tiles-row.tiles-count-9 .flex-tile,
    #chapel2 .tiles-row.tiles-count-10 .flex-tile,
    #chapel2 .tiles-row.tiles-count-11 .flex-tile,
    #chapel2 .tiles-row.tiles-count-12 .flex-tile {
    flex: 0 0 calc((100% - 3rem) / 4);
    max-width: calc((100% - 3rem) / 4);
    }
    }
    #chapel2 .tile-title {
    font-size: 1.4rem;
    line-height: 1.5;
    text-transform: uppercase;
    font-weight: 400;
    }
    #chapel2 .tile-copy {
    font-size: 1rem;
    }
    #chapel2 .tiles-row i {
    font-size: 2.5rem;
    margin-bottom: 15px;
    color:
            var(--primary) !important;
        }
    /* ------------ TESTIMONIAL ----------------- */
    /* ------------------------------------------ */
    .no-underlined-text {
    text-decoration: none !important;
    }

    

    /* ----------------- PEAK ------------------ */
    /* ----------------------------------------- */
    </style>
 
                        
        </section>
            <section class="section-container">
                                                    
                                                    







<link href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css" rel="stylesheet"/>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>







<section class="card-slant-container my-5" id="formation-section">
  <div class="container py-4" id="formation">

                  <div class="tagline text-center mb-3">Spiritual Formation Opportunities</div>
      
              <h2 class="text-center cards-header h2-new-size mb-4">Find Your Place to Grow</h2>
      
              <div class="mx-auto text-center mb-5 cards-copy">
          <p>Spiritual formation at IWU isn&#8217;t one-size-fits-all. Throughout the semester, you&#8217;ll have opportunities to worship with the campus community, build deeper relationships in small groups, and gather with other students in spaces like FCA and Awaken.</p>
<p>Residential students participate in <strong>28 spiritual formation experiences each semester</strong>, including at least 15 Chapel gatherings. The rest? <strong>Choose the experiences that help you connect, grow, and make your faith your own.</strong></p>
        </div>
          
    <div class="cards-row-wrap">
      <div class="owl-carousel owl-theme generic-carousel  three-slides  pt-4" id="formation-cards-carousel">

        
                              
          
                              
                                    
                              
          
                              
                    
                              
                              
                              
                              
          
          <div class="slide">
            <div class="card h-100 border-0              carousel-card             add-card-shadow                                     mb-3">

                                  <img alt="Chapel Services at IWU" class="card-img-top " src="https://www.indwes.edu/_img/index/worship_singing.webp"/>
                
              <div class="card-body text-left ">
                
                <h3 class="card-title text-black">Chapel</h3>
                <p class="card-text"><p>Chapel brings the IWU community together to worship, pray, hear God&#8217;s Word, and grow in faith alongside friends, faculty, and staff.</p>
<p>Residential students participate in at least 15 Chapel gatherings each semester.</p></p>

                
                
              </div>
            </div>
          </div>

        
                              
          
                              
                                    
                              
          
                              
                    
                              
                              
                              
                              
          
          <div class="slide">
            <div class="card h-100 border-0              carousel-card             add-card-shadow                                     mb-3">

                                  <img alt="Small groups at IWU" class="card-img-top " src="https://www.indwes.edu/about/life-at-iwu/_img/mens-small-group.webp"/>
                
              <div class="card-body text-left ">
                
                <h3 class="card-title text-black">Small Groups</h3>
                <p class="card-text">Wednesday mornings create space to step out of the crowd and into a smaller community. You'll study Scripture, talk honestly about life and faith, pray together, and build relationships with people who can walk with you throughout your IWU experience.</p>

                
                
              </div>
            </div>
          </div>

        
                              
          
                              
                                    
                              
          
                              
                    
                              
                              
                              
                              
          
          <div class="slide">
            <div class="card h-100 border-0              carousel-card             add-card-shadow                                     mb-3">

                                  <img alt="Small Worship Gatherings" class="card-img-top " src="https://www.indwes.edu/about/life-at-iwu/_img/students-praying.webp"/>
                
              <div class="card-body text-left ">
                
                <h3 class="card-title text-black">Small Worship Gatherings</h3>
                <p class="card-text">Gather with other students in smaller, student-centered spaces to worship, pray, and grow in faith together throughout the week.</p>

                
                
              </div>
            </div>
          </div>

        
                              
          
                              
                                    
                              
          
                              
                    
                              
                              
                              
                              
          
          <div class="slide">
            <div class="card h-100 border-0              carousel-card             add-card-shadow                                     mb-3">

                                  <img alt="Summit at IWU" class="card-img-top " src="https://www.indwes.edu/about/life-at-iwu/_img/summit-worship.webp"/>
                
              <div class="card-body text-left ">
                
                <h3 class="card-title text-black">Summit</h3>
                <p class="card-text">Three days set aside at the beginning of each semester for spiritual emphasis. We gather for morning &amp; evening chapel services to worship together, hear God's Word through powerful messages, and take time to surrender ourselves to the growth God has for each of us as we prepare to walk faithfully through a new semester.</p>

                
                
              </div>
            </div>
          </div>

        
                              
          
                              
                                    
                              
          
                              
                    
                              
                              
                              
                              
          
          <div class="slide">
            <div class="card h-100 border-0              carousel-card             add-card-shadow                                     mb-3">

                                  <img alt="Integrate Seminars" class="card-img-top " src="https://www.indwes.edu/about/offices/event-conference-services/_img/chapel-auditorium/chapel1.webp"/>
                
              <div class="card-body text-left ">
                
                <h3 class="card-title text-black">Integrate Seminars</h3>
                <p class="card-text">Integrate Seminars provide meaningful and practical growth opportunities while earning indirect spiritual formation credit.</p>

                
                
              </div>
            </div>
          </div>

        
      </div>
    </div>
    
    
            </div>
</section>

<style>
#formation-section.card-slant-container {
  background: none;

  }

#formation .cards-header,
#formation .cards-copy {
  position: relative;
  z-index: 4;
}

@media (min-width: 992px) {
  #formation.container .cards-copy {
    width: 65%;
  }
}

#formation .cards-row-wrap {
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
}

#formation .cards-row {
  position: relative;
  z-index: 3;
  margin-top: 0;
  --bs-gutter-y: 2rem;
}

#formation .card-img-top {
  height: 210px;
  object-fit: cover;
}

#formation .headshot-img {
  aspect-ratio: 1 / 1;
  height: auto;
  width: 100%;
  object-fit: cover;
}

#formation img.headshot-img {
  height: auto;
  aspect-ratio: 1 / 1;
}

#formation .transparent-back {
  background-color: transparent;
}

#formation .add-card-shadow {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}


#formation .add-card-shadow .card-body {
  padding: 1.25rem;
}

#formation .generic-carousel {
  position: relative;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 1rem;
}

#formation .carousel-card {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);    margin: 0 1.5rem;
  position: relative;
  overflow: visible;
}

#formation .generic-carousel .slide {
  display: flex;
}

#formation .carousel-card {
  display: flex;
  flex-direction: column;
    width: 100%;
  height: 100%;
  }

#formation .carousel-card .card-title {
  font-size:  1.5rem ;
  font-weight: 700;
  text-decoration: none !important;
}

#formation .carousel-card .card-text {
  max-width: 30rem;
  font-size: 1rem;
  text-decoration: none !important;
}

#formation-cards-carousel .owl-nav {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  padding: 0 .2rem;
  pointer-events: none;
}

#formation-cards-carousel .owl-nav button {
  background: transparent;
  border: none;
  pointer-events: auto;
}

#formation-cards-carousel .owl-nav i {
  font-size: 2.4rem;
  color: #626466;
}

#formation-cards-carousel .owl-nav button:hover,
#formation-cards-carousel .owl-nav i:hover {
  background: transparent !important;
  color: #75141f;
}

@media (max-width: 767.98px) {
  #formation .carousel-card .card-title {
    font-size: 2rem;
  }

  #formation-cards-carousel .owl-nav {
    top: 45%;
  }

  #formation-cards-carousel .owl-nav i {
    font-size: 2rem;
  }
}

#formation-cards-carousel .owl-nav button:focus,
#formation-cards-carousel .owl-nav button:active,
#formation-cards-carousel .owl-dots button:focus,
#formation-cards-carousel .owl-dots button:active {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

#formation-cards-carousel.three-slides .card-body,
#formation-cards-carousel.two-slides .card-body {
  order: 2;
}

#formation-cards-carousel .owl-stage {
  display: flex;
  align-items: stretch;
}

#formation-cards-carousel .owl-item {
  display: flex;
  flex: 0 0 auto;
}

#formation-cards-carousel .owl-item &gt; .slide {
  display: flex;
  width: 100%;
  height: 100%;
}

#formation-cards-carousel .carousel-card {
  flex: 1 1 auto;
  height: 100%;
}

#formation-cards-carousel .owl-stage-outer {
  overflow: hidden;
  padding-bottom: 40px;
}

#formation .cascade-cards-acc .accord-card {
  transition: all 0.3s ease;
  border: none;
  background-color: transparent;
}

#formation .cascade-cards-acc .accord-last {
  border-bottom: 1px solid #B2B4B2;
}

#formation .cascade-cards-acc .accord-card .card-header {
  background-color: transparent;
  border: none;
  position: relative;
  padding: 0;
  border-top: 1px solid #B2B4B2;
  font-size: 1.1rem;
}

#formation .cascade-cards-acc .accord-card .card-header a {
  background: transparent;
  color: #111;
  font-weight: 700;
  padding: 16px 18px 16px 0;
  box-shadow: none;
  border-radius: 0;
  display: inline-block !important;
  align-items: center;
  gap: 14px;
  border: 0;
  width: 100%;
  text-align: left;
  position: relative;
  text-decoration: none;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

#formation .cascade-cards-acc .accord-card .card-header a:focus {
  box-shadow: none;
  outline: none;
}

#formation .cascade-cards-acc .accord-card .card-header a,
#formation .cascade-cards-acc .accord-card .card-header a[aria-expanded="true"] {
  color: #111;
}

#formation .cascade-cards-acc .accord-card .card-header a::after {
  display: none;
}

#formation .cascade-cards-acc .accord-card .card-header a::before {
  content: "\f078";
  flex: 0 0 auto;
  margin-top: 0.1rem;
  color: #8b1f2b;
  font-family: "FontAwesome";
  line-height: 1.3;
  transition: transform 0.2s ease, color 0.2s ease;
  margin-right: 10px;
  font-weight: 100;
  display: inline-block;
}

#formation .cascade-cards-acc .accord-card .card-header a[aria-expanded="true"]::before {
  transform: rotate(180deg);
}

#formation .cascade-cards-acc .accordion-body {
  padding: 0 18px 18px 24px;
  color: #333;
}

#formation .cascade-cards-acc + .accordion-toggle {
  background: none;
  border: none;
  padding: 0;
  margin-top: 1rem;
  color: #a6192e;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
}

#formation .cascade-cards-acc + .accordion-toggle:hover {
  text-decoration: underline;
}

#formation .cascade-cards-acc + .accordion-toggle .accordion-toggle-icon {
  display: inline-block;
  margin-right: 0.5rem;
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

#formation .cascade-cards-acc + .accordion-toggle[aria-expanded="true"] .accordion-toggle-icon {
  transform: rotate(180deg);
}

#formation .cascade-cards-acc .extra-accordion-item {
  overflow: hidden;
  max-height: 800px;
  opacity: 1;
  transform: translateY(0);
  transition:
    max-height 0.45s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.45s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: max-height, opacity, transform;
}

#formation .cascade-cards-acc .extra-accordion-item.is-collapsed {
  max-height: 0;
  opacity: 0;
  transform: translateY(-12px);
  pointer-events: none;
}
</style>

<script>
//<![CDATA[
(function () {
  var accordions = document.querySelectorAll("#formation .cascade-cards-acc");
  if (!accordions || !accordions.length) return;

  accordions.forEach(function (accordion) {
    var toggleBtn = accordion.nextElementSibling;
    if (!toggleBtn || !toggleBtn.classList.contains("accordion-toggle")) return;

    var visibleCount = parseInt(accordion.dataset.visibleItems || "3", 10);
    var label = accordion.dataset.label || "items";

    var items = accordion.querySelectorAll(":scope > .accordion-item");
    if (!items || items.length <= visibleCount) {
      toggleBtn.remove();
      return;
    }

    items.forEach(function (item, index) {
      if (index >= visibleCount) {
        item.classList.add("extra-accordion-item", "is-collapsed");
        item.setAttribute("aria-hidden", "true");
      }
    });

    var hiddenCount = items.length - visibleCount;

    function setButtonText(expanded) {
      toggleBtn.innerHTML = expanded
        ? '<i class="fas fa-minus accordion-toggle-icon"></i> Show fewer ' + label
        : '<i class="fas fa-plus accordion-toggle-icon"></i> Show ' + hiddenCount + ' more ' + label;
    }

    setButtonText(false);
    toggleBtn.setAttribute("aria-expanded", "false");

    toggleBtn.addEventListener("click", function () {
      var expanded = toggleBtn.getAttribute("aria-expanded") === "true";

      accordion.querySelectorAll(":scope > .extra-accordion-item").forEach(function (item) {
        item.classList.toggle("is-collapsed");
        item.setAttribute("aria-hidden", expanded ? "true" : "false");
      });

      toggleBtn.setAttribute("aria-expanded", String(!expanded));
      setButtonText(!expanded);

      if (expanded) {
        accordion.scrollIntoView({ behavior: "smooth", block: "start" });
      }
    });
  });
})();
//]]>
</script>

<script>
//<![CDATA[
jQuery(document).ready(function () {
  var owl = jQuery('#formation-cards-carousel');
  var isOne = owl.hasClass('one-slide');
  var isTwo = owl.hasClass('two-slides');

  var items768 = isOne ? 1 : 2;
  var items992 = isOne ? 1 : (isTwo ? 2 : 3);

  owl.owlCarousel({
    loop: true,
    margin: 0,
    nav: true,
    dots: true,
    slideBy: 1,
    responsive: {
      0: { items: 1 },
      768: { items: items768 },
      992: { items: items992 }
    },
    navText: [
      '<span title="Previous slide" aria-label="Previous slide"><i class="fa-solid fa-chevron-left"></i></span>',
      '<span title="Next slide" aria-label="Next slide"><i class="fa-solid fa-chevron-right"></i></span>'
    ]
  });

  owl.on('initialized.owl.carousel changed.owl.carousel', function(event) {
    jQuery('#formation-cards-carousel .owl-prev')
      .attr('title', 'Previous slide')
      .attr('aria-label', 'Previous slide');

    jQuery('#formation-cards-carousel .owl-next')
      .attr('title', 'Next slide')
      .attr('aria-label', 'Next slide');

    jQuery('#formation-cards-carousel .owl-dot').each(function(index) {
      jQuery(this)
        .attr('title', 'Go to slide ' + (index + 1))
        .attr('aria-label', 'Go to slide ' + (index + 1));
    });
  });
});
//]]>
</script>

 
                        
        </section>
            <section class="section-container">
                                                    
                                                    
    
    
    
    
    
    <section class="student-stories-section py-5" id="stories">
        <div class="container py-lg-5">

            <div class="row justify-content-center mb-5">
                <div class="col-lg-9 text-center">

                                            <div class="tagline">
                            REAL STORIES. REAL COMMUNITY.
                        </div>
                    
                                            <h2 class="h2-new-size mb-3">
                            Hear From Our Students
                        </h2>
                    
                                            <div class="student-stories-intro mx-auto mb-0">
                            Spiritual life at IWU is about more than attending Chapel. It&#8217;s about finding people who encourage you, challenge you, pray with you, and walk alongside you.
                        </div>
                    
                </div>
            </div>

            
                
                <div class="row align-items-center g-5">

                    <div class="col-lg-6">
                        <div class="student-stories-photo-wrap">
                            <img alt="Addie D" class="student-stories-photo" data-student-main-image="true" src="https://www.indwes.edu/about/life-at-iwu/_img/addie-davis-class-2026.webp"/>
                        </div>
                    </div>

                    <div class="col-lg-6">
                        <div class="student-stories-content">

                            <div aria-hidden="true" class="student-stories-quote-mark">
                                “
                            </div>

                            <blockquote class="student-stories-quote">
                                <p data-student-quote="true">
                                    He's provided in a way I could never imagine. He's given me amazing experiences here. I've been able to (establish) lifelong friendships here. And so, I walk in confidence to this next chapter because I walk with Him.
                                </p>
                            </blockquote>

                            <div class="student-stories-rule"></div>

                            <div class="student-stories-student">

                                <p class="student-stories-name" data-student-name="true">
                                    Addie Davis
                                </p>

                                <p class="student-stories-details">
                                    <span data-student-class="true">
                                        2025
                                    </span>

                                                                            <span data-student-major="true" style="display: none;"></span>
                                                                    </p>

                            </div>

                            
                                <div class="student-story-selector">

                                    <button aria-label="Previous student" class="student-story-arrow student-story-prev" type="button">
                                        <span aria-hidden="true">‹</span>
                                    </button>

                                    <div class="student-story-thumbnails">

                                        
                                            
                                            <button aria-label="View Addie Davis's story" class="student-story-thumbnail active" data-index="0" data-student-alt="Addie D" data-student-class="2025" data-student-major="" data-student-name="Addie Davis" type="button">
                                                <img alt="" src="https://www.indwes.edu/about/life-at-iwu/_img/addie-davis-class-2026.webp"/>
                                                <span class="d-none" data-student-quote-source="true">He's provided in a way I could never imagine. He's given me amazing experiences here. I've been able to (establish) lifelong friendships here. And so, I walk in confidence to this next chapter because I walk with Him.</span>
                                            </button>

                                        
                                            
                                            <button aria-label="View Fabrizzio Sandoval's story" class="student-story-thumbnail" data-index="1" data-student-alt="Fabrizzio Sandoval" data-student-class="2027" data-student-major="Mechanical Engineering &amp; Business" data-student-name="Fabrizzio Sandoval" type="button">
                                                <img alt="" src="https://www.indwes.edu/about/life-at-iwu/_img/fabrizzio-class-2027.webp"/>
                                                <span class="d-none" data-student-quote-source="true"><div><macro-markers-panel-item-view-model class="ytwMacroMarkersPanelItemViewModelHost is-active" role="button" tabindex="0"><timeline-item-view-model class="ytwTimelineItemViewModelHost ytwTimelineItemViewModelHostSmallerPadding">
<div class="ytwTimelineItemViewModelContentItems"><transcript-segment-view-model class="ytwTranscriptSegmentViewModelHost ytwTranscriptSegmentViewModelHostActive">One of the best parts of my IWU experience has been the Christ centered community. Whether it's in&#160;</transcript-segment-view-model>chapel, small groups, or just everyday conversations, I'm able to share my story and hear the testimonies of others.</div>
</timeline-item-view-model></macro-markers-panel-item-view-model></div>
<div></div></span>
                                            </button>

                                        
                                            
                                            <button aria-label="View Jamie Bryant's story" class="student-story-thumbnail" data-index="2" data-student-alt="Jamie B" data-student-class="2026" data-student-major="Strategic Communication" data-student-name="Jamie Bryant" type="button">
                                                <img alt="" src="https://www.indwes.edu/about/life-at-iwu/_img/jamie-bryan-class-2026.webp"/>
                                                <span class="d-none" data-student-quote-source="true">When I stepped foot in the student center at IWU, I knew this was a place that I would call home. From conversations over coffee to attending campus events, it's the people I get to do life with that make the IWU campus community feel special.</span>
                                            </button>

                                        
                                    </div>

                                    <button aria-label="Next student" class="student-story-arrow student-story-next" type="button">
                                        <span aria-hidden="true">›</span>
                                    </button>

                                </div>

                            
                        </div>
                    </div>

                </div>

            
        </div>
    </section>

    <style>
    #stories.student-stories-section {
        position: relative;
        overflow: hidden;
        background-color: #fff;
    }

    #stories .student-stories-intro {
        max-width: 800px;
        color: #555;
        font-size: 1.15rem;
        line-height: 1.7;
    }

    #stories .student-stories-intro p:last-child {
        margin-bottom: 0;
    }

    #stories .student-stories-photo-wrap {
        position: relative;
        width: 100%;
        overflow: hidden;
        background-color: #f2f2f2;
    }

    #stories .student-stories-photo {
        display: block;
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 1;
        object-fit: cover;
        transition: opacity .28s ease, transform .35s ease;
    }

    #stories .student-stories-content {
        padding: 1rem 0 1rem 2rem;
        transition: opacity .28s ease, transform .35s ease;
    }

    #stories .student-stories-photo.is-exiting,
    #stories .student-stories-content.is-exiting {
        opacity: 0;
        transform: translateX(-30px);
    }

    #stories .student-stories-photo.is-entering,
    #stories .student-stories-content.is-entering {
        opacity: 0;
        transform: translateX(30px);
    }

    #stories .student-stories-quote-mark {
        height: 70px;
        color: #7a1127;
        font-family: Georgia, "Times New Roman", serif;
        font-size: 7rem;
        font-weight: 700;
        line-height: 1;
    }

    #stories .student-stories-quote {
        margin: 0;
    }

    #stories .student-stories-quote p {
        margin: 0;
        color: #10182f;
        font-size: clamp(1.5rem, 2.4vw, 2.15rem);
        line-height: 1.45;
    }

    #stories .student-stories-rule {
        width: 75px;
        height: 2px;
        margin: 2rem 0 1.75rem;
        background-color: #7a1127;
    }

    #stories .student-stories-name {
        margin-bottom: 0.25rem;
        color: #7a1127;
        font-size: 1.15rem;
        font-weight: 700;
        text-transform: uppercase;
    }

    #stories .student-stories-details {
        margin-bottom: 0;
        color: #555;
        font-size: 1rem;
        line-height: 1.5;
    }

    #stories .student-story-selector {
        display: flex;
        align-items: center;
        gap: 1.25rem;
        margin-top: 2.5rem;
    }

    #stories .student-story-thumbnails {
        display: flex;
        align-items: center;
        gap: 1.5rem;
    }

    #stories .student-story-thumbnail {
        width: 76px;
        height: 76px;
        padding: 0;
        overflow: hidden;
        border: 3px solid transparent;
        border-radius: 50%;
        background: transparent;
        cursor: pointer;
        transition: border-color .2s ease, transform .2s ease;
    }

    #stories .student-story-thumbnail img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 50%;
    }

    #stories .student-story-thumbnail:hover {
        transform: scale(1.05);
    }

    #stories .student-story-thumbnail.active {
        width: 92px;
        height: 92px;
        padding: 5px;
        border-color: #7a1127;
    }

    #stories .student-story-arrow {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        padding: 0;
        color: #10182f;
        font-family: Arial, sans-serif;
        font-size: 2.5rem;
        line-height: 1;
        border: 0;
        background: transparent;
        cursor: pointer;
        transition: color .2s ease, transform .2s ease;
    }

    #stories .student-story-arrow:hover {
        color: #7a1127;
        transform: scale(1.1);
    }

    #stories .student-story-arrow:focus-visible,
    #stories .student-story-thumbnail:focus-visible {
        outline: 3px solid #7a1127;
        outline-offset: 4px;
    }

    @media (max-width: 991.98px) {
        #stories .student-stories-photo-wrap {
            max-width: 650px;
            margin: 0 auto;
            
        }

        #stories .student-stories-photo {
            aspect-ratio: 4 / 3;
        }

        #stories .student-stories-content {
            max-width: 650px;
            margin: 0 auto;
            padding: 1rem 0 0;
        }

        #stories .student-story-selector {
            justify-content: center;
        }
    }

    @media (max-width: 575.98px) {
        #stories .student-stories-tagline {
            font-size: .75rem;
            letter-spacing: .16em;
        }

        #stories .student-stories-intro {
            font-size: 1rem;
        }

   

        #stories .student-stories-photo {
            aspect-ratio: 4 / 5;
        }

        #stories .student-stories-quote-mark {
            height: 55px;
            font-size: 5.5rem;
        }

        #stories .student-stories-quote p {
            font-size: 1.4rem;
        }

        #stories .student-story-selector {
            gap: .5rem;
            margin-top: 2rem;
        }

        #stories .student-story-thumbnails {
            gap: .65rem;
        }

        #stories .student-story-thumbnail {
            width: 55px;
            height: 55px;
        }

        #stories .student-story-thumbnail.active {
            width: 68px;
            height: 68px;
            padding: 3px;
        }

        #stories .student-story-arrow {
            width: 32px;
            height: 32px;
            font-size: 2rem;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        #stories .student-stories-photo,
        #stories .student-stories-content {
            transition: none;
        }
    }
    </style>

    <script>
    //<![CDATA[
    document.addEventListener("DOMContentLoaded", function () {

        var section = document.getElementById("stories");

        if (!section) {
            return;
        }

        var mainImage = section.querySelector("[data-student-main-image]");
        var storyContent = section.querySelector(".student-stories-content");
        var quote = section.querySelector("[data-student-quote]");
        var name = section.querySelector("[data-student-name]");
        var studentClass = section.querySelector("[data-student-class]");
        var major = section.querySelector("[data-student-major]");
        var thumbnails = section.querySelectorAll(".student-story-thumbnail");
        var previousButton = section.querySelector(".student-story-prev");
        var nextButton = section.querySelector(".student-story-next");

        if (!thumbnails.length) {
            return;
        }

        var currentStudent = 0;

        function showStudent(index) {

            if (index < 0) {
                index = thumbnails.length - 1;
            }

            if (index >= thumbnails.length) {
                index = 0;
            }

            if (index === currentStudent) {
                return;
            }

            var nextIndex = index;
            var thumbnail = thumbnails[nextIndex];

            var thumbnailImage = thumbnail.querySelector("img");
            var studentImage = thumbnailImage ? thumbnailImage.src : "";
            var studentAlt = thumbnail.getAttribute("data-student-alt");
            var studentName = thumbnail.getAttribute("data-student-name");
            var studentClassText = thumbnail.getAttribute("data-student-class");
            var studentMajor = thumbnail.getAttribute("data-student-major");
            var quoteSource = thumbnail.querySelector("[data-student-quote-source]");
            var studentQuote = quoteSource ? quoteSource.textContent.trim() : "";

            if (mainImage) {
                mainImage.classList.remove("is-entering");
                mainImage.classList.add("is-exiting");
            }

            if (storyContent) {
                storyContent.classList.remove("is-entering");
                storyContent.classList.add("is-exiting");
            }

            window.setTimeout(function () {

                currentStudent = nextIndex;

                if (mainImage && studentImage) {
                    mainImage.src = studentImage;
                    mainImage.alt = studentAlt;
                }

                if (quote) {
                    quote.textContent = studentQuote;
                }

                if (name) {
                    name.textContent = studentName;
                }

                if (studentClass) {
                    studentClass.textContent = studentClassText;
                }

                if (major) {
                    if (studentMajor) {
                        major.textContent = studentMajor;
                        major.style.display = "";
                    } else {
                        major.textContent = "";
                        major.style.display = "none";
                    }
                }

                thumbnails.forEach(function (item) {
                    item.classList.remove("active");
                });

                thumbnail.classList.add("active");

                if (mainImage) {
                    mainImage.classList.remove("is-exiting");
                    mainImage.classList.add("is-entering");
                }

                if (storyContent) {
                    storyContent.classList.remove("is-exiting");
                    storyContent.classList.add("is-entering");
                }

                window.requestAnimationFrame(function () {
                    window.requestAnimationFrame(function () {

                        if (mainImage) {
                            mainImage.classList.remove("is-entering");
                        }

                        if (storyContent) {
                            storyContent.classList.remove("is-entering");
                        }

                    });
                });

            }, 280);
        }

        thumbnails.forEach(function (thumbnail, index) {
            thumbnail.addEventListener("click", function () {
                showStudent(index);
            });
        });

        if (previousButton) {
            previousButton.addEventListener("click", function () {
                showStudent(currentStudent - 1);
            });
        }

        if (nextButton) {
            nextButton.addEventListener("click", function () {
                showStudent(currentStudent + 1);
            });
        }

    });
    //]]>
    </script>

 
                        
        </section>
            <section class="section-container">
                                                    
                                                        
        
                
    
<div id="stats">
    <div class="row-section slanted-section ">
            <div class="content  container  position-relative">
            <div class=" py-5  ">
                
                <div class=" d-none ">
                                            <img alt="Spiritual Life at IWU" class="img-fluid" src="https://www.indwes.edu/about/life-at-iwu/_img/spiritual-collage1.webp"/>

                                    </div>
                
                <div class=" text-center text-only  d-flex flex-column justify-content-center my-4">
                                                                                                        <div class="tagline ">Come As You Are</div>
                                                                                        <h2 class="h2-new-size ">You Don’t Have to <br class="d-none d-lg-block"/> Have It Figured Out</h2>
                                                        <p class=" mt-3"><section class="spiritual-life-stats"><!-- INTRO -->
<div class="row justify-content-center mb-5">
<div class="col-lg-9 text-center">
<p class="lead mx-auto mb-0">At IWU, you&#8217;ll find a community that walks with you, encourages you, and helps you grow in faith&#8212;one step at a time.</p>
</div>
</div>
<!-- STATS -->
<div class="row text-center g-0"><!-- STAT 1 -->
<div class="col-6 col-lg-3">
<div class="spiritual-stat h-100 px-3 px-lg-4">
<div aria-hidden="true" class="spiritual-stat-icon mb-3"><i class="bi bi-people"></i></div>
<div class="spiritual-stat-number">2,000+</div>
<p class="spiritual-stat-copy mb-0">Students growing <br class="d-none d-md-block"/> together</p>
</div>
</div>
<!-- STAT 2 -->
<div class="col-6 col-lg-3">
<div class="spiritual-stat h-100 px-3 px-lg-4">
<div aria-hidden="true" class="spiritual-stat-icon mb-3"><i class="bi bi-calendar3"></i></div>
<div class="spiritual-stat-number">3 Days</div>
<p class="spiritual-stat-copy mb-0">Set aside each week for <br class="d-none d-md-block"/> spiritual formation</p>
</div>
</div>
<!-- STAT 3 -->
<div class="col-6 col-lg-3">
<div class="spiritual-stat h-100 px-3 px-lg-4">
<div aria-hidden="true" class="spiritual-stat-icon mb-3"><i class="bi bi-heart"></i></div>
<div class="spiritual-stat-number">28+</div>
<p class="spiritual-stat-copy mb-0">Formation experiences to intentionally invest in spiritual growth each semester</p>
</div>
</div>
<!-- STAT 4 -->
<div class="col-6 col-lg-3">
<div class="spiritual-stat spiritual-stat-last h-100 px-3 px-lg-4">
<div aria-hidden="true" class="spiritual-stat-icon mb-3"><i class="bi bi-stars"></i></div>
<div class="spiritual-stat-number spiritual-stat-number-long">Countless Moments</div>
<p class="spiritual-stat-copy mb-0">Where faith happens organically around campus</p>
</div>
</div>
</div>
</section>
<style><!--
.spiritual-life-stats {
    overflow: hidden;
}


/* ICONS */

.spiritual-stat-icon {
    color: #981b2f;
    font-size: 3rem;
    line-height: 1;
}


/* NUMBERS */

.spiritual-stat-number {
    margin-bottom: 1rem;
    color: #981b2f;
    font-size: clamp(2.5rem, 4vw, 4rem);
    font-weight: 700;
    line-height: 1;
}

.spiritual-stat-number-long {
    font-size: clamp(2rem, 2.6vw, 3.25rem);
}


/* COPY */

.spiritual-stat-copy {
    color: #252d3d;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.5;
}


/* DIVIDERS */

@media (min-width: 992px) {

    .spiritual-stat {
        position: relative;
        padding-top: 1rem;
        padding-bottom: 1rem;
        border-right: 1px solid #d8d8d8;
    }

    .spiritual-stat-last {
        border-right: 0;
    }

}


/* TABLET / MOBILE */

@media (max-width: 991.98px) {

    .spiritual-stat {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

}


@media (max-width: 575.98px) {

    .spiritual-stat-icon {
        font-size: 2.25rem;
    }

    .spiritual-stat-number {
        font-size: 2.25rem;
    }

    .spiritual-stat-number-long {
        font-size: 1.75rem;
    }

    .spiritual-stat-copy {
        font-size: .95rem;
    }

}
--></style></p>
                                                            
                                        
                                        
                                    
                                        
                                        
                    
                                        
                                    
                </div>
            </div>
        </div>
    </div>
</div>
        
        
<style>
/* --------------- SLANTED ROW ----------------- */
/* --------------------------------------------- */
#stats .slanted-section {
    position: relative;
    overflow: visible;
    background:
            #F2F2F2;
        ;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
            }


#stats .slanted-section .content {
    position: relative;
    z-index: 10;
            padding-top: 3rem;
        padding-bottom: 3rem;
    }
    


#stats .slanted-section .image-col,
#stats .slanted-section .text-only {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

@media (max-width: 768px) {
    #stats .slanted-section .image-col {
    padding-bottom: 0rem !important;
    }
}

#stats .slanted-section::before,
#stats .slanted-section::after {
    content: none !important;
}
    
#stats .slanted-section {
    --slant-depth: 72px;
}

            #stats .slanted-section {
        clip-path: polygon(
        0 0,
        100% var(--slant-depth),
        100% calc(100% - var(--slant-depth)),
        0 100%
        );
        }
    

/* ---------------- TILES ----------------- */
/* ---------------------------------------- */
    #stats .tiles-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
    }
    #stats .flex-tile {
    background-color:
            #F3F3F3;
    ;
    color:
            #333333 !important;
    ;
    text-align: center;
    padding: 2.0rem 1.5rem;
    flex: 1 1 100%;
    max-width: 100%;
    }
    
        
    @media (min-width: 600px) and (max-width: 767.98px) {
    #stats .tiles-row.tiles-count-1 .flex-tile {
    flex: 0 0 100%;
    max-width: 100%;
    }
    #stats .tiles-row.tiles-count-2 .flex-tile,
    #stats .tiles-row.tiles-count-3 .flex-tile,
    #stats .tiles-row.tiles-count-4 .flex-tile,
    #stats .tiles-row.tiles-count-5 .flex-tile,
    #stats .tiles-row.tiles-count-6 .flex-tile,
    #stats .tiles-row.tiles-count-7 .flex-tile,
    #stats .tiles-row.tiles-count-8 .flex-tile,
    #stats .tiles-row.tiles-count-9 .flex-tile,
    #stats .tiles-row.tiles-count-10 .flex-tile,
    #stats .tiles-row.tiles-count-11 .flex-tile,
    #stats .tiles-row.tiles-count-12 .flex-tile {
    flex: 0 0 calc((100% - 1rem) / 2);
    max-width: calc((100% - 1rem) / 2);
    }
    }
    @media (min-width: 768px) and (max-width: 1099.98px) {
    #stats .tiles-row.tiles-count-1 .flex-tile {
    flex: 0 0 100%;
    max-width: 100%;
    }
    #stats .tiles-row.tiles-count-2 .flex-tile {
    flex: 0 0 calc((100% - 1rem) / 2);
    max-width: calc((100% - 1rem) / 2);
    }
    #stats .tiles-row.tiles-count-3 .flex-tile,
    #stats .tiles-row.tiles-count-4 .flex-tile,
    #stats .tiles-row.tiles-count-5 .flex-tile,
    #stats .tiles-row.tiles-count-6 .flex-tile,
    #stats .tiles-row.tiles-count-7 .flex-tile,
    #stats .tiles-row.tiles-count-8 .flex-tile,
    #stats .tiles-row.tiles-count-9 .flex-tile,
    #stats .tiles-row.tiles-count-10 .flex-tile,
    #stats .tiles-row.tiles-count-11 .flex-tile,
    #stats .tiles-row.tiles-count-12 .flex-tile {
    flex: 0 0 calc((100% - 2rem) / 3);
    max-width: calc((100% - 2rem) / 3);
    }
    }
    @media (min-width: 1100px) {
    #stats .tiles-row.tiles-count-1 .flex-tile {
    flex: 0 0 100%;
    max-width: 100%;
    }
    #stats .tiles-row.tiles-count-2 .flex-tile {
    flex: 0 0 calc((100% - 1rem) / 2);
    max-width: calc((100% - 1rem) / 2);
    }
    #stats .tiles-row.tiles-count-3 .flex-tile {
    flex: 0 0 calc((100% - 2rem) / 3);
    max-width: calc((100% - 2rem) / 3);
    }
    #stats .tiles-row.tiles-count-4 .flex-tile,
    #stats .tiles-row.tiles-count-5 .flex-tile,
    #stats .tiles-row.tiles-count-6 .flex-tile,
    #stats .tiles-row.tiles-count-7 .flex-tile,
    #stats .tiles-row.tiles-count-8 .flex-tile,
    #stats .tiles-row.tiles-count-9 .flex-tile,
    #stats .tiles-row.tiles-count-10 .flex-tile,
    #stats .tiles-row.tiles-count-11 .flex-tile,
    #stats .tiles-row.tiles-count-12 .flex-tile {
    flex: 0 0 calc((100% - 3rem) / 4);
    max-width: calc((100% - 3rem) / 4);
    }
    }
    #stats .tile-title {
    font-size: 1.4rem;
    line-height: 1.5;
    text-transform: uppercase;
    font-weight: 400;
    }
    #stats .tile-copy {
    font-size: 1rem;
    }
    #stats .tiles-row i {
    font-size: 2.5rem;
    margin-bottom: 15px;
    color:
            var(--primary) !important;
        }
    /* ------------ TESTIMONIAL ----------------- */
    /* ------------------------------------------ */
    .no-underlined-text {
    text-decoration: none !important;
    }

    

    /* ----------------- PEAK ------------------ */
    /* ----------------------------------------- */
    </style>
 
                        
        </section>
            <section class="section-container">
                                                    
                                                    







<link href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css" rel="stylesheet"/>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>







<section class="card-slant-container my-5" id="leader-section">
  <div class="container py-4" id="leader">

          
              <h2 class="text-center cards-header h2-new-size mb-4">Be a Spiritual <br class="d-none d-lg-block"/> Leader on Campus</h2>
      
              <div class="mx-auto text-center mb-5 cards-copy">
          <p><span>Students have the opportunity to serve in different leadership positions within the Spiritual Formation Office. <a class="animate-underline" href="mailto:chapel@indwes.edu" rel="noopener" target="_blank" title="Email the Spiritual Formation Office">Email the Spiritual Formation Office</a> for leadership opportunities in the areas of ministry, administration, and worship music.</span></p>
        </div>
          
    <div class="cards-row-wrap">
      <div class="owl-carousel owl-theme generic-carousel  three-slides  pt-4" id="leader-cards-carousel">

        
                              
          
                              
                                    
                              
          
                              
                    
                              
                              
                              
                              
          
          <div class="slide">
            <div class="card h-100 border-0              carousel-card             add-card-shadow                                     mb-3">

                                  <img alt="Student Body Chaplains and Small Group Leaders " class="card-img-top " src="https://www.indwes.edu/about/life-at-iwu/_img/student_group_praying.webp"/>
                
              <div class="card-body text-left ">
                
                <h3 class="card-title text-black">Student Body Chaplains and Small Group Leaders </h3>
                <p class="card-text"><span>Plan and implement student prayer initiatives, lead Bible studies, and help carry out the vision of the Spiritual Formation Office.&#160;</span></p>

                
                
              </div>
            </div>
          </div>

        
                              
          
                              
                                    
                              
          
                              
                    
                              
                              
                              
                              
          
          <div class="slide">
            <div class="card h-100 border-0              carousel-card             add-card-shadow                                     mb-3">

                                  <img alt="Chapel Worship Leaders" class="card-img-top " src="https://www.indwes.edu/academics/seminary/programs/_img/worship-arts.webp"/>
                
              <div class="card-body text-left ">
                
                <h3 class="card-title text-black">Chapel Worship Leaders</h3>
                <p class="card-text"><span>Work with a team of student musicians to engage the campus community in the spiritual act of worship through chapel services each semester.</span></p>

                
                
              </div>
            </div>
          </div>

        
                              
          
                              
                                    
                              
          
                              
                    
                              
                              
                              
                              
          
          <div class="slide">
            <div class="card h-100 border-0              carousel-card             add-card-shadow                                     mb-3">

                                  <img alt="Chapel Connections Team" class="card-img-top " src="https://www.indwes.edu/about/life-at-iwu/_img/student-group-outside-chapel.webp"/>
                
              <div class="card-body text-left ">
                
                <h3 class="card-title text-black">Chapel Connections Team</h3>
                <p class="card-text"><span>Come alongside students in their spiritual journey for encouragement and accountability.</span></p>

                
                
              </div>
            </div>
          </div>

        
                              
          
                              
                                    
                              
          
                              
                    
                              
                              
                              
                              
          
          <div class="slide">
            <div class="card h-100 border-0              carousel-card             add-card-shadow                                     mb-3">

                                  <img alt="Communications Team" class="card-img-top " src="https://www.indwes.edu/academics/seminary/programs/_img/bible-and-laptop.jpg"/>
                
              <div class="card-body text-left ">
                
                <h3 class="card-title text-black">Communications Team</h3>
                <p class="card-text"><span>Leverage your skills and gifts to creatively engage the student body with spiritually formative opportunities.</span></p>

                
                
              </div>
            </div>
          </div>

        
      </div>
    </div>
    
    
            </div>
</section>

<style>
#leader-section.card-slant-container {
  background: none;

  }

#leader .cards-header,
#leader .cards-copy {
  position: relative;
  z-index: 4;
}

@media (min-width: 992px) {
  #leader.container .cards-copy {
    width: 65%;
  }
}

#leader .cards-row-wrap {
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
}

#leader .cards-row {
  position: relative;
  z-index: 3;
  margin-top: 0;
  --bs-gutter-y: 2rem;
}

#leader .card-img-top {
  height: 210px;
  object-fit: cover;
}

#leader .headshot-img {
  aspect-ratio: 1 / 1;
  height: auto;
  width: 100%;
  object-fit: cover;
}

#leader img.headshot-img {
  height: auto;
  aspect-ratio: 1 / 1;
}

#leader .transparent-back {
  background-color: transparent;
}

#leader .add-card-shadow {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}


#leader .add-card-shadow .card-body {
  padding: 1.25rem;
}

#leader .generic-carousel {
  position: relative;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 1rem;
}

#leader .carousel-card {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);    margin: 0 1.5rem;
  position: relative;
  overflow: visible;
}

#leader .generic-carousel .slide {
  display: flex;
}

#leader .carousel-card {
  display: flex;
  flex-direction: column;
    width: 100%;
  height: 100%;
  }

#leader .carousel-card .card-title {
  font-size:  1.5rem ;
  font-weight: 700;
  text-decoration: none !important;
}

#leader .carousel-card .card-text {
  max-width: 30rem;
  font-size: 1rem;
  text-decoration: none !important;
}

#leader-cards-carousel .owl-nav {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  padding: 0 .2rem;
  pointer-events: none;
}

#leader-cards-carousel .owl-nav button {
  background: transparent;
  border: none;
  pointer-events: auto;
}

#leader-cards-carousel .owl-nav i {
  font-size: 2.4rem;
  color: #626466;
}

#leader-cards-carousel .owl-nav button:hover,
#leader-cards-carousel .owl-nav i:hover {
  background: transparent !important;
  color: #75141f;
}

@media (max-width: 767.98px) {
  #leader .carousel-card .card-title {
    font-size: 2rem;
  }

  #leader-cards-carousel .owl-nav {
    top: 45%;
  }

  #leader-cards-carousel .owl-nav i {
    font-size: 2rem;
  }
}

#leader-cards-carousel .owl-nav button:focus,
#leader-cards-carousel .owl-nav button:active,
#leader-cards-carousel .owl-dots button:focus,
#leader-cards-carousel .owl-dots button:active {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

#leader-cards-carousel.three-slides .card-body,
#leader-cards-carousel.two-slides .card-body {
  order: 2;
}

#leader-cards-carousel .owl-stage {
  display: flex;
  align-items: stretch;
}

#leader-cards-carousel .owl-item {
  display: flex;
  flex: 0 0 auto;
}

#leader-cards-carousel .owl-item &gt; .slide {
  display: flex;
  width: 100%;
  height: 100%;
}

#leader-cards-carousel .carousel-card {
  flex: 1 1 auto;
  height: 100%;
}

#leader-cards-carousel .owl-stage-outer {
  overflow: hidden;
  padding-bottom: 40px;
}

#leader .cascade-cards-acc .accord-card {
  transition: all 0.3s ease;
  border: none;
  background-color: transparent;
}

#leader .cascade-cards-acc .accord-last {
  border-bottom: 1px solid #B2B4B2;
}

#leader .cascade-cards-acc .accord-card .card-header {
  background-color: transparent;
  border: none;
  position: relative;
  padding: 0;
  border-top: 1px solid #B2B4B2;
  font-size: 1.1rem;
}

#leader .cascade-cards-acc .accord-card .card-header a {
  background: transparent;
  color: #111;
  font-weight: 700;
  padding: 16px 18px 16px 0;
  box-shadow: none;
  border-radius: 0;
  display: inline-block !important;
  align-items: center;
  gap: 14px;
  border: 0;
  width: 100%;
  text-align: left;
  position: relative;
  text-decoration: none;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

#leader .cascade-cards-acc .accord-card .card-header a:focus {
  box-shadow: none;
  outline: none;
}

#leader .cascade-cards-acc .accord-card .card-header a,
#leader .cascade-cards-acc .accord-card .card-header a[aria-expanded="true"] {
  color: #111;
}

#leader .cascade-cards-acc .accord-card .card-header a::after {
  display: none;
}

#leader .cascade-cards-acc .accord-card .card-header a::before {
  content: "\f078";
  flex: 0 0 auto;
  margin-top: 0.1rem;
  color: #8b1f2b;
  font-family: "FontAwesome";
  line-height: 1.3;
  transition: transform 0.2s ease, color 0.2s ease;
  margin-right: 10px;
  font-weight: 100;
  display: inline-block;
}

#leader .cascade-cards-acc .accord-card .card-header a[aria-expanded="true"]::before {
  transform: rotate(180deg);
}

#leader .cascade-cards-acc .accordion-body {
  padding: 0 18px 18px 24px;
  color: #333;
}

#leader .cascade-cards-acc + .accordion-toggle {
  background: none;
  border: none;
  padding: 0;
  margin-top: 1rem;
  color: #a6192e;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
}

#leader .cascade-cards-acc + .accordion-toggle:hover {
  text-decoration: underline;
}

#leader .cascade-cards-acc + .accordion-toggle .accordion-toggle-icon {
  display: inline-block;
  margin-right: 0.5rem;
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

#leader .cascade-cards-acc + .accordion-toggle[aria-expanded="true"] .accordion-toggle-icon {
  transform: rotate(180deg);
}

#leader .cascade-cards-acc .extra-accordion-item {
  overflow: hidden;
  max-height: 800px;
  opacity: 1;
  transform: translateY(0);
  transition:
    max-height 0.45s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.45s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: max-height, opacity, transform;
}

#leader .cascade-cards-acc .extra-accordion-item.is-collapsed {
  max-height: 0;
  opacity: 0;
  transform: translateY(-12px);
  pointer-events: none;
}
</style>

<script>
//<![CDATA[
(function () {
  var accordions = document.querySelectorAll("#leader .cascade-cards-acc");
  if (!accordions || !accordions.length) return;

  accordions.forEach(function (accordion) {
    var toggleBtn = accordion.nextElementSibling;
    if (!toggleBtn || !toggleBtn.classList.contains("accordion-toggle")) return;

    var visibleCount = parseInt(accordion.dataset.visibleItems || "3", 10);
    var label = accordion.dataset.label || "items";

    var items = accordion.querySelectorAll(":scope > .accordion-item");
    if (!items || items.length <= visibleCount) {
      toggleBtn.remove();
      return;
    }

    items.forEach(function (item, index) {
      if (index >= visibleCount) {
        item.classList.add("extra-accordion-item", "is-collapsed");
        item.setAttribute("aria-hidden", "true");
      }
    });

    var hiddenCount = items.length - visibleCount;

    function setButtonText(expanded) {
      toggleBtn.innerHTML = expanded
        ? '<i class="fas fa-minus accordion-toggle-icon"></i> Show fewer ' + label
        : '<i class="fas fa-plus accordion-toggle-icon"></i> Show ' + hiddenCount + ' more ' + label;
    }

    setButtonText(false);
    toggleBtn.setAttribute("aria-expanded", "false");

    toggleBtn.addEventListener("click", function () {
      var expanded = toggleBtn.getAttribute("aria-expanded") === "true";

      accordion.querySelectorAll(":scope > .extra-accordion-item").forEach(function (item) {
        item.classList.toggle("is-collapsed");
        item.setAttribute("aria-hidden", expanded ? "true" : "false");
      });

      toggleBtn.setAttribute("aria-expanded", String(!expanded));
      setButtonText(!expanded);

      if (expanded) {
        accordion.scrollIntoView({ behavior: "smooth", block: "start" });
      }
    });
  });
})();
//]]>
</script>

<script>
//<![CDATA[
jQuery(document).ready(function () {
  var owl = jQuery('#leader-cards-carousel');
  var isOne = owl.hasClass('one-slide');
  var isTwo = owl.hasClass('two-slides');

  var items768 = isOne ? 1 : 2;
  var items992 = isOne ? 1 : (isTwo ? 2 : 3);

  owl.owlCarousel({
    loop: true,
    margin: 0,
    nav: true,
    dots: true,
    slideBy: 1,
    responsive: {
      0: { items: 1 },
      768: { items: items768 },
      992: { items: items992 }
    },
    navText: [
      '<span title="Previous slide" aria-label="Previous slide"><i class="fa-solid fa-chevron-left"></i></span>',
      '<span title="Next slide" aria-label="Next slide"><i class="fa-solid fa-chevron-right"></i></span>'
    ]
  });

  owl.on('initialized.owl.carousel changed.owl.carousel', function(event) {
    jQuery('#leader-cards-carousel .owl-prev')
      .attr('title', 'Previous slide')
      .attr('aria-label', 'Previous slide');

    jQuery('#leader-cards-carousel .owl-next')
      .attr('title', 'Next slide')
      .attr('aria-label', 'Next slide');

    jQuery('#leader-cards-carousel .owl-dot').each(function(index) {
      jQuery(this)
        .attr('title', 'Go to slide ' + (index + 1))
        .attr('aria-label', 'Go to slide ' + (index + 1));
    });
  });
});
//]]>
</script>

 
                        
        </section>
            <section class="section-container">
                                                    
                                                    



    
    
    
    
    




















<div class="row-section bg-white mb-5 z-10  " id="pastor">

    <div class="container">

        <div class="row ">


                                    
            <div class="col-lg-6  order-lg-1  d-flex flex-column justify-content-center align-items-start bg-white ">

                <div class="tagline"></div>

                <h2 class="h2-new-size">Meet the Campus Pastor</h2>

                <p><div class="tagline">Rev. Dr. Andrea Summers</div>
<p><em>Dean of Spiritual Formation, Campus Pastor</em></p>
<span>Dr. Summers is an ordained minister in The Wesleyan Church and has served as a pastor, a denominational leader, and a professor. She has a huge heart for college students and is passionate about creating space for them to be shaped into the image of Christ for the sake of others.</span></p>


                                                
                

                                                
                
            </div>


                                    
            <div class="col-lg-6  order-lg-2    d-flex mt-5 mt-lg-0  ">


                                                
                

                                                            
                    
                        
                            <div class="reskin-5050-image-grid image-grid-single">

                                <div class="image-grid-item image-grid-item-1">

                                    <img alt="Andrea S" class="image-grid-img" src="https://www.indwes.edu/_img/reskin/andrea-s-collage.webp"/>

                                </div>

                            </div>

                        

                                                                                                                                            
                    

                                                
                
            </div>

        </div>

    </div>

</div>



<style>

/* ==========================================================
   GENERAL
   ========================================================== */

.z-10 {
    z-index: 10;
}


.add-bg-image {
    background: url('https://www.indwes.edu/_img/backgrounds/vertical-grey-brush-strokes.webp') no-repeat top center;
    position: relative;
    background-size: contain;
}


.icon-box {
    flex: 0 0 calc(50% - 1rem);
}


.icon-box i {
    font-size: clamp(2rem, 3vw, 2.5rem);
    color: var(--primary);
}


.has-bottom-shadow {
    position: relative;
    z-index: 1;
}


.has-bottom-shadow::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    pointer-events: none;
    box-shadow:
        0 8px 20px rgba(0, 0, 0, 0.08),
        8px 0 20px rgba(0, 0, 0, 0.04),
       -8px 0 20px rgba(0, 0, 0, 0.04);
}


@media (min-width: 992px) {

    .has-bottom-shadow::after {
        top: 10px;
    }

}



/* ==========================================================
   WHITE TEXT
   ========================================================== */

#pastor.text-white,
#pastor.text-white .tagline,
#pastor.text-white h1,
#pastor.text-white h2,
#pastor.text-white h3,
#pastor.text-white h4,
#pastor.text-white h5,
#pastor.text-white h6,
#pastor.text-white p,
#pastor.text-white a,
#pastor.text-white .accordion-body,
#pastor.text-white .card-header a,
#pastor.text-white .card-header a[aria-expanded="true"] {
    color: #ffffff !important;
}


#pastor.text-white #accordionSection-pastor-849838092 .accord-pastor-849838092 .card-header,
#pastor.text-white #accordionSection-pastor-849838092 .accord-last-pastor-849838092 {
    border-color: rgba(255, 255, 255, 0.65) !important;
}


#pastor.text-white #accordionSection-pastor-849838092 .accord-pastor-849838092 .card-header a::before {
    color: #ffffff !important;
}



/* ==========================================================
   50/50 IMAGE GRIDS
   ========================================================== */

/*
 * IMPORTANT:
 *
 * These selectors are intentionally NOT scoped to #pastor.
 *
 * That makes the grid layout independent of the editor-entered
 * section ID and ensures the CSS grid rules always apply.
 */


.reskin-5050-image-grid {
    display: grid !important;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    flex: 1 1 auto;
    align-self: stretch;
}


/*
 * Each cell is clipped so the source image cannot expand
 * the size of the CSS grid.
 */

.reskin-5050-image-grid .image-grid-item {
    position: relative;
    overflow: hidden;
    min-width: 0;
    min-height: 0;
}


/*
 * Images always fill their assigned area.
 */

.reskin-5050-image-grid .image-grid-img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    min-width: 0;
    min-height: 0;
    object-fit: cover !important;
    object-position: center center;
}



/* ==========================================================
   SINGLE IMAGE
   ========================================================== */

.image-grid-single {
    display: block !important;
    width: 100%;
}


.image-grid-single .image-grid-item {
    width: 100%;
}


.image-grid-single .image-grid-img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
}



/* ==========================================================
   WIDE TOP + TWO BOTTOM

   +---------------------------+
   |          IMAGE 1          |
   +-------------+-------------+
   |   IMAGE 2   |   IMAGE 3   |
   +-------------+-------------+

   8px internal spacing only.
   ========================================================== */

.image-grid-wide-top {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) minmax(0, 1fr) !important;

    column-gap: 8px;
    row-gap: 8px;

    aspect-ratio: 1 / 1;
}


.image-grid-wide-top .image-grid-item-1 {
    grid-column: 1 / 3 !important;
    grid-row: 1 !important;
}


.image-grid-wide-top .image-grid-item-2 {
    grid-column: 1 !important;
    grid-row: 2 !important;
}


.image-grid-wide-top .image-grid-item-3 {
    grid-column: 2 !important;
    grid-row: 2 !important;
}



/* ==========================================================
   TWO TOP + WIDE BOTTOM

   +-------------+-------------+
   |   IMAGE 1   |   IMAGE 2   |
   +-------------+-------------+
   |          IMAGE 3          |
   +---------------------------+

   8px internal spacing only.
   ========================================================== */

.image-grid-wide-bottom {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) minmax(0, 1fr) !important;

    column-gap: 8px;
    row-gap: 8px;

    aspect-ratio: 1 / 1;
}


.image-grid-wide-bottom .image-grid-item-1 {
    grid-column: 1 !important;
    grid-row: 1 !important;
}


.image-grid-wide-bottom .image-grid-item-2 {
    grid-column: 2 !important;
    grid-row: 1 !important;
}


.image-grid-wide-bottom .image-grid-item-3 {
    grid-column: 1 / 3 !important;
    grid-row: 2 !important;
}



/* ==========================================================
   TALL LEFT + TWO RIGHT

   +-------------+-------------+
   |             |   IMAGE 2   |
   |   IMAGE 1   +-------------+
   |             |   IMAGE 3   |
   +-------------+-------------+

   8px internal spacing only.
   ========================================================== */

.image-grid-tall-left {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) minmax(0, 1fr) !important;

    column-gap: 8px;
    row-gap: 8px;

    aspect-ratio: 1 / 1;
}


.image-grid-tall-left .image-grid-item-1 {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
}


.image-grid-tall-left .image-grid-item-2 {
    grid-column: 2 !important;
    grid-row: 1 !important;
}


.image-grid-tall-left .image-grid-item-3 {
    grid-column: 2 !important;
    grid-row: 2 !important;
}



/* ==========================================================
   FOUR EQUAL

   +-------------+-------------+
   |   IMAGE 1   |   IMAGE 2   |
   +-------------+-------------+
   |   IMAGE 3   |   IMAGE 4   |
   +-------------+-------------+

   8px internal spacing only.
   ========================================================== */

.image-grid-four-equal {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) minmax(0, 1fr) !important;

    column-gap: 8px;
    row-gap: 8px;

    aspect-ratio: 1 / 1;
}


.image-grid-four-equal .image-grid-item-1 {
    grid-column: 1 !important;
    grid-row: 1 !important;
}


.image-grid-four-equal .image-grid-item-2 {
    grid-column: 2 !important;
    grid-row: 1 !important;
}


.image-grid-four-equal .image-grid-item-3 {
    grid-column: 1 !important;
    grid-row: 2 !important;
}


.image-grid-four-equal .image-grid-item-4 {
    grid-column: 2 !important;
    grid-row: 2 !important;
}



/* ==========================================================
   SINGLE BACKGROUND IMAGE
   ========================================================== */

.image-column-bg {
    width: 100%;
    min-height: 350px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}



/* ==========================================================
   MOBILE IMAGE GRIDS
   ========================================================== */

@media (max-width: 991.98px) {

    /*
     * Keep Wide Top, Wide Bottom and Tall Left as the same
     * arrangements on mobile.
     *
     * The slightly wider 4:3 ratio reduces excessive height.
     */

    .image-grid-wide-top,
    .image-grid-wide-bottom,
    .image-grid-tall-left {
        aspect-ratio: 4 / 3;
    }


    /*
     * FOUR EQUAL ON MOBILE
     *
     * Only images 1 and 2 display.
     *
     * +-------------+-------------+
     * |   IMAGE 1   |   IMAGE 2   |
     * +-------------+-------------+
     */

    .image-grid-four-equal {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        grid-template-rows: minmax(0, 1fr) !important;

        aspect-ratio: 2 / 1;
    }


    .image-grid-four-equal .image-grid-item-1 {
        display: block !important;
        grid-column: 1 !important;
        grid-row: 1 !important;
    }


    .image-grid-four-equal .image-grid-item-2 {
        display: block !important;
        grid-column: 2 !important;
        grid-row: 1 !important;
    }


    .image-grid-four-equal .image-grid-item-3,
    .image-grid-four-equal .image-grid-item-4 {
        display: none !important;
    }

}



/* ==========================================================
   VIMEO
   ========================================================== */

.vimeo-embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}


.vimeo-embed-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}


.vimeo-border-box-shadow {
    display: block;
    width: 100%;
    max-width: 100% !important;
    box-sizing: border-box;
    margin: 0 !important;
    border: 8px solid #ffffff;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
}



/* ==========================================================
   YOUTUBE
   ========================================================== */

.youtube-frame {
    display: block;
    width: 100%;
    max-width: 100% !important;
    box-sizing: border-box;
    margin: 0 !important;
    border: 8px solid #ffffff;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
}


.youtube-embed {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
}


.youtube-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}



/* ==========================================================
   ACCORDION STYLING
   ========================================================== */

/* Card container */

#accordionSection-pastor-849838092 .accord-pastor-849838092 {
    transition: all 0.3s ease;
    border: none;
    background-color: transparent;
}


/* Default: no bottom border on any card */

#accordionSection-pastor-849838092 .accord-pastor-849838092 {
    border-bottom: none;
}


/* Single-column: add bottom border on last item */

#accordionSection-pastor-849838092 .accord-last-pastor-849838092 {
    border-bottom: 1px solid #B2B4B2;
}


/* Header */

#accordionSection-pastor-849838092 .accord-pastor-849838092 .card-header {
    background-color: transparent;
    border: none;
    position: relative;
    padding: 0;
    border-top: 1px solid #B2B4B2;
    font-size: 1.5rem;
}


/* Clickable header */

#accordionSection-pastor-849838092 .accord-pastor-849838092 .card-header a {
    background: transparent;
    color: #111;
    font-weight: 700;
    padding: 22px 18px 22px 0;
    box-shadow: none;
    border-radius: 0;
    display: inline-block !important;
    align-items: center;
    gap: 14px;
    border: 0;
    width: 100%;
    text-align: left;
    position: relative;
    text-decoration: none;
    margin-left: 0 !important;
    padding-left: 0 !important;
}


/* Focus */

#accordionSection-pastor-849838092 .accord-pastor-849838092 .card-header a:focus {
    box-shadow: none;
    outline: none;
}


/* Keep title color consistent */

#accordionSection-pastor-849838092 .accord-pastor-849838092 .card-header a,
#accordionSection-pastor-849838092 .accord-pastor-849838092 .card-header a[aria-expanded="true"] {
    color: #111;
}


/* Remove old right-side icon */

#accordionSection-pastor-849838092 .accord-pastor-849838092 .card-header a::after {
    display: none;
}


/* Chevron */

#accordionSection-pastor-849838092 .accord-pastor-849838092 .card-header a::before {
    content: "\f078";
    flex: 0 0 auto;
    margin-top: 0.1rem;
    color: #8b1f2b;
    font-family: 'FontAwesome';
    line-height: 1.3;
    transition: transform 0.2s ease, color 0.2s ease;
    margin-right: 10px;
    font-weight: 100;
    display: inline-block;
}


/* Open state */

#accordionSection-pastor-849838092 .accord-pastor-849838092 .card-header a[aria-expanded="true"]::before {
    transform: rotate(180deg);
}


/* Accordion body */

#accordionSection-pastor-849838092 .accordion-body {
    padding: 0 18px 18px 24px;
    color: #333;
}



/* ==========================================================
   SHOW MORE AND SHOW FEWER
   ========================================================== */

#accordionSection-pastor-849838092 + .accordion-toggle {
    background: none;
    border: none;
    padding: 0;
    margin-top: 1rem;
    color: #a6192e;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
}


#accordionSection-pastor-849838092 + .accordion-toggle:hover {
    text-decoration: underline;
}


#accordionSection-pastor-849838092 + .accordion-toggle .accordion-toggle-icon {
    display: inline-block;
    margin-right: 0.5rem;
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}


#accordionSection-pastor-849838092 + .accordion-toggle[aria-expanded="true"] .accordion-toggle-icon {
    transform: rotate(180deg);
}


/* Extra items animate instead of snapping */

#accordionSection-pastor-849838092 .extra-accordion-item {
    overflow: hidden;
    max-height: 800px;
    opacity: 1;
    transform: translateY(0);

    transition:
        max-height 0.45s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.45s cubic-bezier(0.4, 0, 0.2, 1),
        transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);

    will-change: max-height, opacity, transform;
}


#accordionSection-pastor-849838092 .extra-accordion-item.is-collapsed {
    max-height: 0;
    opacity: 0;
    transform: translateY(-12px);
    pointer-events: none;
}

</style>



<script>
//<![CDATA[

(function () {

    var accordion = document.querySelector("#accordionSection-pastor-849838092");

    if (!accordion) return;


    var toggleBtn = accordion.nextElementSibling;

    if (!toggleBtn || !toggleBtn.classList.contains("accordion-toggle")) {
        return;
    }


    var visibleCount = parseInt(
        accordion.dataset.visibleItems || "3",
        10
    );

    var label = accordion.dataset.label || "items";


    var items = accordion.querySelectorAll(
        ":scope > .accordion-item"
    );


    if (!items || items.length <= visibleCount) {

        toggleBtn.remove();
        return;

    }


    items.forEach(function (item, index) {

        if (index >= visibleCount) {

            item.classList.add(
                "extra-accordion-item",
                "is-collapsed"
            );

            item.setAttribute(
                "aria-hidden",
                "true"
            );

        }

    });


    var hiddenCount = items.length - visibleCount;


    function setButtonText(expanded) {

        toggleBtn.innerHTML = expanded
            ? '<i class="fas fa-minus accordion-toggle-icon"></i> Show fewer ' + label
            : '<i class="fas fa-plus accordion-toggle-icon"></i> Show ' + hiddenCount + ' more ' + label;

    }


    setButtonText(false);

    toggleBtn.setAttribute(
        "aria-expanded",
        "false"
    );


    toggleBtn.addEventListener("click", function () {

        var expanded =
            toggleBtn.getAttribute("aria-expanded") === "true";


        accordion
            .querySelectorAll(":scope > .extra-accordion-item")
            .forEach(function (item) {

                item.classList.toggle("is-collapsed");

                item.setAttribute(
                    "aria-hidden",
                    expanded ? "true" : "false"
                );

            });


        toggleBtn.setAttribute(
            "aria-expanded",
            String(!expanded)
        );


        setButtonText(!expanded);


        if (expanded) {

            accordion.scrollIntoView({
                behavior: "smooth",
                block: "start"
            });

        }

    });

})();

//]]>
</script>



<script>
//<![CDATA[

(function () {

    function openAccordionFromHash() {

        var hash = window.location.hash;

        if (!hash) return;


        var accordAnchor =
            decodeURIComponent(hash.substring(1));

        if (!accordAnchor) return;


        var items =
            document.querySelectorAll(
                '.accordion-item[data-accord-anchor]'
            );


        var targetItem = null;


        for (var i = 0; i < items.length; i++) {

            if (
                items[i].getAttribute('data-accord-anchor') ===
                accordAnchor
            ) {

                targetItem = items[i];
                break;

            }

        }


        if (!targetItem) return;


        targetItem.classList.remove(
            'is-collapsed'
        );


        targetItem.setAttribute(
            'aria-hidden',
            'false'
        );


        var collapse =
            targetItem.querySelector('.collapse');


        if (!collapse) return;


        if (
            window.bootstrap &&
            bootstrap.Collapse
        ) {

            bootstrap.Collapse
                .getOrCreateInstance(collapse)
                .show();

        } else {

            collapse.classList.add('show');

        }


        setTimeout(function () {

            targetItem.scrollIntoView({
                behavior: 'smooth',
                block: 'start'
            });

        }, 300);

    }


    document.addEventListener(
        'DOMContentLoaded',
        openAccordionFromHash
    );


    window.addEventListener(
        'hashchange',
        openAccordionFromHash
    );

})();

//]]>
</script>


 
                        
        </section>



<style>

.row-section{
    margin-top: 5rem;
    margin-bottom: 5rem;
}
    .section-container:first-of-type {
         }

@media (min-width: 991.98px) {
    .section-container .container{
                    margin-left: 19.66667% !important;
            width: 75.33333% !important;
            }
}
</style>
		

                                                                        
<div class="section-container">
<div class="container mb-5  d-none " id="related-pages">
<section>        
        
   <div class="tagline text-left">Related Pages</div>
   <div class="related-tagline-underline mb-3"></div>

    <div class="feature-card-grid">
                
                        
                        
                        
                        
            
                        
                                      
                                        
                        
                        
                        
                        
            
                        
                                      
                                        
                        
                        
                        
                        
            
                        
                                      
                                      
    </div>
          
   

</section>
</div>
</div>







<style>
.sub-page-card {
    border-radius: 5px;
    border: 1px solid #d9d7d7;
    background: #f4f4f4;
    padding: 20px;
    text-align: center;
    margin-right: 10px;
}
.fa-pipe {
    color: #f4f4f4;
}
.flex-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 12px;
}
.link-item {
    display: flex;
    align-items: center;
}
.flex-container a {
    display: inline-flex;
    align-items: center;
    min-height: 45px;
    padding: 0 4px;
}

</style>





<footer class="redesign bg-white">
    <img alt="" class="mobile-img img-fluid" src="https://www.indwes.edu/_img/header-footer/mobile_footer.png"/>
    <div class="container">
        <div class="row  align-items-end pb-3">
            
          <!-- LOGO AND SOCIAL ICONS-->   
            <div class="col-md-4 order-md-2">
                <a class="logo" href="https://www.indwes.edu/index.html">
                <img alt="Indiana Wesleyan University Logo" class="img-fluid" src="https://www.indwes.edu/_img/header-footer/masterLogo-whiteOutline.svg"/>
                </a>
                <p>4201 S Washington St. Marion, IN 46953</p>
                <p>
                    On-Campus  <a href="tel:866-468-6498" title="Call On Campus">866.468.6498</a><br/>
                    Online  <a href="tel:866-498-4968" title="Call Online">866.498.4968</a><br/>
                    International  <a href="tel:833-523-2652" title="Call International">833.523.2652</a>
                </p>
                
            </div>
            
            <!--COL 1 LINKS AND COPYRIGHT-->
            <div class="col-md-4 order-md-1">
                <ul class="list-unstyled">
                                                                                                                      <li><a href="https://www.indwes.edu/legal.html" target="_parent" title="Legal Notices">Legal Notices</a></li>
                                                                                                                                              <li><a href="https://www.indwes.edu/title-ix/index.html" target="_parent" title="Title IX">Title IX</a></li>
                                                                                                                              <li><a href="https://indwes.edu/legal#discrimination" target="_parent" title="Non-Discrimination">Non-Discrimination</a></li>
                                                                                                                                              <li><a href="https://www.indwes.edu/about/offices/hr/index.html" target="_parent" title="Employment">Employment</a></li>
                                                                
                    
                </ul>
            </div>
            
            <!--COL 3 LINKS ONLY-->
            <div class="col-md-4 order-md-3">
                <ul class="list-unstyled">
                                                                                                                      <li><a href="https://www.indwes.edu/admissions/index.html" target="_parent" title="Admissions">Admissions</a></li>
                                                                                                                                              <li><a href="https://www.indwes.edu/about/locations/index.html" target="_parent" title="Locations">Locations</a></li>
                                                                                                                              <li><a href="https://maps.app.goo.gl/7si8AjS9mgGkdiyk6" target="_blank" title="Campus Map">Campus Map</a></li>
                                                                                                                                              <li><a href="https://www.indwes.edu/about/offices/police/index.html" target="_parent" title="Campus Safety">Campus Safety</a></li>
                                                            </ul>
            </div>
            
            
        </div>
        
    </div>
    
<div class="bg-primary">
    <div class="container">
        <div class="row align-items-center py-2">
            <div class="col-lg-4 text-center text-lg-left">
                					    					<a href="https://indwes.cascadecms.com/entity/open.act?type=page&amp;id=062711f80a00001d35dbe4ef11f1f1be" target="_blank" title="Copyright 2026"><i class="fa-light fa-copyright"></i> Copyright 2026</a>
					            </div>
            <div class="col-lg-4">
              <div class="text-center">
                    <ul class="social list-inline">
                                                                                                                                                    <li class="list-inline-item">
                                    <a class="social-icon" href="https://www.facebook.com/IndWes/" target="_blank">
                                        <i class="fab fa-facebook-f"></i><span class="sr-only">facebook-f</span>
                                    </a>
                                </li>
                                                                                                                                                                                <li class="list-inline-item">
                                    <a class="social-icon" href="https://www.instagram.com/indwes/" target="_blank">
                                        <i class="fab fa-instagram"></i><span class="sr-only">instagram</span>
                                    </a>
                                </li>
                                                                                                                                                                                <li class="list-inline-item">
                                    <a class="social-icon" href="https://www.linkedin.com/school/indiana-wesleyan/" target="_blank">
                                        <i class="fab fa-linkedin"></i><span class="sr-only">linkedin</span>
                                    </a>
                                </li>
                                                                                                                                                                                <li class="list-inline-item">
                                    <a class="social-icon" href="https://twitter.com/indwes" target="_blank">
                                        <i class="fab fa-x-twitter"></i><span class="sr-only">x-twitter</span>
                                    </a>
                                </li>
                                                                                                                                                                                <li class="list-inline-item">
                                    <a class="social-icon" href="https://www.youtube.com/channel/UCxM6dQcQVOfP84baIeGMbgQ" target="_blank">
                                        <i class="fab fa-youtube"></i><span class="sr-only">youtube</span>
                                    </a>
                                </li>
                                                                        </ul>
                </div>
            </div>
            <div class="col-lg-4 text-center text-lg-right">
                <a href="https://www.indwes.edu/contact/apply" title="Apply to IWU">Apply to IWU <i class="fa-solid fa-arrow-right ml-1"></i></a>
            </div>
        </div>
    </div>
</div>
        
        
        
<style>

.related-tagline-underline {
    background: #f3f3f3;
    width: 100%;
    height: 3px;
}


/* ===== FLEX GRID FOR ANYWHERE FROM 2–9 CARDS =====  */

.feature-card-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
}

.feature-card-item {
    flex: 1 1 100%;
}

@media (min-width: 576px) {
    .feature-card-item {
        flex: 1 1 calc(50% - 1.5rem);
    }
}

@media (min-width: 992px) {
    .feature-card-item {
      flex: 1 1 calc(33.333% - 1.5rem);
    }
}

@media (min-width: 1400px) {
    .feature-card-item {
        flex: 1 1 calc(25% - 1.5rem);
    }
}

/* ===== CARD WRAPPER =====  */

.feature-card-wrapper {
    overflow: hidden;
    /*border-radius: 0.75rem;*/ /*new website design is all sharp edges*/
    transition: box-shadow 0.35s ease;
}

.feature-card-wrapper:hover {
    box-shadow: 0 12px 20px rgba(0, 0, 0, 0.22);
}

/* ======== CARD ========  */

.feature-card {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 150px;
    border-radius: inherit;
    overflow: hidden;
    color: #fff;
    text-decoration: none;
    transition: transform 0.35s ease;
}
@media(min-width: 992px) {
    .feature-card {
        min-height: 220px;
    }
}

/* No underline on hover/focus/active */
.feature-card,
.feature-card:hover,
.feature-card:focus,
.feature-card:active {
    text-decoration: none !important;
}

.feature-card-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease;
    z-index: 0;
}

/* Wash haze overlay (#454748 @ 62%) */
.feature-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(69, 71, 72, 0.62);
    opacity: 1;
    transition: opacity 0.45s ease;
    z-index: 1;
}

/* Dark overlay on hover */
.feature-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    opacity: 0;
    transition: opacity 0.45s ease;
    z-index: 1;
}

/* Hover zoom */
.feature-card-wrapper:hover .feature-card-bg {
    transform: scale(1.08);
}

/* Hover darken */
.feature-card-wrapper:hover .feature-card::after {
    opacity: 1;
}

/* Keep text white on hover */
.feature-card-wrapper:hover .feature-card,
.feature-card-wrapper:hover .feature-card * {
    color: #fff !important;
}

/* =====  TEXT + ICON BAR =====  */

.feature-card-content {
    position: relative;
    z-index: 3; /* above overlays and sliding circle */
    padding: 1.5rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.feature-card-content h3 {
    font-size:2.2rem;
}

/* =====  CHEVRON ICON AS SMALL CIRCLE BUTTON ===== */

.feature-card-icon {
    margin-left: 1rem;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: #fff;
    position: relative;
    background-color: transparent;
    box-shadow: none;
    transition:
    transform 0.25s ease,
    background-color 0.25s ease,
    box-shadow 0.25s ease;
    z-index: 3; /* above sliding circle */
}

/* Chevron grow + slide + show circular button on hover */
.feature-card-wrapper:hover .feature-card-icon {
    transform: translateX(6px) scale(1.1);
    background-color: var(--primary);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25);
}
</style>
        

<style>
@media (min-width: 768px) {
footer.redesign {
background-image: url("https://www.indwes.edu/_img/header-footer/desktop_footer.png")
}
}

/* WCAG clickable height for footer links */
footer.redesign a,
footer.redesign .social a,
footer.redesign .logo,
footer.redesign .bg-primary a {
    display: inline-flex;
    align-items: center;
    min-height: 45px;
}

/* preserve inline/footer layout with a little breathing room */
footer.redesign ul li a,
footer.redesign .bg-primary a,
footer.redesign p a {
    padding: 0 4px;
}

/* social icons should remain centered in the touch target */
footer.redesign .social a {
    justify-content: center;
}

.social-icon:hover,
.social-icon:focus {
    color: #fff !important;
    opacity: 0.8 !important;
    text-decoration: none !important;
}

</style>


</footer>

 
		
		
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://www.indwes.edu/_files/js/redesign.js" type="text/javascript"></script>
<script src="https://www.indwes.edu/shared-resources/_files/js/shortcodes.js" type="text/javascript"></script>
<script src="https://indwes.edu/_files/js/coursesListing.js"></script>
<script defer="defer" src="https://www.indwes.edu/shared-resources/_files/js/accordions.js"></script>
<script async="" src="https://siteimproveanalytics.com/js/siteanalyze_58037.js"></script>


<!-- LINKEDIN TRACKING CODE -->
    <script type="text/javascript">
    _linkedin_partner_id = "4114076";
    window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || [];
    window._linkedin_data_partner_ids.push(_linkedin_partner_id);
    </script><script type="text/javascript">
    (function(l) {
    if (!l){window.lintrk = function(a,b){window.lintrk.q.push([a,b])};
    window.lintrk.q=[]}
    var s = document.getElementsByTagName("script")[0];
    var b = document.createElement("script");
    b.type = "text/javascript";b.async = true;
    b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js";
    s.parentNode.insertBefore(b, s);})(window.lintrk);
    </script>
 
<!-- DATE TOGGLE -->
<script type="text/javascript">
/* <![CDATA[ */
(function () {
  function partsInTZ(d, tz) {
    const fmt = new Intl.DateTimeFormat('en-US', {
      timeZone: tz,
      year: 'numeric', month: '2-digit', day: '2-digit',
      hour: '2-digit', minute: '2-digit', second: '2-digit',
      hour12: false
    });
    const parts = fmt.formatToParts(d);
    const out = {};
    for (const p of parts) if (p.type !== 'literal') out[p.type] = +p.value;
    return out;
  }

  function tzPartsToUTCSeconds(p) {
    return Date.UTC(
      p.year, p.month - 1, p.day,
      p.hour, p.minute, p.second
    ) / 1000;
  }

  function parseSwitchISO(iso) {
    const m = String(iso).trim().match(
      /^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2})(?::(\d{2}))?$/
    );
    if (!m) return null;
    return {
      year: +m[1], month: +m[2], day: +m[3],
      hour: +m[4], minute: +m[5], second: m[6] ? +m[6] : 0
    };
  }

  function show(root, state) {
    const before = root.querySelector('.iw-before');
    const after  = root.querySelector('.iw-after');
    if (!before || !after) return;

    if (state === 'after') {
      before.style.display = 'none';
      after.style.display = '';
    } else {
      before.style.display = '';
      after.style.display = 'none';
    }
  }

  function initDateToggles() {
    document.querySelectorAll('.iw-date-toggle').forEach(function (root) {
      const tz = root.getAttribute('data-timezone') || 'America/Indiana/Indianapolis';
      const switchStr = root.getAttribute('data-switch');
      const sw = parseSwitchISO(switchStr);
      if (!sw) return;

      const nowTZ = partsInTZ(new Date(), tz);
      const nowSec = tzPartsToUTCSeconds(nowTZ);

      const switchSec = Date.UTC(
        sw.year, sw.month - 1, sw.day,
        sw.hour, sw.minute, sw.second
      ) / 1000;

      if (nowSec >= switchSec) {
        show(root, 'after');
      } else {
        show(root, 'before');
        const delayMs = (switchSec - nowSec) * 1000;
        setTimeout(function () {
          show(root, 'after');
        }, delayMs);
      }
    });
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', initDateToggles);
  } else {
    initDateToggles();
  }
})();
/* ]]> */
</script>
<!-- /DATE TOGGLE -->

 
    
<noscript>
<img alt="LinkedIn Ads" height="1" src="https://px.ads.linkedin.com/collect/?pid=4114076" style="display:none;" width="1"/>
</noscript>

<!-- EVENTS/DIRECTORY MODULE ASSETS -->
                                                                        <!-- END - MODULE ASSETS -->
	</body>
</html>