code,
kbd,
pre,
samp {
    font-family: inherit !important;
}

#titol h1 {
    color: white;
}

#rev_slider_1_1_wrapper .persephone.tparrows:hover:before,
#rev_slider_3_1_wrapper .persephone.tparrows:hover:before {
    color: #ffffff !important;
}

#rev_slider_1_1_wrapper .persephone.tparrows,
#rev_slider_3_1_wrapper .persephone.tparrows {
    border: none !important;
}

.sticky-on .branding img {
    width: 175px !important;
}

.branding a img,
.branding img {
    width: 270px;
    margin-right: 30px;
}

.mobile-header-bar .mobile-branding img {
    width: 150px;
    margin: 30px 0;
}

.textwidget img {
    margin: 5px;
    max-width: 300px !important;
    max-height: 90px;
    height: auto !important;
}

#text-4 {
    float: right;
}

.vc_acf-label {
    font-weight: bold;
    margin-bottom: 30px;
    display: inline-block;
}

.sub-nav>li a {
    padding: 10px !important;
}

.sub-nav {
    padding: 0 !important;
}

.wpb_wrapper ul li:before {
    content: '';
    position: absolute;
    border-right: 2px solid #393939;
    border-bottom: 2px solid #393939;
    width: 7px;
    height: 7px;
    margin-left: -20px;
    margin-top: 11px;
    transform: translateY(-50%) rotate(-45deg);
}

.wpb_wrapper ul {
    list-style: none;
    padding-bottom: 30px;
    position: relative;
}

.wpb_wrapper li {
    line-height: 22px;
    margin-bottom: 8px;
}

@media screen and (max-width: 1200px) {
    .persephone.tparrows {
        width: 40px !important;
        height: 40px !important;
    }

    .persephone.tparrows:before {
        font-size: 30px !important;
        line-height: 40px !important;
    }

    .tp-leftarrow {
        left: -40px !important;
    }
}

@media screen and (min-width:1200px) {
    #footer1 {
        display: flex;
    }

    #header-language {
        height: 25px;
        border-right: 2px solid black;
    }
}

@media screen and (max-width:900px) {
    #footer1 {
        display: flex;
    }
}

@media screen and (max-width: 778px) {
    h1 {
        line-height: 40px !important;
    }
}

@media screen and (max-width:456px) {
    #footer section:is(#text-2, #text-3) {
        margin: 0 auto;
        display: block;
        margin-bottom: 30px;
    }
}

#footer1 ul {
    list-style: none;
    margin: 0;
    font-weight: bold;
}

#footer .wf-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

#footer .wf-container>section {
    width: fit-content;
margin: 0 auto;
}

#footer .wf-container #text-3 {
display:none;
}

#header-en {
    float: right;
    margin: 0 10px;
}

#header-el {
    float: left;
}

#header-el,
#header-en {
    font-size: 17px;
    text-decoration: none;
}


#header-language a {
    text-decoration: none;
}

#header-language {
    display: flex;
    align-items: center;
    padding-right: 20px;
}

.tooltip {
    position: relative;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: auto;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 10px;
    position: absolute;
    z-index: 1;
    bottom: 75%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 1s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}




.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}









@media screen and (max-width: 1285px) {

    .main-nav>li>a {
        margin: 10px 0px 10px 5px !important;
    }


    .main-nav>li>a .menu-text {
        font: normal 12px / 20px "Open Sans", Helvetica, Arial, Verdana, sans-serif !important;
    }

}



.popup-message-style .wpcf7-validation-errors,
.popup-message-style .wpcf7-mail-sent-ok,
.popup-message-style .wpcf7-response-output {
    background-color: #e90a2a !important;
    color: black !important;
    z-index: 999999999;
}



.grecaptcha-badge {
    z-index: 9999;
}

.comingsoon .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: blue;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: -80px;
    left: 50%;
    margin-left: -60px;
}

.comingsoon .tooltiptext:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: blue transparent transparent transparent;
}

.comingsoon:hover .tooltiptext {
    visibility: visible;
}



@media screen and (min-width: 900px) {


    #text-4 .textwidget {
        display: flex;
        align-items: center;
    }
}


#titol h1 {
    color: white;
}











.objectes:before {
    content: "Coming soon";
    position: absolute;
    transform: translateY(-50%);
    margin-left: 10px;
    padding: 5px;
    background: #f0f;
    color: #000;
    font-weight: bold;
    text-align: center;
    display: none;
    top: -10px;
}


.objectes:hover:before {
    display: block;
}




@media screen and (max-width: 800px) {

    h2,
    .h2-size,
    .entry-title.h2-size,
    h1.entry-title,
    .dt-accordion-h2-size .wpb_accordion_header>a {
        font: normal 700 20px / 35px "Open Sans", Helvetica, Arial, Verdana, sans-serif !important;
    }

    h1 {
        line-height: 40px !important;
        font-size: 30px !important;
    }

    div.card-section>p:nth-child(3) {
        margin-bottom: 10px;
        font-size: 20px !important;
        line-height: 30px !important;
        margin: 10px 0 !important;
    }


}


@media screen and (max-width: 900px) {
    .textwidget {
        text-align: center !important;
    }

    .textwidget>div>img {
        display: inline-block !important;
    }

    .textwidget>div {
        display: inherit !important;
    }
}


.mini-widgets .soc-ico .soc-font-icon:before {
    content: none !important;
}

.mini-widgets .soc-ico .soc-font-icon {
    background: none !important;
}

.mini-widgets .soc-ico>a:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    box-shadow: none !important;
}

.mini-widgets .soc-ico>a:hover:before {
    opacity: 1 !important;
    transition: all 0.3s ease;
}

.mini-widgets .soc-ico>a.instagram:before {
    background-image: url(https://kalamatadancefestival.gr/wp-content/uploads/2024/04/icona_off_instagram-1.svg);
}

.mini-widgets .soc-ico>a.facebook:before {
    background-image: url(https://kalamatadancefestival.gr/wp-content/uploads/2024/04/icona_off_facebook.svg);
}

.mini-widgets .soc-ico>a.you-tube:before {
    background-image: url(https://kalamatadancefestival.gr/wp-content/uploads/2024/04/icona_off_youtube.svg);
}

.mini-widgets .soc-ico>a.instagram:hover:before {
    background-image: url(https://kalamatadancefestival.gr/wp-content/uploads/2024/04/icona_on_instagram-1.svg);
}

.mini-widgets .soc-ico>a.facebook:hover:before {
    background-image: url(https://kalamatadancefestival.gr/wp-content/uploads/2024/04/icona_on_facebook.svg);
}

.mini-widgets .soc-ico>a.you-tube:hover:before {
    background-image: url(https://kalamatadancefestival.gr/wp-content/uploads/2024/04/icona_on_youtube.svg);
}