/*==============================================
Stylesheet Marconline Joomla 4
Auteur: Marc Luijten
Datum: 22-01-2023
===============================================*/

/* FONT STYLES */

@charset "utf-8";
@import "../webfonts/roboto/style.css";
@import "../webfonts/opensans/style.css";

body {
	font-family: 'Open Sans Condensed',sans-serif;
	font-size: 15px;
	color:#5a5a5a;
	padding-top: 0px;
	padding-bottom: 10px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Roboto Regular",sans-serif,arial;
	font-weight: 700;
}

h1 {
	font-size: 30px;
	line-height: 34px;
}

h2 {
	font-size: 26px;
	line-height: 30px;
}

h3 {
	font-size: 22px;
	line-height: 26px;
}

h4 {
	font-size: 18px;
	line-height: 20px;
}

h5 {
	font-size: 14px;
	line-height: 20px;
}

h6 {
	font-size: 12px;
	line-height: 20px;
}

/* NAVBAR */

li.nav-link {
	padding: 0px 10px;
}

.nav-link a {
	font-family: "Roboto Regular",sans-serif,arial;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
}

.navbar-toggler-icon {
  background-image: none!important;  
}

.navbar-toggler-icon i {
  vertical-align: middle;
  margin-top: 5px;
}

.navbar-toggler {
	padding: 2px;
	border: none;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.wrapper {
	padding: 0;
}

/* HEADERIMAGE */

div.headerClasses {
	margin-top: 0px;
	margin-bottom: 20px;
}

/* LANGUAGE-SWITCHER */

div.mod-languages li {
	margin: 0px;
}

div.mod-languages ul li.lang-active {
  background-color: transparent;
}

.navbar-light a, .navbar-toggler {
	border-color: rgba(255,255,255,1)!important;
}

/* BREADCRUMBS */

.breadcrumbs a{
	text-decoration: none;
	color:#5a5a5a;	
}

.breadcrumbs a:hover{
	text-decoration: underline;
}

/* MODULES */

div.moduletable {
	margin: 16px 0px 20px 0px;
}

.moduletable h3 {
	border-bottom: 1px solid #000A56; /* lijntje */
}

/* ARTIKELEN */

/* artikeltekst en sigplus preview afbeelding bij elkaar houden */
div.artikel {
	float: left;
}

.com-content-article__body {
	padding-top: 10px;
}

.page-header {
	border-bottom: 1px solid #000A56; /* lijntje */
}

div.blog {
	margin-top: 4px;
}

.article-info {
	margin-top: 10px;
}

/* CONTACTFORM */

div.com-contact h3 {
	display: none;
}

div.com-contact__info {
	margin-top: 10px;
}

.contact-telephone a {
	text-decoration: none;
	color:#5a5a5a;	
}

.contact-telephone a:hover{
	text-decoration: underline;
}

dl.com-contact__address dt {
	float: left;
	clear: left;
    width: 30px;
}

.btn-primary{
	background-color: #24617f;
	background-image: linear-gradient(to bottom,#24617f,#1C475C);
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled]{
	background-color: #1C475C;
}

div.control-label {
	margin-top: 10px;
}

/* FOOTER */
div.footer{
	margin-top: 20px;
	padding-top: 12px;
	background-color: #F2F2F2;
	font-size: 14px;
	height: 45px;	
}

.footer > div > p a:link, .footer > div > p a:visited {
	color: #5a5a5a;
	text-decoration: none;
}

/* HIKASHOP */

.hikashop_category_name a {
	color: #5a5a5a;
	text-transform: uppercase;
}

.hikashop_product_name a, .hikashop_category_description_content a {
	color: #5a5a5a;
}

.hikashop_product_name a:hover, .hikashop_category_description_content a:hover {
	text-decoration: underline;
}

/* BOOTSTRAP MEDIA QUERIES OVERRIDES */

@media (min-width: 980px) {
	.navbar {
		max-width: 1230px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
    }
	.navbar {
		padding: 14px 20px 10px 20px;
	}

	/* Navigatiebar aanpassen bij scrollen */
	.navgroot{
		margin-top: 20px;	
		border-radius: 4px;
	}

	.navklein{	
		box-shadow: 5px 5px 5px #888888;
	}

	nav {
		transition: all 0.5s;
		-moz-transition: all 0.5s; /* Firefox */
		-webkit-transition: all 0.5s; /* Safari and Chrome */
		-o-transition: all 0.5s; /* Opera */
	}
}

/*@media (min-width: 1200px) {}*/

@media(max-width: 979px) {
	.fixed-top {
		position: static;
	}
	div.links .banneritem img{
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.nav {
		display: block;
	}
	li.nav-link {
		padding: 10px 10px;
	}
}

@media (min-width: 500px) and (max-width: 979px) {
	.navbar {
		padding: 10px;
	}
}

@media (min-width: 768px){
	
}

/*@media (min-width: 768px) and (max-width: 979px) {}*/

/* @media (max-width: 767px) {} */

/* @media (min-width: 550px) {} */

/* @media (max-width: 549px) {} */

@media (min-width: 500px) {
	.navbar-brand {
		max-width: 100%;
	}	
}

@media (max-width: 499px) {
	.navbar-brand {
		max-width: 60%;
	}
	.navbar {
		padding: 8px 5px 8px 5px;
	}
}