@charset "utf-8";
/* CSS Document */

/*@media screen and (min-width: 992px){
nav.navbar.shrink .navbar-brand  img{
  height: auto;
  padding-right:50%;
  transition: all 0.3s ease;
}
}*/

/*colors*/

.bg-primary {
	background-color: teal !important;
}

.text-primary {
	color: teal !important;
}

.bg-primary, .mm_caption, h2.init {
    background-color: teal!important;
}

.text-primary, hr.hr-text::before {
    color:teal!important;
}

a {
    color:teal;
}

.btn-primary {
    background-color: teal!important;
    border-color: teal!important;
}

.btn-primary:hover {
    background-color: #015851 !important;
    border-color: #015851 !important;
}

.masonryflex-img:hover {
    /*box-shadow: inset 0 0 0 100vw rgba(128,0,128,0.9);*/
	box-shadow: inset 0 0 0 100vw #009688;
}

.event-list > li > time{
    background-color:teal !important;
}

.event-list > li:nth-child(even) > time {
    background-color: #034842 !important;
}

.sticky-top{
	z-index: 1041;
}

.social-header a:hover {
    opacity: 1;
	text-decoration: none;
}

.social-header a, .social-header span {
    opacity: 0.6;
}

.social-header i {
	font-size:1.5rem;
}

@media screen and (max-width: 992px) { 
	
	nav.navbar.shrink{
		padding-top:1rem;
	}
	nav.navbar.shrink .navbar-brand{
position: absolute; 
  overflow: hidden; 
  clip: rect(0 0 0 0); 
  height: 1px; width: 1px; 
  margin: -1px; padding: 0; border: 0; 
		
	}
}

.bgimage {
  width:100%;
max-height: 1000px;
  min-height: 835px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 background-image:  url('./images/edb_home.jpg');
	color: white;
	position: relative;
	
	/*margin-bottom:7rem;*/

}

.bg_dark{
	background-image: linear-gradient(rgba(0, 0, 0, 0.3),rgba(0, 0, 0, 0.3));
	position: absolute;
	top: 0;
		left:0;
	width:100%;
	height:100%;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

@media screen and (min-width: 992px){
	.bgimage{margin-bottom: 0;
}
}

.slider_nav {
    position: absolute;
    top: 40%;
    width: 100%;
}

.slider_nav a{
	color:#fff;
	text-decoration:none;
	opacity: 0.6;
	font-size:1.5rem;
}

.slider_nav a:hover{
	opacity: 1;
}

a#prev {
    left: 1rem;
    position: absolute;
}

a#next {
    right: 1rem;
    position: absolute;
}

.bgimage_cta_content {
    color: white;
    padding: 40px 10px;
	position:absolute;
	bottom:0;
	width:100%;
}

@media screen and (min-width: 992px){
.bgimage_cta_content {
    left: 5%;
    padding: 30px;
    width: 480px;
    max-width: 40%;
    z-index: 91;
	/*background-color: rgba(0, 123, 255, .9)!important;*/
	
}
}

.bgimage_cta_links {
	list-style: none;
	padding: 0;
	margin:0;
}

.bgimage_cta_link {
	color: rgba(255,255,255,.7);
	  font-size: 1.25em;
}

.bgimage_cta_link:hover {
	color: #fff;
	  text-decoration: none;
}

.bgimage_cta_links li:not(:last-child) {
      margin-bottom: 10px;
}

.bgimage_cta_links li {
      position:relative;
}



a.bgimage_cta_link:after {
    content: "\e606";
    font-family: 'simple-line-icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -0.75rem;
    font-size: 1rem;
    padding-left: 5rem;
}

span.bgimage_cta_link_icon {
    vertical-align: middle;
	font-size:2rem;
		margin-right: 1rem;
}



	#header a.nav-link {
    font-size: 1.35rem;
		color: rgba(255,255,255,.7);
}

#header a.nav-link:focus, #header a.nav-link:hover {
    color: rgba(255,255,255,1);
}

#header .active>.nav-link {
color: #fff;
}

@media (min-width: 992px){
#header .navbar-expand-lg .navbar-nav {
    flex-grow: 1;
    justify-content: space-evenly;
    max-width: 850px;
	}
}

@media (max-width: 992px){
	#header li.nav-item:not(:last-child) {
    border-bottom: 0.5px solid #d8d8d8;
    
}
}

@media (max-width: 992px){
	#header li.nav-item {
   	padding-bottom: 0.5rem;
    padding-top: 0.5rem;
		position: relative;
}
}

@media (max-width: 992px){
#header li.nav-item a:before {
   content: "\e606";
    font-family: 'simple-line-icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -0.75rem;
    font-size: 1rem;
}
}

.search_btn {
	height: calc(1.5em + 1rem + 2px);
	    border-radius: 0 .25rem 0.25rem 0;
}


.hero-inner{
	justify-content: center;
    align-items: center;
	text-align: center;
	padding-top: 8vh;
}

@media (min-width:768px){
.hero-inner {
	padding-top: 20vh;
}
}

@media (min-width:992px){
.hero-inner {
	padding-top: 25vh;
}
	hero-inner h2 {
	font-size:4.5rem;
}
}

.hero-inner h2 {
	font-size:3rem;
}

.hero-inner i{
	font-size: 3rem;
	}

.hero-inner a {
	color:#fff;
	opacity: 0.6;
	text-decoration:none;
}

.hero-inner a:hover, .icon_menu i:hover, .social-header i:hover, .navbar-toggler i:hover, .heart i:hover {opacity:1;}

#firstsec:focus, #top:focus, #places:focus, #ideas:focus, #events:focus{
	outline:none;
}

.navbar-toggler:focus { outline: none; }

#header .navbar-toggler {
     color: #fff; 
     border: none; 
}

#header .navbar-toggler:hover {
        border: none; 
}

div#header.bg-primary {
    background-color: rgba(0, 123, 255, .8)!important;
}

.heart {
    position: absolute;
    top: 1.75rem;
    right: 1.75rem;
    font-size: 1.25rem;
}

.icon_menu i, .navbar-toggler i, .heart i {
	border: 2px solid #fff;
	border-radius: 50%;
	padding: 0.5rem;
	font-size: 1.4rem;
	opacity: 0.7;
	}

.icon_menu a, .heart a, .icon_menu a:not([href]):hover {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}

.heart .icon-heart:hover::before  {
    background-image: url(./images/heart_red.svg);
    background-size: 1.4rem 1.4rem;
    background-repeat: no-repeat;
}

.modal-content .icon-heart {
    background-image: url(./images/heart_red.svg);
    background-size: 1.2rem 1.2rem;
    background-repeat: no-repeat;
}


.heart i:hover {
     /* background-color: rgba(0,123,255,0.8);*/
	background-color: rgb(0 150 136 / 0.8);
}
.navbar-brand img {
    width: 100%;
   }

@media (min-width:740px){
	.navbar-brand img {
   max-height:60px;
		width:auto;
	}
}

.navbar-brand {
	margin-right: 0
   }

@media (min-width:740px){
	.navbar-brand {
 		margin-right: 1rem;
		z-index: 9000;
}
}

#header button.navbar-toggler {
    margin-left: auto;
	margin-right:0.5rem;
    padding: 0.5rem;
    
}


.bgimage h1 {
    font-size: 3rem;
    margin-top: 3rem;
    margin-bottom: 0.5em;
    text-transform: uppercase;
    font-weight: 900;
}

@media (min-width:992px){
	.bgimage h1 {
		font-size:5rem;
	}
}

.caption {
	position: absolute;
	bottom:40%;
	color:#fff;
	padding-bottom: 1rem;
	padding-left:1rem;
	
	}

@media (min-width:375px){
	.caption {
	bottom:36%;}
}

@media (min-width:992px){
	.caption {
	position: absolute;
	right: 12vw;
	bottom: 1.5rem;	
		/*color:#007bff;*/
		color: teal;
		padding:0;
		
	}
}

.wave {
    position: absolute;
    left: 0;
    bottom: -3.5rem;
    width: 100%;
}
.wave1{
	bottom:-1.75rem;
	opacity:0.1;
	 position: absolute;
    left: 0;
	width:100%
}


.text h2{
	font-size:3rem;
	position:relative;
}

span.headline__secondary {
    font-size: 3rem;
    line-height: 1rem;
    z-index: 12;   

}

span.headline__primary {
    text-transform: uppercase;
	font-weight: 900;

}

@media (min-width:576px)
{
	span.headline__secondary {
    font-size: 5rem;
	}
}

hr.hr-text {
  position: relative;
    border: none;
    height: 1px;
    background: #999;
	max-width:65%;
}

hr.hr-text::before {
    content: "\e096";
	font-family: 'simple-line-icons';
    display: inline-block;
    background: #fff;
    font-weight: bold;
    font-size: 2rem;
    border-radius: 30rem;
    padding: 0.2rem 2rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	color: #007bff;
}

.text .hr-text::before, .masonryflex .hr-text::before {
	background: #f8f9fa;
}

.call-to-action{
	position:relative;
	background-color:#343a40;
	background:url(./images/bluebells.jpg) no-repeat center center;
	background-size:cover;
	padding-top:7rem;
	padding-bottom:11rem;
	/*height: 50vh;*/
}



body{font-family:Source Sans Pro,'Helvetica Neue',Helvetica,Arial,sans-serif}

h1,h2,h3,h4,h5,h6{font-family:Source Sans Pro,'Helvetica Neue',Helvetica,Arial,sans-serif;}

.emphasis {font-family:Satisfy, Georgia, serif;}

.showcase .showcase-text{padding:3rem}

.showcase .showcase-img{min-height:30rem;background-size:cover}

@media (min-width:768px){.showcase .showcase-text{padding:7rem}}

.mapbox .mapbox-img {min-height:800px;background-size:cover;-webkit-box-shadow: inset 0px 0px 18px 3px rgba(0,0,0,0.3);
-moz-box-shadow: inset 0px 0px 18px 3px rgba(0,0,0,0.3);
box-shadow: inset 0px 0px 18px 3px rgba(0,0,0,0.3);}

.features-icons .features-icons-item{max-width:20rem}

.features-icons .features-icons-item .features-icons-icon{height:7rem}

.features-icons .features-icons-item .features-icons-icon i{font-size:4.5rem}

.features-icons .features-icons-item:hover .features-icons-icon i{font-size:5rem}

.call-to-action .overlay{position:absolute;background-color:#212529;height:100%;width:100%;top:0;left:0;opacity:.5}

footer.footer{padding-top:4rem;padding-bottom:4rem}


.masonryflex-img{min-height:25rem;background-size:cover;position:relative;}

.masonryflex-img:hover {
/* box-shadow: inset 0 0 0 100vw rgba(0,123,255,0.9);*/
	box-shadow: inset 0 0 0 100vw rgb(0 150 136 / 0.95);
	transition: 0.8s;
	}

@media (min-width:992px){
.masonryflex_last {padding-top:28%}
}

.masonryflex-img:hover >.hover_content {
    opacity:1;
	transition:1s;
}

.masonryflex-img:hover >.init {
    opacity:0;
	transition:0.1s;
}

.hover_content {
    opacity:0;
}

footer a, #footer_contact a {
    color: #fff;
	opacity: 0.7;
}

footer a:hover, #footer_contact a:hover {
	text-decoration: none;
	opacity: 1;
	color:#fff;
}

.bottomnav li a {
	font-size: 1.35rem;
}

.bottomnav .navbar {
	justify-content:center;
}

@media (min-width:992px){
	.bottomnav .navbar {
	justify-content:start;
}
}

/*To the top button */

#tttbutton {
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 76px;
    height: 76px;
     display: block;
	 cursor: pointer;
    overflow: hidden;
    z-index: 5000;
	-webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
-webkit-transition: all 2s ease;
  -moz-transition: all 2s ease;
  -ms-transition: all 2s ease;
  -o-transition: all 2s ease;
  transition: all 2s ease;
}

#tttbutton.show {
   
   	opacity: 1.0;
}

#tttbutton img {
    width: 4rem;
    height: 4rem;
    position: absolute;
    bottom: 0;
    right: 0;
}

.event_wrapper {
    background-color: #fff;
    width: 100%;
   /* position: absolute;
    bottom: 0;*/
    Height: auto;
	text-shadow:none;
	padding-bottom:1rem;
}

#events .masonryflex-img:hover{
	box-shadow:none;
}

.feature{
	width:100%;
	position:relative;
}

.event-list {
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	.event-list > li {
		margin: 0px 0px 1rem;
	}
	.event-list > li > time {
		display: inline-block;
		width: 100%;
		color: rgb(255, 255, 255);
		background-color: #007bff;
		padding: 5px;
		text-align: center;
		text-transform: uppercase;
	}
	.event-list > li:nth-child(even) > time {
		background-color: #003d7f;
	}
	.event-list > li > time > span {
		display: none;
	}
	.event-list > li > time > .day {
		display: block;
		font-size: 56pt;
		font-weight: 100;
		line-height: 1;
	}
	.event-list > li time > .month {
		display: block;
		font-size: 24pt;
		font-weight: 900;
		line-height: 1;
	}
	.event-list > li > img {
		width: 100%;
	}
	.event-list > li > .info {
		padding-top: 5px;
		text-align: center;
	}
	.event-list > li > .info > .title {
		font-size: 17pt;
		font-weight: 700;
		margin: 0px;
	}
	.event-list > li > .info > .desc {
		font-size: 13pt;
		font-weight: 300;
		margin: 0px;
	}
	

	@media (min-width: 768px) {
		.event-list > li {
			position: relative;
			display: block;
			width: 100%;
			height: 120px;
			padding: 0px;
		}
		
		.event-list > li:last-child {
			height:auto;
		}
		.event-list > li > time,
		.event-list > li > img  {
			display: inline-block;
		}
		.event-list > li > time,
		.event-list > li > img {
			width: 120px;
			float: left;
		}
		.event-list > li > .info {
			background-color: rgb(245, 245, 245);
			overflow: hidden;
		}
		.event-list > li > time,
		.event-list > li > img {
			width: 120px;
			height: 120px;
			padding: 0px;
			margin: 0px;
		}
		.event-list > li > .info {
			position: relative;
			height: 120px;
			text-align: left;
			padding-right: 40px;
		}	
		.event-list > li > .info > .title, 
		.event-list > li > .info > .desc {
			padding: 0px 10px;
		}
		
		.event-list > li > img {
    width: auto;
    max-width: 180px;
    height: 100%;
			 clip-path: inset(0px 10px 0px 0px);
}


}

.megamenu {
  position: static;
}

.megamenu .dropdown-menu {
  background: none;
  border: none;
  width: 100%;
}
@media (min-width:992px){
.mm_wrapper {
    width: calc(100vw - 17px);
    left: -15px;
    position: relative;
}
}

.mm_caption {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
	background-color: rgba(0,123,255,0.9);
    padding: 0.5rem;
}

@media (max-width:992px) {
	ul.navbar-nav {
    max-height: calc(100vh - 80px);
    overflow-y: scroll;
}	
	.megamenu .dropdown-menu{
		position:relative;
	}
	.megamenu li.nav-item:last-child {
    border-bottom: 0.5px solid #d8d8d8;
}
}

h2.init {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(0,123,255,0.9);
    padding: 0.5rem 1rem 0.5rem 0.5rem;
    text-shadow: none;
}
