@import url('//fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,700;1,400;1,700&family=Lato:ital,wght@0,400;0,700;1,400;1,700&family=Montserrat:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/************ 
************ TEMPLATE  ************
Rotator Size: 1600x669 (super wide, 2.39:1)

************ FONTS  ************
Serif Headings: Cormorant Garamond
Sans Serif Headings: Montserrat
Sans Serif Body font: Lato
font-family: 'Cormorant Garamond', serif;
font-family: 'Lato', sans-serif;
font-family: 'Montserrat', sans-serif;

************ COLORS  ************
Blue: #335373; rgba(51,83,115,1)
Monochromatic Blue:#5a738c
Dark Grey: #A7A9AC; rgba(167,169,172,1)
Light Grey: #F1F2F2; rgba(241,242,242,1)

************ NOTES ************
*Montserrat font is used for header quicklinks, 'read more' of Diocesan News, icon links for Bishop, and quicklinks. You might be able to use it for other things like menu and buttons to keep it consistent, but I didn't use that in the mockup
*Dark Grey is used for the lines under titles, lines of Bishop's title, Read More links in Diocesan News


************/
.site-1 {
	
  --primary-color: #335373;
    --secondary-color: #5a738c;
    --tertiary-color: #F1F2F2;

    --primary-rgb: 51,83,115;
    --secondary-rgb: 203, 133, 42;
    --tertiary-rgb: 241,242,242;

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

    --title-font-family: 'Cormorant Garamond', serif;
    --body-font-family: 'Lato', sans-serif;
    --tertiary-font-family: 'Montserrat', sans-serif;

}


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

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

h1 {color: #335373; font-size: 3.5rem; /*font-weight: bold;*/ font-family: 'Cormorant Garamond', serif;}
.page-header h1 {font-size: 3rem; text-transform: none;}
h2, .page-header h2 {  color: #335373; border-bottom: 1px solid #A7A9AC; font-size: 2.75rem; font-family: 'Cormorant Garamond', serif; font-weight: bold;}
h3 { color: #335373; font-size: 2.25rem;  line-height: 1.3; margin: 0 0 10px 0; }
h3.lato { color: #335373; font-size: 1.75rem;  line-height: 1.3; margin: 0 0 10px 0; font-weight: bold; font-family: 'Lato', sans-serif;}
h4 { color: #335373; font-size: 2.25rem; font-variant-caps: small-caps;}
h4.lato { font-family: 'Lato', sans-serif; font-size: 1.75rem; letter-spacing: -1px}
h4.spaced { font-weight: bold; letter-spacing: 4px;}
h5 {background: #335373; font-size: 1.75rem;color: white; border-radius: .2rem; padding: .5rem;}
h6 {color: #335373; font-size: 1.4rem; text-transform: uppercase; font-weight: bold; }
h6.mixedcase {text-transform: none;  }
a { color: #335373; }
a:hover { color: black; }

hr {border-bottom: 1px solid #335373}

.homelayout h3 {font-size: 3.25rem color: #335373; border-bottom: 1px solid #A7A9AC;  line-height: 1.3; margin: 0 0 10px 0; }
#g-feature h3 {border-bottom: 1px solid #A7A9AC; } /**subpage module titles**/

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

@media only screen and (max-width: 767px) {
	h1 { font-size: 2.5rem; }  
	h2 { font-size: 1.8rem; }
	h3 { font-size: 1.8rem; }
	h4 { font-size: 1.8rem; }
	h5 { font-size: 1.2rem; }
	h6 { font-size: 1.2rem; }
	p, li  { font-size: 1rem; margin-bottom: 4px;}
	h1, h2, h3, h4, h5, h6, p, li { 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: #335373;
}


/************ HEADER  ************/
#g-top .g-content {padding: 0.5rem;}

/************ TOP RIGHT QUICKLINK ICONS  ************/
.align-y { display: flex; align-items: center; }
.align-right.icons { display: flex; justify-content: flex-end; }
.g-iconmenu {display: flex; width: 115%;  margin: 0 0 0 auto;}
.g-iconmenu > a  { color: #335373;  flex:1; border-left: 2px rgba(51,83,115,0.8) solid; padding: 15px; }
.g-iconmenu > a:hover { background: rgba(0,43,92,0.075); }
.g-iconmenu > a:first-child { border-left: none;}
.g-iconmenu span { display: block; text-align: center; }
.g-iconmenu .g-iconmenu-text { line-height: 1.1; font-size: 1rem; text-transform: uppercase; }
.g-iconmenu .g-iconmenu-icon { font-size: 1.5rem; padding-bottom: 10px; }
.g-iconmenu img { height: 2.5vw; padding-bottom: 10px; }

@media only screen and (max-width: 767px) { 
	#g-top { border-bottom: 6px #002B5C  solid; margin-bottom: 0; }
	.icons .g-content { margin: 0; padding: 0 0.5rem 1rem 0.5rem; width: 100%; }
	.logo-block .g-content { padding-bottom: 0.5rem; }
	.align-y { display: flex; align-items: center; justify-content: center; }
	.align-right.icons { justify-content: center; }
	.g-iconmenu {width: 100%; }
	.g-iconmenu img { height: 30px; }
	.g-iconmenu .g-iconmenu-text {  font-size: 0.9rem; }
}

/************ QUICKLINKS  ************/

#g-extension .sprocket-strips-content .readon {display: none; }

.qloverlaybackpic h4.sprocket-strips-title a  {
	display: flex; 
	align-items: flex-end;
	justify-content: flex-start; 
	text-align: left; 
	font-size: 1.5rem;
	font-family: 'Lato', sans-serif;
	line-height: 1;
	font-weight: normal;
	margin: 10px;
	border-bottom: 1px white solid;
}
#g-extension .sprocket-strips-title a {color: white;}
.qloverlaybackpic .sprocket-strips-content { background: rgba(51, 83, 115, .7); }
.qloverlaybackpic .sprocket-strips-content:hover { background: rgba(51, 83, 115, .9);}


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

.greylinebreak { display: flex; align-items: center; }
.line {  background: grey;  height: 2px;  flex: 1; } 

/************ SEARCH  ************/
#g-navigation input[type="search"] { background-color: rgba(0,0, 0, 0); border: 2px white solid; color: white; }
#g-navigation input[type="text"] {background-color: rgba(0, 0, 0, 0.0); border: 2px white solid; color: white;}
#g-navigation form { margin-bottom: 0px; }
input.search-query { border-radius: 12px; }
form {margin: 0.02rem 0;} 
input[type="text"] {margin: 0.25rem;}

@media only screen and (max-width: 767px) { 
	#g-navigation form { margin: 15px 10px 5px 10px; }
}
/***********rotator text****************/
.fwrotator .sprocket-features-content a {color: white;}



/************ UPCOMING EVENTS  ************/
.rme-badge { 
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-family: 'Montserrat', sans-serif;
	background: #335373; 
	border-radius: 3px; 
	color: #ffffff; 
	padding: 5px 0px; 
	width: 55px; 
	float: none; 
	margin-bottom: 0px;
}
.rme-items { display: block;}
.rme-description { flex: 1;}
.rme-day, .rme-month { text-transform: none;}
.rme-day { font-size: 1.7rem;}
.rme-title { font-size: 1rem; font-weight: normal;}
.rme-time { font-size: .9rem; font-weight: 300;}
.rme-items li { 
	display: flex; 
	background: none; 
	border: none; 
	margin-left: 0px; 
	margin-right: 0px; 
	padding-left: 0px; 
	padding-right: 0px;
}

@media only screen and (max-width: 767px) {
	.rme-items li { margin-top: 0px; margin-bottom: 0px; padding-top: 5px; padding-bottom: 5px;}
	.rme-title { font-size: .9rem; }
	.rme-time { font-size: .8rem; }
	.rme-day { font-size: 1.5rem;}
}

/***reorder columns in a container***/
@media only screen and (max-width: 767px) {
	#g-feature .g-block:first-child  { order: 2; }
	#g-feature .g-block:last-child { order: 3; }
	#g-feature .g-block:nth-child(2) { order: 1; }
}


/************ SECTIONS  ************/
#g-top, #g-navigation, #g-footer {padding: 0 5%;}
.homelayout #g-feature {padding: 2% 5% 1% 5%;}
#g-expanded .g-content {padding: 0.5rem;}
.homelayout #g-extension {padding: 0 1%; }
#g-footer a { color: white; }
#g-footer a:hover { color: black; }

#g-bottom {padding: 3% 10% 8% 10%;}


/*#g-bottom { margin-top: 50px; }*/
.homelayout #g-expanded h2 {margin-top: -0.5rem; font-size: 2.25rem; border-bottom: 0;}

.homeprofilepic { float: left;}
.flexrow > div.titleline { flex: none; }
.linkicons > div { display: flex; text-align: center; justify-content: center; }
.linkicons img { height: 2.5vw; }
.linkicons a { color: #335373; font-size: 1.75rem; padding-top: 10px; line-height: 2;}

#g-feature .g-block { 
	background: rgba(0,0,0,.1); 
    padding: 1.5rem;
    border: 10px white solid;
}
#g-feature .g-content { padding: 0; margin: 0; }


@media only screen and (max-width: 767px) {
	.homelayout #g-utility { display: none;  }
	.zoompics .portrait-image img {
		object-fit: cover;
		object-position: center;
		height: 15vw;
		width: 15vw;
		transition: all .5s ease-in-out;
	}
	.zoompics .active .portrait-image img, .zoompics.noncollapse .portrait-image img, .zoompics .portrait-image img {
		object-fit: cover;
		object-position: center;
		height: 15vw;
		width: 15vw;
	}
	.zoompics .sprocket-lists-portrait-container > li.active h4 { width: 55vw;}
	#g-feature .g-content, #g-expanded .g-content { padding-top: .5rem; padding-bottom: .5rem; }
	#g-top, #g-navigation, #g-feature { padding: 0 2%; }
	.linkicons img { height: 7vw; }
	.linkicons a { font-size: 1rem; }
	.homeprofilepic { float: none; margin: auto; width: 40vw; display: block;}
	#g-extension .sprocket-strips-container li { background: #335373; }
	.flexrow > div.titleline { flex: 2; }
	#g-feature .g-block { background: rgba(0,0,0,.05); }
	
	#g-extension .sprocket-strips-item {
	    background-size: 18vw;
		background-repeat: no-repeat;
		height: 14vw;
	}
	
	.qloverlaybackpic .sprocket-strips-content, .qloverlaybackpic .sprocket-strips-content:hover {  background: rgba(51, 83, 115, .7); } 
	#g-expanded .g-content { padding-left: 0px; padding-right: 0px;}
	.qloverlaybackpic .sprocket-strips-item{ 
		background-size: 20%;
		background-repeat: no-repeat; 
	}
	.qloverlaybackpic h4.sprocket-strips-title a { display: block; padding-left: 0; border: none;  margin: 0;}
	.qloverlaybackpic .sprocket-strips-content { display: flex; align-items: center; margin-left: 16vw; }
	.qloverlaybackpic h4.sprocket-strips-title { position: relative; position: unset; top: auto; left: auto; right: auto; bottom: auto; }
	.qloverlaybackpic h4.sprocket-strips-title a { position: relative; font-size: 1rem; }
}




/************ ROTATOR  ************/
@media only screen and (max-width: 767px) {
	.fwrsuperwide.fwrbigarrows .layout-slideshow .sprocket-features-arrows .arrow {  top: 21%; }

}

.ministrypage h2 {
    line-height: 1.2;
    font-weight: 400;
    font-size: 1.7rem;
    border-bottom: 2px solid #E2EDE9;
    margin: 3px 0 0 0;
    padding: 0;
}
.ministrypage img {order: 1;}
.ministrypage #g-mainbar img:hover { transform: scale(1.05); transition-duration: 0.08s; }

/******************DPS Rotator******************/
.scbigarrow .arrows-active .sprocket-features-list {  margin: 0px;}
.scseperateback .sprocket-features-content { background: rgba(0,0,0,.1);}


/************ subpages - bishop  sr= subrotator************/
#g-aside .g-content { padding: 0.3rem 0;}
#g-aside .g-grid:first-child { padding-top: 1.3rem;}
#g-aside .platform-content { padding: 0.3rem 0;}
#g-aside .moduletable[class*="box"] {margin: 0; padding: 0.5rem;}
.box4.moduletable {background: #F1F2F2; border: none;}
.srlayout #g-mainbar .g-grid:first-child .g-content {padding-bottom: 0; margin-bottom: 0;}

#g-utility .g-content { padding: 0.5rem 0;}

/************ Tribunal FAQ *********************/
.sprocket-lists-title {font-size: 1.75rem !important; border-bottom: 1px solid #F1F2F2; font-variant-caps: normal; }

#g-aside h1, #g-aside h2, #g-aside h3, #g-aside h4, #g-aside h5   {margin-bottom: 0;}
#g-aside h3.g-title {border-bottom: 1px solid #A7A9AC;}
#g-aside .box4 h4 {font-size: 1.75rem;}

/************ CONTACTS DIRECTORY TABLES  ************/
.contact-category .category li {padding: 5px;}
.list-striped li:nth-child(odd), .list-striped dd:nth-child(odd), .row-striped .row:nth-child(odd), .row-striped .row-fluid:nth-child(odd) 
{ background: #F1F2F2 !important;}
.list-title a { font-size: 1.2rem;}

.dl-horizontal dd { margin-left: 0px;} 
.thumbnail.pull-right { padding-left: 5px;}
.dl-horizontal:after { clear: none; }
.contact-suburb { font-size: 1.2rem; font-weight: bold ;}

.fancytable, .infotables {width: 100%;}
.fancytable th, .infotables th {color: white; padding: 5px; background: #335373; border: 1px solid #335373;}
.fancytable td, .infotables td {padding: 5px 10px; border: 1px solid #335373;}

 @media only screen and (max-width: 767px){ 
   .infotables, .infotables div, .infotables tr, .infotables td, .infotables th, .infotables tbody { display: block; table-layout:auto; width: 100%; margin: 0;}
   .infotables img { display: block; margin: 0 auto; width: 100%;}  

 }	


/*************MAKE ARTICLES TITLES MUCH SMALLER - page class ***********************/
.policiestitles h2, .policiestitles .page-header h2  {
    border-bottom: 0px solid #A7A9AC;
    font-size: 1.5rem;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
	padding-bottom: 2.5rem;

}
.pager.pagenav a {color: white !important;}


/*************DPS rotator*********************/
.sublayout .layout-showcase {margin: 0;}
/*************CCSIL place here opportunities**************/
.outline-15 #g-feature h2.contentheading {font-size: 1.75rem;}
#g-utility h4.spaced {font-size: 2.95rem;}
#g-utility h4.lato {font-size: 2rem;}
#g-utility /*.imgshadow*/ td a:hover img {box-shadow: 2px 2px 10px rgba(0,0,0,.5);}


 @media only screen and (max-width: 767px) {
	 #g-utility h4.spaced {font-size: 2rem;}
	 #g-utility h4.lato {font-size: 1.2rem;}
 }

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

/************ TABLES  ************/


.hide-image .item-image {
	display: none;
}

.hide-tags .tags {
	display: none;
}

.hide-links .content-links {
	display: none;
}
/*******************ADDITIONS FOR BISHOP MULLINGS APRIL ************************/
/*******************FIV TAGS in ARTICLEs ********************/

span.primary {color: var(--primary-color);} 
span.secondary {color: var(--secondary-color);} 
span.tertiary {color: var(--tertiary-color);} 
span.titlefont {font-family: var(--title-font-family);}
span.bodyfont {font-family: var(--body-font-family);}
span.thirdfont {font-family: var(--tertiary-font-family);}
span.spaced {letter-spacing: 2px;}


.primary-back { background: var(--primary-color); padding: 20px; margin-top: 10px; margin-bottom: 10px; color: white;}
.secondary-back { background: var(--secondary-color); padding: 20px; margin-top: 10px; margin-bottom: 10px; }
.grayback { background: var(--tertiary-color); padding: 20px; margin-top: 10px; margin-bottom: 10px; }
.tertiary-back { background: var(--tertiary-color); padding: 20px; margin-top: 10px; margin-bottom: 10px; }


.primary-back p, .primary-back li, .primary-back h1, .primary-back h2, .primary-back div .primary-back h3, .primary-back h4, .primary-back h5, .primary-back h6  {color: var(--default-white); }
.secondary-back p, .secondary-back li, .secondary-back h1, .secondary-back h2, .secondary-back div .secondary-back h3, .secondary-back h4, .secondary-back h5, .secondary-back h6  {color: var(--primary-color); }
.grayback p, .graybackk li, .grayback h1, .grayback h2, .grayback div .grayback h3, .grayback h4, .grayback h5, .grayback h6  {color: var(--primary-color); }
.tertiary-back p, .tertiary-back li, .tertiary-back h1, .tertiary-back h2, .tertiary-back div .tertiary-back h3, .tertiary-back h4, .tertiary-back h5, .tertiary-back h6, .tertiary-back blockquote  {color: var(--default-black); }

.whiteborder {border: 2px solid white; padding: 3vw; }
.blackborder {border: 2px solid black; padding: 2vw; }
.blueborder {border: 2px solid var(--primary-color); padding: 2vw; }
.goldborder {border: 2px solid var(--secondary-color); padding: 2vw; }
.grayborder {border: 2px solid var(--tertiary-color); padding: 2vw; }
.circle img {border-radius: 50%;}

a.whitebutton {
	color: white;
	background: transparent;
    font-family: var(--body-font-family);
	letter-spacing: 3px;
	border-radius: 0;
	border: 2px solid white;
}
.whitebutton:hover {background: white; color: var(--primary-color);   border: 2px solid var(--secondary-color);}




.circle img {border-radius: 50%;}

/************ FLEX ITEM  ************/
.flexrow { display: flex; align-items: center; justify-content: center;   }
.flexrow > div { flex: 1; padding: 20px;}
.flexrow > .two-thirds-side { flex: 2;}
.flexrow > .moduleside { flex-basis: 35%}

@media only screen and (min-width: 50.99rem) {
	.flexrow div.two-thirds-side:first-child, .flexrow div.moduleside:first-child { padding-right: 30px;}
	.flexrow div.two-thirds-side:last-child, .flexrow div.moduleside:last-child { padding-left: 30px;}
	
	.flexrow > .two-thirds-side { flex: 2;}
	.flexrow > div { order: 2; }
}
/************ FLEX ITEM  ************/
.flexcolumn { display: flex; flex-direction: column; }
.flexcolumn > div { flex: 1;}
.flexcenter { display: flex; align-items: center; justify-content: center;}



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

@media only screen and (max-width: 50.99rem) {
	.flexrow { flex-direction: column; }
	
	#g-container-main {
        margin: 0;
        padding: 0;
    }
    .plus10, .platform-content .moduletable.plus10 {padding: 0 calc(1vw + 10px);}
    .plus5, .platform-content .moduletable.plus5 {padding: 0 calc(1vw + 5px);}
    .minus10, .platform-content .moduletable.minus10   {margin: 0 calc(-15vw - 15px);}
}


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

 /***************white and black fade effects *****************************/
 #fade-effect {
	left: 0;
    right: 0;
    bottom: 0;
	width: 100%;
    background: linear-gradient(to top, white 10%, transparent 100%);
    padding-left: 6vw;
    padding-bottom: 1vw;
    padding-top: 0;
	margin-top: -3vw;
	z-index: 100;
}


#bottom-fade-effect {
	left: 0;
    right: 0;
    bottom: 0;
	width: 100%;
    background: linear-gradient(to top, black 5%, transparent 100%);
    padding-left: 6vw;
    padding-bottom: 1vw;
    padding-top: 0;
	margin-top: -15vw;
	z-index: 9;
}
#top-fade-effect {
	left: 0;
    right: 0;
    bottom: 0;
	width: 100%;
    background: linear-gradient(to bottom, black 5%, transparent 100%);
    padding-left: 6vw;
    padding-bottom: 0;
    padding-top: 1vw;
	margin-bottom: -15vw;
	z-index: 9;
	position: relative;
}


@media only screen and (min-width: 50.99rem) {
	.flexrow div.pad-left10 {padding-left: 10%; flex: 0.75;}
	.flexrow div.pad-left5 {padding-left: 5%; flex: 0.75;}
	.flexrow div.pad-right10 {padding-right: 10%; flex: 0.75;}
	.flexrow div.pad-right5 {padding-right: 5%; flex: 0.75;}
	.flexrow div.shift-right {margin-right: -10vw;}
	.flexrow div.shift-right5 {margin-right: -3vw;}
	.flexrow div.shift-left {margin-left: -10vw;}
	.flexrow div.shift-left5 {margin-left: -3vw;}
	
	.flexrow div.bottom-image {margin: -7vw 0 0 0;}
	.flexrow div.bottom-image2 {margin-bottom: -7vw;}
	.flexrow div.rel-image {position: relative;}
	
	.minus10 div.pad-left10 {padding-left: 10%; flex: 0.75;}
	.minus10 div.pad-left5 {padding-left: 5%; flex: 0.75;}
	.minus10 div.pad-right10 {padding-right: 10%; flex: 0.75;}
	.minus10 div.pad-right5 {padding-right: 5%; flex: 0.75;}
	.minus5 div.shift-right {margin-right: -10vw;}
	.minus10 div.shift-right {margin-right: -10vw;}
	.minus10 div.shift-right5 {margin-right: -5vw;}
	.minus10 div.shift-left {margin-left: -10vw;}
	.minus5 div.shift-left {margin-left: -10vw;}
	.minus10 div.shift-left5 {margin-left: -5vw;}
	.minus10 div.rel-image {position: relative;}
	
	.flexrow div.two-thirds-side:first-child, .flexrow div.moduleside:first-child { padding-right: 30px;}
	.flexrow div.two-thirds-side:last-child, .flexrow div.moduleside:last-child { padding-left: 30px;}
	
	.flexrow > .two-thirds-side { flex: 2;}
	.flexrow > div { order: 2; }
	
	.faq-height /*FAQ accordian*/ {min-height: 54vw;}
	
	.minus10, .platform-content .moduletable.minus10  {  margin: 0 calc(-10vw - 20px); }
	.minus5, .platform-content .moduletable.minus5  {  margin: 0 calc(-5vw - 20px); }
	.minus2-5, .platform-content .moduletable.minus5  {  margin: 0 calc(-2.5vw - 20px); }
	.plus10, .platform-content .moduletable.plus10 {  margin: 0 10vw; }
	.plus5, .platform-content .moduletable.plus5 {  margin: 0 5vw; }
	.shiftimageleft5 {margin-left: -5vw;}
	.shiftimageleft2 {margin-left: -2vw;}
	.shiftimageright5 {margin-right: -5vw;}
}

.fullwidthpic { width: 100%;}
img.fullwidth { width: 100%;}

.faq-page .accordian-wrapper  .g-content-array > .g-grid > .g-block > .g-content {
	padding: 0.5rem !important;
}


@media only screen and (max-width: 50.99rem) {
	.flexrow { flex-direction: column; }
	#g-container-main {
        margin: 0;
        padding: 0;
    }
	#g-mainbar {
        padding: 0;
    }
	.mobilepaddingright #g-mainbar {
        padding: 0 5% 0 2%;
    } 
	 
    .plus10, .platform-content .moduletable.plus10 {padding: 0 calc(1vw + 10px);}
    .minus10, .platform-content .moduletable.minus10   {margin: 0 calc(-4vw - 0px);}
	.plus5, .platform-content .moduletable.plus5 {padding: 0 calc(1vw + 5px);}
	.centeronmobile {align-items: center; text-align: center;}
	
	.flexrow div.shift-right {margin-right: -15vw; margin-left: -15vw;}
	.flexrow div.shift-left {margin-left: -15vw; margin-right: -15vw;}
	.flexrow div.fullwidthmobile { margin: -10vw -8vw 0 -7vw;}
	.flexrow div.margin10mobile { margin-right: 10px; margin-left: 10vw;}
	.flexrow div.margin5mobile {margin-right:5vw; margin-left: 5vw;}
	.minus10 div.margin5mobile {margin-right:5vw; margin-left: 5vw;}
	
	
	img[style*="float: right"] {padding: 0;	}
	
	.torightedge-mobile { position: absolute; /*top: -20vw;*/ right: -15vw; }
	.moveintoabove-mobile {	position: absolute; top: 70vw; right: 8vw; }
	.halo-sunburst {margin-bottom: -23vw; margin-top: -18.5vw; }
	.order-second-mobile {order: 2; margin-top: 2rem;}
	.halfaboveflexbox {margin-top: -50vw !important; padding: 30px 10px  !important;}
	.halfaboveflexboxtopmargin {margin-top: 40vw;}
	.offtorightmobile {
		margin-right: -50vw !important;
        width: 125% !important;
        padding: 15px !important;
        margin-bottom: 5vw !important;
	}
	.offtorightmobilebottom {
		margin-right: -35vw !important;
        width: 115% !important;
        padding: 15px !important;
        margin-bottom: 5vw !important;
	    margin-top: -50vw !important;
	}
	.offtoleftmobile {
		margin-left: -35vw !important;
        width: 115% !important;
        padding: 15px !important;
        margin-bottom: 5vw !important;
        margin-top: -50vw !important;
	}
	.leftmobile{
		margin-left: -35vw !important;
        width: 115% !important;
        padding: 15px !important;
        margin-bottom: 5vw !important;
	}
	
}


/* --- j-calendar --- */

/* Reset fixed heights and baselines from default styles */
.j-calendar [data-style-id],
.j-calendar .g-particle,
.j-calendar .gcaltohtml,
.j-calendar .cc-date-event-container,
.j-calendar .cc-dateblockformat,
.j-calendar .cc-eventblock,
.j-calendar .cc-monthformat,
.j-calendar .cc-dayformat,
.j-calendar .cc-timeofday,
.j-calendar .cc-title {
    height: auto !important;
    min-height: unset !important;
    max-height: unset !important;
    block-size: auto !important;
    line-height: normal !important;
    padding: initial;
    margin: initial;
}

.j-calendar-title {
    padding: 2rem 2rem 0 2rem;
}

.j-calendar {
    padding: 0;
    max-height: 675px;
    overflow-y: auto;

    /* Firefox scrollbar */
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.4) transparent;
}

/* Webkit Scrollbar */
.j-calendar::-webkit-scrollbar {
    width: 6px;
}

.j-calendar::-webkit-scrollbar-track {
    background: transparent;
}

.j-calendar::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 10px;
}

.j-calendar::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 255, 255, 0.6);
}

.j-calendar-button {
    padding: 1.5rem 2rem 2rem 2rem;
}

.j-calendar-title h2 {
    /* font-family: "EB Garamond", serif; */
    color: #2756a6;
    font-size: clamp(2rem, 5vw, 2.5rem);
    margin: 0 0 1.5rem 0 !important;
    text-transform: capitalize;
    line-height: 1;
}

.j-calendar .gcaltohtml {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* Event Card Container */
.j-calendar .cc-date-event-container {
    display: flex;
    flex-direction: row;
    border-radius: 12px;
    overflow: hidden;
    /* background: rgba(39, 86, 166, 0.6); */
    /* Rich translucent blue */
    /* backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px); */
    /* border: 1px solid rgba(255, 255, 255, 0.15); */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.j-calendar .cc-date-event-container:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

/* Date Section (White Side Block) */
.j-calendar .cc-dateblockformat {
    background: #335373;
    width: 100px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 15px 10px;
    border-right: 1px solid rgba(0, 0, 0, 0.05);
}

.j-calendar .cc-monthformat {
    font-family: inherit;
    font-size: 0.85rem;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 2px !important;
    line-height: 1 !important;
}

.j-calendar .cc-dayformat {
    font-family: inherit;
    font-size: 2.25rem;
    font-weight: 800;
    color: #ffffff;
    line-height: 1 !important;
}

/* Event Content Section */
.j-calendar .cc-eventblock {
    flex-grow: 1;
    padding: 20px 25px;
    gap: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #ffffff;
}

/* Time/Duration (Matches top line in screenshot) */
.j-calendar .cc-timeofday {
    font-family: inherit;
    font-size: 1.15rem;
    font-weight: 700;
    color: #335373 !important;
    margin-bottom: 4px !important;
    letter-spacing: 0.02em;
}

/* Event Title (Matches bottom line in screenshot)   rgba(51, 83, 115, 0)*/
.j-calendar .cc-title {
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    color: rgba(51, 83, 115, 0.9) !important;
    line-height: 1.4 !important;
}

/* Mobile Responsiveness */
@media (max-width: 50.99rem) {
    .j-calendar .cc-dateblockformat {
        width: 85px;
        padding: 12px 5px;
    }

    .j-calendar .cc-dayformat {
        font-size: 1.85rem;
    }

    .j-calendar .cc-eventblock {
        padding: 15px 18px;
    }

    .j-calendar .cc-timeofday {
        font-size: 1.05rem;
    }
}

/*  */