a {
	color: #004137;
}
a:hover, a:focus {
	color: #004137;
}
.pl-child,
.ebook-box .house-img .fa,
.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;
}
blockquote .fa, .estimate-icon { 
	color: #004137;
}
input[type=submit].contact-form-btn:hover {
	background-color: #f50037;
}
.hr-primary:after, .section-title:before, .section-title:after, .btn:hover, .service-row:after, .service-number:before,
.section-title span:before, .section-title span:after, .back-top, .widget-single h4:before, #overflow-menu li a:hover,
.navigation-menu li:hover, .navigation-menu li > a:hover, .navigation-menu li > a:focus, .navigation-menu li.active > a,
.navbar-toggle, .navbar-toggle:hover, .posted-date:after, .footer-cols h4:after, .contact-col i:after {
	background: #bfe673;
}
.bg-primary {
	background: #f50037;
}
.posted-date, .post-title a:hover, .post-title a:focus, .posted-by a:hover, .posted-by a:focus, .service-row .fa, .service-row:hover .service-number,
.contact-col i, .post-summary a:hover, .sub-title, .testimonial-box h4, .quote-icon, #ebook-chevron, .close-icon, .color-primary {
	color: #004137;
}
.taglist li a:hover {
	background: #bfe673;
	border-color: #bfe673;
}
.btn, .btn-primary, input[type="submit"] {
	background-color: #bfe673;
}
.btn.btn-white:before, .btn.btn-outline:before {
	background: #bfe673;
}
.btn.btn-outline-white:hover, 
input[type="submit"].btn-outline-white:hover, 
input[type="button"].btn-outline-white:hover {
	color: #004137;
}
.widget-single .heading-icon {
	color: #004137;
}
.widget-single .heading-box h3:after {
	background: #bfe673 none repeat scroll 0 0;
}
.about-me-page .fa {
	color: #004137;
	border: 1px solid #bfe673;
}
/* Nove horizontalni logo M&M ma pomer 5,9:1 (drive 2:1), takze pri puvodni
   sirce 140px vychazelo jen ~24px vysoke. Sirky jsou zvetsene tak, aby logo
   zustalo opticky stejne vyrazne (vyska ~34px). */
#reality-logo
{
	width: 200px;
	margin-top: 5px;
	margin-bottom: 5px;
}

@media (max-width: 767px)
{
	#reality-logo
	{
		width: 140px;
		top: 77px;
	}

	#header.fixed #reality-logo
	{
		top: 59px;
	}
}
html section.section-primary {
    background-color: #bfe673 !important;
    border-color: #bfe673 !important;
}
.tip-col
{
	background: #a5d94f;
}
.tip-col:nth-child(2)
{
	background: #bfe673;
}
.tip-col:nth-child(3)
{
	background: #d9f0a8;
}

/* --- 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. */
.pl-child,
.pl-child *,
.ebook-box .house-img .fa,
.ebook-box .house-img .fa *,
.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 *,
.hr-primary:after,
.section-title:before,
.section-title:after,
.service-row:after,
.service-number:before,
.section-title span:before,
.section-title span:after,
.back-top,
.back-top *,
.widget-single h4:before,
#overflow-menu li a:hover,
#overflow-menu li a:hover *,
.navigation-menu li:hover,
/* Zamerne `> a` a ne `*`: submenu je viditelne prave jen kdyz je nadrazene
   li hovered, takze `.navigation-menu li:hover *` prebarvilo i odkazy
   v rozbalenem submenu, ktere maji tmave pozadi a patri jim bila. */
.navigation-menu li:hover > a,
.navigation-menu li:hover > a *,
.navigation-menu li > a:hover,
.navigation-menu li > a:hover *,
.navigation-menu li > a:focus,
.navigation-menu li > a:focus *,
.navigation-menu li.active > a,
.navigation-menu li.active > a *,
.navbar-toggle,
.navbar-toggle *,
.navbar-toggle:hover,
.navbar-toggle:hover *,
.posted-date:after,
.footer-cols h4:after,
.contact-col i:after,
.taglist li a:hover,
.taglist li a:hover *,
.widget-single .heading-box h3:after,
html section.section-primary,
html section.section-primary *,
.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). */
input[type=submit].contact-form-btn:hover,
input[type=submit].contact-form-btn:hover *,
.bg-primary,
.bg-primary *
{
	color: #ffffff !important;
}

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

.btn:hover, .btn:focus, .btn:active,
.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,
input[type=submit].contact-form-btn:hover
{
	background-color: #a91228;
	border-color: #a91228;
	color: #ffffff;
}

/* vypln, ktera u outline tlacitek najizdi pri hoveru */
.btn.btn-white:before, .btn.btn-outline:before
{
	background: #f50037;
}

.btn.btn-outline-white:hover,
input[type="submit"].btn-outline-white:hover,
input[type="button"].btn-outline-white:hover
{
	color: #f50037;
}

/* Tlacitko uvnitr zelene sekce zustava cervene s bilym textem.
   !important je nutny, protoze zeleny blok vyse ma `section.section-primary *`. */
html section.section-primary .btn,
html section.section-primary .btn *,
html section.section-primary .btn-primary,
html section.section-primary .btn-primary *,
html section.section-primary input[type="submit"],
html section.section-primary button[type="submit"]
{
	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 - upravy sablony 10 (angles)
   ======================================================================== */

/* --- 1. Reference: jmeno a uvozovky na tmave fotce ---------------------- */
/* #testimonials-section ma tridu .bg-dark, tmava zelen #004137 je na ni
   necitelna - tady se pouziva svetla brand zelen. */
.testimonial-box h4,
.quote-icon
{
	color: #bfe673;
}

/* --- 2. Rozbalovaci menu: odkazy bile jako zbytek menu ------------------ */
/* Rozbalene submenu ma tmave pozadi, takze odkazy v nem patri bile. */
.navigation-menu > li > ul li a,
#overflow-menu li a
{
	color: #ffffff;
}

/* Pri najeti na konkretni polozku submenu dostane zelene pozadi
   (`.navigation-menu li:hover`), tam uz musi byt text zase tmavy. */
.navigation-menu > li > ul li:hover > a,
.navigation-menu > li > ul li > a:hover,
#overflow-menu li:hover > a,
#overflow-menu li a:hover
{
	color: #004137 !important;
}

/* --- 3. Souhlas se zpracovani udaju v kontaktnim formulari -------------- */
/* .contact-box ma jako pozadi fotku s tmavym prekrytim. */
.contact-box a.iframe-protection
{
	color: #ffffff;
}

.contact-box a.iframe-protection:hover
{
	color: #bfe673;
}

/* --- 4. Tlacitko v cervenem pruhu "Potrebujete rychlou radu" ------------ */
/* .btn-outline-white:hover najizdi bilou vypln (:before), jenze blok
   "citelnost na cervene" vyse ma `.bg-primary *` s !important, takze text
   zustal bily na bilem. Na hoveru proto vynucujeme brand cervenou. */
.bg-primary .btn.btn-outline-white:hover,
.bg-primary .btn.btn-outline-white:hover *
{
	color: #f50037 !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;
}