/*
Theme Name: Divi-child
Theme URI: http://www.faroslareynadelsur.com.ar/
Version: 1.0
Description: Sitio Web de Faros La Reyna Del Sur
Author: Contexto Digital                
Author URI: http://www.contextodigital.com.ar/ 
Template: Divi
*/
 
@import url("../Divi/style.css");
 
/*---- A partir de aquí añadimos las modificaciones que queremos hacer sobre el tema padre -----*/


body {
	background-color: #000000 !important;
}

#page-container, #main-content {
	background-color: #FFFFFF !important;
}

#main-header { height: 8.75em !important; border-top: 1.25em solid #9000CC !important; background-color: #000000 !important; }
.logo_container { height: 8.75em !important; padding-bottom: 1em !important;}

#main-header #top-menu li.current-menu-item > a {
color: #3FE22D !important;
}

#main-header #top-menu li.current-menu-item > a:hover {
color: #FFFFFF !important;
}

.menu-item a { margin-bottom: 5px; padding: 5px 10px 5px 10px !important; }
.menu-item a:hover { background-color: #3FE22D !important; color: #FFFFFF !important; border-radius: 4px !important; }
.et_mobile_menu a { color: #666666 !important; }
.et_mobile_menu a:hover { background-color: #3FE22D !important; color: #666666 !important; }

#top-header,
#et-secondary-nav li ul {
	background-color: #9000CC;
}

h2.woocommerce-loop-product__title {
	font-size: 1em !important;
}

.et-cart-info {
	display:none;
}

.et_shop_image, .images {
	border: 1px solid #DDDDDD;
}

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {

background: #9000CC !important;

background-color: #9000CC !important;

color: white !important;

/*text-shadow: transparent !important;

box-shadow: none;*/

border-color: #DDDDDD !important;

}

.woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover {

background: #9000CC !important;

background-color: #9000CC !important;

color:white !important;

/*text-shadow: transparent !important;

box-shadow: none;*/

border-color: #DDDDDD !important;

}

.woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button {

background: #9000CC !important;

color: white !important;

/*text-shadow: transparent !important;*/

border-color:#DDDDDD !important;

}

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {

background: #9000CC !important;

box-shadow: none;

/*text-shadow: transparent !important;*/

color:white !important;

border-color: #DDDDDD !important;

}

.woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button {
	border-radius: 50px !important;
}

.et_overlay::after { 
    content: "(11) 3273-5564";
    /*background-color: yellow;
    color: red;*/
	color: white;
    font-weight: bold;
}
.et_shop_image {
    /*position: relative;
    width: 300px;
    height: 300px;*/
}
.et_shop_image img {
    display: block;
}
.et_shop_image .et_overlay {
    opacity: 0;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 2px 0px;
    color: #ffffff;
    background: #000000;
    text-decoration: none;
    text-align: center;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
    
}
.et_shop_image:hover .et_overlay {
    opacity: 0.8;
}

/****************************************/

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3,
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price, .woocommerce ul.products li.product .price del, .woocommerce-page ul.products li.product .price del {
	font-size: 1.25em !important;
	line-height: 1.25em !important;
	text-align: center !important;
}

/****************************************/

#tidio-chat iframe { right: 1.75em !important; bottom: 1em !important; }
@media only screen and (max-width: 980px) {
    #tidio-chat iframe { right: 0px !important; bottom: 0px !important; }
}

/****************************************/

.ccw_style9 {
	padding-left: 2.5em !important;
	padding-bottom: 3.5em !important;
}
@media only screen and (max-width: 980px) {
    .ccw_style9 { padding-left: 0px !important; padding-bottom: 1.5em !important; }
}

/****************************************/
.woocommerce-error a {
    color: #FFFFFF;
}

/****************************************/

#main-footer {
	background-color: #000000;
	/*border-top: .25em solid #9000CC;*/
	border-bottom: 1em solid #9000CC;
}
#main-footer a, #footer-info {
	font-size: 0.95em;
	color: #3FE22D !important;
}