/*
 * ACJC - zakladni styly tematu.
 *
 * Mrizka i nazvy trid odpovidaji puvodnimu builderu, aby platily stavajici
 * upravy webu (/static/smtx.css) a stranky vypadaly stejne jako predtim.
 */

:root {
	--acjc-accent: #fe7912;
	--acjc-dark: #161922;
	--acjc-text: #626262;
	--acjc-muted: #888888;
	--acjc-border: #e2e2e2;
	--acjc-soft: #f8f8f8;
	--acjc-container: 1280px;
	--acjc-gutter: 12px;
	--acjc-font: "Titillium Web", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
}

/* --- Zaklad --------------------------------------------------------- */

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	font-family: var(--acjc-font);
	font-size: 18px;
	line-height: 25px;
	font-weight: 400;
	color: var(--acjc-text);
	background: #fff;
	-webkit-font-smoothing: antialiased;
}

img,
svg,
video {
	max-width: 100%;
	height: auto;
}

img {
	display: block;
}

a {
	color: var(--acjc-accent);
	text-decoration: none;
}

a:hover,
a:focus-visible {
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 15px;
	color: var(--acjc-dark);
	font-weight: 400;
	line-height: 1.15;
}

h1 { font-size: 42px; }
h2 { font-size: 36px; line-height: 40px; }
h3 { font-size: 30px; line-height: 34px; }
h4 { font-size: 16px; line-height: 25px; font-weight: 700; text-transform: uppercase; color: #555; }
h5 { font-size: 20px; }
h6 { font-size: 16px; }

p {
	margin: 0 0 15px;
}

ul, ol {
	margin: 0 0 15px;
	padding-left: 20px;
}

table {
	border-collapse: collapse;
	width: 100%;
}

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
}

.acjc-skip-link:focus {
	position: fixed;
	top: 8px;
	left: 8px;
	z-index: 9999;
	width: auto;
	height: auto;
	clip: auto;
	clip-path: none;
	padding: 10px 16px;
	background: #fff;
	color: var(--acjc-dark);
	box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
}

.clearfix::after {
	content: "";
	display: table;
	clear: both;
}

/* --- Mrizka builderu ------------------------------------------------ */

.section {
	position: relative;
	width: 100%;
}

.section_wrapper {
	width: 100%;
	max-width: var(--acjc-container);
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}

.wrap {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	min-width: 0;
}

.mcb-wrap-inner {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	align-content: flex-start;
}

.column {
	min-width: 0;
	padding: 0;
	margin: 0;
}

/* Mezery mezi sloupci nese az vnitrni obal - stejne jako v puvodni mrizce. */
.mcb-column-inner {
	min-width: 0;
	margin: 0 var(--acjc-gutter) 20px;
}

@media only screen and (max-width: 1360px) {
	.section_wrapper {
		max-width: calc(100% - 2 * var(--acjc-gutter));
	}
}

/* Sirky sloupcu. Radky (.wrap) nesou padding jen zvenci mrizky. */
.wrap.one            { width: 100%; }
.wrap.one-second     { width: 50%; }
.wrap.one-third      { width: 33.3333%; }
.wrap.two-third      { width: 66.6667%; }
.wrap.one-fourth     { width: 25%; }
.wrap.three-fourth   { width: 75%; }
.wrap.one-fifth      { width: 20%; }
.wrap.two-fifth      { width: 40%; }
.wrap.three-fifth    { width: 60%; }
.wrap.four-fifth     { width: 80%; }
.wrap.one-sixth      { width: 16.6667%; }
.wrap.five-sixth     { width: 83.3333%; }

.column.one          { width: 100%; }
.column.one-second   { width: 50%; }
.column.one-third    { width: 33.3333%; }
.column.two-third    { width: 66.6667%; }
.column.one-fourth   { width: 25%; }
.column.three-fourth { width: 75%; }
.column.one-fifth    { width: 20%; }
.column.two-fifth    { width: 40%; }
.column.three-fifth  { width: 60%; }
.column.four-fifth   { width: 80%; }
.column.one-sixth    { width: 16.6667%; }
.column.five-sixth   { width: 83.3333%; }

@media only screen and (max-width: 1239px) {
	.wrap.laptop-one            { width: 100%; }
	.wrap.laptop-one-second     { width: 50%; }
	.wrap.laptop-one-third      { width: 33.3333%; }
	.wrap.laptop-two-third      { width: 66.6667%; }
	.wrap.laptop-one-fourth     { width: 25%; }
	.wrap.laptop-three-fourth   { width: 75%; }
	.column.laptop-one          { width: 100%; }
	.column.laptop-one-second   { width: 50%; }
	.column.laptop-one-third    { width: 33.3333%; }
	.column.laptop-two-third    { width: 66.6667%; }
	.column.laptop-one-fourth   { width: 25%; }
	.column.laptop-three-fourth { width: 75%; }
}

@media only screen and (max-width: 959px) {
	.wrap.tablet-one            { width: 100%; }
	.wrap.tablet-one-second     { width: 50%; }
	.wrap.tablet-one-third      { width: 33.3333%; }
	.wrap.tablet-two-third      { width: 66.6667%; }
	.column.tablet-one          { width: 100%; }
	.column.tablet-one-second   { width: 50%; }
	.column.tablet-one-third    { width: 33.3333%; }
	.column.tablet-two-third    { width: 66.6667%; }
}

@media only screen and (max-width: 767px) {
	.wrap.mobile-one            { width: 100%; }
	.wrap.mobile-one-second     { width: 50%; }
	.column.mobile-one          { width: 100%; }
	.column.mobile-one-second   { width: 50%; }
	.hide-mobile                { display: none !important; }
}

@media only screen and (min-width: 768px) {
	.hide-desktop { display: none !important; }
}

.acjc-spacer {
	height: 40px;
}

/* --- Hlavicka ------------------------------------------------------- */

.acjc-header .section_wrapper {
	align-items: center;
	flex-wrap: nowrap;
}

/*
 * V hlavicce nemaji radky pevnou sirku - rozdeli se podle obsahu a podle
 * flex-grow, ktere si k nim ulozil builder. Diky tomu zabere menu tolik
 * mista, kolik potrebuje, a lupa u nej jen svuj ctverecek.
 */
.acjc-header .wrap {
	width: auto;
	min-width: 0;
}

/*
 * Hlavicka ma tri podoby: bezne radky, radek pro mobil a radek, ktery se
 * pripne k hornimu okraji po odrolovani. Vzdy je videt prave jedna sada.
 */
.acjc-header .mfn-header-mobile-section {
	display: none;
}

.acjc-header .mfn-header-sticky-section {
	display: none;
}

/* V hlavicce si odsazeni ridi ulozene styly jednotlivych prvku. */
.acjc-header .mcb-column-inner {
	margin: 0;
}

@media only screen and (max-width: 767px) {
	.acjc-header .mfn-default-section,
	.acjc-header .mfn-header-sticky-section {
		display: none;
	}

	.acjc-header .mfn-header-mobile-section {
		display: block;
	}
}

/* Po odrolovani se hlavicka zmensi na jediny pripnuty radek. */
@media only screen and (min-width: 768px) {
	body.acjc-scrolled .acjc-header {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 300;
		box-shadow: 0 2px 12px rgba(0, 0, 0, .12);
	}

	body.acjc-scrolled .acjc-header .mfn-default-section {
		display: none;
	}

	body.acjc-scrolled .acjc-header .mfn-header-sticky-section {
		display: block;
	}
}

.acjc-logo img {
	width: auto;
	max-height: 44px;
}

.acjc-nav__list {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 22px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.acjc-nav__list a {
	display: block;
	padding: 10px 0;
	color: var(--acjc-dark);
	font-size: 16px;
}

.acjc-nav__list a:hover {
	color: var(--acjc-accent);
	text-decoration: none;
}

/*
 * Vyhledavani v hlavicce. Vychozi stav je jen oranzove tlacitko s lupou;
 * pole se rozvine po najeti nebo po zamereni z klavesnice. Bez JavaScriptu
 * zustava obycejny formular, ktery jde odeslat.
 */
.acjc-searchbox {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0;
	margin: 0;
}

.acjc-searchbox input {
	width: 0;
	min-width: 0;
	padding: 0;
	border: 1px solid transparent;
	border-right: 0;
	border-radius: 4px 0 0 4px;
	font: inherit;
	font-size: 15px;
	background: #fff;
	opacity: 0;
	transition: width .2s ease, padding .2s ease, opacity .2s ease;
}

.acjc-searchbox:hover input,
.acjc-searchbox:focus-within input {
	width: 220px;
	padding: 9px 12px;
	border-color: #d5d5d5;
	opacity: 1;
}

.acjc-searchbox button {
	flex: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border: 0;
	border-radius: 4px;
	background: var(--acjc-accent);
	color: #fff;
	cursor: pointer;
}

.acjc-searchbox:hover button,
.acjc-searchbox:focus-within button {
	border-radius: 0 4px 4px 0;
}

@media only screen and (max-width: 767px) {
	.acjc-searchbox input {
		width: 100%;
		padding: 9px 12px;
		border-color: #d5d5d5;
		opacity: 1;
	}
}

/* --- Prvky builderu ------------------------------------------------- */

.image_frame {
	position: relative;
	margin: 0;
}

/* Obrazky se nezvetsuji nad svou velikost - logy znacek musi zustat male. */
.image_frame img,
img.scale-with-grid {
	max-width: 100%;
	height: auto;
}

/* Bannery a fotky vozu naopak vyplnuji sirku sloupce. */
.mfn-banner-box img,
.post-item .image_frame img,
.acjc-loop .image_frame img {
	width: 100%;
}

/*
 * Tlacitko je ve vychozim stavu obrysove. Stranky si casto prebarvuji jen
 * pozadi, takze text musi zustat citelny i na pruhledu.
 */
.button {
	display: inline-block;
	padding: 12px 26px;
	border: 2px solid var(--acjc-accent);
	border-radius: 4px;
	background: transparent;
	color: var(--acjc-dark);
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	transition: background .15s ease, color .15s ease;
}

.button:hover,
.button:focus-visible {
	background: var(--acjc-accent);
	color: #fff;
	text-decoration: none;
}

/* Plne tlacitko pro hlavni akce. */
.button_full,
.acjc-home-search__field--submit button {
	background: var(--acjc-accent);
	color: #fff;
}

/* Prvek, ktery si bere jen tolik mista, kolik potrebuje. */
.acjc-item-inline {
	width: auto !important;
	flex: 0 0 auto;
}

.button_full_width {
	display: block;
	width: 100%;
}

/* Banner s obrazkem a popiskem */
.mfn-banner-box {
	position: relative;
	display: block;
	overflow: hidden;
	color: #fff;
}

.mfn-banner-box .banner-image img {
	width: 100%;
	transition: transform .4s ease;
}

.mfn-banner-box:hover .banner-image img {
	transform: scale(1.04);
}

.mfn-banner-box .banner-desc {
	position: absolute;
	inset: auto 0 0 0;
	padding: 20px;
	background: linear-gradient(to top, rgba(0, 0, 0, .72), rgba(0, 0, 0, 0));
}

.mfn-banner-box .banner-desc .title,
.mfn-banner-box .banner-desc .subtitle {
	margin: 0;
	color: #fff;
}

.mfn-banner-box .banner-desc .subtitle {
	margin-top: 6px;
	font-size: 16px;
	line-height: 1.35;
}

/* Vypis clanku z builderu */
.posts_group {
	display: grid;
	gap: 30px;
}

.posts_group.col-2 { grid-template-columns: repeat(2, 1fr); }
.posts_group.col-3 { grid-template-columns: repeat(3, 1fr); }
.posts_group.col-4 { grid-template-columns: repeat(4, 1fr); }

@media only screen and (max-width: 959px) {
	.posts_group.col-3,
	.posts_group.col-4 { grid-template-columns: repeat(2, 1fr); }
}

@media only screen and (max-width: 767px) {
	.posts_group { grid-template-columns: 1fr !important; }
}

.post-item .image_frame {
	margin-bottom: 12px;
}

.post-item .post-meta {
	color: var(--acjc-muted);
	font-size: 14px;
	margin-bottom: 6px;
}

.post-item .entry-title {
	font-size: 24px;
	line-height: 1.2;
	margin-bottom: 10px;
}

.post-item .entry-title a {
	color: var(--acjc-dark);
}

.post-item .entry-title a:hover {
	color: var(--acjc-accent);
	text-decoration: none;
}

.post-item .post-excerpt {
	margin-bottom: 12px;
}

.post-item .post-more {
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: #747474;
}

.post-item .post-more:hover {
	color: var(--acjc-accent);
	text-decoration: none;
}

/* Rozbalovaci sekce */
.acjc-accordion__item {
	border-bottom: 1px solid var(--acjc-border);
}

.acjc-accordion__title {
	padding: 14px 0;
	font-weight: 600;
	color: var(--acjc-dark);
	cursor: pointer;
	list-style: none;
}

.acjc-accordion__title::-webkit-details-marker {
	display: none;
}

.acjc-accordion__title::before {
	content: "+";
	display: inline-block;
	width: 1.2em;
	color: var(--acjc-accent);
	font-weight: 700;
}

.acjc-accordion__item[open] .acjc-accordion__title::before {
	content: "\2013";
}

.acjc-accordion__body {
	padding: 0 0 14px 1.2em;
}

/* --- Sekce se smyckou pres prispevky (reference, doporucene) --------- */

.acjc-loop-section {
	--acjc-loop-cols: 3;
	--acjc-loop-cols-tablet: 2;
	--acjc-loop-cols-mobile: 1;
	padding: 20px 0 40px;
}

/*
 * Vodorovny pas s prichytavanim. Chova se jako posuvnik, ale nepotrebuje
 * zadny skript - listovat jde tahem, kolem i klavesnici.
 */
.acjc-loop {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: calc((100% - (var(--acjc-loop-cols) - 1) * 30px) / var(--acjc-loop-cols));
	gap: 30px;
	width: 100%;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-padding: 0 var(--acjc-gutter);
	padding-bottom: 10px;
	overscroll-behavior-x: contain;
	scrollbar-width: thin;
}

.acjc-loop__item {
	scroll-snap-align: start;
	min-width: 0;
}

.acjc-loop__item .column,
.acjc-loop__item .wrap {
	width: 100%;
	padding: 0;
}

@media only screen and (max-width: 959px) {
	.acjc-loop {
		grid-auto-columns: calc((100% - (var(--acjc-loop-cols-tablet) - 1) * 30px) / var(--acjc-loop-cols-tablet));
	}
}

@media only screen and (max-width: 767px) {
	.acjc-loop {
		grid-auto-columns: calc(100% / var(--acjc-loop-cols-mobile));
	}
}

/* --- Vypis clanku --------------------------------------------------- */

.acjc-postlist__item {
	display: flex;
	gap: 24px;
	padding: 0 0 24px;
	margin: 0 0 24px;
	border-bottom: 1px solid var(--acjc-border);
}

.acjc-postlist__image {
	flex: 0 0 260px;
	max-width: 40%;
}

.acjc-postlist__title {
	font-size: 24px;
	margin-bottom: 6px;
}

.acjc-postlist__title a {
	color: var(--acjc-dark);
}

.acjc-postlist__meta {
	color: var(--acjc-muted);
	font-size: 14px;
	margin-bottom: 10px;
}

.acjc-postlist__more {
	font-weight: 600;
}

@media only screen and (max-width: 767px) {
	.acjc-postlist__item {
		flex-direction: column;
		gap: 12px;
	}

	.acjc-postlist__image {
		flex: none;
		max-width: 100%;
	}
}

/* --- Vysledky hledani ----------------------------------------------- */

.acjc-results {
	margin-bottom: 40px;
}

.acjc-results__title {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 26px;
	margin-bottom: 18px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--acjc-border);
}

.acjc-results__count {
	padding: 2px 10px;
	border-radius: 999px;
	background: var(--acjc-accent);
	color: #fff;
	font-size: 15px;
	font-weight: 600;
}

.acjc-results__more {
	margin-top: 18px;
}

.acjc-carlist {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

@media only screen and (max-width: 959px) {
	.acjc-carlist { grid-template-columns: repeat(2, 1fr); }
}

@media only screen and (max-width: 600px) {
	.acjc-carlist { grid-template-columns: 1fr; }
}

.acjc-carlist__link {
	display: block;
	color: inherit;
	border: 1px solid var(--acjc-border);
	border-radius: 6px;
	overflow: hidden;
	transition: border-color .15s ease;
}

.acjc-carlist__link:hover,
.acjc-carlist__link:focus-visible {
	border-color: var(--acjc-accent);
	text-decoration: none;
}

.acjc-carlist__image img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

.acjc-carlist__body {
	display: block;
	padding: 14px 16px 16px;
}

.acjc-carlist__name {
	display: block;
	font-weight: 600;
	line-height: 1.3;
	margin-bottom: 6px;
}

.acjc-carlist__price {
	display: block;
	color: var(--acjc-accent);
	font-weight: 700;
}

.acjc-single__meta {
	color: var(--acjc-muted);
	font-size: 14px;
	margin-bottom: 16px;
}

.acjc-single__image {
	margin-bottom: 20px;
}

/* --- Katalog vozu --------------------------------------------------- */

.acjc-shop {
	padding: 30px 0 50px;
}

.acjc-shop__layout {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	width: 100%;
}

.acjc-shop__main {
	flex: 1 1 0;
	min-width: 0;
}

.acjc-shop--with-sidebar .acjc-shop__main {
	flex: 1 1 66%;
}

.acjc-shop__sidebar {
	flex: 0 0 280px;
	order: -1;
}

@media only screen and (max-width: 959px) {
	.acjc-shop__layout {
		flex-direction: column;
	}

	.acjc-shop__sidebar {
		flex: none;
		width: 100%;
	}
}

.acjc-breadcrumb {
	font-size: 14px;
	color: var(--acjc-muted);
	margin-bottom: 16px;
}

/* --- Strankovani ---------------------------------------------------- */

.pagination,
.woocommerce-pagination {
	margin: 30px 0;
}

.pagination .nav-links,
.woocommerce-pagination ul {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
}

.woocommerce-pagination li {
	margin: 0;
	border: 0;
}

.page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	height: 42px;
	padding: 0 10px;
	border: 1px solid var(--acjc-border);
	border-radius: 4px;
	color: var(--acjc-text);
	line-height: 1;
}

.page-numbers:hover,
.page-numbers:focus-visible {
	border-color: var(--acjc-accent);
	color: var(--acjc-accent);
	text-decoration: none;
}

.page-numbers.current {
	background: var(--acjc-accent);
	border-color: var(--acjc-accent);
	color: #fff;
	font-weight: 600;
}

/* --- Ikony ----------------------------------------------------------
 * Web pouziva jen osm ikon, takze misto celeho fontu staci vektory primo
 * ve stylu. Barvu prebiraji z textu.
 * ------------------------------------------------------------------- */

[class^="icon-"],
[class*=" icon-"] {
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: -0.125em;
	background-color: currentColor;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}

.icon-call,
.icon-phone {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6.6 10.8c1.4 2.8 3.8 5.2 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.4.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C10.6 21 3 13.4 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.4 0 .8-.2 1l-2.3 2.2z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6.6 10.8c1.4 2.8 3.8 5.2 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.4.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C10.6 21 3 13.4 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.4 0 .8-.2 1l-2.3 2.2z'/%3E%3C/svg%3E");
}

.icon-email,
.icon-mail-line {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 4.2-8 5-8-5V6l8 5 8-5v2.2z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 4.2-8 5-8-5V6l8 5 8-5v2.2z'/%3E%3C/svg%3E");
}

.icon-facebook-squared {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20 2H4a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h8v-7H9.5v-3H12V9.8C12 7.3 13.5 6 15.7 6c1 0 1.9.1 2.1.1v2.5h-1.5c-1.2 0-1.4.6-1.4 1.4V12h2.8l-.4 3H15v7h5a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20 2H4a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h8v-7H9.5v-3H12V9.8C12 7.3 13.5 6 15.7 6c1 0 1.9.1 2.1.1v2.5h-1.5c-1.2 0-1.4.6-1.4 1.4V12h2.8l-.4 3H15v7h5a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2z'/%3E%3C/svg%3E");
}

.icon-youtube {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M23 7.5s-.2-1.6-.9-2.3c-.9-.9-1.8-.9-2.3-1C17 4 12 4 12 4s-5 0-7.8.2c-.4 0-1.4 0-2.3 1C1.2 5.9 1 7.5 1 7.5S.8 9.4.8 11.3v1.4C.8 14.6 1 16.5 1 16.5s.2 1.6.9 2.3c.9.9 2 .9 2.5 1 1.8.2 7.6.2 7.6.2s5 0 7.8-.2c.5-.1 1.4-.1 2.3-1 .7-.7.9-2.3.9-2.3s.2-1.9.2-3.8v-1.4c0-1.9-.2-3.8-.2-3.8zM9.8 15.1V9l6.4 3.1-6.4 3z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M23 7.5s-.2-1.6-.9-2.3c-.9-.9-1.8-.9-2.3-1C17 4 12 4 12 4s-5 0-7.8.2c-.4 0-1.4 0-2.3 1C1.2 5.9 1 7.5 1 7.5S.8 9.4.8 11.3v1.4C.8 14.6 1 16.5 1 16.5s.2 1.6.9 2.3c.9.9 2 .9 2.5 1 1.8.2 7.6.2 7.6.2s5 0 7.8-.2c.5-.1 1.4-.1 2.3-1 .7-.7.9-2.3.9-2.3s.2-1.9.2-3.8v-1.4c0-1.9-.2-3.8-.2-3.8zM9.8 15.1V9l6.4 3.1-6.4 3z'/%3E%3C/svg%3E");
}

.icon-instagram {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2.2c3.2 0 3.6 0 4.9.1 1.2.1 1.8.2 2.2.4.6.2 1 .5 1.4.9.4.4.7.8.9 1.4.2.4.4 1 .4 2.2.1 1.3.1 1.7.1 4.9s0 3.6-.1 4.9c-.1 1.2-.2 1.8-.4 2.2-.2.6-.5 1-.9 1.4-.4.4-.8.7-1.4.9-.4.2-1 .4-2.2.4-1.3.1-1.7.1-4.9.1s-3.6 0-4.9-.1c-1.2-.1-1.8-.2-2.2-.4-.6-.2-1-.5-1.4-.9-.4-.4-.7-.8-.9-1.4-.2-.4-.4-1-.4-2.2C2.2 15.6 2.2 15.2 2.2 12s0-3.6.1-4.9c.1-1.2.2-1.8.4-2.2.2-.6.5-1 .9-1.4.4-.4.8-.7 1.4-.9.4-.2 1-.4 2.2-.4 1.3-.1 1.7-.1 4.8-.1zm0 3.3A6.5 6.5 0 1 0 18.5 12 6.5 6.5 0 0 0 12 5.5zm0 10.7A4.2 4.2 0 1 1 16.2 12 4.2 4.2 0 0 1 12 16.2zm6.8-10.9a1.5 1.5 0 1 1-1.5-1.5 1.5 1.5 0 0 1 1.5 1.5z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2.2c3.2 0 3.6 0 4.9.1 1.2.1 1.8.2 2.2.4.6.2 1 .5 1.4.9.4.4.7.8.9 1.4.2.4.4 1 .4 2.2.1 1.3.1 1.7.1 4.9s0 3.6-.1 4.9c-.1 1.2-.2 1.8-.4 2.2-.2.6-.5 1-.9 1.4-.4.4-.8.7-1.4.9-.4.2-1 .4-2.2.4-1.3.1-1.7.1-4.9.1s-3.6 0-4.9-.1c-1.2-.1-1.8-.2-2.2-.4-.6-.2-1-.5-1.4-.9-.4-.4-.7-.8-.9-1.4-.2-.4-.4-1-.4-2.2C2.2 15.6 2.2 15.2 2.2 12s0-3.6.1-4.9c.1-1.2.2-1.8.4-2.2.2-.6.5-1 .9-1.4.4-.4.8-.7 1.4-.9.4-.2 1-.4 2.2-.4 1.3-.1 1.7-.1 4.8-.1zm0 3.3A6.5 6.5 0 1 0 18.5 12 6.5 6.5 0 0 0 12 5.5zm0 10.7A4.2 4.2 0 1 1 16.2 12 4.2 4.2 0 0 1 12 16.2zm6.8-10.9a1.5 1.5 0 1 1-1.5-1.5 1.5 1.5 0 0 1 1.5 1.5z'/%3E%3C/svg%3E");
}

.icon-linkedin {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20.4 2H3.6C2.7 2 2 2.7 2 3.5v17c0 .8.7 1.5 1.6 1.5h16.8c.9 0 1.6-.7 1.6-1.5v-17c0-.8-.7-1.5-1.6-1.5zM8 19H5V9.5h3V19zM6.5 8.2a1.7 1.7 0 1 1 0-3.5 1.7 1.7 0 0 1 0 3.5zM19 19h-3v-4.6c0-1.1 0-2.5-1.6-2.5S12.6 13 12.6 14.3V19h-3V9.5h2.9v1.3h.1c.4-.8 1.4-1.6 2.9-1.6 3.1 0 3.7 2 3.7 4.7V19z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20.4 2H3.6C2.7 2 2 2.7 2 3.5v17c0 .8.7 1.5 1.6 1.5h16.8c.9 0 1.6-.7 1.6-1.5v-17c0-.8-.7-1.5-1.6-1.5zM8 19H5V9.5h3V19zM6.5 8.2a1.7 1.7 0 1 1 0-3.5 1.7 1.7 0 0 1 0 3.5zM19 19h-3v-4.6c0-1.1 0-2.5-1.6-2.5S12.6 13 12.6 14.3V19h-3V9.5h2.9v1.3h.1c.4-.8 1.4-1.6 2.9-1.6 3.1 0 3.7 2 3.7 4.7V19z'/%3E%3C/svg%3E");
}

/* --- Paticka -------------------------------------------------------- */

.acjc-footer {
	background: var(--acjc-soft);
}

.acjc-footer a {
	color: inherit;
}

.acjc-footer a:hover {
	color: var(--acjc-accent);
}
