/*
Theme Name: Frison Digital
Theme URI: https://github.com/elementor/hello-theme/
Description: Website desenvolvido por Frison Digital.
Author: Frison Digital
Author URI: https://frison.digital/
Template: frisondigital-base
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


.masthead * {transition: color .2s ease, opacity .2s ease;}
.elementor p a {transition: color .1s ease;}
.elementor-text-editor p:last-child{ margin-bottom:0px;}

.elementor-post__excerpt p:after{
content: "...";
}

.loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: #212121;
}

.elementor-editor-active .loader{
  display: none;
}

.fluid > .elementor-container  {
    margin: 0 auto;
    padding: 0 25px;

}

/* Mobile */
.on-mobile {display: block;}
.on-mobile-tablet {display: block;}
.on-mobile-wide {display: block;}
.on-tablet {display: none;}
.on-tablet-wide {display: none;}
.on-mobile-tablet-wide {display: block;}
.on-wide {display: none;}


/* Tablet */
@media (min-width: 768px) and (max-width: 1099px)  {
  .on-mobile {display: none;}
  .on-mobile-tablet {display: block;}
  .on-mobile-wide {display: none;}
  .on-tablet {display: block;}
  .on-tablet-wide {display: block;}
  .on-wide {display: none;}
}

/* Wide */
@media (min-width: 1100px) {
  .on-mobile {display: none;}
  .on-mobile-tablet {display: none;}
  .on-mobile-wide {display: block;}
  .on-tablet {display: none;}
  .on-tablet-wide {display: block;}
  .on-wide {display: block;}
}














/* Botões */
.btn-ico i {
    font-size: 0.78em;
    line-height: 1.30em;
    display: block;
}

.btn-ico-move .elementor-button-icon { transition: margin-left .3s ease;}
.btn-ico-move a:hover .elementor-button-icon {margin-left: 2.2em !important;}

.overlay-hover , .link-loja {
  cursor: pointer;
}

.overlay-hover .elementor-background-overlay {
  transition: opacity .3s ease;
}

.overlay-hover:hover .elementor-background-overlay {
    opacity: .75 !important;
}


a.elementor-post__read-more {
    transition: all .3s;
}

a.elementor-post__read-more:hover {
    color: #F8CE07 !important;
    transform: translateX(5px);
}

.separador {max-width: 150px;}














/* Formulários */

.newsform .wpcf7-text::placeholder {
    color: #ffffff9e;
    font-size: 16px;
}

.newsform .wpcf7-text {
    background: transparent;
    color: white;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    border: none;
    border-bottom: 1px solid #ffffff9e;
    border-radius: 0px;
    font-weight: 500;
    margin-bottom: 25px;
}

.newsform .wpcf7-text:focus {
    border: none;
    border-bottom: 1px solid #ffffff !important;

}

.newsform .wpcf7-text:focus::placeholder {
  color: white;
}

.newsform form p {
    text-align: center;
}

.newsform input.wpcf7-form-control.wpcf7-submit {
    margin-top: 8px;
    background: #F8CE07;
    color: #212121 !important;
    border: none !important;
    font-size: 12px;
    font-weight: 600;
    text-transform:uppercase;
    letter-spacing: 1.2px;
    padding: 18px 26px;
}

.newsform input.wpcf7-form-control.wpcf7-submit:hover {
        background: #FFDA29;
}



.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    background: #46b450;
    color: white;
}

.wpcf7 form .wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.6em 1em;
    border: 2px solid #00a0d2;
    border-radius: 2px;
}

input:-internal-autofill-selected {
  background: transparent !important;
}











/* MEDIA QUERIES */

@media (max-width: 767px) {

  .overlay-hover .elementor-background-overlay { opacity: .8 !important; }

}


@media (min-width: 768px) {

    .fluid > .elementor-container { padding: 0 80px; }

}

@media (min-width: 1100px) {

    .fluid > .elementor-container  { padding: 0 120px; }

}

@media (min-width: 1400px) {

    .fluid > .elementor-container  { max-width: 1400px; padding: 0 100px; }

}

@media (min-width: 2000px) {

  h1 {font-size: 60px;}

}