/**
 * Joomla!LABS Swiper Slider Module
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://joomlalabs.com
 *
 * Copyright (C) 2015 - 2020 Joomla!LABS. All rights reserved.
 *
 * Released under GNU General Public License version 2 or later; see LICENSE.txt
 *
 * Released on: August 22, 2020
 */

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    margin: auto;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide img {
    max-width: 100%;
    height: auto;
}

.swiper-slide-text {
	position: absolute;
	left: 0;
	top: 0;
	padding: 15px;
	width: 100%;
	text-align: left;
	background: rgba(0,0,0,0.4);
}

.swiper-slide-caption {
	margin: 0 0 5px;
	color: #eee;
	font-size: 24px;
	font-weight: 600;
}

.swiper-slide-description {
	margin: 0;
	color: #eee;
	font-size: 15px;
	text-shadow: black 0 0 2px;
}

a.swiper-slide-text:hover {
	text-decoration: none;
}

@media (max-width: 650px) {
	.swiper-slide-text {
		padding: 12px;
		line-height: 1.4;
	}

	.swiper-slide-caption {
		margin-bottom: 2px;
		font-size: 15px;
	}

	.swiper-slide-description {
		font-size: 13px;
	}
}

@media (max-width: 550px) {
	.swiper-slide-text {
		padding: 10px;
		line-height: 1.2;
	}

	.swiper-slide-caption {
		font-size: 14px;
	}

	.swiper-slide-description {
		font-size: 12px;
	}
}

@media (max-width: 470px) {
	.swiper-slide-description {
		display: none;
	}
}