/* Sticky Header */
.sticky-header {
  position: fixed; /* Fixes the header */
  top: 0; /* Aligns it at the very top */
  left: 0; /* Keeps it at the left edge */
  width: 100%; /* Makes it full width */
  height: 80px; /* Adjust height as needed */
  z-index: 9999; /* Ensures it's on top of other elements */
  background: #47596E; /* Matches the existing header background */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Optional shadow for depth */
  margin: 0; /* Prevents any unwanted margins */
  padding: 0; /* Removes padding that might cause extra space */
}

/* Margin for the header */
.sticky-header {
  margin: 0; /* No margin for the entire header */
  height: auto; /* Ensure the header adjusts based on its content */
  display: flex; /* Align child elements horizontally */
  align-items: center; /* Vertically center the items */
  justify-content: space-between; /* Distribute space between items */
}

/* Margin for the phone element */
.sticky-header .phone {
  margin-top: 7px; /* Add margin above the phone section */
  margin-right: 20px; /* Add space to the right */
}

/* Add top margin to the logo */
.sticky-header .logo {
  margin-top: 20px; /* Adjust the value as needed */
  margin-bottom: 20px;
}
  margin-left: 20px; /* Add space to the left of the logo */
}
/* General header padding */
.sticky-header {
  padding: 10px 10px; /* Optional: Adds padding around all items */
}

/* Ensure spacing between navigation items */
.sticky-header nav ul li a {
  padding: 10px 15px; /* Adjust padding for nav links */
}

/* Ensure body content doesn't overlap */
body {
  margin: 0; /* Removes default body margins */
  padding-top: 80px; /* Adjust for header height to avoid overlap */
}

/* Reset header styling to avoid conflicts */
header {
  margin: 0;
  padding: 0;
}


.topbutton{
	background: #034da2;
	color: #fff;
}
.topbutton:hover{
	background: #f42626;
	color: #fff;
}
header{
	background: #47596E;
}
.logo{
	color: #fff;
}
header .phone{
	background: #C39B48;
	color: #fff;
}
nav ul li a{
	color: #fff;
}
nav ul li:hover a, nav ul li.active a{
	background: #f42626;
	color: #fff;
}
nav ul li ul li a, nav ul li:hover ul li a{
	background: #034da2;
	color: #fff;
}
nav ul li ul li a:hover, nav ul li:hover ul li a:hover{
	background: #f42626;
	color: #fff;
}
.mobtitle{
	color: #fff; 
	}
.banner{
	background: url(../images/Cloister.jpeg) no-repeat center center;
	background-size: cover;
}
.banner .overlay{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.7+0,0+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.banner h1{
	color:#fff;
}
.banner h1 strong{
	color: #f8b606;
}
.banner h2{
	color:#fff;
}
.banner h3{
	color:#fff;
}
.banner .calloption{
	background: #C39B48;
	color: #fff;
}
.banner .calloption .borderside{
	border:3px solid #f8b606;
}
.page .contentsection .items-wrap .item .icon{
	background: #034da2;
	color: #fff;
}
.page .contentsection .items-wrap .item:nth-child(2) .icon{
	background: #f42626;
	color: #fff;
}
.button{
	background: #f42626;
	color: #fff;
}
.button:hover{
	background: #034da2;
}
footer{
	background: #e7e7e7;
}
footer .widget .footerlogo{
	color: rgba(0,0,0,0.5);
}
footer .widget .footerlogo img{
	opacity: 0.5;
}
footer .widget ul li a, footer .widget p{
	color: rgba(0,0,0,0.5);
}
footer .widget ul li a:hover{
	color: #f42626;
}
footer .footerbottom{
	border-top: 1px solid rgba(0,0,0,0.2);
}
footer .footerbottom .copyright, footer .footerbottom .socialmedia p{
	color: rgba(0,0,0,0.5);
}