@font-face {
font-family: 'Baloo 2';
src: url(//historypk.cz/wp-content/themes/history_park/fonts/Baloo2-Regular.woff2) format('woff2'),
url(//historypk.cz/wp-content/themes/history_park/fonts/Baloo2-Regular.woff) format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Baloo 2';
src: url(//historypk.cz/wp-content/themes/history_park/fonts/Baloo2-Medium.woff2) format('woff2'),
url(//historypk.cz/wp-content/themes/history_park/fonts/Baloo2-Medium.woff) format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Baloo 2';
src: url(//historypk.cz/wp-content/themes/history_park/fonts/Baloo2-SemiBold.woff2) format('woff2'),
url(//historypk.cz/wp-content/themes/history_park/fonts/Baloo2-SemiBold.woff) format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Baloo 2';
src: url(//historypk.cz/wp-content/themes/history_park/fonts/Baloo2-Bold.woff2) format('woff2'),
url(//historypk.cz/wp-content/themes/history_park/fonts/Baloo2-Bold.woff) format('woff');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Baloo 2';
src: url(//historypk.cz/wp-content/themes/history_park/fonts/Baloo2-ExtraBold.woff2) format('woff2'),
url(//historypk.cz/wp-content/themes/history_park/fonts/Baloo2-ExtraBold.woff) format('woff');
font-weight: 800;
font-style: normal;
font-display: swap;
} @font-face {
font-family: 'Raleway';
src: url(//historypk.cz/wp-content/themes/history_park/fonts/Raleway-Thin.woff2) format('woff2'),
url(//historypk.cz/wp-content/themes/history_park/fonts/Raleway-Thin.woff) format('woff');
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Raleway';
src: url(//historypk.cz/wp-content/themes/history_park/fonts/Raleway-ThinItalic.woff2) format('woff2'),
url(//historypk.cz/wp-content/themes/history_park/fonts/Raleway-ThinItalic.woff) format('woff');
font-weight: 100;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Raleway';
src: url(//historypk.cz/wp-content/themes/history_park/fonts/Raleway-ExtraLight.woff2) format('woff2'),
url(//historypk.cz/wp-content/themes/history_park/fonts/Raleway-ExtraLight.woff) format('woff');
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Raleway';
src: url(//historypk.cz/wp-content/themes/history_park/fonts/Raleway-ExtraLightItalic.woff2) format('woff2'),
url(//historypk.cz/wp-content/themes/history_park/fonts/Raleway-ExtraLightItalic.woff) format('woff');
font-weight: 200;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Raleway';
src: url(//historypk.cz/wp-content/themes/history_park/fonts/Raleway-Light.woff2) format('woff2'),
url(//historypk.cz/wp-content/themes/history_park/fonts/Raleway-Light.woff) format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Raleway';
src: url(//historypk.cz/wp-content/themes/history_park/fonts/Raleway-LightItalic.woff2) format('woff2'),
url(//historypk.cz/wp-content/themes/history_park/fonts/Raleway-LightItalic.woff) format('woff');
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Raleway';
src: url(//historypk.cz/wp-content/themes/history_park/fonts/Raleway-Regular.woff2) format('woff2'),
url(//historypk.cz/wp-content/themes/history_park/fonts/Raleway-Regular.woff) format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Raleway';
src: url(//historypk.cz/wp-content/themes/history_park/fonts/Raleway-Italic.woff2) format('woff2'),
url(//historypk.cz/wp-content/themes/history_park/fonts/Raleway-Italic.woff) format('woff');
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Raleway';
src: url(//historypk.cz/wp-content/themes/history_park/fonts/Raleway-Medium.woff2) format('woff2'),
url(//historypk.cz/wp-content/themes/history_park/fonts/Raleway-Medium.woff) format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Raleway';
src: url(//historypk.cz/wp-content/themes/history_park/fonts/Raleway-MediumItalic.woff2) format('woff2'),
url(//historypk.cz/wp-content/themes/history_park/fonts/Raleway-MediumItalic.woff) format('woff');
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Raleway';
src: url(//historypk.cz/wp-content/themes/history_park/fonts/Raleway-SemiBold.woff2) format('woff2'),
url(//historypk.cz/wp-content/themes/history_park/fonts/Raleway-SemiBold.woff) format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Raleway';
src: url(//historypk.cz/wp-content/themes/history_park/fonts/Raleway-SemiBoldItalic.woff2) format('woff2'),
url(//historypk.cz/wp-content/themes/history_park/fonts/Raleway-SemiBoldItalic.woff) format('woff');
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Raleway';
src: url(//historypk.cz/wp-content/themes/history_park/fonts/Raleway-Bold.woff2) format('woff2'),
url(//historypk.cz/wp-content/themes/history_park/fonts/Raleway-Bold.woff) format('woff');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Raleway';
src: url(//historypk.cz/wp-content/themes/history_park/fonts/Raleway-BoldItalic.woff2) format('woff2'),
url(//historypk.cz/wp-content/themes/history_park/fonts/Raleway-BoldItalic.woff) format('woff');
font-weight: 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Raleway';
src: url(//historypk.cz/wp-content/themes/history_park/fonts/Raleway-ExtraBold.woff2) format('woff2'),
url(//historypk.cz/wp-content/themes/history_park/fonts/Raleway-ExtraBold.woff) format('woff');
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Raleway';
src: url(//historypk.cz/wp-content/themes/history_park/fonts/Raleway-ExtraBoldItalic.woff2) format('woff2'),
url(//historypk.cz/wp-content/themes/history_park/fonts/Raleway-ExtraBoldItalic.woff) format('woff');
font-weight: 800;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Raleway';
src: url(//historypk.cz/wp-content/themes/history_park/fonts/Raleway-Black.woff2) format('woff2'),
url(//historypk.cz/wp-content/themes/history_park/fonts/Raleway-Black.woff) format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Raleway';
src: url(//historypk.cz/wp-content/themes/history_park/fonts/Raleway-BlackItalic.woff2) format('woff2'),
url(//historypk.cz/wp-content/themes/history_park/fonts/Raleway-BlackItalic.woff) format('woff');
font-weight: 900;
font-style: italic;
font-display: swap;
}
:root{
--white-color: #fff;
--black-color: #000; --hneda-color:          #794731;
--hneda-opacity-color:  #936b59;
--cervena-color:        #A21618;
--cervena-opacity-color:#b44345;
--zelena-color:         #809133;
--zelena-opacity-color: #99a65b;
--pozadi-color:         #FFF7E6;
--cervenohneda-color:   #8E2F2F;
--cervenohneda-opacity-color: #a45858;
--oranzova-color:       #D8782B;
--oranzova-opacity-color:#e09254;
--tmave-zelena-color:   #5C6D3C;
--tmave-zelena-opacity-color: #7c8962;
--ruzova-color:         #C77F7F;
--ruzova-opacity-color: #d29898; --font-heading: 'Baloo 2';
--font-body: 'Raleway';
}
html{
overflow-x: clip; }
body{
overflow-x: hidden;
color: var(--hneda-color);
background-image: url(//historypk.cz/wp-content/themes/history_park/img/pg_bg.svg);
background-size: cover;
background-repeat: no-repeat;
}
section{
padding: 100px 0;
}
.container {
max-width: 1400px;
width: 100%;
}
h1,h2,h3,h4,h5{
font-family: var(--font-heading);
font-weight: 800;
color: var(--white-color);
}
p{
color: var(--white-color);
}
p, ul{
font-family: var(--font-body);
font-weight: 400;
font-size: 16px;
}
.padding_zero {
padding: 0;
}
.margin_zero{
margin: 0;
}
img, svg {
vertical-align: unset;
}
.green_underline{
color: var(--oranzova-color);
position: relative;
}
.green_underline::after{
content: "";
position: absolute;
left: 0;
bottom: 7px;
width: 8%;
height: 4px;
border-radius: 5px;
background: var(--zelena-color);
transform: rotate(-1deg);
}
.green_underline::before{
content: "";
position: absolute;
right: 0;
bottom: 8px;
width: 90%;
height: 4px;
border-radius: 5px;
background: var(--zelena-color);
transform: rotate(-1deg);
} .wrapper_intro_section{
max-width: 800px;
margin-bottom: 40px;
}
.wrapper_intro_section.wrapper_text h2,
.wrapper_intro_section.wrapper_text p{
color: var(--cervenohneda-color);
}
.flex{
display: flex;
}
a {
text-decoration: none;
color: var(--cervenohneda-color);
&:hover{
text-decoration: none;
}
} .header {
position: fixed;
top: 0;
z-index: 100;
background-color: #ede3c0;
width: 100%;
transition: box-shadow 0.3s ease;
} .header.scrolled {
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}
header + section{
margin-top: 131px; padding-top: 65px;
} .header_topbar {
background-color: var(--zelena-color);
color: var(--white-color);
font-size: 15px;
}
.header_topbar__inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
height: 38px;
}
.header_topbar__item {
display: flex;
align-items: center;
gap: 10px;
color: var(--white-color);
}
.header_topbar__item p {
margin: 0;
}
.header_topbar__icon {
flex: 0 0 auto;
width: 18px;
line-height: 0;
}
.header_topbar__icon img {
width: 100%;
height: auto;
display: block;
} a.header_topbar__item {
text-decoration: none;
}
a.header_topbar__item p {
text-decoration: underline;
}
a.header_topbar__item:hover p {
text-decoration: none;
}
.whrapper_header {
display: flex;
align-items: center;
height: 93px;
justify-content: space-between;
transition: height 0.3s ease;
} .header.scrolled .whrapper_header {
height: 80px;
}
.wrapper_header_logo a{
display: inline-block;
width: 200px;
transition: width 0.3s ease;
}
.wrapper_header_logo img{
width: 100%;
height: auto;
display: block;
} .header.scrolled .wrapper_header_logo a{
width: 160px;
}
.wrapper_header_logo{
max-width: 250px;
min-width: 10%;
}
.logo{
width: 210px;
} .navmenu{
display: flex;
align-items: center;
list-style: none;
margin: 0;
padding: 0;
gap: 35px;
}
.navmenu li{
position: relative;
}
.navmenu > li > a{
display: flex;
align-items: center;
font-size: 18px;
font-weight: 600;
color: var(--hneda-color);
text-decoration: none;
padding: 8px 0;
} .navmenu .menu-item-has-children > a{
padding-bottom: 8px;
}
.navmenu .menu-item-has-children > a::before{
content: '';
order: 2; width: 18px;
height: 18px;
margin-left: 6px;
background: url(//historypk.cz/wp-content/themes/history_park/img/caret_down.svg) center / contain no-repeat;
transition: transform .3s ease;
}
.navmenu .menu-item-has-children:hover > a::before{
transform: rotate(180deg);
} .navmenu .sub-menu{
list-style: none;
margin: 0;
padding: 18px 22px;
position: absolute;
top: 100%;
right: 0;
left: auto;
min-width: 240px;
background-color: var(--hneda-color);
border-radius: 12px;
box-shadow: 0 8px 18px rgba(0, 0, 0, .12);
opacity: 0;
visibility: hidden;
transform: translateY(4px);
transition: opacity .25s ease, transform .25s ease, visibility .25s;
z-index: 20;
}
.navmenu li:hover > .sub-menu{
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.navmenu .sub-menu li + li{
margin-top: 14px;
}
.navmenu .sub-menu a{
display: block;
font-size: 18px;
color: var(--white-color);
text-decoration: none;
white-space: nowrap;
transition: opacity .2s ease;
}
.navmenu .sub-menu a:hover{
opacity: .75;
}
.open_menu{
display: none;
position: relative;
width: 34px;
height: 24px;
cursor: pointer;
z-index: 1000; }
.open_menu span{
position: absolute;
left: 0;
width: 100%;
height: 3px;
border-radius: 2px;
background-color: var(--hneda-color);
transition: transform .3s ease, opacity .3s ease, top .3s ease;
}
.open_menu span:nth-child(1){ top: 0; }
.open_menu span:nth-child(2){ top: 50%; transform: translateY(-50%); }
.open_menu span:nth-child(3){ top: auto; bottom: 0; } .open_menu.menu_opened span:nth-child(1){ top: 50%; transform: translateY(-50%) rotate(45deg); }
.open_menu.menu_opened span:nth-child(2){ opacity: 0; }
.open_menu.menu_opened span:nth-child(3){ top: 50%; bottom: auto; transform: translateY(-50%) rotate(-45deg); } .wrapper_text a:not(.button):not(:has(.button)){
text-decoration: underline;
} .button{
display: inline-block;
font-family: var(--font-body);
font-size: 16px;
line-height: 140%;
font-weight: bold;
color: var(--white-color);
text-decoration: none;
text-align: center;
border: none;
padding: 14px 32px;
transition: 0.3s ease;
width: auto;
height: auto;
} a.button,
a .button{
cursor: pointer;
}
.button_green{
background-color: var(--zelena-color); a&:hover,
a:hover &{
background-color: var(--zelena-opacity-color);
}
}
.button_orange{
background-color: var(--oranzova-color);
a&:hover,
a:hover &{
background-color: var(--oranzova-opacity-color);
}
}
.button_red_brown{
background-color: var(--cervenohneda-color);
a&:hover,
a:hover &{
background-color: var(--cervenohneda-opacity-color);
}
}
.button_pink{
background-color: var(--ruzova-color);
a&:hover,
a:hover &{
background-color: var(--ruzova-opacity-color);
}
} .tp_button_one{
clip-path: polygon(3% 5%, 100% 0%, 100% 100%, 0% 92%);
}
.tp_button_two{
clip-path: polygon(0% 0%, 100% 8%, 97% 96%, 0% 100%);
}
.tp_button_three{
clip-path: polygon(4% 7%, 98% 9%, 100% 95%, 0% 90%);
}
.tp_label_one{
clip-path: polygon(3% 5%, 100% 0%, 100% 100%, 0% 92%);
}
.button.tp_label_one{
padding: 4px 10px 7px 14px;
font-weight: 400;
} .button_big{
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 230px;
min-height: 70px;
max-width: 100%;
padding: 18px 40px;
font-size: 20px;
} .wrapper_text{
h1, h2, h3, h4, h5, h6 {
font-family: var(--font-heading);
font-weight: 800;
color: var(--cervenohneda-color);
line-height: 1.2;
margin: 0 0 15px;
}
h1{ font-size: 68px; }
h2{ font-size: 40px;
margin-bottom: 12px; }
h3{ font-size: 20px; }
p {
color: var(--cervenohneda-color);
font-size: 16px;
line-height: 1.4;
}
p:last-child{ margin-bottom: 0; }
ul{
list-style: none;
padding: 0;
margin: 10px 0 24px 0;
}
li{
position: relative;
padding: 0 0 0 36px;
margin: 0 0 10px;
color: var(--cervenohneda-color);
}
li::before{
content: "";
position: absolute;
left: 0;
top: 0px;
width: 24px;
height: 24px;
background-image: url(//historypk.cz/wp-content/themes/history_park/img/chek_li.svg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
} .centered-wrapper{
display: flex;
flex-direction: column;
align-items: center;
margin-left: auto;
margin-right: auto;
} .section_text_two_columns .row{
display: flex;
flex-wrap: wrap;
gap: 40px;
}
.section_text_two_columns .col-md-6{
flex: 1;
width: auto;
max-width: none;
margin-bottom: 0;
} @media (max-width: 900px){
.section_text_two_columns .row{
flex-direction: column;
gap: 24px;
}
.section_text_two_columns .col-md-6{
flex: 1 1 100%;
}
} .section_intro_home_page{
background-size: 1915px;
background-position: center bottom;
background-repeat: no-repeat; min-height: 0;
max-width: 1950px;
margin-left: auto;
margin-right: auto;
}
.wrapper_intro_home_page{
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
max-width: 800px;
margin: 0 auto;
text-align: center;
} .section_intro_home_page:not(.section_intro_second_page){
padding-bottom: 360px;
}
.wrapper_intro_home_page .wrapper_text h1,
.wrapper_intro_home_page .wrapper_text p{
color: var(--cervenohneda-color);
}
.wrapper_intro_home_page_buttons{
display: flex;
justify-content: center;
gap: 20px;
flex-wrap: wrap;
margin-top: 32px;
align-items: center;
a{
display: inline-block;
}
} .intro_scroll_down{
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
padding: 0;
border: 0;
background: none;
cursor: pointer;
transition: transform .2s ease;
}
.intro_scroll_down:hover{
transform: translateY(4px);
}
.intro_scroll_down img{
width: 40px;
height: 40px;
object-fit: contain;
} .section_intro_home_page.section_intro_second_page{
min-height: 450px;
}
.section_intro_home_page.section_intro_second_page .wrapper_intro_home_page{
min-height: 450px;
justify-content: flex-start;
} .section_intro_home_page + .section_about_us{
margin-top: 50px;
}
.section_about_us{
background-image: url(//historypk.cz/wp-content/themes/history_park/img/grean_bg.svg);
background-size: auto 100%;
background-repeat: no-repeat;
background-position: center;
position: relative;
} .has_dashed_top {
position: relative;
}
.has_dashed_top::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 50px;
background-image: url(//historypk.cz/wp-content/themes/history_park/img/doted_line_tileable.svg);
background-repeat: repeat-x;
background-size: auto 100%;
pointer-events: none;
z-index: 2;
} .has_dashed_bottom {
position: relative;
}
.has_dashed_bottom::after {
content: "";
position: absolute;
left: 50%;
bottom: 0;
width: 100vw; height: 50px;
background-image: url(//historypk.cz/wp-content/themes/history_park/img/doted_line_tileable.svg);
background-repeat: repeat-x;
background-size: auto 100%;
transform: translateX(-50%) scaleY(-1); pointer-events: none;
z-index: 2;
}
.wrapper_about_us_all {
min-height: 300px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 800px;
margin: 0 auto;
}
.wrapper_about_us_all .wrapper_text{
text-align: center;
}
.wrapper_about_us_all .wrapper_text h2{
margin-bottom: 24px;
}
.wrapper_about_us_all .wrapper_label{
margin-bottom: 24px;
} .section_about_us .wrapper_text h1,
.section_about_us .wrapper_text h2,
.section_about_us .wrapper_text h3,
.section_about_us .wrapper_text h4,
.section_about_us .wrapper_text h5,
.section_about_us .wrapper_text h6,
.section_about_us .wrapper_text p,
.section_about_us .wrapper_text ul,
.section_about_us .wrapper_text ol{
color: var(--white-color);
} .about_us_badge{
display: inline-block;
background-color: var(--cervenohneda-color);
color: var(--white-color);
font-family: var(--font-heading);
font-weight: 600;
font-size: 14px;
padding: 6px 18px;
border-radius: 6px;
margin-bottom: 20px;
}
.wrapper_about_us_buttons{
display: flex;
justify-content: center;
gap: 15px;
flex-wrap: wrap;
margin-top: 24px;
a{
display: inline-block;
}
} .section_activities{
}
.wrapper_activities_grid{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
}
.activities_card{
background-color: var(--hneda-color);
border-radius: 6px;
overflow: hidden;
display: flex;
flex-direction: column;
color: var(--white-color);
padding: 20px;
transform: rotate(-0.89deg);
} .wrapper_activities_grid .activities_card:nth-child(2),
.wrapper_activities_grid .activities_card:nth-child(4){
transform: rotate(0.89deg);
}
.activities_card_img{
position: relative;
height: 180px;
overflow: hidden;
border-radius: 4px;
img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
}
.activities_card_badge{
background-color: var(--oranzova-color);
color: var(--white-color);
width: fit-content;
margin: 14px 0 10px 0 !important;
padding: 4px 8px 7px 7px;
clip-path: polygon(3% 7%, 100% 3%, 100% 95%, 1% 90%);
display: flex;
flex-direction: row;
align-items: center;
column-gap: 6px;
}
.activities_card_badge p{
color: var(--white-color);
}
.activities_card_badge_icon{
width: 16px;
height: 16px;
}
.activities_card_badge_icon img{
width: 100%;
max-height: 100%;
}
.activities_card_content_link {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
row-gap: 16px;
}
.activities_card_content{
flex: 1;
display: flex;
flex-direction: column;
}
.activities_card_content > h3{
margin-bottom: 4px;
color: var(--white-color);
}
.activities_card_content > p{
margin: 0;
color: var(--white-color);
}
.activities_card_text{
color: var(--white-color);
margin: 0 0 15px;
flex: 1;
} .activities_card_cta{
background-color: var(--hneda-color);
text-align: center;
justify-content: center;
align-items: center;
padding: 40px 25px;
}
.activities_cta_title{
font-family: var(--font-heading);
font-size: 40px;
font-weight: 700;
color: var(--white-color);
margin-bottom: 4px;
}
.activities_cta_text{
color: var(--white-color);
margin-bottom: 24px;
} .section_program .wrapper_intro_section{
text-align: center;
margin-left: auto;
margin-right: auto;
margin-bottom: 12px;
}
.wrapper_program_points_buttons {
margin-bottom: 40px;
display: flex;
justify-content: center;
align-items: center;
gap: 12px;
flex-direction: row;
flex-wrap: wrap;
}
.wrapper_program_points_buttons p{
margin-bottom: 0;
}
.wrapper_program_points_buttons p:nth-child(1) {
background-color: var(--cervenohneda-color);
padding: 12px 24px;
clip-path: polygon(2% 6%, 98% 0%, 100% 94%, 0% 100%);
}
.wrapper_program_points_buttons p:nth-child(2) {
background-color: var(--zelena-color);
padding: 14px 28px;
clip-path: polygon(0% 4%, 100% 7%, 96% 100%, 4% 95%);
}
.wrapper_program_points_buttons p:nth-child(3) {
background-color: var(--oranzova-color);
padding: 10px 22px;
clip-path: polygon(5% 8%, 97% 10%, 100% 92%, 0% 96%);
}
.wrapper_program_points_buttons p:nth-child(4) {
background-color: var(--ruzova-color);
padding: 12px 26px;
clip-path: polygon(3% 0%, 100% 5%, 98% 96%, 2% 100%);
}
.wrapper_program_points_buttons p:nth-child(5) {
background-color: var(--tmave-zelena-color);
padding: 13px 24px;
clip-path: polygon(0% 9%, 96% 0%, 100% 100%, 4% 93%);
}
.wrapper_program_points_buttons p:nth-child(6) {
background-color: var(--cervena-color);
padding: 11px 28px;
clip-path: polygon(6% 3%, 100% 8%, 94% 95%, 0% 100%);
}
.wrapper_program_points_buttons p:nth-child(7) {
background-color: var(--zelena-color);
padding: 12px 22px;
clip-path: polygon(2% 7%, 98% 2%, 100% 90%, 3% 98%);
}
.wrapper_program_points_buttons p:nth-child(8) {
background-color: var(--oranzova-color);
padding: 14px 26px;
clip-path: polygon(0% 0%, 95% 6%, 100% 97%, 5% 94%);
}
.wrapper_program_points_buttons p:nth-child(9) {
background-color: var(--ruzova-color);
padding: 10px 24px;
clip-path: polygon(4% 10%, 100% 4%, 96% 100%, 0% 91%);
}
.wrapper_program_points_buttons p:nth-child(10) {
background-color: var(--tmave-zelena-color);
padding: 13px 28px;
clip-path: polygon(7% 2%, 97% 9%, 100% 93%, 2% 100%);
}
.wrapper_program_grid{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
gap: 25px;
}
.wrapper_program_card{
background: var(--hneda-color);
border-radius: 10px;
padding: 20px;
width: 315px;
} .wrapper_program_grid .wrapper_program_card:nth-child(odd){
transform: rotate(-0.89deg);
}
.wrapper_program_grid .wrapper_program_card:nth-child(even){
transform: rotate(0.89deg);
}
.wrapper_program_card_img{
width: 100%;
height: 190px;
}
.wrapper_program_card_img img{
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 10px;
}
.wrapper_text .item_program_time{
color: var(--white-color);
margin: 12px 0 4px 0;
}
.wrapper_text .item_program_name{
color: var(--white-color);
margin: 0;
}
.wrapper_button_program_pdf {
display: flex;
justify-content: center;
margin-top: 40px;
} .section_how_much_time{
position: relative; overflow-x: clip;
}
.wrapper_how_much_time_grid{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
position: relative;
}
.how_much_time_card{
background-color: var(--hneda-color);
border-radius: 6px;
padding: 27px 20px 20px 20px;
color: var(--white-color);
position: relative;
transform: rotate(-0.89deg);
} .wrapper_how_much_time_grid .how_much_time_card:nth-child(2),
.wrapper_how_much_time_grid .how_much_time_card:nth-child(4){
transform: rotate(0.89deg);
}
.how_much_time_line{
width: 100%;
height: 1px;
background: var(--white-color);
position: relative;
}
.wrapper_how_much_time_grid .how_much_time_line::before {
content: "";
position: absolute;
top: -7px;
left: 25%;
width: 14px;
height: 14px;
border-radius: 50%;
background-color: var(--zelena-color);
}
.wrapper_how_much_time_grid .how_much_time_card:nth-child(2) .how_much_time_line::before {
left: 50%;
}
.wrapper_how_much_time_grid .how_much_time_card:nth-child(3) .how_much_time_line::before {
left: calc(100% - 13px);
}
.wrapper_how_much_time_grid .how_much_time_card:nth-child(1)::before {
content: "";
position: absolute;
background-image: url(//historypk.cz/wp-content/themes/history_park/img/how_much_time_grass.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 85px;
height: 100px;
right: 18px;
bottom: -15px;
}
.wrapper_how_much_time_grid .how_much_time_card:nth-child(3)::before {
content: "";
position: absolute;
background-image: url(//historypk.cz/wp-content/themes/history_park/img/how_much_time_person_stone.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 195px;
height: 170px;
right: -40px;
top: -160px;
}
.how_much_time_card_cas{
font-family: var(--font-heading);
font-size: 20px;
font-weight: 700;
line-height: 1.2;
color: var(--white-color);
margin: 18px 0 4px 0;
}
.how_much_time_card_nadpis{
color: var(--white-color);
font-weight: 700;
line-height: 1.2;
font-size: 16px;
margin: 0 0 10px;
}
.how_much_time_card_popis{
color: var(--white-color);
font-size: 16px;
line-height: 1.4;
margin: 0;
}
.how_much_time_card .button{
margin-top: 16px;
margin-bottom: 0;
padding: 5px 9px 5px 13px;
} .section_what_by_age .wrapper_intro_section{
text-align: center;
margin-left: auto;
margin-right: auto;
}
.wrapper_what_by_age_grid {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
gap: 40px 80px;
}
.wrapper_what_by_age{
width: 290px;
}
.wrapper_what_by_age_icon{
width: 75px;
height: 75px;
margin-bottom: 16px;
}
.wrapper_what_by_age_icon img{
height: 100%;
max-width: 100%;
}
.wrapper_what_by_age.wrapper_text .what_by_age_age{
font-size: 30px;
font-family: var(--font-heading);
font-weight: 800;
margin-bottom: 8px;
}
.wrapper_what_by_age.wrapper_text .what_by_age_label{
margin: 0;
}
.wrapper_what_by_age_grid .wrapper_what_by_age:nth-child(2) p {
color: var(--tmave-zelena-color);
} .section_price .wrapper_intro_section{
text-align: center;
margin-left: auto;
margin-right: auto;
}
.wrapper_price_all{
display: flex;
flex-direction: column;
row-gap: 18px;
}
.wrapper_price{
position: relative;
display: flex;
justify-content: space-between;
column-gap: 45px;
padding-left: 27px;
}
.wrapper_price::before{
content: "";
position: absolute;
left: 0;
top: 3px;
width: 15px;
height: 15px;
border-radius: 8px;
background: var(--zelena-color);
}
.wrapper_price p{
margin: 0;
}
.wrapper_price_dotted{
border-bottom: 2px dotted var(--hneda-color);
flex: 1;
}
.wrapper_label_below_price{
text-align: center;
margin-top: 40px;
}
.wrapper_price_all_left{
padding-right: 33px;
}
.wrapper_price_all_right{
padding-left: 33px;
} .wrapper_what_included{
background: var(--hneda-color);
border-radius: 10px;
padding: 32px;
height: 100%;
transform: rotate(-0.89deg);
}
.wrapper_what_included.wrapper_text h3,
.wrapper_what_included.wrapper_text p{
color: var(--white-color);
}
.wrapper_what_included_points_two_col {
display: flex;
flex-direction: row;
column-gap: 50px;
}
.wrapper_what_included_points {
display: flex;
flex-direction: column;
flex-wrap: wrap;
row-gap: 18px;
}
.wrapper_what_included_points_two_col .wrapper_what_included_points{
width: calc(50% - 25px);
}
.wrapper_what_included_point{
position: relative;
padding-bottom: 18px;
padding-left: 27px;
}
.wrapper_what_included_point::before{
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background-image: url(//historypk.cz/wp-content/themes/history_park/img/for_who_line_green.svg);
}
.wrapper_what_included_point::after{
content: "";
position: absolute;
left: 0;
top: 0px;
width: 15px;
height: 15px;
border-radius: 8px;
background: var(--zelena-color);
}
.wrapper_what_included_second_card{
position: relative;
transform: rotate(0.89deg);
}
.wrapper_what_included_second_card::before{
content: "";
position: absolute;
bottom: -20px;
right: 10px;
background-image: url(//historypk.cz/wp-content/themes/history_park/img/how_much_time_grass.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 85px;
height: 100px;
} .section_what_you_try .wrapper_intro_section{
text-align: center;
margin-left: auto;
margin-right: auto;
}
.wrapper_what_you_try_icon_all{
display: flex;
column-gap: 20px;
}
.wrapper_what_you_try_icon{
width: calc(50% - 10px);
height: 275px;
}
.wrapper_what_you_try_icon img{
width: 100%;
height: 100%;
object-fit: cover;
}
.what_you_try_label_icon_all{
display: flex;
column-gap: 12px;
}
.what_you_try_label_icon.button {
padding: 6px 13px 5px 12px;
}
.what_you_try_label_icon.button p{
color: var(--white-color);
}
.what_you_try_label_icon{
display: flex;
flex-direction: row;
column-gap: 6px;
}
.what_you_try_icon{
width: 16px;
height: 16px;
}
.what_you_try_icon img{
width: 100%;
max-height: 100%;
} .section_what_you_try .wyt_item{
display: flex;
align-items: center;
gap: 65px;
} .section_what_you_try .wyt_item + .wyt_item{
margin-top: 40px;
} .section_what_you_try .wyt_item--reversed{
flex-direction: row-reverse;
} .section_what_you_try .wyt_item .wrapper_what_you_try_icon_all{
flex: 0 0 42%;
}
.section_what_you_try .wyt_item .wrapper_text{
flex: 1;
} .section_what_you_try .wyt_item--hidden{
display: none;
}
.wrapper_wyt_show_more{
display: flex;
justify-content: center;
margin-top: 40px;
} @media (max-width: 992px){
.section_what_you_try .wyt_item,
.section_what_you_try .wyt_item--reversed{
flex-direction: column-reverse;
}
.section_what_you_try .wyt_item + .wyt_item{
margin-top: 40px;
}
} .section_for_who_introduction{
position: relative;
} .section_for_who_introduction::before{
content: "";
position: absolute;
left: 0;
top: 335px;
width: 100%;
height: 50px;
background-image: url(//historypk.cz/wp-content/themes/history_park/img/doted_line_tileable.svg);
background-repeat: repeat-x;
background-size: auto 100%;
pointer-events: none;
z-index: 0;
} .section_for_who_introduction .container{
position: relative;
z-index: 1;
}
.wrapper_for_who_introduction_grid{
row-gap: 30px;
}
.for_who_introduction_card{
background-color: var(--hneda-color);
border: 1px solid rgba(121, 71, 49, 0.15);
border-radius: 12px;
padding: 30px 25px;
height: 100%;
display: flex;
flex-direction: column;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
gap: 16px;
transform: rotate(-0.89deg);
} .wrapper_for_who_introduction_grid .col-md-4:nth-child(2) .for_who_introduction_card,
.wrapper_for_who_introduction_grid .col-md-4:nth-child(4) .for_who_introduction_card{
transform: rotate(0.89deg);
}
.for_who_introduction_card_title{
font-family: var(--font-heading);
font-size: 26px;
font-weight: 700;
color: var(--cervena-color);
margin: 0 0 15px;
}
.for_who_introduction_card_content{
margin-bottom: 24px;
position: relative;
}
.for_who_introduction_card_content h3,
.for_who_introduction_card_content p{
color: var(--white-color);
}
.for_who_introduction_card_content::before{
content: "";
position: absolute;
bottom: -21px;
width: 100%;
height: 1px;
background-image: url(//historypk.cz/wp-content/themes/history_park/img/for_who_line_green.svg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.for_who_introduction_card_content_points{
ul{
list-style: none;
padding: 0;
margin: 10px 0 0;
}
li{
position: relative;
padding: 0 0 0 36px;
margin: 0 0 10px;
color: var(--white-color);
}
li::before{
content: "";
position: absolute;
left: 0;
top: 0px;
width: 24px;
height: 24px;
background-image: url(//historypk.cz/wp-content/themes/history_park/img/check_green.svg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
}
.for_who_introduction_card .button{
width: fit-content;
margin-top: auto;
}
.wrapper_for_who_introduction_grid .col-md-4:nth-child(2) .for_who_introduction_card {
background-color: var(--zelena-color);
}
.wrapper_for_who_introduction_grid .col-md-4:nth-child(2) .for_who_introduction_card .button{
background-color: var(--hneda-color);
&:hover{
background-color: var(--hneda-opacity-color);
}
}
.wrapper_for_who_introduction_grid .col-md-4:nth-child(2) .for_who_introduction_card_content_points  li::before{
background-image: url(//historypk.cz/wp-content/themes/history_park/img/check_brown.svg);
}
.wrapper_for_who_introduction_grid .col-md-4:nth-child(2) .for_who_introduction_card_content::before{
background-image: url(//historypk.cz/wp-content/themes/history_park/img/for_who_line_brown.svg);
} .section_why_us{
}
.wrapper_why_us_left{
padding-right: 56px;
}
.why_us_title{
font-family: var(--font-heading);
font-size: 42px;
font-weight: 700;
color: var(--cervenohneda-color);
margin: 0 0 20px;
line-height: 1.2;
span.zelena{
color: var(--zelena-color);
border-bottom: 3px solid var(--zelena-color);
}
span.cervena{
color: var(--cervena-color);
}
}
.why_us_perex{
color: var(--hneda-color);
font-size: 16px;
line-height: 1.6;
margin-bottom: 30px;
p{ margin: 0 0 12px; color: var(--hneda-color); }
}
.why_us_illustration{
margin-top: 20px;
img{
max-width: 100%;
height: auto;
}
}
.wrapper_why_us_grid{
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 32px;
}
.why_us_card{
display: flex;
flex-direction: column;
}
.wrapper_why_us_grid .why_us_card .wrapper_text h3{
margin-bottom: 8px;
}
.wrapper_why_us_grid .why_us_card .wrapper_text h3,
.wrapper_why_us_grid .why_us_card .wrapper_text p{
color: var(--cervenohneda-color);
}
.wrapper_why_us_grid .why_us_card:nth-child(2) .wrapper_text h3,
.wrapper_why_us_grid .why_us_card:nth-child(2) .wrapper_text p,
.wrapper_why_us_grid .why_us_card:nth-child(3) .wrapper_text h3,
.wrapper_why_us_grid .why_us_card:nth-child(3) .wrapper_text p {
color: var(--tmave-zelena-color);
}
.why_us_card_icon{
width: 70px;
height: 70px;
margin-bottom: 8px;
img{
width: 100%;
max-height: 100%;
}
}
.why_us_card_text{
color: var(--hneda-color);
font-size: 14px;
line-height: 1.6;
p{ margin: 0; color: var(--hneda-color); }
} .section_faq{
}
.section_faq .wrapper_intro_section{
text-align: center;
margin-left: auto;
margin-right: auto;
} .section_faq .accordion{
display: flex;
flex-direction: column;
gap: 24px;
max-width: 800px;
margin-left: auto;
margin-right: auto;
border: none;
padding-top: 24px;
}
.section_faq .accordion-item{
background-color: unset;
position: relative;
border: none;
padding-bottom: 12px;
}
.section_faq .accordion-item::before {
content: "";
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 1px;
background: var(--zelena-color);
}
.section_faq .accordion-header{
background-color: unset;
}
.section_faq .accordion-button{
background-color: unset;
padding: 0 24px 12px 56px;
color: var(--cervenohneda-color);
font-size: 20px;
font-weight: 700;
}
.section_faq .accordion-button:focus {
box-shadow: none;
}
.accordion-button:not(.collapsed){
background-color: unset;
box-shadow: none;
}
.section_faq .accordion-body{
padding: 0 24px 12px 56px;
color: var(--cervenohneda-color);
}
.accordion-button::after{
width: 32px;
height: 32px;
background-color: var(--zelena-color);
border-radius: 16px;
background-image: url(//historypk.cz/wp-content/themes/history_park/img/faq_open.svg);
background-position: center;
background-size: cover;
position: absolute;
left: 0px;
}
.accordion-button:not(.collapsed)::after{
width: 32px;
height: 32px;
background-image: url(//historypk.cz/wp-content/themes/history_park/img/faq_close.svg);
background-position: center;
background-size: cover;
position: absolute;
left: 0px;
} .section_refreshment{
background-image: url(//historypk.cz/wp-content/themes/history_park/img/grean_bg.svg);
background-size: auto 100%;
background-repeat: no-repeat;
background-position: center;
}
.wrapper_refreshment_content.wrapper_text h2,
.wrapper_refreshment_content.wrapper_text p,
.wrapper_refreshment_content.wrapper_text li{
color: var(--white-color);
}
.refreshment_label{
clip-path: polygon(4% 6%, 99% 9%, 100% 90%, 0% 100%);
padding: 9px 13px 5px 14px;
}
.wrapper_refreshment_points ul{
margin-bottom: 24px;
}
.wrapper_refreshment_points ul li{
position: relative;
padding: 0 0 0 24px;
margin-bottom: 4px;
}
.wrapper_refreshment_points ul li:last-of-type{
margin-bottom: 0;
}
.wrapper_refreshment_points ul ::before{
position: absolute;
left: 11px;
top: calc(50% - 1.5px);
width: 3px;
height: 3px;
background: var(--white-color);
}
.refreshment_illustration{
}
.refreshment_illustration img{
max-width: min(450px, 100%);
max-height: 150px;
height: auto;
}
.wrapper_refreshment_img{
}
.wrapper_refreshment_img img{
width: 100%;
max-height: 400px;
} .wrapper_gallery_swiper_all {
position: relative;
}
.item_gallery {
width: 100%;
outline: none;
}
.item_gallery img {
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 5px;
}
.item_gallery_video{
width: fit-content; height: 215px;
}
.item_gallery_video img{
height: 100%;
border-radius: 5px;
}
.section_gallery .swiper_gallery .item_gallery img{
filter: grayscale(0%);
}
.swiper_gallery{
padding-bottom: 36px;
}
.wrapper_swiper_gallery_slide{
display: flex;
justify-content: center;
height: 215px;
}
.wrapper_gallery_swiper_all .controls {
display: flex;
justify-content: space-between;
position: absolute;
top: calc(50% - 43px);
pointer-events: none;
width: calc(100% - 30px);
}
.wrapper_gallery_swiper_all .controls div {
cursor: pointer;
pointer-events: all;
}
.wrapper_gallery_swiper_all .prev {
position: relative;
left: -125px;
background: var(--oranzova-color);
display: flex;
align-items: center;
justify-content: center;
width: 38px;
height: 41px;
}
.wrapper_gallery_swiper_all .next {
position: relative;
right: -125px;
background: var(--oranzova-color);
display: flex;
align-items: center;
justify-content: center;
width: 38px;
height: 41px;
}
.wrapper_gallery_swiper_all .prev img {
width: 20px;
height: 20px;
}
.wrapper_gallery_swiper_all .next img {
width: 20px;
height: 20px;
}
.swiper_gallery .swiper-pagination {
height: 16px;
padding: 0;
bottom: 0;
z-index: 10;
display: flex;
justify-content: center;
align-items: center;
}
.swiper_gallery .swiper-pagination-bullet{
background: var(--cervenohneda-color);
width: 16px;
height: 16px;
}
.item_gallery_video{
color: unset;
position: relative;
display: block;
}
.item_gallery_video:hover{
color: unset;
}
.item_gallery_video:focus{
outline: none;
} .item_gallery_video .play_icon{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 68px;
height: 48px;
background: rgba(0, 0, 0, .7);
border-radius: 12px;
pointer-events: none; transition: background .2s ease;
}
.item_gallery_video .play_icon::before{
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-40%, -50%);
border-style: solid;
border-width: 11px 0 11px 18px;
border-color: transparent transparent transparent #fff;
}
.item_gallery_video:hover .play_icon{
background: var(--oranzova-color);
} body:has(.fancybox__container) .play_icon{
opacity: 0;
} .section_text_img{
}
.wrapper_text_img_all{
display: flex;
flex-direction: row;
flex-wrap: wrap;
row-gap: 30px;
column-gap: 40px;
align-items: center;
}
@media (min-width: 768px){
.wrapper_text_img_all > [class*="col-"]{
flex: 0 0 calc(50% - 20px);
max-width: calc(50% - 20px);
}
}
.section_text_img .wrapper_text h1,
.section_text_img .wrapper_text h2,
.section_text_img .wrapper_text h3,
.section_text_img .wrapper_text p{
color: var(--cervenohneda-color);
}
.wrapper_text_img{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
img{
max-width: 100%;
border-radius: 4px;
display: block;
}
} .wrapper_text_img.mala img{
max-height: 250px;
}
.wrapper_text_img.stredni img{
max-height: 350px;
}
.wrapper_text_img.velka img{
max-height: 500px;
} .wrapper_social{
img{
width: 50px;
margin-right: 10px;
}
} .blog_introduction h1{
text-align: center;
font-size: 36px;
font-weight: 700;
color: var(--purple-color);
}
.blog_introduction p{
text-align: center;
font-size: 22px;
}
.section_blog{
}
.blog_card_wrapper {
padding: 15px;
}
.blog_card_item{
display: flex;
flex-direction: column;
justify-content: space-between;
height: 285px;
padding: 20px;
position: relative;
background-position: center;
background-size: cover;
}
.blog_card_item::before{
content: "";
display: block;
position: absolute;
left: 0;
top: 0pc;
width: 100%;
height: 100%;
background: #030303;
opacity: 0.5;
}
.blog_card_item_top{
display: flex;
align-items: center;
gap: 20px;
}
.blog_card_wrapper a{
text-decoration: none;
}
.blog_card_item_top p{
color: #FFFFFF;
position: relative;
font-size: 14px;
}
.blog_card_title{
position: relative;
color: #FFFFFF;
font-size: 23px;
margin: 0;
line-height: 1.3;
font-weight: 500;
transition: .3s;
}
.blog_card_item:hover .blog_card_title{
color: var(--purple-color-400);
} .wrapper_navmenu_filtr{
padding-top: 100px;
}
.wrapper_three_nejnovejsi_prispevky_swiper{
display: none;
}
.ul_navmenu_filtr{
list-style-type: none;
display: flex;
justify-content: center;
padding: 20px 20px 20px 60px;
row-gap: 10px;
width: fit-content;
margin: 0;
}
.navmenu_filtr_text{
color: var(--purple-color);
font-size: 20px;
font-weight: 700;
margin: 0px 20px 0px 20px ;
text-decoration: none;
}
.navmenu_filtr_text:hover, .active .navmenu_filtr_text{
color: var(--purple-color-400);
transition: 0.4s;
}
.item_prispevek {
padding: 80px;
}
.item_prispevek h2{
font-size: 40px;
line-height: 47px;
font-weight: 400;
margin-bottom: 50px;
}
.item_prispevek h3{
font-size: 36px;
line-height: 43px;
font-weight: 700;
}
.item_prispevek button{
font-size: 16px;
line-height: 22px;
background-color: #BDDE00;
border-radius: 20px;
min-width: 240px;
height: 45px;
}
.item_prispevek p, .item_prispevek ul, .item_prispevek ol{
font-size: 20px;
line-height: 27px;
font-weight: 400;
margin-bottom: 40px;
}
.item_prispevek img {
max-width: 100%;
}
.single_card_item_top{
display: flex;
}
.single_dot{
margin-left: 10px;
margin-right: 10px;
}
.wrapper_line_socmedia{
padding: 0 60px 60px 60px;
display: flex;
flex-direction: column;
}
.wrapper_rubtiky ul{
display: flex;
flex-wrap: wrap;
column-gap: 25px;
row-gap: 25px;
padding: 0;
margin: 0;
padding-bottom: 25px;
}
.wrapper_rubtiky ul li{
list-style: none;
}
.wrapper_rubtiky ul li a{
border: 1px solid rgba(38, 32, 39, 0.20);
background: #FFF;
padding: 10px 15px;
color: #262027;
font-style: italic;
}
.item_line_socmedia{
padding-top: 25px;
display: flex;
justify-content: space-between;
border-top: 1px solid rgba(26, 36, 39, 0.3);
}
.item_socmedia_autor{
display: flex;
align-items: flex-end;
}
.aligncenter {
display: flex;
position: relative;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}
img.alignleft {
float: left;
margin-right: 30px;
margin-bottom: 30px;
}
img.alignright {
float: right;
margin-left: 30px;
margin-bottom: 30px;
}
.post_button{
border: 0px solid rgb(168, 158, 145);
color: rgb(255, 255, 255)!important;
text-decoration: none!important;
background: rgb(11, 143, 18);
border-radius: 20px;
min-width: 230px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
display: inline-flex!important;
width: auto;
padding: 0 30px;
}
.item_prispevek .post_button{
display: flex;
align-items: center;
}
.wrapper_nejnovejsi_prispvevky_text {
display: flex;
justify-content: space-between;
padding: 25px 15px;
font-size: 16px;
} .section_map{
}
.section_map .wrapper_intro_section{
text-align: center;
margin-left: auto;
margin-right: auto;
}
.wrapper_map{
width: 100%;
}
iframe.map {
width: 100%;
height: 100%;
border-radius: 10px;
}
.wrapper_map_and_boxes_all{
display: flex;
column-gap: 40px;
}
.wrapper_map_boxes{
display: flex;
flex-direction: column;
gap: 15px;
}
.map_box{
background-color: var(--hneda-color);
color: var(--white-color);
padding: 20px;
border-radius: 10px;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
width: 250px;
}
.map_box:nth-child(even){
background-color: var(--zelena-color);
} .wrapper_map_boxes .map_box:nth-child(odd){
transform: rotate(-0.89deg);
}
.wrapper_map_boxes .map_box:nth-child(even){
transform: rotate(0.89deg);
}
.map_box.wrapper_text .map_box_title{
margin-bottom: 4px;
color: var(--white-color);
}
.map_box.wrapper_text .map_box_text{
color: var(--white-color);
}
.wrapper_map_box_text_icon{
display: flex;
column-gap: 6px;
}
.map_box_icon{
width: 16px;
height: 16px;
flex-shrink: 0;
}
.map_box_icon img{
width: 100%;
max-height: 100%;
} .section_way_to_us{
}
.wrapper_way_to_us_grid{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 25px;
} .wrapper_way_to_us_grid .way_to_us_card:nth-child(odd){
transform: rotate(-0.89deg);
}
.wrapper_way_to_us_grid .way_to_us_card:nth-child(even){
transform: rotate(0.89deg);
}
.way_to_us_card{
position: relative;
background-color: var(--hneda-color);
border-radius: 10px;
padding: 20px;
display: flex;
column-gap: 20px;
}
.way_to_us_card_icon{
height: 100%;
}
.way_to_us_card_icon img {
height: calc(100% + 30px);
position: relative;
top: -30px;
}
.wrapper_way_to_us_grid .wrapper_text,
.wrapper_way_to_us_grid .wrapper_text h1,
.wrapper_way_to_us_grid .wrapper_text h2,
.wrapper_way_to_us_grid .wrapper_text h3,
.wrapper_way_to_us_grid .wrapper_text h4,
.wrapper_way_to_us_grid .wrapper_text p,
.wrapper_way_to_us_grid .wrapper_text ul,
.wrapper_way_to_us_grid .wrapper_text li,
.wrapper_way_to_us_grid .wrapper_text a{
color: var(--white-color);
}
.way_to_us_card .button.button_green.tp_button_one{
padding: 6px 14px 4px 18px;
} .section_mammoth_people{
position: relative;
padding: 0;
} .section_mammoth_people .container{
position: relative;
z-index: 2;
}
.section_mammoth_people img{
display: block;
width: 100%;
height: auto;
} .section_mammoth_people.has_dashed_bottom::after{
z-index: 1;
} .footer{
padding: 80px 0 30px;
} .footer_top{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
column-gap: 40px;
row-gap: 50px;
}
.footer_col_brand{
flex: 1 1 280px;
max-width: 340px;
}
.footer_col_links{
flex: 1 1 200px;
}
.footer_col_contact{
flex: 1 1 200px;
}
.footer_col_newsletter{
flex: 1 1 220px; display: none;
}
.wrapper_footer_links{
margin-bottom: 40px;
} .footer_logo img{
max-width: 180px;
height: auto;
}
.footer_popis{
margin: 20px 0;
font-size: 16px;
line-height: 1.5;
}
.footer_social{
display: flex;
column-gap: 12px;
}
.footer_social a{
display: flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: 8px;
background: var(--zelena-color);
color: var(--white-color);
}
.footer_social a:hover{
background: var(--tmave-zelena-color);
color: var(--white-color);
}
.footer_social a img{
width: 18px;
height: 18px;
object-fit: contain;
} h3.footer_nadpis {
position: relative;
margin-bottom: 20px;
padding-bottom: 14px;
}
.footer_nadpis::after{
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 15px;
height: 4px;
border-radius: 5px;
background: var(--oranzova-color);
}
.footer_nadpis::before {
content: "";
position: absolute;
left: 19px;
bottom: 0;
width: 35px;
height: 4px;
border-radius: 5px;
background: var(--oranzova-color);
}
.footer_nadpis_otevreno{
margin-top: 40px;
} .footer_podnadpis{
font-weight: bold;
margin-bottom: 4px;
} .footer_menu{
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
row-gap: 8px;
} .footer_otevreno_item,
.footer_kontakt_item{
margin-bottom: 16px;
}
.footer_otevreno_item p,
.footer_kontakt_item p{
margin: 0;
}
.footer_kontakt_nazev{
margin-bottom: 16px;
} .footer_bottom{
padding-top: 64px;
text-align: center;
position: relative;
}
.footer_bottom::before{
content: "";
position: absolute;
left: 0;
top: 40px;
width: 100%;
height: 1px;
background-image: url(//historypk.cz/wp-content/themes/history_park/img/footer_dashed_line.svg);
background-size: cover;
background-repeat: no-repeat;
}
.footer_bottom_links{
display: flex;
justify-content: center;
flex-wrap: wrap;
column-gap: 12px;
row-gap: 8px;
margin-bottom: 8px;
} .footer_copyright a{
font-family: var(--font-body);
font-size: inherit;
font-weight: inherit;
} .open_cookies{
cursor: pointer;
font-weight: bold;
} .cookie-consent.theme-light {
background: #ede3c0;
color: #000000;
border: 2px solid var(--oranzova-color);
--checkbox-color: #809133;
--checkbox-border: #794731;
}
.cookie-consent.theme-light button#reject-all, .cookie-consent.theme-light button#customize, .cookie-consent.theme-light button#accept-all {
background: #794731;
color: #ffffff;
}
.cookie-consent.theme-light button#save-selection {
background: #794731;
color: #ffffff;
}
.cookie-consent.theme-light .cookie-expanded-header a {
color: #794731;
}