/* GOOGLE FONTS */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lobster:ital,wght@0,400;0,700;1,400;1,700&display=swap');

:root {
  --header-bg: #fff;
  --grey-50: #FCFDFD;
  --grey-100: #F9FAFB;
  --grey-200: #F4F6F8;
  --grey-300: #DFE3E8;
  --grey-400: #C4CDD5;
  --grey-500: #919EAB;
  --grey-600: #637381;
  --grey-700: #454F5B;
  --grey-800: #1C252E;
  --grey-900: #141A21;
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-22: 22px;
  --font-size-24: 24px;
  --font-size-26: 26px;
  --font-size-28: 28px;
  --font-size-30: 30px;
  --font-size-32: 32px;
  --font-size-34: 34px;
  --font-size-36: 36px;
  --font-size-38: 38px;
  --font-size-40: 40px;
  --font-size-42: 42px;
  --font-size-44: 44px;
  --font-size-46: 46px;
  --font-size-48: 48px;
  --font-size-50: 50px;
  --font-size-52: 52px;
  --text-primary: #1C252E;
  --text-secondary: #637381;
  --text-disabled: #919EAB;
}

/* RESET */
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 {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} body {line-height: 1;}  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,nav,section,summary {display: block;}
a, a:hover {text-decoration: none;}

/* RESET BOOTSTRAP */
.btn, .btn-close:focus, .btn-close:active, .page-link, .page-link:focus, .page-link:active {
  outline: none !important;
  box-shadow: none !important;
}

/* BODY */
body {background-color: var(--body-bg); font-family: "Poppins", sans-serif; font-size: var(--font-size-16); font-weight: 400; font-style: normal;}
body#tours {background-color: var(--grey-200);}

.container {max-width: 1140px}
.sidebar {border-right: 1px solid var(--grey-200);}
.swiper-slide {height: auto;}

/* ADS */
.ads {width: 100%;}
.adsTitle {line-height: 1.2; font-size: var(--font-size-12); font-weight: 300; text-transform: uppercase; color: var(--text-secondary);}
.ads #ssp-zone-361873 {max-width: 100%;}

/* HEADER */
#header {width: 100%; padding: 20px 0; background: var(--header-bg); border-bottom: 1px solid var(--grey-200);}
#header.fixed {position: fixed; z-index: 999;}
#header .header {width: 100%;}
#header .header .logo {display: flex; align-items: center; font-family: "Lobster", sans-serif; font-size: var(--font-size-32); color: var(--text-primary);}
#header .header .logo span {color: #e04b40;}
#header .header .logo img {width: auto; height: 40px; margin-right: 10px;}
#header .header ul {display: flex; list-style-type: none; margin: 0; padding: 0;}
#header .header ul li {margin: 0 30px 0 0;}
#header .header ul li:last-child {margin: 0;}
#header .header ul li a {display: flex; align-items: center;}
#header .header ul li i {margin: 0 5px 0; font-size: var(--font-size-18); color: var(--text-primary);}
#header .header ul li svg {margin: 0 5px 0; font-size: var(--font-size-18); color: var(--text-primary);}
#header .header ul li span {font-size: var(--font-size-14); font-weight: 600; color: var(--text-primary);}
#header .header ul li.active span {font-size: var(--font-size-14); font-weight: 600; color: #e04b40;;}
#header .header ul li:hover span {text-decoration: underline; color: #e04b40;}

/* MENU  */
.menuOpen i {margin-right: 10px; font-size: 22px; color: var(--text-primary);}
.menuOpen span {font-size: 14px; font-weight: 400; text-transform: uppercase; color: var(--text-primary);}
#menu {width: 100%; border-bottom: 1px solid var(--grey-300); -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.05); box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.05);}
#menu .menu {width: 100%;}
#menu .menu .menuItem {padding: 20px; font-size: var(--font-size-18); font-weight: 600; color: var(--text-primary);}
#menu .menu .menuItem:hover {text-decoration: underline;}
#menu .menu .accordion-item {border: 0;}
#menu .menu .accordion-button {font-size: var(--font-size-18); font-weight: 600; color: var(--text-primary);}
#menu .menu .accordion-button:focus {box-shadow: none; outline: none;}
#menu .menu .accordion-button:not(.collapsed) {background-color: transparent; box-shadow: none;}
#menu .menu ul {list-style: none; margin: 0; padding: 0;}
#menu .menu ul li {margin-bottom: 30px;}
#menu .menu ul li:last-child {margin: 0;}
#menu .menu ul li a {display: flex; align-items: center; font-size: var(--font-size-18); font-weight: 400; color: var(--text-primary);}
#menu .menu ul li a i {width: 24px; margin-right: 15px; font-size: var(--font-size-22); text-align: center; color: var(--text-primary);}

/* FOOTER */
#footer {background-color: var(--grey-100); border-top: 1px solid var(--grey-200);}
#footer h2 {margin-bottom: 15px; font-family: "Lobster", sans-serif; font-size: var(--font-size-36); font-weight: 400; color: var(--text-primary);}
#footer h2 span {color: #e04b40;}
#footer .footerInfo {line-height: 1.4; font-size: var(--font-size-14); font-weight: 300; color: var(--text-primary);}
#footer .footerInfo a {font-size: var(--font-size-16); font-weight: 300; text-decoration: none; color: var(--text-primary);}
#footer .footerInfo a:hover {color: var(--text-primary); text-decoration: underline;}
#footer .footerH3 {margin-bottom: 15px; line-height: 1.2; font-size: var(--font-size-18); font-weight: 700; color: var(--text-primary);}
#footer ul {list-style: none; margin: 0; padding: 0;}
#footer ul li {width: 100%; margin-bottom: 10px;}
#footer ul li:last-child {margin-bottom: none;}
#footer ul li a {line-height: 1.2; font-size: var(--font-size-14); font-weight: 300; text-decoration: none; color: var(--text-primary);}
#footer ul li a:hover {color: var(--do-text-primary); text-decoration: underline;}
#footer .footerApps .footerApps_App {margin-top: 10px; margin-right: 10px; padding: 10px 15px; border: 1px solid var(--text-primary); border-radius: 5px; text-decoration: none;}
#footer .footerApps .footerApps_App i {margin-right: 10px; font-size: var(--font-size-22); color: var(--text-primary);}
#footer .footerApps .footerApps_App svg {margin-right: 10px; font-size: var(--font-size-22); color: var(--text-primary);}
#footer .footerApps .footerApps_App_txt {line-height: 1.2; font-size: var(--font-size-16); color: var(--text-primary); font-weight: 400;}
#footer .footerApps .footerApps_App:hover {background: var(--text-primary); text-decoration: none;}
#footer .footerApps .footerApps_App:hover i {margin-right: 10px; font-size: var(--font-size-22); color: #fff;}
#footer .footerApps .footerApps_App:hover svg {margin-right: 10px; font-size: var(--font-size-22); color: #fff;}
#footer .footerApps .footerApps_App:hover .footerApps_App_txt {line-height: 1.2; font-size: var(--font-size-16); color: #fff; font-weight: 400;}
#footerBottom {width: 100%; background: var(--grey-100); border-top: 1px solid var(--grey-300);}
#footerBottom p {line-height: 1.4; font-size: var(--font-size-14); font-weight: 300; color: var(--text-primary);}
#footerBottom p a {font-size: var(--font-size-14); font-weight: 300; text-decoration: underline; color: var(--text-primary);}
#footerBottom p a:hover {color: var(--text-primary); text-decoration: none;}

/* BREADCRUMBS */
#breadcrumbs {position: relative; width: 100%; background: var(--grey-100); border-bottom: 1px solid var(--grey-200); overflow: hidden; white-space: nowrap; font-size: var(--font-size-14); font-weight: 400; color: var(--text-secondary);}
#breadcrumbs i {color: var(--text-primary);}
#breadcrumbs a {margin: 0 5px; font-size: var(--font-size-14); font-weight: 400; text-decoration: none; color: var(--text-primary);}
#breadcrumbs a:hover {text-decoration: underline; color: #e04b40;}
#breadcrumbs:after {content: ""; position: absolute; top: 0; right: 0; width: 45px; height: 100%; background: linear-gradient(90deg, transparent 0%, var(--grey-100) 75%); z-index: 2;}

/* NAVIGACE */
.nav {width: 100%; border-top: 1px solid var(--grey-200);}
.nav .nav_prev, .nav .nav_next {padding: 15px 15px; background: var(--grey-100); border: 1px solid var(--grey-300); border-radius: 99999999px;}
.nav .nav_prev span, .nav .nav_next span {font-size: var(--font-size-16); font-weight: 400; color: var(--text-disabled);}
.nav .nav_prev a, .nav .nav_next a {font-size: var(--font-size-16); font-weight: 400; color: var(--text-primary);}
.nav .nav_prev:hover a, .nav .nav_next:hover a{color: #e04b40;}
.nav .nav_pages {margin: 0 15px;}
.nav .nav_pages span {margin: 0 15px; font-size: var(--font-size-16); font-weight: 400; color: var(--text-primary);}
.nav .nav_pages a {margin: 0 15px; font-size: var(--font-size-16); font-weight: 400; color: var(--text-secondary);}

/* HOME */
#HomeLeaflets {width: 100%;}
#HomeLeaflets .HomeLeaflets {width: 100%;}
#HomeLeaflets .HomeLeaflets .heading {letter-spacing: 2px; font-size: var(--font-size-12); font-weight: 700; text-transform: uppercase; color: #e04b40;}
#HomeLeaflets .HomeLeaflets .headingTitle {line-height: 1.2; font-family: "Source Serif 4", serif; font-size: var(--font-size-32); font-weight: 700; color: var(--text-primary);}
#HomeLeaflets .HomeLeaflets .card {background: var(--grey-100); border: 0; border-radius: 0;}
#HomeLeaflets .HomeLeaflets .card .HomeLeaflets__Img {position: relative; padding-top: 100%; overflow: hidden;}
#HomeLeaflets .HomeLeaflets .card .HomeLeaflets__Img img {position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: auto;}
#HomeLeaflets .HomeLeaflets .card .HomeLeaflets__Days {position: relative;}
#HomeLeaflets .HomeLeaflets .card .HomeLeaflets__Days span {position: absolute; bottom: 15px; right: 15px; padding: 10px 15px; background: rgba(255, 255, 255, .90); border-radius: 99999999px; font-size: var(--font-size-12); font-weight: 700; text-transform: uppercase; color: var(--text-primary); z-index: 3;}
#HomeLeaflets .HomeLeaflets .card .card-body {padding: 15px 15px 0 15px;}
#HomeLeaflets .HomeLeaflets .card .card-body h3.HomeLeaflets__Title {line-height: 1.2; font-size: var(--font-size-16); font-weight: 600; text-transform: uppercase; color: var(--text-primary);}
#HomeLeaflets .HomeLeaflets .card .card-body .HomeLeaflets__Date {font-size: var(--font-size-14); font-weight: 600; color: #e04b40;}
#HomeLeaflets .HomeLeaflets .card .card-footer {background-color: transparent; border: 0;}
#HomeLeaflets .HomeLeaflets .card .card-footer img {max-width: 100%; height: 40px;}
#HomeLeaflets .HomeLeaflets .card:hover .card-body h3.HomeLeaflets__Title {text-decoration: underline;}
#HomeLeaflets .HomeLeaflets .HomeLeaflets__All {padding: 15px 30px; background-color: var(--grey-200); border-radius: 4px; font-size: var(--font-size-14); font-weight: 600; color: #5d5d5d;}
#HomeLeaflets .HomeLeaflets .HomeLeaflets__All:hover {background-color: var(--grey-300);}

#HomeShops {width: 100%;}
#HomeShops .HomeShops {width: 100%;}
#HomeShops .HomeShops .heading {letter-spacing: 2px; font-size: var(--font-size-12); font-weight: 700; text-transform: uppercase; color: #e04b40;}
#HomeShops .HomeShops .headingTitle {line-height: 1.2; font-family: "Source Serif 4", serif; font-size: var(--font-size-32); font-weight: 700; color: var(--text-primary);}
#HomeShops .HomeShops .HomeShop {padding: 15px; border: 1px solid var(--grey-300); border-radius: 8px;}
#HomeShops .HomeShops .HomeShop img {width: auto; height: 50%; max-width: 100%; max-height: 45px;}
#HomeShops .HomeShops .HomeShop .HomeShops__Title {line-height: 1.2; font-size: var(--font-size-16); font-weight: 600; color: var(--text-primary);}
#HomeShops .HomeShops .HomeShop:hover {border: 1px solid #e04b40;}
#HomeShops .HomeShops .HomeShop:hover .HomeShops__Title {color: #e04b40;}
#HomeShops .HomeShops .HomeShops__All {padding: 15px 30px; background-color: var(--grey-200); border-radius: 4px; font-size: var(--font-size-14); font-weight: 600; color: #5d5d5d;}
#HomeShops .HomeShops .HomeShops__All:hover {background-color: var(--grey-300);}

#HomeRecipes {width: 100%;}
#HomeRecipes .HomeRecipes {width: 100%;}
#HomeRecipes .HomeRecipes .heading {letter-spacing: 2px; font-size: var(--font-size-12); font-weight: 700; text-transform: uppercase; color: #e04b40;}
#HomeRecipes .HomeRecipes .headingTitle {line-height: 1.2; font-family: "Source Serif 4", serif; font-size: var(--font-size-32); font-weight: 700; color: var(--text-primary);}
#HomeRecipes .HomeRecipes .card {border: 0;}
#HomeRecipes .HomeRecipes .card .recipesImg {position: relative; padding-top: 70%; overflow: hidden;}
#HomeRecipes .HomeRecipes .card .recipesImg img {position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border-radius: 8px; max-width: inherit; max-height: inherit; object-fit: cover;}
#HomeRecipes .HomeRecipes .card .card-body {padding: 15px 0;}
#HomeRecipes .HomeRecipes .card .card-body h3 {line-height: 1.2; font-size: var(--font-size-16); font-weight: 600; color: var(--text-primary);}
#HomeRecipes .HomeRecipes .card .card-footer {padding: 0; background: transparent; border: 0;}
#HomeRecipes .HomeRecipes .card .card-footer i {margin-right: 5px; font-size: var(--font-size-22); color: var(--text-primary);}
#HomeRecipes .HomeRecipes .card .card-footer svg {margin-right: 5px; font-size: var(--font-size-22); color: var(--text-primary);}
#HomeRecipes .HomeRecipes .card .card-footer h4 {line-height: 1.2; font-size: var(--font-size-12); font-weight: 400; text-transform: uppercase; color: var(--text-secondary);}
#HomeRecipes .HomeRecipes .card .card-footer p {line-height: 1.2; font-size: var(--font-size-14); font-weight: 600; color: var(--text-primary);}
#HomeRecipes .HomeRecipes .card:hover .card-body h3 {text-decoration: underline;}
#HomeRecipes .HomeRecipes .HomeRecipes__All {padding: 15px 30px; background-color: var(--grey-200); border-radius: 4px; font-size: var(--font-size-14); font-weight: 600; color: #5d5d5d;}
#HomeRecipes .HomeRecipes .HomeRecipes__All:hover {background-color: var(--grey-300);}

#HomeArticles {width: 100%;}
#HomeArticles .HomeArticles {width: 100%;}
#HomeArticles .HomeArticles .heading {letter-spacing: 2px; font-size: var(--font-size-12); font-weight: 700; text-transform: uppercase; color: #e04b40;}
#HomeArticles .HomeArticles .headingTitle {line-height: 1.2; font-family: "Source Serif 4", serif; font-size: var(--font-size-32); font-weight: 700; color: var(--text-primary);}
#HomeArticles .HomeArticles .card {border: 0;}
#HomeArticles .HomeArticles .card .HomeArticlesImg {position: relative; padding-top: 70%; overflow: hidden;}
#HomeArticles .HomeArticles .card .HomeArticlesImg img {position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border-radius: 8px; max-width: inherit; max-height: inherit; object-fit: cover;}
#HomeArticles .HomeArticles .card .card-body {padding: 15px 0;}
#HomeArticles .HomeArticles .card .card-body h3 {line-height: 1.2; font-size: var(--font-size-16); font-weight: 600; color: var(--text-primary);}
#HomeArticles .HomeArticles .card:hover .card-body h3 {text-decoration: underline;}
#HomeArticles .HomeArticles .HomeArticles__All {padding: 15px 30px; background-color: var(--grey-200); border-radius: 4px; font-size: var(--font-size-14); font-weight: 600; color: #5d5d5d;}
#HomeArticles .HomeArticles .HomeArticles__All:hover {background-color: var(--grey-300);}

#newsPop .newsPopTitle {line-height: 1.2; font-family: "Source Serif 4", serif; font-size: var(--font-size-22); font-weight: 700; color: var(--text-primary);}
#newsPop .newsPop .card {border: 0;}
#newsPop .newsPop .card .newsPopImg {position: relative; padding-top: 70%; overflow: hidden;}
#newsPop .newsPop .card .newsPopImg img {position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border-radius: 8px; max-width: inherit; max-height: inherit; object-fit: cover;}
#newsPop .newsPop .card .card-body {padding: 15px 0;}
#newsPop .newsPop .card .card-body h3 {line-height: 1.2; font-size: var(--font-size-16); font-weight: 600; color: var(--text-primary);}
#newsPop .newsPop .card .card-footer {padding: 0; background: transparent; border: 0;}
#newsPop .newsPop .card .card-footer i {margin-right: 5px; font-size: var(--font-size-22); color: var(--text-primary);}
#newsPop .newsPop .card .card-footer svg {margin-right: 5px; font-size: var(--font-size-22); color: var(--text-primary);}
#newsPop .newsPop .card .card-footer h4 {line-height: 1.2; font-size: var(--font-size-12); font-weight: 400; text-transform: uppercase; color: var(--text-secondary);}
#newsPop .newsPop .card .card-footer p {line-height: 1.2; font-size: var(--font-size-14); font-weight: 600; color: var(--text-primary);}
#newsPop .newsPop .card:hover .card-body h3 {text-decoration: underline;}

/* LETAKY  */
#leaflets .leaflets .heading {letter-spacing: 2px; font-size: var(--font-size-12); font-weight: 700; text-transform: uppercase; color: #e04b40;}
#leaflets .leaflets .headingTitle {line-height: 1.2; font-family: "Source Serif 4", serif; font-size: var(--font-size-32); font-weight: 700; color: var(--text-primary);}
#leaflets .leaflets .card {background: var(--grey-100); border: 0; border-radius: 0;}
#leaflets .leaflets .card .MainLeaflets__Img {position: relative; padding-top: 100%; overflow: hidden;}
#leaflets .leaflets .card .MainLeaflets__Img img {position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: auto; z-index: 2;}
#leaflets .leaflets .card .MainLeaflets__Days {position: relative;}
#leaflets .leaflets .card .MainLeaflets__Days span {position: absolute; bottom: 15px; right: 15px; padding: 10px 15px; background: rgba(255, 255, 255, .90); border-radius: 99999999px; font-size: var(--font-size-12); font-weight: 700; text-transform: uppercase; color: var(--text-primary); z-index: 3;}
#leaflets .leaflets .card .card-body {padding: 15px 15px 0 15px;}
#leaflets .leaflets .card .card-body h3.MainLeaflets__Title {line-height: 1.2; font-size: var(--font-size-16); font-weight: 600; text-transform: uppercase; color: var(--text-primary);}
#leaflets .leaflets .card .card-body .MainLeaflets__Date {font-size: var(--font-size-14); font-weight: 600; color: #e04b40;}
#leaflets .leaflets .card .card-footer {background-color: transparent; border: 0;}
#leaflets .leaflets .card .card-footer img {max-width: 100%; height: 40px;}
#leaflets .leaflets .card:hover .card-body h3.MainLeaflets__Title {text-decoration: underline;}

/* LETAK */
#leafletMain {width: 100%;}
#leafletMain .leafletInfo {padding: 30px; background: var(--grey-100);}
#leafletMain .leafletInfo .leafletLogo {max-width: 100%; width: auto; height: 50px;}
#leafletMain .leafletInfo .leafletTitle {line-height: 1.2; font-size: var(--font-size-30); font-weight: 700; color: var(--text-primary);}
#leafletMain .leafletMain img {width: 100%; height: auto;}
#leafletMain #leafletPdf {width: 100%; height: 600px; background: #f8f9fa;}
#leafletSide {position: relative; width: 100%; min-height: 100%; padding-left: 30px; border-left: 1px solid var(--grey-200);}
#leafletSide:before {content: ''; position: absolute; width: 30px; left: 0px; top: 0px; bottom: 0px; background: -webkit-linear-gradient(right, #fff 0%, #f4f6f8 100%); background: -moz-linear-gradient(right, #fff 0%, #f4f6f8 100%); background: -ms-linear-gradient(right, #fff 0%, #f4f6f8 100%); background: -o-linear-gradient(right, #fff 0%, #f4f6f8 100%); background: linear-gradient(right, #fff 0%, #f4f6f8 100%);}

@media (max-width: 767.98px) {
  #leafletSide {padding: 0; border: 0;}
  #leafletSide:before {display: none;}
}

/* ZAJEZDY */
#tours .tours .heading {letter-spacing: 2px; font-size: var(--font-size-12); font-weight: 700; text-transform: uppercase; color: #e04b40;}
#tours .tours .headingTitle {line-height: 1.2; font-family: "Source Serif 4", serif; font-size: var(--font-size-32); font-weight: 700; color: var(--text-primary);}
#tours .tours .card {background: #fff; border: 0;}
#tours .tours .card img {width: 100%; height: auto;}
#tours .tours .card .tours__info {position: relative;}
#tours .tours .card .tours__info .tours__Night {position: absolute; top: -45px; right: 15px; padding: 5px 10px; background: #fff; border-radius: 99999999px; font-size: var(--font-size-14); font-weight: 400; color: var(--text-primary);}
#tours .tours .card .tours__info .tours__Night i {margin-right: 5px; font-size: 18px;}
#tours .tours .card .tours__info .tours__Night svg {margin-right: 5px; font-size: 18px;}
#tours .tours .card .card-body {padding: 15px;}
#tours .tours .card .card-body .tours__Title {line-height: 1.2; font-size: var(--font-size-16); font-weight: 600; color: #05a8e6;}
#tours .tours .card .card-body .tours__Location {line-height: 1.4; font-size: var(--font-size-14); font-weight: 400; color: var(--text-primary);}
#tours .tours .card .card-footer {padding: 15px; background: transparent; border: 0;}
#tours .tours .card .card-footer .tours__Rating {padding: 10px; background: #05a8e6; font-size: var(--font-size-14); font-weight: 400; color: #fff; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px;}
#tours .tours .card .card-footer .tours__Rating i {margin-right: 5px; font-size: 18px;}
#tours .tours .card .card-footer .tours__Rating svg {margin-right: 5px; font-size: 18px;}
#tours .tours .card .card-footer .tours__Rating span {font-size: var(--font-size-16); font-weight: 600;}
#tours .tours .card .card-footer .tours__Price {font-size: var(--font-size-16); font-weight: 400; color: var(--text-primary);}
#tours .tours .card .card-footer .tours__Price span {font-weight: 600; color: #e04b40;}

/* RECEPTY */
#cats {width: 100%; border-bottom: 1px solid var(--grey-200);}
#cats .heading {letter-spacing: 2px; font-size: var(--font-size-12); font-weight: 700; text-transform: uppercase; color: #e04b40;}
#cats .headingTitle {line-height: 1.2; font-family: "Source Serif 4", serif; font-size: var(--font-size-32); font-weight: 700; color: var(--text-primary);}
#cats #cats_prev {margin: 0 5px; font-size: var(--font-size-22); color: var(--text-primary);}
#cats #cats_prev.swiper-button-disabled {color: var(--text-disabled);}
#cats #cats_next {margin: 0 5px; font-size: var(--font-size-22); color: var(--text-primary);}
#cats #cats_next.swiper-button-disabled {color: var(--text-disabled);}
#cats .cats .card {border: 0;}
#cats .cats .card .card-body img {width: 100px; height: 100px; border-radius: 60% 40% 60% 40% / 40% 60% 40% 60%;}
#cats .cats .card .card-body h3 {line-height: 1.2; font-size: var(--font-size-14); font-weight: 400; color: var(--text-primary);}
#cats .cats .card:hover .card-body h3 {text-decoration: underline;}

#recipes {width: 100%;}
#recipes .heading {letter-spacing: 2px; font-size: var(--font-size-12); font-weight: 700; text-transform: uppercase; color: #e04b40;}
#recipes .headingTitle {line-height: 1.2; font-family: "Source Serif 4", serif; font-size: var(--font-size-32); font-weight: 700; color: var(--text-primary);}
#recipes .recipes .card {border: 0;}
#recipes .recipes .card .recipesImg {position: relative; padding-top: 70%; overflow: hidden;}
#recipes .recipes .card .recipesImg img {position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border-radius: 8px; max-width: inherit; max-height: inherit; object-fit: cover;}
#recipes .recipes .card .card-body {padding: 15px 0;}
#recipes .recipes .card .card-body h3 {line-height: 1.2; font-size: var(--font-size-16); font-weight: 600; color: var(--text-primary);}
#recipes .recipes .card .card-footer {padding: 0; background: transparent; border: 0;}
#recipes .recipes .card .card-footer i {margin-right: 5px; font-size: var(--font-size-22); color: var(--text-primary);}
#recipes .recipes .card .card-footer svg {margin-right: 5px; font-size: var(--font-size-22); color: var(--text-primary);}
#recipes .recipes .card .card-footer h4 {line-height: 1.2; font-size: var(--font-size-12); font-weight: 400; text-transform: uppercase; color: var(--text-secondary);}
#recipes .recipes .card .card-footer p {line-height: 1.2; font-size: var(--font-size-14); font-weight: 600; color: var(--text-primary);}
#recipes .recipes .card:hover .card-body h3 {text-decoration: underline;}

/* RECEPT */
#recipe {width: 100%; border-bottom: 1px solid var(--grey-200);}
#recipe .recipeImg {width: 100%; height: auto; border-radius: 16px;}
#recipe .recipeCategory {letter-spacing: 2px; font-size: var(--font-size-12); font-weight: 700; text-transform: uppercase; color: #e04b40;}
#recipe .recipeTitle {font-family: "Source Serif 4", serif; line-height: 1.2; font-size: var(--font-size-40); font-weight: 700; color: var(--text-primary);}
#recipe .recipeShortDesc {line-height: 1.4; font-size: var(--font-size-16); font-weight: 400; color: var(--text-secondary);}
#recipe .recipeInfo {padding: 10px 15px; background: var(--grey-200);}
#recipe .recipeInfo i {margin-right: 10px; font-size: var(--font-size-26); color: var(--text-primary);}
#recipe .recipeInfo svg {margin-right: 10px; font-size: var(--font-size-26); color: var(--text-primary);}
#recipe .recipeInfo h3 {line-height: 1.2; font-size: var(--font-size-12); font-weight: 400; text-transform: uppercase; color: var(--text-secondary);}
#recipe .recipeInfo p {line-height: 1.2; font-size: var(--font-size-14); font-weight: 600; color: var(--text-primary);}
#recipeInfo .recipeIngredients {width: 100%;}
#recipeInfo .recipeIngredients h3 {font-family: "Source Serif 4", serif; line-height: 1.2; font-size: var(--font-size-28); font-weight: 700; color: var(--text-primary);}
#recipeInfo .recipeIngredients div {padding: 30px; background: var(--grey-200);}
#recipeInfo .recipeIngredients div h4 {margin: 30px 0 15px 0; font-family: "Source Serif 4", serif; line-height: 1.2; font-size: var(--font-size-20); font-weight: 700; color: var(--text-primary);}
#recipeInfo .recipeIngredients div h4:first-child {margin: 0 0 15px 0;}
#recipeInfo .recipeIngredients div p {margin-bottom: 10px; line-height: 1.4; font-size: var(--font-size-16); font-weight: 400; color: var(--text-secondary);}
#recipeInfo .recipeIngredients div p:last-child {margin: 0;}
#recipeInfo .recipeDescription {width: 100%;}
#recipeInfo .recipeDescription h3 {font-family: "Source Serif 4", serif; line-height: 1.2; font-size: var(--font-size-28); font-weight: 700; color: var(--text-primary);}
#recipeInfo .recipeDescription h4 {margin: 15px 0; line-height: 1.2; font-size: var(--font-size-18); font-weight: 700; color: var(--text-primary);}
#recipeInfo .recipeDescription p {line-height: 1.4; font-size: var(--font-size-18); font-weight: 300; color: var(--text-secondary);}
#recipeInfo .recipeDescription b {font-weight: 600;}
#recipeInfo .recipeDescription ol {list-style: decimal; margin: 0; padding-left: 25px;}
#recipeInfo .recipeDescription ol li {margin-bottom: 15px; line-height: 1.4; font-size: var(--font-size-18); font-weight: 300; color: var(--text-secondary);}
#recipeInfo .recipeDescription ol li:last-child {margin-bottom: 0;}
#recipeInfo .recipeDescription ol li::before {content: "krok"; background: var(--grey-200); border-radius: 5px; padding-inline: 5px; margin-inline-end: 15px; font-size: var(--font-size-16); font-weight: 400; color: #e04b40;}
#recipeInfo .recipeDescription ol li::marker {font-size: var(--font-size-16); font-weight: 400; color: #e04b40;}

@media (max-width: 767.98px) {
  #recipe .recipeTitle {font-size: var(--font-size-30);}
}

/* CLANKY */
#articles {width: 100%;}
#articles .heading {letter-spacing: 2px; font-size: var(--font-size-12); font-weight: 700; text-transform: uppercase; color: #e04b40;}
#articles .headingTitle {line-height: 1.2; font-family: "Source Serif 4", serif; font-size: var(--font-size-32); font-weight: 700; color: var(--text-primary);}
#articles .articles .card {border: 0;}
#articles .articles .card .articlesImg {position: relative; padding-top: 60%; min-height: 100%; overflow: hidden;}
#articles .articles .card .articlesImg img {position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border-radius: 8px; max-width: inherit; max-height: inherit; object-fit: cover;}
#articles .articles .card .card-body .articlesCat {line-height: 1.4; font-size: var(--font-size-14); font-weight: 400; color: var(--text-disabled);}
#articles .articles .card .card-body .articlesDate {line-height: 1.4; font-size: var(--font-size-14); font-weight: 400; color: var(--text-disabled);}
#articles .articles .card .card-body .articlesDate:before {content: "\2022"; margin: 0 5px;}
#articles .articles .card .card-body h3.articlesTitle {line-height: 1.2; font-size: var(--font-size-22); font-weight: 600; color: var(--text-primary);}
#articles .articles .card .card-body p.articlesDesc {line-height: 1.4; font-size: var(--font-size-16); font-weight: 400; color: var(--text-secondary);}
#articles .articles .card:hover .card-body h3.articlesTitle {text-decoration: underline;}

/* CLANEK  */
#article {width: 100%;}
#article .articleCategory {letter-spacing: 2px; font-size: var(--font-size-12); font-weight: 700; text-transform: uppercase; color: #e04b40;}
#article .articleTitle {font-family: "Source Serif 4", serif; line-height: 1.2; font-size: var(--font-size-40); font-weight: 700; color: var(--text-primary);}
#article .articleAvatar {width: 50px; height: 50px; margin-right: 15px; border-radius: 60% 40% 60% 40% / 40% 60% 40% 60%;}
#article .articleAuthor h3 {line-height: 1.2; font-size: var(--font-size-12); font-weight: 400; text-transform: uppercase; color: var(--text-secondary);}
#article .articleAuthor p {line-height: 1.2; font-size: var(--font-size-16); font-weight: 600; color: var(--text-primary);}
#article .articleDesc {line-height: 1.4; font-size: var(--font-size-18); font-weight: 300; color: var(--text-secondary);}
#article .articleDesc img {width: 100%; height: auto; border-radius: 16px;}
#article .articleDesc h3 {margin: 15px 0; line-height: 1.2; font-family: "Source Serif 4", serif; font-size: var(--font-size-22); font-weight: 700; color: var(--text-primary);}
#article .articleDesc a {text-decoration: none; color: #e04b40;}
#article .articleDesc a:hover {text-decoration: underline;}

@media (max-width: 767.98px) {
  #article .articleTitle {font-size: var(--font-size-30);}
}


/* VYHLEDAVANI */
#search {padding: 60px 0 90px 0; background: url(../images/bgrecipes.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#search .searchTitle {font-family: "Source Serif 4", serif; line-height: 1.2; font-size: var(--font-size-40); font-weight: 700; color: #fff;}
#search .search {position: relative;}
#search .search input {width: 100%; height: 60px; padding: 15px 100px 15px 30px; border: 0; border-radius: 99999999px; outline: none; font-size: var(--font-size-16); font-weight: 400; color: var(--text-secondary);}
#search .search input:focus {border: 0; outline: none;}
#search .search button {position: absolute; top: 0; right: 0; width: 90px; height: 60px; background: #e04b40; border: 0; border-radius: 99999999px;}
#search .search button:hover {background: #d94136;}
#search .search i {font-size: var(--font-size-22); color: #fff;}

@media (max-width: 767.98px) {
  #search {padding: 30px 0;}
  #search .searchTitle {font-size: var(--font-size-30);}
}

#listSearch {width: 100%;}
#listSearch .listSearchTitle {font-family: "Source Serif 4", serif; line-height: 1.2; font-size: var(--font-size-40); font-weight: 700; color: var(--text-primary);}
#listSearch .card {border: 0;}
#listSearch .card .recipesImg {position: relative; padding-top: 70%; overflow: hidden;}
#listSearch .card .recipesImg img {position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border-radius: 8px; max-width: inherit; max-height: inherit; object-fit: cover;}
#listSearch .card .card-body {padding: 15px 0;}
#listSearch .card .card-body h3 {line-height: 1.2; font-size: var(--font-size-16); font-weight: 600; color: var(--text-primary);}
#listSearch .card .card-footer {padding: 0; background: transparent; border: 0;}
#listSearch .card .card-footer i {margin-right: 5px; font-size: var(--font-size-22); color: var(--text-primary);}
#listSearch .card .card-footer svg {margin-right: 5px; font-size: var(--font-size-22); color: var(--text-primary);}
#listSearch .card .card-footer h4 {line-height: 1.2; font-size: var(--font-size-12); font-weight: 400; text-transform: uppercase; color: var(--text-secondary);}
#listSearch .card .card-footer p {line-height: 1.2; font-size: var(--font-size-14); font-weight: 600; color: var(--text-primary);}
#listSearch .card:hover .card-body h3 {text-decoration: underline;}

/* CHYBA 404 */
#error404 {width: 100%;}
#error404 img {max-width: 100%; max-height: 500px; height: auto;}
#error404 h2.error404Title {font-size: var(--font-size-26); font-weight: 700; color: var(--text-primary);}
#error404 .error404Btn {padding: 15px 30px; background: #fff; border: 1px solid var(--text-primary); border-radius: 4px; font-size: var(--do-font-size-16); font-weight: 600; color: var(--text-primary);}
#error404 .error404Btn:hover {background: var(--text-primary); color: #fff;}

/* STATIC */
#static {width: 100%;}
#static .staticTitle {font-family: "Source Serif 4", serif; line-height: 1.2; font-size: var(--font-size-40); font-weight: 700; color: var(--text-primary);}
#static .staticDesc {line-height: 1.4; font-size: var(--font-size-18); font-weight: 300; color: var(--text-primary);}
#static .staticDesc h2 {font-family: "Source Serif 4", serif; font-size: var(--font-size-24); font-weight: 700;}
#static .staticDesc h3 {font-family: "Source Serif 4", serif; font-size: var(--font-size-18); font-weight: 600;}
#static .staticDesc table {margin: 15px 0 5px; border: 1px solid var(--grey-300);}
#static .staticDesc tr {border: 1px solid var(--grey-300); font-size: var(--font-size-14); font-weight: 400;}
#static .staticDesc tr:first-child {background: var(--grey-100); font-size: var(--font-size-18); font-weight: 600;}
#static .staticDesc td {padding: 5px; border: 1px solid var(--grey-300);}
#static .staticDesc ul {list-style: disc; margin: 0; padding: 0; margin-left: 30px;}
#static .staticDesc ul li {margin: 15px 0; line-height: 1.4; font-size: var(--font-size-18); font-weight: 300;}