/**
 * ochSubscriptions
 *
 * @version     5.2.2
 * @package     Joomla
 * @subpackage  com_ochsubscriptions
 *
 * @author      Ruud van Lent
 * @copyright   Copyright (C) 2020 - 2026 OnlineCommunityHub (J.L.R. van Lent Holding B.V.). All rights reserved.
 * @license     GNU/GPL version 3 or later
 * @link        https://onlinecommunityhub.nl
 */
.ochsubscriptions-file-container, .ochsubscriptions-file-notes-container {
	display: flex;
	align-items: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
	clear: both;
	margin-left: -.5rem;
	margin-right: -.5rem;
}

@media screen and (max-width: 768px) {
	.ochsubscriptions-file-container, .ochsubscriptions-file-notes-container {
		flex-direction: column;
		align-items: center;
		/* This centers the items horizontally in column mode */
		margin: 0;
	}
}

.ochsubscriptions-file-container .file_image {
	flex: 1 1 45%;
	text-align: center;
	margin-right: 1rem;
}

@media screen and (max-width: 768px) {
	.ochsubscriptions-file-container .file_image {
		flex: 1 1 100%;
		margin: 0 0 1rem 0;
	}
}

.ochsubscriptions-file-container .file_info {
	flex: 2 0 50%;
	margin-right: 1rem;
}

@media screen and (max-width: 768px) {
	.ochsubscriptions-file-container .file_info {
		flex: 1 1 100%;
		margin: 0;
	}
}

.ochsubscriptions-file-notes-container .change_log, .ochsubscriptions-file-notes-container .install_notes {
	flex: 1 1 calc(50% - 1rem);
	margin: .5rem;
}

@media screen and (max-width: 768px) {
	.ochsubscriptions-file-notes-container .change_log, .ochsubscriptions-file-notes-container .install_notes {
		flex-basis: auto;
		width: 100%;
		margin: .5rem 0;
	}
}

.ochsubscriptions-file-notes-container .change_log .header, .ochsubscriptions-file-notes-container .install_notes .header {
	text-align: center;
	padding: 1rem;
	font-size: 1.5rem;
	background-color: #6c757d;
	color: #fff;
}

.ochsubscriptions-file-notes-container .change_log .content, .ochsubscriptions-file-notes-container .install_notes .content {
	height: 50vh;
	overflow-y: auto;
	overflow-x: hidden;
	margin-top: 1rem;
	padding: 1rem;
}