<style>

.realizace { display: flex; gap: 10px ; }
.realizace item h5 a { text-decoration: none !important; }
.realizace item { flex: 1 1 0px; border: 1px solid #e5e5e5;  transition-duration: 0.3s; border-radius: 3px; }
.realizace item:hover { -webkit-box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.15);
}

.p-detail-inner-header h1, .p-detail-inner-header .h1 {
font-size: 40px;
}

.realizace item img { overflow: hidden; width: 100%; border-radius: 3px 3px 0 0; }
.realizace h5 { padding: 16px; margin: 0px; text-align: center; font-size: 16px; }

.navigation-in ul li a b {
    font-weight: 200;
    font-size: 14px;
}

.item_flex_container {
		display: flex !important;
    flex-direction: row;
    height: 100%;
    align-items: top;
}

.item_flex { flex: 1; padding-right: 10px; }
.item_flex_container .item_flex:last-child { padding-right: 0px; }

.flex_kontakty { line-height: 1.2; }



.vlastnibuton { background: #F18917; color: white; padding: 10px 20px; display: inline-block; margin-right: 10px; margin-top: 30px; text-transform: uppercase; }
.vlastnibuton:hover { background: #106FAF; color: white; }



hr { 
    margin: 35px 0px;
    border: none;
    background: #e7e7e7;
    height: 1px; }
    
.welcome-wrapper { border-top: 1px solid #ededed; padding-top: 55px;  }
.welcome-wrapper img { margin-top: -60px; }

#form_realizace p { display: none; }
#form_realizace textarea::placeholder { content: "Test"; }

.tlacitko { display: inline-block;
    padding: 15px 20px;
    background: black;
    color: white;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top:15px; }
.tlacitko:hover { background: gray; }

.p-short-description > p {
    display: block;
    margin-bottom: 10px;
}

.p-short-description ul {
    padding-left: 1px;
}

.p-short-description li {
		font-size: 15px;
    list-style: none;
    background-image: url(https://www.solatech.cz/user/documents/upload/li_check.svg);
    background-repeat: no-repeat;
    background-size: 19px;
    padding-left: 30px;
    margin-left: 0px;
    line-height: 1.2;
    margin-bottom: 10px;

}

.li_tipy > ul, .li_tipy > ul > li > ul, .li_vyhody > ul, .li_vyhody > ul > li > ul { padding-left: 0px; }


.li_tipy > ul > li, .li_vyhody > ul > li {
		font-size: 17px;
    list-style: none;
    background-image: url(https://www.solatech.cz/user/documents/upload/li_check.svg);
    background-repeat: no-repeat;
    background-size: 19px;
    padding-left: 30px;
    margin-left: 0px;
    line-height: 1.2;
    margin-bottom: 10px;
    font-weight: bold; 
    color: #1a2d1a;
    padding-bottom: 5px; }
    
.li_tipy > ul > li > ul > li, .li_vyhody > ul > li > ul > li { 
   list-style: none;
   padding-left: 0px;
   padding-top: 3px;
   font-size: 14px;
	 font-weight: normal;
   color: #656565;
}

.li_obal { display: flex; flex-direction: row; gap: 30px; }
.li_tipy { filter: hue-rotate(259deg); }
.li_tipy, .li_vyhody { flex: 1 1 0px; }
.li_vyhody { }

.popis_kontakt_box { background: linear-gradient(90deg, rgb(239 239 239), rgb(255 255 255 / 70%)), url(/user/documents/upload/main_konstrukce.png); background-repeat: no-repeat; width: 100%; margin: 20px 0px; background-size: cover; vertical-align: middle; border-radius: 10px; color: #24242e; padding: 60px; padding-right: 35%; }
.popis_kontakt_box h4 { color: #24242e; margin-top: 0px !important; margin-bottom: 15px !important; }
.popis_kontakt_box strong { color: #b50f15; }
.popis_kontakt_box p { margin-bottom: 0px; }

.basic-description h4 { margin-top: 30px; margin-bottom: 22px; }
.basic-description ul { padding-left: 19px; }
.basic-description h5 { margin-bottom: 10px; }

.vo_spoluprace, .ke_stazeni { padding: 20px 30px; background: #f7f7f7; font-size: 15px; color: black; }
.vo_spoluprace a, .ke_stazeni a { color: #099109; text-decoration: none !important; }
.vo_spoluprace a:hover, .ke_stazeni a:hover { color: #4b070a; text-decoration: underline !important; }
.ke_stazeni { margin-bottom: 15px; margin-top: 2px; }


.popis_kategorie { display: inline-flex; gap: 30px; }
.popis_kategorie item:has(> img.aplication_img) { order: 2; }
.popis_kategorie item .aplication_img { min-width: 380px; height: auto; }
.popis_kategorie .vo_spoluprace { margin-top: 10px; }

.buy-box { padding-top: 0px; padding-bottom: 25px; }

.table_detail_parametry {
    width: 100%;
    border-collapse: collapse;
    margin: 0 auto;
  }
  .table_detail_parametry th, .table_detail_parametry td {
    padding: 10px;
    text-align: left;
    border-bottom: 1px solid #ddd;
  }
  .table_detail_parametry th {
    background-color: #f2f2f2;
  }

/* PŘIDÁNÍ E-MAILOVÉ ADRESY DO HLAVIČKY WEBU */

@media screen and (min-width: 1200px){
.top-navigation-bar .project-email {display: inline-block;font-size: 16px;font-weight: bold;margin-left: 24px;color: var(--color-primary);}
a.project-email::before {content: '\e910';font-size: 16px;}
}
@media screen and (min-width: 360px) and (max-width: 767px){
.top-navigation-contacts{display: block !important;}
.top-navigation-contacts .project-phone{display: none !important;}
.top-navigation-contacts .project-email{display: block !important;position: absolute;right: 164px;top: 15px;color: #A3A3AF;}
a.project-email::before {content: '\e910';}
.top-navigation-contacts .project-email span{display: none;}
}

@media (min-width: 768px) { #header .site-name a img { width: 280px; }}
@media (max-width: 767px) {
.realizace, .li_obal, .popis_kategorie { display: block !important; }
.popis_kategorie item .aplication_img { margin-bottom: 10px; }
.popis_kontakt_box { padding: 40px; }
.aplication_img { clear: both; float: none; margin-left: 0px; }
.li_tipy {margin-top: 30px;
    border-top: 1px solid #efefef;
    padding-top: 20px; }
}
@media (min-width: 1200px) { .content-inner { max-width: 100%; }}
@media (max-width: 1199px) { .item_flex_container { display: block !important; }
														 .welcome-wrapper img { margin-top: 10px; } }
                             
/* ODRÁŽKY - POSTUP */
.li_postup-container {
    position: relative;
}

.li_postup-container ul { padding-left: 9px; }

.li_postup-vertical-line {
    position: absolute;
    left: 0;  /* Čára je vlevo od textu */
    top: 15px;
    bottom: 15px;
    width: 2px;
    background-color: #e8e8e8; /* Světle šedá barva pro čáru */
}

.li_postup-item {
    position: relative;
    margin: 15px 0;
    padding-left: 20px; /* Odsazení textu, aby byl správně vedle čáry */
    list-style-type: none;
    font-size: 16px;
    color: #555; /* Tmavší šedá pro text */
    line-height: 1.5;
}

.li_postup-item::before {
    content: '';
    position: absolute;
    left: -13px; /* Posunutí kolečka na správné místo */
    top: 12px;
    transform: translateY(-50%); /* Vertikální centrování kolečka */
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #c5c5c5; /* Tmavší šedá barva pro kolečka */
    border: 1.5px solid #fff; /* Bílý okraj kolem kolečka */
}


.type-post .content-inner {
    max-width: unset; }

.homepage-blog-wrapper .h4.homepage-group-title { border-top: 1px solid #ededed; padding-top: 50px; margin-top: 30px; }
.homepage-group-title a { text-decoration: underline !important; }
.homepage-blog-wrapper .read-article { display: none; }
.homepage-blog-wrapper .news-item a { text-decoration: none; }
.cely-clanek { display: none; }
</style>

