@media all
{
	.slideshow.original .slideshow_container
	{
		font-size: 1em;
		overflow: hidden;
		position: relative;
		text-align: center;
		transition: all .5s ease;
		width: 100%;
	}

		.full_width > div > .widget > .slideshow.original
		{
			padding-left: 0;
			padding-right: 0;
		}

		.is_tablet .slideshow.original .slideshow_container
		{
			font-size: .8em;
		}

		.is_mobile .slideshow.original .slideshow_container
		{
			font-size: .6em;
		}

		.widget .slideshow.original .slideshow_container
		{
			padding: 0 !important;
			max-width: 100% !important; /* If .full_width, then this has to be specified */
		}

			.slideshow.original .slideshow_container .slide_item
			{
				display: block;
				height: 100%;
				padding: inherit; /* This will respect the parents padding */
				width: 100%;
			}

				.slideshow.original .slideshow_container .slide_item:not(.active)
				{
					display: none;
				}

				/* This will allow animte to fade in/out correctly */
				.slideshow.original .slideshow_container .columns_1 .slide_item
				{
					position: absolute;
				}

				.slideshow.original .slideshow_container .slide_item img
				{
					height: 100%;
					object-fit: cover;
					width: 100%;
					transition: transform 20s ease;
					-webkit-transform: scale(1);
					transform: scale(1);
				}

					.slideshow.original .slideshow_container .slide_item.animate > img
					{
						-webkit-transform: scale(1.2);
						transform: scale(1.2);
					}

		/* Columns */
		/* ############################## */
		.slideshow.original .slideshow_container .has_columns
		{
			display: -webkit-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			gap: 0.3%;
		}

			.slideshow.original .slideshow_container .columns_2 .slide_item
			{
				-webkit-box-flex: 0 1 49.85%;
				-webkit-flex: 0 1 49.85%;
				-ms-flex: 0 1 49.85%;
				flex: 0 1 49.85%;
				width: 49.85%;
			}

			.slideshow.original .slideshow_container .columns_3 .slide_item
			{
				-webkit-box-flex: 0 1 32.85%;
				-webkit-flex: 0 1 32.85%;
				-ms-flex: 0 1 32.85%;
				flex: 0 1 32.85%;
				width: 32.85%;
			}
		/* ############################## */

		/* Content */
		/* ############################## */
		.slideshow.original .content
		{
			display: none;
			position: absolute;
			top: 50%;
			z-index: 1;
		}

			.slideshow.original .slideshow_container .slide_item.active_init .content
			{
				display: block;
			}

			.slideshow.original .content.left
			{
				left: 1em;
				right: 40%;
			}

			.slideshow.original .content.center
			{
				left: 20%;
				right: 20%;
			}

			.slideshow.original .content.bottom
			{
				bottom: 1em;
				left: 1em;
				right: 1em;
				top: auto;
			}

			.slideshow.original .content.right
			{
				left: 40%;
				right: 1em;
			}

			.slideshow.original .content > div
			{
				color: #fff;
				padding: 1em;
			}

				.slideshow.original.display_text_background .content > div
				{
					background: rgba(0, 0, 0, .4);
				}

				.slideshow.original .content:not(.bottom) > div
				{
					-webkit-transform: translateY(-50%);
					transform: translateY(-50%);
				}

				.slideshow.original .content > div h4
				{
					text-shadow: 0 0 1em rgba(0, 0, 0, .5);
				}

					.slideshow.original.display_text_background .content > div h4
					{
						text-shadow: none;
					}

				.slideshow.original .content > div > a
				{
					display: block;
					margin-top: 1em;
					text-align: right;
				}
		/* ############################## */

		/* Controls */
		/* ############################## */
		.slideshow.original .controls_arrows:not(.hide)
		{
			display: block;
			height: 85%;
			left: 0;
			position: absolute;
			right: 0;
			top: 0;
		}

			.slideshow.original .controls_arrows .panel_arrow_left
			{
				cursor: url(https://ljudmagi.se/wp-content/plugins/mf_slideshow/images/arrow_left.png), e-resize;
				float: left;
				height: 100%;
				width: 50%;
			}

				.slideshow.original .controls_arrows .panel_arrow_left:hover .arrow_left
				{
					opacity: .1;
				}

			.slideshow.original .controls_arrows .panel_arrow_right
			{
				cursor: url(https://ljudmagi.se/wp-content/plugins/mf_slideshow/images/arrow_right.png), e-resize;
				float: right;
				height: 100%;
				width: 50%;
			}

				.slideshow.original .controls_arrows .panel_arrow_right:hover .arrow_right
				{
					opacity: .1;
				}

			.slideshow.original .controls_arrows .fa
			{
				background: #000;
				border-radius: 50%;
				color: #fff;
				font-size: 2em;
				opacity: .2;
				position: absolute;
				top: 50%;
				-webkit-transform: translateY(-50%);
				transform: translateY(-50%);
				transition: all 2s ease;
			}

				.slideshow.original:hover .controls_arrows .fa
				{
					opacity: .5;
					font-size: 3em;
				}

				.slideshow.original .controls_arrows .fa:hover
				{
					opacity: 1;
					font-size: 3.5em;
				}

				.slideshow.original .controls_arrows .arrow_left
				{
					left: 2%;
					padding: .35em .6em .35em .45em;
				}

				.slideshow.original .controls_arrows .arrow_right
				{
					padding: .35em .45em .35em .6em;
					right: 2%;
				}

		.slideshow.original .slideshow_container .controls_magnifying_glass
		{
			color: #fff;
			font-size: 10em;
			left: 50%;
			opacity: 0;
			position: absolute;
			top: 50%;
			transform: translate(-50%, -50%);
			transition: all 2s ease;
		}

			.slideshow.original .slideshow_container:hover .controls_magnifying_glass
			{
				opacity: .4;
			}

		.slideshow.original .controls_dots
		{
			bottom: 1em;
			left: 10%;
			opacity: .2;
			padding: 0;
			position: absolute;
			right: 10%;
			text-align: center;
			transition: all 2s ease;
			max-width: 80%;
		}

			.slideshow.original:hover .controls_dots
			{
				opacity: .8;
				-webkit-transform: scale(1.2);
				transform: scale(1.2);
			}

			.slideshow.original .controls_dots li
			{
				background: #fff;
				border: .2em solid #fff !important;
				border-radius: 50%;
				cursor: pointer;
				display: inline-block;
				height: 1.2em;
				margin: 0 .5em;
				outline: none;
				width: 1.2em;
			}

				.slideshow.original .controls_dots li:hover
				{
					background: #bbb;
				}

				.slideshow.original .controls_dots li.active
				{
					background: #666;
				}
		/* ############################## */

		/* Thumbnails */
		/* ############################## */
		.slideshow .slideshow_thumbnails
		{
			display: -webkit-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			flex-wrap: wrap;
			list-style: none;
			margin-top: 0.3%;
			overflow: hidden;
		}

			.slideshow .slideshow_thumbnails li
			{
				cursor: pointer;
				margin: 0;
				opacity: .3;
			}.slideshow .slideshow_thumbnails.thumbnail_columns_2 li
					{
						-webkit-box-flex: 0 0 50%;
						-webkit-flex: 0 0 50%;
						-ms-flex: 0 0 50%;
						flex: 0 0 50%;
					}.slideshow .slideshow_thumbnails.thumbnail_columns_3 li
					{
						-webkit-box-flex: 0 0 33.333333333333%;
						-webkit-flex: 0 0 33.333333333333%;
						-ms-flex: 0 0 33.333333333333%;
						flex: 0 0 33.333333333333%;
					}.slideshow .slideshow_thumbnails.thumbnail_columns_4 li
					{
						-webkit-box-flex: 0 0 25%;
						-webkit-flex: 0 0 25%;
						-ms-flex: 0 0 25%;
						flex: 0 0 25%;
					}.slideshow .slideshow_thumbnails.thumbnail_columns_5 li
					{
						-webkit-box-flex: 0 0 20%;
						-webkit-flex: 0 0 20%;
						-ms-flex: 0 0 20%;
						flex: 0 0 20%;
					}.slideshow .slideshow_thumbnails.thumbnail_columns_6 li
					{
						-webkit-box-flex: 0 0 16.666666666667%;
						-webkit-flex: 0 0 16.666666666667%;
						-ms-flex: 0 0 16.666666666667%;
						flex: 0 0 16.666666666667%;
					}.slideshow .slideshow_thumbnails.thumbnail_columns_7 li
					{
						-webkit-box-flex: 0 0 14.285714285714%;
						-webkit-flex: 0 0 14.285714285714%;
						-ms-flex: 0 0 14.285714285714%;
						flex: 0 0 14.285714285714%;
					}.slideshow .slideshow_thumbnails.thumbnail_columns_8 li
					{
						-webkit-box-flex: 0 0 12.5%;
						-webkit-flex: 0 0 12.5%;
						-ms-flex: 0 0 12.5%;
						flex: 0 0 12.5%;
					}.slideshow .slideshow_thumbnails.thumbnail_columns_9 li
					{
						-webkit-box-flex: 0 0 11.111111111111%;
						-webkit-flex: 0 0 11.111111111111%;
						-ms-flex: 0 0 11.111111111111%;
						flex: 0 0 11.111111111111%;
					}.slideshow .slideshow_thumbnails.thumbnail_columns_10 li
					{
						-webkit-box-flex: 0 0 10%;
						-webkit-flex: 0 0 10%;
						-ms-flex: 0 0 10%;
						flex: 0 0 10%;
					}.slideshow .slideshow_thumbnails.thumbnail_rows_one
				{
					flex-wrap: unset;
					overflow: auto;
				}

				.slideshow .slideshow_thumbnails li.active, .slideshow .slideshow_thumbnails li:hover
				{
					opacity: 1;
				}

				.slideshow .slideshow_thumbnails li img
				{
					display: block;
				}
		/* ############################## */}