@import url("/style/custom/leiden/menu.css");

body {
    background: #EDEDED;
}

.free-tile {
    padding-right: 39px!important;
    padding-left: 39px!important;
}

.swing-stories .free-tile {
    padding-right: 0!important;
    padding-left: 0!important;
}

p + .b_btn, p + p .b_btn {
	margin-top: 40px;
}

.b_btn {

	background-color: #d62410;
	color: #FFF!important;
	border-radius: 5px;
	padding: 12px 20px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	transition: all 0.3s ease-in-out;
	color: var(--white);
	border: unset;
	cursor: pointer;
	text-decoration: none;
	gap: 10px;


	&.arrow {
		&::after {
			content: '\f061';
			font-family: "Font Awesome 6 Pro";
			position: relative;
			left: 0;
			transition: all 0.3s ease-in-out;
			font-size: 16px;
			line-height: 1;
		}

		&:hover {
			transition: all 0.3s ease-in-out;

			&::after {
				transition: all 0.3s ease-in-out;
				left: 5px;
			}
		}
	}

	&:hover {
		transition: all 0.3s ease-in-out;
	}

	a {
		color: var(--white);
	}
}

.no-padding .free-tile {
    padding-right: 0!important;
    padding-left: 0!important;
    padding-top: 0!important;
} 


.no-padding p .b_btn {
	margin-top: 0;
}

/* Stories */

.banner {
	display: none;
	height: 500px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.swing-stories .banner {
	display: block;
	background-image: url("images/stories-banner2.jpg");
}


.cgdia3hfviphjgj .banner, .cgdidoeheyjhjh .banner {
	background-image: url("images/stories-banner2.jpg");
}

.cgdhjih6gghhbgd5 .banner, .cgdidorhv9mz .banner,  
.cgdidhjfsieqgfhi .banner {
	background-image: url("images/stories-banner3.jpg");
}

.cgdhjih6hhhjhehjn .banner, .cgdidornh9iiie .banner,
.cgdidhjf5tjhde .banner {
	background-image: url("images/stories-banner1.jpg");
}

.cgdiaboleij9v .banner, .cgdidortbwjfjg .banner,
.cgdidhjf1hggtij .banner {
	background-image: url("images/stories-banner4.jpg");
}




.swing-stories #mainwrapper #dashboardwrapper {
	width: 1270px;
	padding: 20px 50px 50px 50px;
	border-radius: 3px;
	margin-top: -200px;
	background: #EDEDED;
}

#dashboardwrapper.sidebar .wrapper-sidebar .sidebar-content {
	height: min-content;
}

.swing-stories #mainwrapper #dashboardheader {
	position: static;
}


#mainwrapper {
	position: relative;
	min-height: 100vh;
	box-sizing: border-box;
}

.swing-stories .themeseparator {
	border: none !important;
}

.swing-stories .theme__link .theme__image img {
	height: 80%;
	margin: 10%;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.swing-stories .theme__link:hover .theme__image img,
.theme__link:focus .theme__image img {
	-webkit-transform: scale(0.95);
	-ms-transform: scale(0.95);
	transform: scale(0.95);
	-webkit-transition: all .35s cubic-bezier(.24, .11, .12, 1.69);
	-moz-transition: all .35s cubic-bezier(.24, .11, .12, 1.69);
	-o-transition: all .35s cubic-bezier(.24, .11, .12, 1.69);
	transition: all .35s cubic-bezier(.24, .11, .12, 1.69);
}

.swing-stories .theme .theme__name>.name_wrapper {
	overflow: visible;
}