@import url('//fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap'); /************ TEMPLATE ************ Rotator Size: 1000x563 (wide, 16:9) /************ FONTS ************ Serif: Libre Baskerville Sans Serif: Roboto /************ PARISH COLORS ************ Blue: #001940; rgba(0,25,64,1) Gold: #e5c06e; rgba(229,192,110,1) Light Gold: #efd9a8 << li .sprocket-lists-portrait-item > a span, .listentobutton.moduletable a { background: var(--secondary-color); font-family: 'Lato', sans-serif; color: var(--primary-color); } @media only screen and (min-width: 50.99rem) { .item-page .pull-right.item-image img {max-width: 50%;} } /*************** HOMELAYOUT ***************/ /*************** OFFCANVAS ****************/ .g-offcanvas-toggle {color: var(--primary-color);} .g-offcanvas-toggle .fa-fw {text-shadow: none;} /*************** TOP **********************/ /*************** NAVIGATION ***************/ .parish-home #g-navigation {background: url('/images/template/header.jpg') 100% 0% no-repeat, #ffffff; background-size: cover; padding-bottom: 2vw!important;} .parish-sub #g-navigation {background: url('/images/template/header.jpg') 100% 0% no-repeat, #ffffff; background-size: cover;} .school-home #g-navigation {background: url('/images/template/header-school.jpg') 100% 0% no-repeat, #ffffff; background-size: cover; padding-bottom: 2vw!important;} .school-sub #g-navigation {background: url('/images/template/header-school.jpg') 100% 0% no-repeat, #ffffff; background-size: cover;} .g-main-nav .g-toplevel>li.active>.g-menu-item-container {border-bottom: none;} #g-navigation .g-logo img {height: auto; width: 100%!important; margin: 2vw;} #g-navigation .g-logo {margin: .5vw 0;} /**Clarity dropdown- remove border-radius on menu dropdowns:***/ .g-main-nav .g-standard .g-dropdown {border-radius: 0px;} .g-main-nav .g-dropdown .g-dropdown-column>.g-grid>.g-block.size-100 {border-radius: 0px;} .g-main-nav .g-dropdown .size-100>.g-sublevel>li.g-go-back+li>.g-menu-item-container { border-top-left-radius: 0px; border-top-right-radius: 0px; } .g-main-nav .g-dropdown .size-100>.g-sublevel>li:last-child>.g-menu-item-container { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } /*Clarity- remove top level dropdown indicatator***/ .g-main-nav .g-toplevel > li.g-parent .g-menu-parent-indicator {display: none;} /*clarity increase menu font size, remove capitalization***/ .g-main-nav .g-toplevel>li>.g-menu-item-container>.g-menu-item-content {font-size: 1rem; letter-spacing: 0.1rem; font-weight: 500;} .g-main-nav .g-toplevel {text-transform: none;} .g-main-nav {font-family: 'Lato', sans-serif;} @media only screen and (max-width: 50.99rem) { #g-navigation .g-logo {margin: 3vw 0; max-width: 100%; text-align: center;} #g-navigation .g-logo img {width: 66%!important;} } /*************** SLIDESHOW ****************/ .mass-times-block { background: var(--mt-background-image) 0% 0% no-repeat; background-size: cover; background-position: center; } .school-home.homelayout .mass-times-block .g-array-item { display: flex; justify-content: center; align-items: center; } .school-1 .hero img { opacity: .9; } .school-1 :is(.swiper-navigation div[class*="button-next"], .swiper-navigation div[class*="button-prev"]) { text-shadow: 0px 0px 4px rgba(0,0,0,1); } /*************** HEADER *******************/ /*************** ABOVE ********************/ .school-home.homelayout #g-above {box-shadow: inset 0px 0px 10px rgba(0,0,0,.5);} /*************** SHOWCASE *****************/ /*************** UTILITY ******************/ /*************** FEATURE ******************/ /*************** MAIN *********************/ .parish-home.homelayout #g-container-main .g-title { background: var(--primary-color); color: var(--default-white); border-radius: 7px; font-weight: 400; padding-left: 1vw; } .school-home.homelayout #g-container-main .g-title { background: var(--primary-color); color: var(--default-white); border-radius: 7px; font-weight: 400; padding-left: 1vw; } /*************** EXPANDED *****************/ .parish-home.homelayout #g-expanded { background: url('/images/template/paralax.jpg') 0% 0% no-repeat; background-size: cover; background-position: center; background-attachment: fixed; } .school-home.homelayout #g-expanded { background: url('/images/template/paralax-school.jpg') 0% 0% no-repeat; background-size: cover; background-position: center; background-attachment: fixed; } .homelayout #g-expanded > .g-container { background: rgba(var(--primary-rgb),.7); padding: 5vw 10%!important; } .hp-video-message { display: flex; flex-direction: row; } .hp-video-message div { flex: 1; text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column; } .hp-video-message :is(h1,h2,h3,h4,h5,h6) { color: var(--default-white); } @media only screen and (min-width: 50.99rem) { .ph-sidepics-2 .g-content-array-pagination > button {color: var(--default-white);} } @media only screen and (max-width: 50.99rem) { .hp-video-message {flex-direction: column;} } /*************** EXTENSION ****************/ .school-home.homelayout #g-extension > .g-container > .g-grid:nth-child(1) {padding: 2vw 10%!important;} .school-home.homelayout #g-extension > .g-container > .g-grid:nth-child(2) {padding: 2vw 20%!important;} .homelayout #g-extension .g-title { background: var(--secondary-color); color: var(--primary-color); border-radius: 7px; font-weight: 400; text-align: center; } .homelayout #g-extension iframe { box-shadow: 0px 0px 10px rgba(0,0,0,.5); } .school-home.homelayout #g-extension > .g-grid:nth-child(2) .g-content {margin-top: 0; padding-top: 0;} /*************** BOTTOM *******************/ /*************** FOOTER *******************/ .footer-box {display: flex; flex-direction: row; justify-content: center; align-items: center;} .footer-box :is(h1,h2,h3,h4,h5,h6) {color: var(--default-white); font-family: var(--body-font-family); font-size: 2.5rem; margin: 0;} .footer-box p {font-family: var(--body-font-family); margin: 0;} .footer-box > div {display: flex; justify-content: center; align-items: center;} .footer-box > div:nth-child(1) {flex: 2;} .footer-box > div:nth-child(2) {flex: 1;} .footer-box > div:nth-child(3) {flex: 1;} #g-footer .g-content-array {margin: 0;} #g-footer a {color: var(--default-white);} @media only screen and (max-width: 50.99rem) { .footer-box {flex-direction: column; text-align: left; justify-content: flex-start; align-items: flex-start;} } /*************** COPYRIGHT ****************/ /*************** MODULES ******************/ .moduletable .nav.menu, .moduletable .unstyled {background: var(--primary-color);} .moduletable .nav.menu li.current.active a, .moduletable .nav.menu li a:hover { color: var(--primary-color); background: var(--secondary-color); } /*************** SECTIONS *****************/ /*************** MOBILE *******************/ /*************** ADS **********************/ /*************** CALENDAR *****************/ .sprocket-tabs .sprocket-tabs-nav li .sprocket-tabs-inner { background: var(--primary-color)!important; } /*************** SUBPAGE PAGINATION *******/ .pagination ul>li>span { background: var(--primary-color); }