/**
* 2007-2025 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author    PrestaShop SA <contact@prestashop.com>
*  @copyright 2007-2025 PrestaShop SA
*  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*
* Don't forget to prefix your containers with your own identifier
* to avoid any conflicts with others containers.
*/
.header-banner{
	width: 100%;
	text-align: center;
	display: flex;
	justify-content: center;
	flex-direction: row;
}
	.header-banner .other-mag{
		display: flex;
		flex-direction: column;
		align-items: center;
		border-bottom: 1px solid #fff;
		background-color: #29292a;
		width: 100%;
		padding: 10px 0;
	}
		.header-banner .other-mag:first-of-type {border-right: 1px solid #fff;}
		.header-banner .other-mag .other-mag-logo{
			display: flex;
			margin-bottom: 5px;
			flex-direction: row;
			align-items: baseline;
		}
		.header-banner .other-mag img{
			max-height: 25px;
			max-width: 120px;
		}
		.header-banner .other-mag a{
			border-radius: 5px;
			border: 2px solid rgba(255, 255, 255, 0.90);
			background-color: rgba(0, 0, 0, 0.90);
			color: rgba(255, 255, 255, 0.90);
			line-height: 1.5em;
			padding: 0 5px;
			font-size: 0.8rem;
			margin: auto 0;
		}
			.header-banner .other-mag a:hover{
				border: 2px solid rgba(255, 255, 255, 1);
				background-color: rgba(0, 0, 0, 1);
				color: rgba(255, 255, 255, 1);
			}
		.header-banner .other-mag span{
			color: #fff;
			font-family: 'Roboto Condensed', Sans-serif;
			font-weight: 600;
			text-transform: uppercase;
			font-style: italic;
			font-size: 0.9rem;
			line-height: 0.7em;
		}
.header-banner.giant {
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
	.header-banner.giant > a {
		font-size: 16px;
		line-height: 30px;
		padding: 0;
		background-color: #333;
		color: #fff;
		width: 100%;
	}
	.header-banner.giant > a:hover{ background-color: #888;}
	.header-banner.giant span {
		line-height: 1.5em;
		font-size: 1.2em;		
		width: 100%;
		background-color: #fff;
	}
@media screen and (min-width: 576px){
	.header-banner .other-mag{	
		flex-direction: row;
		justify-content: center;
		align-items: flex-end;
	}
	.header-banner .other-mag a{
		margin-left: 10px;
		font-size: 0.6rem;
	}
	.header-banner .other-mag span{line-height: 1em;}
	.header-banner .other-mag img{max-width: 100px;}
}
@media screen and (min-width: 768px){
	.header-banner .other-mag img{max-width: 130px;}
	.header-banner .other-mag a{
		margin-left: 10px;
		font-size: 0.9rem;
	}
}
@media screen and (min-width: 992px){
	.header-banner .other-mag img {
		max-height: 30px;
		max-width: 100%;
	}
	.header-banner .other-mag span {font-size: 1.3rem;}
	.header-banner .other-mag a {
		font-size: 0.9rem;
		line-height: 1.8em;
		margin-left: 20px;
		padding: 0 15px;
	}
}
@media screen and (min-width: 1200px){
	.header-banner .other-mag img {max-height: 40px;}
	.header-banner .other-mag span {font-size: 1.8rem;}
	.header-banner .other-mag a {font-size: 1rem;}
}
@media screen and (min-width: 1400px){
	.header-banner .other-mag span {font-size: 2rem;}
	.header-banner .other-mag a {font-size: 1.4em;}
}