/*!
Theme Name: 	Bootsrap 4 on WordPress
Theme URI: 		https://www.babobski.nl
Description: 	Bootstrap 4 on Wordpress
Version: 		1.0
Author: 		Babobski
Author URI: 	https://www.babobski.nl
Tags: 			babobski, bootstrap, basic theme 1
*/


.slick_current_post .slide_title{
	text-align: center;
	max-width: 450px;
	display: block;
	margin: 0 auto;
}
.slick-slide {
	outline: none;
	border: none;
}
.slick-next,
.slick-prev {
	cursor: pointer;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 70px;
	height: 30px;
	line-height: 50px;
	border-radius: 50%;
	text-align: center;
	outline: none;
	transition: 0.5s all ease;
	border: 0;
	z-index: 10;
	background:transparent;
}
.slick-next {
	right: 20px;
	background: url("./assets/images/arrow_next.svg")no-repeat center;
	background-size: 68px 20px;
}
.slick-prev {
	left: 20px;
	background: url("./assets/images/arrow_prev.svg")no-repeat center;
	background-size: 68px 20px;
}
.slick-dots {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.slick-dots li {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #EBEBEB;
	border: 0;
	margin: 0 5px;
	cursor: pointer;
	transition: 0.5s ease all;
	position: relative;
}
.slick-dots button {
	  background: none;
	  outline: none;
	  border: none;
	  font-size: 0;
}

.slick-slide img {
	width: 100%;
	height: auto;
}

.dedicaded_title{
	text-align:  center;
	font-size: 26px;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 20px;
	color: #595758;
}
.ded_current_post{
	width: 100%;
}
.ded_current_post{
	display: block;
	margin: 0 auto;
	max-width: 520px;
	height: auto;
	margin-bottom: 40px;
}
.ded_current_post img{
	display: block;
	margin: 0 auto;
	max-width: 520px;
	height: auto;
}

.support-yt-link {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 450px;
	margin-bottom: 40px;
}
.support-yt-blocker {
	position: absolute;
	height: 100%;
	width: 100%;
	max-width: 450px;
	display: block;
	margin: 0 auto;
	z-index: 1;
	background: rgba(0,0,0,0.2);
}
.support-yt-link iframe {
	z-index: 2;
	margin: 0 auto;
	display: block;
	width: 100%;
	max-width: 450px;
}


section.homepage-banner .banner-content {
    background-size: cover !important;
}
div.swiper-slide .banner-image {
	height: 100%;
    background-size: 1400px;
    background-position: center bottom;
    background-repeat: no-repeat;
}

body.page-template-download-template .square-block img {
	height: 100px;
    margin-bottom: 20px;
}
body.page-template-download-template .square-block p {
	color: #5291EE;
	font-size: 24px;
}

body.page-template-download-template #scan-model-dropdown {
	width: 100%;
    color: #5291EE;
    border: 2px solid #5291EE;
    padding: 12px 15px;
    background-color: #fff;
    background-image: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
}
body.page-template-download-template #scan-model-dropdown::-ms-expand {
    display: none;
}

.select-title {
	font-size: 28px;
	color: #5291EE;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.scan-model-container {
	position: relative;
	margin-bottom: 30px!important;
}
.scan-model-container:before,
.scan-model-container:after {
	content: '';
    display: block;
    position: absolute;
    border-style: solid;
    pointer-events: none;
}
.scan-model-container:before {
	top: 22px;
    right: 16px;
    border-color: #5291EE transparent transparent transparent;
    border-width: 18px 12px 0px 12px;
    z-index: 2;
}
.scan-model-container:after {
	top: 20px;
    right: 12px;
    border-color: #fff transparent transparent transparent;
    border-width: 24px 16px 0px 16px;
    z-index: 1;
}
.scan-model-container .select-bg {
	position: absolute;
    top: 0;
    right: 0;
    background: #5291EE;
    height: 100%;
    width: 57px;
    pointer-events: none;
}

.shadow-box-light{
    transition: all linear 500ms;
}

.shadow-box-light:hover{
    box-shadow: 0 0px 5px 1px #5553;
}

.shadow-box-light a:hover{
	color: #3591f4!important;
}

.shadow-box-light a:after{
	content: " >";
	color: #656666;
	transition: all .2s ease-in-out;
}

.shadow-box-light a:hover:after{
	color: #3591f4!important;
}



@media screen and (max-width: 991px) {
	div.swiper-slide .banner-image {
		background-size: 700px;
	}
}
@media screen and (max-width: 767px) {
	div.swiper-slide .banner-image {
		background-size: 900px;
	}
}
@media screen and (max-width: 500px) {
	div.swiper-slide .banner-image {
		background-size: 700px;
	}
}