@import url('//fonts.googleapis.com/css2?family=Balthazar&family=Lato:wght@400;700&display=swap');

/************ 
-sticky menu (tor?)
-Welcome video from Father -- begins when you scroll to it??
-Also enable the Title of this section “Ways to Get Involved” to be a hyperlink to all our ministries.

/************ TEMPLATE  ************
Rotator Size: 1600x900 (wide, 16:9)

/************ FONTS  ************
font-family: 'Balthazar', serif;
font-family: 'Lato', sans-serif;

/************ COLORS  ************
Blue: #3C7BDF; rgba(60,123,223,1)
Light Blue: #82A7E3; rbga(130,167,227,1)
Light Grey: #F1F2F2; rbga(241,242,242,1)

/************ NOTES ************
Paralax scrolling sections: 
-Giving at St. Bernadette: 50% white overlay
-A Snapshot of Our Parish: 50% black overlay

Ways to Get Involved: 80% Blue overlay - rgba(60,123,223,.8)

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

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

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

h1 {color: #3C7BDF; font-size: 6vw; font-family: 'Balthazar', serif;  font-variant-caps: small-caps;}
h2, .page-header h2 { font-variant-caps: small-caps; color: #3C7BDF; font-size: 2.75rem; font-family: 'Balthazar', serif;  }
h3 { font-variant-caps: small-caps; color: #82A7E3; font-size: 2.5rem; font-family: 'Balthazar', serif; border-bottom: 2px #F1F2F2 solid; line-height: 1.1; }
h4 { color: #82A7E3; font-size: 2.2rem; font-family: 'Balthazar', serif;  }
h5 {background: #3C7BDF; font-size: 1.75rem; color: white; border-radius: .2rem; padding: .5rem; font-family: 'Balthazar', serif;}
h6 {color: #82A7E3; font-size: 1.5rem; text-transform: uppercase; margin-bottom: .25rem; }
a { color: #3C7BDF; }
a:hover { color: black; }

.bluetitles h3 { color: #3C7BDF; border: none; }
/*.padheader {padding-top: 12vw;}*/
.bigtitles h2 { font-size: 5rem;}
.g-social a:hover { color: #ddd !important; }

#g-above h3 { color: #3C7BDF; border-bottom: 2px #82A7E3 solid; }

.homelayout h4 {font-size: 2rem;}
.homelayout h6 {font-size: 1.75rem;}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    h1 { font-size: 2.5rem; } 
    h2 { font-size: 2.25rem; }
    h3 { font-size: 2rem; }
    h4 { font-size: 2rem; }
    h5 { font-size: 1.75rem; }
    h6 { font-size: 1.75rem; }
    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: 11vw;} 
 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; }
	.padheader {padding-top: 0;}
	.bigtitles h2 { font-size: 8vw;}
	.flextable.spacedcells > div { padding-bottom: 10px;}
	.homelayout h4 {font-size: 1.75rem;}
.homelayout h6 {font-size: 1.5rem;}
}



.readon, .button, .btn, p.readmore .btn, .sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span, .listentobutton.moduletable a {
	background: #82A7E3;
}
.whiteoutlinebutton {
	background: none;
	border: 2px white solid;
	border-radius: 2px;
	text-transform: uppercase;
	font-size: 1.5rem;
	padding: 1.5vw 2.5vw;
	color: white;
}
.whiteoutlinebutton:hover {
	background: #82A7E3;
	border: 2px #3C7BDF solid;
}
.blueoutlinebutton {
	background: none;
	border: 2px #3C7BDF solid;
	border-radius: 2px;
	/*text-transform: uppercase;*/
	font-size: 1.5rem;
	padding: 1.5vw 2.5vw;
	color: #3C7BDF;
}
.blueoutlinebutton:hover {
	background: #82A7E3;
}

#g-slideshow .blueoutlinebutton {
	background: transparent;
	border: 2px white solid;
	border-radius: 2px;
	/*text-transform: uppercase;*/
	font-size: 1.5rem;
	padding: 1.5vw 2.5vw;
	color: white;
}
#g-slideshow  .blueoutlinebutton:hover {
	background: white;
	color: #3C7BDF;
}

/************ HEADER  ************/
.alert {border: none; padding: 0; margin: 0; background-color: #7ed478; color: #065514;}
.parish-alert {border: none; padding: 0; margin: 0; background-color: #82A7E3; color: #061855;}
.alert-danger a, .alert-error a, .alert-danger a:hover, .alert-error a:hover, .alert-danger .alert-link, .alert-error .alert-link, .alert-danger .alert-link:hover, .alert-error .alert-link:hover {
color: #065514;
}
.alert h1, .alert h2, .alert h3, .alert h4, .alert h5, .alert h6, .alert p {
    margin-left: 20px;
    color: #065514;
    background: transparent;
}
.parish-alert h1, .parish-alert h2, .parish-alert h3, .parish-alert h4, .parish-alert h5, .parish-alert h6, .parish-alert p {
    margin-left: 20px;
    color: #061855;
    background: transparent;
}


body:not(.homelayout) #g-top { background: white url(/images/template/headerbackground.jpg) 50% 50% no-repeat; background-size: cover; }
/*body #g-top { background: white url(/images/template/headerbackground.jpg) 50% 50% no-repeat; background-size: cover; }*/
.homelayout #g-top {
	position: relative;
    top: 0;
    right: 0;
    left: 0;
    z-index: 999;
	/* background: white; */
}
#g-top {padding: 0;}
#g-top .g-container {background: rgba(60, 123, 223, 0.6); padding: 0 5%; width: 100%;}
#g-top .g-content {padding: 0; margin: 0;}
.g-logo img {max-height: 11vw; width: auto; padding-top: 10px;}
.g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content {
    word-break: normal;
    line-height: normal;
    color: white;
    font-weight: bold;
}
form { margin: 0; }
.g-main-nav .g-toplevel > li:hover, .g-main-nav .g-toplevel > li.active { border-radius: 10px 10px 0 0; }
input[type="search"] {  background-color: rgba(0,0,0,0);  border: 2px solid white; color: white; } 
input[type="search"]::placeholder {  color: white; } 
#g-navigation { height: 56vw; position: relative; }
#g-navigation h1, #g-navigation h2, #g-navigation h3, #g-navigation h4, #g-navigation h5,#g-navigation h6, #g-navigation p, #g-navigation a { color: white; text-shadow: 0px 0px 5px rgba(0,0,0,.8); }
#g-navigation .platform-content {padding: 0; margin: 0;}

/* #g-top.sticky {position: fixed; left: 0; right:0; top: 0; z-index: 999;} */

#g-top .g-container .g-grid:nth-child(4) { display: none; opacity: 0; transition: all .5s ease-in-out; }
@media only screen and (min-width: 768px) {
	#g-top.sticky .g-container .g-grid:nth-child(4)  { 
		/* background: white url(/images/template/headerbackground3.jpg) 50% 50% no-repeat; */
		background: #3c7bdf;
		box-shadow: 2px 2px 5px rgb(0 0 0 / 40%);
		background-size: cover;
		display: flex; position: fixed; left: 0; right:0; top: 0; z-index: 999;
		padding: 0 5%;
		opacity: 1; 
	} 
	
	
}

@media only screen and (max-width: 767px) {
	#g-top .g-container {    padding: 10px 5% 20px 5%;}
}


.g-main-nav .g-sublevel > li { margin: 0;}
.g-main-nav .g-sublevel > li > .g-menu-item-container {font-size: 1.1rem; }
.g-menu-item-1248 .g-menu-item-title, 
.g-menu-item-1249 .g-menu-item-title, 
.g-menu-item-1257 .g-menu-item-title, 
.g-menu-item-1265 .g-menu-item-title, 
.g-menu-item-1272 .g-menu-item-title, 
.g-menu-item-1295 .g-menu-item-title, 
.g-menu-item-1298 .g-menu-item-title {
	font-family: 'Balthazar', serif;
    font-size: 1.4rem;
	text-decoration: underline;
}
.g-main-nav .g-sublevel>li>.g-menu-item-container {padding: 0.325rem 0.625rem;}


@media only screen and (max-width: 767px) {
	.homelayout #g-top { position: relative; background: #3C7BDF; padding-bottom: 20px;}
	.g-logo img {height: 140px; width: auto;}
	.g-logo { width: 70%; margin: auto;}
}

.homelayout h3, h3.g-title, .homelayout .sprocket-tabs-text { font-size: 2.5rem; line-height: 1.1;}

.backtotoparrow { z-index: 10; position: fixed; bottom: 75px; right: 20px; }
.backtotoparrow .fa { font-size: 3rem; text-shadow: 2px 2px #ffffff;}
.backtotoparrow p { font-size: 2rem; text-shadow: 2px 2px #ffffff;}
.box6 > .g-content {background: transparent !important; }
.box6 > .g-content:hover {background: transparent !important; }
.box6 a {box-shadow: none; font-size:1.5rem; color: #82A7E3; }
.box6 a:hover {box-shadow: none; color: black; }
.g-iconmenu span { display: block; text-align: center; }
.g-iconmenu .g-iconmenu-text {  line-height: 1.1; font-size: 1.4vw; }
.g-iconmenu .g-iconmenu-icon {  font-size: 2rem; padding-bottom: 10px; }
.g-iconmenu img { height: 4vw; padding-bottom: 17px; }

span.g-iconmenu-icon.blue { color: #235BA8 !important; }
/************ QUICKLINKS  ************/

.homelayout #g-container-main .accordion .accordion-item-title {
	font-family: 'Balthazar', serif;
	font-size: 3rem;
	color: #82A7E3;
	
}

#g-mainbar:not(.homelayout) img {padding-bottom: 10px;}


/************ MODULES  ************/
.moduletable .nav.menu, .moduletable .unstyled { background: #3C7BDF; }
.moduletable .nav.menu li.current.active a, .moduletable .nav.menu li a:hover {
	color: #3C7BDF;
	background: #f1f2f2;
}
.sprocket-strips-s-content > a.readon { text-transform: uppercase; color: #82A7E3; background: none; padding: 0; margin-top: 4px; }
h4.sprocket-strips-s-title { margin-bottom: .2rem;}
.sprocket-strips-s-block { margin-bottom: 0px;}
.sprocket-strips-s-pagination { position: absolute; }

/************ SECTIONS  ************/
#g-copyright a { color: white; }
.homelayout #g-slideshow { padding: 2% 0 0 0;}
#g-slideshow { padding: 0;}
#g-slideshow .g-content { margin: 0; padding: 0; }
/*#g-slideshow iframe { box-shadow: 0px 0px 10px rgba(0,0,0,.8);}*/
.homelayout #g-slideshow  { box-shadow: 0px 0px 10px rgba(0,0,0,.8);}
#g-slideshow h1, 
#g-slideshow h2, 
#g-slideshow h3, 
#g-slideshow h4, 
#g-slideshow h5 {margin: 0.75rem 1.3rem 0.15rem 1.3rem; color: white; }
#g-slideshow p {margin: 0.25rem 1.3rem 0.25rem 1.3rem; color: white; }
#g-slideshow h6 {margin: 0.75rem 1.3rem 0 1.3rem; color: white; }
#g-slideshow h2 {font-size: 2.25rem;}

@media only screen and (min-width: 767px) {.homelayout #g-slideshow > .g-grid:nth-child(2)  {background: #3C7BDF; padding: 2%;}}
/*.homelayout #g-slideshow .g-grid:nth-child(2) .g-block {background: rgba(255,255,255,0.25); padding: 2%;}*/
    .homelayout iframe {
        border-radius: 1rem;
        overflow: hidden;
    }

@media only screen and (max-width: 767px) {
	.homelayout #g-slideshow > .g-grid:nth-child(2)  {background: #3C7BDF; padding: 2% 5%;}
}


.homelayout #g-above { background: var(--secondary-color) !important;/*url(/images/stories/template/paralax-giving.jpg) 50% 0 no-repeat; background-size: cover;*/ }
.homelayout #g-above .g-grid { background: rgba(255,255,255,.6); padding: 2% 5%; min-height: 350px; }
.homelayout #g-above .g-grid .g-block { display: flex; align-items: center;   }
.homelayout #g-above .g-grid .g-block .g-content { flex: 1; }

/*
#g-utility .g-grid { box-shadow: 0px 0px 8px rgba(0,0,0,.5); margin: 10px 20px;}
#g-utility p { margin: 0; padding: 0;}
#g-utility .platform-content {padding: 0; margin: 0;}
*/

/*-feature .g-grid { padding-top: 2vw; padding-bottom: 2vw;}*/
#g-feature .g-content-array .g-grid { margin-bottom: 0;}
#g-feature .g-content-array .g-content {padding-bottom: 0.25rem;}
.tabstextpicoverlay .sprocket-tabs-inner .sprocket-tabs-text{ background: rgba(60,123,223,.7);  }
.tabstextpicoverlay .sprocket-tabs-nav li.active .sprocket-tabs-text, .tabstextpicoverlay .sprocket-tabs-nav li:hover .sprocket-tabs-text { background: rgba(60,123,223,.6);}
#g-feature .sprocket-tabs-text { color: white; border: none;} 
.sprocket-tabs-nav li .sprocket-tabs-inner { text-transform: none; }
.sprocket-tabs-nav > li { font-family: 'Lato', sans-serif;}
.sprocket-tabs-panel p { margin-bottom: .5rem; }
.tabstextpicoverlay .sprocket-tabs-nav li {position: relative;}

.homelayout #g-container-main .sprocket-tabs-text {font-size: 2rem;}

.sprocket-tabs-nav {
    border-bottom: 0px solid #fff;
    background: none;
}


@media only screen and (max-width: 767px) {
	.homelayout #g-container-main .sprocket-tabs-text {font-size: 2.5vw;}
}

#g-extension .boxshadow { margin: 0; }
#g-extension { padding-top: 3vw; padding-bottom: 3vw; }


#g-bottom { background: url(/images/stories/template/paralax-snapshot.jpg) 50% 0 no-repeat; background-size: cover; }
#g-bottom .g-grid { background: rgba(0,0,0,.6); padding: 2% 8%; /*min-height: 450px;*/ }
#g-bottom .g-grid { display: flex; align-items: center; }
#g-bottom .g-grid .g-content .platform-content { width: 100%; }

.g-gridstatistic .g-gridstatistic-item-text1 {font-family: 'Balthazar', serif !important; color: white; font-size: 4.5rem;}
.g-gridstatistic .g-gridstatistic-item-text2 {color: white; opacity: 1;}
#g-bottom h2 {color: white; font-size: 5rem;}

#g-copyright a:hover { color: white; }


@media only screen and (max-width: 767px) {
	.heightvw18 .sprocket-strips-item, .heightvw18 .sprocket-strips-s-item img, .coverimgarea .sprocket-strips-s-item img { height:  40vw; width: 40vw;}
	.homelayout .sprocket-tabs-text {	font-size: 3.4vw;}
	.bigtitles { font-size: 10vw; }
	#g-showcase .g-content { padding-left: 0px; padding-right: 0px; margin-left: 0px; margin-right: 0px;}
	.homelayout #g-container-main .g-content { padding-left: 0px; padding-right: 0px; margin-left: 0px; margin-right: 0px;}
	#g-mainbar .moduletable { margin: 1.375rem; }
}



/************ ROTATOR  ************/
.verticalcolumnoverlay div, .verticalcolumnoverlay > a {
	background: rgba(0,25,64,.8);
	color: white; 
}

.verticalcolumnoverlay > a:hover {background: rgba(0,25,64,.9); color: white;}


/************ MOBILE  ************/
.g-offcanvas-toggle { color:white }

/************ CALENDAR  ************/
.rme-badge { background: #3487CC; font-size: 1.5rem; width: 75px;}
.rme-day {font-size: 2.5rem;}
.rme-title {font-size: 1.1rem;} 
.rme-time {font-size: 1rem; }
.rme-timeline-point:hover, .rme-timeline-point.active, .rme-timeline-point span { background: #3C7BDF; }
/*#g-expanded .button, #g-extension .button { background: #3C7BDF; }*/
#g-expanded .button:hover, #g-extension .button:hover { background: #82a7e3; }


/************ SPECIAL BOX SHADOWS  ************/
.twoboxesbordered iframe {
    box-shadow: 0px 0px 10px rgba(0,0,0,.8);
    width: 34vw;
    height: 18vw;
}
.boxinarea {
	box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	height: 18vw;
	display: flex;
	justify-content: center; 
}
.boxinarea p { padding: 0; margin: 0;}

.fullheightwide { height: 25vw; width: 40vw;}

@media only screen and (max-width: 767px) {
	.fullheightwide { height: 48vw; width: 80vw;}
	.boxshadow { box-shadow: none;}
}

#searchbar input { font-size: 5rem;}
#g-container-overlay { z-index: 1000; }

#trigger-overlay { font: normal normal normal 14px/1 FontAwesome; font-size: 2rem;}
#trigger-overlay:before { content: "\f002";	}
.g-overlaytoggle-bar-wrapper { display: none; }


.fancytable th, .infotables th { color: white; background: #3C7BDF; border: 1px solid #3C7BDF;}
.fancytable td, .infotables td { border: 1px solid #3C7BDF; padding: 5px 10px; }

.stafflayout #g-mainbar img:hover { transform: scale(1.05); transition-duration: 2.25s; }

.newslayout .pull-left.item-image img {max-width: 25vw;}
@media only screen and (max-width: 767px){
	.newslayout .pull-left.item-image img {width: 100%}
}


.tabstextpicoverlay .sprocket-tabs-nav li.active .sprocket-tabs-text, .tabstextpicoverlay .sprocket-tabs-nav li:hover .sprocket-tabs-text {
	background: rgb(64 104 169 / 95%);

}

.tabstextpicoverlay .sprocket-tabs-nav li.active, .tabstextpicoverlay .sprocket-tabs-nav li:hover {
    transform: scale(1.1);
}

#search-overlay, #search-overlay2 { color: white;  font-size: 2rem;}
#g-container-overlay .g-content { padding: 0; margin: 0;}


/**********CONFIRMATION QUICKLINKS***************/
.reforms { width: 100%; display: table; table-layout: fixed; color: white;}
.reforms a { color: white;}
.reforms a[href*="?option=com_fileman"]:before { display: none;}
.reforms td {width: 2%; background: #3c7bdf; }
.reforms img { box-shadow: rgb(0 0 0 / 20%) 0px 0px 10px; }
.reforms img:hover { transform: scale(1.1); transition-duration: 1.25s; }

 
 @media only screen and (max-width: 767px){ 
 .reforms, .reforms div, .reforms, .reforms td, .reforms tbody, .reforms tr{ display: block; table-layout:auto; width: 100%; border: none; margin: 0;}
 .reforms img { display: block; margin: 0 auto; width: 100%;}
}
.k-ui-namespace .mod_docman.mod_docman--documents {  justify-content: left;}

/*.homelayout #g-feature {
	padding: 2;
}*/

@media only screen and (min-width: 767px) {
	.homelayout #g-slideshow > .g-grid:has(.quicklink-images) {
		padding: 0 0 2vw 0!important;
	}
}

@media only screen and (max-width: 767px) {
	.homelayout #g-slideshow > .g-grid:has(.quicklink-images) {
		padding: 2rem 0!important;
	}
}

@media only screen and (min-width: 767px) {
	.homelayout .ph-sidepics-3 .g-content-array-pagination .button {
		color: #3C7BDF;
		background: white;
	}
}

@media only screen and (min-width: 767px) {
	.quicklink-images {
		margin: 0;
		padding: 0;
	}
	.quicklink-images > div {
		margin: 0;
		padding: 0;
	}
	.quicklink-images > div > div {
		margin: 0;
		padding: 0;
	}
	.quicklink-images .g-blockcontent {
		margin: 0;
		padding: 0;
	}
	.quicklink-images .g-blockcontent-subcontent {
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: row;
		gap: 4vw;
		justify-content: center;
	}
	.quicklink-images .g-blockcontent-subcontent-block {
		margin: 0;
		padding: 0;
		position: relative;
		background: #ffffff;
		border-radius: 1rem;
		overflow: hidden;
		box-shadow: 4px 4px 4px rgba(0,0,0,.4);
		border: 2px solid #3C7BDF;
		flex: 1;
		transition: .3s all ease-in-out;
	}
	.quicklink-images .g-blockcontent-subcontent-block:hover {
		transform: scale(1.05);
	}
	.quicklink-images .g-blockcontent-subcontent-block-content {
		margin: 0;
		padding: 1.5vw;
		display: flex;
		flex-direction: row;
		gap: 1vw;
		justify-content: flex-start;
		align-items: center;
		transition: .3s all ease-in-out;
	}
	.quicklink-images .g-blockcontent-subcontent-img {
		margin: 0;
		padding: 0;
		width: 6vw;
		height: auto;
		order: 1;
		transition: .3s all ease-in-out;
	}
	.quicklink-images .g-blockcontent-subcontent-title {
		margin: 0;
		padding: 0;
		order: 2;
		color: #3C7BDF;
		font-size: 1.75vw;
		line-height: 1;
		text-transform: none;
		font-variant-caps: normal;
		font-weight: 700;
		transition: .3s all ease-in-out;
	}
	.quicklink-images .g-blockcontent-subcontent-title-text {
		margin: 0;
		padding: 0;
		color: #3C7BDF;
		font-size: 1.75vw;
		line-height: 1;
		text-transform: none;
		font-variant-caps: normal;
		font-weight: 700;
		transition: .3s all ease-in-out;
	}
	.quicklink-images .g-blockcontent-buttons {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100%;
		width: 100%;
		opacity: 0;
	}
	.quicklink-images .g-blockcontent-buttons a {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100%;
		width: 100%;
		opacity: 0;
	}
}

@media only screen and (max-width: 767px) {
	.quicklink-images {
		margin: 0;
		padding: 0;
	}
	.quicklink-images > div {
		margin: 0;
		padding: 0;
	}
	.quicklink-images > div > div {
		margin: 0;
		padding: 0;
	}
	.quicklink-images .g-blockcontent {
		margin: 0;
		padding: 0;
	}
	.quicklink-images .g-blockcontent-subcontent {
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: column;
		gap: 1rem;
		justify-content: center;
	}
	.quicklink-images .g-blockcontent-subcontent-block {
		margin: 0;
		padding: 0;
		position: relative;
		background: #ffffff;
		border-radius: 1rem;
		overflow: hidden;
		box-shadow: 4px 4px 4px rgba(0,0,0,.4);
		border: 2px solid #3C7BDF;
		flex: 1;
		transition: .3s all ease-in-out;
	}
	.quicklink-images .g-blockcontent-subcontent-block:hover {
		transform: scale(1.05);
	}
	.quicklink-images .g-blockcontent-subcontent-block-content {
		margin: 0;
		padding: 1rem;
		display: flex;
		flex-direction: row;
		gap: 1rem;
		justify-content: flex-start;
		align-items: center;
		transition: .3s all ease-in-out;
	}
	.quicklink-images .g-blockcontent-subcontent-img {
		margin: 0;
		padding: 0;
		width: 12vw;
		height: auto;
		order: 1;
		transition: .3s all ease-in-out;
	}
	.quicklink-images .g-blockcontent-subcontent-title {
		margin: 0;
		padding: 0;
		order: 2;
		color: #3C7BDF;
		font-size: 4vw;
		line-height: 1;
		text-transform: none;
		font-variant-caps: normal;
		font-weight: 700;
		transition: .3s all ease-in-out;
	}
	.quicklink-images .g-blockcontent-subcontent-title-text {
		margin: 0;
		padding: 0;
		color: #3C7BDF;
		font-size: 4vw;
		line-height: 1;
		text-transform: none;
		font-variant-caps: normal;
		font-weight: 700;
		transition: .3s all ease-in-out;
	}
	.quicklink-images .g-blockcontent-buttons {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100%;
		width: 100%;
		opacity: 0;
	}
	.quicklink-images .g-blockcontent-buttons a {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100%;
		width: 100%;
		opacity: 0;
	}
}

@media only screen and (min-width: 767px) {
    .ph-lower-title {
		margin: 0;
		padding: 0;
	}
	.ph-lower-title > div {
		margin: 0;
		padding: 0;
	}
	.ph-lower-title .g-content-array {
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: row;
		gap: 2vw;
		flex-wrap: wrap;
	}
	.ph-lower-title .g-content-array > .g-grid {
		margin: 0;
		padding: 0;
		position: relative;
		flex: 1;
		min-width: calc(50% - 1vw);
		max-width: calc(50% - 1vw);
		border: none!important;
		transition: .3s all ease-in-out;
	}
	.ph-lower-title .g-content-array > .g-grid:hover {
		transform: scale(1.05);
	}
	.ph-lower-title .g-content-array > .g-grid > .g-block {
		margin: 0;
		padding: 0;
		transition: .3s all ease-in-out;
	}
	.ph-lower-title .g-content-array > .g-grid > .g-block > .g-content {
		margin: 0;
		padding: 0;
		transition: .3s all ease-in-out;
	}
	.ph-lower-title .g-array-item {
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: column;
		gap: 1vw;
		transition: .3s all ease-in-out;
	}
	.ph-lower-title .g-array-item-image {
		margin: 0;
		padding: 0;
		order: 1;
		transition: .3s all ease-in-out;
	}
	.ph-lower-title .g-array-item-image a {
		margin: 0;
		padding: 0;
		transition: .3s all ease-in-out;
	}
	.ph-lower-title .g-array-item-image img {
		margin: 0;
		padding: 0;
		width: 100%;
		height: auto;
		aspect-ratio: 1/1;
		object-position: center;
		object-fit: cover;
		transition: .3s all ease-in-out;
		box-shadow: 4px 4px 4px rgba(0,0,0,.4);
	}
	.ph-lower-title .g-array-item-title {
		margin: 0;
		padding: 0;
		order: 2;
		transition: .3s all ease-in-out;
	}
	.ph-lower-title .g-item-title {
		margin: 0;
		padding: 0;
		font-size: 1.5vw;
		font-family: 'Balthazar', serif;
		line-height: 1.2;
		text-align: left;
		text-transform: none;
		font-variant-caps: normal;
		border: none;
		color: #3C7BDF;
		font-weight: 400;
		transition: .3s all ease-in-out;
	}
	.ph-lower-title .g-item-title a {
		margin: 0;
		padding: 0;
		font-size: 1.5vw;
		font-family: 'Balthazar', serif;
		line-height: 1.2;
		text-align: left;
		text-transform: none;
		font-variant-caps: normal;
		border: none;
		color: #3C7BDF;
		font-weight: 400;
		transition: .3s all ease-in-out;
	}
	.ph-lower-title .g-array-item-read-more {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100%;
		width: 100%;
		opacity: 0;
	}
	.ph-lower-title .g-array-item-read-more a {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100%;
		width: 100%;
		opacity: 0;
	}
}

@media only screen and (max-width: 767px) {
    .ph-lower-title {
		margin: 0;
		padding: 0;
	}
	.ph-lower-title > div {
		margin: 0;
		padding: 0;
	}
	.ph-lower-title .g-content-array {
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: row;
		gap: 1rem;
		flex-wrap: wrap;
	}
	.ph-lower-title .g-content-array > .g-grid {
		margin: 0;
		padding: 0;
		position: relative;
		flex: 1;
		min-width: calc(50% - .5rem);
		max-width: calc(50% - .5rem);
		border: none!important;
		transition: .3s all ease-in-out;
	}
	.ph-lower-title .g-content-array > .g-grid:hover {
		transform: scale(1.05);
	}
	.ph-lower-title .g-content-array > .g-grid > .g-block {
		margin: 0;
		padding: 0;
		transition: .3s all ease-in-out;
	}
	.ph-lower-title .g-content-array > .g-grid > .g-block > .g-content {
		margin: 0;
		padding: 0;
		transition: .3s all ease-in-out;
	}
	.ph-lower-title .g-array-item {
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: column;
		gap: 1vw;
		transition: .3s all ease-in-out;
	}
	.ph-lower-title .g-array-item-image {
		margin: 0;
		padding: 0;
		order: 1;
		transition: .3s all ease-in-out;
	}
	.ph-lower-title .g-array-item-image a {
		margin: 0;
		padding: 0;
		transition: .3s all ease-in-out;
	}
	.ph-lower-title .g-array-item-image img {
		margin: 0;
		padding: 0;
		width: 100%;
		height: auto;
		aspect-ratio: 1/1;
		object-position: center;
		object-fit: cover;
		transition: .3s all ease-in-out;
		box-shadow: 4px 4px 4px rgba(0,0,0,.4);
	}
	.ph-lower-title .g-array-item-title {
		margin: 0;
		padding: 0;
		order: 2;
		transition: .3s all ease-in-out;
	}
	.ph-lower-title .g-item-title {
		margin: 0;
		padding: 0;
		font-size: 5vw;
		font-family: 'Balthazar', serif;
		line-height: 1.2;
		text-align: left;
		text-transform: none;
		font-variant-caps: normal;
		border: none;
		color: #3C7BDF;
		font-weight: 400;
		transition: .3s all ease-in-out;
	}
	.ph-lower-title .g-item-title a {
		margin: 0;
		padding: 0;
		font-size: 5vw;
		font-family: 'Balthazar', serif;
		line-height: 1.2;
		text-align: left;
		text-transform: none;
		font-variant-caps: normal;
		border: none;
		color: #3C7BDF;
		font-weight: 400;
		transition: .3s all ease-in-out;
	}
	.ph-lower-title .g-array-item-read-more {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100%;
		width: 100%;
		opacity: 0;
	}
	.ph-lower-title .g-array-item-read-more a {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100%;
		width: 100%;
		opacity: 0;
	}
}

@media only screen and (min-width: 767px) {
    .rok-mini-verticle {
        padding: 1rem;
    }
    .rok-mini-verticle .rme-items {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        max-width: 20vw;
    }
    .rok-mini-verticle .rokminievents3 {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .rok-mini-verticle .rme-items li {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        gap: 1rem;
        max-height: 5vw;
        align-items: stretch;
        border-radius: 0;
        max-width: 20vw;
    }
    .rok-mini-verticle .rme-badge {
        background: #3C7BDF;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        width: unset;
        height: unset;
        border-radius: .5rem;
        color: #ffffff;
        line-height: 1;
        font-family: 'Lato', sans-serif;
        justify-content: center;
        align-items: center;
        box-shadow: 3px 3px 3px rgba(0,0,0,.3);
    }
    .rok-mini-verticle .rme-day {
        color: #ffffff;
        font-size: 1.5vw;
        font-family: 'Lato', sans-serif;
        padding: 1vw .75vw 0 .75vw;
    }
    .rok-mini-verticle .rme-month {
        color: #ffffff;
        font-size: 1.5vw;
        font-family: 'Lato', sans-serif;
        padding: 0vw .75vw 1vw .75vw;
    }
    .rok-mini-verticle .rme-timeline {
        display: none;
        content-visibility: hidden;
    }
    .rok-mini-verticle .rme-description {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }
    .rok-mini-verticle .rme-title {
        font-size: 1.25vw;
        font-family: 'Balthazar', serif;
        font-weight: 600;
        color: #4a4a4a;
    }
    .rok-mini-verticle .rme-time {
        font-size: 1.25vw;
        font-family: 'Lato', sans-serif;
        font-weight: 400;
        color: #4a4a4a;
    }
}

@media only screen and (max-width: 767px) {
    .rok-mini-verticle {
        padding: 1rem;
    }
    .rok-mini-verticle .rme-items {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        max-width: 70vw;
    }
    .rok-mini-verticle .rokminievents3 {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .rok-mini-verticle .rme-items li {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        gap: 1rem;
        max-height: 5rem;
        overflow: hidden;
        align-items: stretch;
        border-radius: 0;
        max-width: 70vw;
    }
    .rok-mini-verticle .rme-badge {
		background: #3C7BDF;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        width: unset;
        height: unset;
        border-radius: .5rem;
        color: #ffffff;
        line-height: 1;
        font-family: 'Lato', sans-serif;
        justify-content: center;
        align-items: center;
        box-shadow: 3px 3px 3px rgba(0,0,0,.3);
    }
    .rok-mini-verticle .rme-day {
        color: #ffffff;
        font-size: 4vw;
        font-family: 'Lato', sans-serif;
        padding: 2vw .75vw 0 .75vw;
    }
    .rok-mini-verticle .rme-month {
        color: #ffffff;
        font-size: 3.5vw;
        font-family: 'Lato', sans-serif;
        padding: 0vw 2vw 2vw 2vw;
    }
    .rok-mini-verticle .rme-timeline {
        display: none;
        content-visibility: hidden;
    }
    .rok-mini-verticle .rme-description {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }
    .rok-mini-verticle .rme-title {
        font-size: 3.75vw;
        font-family: 'Balthazar', serif;
        font-weight: 600;
        color: #4a4a4a;
    }
    .rok-mini-verticle .rme-time {
        font-size: 3.25vw;
        font-family: 'Lato', sans-serif;
        font-weight: 400;
        color: #4a4a4a;
    }
}