/*
Theme Name: Duplex Child
Theme URI: https://eraprojectsmanagers.com
Description: Child theme de Duplex
Author: Juan Sicom
Author URI: https://gruposicom.comm
Template: duplex
Version: 1.0.0
*/

body,
h1, h2, h3, h4, h5, h6,
p, span, a, li, div {
    font-family: 'Jost', sans-serif;
}


.vc_custom_heading,
.wpb_text_column {
    font-family: 'Jost', sans-serif !important;
}

strong { font-weight: 600; }
h1 { font-weight: 700; }
h2 { font-weight: 600; }

/*SUSTITUCIONES*/
:root{
    --primary-color: #000169 !important;
    --secondary-color: #DADAE9 !important;
    --tertiary-color: #4D81AC !important;
    --text-gray: #696969 !important;
}

/* COLOR DE TEXTO #959595 -> #696969*/
.single_about p, .column_text h3, .single_text p, .about_text p, .news_text p, .single_time_line p {
    color: var(--text-gray);
}

/*(BACKGROUND Y COLOR) #f8aa27 -> #000169*/
.styled-pagination li a:hover, .styled-pagination li span, .styled-pagination li a.active, .keyword ul li a:hover{
	background:var(--primary-color);	
	border-color:var(--primary-color);
}
.main-header .nav-toggler button{
	background:var(--primary-color);
	border:1px solid var(--primary-color);
}
.tp-bullets.preview4 .bullet:hover,.tp-bullets.preview4 .bullet.selected{
	border-color: var(--primary-color) !important;
	background:#ffffff !important;
}
.great_button:hover{
	border-color:var(--primary-color);
	color:var(--primary-color); 
}
.main-menu .navigation > li > ul, .main-menu .navigation > li > ul > li > ul{
	border-top:3px solid var(--tertiary-color);
}
.nav-side-menu li:hover {
    border-left: 3px solid var(--primary-color);
}
#form_area .title-text:after{
	border-bottom:3px solid var(--primary-color);	
}

.cercle {
	border-top:2px solid var(--primary-color);
}
.cercle_two {
	border-right:2px solid var(--primary-color);
	border-bottom:2px solid var(--primary-color);
}
.cercle_three {
    border-top:2px solid var(--primary-color);
	border-right:2px solid var(--primary-color);
	border-bottom:2px solid var(--primary-color);
}
.cercle_four, .slider_left img {
	border:2px solid var(--primary-color);
}

.team_title.about_span.text-center span, div#brand_area{
  background: var(--primary-color) none repeat scroll 0 0;
}

/*(BORDER COLOR)*/
#form_area .form .form-group input[type="text"]:focus,#form_area .form .form-group input[type="email"]:focus,#form_area .form .form-group select:focus,
#form_area .form .form-group textarea:focus, .text-area textarea:focus, .input input:focus{
	border-color: var(--primary-color);
}


/*(BACKGROUND) #f8aa27 -> #000169*/
.hidden-bar .social-icons ul li a, .head_title.about.text-center span, .single_about:hover .single_icon span, 
.about_text span, .head_title.process.text-center span, .testimoinal_title span, .head_title.testimonial.text-center span,
.column_title span, .column-three span, .subcriber span, .small_gallery span, .input-group-addon:last-child,
.footer-subscriber form.search-form button, .page_titel span, #quote_area, .search_box i, .contact span, .contact_info .info-block i, .blog_button,
.main-header .header-top .theme-btn, .scroll-to-top:hover, .main-header.header-style-two .search-box-btn, .main-menu .navigation > li > ul > li:hover > a,
section#aboutus_area_two, .sevice_button, .team_social ul li i:hover, #form_area .form button,#form_area .form input[type="submit"],
.contact_social ul li i:hover, .page-nav:hover{
	background: var(--primary-color);
}

/*(COLOR) #f8aa27 -> #000169*/
a, .head_title.about.text-center h4, .about_text a:hover, .head_title.service.text-center h4, .arrow, .offers span, 
.head_title.process.text-center h4, .testimoinal_title h3, .head_title.testimonial.text-center h4, .news_text p a:hover, 
.column_text a:hover p, .column-three a, .nav-side-menu .brand, .nav-side-menu li a, .close-btn i, .Counter i, .product_star i, 
.sidber_text h4, .main-header .header-top ul li a:hover, .main-menu .navigation > li > ul > li.dropdown:hover > a:after,
.main-menu .navigation > li > ul > li  > ul > li > a:hover, .copy_right ul li a:hover, .catagories ul li a:hover, .shop-item .inner-box:hover, 
.shop-item .inner-box .lower-content .rating .fa, .main-menu .navigation > li:hover > a, .main-menu .navigation > li.current > a, 
.main-menu .navigation > li.current-menu-item > a, .main-header .search-box-btn:hover, .main-header.header-style-three .search-box-btn:hover,
.hidden-bar .social-icons ul li a:hover, .footer_social a:hover, .singl_offer_two .single_link a, .singl_offer_two .single_link a i,
.team_title h3, .blog_social ul li a:hover, .author_blog_social ul li a:hover, .shop_details h3, .shop-item .inner-box .lower-content h3 a:hover,
.shop-item .inner-box .lower-content .price
{
	color:  var(--primary-color);
}