@import url('//fonts.googleapis.com/css2?family=Caudex:ital,wght@0,400;0,700;1,400;1,700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Marcellus&family=Satisfy&display=swap');
/************ TEMPLATE  ************
blue: #1C43AE rgba(28,67,174,1)


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

.site-1 {
    --primary-color: #1C43AE;
    --secondary-color: #777777;


    --primary-rgb: 28,67,174;
    --secondary-rgb: 119,119,119;

    --default-white: #ffffff;
    --default-black: #000000;

    --title-font-family: 'Marcellus', serif;
    --body-font-family: 'Lato', sans-serif;
	--spanish-font-family: 'Satisfy', cursive;

    --heading-color: var(--primary-color);
    --heading-font-family: var(--title-font-family);

    --title-border-bottom: 1px solid var(--secondary-color);

    --home-title-font: var(--title-font-family);

    --transparent: rgba(255,255,255,0);

    --default-box-shadow: 0px 0px 10px rgba(0,0,0,.5);

    --swiper-box-shadow: var(--default-box-shadow);

    --mt-fixed-height: 36vw;
    --mt-para-color: var(--default-white);
    --mt-background-image: "/images/template/masstimes.jpg";
    --mt-header-desktop: 2vw;

    --ql-title-color: var(--default-white);

    --ph-border-bottom: 5px solid var(--primary-color);
    --ph-title-hover: #777777;
    --ph-border-bottom-hover: 5px solid var(--ph-title-hover);

    --grid-tile-height: 18vw;
    --grid-tile-height-mobile: 41vw;

}

.ql-fa-toplinks {
    --ql-title-color: var(--primary-color);
    --ql-title-hover: var(--default-white);

    --ql-font-title-color: var(--primary-color);
}

.readon, .button, .btn, p.readmore .btn, .sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span, .listentobutton.moduletable a {
    background: var(--primary-color);
    font-family: 'Lato', sans-serif;
} 

p.spanish {line-height: 1.3; font-family: var(--spanish-font-family); font-size: 1.15rem; margin-left: 0 !important;  min-height: 10px !important;}
ul.spanish {line-height: 1.3; font-family: var(--spanish-font-family); font-size: 1.15rem; margin: 1rem 0 1rem 1.5rem !important; width: 95%;}


/*************** HOMELAYOUT ***************/ 
/*************** OFFCANVAS ****************/
.g-offcanvas-toggle {color: var(--primary-color);} 
.g-offcanvas-toggle .fa-fw {text-shadow: none;}

/*************** TOP **********************/ 
/*************** NAVIGATION ***************/
.site-1 .g-toplevel .g-menu-item-subtitle {
    color: #ecfa52!important;
    opacity: 1;
}

.site-1 #g-navigation .ql-fa-toplinks .g-blockcontent-subcontent-title-icon > i {
    color: var(--primary-color);
}

.site-1 #g-navigation .ql-fa-toplinks .g-blockcontent-subcontent-block:hover .g-blockcontent-subcontent-title-icon > i {
    color: white;
}

@media only screen and (min-width: 50.99rem) {
    .site-1 #g-navigation {
        background: url('/images/template/header3.jpg') 0% 0% no-repeat;
        background-size: cover;
    }
    .site-1-home #g-navigation {
        padding-bottom: 2rem!important;
    }
    .g-logo {
        padding-left: 3rem;
    }
    .g-logo > img {
        width: 90%!important;
    }
    .ql-fa-toplinks {
        padding: 2rem;
    }
    .ql-fa-toplinks .g-blockcontent-subcontent-block:not(.ql-fa-toplinks .g-blockcontent-subcontent-block:last-child) {
        border-right: 1px solid var(--primary-color);
    }
    .ql-fa-toplinks .g-blockcontent-subcontent-title-text {
        text-transform: uppercase;
        font-weight: 700;
    }
}

@media only screen and (max-width: 50.99rem) {
    #g-navigation {
        background: #f1f2f2;
    }
    #g-navigation .g-logo {
		max-width: 80%;
		margin: 12px 5% 10px 16%;
    }
}

/*************** SLIDESHOW ****************/ 
.mass-times-block {
    background: url('/images/template/masstimes.jpg') 0% 0% no-repeat;
    background-size: cover;
    background-position: center;
}

/*************** HEADER *******************/
/*************** ABOVE ********************/
/*************** SHOWCASE *****************/
/*************** UTILITY ******************/
/*************** FEATURE ******************/
/*************** MAIN *********************/
/*.site-1-home #g-container-main > .g-grid > .g-block:nth-child(2) {
    display: flex;
    justify-content: center;
    align-items: center;
}*/


.site-1-home #g-mainbar .g-content-array > div:last-child {
    width: 100%;
}

.site-1-home #g-mainbar .g-content-array {
    flex-wrap: wrap;
}

.site-1-home #g-mainbar > div:nth-child(1) .g-content {
    padding: 0;
    margin: 0;
}

.site-1-home #g-mainbar {
    padding-left: 5%;
}

@media (min-width: 50.99rem) {
.site-1-home #g-mainbar #ph-addpic .g-content-array > .g-grid {
    max-width: 33%;
}
.ph-lower-title .g-content-array {
    gap: 1rem;
}
}

/* Mobile pagination */

@media (max-width: 50.99rem) {

    .ph-sidebyside-mobile .g-content-array-pagination {
        display: flex;
    }

    .ph-sidebyside-mobile .g-content-array-pagination > button:first-child {
        margin-right: 1rem;
    }

    .ph-sidebyside-mobile .g-content-array-pagination > button:nth-child(2) {
        margin-left: 1rem;
    }

}

/*************** EXPANDED *****************/ 
.site-1-home #g-expanded h3.g-title,
.site-1-home #g-expanded h2.g-title
 {
    color: var(--default-white);
    border-bottom: 1px solid var(--default-white);
    font-family: 'Caudex', serif;
}

.site-1-home #g-expanded {
    background: url('/images/template/paralax3.jpg') 0% 0% no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.site-1-home #g-expanded > .g-container {
    background: rgba(var(--primary-rgb),.6);
    padding: 5vw 5%!important;
}
.site-1-home .social-feed {padding: 0 2vw;}


@media only screen and (max-width: 50.99rem) {
    .site-1-home #g-expanded > .g-container {
        padding: 5vw 0!important;
    }
}

        /*I would like to...*/
.search-dropdwn {height: 100%; width: 100%; display: flex; align-items: center; justify-content: center;}

#dropdwn-outer-box {height: 20vw; width: 100%; background-size: contain; position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column;}
#dropdwn-button {height: 15%; width: 70%; border: 2px solid #ffffff; display: flex; align-items: center; border-radius: 7px; position: relative;}
#dropdwn-button:hover {cursor: pointer; background: rgba(var(--primary-rgb),.9);}
#dropdwn-button i {position: absolute; right: 20px; color: #ffffff; font-size: 1.4vw;}
#dropdwn-button p {color: #ffffff; margin: 0 0 0 20px;}

#dropdwn-menu {overflow-x: hidden!important; position: absolute; left: 15%; right: 15%; top: 57%; height: 154px; background: rgba(var(--primary-rgb),1); border-right: 2px solid #ffffff; overflow: scroll; border-left: 2px solid #ffffff; border-bottom: 2px solid #ffffff; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; width: 70%;}
#dropdwn-menu::-webkit-scrollbar {
    width: 5px;
    background: transparent;
    overflow-x: hidden;
}
#dropdwn-menu::-webkit-scrollbar-track {
    background: transparent;
}

#dropdwn-menu::-webkit-scrollbar-thumb {
    background: #ffffff;
}
#dropdwn-menu::-webkit-scrollbar-thumb:hover {
    background: #ffffff;
}
#dropdwn-menu::-webkit-scrollbar-corner {
    background: transparent;
    display: none;
}

#dropdwn-menu .weblinks a {color: #ffffff;}
#dropdwn-menu .weblinks a:hover {background: rgba(255,255,255,.4);}
#dropdwn-menu .weblinks li {list-style: none; height: 80px; display: flex; position: relative; align-items: center; margin: 0 0 0 0;}
#dropdwn-menu .weblinks li a {position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; display: flex; align-items: center; padding: 0 0 0 20px;}
#dropdwn-menu .weblinks li p {margin: 0 0 0 20px;}
#dropdwn-menu .weblinks {margin: 0; padding: 0;}

.hidden-dropdwn {display: none;}
.hidden-radius {border-bottom-left-radius: 0px!important; border-bottom-right-radius: 0px!important;}
.dropdwn-button-background {background: rgb(var(--primary-rgb));}

@media only screen and (max-width: 50.99rem) {
    /*.homelayout #g-showcase > .g-grid > .g-block:last-child .g-content {padding: 0 0 initial 0; margin: 0 0 initial 0;}*/
    
    #dropdwn-menu .weblinks li a {font-size: 3vw;}

    #dropdwn-outer-box {background-size: 100%!important; height: 303px; width: 90%; margin-bottom: 85px;}
    #dropdwn-button {height: 25%;}
    #dropdwn-button i {font-size: 3vw;}

    #dropdwn-text {font-size: 4vw;}
}

/*************** EXTENSION ****************/
/*************** BOTTOM *******************/
/*************** FOOTER *******************/
.footer-box {
    display: flex;
    flex-direction: row;
}
.footer-box > div:nth-child(1) {
    flex: 80%;
}
.footer-box > div:nth-child(2) {
    flex: 20%;
    text-align: right;
}
.footer-box > div:nth-child(2) img {
    height: 5vw;
}

#g-container-footer {
    background: url('/images/template/footer.jpg') 0% 0% no-repeat;
    background-size: cover;
}
#g-footer {
    background: transparent;
    margin: 1rem!important;
    border: 2px solid var(--primary-color);
}
#g-copyright {
    background: transparent;
}

#g-footer .g-content-array {margin: 0;}
#g-footer a {color: var(--primary-color);} 

.adminfootericon {
    bottom: 1rem;
    right: 2rem;
}
@media only screen and (min-width: 50.99rem) {
    #g-footer .g-logo img {
        width: 50%!important;
    }
}

@media only screen and (max-width: 50.99rem) {
    .footer-box {
        flex-direction: column;
    }
    .footer-box > div:nth-child(1) {
        order: 2;
    }
    .footer-box > div:nth-child(2) {
        order: 1;
        text-align: center;
    }
    .footer-box > div:nth-child(2) img {
        height: 8rem;
    }
    #g-footer .g-logo img {
        width: 50%!important;
    }
}

/*************** 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(--default-white); 
    background: var(--secondary-color);
} 
/*************** SECTIONS *****************/
/*************** MOBILE *******************/ 
/*************** ADS **********************/

/************ AJJ 9/9/2022  ************/

.ql-fa-toplinks .g-blockcontent-subcontent-title-icon {
	font-size: 2vw;
	margin-bottom: 5px;
}

.alert .g-content-array .g-item-title a { color: #f00;}
.alert .g-content-array { padding:0; margin: 0;}
.alert .g-content-array .g-grid { padding: 10px 10px 10px 30px; margin: 0;}

#g-navigation a:not(.button):hover { color: #ccc; }

@media only screen and (min-width: 50.99rem) {
	.ph-lower-title .g-array-item-image img {
		width: 22vw;
		height: 12.3vw;
		max-width: none;
	}
	
}

@media only screen and (max-width: 50.99rem) {
	.alert .g-content-array .g-grid { padding-left: 50px;}
	
	.ql-fa-toplinks .g-blockcontent-subcontent-title-icon {
		color: var(--ql-font-title-color);
		font-size: 1.5rem;
	}
	.ql-fa-toplinks .g-blockcontent-subcontent-block-content > .g-blockcontent-subcontent-title {
		display: block;
		color: var(--primary-color);
	}
	
	
}



/************ SIDE BY SIDE MOBILE  ************/
/*@media only screen and (max-width: 50.99rem) {
	.ph-sidebyside-mobile .g-content-array .g-array-item-image {
		float: left;
		width: 36vw;
		padding-right: 3vw;
	}
	.ph-sidebyside-mobile .g-array-item-read-more {
		display: inline-block; 
	}
	
	.ph-sidebyside-mobile .g-content-array .g-array-item-image img {
		width: 36vw;
		height: 20.25vw;
		object-fit: cover;
		object-position: center; 
	}
}
*./


/************  IMAGES ON THE FULL ARTICLE OF NEWS ITEMS  ************/

@media only screen and (min-width: 51rem) {
	.pull-left.item-image { width: 20vw;}
}

/************ FILEMAN PHOTO GALLERY - FOLDERS   ************/
.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item__content {
	background: none;
	border: none;
	border-radius: 0; 
}

.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item .koowa_media__item__content:not(.file) .koowa_media__item__link {
	box-shadow: 2px 2px 5px rgba(0,0,0,.2);
	position: relative;
	width: 20vw;
	height: 15vw;
	max-width: 400px;
	max-height: 300px;
	background: url(/images/stories/template/default-photo-gallery.jpg) 0 0 no-repeat;
    background-size: cover; 
	margin-bottom: 2vw;
	transition: all .4s ease-in-out;
}



.gallerycolorstrip .koowa_media {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item {
	padding: 0;
	width:  auto;
	max-width:  auto;
}

.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-4 .koowa_media__item {
	width: auto;
}

.gallerycolorstrip .k-ui-namespace .koowa_header {     position: initial;}

.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .overflow_container {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item__content img:not(.k-js-image-preview) {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	object-fit: cover;
	object-position: center;
	width: 20vw;
	height: 15vw;
	max-width: 400px;
	max-height: 300px;
	z-index: 10; 
}

.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item .koowa_media__item__content.file .koowa_media__item__link {
	box-shadow: 2px 2px 5px rgba(0,0,0,.2);
	position: relative;
	width: 15vw;
	max-width: 300px; 
    background-size: cover; 
	margin-bottom: 2vw;
	transition: all .4s ease-in-out; 
}

.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item__content img.k-js-image-preview {
	width: 15vw;
	max-width: 300px;
}

.k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-2 .koowa_media__item, .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-3 .koowa_media__item, .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-4 .koowa_media__item,.k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-5 .koowa_media__item, .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-6 .koowa_media__item, .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-7 .koowa_media__item, .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-8 .koowa_media__item, .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-9 .koowa_media__item {
	width: 16vw;
	max-width: 350px;
}

.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item .koowa_media__item__content.file .koowa_media__item__link.js-lightbox-item {
	padding: 0;
	margin: 0 auto 1.2vw auto;
	border-radius: 1vw; 
	
}

.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item .koowa_media__item__content.file .koowa_media__item__link.js-lightbox-item:hover {
	opacity: .8;
}


.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item__link {
	padding: 0; 
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	display: flex;
	align-items: flex-end;
}

.gallerycolorstrip .k-icon-document-folder.k-icon--size-medium { display: none; }

.gallerycolorstrip .g-content { padding-left: 0; padding-right: 0px; margin-left: 0px; margin-right: 0px;}

/*
.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item .koowa_media__item__content:not(.file) .koowa_media__item__link :hover {
	opacity: 0.90;
	
}
*/

@media only screen and (max-width: 767px) {
	.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item .koowa_media__item__content:not(.file) .koowa_media__item__link, .gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item__content img:not(.k-js-image-preview)	{
		width: 80vw;
		height: 60vw;
		max-width: auto;
		max-height: auto;
	}
	.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item .koowa_media__item__content:not(.file) .koowa_media__item__link {
		margin-bottom: 8vw;
	}
	
	.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item .koowa_media__item__content.file .koowa_media__item__link {
		width: 40vw;
	}

	.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item__content img.k-js-image-preview {
		width: 40vw;
	}

	.k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-2 .koowa_media__item, .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-3 .koowa_media__item, .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-4 .koowa_media__item,.k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-5 .koowa_media__item, .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-6 .koowa_media__item, .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-7 .koowa_media__item, .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-8 .koowa_media__item, .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-9 .koowa_media__item {
		width: 45vw;
	}

}


/************ FILEMAN PHOTO GALLERY - PICS  ************/



/************ CUSTOM TO THE GALLERY TYPE  ************/
.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .overflow_container > span {
	z-index: 20;
	width:  100%;
	text-align: center;
	margin-bottom: 2vw;
	padding-top: .4vw;
	padding-bottom: .4vw;
	background: rgb(var(--primary-rgb),.8);
	color: white;
	transition: all .4s ease-in-out;
	font-weight: 400 !important;
}

.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item .koowa_media__item__link:hover .overflow_container > span {
	margin-bottom: 3vw;
	background: rgb(var(--primary-rgb),1);
}

/************ Spanish EQUAL TABLE ********************/
.toptable {
    display: flex;
}
.toptable > tbody {
    width: 100%;
}
.toptable > tbody > tr {
    display: flex;
}
.toptable td {
    width: 50%;
    vertical-align: top;
}

@media only screen and (max-width: 50.99rem) {
    .toptable > tbody > tr {
        flex-direction: column;
    }
    .toptable td {
        width: 100%;
    }
}

.item-image {
    display: none;
}

.side-menu-particle {
    --side-menu-bg: var(--primary-color);
    --side-menu-bg-hover: var(--secondary-color);
    --side-menu-font-family: var(--body-font-family);
    --side-menu-font-size: 1.1rem;
    --side-menu-font-size-desktop: var(--side-menu-font-size);
    --side-menu-font-size-mobile: var(--side-menu-font-size);
    --side-menu-font-weight: 400;
}

#custom-3372-particle, .holy-art > div {
    padding: 0;
    margin: 0;
}