@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400&display=swap');

/* Core */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #3F3F46;
  font-family: 'Open Sans';
  font-weight: 700;
}

p {
  color: #3F3F46;
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 1.1em;
  line-height: 2.2em !important;
}

body {
  font-family: 'Open Sans';
}

.isDisabled {
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
  pointer-events: none;
}

/* Nav */
#nav {
  position: sticky;
  top: 0;
  z-index: 1001;
}

.navbar {
  background-image: linear-gradient(to right, #85E3B8, #04C5D7);
}

.navbar-nav li a {
  color: #fff !important;
  font-family: 'Montserrat';
  font-weight: 500;
  text-transform: uppercase;
}


.row.content {
  height: 100%;
}

/* Sidebar */
.sidebar {
  background-color: #F1F1F1;
}

/* Breadcrumb */
.breadcrumb li a{
  text-decoration: none;
  color: #000;
}

.breadcrumb li a:hover {
  color: #777;
}

/* Accordion */
.accordion-button {
  font-family: 'Open Sans';
  font-weight: 700;
  text-decoration: none;
  color: #3F3F46;
  background-color: #F1F1F1;
  border: 3px solid white;
}

.list-course-child {
  font-family: 'Open Sans';
  font-weight: 400;
  text-decoration: none;
  color: #3F3F46;
}

.list-course-child:hover {
  text-decoration: underline;
  color: #3F3F46;
}

.course-active {
  font-weight: 700;
}

.bg-example {
  background-color: #04C5D7;
}

.card {
  border-radius: 0px;
}

.course ol li, ul li {
  font-weight: 400;
  font-size: 1.1em;
  line-height: 2.2em !important;
}

.input-course {
  display: inline !important;
  width: 100px;
  text-align: center;
}

.btn-check-answer {
  font-size: 1em;
  padding: 0.5em 0.7em;
  background-color: #04C5D7;
  border-radius: 2px;
  color: #fff;
}

.btn-check-answer:hover {
  background-color: #039dab;
  color: #fff;
}

#next, #back, .end, .next {
  font-size: 1em;
  padding: 0.5em 0.7em;
  border-radius: 2px;
}

/* Footer */
#footer {
  padding: 3px 0;
  background: #555;
}

#footer p {
  color: #f5f5f5 !important;
}

/* Float Button */
.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background:linear-gradient(to right, #85E3B8, #04C5D7);
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
  display: none;
}

.my-float{
	margin-top:22px;
}

@media screen and (max-width: 850px) {
  .sidebar {
    display: none;
  }

  .float {
    display: block;
  }

  /* .web {
    display: none;
  } */
}