/** topo **/

.topo--bg { background-image: linear-gradient(to right bottom, #57EE6A, #00B8AD); }

/** hamburger padrão no topo **/

.topo-hamburger-inner--bg { background-color: #FFFFFF; }
.topo-hamburger-inner--bg::before { background-color: #FFFFFF; }
.topo-hamburger-inner--bg::after { background-color: #FFFFFF; }

/** hamburger após rolar a tela **/

.fixed .topo-hamburger-inner--bg  { background-color: #4A4357; }
.fixed .topo-hamburger-inner--bg::before { background-color: #4A4357; }
.fixed .topo-hamburger-inner--bg::after { background-color: #4A4357; }

/** hamburger após abrir o menu **/

.open .hamburger.is-active .topo-hamburger-inner--bg { background-color: #4A4357; }
.open .hamburger.is-active .topo-hamburger-inner--bg::before { background-color: #4A4357; }
.open .hamburger.is-active .topo-hamburger-inner--bg::after { background-color: #4A4357; }

/** topo aberto ou fixo **/

.open.topo-open--bg { background-color: #FFFFFF; }
.fixed.topo-open--bg { background-color: #FFFFFF; }

/** link do menu padrão e com hover **/

.topo-nav-link--color { color: #FFFFFF; }
.topo-nav-link--color:hover { color: #c3b643; }

/** link do menu aberto ou fixo **/

.open .topo-nav-link--color { color: #595959; }
.fixed .topo-nav-link--color { color: #595959; }
.fixed .topo-nav-link--color:hover { color: #1c5e9d; }

/** link do menu aberto ou fixo ativo (mobile) **/

.active .topo-nav-link--color { color: #c3b643; }
.fixed .active .topo-nav-link--color { color: #1c5e9d; }