﻿/*

Brand color: #4CD977
Gradient colors: #9aeab2 and #4CD977
Brand dark color: #74bcb4

*/

/* Highlight Color */
::selection { color: #fff; background: #4CD977; }
::-moz-selection { color: #fff; background: #4CD977; }
.bg-brand, .bg-grad::selection { color: #4CD977; background: #fff; }
.bg-brand, .bg-grad::-moz-selection { color: #4CD977; background: #fff; }

/* Color */
a, .navbar-top a:hover, .dropdown-item:active, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus, .btn-link, .portfolio-card .portfolio-card-body .portfolio-card-footer .info-title a:hover, .post .post-info a:hover, .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active, .icon-primary i:before, .footer-dark .widget a:hover, .portfolio .nav .nav-tabs .nav-filter.active, .team-item .team-position, .list-group-item-action:hover, .list-group-item-action:focus, .hamburger-menu label a:hover, .breadcrumb .breadcrumb-item a:hover i, .post-item .post-item-desc .post-meta a:hover, .post-item .post-item-desc h4 a:hover, .post-item .item-link:hover, .post-item .post-quote > blockquote:before, .page-link:hover, .sidebar .widget .widget-post .details a:hover, .sidebar .widget a:hover, .list-group-borderless a.list-group-item:hover, .tags a:hover, .post-navigation .post-prev:hover:before, .post-navigation .post-prev:hover h6, .post-navigation .post-prev:hover p, .post-navigation .post-next:hover:before, .post-navigation .post-next:hover h6, .post-navigation .post-next:hover p, .post-navigation .all-post:hover, .blockquote:before, .btn-outline-grad { color: #4CD977; }

/* Checkbox */
.custom-control-input:checked ~ .custom-control-label::before { color: #4CD977; border-color: #4CD977; background-color: #4CD977; }

/* Navbar Dark link colors */
.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: #4CD977; }
.list-group-icon-primary-bg i { background-color: #d0fcf8; color: #4CD977; }

.btn-link:hover, a:hover { color: #74bcb4; }
.post .post-tag a:hover, .portfolio-style-2 .portfolio-card .portfolio-card-footer .info-title a:hover, .portfolio .nav .nav-tabs-style-3 .nav-filter.active, .portfolio .nav .nav-tabs-style-2 .nav-filter.active, .portfolio .nav .nav-tabs-style-4 .nav-filter.active { color: #ffffff; }
a.text-primary:hover, a.text-primary:focus, .primary-hover li:hover { color: #0361e5 !important; }

.nav-tabs.tab-line .nav-link.active { color: #4CD977; border-bottom: 2px solid #4CD977; }

/* Color important */
.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active, .primary-hover a:hover, .text-primary, a.primary-hover:hover { color: #4CD977 !important; }

/* Primary Button */
.btn-outline-primary { color: #4CD977; border-color: #4CD977; }
    .btn-outline-primary:hover { color: #fff; background-color: #4CD977; border-color: #4CD977; }

/* Background */
.navbar-primary.navbar-sticky-on { background-color: #4CD977; }
.owl-carousel.dots-primary .owl-dots .owl-dot span { box-shadow: inset 0 0 0 2px #4CD977; }
    .owl-carousel.dots-primary .owl-dots .owl-dot span:after, .cd-headline.big-clip .cd-words-wrapper::after { background-color: #4CD977; }
.bg-primary { background: #4CD977 !important; }
.accordion.toggle-icon-round .accordion-title a:after { background: #4CD977; }
.accordion-primary .accordion-title, .cd-headline.clip .cd-words-wrapper::after, .cd-headline.loading-bar .cd-words-wrapper::after { background: #4CD977; }

.btn-primary { background: #4CD977; border-color: #4CD977; }
    .btn-primary:hover { background: #9aeab2; border-color: #9aeab2; }
.skill-item .progress-bar, .nav-tabs .nav-link.active, .nav-tabs.tab-bordered .nav-link.active { background-color: #4CD977; }

/* Border Color */
.form-control:focus, .feature-box.f-style-3:hover { border-color: #4CD977; }
.btn-link:after { border-bottom: solid 2px #74bcb4; }
.primary-border-left-dotted { border-left: dashed 1px #4CD977; }
.testimonials.testimonials-border .testimonials-wrap:hover .testi-text p { border: 3px solid #4CD977; }
    .testimonials.testimonials-border .testimonials-wrap:hover .testi-text p:before { border-color: #4CD977 transparent transparent; }
.tags a:hover { border: 1px solid #4CD977; }
.portfolio .nav .nav-tabs-style-1 .nav-filter.active { border-color: #4CD977; }
.blockquote.primary-line { border-left: 5px solid #4CD977; }

/* Gradient Text */
.text-grad, .counter-grad-text .counter-item-icon, .counter-grad-text .counter-item-digit { background: -moz-linear-gradient(150deg, #4CD977 0%, #9aeab2 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #4CD977), color-stop(100%, #9aeab2)); background: -webkit-linear-gradient(150deg, #4CD977 0%, #9aeab2 100%); background: -o-linear-gradient(150deg, #4CD977 0%, #9aeab2 100%); background: -ms-linear-gradient(150deg, #4CD977 0%, #9aeab2 100%); background: linear-gradient(150deg, #4CD977 0%, #9aeab2 100%); -webkit-background-clip: text; -moz-background-clip: text; -ms-background-clip: text; -o-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; -ms-text-fill-color: transparent; -o-text-fill-color: transparent; text-fill-color: transparent; }

/* Gradient Background */
.bg-grad, .skill.skill-grad .progress-bar, .nav-tabs.tab-grad .nav-link.active, .portfolio-style-2 .portfolio-card .portfolio-card-header:before, .portfolio-style-2 .portfolio-card:hover .portfolio-card-header:before, .team.team-overlay .team-item .team-avatar:before, .team.team-overlay .team-item:hover .team-avatar:before, .pricing .ribbon span, .portfolio .nav .nav-tabs-style-3 .nav-filter.active, .portfolio .nav .nav-tabs-style-2 .nav-filter.active, .portfolio .nav .nav-tabs-style-4 .nav-filter.active { background: -moz-linear-gradient(150deg, #4CD977 0%, #9aeab2 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #4CD977), color-stop(100%, #9aeab2)); background: -webkit-linear-gradient(150deg, #4CD977 0%, #9aeab2 100%); background: -o-linear-gradient(150deg, #4CD977 0%, #9aeab2 100%); background: -ms-linear-gradient(150deg, #4CD977 0%, #9aeab2 100%); background: linear-gradient(150deg, #4CD977 0%, #9aeab2 100%); }
.btn-grad, .btn-outline-grad:before { background: -moz-linear-gradient(150deg, #9aeab2 0%, #4CD977 50%, #9aeab2 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #9aeab2), color-stop(50%, #4CD977), color-stop(100%, #9aeab2)); background: -webkit-linear-gradient(150deg, #9aeab2 0%, #4CD977 50%, #9aeab2 100%); background: -o-linear-gradient(150deg, #9aeab2 0%, #4CD977 50%, #9aeab2 100%); background: -ms-linear-gradient(150deg, #9aeab2 0%, #4CD977 50%, #9aeab2 100%); background: linear-gradient(150deg, #9aeab2 0%, #4CD977 50%, #9aeab2 100%); background-size: 260% 100%; background-position: right bottom; }
.icon-grad i:before { background: -moz-linear-gradient(150deg, #4CD977 0%, #9aeab2 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #4CD977), color-stop(100%, #9aeab2)); background: -webkit-linear-gradient(150deg, #4CD977 0%, #9aeab2 100%); background: -o-linear-gradient(150deg, #4CD977 0%, #9aeab2 100%); background: -ms-linear-gradient(150deg, #4CD977 0%, #9aeab2 100%); background: linear-gradient(150deg, #4CD977 0%, #9aeab2 100%); -webkit-background-clip: text; -moz-background-clip: text; -ms-background-clip: text; -o-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; -ms-text-fill-color: transparent; -o-text-fill-color: transparent; text-fill-color: transparent; }

.accordion-grad .accordion-title a, .blockquote.grad-line:after, .feature-box.f-style-1:before { background: -moz-linear-gradient(150deg, #4CD977 0%, #9aeab2 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #4CD977), color-stop(100%, #9aeab2)); background: -webkit-linear-gradient(150deg, #4CD977 0%, #9aeab2 100%); background: -o-linear-gradient(150deg, #4CD977 0%, #9aeab2 100%); background: -ms-linear-gradient(150deg, #4CD977 0%, #9aeab2 100%); background: linear-gradient(150deg, #4CD977 0%, #9aeab2 100%); }

.divider-grad:before { background: -moz-linear-gradient(150deg, #4CD977 0%, #9aeab2 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #4CD977), color-stop(100%, #9aeab2)); background: -webkit-linear-gradient(150deg, #4CD977 0%, #9aeab2 100%); background: -o-linear-gradient(150deg, #4CD977 0%, #9aeab2 100%); background: -ms-linear-gradient(150deg, #4CD977 0%, #9aeab2 100%); background: linear-gradient(150deg, #4CD977 0%, #9aeab2 100%); }

.divider-grad:after { background: -moz-linear-gradient(150deg, #9aeab2 0%, #4CD977 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #9aeab2), color-stop(100%, #4CD977)); background: -webkit-linear-gradient(150deg, #9aeab2 0%, #4CD977 100%); background: -o-linear-gradient(150deg, #9aeab2 0%, #4CD977 100%); background: -ms-linear-gradient(150deg, #9aeab2 0%, #4CD977 100%); background: linear-gradient(150deg, #9aeab2 0%, #4CD977 100%); }

@media only screen and (min-width:992px) {
    .navbar-nav .dropdown-menu:before { background: -moz-linear-gradient(150deg, #4CD977 0%, #9aeab2 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #4CD977), color-stop(100%, #9aeab2)); background: -webkit-linear-gradient(150deg, #4CD977 0%, #9aeab2 100%); background: -o-linear-gradient(150deg, #4CD977 0%, #9aeab2 100%); background: -ms-linear-gradient(150deg, #4CD977 0%, #9aeab2 100%); background: linear-gradient(150deg, #4CD977 0%, #9aeab2 100%); }
}

/*SVG fill color*/
.fill-grad-start { stop-color: #4CD977; }
.fill-grad-end { stop-color: #9aeab2; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .icon-grad i::before { background: none; color: #4CD977 !important; }
    .text-grad { background: none; color: #4CD977 !important; }
}

/* cores principais */
.bg-azul-aco { background-color: #005060 !important; }
.bg-azul-escuro { background-color: #0b3983 !important; }
.bg-azul-claro { background-color: #357ded !important; }
.bg-azul-agua { background-color: #5CE4FF !important; }
.bg-verde { background-color: #4CD977 !important; }
.bg-verde-limao { background-color: #DCFF00 !important; }
.bg-amarelo { background-color: #e6b817 !important; }
.bg-laranja { background-color: #e68a00 !important; }

.text-azul-aco { background: none !important; color: #005060 !important; }
.text-azul-escuro { background: none !important; color: #0b3983 !important; }
.text-azul-claro { background: none !important; color: #357ded !important; }
.text-azul-agua { background: none !important; color: #5CE4FF !important; }
.text-verde { background: none !important; color: #4CD977 !important; }
.text-verde-limao { background: none !important; color: #DCFF00 !important; }
.text-amarelo { background: none !important; color: #e6b817 !important; }
.text-laranja { background: none !important; color: #e68a00 !important; }

.icon-azul-aco i:before { color: #005060; }
.icon-azul-escuro i:before { color: #0b3983; }
.icon-azul-claro i:before { color: #357ded; }
.icon-azul-agua i:before { color: #5CE4FF; }
.icon-verde i:before { color: #4CD977; }
.icon-verde-limao i:before { color: #DCFF00; }
.icon-amarelo i:before { color: #e6b817; }
.icon-laranja i:before { color: #e68a00; }

.divider-amarelo:before, .divider-amarelo:after { border-bottom: 3px solid #e6b817 !important; }

.barra-verde { background-color: #4CD977 !important; height: 20px; }

/* cores adicionais */
.text-azul-aco-adicional { background: none !important; color: #0099b8 !important; }
.text-azul-escuro-adicional { background: none !important; color: #115AD0 !important; }
.text-azul-claro-adicional { background: none !important; color: #8EB6F5 !important; }
.text-azul-agua-adicional { background: none !important; color: #adf1ff !important; }
.text-verde-adicional { background: none !important; color: #9aeab2 !important; }
.text-verde-limao-adicional { background: none !important; color: #ecff70 !important; }
.text-amarelo-adicional { background: none !important; color: #f3d568 !important; }
.text-laranja-adicional { background: none !important; color: #ffb647 !important; }

.bg-azul-aco-adicional { background-color: #0099b8 !important; }
.bg-azul-escuro-adicional { background-color: #115AD0 !important; }
.bg-azul-claro-adicional { background-color: #8EB6F5 !important; }
.bg-azul-agua-adicional { background-color: #adf1ff !important; }
.bg-verde-adicional { background-color: #9aeab2 !important; }
.bg-verde-limao-adicional { background-color: #ecff70 !important; }
.bg-amarelo-adicional { background-color: #f3d568 !important; }
.bg-laranja-adicional { background-color: #ffb647 !important; }

.icon-azul-aco-adicional i:before { color: #0099b8; }
.icon-azul-escuro-adicional i:before { color: #115AD0; }
.icon-azul-claro-adicional i:before { color: #8EB6F5; }
.icon-azul-agua-adicional i:before { color: #adf1ff; }
.icon-verde-adicional i:before { color: #9aeab2; }
.icon-verde-limao-adicional i:before { color: #ecff70; }
.icon-amarelo-adicional i:before { color: #f3d568; }
.icon-laranja-adicional i:before { color: #ffb647; }