
/**
 * 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-product-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;
}

@media screen and (max-width: 480px) {
	.ochsubscriptions-product-container {
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

.ochsubscriptions-product-container .product_image {
	-ms-flex: 1 1 45%;
	flex: 1 1 45%;
	text-align: center;
	margin-right: 1rem;
}

.ochsubscriptions-product-container .product_info {
	-ms-flex: 2 0 50%;
	flex: 2 0 50%;
	margin-right: 1rem;
}

.ochsubscriptions-product-buttons-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;
}

@media screen and (max-width: 480px) {
	.ochsubscriptions-product-buttons-container {
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

.ochsubscriptions-product-buttons-container .buttons_main {
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	padding: 1rem;
	margin-right: 1rem;
}

.ochsubscriptions-product-buttons-container .buttons_info {
	-ms-flex: 3 0 auto;
	flex: 3 0 auto;
	text-align: right;
	padding: 1rem;
	margin-right: 1rem;
}

.ochsubscriptions-product-buttons-container .buttons_info .btn {
	margin-right: .5rem;
	margin-bottom: .5rem;
}

@media screen and (max-width: 480px) {
	.ochsubscriptions-product-buttons-container .buttons_info {
		margin-top: 1rem;
		text-align: left;
	}
}

.ochsubscriptions-product-buttons-container .buttons_extra {
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	margin-right: 1rem;
	margin-top: 1rem;
}

.ochsubscriptions-product-buttons-container .buttons_extra .btn {
	margin-right: .5rem;
}
