/*	CSS Document - Personalized CSS for Project */

html, body {
	height: 100%;
}

body {
	font-family: 'Quicksand', sans-serif;
	margin-top: 75px;
}



.bg-blue { background: #1C394C; }
.bg-blue-light { background: #607481; }
.bg-red { background: #EF3635; }
.bg-red-light { background: #f74847; }

.bg-transparent-blue { background: rgba(28,57,76,0.75); }

.bg-transparent-blue-featured {
	background: rgba(28,57,76,0.75);
	height: 100%;
}

.btn-sidebar-menu {
	border-radius: 0;
	color: #fff;
}

.btn-sidebar-menu:hover {
	color: #ccc;
}

.desloq-in {
	margin-left: 10px !important;
	margin-right: -10px !important;
	margin-top: -30px !important;
	padding-top: 50px !important;
}

.desloq-in-home {
	margin-left: 10px !important;
	margin-right: -10px !important;
	margin-top: 20px !important;
}

.desloq-out {
	margin-left: -10px !important;
	padding-bottom: 5px;
}

.desloq-img-out {
	margin-top: -30px !important;
}

.featured {
	background: url("../../_img/featured.jpg") center bottom no-repeat;
	background-size: cover;
}

.featured-blog {
	background: url("../../_img/blog.jpg") center bottom no-repeat;
	background-size: cover;
}

.featured-sobre {
	background: url("../../_img/sobre.jpg") center bottom no-repeat;
	background-size: cover;
}

.nav-link {
	color: #fff !important;
	font-size: 85%;
	letter-spacing: 1px;
	margin-left: 5px;
}

.nav-link:hover {
	color: #EF3635 !important;
}

.play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.text-blue { color: #1C394C; }
.text-blue-light { color: #607481; }
.text-red { color: #EF3635; }

.text-dancing { font-family: 'Dancing Script', cursive; }

.wrapper {
  position: relative;
  width: fit-content;
  height: fit-content;
}