body { 
	 padding-top: 60px; /* required for the fixed-top main menu */
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
	color:#6dc8bf;
	font-family: 'Fira Sans', sans-serif;
}
.text-lcc{
	color: #6dc8bf;
}
.bg-lcc{
	background-color: #6dc8bf;
}
a{
	color:#428bca;
	text-decoration:none;
}

a.h2:hover,a.h2:active,a.h2:visited{
	text-decoration:none;
}
/* Angular Cloak */
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}
.schedule{
	padding-top:30px;
}	
.lazy {
    -webkit-animation: fadein 2.5s; /* Safari and Chrome */
    -moz-animation: fadein 2.5s; /* Firefox */
    -ms-animation: fadein 2.5s; /* Internet Explorer */
    -o-animation: fadein 2.5s; /* Opera */
    animation: fadein 2.5s;
}
    
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.mainbar{
}
.mainbar a.nav-link, .sidebar a.nav-link{
	color: #6dc8bf;
}
.mainbar a.nav-link:hover, .sidebar a.nav-link:hover{
	color: #376661;
}
.mainbar li > a.nav-link.active, .sidebar li > a.nav-link.active{
	border-bottom:4px solid #8dc63f;
	color:#8dc63f;
	padding-bottom:11px;
}

.sidemenu{
}
.sidemenu a.nav-link{
	color: #6dc8bf;
}
.sidemenu li > a.nav-link.active{
	border-left:4px solid #8dc63f;
	color:#8dc63f;
	padding-bottom:11px;
}

.spaced{
	margin-bottom:10px;
	margin-top:10px;
}
	
	
/*------------- CUSTOMIZE THE CAROUSEL  ------------------------ */

    /* Carousel base class */
	
	#homeCarousel.carousel .carousel-item {
	  height:650px;
    }
	
	@media (max-width: 1100px) {
      #homeCarousel.carousel .carousel-item {
        height: 550px;
      }
    }
	
	@media (max-width: 768px) {
      #homeCarousel.carousel .carousel-item {
        height: 450px;
      }
    }
	
	
	
    /* RESPONSIVE CSS -------------------------------------------------- */

	
	@media (max-width: 1100px) {
		.navbar-header {
			float: none;
		}
		.navbar.mainbar .navbar-nav>li.active>a{
			border-bottom:none;
		}
	  .navbar-left,.navbar-right {
		  float: none !important;
	  }
	  .navbar-toggle {
		  display: block;
		  margin-top:0;
		  margin-bottom:0;
		  padding:12px 10px;
		  border:none;
		  border-radius:none;
	  }
	  .navbar-collapse {
		  border-top: 1px solid transparent;
		  box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	  }
	  .navbar-fixed-top {
		  top: 0;
		  border-width: 0 0 1px;
	  }
	  .navbar-collapse.collapse {
		  display: none!important;
	  }
	  
	  
	  .members-menu{
			width:420px;
			padding:0px;
		}
		.members-menu .modal-header,.members-menu .modal-body,.members-menu .modal-footer{
		padding:15px 15px;
	}
	  
		
	}

    @media (max-width: 979px) {
      .container.navbar-wrapper {
        margin-bottom: 0;
        width: auto;
      }
      .navbar-inner {
        border-radius: 0;
        margin: -20px 0;
      }
    }


    @media (max-width: 767px) {
      .navbar-inner {
        margin: -20px;
      }
    }
	
	
	/* Year / Month article list */
	.article-list ul{
		padding-left:25px; /* indent for second level */
	}
	.article-list > ul{
		padding-left:0px;
	}
	.article-list li a{
		text-decoration:none;
		display:inline-block;
	}
	.article-list li a:hover{
		color: #3d706b;
	}
	
	.article-list ul.expander > li > a.collapsed > .fa-chevron-down{
		transform: rotate(-90deg);
	}
	.article-list ul.expander > li > a{
		color: #6dc8bf;
		text-decoration:none
	}
	.article-list ul.expander > li > a:hover{
		color: #3d706b;
		text-decoration:none
	}
	.article-list li{
		list-style-type:none;
	}
	.article-list ul.expander ul>li a.active::after{
		font-family: 'FontAwesome';
		content:"\f060";
		color: #6dc8bf;
		font-weight: bold;
		display: inline-block;
		font-size:.8em;
		padding-left:.8em;
	}
	.article-list li.active a{
		color: #8dc63f; 
	}
	
	/* Fixed Floating Warning message */
	.static-top {
		position: fixed;
		top: 50px;
		z-index: 9999;
		width: 100%;
	}
	
	/* Walks Calender styles */
	
	.highlight{
		color:#8dc63f;
	}
	.calendar td{
		height:170px;
	}
	.calendar .isNotCurrentMonth{
		color:lightgrey;
		background-color:#ddd;
	}
	.calendar .today{
		border:3px solid red;
	}
	.calendar .complete{
		background-color:green;
	}
	.calendar .inprogress{
		background-color:grey;
	}
	.calendar .bg-muted {
		background-color: #eee;
	}
	.calendar .day{
		flex: 1 0 0;
		display: flex;
		flex-direction: column;
		min-height: 0;   /* critical */

	}
	.calendar .cell-content{
		flex: 1 1 auto;
		min-height:0;
		height:0;
		overflow: hidden;
	}
	
	.calendar .cell-content .walk-details{
		flex: 1 1 auto;
		min-height:0;
		height:0;
		overflow: hidden;
	}
	
	/* Show Hide password */
	.form-horizontal .has-feedback .form-control-showpassword {
		right: 35px;
	}
	.form-control-showpassword{
		position: absolute;
		top: 0;
		right: 0;
		z-index: 3;
		display: block;
		width: 34px;
		height: 34px;
		line-height: 34px;
		text-align: center;
		pointer-events: auto;
	}
	
		/* Restyle the Basic Checkbox */
	.form-horizontal .checkbox, .form-horizontal .radio{
		padding-top: 0;
		min-height: 34px;
	}
	.checkbox label, .radio label, .toggle label{
		padding-left: 30px;
		padding-right: 30px;
	}
	.toggle label{
		padding-left: 45px;
		padding-right: 30px;
	}
	
	/* Hide the browser's default checkbox */
	.checkbox input, .radio input, .toggle input {
	  display:none;
	}

	/* Create a custom checkbox */
	.checkbox label::before {
		content:"";
		position: absolute;
		top: 7px;
		left: 0;
		height: 20px;
		width: 20px;
		border-radius: 4px;
		background-color: #fff;
		border: 1px solid #ccc;
		padding: 0px;
		box-sizing: border-box; /* make the checkbox border inside the */
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		transition: background-color .15s ease-in-out 0s;
	}
	.checkbox label::after {
		content:"\e013";
		font-family: 'Glyphicons Halflings';
		font-size:14px;
		color:#ccc;
		position: absolute;
		top: 7px;
		left: 0;
		height: 20px;
		width: 20px;
		border-radius: 4px;
		background-color: transparent;
		display: none;
		align-items: center;
		justify-content: center;
		box-sizing: border-box; /* make the checkbox border inside the */
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.form-horzontal .checkbox label::after {
		top: 0px;
	}
	.radio label::after {
		content:"";
		position: absolute;
		top: 7px;
		left: 0;
		height: 20px;
		width: 20px;
		border-radius: 50%;
		background-color: #fff;
		border: 1px solid #ccc;
		padding: 0px;
		display: block;
		box-sizing: border-box; /* make the checkbox border inside the */
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		transition: border-width .15s ease-in-out 0s;
	}
	.form-horzontal .radio label::after {
		top: 0px;
	}
	.toggle label::before {
		content:"";
		position: absolute;
		top: 7px;
		left: 0;
		height: 20px;
		width: 35px;
		border-radius: 10px;
		background-color: #fff;
		border: 1px solid #ccc;
		padding: 0px;
		display: block;
		box-sizing: border-box; /* make the checkbox border inside the */
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.toggle label::after {
		content:"";
		position: absolute;
		top: 9px;
		left: 2px;
		height: 16px;
		width: 16px;
		border-radius: 8px;
		background-color: #ccc;
		border: 1px solid #ccc;
		padding: 0px;
		display: block;
		box-sizing: border-box; /* make the checkbox border inside the */
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		transition: left .15s ease-in-out 0s;
	}

	/* When the checkbox is checked */
	.checkbox input:checked + label:after {
	  display: flex;
	}
	.radio input:checked + label:after {
	  border-width: 6px;
	}
	.toggle input:checked + label:after {
	  left: 17px;
	}
	
	/* Themes */
	/* Primary */
	.checkbox.checkbox-primary input:checked + label::before {
	  background-color: #337ab7;
	  border-color: #337ab7;
	}
	.checkbox.checkbox-primary input:checked + label::after {
	  color:#fff;
	}
	.radio.radio-primary input:checked + label::after {
	  background-color: #fff;
	  border-color: #337ab7;
	}
	.toggle.toggle-primary input:checked + label::before {
	  background-color: #337ab7;
	  border-color: #337ab7;
	}
	.toggle.toggle-primary input:checked + label::after {
	  background-color: #fff;
	  border-color: #fff;
	}
	
	/* Success */
	.checkbox.checkbox-success input:checked + label::before {
	  background-color: #5cb85c;
	  border-color: #5cb85c;
	}
	.checkbox.checkbox-success input:checked + label::after {
	  color:#fff;
	}
	.radio.radio-success input:checked + label::after {
	  background-color: #fff;
	  border-color: #5cb85c;
	}
	.toggle.toggle-success input:checked + label::before {
	  background-color: #5cb85c;
	  border-color: #5cb85c;
	}
	.toggle.toggle-success input:checked + label::after {
	  background-color: #fff;
	  border-color: #fff;
	}
	/* Default */
	.checkbox.checkbox-default input:checked + label::before {
	  background-color: #fff;
	  border-color: #ccc;
	}
	.checkbox.checkbox-default input:checked + label::after {
	  color:#555;
	}
	.radio.radio-default input:checked + label:after {
	  background-color: #fff;
	  border-color: #555;
	}
	.toggle.toggle-default input:checked + label::before {
	  background-color: #555;
	  border-color: #555;
	}
	.toggle.toggle-default input:checked + label::after {
	  background-color: #fff;
	  border-color: #fff;
	}
	
.card-img-top {
    aspect-ratio: 3 / 2;
    object-fit: cover;
}

.feature-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    margin-bottom: 1rem;
    font-size: 2rem;
    color: #fff;
    border-radius: .75rem;
}