/*
 Theme Name:     Extensión de Divi
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Tema descendiente de Divi
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
/* =La personalización empieza aquí
------------------------------------------------------- */
/*******************************/
/******* CLEANER COMMENTS:INI **/
/*******************************/
/* Fuente: https://divi.space/divi-tutorials/cleaner-comments-for-your-divi-website/ */

/* .comment_avatar img { border-radius: 50%; } */ /** circle images **/

@media (min-width: 768px) { /** The breakpoint for the comments form **/
 /* body:not(.logged-in) #comment { max-width: 50%; float: right; margin-top: -186px; height: 172px; } */ /** even form sections **/
 .children .comment.depth-2 { margin-left: 30px;} /** offsets the first child, but no others **/
 .comment .children { margin-left: 0px; } /** offsets the first child, but no others **/
 .comment .children .comment_avatar img { max-width: 45px; } /** make reply avatars smaller **/
 .comment .children .comment_avatar { margin-left: 20px; } /** keep reply avatars left **/
 
}

@media (max-width: 767px) {
 .comment-reply-link { bottom: -20px !important; top: auto !important; } /**keeps the button off of the text **/
 .comment_area { padding-bottom: 40px; } /**keeps the button off of the text **/
 .comment_avatar { max-width:50px } /** smaller avatar on mobile **/
 .comment_postinfo, .comment-content.clearfix { margin-left: -30px; } /**smaller avatar keeps left **/
}

/* CLEANER COMMENTS:end */

/* Arregla el problema de los comentarios que chocan con los botones de "responder" */
.comment-content p:not([class]) {
    width: 90%;
}