.aos-red-button {
       background: #cc0000;
       border-radius: 11px;
       padding: 6px 10px;
       color: #ffffff;
       display: inline-block;
       font: normal bold 12px/1 "Open Sans", sans-serif; 
       cursor: pointer;
       text-align: center;}
.aos-green-button 
       {background: #418725;
       border-radius: 11px;
       padding: 6px 10px;color: #ffffff;
       display: inline-block;
       font: normal bold 12px/1 "Open Sans", sans-serif;
       cursor: pointer;
       text-align: center;}
.aos-green-button :hover {background-color: ##339933}
.aos-green-button:active {
       background-color: #006633;
       box-shadow: 0 5px #666;
       transform: translateY(4px);
     }
.aos-gray-button {
       background: #666666;
       border-radius: 11px;
       padding: 6px 10px;
       color: #ffffff;
       display: inline-block;
       font: normal bold 12px/1 "Open Sans", sans-serif;
       cursor: pointer;
       text-align: center;}
.aos-blue-button {
       background: #0086ff;
       border-radius: 11px;
       padding: 6px 10px;
       color: #ffffff;
       display: inline-block;
       font: normal bold 12px/1 "Open Sans", sans-serif;
       cursor: pointer;
       text-align: center;}

#ParishList { width:100%;}

.tblFinder { 
       width:100%;
       display:flex;
       flex-direction: row-reverse;
}
.tblFinderLeftColumn { 
       display: table-cell;
       width:30%;
       vertical-align:top;
}   
.tblFinderCenterColumn { 
       display: table-cell;
       width:40%;
       margin-top: 50px;
       margin-left: 5px;
       margin-right: 5px;
       vertical-align:top;
}
.tblFinderRightColumn { 
       display: table-cell;
       width:30%;
       vertical-align:top;
}
#map {
       height: 100%;
       width: 100% !important;
       vertical-align: top;
       background-color: gray;
       display:inline-flex;
}


@media (max-width: 992px) {
       .tblFinder { 
              flex-wrap: wrap;
       }

       .tblFinderLeftColumn { 
              flex: 1 0 30%;
       }        

       .tblFinderCenterColumn  {
              flex: 0 0 60%;
       }

       .tblFinderRightColumn {
              flex: 0 0 100%;
              display: flex;
              justify-content: center;
       }
}

.infwinParishLink {
       font-weight:bold;
       text-decoration: underline;
}
.staffdesignation_region {
       display:table-row;
       line-height: 20px;
       padding:5px 0;
}
.staffdesignation_option {
       display:table-cell;
       vertical-align: center;
       padding: 15px;
}

.finderHeader {
       width: 100%;
       text-align: center;
       line-height: 1.4;
       color: #333;
       font-family: "Crimson Pro",serif;
       font-weight: 400;
       font-style: normal;
       text-transform: none;
}
.finderFamilyContainer {
       display: flex;
       flex-direction: row;
       flex-wrap: wrap;  
}
.finderRibbon {
       width: 100%;
       height:52px;
       color: #595959;
       background-color: #00558a;
       font-size: 17px;
       font-weight: 400;
       line-height: 1.55;
       font-style: normal;
       padding: 0;
       word-wrap: break-word;
}
.finderRibbon button {
       color: white;
       height:52px;
       padding: 0;
       cursor: pointer;
       width: 33%;
}
.finderRegionHeader {
       margin-top: 50px;
}
.finderContentRegion {
       width:90%;
       margin-left: auto;
       margin-right: auto;
       border-spacing:1px;
}

.finderContentRow  tr {
       width:100%;
}
.finderLeftColumn td {
       width:25% !important;
       padding: 20px;
}
.finderLinkColumn {
       width:25% !important;
       padding-top: 20px;
       padding-left: 20px;
       padding-right: 20px; 
       padding-bottom:20px;
}
.finderLinkCell {
       font-weight:500;
       padding-top: 20px;
       padding-left: 20px;
       padding-right: 20px;
}
.finderRightColumn {
       width:75% !important;
       padding-top: 20px;
       padding-left: 20px;
       padding-right: 20px;
}
.finderLinkRegion {
       width:90%;
       margin-top: 100px;
       margin-left: auto;
       margin-right: auto;
       margin-top: 100px;
}
.finderLinkRow {
       width:90% !important;
}
.finderSearchRegion {
       width:50%;
       margin-left: 50px;
       margin-right: auto;
       border-spacing:1px;
}
.finderSearchRow {
       width:90% !important;
}
.finderSearchColumn {
       padding-top: 2px;
       padding-left: 20px;
       padding-right: 20px;
       padding-bottom: 2px;
       background-color: #f7f6f3;;
}
.finderSearchHeading {
       font-size: 14px;
       font-weight: 600;
       line-height: normal;
       letter-spacing: 0.2px;
       color: #595959;
       margin-top: 0;
}
.finderSearch {
       width: 100%;
       margin-bottom: 2px;
       margin-top: 2px;
       margin-right: 10px;
       text-align: right;
}
.finderSearch i {
       position: relative;
       right:10px;
       top: 30px;
       cursor:pointer;
}
.finderSearchField {
       width: 100%;
       padding: 10px;
       text-align: center;
}
.finderSearchField:focus {
       border: 2px solid dodgerblue;
}
.finderSearchFeedback {
       width: 300px;
}
.finderSearchFeedbackItem {
       width:50%;
       text-align:center;
       font-weight:500;
}
.finderDetailsSpacer {
       position:relative;
       height:150px;
}
.finderDetailsSpacer .finderGoBack {
       position:absolute;
       bottom:0;
       left:20px;
       font-weight: 600;
       cursor:pointer;
       font-size:14px;
}
.finderButtonField {
       vertical-align: middle;
       height: 40px;
       width:90%;
       text-align:left;
       margin-left: auto;
       margin-right: auto;
}
.finderButtonField .back-button {
       background-color: transparent;
       border: none;
       color: #595959;
       font-size: 14px;
       margin-top: 20px;
       cursor: pointer;
}
.finderDetailsContainer {
       position:relative;
       height: auto;
       margin-left: auto;
       margin-right: auto;
       width: 90%;
       border-top-color: gray;
}
.finderOffMinDetailsContainer {
       display: flex;
       width:90%;
       margin-left: auto;
       margin-right: auto;
       margin-top:50px;     
}
.finderParishDetailsContainer {
       display: flex;
       width:100%;
}


@media (max-width: 768px) {
       .finderParishDetailsContainer {
              flex-direction: column;
       }       

       .finderParishDetailsContainer .page-header {
              margin: 0;
              padding: 20px;
              width: 85%;              
       }

       .finderParishDetailsContainer .page-header h1 { 
              font-size: 30px;
       }
}

.finderParishDetailsLeft {
       display: table-cell;
       width: 30%;
       height: auto;
       max-width: 380px;
       background-color: #f7f6f3;
       float: left;
       padding: 5px;
       font-size: 14px;
       margin-top: 50px;
       margin-left: 10px;
       margin-right: 10px
}
.finderParishDetailsLeft .parish-image img {
       width: 100%;
       height: auto;
}
.finderParishDetailsLeft .parish-info {
       padding: 30px 45px;
       font-size: 14px;
       line-height: 1.6;
}
.finderParishDetailsLeft .parish-info .break-line {
       content: "";
       height: 1px;
       width: 20px;
       border-bottom: solid 1px #595959;
}

@media (max-width: 768px) {
       .finderParishDetailsLeft {
              display: block;
              width: auto;
              height: auto;
              max-width: 100%;       
       }
}

.finderParishDetailsFineprint {
       font-size:12px;
       width:80%;
       margin-top:10px;
       margin-left:auto;
       margin-right:auto;
}
.finderParishLiturgies {
       margin-top: 10px;
}
.finderParishLiturgies .liturgy-item {
       margin-top: 10px;
}
.finderParishLiturgyNotes {
       margin-top: -10px;
}
.finderParishLiturgyNotesHeader {
       color: #595959;
       font-size: 14px;
       font-weight:bold;
       margin-top: 10px;
       margin-bottom:5px;
}
.finderParishLiturgyNotes .finderParishLiturgyNote {
       margin-top: 0px;
       margin-left:10px;
}
.finderParishDetailsRight {
       display: table-cell;
       width: 70%;
       height: auto;
       padding: 25px 30px;
       font-size: 14px;
       margin-top: 50px;
       margin-left: 10px;
       margin-right: 10px
}
.finderDetailsLeft {
       display:table-cell;
       width: 70%;
       height: auto;
       padding: 25px 30px;
       float: left;
       padding: 5px;
       text-align:left;
}
.finderDetailsLeft .page-header {
       padding-bottom: 9px;
       margin: 20px 0 20px;
       border-bottom: 1px solid #eee;
       text-align:left;
}

.finderDetailsRight {
       display:table-cell;
       width: 30%;
       height: auto;
       max-width: 380px;
       background-color: #f7f6f3;
       float: right;
       padding: 25px 30px;
       margin: top 50px;
       font-size:14px;
}
.finderParishDetailsFooter {
       display: inline-block;
       width: 100%;
}
.finderDetailsFooter {
       display: inline-block;
       width: 100%;
}
.family-item {
       width: calc(50% - 10px);
       margin-top: 10px;
       margin-left: 10px;
       font-size: 14px;
}
div.finderSearchRibbon { 
       display:flex;
}
div.finderParishCount {
       display: inline-flex;
       margin-left:0;
       margin-right:auto;
       margin-top:5px;
}
div.finderSearchClear {
       text-align: right;
       font-weight: bold;
       display:inline-flex;
       cursor:pointer !important;
       margin-right:0;
       margin-left:auto;
       margin-top:5px;
}

.ParishRow { border-bottom: solid .85px silver; }
.ParishCol { font-size: .80em; padding: 6px; margin-bottom:16px; }
.ParishColHdr { text-align: center; font-size: .80em; padding: 6px; }
.SearchCol { font-size: .80em; padding: 6px; font-weight: bold; text-align: center;margin-bottom: 16px;}
.SearchFilterColumn {vertical-align: top;} 
.SearchRowHdr {  display: grid; cursor: pointer; margin-bottom: 10px; }
.SearchRow {  display: grid; cursor: pointer; margin-bottom: 10px; }

.LanguageRow{ display: none; font-size: .75em; padding: 6px; vertical-align : center; }
.DOWRow     { display: none; font-size: .75em; padding: 6px; vertical-align : center; }
.TODRow     { display: none; font-size: .75em; padding: 6px; vertical-align : center; }      

.LiturgyCbx { padding-left:30px; font-size: 14px; color: #595959;margin-top: 2px; margin-bottom: 2px;}
.LanguageRad { padding-left:30px; font-size: 14px; color: #595959;margin-top: 10px; margin-bottom: 4px;}

.btnInActive { width:300px; font-size: 15px; background-color: #aa3438; color:#F7F6F3; border: 0; }
.btnInActive:hover {background:#d91b22; border: 0; }
.btnInActive:active:focus { background: #d91b22; color: #F7F6F3; border: 0;}
.btnInActive:focus { background: #d91b22; color: #F7F6F3; border: 0;}

.btnActive   { width:300px; font-size: 15px; background-color: #aa3438; color:#F7F6F3; border: 0;}
.btnActive:hover {background:#d91b22; border: 0;}
.btnActive:active:focus { background: #d91b22; color: #F7F6F3; border: 0;}
.btnActive:focus { background: #d91b22; color: #F7F6F3; border: 0;}

.aosFinderHeaderColumn {
       float: left;
       font-size: 1.0em; 
       padding: 6px; 
       vertical-align : center; 
       height: 50px;
       background-color: #005581;
       color: white;
       text-align: center;
       margin-left: auto;
       margin-right: auto;
       width: 33.33%;
}
.aosFinderHeaderColumn a.link {
       color:white !important;
       font-weight: normal;
       font-size: 1.0em;
}
.aosFinderHeaderColumn a.hover {
       color:white !important;
       font-weight: bold !important;
       font-size: 1.2em;
}
       /* Clear floats after the columns */
.aosFinderHeaderRow:after {
       width:80%;
       content: "";
       display: table;
       clear: both;
}
.parish-image {
       max-height: 100%;
       max-width: 100%;
}

.fltrRegion {
       display: grid;
}
.fltrRow {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}

.fltrRow input[type="checkbox"] {
    margin: 0;
}

.fltrRow label {
    margin: 0;
    line-height: 1;
}

.tab-wrap {
	-webkit-transition: 0.3s box-shadow ease;
	transition: 0.3s box-shadow ease;
	border-radius: 6px;
	max-width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	  -ms-flex-wrap: wrap;
		  flex-wrap: wrap;
	position: relative;
	list-style: none;
	background-color: #fff;
	margin: 40px 0;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.tab-wrap:hover {
	box-shadow: 0 12px 23px rgba(0, 0, 0, 0.23), 0 10px 10px rgba(0, 0, 0, 0.19);
}

.tab {
	display: none;
}
.tab:checked:nth-of-type(1) ~ .tab__content:nth-of-type(1) {
	opacity: 1;
	-webkit-transition: 0.5s opacity ease-in, 0.2s transform ease;
	transition: 0.5s opacity ease-in, 0.2s transform ease;
	position: relative;
	top: 0;
	z-index: 100;
	-webkit-transform: translateY(0px);
		  transform: translateY(0px);
	text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(2) ~ .tab__content:nth-of-type(2) {
	opacity: 1;
	-webkit-transition: 0.5s opacity ease-in, 0.2s transform ease;
	transition: 0.5s opacity ease-in, 0.2s transform ease;
	position: relative;
	top: 0;
	z-index: 100;
	-webkit-transform: translateY(0px);
		  transform: translateY(0px);
	text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(3) ~ .tab__content:nth-of-type(3) {
	opacity: 1;
	-webkit-transition: 0.5s opacity ease-in, 0.2s transform ease;
	transition: 0.5s opacity ease-in, 0.2s transform ease;
	position: relative;
	top: 0;
	z-index: 100;
	-webkit-transform: translateY(0px);
		  transform: translateY(0px);
	text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(4) ~ .tab__content:nth-of-type(4) {
	opacity: 1;
	-webkit-transition: 0.5s opacity ease-in, 0.2s transform ease;
	transition: 0.5s opacity ease-in, 0.2s transform ease;
	position: relative;
	top: 0;
	z-index: 100;
	-webkit-transform: translateY(0px);
		  transform: translateY(0px);
	text-shadow: 0 0 0;
}
.tab:first-of-type:not(:last-of-type) + label {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.tab:not(:first-of-type):not(:last-of-type) + label {
  border-radius: 0;
}
.tab:last-of-type:not(:first-of-type) + label {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.tab:checked + label {
	background-color: #d91b22;
	box-shadow: 0 -1px 0 #fff inset;
	cursor: default;
       color:#ffffff;
}

.tab:checked + label:hover {
	box-shadow: 0 -1px 0 #fff inset;
	background-color: #d91b22;
}
.tab + label {
	width:100%;	  
	box-shadow: 0 -1px 0 #eee inset;
	border-radius: 6px 6px 0 0;
	cursor: pointer;
	display: block;
	text-decoration: none;
	color:#F7F6F3;
	-webkit-box-flex: 3;
	-webkit-flex-grow: 3;
	  -ms-flex-positive: 3;
		  flex-grow: 3;
	text-align: center;
	background-color: #aa3438;
	-webkit-user-select: none;
	 -moz-user-select: none;
	  -ms-user-select: none;
		  user-select: none;
	text-align: center;
	-webkit-transition: 0.3s background-color ease, 0.3s box-shadow ease;
	transition: 0.3s background-color ease, 0.3s box-shadow ease;
	height: 50px;
	box-sizing: border-box;
	padding: 15px;
       font-weight:500;
}
@media (min-width:768px) {
		
	.tab + label {
		width:auto;
	}
}
.tab + label:hover {
	background-color: #d91b22;
	box-shadow: 0 1px 0 #d91b22 inset;
}
.tab__content {
	padding: 10px 25px;
	background-color: transparent;
	position: absolute;
	width: 100%;
	z-index: -1;
	opacity: 0;
	left: 0;
	-webkit-transform: translateY(-3px);
		  transform: translateY(-3px);
	border-radius: 6px;
	
}

/* Boring Styles */
*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
	body {
	font-family: 'Maven Pro', sans-serif;
	background-color: #e7e7e7;
	color: #777;
	padding: 30px 0;
	min-width:350px;
}
.aosFinder h1 {
	margin: 0;
	color: #444;
	text-align: center;
}
.aosFinder h2 {
       margin: 0;
	color: #444;
	text-align: center;
	font-size: 1em;
	margin-bottom: 30px;
}
p {
	line-height: 1.6;
	margin-bottom: 20px;
}
.rbnMenuContainer {
	max-width:100%;
	margin:0 auto;
}
#parish-notice-msg {
       color: #005684;
}