/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

/* ocultar cabeçalho do formulario padrão de contato */
.contact h3, .contact dl{
  display: none;
}

/* tirar a overlay amarela da imagem acima dos cartões */
.tm-block-image-blend-overlay  {
  background-blend-mode: normal;
}

/* diminuir  o espaço entre o conteúdo e o menu */
div#tm-main.tm-block-main.uk-block.uk-block-default.uk-block-large  {
 padding: .3%;
}

/* aumentar box dos teaser dos produtos */
div.uk-panel.uk-panel-box {
  height: 70% ;
}


/* ===== HOME ===== */

/* ----- slideshow ----- */
.uk-slideshow .uk-overlay-panel {
  margin: 20% 15% 15% 10%;
}
.uk-slideshow .uk-overlay-panel h1, .uk-slideshow .uk-overlay-panel h3 {
  background: rgba(254,229,0,0.85);
  color: #a30f1e;
  padding: 20px 25px;
  line-height: 1em;
  position: relative;
  margin: 5px;
  clear:both;
  float:left;
}
.uk-slideshow .uk-overlay-panel h3 {
   padding: 15px 20px; 
  font-size: xx-large;
}
/* ----- fim do slideshow ----- */

/* ------- tirar bordas brancas ------ */
.tm-frame-left, .tm-frame-right, .tm-frame-bottom, .tm-frame-top {
  display: none;
}

/* ----- background do top b da home -----*/
.uk-block-muted {
  background-size: auto auto;
}

/* ------ espaço dos endereços do rodapé ---- */
.tm-footer .uk-panel>.uk-margin>address {
  margin-left: 70px;
}
.tm-footer .uk-row-first>.uk-panel>.uk-margin>address {
  margin-left: 0px;
}
/* ---- fim do endereço do rodapé -----*/

/* posição das categorias de descrição dos produtos */
.yoo-zoo .element-socialbuttons, .yoo-zoo .uk-list {
  float: left;
  min-width: 50%;
}
.yoo-zoo h4 {
  margin: 20px auto 5px 0;
}

.subsection {
   font-size: large;
    line-height: 30px;
    margin: 0 0 25px 0;
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    font-weight: 400;
    color:black;
    text-transform: none;
    letter-spacing: 0;
}

/* estilizar a info de preço */
div article.item {
  font-size: 19px ;
  font-family: Montserrat;
  font-weight: 550;
  font-variant: small-caps
}
/* fim estilizar info de preço */



/*=====  ZOO: estilo do layout teaser ==== */

a, .uk-link {
    text-decoration: none;
}
a:hover, .uk-link:hover
{
    text-decoration: none;
}
.uk-grid .element-itemlink a::before {
  content: "> ";
  color: #edc64a;
}
/*-------------fim Zoo Teaser ----------------*/


/*   para não quebrar a diagramação dos produtos */
.yoo-zoo.product-uikit .uk-align-medium-right  {
    min-width: 450px;
    text-align: right;
}

/* ----- fim -----------------*/


/* ------------ submenu ---------------*/

.uk-dropdown-grid .uk-nav-navbar li a {
  line-height: 1.5em;
}
.uk-dropdown-grid .uk-nav-navbar li a:hover {
  text-decoration: none;
  background-color: rgba(254,229,0,0.85);
}
.uk-dropdown-grid .uk-nav-navbar li {
  width: 150%;
  padding: 5px 0;
}

/*-------- fim ---------------*/



/* ============= layout do produto  ============= */

.especificacao {
  display: table;
}
.especificacao h3 {
  margin-bottom: 0;
}
.especificacao .subsection {
  margin: 15px 0 0 0;
}

/* -------- fim do layout do produto -------------*/

/* ============= Formulário MailChimp  ============= */

.tm-main-top .mcSignupModule input {
  width: 100% !important;
}

.tm-main-top .mcSignupModule select {
  width: 45%;
}
.mcSignupFormWrapper .button {
    line-height: 32px;
    font-size: 12px !important;
    background-color: #edc64a;
    color: #181822;
    border: none;
    border-color: transparent;
    box-shadow: none;
    text-shadow: none;
    padding: 0 33px;
    border-radius: 0;
    overflow: hidden;
    z-index: 1;
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
    transition: all 0.12s ease-in-out;
    -webkit-backface-visibility: hidden;
    margin-top: 15px;
}

.mcSignupFormWrapper .button:hover,
.mcSignupFormWrapper .button:focus,
.mcSignupFormWrapper .button:active,
.mcSignupFormWrapper .button.active,
.mcSignupFormWrapper .button.disabled,
.mcSignupFormWrapper .button[disabled] {
  color: #ffffff;
  background-color: #d9ad21;
  *background-color: #c39b1d;
}

/* -------- fim do formulário MailChimp -------------*/


/* =============   ============= */

/* -------- fim do  -------------*/