@import url('//fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&family=Merriweather+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
/************ TEMPLATE  ************
Fonts r2v1: Merriweather Sans
Fonts r2v2: EB Garamond (title); Montserrat (body/title-variant) 
Rotator Ratio: 16:9
News Ratio: 1:1
Practice Area Ratio: 2:1
----------------------------
Navy: #081f2d rgba(8,31,45,1)
Light Navy: #0e3244 rgba(14,50,68,1)
Red: #79242f rgba(121,36,47,1)
Dark Tan: #96694c rgba(150,105,76,1)
Tan: #96694c rgba(150,105,76,1)
Lightest Tan: #96694c rgba(150,105,76,1)
Lightest Grey: #f1f2f2 rgb(241,242,242,1)
-----------------------
Becket More, PC | P.O. Box 55 | Lee’s Summit, MO 64063
Local: (816) 800-3210 | Out of Area: (888) 555-1234 | Contact Us

Disclaimer: No legal advice will be dispensed via email, phone, or postal service to anyone other than an existing client.
------------------
************/

.site-1 {
    --primary-color: #081f2d;
    --secondary-color: #96694c;

    --primary-rgb: 8,31,45;
    --secondary-rgb: 150,105,76;

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

    --title-font-family: 'EB Garamond', serif;
    --body-font-family: 'Merriweather Sans', sans-serif;

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

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

    --ph-title-font-size-desktop: 1.2vw;
    --ph-title-font-size-mobile: 4vw;
    --ph-title-weight: 700;
	--ph-text-font-size-desktop: 1.2vw;

    --ql-background-color: var(rgba(--primary-rgb),.6);
    --ql-font-family: var(--body-font-family);

}

.site-1-home {
    --ql-font-size-desktop: 2.5vw;
}

.site-1-sub .jurisprudence {
    --ql-font-size-desktop: 2vw;
    --ql-background-color: var(rgba(--primary-rgb),.6);
}

.site-1-sub {
    --hero-title-bottom-position: 12%;
    --hero-title-font-size: 5vw;
    --hero-title-font-size-mobile: 6vw;
}

.site-1 blockquote {
	border-left: 5px solid white;
}


/* positioning hero titles properly */
@media only screen and (min-width: 50.99rem) {

    .site-1-sub {
        --hero-title-left-position: 10%;
    }

}

@media only screen and (max-width: 50.99rem) {

    .site-1-sub {
        --hero-title-left-position: calc(5% + 34px);
    }

}

.section-horizontal-paddings {
    padding-left: 10%;
    padding-right: 10%;
}

a {color: var(--secondary-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: 'Merriweather Sans', sans-serif;
} 

.item-image {
    display: none;
}

.hero img {
    opacity: 1 !important;
}

/***************hero image gradient******************/

.site-1-sub #hero-grab {
    position: relative;
  }
  
.site-1-sub #hero-grab::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(255, 255, 255, 1) 2%, rgba(255, 255, 255, 0) 100%);
  }

.site-1-sub #footer-img::before {
    /*content: " ";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(255, 255, 255, 1) 2%, rgba(255, 255, 255, 0) 100%);*/
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 2%, rgba(255, 255, 255, 0) 100%);
  } 
  
  
  

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

/*************** TOP **********************/ 

.mobile-logo img {
    width: 100%;
}


/*************** OVERLAY ******************/
#g-container-overlay .g-main-nav {
    background: none;
    height: 12vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to bottom, rgba(var(--primary-rgb),.9), rgba(var(--primary-rgb),0));
}
#g-container-overlay .g-main-nav > .g-toplevel {
    background: var(--default-black);
    height: 3vw;
    width: 100%;
    justify-content: space-around;
    position: relative;
}
#g-container-overlay {
    z-index: 15;
    background: rgba(var(--primary-rgb),.9);
    margin: 0;
    padding: 0;
}
#g-container-overlay .g-content.g-particle {
    margin: 0;
    padding: 0;
}
#g-container-overlay #g-mainoverlay {
    margin: 0;
    padding: 0;
}
#g-container-overlay .g-menu-item-title {
    font-size: 1vw;
}
#g-container-overlay .g-toplevel > li {
    display: flex;
    justify-content: center;
    align-items: center;
}
#g-container-overlay .g-toplevel > li > a {
    padding: 0;
    margin: 0;
}
.g-overlaytoggle .nav-toggle .g-overlaytoggle-bar, .g-overlaytoggle .nav-toggle .g-overlaytoggle-bar:before, .g-overlaytoggle .nav-toggle .g-overlaytoggle-bar:after {
    background: var(--default-white);
}
@media only screen and (min-width: 50.99rem) {

}
@media only screen and (min-width: 50.99rem) and (max-width: 1067px) {
    #g-container-overlay .g-main-nav > .g-toplevel {
        height: 5vw;
    }
}
/*************** NAVIGATION ***************/
@media only screen and (min-width: 50.99rem) {
    .site-1-home #g-navigation {
        height: 15vw;
        width: 100%;
        margin-bottom: -15vw!important;
        z-index: 12;
        position: relative;
    }
    .site-1-home #g-navigation .g-main-nav {
        background: none;
        height: 12vw;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .site-1-home #g-navigation .g-main-nav > .g-toplevel {
        background: var(--primary-color);
        height: 3vw;
        width: 100%;
        justify-content: flex-end;
        position: relative;
    }
    .site-1-error #g-navigation .g-main-nav > .g-toplevel {
        background: var(--default-black);
    }
    .site-1-error #g-navigation .g-logo img {
        width: 35%;
    }
    .modified-menu .g-main-nav > .g-toplevel > li:nth-child(1) {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .modified-menu .g-toplevel > li:nth-child(1) {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
    }
	.menu-logo { 
		margin: -2vw 0 -2vw 0;
        position: relative;
        z-index: 10;
	}
	.menu-logo img { 
		max-width: 20vw;
	}
	
	.site-1-home .g-main-nav > ul > li:nth-child(3) {
		margin-right: 1vw !important;
	}
	
	.site-1-home #g-navigation .g-main-nav >ul > li:nth-child(1) img {
		width: clamp(30rem, 37vw, 60rem);
	}
	
    /*.site-1-home #g-navigation > .g-container {

    }
    .site-1-home #g-navigation > .g-container > .g-grid:nth-child(2) {
        
    }*/

    .modified-menu .nav_slide_button.nav-toggle {
        display: flex;
        flex-direction: row;
    }
    .modified-menu .g-toplevel > li:not(.modified-menu .g-toplevel > li:nth-child(1)) {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 4vw;
    }
    .modified-menu .g-toplevel > li:not(.modified-menu .g-toplevel > li:nth-child(1)) > .g-menu-item-container {
        margin: 0;
        padding: 0;
    }
    .modified-menu .g-toplevel > li:not(.modified-menu .g-toplevel > li:nth-child(1)) > .g-menu-item-container .g-overlaytoggle {
        margin: 0;
        padding: 0;
    }
    .modified-menu .nav_slide_button.nav-toggle .g-overlaytoggle-text {
        order: 2;
        position: unset;
        display: flex;
        justify-content: center;
        align-items: center;
        text-transform: none;
        font-variant-caps: normal;
        font-weight: 400;
    }
    .modified-menu .nav_slide_button.nav-toggle .g-overlaytoggle-bar-wrapper {
        order: 1;
        position: unset;
        margin-right: 1vw;
    }

    .modified-menu .menu-buttons-container {
        display: flex;
        flex-direction: row;
    }
    .modified-menu .menu-buttons-container .button:nth-child(1) {
        margin-right: 2vw;
    }
    .modified-menu .menu-buttons-container .button {
        background: none;
        border: 1px solid var(--default-white);
        padding: .5vw 1.5vw;
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: 2px;
        font-size: .8vw;
    }
    .modified-menu .menu-buttons-container .button:hover {
        background: var(--secondary-color);
    }
    .modified-menu .g-social a {
        margin-right: .75vw;
    }
}
@media only screen and (min-width: 50.99rem) and (max-width: 1067px) {
    .site-1-home #g-navigation .g-main-nav > .g-toplevel {
        height: 5vw;
    }
    .modified-menu .g-toplevel > li:nth-child(1) {
        width: 40%;
        height: auto;
    }
}

@media only screen and (max-width: 50.99rem) {
    .site-1-sub #g-navigation {
        border-bottom: 6px solid var(--primary-color);
    }

    .site-1-sub .mobile-logo img {
        width: 75%;
    }

}


/*************** SLIDESHOW ****************/ 
@media only screen and (min-width: 50.99rem) {
    .site-1-home #g-slideshow > .g-container {
        position: relative;
    }
    .site-1-home #g-slideshow > .g-container > .g-grid:nth-child(2) {
        position: absolute;
        top: 55%;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 5;
        background: linear-gradient(to top, rgba(8,31,45,1), rgba(8,31,45,0));
    }
    .site-1-home #g-slideshow > .g-container > .g-grid:nth-child(2) > .g-block {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .swiper-overlay-text .g-content-array {
        margin: 0;
    }
    .swiper-overlay-text :is(h1,h2,h3,h4,h5,h6) {
        color: var(--default-white);
        text-transform: uppercase;
        font-variant-caps: small-caps;
		font-size: 1.5rem;
		padding: 0 5%;
		text-shadow: 0px 0px 5px black;

    }
    .swiper-overlay-text .button {
        background: transparent;
        border: 1px solid var(--default-white);
        border-radius: 0;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-size: 1.3vw;
    }
}

@media only screen and (max-width: 50.99rem) {
	
	.swiper-overlay-text .g-joomla-articles {
		margin-left: 0;
		margin-right: 0;
		background: white;
	}
	
	.swiper-overlay-text .g-joomla-articles .g-content {
		padding: 1rem 3%;
	}
	
	.swiper-overlay-text .g-joomla-articles .g-content h4 {
		font-size: 1.25rem;
	}

}

/*************** HEADER *******************/
/*************** ABOVE ********************/
/*************** SHOWCASE *****************/
/*************** UTILITY ******************/
/*************** FEATURE ******************/
#g-feature .g-content-array {margin: 0;}
/* REMOVE COMMENTS WHEN REPUBLISHING SITE
.site-1-home #g-feature {
    padding: 2vw 5%!important;
    background: url('/images/template/becket-fade1.jpg') 0% 0% no-repeat, url('/images/template/more-fade1.jpg') 100% 100% no-repeat;
    background-size: 45%;
}
    */

@media only screen and (min-width: 50.99rem) {
    .site-1-home #g-feature .g-title {
        font-family: var(--body-font-family);
        color: var(--primary-color);
        font-size: 2vw;
        font-weight: 400;
        text-transform: uppercase;
    }
}
@media only screen and (max-width: 50.99rem) {
    .site-1-home #g-feature .g-title {
        font-family: var(--body-font-family);
        color: var(--primary-color);
        font-size: 7vw;
        font-weight: 400;
        text-transform: uppercase;
    }
}

/*************** MAIN *********************/
.g-content-array .g-grid:not(:last-child) {
    border: none;
}

@media only screen and (min-width: 50.99rem) {
    .site-1-home #g-container-main {
        padding: 2vw 5%!important;
        margin: 0;
    }
    .site-1-home #g-container-main > .g-container {
        width: 100%;
    }
    .ph-columns-2.ph-square .g-array-item-read-more a {
        padding: 0 1vw 2vw calc(12vw + 1rem);
    }
    .ph-columns-2 .g-array-item-read-more a {
        justify-content: flex-end;
    }
	.ph-columns-2.ph-square .g-array-item {
		grid-template-rows: 40% 50% 10%;
		max-height: 14vw;
	}
	.ph-columns-2 .g-item-title {
		line-height: 1.75rem;
	}
}

@media only screen and (max-width: 50.99rem) {
    .ph-sidebyside-mobile .g-array-item-read-more {
        opacity: 0;
    }
}

/*************** EXPANDED *****************/ 
.site-1-home .ql-inner-box .g-blockcontent-subcontent {
    margin: 0;
}
.site-1-home .ql-inner-box .g-blockcontent-subcontent > .g-blockcontent-subcontent-block {
    margin: 0;
}
@media only screen and (min-width: 50.99rem) {
    .ql-inner-box .g-blockcontent-subcontent-title > .g-blockcontent-subcontent-title-text {
        border: 2px solid #96694c;
        font-weight: 400;
    }

    .ql-inner-box .g-blockcontent-subcontent {
        flex-wrap: wrap;
    }
    .ql-inner-box .g-blockcontent-subcontent > .g-blockcontent-subcontent-block {
        width: 50%;
        flex: 50%;
    }
    .ql-inner-box .g-blockcontent-subcontent > .g-blockcontent-subcontent-block:nth-child(1) {
        box-shadow: inset 0px 0px 25px rgba(0,0,0,.25);
        background: #EADFD8;
    }
    .ql-inner-box .g-blockcontent-subcontent > .g-blockcontent-subcontent-block:nth-child(1) .g-blockcontent-subcontent-img {
        padding: 2vw 0;
        object-fit: contain;
    }
    .ql-inner-box .g-blockcontent-subcontent > .g-blockcontent-subcontent-block:nth-child(1) .g-blockcontent-subcontent-title {
        background: transparent;
        /* padding: 0; */
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .ql-inner-box .g-blockcontent-subcontent > .g-blockcontent-subcontent-block:nth-child(1) .g-blockcontent-subcontent-title > .g-blockcontent-subcontent-title-text {
        /* border: none; */
        color: #0E3244;
        font-size: 2.5vw;
        /* border-bottom: 4px solid var(--default-black); */
        /* height: fit-content;
        width: fit-content;
        font-weight: 400;
        text-transform: uppercase;
        padding-bottom: 1vw; */
    }
    .ql-inner-box .g-blockcontent-subcontent > .g-blockcontent-subcontent-block:nth-child(1) .g-blockcontent-buttons > a {
        display: none;
    }

    .ql-inner-box .g-blockcontent-subcontent-block-content:hover .g-blockcontent-subcontent-title {
        padding: 1vw;
    }

}

@media only screen and (max-width: 50.99rem) {
    .site-1-home .ql-dm .g-blockcontent-subcontent > .g-blockcontent-subcontent-block:nth-child(1) {
        flex: 100%;
        width: 100%;
    }
    .site-1-home .ql-dm .g-blockcontent-subcontent > .g-blockcontent-subcontent-block:nth-child(1) .g-blockcontent-subcontent-block-content img {
        object-fit: contain;
    }
    .site-1-home .ql-dm .g-blockcontent-subcontent > .g-blockcontent-subcontent-block:nth-child(1) .g-blockcontent-subcontent-title {
        background: transparent;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .site-1-home .ql-dm .g-blockcontent-subcontent > .g-blockcontent-subcontent-block:nth-child(1) .g-blockcontent-subcontent-title > .g-blockcontent-subcontent-title-text {
        border: none;
        color: #0E3244;
        font-size: 7vw;
        border-bottom: 4px solid var(--default-black);
        height: fit-content;
        width: fit-content;
        font-weight: 400;
        text-transform: uppercase;
        padding-bottom: 1vw;
        position: unset;
    }
    .site-1-home .ql-dm .g-blockcontent-subcontent > .g-blockcontent-subcontent-block:nth-child(1) .g-blockcontent-buttons > a {
        display: none;
    }
}

/*************** EXTENSION ****************/

.swiper-block .g-swiper-title, .swiper-block .g-swiper-text {
    color: #000000 !important;
    margin: 0 !important;
}

.swiper-block .slide-content {
    display: flex;
    flex-direction: column-reverse;
}

.swiper-block .g-swiper-content {
    display: flex;
    flex-direction: column-reverse;
}

.swiper-block .g-swiper-title {
    display: flex;
    flex-direction: row-reverse;
    font-size: 1.3rem !important;
    font-weight: normal !important;
}

.swiper-block .g-swiper-text {
    font-style: italic;
}

.swiper-block .fa-angle-right, .swiper-block .fa-angle-left {
    color: rgba(var(--ph-arrow-color-rgb),var(--ph-arrow-opacity));
}

.swiper-block .slide-content {
	padding: 0 5%;
}

@media only screen and (min-width: 50.99rem) {

}

@media only screen and (max-width: 50.99rem) {



.swiper-block .swiper-navigation {
	display: none;
}

}

/*************** BOTTOM *******************/
/*************** FOOTER *******************/
#g-footer .g-content-array {margin: 0;}
#g-footer a {color: var(--default-white);} 

@media only screen and (min-width: 50.99rem) {
    #g-footer > .g-container > .g-grid > .g-block {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #g-footer > .g-container > .g-grid > .g-block:nth-child(2) .g-content {
        margin: 0;
        padding: 0;
    }

    .site-1-sub #g-footer .sub-page-footer .g-content {
        padding-bottom: 0;
    }

    .site-1-sub #g-footer .sub-page-footer .g-content.g-particle {
        padding: 0 1.5rem;
    }
}

@media only screen and (max-width: 50.99rem) {
	#g-footer .g-logo {
		text-align: center;
	}
}




/*************** COPYRIGHT ****************/ 

#g-copyright {
    padding: 0%;
}

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


/************sub-pages*********************/

.img-button {
	position: relative;
	transition: 0.3s;
	box-shadow: var(--default-box-shadow);
}

.img-button::before{
	content: "";
	position: absolute;
	width: 95%;
	top: 0;
	left: 0;
	height: 90%;
	border: 3px solid var(--secondary-color);
	transform: translate(2.5%, 5%);
	z-index: 4;
}


.img-button:hover {
	transform: scale(1.02);
	transition: 0.5s;
}

.img-button :is(h1, h2, h3, h4, h5, h6) {
	text-align: center;
    position: absolute;
    top: 50%;
	width: 90%;
    color: white;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    text-shadow: 0 0 5px black;
	z-index: 3;
}

.img-button a {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	color: transparent;
	z-index: 5;
}

.img-button-overlay {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(var(--primary-rgb),0.35);
}

/*********default classes******************/

.horizontal-padding {padding-left: 5%; padding-right: 5%;}
.vertical-padding {padding-top: 5%; padding-bottom: 5%;}
.no-padding-top {padding-top: 0 !important;}
.no-padding-bottom {padding-bottom: 0 !important;}
.page-padding {padding: 5%;}
.top-gradient {background: linear-gradient(to bottom, rgba(255,255,255,1) 10%, rgba(0,0,0,0) 75%);}
.bottom-gradient {background: linear-gradient(to top, rgba(255,255,255,1) 10%, rgba(0,0,0,0) 75%);}
/* .left-gradient {background: linear-gradient(to left, rgba(255,255,255,1) 10%, rgba(0,0,0,0) 75%);} */

@media only screen and (max-width: 50.99rem) {	

	.hide-mobile { 
		display: none;
	}
}

@media only screen and (min-width: 50.99rem) {
	
	.hide-desktop { 
		display: none;
	}
}

/*******Jurisprudence Page*******/

@media only screen and  (min-width: 50.99rem) {
    
    .jurisprudence .circle-links .g-blockcontent-subcontent-block {
        width: 32%;
    }

    .jurisprudence .circle-links .g-blockcontent-subcontent {
        justify-content: space-between;
    }

    .circle-links .g-blockcontent-subcontent-title > .g-blockcontent-subcontent-title-text {
        border: 2.5px solid #96694c;
        font-weight: 400;
    }
}

@media only screen and  (max-width: 50.99rem) {

    .jurisprudence .ql-dm .g-blockcontent-subcontent {
        column-gap: 0%;
    }

    .jurisprudence .ql-dm .g-blockcontent-subcontent-block:not(.ql-bc-1 .g-blockcontent-subcontent-block:first-child) {
        padding: 0 1vw !important;
    }

    .jurisprudence .ql-dm .g-blockcontent-subcontent-block {
        flex: 33%;
    }
        
    .jurisprudence .ql-dm .g-blockcontent-subcontent-block-content {
        height: 27vw;
    }

    .jurisprudence .ql-dm .g-blockcontent-subcontent-title {
        border-radius: 50%;
    }

    .jurisprudence .ql-dm .g-blockcontent-subcontent-title > .g-blockcontent-subcontent-title-text {
        font-weight: normal;
    }
}


/*************Micus Curiae Briefing**************/

.amicus-curiae-briefing #g-main-nav {box-shadow: var(--default-box-shadow); position: relative;}
.amicus-curiae-briefing #g-mainbar, .amicus-curiae-briefing #g-mainbar .g-content {padding: 0; margin: 0;}

@media only screen and (min-width: 50.99rem) {

.amicus-curiae-briefing #hero {display: none;}


.j-container {
	background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0)), linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0) 20%), url(/images/stories/template/MO%20Supreme%20Court.jpeg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 63%;
}

.j-wrapper {
	display: flex;
}

.j-text-block {
	width: 60%;
	padding: 1% 5% 0 5%;
}

}

@media only screen and (max-width: 50.99rem) {
	.j-container {
		padding: 0 5%;
	}
}


.footer-img {
	width: 100%;
	max-height: 60vw;
	overflow: hidden;
	position: relative;
}

.footer-img img {
	width: 100%;
	height: auto;
	object-fit: cover;
}

.footer-img .footer-img-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.phone-img {
	max-height: initial;
	padding: 5%;
}

.phone-img img {
	box-shadow: 0px 12px 7px 2px rgba(0,0,0,0.5);
	border-radius: 5px;	
}



/*************catholic evidence guild************/

.catholic-evidence-guild-page #g-mainbar, .catholic-evidence-guild-page #g-mainbar .g-content {
	padding: 0;
	margin: 0;
}



@media only screen and (min-width: 50.99rem){
	.catholic-evidence-guild-page #hero {
		display: none;
	}
	
	.catholic-evidence-guild-page .j-container {
		background: linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0)), linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0) 20%), url(/images/stories/template/catholic-evidence-guild/Catholic%20Evidence%20Guild%2003.jpeg);
		background-repeat: no-repeat;
		background-position: -36% 13%;
		background-size: 60%;
		margin-right: -3px;
	}
	
	.catholic-evidence-guild-page .j-wrapper {
		display: flex;
		flex-direction: row-reverse;
	}
	
	.catholic-evidence-guild-page .j-text-block {
		width: 65%;
		padding: 0% 5% 0 5%;
	}
	
	.catholic-evidence-guild-page #g-mainbar > div > div > div > div > div > div > div:nth-child(3) > div > div > div > div > h1 {
		margin-top: 9px;
	}
}


@media only screen and (max-width: 50.99rem) {
	
	.catholic-evidence-guild-page .footer-img {
		padding: 5%;

	}
	
	.catholic-evidence-guild-page .footer-img img {
		box-shadow: 0px 12px 7px 2px rgba(0,0,0,0.5);
		border-radius: 5px;		
	}
	
}


/***********staff page******************/
	
.staff-page #g-mainbar .g-content, .staff-page #g-mainbar {
	margin: 0;
	padding: 0;
}

.staff-page .gradient-overlay {
	position: absolute;
    z-index: 3;
    height: 100%;
    width: 100%;
}

.staff-page .top-gradient {
	background: linear-gradient(to bottom, rgba(255,255,255,1) 1%, rgba(255,255,255,0.35) 20%, rgba(0,0,0,0) 100%);
}

@media only screen and (min-width: 50.99rem) {
	
	.staff-page .j-container {
		background: linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0)), linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0) 20%), url(/images/stories/template/staff/Staff%2002.jpeg);
		background-repeat: no-repeat;
		background-position: left;
		background-size: 70%;
	}

    .staff-page .j-wrapper {
        flex-direction: row-reverse;
    }
	
	.staff-page #hero {display: none;}
	
	.staff-page .j-text-block {
		padding: 5%;
		width: 54%
	}

}

/********make the subscribe button white when active*******/

#myButton:active, #myButton:focus {
	color: white;
}

/**************adding call text and subscribe buttons to mobile*********/

@media only screen and (max-width: 50.99rem) {
		
		.showmobile .g-main-nav > ul > li:not(li:nth-child(3)) {
			display: none;
		}
		
		.showmobile .g-main-nav > ul .menu-buttons-container {
		    display: flex;
			justify-content: space-evenly;	
		}
		
		.showmobile .g-main-nav > ul li:nth-child(3) {
			width: 100%;
		}
		
		.showmobile .g-main-nav > ul li:nth-child(3) > div {
			padding: 0.9rem;
		}
		
		.showmobile .g-main-nav > ul {
			background: var(--primary-color);
		}
		
		.showmobile .g-main-nav > ul .button {
			background: none;
			border: 1px solid var(--default-white);
			padding: .5rem 1.5rem;
			text-transform: uppercase;
			font-weight: 700;
			letter-spacing: 2px;
			font-size: 0.8rem;
		}

        .menu-buttons-container >div:nth-child(3) {
            display: none;
        }
		
}


/**********principals page******************/

.principals-page #g-mainbar .g-content {
	margin: 0;
	padding: 0;
}

@media only screen and (min-width: 50.99rem) {
		
		.principals-page .principal-photo {
			width: 35%;
			border-radius: 20px;
			border-bottom: 3px solid var(--secondary-color);
			padding: 0;
			margin: 1rem 0 2rem 2rem;
			box-shadow: 0 5px 10px rgba(0,0,0,0.7);
		}
		
}

@media only screen and (max-width: 50.99rem) {

	.principals-page .footer-img {
		max-height: initial;
	} 
	
	.principals-page .footer-img-overlay {
		background: linear-gradient(to bottom, rgba(255,255,255,1) 3%, rgba(0,0,0,0) 50%);
	}

}

/********************communities page*************************/

.community-page .button-wrapper {
    display: flex;
    justify-content: center;
    gap: 2rem;
    flex-wrap: wrap;
}

.community-page .button-wrapper img {
    width: clamp(200px, 23vw, 30rem);
    box-shadow: var(--default-box-shadow);
    transition: 0.3s;
}

.community-page .button-wrapper img:hover {
    transform: scale(0.98);
    transition: 0.5s;
}


/***************************payment page***************************/

.payment-page .clio {
    width: clamp(300px, 30vw, 30rem);
    box-shadow: var(--default-box-shadow);
    transition: 0.3s;
}

.payment-page .clio:hover {
    transform: scale(0.98);
    transition: 0.5s;
}

/***************************reviews page***************************/

.reviews-page .button-wrapper {
    display: flex;
    justify-content: center;
    gap: 2rem;
    flex-wrap: wrap;
}

.reviews-page .button-wrapper img {
    width: clamp(200px, 23vw, 30rem);
    box-shadow: var(--default-box-shadow);
    transition: 0.3s;
}

.reviews-page .button-wrapper img:hover {
    transform: scale(0.98);
    transition: 0.5s;
}

/****************Contact Page****************/

@media only screen and (min-width: 50.99rem) {

    .contact-page #contact-form > fieldset:nth-child(2) {
        margin-bottom: 3rem;
    }

}

/****************search page button fix****************/

.site-1-sub.view-search .btn.hasTooltip:hover {
    background: #96694c !important;
}



/* updated section 5/10/23 */

/* default css classes */

.top-gradient {background: linear-gradient(to bottom, rgba(255,255,255,1) 10%, rgba(0,0,0,0) 75%);}
.bottom-gradient {background: linear-gradient(to top, rgba(255,255,255,1) 10%, rgba(0,0,0,0) 75%);}
.left-gradient {background: linear-gradient(to left, rgba(255,255,255,1) 10%, rgba(0,0,0,0) 75%);}
.right-gradient {background: linear-gradient(to right, rgba(255,255,255,1) 10%, rgba(0,0,0,0) 75%);}

.minus-10 {
    margin: 0 calc(-10vw - 34px);
}

/* make a page full width */

.full-width-page .g-block {
    flex: 100%
}

.full-width-page #g-aside {
    width: 75%;
    margin: auto;
}

/* hide the side menu */

.no-side-menu #g-aside {
    display: none;
}

/* template 1 - 50/50 image on the left with gradient overlay and text on right */

.j-template-1 {
    display: flex;
    overflow: hidden;
    max-height: 500px;
}

.j-template-1 .j-image {
    flex-basis: 50%;
    position: relative;

}

.j-template-1 .j-image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.j-template-1 .j-text {
    flex-basis: 50%;
    margin: 3% 4% 3% 0;
    overflow: auto;
    display: flex;
}

.j-template-1 .left-gradient {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.j-template-1 .j-text-center {
    margin: auto;
}


@media only screen and (max-width: 50.99rem) {
    
    .j-template-1 {
        overflow: hidden;
        height: initial;
        flex-direction: column;
        max-height: initial;
    }

    .j-template-1 .j-text {
        padding: 0% 10% 5% 10%;
        margin: 0;
    }

    .j-template-1 .minus-10 {
        margin: 0 calc(-5vw - 34px);
    }

    .j-template-1 .left-gradient {
        background: linear-gradient(to top, rgba(255,255,255,1) 10%, rgba(0,0,0,0) 75%);
    }

}

/* template 2 - 50/50 gradient reversed - left image */

.j-template-2 {
    display: flex;
    overflow: hidden;
    flex-direction: row-reverse;
    max-height: 500px;
}

.j-template-2 .j-image {
    flex-basis: 50%;
    position: relative;
}

.j-template-2 .j-image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.j-template-2 .j-text {
    flex-basis: 50%;
    display: flex;
    margin: 3% 0% 3% 4%;
    overflow: auto;
}

.j-template-2 .right-gradient {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.j-template-2 .j-text-center {
    margin: auto;
}


@media only screen and (max-width: 50.99rem) {
    
    .j-template-2 {
        overflow: hidden;
        height: initial;
        flex-direction: column;
        max-height: initial;
    }

    .j-template-2 .j-text {
        padding: 0% 10% 5% 10%;
        margin: 0;
    }

    .j-template-2 .minus-10 {
        margin: 0 calc(-5vw - 34px);
    }

    .j-template-2 .right-gradient {
        background: linear-gradient(to top, rgba(255,255,255,1) 10%, rgba(0,0,0,0) 75%);
    }

}