a, a:hover, .nav-sidebar-column:not(.bg--white):not(.bg--dark) .social-list li:hover a .fa,
.nav-sidebar-column:not(.bg--white):not(.bg--dark) .social-list li:hover a .fa-brands, #ebook-chevron, .close-icon, .feature-3 .fa, .why-me-icon,
.alert.bg--primary .alert__close, .bg--primary div:not([class*='feature']) .btn--primary .btn__text, .bg--primary > .btn--primary .btn__text,
.bg--primary .boxed:not(.imagebg) a, .imagebg:not(.image--light) .feature.bg--white a:not(.btn), .tabs li.active .tab__title, .estimate-icon,
.tabs li.active .tab__title span, .process-3 li .process__number span, .masonry-filters--horizontal .masonry__filters ul li.active,
.masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul li:hover, .bg--primary .input-radio--innerlabel.checked label,
.input-number .input-number__controls > span:hover, .picker .picker__day.picker__day--highlighted, .picker .picker__day:hover, .service-row .fa,
.masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul li.active, .bg--primary input[type=submit].btn--primary
{
  color: #004137;
}
.nav-sidebar-column:not(.bg--white):not(.bg--dark), .sidebar .heading-box, .sidebar .input-group .btn, .single-article-date, .service-row:after, .service-number,
.section-title:after, .section-title:before, #overflow-menu li, .dropdown-menu li, [data-overlay].bg--primary:before, input[type="submit"], .process-2:before,
.accordion li.active .accordion__title, .bg--primary, .checkmark:not([class*='bg-']), .feature.feature--featured:after, .process-1:before,
.process-stepper > li.active:before, .process-stepper > li.active:after, button[type="submit"].btn--loading:after, button[type="submit"]:hover,
input[type="submit"][type="submit"].btn--loading:after, .progress-horizontal__progress, input[type="submit"]:hover, .btn--primary:hover, .ebook-box .house-img .fa
{
  background: #bfe673;
}
hr.short, .accordion-1 li.active .accordion__title, .input-checkbox label:hover, .input-checkbox.input-checkbox--switch label:hover:before,
.input-radio label:hover, .input-radio--innerlabel:hover, .input-select:focus:after, .input-select select:focus, .estimate-box
{
  border-color: #bfe673;
}
.btn--primary, .btn--primary:visited, .input-checkbox.input-checkbox--switch input:checked + label:before, .input-radio input:checked + label,
.input-radio--innerlabel input:checked + label
{
  background: #bfe673;
  border-color: #bfe673;
}
.estimate-form .radio-list input:checked ~ .checkmark,
.estimate-form .checkbox-container input:checked ~ .checkmark,
.estimate-form input:checked + .slider {
  background-color: #bfe673;
}
.estimate-form .radio-list.img input:checked ~ img {
  border-color: #bfe673;
}
.social-icons li, .social-icons li a, .color-primary, .color--primary, .bg--primary .boxed:not(.imagebg) .color--primary
{
  color: #004137 !important;
}
.bg-dark.color-overlay:after
{
  background: #bfe673 !important;
}
.tabs--folder .tabs > li.active
{
  border-top: 3px solid #bfe673;
}
.input-checkbox label:before, .input-radio label:before
{
  border: 1px solid #bfe673;
}
.process__item:after, .process-3 li .process__number
{
  border: 2px solid #bfe673;
}
.loader
{
  border: 3px solid #bfe673;
}
.border-primary, .border-primary-hover:hover, li.active .border-primary-hover
{
  border: 1px solid #bfe673 !important;
}
.bg--primary--alpha
{
  background: rgba(191, 230, 115,0.75);
}
.about-me-social .fa, .about-me-social .fa-brands
{
  color: #004137;
  border: 1px solid #bfe673;
}
.about-me-social li:hover .fa, .about-me-social li:hover .fa-brands
{
  color: #004137;
  background: #bfe673;
}
.bg--primary button.btn.btn--primary
{
  color: #004137;
  border-color: #bfe673;
}
.alert.bg--primary
{
  border-color: #bfe673;
}
.input-checkbox input:checked + label
{
  border-color: #bfe673;
  background: #bfe673;
}
.bg--primary-1, .bg-dark.color-overlay:after
{
  background: #f50037;
}
.tip-col
{
  background: #d9f0a8;
}
.tip-col:nth-child(2)
{
  background: #bfe673;
}
.tip-col:nth-child(3)
{
  background: #a5d94f;
}
/* Nove horizontalni logo M&M ma pomer 5,9:1 (drive 2:1) - sirka zvetsena,
   aby vyska zustala kolem 32px. */
#reality-logo
{
    position: fixed;
    right: 20px;
    top: 20px;
    z-index: 999;
    width: 190px;
}

/* --- M&M Reality: citelnost textu na svetle zelene ---------------------- */
/* Nova brand zelen #bfe673 je svetla plocha - bily text na ni ma kontrast
   jen ~1,3:1. Na vsech zelenych plochach proto vynucujeme tmavy brand
   odstin #004137 (kontrast ~11:1), vcetne potomku. */
.nav-sidebar-column:not(.bg--white):not(.bg--dark),
.nav-sidebar-column:not(.bg--white):not(.bg--dark) *,
.sidebar .heading-box,
.sidebar .heading-box *,
.single-article-date,
.single-article-date *,
.service-row:after,
.service-number,
.service-number *,
.section-title:after,
.section-title:before,
#overflow-menu li,
#overflow-menu li *,
.dropdown-menu li,
.dropdown-menu li *,
[data-overlay].bg--primary:before,
.process-2:before,
.accordion li.active .accordion__title,
.accordion li.active .accordion__title *,
.bg--primary,
/* `:not(.wrapper-spy)` vynecha hlavni navigaci: nav ma tridu .bg--primary,
   ale na desktopu je pruhledna (style.css:678) a popisky maji vlastni tmave
   pilulky s bilym textem. Odkazy uvnitr si barvu berou z primeho pravidla
   (`a` ve skinu, resp. #mainNav v 15.css), dedeni z .bg--primary je neprebije. */
.bg--primary:not(.wrapper-spy) *,
.checkmark:not([class*='bg-']),
.checkmark:not([class*='bg-']) *,
.feature.feature--featured:after,
.process-1:before,
.process-stepper > li.active:before,
.process-stepper > li.active:after,
.progress-horizontal__progress,
.progress-horizontal__progress *,
.ebook-box .house-img .fa,
.ebook-box .house-img .fa *,
.input-checkbox.input-checkbox--switch input:checked + label:before,
.input-radio input:checked + label,
.input-radio input:checked + label *,
.input-radio--innerlabel input:checked + label,
.input-radio--innerlabel input:checked + label *,
.estimate-form .radio-list input:checked ~ .checkmark,
.estimate-form .radio-list input:checked ~ .checkmark *,
.estimate-form .checkbox-container input:checked ~ .checkmark,
.estimate-form .checkbox-container input:checked ~ .checkmark *,
.estimate-form input:checked + .slider,
.estimate-form input:checked + .slider *,
.bg-dark.color-overlay:after,
.bg--primary--alpha,
.bg--primary--alpha *,
.about-me-social li:hover .fa,
.about-me-social li:hover .fa *,
.about-me-social li:hover .fa-brands,
.about-me-social li:hover .fa-brands *,
.input-checkbox input:checked + label,
.input-checkbox input:checked + label *,
.tip-col,
.tip-col *,
.tip-col:nth-child(2),
.tip-col:nth-child(2) *,
.tip-col:nth-child(3),
.tip-col:nth-child(3) *
{
	color: #004137 !important;
}

/* --- M&M Reality: nadpisy ----------------------------------------------- */
/* Zamerne nizka specificita - nadpisy na tmavych plochach a fotkach
   (.imagebg, .bg--dark, ...) si diky tomu ponechavaji bily text. */
h1, h2, h3, h4, h5, h6
{
	color: #004137;
}


/* --- M&M Reality: citelnost textu na cervene ---------------------------- */
/* Brand cervena #f50037 je tmava plocha - text na ni musi zustat bily
   (kontrast ~5:1). Prepisuje predchozi zeleny blok tam, kde se selektory
   prekryvaji (napr. hover stavy odesilacich tlacitek). */
.bg--primary-1,
.bg--primary-1 *,
.bg-dark.color-overlay:after
{
	color: #ffffff !important;
}

/* --- M&M Reality: tlacitka ---------------------------------------------- */
/* M&M ma na svem webu tlacitka cervena, hover tmavsi #a91228.
   Bez !important, aby si varianty .btn--white / .btn--secondary
   ze zakladniho stylu udrzely svoje pozadi. */
.btn--primary,
.btn--primary:visited,
input[type="submit"],
button[type="submit"],
.sidebar .input-group .btn
{
	background: #f50037;
	border-color: #f50037;
	color: #ffffff;
}

.btn--primary .btn__text,
input[type="submit"] .btn__text,
button[type="submit"] .btn__text,
.sidebar .input-group .btn .btn__text
{
	color: #ffffff;
}

.btn--primary:hover, .btn--primary:focus, .btn--primary:active,
input[type="submit"]:hover, input[type="submit"]:focus,
button[type="submit"]:hover, button[type="submit"]:focus,
.sidebar .input-group .btn:hover
{
	background: #a91228;
	border-color: #a91228;
	color: #ffffff;
}

.btn--primary:hover .btn__text,
input[type="submit"]:hover .btn__text,
button[type="submit"]:hover .btn__text
{
	color: #ffffff;
}

/* loading indikatory tlacitek */
button[type="submit"].btn--loading:after,
input[type="submit"][type="submit"].btn--loading:after
{
	background: #a91228;
}

/* Tlacitko uvnitr zelene sekce zustava cervene s bilym textem.
   Stack ma `.bg--primary div:not([class*='feature']) .btn--primary`
   (stack.css:4509) a `14.css:86` na `.bg--primary button.btn`, oboji
   prebarvuje tlacitko na bilo - to je na zelene sekci s bilym textem
   neviditelne. Pozadi proto vracime na brand cervenou.
   Pozadi jen na tlacitko, nikdy na potomky (jinak problikava hover). */
.bg--primary .btn--primary,
.bg--primary input[type="submit"],
.bg--primary button[type="submit"],
.bg--primary button.btn.btn--primary
{
	background: #f50037 !important;
	border-color: #f50037 !important;
}

.bg--primary .btn--primary:hover,
.bg--primary .btn--primary:focus,
.bg--primary input[type="submit"]:hover,
.bg--primary input[type="submit"]:focus,
.bg--primary button[type="submit"]:hover,
.bg--primary button.btn.btn--primary:hover
{
	background: #a91228 !important;
	border-color: #a91228 !important;
}

/* !important je nutny, protoze zeleny blok vyse ma `.bg--primary *`. */
.bg--primary .btn--primary,
.bg--primary .btn--primary *,
.bg--primary input[type="submit"],
.bg--primary button[type="submit"],
.bg--primary button.btn.btn--primary
{
	color: #ffffff !important;
}

/* --- M&M Reality: bloky "Jak pracuji" (.service-row) -------------------- */
/* Pri hoveru najede zelena vypln (.service-row:after) a spolecny
   www/css/main.css k tomu ma `.service-row:hover .row * { color: #fff }`. */
.service-row:hover .row *
{
	color: #004137;
}

.service-row .service-number,
.service-row:hover .service-number
{
	color: #004137;
}

/* --- M&M Reality: paticka ----------------------------------------------- */
/* Paticky jsou tmave (.after-footer #444, .copy-right #1b1b2f, .copyright
   na tmavem footeru). Tmave zelena #004137 z obecneho pravidla pro odkazy
   je na nich necitelna, proto se tu prepina na svetlou brand zelen. */
.after-footer a,
.copyright a,
.copy-right a
{
	color: #bfe673 !important;
}

.after-footer a:hover,
.copyright a:hover,
.copy-right a:hover
{
	color: #ffffff !important;
}

.after-footer p,
.after-footer p.custom-text-color-1,
.copy-right p,
.copy-right p.custom-text-color-1
{
	color: #ffffff !important;
}

/* --- M&M Reality: tlacitko s bilym obrysem na cervene sekci ------------- */
/* `.btn--white-border:hover` ze stack.css meni pozadi na bile a text na #444,
   jenze blok "citelnost na cervene" vyse ma `.bg--primary-1 *` s !important,
   takze text zustal bily na bilem. Na hoveru proto vynucujeme brand cervenou. */
.bg--primary-1 .btn--white-border:hover,
.bg--primary-1 .btn--white-border:focus
{
	background: #ffffff;
}

/* barva textu i na .btn__text, ale pozadi uz ne - jinak by se pri prechodu
   prekryvaly dve animovane vrstvy */
.bg--primary-1 .btn--white-border:hover,
.bg--primary-1 .btn--white-border:hover *,
.bg--primary-1 .btn--white-border:focus,
.bg--primary-1 .btn--white-border:focus *
{
	color: #f50037 !important;
}

/* ========================================================================
   M&M Reality - upravy sablony 13 (stack)
   ======================================================================== */

/* --- 1. E-mail v hlavicce ----------------------------------------------- */
/* Hlavicka ma tridu .bg--primary--alpha (svetle zelena s pruhlednosti),
   ale 13.css:170 na odkaz tlaci `color: #fff !important` s id selektorem. */
header #header-email a,
header #header-phone a
{
	color: #004137 !important;
}

header #header-email a:hover,
header #header-phone a:hover
{
	color: #f50037 !important;
}

/* --- 2. Pruh "Potrebujete rychlou radu" zeleny misto cerveneho ---------- */
/* Scopovane na `section.space--xs.bg--primary-1`, coz je v sablonach
   9/13/14/15 prave jen tenhle pruh - ostatni .bg--primary-1 sekce
   (napr. reference na devitce) zustavaji cervene. */
section.space--xs.bg--primary-1
{
	background: #bfe673 !important;
}

section.space--xs.bg--primary-1,
section.space--xs.bg--primary-1 *
{
	color: #004137 !important;
}

/* Tlacitko v pruhu zustava cervene s bilym textem.
   Pozadi patri VYHRADNE na .btn--primary. Kdyz ho dostane i vnitrni
   <span class="btn__text">, animuji se pri hoveru dve vrstvy pozadi
   pres sebe a behem prechodu to problikava. */
section.space--xs.bg--primary-1 .btn--primary
{
	background: #f50037 !important;
	border-color: #f50037 !important;
}

section.space--xs.bg--primary-1 .btn--primary:hover,
section.space--xs.bg--primary-1 .btn--primary:focus
{
	background: #a91228 !important;
	border-color: #a91228 !important;
}

section.space--xs.bg--primary-1 .btn--primary,
section.space--xs.bg--primary-1 .btn--primary *
{
	color: #ffffff !important;
}

/* --- 3. Kolecka u kontaktnich ikon -------------------------------------- */
/* 13.css:319 ma `border: 1px solid #fff !important` - na svetle zelenych
   dlazdicich neni bily kroužek videt. */
.contact-icon
{
	border-color: #004137 !important;
}

/* ========================================================================
   M&M Reality - upravy sablony 14 (stack)
   ======================================================================== */

/* --- 1. Checkbox souhlasu na svetle zelene sekci ------------------------ */
/* Ramecek mel `1px solid #bfe673`, coz je na zelenem pozadi neviditelne.
   Bily ctverecek s tmavym rameckem je citelny na zelene i na bile.
   Zaskrtnuty stav se vybarvi tmave - fajfka (label:after) je bila.
   Zamerne jen `label`, ne `label:before` - to je pruhledna vrstva
   (opacity: 0) pro pulz pri zaskrtnuti, ne viditelny ramecek. */
.input-checkbox label
{
	background: #ffffff;
	border: 2px solid #004137;
}

.input-checkbox input:checked + label
{
	background: #004137 !important;
	border-color: #004137 !important;
}

/* --- 2. Odkazy v tmave paticce ------------------------------------------ */
/* <footer class="space--xxs bg--dark">, odkazy maji tridu .color-primary,
   kterou skin nastavuje na #004137 - na tmave paticce necitelne. */
footer.bg--dark a,
footer.bg--dark .color-primary,
footer.bg--dark .list--hover a span
{
	color: #bfe673 !important;
}

footer.bg--dark a:hover,
footer.bg--dark .color-primary:hover,
footer.bg--dark .list--hover a:hover span
{
	color: #ffffff !important;
}

/* --- M&M Reality: Google reference na cervene sekci (sablona 15) -------- */
/* Karty hodnoceni jsou bile a lezi v sekci .bg--primary-1. Blok
   "citelnost na cervene" vyse ma `.bg--primary-1 *` s !important, takze
   prebil i `color: #444`, ktere si sablona nastavuje inline sama.
   `*:not(a)` necha modry odkaz "Zobrazit vice" i zlate hvezdicky
   (ty maji vlastni !important s vyssi specificitou). */
.bg--primary-1 .google-card,
.bg--primary-1 .google-card *:not(a)
{
	color: #444 !important;
}

/* Tlacitka vlozena do obsahu bloku "Jak pracuji" si pri hoveru drzi bily
   text - pravidlo `.service-row:hover .row *` vyse je jinak prebarvi
   na tmavou a na cervenem tlacitku to neni citelne. */
.service-row:hover .row .btn,
.service-row:hover .row .btn *,
.service-row:hover .row .btn--primary,
.service-row:hover .row .btn--primary *,
.service-row:hover .row .btn-primary,
.service-row:hover .row .btn-primary *,
.service-row:hover .row .button,
.service-row:hover .row .button *,
.service-row:hover .row .button-theme,
.service-row:hover .row .button-theme *,
.service-row:hover .row button,
.service-row:hover .row button *,
.service-row:hover .row input[type="submit"]
{
	color: #ffffff;
}