/*
@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');
*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body { font-family: "Roboto", sans-serif; font-weight: 300; }


/* ----------------------------------------- RESPONSIVE MAX 767 -- */
@media all and (max-width: 767px) {
  .row > *, .gallery > *, .product-page__row > *, .product-list > *, .cart-form__row > *, .cart-form-wrapper .cart-form > *, 
  .cart-form__item-group > *, .account-form__item-group > *, .cart-modal__row > *, .form-row > *
  { padding-right: calc(var(--bs-gutter-x)*1.5); padding-left: calc(var(--bs-gutter-x)*1.5); }

  h2, h4, p { text-align: center !important; }
  .schovat { display: none !important; }
}
/* ----------------------------------------- RESPONSIVE MAX 767 konec -- */


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

/* 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 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; }

.container--article .section-2-col-left-text, .container--article .section-2-col-right-text, .container--article .section-pricelist
{ max-width: 68rem; }

#footer .section-2-col-right-text
{ max-width: 68rem; margin-left: auto; margin-right: auto; }



/* 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,
.container--article .section-2-col-right-text, .container--article .section-pricelist
{ margin-left: auto; margin-right: auto; }


/* tlacitko xdent */
#xdentBookNowButton { max-width: 100%; text-align: center; }


/* upravy pisma */
h1, .h1 { font-size: 2rem; }
h1, .h1 { margin-top: 30px; }
h6, .h6, h5, .h5, h4, .cart-form__title, .account-form__title, .h4, h3, .h3, h2, .h2 { margin-top: 0px; }

.section--header h1, .section--header .h1, .section-title h1, .section-title .h1 { font-weight: 400; }
h6, .h6, h5, .h5, h4, .cart-form__title, .account-form__title, .h4, h3, .h3, h2, .h2, h1, .h1 { font-weight: 300; }

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

.section--header h1, .section--header .h1, .section-title h1, .section-title .h1 { color: #000; 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-xxxx { 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.618; }
.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: #000; }

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



/* 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%); }




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


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


/* uprava paticky */