/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/* Global styles */
:root {
    --theme-side-margin: calc((100vw - var(--theme-container-width)) / 2);
}
@media screen and (min-width: 1433px) {
    :root {
        --theme-side-margin: calc((100vw - var(--theme-normal-container-max-width)) / 2);
    }
}
@media screen and (min-width: 1700px) {
    :root {
        --theme-side-margin: calc((1600px - var(--theme-normal-container-max-width)) / 2);
    }
}

@media screen and (min-width: 1700px) {
    body {
        max-width: 1600px;
        margin: auto!important;
        box-shadow: 0 0 0 9999px #f7f7f7;
    }
}
h1, h2, h3, h4, h5, h6 {
    text-wrap: balance;
}

@media only screen and (max-width: 1000px) {
	#main * {
		--entrance-delay: 0s!important;
	}
}

/* Split container */
@media only screen and (max-width: 1300px) {
	.split--container.stk--has-background-overlay {
		background-color: #B6ECB7!important;
	}
	
	.split--container.stk--has-background-overlay:before {
		background-image: unset!important;
		border-style: solid!important;
		border-width: 0px 100px 100px 0px!important;
		border-top: 0px solid transparent;
		border-right: 100px solid #163263;
		border-bottom: 100px solid transparent;
		position: absolute;
		top: 0;
		right: 0;
		bottom: unset!important;
		left: unset!important;
		z-index: 3;
	}
	
	.split--container.stk--has-background-overlay .stk-block-text__text {
		color: #163263!important;
	}
}

@media only screen and (max-width: 768px) {
	.split--container.stk--has-background-overlay:before {
		border: unset!important;
	}
}

/* Map table */
.map--table thead {
	background: #C3F0C3;
}

.map--table tbody tr td:first-child {
	background: #fff;
	border: unset;
}

.map--table tbody tr td:not(:first-child) {
	background: #f2f8f4;
	border: unset;
}

/* Slider */
.gallery--carousel :is(.swiper-button-next, .swiper-button-prev) {
	box-shadow: unset;
}

.gallery--carousel img {
	height: 300px!important;
}

@media only screen and (max-width: 768px) {
	.gallery--carousel img {
		height: 150px!important;
	}
}