/*
Theme Name:   Engitech Child
Theme URI:    http://wpdemo.archiwp.com/engitech/
Description:  Make your modifications to [Parent Theme] in this Engitech child theme.
Author:       OceanThemes
Author URI:   http://oceanthemes.net/
Template:     engitech
Version:      2.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  engitech-child
*/

/* =Theme customization starts here
------------------------------------------------------- */

/* === SYNCRONET_COLOR_OVERRIDE ===
 * Paleta Syncronet aplicada aos seletores do tema pai que o
 * inc/backend/color.php nao reescreve. Gerado a partir do style.css
 * do pai: 169 regras, 178 declaracoes.
 * #43baff -> #10233F (main)   #7141b1 -> #FF8A00 (second)   #dd54ff -> #FF5A1F
 * O tema pai permanece intacto.
 */
blockquote:before { color: #FF8A00; }
.bg-primary { background: #10233F; }
.bg-second { background: #FF8A00; }
.text-primary { color: #10233F; }
.circle:before { background-color: #10233F; }
.text-second { color: #FF8A00; }
.slick-arrow:not(.slick-disabled):hover { color: #10233F; }
.slick-dots li.slick-active button:before { color: #FF8A00; }
.octf-btn { background: #10233F; }
.octf-btn:hover, .octf-btn:focus { background: #FF8A00; }
.octf-btn.octf-btn-second { background: #FF8A00; }
.octf-btn.octf-btn-second:visited { background: #FF8A00; }
.octf-btn.octf-btn-second:hover, .octf-btn.octf-btn-second:focus { background: #10233F; }
.btn-details { color: #10233F; }
.btn-details:visited { color: #10233F; }
a { color: #FF8A00; }
a:visited { color: #FF8A00; }
a:hover, a:focus, a:active { color: #10233F; }
.header-topbar a:hover { color: #10233F; }
.extra-text a { color: #10233F; }
.header-style-3 .header-topbar a:hover { color: #10233F; }
.main-navigation:not(.no-under-line) > ul > li:before { background: #10233F; }
.main-navigation ul > li > a:hover, .main-navigation > ul > li > a.mPS2id-highlight { color: #10233F; }
.main-navigation:not(.no-under-line) > ul > li > a.mPS2id-highlight:before { background: #10233F; }
.main-navigation:not(.no-line) ul li li a:before { color: #10233F; }
.main-navigation ul li li a:hover, .main-navigation ul ul li.current-menu-item > a, .main-navigation ul ul li.current-menu-ancestor > a { color: #10233F; }
.main-navigation ul > li.menu-item-has-children > a:hover:after { color: #10233F; }
.octf-btn-cta .contact-header i { color: #10233F; }
.cart-icon .count { background: #10233F; }
.header-style-3 .main-navigation ul.menu > li > a:hover, .header-style-3 .octf-btn-cta .octf-cta-icons i:hover { color: #10233F; }
.mobile_nav .mobile_mainmenu li li a:hover, .mobile_nav .mobile_mainmenu ul > li > ul > li.current-menu-ancestor > a { color: #10233F; }
.mobile_nav .mobile_mainmenu > li > a:hover, .mobile_nav .mobile_mainmenu > li.current-menu-item > a, .mobile_nav .mobile_mainmenu > li.current-menu-ancestor > a { color: #10233F; }
.page-header { color: #10233F; background: #10233F center center no-repeat; }
.page-header .breadcrumbs li:before { color: #10233F; }
.page-header .breadcrumbs li a { color: #A8B2C4; }
.post-box .post-cat a { background: #10233F; }
.post-box .post-cat a:hover { background: #FF8A00; }
.post-box .entry-meta { color: #FF8A00; }
.post-box .entry-meta a { color: #FF8A00; }
.post-box .entry-meta a:hover { color: #10233F; }
.post-box .img-slider .slick-arrow { background: #10233F; }
.post-box .img-slider .slick-arrow:hover { color: #10233F; }
.post-box .link-box a:hover { color: #10233F; }
.post-box .link-box i { color: #FF8A00; }
.post-box .quote-box i { color: #FF8A00; }
.post-box .btn-play i { color: #10233F; }
.post-box .btn-play:hover i { background: #10233F; }
.post-box .btn-play:hover:before, .post-box .btn-play:hover:after { border-color: #10233F; }
.post-box .btn-readmore > a { color: #10233F; }
.page-pagination li span, .page-pagination li a:hover { background: #10233F; border-color: #10233F; }
.blog-post .tagcloud a:hover { background: #FF8A00; }
.blog-post .share-post a { background: #10233F; }
.blog-post .author-bio .author-info .author-socials a:hover { color: #10233F; }
.drop-cap span { color: #10233F; }
.post-nav a:before { background: #10233F; }
.comments-area .comment-item .comment-meta .comment-reply-link { color: #10233F; }
.comment-respond .comment-reply-title small a:hover { color: #10233F; }
.comment-form .logged-in-as a:hover { color: #FF8A00; }
.widget .tagcloud a:hover { background: #FF8A00; }
.widget-area .widget .widget-title:before { background: #10233F; }
.widget-area .widget ul:not(.recent-news) > li a:hover { color: #FF8A00; }
.widget-area .widget_categories ul li a:before, .widget-area .widget_product_categories ul li a:before, .widget-area .widget_archive ul li a:before { color: #FF8A00; }
.widget-area .widget_categories ul li a:hover, .widget-area .widget_product_categories ul li a:hover, .widget-area .widget_archive ul li a:hover { color: #FF8A00; }
.widget-area .widget_categories ul li a:hover + span, .widget-area .widget_product_categories ul li a:hover + span, .widget-area .widget_archive ul li a:hover + span { color: #FF8A00; }
.widget .recent-news h6 a:hover { color: #FF8A00; }
.search-form .search-submit { background: #10233F; }
.search-form .search-submit:hover { background: #FF8A00; }
.ot-heading > span { color: #FF8A00; }
.industries-marquee-content li h6:before { background:#10233F; }
.ot-icon-box__icon { color: #10233F; }
.ot-icon-box .icon-box-title a:hover { color: #10233F; }
.ot-view-stacked .ot-icon-box__icon { background-color: #10233F; }
.icon-box-s1 .icon-main { color: #FF8A00; }
.icon-box-s1 .line-box:after { background: #FF8A00; }
.icon-box-s2.s1 .icon-main, .icon-box-s2.s3 .icon-main { color: #FF8A00; }
.icon-box-s2 .content-box h5 a:hover { color: #10233F; }
.icon-box-s2.s2 .icon-main { color: #FF8A00; }
.icon-box-s2.s2:after { background: #10233F; }
.icon-box-s3:hover { border-color: #FF8A00; }
.icon-box-s3 .icon-main { background: #F3F5F9; }
.icon-box-s3:hover .icon-main { background: #FF8A00; }
.icon-box-s3 .icon-main i { color: #FF8A00; }
.icon-box-s3 .icon-main svg { fill: #FF8A00; }
.ot-process-list-wrapper .ot-process-list-item.process-current { background: #10233F; }
.tech-box:hover { background: #10233F; border-color: #10233F; }
.support-box-s2:hover { border-color: #10233F; }
.support-box-s2 .icon-main i { color: #10233F; }
.support-box-s2 .icon-main svg { fill: #10233F; }
.support-box-s2 .octf-btn { color: #10233F; }
.support-box-s2 .octf-btn:hover { background: #10233F; }
.ot-image-box:not(.basic):after { background: #10233F; }
.image-box-btn i { background: #8A96AD; }
.service-box .icon-main { background: #10233F; }
.serv-box .icon-main { background-image: -moz-linear-gradient(125deg, #00deff, #10233F); background-image: -webkit-linear-gradient(125deg, #00deff, #10233F); background-image: linear-gradient(125deg, #00deff, #10233F); }
.serv-box .content-box ul li a:before { color: #FF8A00; }
.serv-box .content-box ul li:hover a, .serv-box .content-box ul li.active a { color: #FF8A00; }
.serv-box-2 { background: #10233F; color: #A8B2C4; }
.serv-box-2 .big-number { color: #1D2F4D; }
.serv-box-2 .icon-main { background: #1D2F4D; }
.serv-box-2:hover .icon-main { background: #10233F; }
.projects-style-2 .projects-box .portfolio-info { background: #10233F; }
.projects-style-2 .projects-box .portfolio-info .portfolio-cates { color: #A8B2C4; }
.projects-style-2 .projects-box .portfolio-info .portfolio-cates a { color: #A8B2C4; }
.project-slider .projects-box .portfolio-info .btn-link i { color: #10233F; }
.project-slider .projects-box:hover .portfolio-info .btn-link { background: #10233F; }
.project-slider .slick-arrow:hover { background: #10233F; }
.project_filters li a:hover, .project_filters li a.selected { color: #FF8A00; }
.project_filters li a:after { background-color: #FF8A00; }
.post-carousel-2 .post-box .post-cat a { color: #10233F; }
.contact-info i, .contact-info svg { color: #10233F; }
.contact-info svg { fill: #10233F; }
.ot-accordions .acc-item .acc-toggle:hover { color: #10233F; }
.ot-accordions .acc-item.current .acc-toggle { color: #10233F; }
.ot-accordions .acc-item.current .acc-toggle i { color: #10233F; }
.ot-acc-item__icon i { color: #10233F; }
.ot-acc-item__icon svg { fill: #10233F; }
.ot-acc-item__title { color: #10233F; }
.ot-acc-item__title svg { fill: #10233F; }
.support-box .overlay { background: #10233F; color: #A8B2C4; }
.ot-counter h6 { color: #10233F; }
.ot-counter h6:before { background: #10233F; }
.ot-counter2 .s-num { color: #10233F; }
.ot-counter3 { background: #F3F5F9; }
.ot-counter3 i { color: #FF8A00; }
.ot-counter3 svg { fill: #FF8A00; }
.team-wrap .team-social > div { background: #10233F; }
.team-wrap .team-social a { color: #8A96AD; }
.team-wrap .team-social a:hover { color: #10233F; }
.ot-team__info h5 a:hover { color: #10233F; }
.ot-pricing-table .icon-main { background-image: -moz-linear-gradient(125deg, #00deff, #10233F); background-image: -webkit-linear-gradient(125deg, #00deff, #10233F); background-image: linear-gradient(125deg, #00deff, #10233F); }
.ot-pricing-table .inner-table h2 { color: #10233F; }
.ot-pricing-table .inner-table .details ul li.active:before { color: #10233F; }
.ot-pricing-table .octf-btn:hover { color: #FF8A00; }
.ot-pricing-table:not(.s4):hover { background: #10233F; }
.ot-pricing-table:not(.s4):hover .details { color: #8A96AD; }
.ot-pricing-table:not(.s4):hover .inner-table > span { color: #8A96AD; }
.ot-pricing-table-s2 .table-btn:hover { background: #FF8A00; }
.ot-pricing-table-s2.s2 .table-btn { color: #10233F; }
.ot-pricing-table-s2.s2 .table-btn:hover { background: #10233F; }
.ot-testimonial-s7__item__video .btn-play:hover { color: #10233F; }
.ot-progress .progress-bar { background: #10233F; }
.ot-chart-bar .col-chart { background-color: #10233F; }
.ot-chart-bar .percent { color: #10233F; }
.ot-countdown li.seperator { color: #10233F; }
.video-popup a { color: #10233F; }
.video-popup a:hover { background: #10233F; }
.video-popup a:hover span { border-color: #10233F; }
.ot-switcher .slider { background-color: #10233F; }
.title-item:hover, .title-item.tab-active { border-color: #10233F; }
.title-item:hover h5, .title-item.tab-active h5 { color: #10233F; }
.ot-tabs .tab-link { background: #10233F; }
.ot-tabs .tab-link:hover, .ot-tabs .tab-link:focus { background: #FF8A00; }
.ot-tabs .tab-link.current, .ot-tabs .tab-link:hover { background: #10233F; }
.ot-tabs .tab-content ul li:before, .ot-tabs .tab-content ol li:before { color: #10233F; }
.ot-industries .indus-item .item-inner .overlay:after { background: #10233F; }
.dc-text .elementor-drop-cap span { color: #10233F; }
.dc-text.dc-text-second .elementor-drop-cap span { color: #FF8A00; }
.ot-timeline .item-content-timeline { background-color: #10233F; }
.roadmap-carousel-container:before { background: #FF5A1F; }
.roadmap-carousel:before, .roadmap-carousel:after { background: #FF5A1F; }
.roadmap-item h6:after { box-shadow: 0px 0px 32px 12px #FF5A1F; }
.roadmap-item.roadmap-current h6:after { background: #FF5A1F; }
.wpcf7 .main-form { background-image: linear-gradient(90deg, #00deff 0%, #FF8A00 100%); }
.wpcf7 .main-form button:hover { background: #FF8A00; }
.ot-minicart .count { background: #10233F; }
.footer-menu ul li a:hover { color: #10233F; }
.mc4wp-form-fields .subscribe-inner-form .subscribe-btn-icon { background: #10233F; }
.mc4wp-form-fields .subscribe-inner-form .subscribe-btn-icon:hover { color: #10233F; }
#back-to-top { color: #10233F; }
/* === /SYNCRONET_COLOR_OVERRIDE === */

/* === SYNCRONET_A11Y ===
 * Correcoes localizadas de acessibilidade dos estados interativos.
 * Nao altera as cores institucionais: navy #10233F, laranja #FF8A00,
 * complementar #FF5A1F. Usa a variante funcional #B35600 apenas no papel
 * tipografico de texto/acento laranja sobre fundo claro.
 * Fica separado do bloco gerado, para sobreviver a uma regeneracao do override.
 */

/* ------------------------------------------------------------------
 * 1. FOCO VISIVEL
 * O tema pai faz `a:focus { outline: 0 }` e `select:focus { outline: none }`
 * sem colocar nada no lugar, o que deixa a navegacao por teclado sem
 * indicacao nenhuma (WCAG 2.4.7). Restaurado com um anel da marca.
 * ------------------------------------------------------------------ */
html body a:focus-visible,
html body button:focus-visible,
html body input:focus-visible,
html body select:focus-visible,
html body textarea:focus-visible,
html body summary:focus-visible,
html body [tabindex]:focus-visible,
html body .octf-btn:focus-visible,
html body .elementor-button:focus-visible,
html body .elementor-social-icon:focus-visible,
html body .wpcf7 input:focus-visible,
html body .wpcf7 textarea:focus-visible {
	outline-style: solid !important;
	outline-width: 3px !important;
	outline-color: #FF8A00 !important;
	outline-offset: 2px !important;
	box-shadow: 0 0 0 1px #10233F;
	border-radius: 2px;
}

/* Navegadores sem :focus-visible continuam com anel ao focar. */
html body a:focus,
html body button:focus,
html body input:focus,
html body select:focus,
html body textarea:focus,
html body .octf-btn:focus,
html body .elementor-button:focus,
html body .elementor-social-icon:focus {
	outline-style: solid !important;
	outline-width: 3px !important;
	outline-color: #FF8A00 !important;
	outline-offset: 2px !important;
}

/* Onde :focus-visible existe, o clique de mouse nao mostra o anel. */
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
input:focus:not(:focus-visible),
select:focus:not(:focus-visible),
textarea:focus:not(:focus-visible),
.octf-btn:focus:not(:focus-visible),
.elementor-button:focus:not(:focus-visible) {
	outline: none;
}

/* ------------------------------------------------------------------
 * 2. LINKS SOBRE FUNDO ESCURO
 * O hover global virou navy, o que e otimo sobre branco (15,7:1) mas
 * some dentro de containers navy. Nestes tres casos o hover passa a
 * laranja da marca: #FF8A00 sobre #10233F = 6,66:1.
 * ------------------------------------------------------------------ */
.portfolio-info a:hover,
.serv-box-2 .btn-details:hover,
.serv-box-2 .btn-details:focus,
.serv-box-2 .btn-details:active,
.serv-box-2 a:hover,
.serv-box-2 a:focus {
	color: #FF8A00;
}

/* Botao primario: fundo navy com texto branco. No hover o texto ficava
 * navy sobre navy. Mantem branco. */
/* O hover troca o fundo do botao para laranja (second_color).
 * Branco sobre laranja da 2,36:1; navy sobre laranja da 6,66:1. */
.octf-btn.octf-btn-primary:hover,
.octf-btn.octf-btn-primary:focus {
	color: #10233F;
}

/* :active nao troca o fundo, entao continua navy e o texto segue branco. */
.octf-btn.octf-btn-primary:active {
	color: #FFFFFF;
}

/* ------------------------------------------------------------------
 * 3. TEXTO LARANJA SOBRE FUNDO CLARO
 * Os rotulos tipograficos (// SOBRE A EMPRESA, // POR QUE NOS ESCOLHER)
 * ficavam em #FF8A00 sobre branco: 2,36:1, reprovado no AA.
 * A variante funcional #B35600 da 4,94:1 e preserva a familia cromatica.
 * Aplicada somente neste papel, nao como cor global.
 * ------------------------------------------------------------------ */
.ot-heading > span,
.ot-heading .sub-heading,
.sub-title,
.text-second {
	color: #B35600;
}

/* Sobre fundo escuro o laranja oficial ja tem contraste suficiente. */
.bg-dark .ot-heading > span,
.serv-box-2 .ot-heading > span,
.portfolio-info .ot-heading > span,
[class*="bg-primary"] .ot-heading > span {
	color: #FF8A00;
}

/* ------------------------------------------------------------------
 * 4. BOTAO COM FUNDO LARANJA
 * Laranja + branco = 2,36:1 e reprova. Laranja + navy = 6,66:1.
 * Aplicado so onde o fundo do botao e laranja.
 * ------------------------------------------------------------------ */
.elementor-button:hover[style*="FF8A00"],
.elementor-button:focus[style*="FF8A00"],
.octf-btn.octf-btn-second:hover,
.octf-btn.octf-btn-second:focus {
	color: #10233F;
}

/* ------------------------------------------------------------------
 * 5. ICONES SOCIAIS
 * Sao controles (levam a perfis), entao valem os 3:1 de contraste nao
 * textual. Os fundos por rede sao claros e o icone branco no hover dava
 * ate 1,83:1. Navy sobre esses fundos fica entre 8:1 e 12:1.
 * ------------------------------------------------------------------ */
.elementor-widget-social-icons .elementor-social-icon:hover,
.elementor-widget-social-icons .elementor-social-icon:focus,
.elementor-widget-social-icons .elementor-social-icon:active {
	color: #10233F;
}

/* Excecao por rede: o azul do Facebook e escuro demais para o navy
 * (2,83:1). Branco ali da 5,56:1. */
.elementor-shape-circle .elementor-social-icon-facebook-f:hover,
.elementor-shape-circle .elementor-social-icon-facebook-f:focus,
.elementor-shape-circle .elementor-social-icon-facebook-f:active,
.elementor-shape-circle .elementor-social-icon-facebook:hover,
.elementor-shape-circle .elementor-social-icon-facebook:focus,
.elementor-shape-circle .elementor-social-icon-facebook:active {
	color: #FFFFFF;
}


/* ------------------------------------------------------------------
 * 6. RODAPE ESCURO
 * O rodape usa fundo #141D38. O hover global navy e os icones sociais
 * em navy somem ali. Laranja da ~6,5:1 sobre esse fundo.
 * ------------------------------------------------------------------ */
.site-footer a:hover,
.site-footer a:focus,
.site-footer a:active,
.site-footer .elementor-social-icon:hover,
.site-footer .elementor-social-icon:focus,
.site-footer .elementor-social-icon:active,
.site-footer .elementor-icon-list-item a:hover,
.site-footer .elementor-icon-list-item a:focus {
	color: #FF8A00;
}


/* O rodape tem dois widgets de icones: um sobre o fundo escuro e outro com
 * fundo branco proprio (.elementor-shape-rounded). Ali o laranja daria
 * 2,36:1; navy sobre branco da 15,7:1. */
.site-footer .elementor-shape-rounded .elementor-social-icon:hover,
.site-footer .elementor-shape-rounded .elementor-social-icon:focus,
.site-footer .elementor-shape-rounded .elementor-social-icon:active {
	color: #10233F;
}

/* === /SYNCRONET_A11Y === */