@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
--primary-color: #001336; 	/* tmave modra */
--secondary-color: #d10076; /* skoro magenta */
--tertiary-color:#ebebeb;	/* svetle seda */
--qaternary-color:#00796b;	/* petrolejova */
--body-font-size: calc(14px + 0.300625vw); --body-line-height: calc(20px + 0.390625vw);
--h1-font-size: calc(2.6rem + 0.3vw); --h1-line-height: calc(3.1875rem + 0.390625vw);
--h2-font-size: calc(1.9rem + 0.3vw); --h2-line-height: calc(2.5625rem + 0.390625vw);
--h3-font-size: calc(1.3rem + 0.3vw); --h3-line-height: calc(2.225rem + 0.390625vw);
--h4-font-size: calc(1rem + 0.3vw); --h4-line-height: calc(2.225rem + 0.390625vw);
--bs-border-radius: 0px;
}

body {font-family: "Inter", sans-serif;  font-style: italic; background-color:#FFFFFF; color: var(--primary-color); font-size: var(--body-font-size); line-height: var(--body-line-height);}
h1, .h1 {font-family: "Montserrat", sans-serif; font-style: normal; font-weight: 700; color: var(--secondary-color); font-size: var(--h1-font-size); line-height: var(--h1-line-height);}
h2, .h2 {font-family: "Montserrat", sans-serif; font-style: normal; font-weight: 700; color: var(--secondary-color); font-size: var(--h2-font-size); line-height: var(--h2-line-height);}
h3, .h3 {font-family: "Montserrat", sans-serif; font-style: normal; font-weight: 700; color: var(--secondary-color); font-size: var(--h3-font-size); line-height: var(--h3-line-height);}
h4, .h4 {font-family: "Montserrat", sans-serif; font-style: normal; font-weight: 700; color: var(--secondary-color); font-size: var(--h4-font-size); line-height: var(--h4-line-height);}
p, li, th, td, .p {color: var(--primary-color); font-size: var(--body-font-size); line-height: var(--body-line-height);}
a  {color: var(--primary-color);  text-decoration-color: var(--primary-color);   text-decoration-thickness: 2px;}
a:hover {color:#002266;text-decoration-color: #002266;}

.markhref a[href*="gypce.cz"]::after, .markhref a[href^="/"]::after, .markhref a[href]:not([href*="gypce.cz"]):not([href^="/"])::after { content: "";  display: inline-block;  width: calc(var(--body-font-size) - .3rem);  height: calc(var(--body-font-size) - .3rem);  background-repeat: no-repeat;  background-size: contain;  margin-left: 0.3em; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 708.661 708.661'%3E%3Cpath fill='%23231f20' d='M602.202,123.714l-32.066,189.061c-3.848,22.84-7.375,47.487-10.582,73.911s-5.996,53.197-8.337,80.256c-2.341,27.059-4.265,53.197-5.772,78.352-.46,7.679-.869,15.13-1.227,22.358-4.471-8.541-8.974-16.959-13.523-25.213-7.92-14.37-16.258-28.549-25.012-42.507s-18.502-27.059-29.18-39.335L88.503,0,0,74.863l388.641,459.964c10.678,12.276,22.126,24.013,34.311,35.211,12.185,11.198,24.787,21.888,37.838,32.039,7.599,5.91,15.24,11.821,22.904,17.731-14.958-1.727-30.922-3.407-47.916-5.042-35.273-3.394-71.091-6.122-107.422-8.248s-69.904-3.172-100.688-3.172H36.555l-17.316,105.316h591.299l98.122-584.947h-106.46Z'/%3E%3C/svg%3E");}
.markhref a[href]:not([href*="gypce.cz"]):not([href^="/"])::after {transform: scaleY(-1);}

a.doleva::before {  content: "";  display: inline-block;  width: 1em;  height: 1em;  margin-right: 0.3em; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 708.661 708.661'%3E%3Cpath fill='%23231f20' d='M169.414,398.622l248.031,248.031-63.115,62.008L0,354.331,354.331,0l63.115,62.008-248.031,248.031h539.247v88.583H169.414Z'/%3E%3C/svg%3E"); background-size: contain;  background-repeat: no-repeat;  background-position: center;  vertical-align: middle;  filter: brightness(0) invert(1);}
a.doleva:hover::before { filter: brightness(0) saturate(100%) invert(11%) sepia(67%) saturate(2617%) hue-rotate(209deg) brightness(97%) contrast(110%);}

/*RAK add doprava*/
ul.hassubpage li a::before {  content: "";  display: inline-block;  width: 1em;  height: 1em;  margin-right: 0.3em; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 708.661 708.661'%3E%3Cpath fill='%23231f20' d='M602.202,123.714l-32.066,189.061c-3.848,22.84-7.375,47.487-10.582,73.911s-5.996,53.197-8.337,80.256c-2.341,27.059-4.265,53.197-5.772,78.352-.46,7.679-.869,15.13-1.227,22.358-4.471-8.541-8.974-16.959-13.523-25.213-7.92-14.37-16.258-28.549-25.012-42.507s-18.502-27.059-29.18-39.335L88.503,0,0,74.863l388.641,459.964c10.678,12.276,22.126,24.013,34.311,35.211,12.185,11.198,24.787,21.888,37.838,32.039,7.599,5.91,15.24,11.821,22.904,17.731-14.958-1.727-30.922-3.407-47.916-5.042-35.273-3.394-71.091-6.122-107.422-8.248s-69.904-3.172-100.688-3.172H36.555l-17.316,105.316h591.299l98.122-584.947h-106.46Z'/%3E%3C/svg%3E"); background-size: contain;  background-repeat: no-repeat;  background-position: center;  vertical-align: middle;  filter: brightness(0) invert(1);}
ul.hassubpage li a:hover::before { filter: brightness(0) saturate(100%) invert(11%) sepia(67%) saturate(2617%) hue-rotate(209deg) brightness(97%) contrast(110%);}
/*end RAK*/

/*RAK add doleva*/
ul.abovepage li a::before {  content: "";  display: inline-block;  width: 1em;  height: 1em;  margin-right: 0.3em; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 708.661 708.661'%3E%3Cpath fill='%23231f20' d='M169.414,398.622l248.031,248.031-63.115,62.008L0,354.331,354.331,0l63.115,62.008-248.031,248.031h539.247v88.583H169.414Z'/%3E%3C/svg%3E"); background-size: contain;  background-repeat: no-repeat;  background-position: center;  vertical-align: middle;  filter: brightness(0) invert(1);}
ul.abovepage li a:hover::before { filter: brightness(0) saturate(100%) invert(11%) sepia(67%) saturate(2617%) hue-rotate(209deg) brightness(97%) contrast(110%);}
/*end RAK*/


.floatie a {text-decoration-color: white;}
.floatie a:hover {text-decoration-color: #002266;}

ul {list-style-type: square;}
li {line-height:calc(var(--body-line-height) + 0.390625vw);}
li::marker {color: var(--primary-color);}


mark {  color: var(--primary-color);  background-color: #d1007647;}
blockquote {  margin: 4rem 2rem;  padding: 1em 1.5em; border-left: 4px solid  var(--secondary-color);  background-color: #f9f9f9; border-top-left-radius: 20px;}
.accordion-button.collapsed {background-color:#d1007647; color: var(--primary-color);}
.accordion-button:not(.collapsed) {background-color:var(--secondary-color); color:white; font-size: var(--body-font-size); line-height: var(--body-line-height);}
.accordion-button:not(.collapsed)::after {  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");}
.accordion-button:not(.collapsed)::after {  transform: rotate(180deg);}
.accordion-button {background-color:var(--secondary-color); color:white; font-size: var(--body-font-size); line-height: var(--body-line-height);}
.accordion-button:focus {box-shadow:none;}


.gbg-primary {background-color:var(--primary-color);}
.gbg-secondary {background-color:var(--secondary-color);}
.gbg-secondary *, .gbg-qaternary * {color:#FFFFFF;}
.gbg-secondary, .gbg-qaternary {text-decoration:none; border-bottom-left-radius: 5vw;}
.gbg-tertiary {background-color:var(--tertiary-color);}
.gbg-qaternary {background-color:var(--qaternary-color);}

.dark-hover {  transition: filter 0.3s ease;}
.dark-hover:hover {  filter: brightness(90%);}


.double-h2 {font-size: calc(var(--h2-line-height) * 2);line-height: calc(var(--h2-line-height) * 2); font-weight: 600;}
.container-fluid {  max-width: 1900px;  margin-left: auto;  margin-right: auto;}
.container-fluid.full-width {max-width: calc(100% - 30px) !important;  margin: 0;  padding-left: 0;  padding-right: 0;}

.navbar-toggler {border: 1px solid white; border-radius:0; opacity:1; box-shadow: none !important;}
.navbar-toggler:focus {border: 1px solid var(--secondary-color);}
.navbar.gypce:focus-within {background-color: white;}
.navbar-toggler:focus .navbar-toggler-icon, .navbar-toggler:active .navbar-toggler-icon {filter: brightness(0) saturate(100%) invert(14%) sepia(91%) saturate(6859%) hue-rotate(318deg) brightness(83%) contrast(103%);}
.navbar-toggler-icon {  width: 50px;  height: 50px;  background-size: 100% 100%;  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%23001136' stroke-width='3' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
 
.submenu, .footeritems {border-bottom: 10px solid var(--secondary-color);}
.navbar-brand {max-width: 300px; padding:25px; width: calc(100% - 25px); height: auto;}

.docicons a::after {   content: "";  position: absolute;  left: 40px;  right: 0;  bottom: 0;  height: 2px;  background-color: transparent;  transition: background-color 0.2s ease;}
.docicons a:hover::after {  background-color: var(--secondary-color);}
.docicons a {  padding-left: 40px; padding-top: 7px; margin: auto 25px;  position: relative;  color: var(--secondary-color); font-weight: 500; text-decoration: none;  display: inline-block; padding-bottom:2px;}
.docicons a:before {  content: "";  position: absolute;  left: 0;  top: 50%;  transform: translateY(-50%);  height: 25px;  width: 25px; background-repeat: no-repeat; background-size: contain;  background-position: center; filter: brightness(0) saturate(100%) invert(14%) sepia(91%) saturate(6859%) hue-rotate(318deg) brightness(83%) contrast(103%);}
.docicons a.ico-bakalari:before {background-image: url('ico-bakalari.svg');}
.docicons a.ico-office:before {background-image: url('ico-office.svg');}
.docicons a.ico-jidelna:before {background-image: url('ico-jidelna.svg');}
.docicons a.ico-instagram:before {background-image: url('ico-instagram.svg');}
.docicons a.ico-youtube:before {background-image: url('ico-youtube.svg');}
.docicons a.ico-facebook:before {background-image: url('ico-facebook.svg');}


a.nav-link { color: var(--primary-color); font-weight:600; padding:15px; padding-bottom:4px; margin: auto 25px;}
a:hover.nav-link, a.nav-link.active { border-bottom: 3px solid var(--secondary-color); padding-bottom:1px;}


.procknam .carousel {  position: relative;  width: 100%;  height: 100%;  overflow: hidden;  border-top-right-radius: clamp(20px, 15vw, 250px);}
.procknam .carousel-track {  display: flex;  transition: transform 0.5s ease-in-out;  height: 100%;}
.procknam .carousel img {  width: 100%;  object-fit: cover;  flex-shrink: 0;}
.procknam .carousel-toggle {  position: absolute;  bottom: 10px;  left: 10px;  background: rgba(0, 0, 0, 0.6);  color: #fff;  border: none;  padding: 0.5rem 1rem;  font-size: 1rem;  cursor: pointer;  z-index: 10;  border-radius: 5px;}
.carousel-btn:focus, .carousel-toggle:focus {  outline: 2px solid #ffffff;  outline-offset: 2px;}


.procknam .vysledky {padding-left:1rem;}


.kpi { display: flex;  gap: 20px;   overflow-x: auto;}
.kpi > .be-square {  flex: 0 0 43%; min-width: 43%;}

.kpi h2{font-size:calc(2.9rem + 0.3vw); line-height: calc(2.9rem + 0.4vw)}
.kpi p{margin-bottom:0;}
.be-square {  aspect-ratio: 1 / 1;  box-sizing: border-box;  display: flex;  flex-direction: column;  justify-content: center;  text-align: center;}
.kpi .be-square:hover {background-color:var(--tertiary-color); border-top-left-radius:4vw;}

.aktuality a   {text-decoration:none;}
.aktuality h3  {font-family: "Inter", sans-serif;  font-style: italic; color: var(--primary-color); font-size: var(--body-font-size); line-height: var(--body-line-height);}
.aktuality .news-row img {border-top-left-radius: 3vw; width: 100%;  height: 200px;  object-fit: cover; object-position: top left; }
.aktuality .news-row .col-5 {padding:1.4vw;}
.aktuality .news-row .col-5:hover {background-color:var(--tertiary-color); border-top-left-radius: 4vw;}
.aktuality .news-row .col-5:hover h3 {color: var(--secondary-color);}

/*RAK add vybrany prispevek*/
/*.col-5-v {background-color:var(--tertiary-color);}*/
.zvyrazneny{
	background-color:var(--tertiary-color);
}
/*end RAK*/

.vcemjsmedobri .col:hover {background-color:var(--tertiary-color); border-top-left-radius: 4vw;}

.chcistudovatdasak .be-square {padding:6rem;}
.chcistudovatdasak  h3 {font-size: var(--h1-font-size); line-height: var(--h1-line-height);}


.historiedasaku .image-wrapper {  position: relative;  height: 100%;  width: 100%;  overflow: hidden;	border-top-left-radius: clamp(20px, 15vw, 250px);}
.historiedasaku .img-cover {  position: absolute;  top: 0;  left: 0;  height: 100%; width: 100%;  object-fit: contain/*cover*/;}
.historiedasaku h3 span {color:var(--secondary-color);}

.tlround {border-top-left-radius: clamp(20px, 15vw, 250px);}

footer {background-color:var(--tertiary-color);border-top-left-radius: clamp(20px, 15vw, 250px); margin-top:5vw;}
footer .docicons a { color: black;}

.breadcrumb-custom {  font-size: calc(var(--body-font-size) - .3rem);  display: flex;  flex-wrap: wrap;  list-style: none;  padding: 0;  margin: 0;  gap: 0.5rem;}
.breadcrumb-custom li {  font-size: calc(var(--body-font-size) - .3rem);}
.breadcrumb-custom li::after {  content: "/";  margin-left: 0.5rem;  margin-right: 0.2rem;  color: var(--secondary-color);}
.breadcrumb-custom li:last-child::after {  content: ""; }

/*RAK přídáno pro menu*/
.breadcrumb-custom2 {  display: flex;  flex-wrap: wrap;  list-style: none;  padding: 0;  margin: 0;  gap: 0.5rem;}
.breadcrumb-custom2 li::after {  content: "/";  margin-left: 0.5rem;  margin-right: 0.2rem;  color: white;}
.breadcrumb-custom2 li:last-child::after {  content: ""; }
/* end RAK*/

#photos {   line-height: 0;column-count:2;column-gap:1px; padding-top: 1rem; padding-bottom:5rem;}
#photos img {  width: 100% !important;  height: auto !important; border-bottom: 1px solid #ffffff; }
#photos a{transition: all 1.5s ease;}
#photos a:hover {opacity: 0.8; transition: all 0.5s ease; background-color: #ea5b0c;}
#content{padding-top:90px;}

/*doplneno RAK ngg-gallery*/

.ngg-galleryoverview {   line-height: 0;column-count:3;column-gap:1px; padding-top: 1rem; padding-bottom:5rem;}
.ngg-galleryoverview img {  width: 100% !important;  height: auto !important; border-bottom: 1px solid #ffffff; }
.ngg-galleryoverview a{transition: all 1.5s ease;}
.ngg-galleryoverview a:hover {opacity: 0.8; transition: all 0.5s ease; background-color: #ea5b0c;}

/*NGG - navigace*/
.ngg-navigation{
	column-count:1;
	margin-top:2rem;
  column-count: initial;
  column-width: initial;
  column-gap: normal;
  column-rule: none;	
}
.ngg-navigation a{
	border-style:solid;
	border-color:var(--primary-color);
	border-width:2px;
	border-radius:50%;
    padding: 5px 10px 5px 10px; 
}
	
/*
.ngg-navigation a.page-numbers{
    border-style:solid;
    border-width:1px;
    border-color:var(--secondary-color);
    border-radius:50%;
    background-color:white;
    color:var(--secondary-color);
    font-size:18px;
    font-weight:300;
    padding: 5px 10px 5px 10px;   
}
.ngg-navigation a.page-numbers:hover{
    color:white;
    background-color:var(--secondary-color);
}
.ngg-navigation span.current{
    border-style:solid;
    border-width:1px;
    border-color:var(--primary-color);
    border-radius:50%;
    background-color:white;
    color:var(--primary-color);
    font-size:18px;
    font-weight:300;
    padding: 5px 10px 5px 10px;   
}
.ngg-navigation span.current:hover{
    background-color: var(--secondary-color);
}
*/
/*doplneno RAK navigace na podstránky*/
ul li.page_item{
	list-style-type:none;
	margin-left:-1.8em;
}
/*rak tlacitko*/
button.cook{
	padding: 0;
	border: none;
	background-color:transparent;
	font-style:italic;
	text-decoration:underline;
	color: var(--primary-color);  
	text-decoration-color: var(--primary-color);   
	text-decoration-thickness: 2px;
}
button.cook:hover{
	color:#002266;
	text-decoration-color: #002266;
}
/*end rak tlacitko*/

/*RAK obrazek fix*/
.ps-4 img {width: 100%; object-fit: cover; }
/*end RAK*/
@media (min-width: 576px) {.navbar-brand {max-width: 440px;} }

@media (min-width: 768px) {#photos {column-count:3;} .kpi {grid-template-columns: repeat(4, 1fr);}}		

@media (min-width: 992px) { }

@media (min-width: 1200px) { .kpi {grid-template-columns: repeat(2, 1fr);}  .procknam .vysledky {padding-left:100px;} .procknam .vysledky {max-width:950px; padding-left:10px;}
.kpi {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px 20px; justify-content: start;} 
.kpi h2{font-size:calc(3.9rem + 0.3vw); line-height: calc(3.9rem + 0.4vw)}

}

@media (min-width: 1900px) {.articleperex  { margin-left: calc((100vw - 1900px) / 2);} }

/*RAK schování navigace*/
.underlink{
	border-top-color:var(--tertiary-color);
	border-top-style:solid;
	border-top-width: 1px;
	padding-top:1em;
}
.hidelink{
	display:none;
	border-top-color:var(--tertiary-color);
	border-top-style:solid;
	border-top-width: 1px;
	padding-top:1em;
}
.hidelink li{
	list-style:none;
}
.underlink li{
	list-style:none;
	margin-left:-1.8em;
}

@media (max-width: 767px) {
	.hidelink {
		display:block;
	}
}	
/*end RAK*/

/*RAK maly display*/
@media (max-width: 440px) {
	.vysledky {
		width:100%;
	}
}
/*end RAK*/

/*RAK aktuality sirka fix*/
@media (max-width: 1200px) {
	.aktuality .news-row .col-5 {max-width:300px;}
}

/*end RAK*/

/*RAK hledani*/
input[type=submit] {
	margin-left:2em;
    background: url(hledani.svg);
    background-repeat:no-repeat;
    background-size:35px 35px;
    width:40px;
    height:40px;
    border-style:none;
    display:inline-block;
    vertical-align: top;
}
/*end RAK*/


/*RAK 3 sloupce v cem jsme dobri sirka fix*/
.vcemjsmedobri .row .col{
	max-width:550px;
}
@media (max-width: 992px) {
	.vcemjsmedobri .row .col{
		max-width:465px;
	}
}
/*end RAK*/

/*RAK Table*/
table td{
	border-bottom-style:solid;
	border-width:1px;
	border-color:#AAA;
}
table{
 	margin: auto;
 	border-collapse: collapse;
 	overflow-x: auto;
 	display: block;
 	width: fit-content;
 	max-width: 100%;
}