#fw-section-text-banner-04d8d4ca-5706-4b79-9473-13f0987bc790 {
--color-primary: #302951;
--color-primary-rgb: 48, 41, 81;
--color-background: #00aa7f;
--color-background-rgb: 0, 170, 127;
--color-on-background: #F9F8FF;
--color-on-background-rgb: 249, 248, 255;
--color-on-primary: #F9F8FF;
--color-on-primary-rgb: 249, 248, 255;
--color-product-image-background: #F9F8FF;
--color-background-brightness: 114;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #302951;
--primary-btn-text: #F9F8FF;
--primary-btn-border-color: #F9F8FF;
--secondary-btn-bg: transparent;
--secondary-btn-text: #F9F8FF;
--secondary-btn-border-color: #F9F8FF;

}





#fw-section-links-list-5107fc98-d9bf-49f7-946f-595bfba3b40c {
--font-heading-scale: 1.23;
--font-body-scale: 1.0;
}
#fw-section-image-with-text-0c3d99a0-febf-4028-81e8-f36551931a0b {
--font-heading-scale: 1.2;
--font-body-scale: 1.26;
}
#fw-section-image-with-text-0c3d99a0-febf-4028-81e8-f36551931a0b {
--color-primary: #302951;
--color-primary-rgb: 48, 41, 81;
--color-background: #00aa7f;
--color-background-rgb: 0, 170, 127;
--color-on-background: #F9F8FF;
--color-on-background-rgb: 249, 248, 255;
--color-on-primary: #F9F8FF;
--color-on-primary-rgb: 249, 248, 255;
--color-product-image-background: #F9F8FF;
--color-background-brightness: 114;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #302951;
--primary-btn-text: #F9F8FF;
--primary-btn-border-color: #F9F8FF;
--secondary-btn-bg: transparent;
--secondary-btn-text: #F9F8FF;
--secondary-btn-border-color: #F9F8FF;
img {
  box-shadow: 0px 6px 9px #00000080;
  transform: scale(1.1);
}
}
#fw-section-rich-text-8c676b97-a33d-4910-806c-48d5d59b12d7 {
--font-heading-scale: 1.44;
--font-body-scale: 1.01;
}
#fw-section-hmac-c7ef4b8e-a4b5-4676-a705-1113daaff58e {
--color-primary: #00aa7f;
--color-primary-rgb: 0, 170, 127;
--color-background: #302951;
--color-background-rgb: 48, 41, 81;
--color-on-background: #F9F8FF;
--color-on-background-rgb: 249, 248, 255;
--color-on-primary: #F9F8FF;
--color-on-primary-rgb: 249, 248, 255;
--color-product-image-background: #F9F8FF;
--color-background-brightness: 48;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #00aa7f;
--primary-btn-text: #F9F8FF;
--primary-btn-border-color: #F9F8FF;
--secondary-btn-bg: transparent;
--secondary-btn-text: #F9F8FF;
--secondary-btn-border-color: #F9F8FF;

}
#fw-section-featured-collection-63a48cc6-fb52-467f-a408-8d08fb00e136 {
--font-heading-scale: 1.46;
--font-body-scale: 1.25;
}
#fw-section-featured-collection-63a48cc6-fb52-467f-a408-8d08fb00e136 {

.section-header__heading {
  text-align: center;
}

.tile__image > .image {
  padding: 50% 0;
}
}
#fw-section-custom-html-0b01874b-f89a-41f5-850e-1ecea5fc9ea5 {

#livestreamwrap {
  margin: 20px 0 0
}

#livestreamwrap ul {
  list-style: none;
  margin-top: 10px;
  padding: 0;
  pointer-events: none;
  display: flex;
  justify-content: space-around;
  border: 1px solid #e9e9e9;
  border-radius: 20px;
  overflow: hidden;
}
#livestreamwrap ul li  {
  pointer-events: auto;
  width: 100%;
}
#livestreamwrap ul li a {
  text-decoration: none;
  font-family: "Bebas Neue", sans-serif;
  color: gray;
  padding: 10px 10px 7px;
  transition: all 0.3s ease-in-out;
  display: inline-flex;
  font-size: 32px;
  line-height: 36px;
  width: 100%;
  justify-content: center;
  border-radius: 20px;
  border: 1px solid transparent
}
#livestreamwrap ul li a:hover {
  color: white;
  border: 1px solid white;
}

#livestreamwrap ul svg {
  margin-right: 8px;
  pointer-events: none;
  height: 32px;
  width: 32px;
}

#livestreamwrap ul span {
  pointer-events: none;
}
  
#livestreamwrap .nav .active a {
  color: white;
  /*border-bottom: 1px solid white;*/
}

#livestreamwrap .nav .active a.twitch {
  background: slateblue;
}
  
#livestreamwrap .nav .active a.youtube {
  background: #aa0000;
}

#livestreamwrap .nav .active a.radio {
  background: #00aa7f;
}
  
#livestreamwrap .nav .active a.kick {
  background: #00e701;
  color: black;
}
  
#livestreamwrap .nav .active a:hover {
  color: white;
}

#livestreamwrap .tab-pane {
  display: none;
}

#livestreamwrap .tab-pane.active {
  display: flex;
}

#livestreamwrap .tab-pane iframe {
  width: 100%;
  height: 720px;
  border: 1px solid white;
  border-radius: 20px;
}

#radio {
  background: linear-gradient(135deg, #33086785 0%, #30cfd0ad 100%);
  height: 720px;
  flex-direction: unset;
  justify-content: center;
  text-align: center;
  border: 1px solid white;
  border-radius: 20px;
}

#leonimuz-radio {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#radio-info {
  width: 50%;
  padding: 170px 65px;
  line-height: 2;
  text-shadow: 0 2px 2px black;
}

#radio-info p {
  font-size: 22px;
}

#radio-buttons {
  width: 100%;
}

#radio-buttons button {
  color: white;
  font-size: 20px;
  margin: 0 20px;
  text-shadow: 0 2px 2px black;
}

#radio-buttons svg {
  width: 100%;
  fill: white;
  height: 30px;
  filter: drop-shadow(0 2px 2px black);
  margin-bottom: 10px;
}
  
#radio-container {
  width: 100%;
  margin-bottom: 20px;
}

#radio-container #player{
  width: 500px;
  height: 500px;
  box-shadow:0 5px 20px black;
}

#radio-container iframe {
  width: 100%;
  height: 100%;
  border: 1px solid white;
  border-radius: 20px;
}
  
@media only screen and (max-width: 639px) {
  #livestreamwrap ul svg {
    margin: 0 auto;
  }
   #livestreamwrap ul span {
     display: none;
  }
  #livestreamwrap .tab-pane iframe {
    height: 250px;
  }
   #radio {
     flex-direction: column;
     height: auto;
   }
  #radio-info {
    display: none;
  }
  #leonimuz-radio, #radio-container #player {
    width: 100%;
  }
  #leonimuz-radio #radio-buttons button {
    margin-bottom: 20px;
  }
  #radio-container #player {
      height: 320px;
  }
}
}
#fw-section-donations-d45f3149-eb9a-48b4-b75d-966f62a0d977 {
--color-primary: #302951;
--color-primary-rgb: 48, 41, 81;
--color-background: #00aa7f;
--color-background-rgb: 0, 170, 127;
--color-on-background: #F9F8FF;
--color-on-background-rgb: 249, 248, 255;
--color-on-primary: #F9F8FF;
--color-on-primary-rgb: 249, 248, 255;
--color-product-image-background: #F9F8FF;
--color-background-brightness: 114;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #302951;
--primary-btn-text: #F9F8FF;
--primary-btn-border-color: #F9F8FF;
--secondary-btn-bg: transparent;
--secondary-btn-text: #F9F8FF;
--secondary-btn-border-color: #F9F8FF;

}

#fw-section-rich-text-59fd108f-c0a6-485a-8c57-4c9d68373f8d {
--font-heading-scale: 1.36;
--font-body-scale: 1.01;
}
#fw-section-rich-text-59fd108f-c0a6-485a-8c57-4c9d68373f8d {
--color-primary: #034f3c;
--color-primary-rgb: 3, 79, 60;
--color-background: #302951;
--color-background-rgb: 48, 41, 81;
--color-on-background: #F9F8FF;
--color-on-background-rgb: 249, 248, 255;
--color-on-primary: #F9F8FF;
--color-on-primary-rgb: 249, 248, 255;
--color-product-image-background: #F9F8FF;
--color-background-brightness: 48;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #034f3c;
--primary-btn-text: #F9F8FF;
--primary-btn-border-color: #F9F8FF;
--secondary-btn-bg: transparent;
--secondary-btn-text: #F9F8FF;
--secondary-btn-border-color: #F9F8FF;

}
#fw-section-image-with-text-b47c6558-91d5-4272-b097-9db7f6e3885c {
--font-heading-scale: 1.38;
--font-body-scale: 1.29;
}
#fw-section-image-with-text-58a26b5e-a624-4363-bbce-0a453650e950 {
--font-heading-scale: 1.38;
--font-body-scale: 1.29;
}
#fw-section-image-with-text-b3792e86-c80a-496e-9968-1f36bf5b0e58 {
--font-heading-scale: 1.38;
--font-body-scale: 1.29;
}
#fw-section-image-with-text-5140f1eb-4d9a-4df7-a48a-2ba17a1f29da {
--font-heading-scale: 1.38;
--font-body-scale: 1.29;
}
#fw-section-image-with-text-f0685a21-52d7-451c-bb7e-da6b19266ff6 {
--font-heading-scale: 1.38;
--font-body-scale: 1.29;
}
#fw-section-image-with-text-60e25eb5-653d-4e63-907f-324b229a2767 {
--font-heading-scale: 1.38;
--font-body-scale: 1.29;
}


#fw-section-announcement-bar-6d8da06e-d985-4bc2-9758-74c87c6437fa {
--color-primary: #313388;
--color-primary-rgb: 49, 51, 136;
--color-background: #302951;
--color-background-rgb: 48, 41, 81;
--color-on-background: #F9F8FF;
--color-on-background-rgb: 249, 248, 255;
--color-on-primary: #F9F8FF;
--color-on-primary-rgb: 249, 248, 255;
--color-product-image-background: #F9F8FF;
--color-background-brightness: 48;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #313388;
--primary-btn-text: #F9F8FF;
--primary-btn-border-color: #F9F8FF;
--secondary-btn-bg: transparent;
--secondary-btn-text: #F9F8FF;
--secondary-btn-border-color: #F9F8FF;

}
#fw-section-hero-a890a30f-9a22-4255-ad3d-06e397aa0945 {
--font-heading-scale: 1.48;
--font-body-scale: 1.29;
}
#fw-section-hero-a890a30f-9a22-4255-ad3d-06e397aa0945 {

.hero__container--small {
  margin: 20px 0;
}

.section-background{
  border-radius: 20px;
  border: 3px solid white;
}
}
#fw-section-custom-html-9165c3eb-202a-4616-8ed1-b60a440dc67a {

.connect-block {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.cb-content {
  width: 30%;
  margin-bottom: 1%;
  padding: 2%;
  border: 1px solid white;
  border-radius: 20px;
  text-align: left
}

.cb-content a {
  display: block;
  text-decoration: none;
}

.cb-content:hover {
  background: #ffffff50;
  transition: all 0.25s linear;
}


.cb-content h1 {
  display: inline;
}

.cb-content svg {
  float: right;
  fill: white;
  height: 50px;
  width: 50px;
  margin-top: 8px;
}

@media only screen and (max-width: 639px) {
  .cb-content {
    width: 100%;
    margin-bottom: 3%;
    padding: 4%;
  }
  .cb-content svg {
  }
}
}



#fw-section-hero-video-0 {
--font-heading-scale: 1.16;
--font-body-scale: 2.0;
}
#fw-section-hero-video-0 {

video {
  transform: scale(2);
  filter: blur(50px)
}
}
#fw-section-image-with-text-823efe33-89d5-4397-887a-b3ce6a2c3f95 {

img {
  border: 3px solid white;
}
}