/*
Theme Name: Živá Hlavní
Author: MamiArt
Author URI: http://www.mamiart.cz/
Description: <strong>Grafická šablona pro web ziva-hlavni.cz</strong>. vyrobil MamiArt s.r.o. 
Version: 0.0.1
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: responsive, boostrap4
Text Domain: ---
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,
label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,
header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {font-size: 100%; font: inherit; padding: 0; border: 0; margin: 0; vertical-align: baseline;}
ol, ul {list-style: none} blockquote, q {quotes: none} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none}
table {border-collapse: collapse; border-spacing: 0} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block}
.clear {clear: both} .sticky {} .bypostauthor {} .wp-caption {} .wp-caption-text {} .gallery-caption {} .alignright {} .alignleft {} .aligncenter {} .screen-reader-text {clip: rect(1px, 1px, 1px, 1px); position: absolute !important}


/* css */
html,
body {
	font-size: 1em;
	line-height: 1.45em;
	font-family: 'Montserrat', sans-serif;
}


#wrapper {
	max-width: 1920px !important;
	margin: auto;
	position: relative;
}
.container {
/*	max-width: 1920px;*/
}

#menuContainer {
	box-shadow: 0px 18px 10px -15px rgba(0,0,0,0.35);
	font-size: 1.1em;
	z-index: 1000;
}
@media (max-width: 1050px) {
	#menuContainer {
		font-size: 1.0em;
	}
}

.navbar {
}
@media (max-width: 920px) {
	.navbar {
		align-items: flex-start !important;
		align-items: center !important;
	}	
	
}
.navbar .menu-item a {
	align-self: flex-end;
	border-bottom: 5px solid transparent;
	color: #209adc !important;
	display: flex;
	font-weight: 400;
	padding: 1.0em 1.5em 1.0em 1.5em;
	margin-left: 0.5em;
	margin-right: 0.5em;
}
@media (max-width: 1420px) {
	.navbar .menu-item a {
		font-size: 0.9em;
/*		padding: 0.25em 0.5em 0.25em 0.5em;*/
	}	
	
}

.navbar .menu-item a.active {
/*	border-bottom: 5px solid #c2d32d;*/
	color: #c2d32d !important;
	font-weight: 800;
}
.navbar .menu-item a:hover {
/*	border-bottom: 5px solid #d8d8d8;*/
	color: #c2d32d !important;
}

.navbar-toggler {
	margin-bottom: 1em;
}

/*
.dropdown-toggle::after {
	vertical-align: 0em;

	content: "" !important;
	padding: 0;
	vertical-align: middle;
	border-top: .5em solid;
	border-right: .3em solid transparent;
	border-bottom: 0;
	border-left: .3em solid transparent;
}
.dropdown-menu a::after {
	display: none;
}
.dropdown-item.active {
	background-color: rgba(209,176,127,1);
}
.dropdown-item:focus {
	background-color: rgba(209,176,127,1);
}
.after-drop a::before {
	content: '|';
	color: #000;
	margin-right: 12px;
}
@media (max-width: 768px) {
	.after-drop a::before {
		display: none;
	}	
}
*/


.navbar-brand {
	margin-bottom: 0.0em;
}
.navbar-brand > img {
	height: 60px;
	width: 100%;
}
.brand-small > img {
	height: 40px;
	width: auto;
}
@media (max-width: 1420px) {
	.navbar-brand > img {
		height: 50px;
		width: 100%;
	}	
	.brand-small > img {
		height: 35px;
		width: auto;
	}
}


/* carousel item */
#carousel-header .carousel-item {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	color: #fff;
	font-size: 2.0em;
	height: 740px;
	max-height: 70vh;
}
@media (max-width: 1100px) {
	#carousel-header .carousel-item {
		font-size: 1.4em;
	}	
}
#carousel-header .carousel-item span {
	display: block;
	margin: 1em 0;
}
#carousel-header .carousel__item__text {
	font-size: 1.25em;
	font-weight: 200;
	line-height: 1.25em;
	text-shadow: 4px 4px 4px #000;
	text-transform: uppercase;
}
#carousel-header .carousel__item__text a {
	color: #fff;
}
#carousel-header .carousel__item__text a:hover {
	text-decoration: none;
}
#carousel-header .carousel__item__text strong {
	font-size: 1.4em;
	font-weight: 800;
	line-height: 1.5em;
}
@media (max-width: 768px) {
	#carousel-header .carousel__item__text {
		font-size: 1.5em;
		padding-left: 0.75em;
		padding-right: 0.75em;
	}
	#carousel-header .carousel__item__text strong {
		font-size: 1.4em;
		font-weight: 800;
		line-height: 1.35em;
		display: block;
		margin-top: 0.5em;
	}
	#carousel-header .carousel-control-next, .carousel-control-prev {
		top: -50%;
		bottom: 0;
	}
}


/* homepage - filter */
.grid-image {
	display: block;
	max-width: 100%;
	height: auto;
}
.grid-text {
	position: absolute;
	bottom: 5%;
	left: 0;
	padding: 15px;
	color: #fff;
}
.grid-loc {
	position: absolute;
	right: 10%;
	top: 5%;
}
.grid-loc__item {
	background-color: #ff0000;
	border-radius: 100%;
	color: #fff;
	display: inline-block;
	height: 29px;
	margin-left: 3px;
	padding-top: 2px;
	text-align: center;
	width: 29px;
}




/* generic page header etc. */
.page__generic {
/*	background-size: 100vw;*/
	background-color: #fff;
	background-position: top center;
	background-repeat: no-repeat;
}
.page__generic__container {
	background: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,1) 150px, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,1) 150px, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%,rgba(255,255,255,1) 150px,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfffffff', endColorstr='#ffffff',GradientType=0 );
/
}
@media (max-width: 991px) {
	.page__generic__container {
	}	
}
.page__generic__container strong {
	font-weight: 800;
}
.page__generic__container ul {
	list-style: disc;
	margin-left: 1.0em;
}
.page__generic__container ol {
	list-style: decimal;
	margin-left: 1.0em;
}
.page__generic__container ul li,
.page__generic__container ol li {
	padding-left: 0.5em;
}
.page__generic__container em {
	font-style: italic;
}
.page__generic__container blockquote {
	background-color: #f5f5f5;
	font-style: italic;
	font-size: 1.1em;
	font-weight: 200;
	line-height: 1.5em;
	margin-bottom: 1em;
	padding: 1.5em 1em 0.5em 1em;
}


.page__generic__header {
	color: #22a6e6;

	font-size: 3em;
	font-weight: 800;
	line-height: 1.3em;
		margin-left: auto;
		margin-right: auto;
		max-width: 90%;
	text-transform: uppercase;
}
@media (max-width: 991px) {
	.page__generic__header {
		font-size: 3.0em;
		padding-bottom: 8vh;
		padding-top: 12vh;
	}
}
@media (max-width: 768px) {
	.page__generic__header {
		font-size: 2.0em;
	}
}


/* homepage */
.homepage-benefit__title {
	display: inline-block;
	font-size: 1.05em;
	font-weight: normal !important;
	margin-left: 1px;
}
.homepage-benefit__desc {
	display: inline-block;
	font-size: 0.75em;
	font-weight: normal !important;
	margin-left: 1px;
}



/* shadows */
.shadow-box {
	box-shadow: 0px 0px 18px #999;
}


/* boxes */
.heading-main {
	font-size: 2.5em;
	font-weight: 600;
	line-height: 1.30em;
}
.nav-item .btn-green {
	background-color: #eff0f0;
	border: 1px solid #9a9a9a;
	color: #9a9a9a;
}
.nav-item .active.btn-green {
	background-color: rgba(194,211,45,1);
	border: 1px solid rgba(194,211,45,1);
	color: #fff;
}



/* map block */
.map-list-item {
	font-size: 0.75em;
}
.map-list-link {
	color: #000;
}
.map-list-link:hover {
	color: #000;
	text-decoration: underline;
}




/* single item - detail */
.benefit-heading {
	font-size: 1.3em;
	font-weight: normal;
}
.benefit-heading--kupon {
	font-size: 1.1em;
}
.benefit-heading__small {
	font-size: 1.1em;
	font-weight: normal;
}
.benefit-heading__small--kupon {
	font-size: 1.0em;
}

.detail-iframe iframe {
	height: 300px;
	max-width: 100%;
	width: 100%;
}





/* #footer */
.footer {
	margin: 0em;
	padding: 0;
}
.footer-text {
	
}
.footer-text strong {
	font-size: 1.2em;
	font-weight: 800;
}
.footer-phone,
.footer-email {
	font-weight: 800;
}
.footer-logo__rodina-residomo {
	max-width: 300px;
}
.footer-logo__residomo {
	max-height: 60px;
}
.footer-logo__MKS {
	max-height: 60px;
}

.footer-text {
	font-size: 2em;
	line-height: 1.25em;
}


.icon-facebook {
	height: 32px;
	width: auto;
}




/* forms */
.nf-form-fields-required {
	display: none;
}
.ninja-forms-field {
	border: 0px none;
	border-bottom: 1px solid #22a6e6;
	border-radius: 0px;
	padding: 0.5em 0em;
}
#nf-field-4 {
	background-color: #5a5a5a;
	color: #fff;
	font-size: 1.2em;
	padding: 0.95em 2.3em;
}




/*global css*/
.bgc-white {
	background-color: #fff;
	color: #000;
}
.bgc-black {
	background-color: #000;
	color: #ccc;
}
.bgc-gray {
	background-color: #4f4f4f;
	color: #000;
}
.bgc-medium-gray {
	background-color: #d4d4d4;
	color: #000;
}
.bgc-light-gray {
	background-color: #e7e6e6;
	color: #000;
}

.bgc-gold {
	background-color: #d1b07f;
	color: #fff;
}
.bgc-dark-gold {
	background-color: #c2a472;
	color: #fff;
}

.bgc-green {
	background-color: rgba(195,214,0,1);
}
.bgc-blue {
	background-color: #22a6e6;
}

.bgc-grad-light-gray-bl-tr {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e7e6e6+1,ffffff+100 */
	background: #e7e6e6; /* Old browsers */
	background: -moz-linear-gradient(45deg, #e7e6e6 1%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #e7e6e6 1%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #e7e6e6 1%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e6e6', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}



sub,
sup {
	font-size: 70%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.20em;
}



.entry-content {
/*	font-size: 1.3em;*/
	font-weight: 200; 
	line-height: 1.30em;
}

.heading-top,
.entry-title,
.entry-content h1 {
	color: #c2d32d;
	font-size: 2.5em;

	font-weight: 800;
	padding: 0.0em 0 0.2em 0;
	line-height: 1.2em;
	text-transform: uppercase;
}
.heading-top--kupon {
	font-size: 1.8em;
}
.heading-top-second,
.entry-content h2 {
	font-size: 1.8em;
	font-weight: 800;
	line-height: 1.2em;
	margin: 0.0em 0 1.0em 0;
}
.entry-content h3 {
	font-size: 1.4em;
	font-weight: 600;
	line-height: 1.2em;
	margin: 0.0em 0 1.0em 0;
}
.entry-content h4 {
	color: #209adc;
	font-size: 1.1em;
	font-weight: 600;
	line-height: 1.25em;
}
.entry-content h5 {
	font-size: 1.4em;
	line-height: 1.25em;
	margin: 0.75em 0 1.0em 0;
}

.entry-content p {
	margin-bottom: 1em;
}
.entry-content a {
	color: #209adc;
}
.entry-content strong {
	font-weight: 800;
}

.entry-content img {
    max-width: 100% !important;
    height: auto !important;
}
.entry-content ul {
	list-style: none;
	padding: 0;
    margin-bottom: 1em;
}
.entry-content li {
	font-size: 1.0em;
	padding-left: 0.0em; 
	line-height: 1.6em;
}
.entry-content li em {
	font-size: 1.2em;
	padding-left: 0.0em; 
	line-height: 1.6em;
}
.entry-content li strong {
	color: #000;
}
.entry-content ul li::before {
	content: "•";
	color: #209adc;
	font-size: 5em;
	vertical-align: bottom;
}
.entry-content iframe {
/*	height: 500px;*/
	max-height: 80vh;
	max-width: 100vw;
	width: 100%;
}

.entry-content.detail-text h2:first-of-type {
	color: #22a6e6;
	font-size: 1.5em;
	font-weight: 800;
	line-height: 1.2em;
	margin: 0.0em 0 0.5em 0;
	text-transform: uppercase;
}



.box__heading {
	color: #000;
	font-size: 2.5em;
	font-weight: 800;
	line-height: 1.2em;
	max-width: 95vw;
	margin-left: auto;
	margin-right: auto;
	text-transform: uppercase;
}
.box__heading--green {
	color: #308f40;
}
.box__heading--small {
	font-size: 1.5em !important;
}
.box__heading--lowercase {
	text-transform: none !important;
}
@media (max-width: 768px) {
	.box__heading {
		font-size: 1.5em;
	}
}


/* lines & gradients*/
.hr__generic {
	border: 0px none;
	border-bottom: 1px solid #ccc;
	width: 100%;
}

/* buttons override */
.btn {
	border: 0px none;
	border-radius: 2em;
	font-size: 1.2em;
	line-height: 1.55em;
	font-weight: 200;
	padding: 0.55em 1.5em 0.45em 1.5em;
	transition: color 0.5s, background 0.5s;
	text-decoration: none !important;
	text-transform: uppercase;
}
@media (max-width: 768px) {
	.btn {
		font-size: 1.0em;
	}
}

.btn-black {
	background-color: #000;
	border-color: #000;
	color: #000;
}
.btn-black:hover {
	background-color: rgba(0,0,0,0.25);
	color: #fff;
}

.btn-gray {
	background-color: #ccc;
	color: #fff;
}
.btn-gray:hover {
	background-color: rgba(117,117,117,0.25);
	color: #757575;
}

.btn-green {
	background-color: rgba(194,211,45,1);
	color: #fff;
}
.btn-green:hover {
	background-color: rgba(102,153,0,1);
	color: #fff;
}

.btn-white {
	background-color: #fff;
	color: #308f40;
}
.btn-white:hover {
	background-color: rgba(255,255,255,0.25);
	color: #fff;
}

.no-padding {
	padding-left: 0;
	padding-right: 0;
}


.txt-white {color: #fff !important;}
a.txt-white:hover {color: #fff !important;}
.txt-black {color: #000 !important;}
a.txt-black:hover {color: #000 !important;}
.txt-gray {color: #a0a0a0 !important;}
a.txt-gray:hover {color: #a0a0a0 !important;}
.txt-dark-gray {color: #2a2a2a !important;}
a.txt-dark-gray:hover {color: #2a2a2a !important;}
.txt-light-gray {color: #efeff0 !important;}
a.txt-light-gray:hover {color: #efeff0 !important;}
.txt-blue {color: #22a6e6 !important;}
a.txt-blue:hover {color: #22a6e6 !important;}
.txt-green {color: #c2d32d !important;}
a.txt-green:hover {color: #c2d32d !important;}

.border-light-gray {
	border: 1px solid #ededed;
}

/* svg icons */
#icon_facebook {
	width: 26px;
	height: 26px;
}

.carousel-indicators,
.carousel-control-prev,
.carousel-control-next {
	display: none;
}