@font-face {
	font-family: 'calibri normal';
	src: url('../files/calibri-regular.ttf') format('truetype');
}

@font-face {
	font-family: 'calibri thick';
	src: url('../files/calibri-bold.ttf') format('truetype');
}

:root {
	--tt-green: #20891a;
	--tt-lgreen: #87b634;
	--tt-blue: #1e60af;
	--tt-lblue: #4d7dbe;
}

html {
	height: 100%;
	width: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	min-height: 100%;
	max-width: 100%;
	background-color: #FFFFFF;
	color: #585858;
	font-family: 'calibri normal', calibri, sans-serif, times;
	font-size: 1.1rem;
	/*color: #a4a4a4;*/
}

a {
	text-decoration: none;
	color: #4d7dbe;
}

a:hover {
	text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--tt-green);
}

/* width mods. */
.w-mod1 {
	width: 33%;
}

.w-mod2 {
	width: 66%;
}

.w-mod3 {
	width: 100%;
}

.w-mod4 {
	width: 31%;
}

.w-mod5 {
	width: 49.6%;
}

/* em mods */
.em-mod1 {
	font-size: 1.5em;
}

.em-mod2 {
	font-size: 2.0em;
}

.em-mod3 {
	font-size: 3.0em;
}

.em-mod4 {
	font-size: 4.0em;
}

/* font mods */
.font-mod1 {
	font-family: 'calibri normal', calibri, sans-serif, times;
}

.font-mod2,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'calibri normal', calibri, sans-serif, times;
}

.font-mod3 {
	font-family: 'calibri thick', calibri, sans-serif, times;
}

.lead { 
	font-size: 1.3rem;
}

.cardBox-title {
	font-size: 1.9rem;
}

.homepage {
	margin-top: -12px;
}

.row {
	scroll-margin-top: 52px;
}

#logo_header,
#logo_header:hover {
	text-decoration: none;
	align-items: center;
	display: block;

	img {
		height: auto;
		
	}
}

#logo_header_mobile {
	position: absolute;
	top: 0;
	right: 0;
}

#logo_stripes {
	margin-top: 0;
} 

#logo_text {
	position: relative;
	left: -10px;
	max-width: 320px;
	top: 12px;
}

#logo {
	height: 250px;
}

#slogan {
	margin-left: 8px;
}

#tt_container {
	background-color: white;
	min-height: 100vh;
	padding: 0;
	overflow-x: hidden;
	position: relative;
}

.tt-blue {
	color: #4d7dbe;
}

.bg-tt-blue {
	/*background-color: #dce6f2;*/
	background-color: #f1f5fa;
}

.tt-green {
	color: var(--tt-green);
}

.bg-tt-green {
	/*background-color: #e8f0d8;*/
	background-color: #f6f9f0;
}

.gradient-green {
	background: linear-gradient(0deg, rgb(45 136 36 / 65%), rgba(255, 255, 255, 0.65));
}

.cardbox-shadow {
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25);
}

.header {
	background-color: #FFFFFF;
	position: fixed;
	top: 0;
	width: 100%;
	left: 0;
	box-shadow: 0px 5px 10px -2px rgba(0, 0, 0, 0.25);
	z-index: 1050;
}

.headerImg {
	overflow: hidden;
	width: 100%;
	height: 1000px;
	background-image: url(../img/Techtek_pand_sm.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.headerBg {
	background-color: rgb(45 136 36 / 70%);
	background: linear-gradient(0deg, rgb(45 136 36 / 65%), rgba(255, 255, 255, 0.65));
    width: 100%;
    height: 100%;
}

.headerImgTxt {
	font-size: 6rem;
	text-shadow: 0 0 8px #494949, 0 0 4px #000000c2;
	color: #FFFFFF;
}

.headerMobile {
	margin-left: -1.5rem;
	margin-right: -1.5rem;
}

.headerMobileImgTxt {
	font-size: 2.7rem;
	text-shadow: 0 0 4px #494949, 0 0 2px #000000c2;
	line-height: 3.6rem;
	color: #FFFFFF;
	width: 99%;
	margin: auto;
}

/*
#tt_mainmenu li.nav-item a {
	font-weight: bold;
	
}
*/

.navbar-expand-md .navbar-nav .nav-link {
	padding-right: var(--bs-navbar-nav-link-padding-x);
	padding-left: var(--bs-navbar-nav-link-padding-x);
}

#tt_mainmenu li.nav-item a:hover,
#tt_mainmenu li.nav-item a:active {
	color: var(--tt-green);
	text-decoration: none;
}

#tt_mainmenu li.nav-item.active > a, li.active > a.dropdown-item {
	color: var(--tt-green);
}

.content {
	padding: 0px;
	overflow: hidden;
}

p {
	color: #585858;
	/*color: #a4a4a4;*/
}

.quoteblock {
	display: block;
	color: #FFFFFF;
	background-color: var(--tt-green);
	/* box-shadow: 5px 5px 7px rgba(0,0,0,0.5); */
	/* text-shadow: 1px 1px 2px rgba(0,0,0,0.3); */
	border-radius: 25px 25px 25px 0;
	padding: 15px;
}

.img_stock {
	max-width: 100%;
}



#footer {
	margin: 0px auto;
	padding: 0px;
	overflow: hidden;
	/*position: absolute;
    bottom: 0;*/
    width: 100%;
}

#footer .nav-link {
	padding: 0;
	color: #4d7dbe;
}

#footer .footer {
	background-color: #FFFFFF;
}

#logo_footer {
	width: 100%;
}

.bg-techtek {
	background-color: var(--tt-green);
}

.btn-techtek {
	background-color: var(--tt-green);
	border-color: var(--tt-green);
}

.bg-drawing {
	background-image: url('../img/Techview_tekening_rev_dg.png');
	background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
	min-height: 500px;
}

.datepicker {
	color: #333333;
}

.datepicker > .datepicker.datepicker-inline {
	margin: auto;
}

.datepicker-days > .table-condensed {
	width: 100%;
}

.weg {
	position: absolute;
	top: -100px;
}

.preload {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	top: 0;
	z-index: 1;
}

.collapseReadMore {
	display: none;
}

.collapsed .collapseReadMore {
	display: block;
}

@media (min-width: 1200px) {

	.cardBox {
		min-height: 500px;
	}

	.contactBox {
		position: absolute;
		width: 25%;
		box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25);
		margin-left: 3rem !important;
		margin-bottom: 1rem !important;
		bottom: 0;
		border: 1px rgba(0, 0, 0, 0.175);
    	border-radius: 0.375rem;
		background-color: #FFFFFF;
		padding: 1rem !important;
		padding-top: 0 !important;
	}
}
/*
@media (max-width: 992px) {
	#footer {
		position: relative;
	}
	.mainContent {
		margin-bottom: 0;
	}
}
	*/


@media (max-width: 600px) {
	#logo_text {
		max-width: 210px;
	}
}

@media (max-width: 600px) {
	#logo_text {
		max-width: 210px;
	}
}