@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); }


/* MOBILNÍ ZAŘÍZENÍ*/

@media only screen and (max-width: 768px) {

  footer,
  #footer,
  .footer {
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }

  footer * ,
  #footer * ,
  .footer * {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* MOBILNÍ OPRAVA ACCORDIONU - UBYTOVÁNÍ */
  /* hlavní container */
  #myAccordion92 {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    margin: 0 auto !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
  }

  /* jednotlivé položky */
  #myAccordion92 .accordion-item {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    margin-bottom: 10px !important;
    border: 1px solid #ddd !important;
    box-sizing: border-box !important;
  }

  /* tlačítka accordionu */
  #myAccordion92 .accordion-button {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;

    white-space: normal !important;
    word-break: break-word !important;

    padding: 15px !important;
    text-align: left !important;

    box-sizing: border-box !important;
  }

  /* otevřený obsah */
  #myAccordion92 .accordion-body {
    width: 100% !important;
    max-width: 100% !important;

    display: block !important;

    padding: 15px !important;

    box-sizing: border-box !important;

    overflow-wrap: break-word !important;
    word-break: normal !important;
  }

  /* text */
  #myAccordion92 p,
  #myAccordion92 li,
  #myAccordion92 ul {
    width: 100% !important;
    max-width: 100% !important;

    line-height: 1.5 !important;

    box-sizing: border-box !important;
  }

  /* seznamy */
  #myAccordion92 ul {
    padding-left: 20px !important;
    margin-left: 0 !important;
  }

  /* bootstrap sloupce kolem */
  .section-accordion,
  .section-content,
  .section-cell-parent,
  .row,
  .col-xs-12,
  .col-sm-12 {
    width: 100% !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    box-sizing: border-box !important;
  }

  /* ochrana proti horizontálnímu scrollu */
  html,
  body {
    overflow-x: hidden !important;
  }

  /* MOBILNÍ OPRAVA ÚVODNÍHO OBRÁZKU */
  /* celý carousel */
  #myCarousel40,
  #myCarousel40 .carousel-inner,
  #myCarousel40 .carousel-item {
    width: 100% !important;
    height: auto !important;
    overflow: hidden !important;
  }

  /* obrázek */
  #myCarousel40 .carousel-item img {
    width: 100% !important;
    height: 320px !important;
    object-fit: cover !important;
    display: block !important;
  }

  /* text přes obrázek */
  #myCarousel40 .carousel-caption {
    position: absolute !important;

    top: 50% !important;
    left: 50% !important;

    transform: translate(-50%, -50%) !important;

    width: 90% !important;
    max-width: 90% !important;

    right: auto !important;
    bottom: auto !important;

    padding: 10px !important;

    text-align: center !important;

    box-sizing: border-box !important;
  }

  /* hlavní nadpis */
  #myCarousel40 .head-primary,
  #myCarousel40 h1 {
    font-size: 30px !important;
    line-height: 1.2 !important;
    margin-bottom: 10px !important;

    word-break: break-word !important;
  }

  /* podnadpis */
  #myCarousel40 p {
    font-size: 16px !important;
    line-height: 1.4 !important;

    margin-bottom: 0 !important;
  }

  /* schování šipek na mobilu */
  #myCarousel40 .carousel-control-prev,
  #myCarousel40 .carousel-control-next {
    display: none !important;
  }

  #myCarousel40 .head-primary::after,
  #myCarousel40 h1::after {
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin-left: 0 !important;
  }

  /* MOBILNÍ ÚPRAVA PROKLIKÁVACÍCH OBRÁZKŮ */
  /* bootstrap sloupce */
  .section-2-col-bottom-text .section-cell-item {
    width: 100% !important;
    max-width: 100% !important;

    margin-bottom: 20px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;

    box-sizing: border-box !important;
  }

  /* oba boxy */
  .okoli-leto,
  .okoli-zima {

    width: 100% !important;
    max-width: 100% !important;

    height: 240px !important;

    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    margin: 0 auto !important;
    position: relative !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  /* horní text */
  .okoli-leto p,
  .okoli-zima p {
    font-size: 2rem !important;
    padding-top: 0 !important;
    margin-bottom: 8px !important;
    line-height: 1.1 !important;
  }

  /* nadpis */
  .okoli-leto h2,
  .okoli-zima h2 {

    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 10px 25px !important;
    font-size: 3.2rem !important;
    line-height: 1.1 !important;
    background: rgba(198, 141, 63, 0.75) !important;
    box-sizing: border-box !important;
  }

  /* klikací vrstva */
  .okoli-leto-odkaz a,
  .okoli-zima-odkaz a {
    position: absolute !important;
    inset: 0 !important;
  }

  /* lepší čitelnost textu */
  .okoli-leto p,
  .okoli-zima p {
    background: rgba(0, 0, 0, 0.15);
    padding: 8px 8px;
    border-radius: 8px;
    text-shadow: 0 2px 4px rgba(0,0,0,0.6);
    display: inline-block;
    color: #fff !important;
  }

  /* změna pořadí sloupců na mobilu */
  .section-3-col-top-text .section-cell-parent {
    display: flex !important;
    flex-direction: column !important;
  }
  /* Facebook jako první */
  .section-3-col-top-text .section-cell-item:nth-child(2) {
    order: 1;
  }
  /* video jako druhé */
  .section-3-col-top-text .section-cell-item:nth-child(1) {
    order: 2;
  }
  /* lovepoint třetí */
  .section-3-col-top-text .section-cell-item:nth-child(3) {
    order: 3;
  }
}