/*

	Theme Name: 	Unikon Mobile first
	Template: 		unikon
	Version: 		1.0

*/


/* Total edits */
#primary {
	padding-bottom: 0;
}

.grecaptcha-badge {
	visibility: hidden !important;
}

.achtergrond-grijs {
	background-color: #f4f2f3;
}

/* Typografie */
@font-face {
    font-family: 'custom-icons';
    src: url('/wp-content/themes/unikon-child/assets/fonts/custom-icons.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.custom__icons .fa-car-alt:before {
    content: "\f117";
    font-family: custom-icons;
} 

.custom__icons .fa-bread-slice:before {
    content: "\f118";
    font-family: custom-icons;
}

.custom__icons .fa-kiwi-bird:before {
    content: "\f11e";
    font-family: custom-icons;
} 

.custom__icons .fa-egg:before {
    content: "\f11b";
    font-family: custom-icons;
}

.custom__icons .fa-flask:before {
    content: "\f12e";
    font-family: custom-icons;
} 

.custom__icons .fa-carrot:before {
    content: "\f11d";
    font-family: custom-icons;
}

.custom__icons .fa-shopping-cart:before {
    content: "\f124";
    font-family: custom-icons;
} 

.custom__icons .fa-drumstick-bite:before {
    content: "\f123";
    font-family: custom-icons;
}

.custom__icons .fa-syringe:before {
    content: "\f120";
    font-family: custom-icons;
} 

.custom__icons .fa-cube:before {
    content: "\f121";
    font-family: custom-icons;
}

.custom__icons .fa-fish:before {
    content: "\f11c";
    font-family: custom-icons;
} 

.custom__icons .fa-github-alt:before {
    content: "\f11f";
    font-family: custom-icons;
}

.custom__icons .fa-candy-cane:before {
    content: "\f119";
    font-family: custom-icons;
} 

.custom__icons .fa-cheese:before {
    content: "\f11a";
    font-family: custom-icons;
}

.custom__icons .fa-sync-alt:before {
    content: "\f125";
    font-family: custom-icons;
} 

.custom__icons.process .ticon-exclamation-triangle:before {
	color: #26348c;
    content: "\f126";
	font-size: 125px;
	background: #ffffff;
    font-family: custom-icons;
}

.custom__icons.process .ticon-lightbulb-o:before {
	color: #26348c;
    content: "\f127";
	font-size: 125px;
	background: #ffffff;
    font-family: custom-icons;
}

.custom__icons.process .ticon-cog:before {
	color: #26348c;
    content: "\f128";
	font-size: 125px;
	background: #ffffff;
    font-family: custom-icons;
}

.custom__icons.process .ticon-flask:before {
	color: #26348c;
    content: "\f129";
	font-size: 125px;
	background: #ffffff;
    font-family: custom-icons;
}

.custom__icons.process .ticon-check:before {
	color: #26348c;
    content: "\f12a";
	font-size: 125px;
	background: #ffffff;
    font-family: custom-icons;
}

#top-bar,
#site-navigation,
h1, h2, h3, h4, h5,


.sp-black {
	font-family: 'Saira Semi Condensed', sans-serif !important;
}

.tp-caption,
.vcex-button,
.theme-button,
.footer-widget .widget-title {
	position: relative;
	font-family: 'Saira Semi Condensed', sans-serif !important;
}

h1::after, h2::after, h3::after,
.footer-widget .widget-title::after {
	width: 15%;
	content: " ";
	display: block;
    padding-top: 15px;
    border-bottom: 2px solid #fec216;
}


	/* Page headings */
	.page__header h1 {
		margin-bottom: 0 !important;
	}


	/* Revolution Slider */
	.sp-black,
	.tp-caption {
		font-size: 16px !important;
	}

	.sp-black strong,
	.tp-caption strong {
		display: block;
		font-size: 26px;
		font-weight: 500 !important;
		line-height: 110%;
		margin-bottom: 20px;
	}


	/* Text midden */
	.text__center {
		text-align: center;
	}

	.text__center h3 {
		font-size: 18px !important;
	}

	.text__center h1::after, .text__center h2::after,
	.text__center h3::before, .text__center h4::before {
		width: 15%;
		content: " ";
		display: block;
		padding-top: 15px;
		margin: 0 auto 20px;
		border-bottom: 2px solid #fec216;
	}

	.text__center h3::after, .text__center h4::after {
		display: none;
	}


/* Quote */
.quote i,
.quote em {
	font-size: 24px;
}


	/* Witte typografie */
	.typography-white h1, .typography-white h2, .typography-white h3 {
		color: #ffffff !important;
	}


	/* Opsomming */
	.wpb_text_column ul,
	.vcex-post-content ul {
		list-style: none;
		margin: -20px 0 25px 0;
	}

	.wpb_text_column ul li,
	.vcex-post-content ul li {
		position: relative;
		padding-left: 15px;
	}

	.wpb_text_column ul li::before,
	.vcex-post-content ul li::before {
		top: 1px;
		left: 0;
		color: #26348c;
		font-size: 12px;
		content: "\f054";
		position: absolute;
		font-family: 'ticons';
	}


/* Paddings & margins */
.padding__default {
	padding-top: 45px;
	padding-bottom: 25px;
}

.padding__default.page__heading {
	padding-top: 70px;
	padding-bottom: 30px;
}


/* Header */
#top-bar-wrap {
	width: 1080px;
	margin: 0 auto;
    text-align: right
}

#top-bar {
	z-index: 100;
	position: relative;
	margin-bottom: -65px;
	width: 500px;
    float: right
}

#site-logo img {
	width: 250px;
	height: auto;
}

.navbar-style-one {
	margin-top: -5px;
}

.dropdown-menu ul.sub-menu {
	
}

.sidr-class-dropdown-menu .wpex-open-submenu {
	width: 100%;
}


	/* Sticky header */
	#site-header-sticky-wrapper.is-sticky #site-header {
		box-shadow: 0 0 25px 5px rgba(0, 0, 0, 0.0333);
	}

	#site-header-sticky-wrapper.is-sticky #site-header #site-logo img {
		width: 150px;
		height: auto;
	}

	.is-sticky .navbar-style-one {
		margin-top: -25px;
	}

	.is-sticky .dropdown-menu ul.sub-menu {
		margin-top: 27px;
	}


/* Top bar */
.top-bar-menu,
.top-bar-left {
	float: right;
	margin-right: 0;
	margin-left: auto;
}

.top-bar-right {
	margin-left: 0;
}


	/* WPML */
	.wpml-ls-legacy-dropdown {
		width: 135px;
		margin-left: 15px;
		background-color: #ffffff;

	}

	.wpml-ls-legacy-dropdown .wpml-ls-flag {
		margin-right: 5px;
	}

	.wpex-mobile-menu .sidr-class-sub-menu .sidr-class-wpml-ls-item a::before {
		display: none;
	}


		/* Dropdown */
		.wpml-ls-legacy-dropdown a {
			border: none;
			padding: 10px;
			min-width: 100px;
			text-decoration: none !important;
		}

		.wpml-ls-legacy-dropdown .wpml-ls-last-item a {
			padding-bottom: 12.5px;
		}

		.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
			border: none;
			box-shadow: 0 0 25px 5px rgba(0, 0, 0, 0.0333);
		}


		/* Toggle icoon */
		.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
			padding: 10px 20px 10px 10px;
		}

		.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
			top: 50%;
			right: 10px;
			border: none;
			content: "\f0d7";
			position: absolute;
			font-family: 'ticons';
			transform: translateY(-50%);
		}


/* Blog */
.vcex-post-type-grid.entries {
	margin-top: 20px;
}

.entries.left-thumbs .entry .entry-media {
	width: 25%;
}

.entries.left-thumbs .entry .entry-details {
	width: 75%;
	padding-left: 10px;
}

.entries.left-thumbs .entry .entry-details h4 {
	margin-top: 0;
}


/* Caroussel */
.owl-nav .ticon-chevron-left::before,
.owl-nav .ticon-chevron-right::before {
	color: #26348c;
}

.owl-nav .ticon-chevron-left::before {
	content: "\f0d9";
}

.owl-nav .ticon-chevron-right::before {
	content: "\f0da";
}

.wpex-carousel .owl-stage {
	display: flex;
	align-items: center;
}

.wpex-carousel-images .owl-stage {
	display: flex;
	align-items: center;
}


/* Iconen */
.process {
	position: relative;
}

.process::before {
	left: 10%;
	width: 80%;
	height: 4px;
	content: " ";
	display: block;
	position: absolute;
    background: #fec216;
	top: calc(50% - 17px);
}

.vcex-icon.vcex-icon-large.vcex-icon.has-bg {
	font-size: 40px;
}

.vcex-icon.vcex-icon-large.vcex-icon.has-bg .vcex-icon-wrap {
	padding: 40px;
}


/* Waarom Unikon */
.waarom__unikon .wpex-vc_col-has-fill .vc_column-inner {
	padding: 25px;
}



/* Captions */
.sp-black {
	text-align: left !important;
	pointer-events: none !important;
	padding: 30px 40px 60px !important;
	white-space: normal !important;
	background: rgba(38, 52, 140, 0.8) !important;
	right: calc((100vw - 1080px) / 2) !important;
}

.sp-black::before {
	right: 0;
	bottom: 0;
	width: 50px;
	height: 50px;
	content: "\f0da";
	line-height: 50px;
	position: absolute;
	text-align: center;
	background: #fec216;
	font-family: ticons;
}

.wpex-slider-media:hover .sp-black::before {
	background: #26348c !important;
}




/* Contactformulieren */
.wpcf7 {
	margin-top: 30px;
}

.wpcf7 p strong {
	color: #26348c;
	display: block;
	font-size: 18px;
	margin-top: 30px;
	padding-bottom: 5px;
	border-bottom: 1px solid #262626;
}

.wpcf7-exclusive-checkbox {
	width: 100%;
	margin-top: 5px;
	line-height: 100%;
	margin-bottom: 20px;
	display: inline-block;
}

.wpcf7 input[type="date"], .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 input[type="number"], .wpcf7 input[type="file"], .wpcf7 textarea {
	width: 100%;
	margin-top: 5px;
	line-height: 100%;
	margin-bottom: 20px;
}

.wpcf7 input[type="file"] {
	font-size: 13px;
}

.wpcf7 label {
	font-size: 13px;
	padding-left: 3px;
}

.wpcf7 span.wpcf7-list-item {
	position: relative;
}

.wpcf7 .wpcf7-not-valid {
	color: red !important;
	border-color: red !important;
}


/* Opties */
.aanvraag label {
	font-weight: 600;
}

.aanvraag .wpcf7-list-item label {
	font-weight: 400;
}

.checkbox__option .wpcf7-form-control-wrap {
	display: inline-block;
}


/* Machine filters */
#unikon__machines .entry-media img {
	padding: 20px;
}

.unikon__grid-hidden {
	height: 0px;
	visibility: hidden;
}

.unikon__filter-kratten,
.unikon__filter-pallet,
.unikon__filter-cabinet {
	padding: 0;
	width: 200px;
	height: 200px;
	position: relative;
}

.unikon__filter-kratten::before,
.unikon__filter-pallet::before,
.unikon__filter-cabinet::before {
	top: 50%;
	width: 100%;
	font-size: 50px;
	position: absolute;
	text-align: center;
	font-family: 'ticons';
	transform: translateY(-50%);
}

.unikon__filter-kratten::before {
	content: "\f07a";
}

.unikon__filter-kratten span,
.unikon__filter-pallet span,
.unikon__filter-cabinet span {
	display: none;
}





/* Voorwaarden */
.privacy {
	position: relative;
}

.privacy input[type="checkbox"] {
	left: 0;
	top: 5px;
	position: absolute;
}

.privacy .wpcf7-list-item-label {
	position: relative;
	padding-left: 20px;
	display: inline-block;
}


	/* Recaptcha */
	.google__captcha {
		color: #999999;
		font-size: 12px;
		margin-bottom: 20px;
		display: inline-block;
	}


/* Sticky footer */
.sticky__footer .make__sticky {
	bottom: 0;
	z-index: 99;
	width: 100vw;
	
	left: 0 !important;
	position: fixed !important;
}

.sticky__footer .vcex-button,
.sticky__footer .theme-button {
	font-size: 20px;
}

.sticky__footer .vc_col-sm-4 {
	border-left: 2px solid #ffffff;
}

.sticky__footer .vc_col-sm-4:last-of-type {
	border-right: 2px solid #ffffff;
}

.sticky__footer .vc_column-inner {
	margin-bottom: 0;
}


	/* Relative */
	.sticky__footer.relative .mask {
		display: none;
	}

	.sticky__footer.relative .make__sticky {
		left: inherit !important;
		position: relative !important;
	}



/* Footer */
.wpex-social-btn-minimal {
	border: 2px solid #ffffff;
}

.widget_media_image img {
	width: 170px;
	height: auto;
	margin-left: -10px;
}

#footer-widgets .menu {
	position: relative;
}

#footer-widgets .menu li {
	line-height: 170%;
	position: relative;
	margin-bottom: 5px;
	padding: 0 0 0 20px;
}

#footer-widgets .menu li a:hover {
	text-decoration: underline;
}

#footer-widgets .menu li a::before {
	top: 0;
	left: 5px;
	font-size: 15px;
	content: "\f105";
	position: absolute;
	font-family: 'ticons';
}

#footer-widgets .menu li:first-child {
	padding-top: 0;
}

#footer-widgets .menu li:last-child {
	padding-bottom: 0;
}


/* Cookies */
#cookie-notice {
	left: 40px !important;
	bottom: 40px !important;
	min-width: 1px !important;
	width: 300px !important;
	box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.0667) !important;
}

.cookie-notice-hidden {
	visibility: hidden !important;
}

#cookie-notice .cn-button {
	font-weight: 600 !important;
	padding: 7px 12px !important;
	margin: 25px 10px 0 0 !important;
}

.cookie-notice-container {
	text-align: left !important;
	padding: 30px 60px 30px 30px !important;
}

.cookie-notice-container #cn-notice-text {
	font-size: 14px !important;
	line-height: 170% !important;
	display: inline-block !important;
}

.cn-close-icon {
	top: 15px !important;
	margin: 0 !important;
	opacity: 1 !important;
	right: 15px !important;	
}

.cn-close-icon:after,
.cn-close-icon:before {
	background: #262626 !important;
}


/* Dealer login */
body .wpex-form-modern input[type="date"], body .wpex-form-modern input[type="time"], body .wpex-form-modern input[type="datetime-local"], body .wpex-form-modern input[type="week"], body .wpex-form-modern input[type="month"], body .wpex-form-modern input[type="text"], body .wpex-form-modern input[type="email"], body .wpex-form-modern input[type="url"], body .wpex-form-modern input[type="password"], body .wpex-form-modern input[type="search"], body .wpex-form-modern input[type="tel"], body .wpex-form-modern input[type="number"], body .wpex-form-modern textarea, body .wpex-form-modern .wpex-select-wrap, body .wpex-form-modern .wpex-multiselect-wrap select {
	border: 1px solid #fff;
	box-shadow: none;
	border-radius: 0;
}

.login__logo {
	margin-bottom: 100px;
}

.login__logo img {
	max-width: 190px;
}

.unikon__dealer-topbar {
	padding-top: 23px !important;
}

.unikon__dealer-topbar .top-bar-social-alt {
	display: none;
}


/* Profiel pagina */
.unikon__profile ul {
	max-width: 100% !important;
	list-style: none;
	margin: -20px 0 25px 0;
}

.unikon__profile ul li {
	padding-left: 0;
	position: relative;
}

.unikon__profile ul li::before {
	display: none;
}


/* Downloads */
.unikon__downloads ul li {
	border-radius: 0;
    background-color: #26348c;
    color: #ffffff;
	clear: both;
	float: left;
	display: inline-block;
	margin-bottom: 10px;
}

.unikon__downloads ul li a {
	color: #ffffff;
	display: inline-block;
	padding: .538em 1.077em;
}

.unikon__downloads ul li::before {
	top: 50%;
	left: 1.077em;
	color: #ffffff;
	content: "\f15c";
	transform: translateY(-50%)
}




@media only screen and (min-width: 1025px) and (max-width: 1200px) {
	
	#site-logo img {
		width: 230px;
	}
	
	#site-navigation .dropdown-menu .link-inner {
		font-size: 17px !important;
	}
	
}


@media only screen and (min-width: 1024px) and (max-width: 1380px) and (orientation: portrait) {
	
	
	#site-logo img {
		width: 200px;
	}
	
	#site-navigation .dropdown-menu .link-inner {
		font-size: 15px !important;
	}
	
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	
	#site-logo img {
		width: 200px;
	}
	
	#site-navigation .dropdown-menu .link-inner {
		font-size: 15px !important;
	}
	
	.process h4 {
		font-size: 14px !important;
	}
	
	/* Captions */
	.sp-black {
		right: calc((100vw - 940px) / 2) !important;
	}
	
}


@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
	
	.padding__default {
		padding-top: 40px;
		padding-bottom: 0;
	}
	
	.custom__icons .vc_col-sm-2 {
		width: 33.333% !important;
	}
	
	.process h4 {
		font-size: 14px !important;
	}
	
	#footer #footer-widgets .col {
		width: 50%;
	}
	
	
	/* Cookie notice */
	#cookie-notice {
		left: 0 !important;
		bottom: 0 !important;
		width: 100% !important;
		min-width: 100% !important;
	}
	
}


@media only screen and (max-width: 420px) {
	
	
	/* Paddings & margins */
	.padding__default {
		padding-top: 40px;
		padding-bottom: 0;
	}
	
	.padding__default.page__heading .vc_col-sm-2 {
		display: none !important;
	}
	
	.wpcf7 .vc_col-sm-2 {
		float: left;
		width: 50% !important;
	}
	
	.wpcf7 .vc_col-sm-3,
	.wpcf7 .vc_col-sm-4,
	.wpcf7 .vc_col-sm-6,
	.wpcf7 .vc_col-sm-9,
	.wpcf7 .vc_col-sm-12 {
		float: left;
		width: 100% !important;
	}
	
	
	/* Header */
	#site-logo img {
		width: 150px;
	}
	
	#site-header-inner {
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}
	
	
	/* Captions */
	.sp-arrows {
		display: none;
	}
		
	
	/* Quote */
	.quote .vc_col-sm-2 {
		display: none;
	}
	
	
	/* Iconen */
	.process {
		position: relative;
	}

	.process::before {
		display: none;
	}
	
	.waarom__unikon {
		padding-left: 25px !important;
		padding-right: 25px !important;
		padding-bottom: 40px !important;
	}
	
	.waarom__unikon .vc_col-sm-2 {
		display: none !important;
	}
	
	.waarom__unikon .vc_column-inner {
		margin-bottom: 0;
		padding: 0 20px !important;
	}
	
	.waarom__unikon .first .vc_column-inner {
		padding-top: 15px !important;
	}
	
	.waarom__unikon .last .vc_column-inner {
		padding-bottom: 15px !important;
	}
	
	
	/* Vacatures */
	.single-portfolio .vc_col-sm-3 {
		display: none !important;
	}

	
	/* Contactformulieren */
	.privacy .wpcf7-list-item-label {
		margin-bottom: 15px;
	}
	
	
		/* Voorwaarden */
		.privacy input[type="checkbox"] {
			top: 2px;
		}
	
	
	/* Fixed footer */
	.templatera_shortcode {
		/* display: none; */
	}
	
	.sticky__footer .vc_col-sm-4 {
		width: 33.333%;
		border: none !important
	}
	
	.sticky__footer .vcex-button,
	.sticky__footer .theme-button {
		font-size: 13px;
		padding: 10px 15px;
	}
	
	
	/* Footer */
	.site-footer-inner {
		padding-top: 25px;
	}
	
	.widget_media_image {
		text-align: center;
	}
	
	.wpex-fa-social-widget {
		text-align: center !important;
	}
	
	.wpex-fa-social-widget.textleft ul li {
		float: none;
		display: inline-block;
	}
	
	
	/* Cookie notice */
	#cookie-notice {
		left: 0 !important;
		bottom: 0 !important;
		width: 100% !important;
		min-width: 100% !important;
	}
	
	
}


@media only screen and (max-width: 340px) {
	
	.entry h3 {
		font-size: 16px !important;
	}
	
	/* Cookie notice */
	#cookie-notice {
		left: 0 !important;
		bottom: 0 !important;
		width: 100% !important;
		min-width: 100% !important;
	}
	
}