/*
Theme Name: Shark Business Child
Theme URI: http://sharkthemes.com/downloads/shark-business
Template: shark-business
Author: Shark Themes
Author URI: http://sharkthemes.com/
Description: Shark Business is a beautifully crafted multipurpose theme, especially for business websites. It is blazingly fast, extremely light-weight, search engine friendly and very easy to use. Shark Business theme has wide list of customizable features including front page customizable sections with customizer api and widgets, wide and boxed layout and many more options. It comes with cross-browser compatibility, mobile friendly design and responsive features.
Tags: translation-ready,custom-background,custom-header,theme-options,custom-menu,threaded-comments,featured-images,featured-image-header,footer-widgets,right-sidebar,full-width-template,two-columns,three-columns,grid-layout,custom-logo,blog,portfolio,education
Version: 1.1.9.1752536264
Updated: 2025-07-14 23:37:44

*/

:root{
	--cor-destaque1: #1d444b;
	--cor-destaque2: #7e4819;
	--cor-destaque3: #6E9883;
}

#top-menu {
    background-color: var(--cor-destaque1);
}

.main-navigation ul.sub-menu {
    background-color: var(--cor-destaque1);
}
.main-navigation a:hover,
.main-navigation ul li.menu-item-has-children a:hover svg {
	color: var(--cor-destaque1);
	fill: var(--cor-destaque1);
}
.menu-toggle {
    background: var(--cor-destaque1);
}
.pagination a.page-numbers:hover,
.pagination a.page-numbers:focus {
	color: var(--cor-destaque1);
	border-color: var(--cor-destaque1);
}
#colophon {
    background-color: var(--cor-destaque1);
}
.site-info {
    background-color: var(--cor-destaque1);
}
a {
	color: var(--cor-destaque2);
}

a:active {
	color: var(--cor-destaque3);
	border-color: var(--cor-destaque3);
}

.blog-loader svg {
    fill: var(--cor-destaque2);
}

.backtotop {
    background-color: var(--cor-destaque2);
}

#masthead.site-header.sticky-header.nav-shrink .site-title a,
.site-title a {
    color: var(--cor-destaque2);
}

.main-navigation ul.menu li.current-menu-item > a {
    color: var(--cor-destaque2);
}

.main-navigation a {
	color: var(--cor-destaque2);
}
.main-navigation a:hover,
.main-navigation ul li.menu-item-has-children a:hover svg {
	color: var(--cor-destaque3);
	fill: var(--cor-destaque3);
}

.main-navigation ul li.menu-item-has-children svg {
	fill: var(--cor-destaque2);
}

.wpcf7 input.wpcf7-form-control.wpcf7-submit{
	background-color: var(--cor-destaque2);
}