/* CSS for Homepage */
.navbar {
	background-color: #9dcab4;
}
.navbar-nav {
	background-color: #9dcab4;
}
.navbar-dark .navbar-nav .nav-link {
	color: #136a40;
	font-weight: bold;
}
#logo {
	height: 60px;
	margin: 5%;
}
.nav a {
	font-size: 120%;
}
#nav {
	width: 90%;
	margin: 5% auto;
}
.nav-icon {
	height: 120px;
	width: 120px;
}
#nav a {
	color: #136a40;
}
.nav-icon-big:hover {
	opacity: 0.8;
}
#nav a:hover {
	text-decoration-style: none;
}
.bg-opa-5 {
  	background-color : rgba(0, 0, 0, 0.3);;
}
.break-margin {
	margin: 0 -33% 0 -33%;
}
#intro {
	width: 80%;
	margin: 5% auto;
}
#intro-separator {
	height: 5px;
	background-color: black;
	width: 5%;
	border-style: none;
}
#submit-button {
	margin: 2% auto 0 auto;
	width: 50%;
}
.focus-icon {
	width: 60%;
}
@media (max-width: 991px) {
    #contactMainContainer {
    	height: auto !important;
    }
    #map {
    	height: 200%;
    }
    #contactInfoContainer {
    	margin: 2% auto;
    }
    #contactInfo {
    	font-size: 120%;
    	text-align: center;
    }
}
@media (max-width: 574px) {
    .focus-icon {
    	width: 100%;
    	height: auto;
    	margin: 1.5em 0 !important;
    }
}
@media (max-width: 765px) {

    #nav {
    	padding-top: 70px;
    }
}
/* End of Home CSS */

/* Lessons CSS */
@media (max-width: 991px) {
    .card-columns {
    	column-count: 2;
    }
}
@media (max-width: 574px) {
    .card-columns {
    	column-count: 1;
    }
}
/* End of Lessons CSS */

/* Workshop CSS */
.card-title, .card-block {
	margin: 2%;
}
.card-footer {
	background-color: #2bb673;
}
.card-footer p {
	color: white;
}
/* End of Workshop CSS */


/* Admin CSS */
.boxed label {
  display: inline-block;
  width: 100%;
  padding: 10px;
  border: solid 2px #ccc;
  transition: all 0.3s;
}

.boxed input[type="radio"] {
  display: none;
}

.boxed input[type="radio"]:checked + label {
  border: solid 2px green;
}
textarea {
	height: 100px;
}
#admin-sidebar {
	list-style: none;
	background-color: #2bb673;
}
.sidebar a {
	color: black;
}
.sidebar a:hover {
	text-decoration: underline;
}
/* End of Admin CSS */

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}

.btn-circle {
    width: 50px;
    height: 50px;
    padding: 6px 0px;
    border-radius: 25px;
    text-align: center;
    font-size: 12px;
    line-height: 1.42857;
}