:root {
  /* === FONTY === */
  --font-family: "montserrat", monospace;
  --header-font: 

  /* === ZÁKLADNÍ VELIKOSTI === */
  --btn-padding: 15px;
 --list-padding: 8px;
  --btn-icon-padding: 15px 60px 15px 30px;	
  --btn-font-size: 18px;
  --btn-radius: 16px;
--btn-100-radius: 100px;
--tag-md-padding: 9px 20px;
  --btn-md-padding: 12px 20px;
  --btn-md-font-size: 16px;
	--btn-s1-font-size: 20px;
	--btn-s4-font-size: 16px;
  --btn-s4-font-size: 14px;
	
	--top-radius: 16px 16px 0 0;

	 --base-margin: 33px;
	--10-margin: 10px;
	--20-margin: 20px;
	--30-margin: 30px;
	--40-margin: 40px;
	--50-margin: 50px;

	
--banner-radius: 24px;	
--banner-padding: 30px;
--dlazdice-padding: 32px 24px;

  --transition-default: all 0.25s ease;

  --color-primary: #0e296e;
--text-color-secondary: #c79f69;
  --color-primary-hover: #102131;
  --dark-blue-color:#0966d0;
  --light-blue-color:#f0f3fa;
 --light-grey-color:#e6e9ef;
--mid-grey-color:#737C8F;


}


.route-view-activities-page_1 .holderview .button, .route-view-activities-page_1 .paragraph--type--hero-banner--holder .button {
  position: relative;
  display: inline-block;
  padding: 10px 20px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  border: none;
    border-right-width: medium;
    border-right-style: none;
    border-right-color: currentcolor;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    border-left-width: medium;
    border-left-style: none;
    border-left-color: currentcolor;
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
  border-left-width: medium;
  border-left-style: none;
  border-left-color: currentcolor;
  font-weight: 400;
  overflow: hidden;
  transition: color 0.3s ease;
  border-right: 1px solid #fff;
  border-left: unset;

  border-bottom: 1px solid #fff;
  z-index: 1;
}
.route-view-activities-page_1 .button:hover::before {
  transform: scaleY(1);
  transform-origin: bottom;
}
.closed .block-topmenu .opens a::before {
  content: "";
  width: 6px;
  background: red !important;
  position: absolute;
  top: 5px;
  right: -6px;
  height: 6px;
  border-radius: 10px;
}

.paragraph--type--block--holder {
  clear: both;
}
#block-capesmokey-views-block-activities-block-1 h2 a, #block-capesmokey-views-block-activities-block-2 h2 a {
  color: #fff;
  text-decoration: none;
}

.node-id-13 .mainbut {
  background: #c9a15d;
}

.node-id-22 #section1 {
  float: unset;
  margin: auto;
  max-width: 646px;
  text-align: left;
}
.map {
  margin-top: -190px;
  float: left;
}


.route-view-activities-page_1 .activity-item .views-field.views-field-title {
  max-width: 80%;
  display: block;
  margin-bottom: 38px;
}

.activity-item .views-field.views-field-title {
  max-width: 80%;
  display: block;
  margin-bottom: 38px;
}

.cape-modal-body .paragraph.paragraph--type--hero-banner img {
  width: 100%;
  height: 479px;
  object-fit: cover;
}
.cape-modal-body {
  padding: 0px !important;
  color: #333;
  line-height: 1.8;
  font-weight: 300;
}
.cape-modal-body {
  color: #0e296e;
  line-height: 1.8;
  font-weight: 400;
}
.cape-modal-body .content-paragraph {
  margin-top: 57px;
}
.webformblock label {
  width: 100%;
}
.webformblock .textholder h1 {
  text-transform: uppercase;
  color: #fff;
  font-size: 29px;
  margin-top: 90px;
}
.menu-overlay .opens, .menu-overlay .close {
  position: relative;
  top: 0px;
  float: left;
  margin-left: 15px;
  margin: 0pc;
  display: block;
  float: left;
  width: 100%;
}
.cape-modal-body {
  color: #0e296e!important;
  line-height: 1.8;
  font-weight: 400!important;
}
.webformblock .eventdatein {
  position: absolute;
  z-index: 555;
  background: transparent;
  border: solid 1px #fff;
  color: #fff;
  padding: 13px;
}
.webformblock input {
  width: 93%;
  padding: 10px;
}
#edit-submit {
  max-width: 277px;
  border: solid 1px #fff;
  background: transparent;
  color: #fff;
}
.paragraph--type--webform--holder {
  background: #0e296e;
  color: #fff;
  margin-bottom: -70px;
  padding: 80px;
  width: 100%;
  float: left;
}
#edit-actions-submit {
  background: transparent;
  border: solid 1px #fff;
  color: #fff;
  max-width: 250px;
  margin-top: 9px;
}
#edit-leftcol, #edit-rightcol {
  width: 50%;
  float: left;
}
#edit-additional-notes {
  width: 93%;
}
#id3c {
  display: none;
}



#map-viewport2 {
  background: #fff!important;
}
body.gid1off #gid1 { display: none; }

body.gid2aoff #gid2a { display: none; }
body.gid2boff #gid2b { display: none; }
body.gid2stripeoff #gid2stripe { display: none; }

body.gid3off #gid3 { display: none; }
body.gid3stripeoff #gid3stripe { display: none; }

body.gid4off #gid4 { display: none; }
body.gid5off #gid5 { display: none; }
body.gid6off #gid6 { display: none; }

body.gid7off #gid7 { display: none; }
body.gid7aoff #gid7a { display: none; }
body.gid7boff #gid7b { display: none; }

body.gid8aoff #gid8a { display: none; }
body.gid8boff #gid8b { display: none; }

body.gid9aoff #gid9a { display: none; }
body.gid10off #gid10 { display: none; }

body.gid11off #gid11 { display: none; }
body.gid12off #gid12 { display: none; }
body.gid13off #gid13 { display: none; }
body.gid14off #gid14 { display: none; }
body.gid15off #gid15 { display: none; }
body.gid16off #gid16 { display: none; }

body.gid14aoff #gid14a { display: none; }
body.gid14boff #gid14b { display: none; }
body.gid14coff #gid14c { display: none; }

body.gid7off #gid7b_00000123432490717350465020000011737882709303021748_ {
display:none;
}

body.gid7off #id4c, body.gid7off #id14d {
display:none;
}

body.gid7off #gid7b_00000147922476008094375010000016976234344822937510_ {
  display: none;
}

.gid11off #id9f {
  display: none !important;
}
.gid11off #id9g path:nth-child(2) {
  display: none !important;
}

#block-capesmokey-actualinfo .openorclosed {
  display: none;
}
.path-dine .seasson {
  text-align: center;
  border: solid 1px #c9a15d;
}
.node-id-1 .arbot a {
  text-indent: 0px;
  display: block;
  width: 159px;
  height: 50px;
  background: unset;
    background-position-x: unset;
    background-position-y: unset;
    background-repeat: unset;
    background-size: unset;
  background-repeat: no-repeat;
  background-size: 30px;
  background-position: center center;
  border: solid 1px #fff;
  line-height: 46px;
}

.block-topmenu .close a {
 position:relative;
 color:#fff!important;
}

.block-topmenu .close a::before {
  content: "";
  width: 6px;
  background: red !important;
  position: absolute;
  top: 5px;
  right: -9px;
  height: 6px;
  border-radius: 10px;
}

.map-fancybox h2 {
  color: #c9a15d;
  font-size: 41px;
  font-weight: 700;
}
.chistory {
  max-width: 690px;
}
.map-fancybox .cardtext {
  padding: 0px;
}
.map-fancybox h2 em {
  font-weight: 400;
}

.\31 off  #line-1  path { fill: red !important; }
.\32 off  #line-2  path { fill: red !important; }
.\33 off  #line-3  path { fill: red !important; }
.\34 off  #line-4  path { fill: red !important; }
.\35 off  #line-5  path { fill: red !important; }
.\36 off  #line-6  path { fill: red !important; }
.\37 off  #line-7  path { fill: red !important; }
.\38 off  #line-8  path { fill: red !important; }
.\39 off  #line-9  path { fill: red !important; }

.\31 0off #line-10 path { fill: red !important; }
.\31 1off #line-11 path { fill: red !important; }
.\31 2off #line-12 path { fill: red !important; }
.\31 3off #line-13 path { fill: red !important; }
.\31 4off #line-14 path { fill: red !important; }
.\31 5off #line-15 path { fill: red !important; }
.\31 6off #line-16 path { fill: red !important; }

.hotnews {
  position: fixed;
  bottom: 15px;
  background: yellow;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-image: none;
    background-size: auto;
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-image: none;
  background-size: auto;
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-image: none;
  background-size: auto;
  z-index: 55;
  padding: 7px;
    padding-right: 7px;
    padding-left: 7px;
  padding-right: 7px;
  padding-left: 7px;
  padding-left: 7px;
  left: 15px;
  padding-left: 50px;
  background-image: url(/themes/capesmokey/pic/danger.svg);
  background-repeat: no-repeat;
  background-size: 25px;
  background-position: center left 10px;
  font-size: 13px;
  padding-right: 49px;
  border-radius: 6px;
}
.hotnews.closedanger {
  display: none;
}
.hotnews span {
  float: right;
  position: absolute;
  right: 8px;
  top: -1px;
}
.ticket-swiper {
  padding-left: 0px;
  padding-top: 50px;
}
.cs-weather-container.cs-weather-two {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0px;
  margin-top: 42px;
}
body {
  font-family: montserrat;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0.3px;
  color: #0e296e;
  background: #f0f2f6;
}
.cs-weather-container.cs-weather-two h4 {
  text-transform: uppercase;
  font-size: 17px;
}
.paragraph.paragraph--type--hero-banner {
  position: relative;
}
.paragraph.paragraph--type--hero-banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 80%;
  background: linear-gradient(to bottom, #0e296e 0%, rgba(14,41,110,0) 100%);
  pointer-events: none;
  z-index: 2;
}

.paragraph.paragraph--type--hero-banner::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40%;
  background: linear-gradient(to top, #f0f2f6 0%, rgba(255,255,255,0) 100%);
  pointer-events: none;
  z-index: 2;
}
.vholder::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 22%;
  background: linear-gradient(to top, #ffffff 0%, rgba(255,255,255,0) 100%);
  pointer-events: none;
  z-index: 2;
}
.textholder {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: center;
  justify-content: center;
  width: 100%;
  z-index: 2;
}
#block-capesmokey-views-block-activities-block-2 .activity-item .views-field.views-field-title {
  max-width: 450px;
  display: block;
}
#block-capesmokey-main-menu ul {
  padding: 0px;
  list-style-type: none;
}
#block-capesmokey-main-menu li {
  display: inline-block;
  margin-left: 15px;
}
#search-block-form {
  display: none;
}
#block-capesmokey-logotype {
  max-width: 175px;
}
#block-capesmokey-logotype img {
  width: 100%;
  height: auto;
  position: relative;
  top: -14px;
}
#header {
  position: absolute;
  z-index: 5;
  width: 100%;
}
#header .container {
  max-width: calc(100% - 150px);
  padding-top: 65px;
}
#block-capesmokey-main-menu a {
  color: #fff;
  text-decoration: none;
  font-family: montserrat;
  font-weight: 400;
}
.textholder h1 {
  text-transform: uppercase;
  color: #fff;
}
.container {
  width: 100%;
  max-width: 100%;
  padding: 0px;
}
#mainmenu {
  float: right;
  margin-top: -60px;
}
.paragraph.paragraph--type--hero-banner img {
  width: 100%;
  height: 1080px;
  object-fit: cover;
}

.squareholder {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
}
.squaretext {
  max-width: 465px;
  margin: auto;
    margin-top: auto;
    margin-left: auto;
  margin-top: auto;
  margin-left: auto;
  margin-left: 0px;
  margin-top: 0px;
}
h2 {
  font-size: 43px;
  text-transform: uppercase;
  font-weight: 300;
  margin-bottom: 30px;
  margin-top: 50px;
}
.squareholder {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
  padding: 80px;
    padding-top: 80px;
  padding-top: 150px;
}
.ticket-swiper {
  padding-left: 0px;
}
.aw img {
  width: 39px;
  height: 37px;
  margin-right: 7px;
}
.button {
  position: relative;
  display: inline-block;
  padding: 10px 20px;
  color: #0e296e;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  border: none;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    border-left-width: medium;
    border-left-style: none;
    border-left-color: currentcolor;
  font-weight: 400;
  overflow: hidden;
  transition: color 0.3s ease;
  border-left: 1px solid #0e296e;
  border-bottom: 1px solid #0e296e;
  z-index: 1;
}
h2 {
  font-size: 43px;
  text-transform: uppercase;
  font-weight: 300;
  margin-bottom: 40px !important;
  margin-top: 50px;
}

.button::before,
.button::after {
  content: '';
  position: absolute;
  background: #0e296e;
  transition: transform 0.4s ease;
  z-index: 2;
}


.button::before {
  height: 1px;
  width: 100%;
  top: 0;
  left: 0;
  transform: scaleX(0);
  transform-origin: left;
}


.button::after {
  width: 1px;
  height: 100%;
  top: 0;
  right: 0;
  transform: scaleY(0);
  transform-origin: top;
}
.button:hover::before {
  transform: scaleX(1);
  transform-origin: right;
}
.button:hover::after {
  transform: scaleY(1);
  transform-origin: bottom;
}
.squaretext p {
  margin-top: 30px;
}

.ticketimage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ticketimage::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  background: linear-gradient(to top, #0e296e 0%, rgba(14,41,110,0) 100%);
  pointer-events: none;
  z-index: 2;
}
.ticketimage {
  position: relative;
  height: 650px;
}
.tickettext {
  position: absolute;
  bottom: 50px;
  z-index: 5;
  color: #fff;
  left: 31px;
}
.ticket-swiper {
  padding-bottom: 50px;
}
.tickettext .button {
  position: relative;
  display: inline-block;
  padding: 10px 20px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  border: none;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    border-left-width: medium;
    border-left-style: none;
    border-left-color: currentcolor;
  font-weight: 400;
  overflow: hidden;
  transition: color 0.3s ease;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  z-index: 1;
}


.tickettext .button::before,
.tickettext .button::after {
  content: '';
  position: absolute;
  background: #fff;
  transition: transform 0.4s ease;
  z-index: 2;
}
.ticketholder  .button a {
  text-decoration: none;
  color: #fff;
}
.ticketholder {
  position: relative;
}
#block-capesmokey-ticketandpasses {
  padding-left: 75px;
  position: relative;
}
.valid, .views-field .views-field-field-season, .views-field-field-article-type {
  color: var(--text-color-secondary);
}
.vholder {
  height: 100vh;
  overflow: hidden;
  position: relative;
}
.priceholder {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
  margin-top: 11px;
  width: calc(100% - 33px);
}
.priceholder .button {
  text-align: center;
  font-size: 13px;
}
.ticket-swiper .priceholder {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
  margin-top: 11px;
  width: 100%;
}
.ticket-swiper .tickettext {
  position: absolute;
  bottom: 50px;
  z-index: 5;
  color: #fff;
  left: 31px;
  width: 100%;
  max-width: calc(100% - 78px);
}

.price {
  margin-top: 11px;
  text-align: right;
}
.ticketname {
  text-transform: uppercase;
  font-size: 23px;
}
#block-capesmokey-ticketandpasses {
  padding-left: 75px;
}
#block-capesmokey-views-block-activities-block-1, #block-capesmokey-views-block-activities-block-2 {
  padding-top: 100px;
}
#block-capesmokey-views-block-activities-block-1 {
  background: #0e296e;
  padding: 75px;
    padding-right: 75px;
  padding-right: 50px;
  color: #fff;
  margin-top: 50px;
  padding-right: 0px;
}
.views-field.views-field-field-activities-gallery img {
  width: 100%;
  height: 650px;
  object-fit: cover;
}
#block-capesmokey-ticketandpasses h2 {
  margin-bottom: 0px !important;
  margin-top: 80px;
}
.activity-item.views-row {
  position: relative;
}
.views-field.views-field-field-activities-gallery::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  background: linear-gradient(to top, #0e296e 0%, rgba(14,41,110,0) 100%);
  pointer-events: none;
  z-index: 2;
}
.views-field.views-field-title a {
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  font-size: 25px;
}
.titleholder {
  position: relative;
}
.holderview {
  position: absolute;
  bottom: 50px;
  z-index: 5555;
  width: calc(100% - 50px);
  left: 50px;
}
.holderview a {
  color: #fff;
  text-decoration: none;
}

.holderview .button {
border-color#fff;
}

.holderview .button::before,
.holderview .button::after {
  content: '';
  position: absolute;
  background: #fff;
  transition: transform 0.4s ease;
  z-index: 2;
}

.textholder .button::before, .textholder .button::after {
  content: '';
  position: absolute;
  background: #fff;
  transition: transform 0.4s ease;
  z-index: 2;
}
.textholder a {
  border-color: #fff;
  color: #fff;
  text-decoration: none;
}
.textholder .button {
  position: relative;
  display: inline-block;
  padding: 10px 20px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  border: none;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    border-left-width: medium;
    border-left-style: none;
    border-left-color: currentcolor;
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
  border-left-width: medium;
  border-left-style: none;
  border-left-color: currentcolor;
  font-weight: 400;
  overflow: hidden;
  transition: color 0.3s ease;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  z-index: 1;
}

.activity-item .views-field.views-field-view-node {
  text-align: right;
  margin-right: 50px;
}
.activity-item .views-field.views-field-title {
  max-width: 80%;
  display: block;
}
.holderview .button, .paragraph--type--hero-banner--holder .button {
  position: relative;
  display: inline-block;
  padding: 10px 20px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  border: none;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    border-left-width: medium;
    border-left-style: none;
    border-left-color: currentcolor;
  font-weight: 400;
  overflow: hidden;
  transition: color 0.3s ease;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  z-index: 1;
}
.activities-swiper {
  padding-bottom: 50px;
}

#block-capesmokey-views-block-activities-block-2 {
  background: #0e296e;
  padding: 75px;
    padding-right: 50px;
  padding-right: 50px;
  color: #fff;
  margin-top: 50px;
  padding-right: 0px;
}

.views-field-field-image img {
  width: 100%;
  height: 650px;
  object-fit: cover;
}

.views-field-field-image::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  background: linear-gradient(to top, #0e296e 0%, rgba(14,41,110,0) 100%);
  pointer-events: none;
  z-index: 2;
}


.activity-arround .swiper-pagination-bullet-active, .news-arround .swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: #fff;
}
.wholder {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
margin-top:100px
margin-bottom:100px;
}
.wtholder {
  max-width: 632px;
  margin: auto;
    margin-top: auto;
  margin-top: 0px;
}
.form-item {
  margin-bottom: 12px;
}
.fullblock {
  padding: 0px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: .5rem;
  font-weight: 300;
  line-height: 1.2;
}
.opens, .close {
  position: relative;
  top: 0px;
  float: left;
  margin-left: 15px;
}
.controls {
  position: absolute;
  right: 75px;
  top: 80px;
  width: auto;
}
.controls .ticket {
  float: right;
}
.controls .ticket a {
  color: #c9a15d;
  border: solid 1px #c9a15d;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 19px;
  position: relative;
  top: 0px;
}
#block-capesmokey-footer {
  margin-top: 80px;
  width: 100%;
  float: left;
  padding: 75px;
    padding-top: 75px;
  padding-top: 50px;
  padding-top: 50px;
  padding-top: 0px;
}.imagesquare img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.h1, h1 {
    font-size: 50px;
  }
.wholder {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
  padding: 75px;
    padding-top: 75px;
    padding-bottom: 75px;
  margin-top: 40px;
  padding-top: 150px;
  padding-bottom: 150px;
}
#block-capesmokey-footer .logobot {
  max-width: 211px;
  margin-top: -78px;
}
#block-capesmokey-views-block-activities-block-1, #block-capesmokey-views-block-activities-block-2 {
  margin-top: 160px;
}
#block-capesmokey-footer h2 {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 20px !important;
}
a {
  color: #0e296e;
  text-decoration: underline;
}
#block-capesmokey-main-menu li ul li {
  margin: 0px;
  display: block;
}
#block-capesmokey-footer ul {
  padding: 0px;
  list-style-type: none;
}
.map img {
  width: 100%;
  height: auto;
}
#block-capesmokey-footer a {
  color: #0e296e;
  text-decoration: none;
}
#footer .socials.topsocials img {
  height: 33px !important;
}
.controls a {
  text-decoration: none;
  font-weight: 400;
  text-align: right;
  float: right;
}
.aw {
  float: left;
  text-align: right;
}

#block-capesmokey-views-block-activities-block-1 .swiper-button-next, #block-capesmokey-views-block-activities-block-1  .swiper-button-prev {
  cursor: pointer;
  color: #fff;
  font-size: 10px !important;
}

#block-capesmokey-views-block-activities-block-2 .swiper-button-next, #block-capesmokey-views-block-activities-block-2  .swiper-button-prev {
  cursor: pointer;
  color: #fff;
  font-size: 10px !important;
}
.jquery-background-video {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
}
.content-paragraph img {
  width: 100%;
  height: auto;
}
.section-top {
  background-image: url(/themes/capesmokey/pic/shape.png?1);
  background-repeat: no-repeat;
  background-position: center bottom -547px;
  float: left;
  width: 100%;
}
.paragraph.paragraph--type--content {
  max-width: calc(100% - 150px);
  margin: auto;
}
table td {
  color: unset!important;
  font-size: 16px!important;
  line-height: 24pximportant;
}
#block-capesmokey-ticketandpasses::before {
  url(/themes/capesmokey/pic/shape.png?1): ;
  background: url(/themes/capesmokey/pic/shape.png?1);
  width: 650px;
  height: 650px;
  position: absolute;
  content: "";
  right: 0px;
  top: -38%;
  z-index: -1;
}
#block-capesmokey-views-block-activities-block-2::before {
  url(/themes/capesmokey/pic/shape.png?1): ;
  background: url(/themes/capesmokey/pic/shape.png?1);
  width: 423px;
  height: 650px;
  position: absolute;
  content: "";
  left: 0px;
  top: -68%;
  background-position: right;
  background-size: cover;
  z-index: -1;
}

.buttonright a::before,
.buttonright a::after {
  content: '';
  position: absolute;
  background: #fff;
  transition: transform 0.4s ease;
  z-index: 2;
}


.buttonright a::before {
  height: 1px;
  width: 100%;
  top: 0;
  left: 0;
  transform: scaleX(0);
  transform-origin: left;
}


.buttonright a::after {
  width: 1px;
  height: 100%;
  top: 0;
  left: 0;
  transform: scaleY(0);
  transform-origin: top;
}
.buttonright a:hover::before {
  transform: scaleX(1);
  transform-origin: left;
}
.buttonright a:hover::after {
  transform: scaleY(1);
  transform-origin: bottom;
}
.buttonright a {
  position: relative;
  display: inline-block;
  padding: 10px 20px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  border: none;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    border-left-width: medium;
    border-left-style: none;
    border-left-color: currentcolor;
  font-weight: 400;
  overflow: hidden;
  transition: color 0.3s ease;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  z-index: 1;
}
.swiper-button-next::after, .swiper-button-prev::after {
  color: #fff;
  font-size: 22px;
  font-weight: 100 !important;
}
.arbot a {
  text-indent: -9999px;
  display: block;
  width: 50px;
  height: 50px;
  background: url(/themes/capesmokey/pic/capedown.svg);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
  background-repeat: no-repeat;
  background-size: 40px;
  background-position: center center;
}

/* Kontejner pro mapu - nastavená výška, aby fungoval zoom */
#map-viewport {
  width: 100%;
  height: 700px;
  overflow: hidden;
  position: relative;
  background: #f9f9f9;
}
#summer-map-viewport {
  height: 700px !important;
}
/* Samotné SVG musí být pružné */
#Vrstva_1 {
  width: 100%;
  height: 100%;
  cursor: grab; /* Ruka pro posouvání */
}

/* Když klikneš a držíš */
#Vrstva_1:active {
  cursor: grabbing;
}

/* Interaktivní body na mapě (id1, id2...) */
#id1, #id2, .interactive-point {
  cursor: pointer;
  transition: opacity 0.3s;
}

#Vrstva_1 .st0{fill:none;}
#Vrstva_1 .st1{fill:#1D1D1B;}
#Vrstva_1 .st2{opacity:0.09;fill:#91C5EA;} /* Opraven formát čísla */
#Vrstva_1 .st3{opacity:0.31;fill:url(#SVGID_1_);}
#Vrstva_1 .st4{opacity:0.31;fill:url(#SVGID_00000077287255622126706280000002791314523368637105_);}
#Vrstva_1 .st5{opacity:0.31;fill:url(#SVGID_00000003082522714147544610000001571272447898928282_);}
#Vrstva_1 .st6{opacity:0.31;fill:url(#SVGID_00000004538404363386806440000004763764745780721849_);}
#Vrstva_1 .st7{opacity:0.55;fill:#9B9D9F;}
#Vrstva_1 .st8{opacity:0.8;fill:#96C2E6;}
#Vrstva_1 .st9{opacity:0.88;fill:#91C5EA;}
#Vrstva_1 .st10{opacity:0.38;fill:none;stroke:#231F20;stroke-width:0.5;stroke-miterlimit:10;}
#Vrstva_1 .st11{opacity:0.8;fill:#91C5EA;}
#Vrstva_1 .st12{fill:#FFFFFF;}
#Vrstva_1 .st13{fill:none;stroke:#FFFFFF;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:0.3,6;}
#Vrstva_1 .st14{fill:none;stroke:#CC994B;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:0.3,6;}
#Vrstva_1 .st15{fill:none;stroke:#CC994B;stroke-width:0.75;stroke-miterlimit:10;}
#Vrstva_1 .st16{fill:none;stroke:#1D3080;stroke-width:2;stroke-linecap:round;stroke-miterlimit:10;}
#Vrstva_1 .st17{fill:none;stroke:#1D3080;stroke-width:2;stroke-miterlimit:10;}
#Vrstva_1 .st18{fill:none;stroke:#9B9D9F;stroke-miterlimit:10;}
#Vrstva_1 .st19{fill:#1D3080;}
#Vrstva_1 .st20{fill:none;stroke:#1D3080;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:0.3,6;}
#Vrstva_1 .st21{font-family:'Montserrat-Regular', sans-serif;}
#Vrstva_1 .st22{font-size:3.6825px;}
#Vrstva_1 .st23{fill:#9B9D9F;}
#Vrstva_1 .st24{fill:#1D3080;stroke:#CC994B;stroke-width:2;stroke-miterlimit:10;}
#Vrstva_1 .st25{font-family:'Montserrat-Medium', sans-serif;}
#Vrstva_1 .st26{font-size:6.5411px;}


/* Skryjeme karty s obsahem - budou vidět jen ve Fancyboxu */
.paragraph--type--map-card--holder {
  display: none;
}

/* Fancybox styling pro karty */
.cardholder {
  max-width: 500px;
  background: white;
  padding: 20px;
  border-radius: 8px;
}
#main-summer-map-svg {
  background: transparent !important;
  height: 100%;
  width: 100%;
}
.fancybox__backdrop {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  background: rgba(14, 41, 110, 0.9);
  opacity: var(--fancybox-opacity, 1);
  will-change: opacity;
}
.map-controls {
  position: absolute;
  z-index: 555;
}

#Vrstva_1 {
    width: 100%;
    height: 100%;
    display: block; /* Odstraní mezery pod svg */
}
#Vrstva_1 .st21 {
  font-family: 'Montserrat-Regular', sans-serif;
  fill: #9b9d9f;
}
#Vrstva_1 .st22 {
  font-size: 3.6825px;
  stroke: #cc994b;
  fill: #1d3080;
}
.ids {
  display: none;
}
.cardholder.fancybox__content {
  max-width: 850px;
}
.cardholder.fancybox__content {
  max-width: 959px;
  display: grid;
  grid-template-columns: 4fr 6fr;
  grid-gap: 67px;
  padding: 0px;
}
.cardtext {
  padding: 50px;
    padding-right: 50px;
}
.map-controls button {
  border: solid 1px #0e296e;
  background: transparent;
  min-width: 50px;
  height: 50px;
  color: #0e296e;
}
.cardtext h2 {
  font-size: 25px;
  margin-bottom: 16px !important;
}
.cardtext {
  font-size: 13px;
  line-height: 21px;
  max-width: 100%;
  margin: auto;
  width: 100%;
  padding-right: 0px;
}
.map-controls {
  position: absolute;
  z-index: 555;
  bottom: 10px;
  right: 10px;
}
.cs-row {
  display: block;
  clear: both;
  line-height: 47px;
}
.cs-icon {
  float: left;
  width: 47px;
  margin-right: 13px;
}
.block-topmenu .opens a {
  margin: 0px;
  color: #fff !important;
position:relative;
}
.block-topmenu .opens a::before {
  content: "";
  width: 6px;
  background: green !important;
  position: absolute;
  top: 5px;
  right: -6px;
  height: 6px;
  border-radius: 10px;
}
#topweather {
  float: left;
  margin-right: 14px;
  color: #fff;
  background: url(/themes/capesmokey/pic/wtop.svg);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
  background-repeat: no-repeat;
  padding-left: 41px;
  background-size: 35px;
  background-position: left center;
}
.opens {
  position: relative;
  top: 0px;
}
.webcam {
  background: url(/themes/capesmokey/pic/webcam.svg);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 33px;
  color: #fff;
  padding-left: 38px;
}
.cs-top-temp::after {
  content: "/";
  padding-left: 5px;
}

.paragraph.paragraph--type--blueblock.paragraph--view-mode--default {
  background: #0e296e;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-image: none;
  padding: 75px;
    padding-top: 75px;
    padding-right: 75px;
    padding-bottom: 75px;
  padding-right: 75px;
  padding-right: 75px;
  padding-right: 50px;
  color: #fff;
  margin-top: 50px;
  padding-right: 75px;
  background-image: url(/themes/capesmokey/pic/shape.png?1);
  background-repeat: no-repeat;
  background-position: right -75% bottom 0px;
  float: left;
  width: 100%;
  padding-top: 250px;
  padding-bottom: 250px;
}
.winter-box .note {
  color: #c9a15d;
  font-weight: 400;
}
.winter-box {
  padding: 40px;
    padding-bottom: 40px;
  border: solid #fff 1px;
  width: 100%;
  float: left;
  background: #0e296e;
  padding-bottom: 20px;
}
.winter-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
}
.winter-wrapper ul {
  padding: 0px;
  list-style-type: none;
}
.squaretext .blue {
  background: transparent;
}
.squareholder .squaretext:nth-child(2) {
  width: 100%;
  max-width: 100%;
}
.mainbut {
  background: #0e296e;
  padding: 25px;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 600;
  clear: both;
  display: block;
  text-align: center;
  max-width: 250px;
}


.price-table {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  display: grid;
  gap: 6px;
  font-family: 'Montserrat', sans-serif;
}
.price-table .header-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  text-align: center;
  font-size: 18px;
  color: #1b2d57;
  font-weight: 600;
  margin-bottom: 5px;
}
#block-capesmokey-summermap .facility-item .num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 24px;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  border-radius: 50%;
  border: 2px solid #002966;
  padding: 0 3px;
  line-height: 1;
  background: #d4a048;
}

#block-capesmokey-summermap .facility-item:hover .num {
  background: #d4a048;
border: 2px solid #002966;

}

.price-table .row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 6px;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: #212f7b;
}
.price-table .price {
  margin-top: 0px;
  text-align: right;
}
.price-table .cell {
  padding: 28px 20px;
  text-align: center;
  color: white;
  font-size: 20px;
  border-right: 3px solid transparent;
}

.price-table .row .cell:last-child {
  border-right: none;
}

.price-table .title {
  font-weight: 600;
}

.price-table .title span {
  font-weight: 300;
  font-size: 14px;
  opacity: 0.9;
}
.price-table .blue .cell {
  background-color: #082866;
}

.price-table .gold .cell {
  background-color: #c9a15d;
}
.policy {
  max-width: 900px;
  margin: 25px auto 0;
  font-family: 'Montserrat', sans-serif;
  color: #1b2d57;
  font-size: 15px;
  line-height: 1.5;
  text-align: left;
}
.policy strong {
  font-size: 15px;
}
#skimap {
  display: grid;
  grid-template-columns: 8fr 4fr;
  grid-gap: 30px;
  padding: 75px;
  margin-top: 40px;
}
.controls a:hover {
  color: var(--text-color-secondary) !important;
}
#skimap #map-viewport {
  width: 100%;
  height: auto;
  overflow: hidden;
  border: none;
  position: relative;
  background: #f9f9f9;
}
.path-our-history .paragraph--type--banner-text:nth-child(odd) .imagesquare {
  grid-column: 1;
}

.path-our-history .paragraph--type--banner-text:nth-child(even) .imagesquare {
  grid-column: 2;
}
.season-legend.horizontal {
  width: 100%;
  max-width: 420px;
  font-family: Arial, sans-serif;
  float: right;
  position: relative;
  top: -82px;
}
.season-legend.horizontal .season-bar {
  height: 6px;
  width: 100%;
  border-radius: 3px;
  background: linear-gradient( to right, #1f2f7a 0%, #3d4fa3 40%, #bfc6e6 70%, #f2f3f8 100% );
  margin-bottom: 14px;
}

.season-legend.horizontal .season-labels {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}

.season-legend.horizontal .label {
  font-size: 12px;
  letter-spacing: 0px;
  color: #1f2f7a;
  white-space: nowrap;
  line-height: 19px;
}
.track-bg {
  position: absolute;
  left: 0;
  right: 0;
  height: 6px;
  background-color: #e8e8e8!important;
  border-radius: 3px;
  width: 100%;
}
.season-legend.horizontal .middle {
  text-align: center;
}

.season-legend.horizontal .off {
  color: #6b6f8f;
}

.ski-runs {
  max-width: 450px;
  font-family: 'Montserrat', sans-serif;
  color: #1b2d57;
  line-height: 1.5;
}

#skimap h2 {
  font-size: 40px;
  font-weight: 300;
  margin-bottom: 25px;
}

#skimap h3 {
  font-size: 17px;
  font-weight: 600;
  margin-top: 27px;
  margin-bottom: 10px;
}
.easy-title { color: #3BB273; }
.moderate-title { color: #1b82d1; }

#skimap ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#skimap ul li {
  font-size: 15px;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  gap: 10px;
}



.foodholder .section {
  break-inside: avoid; /* Zabrání rozlomení bloku mezi dva sloupce */
  page-break-inside: avoid; /* Fallback pro starší prohlížeče */
  margin-bottom: 40px; /* Nahrazuje row-gap z gridu pro vertikální mezery */
  display: inline-block; /* Pomáhá se stabilitou zobrazení ve sloupcích */
  width: 100%; /* Ujistí se, že blok vyplní šířku sloupce */
}

.path-dine .section {
  padding: 25px;
  background: #fff;
  border-top: 5px solid var(--primary);
  box-shadow: 0 10px 25px rgba(0,0,0,0.05);
  display: grid;
  flex-direction: column;
  float: left;
}
.capegold {
  float: left;
  width: 250px !important;
  margin-right: 34px;
  margin-top: -17px;
}
.path-dine .section h2 {
  margin: 0 0 20px 0;
    margin-bottom: 20px;
  padding-bottom: 8px;
  border-bottom: 3px solid var(--secondary);
  color: var(--primary);
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: auto !important;
  min-height: 52px;
}
.path-dine .fullblock > h2 {
  max-width: calc(100% - 145px);
  margin: auto;
  display: block;
  margin-top: 73px;
  margin-bottom: 0px !important;
}
.path-dine .item {
  display: block;
  justify-content: space-between;
  padding: 6px 0;
  border-bottom: 1px dashed #ddd;
  font-size: 14px;
}
.path-dine .item:last-child{
  border-bottom:none;
}

.path-dine .desc {
clear: both;
display: block;
width: 100%;
font-weight: 400;
line-height: 19px;
font-size: 12px;
margin-top: -15px;
}

.path-dine .price {
font-weight: 400;
float: right;
margin-top: 0px;
}
.path-dine .item {
font-weight: 500;
}

.foodholder {
  column-count: 4; /* Vynutí přesně 4 sloupce */
  column-gap: 40px; /* Mezera mezi sloupci */
  margin: 60px auto;
}

.foodholder {
  max-width: calc(100% - 75px);
  clear: both;
  display: block;
  width: 100%;
  float: left;
  padding-left: 75px;
}
#skimap li .note {
  margin-top: 5px;
  font-size: 14px;
  opacity: 0.7;
  clear: both;
  display: block;
}
#skimap .num {
  display: inline-flex;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  color: white;
  font-size: 15px;
  font-weight: 600;
  align-items: center;
  justify-content: center;
}
.cs-weather-container img {
  filter: invert(1) grayscale(1) contrast(2) brightness(2);
}
#actualweather {
  background: #0e296e;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-image: none;
    background-size: auto;
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-image: none;
  background-size: auto;
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-image: none;
  background-size: auto;
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-image: none;
  background-size: auto;
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-image: none;
  color: #fff;
  background-image: url(/themes/capesmokey/pic/shape.png?1);
  background-repeat: no-repeat;
  background-position: right -42px bottom -92px;
  background-size: 550px;
}
.green { background: #3BB273; }
.blue { background: #1b82d1; }

#skimap .blue {
  background: #009fe3;
}
#skimap .green {
  background: #46cc7c;
}

#block-capesmokey-wintermap .wtholder, #block-capesmokey-summermap .wtholder {
  max-width: 632px;
  margin: auto;
    margin-left: auto;
  margin-left: 17px;
}

#skimap .diamond {
  width: 26px;
  height: 26px;
  background: #000;
  color: white;
  font-size: 13px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(-45deg);
  margin-right: 5px;
}
#skimap .diamond::before {
  transform: rotate(-45deg);
}

#skimap .sub {
  font-size: 13px;
  margin-left: 42px;
  opacity: 0.8;
}

#skimap .circle {
  display: inline-flex;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  color: #fff;
  border: 2px solid #cdab74;
  font-size: 14px;
  font-weight: 600;
  align-items: center;
  justify-content: center;
  background: #212f7b;
}
#skimap .note {
  margin-top: 5px;
  font-size: 14px;
  opacity: 0.7;
}

.facilities-title {
  margin-top: 35px;
}
.path-join-our-team .paragraph.paragraph--type--content {
  max-width: calc(100% - 150px);
  margin: auto;
    margin-top: auto;
  margin-top: 80px;
}

.path-join-our-team .paragraph.paragraph--type--blueblock.paragraph--view-mode--default {
  background: #0e296e;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-image: none;
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-image: none;
  padding: 75px;
    padding-top: 75px;
    padding-right: 75px;
    padding-bottom: 75px;
  padding-top: 75px;
  padding-right: 75px;
  padding-bottom: 75px;
  padding-right: 75px;
  padding-right: 75px;
  padding-right: 50px;
  color: #fff;
  margin-top: 0px;
  padding-right: 75px;
  background-image: url(/themes/capesmokey/pic/shape.png?1);
  background-repeat: no-repeat;
  background-position: right -75% bottom 0px;
  float: left;
  width: 100%;
  padding-top: 90px;
  padding-bottom: 190px;
}

.path-join-our-team .paragraph.paragraph--type--hero-banner::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40%;
  background: linear-gradient(to top, #0e296e 0%, rgba(14,41,110,0) 100%);
  pointer-events: none;
  z-index: 2;
}
.winter-wrapper .button {
  position: relative;
  display: inline-block;
  padding: 10px 20px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  border: none;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    border-left-width: medium;
    border-left-style: none;
    border-left-color: currentcolor;
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
  border-left-width: medium;
  border-left-style: none;
  border-left-color: currentcolor;
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
  border-left-width: medium;
  border-left-style: none;
  border-left-color: currentcolor;
  font-weight: 400;
  overflow: hidden;
  transition: color 0.3s ease;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  z-index: 1;
  width: auto;
  text-align: center;
}
.winter-wrapper .button::before, .winter-wrapper .button::after {
  content: '';
  position: absolute;
  background: #fff;
  transition: transform 0.4s ease;
  z-index: 2;
}
.paragraph--type--activities--holder img {
  width: 100%;
  height: auto;
}
.paragraph--type--content--holder {
  clear: both;
  display: block;
  margin-top: 0px;
  float: left;
  width: 100%;
}
.paragraph--type--activities--holder {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
  clear: both;
  max-width: calc(100% - 140px);
  margin: auto;
}
.paragraph.paragraph--type--activities {
  position: relative;
}
.paragraph--type--activities .buttonright {
  position: absolute;
  bottom: 40px;
  right: 52px;
  filter: brightness(100000);
  z-index: 5;
}
.paragraph--type--activities .buttonright a {
text-decoration:none;
}
.activities-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
  text-align: center;
}
.paragraph--type--activities::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50%;
  background: linear-gradient(to top, #0e296e 0%, rgba(14,41,110,0) 100%);
  pointer-events: none;
  z-index: 2;
}

.paragraph--type--activities::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 50%;
  background: linear-gradient(to bottom, #0e296e 0%, rgba(14,41,110,0) 70%);
  pointer-events: none;
  z-index: 2;
}
.activity-row:hover, .activity-row:hover .activity-track {
  background: #f0f2f6 !important;
}
 .midtext {
  max-width: 100%;
  margin: auto;
    margin-top: auto;
    margin-bottom: auto;
  margin-top: 80px;
  margin-bottom: 80px;
}
.cardholder.fancybox__content {
  color: #0e296e;
}
.faqholder {
  clear: both;
  display: block;
  background: #fff;
  padding: 10px;
  margin-bottom: 10px;
  width: 100%;
}
#block-capesmokey-weather {
  clear: both;
}
.paragraph--type--faq--holder {
  clear: both;
  width: 100%;
  max-width: calc(100% - 150px);
  margin: auto;
  float: unset;
}
.faqholder.close .faqtitle::after {
  content: "+";
  position: absolute;
  right: 5px;
  top: 0px;
  font-size: 24px;
}
.socials.topsocials img {
  max-width: 36px;
}
.faqholder.open .faqtitle::after {
  content: "-";
  position: absolute;
  right: 8px;
  top: 0px;
  font-size: 29px;
}
.faqtitle {
  text-transform: uppercase;
  position: relative;
  z-index: 0;
  cursor: pointer;
}
.cardholder.fancybox__content .button {
  margin-top: 20px;
}
.topspace {
  margin-top: 80px;
}
.path-stay .paragraph--type--activities--holder {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
  clear: both;
  max-width: calc(100% - 140px);
  margin: auto;
}
.path-activities .paragraph.paragraph--type--blueblock.paragraph--view-mode--default {
  background: #0e296e;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-image: none;
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-image: none;
  padding: 75px;
    padding-top: 75px;
    padding-right: 75px;
    padding-bottom: 75px;
  padding-top: 75px;
  padding-right: 75px;
  padding-bottom: 75px;
  padding-right: 75px;
  padding-right: 75px;
  padding-right: 50px;
  color: #fff;
  margin-top: 0px;
  padding-right: 75px;
  background-image: url(/themes/capesmokey/pic/shape.png?1);
  background-repeat: no-repeat;
  background-position: right -75% bottom -137px;
  float: left;
  width: 100%;
  padding-top: 250px;
  padding-bottom: 250px;
}
.path-activities .paragraph.paragraph--type--hero-banner::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  right: 0;
  height: 40%;
  background: linear-gradient(to top, #0e296e 0%, rgba(14,41,110,0) 100%);
  pointer-events: none;
  z-index: 2;
}

.path-summer-season-pass .paragraph.paragraph--type--hero-banner::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  right: 0;
  height: 40%;
  background: none;
  pointer-events: none;
  z-index: 2;
}
.path-winter-season-pass .paragraph.paragraph--type--hero-banner::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  right: 0;
  height: 40%;
  background: linear-gradient(to top, #0e296e 0%, rgba(14,41,110,0) 100%);
  pointer-events: none;
  z-index: 2;
}
.path-contacts .midtext ul {
  padding: 0px;
  list-style-type: none;
}

.path-summer-season-pass .paragraph.paragraph--type--blueblock.paragraph--view-mode--default, .path-winter-season-pass .paragraph.paragraph--type--blueblock.paragraph--view-mode--default {
  background: #0e296e;
    background-color: rgb(14, 41, 110);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-image: none;
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-image: none;
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-image: none;
  padding: 75px;
    padding-top: 75px;
    padding-right: 75px;
    padding-bottom: 75px;
  padding-top: 75px;
  padding-right: 75px;
  padding-bottom: 75px;
  padding-top: 75px;
  padding-right: 75px;
  padding-bottom: 75px;
  padding-right: 75px;
  padding-right: 75px;
  padding-right: 50px;
  color: #fff;
  margin-top: 0px;
  padding-right: 75px;
  background-image: url(/themes/capesmokey/pic/shape.png?1);
  background-repeat: no-repeat;
  background-position: right -75% bottom -22px;
  float: left;
  width: 100%;
  padding-top: 150px;
  padding-bottom: 150px;
}
.activitytitle {
  text-transform: uppercase;
  font-size: 33px;
  line-height: 39px;
  margin-bottom: 13px;
}
.paragraph--type--activities .seasson {
  opacity: 0.7;
}
.activitydescription {
  margin-top: 35px;
  display: none;
}
.activitydescription {
  margin-top: 35px;
}
.activities-winter a {
  background: #0e296e;
  border: solid 1px #fff;
  display: block;
  padding: 56px;
  color: #fff;
  text-decoration: none;
}
.acttitle {
  text-transform: uppercase;
  font-size: 33px;
  display: block;
  margin-bottom: 19px;
}
.activityholder {
  position: absolute;
  top: 0px;
  color: #fff;
  z-index: 5;
  left: 50px;
  top: 50px;
  max-width: calc(100% - 80px);
}
.paragraph--type--activities--holder img {
  width: 100%;
  height: 650px;
  object-fit: cover;
}
.activities-summer a {
  background: #c49b58;
  border: solid 1px #fff;
  display: block;
  padding: 56px;
  color: #fff;
  text-decoration: none;
}
.activities-all a {
  background: #fff;
  border: solid 1px #fff;
  display: block;
  padding: 56px;
  color: #0e296e;
  text-decoration: none;
}
#activites {
  width: 100%;
  float: left;
  margin-top: 80px;
  margin-bottom: 20px !important;
}
#activitycalendar {
  clear: both;
  max-width: calc(100% - 140px);
  margin: auto;
    margin-top: auto;
  margin-top: 80px;
}
.acal {
  float: right;
  text-transform: uppercase;
  position: relative;
  top: -45px;
  color: #0e296e;
}
.summer .paragraph.paragraph--type--blueblock {
  background-color: #c49b58 !important;
  margin-top: 0px !important;
}
.summer #actualweather {
  background-color: #c49b58;
}
.cardimage img {
  width: 100%;
  height: 555px;
  object-fit: cover;
  border-radius: 0px 6px 6px 0px;
  min-height: 555px;
}
#block-capesmokey-main-menu li ul {
  position: absolute;
  width: 220px;
}
.acttitle {
    min-height: 68px;
    align-content: flex-end;
    line-height: 35px;
  }
#block-capesmokey-main-menu li ul {
 display:none;
}
#block-capesmokey-main-menu li:hover ul {
 display:block;
}

#block-capesmokey-main-menu li {
 position:relative;
}
#block-capesmokey-main-menu li ul li {
  margin: 0px;
}

#block-capesmokey-main-menu li ul {
  position: absolute;
  width: max-content;
  left: 0px;
  padding: 10px;
  background: rgba(20, 20, 20, 0.45);
  backdrop-filter: blur(10px) saturate(150%);
  -webkit-backdrop-filter: blur(10px) saturate(150%);
}
#block-capesmokey-main-menu li a:hover {
 color:var(--text-color-secondary);
}
#block-capesmokey-main-menu li ul li a:hover {
 color:var(--text-color-secondary);
}
rect.st92, rect#SVGID_1_ {
        display: none !important;
        fill: none !important;
    }
.clickable-point:hover {
  cursor: pointer;
  opacity: 1;
}
.path-summer-season-pass .winter-box .note {
  color: unset;
  font-weight: 400;
}
.path-summer-season-pass.summer .winter-box {
  background: #c49b58 !important;
}

/* Hlavní obal letní mapy */
#summer-map-wrapper {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
}

/* Viewport - oprava černé mapy */
#summer-map-viewport {
    width: 100%;
    height: 600px; /* Pevná výška je nutná! */
    overflow: hidden;
    position: relative;
    background-color: #f4f9f4; /* Světle zelené pozadí pro léto (místo černé) */
    border: 1px solid #ddd;
    cursor: grab;
}

#summer-map-viewport:active {
    cursor: grabbing;
}

/* Ovládací tlačítka (unikátní vzhled pro letní mapu) */
.summer-map-controls {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.summer-map-controls button {
    width: 40px;
    height: 40px;
    background: #fff;
    border: 1px solid #ccc;
    font-size: 20px;
    font-weight: bold;
    color: #333;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    border-radius: 4px;
}

.summer-map-controls button:hover {
    background-color: #e0e0e0;
}

/* Interaktivní body (třída přidávaná skriptem) */
.summer-point {
    cursor: pointer !important;
    transition: all 0.3s ease;
    transform-box: fill-box;
    transform-origin: center;
}

.summer-point:hover {
    filter: drop-shadow(0 0 5px rgba(255, 200, 0, 0.8));
    z-index: 1000;
}

#main-summer-map-svg {
  background: transparent !important;
  height: 100%;
}
.facility-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 2px;
  cursor: pointer;
}
/* čísla v kolečku */
.facility-item .num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    font-size: 12px;
    font-weight: 600;
    background: #002966;             /* tmavě modrá */
    color: #fff;
    border-radius: 50%;
    border: 2px solid #d4a048;       /* ZLATÝ RÁMEČEK */
    padding: 0 3px;                  /* aby se tam vešlo 6a, 6b, 10... */
    line-height: 1;
}
#main-map-svg {
  height: 100%;
  width: 100%;
}
.text small {
  line-height: 16px;
}
/* texty */
.facility-item .text strong {
    font-size: 14px;
    font-weight: 500;
    color: #002966;
    display: inline-block;
}

.facility-item .text small {
    display: block;
    font-size: 11px;
    color: #666;
    margin-top: 2px;
}

/* hover efekty */
.facility-item:hover .num {
    background: #003a8c;
}

.facility-item:hover strong {
    color: #003a8c;
}

/* aktivní (kliknutá) položka */
.facility-item.active .num {
    background: #ff8800;
    border-color: #ff8800;
}

.facility-item.active strong {
    color: #ff8800;
}
.facility-item p {
  margin-bottom: 0px;
}
.block-content {
  clear: both;
}
h2#winter {
  margin-top: 120px;
  margin-bottom: -56px !important;
  float: left;
  width: 100%;
}
.activities-on-hill {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
  text-align: center;
}
h2#summer {
  margin-bottom: -54px !important;
}
.path-activities-hill .wtholder {
  max-width: 632px;
  margin:0px;
}
.path-activities-hill .paragraph.paragraph--type--hero-banner::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  right: 0;
  height: 40%;
  background: linear-gradient(to top, #0e296e 0%, rgba(14,41,110,0) 100%);
  pointer-events: none;
  z-index: 2;
}
.path-activities-hill .paragraph.paragraph--type--blueblock {
  margin-top: 0px !important;
  padding-top: 120px !important;
  padding-bottom: 124px !important;
  background-position: right -20% top -4% !important;
}
.socials.topsocials img {
  height: 50px;
}
#block-capesmokey-wintermap > h2 {
  max-width: calc(100% - 150px);
  margin: auto;
  margin-top: 80px;
  margin-bottom: -128px !important;
}
.wtholder h3 {
  text-transform: uppercase;
  font-size: 25px;
  font-weight: 400;
  margin-bottom: 23px;
}
#main-map-svg g[style*="mix-blend-mode:difference"] {
    opacity: 0.1 !important; /* Zkus hodnoty mezi 0.3 až 0.8 */
    mix-blend-mode: multiply !important; /* Multiply (násobit) často u map vypadá lépe než Normal */
}

.route-user-login #header {
  position: relative;
  z-index: 5;
  width: 100%;
}
#megatoggle {
  position: fixed;
  bottom: -200px;
  right: 50px;
  width: 100px;
  height: 100px;
  z-index: 55;
  background: rgba(165, 202, 220, 0.89);
  backdrop-filter: blur(10px) saturate(150%);
  -webkit-backdrop-filter: blur(10px) saturate(150%);
  border-radius: 100px;
  padding: 22px;
  cursor: pointer;
  transition: bottom 0.4s ease;
}
#megatoggle {
  transform: rotate(0deg);
}
#megatoggle::before {
  content: "";
  position: absolute;
  inset: 4px;
  border-radius: inherit;
  background-image: url(/themes/capesmokey/pic/menuicon.svg?5);
  background-repeat: no-repeat;
  background-position: left 0px top 0px;
  background-size: 100%;
  animation: rotateBg 16s linear infinite;
}
body.scroltopdone #megatoggle {
  bottom: 50px;
}
.all-activities-inner {
  max-width: 72%;
  margin: auto;
}
.allnews {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
  margin-top: 20px;
}
@keyframes rotateBg {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
body.scroltopdone #megatoggle {
  bottom: 50px;
}

body.scroltopdone #megatoggle {
  transition: bottom 0.4s ease;
  background-image: url(/themes/capesmokey/pic/eagle_ico.svg?1);
  background-position: center center;
  background-size: 56px;
  background-repeat: no-repeat;
}
body.scroltopdone #megatoggle span {
  display:none!important;
}


#block-capesmokey-megamenu {
  padding: 21px;
  background: #fff;
  border-radius: 10px;
}
.openmenu #block-capesmokey-megamenu {
  display: block;
  max-width: 1100px;
  margin: auto;
    margin-top: auto;
  margin-top: auto;
  margin-top: auto;
  margin-top: auto;
  margin-top: 56px;
  width: 100%;
}
.openmenu .overlay {
  display: flex !important;
  opacity: 1;
  visibility: visible;
  background-image: url(/themes/capesmokey/pic/shape.png?1);
  background-repeat: no-repeat;
  background-position: right -150px bottom;
  background-size: 94vh;
}
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease;
  z-index: 555;
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
  background-color: rgba(14, 41, 110, 0.8);
  background-clip: padding-box;
  display: none;
}

.menu-wrapper {
  display: grid;
  grid-template-columns: 4fr 8fr;
  grid-gap: 37px;
  clear: both;
}
.menu-card {
  position: relative;
  height: auto;
  overflow: hidden;
  border-radius: 0px;
  margin-bottom: 0px;
}
.menu-card img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.menu-block a {
  color: #0e296e;
}
.menu-right-in img {
  height: 197px;
}
.menu-left a {
  text-decoration: none;
}
.menu-overlay h3 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 15px;
}
footer #block-capesmokey-megamenu {
  display: none;
}
.cardtext a {
  font-family: unset !important;
}
.menu-block.info-block ul {
  padding: 0px;
    padding-left: 0px;
  list-style-type: none;
  padding-left: 2px;
  opacity: 0.7;
}
#block-capesmokey-megamenu .cs-weather-condition {
  display: block;
  clear: both;
  line-height: 20px;
  margin-bottom: 10px;
}
#actualweather {
  margin-top: 70px;
  float: left;
  width: 100%;
}
.paragraph--type--faq--holder .close {
  position: relative;
  top: 0px;
  float: left;
  margin-left: 0px;
}
.texfifty {
  max-width: 750px;
  margin-bottom: 80px;
  margin-top: 80px;
}
.paragraph--type--faq--holder {
  margin-bottom: 50px;
  display: grid;
}
.menu-close {
  background: transparent;
  color: #0e296e;
  border: none;
  width: 50px;
  height: 50px;
  border-radius: 10px;
  font-size: 42px;
  right: 33px;
  top: 11px;
  z-index: 5;
  float: right;
  margin-top: -42px;
  margin-right: -42px;
}
.node-type-article .textholder {
  max-width: 980px;
}
.openclosed span {
  position: relative;
}
.openclosed span::after {
  content: "";
  width: 6px;
  background: green !important;
  position: absolute;
  top: 2px;
  right: -7px;
  height: 6px;
  border-radius: 10px;
}
.openclosed {
  background: #e9f8ee;
  padding: 14px;
  margin-bottom: 30px;
}
.menu-block.info-block.acc-ready.closed h3::after {
  content: "+";
  position: absolute;
  right: 0px;
  top: 0px;
  font-size: 21px;
}
.openclosed p {
  margin-bottom: 0px;
}
.menu-left a {
  text-decoration: none;
  width: 100%;
  display: block;
  position: relative;
  z-index: 5;
}
.activities-wrappers {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
  text-align: center;
}
.menu-block.info-block.acc-ready.open h3::after {
  content: "-";
  position: absolute;
  right: 0px;
  top: 0px;
  font-size: 25px;
}

#block-capesmokey-megamenu .cs-weather-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 2px;
  margin-top: 21px;
  background: #f8faff;
  padding: 15px;
  border-radius: 8px;
}
.menu-right-in {
display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 12px;
}
#block-capesmokey-megamenu .cs-weather-container img {
  filter: unset;
}
#block-capesmokey-megamenu .cs-icon {
  width: 44px !important;
}
.mmenu-holder-title {
  position: absolute;
  z-index: 5;
  bottom: 10px;
  left: 10px;
  width: calc(100% - 20px);
}
#block-capesmokey-megamenu {
  padding: 40px;
  background: #fff;
  border-radius: 0px;
}
.menu-card-arrow.info-block img {
  width: 22px;
  display: none;
}
.menu-right-in .menu-card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  background: linear-gradient(to top, #0e296e 0%, rgba(14,41,110,0) 100%);
  pointer-events: none;
  z-index: 2;
}
.menu-card-title.info-block a {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
}
.menu-left ul a {
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: -4px;
  display: block;
}
#megatoggle span {
  background: #fff;
  width: 72%;
  height: 1px;
  display: block;
  margin-bottom: 5px;
  line-height: 37px;
  margin-top: 12px;
  margin-left: auto;
  margin-right: auto;
}
.buttonright a {
  min-width: 158px;
  text-align: center;
}
.imagesquare img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  min-height: 650px;
}
#block-capesmokey-views-block-activities-block-1 .activity-item .views-field.views-field-title {
  max-width: 100%;
  display: block;
}
.priceholder .button {
  text-align: center;
  font-size: 13px;
  min-width: 158px;
}
#summer-map-viewport {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}
.cell.price {
  display: flex;
  align-items: center;
  justify-content: center;
}
.price-table.bigt .blue {
  background: transparent;
}
.price-table.bigt .header-row {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
  font-size: 18px;
  color: #1b2d57;
  font-weight: 600;
  margin-bottom: 5px;
}
.header-row span {
  font-size: 14px;
  opacity: 0.5;
  margin-top: -10px;
  display: block;
}
.price-table.bigt {
  max-width: 100%;
}
.price-table.bigt .row {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-gap: 6px;
}
.diamond strong {
  font-weight: 600;
  transform: rotate(45deg);
}
.path-activities-hill .paragraph.paragraph--type--blueblock {
  margin-bottom: 111px;
}
.path-activities-hill .wholder {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
  padding: 75px;
    padding-top: 75px;
    padding-bottom: 75px;
  padding-top: 75px;
  padding-bottom: 75px;
  margin-top: 40px;
  padding-top: 150px;
  padding-bottom: 115px;
}
.socials img {
  width: 47px;
  height: auto;
}
.valid {
  text-transform: uppercase;
}
.ski-runs h2 {
  display: none;
}
.node-type-article #block-capesmokey-content img {
  width: 100%;
  height: auto;
}
.all-activities-inner h3 {
  text-transform: uppercase;
}

.most-list .diamond::after {
  content: "";
  width: 25px;
  height: 25px;
  background: #000;
  position: absolute;
  bottom: 2px;
  top: 10px;
  left: 10px;
  z-index: -1;
}
.most-list .diamond {
  width: 26px;
  height: 26px;
  background: #000;
  color: white;
  font-size: 13px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(-45deg);
  margin-right: 15px !important;
}
.most-list .diamond {
  width: 26px;
  height: 26px;
  background: #000;
  color: white;
  font-size: 13px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(-45deg);
  margin-right: 20px;
}
#main-summer-map-svg {
    width: 100%;
    height: 100%;
    touch-action: none;
    user-select: none;
}
.moderate-list .num {
  border-radius: 0px !important;
}
#block-capesmokey-pagetitle {
  display: none;
}
.node-type-article #block-capesmokey-content {
  max-width: 980px;
  margin: auto;
}
.node-type-article iframe {
  width: 100%;
  margin-top: 13px;
}
.node-type-article h2 {
  font-size: 43px;
  text-transform: uppercase;
  font-weight: 300;
  margin-top: 43px !important;
}
.chart-header {
  display: flex;
  padding-left: 200px;
  border-bottom: 1px solid #eee;
  background: #fff;
  width: 100%;
  border-top: 1px solid #eee;
}
.priceholder .price {
  display: none;
}
#block-capesmokey-winterskirunsmap h2 {
  max-width: calc(100% - 150px);
  margin: auto;
}
#block-capesmokey-summermap .wholder {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
  padding: 75px;
    padding-top: 75px;
    padding-bottom: 75px;
  padding-top: 75px;
  padding-bottom: 75px;
  margin-top: 40px;
  padding-top: 115px;
  padding-bottom: 150px;
}
.menu-block.info-block.tickets a {
  border: solid 1px #c9a15d;
  padding: 10px;
  background: #c9a15d;
  color: #fff;
  margin-top: -28px;
}
.path-maps .activities-wrappers {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
  text-align: center;
}
.path-maps .paragraph.paragraph--type--blueblock.paragraph--view-mode--default.item-1 {
  margin-bottom: 105px;
}

.winter .winter-card {
  display: blok;
}
.winter .summer-card {
  display: none!important;
}

.summer .winter-card {
  display: none!important;
}
.summer .summer-card {
  display: block;
}
.views-field-nothing .field-content.buttonright {
  float: right;
  margin-right: 29px;
  position: relative;
  right: 0px;
  top: 0px;
}
.controls .ticket a:hover {
  color: #fff!important;
  border: solid 1px #c9a15d;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 19px;
  position: relative;
  top: 0px;
background:#c9a15d;
}
.price-table.bigt {
  max-width: 100%;
  min-width: 1500px;
}
.scrollt {
  overflow-x: auto;
}
.midtext {
  max-width: 64%;
  float: left;
}
.diamond {
  margin-bottom: 10px;
}
#block-capesmokey-views-block-activities-block-3 .views-field-field-image img {
  width: 100%;
  height: 100vh;
  object-fit: cover;
}

.bot1off #bot1 path {
  fill: #ff1a00 !important;
}

.all2off #all2 path {
  fill: #ff1a00 !important;
}

.bot3off #bot3 path {
  fill: #ff1a00 !important;
}

.top5off #top5 path {
  fill: #ff1a00 !important;
}

.top6off #top6 path {
  fill: #ff1a00 !important;
}

.top7off #top7 path {
  fill: #ff1a00 !important;
}

.bot7off #bot7 path {
  fill: #ff1a00 !important;
}

.all8off #all8 path {
  fill: #ff1a00 !important;
}

.top8off #top8 path {
  fill: #ff1a00 !important;
}

.top9off #top9 path {
  fill: #ff1a00 !important;
}

.all10off #all10 path {
  fill: #ff1a00 !important;
}

.all11off #all11 path {
  fill: #ff1a00 !important;
}

.all12off #all12 path {
  fill: #ff1a00 !important;
}

.all13off #all13 path {
  fill: #ff1a00 !important;
}

.all14off #all14 path {
  fill: #ff1a00 !important;
}

.all15off #all15 path {
  fill: #ff1a00 !important;
}

.all16off #all16 path {
  fill: #ff1a00 !important;
}


.path-about-us .cardholder {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
  padding: 0px;
    padding-left: 0px;
  max-width: 825px;
  padding: 1;
  padding-left: 22px;
}

.path-about-us #actualweather {
  margin-top: -204px;
  float: left;
  width: 100%;
}

.path-groups-gatherings .ticket-swiper {
  padding-bottom: 50px;
  padding-left: 50px;
}