/*
Theme Name: LED-TVREM
Theme URI: https://creonano.ru/
Author: LED-TVREM
Description: Макет сайта led-tvrem.ru по шаблону Joomla, разработано в CreoNano .
Version: 1.0.5
Text Domain: led-tvrem
*/

* { box-sizing: border-box; }

body {
	margin: 0;
	color: #52594f;
	background: #fffafa;
	font: 14px/18px Arial, "Helvetica Neue", Helvetica, sans-serif;
}

a { color: #65909a; text-decoration: none; }
a:hover { color: #4e7a84; text-decoration: underline; }
img { max-width: 100%; height: auto; vertical-align: middle; }

.container {
	width: min(1066px, calc(100% - 16px));
	margin: 0 auto;
	padding: 20px;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

.site-header { background: #fff; }

.site-header .brand {
	display: block;
	line-height: 0;
}

.site-header img {
	display: block;
	width: 100%;
	height: auto;
}

.navigation { margin: 0; }

.nav-pills {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	height: 50px;
	margin: 0;
	padding: 0 6px;
	list-style: none;
	background: #7da5ba;
	border-radius: 8px;
	overflow: hidden;
}

.nav-pills a {
	display: block;
	margin: 0 2px;
	padding: 10px 12px 8px;
	color: #fff;
	font: 15px/14px Arial, "Helvetica Neue", Helvetica, sans-serif;
	text-decoration: none;
	border-radius: 5px;
}

.nav-pills .current-menu-item > a,
.nav-pills .current_page_item > a,
.nav-pills a:hover {
	background: #65909a;
	text-decoration: none;
}

.columns {
	display: grid;
	grid-template-columns: 240px minmax(0, 1fr) 240px;
	column-gap: 20px;
	align-items: start;
	margin-top: 12px;
}

#sidebar { grid-column: 1; grid-row: 1; min-width: 0; }
#content { grid-column: 2; grid-row: 1; min-width: 0; }
#aside { grid-column: 3; grid-row: 1; min-width: 0; }

.mod { margin: 0 0 16px; }

.well {
	margin: 0 0 20px;
	padding: 19px;
	background: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.mod h3,
.well h3 {
	margin: 0 0 8px;
	padding: 0 8px 0 30px;
	height: 30px;
	overflow: hidden;
	color: #fff;
	font: 700 12px/30px Arial, sans-serif;
	background: #6f9aab url("images/BlockHeader.png") left center no-repeat;
}

.side-menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

.side-menu a {
	display: block;
	padding: 3px 0;
	color: #52594f;
	font-size: 12px;
	line-height: 16px;
	text-decoration: none;
	overflow-wrap: anywhere;
}

.side-menu a:hover { color: #08c; }

.side-html img { display: block; max-width: 100%; width: auto; height: auto; margin: 0 auto 8px; }

.entry { overflow-wrap: break-word; }
.entry iframe, .entry video, .entry table { max-width: 100%; }

#content h1,
#content h2,
.page-header {
	color: #333;
	font-weight: 700;
}

#content h1 { margin: 8px 0 12px; font-size: 24px; text-align: center; }
.page-header { margin: 10px 0; font-size: 20px; text-align: center; }

.search-mod input[type="search"] {
	display: block;
	width: 100%;
	margin: 0 0 8px;
	padding: 4px 14px;
	border: 1px solid #ccc;
	border-radius: 15px;
	color: #555;
	background: #fff;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	font: 13px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.search-mod button {
	padding: 4px 12px;
	height: 28px;
	border: 1px solid #547c86;
	border-radius: 4px;
	background: #65909a;
	color: #fff;
	font: 13px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	cursor: pointer;
}

.search-mod button:hover { background: #547c86; }

.side-html a {
	color: #65909a;
	font-size: 24px;
	line-height: 18px;
	text-decoration: none;
}

.site-footer {
	margin: 12px 0 0;
	padding: 0;
	background: transparent;
	text-align: right;
}

.site-footer hr {
	border: 0;
	border-top: 1px solid #ddd;
}

@media (max-width: 900px) {
	.container {
		width: auto;
		margin: 0 8px;
		padding: 12px;
	}

	.nav-pills {
		height: auto;
		overflow: visible;
	}

	.columns { grid-template-columns: minmax(0, 1fr); }

	#sidebar,
	#content,
	#aside {
		grid-column: auto;
		grid-row: auto;
		max-width: 100%;
	}

	.well, .mod { max-width: 100%; }
}