/**
 * ochSubscriptions
 *
 * @version     4.4.0
 * @package     Joomla
 * @subpackage  com_ochsubscriptions
 *
 * @author      Ruud van Lent
 * @copyright   Copyright (C) 2020 - 2025 OnlineCommunityHub (J.L.R. van Lent Holding B.V.). All rights reserved.
 * @license     GNU/GPL version 3 or later
 * @link        https://onlinecommunityhub.nl
 */
.ochsubscriptions .ochsubscriptions-accesstools-container, .ochsubscriptions .ochsubscriptions-invoices-container, .ochsubscriptions .ochsubscriptions-subscriptions-container, .ochsubscriptions .ochsubscriptions-category-container, .ochsubscriptions .ochsubscriptions-product-crosssel-container {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	clear: both;
}

.ochsubscriptions .invoices-list, .ochsubscriptions .subscriptions-list, .ochsubscriptions .file-list, .ochsubscriptions .product-list {
	-ms-flex: 0 0 30%;
	flex: 0 0 30%;
	margin-right: 1rem;
	margin-bottom: 1rem;
	width: 30%;
}

@media screen and (max-width: 768px) {
	.ochsubscriptions .invoices-list, .ochsubscriptions .subscriptions-list, .ochsubscriptions .file-list, .ochsubscriptions .product-list {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 45%;
	}
}

@media screen and (max-width: 480px) {
	.ochsubscriptions .ochsubscriptions-accesstools-container, .ochsubscriptions .ochsubscriptions-invoices-container, .ochsubscriptions .ochsubscriptions-subscriptions-container, .ochsubscriptions .ochsubscriptions-category-container, .ochsubscriptions .ochsubscriptions-product-crosssel-container {
		-ms-flex-direction: column;
		flex-direction: column;
	}
	
	.ochsubscriptions .invoices-list, .ochsubscriptions .subscriptions-list, .ochsubscriptions .file-list, .ochsubscriptions .product-list {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 100%;
	}
}

.ochsubscriptions .file_image, .ochsubscriptions .product_image {
	position: relative;
	text-align: center;
	overflow: hidden;
}

.ochsubscriptions .file_image img, .ochsubscriptions .product_image img {
	max-width: 100%;
}

.ochsubscriptions .file_image a, .ochsubscriptions .product_image a {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	z-index: 1;
}

.ochsubscriptions .file_image a:hover, .ochsubscriptions .product_image a:hover {
	text-decoration: none;
	background: none;
	color: none;
}

.ochsubscriptions .file_caption, .ochsubscriptions .product_caption {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
}

.ochsubscriptions .file_caption .btn, .ochsubscriptions .product_caption .btn {
	-ms-flex-item-align: stretch;
	align-self: stretch;
	margin: 0 1rem 1rem 1rem;
}

.ochsubscriptions .accesstools_caption .status, .ochsubscriptions .file_caption .status, .ochsubscriptions .invoice_caption .status, .ochsubscriptions .subscription_caption .status, .ochsubscriptions .product_caption .status {
	margin-bottom: 1rem;
}

.ochsubscriptions .accesstools_caption .header, .ochsubscriptions .file_caption .header, .ochsubscriptions .invoice_caption .header, .ochsubscriptions .subscription_caption .header, .ochsubscriptions .product_caption .header {
	text-align: center;
	padding: 1rem;
	font-size: 1.2rem;
	line-height: 1.2rem;
	background-color: #6c757d;
	color: #fff;
}

.ochsubscriptions .accesstools_caption .body, .ochsubscriptions .file_caption .body, .ochsubscriptions .invoice_caption .body, .ochsubscriptions .subscription_caption .body, .ochsubscriptions .product_caption .body {
	padding: 1rem;
}

.ochsubscriptions .accesstools_caption .teaser, .ochsubscriptions .file_caption .teaser, .ochsubscriptions .invoice_caption .teaser, .ochsubscriptions .subscription_caption .teaser, .ochsubscriptions .product_caption .teaser {
	padding: 1rem;
	line-height: 1.2rem;
	margin-bottom: 1rem;
}