/* buildplastic.srv.if.ua - Joomla 6 port (2026) of the 2010 Joomla 1.5 template JAW059 (www.JoomlArtWork.com, Artisteer).
   Same colours, fonts, header picture, block title bars and bullets. The nine absolutely positioned corner/edge
   <div>s of every Artisteer box (art-Block-tl ... art-Post-cc, clipped sprites) are replaced by borders with rounded
   corners; the fixed 1000px table/float layout by a grid that also works on phones. */

/* ---- page */
html { -webkit-text-size-adjust: 100%; }
body {
	margin: 0;
	padding: 0;
	background: #fff;
	font-family: tahoma, arial, sans-serif;
	font-size: 13px;
	line-height: 1.25;
	color: #051D42;
}
*, *::before, *::after { box-sizing: border-box; }
img { max-width: 100%; height: auto; border: 0; }
.visually-hidden {
	position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden;
	clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}

a, a:link, a:visited { color: #0C4197; text-decoration: underline; }
a:hover, a:focus { color: #455F55; text-decoration: none; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; font-style: normal; margin: .5em 0; }
h1 { font-family: "Times New Roman", Georgia, Times, serif; font-size: 32px; color: #0C4197; }
h2 { font-family: "Times New Roman", Georgia, Times, serif; font-size: 24px; color: #0C4197; }
h3 { font-family: "Times New Roman", Georgia, Times, serif; font-size: 19px; color: #455F55; }
h4 { font-family: "Times New Roman", Georgia, Times, serif; font-size: 16px; color: #051D42; }
h5, h6 { font-family: "Times New Roman", Georgia, Times, serif; font-size: 13px; color: #051D42; }
p { margin: 0 0 .8em; }

/* ---- sheet, header (art-Sheet, art-Header with Header.png 984x250) */
.art-Sheet { max-width: 1000px; margin: 10px auto 0; }
.art-Header {
	position: relative;
	max-width: 984px;
	margin: 0 auto;
	aspect-ratio: 984 / 250;
	background: url("../images/Header.png") center top / 100% auto no-repeat;
}
.art-Logo { position: absolute; inset: 0; display: block; }
.menu-link { display: none; }

/* ---- layout: left column 209px (art-sidebar1), content 788px (art-content-sidebar2) */
.art-contentLayout { display: grid; grid-template-columns: minmax(0, 1fr); }
.art-contentLayout.has-sidebar { grid-template-columns: 209px minmax(0, 1fr); }
.art-contentLayout.has-sidebar .art-sidebar1 { grid-column: 1; grid-row: 1; }
.art-contentLayout.has-sidebar .art-content { grid-column: 2; grid-row: 1; }
.art-content { min-width: 0; }

/* ---- block (sidebar modules, home page boxes): art-Block, art-BlockHeader, art-BlockContent */
.art-Block {
	margin: 7px;
	padding: 3px;
	border: 1px solid #c9d6d1;
	border-radius: 6px;
	background: linear-gradient(to bottom, #f1f5f3 0, #e6ecea 60%, #dce5e1 100%);
}
.art-BlockHeader {
	position: relative;
	height: 30px;
	margin: 0;
	padding: 0 6px;
	border-style: solid;
	border-width: 0 7px;
	border-image: url("../images/BlockHeader.png") 0 7 fill / 0 7px stretch;
	font-family: tahoma, arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.art-BlockHeader .t {
	display: inline-block;
	padding-left: 20px;
	margin-left: -2px;
	background: url("../images/BlockHeaderIcon.png") left center no-repeat;
}
.art-BlockContent { padding: 7px; font-size: 13px; color: #29251F; overflow-wrap: anywhere; }
.art-BlockContent a:link, .art-BlockContent a:visited { color: #0C3F92; text-decoration: underline; }
.art-BlockContent a:hover, .art-BlockContent a:focus { color: #1054C1; text-decoration: none; }
.art-BlockContent ul { list-style: none; margin: 0; padding: 0; color: #3D372E; }
.art-BlockContent ul li {
	margin: .5em 0;
	padding: 0 0 0 16px;
	line-height: 1.2em;
	background: url("../images/BlockContentBullets.png") 0 1px no-repeat;
}
.art-BlockContent li.active.current > a { font-weight: bold; text-decoration: none; }

/* ---- post (breadcrumb, content): art-Post */
.art-Post {
	margin: 7px;
	padding: 13px;
	border: 1px solid #b4c7c0;
	border-radius: 7px;
	background: #EAF0EE;
	color: #051D42;
	overflow-wrap: break-word;
}
.art-component::after { content: ""; display: block; clear: both; }

/* home page boxes user1 | user2 side by side (were a table.position) */
.art-positions { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); align-items: start; }
.art-positions .art-BlockContent::after { content: ""; display: block; clear: both; }

/* breadcrumb (mod_breadcrumbs) */
.art-breadcrumb { padding: 10px 13px; }
.art-breadcrumb ol, .art-breadcrumb ul { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; }
.art-breadcrumb li { margin: 0; padding: 0; background: none; }
.art-breadcrumb li.mod-breadcrumbs__divider, .art-breadcrumb .mod-breadcrumbs__here { display: none; }
.art-breadcrumb li.mod-breadcrumbs__item + li.mod-breadcrumbs__item::before { content: "\203A"; padding: 0 .5em; color: #455F55; }
.art-breadcrumb li.active > span { color: #051D42; }

/* ---- content */
.justify { text-align: justify; }
.art-component h1,
.art-component .page-header h1,
.art-component > .com-content-category-blog > h1,
.art-component .com-content-featured > h1 {
	margin: .2em 0 .6em;
	font-family: tahoma, arial, sans-serif;
	font-size: 20px;
	color: #4F6D62;
}
/* article titles (were td.contentheading 19px) */
.art-component .item-title, .art-component .page-header h2, .art-component .com-content-article .page-header h1 {
	margin: 0 0 .4em;
	font-family: tahoma, arial, sans-serif;
	font-size: 19px;
	color: #455F55;
}
.art-component .page-header h2 a, .art-component .item-title a { color: #0C4197; }
.art-component .page-header h2 a:hover, .art-component .item-title a:hover { color: #455F55; }
/* pictures float left of the text, as td.contentpaneopen img did */
.art-component .com-content-article__body img,
.art-component .item-content img,
.art-positions img { float: left; margin: 0 8px 6px 0; }
.art-component .blog-item, .art-component .com-content-featured__item { margin-bottom: 1.5em; }
.art-component .blog-item::after, .art-component .com-content-featured__item::after,
.art-component .com-content-article__body::after { content: ""; display: block; clear: both; }
.art-component ul li, .art-component ol ul li { padding-left: 16px; background: url("../images/PostBullets.png") 0 1px no-repeat; line-height: 1.2em; }
.art-component ul { list-style: none; margin: 1em 0 1em 2em; padding: 0; color: #403930; }
.art-component ol li { background: none; padding-left: 0; }
blockquote {
	margin: 10px 10px 10px 50px;
	padding: 5px 5px 5px 28px;
	border: 3px solid #A3BDB3;
	background: #D0DDD8 url("../images/PostQuote.png") left top no-repeat;
	color: #0D1210;
}

/* "Подробнее ..." links (Joomla 6 prints them as buttons) */
.readmore { clear: both; margin: .3em 0 0; }
.readmore a, .readmore a.btn { display: inline; padding: 0; border: 0; background: none; color: #0C4197; text-decoration: underline; font-size: 13px; }
.readmore a:hover { color: #455F55; text-decoration: none; }
.readmore [class^="icon-"], .readmore .icon-chevron-right { display: none; }

/* "more articles" links under a blog */
.art-component .com-content-blog__links { margin: 1em 0; }
.art-component .com-content-blog__links ol, .art-component .com-content-blog__links ul { margin: .5em 0 0 1em; }

/* pagination */
.com-content-blog__navigation, .com-content-featured__navigation, .pagination__wrapper, nav.pagination__wrapper { clear: both; margin: 1em 0 0; text-align: center; }
.art-component ul.pagination { display: inline-flex; flex-wrap: wrap; gap: 2px; margin: .5em 0; padding: 0; list-style: none; }
.art-component ul.pagination li { margin: 0; padding: 0; background: none; }
.pagination .page-link { display: inline-block; min-width: 1.8em; padding: 2px 5px; border: 1px solid #b4c7c0; border-radius: 3px; background: #fff; text-decoration: none; }
.pagination .active .page-link { background: #4F6D62; border-color: #4F6D62; color: #fff; }
.pagination .disabled .page-link { color: #8a9a94; }
.pagination [class^="icon-"]::before { content: none; }
.pagination .icon-angle-left::after { content: "\2039"; }
.pagination .icon-angle-right::after { content: "\203A"; }
.pagination .icon-angle-double-left::after { content: "\00AB"; }
.pagination .icon-angle-double-right::after { content: "\00BB"; }
.counter, .com-content-blog__counter { color: #455F55; font-size: 11px; }

/* feed links, icons the template does not load */
.art-component [class^="icon-"]:empty { display: none; }
.art-component .pagination [class^="icon-"]:empty { display: inline; }

/* ---- forms: search box (mod_finder) and Smart Search page */
input, select, textarea, button { font: inherit; color: inherit; }
.art-BlockContent .mod-finder input[type="search"], .art-BlockContent .mod-finder input[type="text"], .art-BlockContent .js-finder-search-query {
	width: 100%; margin: 8px 0 4px; padding: 2px 3px; border: 1px solid #ccc; background: #fff;
}
.art-BlockContent .mod-finder label, .art-BlockContent .mod-finder .awesomplete > ul:empty { display: none; }
.art-BlockContent .awesomplete > ul { background: #fff; border: 1px solid #ccc; padding: 0; z-index: 5; }
.art-BlockContent .awesomplete > ul li { background: none; padding: 2px 4px; margin: 0; }
.com-finder .form-control, .com-finder input[type="text"], .com-finder input[type="search"] { padding: 3px 4px; border: 1px solid #b4c7c0; background: #fff; min-width: 15em; }
.btn, button.btn {
	display: inline-block; padding: 3px 10px; border: 1px solid #3f66b8; border-radius: 4px;
	background: linear-gradient(#7aa5ee, #3f78e0); color: #fff; cursor: pointer; text-decoration: none;
}
.btn:hover { background: linear-gradient(#5f90e6, #2d62c8); color: #fff; }
.com-finder .input-group { display: flex; flex-wrap: wrap; gap: 4px; align-items: center; }
.com-finder__results-list, .art-component .com-finder__results-list { margin: 1em 0; padding: 0; }
.com-finder__results-list li, .art-component .com-finder__results-list li { margin: 0 0 1em; padding: 0; background: none; }
.result__title { margin: 0 0 .2em; font-family: tahoma, arial, sans-serif; font-size: 15px; }
.result__title-url { display: none; }
.com-finder__explained { margin: .5em 0; color: #455F55; }
mark, .highlight { background: #fffebb; color: inherit; }

/* ---- site map (OSMap) */
#osmap h2 { font-family: tahoma, arial, sans-serif; font-size: 16px; color: #455F55; }
#osmap ul.level_0 { margin: .5em 0 1em 1em; }
#osmap ul.level_1 { margin: .3em 0 .6em 1em; }

/* ---- system messages, error page */
joomla-alert, .alert { display: block; margin: 0 0 1em; padding: 8px 12px; border: 1px solid #d5d5d5; border-radius: 4px; background: #f9f9f9; color: #c30; }
joomla-alert .joomla-alert--close, joomla-alert button.joomla-alert--close { float: right; border: 0; background: none; font-size: 18px; cursor: pointer; }
.error-code { font-size: 64px; line-height: 1; color: #b4c7c0; font-family: "Times New Roman", Georgia, Times, serif; }
.error-page .art-component h1 { font-family: tahoma, arial, sans-serif; font-size: 20px; color: #4F6D62; }

/* ---- footer */
.art-Footer { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; margin: 5px auto 0; padding: 15px; }
.art-Footer-text { color: #051D42; }

/* ---- narrow screens: one column, the menus below the content, a "Меню" link at the top jumps to them */
@media (max-width: 760px) {
	.art-Sheet { margin-top: 0; }
	.art-contentLayout.has-sidebar { grid-template-columns: minmax(0, 1fr); }
	.art-contentLayout.has-sidebar .art-sidebar1, .art-contentLayout.has-sidebar .art-content { grid-column: 1; grid-row: auto; }
	.menu-link {
		display: block; position: absolute; right: 8px; bottom: 8px; padding: 4px 10px; border-radius: 4px;
		background: rgba(63, 120, 224, .9); color: #fff !important; text-decoration: none; font-weight: bold;
	}
	.art-Block, .art-Post { margin: 6px 4px; }
	.art-Post { padding: 10px; }
	.art-component .com-content-article__body img, .art-component .item-content img, .art-positions img { max-width: 45%; }
	blockquote { margin: 10px 0; }
}
@media (max-width: 420px) {
	.justify { text-align: left; }
	.art-component .com-content-article__body img, .art-component .item-content img, .art-positions img { float: none; display: block; max-width: 100%; margin: 0 auto 6px; }
}

/* ---- print */
@media print {
	.art-Header, .art-sidebar1, .art-breadcrumb, .art-positions, .art-Footer { display: none; }
	.art-contentLayout.has-sidebar { display: block; }
	.art-Post { border: 0; background: none; padding: 0; margin: 0; }
}