@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;700&display=swap');

#languages_show{
	position: absolute;
	z-index: 4;
	color: #292929;
	width: 80px;
}

.cke_notification{
    display: none!important;
    opacity: none!important;
    visibility: hidden!important;
}

/* GENERAL STYLE */
body, p, a, table, li{
    font-family: "Ubuntu", sans-serif;
	font-size: 15px;
	line-height: 30px;
}
a{
    text-decoration: none;
    color: var(--main-color);
}
.page-home{
    margin-top: -43px;
}
.page-home-zakelijk{
	margin-top: -43px;
}
.page-home-zakelijk .homeblocks{
	margin-top: 3rem !important;
}
.btn-primary{
	padding: 15px 30px;
	border-radius: 55px!important;
}
.card{
	border-radius: 7px!important;
}
h1{
	color: var(--main-color);
	font-weight: bold;
}
h2{
	font-size: 30px;
	margin-bottom: 10px;
}
main{
	min-height: 420px;
}
main .container .container{
	padding: 0px;
}
/* END GENERAL STYLE */

/* HEADER */
.top{
    background-color: var(--main-color);
    color: #fff;
}
.top a{
    color: #fff;
}
.types{
    background-color: #003e67;
    display: inline-block;
}
.typelink{
    padding: 10px 20px;
    color: #fff;
    display: inline-block;
    text-transform: uppercase;
}
.typelink.active{
    font-weight: bold;
}
.topusp{
    display: inline;
    text-transform: uppercase;
    font-size: 12px;
    margin-left: 20px;
}
.companyLogo{
    width: 100px;
    margin-bottom: -50px;
}
.cartbutton{
    padding: 10px 20px;
    border-radius: 7px;
    color: #fff;
    background-color: #04a6d5;
    font-size: 15px;
    display: inline-block;
}
.cartbutton .fa-solid{
    font-size: 22px;
    margin-right: 10px;
}
.accountlink{
    font-size: 0px;
    color: #3d403f;
    margin-right: 20px;
    text-transform: uppercase;
}
.accountlink .fa-solid{
    font-size: 16px;
    margin-right: 10px;
}
.header{
    background-color: #fff;
    margin-bottom: 20px;
}
.nav-link{
    font-size: 18px;
    font-weight: 800;
    text-transform: uppercase;
    color: #3d403f;
}
#searchModal .form-inline .fa-search{
	position: absolute;
	left: 30px!important;
	margin-top: 15px;
}
.resultproduct{
	margin-bottom: 10px;
}
.resultproduct .col-8{
	text-align: left;
}
.resultproduct .col-8 a{
	font-weight: bold;
}
.header .col-md-5.text-end.my-auto.col-sm-9.col-xs-9{
	position: relative;
}
#languages_show{
	right: 140px;
}
.dropdown-menu{
	background-color: rgba(255, 255, 255, 0.95);
	padding-right: 20px;
}
/* END HEADER */


/* FOOTER */

footer{
    padding-top: 40px;
    background-color: #003e67;
    color: #fff;
}
footer a{
	color: #fff;
}
footer h3{
    font-size: 18px;
    font-weight: 800;
}
footer ul{
    padding: 0px;
}
footer li{
    list-style: none;
    padding: 0px;
    line-height: 35px;
    font-size: 13px;
    text-transform: uppercase;
}
footer .fa-brands{
    font-size: 30px;
    margin-right: 10px;
}
.footerspacer{
    margin-left: 10px;
    margin-right: 10px;
}
.copyright{
    background-color: var(--main-color);
    color: #fff;
}
.footersocial{
	font-size: 22px;
	color: #fff;
}
.verzendknop{
    width: 100px;
    background-color: #04a6d5!important;
    border-color: #04a6d5!important;
    color: #fff;
	border-radius: 33px;
}
/* END FOOTER */




/* SHOP */


.col-md-3 img{
    max-width: 100%;
    border-radius: 5px;
}
.thumbs img{
    width: 23.2%;
    margin: 0.5%;
    height: 90px;
    object-fit: cover;
}
.bundleitem{
    background-color: #efefef;
    border-radius: 5px;
    padding: 5px;
    font-size: 12px;
    margin-left: 50px;
}
.bundleitem img{
    width: 30px;
    height: 30px;
    object-fit: cover;
    background-color: var(--main-color);
    border: 0px;
}
.cats h3{
	color: var(--main-color);
	font-weight: bold;
	font-size: 20px;
}
.cats a{
	color: #000;
}
.cats .fa-solid{
	color: var(--main-color);
}
.addtocart .form-control{
	height: 53px!important;
}
#v-pills-tabContent .smallcircle{
	width: 30px;
	height: 30px;
	object-fit: cover;
	border-radius: 30px;
}
.categories{
	line-height: 20px;
}
.categories i{
	font-size: 12px;
	line-height: 16px;
}
.signCategories{
	border: 1px solid #ccc;
	margin-right: 1px;
	border-radius: 5px;
	background-color: #fff;
	padding-top: 4px;
	padding-bottom: 4px;
	height: calc(100% - 5px);
	margin-bottom: 5px;
}
.signCategories.activeCategory{
	border: 1px solid #1d69a7;
	box-shadow: 0px 0px 5px #1d69a7;
}
.row.signs{
	border-bottom: 1px solid #ccc;
	padding: 8px;
}
.row.signs .form-control{
	padding: 3px;
}
.row.signs img{
	width: 60px;
	height: 60px;
	object-fit: contain;
	background-color: #fff;
	border-radius: 10px;
	padding: 5px;
}
/* END SHOP */

/* BLOCKS */

.large-header{
    padding-top: 130px;
    padding-bottom: 200px;
    background-image: url(/uploads/headerphoto.jpg);
    background-size: cover;
    background-position: center center;
}
.large-header h1{
    color: #fff;
    font-weight: 700;
    font-size: 45px;
}
.large-header p{
    color: #fff;
    font-size: 18px;
    line-height: 32px;
    display: block;
    max-width: 600px;
}
.headercontainer{
    max-width: 1100px;
}
.headercontainer h1{
	margin-bottom: 30px;
}
.uspsection{
    background-color: #ececec;
    padding-top: 20px;
    padding-bottom: 20px;
}
.uspsection p{
    margin-bottom: 0px;
    font-size: 16px;
}
.uspsection .fa-regular{
    color: #af9e5b;
    font-size: 50px;
}
.fourbuttons{
    background-color: #044f81;
    padding-top: 20px;
    padding-bottom: 20px;
}
.fourbuttons .btn{
	padding: 0px 10px;
	height: 60px;
	display: inline-flex;
  	align-items: center;
	width: 100%;
	justify-content: center;
}
.fourbuttons .btn img{
	width: 30px;
	height: 100%;
	object-fit: contain;
	margin-right: 10px;
}
.btn-block{
    display: block;
    background-color: #003e67!important;
    color: #fff;
    border: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 16px;
}
.btn-block .fa-solid{
    margin-right: 15px;
}

.homeblocks{
	color: #fff;
	padding-top: 0px!important;
}
.homeblocks .card{
	height: 100%!important;
	border-radius: 7px!important;
	background-color: #003e67;
	color: #fff;
	padding: 30px!important;
	padding-bottom: 90px!important;
}
.homeblocks .col-md-8 h2, .homeblocks .col-md-8 p{
	margin-right: 200px;
}
.homeblocks .text-end{
	position: absolute;
	bottom: 30px;
	right: 30px;
}
.homeblocks h2{
	font-size: 40px;
	font-weight: bold;
}
.homeblocks .btn-primary{
	background-color: #fff!important;
	border-radius: 33px!important;
	color: #212529;
	width: 300px!important;
	padding: 15px;
}
.product h3{
	color: var(--main-color);
	font-size: 20px;
	font-weight: bold;
}
.product .price{
	color: var(--main-color);
	font-size: 30px;
	font-weight: bold;
	margin-top: 30px;
}
.product .price sup{
	font-size: 15px!important;
}
.product .tax{
	color: var(--main-color);
	font-size: 13px;
}
.product .btn{
	background-color: var(--secondary-color)!important;
}
.product .col-4 .btn{
	height: 40px!important;
	line-height: 40px!important;
	padding: 0px!important;
	width: 100%!important;
	display: inline-block;
}
.product .col-3 .form-control{
	height: 40px!important;
	line-height: 40px!important;
	padding: 0px 7px!important;
}
.bottom h2{
	color: var(--main-color);
	font-weight: bold;
}
.breadcrumb{
	padding: 10px;
	background-color: #003e67;
	color: #fff;
	border-radius: 7px;
}
.breadcrumb li{
	color: #fff!important;
}
.breadcrumb a{
	color: #fff;
	font-weight: bold;
}
.breadcrumb li:before{
	color: #04a6d5!important;
}
.accordions .btn-link{
	padding: 0px;
	color: #292929;
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;
}
.accordions p a{
	text-decoration: underline;
	font-weight: bold;
}
.sidebar-login h3{
	color: var(--main-color);
}
.sidebar-login p, .sidebar-login a{
	font-size: 14px;
}
.sidebar-login .btn-primary, .sidebar-vraag .btn-primary{
	padding: 10px;
	width: 100%;
	background-color: rgb(175, 158, 91)!important;
}
.sidebar-vraag{
	background-color: #003e67;
}
.sidebar-vraag h3{
	color: #fff;
	font-weight: bold;
}
.spacer{
	width: 100%;
	height: 50px;
	display: block;
}
.card .row.mt-5{
	margin-top: 0px!important;
}
.whitebutton{
	width: 100%;
	background-color: #fff!important;
	color: #373838!important;
	text-align: center!important;
}
#accordion #accordion .card{
	box-shadow: none!important;
}
#accordion #accordion .card-header:before{
	content: "+";
	background-color: #0e72b5;
	color: #fff;
	float: left;
  height: 20px;
  width: 18px;
  padding: 0px;
  text-align: center;
  line-height: 18px;
  margin-top: 3px;
  margin-right: 5px;
	border-radius: 3px;
	font-weight: bold;
}
.table-sm td, .table-sm th{
	padding: 0px!important;
}
.table-borderless, .table-borderless td{
	border: 0px!important;
}
.table-borderless th{
	background-color: transparent!important;
	color: #212529!important;
}
.customTable td {
	padding: 0px 50px 0px 0px!important;
	font-family: "Ubuntu", sans-serif!important;
	font-size: '14px'!important;
}
.collapseIcons {
	float:right!important;
	margin-top:4px!important;
}
.btn-home {
	 background-color: var(--main-color);
	 color: white;
}
.btn-home:hover {
	 background-color: var(--main-color);
	 color: white;
}
.desktophide {
	display: none;
}
 /* END BLOCKS */

/* TEMP */
img{
    max-width: 100%;
    border-radius: 5px;
}
.collapseBodies.collapse:not(.show){
	display: none!important;
}
/* END TEMP */


@media (min-width: 767px) and (max-width: 1024px) {
	#mostOrdered1 .col-5, #mostOrdered2 .col-5, #mostOrdered3 .col-5{
		width: 100%!important;
	}
	#mostOrdered1 .col-7, #mostOrdered2 .col-7, #mostOrdered3 .col-7{
		width: 100%!important;
	}
	p, body{
		font-size: 13px!important;
	}
	.fourbuttons a{
		font-size: 13px!important;
	}
	.uspsection .fa-regular{
		font-size: 20px;
	}
	h2{
		font-size: 24px!important;
	}
	h3{
		font-size: 20px!important;
	}
	.homeblocks .col-md-8 h2, .homeblocks .col-md-8 p{
		margin-right: 50px;
	}
	.homeblocks .btn-primary{
		width: auto!important;
	}
	.accountlink .fa-solid{
		font-size: 13px;
		margin-right: 5px;
	}
	.cartbutton{
		padding: 5px;
	}
	#languages_show{
		right: 60px;
	}
}
@media only screen and (max-width: 767px) {
	.desktophide {
		display: block;
	}
	.companyLogo{
		width: 60px;
		margin-top: -7px;
	}
	.cartbutton{
		font-size: 12px;
		padding: 5px;
		margin-top: 5px;
	}
	.cartbutton i.fa-solid{
		font-size: 16px;
	}
	.dropdown-menu.show{
		position: relative!important;
		transform: none!important;
		border: 0px;
		background-color: transparent;
		padding-left: 20px;
	}
	p, body{
		font-size: 13px!important;
	}
	.btn-primary{
		font-size: 13px!important;
	}
	.fourbuttons a{
		font-size: 13px!important;
	}
	.uspsection .fa-regular{
		font-size: 20px;
	}
	.headercontainer h1 span{
		font-size: 30px!important;
	}
	h1{
		font-size: 30px!important;
	}
	h2{
		font-size: 24px!important;
	}
	h3{
		font-size: 20px!important;
	}
	.homeblocks .col-md-8 h2, .homeblocks .col-md-8 p{
		margin-right: 50px;
	}
	.homeblocks .btn-primary{
		width: auto!important;
	}
	.accountlink .fa-solid{
		font-size: 13px;
		margin-right: 5px;
	}
	.btn-primary{
		padding: 10px 20px;
		border-radius: 55px!important;
	}
    .accountlink{
        font-size: 0px;
    }

    .large-header h1{
        font-size: 25px;
    }
    .large-header p{
        font-size: 13px;
        line-height: 20px;
    }
    .large-header{
        padding-top: 50px;
        padding-bottom: 100px;
    }
	.homeblocks h2{
		font-size: 20px;
		font-weight: bold;
	}
	.homeblocks .col-md-8{
		margin-bottom: 30px;
	}
	.bottom .col-md{
		margin-bottom: 20px;
	}
	.fourbuttons .btn{
		margin-bottom: 10px;
		font-size: 0px!important;
	}
	.fourbuttons .col-md{
		width: 25%!important;
		padding: 5px!important;
	}
	.fourbuttons .btn img{
		margin-right: 0px;
	}
	.usp{
		margin-bottom: 10px;
	}
	.accountlink{
		margin-right: 0px!important;
	}
	.accountlink .fa-user, .accountlink .fa-flag{
		margin-right: 15px!important;
		font-size: 16px!important;
		color: var(--main-color);
	}
	.accountlink .fa-search, .accountlink .fa-cog, .accountlink .fa-sign-out, .mobhide{
		display: none;
	}
	.homeblocks .col-md-8 h2, .homeblocks .col-md-8 p{
		margin-right: 0px;
	}
	.homeblocks .btn-primary{
		width: 200px!important;
	}
	.header .col-md-2{
		width: 30%!important;
	}
	.header .col-md-4{
		width: 70%!important;
	}
	.float-right{
		float: right;
		margin-left: 10px;
	}
	.top .text-end {
		display: none;
	}
	#successModal .row.mt-3 .col-5{
		width: 50%!important;
	}
	#successModal .row.mt-3 .col-2{
		display: none;
	}
	.nav-item:last-child a{
		padding: 5px 10px 5px 10px;
		background-color: #efefef;
		border-radius: 33px;
		text-align: center;
		margin-top: 15px;
		display: block;
	}
	.nav-item:last-child a:after{
		content: "Zoeken";
		padding-left: 10px;
	}
}