/*
Typ Karty:
style-full-4-col
*/

.style-full-4-col .paragraph--type--karta {
	position: relative;
}
.style-full-4-col .paragraph--type--karta .field {
	position: relative;
	z-index: 2;
}
.style-full-4-col .paragraph--type--karta  {
	position: relative;
	z-index: 1;
}
.style-full-4-col .wrap-col {
	height: 100%;
    border-top: 4px solid white;
}
.style-full-4-col .paragraph--type--karta:before {
	content: "";
	position: absolute;
    pointer-events: none;
	width: 100%;
	height: 150%;
	left: 0;
	bottom: 0;
	z-index: 2;
	transition: all 0.7s;
	background: rgb(0,0,0);
	background: -moz-linear-gradient(0deg, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.4542191876750701) 70%, rgba(0,0,0,0.40379901960784315) 75%, rgba(0,0,0,0.23) 85%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.4542191876750701) 70%, rgba(0,0,0,0.40379901960784315) 75%, rgba(0,0,0,0.23) 85%, rgba(0,0,0,0) 100%);
	background: linear-gradient(0deg, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.4542191876750701) 70%, rgba(0,0,0,0.40379901960784315) 75%, rgba(0,0,0,0.23) 85%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

.style-full-4-col.section-full > div > .row-cols > .col {
    padding: 0 2px;
}
.style-full-4-col {
    margin: 0 -15px;
}
.style-full-4-col .paragraph--type--karta .wrap-karta .field--name-field-text-karta {
    font-size: 16px;
}

/* sekce - .banner + .zapustit-bottom */

.banner {
    max-width: 920px;
    margin: 0 auto 0;
    box-shadow: 0 20px 40px hsl(0deg 0% 0% / 16%);
    padding: 0 5%;
    margin-top: 80px;
}
.admin-path .banner > .paragraph {
    padding: 60px 5%;
}
.admin-path .banner > .banner {
    box-shadow: none;
    padding: 0;
    margin: 0;
}
body .banner h2 {
    color: black;
}


.banner.zapustit-bottom {
    margin-bottom: -80px;
    position: relative;
	background: white;
}
.banner.zapustit-bottom + .paragraph {
    padding-top: 150px;
}
.max-750 {
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
}
.col-width-auto > .container > .row.row-cols > .col {
    width: auto;
    flex: 1 1 auto;
}
.btn-arrow .paragraph--type--odkaz-tlacitko:not(.wrap-btn) .field--name-field-odkaz-tlacitko a {
    color: var(--bg-btn);
    font-weight: 900;
    position: relative;
    display: inline-block;
}
.btn-arrow .paragraph--type--odkaz-tlacitko:not(.wrap-btn) .field--name-field-odkaz-tlacitko a:after {
    content: "";
    background-image: url(/themes/contrib/aeto/images/arrow-left.svg);
    display: inline-block;
    width: 23px;
    height: 17px;
    margin-left: 15px;
    top: 1px;
    position: relative;
}

@media (min-width: 1200px){
	.style-full-4-col .paragraph--type--karta:hover:before {
		bottom: -55%;
		height: 100%;
	}
	.col-left-padding .row-cols > .col-md-6:first-child {
		padding-right: 60px !important;
	}
	.col-between-padding .row-cols > .col-md-6:first-child {
		padding-right: 45px !important;
	}
	.col-between-padding .row-cols > .col-md-6:last-child {
		padding-left: 45px !important;
	}
}