@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Flex:opsz,wght@8..144,100..1000&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/*================================================================*/
/*
body {
  background-image: url("https://www.marian.edu/images/default-source/_herobgimages/2023/success-w-purpose-hero.jpg?sfvrsn=f18820fd_0");
  background-size: cover;
  background-repeat: no-repeat;
}
*/
.fa-classic, .fa-regular, .fa-solid, .far, .fas {
    font-family: "Font Awesome 6 Pro";
}
body {
    font-family: Roboto, helvetica, arial, sans-serif;
    font-size: 18px;
    line-height: 1.5;
    color: #243142e0;
}
h1, h2, h3 {
    font-family: "EB Garamond", serif;
    font-weight: 400;
    color: #031e51;
    font-style: normal;
}
h1 {font-size: 2.5rem; margin-bottom: 3rem;}
h2, h3, h4, h5 {font-family: Roboto, helvetica, sans-serif; font-weight: 300; margin-bottom: 1rem;}
h2 {font-size: 2rem;}
h3 {font-size: 1.25rem; font-weight: 500;}

.alert-banner { width: 100%; font-family: Roboto, helvetica, sans-serif; font-size: 1.3rem; color: #fff; background-color: #037EA0; font-weight: 600; text-align:center; padding: 12px 25px; }
.alert-banner.lightBlue { color: #fff; background-color: #037EA0; }
.alert-banner.red { color: #fff; background-color: red; }
.alert-banner > .wrapper { max-width: 1300px; margin: 0 auto; }
.alert-banner p:last-of-type { margin-bottom: 0; }
.alert-banner a { color: #fff; text-decoration: underline; }
@media all and (max-width: 767px) {
   .alert-banner { font-size: 1.1rem; } 
}

/*different types of heros*/
.sidebysidehero .videomessagewrapper {
  max-width: 30rem;
}
.sidebysidehero .videomessagewrapper .videoheadline {
  color: #031e51;
  font-weight: 900;
}
/* Video Play/Pause Controls */
 .herovid #playButton { z-index: 2; position: absolute; top: auto; bottom: 45px; left: auto; right: 6%; width: 58px; height: 48px; cursor: pointer; background: none; border: none; -webkit-appearance: none; -moz-appearance: none; }
 .herovid #playButton span { color: var(--white); display: block; position: absolute; text-indent: -999999px; }
 .herovid #playButton:after { content: url(../images/pause-button.svg); color: var(--white); }
 .herovid #playButton.on.initial:after { content: url(../images/pause-button.svg); }
 .herovid #playButton.on:after,#playButton.initial:after { content: url(../images/play-button.svg); }

/*footer CTA*/
.footercta {
  background-color: #fdb813;
  padding: 0 0 6rem 0;
  margin: 0;
  color: #031e51;
  font-size: 18px;
}
.footercta::before {
  height: 126px;
  content: "";
  display: block;
}
.footercta .columnrfi ul {
    padding-left: 1rem;
}
.footercta .heading {
  font-family: poppins, sans-serif;
  font-size: 33px;
  font-weight: 400;
  line-height: 1.1;
  margin-bottom: 1rem;
}
.footercta .heading strong {
  font-weight: 900;
}
.footercta a:link,
.footercta a:visited {
  color: #031e51;
}
.footercta .text-outline {
    color: #fdb813;
}



/*sidenav menu styling*/
.navforsection .offcanvas-body > ul:first-child {
  padding-left: 0;
}
.navforsection .offcanvas-body ul {
  list-style-type: none;
  padding-left: 1rem;
}
.navforsection .offcanvas a:link, .navforsection .offcanvas a:visited {
  color: #4f4f4f;
  text-decoration: none;
  font-size: .9rem;
  display: inline-block;
  line-height: 1.2;
  padding-left: 11px;
  display: block;
  padding: 3px 3px 3px 11px;
}
.navforsection .offcanvas a:hover {
  color: #f7911d;
  border-left-style: solid;
  border-left-width: 2px;
  padding-left: 9px;
}



.img-fluid, img {
    max-width: 100%;
    height: auto;
}

.columns2, .columns3 {
    -moz-column-count: 1;
    -moz-column-gap: 0px;
    -webkit-column-count: 1;
    -webkit-column-gap: 0px;
    column-count: 1;
    column-gap: 0px;
}
@media all and (min-width: 576px) {
    .columns2 {
        -moz-column-count: 2;
        -moz-column-gap: 40px;
        -webkit-column-count: 2;
        -webkit-column-gap: 40px;
        column-count: 2;
        column-gap: 40px;
    }
    .columns3 {
        -moz-column-count: 3;
        -moz-column-gap: 40px;
        -webkit-column-count: 3;
        -webkit-column-gap: 40px;
        column-count: 3;
        column-gap: 40px;
    }
}
.text-outline {
    text-shadow:
        -1px -1px 0 #000,
        1px -1px 0 #000,
        -1px 1px 0 #000,
        1px 1px 0 #000;
}

.breadcrumbcontainer {font-size: 13px;}
.breadcrumbcontainer a:link, .breadcrumbcontainer a:visited {
    text-decoration: none;
    border-bottom: 1px solid transparent;
}
.breadcrumbcontainer a:hover {
    border-bottom: 1px solid;
}

.centeredhero {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 40vw;
	/*background-attachment: fixed;*/
}


.btn-chevron, .btn-mu-primary {
	text-transform: uppercase;
}
.btn-chevron::after, .btn-mu-primary::after {
  content: url(https://www.marian.edu/_assets/images/button-double-chevron.svg);
  vertical-align: middle;
  transition: all .3s;
  display: inline-block;
  width: 13px;
  margin-left: 9px;
  margin-bottom: -2px;
}


.footer {
	background-image: url(https://www.marian.edu/_assets/images/footer-background.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
	color: #fff;
}
.footer h3 {
	font-family: roboto, helvetic, arial, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
	color: #fdb813;
}
.footer ul {
	list-style-type: none;
	padding-left: 0;
}
.footer ul li {
	margin-bottom: 5px;
}
.footer ul a:link, .footer ul a:visited {
	font-weight: 300;
	color: #fff;
	text-decoration: none;
/*	padding-bottom: 2px;
	border-bottom: 1px solid transparent;*/
	font-size: 14px;
	line-height: 18px;
	display: block;
}
.footer ul a:hover {
	color: #fdb813;
/*	border-bottom: 1px solid;*/
}
.footer .socialmediaicons .famu {
	font-size: 32px;
	margin: 5px;
}
.footer .socialmediaicons a:link, .footer .socialmediaicons a:visited {
	color: #fff;
	text-decoration: none;
}
.footer .socialmediaicons a:hover {
	color: #fdb813;
}


.navforsection {
    background-color: #ededed;
    padding-top: 7px;
    padding-bottom: 7px;
}
.navforsection.sticky-top {
    top: 51px;
}


.globalheader {
  /*background: #031e51ba;*/
  background: #031e51;
  height: 51px;
}
.globalheader svg#muLogo {
  height: 13px;
  margin-top: -11px;
}
@media all and (min-width: 576px) {
    .globalheader svg#muLogo {
        height: 19px;
    }
}
.globalheader a.gripdots {
  margin-right: 20px;
}
.globalheader a.headerlink:link, .globalheader a.headerlink:visited {
  color: #ffffff;
  font-size: 18px;
  text-decoration: none;
  /*margin-right: 36px;*/
}
.globalheader a.headerlink:hover {
  color: #08a8e1;
  transition: color 0.3s ease-in-out;
}

.gripdotscontainer .modal-header,
.gripdotscontainer .modal-footer,
.searchcontainer .modal-header,
.searchcontainer .modal-footer,
.mainnavigationcontainer .modal-header,
.mainnavigationcontainer .modal-footer {
  border-bottom: none;
  border-top: none;
}
.gripdotscontainer .modal-content,
.searchcontainer .modal-content,
.mainnavigationcontainer .modal-content {
  background-color: rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
}
.gripdotscontainer .modal-body,
.searchcontainer .modal-body,
.mainnavigationcontainer .modal-body {
  color: #ffffff;
}

.searchcontainer {
  font-size: 22px;
}
.searchcontainer .modal-body .popularsearches a:link,
.searchcontainer .modal-body .popularsearches a:visited {
  color: #ffffff;
  margin-left: 17px;
  margin-right: 17px;
  text-decoration: underline;
}

.gripdotscontainer .modalcards {
  font-weight: 700;
  font-size: 18px;
}
.gripdotscontainer .modalcards .col {
  margin-bottom: 2rem;
}
.gripdotscontainer .modalcards .fa-solid {
  font-size: 4rem;
  display: block;
  padding-bottom: 1rem;
  color: #ffffff;
}
.gripdotscontainer .mymuicon {
    height: 82px; 
    display: block; 
    margin: 0 auto; 
    padding-bottom: 1rem;
}
@media only screen and (max-width: 768px) {
    .gripdotscontainer .modalcards .fa-solid {
        font-size: 3rem;
    }
 }


.gripdotscontainer .modalcards a:link,
.gripdotscontainer .modalcards a:visited {
  width: 130px;
  height: 130px;
  padding: 11px;
  padding-bottom: 2rem;
  text-decoration: none;
  color: #ffffff;
}
.gripdotscontainer .modalcards a:hover {
  color: #fdb813;
  transition: color 0.3s ease-in-out;
}
.gripdotscontainer .modalcards a:hover .fa-solid {
  color: #fdb813;
  transition: color 0.3s ease-in-out;
}

.mainnavigationcontainer a:link,
.mainnavigationcontainer a:visited {
  font-size: 18px;
  color: #ffffff;
  text-decoration: none;
}
.mainnavigationcontainer header {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 1rem;
}
.mainnavigationcontainer .marianlinks a:link {
  font-size: 24px;
  font-weight: 700;
}
.mainnavigationcontainer .marianlinks > ul {
    padding-left: 0;
}
.mainnavigationcontainer .marianlinks ul {
  list-style-type: none;
}
.mainnavigationcontainer .marianlinks > ul > li {
  margin-bottom: 2.6rem;
}
.mainnavigationcontainer .marianlinks ul ul {
  padding-left: 0;
  margin-bottom: 2rem;
}
.mainnavigationcontainer .marianlinks ul ul li {
    margin-bottom: 6px;
}
.mainnavigationcontainer .marianlinks ul ul a:link, 
.mainnavigationcontainer .marianlinks ul ul a:visited,
.mainnavigationcontainer .iamwhatiam a:link,
.mainnavigationcontainer .locationlist a:link, 
.mainnavigationcontainer .schoollist a:link {
	font-size: 18px;
	font-weight: 300;
	border-left-color: transparent;
	padding-left: 13px;
	display: block;
}
.mainnavigationcontainer .marianlinks ul ul a:hover,
.mainnavigationcontainer .iamwhatiam a:hover,
.mainnavigationcontainer .locationlist a:hover, 
.mainnavigationcontainer .schoollist a:hover {
	color: #fdb813;
  	border-left: 2px;
	border-left-color: #fdb813;
	border-left-style: solid;
	padding-left: 11px;
}
.mainnavigationcontainer .iamwhatiam li,
.mainnavigationcontainer .locationlist li,
.mainnavigationcontainer .schoollist li {
  margin-bottom: 6px;
}
.mainnavigationcontainer .iamwhatiam {
  font-weight: 300;
}
.mainnavigationcontainer .iamwhatiam header,
.mainnavigationcontainer .locationlist header, 
.mainnavigationcontainer .schoollist header{
    color: #fdb813;
}
.mainnavigationcontainer .iamwhatiam ul,
.mainnavigationcontainer .locationlist ul,
.mainnavigationcontainer .schoollist ul {
  padding-left: 0;
  list-style-type: none;
}
.mainnavigationcontainer .schoollist {
  font-weight: 300;
}


.mainnavigationcontainer .modal-footer, .gripdotscontainer .modal-footer, .searchcontainer .modal-footer {
    justify-content: center;
}
.mainnavigationcontainer .modal-content, .gripdotscontainer .modal-content, .searchcontainer .modal-content {
  padding: .5rem;
}
@media all and (min-width: 768px) {
    .mainnavigationcontainer .modal-content, .gripdotscontainer .modal-content, .searchcontainer .modal-content {
      padding-left: 2rem;
      padding-right: 2rem;
    }
}
.mainnavigationcontainer .modal-content {
    background-color: #031e51;
}


.mainnavigationcontainer .marianlinks a.title {
    font-size: 1.9rem;
    font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    font-weight: 300;
    margin-bottom: 1rem;
    display: block;    
    /*border-bottom: 3px dashed transparent;*/
    line-height: 1.1;    
}
@media all and (min-width: 768px) {
    .mainnavigationcontainer .marianlinks a.title {
        font-size: 2.7rem;
    }
}
.mainnavigationcontainer .marianlinks a.title:hover {
  color: #fdb813;
  /*border-bottom: 3px dashed;*/
}



.accordion-header {
  margin-bottom: 0;
  margin-top: 0;
}
.accordion-header .accordion-button {
    font-family: 'Roboto', helvetic, arial, sans-serif;
    font-size: 20px;
    color: #031e51;
}


/* ============================
 SIDE ALERT BANNER STYLES
* ============================*/
/* Alert Message Button and Icons */
.toggleAlertBtn .visuallyhidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; }
.mfp-wrap { outline: none; }
.alertActive.mfp-bg { background: none; top: 150px; }
.alertActive ~ .alertBanner { opacity: 0; visibility: hidden; }
.alertBanner { position: absolute; top: 150px; bottom: auto; left: auto; right: 0; width: fit-content; z-index: 9; opacity: 1; transition: all .4s ease-in-out; opacity: .8; cursor: pointer;}
.alertBanner .wrapper { max-width: 1620px; width: 100%; }
.alertBanner:hover, .alertBanner:focus { opacity: 1;}
.toggleAlertBtn { font-size: 1rem; display: block; width: 72px; height: 72px; color: #fff; text-decoration: none; background-size: contain; background-repeat: no-repeat; background-position: center; }
.toggleAlertBtn .alertTitle { display: inline; font-size: 1.5rem; }
.toggleAlertBtn .details { text-decoration: underline; font-size: 1rem;}
/* Alert Message Area */
.alertActive .mfp-container { padding: 0; top: 150px; height: 0%; } 
.alertActive .mfp-content { right: 0;}
.alert { position: relative; z-index: 99; width: 100%; max-width: 600px; margin: 0 0 0 auto; padding: 0; border: none; }
.alert .alertTitle { display: flex; padding: 25px 50px 15px 25px; font-size: 1.5rem; font-weight: 600; line-height: 1.3;}
.alert .alertTitle div + div { padding: 4px 0 0 0; }
.alert .summary { float: left; width: 100%; padding: 0 50px 25px 25px; font-size: 1.125rem; font-weight: 400; }
.alert .summary p:last-child { margin-bottom: 0; }
.alert .summary a { color: #fff; }
.alert .summary a.ctaLink { font-size: 1.125rem; font-weight: 400;  color: #fff; text-decoration: none}
.alert .summary a.ctaLink i { padding-left: 10px; font-size: 1.125rem; transition: all .4s ease-in-out;}
.alert .summary a.ctaLink:hover i, .alert .summary a.ctaLink:focus i { padding-left: 15px; transition: all .4s ease-in-out; }
.alertMessage { position: relative; width: 100%; margin-top: 0; }
.alert > button.mfp-close, #alertMessage.alert > .mfp-close { top: 5px;}
.alert .mfp-close { font-size: 3rem; top: 5px; right: 10px; color: #fff; opacity: 1; }
.alert .mfp-close:hover, .alert .mfp-close:focus { opacity: .75; }
.alert .mfp-close:before { display: block; background-color: transparent; width: 100%; height: 100%; padding: 10px; }
.alert .mfp-close:hover:before, .alert .mfp-close:focus:before { background-color: transparent; }
/* Dark Blue */
.alertBanner .toggleAlertBtn { background-image: url("../images/bell-regular-white.svg"); background-size: 60%; }
.alertBanner .toggleAlertBtn.warning { background-image: url("../images/exclamation-solid-white.svg"); background-size: 15%; }
.alertBanner.darkBlueAlert, .alert.darkBlueAlert .summary, .alert.darkBlueAlert .alertTitle  { background-color: #031e51; color: #fff; }
#alertMessage .alert.darkBlueAlert button.mfp-close, #alertMessage.alert.darkBlueAlert .mfp-close { background-color: #031e51; color: #fff; }
.mfp-close-btn-in .alert.darkBlueAlert .mfp-close { color: #fff; }
/* Light Blue */
.alertBanner.lightBlueAlert, .alert.lightBlueAlert .summary, .alert.lightBlueAlert .alertTitle  { background-color: #037EA0; color: #fff; }
#alertMessage .alert.lightBlueAlert button.mfp-close, #alertMessage.alert.lightBlueAlert .mfp-close { background-color: #037EA0; color: #fff; }
.mfp-close-btn-in .alert.lightBlueAlert .mfp-close { color: #fff; }
/* Yellow */
.alertBanner.yellowAlert .toggleAlertBtn{ background-image: url("../images/bell-regular.svg");  }
.alertBanner.yellowAlert .toggleAlertBtn.warning { background-image: url("../images/exclamation-solid.svg"); background-size: 15%; }
.alertBanner.yellowAlert, .alert.yellowAlert .summary, .alert.yellowAlert .alertTitle  { background-color: #ffc107; color: #000; }
.alert.yellowAlert .summary a {color: #000; }
#alertMessage .alert.yellowAlert button.mfp-close, #alertMessage.alert.yellowAlert .mfp-close { color: #000; }
.mfp-close-btn-in .alert.yellowAlert .mfp-close { color: #000; }
.alert.yellowAlert .summary a.ctaLink { color: #000; }
/* Red */
.alertBanner.redAlert, .alert.redAlert .summary, .alert.redAlert .alertTitle { background-color: red; color: #fff; }
#alertMessage .alert.redAlert button.mfp-close, #alertMessage.alert.redeAlert .mfp-close { background-color: #031e51; color: #fff; }
.mfp-close-btn-in .alert.redAlert .mfp-close { color: #fff; }
@media screen and (max-width: 960px) {
	.alert .alertTitle { font-size: 1.35rem;}
	.toggleAlertBtn { width: 45px; height: 45px; }
}
@media screen and (max-width: 760px) {
  .alert { padding: 0 0 0 25px;}
}
@media screen and (max-width: 580px) {
  .alertActive.mfp-bg, .alertBanner, .alertActive .mfp-container {  top: 125px; }
  .toggleAlertBtn { width: 30px; height: 30px; }
}

/* ==================================
 LANDING/INTERIOR IMPACT BASE STYLES
* ==================================*/
.impactLanding { position: relative; height: 475px; margin: 0; background-color: #031e51; }
.impactLanding img { position: absolute; width: 100%; height: 475px; display: block; z-index: 0; padding: 0; margin: 0; object-fit: cover; }
.impactLanding .caption { display: block; position: absolute; top: auto; bottom: 25%; left: 0; right: 0; max-width: 1320px; width: 100%; margin: 0 auto; padding: 28px 20px; z-index: 1; }
.impactLanding .caption .wrapper { max-width: 100%; }
.impactLanding .caption h1, .impactLanding .caption .sectionName { display: inline-block; width: auto; color: #fff; background-color: #031E51; margin: 0; padding: 20px 40px; }
.impactLanding .impactSummary { display: inline-block; width: auto; color: #000; margin: 10px 0 0 0; padding: 12px 40px; background-color: #ffc107; }

@media screen and (max-width:1440px){
	.impactLanding { height: 375px; }
	.impactLanding img { height: 375px; }
}
@media screen and (max-width:960px){
	.impactLanding { height: auto; }
	.impactLanding img { height: 275px; }
	.impactLanding .caption { position: relative; bottom: auto; height: auto; margin: 0; padding: 275px 0 0 0; }
	.impactLanding .caption .wrapper { min-height: 0; }
	.impactLanding .caption h1, .impactLanding .caption .sectionName { display: block; padding: 18px 15px; background-color: #031E51 }
	.impactLanding .impactSummary { display: block; margin: 0; padding: 12px 15px; background-color: #ffc107; }
}
@media screen and (max-width:580px){
	.impactLanding img { height: 125px; }
	.impactLanding .caption { height: auto; margin: 0; padding: 128px 0 0 0; }
}

/* =====================================================================
 LANDING/INTERIOR IMPACT DESIGN STYLES - UPDATE BASED ON PROJECT DESIGN
* =======================================================================*/
.impactLanding .caption h1 { font-family: roboto, helvetic, arial, sans-serif; text-transform: uppercase; font-weight: 700; font-size: 2.2rem; line-height: 1.15; }
.impactLanding .caption h1, .impactLanding .caption .sectionName { font-size: 2.8125rem; font-weight: 600; letter-spacing: .03em; line-height: 1.15; box-shadow: 3px 3px 6px rgb(0 0 0 / 26%); }
@media screen and (max-width:1440px){
	.impactLanding .caption h1, .impactLanding .caption .sectionName { font-size: 2.6rem; }
}
@media screen and (max-width:960px){
	.impactLanding .caption h1, .impactLanding .caption .sectionName { font-size: 2.3rem;  }
}




/* =====================================================================
 NEW MEGA MENU HEADER STYLES
* =======================================================================*/
.parentMenu .menuItem.noSub div.subMenu, .parentMenu .menuItem.noSub a:focus ~ div.subMenu, .parentMenu .menuItem.noSub:focus-within a ~ div.subMenu { display: none !important; }
.navSubButton { position: absolute; width: 50px; height: 60px; background-color: transparent; top: 14px; bottom: auto; left: auto; right: 40px; padding: 0; margin: 0;  border: 1px solid transparent; z-index: 0; cursor: pointer; }
.navSubButton:after { display: inline-block; float: right; content: url(https://assets.codepen.io/7341706/menu-sub-caret.svg); transform: translateY(0) rotate(0deg); transition: all 0.4s ease-in-out; }
.mainnavigationcontainer .marianlinks .menuItem a { font-size: 2.5rem; }
.visuallyhidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; }
.mainnavigationcontainer .marianlinks ul ul {  top: 18px; }
.athleticslogos .logo img { max-width: 150px; }
@media screen and (max-width: 1150px) {
   .mainnavigationcontainer .marianlinks .menuItem a { font-size: 2rem; }
   .mainnavigationcontainer .marianlinks ul ul {  top: 11px; }
}
@media screen and (max-width: 960px) {
   .mainnavigationcontainer .marianlinks .menuItem a { font-size: 1.75rem; }
}
@media screen and (min-width: 961px) {
    .mainnavigationcontainer .modal-content {background-color: #031e51cc; }
    .mainnavigationcontainer .modal-content:after { content: ""; background-color: #0d6efd80; width: 35%; position: absolute; right: 0; top: 0; height: 100%; z-index: -1; }
    .marianlinks { width: 65%; }
    .marianlinksright { width: 35%; padding-left: 5%; }
    .marianlinksright .row { display: flex; flex-flow: column; }
    .marianlinksrightsublinks { width: 100%; }
    .marianlinksright .athleticslogos.row { flex-flow: row; align-items: center; }
    .mainnavigationcontainer .marianlinks ul { position: relative; }
    .mainnavigationcontainer .marianlinks ul:first-child:before { content: ""; height: 100%; border-right: 2px solid #fdb813; position: absolute; left: calc(50% + 22px); }
    .mainnavigationcontainer .marianlinks ul li { display: flex; gap: 50px; margin-bottom: 40px; }
    .mainnavigationcontainer .marianlinks ul ul li { margin-bottom: 12px; }
    .mainnavigationcontainer .marianlinks ul ul { width: 50%; position: absolute; right: -30px; padding-right: 50px; height: 100%; }
    .mainnavigationcontainer .marianlinks .menuItem a { width: 50%; text-align: right; padding-right: 15px; }
    .mainnavigationcontainer .marianlinks ul ul.menuItemContent li a { text-align: left; width: 100%; }
    .mainnavigationcontainer header { font-size: 1.25rem; }
    .mainnavigationcontainer .marianlinks ul ul a:hover { border-left: none; }
    .mainnavigationcontainer .marianlinks ul.menuItemContent:before { content: none; }
    .navSubButton { left: -999999px; }
	.navSubButton:after { display: none; }
	.parentMenu .menuItem.sub:hover div.subMenu.open, .parentMenu a.maintainHover ~ div.subMenu { visibility: visible; opacity: 1; z-index: 1; transition: opacity .7s ease-in-out; }
	.parentMenu .menuItem.sub a:focus ~ div.subMenu, .parentMenu .menuItem.sub:focus-within a ~ div.subMenu { display: block !important; visibility: visible; opacity: 1; z-index: 1; }
	.parentMenu .menuItem.sub a { transition: all .4s ease-in-out; line-height: 1.2; }
	.parentMenu .menuItem.sub:hover a, .parentMenu .menuItem.sub:focus a { color: #fdb813; transition: all .4s ease-in-out; }
	.parentMenu .menuItem.sub:hover ul.menuItemContent li a { color: #fff; }
	.parentMenu { position: relative; }
	.parentMenu > .menuItem { position: unset; transition: all 0.4s ease-in-out; }
	.parentMenu .menuItem > a { display: inline-block; width: 95%; }
	.navSubButton { left: -999999px; }
	.navSubButton:after { display: none; }
	.parentMenu div.subMenu { z-index: -1; opacity: 0; transition: opacity .7s ease-in-out; }
	.parentMenu > .menuItem.sub:hover div.subMenu.open, .parentMenu a.maintainHover ~ div.subMenu { visibility: visible; opacity: 1; z-index: 1; transition: opacity .7s ease-in-out; }
	.parentMenu .menuItem.sub a:focus ~ div.subMenu, .parentMenu .menuItem.sub:focus-within a ~ div.subMenu { display: block !important; visibility: visible; opacity: 1; z-index: 1; }
}

@media screen and (max-width: 960px) {
    .marianlinksright .row { display: flex; flex-flow: column; }
    .marianlinksright .athleticslogos.row { flex-flow: row; align-items: center; }
    .mainnavigationcontainer .marianlinks a.title { font-size: 1.75rem; }
    .mainnavigationcontainer .marianlinks ul { padding-left: .75rem; }
	.parentMenu li.menuItem { position: relative; margin-bottom: 35px; padding-right: 50px; }
	.parentMenu .menuItem > a.hover ~ div.subMenu { display: none; }
    .navSubButton { top: -7px; right: 25px; }
	.parentMenu div.subMenu { position: relative; display: none; margin-top: 15px; }
	.parentMenu .navSubButton ~ div.subMenu.open { transition: opacity .5s ease-in-out; }
	.parentMenu .menuItem a:focus ~ div.subMenu { display: block !important; visibility: visible; opacity: 1; z-index: 1; }
	.parentMenu .menuItem.open div.subMenu { display: block; height: auto; }
	.navSubButton.clicked:after, .menuItem.sub > a:focus + .navSubButton:after, .menuItem.sub:focus-within > a+ .navSubButton:after { transform: translateY(0) rotate(-180deg); }
}


/* Magnific Fade In and Out */
.white-popup-block { animation: magnificOpen .4s; }
.mfp-removing { animation: magnificClose .4s; }
@keyframes magnificOpen { 0% {opacity: 0; } 100% {opacity: 1; } }
@keyframes magnificClose { 0% {opacity: 1; } 100% {opacity: 0; } }
@media (prefers-reduced-motion) {
  .white-popup-block, .mfp-removing { animation-name: dissolve; }
} 
/* ============================
 MAGNIFIC POPUP
* ============================*/
/*Magnific Popup*/
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 199; overflow: hidden; position: fixed; background: var(--black); opacity: 0.8; }
.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 199; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }
.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; }
.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.mfp-align-top .mfp-container:before { display: none; }
.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }
.mfp-ajax-cur { cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }
.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }
.mfp-auto-cursor .mfp-content { cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.mfp-loading.mfp-figure { display: none; }
.mfp-hide { display: none !important; }
.mfp-preloader { color: var(--gray); position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }
.mfp-preloader a { color: var(--gray); }
.mfp-preloader a:hover { color: var(--white); }
.mfp-s-ready .mfp-preloader { display: none; }
.mfp-s-error .mfp-content { display: none; }
button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 999999; box-shadow: none; touch-action: manipulation; }
button::-moz-focus-inner { padding: 0; border: 0; }
.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: var(--white); font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus { opacity: 1; }
.mfp-close:active { top: 1px; }
.mfp-close-btn-in .mfp-close { color: var(--gray); }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: var(--white); right: -6px; text-align: right; padding-right: 6px; width: 100%; }
.mfp-counter { position: absolute; top: 0; right: 0; color: var(--gray); font-size: 12px; line-height: 18px; white-space: nowrap; }
.mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; }
.mfp-arrow:active { margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; }
.mfp-arrow:before, .mfp-arrow:after { content: '';  display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; }
.mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }
.mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; }
.mfp-arrow-left { left: 0; }
.mfp-arrow-left:after { border-right: 17px solid var(--white); margin-left: 31px; }
.mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; }
.mfp-arrow-right { right: 0; }
.mfp-arrow-right:after { border-left: 17px solid var(--white); margin-left: 39px; }
.mfp-arrow-right:before { border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }
.mfp-iframe-holder .mfp-close { top: -40px; }
.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }
.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: var(--black); }
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }
.mfp-figure { line-height: 0; }
.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: var(--gray); }
.mfp-figure small { color: var(--gray); display: block; font-size: 12px; line-height: 14px; }
.mfp-figure figure { margin: 0; }
.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }
.mfp-title { text-align: left; line-height: 18px; color: var(--gray); word-wrap: break-word; padding-right: 36px; }
.mfp-image-holder .mfp-content { max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }

/*Simple fade transition*/
.mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
.mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; }
.mfp-fade.mfp-bg.mfp-removing { opacity: 0; }
.mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out;  -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; }
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; }

@media all and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
  .mfp-img-mobile img.mfp-img { padding: 0; }
  .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
  .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
  .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
  .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; }
}

@media all and (max-width: 900px) {
  .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); }
  .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; }
  .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; }
  .mfp-container { padding-left: 6px; padding-right: 6px; }
}