@import url('//fonts.googleapis.com/css2?family=Allura&family=Seaweed+Script&family=Literata:ital,opsz,wght@0,7..72,400;0,7..72,500;0,7..72,600;0,7..72,700;1,7..72,400;1,7..72,500;1,7..72,600;1,7..72,700&family=Tangerine:wght@400;700&display=swap');
/************ TEMPLATE  ************
Rotator Size: 1600x669 (super wide, 2.39:1)

/************ FONTS  ************
Serif: Literata
Title 1: Allura (Header Font)
Title 2: Tangerine (Logo Font)
font-family: 'Allura', cursive;
font-family: 'Tangerine', cursive;

/************ COLORS  ************
Brown: #402E20; rgba(64,46,32,1)
Gold: #C2A14C; rgba(194,161,76,1)

/************ NOTES ************


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

.parish-1 {
    --primary-color: #402E20;
    --secondary-color: #C2A14C;
    
    --primary-rgb: 64,46,32;
    --secondary-rgb: 194,161,76;

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

    --title-font-family: 'Tangerine';
    --title-font-family-2: 'Allura';
    --body-font-family: 'Literata', serif;
    --heading-color:  var(--primary-color);
    --heading-font-family: var(--title-font-family);

    --h2-font-variant-caps: normal;

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

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

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

    --default-transition: all .2s ease-in-out;

    --rok-mini-text: var(--default-white);
    --rok-mini-badge: rgba(var(--secondary-rgb),.6);
    --rok-mini-timeline: rgba(var(--secondary-rgb),.6);

    --ph-title-font-size-desktop: 2.5rem;
    --ph-title-font: var(--title-font-family);
    --ph-title-color: var(--primary-color);

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

/* using the defaults from fonts.css


h1, h2, h3, h4, h5, h6 {margin: .75rem 0; line-height: 1.3; font-weight: normal;}
p {line-height: 1.3;}
.page-header h1 {text-transform: none; font-size: 3rem;}
.page-header h2 {padding-bottom: 0.25rem; line-height: 2.5rem;}
h1 {color: var(--heading-color); font-family: var(--heading-font-family); font-size: var(--h1-font-size); font-weight: var(--h1-font-weight); font-variant-caps: var(--h1-font-variant-caps); text-transform: var(--h1-text-transform); line-height: var(--h1-line-height); margin: var(--h1-margin); padding: var(--h1-padding); border-bottom: var(--none); border-radius: var(--null); background: var(--h1-background);}
h2 {color: var(--heading-color); font-family: var(--heading-font-family); font-size: var(--h2-font-size); font-weight: var(--h2-font-weight); font-variant-caps: var(--h2-font-variant-caps); text-transform: var(--h2-text-transform); line-height: var(--h2-line-height); margin: var(--h2-margin); padding: var(--h2-padding); border-bottom: var(--none); border-radius: var(--null); background: var(--h2-background);}
h3 {color: var(--heading-color); font-family: var(--heading-font-family); font-size: var(--h3-font-size); font-weight: var(--h3-font-weight); font-variant-caps: var(--h3-font-variant-caps); text-transform: var(--h3-text-transform); line-height: var(--h3-line-height); margin: var(--h3-margin); padding: var(--h3-padding); border-bottom: var(--title-border-bottom); border-radius: var(--null); background: var(--h3-background);}
h4 {color: var(--heading-color); font-family: var(--body-font-family); font-size: var(--h4-font-size); font-weight: var(--h4-font-weight); font-variant-caps: var(--h4-font-variant-caps); text-transform: var(--h4-text-transform); line-height: var(--h4-line-height); margin: var(--h4-margin); padding: var(--h4-padding); border-bottom: var(--none); border-radius: var(--h4-border-radius); background: var(--h4-background);}
h5 {color: var(--default-white); font-family: var(--heading-font-family); font-size: var(--h5-font-size); font-weight: var(--h5-font-weight); font-variant-caps: var(--h5-font-variant-caps); text-transform: var(--h5-text-transform); line-height: var(--h5-line-height); margin: var(--h5-margin); padding: var(--h5-padding); border-bottom: var(--none); border-radius: .2rem; background: var(--primary-color);}
h6 {color: var(--secondary-color); font-family: var(--body-font-family); font-size: var(--h6-font-size); font-weight: var(--h6-font-weight); font-variant-caps: var(--h6-font-variant-caps); text-transform: var(--h6-text-transform); line-height: var(--h6-line-height); margin: var(--h6-margin); padding: var(--h6-padding); border-bottom: var(--none); border-radius: var(--null); background: var(--h6-background);}
a {color: var(--primary-color);} 
*/
a:hover {color: #C2A14C;}
body {font-family: 'Literata', sans-serif; }
.page-header h2, .page-header h1 {font-size: 3rem;}
h2 {font-family: var(--title-font-family-2);}
span.oneword {font-family: var(--title-font-family-2); font-size: 2rem;}
span.allura {font-family: var(--title-font-family-2); font-size: 2rem;}
h6 {text-transform: none;}
h3 {border-bottom: 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;} 
} 


blockquote {
    color: #402E20;
    padding: 0 0 0 10px;
    margin: 0 0 20px;
    border-left: 0px solid #d5d5d5;
    font-family: 'Allura', cursive;
    line-height: 1.2;
    font-size: 1.75rem;
	letter-spacing: 1px;
}
/*
blockquote:before, blockquote:after {
	font-size: 8rem;
	position: relative; 
	color: #402E20;
	font-family: serif;
	font-weight: 900;
	line-height: 0;
}
blockquote:before { content: "\201C"; top: 50px; left: -60px;}
blockquote:after { content: "\201D"; bottom: -75px; right: -45px; }
*/

.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: 'Literata', sans-serif; 
} 

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

/*************** TOP **********************/ 
/*************** NAVIGATION ***************/
.parish-home.homelayout #g-navigation {
    position: relative;
    height: 42vw!important;
}
.parish-home.homelayout #g-navigation > .g-grid {position: absolute;}
.parish-home.homelayout #g-navigation > .g-grid:nth-child(1) {top: 0; left: 0; right: 0; width: 100%; z-index: 11;}
.parish-home.homelayout #g-navigation > .g-grid:nth-child(2) {top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 10;}
.parish-home.homelayout #g-navigation > .g-grid > .g-block > .g-content {margin: 0; padding: 0;}
#g-navigation .g-logo {text-align: center;}
#g-navigation .g-logo img {margin-top: 1vw; width: 60%;}

@media only screen and (min-width: 50.99rem) {
    .ph-sidepics-2 .g-item-title {
        font-weight: 700;
    }
}

@media only screen and (max-width: 50.99rem) {
    .parish-home.homelayout #g-navigation {position: initial; height: auto!important;}
    .parish-home.homelayout #g-navigation > .g-grid {position: initial;}

    #g-navigation .g-logo img {margin: 1rem; width: 70%;}
}

#swiper-6008 .slide {  background-color: rgba(9, 13, 15, 0.25) !important;}

    /**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: 'Literata', sans-serif; }

.rok-mini-particle .rem-title {
    color: var(--default-white)!important;
}

/*************** SLIDESHOW ****************/ 
.parish-home.homelayout #g-slideshow {background: url('/images/template/coatofarms-faded.png') 50% 50% no-repeat; background-position: center;}

/*************** HEADER *******************/

.hero img {opacity: 0.85;}

/*************** ABOVE ********************/
@media only screen and (min-width: 50.99rem) {
    .ql-inner-box .g-blockcontent-subcontent-title > .g-blockcontent-subcontent-title-text {border: none; align-items: flex-end;}
}

/*************** SHOWCASE *****************/
/*************** UTILITY ******************/
.parish-home.homelayout #g-utility h3.g-title {color: var(--default-white); border-bottom: none; font-size: 5rem; font-weight: 400; font-family: var(--title-font-family);}
.parish-home.homelayout #g-utility .button {background: none; border-radius: 0; border: 1px solid var(--default-white); font-family: var(--title-font-family); font-size: 2rem; padding: 1vw 3vw; margin-top: 2vw;}
.parish-home.homelayout #g-utility .button:hover {background: var(--secondary-color);}

.parish-home.homelayout #g-utility {background: url('/images/template/paralax.jpg') 0% 0% no-repeat; background-size: cover; background-position: center; background-attachment: fixed;}
.parish-home.homelayout #g-utility > .g-container {background: rgba(var(--primary-rgb),.8); padding: 7vw 5%!important;}

@media only screen and (max-width: 50.99rem) {
    .parish-home.homelayout #g-utility h3.g-title {font-size: 4rem;}
    .parish-home.homelayout #g-utility {background-attachment: initial;}
}

/*************** FEATURE ******************/
/*************** MAIN *********************/
.social-frame .g-array-item-text {margin-top: 3vw;}
.parish-home.homelayout #g-container-main {padding: 0 10%;}
.parish-home.homelayout #g-container-main h2.g-title {font-size: 5rem; color: var(--primary-color);}
.parish-home.homelayout #g-container-main .submod-button .button {background: none; color: var(--primary-color); border-radius: 0; border: 1px solid var(--primary-color); font-family: var(--title-font-family); font-size: 2rem; padding: 1vw 3vw;}
.parish-home.homelayout #g-container-main .submod-button .button:hover {background: var(--secondary-color);}
.ph-sidepics-2 .g-array-item-title    { font-family: var(--title-font-family);}

@media only screen and (min-width: 50.99rem) {
    .ph-sidepics-2 .g-array-item {box-shadow: 0px 0px 10px rgba(0,0,0,.5);}
    .ph-sidepics-2 .g-content-array > .g-grid:not(.g-content-array > .g-grid:nth-last-of-type(2)) {border-bottom: none;}
    .ph-sidepics-2 .g-title {font-family: var(--title-font-family); border-bottom: none; font-weight: 700;}
	
}

@media only screen and (max-width: 50.99rem) {
    .parish-home.homelayout #g-container-main {padding: 0;}
    .parish-home.homelayout #g-container-main h2.g-title {font-size: 4rem;}
    .submod-button > .g-content {margin: -1rem 0.625rem 0.625rem 0.625rem;}
}

/*************** EXPANDED *****************/ 
/*************** EXTENSION ****************/
/*************** BOTTOM *******************/
/*************** FOOTER *******************/
#g-footer {background: url('/images/template/footer-bg.jpg') 0% 0% no-repeat; background-size: cover; font-family: 'Literata', serif;}
#g-footer .g-particle.g-content {display: flex; justify-content: center; align-items: center;}
#g-footer .g-joomla-articles .g-content {margin: 0; padding: 0;}
#g-footer .g-content-array {margin: 0;}
#g-footer a {color: var(--primary-color);} 
#g-footer p {color: var(--primary-color);}

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



/************ SUB PAGES  ************/
.parish-sub #g-page-surround {
    background: white url(../images/template/backgroundtexture.jpg) 0% 50% no-repeat;
    background-size: cover;
    background-attachment: fixed;
} 
.parish-sub #g-container-main { margin: 0; padding: 0 10%; }
.parish-sub #g-container-main {background: none; }

.minus10, .platform-content .moduletable.minus10  {  margin: 0 calc(-10vw - 20px); }
.plus10, .platform-content .moduletable.plus10 {  margin: 0 10vw; }
.fullwidthpic { width: 100%;}
img.fullwidth { width: 100%;}

.mtable .sprocket-lists-pagination-hidden {display: none;}

.flexrow > .imageside { flex: 2;}
.flexrow > .moduleside { flex-basis: 35%}

.shoj {background: url(../images/stories/template/hero/sacredheartofjesus.jpg) 0% 50% no-repeat; }
.wauwatosa {background: url(../images/stories/template/hero/wauwatosa.jpg) 0% 0% no-repeat;}
.coatofarms {background: url(../images/stories/template/hero/coatofarms.jpg) 0% 0% no-repeat;}


.candles {background: url(../images/stories/template/hero/candles.jpg) 0% 50% no-repeat; }
.candles2 {background: url(../images/stories/template/hero/candles2.jpg) 0% 0% no-repeat;}
.candles3 {background: url(../images/stories/template/hero/candles3.jpg) 0% 0% no-repeat;}
.comeandsee1 {background: url(../images/stories/template/hero/comeandsee1.jpg) 0% 50% no-repeat;}
.comeandsee2 {background: url(../images/stories/template/hero/comeandsee2.jpg) 0% 50% no-repeat;}
.comeandsee3 {background: url(../images/stories/template/hero/comeandsee3.jpg) 0% 50% no-repeat;}
.comeandsee4 {background: url(../images/stories/template/hero/comeandsee4.jpg) 0% 50% no-repeat;}
.creek {background: url(../images/stories/template/hero/creek.jpg) 0% 0% no-repeat;}
.dewdrops {background: url(../images/stories/template/hero/dewdrops.jpg) 0% 0% no-repeat;}
.dewdrops2 {background: url(../images/stories/template/hero/dewdrops2.jpg) 0% 0% no-repeat;}
.flowers {background: url(../images/stories/template/hero/flowers.jpg) 0% 0% no-repeat;}
.flowers2 {background: url(../images/stories/template/hero/flowers2.jpg) 0% 0% no-repeat;}
.goldfinch {background: url(../images/stories/template/hero/goldfinch.jpg) 0% 0% no-repeat;}
.hands {background: url(../images/stories/template/hero/hands.jpg) 35% 0% no-repeat;}
.hands2 {background: url(../images/stories/template/hero/hands2.jpg) 35% 0% no-repeat;}
.lifeofprayer1 {background: url(../images/stories/template/hero/lifeofprayer1.jpg) 0% 0% no-repeat;}
.leaves {background: url(../images/stories/template/hero/leaves.jpg) 0% 0% no-repeat;}
.prayer {background: url(../images/stories/template/hero/prayer.jpg) 0% 0% no-repeat;}
.prayer2 {background: url(../images/stories/template/hero/prayer2.jpg) 0% 0% no-repeat;}
.prayer3 {background: url(../images/stories/template/hero/prayer3.jpg) 0% 0% no-repeat;}
.path1 {background: url(../images/stories/template/hero/path1.jpg) 0% 0% no-repeat;}
.path2 {background: url(../images/stories/template/hero/path2.jpg) 0% 0% no-repeat;}
.path3 {background: url(../images/stories/template/hero/path3.jpg) 0% 0% no-repeat;}
.poppys {background: url(../images/stories/template/hero/poppys.jpg) 0% 0% no-repeat;}
.ruins1 {background: url(../images/stories/template/hero/ruins1.jpg) 0% 0% no-repeat;}
.ruins2 {background: url(../images/stories/template/hero/ruins2.jpg) 0% 0% no-repeat;}
.ruins3 {background: url(../images/stories/template/hero/ruins3.jpg) 0% 0% no-repeat;}
.sisters {background: url(../images/stories/template/hero/sisters.jpg) 0% 0% no-repeat;}
.sunrise1 {background: url(../images/stories/template/hero/sunrise1.jpg) 0% 0% no-repeat;}
.sunrise2 {background: url(../images/stories/template/hero/sunrise2.jpg) 0% 0% no-repeat;}
.sunrise3 {background: url(../images/stories/template/hero/sunrise3.jpg) 0% 0% no-repeat;}
.sunrise4 {background: url(../images/stories/template/hero/sunrise4.jpg) 0% 0% no-repeat;}
.sunrise5 {background: url(../images/stories/template/hero/sunrise5.jpg) 0% 0% no-repeat;}
.sunrise6 {background: url(../images/stories/template/hero/sunrise6.jpg) 0% 0% no-repeat;}
.sunrise7 {background: url(../images/stories/template/hero/sunrise7.jpg) 0% 0% no-repeat;}



.publicwitness h4, .publicwitness h3, .publicwitness p, .publicwitness ul {color: white;}

/*.floralback img {object-fit: cover;  width: 100%; }*/
/*.sunsetrose h4, .sunsetrose h3, .sunsetrose p, .sunsetrose ul {color: white;}*/

@media only screen and (max-width: 51rem){
	#g-container-main .simpleparalax, #g-container-main .simpleparallax {background-position: 40% 0% !important;}
}
.br15px {border-radius: 15px;}

/**************** COLORS  ************
Brown: #402E20; rgba(64,46,32,1)
Gold: #C2A14C; rgba(194,161,76,1)
 **********************/

.brownback { background: rgba(64,46,32,0.5); padding: 20px 0; margin-top: 20px; margin-bottom: 20px; }
.brown75back { background: rgba(64,46,32,0.75); padding: 20px 0; margin-top: 20px; margin-bottom: 20px; }
.solidbrownback { background: rgba(64,46,32,1); padding: 20px 0; margin-top: 20px; margin-bottom: 20px; }
.whiteback { background: rgba(255,255,255,.75); padding: 20px; margin-top: 20px; margin-bottom: 20px;}


.brownback h6, .blackback h6, .solidbrownback h6, .brown75back h6 { text-align: center; color: #ffffff; margin: 0 10px; text-transform: none;}
.brownback h4, .blackback h4, .solidbrownback h4, .brown75back h4 { font-variant-caps: small-caps; color: #ffffff; font-size: 1.2rem; margin: 0 10px;}
.brownback p, .brownback li, .brownback h3, .brownback h2  {margin: 0 20px; color: #ffffff; }
.brown75back p, .brown75back li, .brown75back h3, .brown75back h2  {margin: 0 20px; color: #ffffff; }
.solidbrownback p, .solidbrownback li, .solidbrownback h3, .solidbrownback h2  {margin: 0 20px; color: #ffffff; }

.brownback p, .brown75back p, .solidbrownback p {font-size: 1.2rem;}
.whiteback p {color: #402E20; }
.brownback a, .brown75back a, .solidbrownback a   {color: white; }
.brownback a:hover, .brown75back a:hover, .solidbrownback a:hover  {color: #9fa2a3; }


.ltbrownback { background: rgba(159, 162, 163, 0.5); padding: 20px 0; margin-top: 20px; margin-bottom: 20px; }
.goldback { background: rgba(194,161,76, 1); padding: 20px 0; margin-top: 20px; margin-bottom: 20px; }
.ltbrownback h6, .goldback h6 { text-align: center; color: #402E20; margin: 0 10px; text-transform: none;}
.ltbrownback h4, .goldback h4 { font-variant-caps: small-caps; color: #402E20; font-size: 1.25rem; margin: 0 10px;}
.ltbrownback p, .ltbrownback li, .ltbrownback h3  {margin: 0 20px; color: #402E20; }
.goldback p, .goldback li, .goldback h3  {margin: 0 20px; color: #402E20; }



h1.pagetitle { margin-bottom: 0px; z-index: 1; position: relative; font-size: 4rem; margin-top: 1rem;}
h2.pagetitle { margin-bottom: 0px; z-index: 1; position: relative; font-size: 4rem; margin-top: 1rem;}
h6.pagetitle { 
	line-height: 0.8;
    margin-top: -1.5rem;
    color: #C2A14C ;
    font-size: 2rem;
    z-index: -3;
	font-style: italic;
	
}
@media only screen and (max-width: 51rem) {
	h6.pagetitle {font-size: 1.5rem;}
}

.padright { padding-right: 30px;}
.padleft { padding-left: 30px;}
p.csscode {background-color: #f7f7f7;
	border: 1px solid rgba(0, 0, 0, 0.1);
	padding: 0.938rem; margin: 0 0 1.5rem;
	border-radius: 0.1875rem;
	font-family: "Menlo", "Monaco", monospace;
	clear: both;
} 

hr.coa {  
	background: url(../images/template/coat-arms.png) 50% 50% no-repeat;
    background-size: contain;
	width: 100%;
	height: 70px;
	border: none;
	margin: .5rem 0;
}

@media only screen and (min-width: 768px) {
	.flexrow div.imageside:first-child, .flexrow div.moduleside:first-child { padding-right: 30px;}
	.flexrow div.imageside:last-child, .flexrow div.moduleside:last-child { padding-left: 30px;}
	
	.flexrow > .imageside { flex: 2;}
	.flexrow > div { order: 2; }
	/*.flexrow > div.imageside { order: 1; }*/
	.padright, .padleft { padding-right: 0px; padding-left: 0px;}
	
}

table {border: 0px solid transparent;}
td {border: 0px solid transparent; padding: 0.25rem;}
table h6 {margin: 0.25rem 0;}
table p {margin: 0 0 0.5rem 0;}


/*************** MOBILE *******************/
/************ FLEX ITEM  ************/
.flexcolumn { display: flex; flex-direction: column; }
.flexcolumn > div { flex: 1;}
.flexcenter { display: flex; align-items: center; justify-content: center;}

/************ FLEX ITEM  ************/
.flexrow { display: flex; align-items: center; justify-content: center;   }
.flexrow > div { flex: 1;}

@media only screen and (max-width: 767px) {
	.flexrow { flex-direction: column; }
}



/************ AJJ 8/3/2022 BOTTOM RIGHT POPUP BOX  ************/
#bottom-right-hover-box .g-array-item { 
	position: fixed;
	bottom: 2vw;
	right: 2vw;
	width: 30vw;
	text-align: center;
	background: url("/images/stories/template/coatofarms-faded.png") rgba(255,255,255,0.8) top center no-repeat;
	background-size: cover;
	border: 1px var(--primary-color) solid;
	margin: 0;
	z-index: 1000; 
}

#bottom-right-hover-box .g-array-item-text {
	padding: 4vw 2vw 2vw 2vw;
}

.top-right-close {
	position: absolute;
    right: 1vw;
    top: 0vw;
    font-size: 2.5rem;
    font-family: sans-serif;
	cursor: pointer;
}
	

#bottom-right-hover-box .g-array-item p {
	margin: 0;
	padding: 0;
	line-height: 1.1;
}

#bottom-right-hover-box .g-content-array .g-array-item-text {
	margin: 0;
}

#bottom-right-hover-box .g-array-item h1 {
	 font-size: var(--h2-font-size);
	 margin: 0;
	 font-weight: 700;
} 

@media only screen and (max-width: 767px) {
	#bottom-right-hover-box .g-array-item { 
		width: 98vw;
		left: 1vw;
		background: url("/images/template/coatofarms-faded-color.png") rgba(255,255,255,0.9) top center no-repeat;
		background-size: 44%;
		border-radius: 5px;
	}
	
}

/**************SPECIAL EFFECTS*********************/
/**************SAINTS*********************/
.sprocket-grids-b-effect {background: rgba(64,46,32,0.6);}
.sprocket-grids-b-text p, .sprocket-grids-b-text li {font-size: 1rem;}

/*** horarium table ***/
.horariumtable { width: 55vh; display: table; /*table-layout: fixed;*/}
/*.horariumtable td {width: 2%;}*/

 
 @media only screen and (max-width: 767px){ 
 .horariumtable, .horariumtable div, .horariumtable, .horariumtable td, .horariumtable tbody, .horariumtable tr{ display: inline-block; table-layout:auto; /*width: 10%;*/ border: none; margin: 0;}
 .horariumtable img { display: block; margin: 0 auto; width: 100%;}
}

.parish-1 .rok-mini-particle .rme-title {
    color: var(--default-white)!important;
}