/*
Theme Name: SYcommerce
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.1.5
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/**Kennisbank**/
.kennisbank-container > a:first-child > .box-text {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

a > .box-text {
	border-top: 1px solid #eaeaea;
	border-left: 1px solid #eaeaea;
	border-right: 1px solid #eaeaea;
	border-radius: 0;
	border-bottom: 0;
	background: white;
	padding: 1.4em 0.7em;
	text-align: left;
}

a > .box-text.last {
	border-bottom: 1px solid #eaeaea;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

/**Slider**/
.col-slider {
	flex-basis: 28.5%;
	max-width: 28.5%;
}

.slider-nav-outside .flickity-prev-next-button {
	background-color: var(--fs-color-primary);
	color: #fff;
}

.slider-nav-outside .flickity-prev-next-button:hover {
	background-color: var(--fs-color-primary);
	color: #fff;
}

.slider-nav-outside .flickity-prev-next-button.previous {
	display: none;
}

.slider .flickity-prev-next-button:hover .arrow,
.slider .flickity-prev-next-button:hover svg {
	fill: #fff;
}

/**Team box**/
.box-text-text {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.bot-button-s {
	border-color: #00bf63;
	background-color: #fff;
	color: #00bf63;
	margin-right: 0;
}

.bot-button-s:hover {
	border-color: #fff;
	color: #fff;
	background-color: #00bf63;
}

/**SHOW MORE DESCRIPTION**/
#sy-popup-description {
	overflow: hidden;
}

/**ShowMoreButton**/
#showMore {
	cursor: pointer;
}

/**TRAININGEN**/
.logo-course {
	height: 26px;
}

@media only screen and (max-width: 48em) {
	/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.col-slider {
		flex-basis: 65%;
		max-width: 65%;
	}

	.slider-nav-outside .flickity-prev-next-button.next {
		left: 95%;
	}
}

@media only screen and (min-width: 90em) {
	.slider-nav-outside .flickity-prev-next-button.next {
		left: 99.1%;
	}
}

@media only screen and (min-width: 48em) {
	.slider-nav-outside .flickity-prev-next-button.next {
		left: 95%;
	}
}