@import url('//fonts.googleapis.com/css2?family=Montserrat: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&display=swap');
/************ TEMPLATE  ************
Rotator Size: 1600x900 (wide, 16:9)

/************ FONTS  ************
Sans Serif (all fonts): Montserrat

/************ COLORS  ************
Navy: #16164c; rgba(22,22,76,1)
Light Grey: #f0f0f4; rgba(240,240,244,1)
Grey: #939598; rgba(147,149,152,1)
White: #ffffff

/************ NOTES ************
-background is light grey
-most everything has some dropshadow (except for high contrast text on background/titles/etc) - light to medium depending on what it's on
-Rotator gradient overlay is light grey - 90% to 0% and vice versa: rgba(240,240,244,.9)
-the side square buttons are a 'sharethis' feature (mentioned in design notes) - make a gift, schedule a visit
-Our Mission
Our Lady of Providence inspires Faith, empowers Hope, strengthens Love and the formation of the whole person, through exemplary Catholic education.
-Providence at a Glance: static info except for 'read more' and 'choice scholarship' button are clickable
-News Rotator overlay/text bg - rgba(22,22,76,.8)
-What's Happening at Our Lady: paralax here with a grey overlay - rgba(147,149,152,.8)
-Connect with the Pioneers - the social fa icons there are clickable
-Sponsors - probably rocksprocket with each logo being its own article
-Experience Providence: static info except for 'future pioneers' is clickable. 
---Paralax here with Navy overlay - rgba(22,22,76,.8)
-Disclaimer in footer: All schools operated by schools and parishes under the guidance of the Roman Catholic Archdiocese of Indianapolis admit students of any race, color, national and ethnic origin to all the rights, privileges, programs, and activities generally accorded or made available to students at the school. The schools do not discriminate on the basis of race, color, national and ethnic origin in administration of its educational policies, admissions policies, scholarship and loan programs, and athletic and other school-administered programs.   

************/

body {color: #333; font-family: 'Montserrat', sans-serif;}

h1, h2, h3, h4, h5, h6 {margin: .75rem 0; line-height: 1.3; font-weight: normal;}
p {line-height: 1.6;}
body, li {line-height: 1.6;}


.page-header h1 {text-transform: none; font-size: 3rem;}
h1 {color: #16164c; font-size: 3.5rem; font-weight: bold;}
h2 {font-variant-caps: small-caps; color: #939598; font-size: 2.5rem; font-family: 'Montserrat', sans-serif;  font-weight: 500;}
.page-header h2 { padding-bottom: 0.5rem; line-height: 2.75rem; font-size: 2.5rem;}
h3 {color: #16164c; font-size: 2rem; border-bottom: 1px solid #939598; border-top: 1px solid #939598; line-height: 1.3; margin: 0 0 10px 0;}
h3.spaced {letter-spacing: 2px;}
h4 {color: #16164c; font-size: 2rem; font-family: 'Montserrat', sans-serif;}
h4.spaced {letter-spacing: 2px;}
h5 {background: #939598; font-size: 1.75rem;color: #16164c; border-radius: .2rem; padding: .5rem;}
h6 {color: #16164c; font-size: 1.5rem; text-transform: uppercase; font-weight: 600;}
h6.mixed {text-transform: none;}
h6.spaced {text-transform: none; letter-spacing: 2px; font-variant-caps: small-caps; font-weight: 500;}
a {color: #16164c;}
a:hover {color: #939598;}

h3.g-title {font-weight: 500;}
.homelayout h3.g-title {font-weight: 500; border-top: none;}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    h1 {font-size: 2.2rem;}
    h2 {font-size: 1.75rem;}
    h3 {font-size: 1.75rem;}
    h4 {font-size: 1.75rem;}
    h5 {font-size: 1.2rem;}
    h6 {font-size: 1.2rem;}
    p {font-size: 1rem; margin-bottom: 4px;}
    h1, h2, h3 {line-height: 1.2;}
    h4, h5, h6, p{line-height: 1.1;}
}

@media only screen and (max-width: 767px) {
 h1 {font-size: 2.2rem;}
 h2 {font-size: 1.75rem;}
 h3 {font-size: 1.75rem;}
 h4 {font-size: 1.75rem;}
 h5 {font-size: 1.2rem;}
 h6 {font-size: 1.2rem;}
 p {font-size: 1rem; margin-bottom: 4px;}
 h1, h2, h3 {line-height: 1.2;}
 h4, h5, h6, p{line-height: 1.1;}
}

.readon, .button, .btn, p.readmore .btn, .sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span, .listentobutton.moduletable a {
    background: #16164c;
}

/*************** HOMELAYOUT ***************/
.homelayout #g-page-surround {background: #f0f0f4;}

/*************** OFFCANVAS ****************/


/*************** TOP **********************/
/*************** NAVIGATION ***************/
/*#g-navigation a:hover {background: transparent;}*/
.homelayout #g-navigation {position: relative; height: 56vw; margin-bottom: 2vw!important; box-shadow: 2px 2px 10px rgba(0,0,0,.5);}
.outline-_error #g-navigation  {height: 25vw;}
.homelayout #g-navigation .g-grid {position: absolute; width: 100%;}
.homelayout #g-navigation .g-grid:first-child {z-index: 11; top: 0; left: 0; right: 0;}
.homelayout #g-navigation .g-grid:nth-child(2) {z-index: 11; top: 20%; left: 0; right: 0;}
.homelayout #g-navigation .g-grid:nth-child(3) {z-index: 10; height: 100%; top: 0; bottom: 0; left: 0; right: 0;}
.homelayout #g-navigation .g-grid:nth-child(3) .g-content {margin: 0; padding: 0;}
.homelayout #g-navigation .g-grid:last-child {z-index: 11; bottom: 0; left: 0; right: 0;}
.homelayout #g-navigation .sprocket-features-content {top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; background: linear-gradient(rgba(240,240,244,.9) 0%, rgba(240,240,244,0) 50%, rgba(240,240,244,.9) 100%);}
#g-navigation .g-grid:first-child .g-block:nth-child(2) .g-content.g-particle {border-bottom: 1px solid #16164c;}
#g-navigation .g-grid:first-child .g-block:nth-child(4) .g-content.g-particle {border-bottom: 1px solid #16164c;}
#g-navigation .g-grid:first-child .g-block:nth-child(4) p {margin: 0; padding: 0;}

.homelayout #g-navigation .largemarginleft:not(.g-block), .largemarginleft>.g-content {margin-left: 0;}

.g-main-nav .g-dropdown .size-100>.g-sublevel>li.g-go-back+li>.g-menu-item-container {background: #16164c;}

@media only screen and (max-width: 767px) {
    .homelayout #g-navigation {height: auto;}
    .homelayout #g-navigation .g-grid {position: initial;}

}

/**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;}**/



/*************** SLIDESHOW ****************/
.homelayout #g-slideshow {background: url('/images/template/logo-icon-bg.png') 0% 15% no-repeat;}
.homelayout #g-slideshow .g-grid {margin: 2vw 0;}
.homelayout #g-slideshow .g-block.size-40 .g-content {margin: 3vw 4vw;}

        /*Quicklinks*/
#g-slideshow .g-container .g-grid:first-child a {color: #ffffff; font-size: 1rem;}
.qlsolidback .sprocket-strips-item { background: #16164c; color: white;  }
.qlsolidback .sprocket-strips-item a, .qlsolidback .sprocket-strips-item .sprocket-strips-title { color: white;  }
.qlsolidback .sprocket-strips-item a:hover, .qlsolidback .sprocket-strips-item .sprocket-strips-title { color: #16164c;  }
.qlsolidback .sprocket-strips-item:hover {background: #ffffff;}
.layout-slideshow .sprocket-features-desc {border-bottom-left-radius: 7px; border-bottom-right-radius: 7px;}

        /*Providence at a glance*/
.homelayout #g-slideshow .g-container .g-grid:nth-child(2) .g-block:nth-child(3) .flextable.equalcells > div {text-align: center;}
.homelayout #g-slideshow a.button {color: #ffffff;}
.homelayout #g-slideshow a.button:hover {color: #16164c; background: white;}
.homelayout #g-slideshow a.readon {color: #ffffff;}

        /*Rotator*/
.homelayout #g-slideshow .g-container .g-grid:nth-child(3) .g-block:nth-child(2) {box-shadow: 5px 5px 5px rgba(0,0,0,.5);}
.sc-ct-third .sprocket-features-img-container img {height: 44vw!important; border-radius: 7px; box-shadow: 5px 5px 5px rgba(0,0,0,.5);}
.sc-ct-third .sprocket-features-desc {background: rgba(22,22,76,.85);  padding-left: 2vw; position: relative;}
.sc-ct-third :is(h1,h2,h3,h4,h5,h6) {text-transform: uppercase; font-size: 1.4vw; font-family: 'Lato', sans-serif; font-weight: bold; text-shadow: 1px 1px 1px rgba(0,0,0,.7)}
.sc-ct-third p {font-size: 1vw; text-shadow: 1px 1px 1px rgba(0,0,0,.7);}
.sc-ct-third .readon {background: none; text-transform: uppercase; position: absolute; bottom: 5px; right: 0%; font-size: 1vw; text-shadow: 1px 1px 1px rgba(0,0,0,.7);}
.sc-ct-third a.readon span {color: #ffffff;}
.layout-slideshow .sprocket-features-arrows .next {right: -50px;}
.layout-slideshow .sprocket-features-arrows .prev {left: -50px;}
.layout-slideshow .sprocket-features-arrows .arrow {color: #16164c;}

@media only screen and (max-width: 767px) {
    .homelayout #g-slideshow h3.g-title {text-align: center;}
    .homelayout #g-slideshow {background: url('/images/template/logo-icon-bg.png') 50% 15% no-repeat;}
    .sc-ct-third .sprocket-features-img-container img {margin-bottom: 36vw; border-radius: 0px;}
    .sc-ct-third .sprocket-features-desc {background: rgba(22,22,76,1);}
    .sc-ct-third :is(h1,h2,h3,h4,h5,h6) {font-size: 4.2vw;}
    .sc-ct-third p {font-size: 3.5vw;}
    .sc-ct-third .readon {font-size: 3.5vw; bottom: 5px; right: 0;}
}

/*************** HEADER *******************/
.homelayout #g-header h3.g-title {border-bottom: 1px solid #ffffff; margin: 0 5vw 3vw 5vw;}
#g-header {box-shadow: 0px -5px 10px rgba(0,0,0,.5); background: url('/images/template/paralax1.jpg') 0% 0% no-repeat; background-attachment: fixed; background-size: cover; background-position: center; margin: 4vw 0 0 0!important;}
#g-header .g-grid {background: rgba(147,149,152,.8); padding: 4vw 10%;}

#g-header a.button {box-shadow: 2px 2px 10px rgba(0,0,0,.5);}

.rsphotoblocknews .sprocket-strips-item .readon:hover { background: rgba(22,22,76,.95); }
.rsphotoblocknews .sprocket-strips-content h4 {background: rgba(22,22,76,.85); }
.rsphotoblocknews .sprocket-strips-item { background-image: url(/images/stories/template/default-news.jpg); box-shadow: 2px 2px 10px rgba(0,0,0,.5);}

@media only screen and (max-width: 767px) { .rsphotoblocknews .sprocket-strips-content h4, .rsphotoblocknews .sprocket-strips-item .readon:hover { top: 0; background: #16164c; } }

.rme-badge {background: #16164c!important; box-shadow: 2px 2px 10px rgba(0,0,0,.5);}
.rme-timeline-point:hover, .rme-timeline-point.active, .rme-timeline-point span {background: #ffffff;}
.rme-timeline-point.active span {background: #16164c;}
.rme-timeline-point.active {box-shadow: 2px 2px 10px rgba(0,0,0,.5);}
.rme-arrow {color: #ffffff;}
.rme-description {color: #ffffff;}

/*************** ABOVE ********************/
.homelayout #g-above iframe {box-shadow: 5px 5px 10px rgba(0,0,0,.5);}
.homelayout .fa-break a {font-size: 3rem;}
.homelayout #g-above {padding: 2vw; background: url('/images/template/logo-icon-bg.png') 90% 10% no-repeat;}
.homelayout #g-above .fa-break.decorative {margin: 0 .5vw;}
#g-above {box-shadow: inset 0px 5px 10px rgba(0,0,0,.5);}
#g-above h3.g-title {border-bottom: none; letter-spacing: 2px; font-weight: 500; font-size: 2.5rem;}

.decorative {
    display: grid;
    grid-template-columns: minmax(20px, 1fr) auto minmax(20px, 1fr);
    align-items: center;
    font-size: 2.2rem;
    grid-gap: 20px;
    width: 60%;
    border-bottom: none; 
    text-align: center;
    font-weight: 500;
}

.decorative:before, .decorative:after {
    content: '';
    border-top: 1px solid #A7A9AC;
}

@media only screen and (max-width: 767px) {
    .homelayout #g-above {padding: 2vw; background: url('/images/template/logo-icon-bg.png') 50% 0% no-repeat;}
}

/*************** SHOWCASE *****************/
.hero img {opacity: 0.85;}


/*************** UTILITY ******************/
/*************** FEATURE ******************/
/*************** EXPANDED *****************/
.homelayout #g-expanded .g-content .platform-content {box-shadow: 5px 5px 10px rgba(0,0,0,.5);}

/*************** EXTENSION ****************/
.homelayout #g-extension h3.g-title {margin: 0% 40%; border-bottom: 2px solid #16164c;}
.homelayout #g-extension .sprocket-strips-s {position: relative; margin: 0 10%;}
.homelayout #g-extension .sprocket-strips-s-arrows .arrow {background: transparent; color: #16164c;}
.homelayout #g-extension .sprocket-strips-s-arrows .arrow.next {position: absolute; top: 50%; right: -50px;}
.homelayout #g-extension .sprocket-strips-s-arrows .arrow.prev {position: absolute; top: 50%; left: -50px;}
.homelayout #g-extension .sprocket-strips-s-container {display: flex; align-items: center; height: 400px}
.homelayout #g-extension .sprocket-strips-s-item {display: flex; justify-content: center; align-items: center;}

@media only screen and (max-width: 767px) {
    .homelayout #g-extension .sprocket-strips-s-container {height: auto;}
    .homelayout #g-extension h3.g-title {margin: 0;}
    .homelayout #g-extension .sprocket-strips-s-container {flex-direction: column;}

    .social-mobile {text-align: center!important;}
}

/*************** BOTTOM *******************/
.homelayout #g-bottom {background: url('/images/template/paralax2.jpg') 0% 0% no-repeat; background-size: cover; background-position: center; background-attachment: fixed;}
.homelayout #g-bottom .g-grid {background: rgba(22,22,76,.8); padding: 5vw 0;}
.homelayout #g-bottom .g-grid .g-block:nth-child(2) .g-content {background: #ffffff;}
.homelayout #g-bottom .g-grid .g-block:nth-child(3) .g-content img {height: 100%; width: 100%; object-position: center; object-fit: cover; border-radius: 7px;}
.homelayout #g-bottom .g-grid .g-block:nth-child(3) .g-content {padding: 0!important;}
.homelayout #g-bottom .g-grid .g-block:nth-child(3) .g-content p {margin: 0; color: #16164c; font-size: 2rem;}
.homelayout #g-bottom .exp-text p {font-size: 1.7vw;}
.homelayout #g-bottom .g-block.size-45 .g-content {border-radius: 7px;}

@media only screen and (max-width: 767px) {
    .homelayout #g-bottom .exp-text p {font-size: 1.1rem;}
}

/*************** FOOTER *******************/
#g-footer {background: url('/images/template/footer.jpg') 100% 0% no-repeat; background-size: cover;}
.homelayout #g-footer .g-grid:last-child p {font-size: .8rem;}
#g-footer a {color: #16164c;}
#g-footer a:hover {color: rgba(0,0,0,.5);}



/*************** COPYRIGHT ****************/

/*************** MODULES ******************/
.moduletable .nav.menu, .moduletable .unstyled {background: #16164c;}
.moduletable .nav.menu li.current.active a, .moduletable .nav.menu li a:hover {
    color: #16164c;
    background: #dddddd;
}

/*********articles category module**************/
.moduletable .category-module {padding: 1rem;}
.moduletable .category-module li {padding-bottom: 0.5rem; list-style-type: disc;}

/*************** SECTIONS *****************/

#g-mainbar .g-content {padding-bottom: 0;}
.k-ui-namespace .mod_docman.mod_docman--documents {justify-content: flex-start;}

table, td {border: 0px solid #ffffff;}
.courseslayout h6 {margin-bottom: 0.25rem;}

.newslayout .pull-none.item-image img {display: none;}

/*************** MOBILE *******************/
.g-offcanvas-toggle {color: #ffffff;}

/*************** ADS **********************/



#g-copyright a .fa.fa-lock { color: #16164c; }

#st-2 .st-btn[data-network="email"], #st-2 .st-btn[data-network="sharethis"] { background-color: #16164c !important; }

#st-2 .st-btn.st-first { margin-bottom: 10px; }

#logo-2852-particle.g-content { margin: 0; padding: 5px 1rem 1rem 1rem; }
#logo-2852-particle.g-content .g-logo img { width: auto; height: 125px; }

.pinned-cta--donate {box-shadow: 0px 0px 10px rgb(255 255 255 / 30%);}
.pinned-cta--visit {box-shadow: 0px 0px 10px rgb(255 255 255 / 30%);}


#custom-5975-particle p { display: flex; justify-content: space-between; }

#menu-3290-particle { margin: 0; padding: 0; }

.g-main-nav .g-sublevel {
	background: #16164c; 
}

#g-footer .g-content { padding:  20px 0 0 0;  }
#g-footer .g-grid { align-items: center; }
#g-footer img { max-height: 140px; justify-self: center; display: block; margin: auto;  }

.g-social { padding-bottom: 10px; }

.g-offcanvas-toggle .fa-fw { text-shadow: none; }
.g-offcanvas-toggle { color: #16164c;  top: 10px; left: 10px; }

p.missiontext { font-style: italic;  font-size: 1.3rem; font-weight: 500; color: #0E3963;  }

#g-footer h6 { text-transform: uppercase; font-size: 1rem; }

@media only screen and (max-width: 767px) { 
	#custom-5975-particle { display: none; }
	#social-5607-particle { padding: 0; margin: 0 0 .5rem 0; }
	#logo-2852-particle.g-content .g-logo img { display: none; }
}


.inmemoriam #g-mainbar img {    
	float: left;
    margin-right: 20px;
    border-radius: 5px;	
	max-width:  115px;
	border: none !important;
}

@media only screen and (max-width: 767px) { 
	.inmemoriam #g-mainbar img {    
		max-width:  none;
		float: none;
		display: block;
		margin: auto;
		text-align: center; 
		width: 50%;
		border-radius: 5px;	
		margin-bottom: 10px;
	}
	
	html:not(.tablet) .pinned-cta__wrap {
		top: auto !important;
		bottom: 0 !important;
	}
}