body{

	/* background: #4697ce; */
	background:#4a3173;
	font-family: Sans-serif, Arial, Roboto;
	position:relative;
	min-height:100%;
	min-height:100vh;
	padding-bottom:50px;
}

a:hover{
	text-decoration:none;
}

#nav-bar{

	height:50px;

	padding-bottom:10px;

	/* background:#4697ce; */
	background:#32204e;
	z-index:9999 !important;
	
	padding-right:40px;
	padding-left:10px;

}

#navbarNavAltMarkup{

	/* background: #4697ce; */
	background:#32204e;

}
.navbar-toggler{
	background: #756096;
    background: -webkit-linear-gradient(#756096, #655382);
    background: linear-gradient(#756096, #655382);
}
#nav-bar a{

	/* color:#000; */
	color:#ecb540;

	text-decoration:none;
	
	padding-left:10px;

}



#nav-bar a:hover {

	color:#fff;
	

	text-decoration:none;

}
.diocese a:hover {

	/* color:#4697ce !important; */
	color:#4a3173 !important;
	text-decoration:none;

}
.dropdown-item:focus{

	color:#ecb540 !important;
	background:#756096;
}
.navbar-brand{
    
    color:#fff !important;
    padding-left:10px;
    margin-left:5px;
}
.navbar-brand a{
	color:#fff !important;
}
#nav-bar button{
    margin-right:10px;
}
.nav-item{
    margin-left:5px;
	/* color:#03051c; */
	color:#ecb540;
    font-size:90%;
}
.nav-link{
    margin-left:5px;
		font-size:90%;
	display: block;
        padding: 1px 2px;
        background: #756096;
        background: -webkit-linear-gradient(#756096, #655382);
        background: linear-gradient(#756096, #655382);
        color: #c3b8d4;
        border-radius: 20px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
}
.nav-link a:hover{
		background: #ecb540  !important;
        background: -webkit-linear-gradient(#ecb540, #ec8940);
        background: linear-gradient(#ecb540, #ec8940);
		color: #86450c  !important;
	 }

.header-item{

	padding-top:16px;

}

#home-image {

		position:relative;
		
		padding-top: 220px;

		margin-bottom:0px;

		/*z-index:-4;

		opacity:3;*/
		
		height:400px;
		margin-top:50px;
		display:inline-block;
		width:100%;

}
/*.overlay:before{
	position:absolute;
	content:" ";
	top:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
	display:block;
	z-index:0;
	/* background-color:rgba(99,99,107,0.7); */
	background:#4a3173da;
	
}*/
#home-image *{
	position:relative;
}
#main-image-content{
	margin:0 auto;
}
#main-image-content h3{
	/* color:#fff;*/ 
	color:#ecb540;

}
#main-form{
	height:60px;
	/* background:#eee; */
	background:#dac088;
	width:100%;
	padding:10px 10px;
}
#form1{
	background:rgb(219, 214, 170);
	
}


.input-group select { 
	border-radius: 0px !important;
	}
select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 0px !important;
  appearance: none;
  transition:none;
  border:0 !important;
  box-shadow: none !important;
  background: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='18' height='18' viewBox='0 0 24 24'><path fill='grey' d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'></path></svg>") #fff;
  background-position: 100% 50%;
  background-repeat: no-repeat;
  padding:6px 10px;
  height:100%;
  text-align:center !important;
}
input.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 0px !important;
  appearance: none;
  transition:none;
  border:0 !important;
  box-shadow: none !important;
  text-align:center !important;
  padding:8px 10px;
}
button.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 0px !important;
  appearance: none;
  transition:none;
  border:0 !important;
  box-shadow: none !important;
  text-align:center !important;
  padding:8px 10px;
}

#btn-home:hover{
	/* background:#4697ce; */
	background:#ecb540;
	/* color:#fff; */
	color:#160e22;
	
}

main {

	color: #d1e4f2

	color:#96cde0

	color:4697ce, 66cdef #d1e4f2

}

.btn{
	/* border-color:#4697ce; */
	border-color:#ecb540;
	color:#000;
	border-radius:10px;
}
.btn:hover{
	/* background:#4697ce; */
	background:#ecb540;
	color:#000;
}

.btn-home{

	/*width:280px;*/

	width:100%;

	

}


#text{

	background: #fff;

	padding-top:30px;

	margin-bottom:100px;

	text-align:center;

	

}

 .row1{

	padding-bottom:40px;

}

.text{

	margin:0 auto;

}

.space{

	height:25px;

}

.news{

	padding:0px 0px 20px 0px;

	margin:0 auto;
	color:#ecb540;

}



.footer{

	position:absolute;
	 right:0;
	 bottom:0;
	 left:0;

}



#cards{

	

	/* background:#4697ce;	 */
	background:#4a3173;

	padding-bottom:40px;

	

}

#card-row{

	padding-left:40px;

	padding-right:40px;

}

.card{

	text-align:left !important;

}

#top-bar{

	background:#e8eef2;

}



#parish-info{

	background:#fff;

}

#parish-info a{

	color:#000;

	text-decoration:none;

}

#parish-info a:hover{

	/* color:#4697ce; */
	color:#ecb540;

	text-decoration:none;

}

#searchbox{

	/* background:#d1e4f2; */
	background:#d6c39a;
	padding-top:50px;
	

}
.breadcrumbs{
	color:#ecb540;
}
#form-header{

	margin: 0 auto;

}

#listing-display {
	margin-top:90px;
}
#parish-list-names a:hover{
	color:#4a3173;
}

.capitalise{
    text-transform:uppercase;
}
#parish-info{
    position:relative;
    width:90%;
    box-shadow: 0 4px 8px 0 rgba(195, 195, 195, 0.8), 0 6px 15px 0px rgba(0, 0, 0, 0.8);
}
/*#loadMore:focus{
    background:#c3c3c3;
    color:#fff;
}*/
#loadMore:hover{
	/* color:#4697ce; */
	color:#291238;
	/* background:#c3c3c3; */
	background:#ecb540;
    border-radius:10px;
	/* border-color:#4697ce; */
	border-color:#ecb540;
}
#find{

	margin-top:8px;

}

.parish-image{

	

	width:150px;

	height:100px;

	margin-top:10px;

	margin-left:10px;

}



.p-margin{

	margin:0px;

	padding:0px;

}

#main-parish-image{

	height:280px;

	margin-bottom:0px;
	margin-top:90px;

	/*background:url(uploads/<?php echo $image; ?>);*/

	background-size: cover;

	background-position: center;

}

#parish-details{

	background:#fff;

	font-size:90%;

}

#parish-details h5{
	color:#2c2d30 !important;
	
	
	font-weight:bold;
}
#parish-details p{

	margin-bottom:5px;
	

}
#parish-details span{
	color:#696969;
	
}


.inputFile {

	width: 0.1px;

	height: 0.1px;

	opacity: 0;

	overflow: hidden;

	position: absolute;

	z-index: -1;

}



#announce{

	background:#fff !Important;

	font-size:110%;

	

}

#announce h4{

	/* color:#4697ce; */
	color:#4a3173;

	font-weight:bold;

	

}

.ms-space{
	
	height:130px;
}

#list-mass-sites{
	
	/*height:500px;*/
	background:#fff;
	position:relative;
	width:70%;
	margin:0 auto;
	box-shadow: 0 4px 8px 0 rgba(195, 195, 195, 0.8), 0 6px 15px 0px rgba(0, 0, 0, 0.8);
}

#list-mass-sites h4{
	
	margin:0 auto;
	text-align:center;
	/* color: #4697ce; */
	color:#4a3173;
	padding: 50px 0 40px 0;
	font-size:140%;
	font-weight:bold;
}


.mass-sites{
	
	padding:10px 5px 10px 40px;
	
}

.mass-sites a{
	text-decoration:none;
	color:#000;
}
.mass-sites a:hover{
	text-decoration:none;
	/* color:#4697ce; */
	color:#4a3173;
}
.mass-sites img{
	
	height:80px;
	width:120px;
}
#main-footer{
	height:50px;
	background:#000;
	/* color:#e2deea; */
	color:#ecb540;
	font-size:80%;
	padding-bottom:0px;
	margin-bottom:0px;
	border-bottom:0px;
	position:absolute;
	 right:0;
	 bottom:0;
	 left:0;
	
}
#main-footer a{
	color:#3eb733;
	text-decoration:none;
	
}
#main-footer a:hover{
	color:#e2deea;
	text-decoration:none;
	
}

@media(max-width:576px) {
	
	#home-image{
		height:320px !important;
		padding-top: 120px !important;
	}
	.overlay:before{
		position:absolute;
		content:" ";
		top:0;
		left:0;
		right:0;
		width:100%;
		height:100%;
		display:block;
		z-index:0;
		/* background-color:rgba(99,99,107,0.7); */
		background:#4a3173f3 !important;
	}
	.navbar{
		padding-right:0px !important;
	    padding-left:0px !important;

	}

	.nav-link{
		color: #ecb540;
		padding: 10px;
		display: block;
		background:#32204e;
		border-radius:0; 
	}
	#main-form{
	height:0px;
	background:#eee;
	width:100%;
	padding:0px;
	}
	
	#form1{
		background:#dac088;
		
	}
	
	select.form-control {
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  -webkit-border-radius: 0px !important;
	  appearance: none;
	  transition:none;
	  border:1px solid #ecb540 !important;
	  border-bottom:none !important;
	  box-shadow: 2px  !important;
	  background: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='18' height='18' viewBox='0 0 24 24'><path fill='grey' d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'></path></svg>") #fff;
	  background-position: 100% 50%;
	  background-repeat: no-repeat;
	  padding:6px 20px;
	  height:100%;
	  text-align:left !important;
	}
	input.form-control {
	  
	  border:2px solid #ecb540 !important;
	  border-bottom:none !important;
	  box-shadow: 2px !important;
	  text-align:left !important;
	  padding:8px 20px;
	}
	button.form-control {
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  -webkit-border-radius: 0px !important;
	  appearance: none;
	  transition:none;
	   border:1px solid #ecb540 !important;;
	  box-shadow: none !important;
	  text-align:left !important;
	  padding:8px 25px;
	  background:#dac088 !important;
	}
	button.form-control:hover {
		background:#ecb540 !important;
		color:#4a3173 !important;
	}

	#btn-home:focus{
		background:#745a24;
		color:#fff;
		
		box-shadow: 2px 2px 2px 2px #4a3173 !important;
	}
	#searchbox #btn-home{
		
		border-top:none !important;
	}
	#searchbox #btn-home:focus{
		box-shadow: 2px 2px 2px 2px #4a3173 !important;
	}
	#searchbox input{
		border-top:none !important;
	}
		
	#main-footer{
	height:50px;
	background:#000;
	/* color:#e2deea; */
	color:#ecb540;
	font-size:65% !important;
	padding-bottom:0;
	margin-bottom:0;
	border-bottom:0;
	
	}
	#main-parish-image{

	height:250px;

	margin-bottom:0;
	margin-top:200px !important;
	}
	#main-diocese-image{

		height:300px !important;
	
		margin-bottom:0;
		margin-top:200px !important;
		}
	.overlay-diocese:before{
		background:#4a3173e8 !important;
			
	}
	.diocese-desc{
	
		margin:0 auto;
		text-align: center;
		padding-top:130px !important;
			
	}
	.diocese-desc h2{
		font-size:250% !important;
	}
	.diocese-desc p{
		font-size:15px !important;
	}	
	#listing-display {
	margin-top:200px !important;
	}
	
	#parish-list-names a:hover{
		color:#4a3173;
	}	
	.ms-space{
		
		height:250px;
	}

	
	#list-mass-sites h4{

		font-size:120%;
		padding: 30px 0;
	}
	#list-dio-news{

		width:90%;
	}
	#list-dio-news h4{

		font-size:120%;
		padding: 30px 0;
	}

	.mass-sites{
	
	padding:10px 5px 10px 20px;
	font-size:80% !important;
	
	}
	.mass-sites img{
		
		height:40px;
		width:60px;
	}
	.news-page {
		padding: 0 30px !important;
		
	}
	.space{
		height:15px;
	}
	#list-mass-sites{
		width:90%;
	}
	.news-space {
		height:30px;
	}
	#find{
		padding-left:22px;
	
	}
	 	
}
@media(max-width:768px ){

	#list-mass-sites{
		width:85%;
	}
	.navbar{
		padding-right:0px !important;
	    padding-left:0px !important;

	}
	.nav-link{
		color: #ecb540;
		padding: 10px;
		display: block;
		background:#32204e;
		border-radius:0; 
	}
	.card{
	}
}
.news-page {
	padding: 0 80px;
	
}
.news-space {
	height:60px;
}
.news-title {
	
	text-transform: uppercase;
}
.news-title:first-letter { 
	text-transform: uppercase; 
}
#pp-diocese{
	color:#4a3173; 
	font-weight:bold;
}

/* diocese styles */
#main-diocese-image{

	height:450px;

	margin-bottom:0px;
	margin-top:90px;

	/*background:url(uploads/<?php echo $image; ?>);*/

	background-size: cover;

	background-position: center;

}
.overlay-diocese:before{
	position:absolute;
	content:" ";
	top:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
	display:block;
	z-index:0;
	/* background-color:rgba(99,99,107,0.7); */
	background:#4a3173c4;
	
}
#main-diocese-image {
	position:relative;
}
.d-menu{
	font-size:80% !important;
}
.diocese-desc{
	
	margin:0 auto;
	text-align: center;
	padding-top:200px;
	
}
.diocese-desc h2{
	font-family:sans-serif;
	font-size:60px;
	font-weight: bold;
	color:#ecb540;
}
.diocese-desc p{
	font-family:sans-serif;
	font-size:20px;
	font-weight: bold;
	color:#fff;
}

#list-dio-news{
	
	/*height:500px;*/
	background:#fff;
	position:relative;
	width:85%;
	margin:0 auto;
	box-shadow: 0 4px 8px 0 rgba(195, 195, 195, 0.8), 0 6px 15px 0px rgba(0, 0, 0, 0.8);
}

#list-dio-news h4{
	
	margin:0 auto;
	text-align:center;
	/* color: #4697ce; */
	color:#4a3173;
	padding: 50px 0 40px 0;
	font-size:140%;
	font-weight:bold;
}
.main-content a:hover{
	text-decoration:none;
	color:#4a3173;
}
.main-content a{
	color:#000;
}
.hero {
	position: relative; }
	.hero .slides {
	  list-style: none;
	  *zoom: 1; }
	  .hero .slides:after {
		content: " ";
		clear: both;
		display: block;
		overflow: hidden;
		height: 0; }
	  .hero .slides li {
		min-height: 700px;
		width: 100%;
		float: left;
		margin-right: -100%;
		padding-top: 250px;
		padding-bottom: 100px;
		background-size: cover; }
	  .hero .slides .slide-content {
		text-align: center;
		color: white; }
	  .hero .slides .slide-title {
		font-size: 60px;
		font-size: 4.2857142857em;
		color: #ecb540; }
	  .hero .slides .date {
		font-size: 30px;
		font-size: 2.1428571429em;
		display: block;
		margin: 30px 0; }
	  .hero .slides p {
		font-size: 18px;
		font-size: 1.2857142857em;
		color: #aea1c3; }
	.hero .flex-control-nav {
	  position: absolute;
	  list-style: none;
	  text-align: center;
	  bottom: 30px;
	  width: 100%;
	  z-index: 99; }
	  .hero .flex-control-nav li {
		display: inline-block;
		margin: 0 5px; }
	  .hero .flex-control-nav a {
		width: 25px;
		height: 25px;
		position: relative;
		border-radius: 50%;
		display: block;
		background: #1a1129;
		overflow: hidden;
		text-indent: -999px;
		cursor: pointer; }
		.hero .flex-control-nav a:before {
		  content: " ";
		  width: 17px;
		  height: 17px;
		  border-radius: 50%;
		  background: #ecb540;
		  position: absolute;
		  left: 0;
		  right: 0;
		  top: 0;
		  bottom: 0;
		  margin: auto;
		  -webkit-transition: .3s ease;
				  transition: .3s ease;
		  -webkit-transform: scale(0);
			  -ms-transform: scale(0);
				  transform: scale(0);
		  opacity: 0; }
		.hero .flex-control-nav a.flex-active:before {
		  opacity: 1;
		  -webkit-transform: scale(1);
			  -ms-transform: scale(1);
				  transform: scale(1); }
  
  .fullwidth-block {
	padding: 50px 0; }
	.fullwidth-block .section-title {
	  font-size: 38px;
	  /* font-size: 3.4285714286em; */
	  color: #4a3173;
	  text-align: center; }
	.fullwidth-block .section-intro {
	  text-align: center;
	  font-size: 18px;
	  font-size: 1.2857142857em;
	  color: #aea1c3;
	  margin-bottom: 30px; }
	.fullwidth-block[data-bg-image] .section-title, .fullwidth-block[data-bg-color] .section-title {
	  color: white; }
	.fullwidth-block h3.section-title {
	  text-align: left;
	  font-size: 40px;
	  font-size: 2.8571428571em; }
  
	  .text-center {
		text-align: center; }
	  
	  .text-right {
		text-align: right; }
	  
	  .prev-events, .next-events {
		border-radius: 30px;
		border: 1px solid #aba6b3;
		padding: 5px 10px;
		display: inline-block;
		margin: 0 10px 30px; }
		.prev-events img, .next-events img {
		  display: block; }
		.prev-events:hover, .next-events:hover {
		  border-color: #777182; }
	  
	  .prev-events {
		padding-right: 50px; }
	  
	  .next-events {
		padding-left: 50px; }
	  
	  .event {
		text-align: center;
		margin-bottom: 30px; }
		.event .event-image {
		  width: 100%;
		  max-width: 100%;
		  height: auto;
		  margin-bottom: 20px; }
		.event .event-title {
		  margin-bottom: 20px;
		  font-size: 18px;
		  font-size: 1.2857142857em; }
		.event .event-meta {
		  margin-bottom: 30px; }
		  .event .event-meta span {
			margin: 0 10px; }
			.event .event-meta span .fa {
			  margin-right: 5px;
			  display: inline-block; }
	  
  /*
   * Footer Styles
   */