/*
Theme Name: Ремонт телевизоров Москва
Theme URI: https://creonano.ru/
Author: REM&TV
Description: Макет сайта ремонта телевизоров по шаблону Joomla. Разработано в CreoNano.
Version: 1.1.5
Text Domain: remont-tv-moskva
*/

@font-face {
	font-family: OpenSansLight;
	src: url("images/opensans.woff") format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: ColaborateThinRegular;
	src: url("images/colaborate.woff") format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

* { box-sizing: border-box; }

body {
	margin: 0;
	color: #000;
	background: #f2f2f2 url("images/texture.jpg");
	font: 15px/1.55 OpenSansLight, "Segoe UI", Arial, sans-serif;
}

a { color: #f56c13; text-decoration: none; }
a:hover { color: #ff8e1c; }
img { max-width: 100%; height: auto; }

#toolbar {
	width: min(1287px, calc(100% - 24px));
	margin: 6px auto 0;
	min-height: 34px;
	background: transparent;
}

.sheet {
	width: min(1287px, calc(100% - 24px));
	margin: 0 auto 20px;
	background: #fcfcfc;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

.top-bar,
.bottom-bar {
	height: 2px;
	background: #f56c13;
}

#header-top {
	height: 160px;
	margin: 0 10px;
}

#header-top::after {
	content: "";
	display: block;
	clear: both;
}

.top-links {
	display: flex;
	justify-content: flex-end;
	gap: 2px;
	padding-right: 12px;
}

.soc {
	display: inline-block;
	width: 32px;
	height: 32px;
	background: url("images/social-icons-dark.png") no-repeat;
	text-indent: -999px;
	overflow: hidden;
}

.soc.facebook { background-position: -11px -77px; }
.soc.google { background-position: -52px -77px; }
.soc.twitter { background-position: -52px -4px; }

#logo {
	display: block;
	float: left;
	width: 1024px;
	max-width: calc(100% - 200px);
	height: 148px;
	margin-top: 2px;
	line-height: 0;
}

#logo img {
	display: block;
	width: 1024px;
	max-width: 100%;
	height: 148px;
	object-fit: contain;
	object-position: left center;
}

.searchbox {
	float: right;
	margin: 30px 4px 0 0;
}

.searchbox input[type="search"] {
	width: 168px;
	height: 28px;
	padding: 0 8px 0 28px;
	border: 1px solid #e0e0e0;
	border-radius: 2px;
	color: #808080;
	background: #fff url("images/searchbox_magnifier.png") 8px 50% no-repeat;
	box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 0 2px rgba(0, 0, 0, 0.05);
	font: 13px OpenSansLight, Arial, sans-serif;
}

#menubar {

	background: #fafafa url("images/header-bottom.png") 0 0 repeat-x;
	border-top: 1px solid #efefef;
	box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
}

.menu {
	display: flex;
	align-items: stretch;
	height: 48px;
	margin: 0;
	padding: 0;
	list-style: none;
}


@media (max-width: 980px) {
    .menu {
display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
    margin: 0;
    padding: 5px 8px;
    gap: 0;
    list-style: none;
    background: #ffe5d5;
    border: 0;
    border-radius: 7px;
    } 
    #logo {
    display: block;
    float: left;
    height: 76px!important;
    margin-top: 25px!important;
    line-height: 0;
}
}
    

.menu > li > a {
	display: block;
	height: 48px;
	padding: 0 16px 0 12px;
	color: #000;
	font-family: ColaborateThinRegular, "Trebuchet MS", sans-serif;
	font-size: 16px;
	line-height: 48px;
	text-decoration: none;
}

.menu > li.current-menu-item > a,
.menu > li.current_page_item > a,
.menu > li > a:hover {
	color: #fff;
	background: #f56c13 url("images/menu-li-active.png") 0 0 no-repeat;
}

.columns {
	display: grid;
	grid-template-columns: 257px minmax(0, 1fr) 307px;
	align-items: start;
	padding-bottom: 20px;
}

#sidebar-a { grid-column: 1; grid-row: 1; }
#content { grid-column: 2; grid-row: 1; margin: 10px 20px; }
#sidebar-b { grid-column: 3; grid-row: 1; }

.mod-box { margin: 10px; padding: 10px 10px 15px; }

.mod-box h3 {
	margin: 0 0 12px;
	padding: 0 0 5px;
	color: #f56c13;
	font-family: ColaborateThinRegular, "Trebuchet MS", sans-serif;
	font-size: 24px;
	font-weight: 400;
	line-height: 38px;
	background: url("images/mod-dot.png") repeat-x left bottom;
}

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

.side-menu a {
	display: block;
	min-height: 35px;
	padding: 7px 22px 7px 0;
	color: #606060;
	font-size: 15px;
	line-height: 20px;
	text-decoration: none;
	background: url("images/menu-sidebar.png") no-repeat right 8px;
	border-bottom: 1px dotted #e0e0e0;
}

.side-menu a:hover,
.side-menu .current-menu-item > a {
	color: #f56c13;
}

.crumbs {
	margin: 0 0 8px;
	color: #888;
	font-size: 13px;
}

.crumbs a { color: #888; text-decoration: none; }

#content h1,
.entry-content h2,
.entry-content h3 {
	color: #f56c13;
	font-family: ColaborateThinRegular, "Trebuchet MS", sans-serif;
	font-weight: 400;
}

#content h1 {
	margin: 0 0 12px;
	padding: 0 0 13px;
	font-size: 36px;
	line-height: 1.15;
}

.entry-content { font-size: 15px; }
.entry-content p { margin: 0 0 12px; }

#footer-block {
	padding: 0;
	background: #f7f7f7 url("images/mod-dot.png") repeat-x left top;
	box-shadow: 0 -3px 8px rgba(0, 0, 0, 0.05);
	text-align: left;
}

.footer-menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 8px 18px;
	margin: 15px 20px 8px;
	padding: 0;
	list-style: none;
}

.footer-menu a { color: #f56c13; font-size: 12px; line-height: 21px; }
.footer-menu a:hover { color: #ff8e1c; }

.search-list { padding-left: 18px; }
.search-list a { color: #333; }

@media (max-width: 980px) {
	.columns { grid-template-columns: 1fr; }
	#sidebar-a, #content, #sidebar-b { grid-column: auto; grid-row: auto; }
	#content { margin: 10px 16px 20px; }
	#header-top { height: auto; }
	#logo, .searchbox { float: none; width: auto; max-width: 100%; }
	#logo img { height: auto; }
	#content h1 { font-size: 28px; }
}