/*
 Theme Name:     Rezidence Hořice theme
 Description:    Rezidence Hořice theme
 Author:         Ondra Firla
 Author URI:     https://www.firla.eu
 Template:       Divi
 Version:        1.0.0
*/
 
/*

@import "css/menu.css";


@import "css/mobile_grid.css";
@import "css/articles_grid.css";

*/
@import "css/typo.css";

/* header abloute */
.et_fixed_nav.et_show_nav #page-container {
    padding-top: 0px !important;
}


.local__numbers {
	color: #FFF;
	font-size: 18px;
    line-height: 1.2em;
}
.local__numbers span {
	display: block;
	font-size: 25px;
    line-height: 2.5em;
}
.local__numbers span B {
    font-size: 50px;
    font-weight: 600;
}
.local__numbers .et_pb_code_inner {
	margin-top: 35px;
}
@media all and (max-width: 767px) {
		.local__numbers {
			font-size: 16px;
		}
		.local__numbers span {
			font-size: 20px;
		}
		.local__numbers span B {
			font-size: 40px;
		}
		.local__numbers .et_pb_code_inner {
			margin-top: 15px;
		}
}


.et_pb_row.no-gutter {
  --gutter-width: 0px;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.et_pb_row.no-gutter .et_pb_column {
  margin-left: 0 !important;
  margin-right: 0 !important;
}


.section__column--center {
    display: flex;
    align-items: center;
}

/* BTN */
.btn {
    background-color: #54a275;
	color: #FFF;
	border: 1px #54a275 solid;
    border-radius: 30px;
/*     font-size: 16px;*/
	font-size: 1.2em;
	font-weight: 600;
	text-transform: uppercase;
    padding: .6em 1.9em;
    line-height: 1.7em !important;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: all !important;
    transition-property: all !important;
    font-family: 'Poppins', cursive;
}
.btn:hover {
    background-color: #2D5A40;
	color: #FFF;
}

.btn--primary {
	background-color: #FF7E00;
	border-color: #FF7E00;
}

.btn--primary:hover {
	background-color: #ff3f00;
}

.btn--secondary {
    background-color: #FFF;
	color: #54a275;
	border-color: #54a275;
}

.btn--secondary--white {
    background-color: transparent;
	color: #FFF;
	border-color: #FFF;
}

.btn--secondary--white:hover {
    border-color: #2D5A40;
}


.btn--dual a:first-child {
	margin-right: 20px;
}

#top-menu .btn--menu A {
    background-color: #54a275;
	color: #FFF !important;
	border: 1px #54a275 solid;
    border-radius: 30px;
    font-size: 14px !important;
    font-weight: 700;
	text-transform: uppercase;
    padding: .6em 1.9em !important;
    line-height: 1.7em !important;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: all !important;
    transition-property: all !important;
    position: relative !important;
    margin-top: -14px !important;
}

#top-menu .btn--phone a {
  background-color: #fff;
  border: 1px solid #54a275;
  border-radius: 30px;
  font-size: 14px !important;
  padding: .8em .9em !important; /* kompaktní oproti textovému tlačítku */
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .2s ease-in-out;
	margin-top: -14px !important;
}

@media all and (max-width: 767px) {
	.btn--dual a:first-child {
		margin-bottom: 6px;
	}
}


#top-menu .btn--phone img {
  width: 18px;
  height: 18px;
	    margin-right: 10px;
  display: block;
  filter: invert(42%) sepia(16%) saturate(1030%) hue-rotate(94deg) brightness(90%) contrast(90%);
  transition: filter .2s ease-in-out;
}

#top-menu .btn--phone a:hover {
  background-color: #54a275;
	color: #FFF;
}

#top-menu .btn--phone a:hover img {
  filter: brightness(0) invert(1); /* ikona zbělá */
}

FOOTER .btn--menu {
	display: none;
}


#main-header.et-fixed-header {
	background-color: #ffffffad !important;
	  backdrop-filter: blur(10px) !important;
	  -webkit-backdrop-filter: blur(10px) !important; /* pro Safari */
}


/* HERO */
.hero {
	max-height: 100vh;
    overflow: hidden;
	position: relative;
}

.hero .hero--text {
	position: absolute;	
	color: #FFF;
    left: 10rem;
    bottom: 10rem;	
	max-width: 500px;
	z-index: 10;
}
.hero .hero--text H1 {
	color: #FFF;
	font-size: 4em;
}
.hero .hero--text P {
	font-size: 1.3em;
	margin-bottom: 12px;
	font-weight: 400;
}

.hero .hero--text h1,
.hero .hero--text p {
    color: #fff;
    text-shadow:
        0px 0px 5px rgba(0,0,0,0.9),
        0px 0px 10px rgba(0,0,0,0.7);
}


.hero .hero--info {
	position: absolute;	
	color: #FFF;
    right: 10rem;
    bottom: 10rem;	
	max-width: 500px;
	z-index: 10;
	font-size: 30px;
    line-height: 36px;
	text-align: center;
    font-family: 'Poppins', cursive;
}

.hero .hero--info span {
	display: block;
	opacity: 0;
}

.hero .hero--info img {
	max-height: 50px;
}

.hero .hero--img {
	line-height: 0;
}
.hero .hero--img img {
	max-width: 100%;
	width: 100%;
}
.hero .hero--img svg {
	position: absolute;
	width: 100%;
    height: auto;
}

.hero .hero--img--whole svg {
	max-width: 100%;
	width: 100%;
}
#houses_alfa, #houses_omega {
	cursor: pointer;
	opacity: 0;
    transition: opacity 0.5s ease;
}

#houses_alfa:hover, #houses_omega:hover {
	opacity: 1;
}

.hero__textblok {
	background-color: #ffffffad !important;
	backdrop-filter: blur(10px) !important;
	-webkit-backdrop-filter: blur(10px) !important; /* pro Safari */
    padding: 42px;
    max-width: 460px;
    border-radius: 30px;
    position: absolute !important;
}
.hero__textblok h4 {
	font-size: 20px;
}
.hero__textblok h4 B {
	font-size: 42px;
    line-height: 38px;
	font-weight: 400;
	display: block;
}

.hero__textblok B {
	font-weight: 600;
	font-size: 1.1em;
}

.hero__textblok P {
    margin-bottom: 20px !important;
    margin-top: 12px !important;
	display: block;
	font-size: 1.1em;
    font-weight: 400;
}

.hero__textblok--right {
    right: 12rem;
    top: 12rem;	
}

.hero__textblok--left {
    left: 12rem;
    top: 12rem;	
}

@media all and (max-width: 912px) {
	
	.btn--phone {
		display: none;
	}

	.hero {
		margin-top: 70px;
	}
	.hero--text {
		display: none;
	}
	.byt_detail--bg .container {
		width: 100%;
	}
	
	
	.hero__textblok--right {
		right: 2rem;
		top: 2rem;	
	}

	.hero__textblok--left {
		left: 2rem;
		top: 2rem;	
	}
	
	.sp-gallery .sp-gallery__item:last-of-type {
		display: none;
	}
}



/* HERO floors */
.hero--floors #_01, .hero--floors #_02,.hero--floors #_03 {
	opacity: 0;
    transition: opacity 0.5s ease;
	cursor: pointer;
}

.hero--floors #_01:hover, .hero--floors #_02:hover,.hero--floors #_03:hover {
	opacity: 1;
}

.hero__floors {
	background-color: #F9F9F9;
	display: none;
}

.hero__floors .hero--img svg {
	position: relative;
	max-width: 80%;
}

#hero__floors .active {
	opacity: 1;
}

.hero__floors--flat_num {
    width: 100%;
    text-align: center;
	display: block;
	height: 30px;
	font-size: 20px;
	font-weight: 700;
}


/*.stav-volne {
  fill: #CCE7CC;
  transition: fill 0.3s ease;
}

.stav-rezervovano {
  fill: #E8D97F;
  transition: fill 0.3s ease;
}

.stav-prodano {
  fill: #E57373;
}

a.byt-odkaz:hover .stav-volne,
a.byt-odkaz:hover .stav-rezervovano {
  fill: #DCFFCB;
  cursor: pointer;
}*/


/* tabulka byty */
.flat__table thead th {
	background-color: #54a275;
	color: #FFF;
	font-size: 16px;
}
.flat__table {
	border: 0px !important;
}
.flat__table tr td {
    border-top: 1px solid #54a2756b;
    padding: 6px 24px;
	font-size: 16px;
	font-weight: 600;
}
.flat__table tbody tr:hover td {
	background-color: #edf7f1;
}

.flat__table .prodano {
	color: #E57373;
}

.flat__table .blokace {
	color: #E8D97F;
}
.flat__table .rezervovano {
	color: #ffae85;
}
.flat__table tr.row-prodano {
	background-color: #e573733d;
}

.flat__table tr.row-blokace {
	background-color: #e8d97f29;
}

.flat__table tr.row-rezervovano {
	background-color: #ffae8529;
}

.flat__table .btn {
    font-size: 14px;
    padding: 0.2em 1.5em;
	background-color: #397954;
}

@media all and (max-width: 912px) {
.flat__table thead th, flat__table tr td {
    padding: 6px 8px;
}
}



/* byt detail */
#main-content .container:before {
	content: "";
	width: 0px !important;
}
.byt_detail--text {
    font-family: 'Poppins', cursive;
}

.byt_detail--textNP {
	font-size: 24px;
    font-weight: 400;
}
.byt_detail--text h2 {
	font-size: 46px;
    font-weight: 400;
	padding-bottom: 45px !important;
}
.byt_detail--bloks {
	display: flex;
    font-family: 'Poppins', cursive;
}
.byt_detail--bloks DIV {
	background-color: #0000003b;
    color: #FFF;
    font-size: 30px;
    padding: 16px 22px;
    border-radius: 20px;
	font-weight: 500;
}
.byt_detail--bloks div:nth-child(1) {
  background-color: rgba(0, 0, 0, 0.1);
}
.byt_detail--bloks div:nth-child(2) {
  background-color: rgba(0, 0, 0, 0.20);
}
.byt_detail--bloks div:nth-child(3) {
  background-color: rgba(0, 0, 0, 0.3);
}
.byt_detail--bloks div:nth-child(4) {
  background-color: rgba(0, 0, 0, 0.4);
}
.byt_detail--bloks DIV SMALL{
	font-size: 14px;
}
.byt_detail--price {
	font-size: 3.5em;
	line-height: 36px;
	margin-top: 60px;
}
.byt_detail--price SMALL {
	font-size: 14px;
	display: block;
}
.byt_detail--text-dark {
  color: rgba(0, 0, 0, 0.5);
}
.byt_detail--table {
	color: #397954;;
	min-width: 300px;
	margin-bottom: 42px;
}
.byt_detail--table tr td {
	border: 0px;
	border-bottom: 1px solid #54a2756b;
    padding: 10px 24px;
    font-size: 19px;
    font-weight: 600;
}
.byt_detail--table--op {
	color: #FFF;
	background-color: #54a275;
}

tr.has-detail {
  cursor: pointer;
}


.table_filter .btn {
	text-transform: none; 
	font-weight: 600;
}





@media all and (max-width: 767px) {
	
	
	.hero__textblok--right {
		left: 2rem;
		right: auto;
		top: 2rem;	
	}

	.hero__textblok--left {
		left: 2rem;
		top: 2rem;	
	}
	.hero__textblok P {
		font-size: 0.9em;
	}
	
	.hero__textblok {
    padding: 32px;
    max-width: 90% !important;
    width: 90% !important;
    border-radius: 30px;
    position: relative !important;
    display: block;
    right: auto !important;
    left: auto !important;
		margin-left: 5%;
	}
	
	#hero__floors_omega .container {
		width: 90%;
		max-width: 90%;
        padding-bottom: 30px;
        padding-top: 30px !important;
	}
	
	#hero__floors_omega .btn {
		font-size: 0.9em;
	}
	
	.byt_detail--bg {
		padding: 0rem !important;
	}
	
	.byt_detail--text h2 {
		font-size: 40px !important;
		padding-bottom: 17px !important;
	}
	.byt_detail--bloks DIV {
    font-size: 18px !important;
	}
	.byt_detail--price {
		font-size: 2.5em;
		line-height: 36px;
		margin-top: 0px;
	}
	.byt_detail--table tr td {
		padding: 10px 14px !important;
		font-size: 14px !important;
	}

	.byt_info_block H3 {
		padding-top: 30px !important;
		padding-bottom: 10px;
	}
	.byt_detail--table {
    width: 100%;
	}
	
	.btn {
    font-size: 1em;
	}

}


/* 📌 Footer menu - vždy zobrazit jako desktopové */
#footer .menu,
#footer nav,
#footer .et_mobile_menu, #footer  .et_pb_menu .et_pb_menu__menu {
  display: block !important;
}

#footer .mobile_menu_bar,
#footer .et_mobile_nav_menu {
  display: none !important;
}

#footer  .et_pb_menu_0_tb_footer .et_pb_menu__wrap, .et_pb_menu_1_tb_footer .et_pb_menu__wrap {
justify-content: flex-start !important;
    }

/* Zrušení mobilních media query pokud by schovávaly desktop menu */
@media only screen and (max-width: 980px) {
  #footer .menu,
  #footer nav {
    display: block !important;
  }
  #footer nav A {
	text-align: left;
  }

	

}