@import url('//fonts.googleapis.com/css2?family=Raleway:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
/************ TEMPLATE  ************
Rotator Size: 1600x669 (super wide, 2.39:1)

/************ FONTS  ************
Font: Raleway

-Medium is used a lot for menu, links, headers, etc. 
-Regular - body text
-Semibold - QLs

/************ COLORS  ************
Gold: #f5c837; rgba(245,200,55,1)
White: #ffffff;
Black: #000000;
Brown: #583925; rgba(88,57,37,1)

/************ NOTES ************
-Menu bar and background of 3 columns below 'welcome': rgba(245,200,55,.8)
-QL and paralax/icon section overlay color: rgba(88,57,37,.6)
-note harsher dropshadow for text in those places
-slight dropshadow on buttons for headlines and calendar

-let's go ahead and add their mission statement below the welcome in normal size text:
The Carmelite Ministry of St. Teresa (CMST) provides a safe and secure family style residence to adult women with intellectual and developmental disabilities. It offers the opportunities for formation and enrichment activities to develop community life, personal growth, and foster independence through its active daily engagement.

-update homepage contact info to the following: 
1215 Dewey Ave, Wauwatosa, WI 53213
(414) 302-9454 (L)
(414) 379-6489 (M)
carmeliteministrywauwatosa@gmail.com
************/

.parish-1 {
    --primary-color: #f5c837;
    --secondary-color: #583925;

    --primary-rgb: 245,200,55;
    --secondary-rgb: 88,57,37;

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

    --title-font-family: 'Raleway';
    --body-font-family: 'Raleway';

    --heading-color: var(--secondary-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);

    --rok-mini-badge: var(--default-white);
    --rok-mini-numbers: var(--secondary-color);
    --rok-mini-text: var(--secondary-color);
    --rok-mini-timeline: var(--primary-color);

    --ph-title-font-size-desktop: 1.4vw;
	--ph-text-font-size-desktop: 1.1vw;
    --ph-border-bottom: 1px solid var(--default-white);
    --ph-background-hover: rgba(var(--secondary-rgb),.5);
    --ph-title-color: var(--secondary-color);
    --ph-title-hover: var(--default-white);
	--ph-g-title-color: var(--secondary-color);
}

.ql-fa-toplinks {
    --ql-background-color: rgba(var(--secondary-rgb),var(--ql-bg-opacity));
    --ql-background-hover: rgba(var(--primary-rgb),var(--ql-bg-hover-opacity));
    --ql-title-color: var(--secondary-color);
    --ql-title-hover: var(--primary-color);
    --ql-font-size-desktop: .9vw;
    --ql-font-size-mobile: 1rem;
    --ql-font-title-color: var(--secondary-color);
    --ql-num-boxes: 3;
}

.ql-square-1 {
    --ql-background-color: rgba(var(--secondary-rgb),var(--ql-bg-opacity));
    --ql-background-hover: rgba(var(--secondary-rgb),var(--ql-bg-hover-opacity));
    --ql-title-color: var(--default-white);
    --ql-num-boxes: 4;
}

.ql-fa-bottom-links {
    --ql-background-color: rgba(var(--secondary-rgb),var(--ql-bg-opacity));
    --ql-background-hover: rgba(var(--secondary-rgb),var(--ql-bg-hover-opacity));
    --ql-title-color: var(--default-white);
    --ql-title-hover: var(--primary-color);
    --ql-num-boxes: 3;
}

h6 {color: var(--primary-color);}

.readon, .button, .btn, p.readmore .btn, .sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span, .listentobutton.moduletable a {
    background: var(--secondary-color);
}


/*************** HOMELAYOUT ***************/
/*************** OFFCANVAS ****************/
/*************** TOP **********************/
/*************** NAVIGATION ***************/
.homelayout #g-navigation {padding-bottom: 2vw!important;}
.parish-1 #g-navigation {background: url('/images/template/header-bg.jpg') 100% 0% no-repeat;}
#g-navigation .g-logo {text-align: center;}
#g-navigation .g-logo img {width: 90%; height: auto; margin: 1vw 1vw 1vw 2vw;}

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



/*************** SLIDESHOW ****************/
/*************** HEADER *******************/
/*************** ABOVE ********************/
/*************** SHOWCASE *****************/
.parish-home.homelayout #g-showcase {background: url('/images/template/ql-branch-right.jpg') 100% 0% no-repeat, url('/images/template/ql-branch-left.jpg') 0% 100% no-repeat;}

/*************** UTILITY ******************/
.homelayout #g-utility {height: 8vw;}

/*************** FEATURE ******************/
/*************** MAIN *********************/
@media only screen and (min-width: 50.99rem) {
    .ph-sidepics-2 .g-array-item {min-height: 5vw;}
    .ph-sidepics-2 .g-array-item-image {height: 5vw; width: 5vw;}
    .ph-sidepics-2 .g-array-item-title {margin-left: 5vw; padding-left: 1vw; padding-right: 1vw;}
    .ph-sidepics-2 .g-array-item-text {margin-left: 4vw; margin-top: 5px;}
    .ph-sidepics-2 .g-array-item-read-more {margin-left: 5vw;}
	.ph-sidepics-2 .g-title {font-size: 2rem;}
	.ph-addpic .g-content {padding: 0.25rem;}
}
#g-mainbar .moduletable {margin: 0;}
#g-container-main .g-block:first-child .g-content {padding-left: 0.25rem; padding-right: 0.25rem;}

.homelayout #g-container-main:not(.homelayout.outline-_error #g-container-main) {
    /* margin-top: -6vw;
    padding-top: 6vw!important; */
    background: url('/images/template/welcome-branch.jpg') 0% 0% no-repeat; 
    background-size: contain;
    padding: 0 5%;
}

.homelayout #g-container-main .g-title {
    border-bottom: 1px solid var(--default-white);
    text-align: center;
    font-family: var(--title-font-family);
}

.homelayout #g-container-main > .g-grid > .g-block {padding: 0 1vw;}
.homelayout:not(.homelayout.outline-_error) :is(#g-sidebar, #g-mainbar, #g-aside) {background: rgba(245,200,55,.8);}

.homelayout #g-feature > .g-grid:nth-child(2) > .g-block > .g-content {background: rgba(245,200,55,.8);}

@media only screen and (max-width: 50.99rem) {
    .homelayout #g-container-main {
        margin-top: -2rem;
        padding-top: 6rem!important;
    }
    .homelayout #g-container-main > .g-grid > .g-block {
        margin-bottom: 2rem;
    }
}

/*************** EXPANDED *****************/
@media only screen and (max-width: 50.99rem) {
    .homelayout #g-expanded {margin-bottom: 2rem;}
}

/*************** EXTENSION ****************/
.parish-home.homelayout #g-extension {
    background: url('/images/template/paralax1.jpg') 0% 0% no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}
.parish-home.homelayout #g-extension > .g-container {
    background: rgba(88,57,37,.6);
    padding: 7vw 10%!important;
}

@media only screen and (max-width: 50.99rem) {
    .parish-home.homelayout #g-extension {background-attachment: initial;}
    .parish-home.homelayout #g-extension > .g-container {padding: 7vw 0!important;}
} 

/*************** BOTTOM *******************/
/*************** FOOTER *******************/
#g-footer {
    background: url('/images/template/footer-branch.jpg') 100% 0% no-repeat, var(--primary-color);
}

#g-footer > .g-grid > .g-block:nth-child(2) {
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-social-icons {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.footer-social-icons > div:not(.footer-social-icons > div:last-child) {
    margin-right: 1vw;
}

/*************** COPYRIGHT ****************/
/*************** MODULES ******************/
.moduletable .nav.menu, .moduletable .unstyled {background: var(--primary-color);}
.moduletable .nav.menu li a {color: var(--secondary-color);}
.moduletable .nav.menu li.current.active a, .moduletable .nav.menu li a:hover {
    color: var(--default-white);
    background: var(--secondary-color);
}

/*************** SECTIONS *****************/
#g-footer p {color: var(--default-white); font-size: 1.6rem;}
#g-footer a {color: var(--default-white);}
#g-footer .fa {font-size: 1.6rem;}
#g-footer .footer-social-icons a:hover {color: var(--secondary-color);}

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

/*************** ADS **********************/



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

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



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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

}


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



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

.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item .koowa_media__item__link:hover .overflow_container > span {
	margin-bottom: 3vw;
	background: rgb(119 149 118 / 100%);
}

/* fixing the latest news section */

.parish-1 .ph-sidepics-2 {
    flex-direction: column;
    padding-top: 2.25rem;
}