#filter__category {
display: flex;
flex-wrap: wrap;
gap: 4px;
margin-bottom: 4rem;
justify-content: center;
}
#filter__category span {
display: inline-block;
padding: 0.9em 1.4em;
background-color: #808080;
color: #fff;
font-weight: bold;
font-size: 16px;
text-align: center;
border-radius: 0;
transition: all 0.3s ease;
cursor: pointer;
line-height: 1.2;
}
#filter__category span:first-child {
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
}
#filter__category span:last-child {
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
}
#filter__category span.active {
background-color: #76232f;
color: white;
} @media (max-width: 980px) {
#filter__category span {
font-size: 16px;
padding: 0.8em 1.2em;
}
} @media (max-width: 576px) {
#filter__category {
flex-direction: column;
align-items: center;
}
#filter__category span {
width: 100%;
max-width: 300px;
border-radius: 50px !important;
}
}
#grid_tables_3 > DIV {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
column-gap: 1.2em;
row-gap: 1.2em;
}
#grid_tables_3 > DIV > DIV {
margin-bottom: 0% !important;
}
#grid_tables_3 .g_2_2 {
grid-column: 2 / span 2;
}
#grid_tables_3 .g_1_2 {
grid-column: 1 / span 2;
}
@media all and (max-width: 980px) {
#grid_tables_3 > DIV {
grid-template-columns: repeat(2, 1fr);
}
#grid_tables_3 .g_2_2, #grid_tables_3 .g_1_2 {
grid-column: auto;
}
}
@media all and (max-width: 512px) {
#grid_tables_3 > DIV {
display: block;
}
} #ward_menu {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: 1fr;
column-gap: 3%;
row-gap: 2.8em;
}
#ward_menu ARTICLE {
grid-column: span 3;
position: relative;
background-color: #ffffff;
border: 1px #14786e36 solid;
border-radius: 20px;
transition: border-color 0.35s ease-in-out;
background-image: url(https://test.nemiv.cz/wp-content/uploads/2024/12/bg_02-1.png);
background-repeat: no-repeat;
background-position: right center;
background-size: contain; }
#ward_menu ARTICLE:hover {
border-color: #14786e;
}
#ward_menu ARTICLE DIV {
display: flex;
flex-direction: column;
height: 100%;
padding: 0px 20px;
padding-top: 40px;
text-align: center;
}
#ward_menu ARTICLE DIV A:first-of-type {
display: flex;
justify-content: center; align-items: center; flex-grow: 1;
border-bottom: 1px #14786e36 solid;
}
#ward_menu ARTICLE DIV A {
display: block;
vertical-align: middle;
padding: 15px 15px;
}
#ward_menu ARTICLE DIV A SPAN {
display: block;
font-size: 26px;
line-height: 1.2em;
font-weight: bold;
}
#ward_menu .ward_menu--big_font DIV A:first-of-type SPAN {
font-size: 30px;
}
#ward_menu .ward_menu--extrabig_font DIV A:first-of-type SPAN {
font-size: 36px;
}
#ward_menu ARTICLE DIV A:first-of-type SPAN STRONG {
color: #fb5271;
}
#ward_menu .ward_menu--hexagon {
position: absolute;
display: flex;
align-items: center;
text-align: center;
height: 62px; left: 50%;
transform: translateX(-50%);
top:-31px;
aspect-ratio: 1/cos(30deg);
clip-path: polygon(50% -50%,100% 50%,50% 150%,0 50%);
background: #14786e;
}
#ward_menu .ward_menu--hexagon SPAN {
width: 100%;
vertical-align: middle;
text-align: center;
line-height: 0px;
}
#ward_menu .ward_menu--hexagon SPAN IMG {
width: 46%;
}
#ward_menu .ward_menu--pink .ward_menu--hexagon {
background: #FB5271;
}
#ward_menu .ward_menu--pink {
border-color: #fb527187;
}
#ward_menu .ward_menu--btn {
color: #FB5271;
}
#ward_menu .ward_menu--pink:hover {
border-color: #FB5271;
}
@media all and (max-width: 1550px) {
#ward_menu {
display: grid;
column-gap: 3%;
row-gap: 2.8em;
}
#ward_menu ARTICLE {
grid-column: span 4; }
}
@media all and (max-width: 1150px) {
#ward_menu ARTICLE DIV A SPAN {
font-size: 20px;
}
#ward_menu .ward_menu--big_font DIV A:first-of-type SPAN {
font-size: 24px;
}
#ward_menu .ward_menu--extrabig_font DIV A:first-of-type SPAN {
font-size: 30px;
}
}
@media all and (max-width: 980px) {
#ward_menu {
column-gap: 3%;
row-gap: 2.8em;
}
#ward_menu ARTICLE {
grid-column: span 6; }
}
@media all and (max-width: 780px) {
#ward_menu ARTICLE DIV A SPAN {
font-size: 18px;
}
#ward_menu .ward_menu--big_font DIV A:first-of-type SPAN {
font-size: 18px;
}
#ward_menu .ward_menu--extrabig_font DIV A:first-of-type SPAN {
font-size: 26px;
}
}
@media all and (max-width: 512px) {
#ward_menu ARTICLE DIV A SPAN {
font-size: 16px;
}
#ward_menu .ward_menu--big_font DIV A:first-of-type SPAN {
font-size: 16px;
}
#ward_menu ARTICLE DIV {
padding: 0px 10px;
padding-top: 30px;
}
#ward_menu ARTICLE DIV A {
padding: 5px 5px;
font-size: 16px;
}
.ward_menu--mobil__small DIV A:first-of-type SPAN {
font-size: 16px !important;
}
} .gallery_posts {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: 1fr;
column-gap: 1.4em;  
} .carier-thumb {
margin-bottom: 24px;
}
.carier-thumb img {
width: 100%;
height: auto;
display: block;
border-radius: 20px;
}
.posts__carier {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
column-gap: 1.4em;
row-gap: 1.4em;
min-height: 120px;
margin-top: 30px;
}
.posts__carier--none {
display: block;
min-height: 0px;
}
.posts__carier--none  H3 {
display: block;
text-align: center;
color: #076659;
}
.home .posts__carier--none {
display: none;
}
.posts__carier article {
padding: 0em;
}
.posts__carier article A {
height: 100%;
padding: 0px;
display: flex;
flex-direction: column;
background-color: #FFF;
border-radius: 0px;
transition: all 0.35s ease-in-out;
border: 1px #FFF solid;
}
.posts__carier article:hover A {
margin-top: 0px;
border: 1px #76232f solid;
}
.posts__carier article P {
padding-top: 0px !important;
padding-bottom: 20px !important;
padding-left: 0px;
padding-right: 0px;
flex: 1;
font-size: 14px;
line-height: 24px;
}
.posts__carier .blog-date {
padding-left: 24px;
padding-right: 24px;
}
.posts__carier .post--tag {
padding: 0.7em 1.6em;
background-color: #14786e;
border-radius: 50px;
color: #FFF;
font-size: 12px;
margin-right: 4px;
text-wrap: nowrap;
}
.posts__carier article H4, .posts__carier article P, .posts__carier article DIV.posts__carier--text {
padding-left: 24px;
padding-right: 24px;
}
.posts__carier article DIV.posts__carier--text {
padding-bottom: 24px;
}
.posts__carier .post--tag__news {
background-color: #808080;
}
.posts__carier H4 {
padding-top: 20px;
font-size: 20px;
font-weight: 700;
transition: color 0.35s ease-in-out;
}
.posts__carier__all article A {
border: 1px #076659 solid;
border-radius: 20px;
padding-top: 20px;
}
.posts__carier__all article:hover A {
margin-top: 0px;
border: 1px #fb5271 solid;
} @media all and (max-width: 1104px) {
.posts__carier, .gallery_posts {
grid-template-columns: repeat(2, 1fr);
}
.home .posts__carier article:nth-child(n + 3), .home .gallery_posts article:nth-child(n + 3) {
display: none;
}
}
@media all and (max-width: 980px) {
.posts__carier article P {
font-size: 16px;
line-height: 20px;
}
} @media all and (max-width: 767px) {
.posts__carier, .gallery_posts {
grid-template-columns: 1fr;
grid-template-columns: 1fr;
}
.posts__carier article P {
font-size: 12px;
line-height: 16px;
}
}