﻿:root {
    --primary-color: #164994;
    --secondary-color: #FFDE0F;
    --third-color: #d5d5d5;
}

/*Transição*/
.animsition-overlay-slide {
    background-color: var(--primary-color);
}

.animsition-loading:after {
    animation: loader-loading-spin .45s linear infinite;
    border: 5px solid transparent;
    border-top-color: var(--secondary-color);
}


/*Página*/
#footer {
    background: var(--primary-color);
	color: #fff;
    padding: 35px 0 35px;
}

#site-header {
    /*background: #164994;*/
    background: #fff;
}

#site-header-inner {
    padding-top: 4px;
    padding-bottom: 0px;
}

#main-nav > ul > li > a {
    color: var(--primary-color);
    font-weight: bold;
}

#main-nav > ul > li > a:hover { 
	color: var(--secondary-color);
}

#main-nav > ul > li.current-menu-item > a:before { 
	background-color: var(--secondary-color);
}

.copyright {
    font-size: 10px;
}

p.footer {
    font-size: 12px;
}

.footer-align-right {
    text-align: right;
}

.bwp-line:after {
    background-color: var(--secondary-color);
}

.primary-background {
    background-color: var(--primary-color);
}

.third-background {
    background-color: var(--third-color);
}

.primary-color {
    color: var(--primary-color) !important;
}

.secondary-color {
    color: var(--secondary-color) !important;
}

.header-primary-color h3 {
    color: var(--primary-color);
}

#project-filter .cbp-filter-item.cbp-filter-item-active, #project-filter .cbp-filter-item:hover {
    color: var(--primary-color);
}

#project-filter .cbp-filter-item.cbp-filter-item-active span:after {
    background-color: var(--secondary-color);
}

#projects .project-item:after {
    background-color: rgba(255, 222, 15, 0.6);
}

#projects .title {
    color: var(--primary-color);
}

#projects .title a:hover {
    color: var(--primary-color);
}

#projects .project-item .project-zoom {
    color: var(--primary-color);
}

input[type='submit'] {
    background-color: var(--primary-color);
}

input[type='submit']:hover {
    background-color: #164994;
}

input[type='submit']:active {
    background-color: #164994;
    transform: translateY(4px);
}

body.loading {
    overflow: hidden;
}

#divLoading {
    background-color: rgba(255, 255, 255, 0.7);
    background-image: url(../img/loading.gif);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    background-repeat:no-repeat;
    background-position:center;
    z-index:10000000;
}
/* -------------------------- */