@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp');


body { font-family: "Raleway", sans-serif; font-weight: 400; }

/* zvětšení loga */
.navbar__brand-logo-img { max-width: 11rem; max-height: 7rem; }

/* výška odsazení od loga a od těla */
#main { padding-top: 0rem; }
#hlavicka section, #hlavicka .section { padding-top: clamp(0rem,0vw,4rem); }
section, .section { padding-top: clamp(0.5rem,1vw,2rem); }

/* skrytí drobečkové nápovědy */
.breadcrumb { display: none; }

/* menu písmo */
.navbar__menu-item { text-transform: uppercase; }
.navbar__menu-item a:hover { color: #c68d3f; }
.navbar__menu-item.active > .navbar__menu-link, .navbar__menu-item.active > .navbar__menu-link .navbar__menu-item .active { color: #c68d3f; text-transform: uppercase; }

/* menu změna barvy pozadi odkazu na rezervaci */
#nav-menu ul li:nth-child(8) { background-color: #000; }
#nav-menu ul li:nth-child(8) a { color: #fff; }
#nav-menu ul li:nth-child(8) a:hover { color: #ddd; }

/* rozšíření hlavičky na celou stránku */
.container-xl, .container-lg, .container-md, .container-sm, .container, .motive__motto { max-width: 100%; }
/* zrušení paddingu hlavičky  */
.container, .motive__motto, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm 
{ padding-right: var(--bs-gutter-x, 0rem); padding-left: var(--bs-gutter-x, 0rem); }

/* rozšíření bloků, které nejsou na celou šířku stránky */
.container--article .col-text, .container--article .section--header, .container--article .section--text, .container--article .section-blank, .container--article .section-title, .container--article .section-header, .container--article .section-cta
{ max-width: 60rem; }

/* dva obrázky vedle sebe, s popisem a tlačítkem, na stránce */
.section-2-col-bottom-text { text-align: center; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: -webkit-box-align; align-items: center; }
.section-2-col-bottom-text img  { margin-top: 0px; }
.section-2-col-bottom-text img  { margin-bottom: 1em; }

.section-3-col-bottom-text h3, .section-3-col-bottom-text .h3, .section-3-col-bottom-text p, .section-3-col-top-text h3, 
.section-3-col-top-text .h3, .section-3-col-top-text p
{ max-width: 80%; }

.section-3-col-bottom-text h3, .section-3-col-bottom-text .h3, .section-3-col-bottom-text p, .section-3-col-top-text h3, 
.section-3-col-top-text .h3, .section-3-col-top-text p, .container--article .section-custom, .container--article .section-2-col-left-text
{ margin-left: auto; margin-right: auto; }



/* upravy pisma */
h1, .h1 { font-size: 2rem; }
h2, .h2 { line-length: 5.0; }

a { color: #000; }
a:hover { color: #000; }

.section--header h1, .section--header .h1, .section-title h1, .section-title .h1 { color: #c68d3f; text-transform: uppercase; letter-spacing: 2px; font-weight: 500; font-size: 32px; }
.container--article h1 + p, .container--article .h1 + p { margin-top: clamp(1rem,3vw,2rem) }

.opacity p { color: rgba(0, 0, 0, 0.54); text-align: center; }
.font-size-fluid, .col-text, .section--header, .section--text, .section-blank, .section-title, .section-header, .section-cta, .section-2-col-right-text, .section-2-col-left-text
{ font-size: calc(.12vw + 0.9rem); }

.carousel-caption { width: 40%; max-width: 400px; padding-left: 1.25rem; padding-right: 1.25rem; text-align: left; background: rgba(100, 100, 100, .5); }
.carousel-caption p { padding-top: 20px; }

*, *:before, *:after { box-sizing: border-box; }
.head-primary  { font-weight: 600; position: relative; }

.nadpis  { position: relative; padding-bottom: 0.5em; }
.nadpis2  { line-height: 1.68;}
.restaurace-pozadi h3 { font-size: 1.3rem; font-weight: 600; }
.restaurace-pozadi h3::after { content: ""; display: block; height: 2px; width: 70%; max-width: 70px; position: absolute; bottom: 0; left: -50; background: #c68d3f; }

.section-content h2::after { content: ""; display: block; height: 2px; width: 70%; max-width: 70px; background: #c68d3f; }





/* hodnocení na uvodni strance */
.section-blank .rating { position: relative; display: flex; justify-content: space-between; padding: 1rem 0; align-items: center; }
.section-blank .rating .servicies { display: flex; }
.section-blank .rating .servicies ul { flex-wrap: wrap; justify-content: flex-start; }
.section-blank .rating .servicies ul { display: flex; width: 100%; }

.section-blank .rating .servicies ul li { flex: 0 0 50%; list-style: none; display: flex; margin-bottom: 0.5rem; }
.section-blank .rating .servicies ul li mat-icon { margin: 1px 12px 5px 0; color: #c68d3f; }

.mat-icon { background-repeat: no-repeat; display: inline-block; fill: currentColor; height: 24px; width: 24px; }
.material-icons-outlined { font-family: 'Material Icons Outlined'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -moz-font-feature-settings: 'liga'; -moz-osx-font-smoothing: grayscale; }
.section-blank .rating .servicies ul li p { margin: 0px 0px 0.6rem 8px; font-style: normal; font-weight: 300; font-size: 14px; }

.rating-analytics { width: 40%; height: 225px; background: linear-gradient(180.52deg, #F8F8F8 0.45%, #E6E6E6 99.55%); box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.07); border-radius: 7px; padding: 1rem; }
.section-blank .rating .rating-analytics .hide p { width: 100%; margin-bottom: 1rem; }
.section-blank .rating .rating-analytics .hide .rating-content { display: flex; align-items: flex-end; margin-bottom: 0.1rem; }
.section-blank .rating .rating-analytics .hide .rating-content h3 { font-size: 56px; color: #0f0934; }
.section-blank .rating .rating-analytics .hide .rating-content .smaller { font-size: 36px; font-weight: 500; line-height: 56px; color: rgba(15, 9, 52, 0.4); }

.section-blank .rating .rating-analytics .hide .bars { display: flex; position: relative; }
.section-blank .rating .rating-analytics .hide .bars .active { width: 89%; background: #c68d3f; }
.section-blank .rating .rating-analytics .hide .bars .active, .section-custom .rating .rating-analytics .hide .bars .unactive
{ height: 1.25rem; margin-bottom: 0.75rem; position: relative; }
.section-blank .rating .rating-analytics .hide .bars .unactive { width: 21%; background: rgba(15, 9, 52, 0.08); }

.section-blank .rating .rating-analytics .hide .source { margin-top: 0.5rem; display: flex; justify-content: flex-end; }
.section-blank .rating .rating-analytics .hide .source p { margin-bottom: 0; max-width: unset !important; width: unset !important; text-decoration: underline; }


/* proc si vybrat nas na uvodni strance */
.head-primary::after { content: ""; height: 2px; width: 70%; max-width: 70px; position: absolute; bottom: -1rem; left: 0; background: #c68d3f; }
.section-blank .list ul { margin: 0; padding: 1rem 0 0 0; }

.section-blank .list ul li { list-style: none; position: relative; margin-bottom: 0.5rem; min-height: 24px; display: flex; }
.section-blank .list ul li span { margin-top: 3px; color: #c68d3f; }

.material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -moz-font-feature-settings: 'liga'; }
.section-blank .list ul li p { margin-left: 0.5rem; margin-bottom: 10px; max-width: 370px; color: rgba(0, 0, 0, 0.52); }


/* ubytovani */
.section-2-col-bottom-text h3 { font-size: 1.3rem; font-weight: 600; margin: 0.8rem 0px 0.8rem 0px; }
.btn-primary:hover, .comment__reply:hover, .add-comment__button--submit:hover, .product-page__cart-button:hover, .cart-button:hover, .promo-code__submit:hover, .account-button:hover, .minicart__button-cart:hover, .search-form__search-button:hover, .locked__submit:hover, .motto__button-link:hover
.section-container, .section-accordion { margin-left: 10rem; margin-right: 10rem }
{ background-color: #888; border-color: #888; }



/* restaurace */
.restaurace-pozadi { padding: 2rem 0px 0px 0px; background: linear-gradient(104.94deg, rgba(0, 0, 0, 0.08) 22.09%, rgba(105, 105, 105, 0.08) 50.71%); }


/* sluzby zalozky */
.nav-link, .section-tabs .item a, .section-tabs .item .eshop-menu__link--button, .section-tabs .item button.navbar__menu-link { color: rgba(0, 0, 0, 0.87); }
.nav-link:hover, .section-tabs .item a:hover, .section-tabs .item .eshop-menu__link--button:hover, .section-tabs .item button.navbar__menu-link:hover, .nav-link:focus, .section-tabs .item a:focus, .section-tabs .item .eshop-menu__link--button:focus, .section-tabs .item button.navbar__menu-link:focus
{ color: rgba(0, 0, 0, 0.87); }

.nav-tabs .nav-link.active, .nav-tabs .section-tabs .item a.active, .nav-tabs .section-tabs .item .active.eshop-menu__link--button, .section-tabs .item .nav-tabs a.active, .section-tabs .item .nav-tabs .active.eshop-menu__link--button, .nav-tabs .section-tabs .item button.active.navbar__menu-link, .section-tabs .item .nav-tabs button.active.navbar__menu-link, .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-item.show .section-tabs .item a, .nav-tabs .nav-item.show .section-tabs .item .eshop-menu__link--button, .section-tabs .item .nav-tabs .nav-item.show a, .section-tabs .item .nav-tabs .nav-item.show .eshop-menu__link--button, .nav-tabs .nav-item.show .section-tabs .item button.navbar__menu-link, .section-tabs .item .nav-tabs .nav-item.show button.navbar__menu-link
{ border-color: #c68d3f #c68d3f #c68d3f; }

.nav-tabs .nav-link:not(.active):hover, .nav-tabs .section-tabs .item a:not(.active):hover, .section-tabs .item .nav-tabs a:not(.active):hover, .nav-tabs .section-tabs .item button.navbar__menu-link:not(.active):hover, .section-tabs .item .nav-tabs button.navbar__menu-link:not(.active):hover, .nav-tabs .section-tabs .item .eshop-menu__link--button:not(.active):hover, .section-tabs .item .nav-tabs .eshop-menu__link--button:not(.active):hover
{ border-color: #c68d3f #c68d3f #c68d3f; }

.nav-tabs { border-bottom: 1px solid #c68d3f; flex-wrap: nowrap; }


/* okolí hotelu zalozky */
@media (max-width: 1199px) {
  .okoli-leto { position: relative; top: 0px; left: 0px; color: #fff; width: 400px; height: 300px; background: rgba(0, 0, 0, 0) url("/obrazek/2/na-leto-hradec-jpeg/") repeat scroll 0% 0%; z-index: 10; }
  .okoli-zima { position: relative; top: 0px; left: 0px; color: #fff; width: 400px; height: 300px; background: rgba(0, 0, 0, 0) url("/obrazek/2/na-zimu-spindl-jpeg/") repeat scroll 0% 0%; z-index: 10; }
}

@media (min-width: 1200px) {
  .okoli-leto { position: relative; top: 0px; left: 0px; color: #fff; width: 520px; height: 390px; background: rgba(0, 0, 0, 0) url("/obrazek/2/na-leto-hradec-jpeg/") repeat scroll 0% 0%; z-index: 10; }
  .okoli-zima { position: relative; top: 0px; left: 0px; color: #fff; width: 520px; height: 390px; background: rgba(0, 0, 0, 0) url("/obrazek/2/na-zimu-spindl-jpeg/") repeat scroll 0% 0%; z-index: 10; }
}

.okoli-leto p { font-size: 2rem; padding-top: 4rem; }
.okoli-leto h2 { position: relative; top: 0px; left: 0px; width: 50%; height: 90px; padding-top: 12px; font-size: 4rem; font-weight: 700; text-transform: uppercase; margin: 0px 25% 0px 25%; background: rgba(198, 141, 63, 0.6); }
.okoli-leto p + h2, .okoli-leto p + .h2 { margin-top: clamp(1rem,1vw,1rem); }
.okoli-leto-odkaz a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; z-index: 10; background-color: #FFF; opacity: 0; filter: alpha(opacity=1); }

.okoli-zima p { font-size: 2rem; padding-top: 4rem; }
.okoli-zima h2 { position: relative; top: 0px; left: 0px; width: 50%; height: 90px; padding-top: 12px; font-size: 4rem; font-weight: 700; text-transform: uppercase; margin: 0px 25% 0px 25%; background: rgba(198, 141, 63, 0.6); }
.okoli-zima p + h2, .okoli-leto p + .h2 { margin-top: clamp(1rem,1vw,1rem); }
.okoli-zima-odkaz a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; z-index: 10; background-color: #FFF; opacity: 0; filter: alpha(opacity=1); }


/* kontakty */
.kontakty-pozadi { padding: 2rem 0px 0px 0px; background: linear-gradient(104.94deg, rgba(0, 0, 0, 0.08) 22.09%, rgba(105, 105, 105, 0.08) 50.71%); }




/* tlačítka */
.btn-primary, .comment__reply:hover, .add-comment__button--submit, .product-page__cart-button, .cart-button, .promo-code__submit, .account-button, .minicart__button-cart, .search-form__search-button, .locked__submit, .motto__button-link
{ background-color: #c2c1c1; border-color: #c2c1c1; text-transform: uppercase; }

.btn-primary:hoverxxxx, .comment__reply:hover, .add-comment__button--submit:hover, .product-page__cart-button:hover, .cart-button:hover, .promo-code__submit:hover, .account-button:hover, .minicart__button-cart:hover, .search-form__search-button:hover, .locked__submit:hover, .motto__button-link:hover
{ background-color: #b2b0b0; border-color: #b2b0b0; }

.btn-primary:hover, .comment__reply:hover, .add-comment__button--submit:hover, .product-page__cart-button:hover, .cart-button:hover, .promo-code__submit:hover, .account-button:hover, .minicart__button-cart:hover, .search-form__search-button:hover, .locked__submit:hover, .motto__button-link:hover
{ box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); }

.mat-button .mat-button-focus-overlay, .mat-icon-button .mat-button-focus-overlay { opacity: 0; }
.mat-button-focus-overlay { opacity: 0; transition: opacity 200ms cubic-bezier(0.35, 0, 0.25, 1),background-color 200ms cubic-bezier(0.35, 0, 0.25, 1); }
.mat-button-ripple.mat-ripple, .mat-button-focus-overlay { top: 0; left: 0; right: 0; bottom: 0; position: absolute; pointer-events: none; border-radius: inherit; }
.mat-button-focus-overlay { background: black; }

.btn-primary2 { background-color: #c68d3f; border-color: #c68d3f; text-transform: uppercase; }

/*
.list-rooms .container ul li .content .operators button {  }
*/


/* spodni pas obrazku */
.signpost { margin: 3rem 0; width: 100%; position: relative; }

.signpost ul { padding: 0; margin: 0; display: flex; width: 100%; position: relative; }
.signpost ul li::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; background: rgba(0, 0, 0, 0.08); transition: all .4s cubic-bezier(.165, .84, .44, 1); z-index: 0; }

.signpost ul li:nth-child(1) { background: url('/obrazek/3/room1-jpg/'); }
.signpost ul li:nth-child(2) { background: url('/obrazek/3/hotel-tenis-jpg/'); }
.signpost ul li:nth-child(3) { background: url('/obrazek/3/restaurant1-jpg/'); }
.signpost ul li:nth-child(4) { background: url('/obrazek/3/zvonek-recepce2-jpg/'); }

.signpost ul li { height: 300px; }
.signpost ul li { list-style: none; position: relative; width: 25%; background-repeat: no-repeat !important; background-size: cover !important; background-position: center !important; }

.signpost ul li a .content::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(133.14deg, rgba(0, 0, 0, 0.33) 2.14%, rgba(0, 0, 0, 0) 89.59%); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); z-index: 0; }
.signpost ul li a .content { width: 100%; height: 100%; padding: 2rem; }

.signpost ul li a .content .content-text { position: relative; z-index: 12; height: 100%; display: flex; align-items: flex-start; flex-direction: column; justify-content: flex-end; }
.content-text { padding: 2rem 0; }

.signpost ul li a .content .content-text h3::after { content: 0; height: 2px; width: 70%; max-width: 70px; position: absolute; bottom: -0.5rem; left: 0; background: #c68d3f; transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); }
.signpost ul li a .content .content-text h3 { position: relative; color: #fff; margin-bottom: 1rem; }

.signpost ul li a .content .content-text p { color: #fff; position: relative; }
.content-text p { margin-bottom: 1rem; }


/* změna sirky paticky, zarovnani na stred */
.container .section-pata { max-width: 60rem; margin-left: auto; margin-right: auto; }


/* uprava paticky */
#footer { color: rgba(247, 247, 247, 0.6); font-size: 14px; line-height: 20px; letter-spacing: 0.5px; background:linear-gradient(180deg, rgba(210,144,64,1) 0%, rgba(120,73,15,1) 45%, rgba(54,34,9,1) 100%);}
#footer .pata-nadpis { color: #fff; }
#footer .section-container ul { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; display: flex; justify-content: space-between; flex-wrap: wrap; }
#footer .section-container ul li { list-style: none; margin-bottom: 12px; }

#footer section, #footer .section { padding-top: clamp(1rem,2vw,3rem); padding-bottom: clamp(1rem,2vw,3rem); }

#footer .section-container ul li .inside { flex-direction: column !important; }

#footer h4 { text-transform: uppercase; letter-spacing: 2px; font-size: 20px !important; font-weight: 600; margin-bottom: 1.5rem !important; }

#footer .section-container ul li .inside .inside-tab { flex-direction: column !important; }
#footer .section-container ul li .inside .inside-tab .tab { display: flex; align-items: flex-start; }
#footer .section-container ul li .inside2 .inside-tab { flex-direction: row !important; }
#footer .section-container ul li .inside2 li + li { margin-left: 16px; }
.blok5 { text-align: center; }
.blok5 img { text-align: center; margin: 0px 4% 2rem 0px; }

#footer mat-icon { height: 20px; width: 20px; font-size: 20px; margin: 1px 10px 0 0; color: #c68d3f; }
.mat-icon { background-repeat: no-repeat; display: inline-block; fill: currentColor; }

.material-icons-outlined { font-family: 'Material Icons Outlined'; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; white-space: nowrap; word-wrap: normal; direction: ltr; -moz-font-feature-settings: 'liga'; }

#footer .section-container ul li .inside .inside-tab .tab a { text-decoration: none; color: rgba(247, 247, 247, 0.6); }
#footer .section-container ul li .inside .inside-tab .tab a:hover { text-decoration: underline; color: #fff; }

#pata4 { padding: 2rem 0px 1rem 0px; border-top: 1px solid rgba(247, 247, 247, 0.14); }
#pata4 a { color: rgba(169, 97, 24, 0.6); }