/*@import url("css/scripts.css");*/
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
/*!
	cerulean-light:	#64A8FF", rgb(100,168,255)
	cerulean-dark:	#3371c7", rgb( 51,113,199)
	navy:		    #002855", rgb(  0, 40,149)
	sunflower:		#FFBD66", rgb(255,189,102)
	near-white:		#fafffe", rgb(250,255,254)
	white:			#FFFFFF", rgb(255,255,255)
	charcoal:		#404040", rgb( 64, 64, 64)
	black:			#000000", rgb(  0,  0,  0)


Theme Name: St. Agatha Academy
Theme URI: https://stagathaacademy.org/
Author: Lee Boone
Author URI: http://leeboone.com/
Description: Website theme for Saint Agatha Academy in Winchester Kentucky
Version: 20250813
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: saa

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

WordPress KY is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc. and a bunch of other things
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
#Defaults
#Header
#Navigation
--------------------------------------------------------------*/

*{}

/*
Defaults------------------------------------------------------*/
.screen-reader-text{
    max-width: 1px;
}

a:link,
body input,
body button,
body .wp-element-button, 
body .wp-block-button__link{
	transition: all 0.6s ease;
}


/*
Header--------------------------------------------------------*/
.wp-block-site-title a{
	text-decoration: none;
}

.page-template-page-landing .site-header main .wp-block-group:last-child{
	margin-bottom:0 !important;
}

header .wp-block-group.wp-block-site-logo-svg{}
header .wp-block-group.wp-block-site-logo-svg .custom-logo-link.svg-logo{
    background-color: transparent !important;
    width: 16rem;
    height: 3.125rem;
    position: relative;
    display: block;
}
header #sppsLogo{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    opacity: .8;
    transition: all 0.6s ease;
}
header #sppsLogo path{
    fill:var(--wp--preset--color--white);
}
header a:hover #sppsLogo {
    opacity: 1;
    width: 104%;
    height: 104%;
}

header .wp-block-search{}
header .wp-block-search input {
    height: calc(16px + 1rem);
    border-radius: 4px 0 0 4px;
    font-weight: bold;
}
header .wp-block-search button {
    height: calc(16px + 1rem);
    padding: calc(8px - .5rem) .25rem;
    border-radius: 0 4px 4px 0;
    margin-left: 0;
}

header .gtranslate_wrapper{
    padding: 0;
    line-height: 0;
    max-height: 45px;
    width: 122px;
    max-width: 122px;
    position: relative;
    z-index: 1;
}
header .gtranslate_wrapper .gt_options{
	max-width: unset !important;
}
header .gt_float_switcher .gt_options a{
	white-space: nowrap;
}
header .gt_float_switcher .gt_options a:hover{
	background-color: var(--wp--preset--color--yellow);
}

@media(max-width:1199px){
	#cogniaLogo{
		position:fixed;
		right:var(--wp--preset--spacing--32);
		bottom: var(--wp--preset--spacing--80);
		z-index: 100;
	}

}
@media(max-width:1099px){
#topGroups{
	justify-content: center;
	gap: 0;
}
#translateControl{
    position: absolute;
    right: 0;
    top: 0;
}

main h1{
	text-align: center;
}

}
@media(max-width:599px){

#navStack{
	flex-direction: row;
}

#topGroups{
	justify-content: space-between;
	align-items: start;
}

#translateControl{
    position: absolute;
    left: 0;
    right: unset;
    top: 100%;
}
#translateControl .gt_float_switcher img{
	display: none;
}

}


/*
Navigation----------------------------------------------------*/

@media(max-width:599px){

body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
    padding-left: 1rem;
    padding-right: 1rem;
}
body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container{
    padding:0.5rem 0 0 1rem;
}
body .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{
	background-color: var(--wp--preset--color--navy) !important;
}

body #mainNavigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
	align-items: flex-start;
}
body #mainNavigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content ul{
	align-items: flex-start;
}
body #mainNavigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content ul li{
	align-items: flex-start;
}
body #mainNavigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content ul li li{
	font-size: 1rem !important;
}

header.site-header > .leeboone{
    padding: 1rem !important;
}
header.site-header > .leeboone > .wp-block-group:first-child {
    display: flex;
    position: relative;
    flex-direction: column;
}
header.site-header > .leeboone > .wp-block-group:first-child > *{
    order:2;
    flex-direction: column;
}
header.site-header > .leeboone > .wp-block-group:first-child nav{
    order:1;
    margin: 0;
}


body .wp-block-navigation__responsive-container-open {
    position: absolute;
    top: 1rem;
    right: 1rem;
    padding: .5rem;
    border: 1px solid;
}

}
@media(min-width:600px){
body .wp-block-navigation__container li.has-child a{
    pointer-events: none;
}
body .wp-block-navigation__container li.has-child ul li a{
    pointer-events: revert;
}

body .current-menu-item > a.wp-block-navigation-item__content{
	pointer-events:none; 
	color:var(--wp--preset--color--sunflower);
}

body .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container, 
body .wp-block-navigation .wp-block-navigation__submenu-container {
    border: none;
}

body .wp-block-navigation .wp-block-navigation-item{}
body .wp-block-navigation > .wp-block-navigation-item .wp-block-navigation-item__content:first-child{}
body .wp-block-navigation > .wp-block-navigation-item .wp-block-navigation-item__content:first-child:hover{
	color: var(--wp--preset--color--white) !important;
}

body .wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content {
    font-size: 1rem;
    font-weight: 700;
	padding: .2rem .4rem;
	max-height: unset;
	opacity: 0;
    background-color: var(--wp--preset--color--cerulean-light);
    color: var(--wp--preset--color--navy);
    transition:all .6s ease;
    overflow: hidden;
}
body .wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content {
    background-color: var(--wp--preset--color--sunflower);
}
body .wp-block-navigation .has-child button:focus+.wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content,
body .wp-block-navigation .has-child:has(a:focus) .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content,
body .wp-block-navigation .has-child:hover .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{
    padding: .4rem;
    max-height: 4rem;
    opacity: 1;
}
body .wp-block-navigation .has-child:has(a:focus) .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content:focus{
	outline-offset: -2px;
	outline-width: 2px;
}

body .wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content .wp-block-navigation-item__label{}
}

/*
Main----------------------------------------------------------*/
body.blog main.wp-block-group,
body.archive main.wp-block-group,
body.post-template-default main.wp-block-group,
body.page-template-default main.wp-block-group{
    margin-bottom: 2rem;
    margin-top: 2rem;
    min-height: calc(100vh - 680px);
}
main .two-col{
	columns: 300px 2;

}
@media(max-width:781px){

main {
    padding-right:1rem !important;
    padding-left:1rem !important;
}

.page-template-page-landing main .entry-content > .wp-block-cover{
    margin-left: -1rem;
    margin-right: -1rem;
}

}


/** == Responsive Columns == **/
@media screen and ( min-width:782px ) and ( max-width:959px ) {

main > .wp-block-columns{
	flex-wrap: wrap !important;
}
main > .wp-block-columns > .wp-block-column{
	flex-basis: calc(75% - 1rem) !important;
}
main > .wp-block-columns > .wp-block-column.left-sidebar{
	flex-basis: 25% !important;
}
main > .wp-block-columns > .wp-block-column.sidebar{
	flex-basis: 100% !important;
}

} 

@media screen and ( min-width:782px ) {

main > .wp-block-columns > .wp-block-column.left-sidebar{
	order:-1;
}

}
/** ==/Responsive Columns == **/

/** == Author Credit == **/
.wp-block-post-author__name::before{
	content:"by ";
	font-weight: 400;
}
/** ==/Author Credit == **/




/*
Block customizations------------------------------------------*/
.wp-block-heading + .wp-block-coblocks-accordion{
	margin-top:.5rem;
}

/* button style */
.wp-block-button.important .wp-block-button__link{
    background-color: var(--wp--preset--color--cerulean-dark) !important;
}
.wp-block-button.important .wp-block-button__link:hover{
    background-color: var(--wp--preset--color--cerulean-light) !important;
}

/* cover overlays */
.wp-block-cover img + .wp-block-cover__inner-container .wp-block-heading{
    text-shadow: 0 0 50px rgba(0,0,0,0.2), 0 0 10px rgba(0,0,0,.5), 0 0 5px rgba(0,0,0,.5), 20px -10px 25px rgba(90,150,215,0.2), -20px 10px 25px rgba(90,150,215,0.2), 0 0 25px rgba(90,150,215,0.2);
}
.wp-block-cover img + .wp-block-cover__inner-container .wp-block-button__link {
    background-color: rgba(0, 0, 0, .6);
    color: var(--wp--preset--color--near-white);
}
.wp-block-cover img + .wp-block-cover__inner-container .wp-block-button__link:hover {
    background-color: var(--wp--preset--color--near-white);
    color: var(--wp--preset--color--navy);
}

/*
gForm customizations------------------------------------------*/
body .gform_wrapper.gravity-theme .gform_footer{
    justify-content: end;
}
body .gform_wrapper.gravity-theme .gform_footer input,
body .gform-theme--framework.gform-theme.gform_wrapper .button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
body .gform-theme--framework.gform-theme.gform_wrapper input:is([type=submit],[type=button],[type=reset]).button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
body .gform-theme--framework.gform-theme.gform_wrapper input:is([type=submit],[type=button],[type=reset]):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
body .gform-theme--framework.gform-theme.gform_wrapper input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
    background-color: var(--wp--preset--color--navy);
    color: var(--wp--preset--color--white);
    border: .125rem solid var(--wp--preset--color--white);
    font-family: var(--wp--preset--font-family--cabin-condensed);
    font-size: var(--wp--preset--font-size--medium);
    font-weight: 600;
    line-height: 1.05;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    text-decoration: none;
    transition: all 0.6s ease;
    border: .125rem solid var(--wp--preset--color--near-white);
    min-width: 120px;
    cursor: pointer;
}
body .gform_wrapper.gravity-theme .gform_footer input:hover,
body .gform-theme--framework.gform-theme.gform_wrapper .button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover,
body .gform-theme--framework.gform-theme.gform_wrapper input:is([type=submit],[type=button],[type=reset]).button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover,
body .gform-theme--framework.gform-theme.gform_wrapper input:is([type=submit],[type=button],[type=reset]):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover,
body .gform-theme--framework.gform-theme.gform_wrapper input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover {
    background-color: var(--wp--preset--color--sunflower);
    color: var(--wp--preset--color--navy);
    border: .125rem solid var(--wp--preset--color--navy);
}

.gform-theme--foundation .gform_footer, .gform-theme--foundation .gform_page_footer {
    gap: var(--wp--preset--spacing--16);
    margin-block-start: var(--wp--preset--spacing--8);
    justify-content: flex-end;
}

/*
Image Block Call to Action Buttons (.btn-cta)-------------------*/
body:not(.wpcom-admin-interface) .wp-block-image.btn-cta{
    position: relative;
    height: 0;
    overflow: hidden;
    padding-top: 40%;
    margin: 0;
    background: #000;
	transition: background-color .6s;
    width: 100%;
}
body:not(.wpcom-admin-interface) .wp-block-image.btn-cta:hover{
    background: #FFF;
}
body:not(.wpcom-admin-interface) .entry-content .wp-block-image.btn-cta + p,
body:not(.wpcom-admin-interface) .wp-block-image.btn-cta + .wp-block-image.btn-cta{
	margin-top: 1.5rem;
}
body:not(.wpcom-admin-interface) .wp-block-image.btn-cta a{
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
}
body:not(.wpcom-admin-interface) .wp-block-image.btn-cta a img {
    transition: all .6s;
    opacity: .6;
    object-fit: cover;
    height: 100%;
    width: 100%;
}
body:not(.wpcom-admin-interface) .wp-block-image.btn-cta figcaption {
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: rgba(255,255,255,1);
    font-size: 32px;
    margin: 0;
    padding: 1rem;
    transition: all .6s;
    text-shadow: 0 0 5px rgba(0,0,0,1), 0 0 15px rgba(0,0,0,1);
    font-weight: 700;
    line-height: 1;
    text-align: center;
    width: calc(100% - 2rem);
}
body:not(.wpcom-admin-interface) .wp-block-image.btn-cta:hover a{}
body:not(.wpcom-admin-interface) .wp-block-image.btn-cta:hover a img{
	opacity: 0.2;
}
body:not(.wpcom-admin-interface) .wp-block-image.btn-cta:hover figcaption{
	color: var(--wp--preset--color--cerulean-dark);
	text-shadow: 0 0 0 rgba(0,0,0,1), 0 0 0 rgba(0,0,0,1);
}
@media(min-width:783px) and (max-width:1200px){
    body:not(.wpcom-admin-interface) .wp-block-image.btn-cta figcaption{
        font-size: 2vw;
    }
}

.divider-header {
    text-shadow: 4px 4px 4px var( --wp--preset--color--near-white), -4px -4px 4px var( --wp--preset--color--near-white),4px -4px 4px var( --wp--preset--color--near-white), -4px 4px 4px var( --wp--preset--color--near-white),6px 0px 0px var( --wp--preset--color--near-white), -6px 0px 0px var( --wp--preset--color--near-white),2px 2px 0px var( --wp--preset--color--near-white), -2px -2px 0px var( --wp--preset--color--near-white),2px -2px 0px var( --wp--preset--color--near-white), -2px 2px 0px var( --wp--preset--color--near-white),4px 4px 0px var( --wp--preset--color--near-white), -4px -4px 0px var( --wp--preset--color--near-white),4px -4px 0px var( --wp--preset--color--near-white), -4px 4px 0px var( --wp--preset--color--near-white);
    position: relative;
}

.divider-header::before {
    display: block;
    content: " ";
    height: 2px;
    width: 100%;
    background-color: transparent;
    transform: translateY(-20%);
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    z-index: -1;
    position: absolute;
    top: 50%;
}

/*
Home Page Banner--------------------------------------------------------*/
@media(max-width:578px){

#homeHeader h1{
    font-size: 8vw !important;
}

}
@media(min-width:1200px){

#homeHeader h1{
    font-size: 4rem !important;
}

}


/*
Footer--------------------------------------------------------*/
.site-footer{
	margin-block-start: 0;
}

.site-footer .wp-block-group.wp-block-site-logo-svg{}
.site-footer .wp-block-group.wp-block-site-logo-svg .custom-logo-link.svg-logo{
    background-color: transparent !important;
    width: 16rem;
    height: 3.125rem;
    position: relative;
    display: block;
}
.site-footer #sppsFooterLogo{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    opacity: .8;
    transition: all 0.6s ease;
}
.site-footer #sppsFooterLogo path{
    fill:var(--wp--preset--color--white);
}
.site-footer a:hover #sppsFooterLogo {
    opacity: 1;
    width: 104%;
    height: 104%;
}
.site-footer .gform_wrapper.gravity-theme .gfield_required{
    color:var(--wp--preset--color--sunflower);
}
#footerRow{
    gap: 3rem;
}


#socialNav{}
#socialNav svg {
    width: 48px;
    height: 48px;
}
#socialNav svg path{
    fill: var(--wp--preset--color--near-white);
    transition: all .6s linear;
}
#socialNav a,
#socialNav a:hover{
    background-color: transparent;
}
#socialNav a:hover svg path{
    fill: var(--wp--preset--color--sunflower);
}

#fixedButtons{
	display: none;
}

body.js #fixedButtons{
	display: block;
	position: fixed;
	right: 2rem;
	bottom: 2rem;
	z-index: 1;
	opacity: 0;
	transition: opacity 1s linear;
}
body.js.scrolled #fixedButtons{
	opacity: 0.9;
}
body.js #scrollToTop a{
}

@media(max-width:600px){

.col-two > .is-nowrap{
    justify-content: center;
}
.col-three{
    text-align: center;
    margin-top: 30px !important;
}

}