/*
 Theme Name:   Divi Child
 Theme URI:    https://www.elegantthemes.com/
 Description: Child theme para Core Productos Eléctricos
 Author:       CS Creaciones
 Author URI:   https://cscreaciones.com.ar
 Template:     Divi
 Version:      1.0.0
*/

body{
	font-weight: 400 !important;
}

/*
 * TOP HEADER 
 */
.top_blurb .et_pb_blurb_container{
	vertical-align: middle !important;
    padding-left: 7px;
}

/*
 * MENU and LOGO SECTION 
 * (equivalente a .nav li a pero sin romper otros .nav del sitio)
 */
#top-menu li > a,
.et-menu li > a,
.et_pb_menu .et-menu li > a{
    font-weight: 400;
    position: relative;
}

#top-menu li > a:hover,
.et-menu li > a:hover,
.et_pb_menu .et-menu li > a:hover{
	opacity: 1 !important;
}

#top-menu li > a:before,
.et-menu li > a:before,
.et_pb_menu .et-menu li > a:before{
    content: "";
    display: block;
    width: 100%;
    left: 0;
    right: auto;
    height: 3px;
    background-color: #164193;
    position: absolute;
    top: -10px;
    transition: all .3s ease;
    transform: scaleX(0);
    transform-origin: left;
}

#top-menu li > a:hover:before,
#top-menu li.current-menu-item > a:before,
.et-menu li > a:hover:before,
.et-menu li.current-menu-item > a:before,
.et_pb_menu .et-menu li > a:hover:before,
.et_pb_menu .et-menu li.current-menu-item > a:before{
    transform: scaleX(1);
}

/* No mostrar línea en el último ítem */
#top-menu li:last-child > a:before,
#top-menu li.current-menu-item:last-child > a:before,
.et-menu li:last-child > a:before,
.et-menu li.current-menu-item:last-child > a:before,
.et_pb_menu .et-menu li:last-child > a:before,
.et_pb_menu .et-menu li.current-menu-item:last-child > a:before{
	display: none;
}

/*sub-menu*/
#top-menu li ul.sub-menu,
.et-menu li ul.sub-menu,
.et_pb_menu .et-menu li ul.sub-menu{
    width: 220px;
	padding: 6px 0px !important;
}

#top-menu li ul.sub-menu li:not(:last-child),
.et-menu li ul.sub-menu li:not(:last-child),
.et_pb_menu .et-menu li ul.sub-menu li:not(:last-child){
    padding-right: 0px !important;
}

#top-menu li ul.sub-menu li,
.et-menu li ul.sub-menu li,
.et_pb_menu .et-menu li ul.sub-menu li{
	padding: 0px !important;
}

#top-menu li ul.sub-menu li > a,
.et-menu li ul.sub-menu li > a,
.et_pb_menu .et-menu li ul.sub-menu li > a{
	position: relative;
	padding-left: 16px !important;
}

#top-menu li ul.sub-menu li > a::before,
.et-menu li ul.sub-menu li > a::before,
.et_pb_menu .et-menu li ul.sub-menu li > a::before{
    content: "";
    display: block;
    width: 3px;
    height: 100%;
    background-color: #164193;
    position: absolute;
    left: 0px;
    transition: all .3s ease;
    transform: scaleY(0);
    transform-origin: bottom;
    top: 0;
}

#top-menu li ul.sub-menu li > a:hover:before,
.et-menu li ul.sub-menu li > a:hover:before,
.et_pb_menu .et-menu li ul.sub-menu li > a:hover:before{
	transform: scaleY(1);
}

/*
 * MENU BUTTON
 */
@media all and (min-width: 981px){

	.custom_menu.et_pb_menu li.menu_button a, 
	.custom_menu.et_pb_menu li.menu_button.current-menu-item a{
		color: #fff !important;
	}

	/* Botón en menú clásico + fixed + menú módulo */
	#top-menu > li.menu_button > a,
	.et-fixed-header #top-menu > li.menu_button > a,
	.et_pb_menu .et-menu > li.menu_button > a{
		background-color: #164193;
		color: #fff !important;
		padding: 19px 57px 19px 33px !important;
  		border-radius: 6px;
  		position: relative;  		
  		margin-bottom: 22px;
		display: inline-block;
	}

	#top-menu > li.menu_button > a::after,
	.et-fixed-header #top-menu > li.menu_button > a::after,
	.et_pb_menu .et-menu > li.menu_button > a::after{
		content: "\24";
		font-family: "ETmodules";
		font-size: 16px;
		position: absolute;
		padding-left: 8px;
		right: 22px;
		top: 50%;
		transform: translateY(-50%);
	}

	#top-menu > li.menu_button > a:hover,
	.et-fixed-header #top-menu > li.menu_button > a:hover,
	.et_pb_menu .et-menu > li.menu_button > a:hover,
	#top-menu > li.menu_button.current-menu-item > a,
	.et-fixed-header #top-menu > li.menu_button.current-menu-item > a,
	.et_pb_menu .et-menu > li.menu_button.current-menu-item > a{
		background-color: #0E1459;
	}

	.et-menu.nav .menu_button{
		margin-top: 11px !important;
		margin-bottom: -11px !important;
	}
}

/*=== HOME PAGE ===*/
.pricemodule_pricecolumn:hover .pricemodule_pricetitle{
    background-image: linear-gradient(180deg,rgba(22,65,147,0.9) 0%,rgba(22,65,147,0.9) 100%), url(https://layouts.diviflash.xyz/hosting/wp-content/uploads/sites/22/2022/12/Mask-group.png) !important;
    border-bottom-color: #0E1459 !important;
}
.pricemodule_pricecolumn:hover .pricemodule_priceprice{
    background-color: #0E1459;
    box-shadow: 0px 0px 0px 10px rgba(14,20,89,0.3) !important;
}
.pricemodule_pricecolumn:hover .pricemodule_pricebtn{
	background-color: #0E1459 !important;
	border-color: #0E1459 !important;
}

/*=== HOSTING PAGE ===*/
.hosting_faq .et_pb_toggle{
    margin-bottom: 16px !important;
}
.hosting_faq .et_pb_toggle_open .et_pb_toggle_title:before{    
    display: block!important;
    content: "\42"!important;
    color: #164193;
}

/*=== TESTIMONIAL PAGE ===*/
.grid_testimonial .df_ab_blurb_description{
    box-shadow: 0px 10px 40px rgba(0,0,0,.06);
}
.grid_testimonial .df_ab_blurb_description:after{
    width: 0;
    height: 0;
    border-bottom: 35px solid transparent;
    border-right: 25px solid transparent;
    border-left: 25px solid #fff;
    position: absolute;
    content: "";
    transform: rotate(0deg);
    margin-top: 30px;
    left: 30px;
    bottom: 70px;
    top: auto;
    right: auto;
}

/*=== BLOG PAGE ===*/
.blog_sidebar .widget_block{
    padding: 24px;
    border: 1px solid #E8E9F5;
    border-radius: 5px;
}
.blog_sidebar .widget_search{
    padding: 0px;
    border: 0px;
}
.blog_sidebar h2:before{
    content: "";
    width: 60px;
    height: 4px;
    position: absolute;
    background-color: #164193;
    margin-top: 45px;
}
.blog_sidebar h2{
    margin-bottom: 35px;
}
.blog_sidebar .wp-block-latest-posts li{
    margin-bottom: 24px !important;
}
.blog_sidebar .wp-block-latest-posts li:last-child{
    margin-bottom: 0px !important;
}
.blog_sidebar .wp-block-latest-posts__featured-image.alignleft{
    padding-top: 8px;
    margin-right: 15px;
}
.blog_sidebar a.wp-block-latest-posts__post-title{
    font-size: 16px !important;
    font-weight: 700;
    line-height: 1em !important;
}
.blog_sidebar .wp-block-latest-posts__post-author,
.blog_sidebar time.wp-block-latest-posts__post-date{
    font-size: 14px;
    color: #7A7A7A;
}
.blog_sidebar .wp-block-tag-cloud a{
    background-color: transparent;
    border: 1px solid #E8E9F5;
	font-size: 15px !important;
}
.blog_sidebar .wp-block-tag-cloud a:hover{
    border: 1px solid #164193;
    color: #164193 !important;
}
.blog_sidebar .cat-item{
    border-bottom: 1px solid #E8E9F5;
    margin-bottom: 15px;
    padding-bottom: 15px;
    display: flex;
    justify-content: space-between;
}
.blog_sidebar .cat-item:last-child{
    border-bottom: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.blog_sidebar .cat-item a:hover{
    color: #164193 !important;
}
.blog_sidebar .wp-block-social-links li{
    margin-bottom: 0px !important;
}
.blog_sidebar .wp-block-social-links li a svg{
    background-color: rgba(22,65,147,0.1) !important;
    padding: 8px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    fill: #164193 !important;
	transition: .5s;
}
.blog_sidebar .wp-block-social-links li a:hover svg{
    background-color: #164193 !important;
    fill: #ffffff !important;
}
.blog_sidebar .wp-block-search__input{
    padding: 27px 15px !important;
}
.blog_sidebar .wp-block-search__button{
    background-color: #164193 !important;
    color: #ffffff !important;
    padding: 1px 35px !important;
    height: 56px !important;
}
.blog_sidebar .wp-block-search__button:hover{
    background-color: #0E1459 !important;
}

/*=== SINGLE POST ===*/
/* Mantengo tu estilo pero lo limito a contenido del post para no romper otros blockquotes */
.et_pb_post_content blockquote,
.single-post .entry-content blockquote{
    background-color: #164193;
    color: #fff;
    padding: 40px;
    border-radius: 6px;
    font-style: italic;
    border-color: transparent;
}

.custom_posttag a{
	display: inline-block;
    background-color: #F2FAFF;
    border-radius: 3px;
    padding: 8px 20px;
    margin-right: 15px;
    color: #141417;
	margin-bottom: 10px !important;
}
.custom_posttag a:hover{
    background-color: #164193 !important;
	color: #fff !important;
}

/*=== CONTACT PAGE ===*/
.contactpage_form .et_contact_bottom_container{
    float: left;
    padding-left: 3%;
}

/*=== 404 PAGE ===*/
.full_header .header-content{
    width: 100% !important;
    padding: 0px !important;
    margin: 0 auto !important;
}