/*
Theme Name: Reivax
Theme URI: http://reivax.com/
Author: Felipe Perin
Author URI: http://adnomad.com.br/
Description: Tema criado para a empresa Reivax
Version: 1.0
*/

/*###############
---- HEADER ----
###############*/
header .image-wrapper {
  position: absolute;
  top: 0;
  margin-top: 60px;
  width: 100%;
  height: 100%;
}

/*##################
---- MENU TOPO ----
##################*/
header .menu-topo {
  background: #fff;
  padding: 12px 0 0;
  margin: 0 auto 0;
  width: 98%;
  border-bottom: 1px #e1e1e1 solid;
}
header .menu-topo .container { 
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
header .menu-topo .container ul {
  display: inline-flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  margin-right: 30px;
}
header .menu-topo .container ul:last-of-type {
  margin-right: 0;
}
header .menu-topo ul li {
  font-size: 12px;
}
header .menu-topo ul li:last-of-type {
  padding-right: 0;
}
header .menu-topo .contato a,
header .links-uteis a {
  color: #555;
  font-weight: 600;
}
header .menu-topo .contato li:first-of-type,
header .menu-topo .links-uteis li {
  padding-right: 20px;
}
header .menu-topo .redes-sociais li {
  padding: 0 2px;
}
header .menu-topo li a:hover,
header .menu-topo a:hover i {
  color: var(--reivax-text);
}
header .menu-topo .redes-sociais i,
form .search button,
.wpm-language-switcher li img {
  max-width: 24px;
  transition: transform .25s ease-in-out;
}
form .search button:hover,
.wpm-language-switcher li a:hover img {
  transition: transform .25s ease-in-out;
}
.wpm-language-switcher {
  display: inline-flex;
}


/*##########################
---- LANGUAGE SWITCHER ----
##########################*/
header .menu-topo .contato a i.span,
header .menu-topo .contato li.idioma a,
header .menu-topo .links-uteis a i,
header .menu-topo ul.wpm-language-switcher li {
  padding-right: 8px;
}
header .menu-topo .contato .idioma a,
.wpm-language-switcher li a img {
  filter: grayscale(100%);
}
header .menu-topo .contato .idioma a:hover,
.wpm-language-switcher li a:hover img {
  filter: grayscale(0);
}
header .menu-topo .contato .idioma a:first-of-type,
.wpm-language-switcher li a.active img {
  filter: grayscale(0);
}
header .menu-topo .contato li.idioma img,
.wpm-language-switcher li img {
  width: 25px;
}

/*#####################
---- MENU APOIO ----
###################*/
header .menu-apoio {
  background: #fff;
}
header .menu-apoio .container {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  padding: 18px 0 15px;
}
header .logo-reivax img {
  max-width: 90%;
}
header .apoio-menu {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  padding-top: 30px;
}
header .apoio-menu li a { 
  font-family: "Segoe UI", sans-serif;
  padding: 20px 16px;
  color: var(--reivax-text);
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.5px;
  font-weight: 400; 
  text-transform: uppercase;
}
header .apoio-menu li a:hover { 
  color: var(--reivax);
}
header .apoio-menu li:not(:last-child)::after {
  content: '|';
  color: var(--reivax-text);
  margin: 0;
}

/*######################
---- MENU PRINCIPAL ----
######################*/
header .menu-principal {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  background-color: #171e30;
  box-shadow: var(--box-shadow);
}
ul.sf-menu {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin-left: 0;
}
ul.sf-menu li ul {
  box-shadow: var(--box-shadow);
  /* background: rgba(0,0,0,.8); */
  background: #f0f0f0;
}
ul.sf-menu li:nth-child(2) ul {
  border-top: 6px var(--reivax-renewable) solid;
}
ul.sf-menu li:nth-child(3) ul {
  border-top: 6px #77779F solid;
}

ul.sf-menu > li { width: 30%; }
ul.sf-menu > li:first-of-type { width: 40%; }
ul.sf-menu > li > ul { width: 100%; }

ul.sf-menu li a { 
  font-family: "Segoe UI", sans-serif;
  padding: 20px 15px; 
  font-size: 18px;
  line-height: 24px;
  font-weight: 600; 
}
ul.sf-menu li span { 
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 20px;
  padding-top: 0;
  transition: all .5s ease-in-out;
}
ul.sf-menu li a:hover span { 
  letter-spacing: .7px;
}
ul.sf-menu li span { 
  color: var(--reivax);
}
ul.sf-menu li:nth-child(2) span { 
  color: var(--reivax-renewable);
}
ul.sf-menu li:nth-child(3) span { 
  color: #77779F;
}
ul.sf-menu li a:hover,
ul.sf-menu .normal_drop_down:hover,
ul.sf-menu .menu-item-has-children:hover,
ul.sf-menu .normal_drop_down:hover ul a li, 
ul.sf-menu .menu-item-has-children:hover ul a li { 
  background: #2E3444; 
}
ul.sf-menu li a:hover ul,
ul.sf-menu .normal_drop_down:hover ul,
ul.sf-menu .menu-item-has-children:hover ul {
  transition: all 2s ease;
}

ul.sf-menu .normal_drop_down ul li a,
ul.sf-menu .menu-item-has-children ul li a { 
  color: var(--reivax-text);  
  padding: 12px 24px;
  font-size: 13px; 
  letter-spacing: 0;
  line-height: 20px;
  font-weight: 400;
  text-shadow: none;
  text-transform: none;
}
ul.sf-menu .normal_drop_down ul li a:hover,
ul.sf-menu .menu-item-has-children ul li a:hover { 
  background: #bfbfbf; 
}
ul.sf-menu .normal_drop_down ul li.separador a,
ul.sf-menu .menu-item-has-children ul li.separador a { 
  text-transform: uppercase;
  font-size: 13px; 
  font-weight: 700;
  padding: 8px 20px 4px 18px;
  background: transparent;
  cursor: default !important;
}
ul.sf-menu .menu-item-has-children ul li.power a,
ul.sf-menu .menu-item-has-children ul li.litepower a,
ul.sf-menu .menu-item-has-children ul li.fluidpower a {
  color: #fff;
  background: var(--reivax);
  text-transform: uppercase;
  font-size: 13px; 
  font-weight: 700;
  padding: 8px 20px 8px 18px;
  cursor: default !important;
}
ul.sf-menu .menu-item-has-children ul li.litepower a {
  background: #C00000;
  margin-top: 6px;
}
ul.sf-menu .menu-item-has-children ul li.fluidpower a {
  background: #831F00;
  margin-top: 6px;
}
ul.sf-menu .menu-item-has-children ul li:last-child a { 
  color: #fff;
  background: #777;
  text-transform: uppercase;
  font-size: 13px; 
  font-weight: 700;
  padding: 10px 20px;
}
ul.sf-menu .normal_drop_down ul li.separador:not(:first-child) a,
ul.sf-menu .menu-item-has-children ul li.separador:not(:first-child) a { 
  padding-top: 16px;
}

/*##################
---- MENU FIXO ----
#################*/
header #menu-fixo {
  z-index: 999;
  width: 100%;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: position 10s;
  -ms-transition: position 10s;
  -o-transition: position 10s;
  transition: all 0.5s ease-in-out;
}
.fixed {
  position: fixed;
  top: 0;
  animation: smoothScroll 1s forwards;
}
@keyframes smoothScroll {
	0% { transform: translateY(-40px); }
	100% { transform: translateY(0px); }
}

#mobnav-btn {
  top: 55px;
  left: auto;
  right: 10%;
}
#mobnav-btn span {
  width: 40px;
  height: 5px;
  background: #c1c1c1 !important;
}
#mobnav-btn span:nth-child(2),
#mobnav-btn span:nth-child(3) {
  top: 13px;
}
#mobnav-btn span:nth-child(4) {
  top: 26px;
}