/*
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*/
#header_main {padding: 30px 0 !important;}

/*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;}

/*MASONRY*/
.av-masonry-author, .av-masonry-date, .av-masonry-text-sep {display: none;}
.av-masonry-entry-title {font-size: 30px !important; color: #ffff00 !important; text-align: left !important;}
.av-masonry-entry .av-masonry-entry-title+.av-masonry-entry-content {text-align: left;}
.av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content-pos {vertical-align: bottom !important;}

/*CONTENT-SLIDER*/
.avia-content-slider .slide-entry-title {display: none;}  /* esconde o título do elemento */
.av-flex-container{width:100%; height:400px;}
.av-image-column{position:relative; width:100%; height:100%; overflow:hidden;}
.av-image-column img {width:100%; height:100%; object-fit:cover; display:block;}

/* overlay por cima */
.av-overlay{
  position:absolute;
  inset:0;                 /* top/right/bottom/left:0 */
  z-index:10;              /* MUITO importante no Enfold */
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:flex-end;
  text-align:right;
  padding:30px;
  background:rgba(0,0,0,.2);
  pointer-events:none;     /* evita conflitos com links/hover do tema */
}

/* força o título a aparecer (Enfold às vezes mete margins/cores estranhas)*/
.av-overlay-title {margin:0 0 10px 0 !important; color:#ffff00 !important; line-height:1.2 !important; display:block !important; font-weight: 700 !important;}
.av-overlay p {margin:0 !important; color:#fff !important; font-weight: 500 !important;}

/* MOBILE */
@media (max-width: 768px){
  .av-image-column{
    height: auto;          /* deixa o conteúdo definir */
    min-height: 280px;     /* garante espaço para imagem + overlay */
  }

  .av-image-column img{
    height: 280px;         /* altura real da imagem no mobile */
  }

  .av-overlay{
    padding: 20px;         /* padding menor no mobile */
  }
}

/*ROTATE-TEXT*/
.rotate-text-confidence {transform: rotate(-1deg); /* adjust angle */}
.rotate-text-goodstyle {transform: rotate(-3deg); /* adjust angle */}
.rotate-text-almost {transform: rotate(2deg); /* adjust angle */}

/*COUNTDOWN*/
.av-countdown-time {font-size: 45px; font-weight: 400 !important; color: #ffffff !important;}
.av-trans-light-style .av-countdown-cell-inner {border: 0px solid #fff !important;}
.av-trans-light-style .av-countdown-cell-inner .av-countdown-time-label {color: #ffff00 !important;}

/*ICON-LIST*/
.avia-icon-list .iconlist_icon {margin-right: 0px;}

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

/*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;}

/* 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;
  }
}