:root {
	--dck-blue: #0b4aa8cc;
	--dck-blue-2: #0b4aa8;
	--dck-dark-blue: #002257;
	--dck-light-blue: #002257;
	--dck-blue-card: rgba(11, 73, 169, 0.88);

	--font-raleway: 'Raleway', sans-serif;
}

body {
	overflow-x: hidden;
	font-family: 'Raleway', sans-serif;
}

.img-site-logo {
	/* background-image: url(./images/dcktecnologia-logo-real-oficial.jpeg); */
	background-image: url(./images/logo_blue2_vetorizado.png);
	height: 200px;
	width: 236px;
	margin: -62px 0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
/* <img src="./images/dcktecnologia-logo-real-oficial.jpeg" alt="" width="262px" height="86px"> -->
*/
.dck-navbar {
	background-color: #ffffff;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	position: sticky;
	top: 0px;
	left: 0;
	width: 100%;
	z-index: 1090;
}
/* 
ul > li > a {
	font-size: 20px;
} */


.img-responsive {
	max-width: 100vw;
}

#header-container {
	height: 36px;
	max-height: 36px;
	color: white;
	background-color: var(--dck-dark-blue);
}

.header-text {
	font-size: 0.9em;
}

#home {
	/* padding-top: 102px; */
}

#home h1 {
	color: white;
}

.home-title {
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
}

#home #home-img-bg {
	position: relative;
	width: 100%;
	height: 100vh;
	max-height: calc(100vh - 128px);
	background-image: url(./images/pexels-fauxels-3183159.jpg);
	background-position-y: center;
	background-size: cover;
	background-repeat: no-repeat;
}

#home #home-img-bg::before {
  content: "";
	background-color: var(--dck-blue);
	opacity: 0.8;
  position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
}

#home #home-img-bg div {
	position: relative;
}

#servicos {
	min-height: 100vh;
}

.servicos-titulo {
	font-size: 36px;
}

#banner {
}
#banner .container{
	height: 75vh;
}

#banner .img-banner {
	position: relative;
	background-image: url(./images/dcktecnologia-logo-globo.jpg);
	background-position: center;
	background-size: auto 90%;
	background-repeat: no-repeat;
	height: 1000px;
	max-height: 75vh;
}
#banner .img-banner::before {
  content: "";
	background-color: rgb(0, 0, 0);
	opacity: 0.7;
  position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	z-index: 1081;
}

#banner .img-banner > div {
	position: relative;
	z-index: 1082;
}

#banner h2 {
	color: white;
}

#quem-somos {
	min-height: 100vh;
	background-color: #f4f4f4;
}

#quem-somos .img-quem-somos {
	position: relative;
	background-image: url(./images/john-schnobrich-unsplash-min.jpg);
	background-position: center;
	background-size: 100% auto;
	height: 250px;
	max-height: 75vh;
}
#quem-somos .img-quem-somos::before {
  content: "";
	background-color: black;
	opacity: 0.5;
  position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
}
#quem-somos .img-quem-somos > div {
	position: relative;
	color: white;
}

#contato {
	min-height: 40vh;
}

#whatsapp-btn {
	position: fixed;
	bottom: 24px;
	right: 24px;
	background: linear-gradient(225deg, #5CF775 0%, #2EBB2A 100%);
	border-radius: 16px;
	height: 68px;
	width: 68px;
	z-index: 1090;
}

#whatsapp-btn div {
	position: absolute;
	color: white;
	font-size: 48px;
	line-height: 48px;
	text-align: center;
	left: calc(50% - 48px/2);
	top: calc(50% - 48px/2);
}

footer .nav-link {
	color: white;
}

/* buttons */
.dck-btn-outline-white {
	background-color: rgba(0, 0, 0, 0);
	border-color: white;
	border-style: solid;
	border-width: 3px;
	box-shadow: none;
	color: white;
	text-decoration: none;
}

.dck-btn-outline-white:hover {
	background-color: white;
	border-color: white;
	color: var(--dck-dark-blue);
}
.dck-btn-primary {
	background-color: var(--dck-blue-2);
	border-color: var(--dck-blue-2);
	border-style: solid;
	border-width: 3px;
	box-shadow: none;
	color: white;
	text-decoration: none;
}

.dck-btn-primary:hover {
	color: var(--dck-blue-2);
	background-color: white;
	border-color: white;
	box-shadow: 2px 2px 2px #00000059;
}

.dck-card {
	border: 2px solid var(--dck-blue);
	min-height: 330px;
	height: 100%;
	padding-top: 16px;
}

.dck-card:hover {
	background-color: var(--dck-blue-card);
	color: white;
	transition: background-color 0.2s ease-out;
}

.dck-card:hover .servicos-icones {
	color: white;
}
.card-values {
	border: 1px solid var(--dck-blue-2);
	border-radius: 8px;
}

.card-text {
	height: 75%;
}

.servicos-icones {
	font-size: 52px;
	color: rgba(11, 73, 169, 0.88);
}

/* colors */
.dck-blue {
	color: var(--dck-blue);
}
.dck-b-blue {
	border-color: var(--dck-blue);
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	background-color: var(--dck-blue);
}

.navbar-light .navbar-nav .nav-link {
	color: rgba(0,0,0,0.7);
}
.dck-bg {
	background-color: var(--dck-blue)
}

/* borders */
.dck-content-left {
	border-right: 1px solid #ddd;
}

/* fonts */
.font-rw {
	font-family: var(--font-raleway);
}
.font-lined {
	font-variant-numeric: lining-nums;
}



/***************
** DARK THEME **
****************/
/* 
@media (prefers-color-scheme: dark) {
	.img-site-logo {
		background-image: url(./images/logo_blue_vetorizado.png);
	}
} */