/*
Theme Name: Enfold Child
Description: A <a href='https://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: https://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/

/*LOGO SVG*/
.logo svg {padding-top: 30px; padding-bottom: 30px;}

/*MENU*/
nav.main_menu {display:none!important;}

/*HEADERS*/
h1, h2, h3, h4, h5, h6 {letter-spacing: -1px;}
.template-page .entry-content-wrapper h2 {letter-spacing: -1px;}

/*LINKS-UNDERLINE*/
a:hover, a:focus, a:visited, #top .av_inherit_color a {text-decoration: none !important;}

/*PROMOBOX*/
.av_promobox {border-radius: 20px; padding: 0px 30px; border-width: 0px; margin: 10px 0;}
.avia-promocontent p {font-size: 16px;}

/*TYPEWRITER*/
/* DEFAULT = desktop */
.typewriter {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;              /* force 1 line on desktop */
  text-align: center;
  border-bottom: 8px solid #ff1820 !important;
  padding-bottom: 0.1em;

  animation: typing 2s steps(40, end);
}

.typewriter-wrapper {
  text-align: center;
}

@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}


/* MOBILE */
@media (max-width: 768px) {
  .typewriter {
    white-space: normal;            /* allow wrapping → 2 lines */
    font-size: 1.8rem;              /* smaller text on mobile */
    animation: none;                /* optional: disable typing if it breaks wrapping */
    width: auto;
  }
}

/*ICON-BOX*/
.iconbox_content_title {padding: 0px 0 0 0; letter-spacing: 0px; font-weight: 700; font-style: italic;}
#top .iconbox.av-no-box .iconbox_icon {margin: 0 auto 0px auto; border-width: 0px; font-size: 50px;}

/*GALERY*/
#top .main_color .container .av-masonry-load-more {background-color: #000000;}

/*LOGO-FOOTER*/
.wikinight-logo {margin-left:10px !important, margin-top:10px !important;}

/*SOCIAL-ICONS*/
#top .social_bookmarks li a {font-size: 25px;}
#top .social_bookmarks li {width: 40px;}

/*FORMULARIO*/
.frm-fluent-form .ff-t-cell .ff_submit_btn_wrapper_custom {margin-top:0px !important;}
#top .ff-default .ff_btn_style {padding: 5px 20px !important;}
.frm-fluent-form .ff-t-container {gap: 0px !important;}


/*MOBILE*/
@media only screen and (max-width: 767px) {
.responsive .logo svg {padding-top: 30px; padding-bottom: 0px;}
}

/* Center SVG logo on mobile with Transparent Header */
@media only screen and (max-width: 767px) {

    .html_header_transparency #header_main .logo {
        position: relative !important;
        float: none !important;
        left: 50%;
        transform: translateX(-50%);
        width: auto !important;
        text-align: center;
    }

    .html_header_transparency #header_main .logo img,
    .html_header_transparency #header_main .logo svg {
        display: block;
        margin: 0 auto;
    }

}

@media only screen and (max-width: 767px) {
    #header_main .container {
        text-align: center;
    }
}

/* Target specific column */
@media only screen and (max-width: 767px) {

  /* keep your global container rule as-is (85%) if you want */
  /* then only this column will go full-bleed */
  .responsive #top #wrap_all .mobile-fullwidth-col{
    width: 100vw !important;
    max-width: 100vw !important;

    /* break out of the centered container */
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* often needed if the content inside still has side padding */
  .responsive #top #wrap_all .mobile-fullwidth-col > .flex_column_content,
  .responsive #top #wrap_all .mobile-fullwidth-col .av_textblock_section {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}