/*!
 * Start Bootstrap - Full Width Pics (https://startbootstrap.com/template-overviews/full-width-pics)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-full-width-pics/blob/master/LICENSE)
 */

html{
   scroll-behavior: smooth;
}

body {
  padding-top: 56px;
  font-family: 'Hind', sans-serif;
  
}

.tamanhoFonteApresentacao{
	font-size: 20px;
	font-family: 'Dosis', sans-serif;

}

.bg-image-full {
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

.bg-gradient {
	background: #0ca9ed; /* Old browsers */
	background: -moz-linear-gradient(left, #0ca9ed 0%, #9ad1c2 37%, #9ad1c2 37%, #9ad1c2 37%, #9ad1c2 37%, #9ad1c2 50%, #9ad1c2 55%, #9ad1c2 55%, #9ad1c2 56%, #9ad1c2 61%, #9ad1c2 61%, #9ad1c2 62%, #9ad1c2 63%, #9ad1c2 63%, #47afa1 81%, #47afa1 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #0ca9ed 0%,#9ad1c2 37%,#9ad1c2 37%,#9ad1c2 37%,#9ad1c2 37%,#9ad1c2 50%,#9ad1c2 55%,#9ad1c2 55%,#9ad1c2 56%,#9ad1c2 61%,#9ad1c2 61%,#9ad1c2 62%,#9ad1c2 63%,#9ad1c2 63%,#47afa1 81%,#47afa1 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #0ca9ed 0%,#9ad1c2 37%,#9ad1c2 37%,#9ad1c2 37%,#9ad1c2 37%,#9ad1c2 50%,#9ad1c2 55%,#9ad1c2 55%,#9ad1c2 56%,#9ad1c2 61%,#9ad1c2 61%,#9ad1c2 62%,#9ad1c2 63%,#9ad1c2 63%,#47afa1 81%,#47afa1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ca9ed', endColorstr='#47afa1',GradientType=1 ); /* IE6-9 */
}

.bg-footer{
	background-color: #002339;
}

.fontWhite{
	color: #fff;
}

.btnYellow{
	color: #000;
	background-color: #f4a200;
	box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.btn-blue{
	background-color: #0da9ed;
	color: #fff;
	transition: 0.5s;
	border-radius: 40px;
}

.btn-blue:hover{
	background-color: #176080;
	color: #fff;
	transition: 0.5s;
}

.btn-red {
	background-color: #a62a2a;
	color: #fff;
	transition: 0.5s;
	border-radius: 40px;
}

.btn-red:hover{
	background-color: #3d1414;
	color: #fff;
	transition: 0.5s;
}

.btnYellow:hover{
	background-color: #FFC75F;
}

.bg-black{
	background-color: #343a40;
}

.btn-menu-videoaula{
	background-color: #fff !important;
	border:1px solid #47afa1 !important;
}

.btn-menu-videoaula i{
	background-color: #fff; 
	color: #000;
}

.btn-menu-videoaula i:hover{
	background-color: #fff; 
	color: #47afa1;
}

.fonte-color-menuVA{
	color: #000 !important;
}


.fonte-color-menuVA:hover{
	color: #47afa1 !important;
}

.fonte-color-padraoVA{
	color: #47afa1;
}

.fonte-secundaria-VA{
	color: #000 !important;
}


.btn-material-apoio{

	background-color: #fff;
	color: #47afa1;
	border: 2px solid #47afa1;
	transition: 0.5s;
	border-radius: 40px;
}

.btn-material-apoio:hover{

	background-color: #47afa1;
	color: #fff;
	transition: 0.5s;
	border-radius: 40px;
}

.btn-referencias{
	background-color: transparent;
	color: #031724;
	border:1px solid #fff;
	transition: 2s;
}

.btn-referencias i{
	color: #fff;
}

.btn-referencias i:hover{
	color: #c9c9c9;
}

.btn-ref{
	border-radius: 10px;
	background-color: #031724;
	color: #fff;
	border:1px solid #fff;
	height:3em;
	transition: 1s;
}

.btn-ref:hover{
	background-color: #fff;
	color:#031724;
	transition: 1s;	
	transform: scale(1.1);
}

.mini-submenu{
  display:none;  
  background-color: #47afa1;
  border: 1px solid rgba(0, 0, 0, 0.0);
  border-radius: 4px;
  padding: 9px;  
  /*position: relative;*/
  width: 42px;

}

.mini-submenu:hover{
  cursor: pointer;
}


.mini-submenu .icon-bar {
  border-radius: 1px;
  display: block;
  height: 2px;
  width: 22px;
  margin-top: 3px;
}

.mini-submenu .icon-bar {
  background-color: #fff;
}

#slide-submenu{
  display: inline-block;
  padding: 0 8px;
  border-radius: 4px;
  cursor: pointer;
  transition: 1s;
}

#slide-submenu:hover{
	transition: 1s;	
	transform: scale(1.2);
}

#slide-submenu i{
	font-size: 21px;
}

.aula-active{
	background-color: #47afa1 !important;
	color: #fff !important;
	transition: .3s;
}

.btn-border{

	border: 2px solid #18adc2;
}


.bg-atividades{
	background-color: #e1f5fe !important
}

#atividades h2 {
	font-family: 'Dosis', sans-serif;
	font-size: 35px;
}

.esconde-radio{
	display: none !important;
}

.btn-gabarito{

	background-color: transparent;
	color: #00aac0;
	border: 2px solid #00aac0;
	transition: 0.5s;
	border-radius: 40px;
}

.btn-gabarito:hover{

	background-color: #00aac0;
	color: #fff;
	transition: 0.5s;
	border-radius: 40px;
}

.custom-control{
	display: flex !important;
}

.custom-control-description{
	margin-left: 10px;
	width: 90%;
}

.custom-control-indicator{
	border-radius: 8px;
	border:1px solid #000;
	width: 16px;
	height: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

	span .checked {
		width: 12px;
		height: 12px;
		border-radius: 6px;
		background-color: #000;
		transition: .3s;
		opacity: 0;
	}

	.custom-control-input:checked~.custom-control-indicator {
		color: #fff;
		background-color: #00aac0;
	}

	.custom-control-indicator .checked{
		width: 6px;
		height:6px;
		border-radius: 3px;
		background-color: #fff;
		transition: .3s;
		opacity: 0;
	}

	.custom-control-input:checked~.custom-control-indicator .checked{
		opacity: 1;
	}

	.custom-control-description{
		font-size: 1em;
	}