/*
colors:

yellow: #ffc800
dark: #181816
gray: #e5e4dc
*/

#sp-header > .container{
    max-width: 100% !important;
    padding-left: 4%;
    padding-right: 4%;
}


.sp-megamenu-parent > li > a{
    text-transform: uppercase;
    line-height: normal;
}



input[type="text"]:not(.form-control), input[type="email"]:not(.form-control), input[type="url"]:not(.form-control), input[type="date"]:not(.form-control), input[type="password"]:not(.form-control), input[type="search"]:not(.form-control), input[type="tel"]:not(.form-control), input[type="number"]:not(.form-control), select:not(.form-select):not(.form-control){
    all: inherit;
    font-size: 1.2em;
    color: var(--input-color);
    background-color: var(--input-background-color);
    padding: var(--input-padding)!important;
    border: solid 1px var(--input-border-color);
    border-radius: var(--input-border-radius);
    text-align: var(--input-text-align);

}
.convertforms .cf-content-wrap, .convertforms .cf-form-wrap {
    padding: 0;
}
.text-base{
    color: #d6d6d6;
}
@media (min-width: 1200px) {
.fs-1{
    font-size: 3rem !important;
}
}

#column-wrap-id-1758888161348 .sppb-column-addons{
  max-width: 500px !important;
}
.sppb-btn:hover{
 background-color: #ffc800;
 border-color: #ffc800;
}
.sppb-btn{
    font-family: 'Bebas Neue', arial;

}
.sppb-btn-lg{
    padding: 16px 24px;
}
.sp-megamenu-parent > li:not(:last-child) > a{
    padding-top: 9px;
    padding-bottom: 8px;
}
.podpora.btn:hover{
    color:#000;
}
.sp-megamenu-parent .podpora.btn{
    margin-left:15px;
        margin-top: -2px;
}
.burger-icon>span{
    background-color: #fff;
}
.offcanvas-active .burger-icon>span, #modal-menu-toggler.active .burger-icon>span{
    background-color: #fff;
}
@media(min-width: 922px){
    #offcanvas-toggler{
        display: none !important;     
    }
}

.offcanvas-menu ul li a{
    padding: 15px 0 !important;
}
.offcanvas-menu .podpora{
    color: #fff !important;
    font-family: 'Bebas Neue', arial;
    text-transform: uppercase;
    margin-top: 15px;
}
.podpora.btn:hover{
    background-color: #AA2222 !important;
    color: #fff !important;
}
.offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span{
    opacity: 1 !important;
}
#sp-header .logo a{
    font-family: 'Bebas Neue', arial;
    font-size: 44px !important;
    font-weight: bold;
    text-transform: uppercase;
}
#sp-logo .logo a:hover span, #sp-logo .logo a:hover{
    color: #ffc800 !important;
}
#sp-header .logo a {
    color: #ffc800
}
.text-light{
    color:#e5e4dc !important;
}
#sp-page-builder .sp-pagebuilder-page-edit{top:80px;}
.offcanvas-menu {
    background-color: #000000;
    color: #d6d6d6;
    border-left: 5px solid #999;
}
.offcanvas-menu .offcanvas-inner ul.menu>li a, .offcanvas-menu .offcanvas-inner ul.menu>li span{
        color: #d6d6d6;
}
.offcanvas-overlay{
background: rgb(0 0 0 / 0%);
}
.form-check-input:checked{
        background-color: #CF2C2C;;
    border-color: #CF2C2C;;
}

/*******/
/* Styling hlavní sekce */
#vyzva {
  background-color: #ffffff; /* Pozadí levé části */
  overflow: hidden; /* Zamezí přetékání oříznutého pozadí */
}

/* Řádek sekce jako flexbox pro správné zarovnání */
#vyzva .sppb-row {
  display: flex;
  flex-direction: column; /* Mobilní zobrazení v základu */
}

/* Levému sloupci přidáme odsazení */
#column-wrap-id-1758889835652 {
  z-index: 1;
}

/* Pravý sloupec s formulářem a šipkou (Mobilní zobrazení) */
#column-wrap-id-1758888161348 {
  background-color: #e5e4dc; /* Šedobílé pozadí formuláře */
  padding: 100px 20px 40px 20px;
  margin-top: -30px; /* Překrytí horního bloku */
  
  /* Šipka směřující zhora dolů na mobilu */
  clip-path: polygon(
    0% 30px,
    50% 60px,
    100% 4%,
    100% 100%,
    0% 100%
  );
}

/* Desktopové zobrazení (od 992px podle breakpointu SP Page Builderu) */
@media (min-width: 992px) {
  #vyzva .sppb-row {
    flex-direction: row;
    align-items: stretch;
  }

  #column-wrap-id-1758889835652 {
    flex: 1;
    padding: 60px 40px;
  }

  #column-wrap-id-1758888161348 {
    flex: 1;
    margin-top: 0;
    margin-left: 0px; /* Bude přesahovat do levého bloku */
    padding: 80px 40px 60px 6%; /* Větší levý padding kvůli šipce */

    /* Šipka směřující zprava doleva pro desktop */
    clip-path: polygon(
      0px 0%,
      100% 0%,
      100% 100%,
      0% 100%,
      60px 50%
    );
  }
}

/*************/

.cf-label a{
    text-decoration: underline;
}
.animated-heading-after-part{
    margin-left: 0;
}
.text-primary{
    color: #ffc800 !important;
}
.convertforms .cf-btn:hover{
    background-color: #181816 !important;
    border-color: #181816 !important;
    color: #fff;
    opacity: 1;
}
.cf-btn {
    letter-spacing: 0 !important;
}
.bg-yellow{
     background-color: #ffc800;

}