@charset "UTF-8";
/* CSS Document */

	a[href='#content'] {
		color: #000;
		background-color: #fff;
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		border: 0;
	}
	
	.navbar {
		font-family: 'Source Sans Pro', sans-serif;
	}
	.navbar .navbar-brand {
		font-family: 'Oswald', sans-serif;
		color: #025B92;
		font-weight: bold;
		font-size: 20px;
		letter-spacing: .2px;
		line-height: 20px;
	}

a.navbar-brand {
    padding-top: .3125em !important;
    padding-bottom: .3125em !important;
}
		
	
	.navbar .navbar-nav .nav-link {
		color: #000;
		text-transform: uppercase;
		padding-right: 1em;
		padding-left: 1em;
	}
		
	.slide-link::before{
		content:'';
		background-color:#fff
	}
		
	.slide-link{
		margin-bottom:30px;
		font-size:1em;
		line-height:2em;
		position:relative;
		cursor:pointer;
		text-decoration:none
	}
	
	.slide-link::before{
		content:'';
		position:absolute;
		width:100%;
		height:2px;
		bottom:0;
		left:0;
		background-color:#0279C4;
		visibility:hidden;
		-webkit-transform:scaleX(0);
		-moz-transform:scaleX(0);transform:scaleX(0);
		-webkit-transition:all 0.3s ease-in-out 0s;
		-moz-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s
		}
	
	.slide-link:hover{
		color:blue;
		text-decoration:none
	}
	
	.slide-link:hover::before{
		visibility:visible;
		-webkit-transform:scaleX(1);
		-moz-transform:scaleX(1);transform:scaleX(1)
	}
		
	
	.jumbotron .container  {
	  position:relative;
	  z-index:2;
	  background:rgba(0,0,0,0.8);
	  padding:2rem;
	  border:1px solid rgba(0,0,0,0.1);
	  border-radius:3px;
	  color: white;
	  text-align: center;
	  font-family: 'Source Sans Pro', sans-serif;
	  width: 30%;
	
	}	
		
		.jumbotron .container2  {
	  position:relative;
	  z-index:2;
	  background:rgba(0,0,0,0.8);
	  padding:2rem;
	  border:1px solid rgba(0,0,0,0.1);
	  border-radius:3px;
	  color: white;
	  font-family: 'Source Sans Pro', sans-serif;
	  width: 80%;
	
	}	
		
		.jumbotron{
			padding: 10rem;
			
			
		}
		
		.jum-one{
			background: url('images/Tagline.jpg');
			background-repeat: no-repeat;
			background-size: cover;
			
		}
		
		.jum-two{
			background: url('images/marchingband.png');
			background-repeat: no-repeat;
			background-size: cover;
			margin-bottom: 0rem !important;
		}
	
		
		
		@media only screen and (max-width: 768px) {
		 .jumbotron{
			 		padding: 2rem 0rem;
				}
			
			.icons{
				padding-top: 20px !important; 
				padding-bottom: 50px !important;
			}
		}
		
		h1{
			font-weight: bold;
			text-transform: uppercase;
			letter-spacing: 1px;
		}
		
		h2.featured{
			color: white;
		}
		
		h2.more{
			color: black;;
		}
		
		h2{
			font-weight: bold;
			text-transform: uppercase;
			letter-spacing: 1px;
			font-family: 'Source Sans Pro', sans-serif;
			font-size: 30px;
		}
		
		.row{
			max-width: 100%;
			margin: 0px !important;
		}
		
		.lead{ 
			font-weight: 400;
		}
		
		p{
			font-family: 'Source Sans Pro', sans-serif;
			
		}
		
		.links{
			font-size: 24px;
		}
		
		a{
			color:#e21833;
		}
		
		a:hover{
			color: #820000;
		}
		
		.card{
			border-color: none !important;
			border-radius: 1px;
		}
		
		.card-img-top{
			border-top-left-radius: 1px;
			border-top-right-radius: 1px;
}
	
		
		.btn.btn-primary{
			border-radius: 1px;
			border: 2px solid ;
			border-color:#5ABEFC !important;
			color: black !important;
			font-family: 'Source Sans Pro', sans-serif;
		}
		
		.btn-primary:hover{
			background-color: #007ac2;
			color: white;
		}
		
		h3{
			font-family: 'Source Sans Pro', sans-serif;
			font-weight: bold;
		}
		
	
		
		.icons{
			padding-top: 70px; 
			padding-bottom: 100px;
		}
		
		li.nav-item.gift{
			background-color: #007ac2;
		}
		
		.header {
			background: url('images/SMTownHall_JC.jpg');
			height: 600px;
			background-repeat:no-repeat;
			background-size:contain;
			
		}
		

	.header1.container {
  position: absolute;
  color: white;
}
	.top-left {
	  position: absolute;
	  top: 30px;
	  left: 10px;
	  font-size: 27px;
	  background:rgba(0,0,0,0.8);
	  padding: .4em;
	  border:1px solid rgba(0,0,0,0.1);
	  border-radius:3px;
	  color: white;
	  text-align: left;
	  font-family: 'Oswald', sans-serif;
	  width: 40%;
	}	
		
.card-callout-bg-img, .card-callout-bg-img {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
		.card-callout-bg-img__content {
    background: rgba(0,0,0,0.625);
    float: left;
    padding: 160px 40px;
    width: 50%;
}
button, .btn {
    -webkit-appearance: none;
    background: transparent;
    border: 1px solid;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    font-weight: inherit;
    line-height: normal;
    padding: 1em;
    text-align: center;
    text-decoration: none !important;
    -webkit-transition: background .2s;
    transition: background .2s;
    text-transform: uppercase;
}
		
		.btn--reverse {
    background: rgba(255,255,255,0);
    color: #fff;
}
		
		.btn--reverse:hover{
			color: #007ac2 !important;
		}

		
.wrapper--no-pad {
    padding: 0;
    max-width: 1300px;
}
		
		.wrapper {
    margin: 0 auto;
    max-width: 1340px;
    padding: 1.25em;
    position: relative;
			
		}
		
		.card {
    background: #fff;
    position: relative;
    overflow: hidden;
}	
		.txt-h1-alt{
			color: #fff;
			font-family: 'Oswald';
		}
		
@media screen and (max-width: 660px){
	.card-callout-bg-img__content {
		width: 100%;
	}
}

@media screen and (max-width: 900px) {
	.card-callout-bg-img__content{
		padding: 120px 40px;
		width: 100%;
	}			
}
		
		h2.fancy-heading > span {
			font-family: 'Oswald';
    background: #5ABEFC;
    padding: 5px 10px;
    margin-bottom: 10px;
    line-height: 50px;
			text-align: left;
}

	h1.fancy-heading > span {
			font-family: 'Oswald';
    background: #5ABEFC;
    padding: 5px 10px;
    margin-bottom: 10px;
    line-height: 50px;
			text-align: left;
		font-size: 30px;
}

		
		.parallax {
  /* The image used */
  background-image: url('../images/SMTownHall_JC.jpg');

  /* Full height */
  height: 100vh; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax1 {
  /* The image used */
  background-image: url('../images/founder.jpg');

  /* Full height */
  height: 100vh; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Turn off parallax scrolling for tablets and phones. Increase the pixels if needed */
@media only screen and (max-device-width: 1366px) {
  .parallax {
    background-attachment: scroll;
  }
	
	.parallax1 {
    background-attachment: scroll;
  }
}

.parallax2 {
  /* The image used */
  background-image: url('../images/flagshipgroup.jpg');

  /* Full height */
  height: 100vh; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Turn off parallax scrolling for tablets and phones. Increase the pixels if needed */
@media only screen and (max-device-width: 1366px) {
  .parallax {
    background-attachment: scroll;
  }
	
	.parallax2 {
    background-attachment: scroll;
  }
}

.navbar-collapse {
    flex-grow: 0 !important;
}

@media (min-width: 1400px){
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1140px !important;
	}
}

.breadcrumb{
			font-family: 'Source Sans Pro';
			background: none;
		}
		
		.breadcrumb a{
			color: #013352;
		} 
	

/* Turn off side nav  for tablets and phones. Increase the pixels if needed */
/*@media only screen and (max-width: 767px) {
  #side-nav-lg {
    display: none !important;
  }
} */

/* Turn on breadcrumb nav  for tablets and phones. Increase the pixels if needed */

/*
@media only screen and (max-width: 767px) {
  .breadcrumb-nav {
    display: block !important;
  }
	
}

@media only screen and (min-width: 768px) {
  .breadcrumb-nav {
    display: none !important;
  }
} */

@media (min-width: 992px){
	.navbar-expand-lg {
		flex-wrap: nowrap;
		justify-content: space-between !important;
	}
}


@media only screen and (max-width: 767px){
	
	.image-transform{
		width: 100% !important;
		text-align: left !important; 
		padding-left: 0px !important;
	}
	
	.parallax1{
		height: 50vh !important;
	}
}

.dropdown-menu {
    padding: 0.5rem 0.5em !important;
}