/*
Theme Name: MAM News
Theme URI: 
Author: MAM
Author URI: 
Description: News for mam.md
Requires at least: 7.0
Tested up to: 7.0
Requires PHP: 7.0
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mam-news
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/
/* ==================================================
   MAM News — адаптивная горизонтальная рекламная зона
   ================================================== */

.mam-ad-banner-horizontal {
	width: 100%;
	margin-top: 40px;
	margin-bottom: 40px;
}

.mam-ad-slot {
	box-sizing: border-box;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 24px;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	text-align: center;
	background-color: #ffffff;
	border: 1px dashed #d7d7d7;
	border-radius: 12px;
}

.mam-ad-slot--horizontal {
	max-width: 970px;
	min-height: 250px;
}

.mam-ad-slot__label {
	display: block;
	margin-bottom: 14px;

	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.04em;
}

.mam-ad-slot__title {
	display: block;
	margin-bottom: 10px;

	font-size: 26px;
	line-height: 1.2;
}

.mam-ad-slot__description {
	display: block;
	margin-bottom: 12px;

	font-size: 15px;
	line-height: 1.4;
}

.mam-ad-slot__size {
	font-size: 12px;
	line-height: 1.3;
	color: #666666;
}

.mam-ad-slot__size--desktop {
	display: block;
}

.mam-ad-slot__size--mobile {
	display: none;
}

/* Мобильная версия */

@media (max-width: 600px) {

	.mam-ad-banner-horizontal {
		box-sizing: border-box;
		padding-left: 16px;
		padding-right: 16px;
		margin-top: 24px;
		margin-bottom: 24px;
	}

	.mam-ad-slot--horizontal {
		max-width: 320px;
		min-height: 100px;
		padding: 10px 12px;
	}

	.mam-ad-slot__label {
		margin-bottom: 5px;
		font-size: 9px;
	}

	.mam-ad-slot__title {
		margin-bottom: 5px;
		font-size: 15px;
		line-height: 1.15;
	}

	.mam-ad-slot__description {
		display: none;
	}

	.mam-ad-slot__size--desktop {
		display: none;
	}

	.mam-ad-slot__size--mobile {
		display: block;
		font-size: 10px;
	}
}