/*!
Theme Name: Kelz.mx Blog
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 4.19.1
Updated: 2022-11-09 20:41:00
*/

:root {
    --orange: #e28e1b;
    --black: #212121;
}

.top-menu .et_mobile_menu {
    border-color: var(--orange);
}

.top-menu .et_pb_menu__search-input {
    color: white;
}

.footer-links ul,
.header-links ul {
    list-style: none;
    padding: 0;
}

.footer-links ul li {
    margin: 10px 0;
}

.footer-links a {
    color: white;
    border-bottom: 1px solid var(--black);
}

.footer-links a:hover {
    color: var(--orange);
    border-bottom: 1px solid #333;
    transition: 0.5s;
}

.footer-links .contact-info {
    display: inline-flex;
}

.footer-links .contact-info .icon {
    margin: 0 10px;
    font-size: medium;
    color: var(--orange);
    min-width: 18px;
    text-align: center;
}

.header-links ul {
    display: inline-flex;
}

.header-links ul li {
    margin-right: 2rem;
}

.header-links ul a {
    color: white;
}

.header-links ul li i {
    color: var(--orange);
    margin: 0 0.5rem;
    font-size: medium;
    vertical-align: middle;
}

.change-columns-size .et_pb_column_1_2 {
    width: 38.25%;
}

.change-columns-size .et_pb_column_1_6 {
    width: 15.0833%;
}

.change-columns-size .et_pb_column_1_6 h2 {
    font-size: 18px;
}

.post-content-group,
.post-author,
.post-comments {
    background-color: white;
}

.post-content,
.post-author,
.post-comments .et_pb_comments_module {
    padding: 1rem 4rem;
    
}

.post-featured-image img,
.post-content-group {
    border-radius: 3px;
}

.post-meta h1.entry-title,
.post-content h1,
.post-content h2, 
.post-content h3,
.post-content h4,
.post-content h5 {
    font-weight: 700;
    color: #222222;
    letter-spacing: .025em;
    line-height: 1.1;
}

.post-content h1,
.post-content h2, 
.post-content h3,
.post-content h4,
.post-content h5 {
    margin-top: 1.5rem;
}

.post-content blockquote.wp-block-quote {
    margin: 1.75em 0;
    border-color: var(--orange);
}

.post-content figure.wp-block-pullquote {
    border-color: var(--orange);
}

.post-content .wp-block-pullquote blockquote {
    border: none;
}

.post-content ul {
    margin: 0 1.5rem;
    list-style: none;
}

.post-content ul li::before {
    content: "\2022";
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    color: var(--orange);
}

.post-content .wp-block-gallery {
    margin: 1.5rem;
}

.post-content .wp-block-button.is-style-fill .wp-block-button__link {
    background-color: var(--orange);
}

.post-content .wp-block-button.is-style-outline .wp-block-button__link {
    border-color: var(--orange);
    color: var(--orange);
}

.post-content .wp-block-embed__wrapper {
    margin: 1rem 0;
}

.post-content .twitter-tweet.twitter-tweet-rendered {
    margin: auto;
}

.et_monarch .post-content .et_social_networks .et_social_icons_container {
    display: flex;
    justify-content: center;
}

.post-meta h1.entry-title {
    padding: 0;
    font-size: 28px;
}

.post-meta.et_pb_bg_layout_light p.et_pb_title_meta_container .author a,
.post-meta.et_pb_bg_layout_light p.et_pb_title_meta_container .comments-number a,
.post-comments .et_pb_comments_module a,
.post-comments .et_pb_comments_module button,
.related-posts .pagination a {
    color: var(--orange);
}

.post-meta .et_pb_title_meta_container,
.blog-posts p.post-meta {
    opacity: 0.66;
}

.call-to-action {
    background-color: var(--black);
}

.call-to-action .et_pb_module_header {
    color: var(--orange) !important;
}

.call-to-action .et_pb_icon_wrap span.et-pb-icon {
    color: var(--orange);
}

.post-tags .et_pb_text_inner {
    text-align: center;
}

.post-tags .et_pb_text_inner a {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    color: white;
    background: var(--orange);
    border-radius: 3px;
}

.about-author,
.related-posts-title {
    margin-bottom: 0 !important;
    margin-top: 5rem;
}

.about-author .et_pb_text_inner h3,
.related-posts-title .et_pb_text_inner h3,
.comments-title .et_pb_text_inner h3 {
    border-bottom: 1px solid var(--orange);
    padding: 0;
    margin-bottom: 15px;
}

.post-author {
    padding: 0 1rem 1rem 1rem;
    margin: 0 auto;
}

.post-author .et_pb_team_member_image img {
    border-radius: 50px;
    border: 3px solid white;
    box-shadow: 5px 5px 10px -2px #808080;
}

.post-author .et_pb_team_member_description h4 {
    padding: 0;
}

.post-author .et_pb_team_member_description p {
    padding-bottom: 0.75rem;
}

.related-posts .post,
.blog-posts .post {
    border-radius: 3px;
    border: none;
    box-shadow: 0 0px 5px rgb(0 0 0 / 5%);
}

.shadow {
    box-shadow: 0 0px 5px rgb(0 0 0 / 5%);
}

.related-posts .entry-featured-image-url,
.blog-posts .entry-featured-image-url {
    border-radius: 3px 3px 0 0;
}

.related-posts .post-content {
    padding: 0;
}

.related-posts h2.entry-title,
.related-posts .post-content,
.blog-posts h2.entry-title,
.blog-posts .post-content {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.related-posts h2.entry-title,
.blog-posts h2.entry-title {
    -webkit-line-clamp: 1;
    padding: 0;
    margin-bottom: 10px;
}

.related-posts .post-content,
.blog-posts .post-content {
    -webkit-line-clamp: 3;
}

.post-comments .et_pb_comments_module a.comment-reply-link,
.post-comments .et_pb_comments_module button {
    font-size: revert;
    border-radius: 35px;
}

.post-comments .et_pb_comments_module a.comment-reply-link:hover,
.post-comments .et_pb_comments_module button:hover {
    color: white;
    background: var(--orange);
}

.post-comments .comment_avatar img {
    max-width: 40px;
    border-radius: 50px;
    border: 2px solid white;
}

.post-comments .comment-body {
    padding: 0 110px 0 50px;
    margin-bottom: 24px;
}

.post-comments .comment_avatar {
    top: 0px;
}

.post-comments .comment_postinfo {
    margin: 0;
}

.post-comments .comment .children {
    margin-left: 60px;
}

.call-to-action .et_pb_button {
    background: var(--orange);
    border-color: var(--orange);
}

.social-links i {
    font-size: 18px;
    margin: 0 0.3rem;
    color: var(--orange);
    transition: 0.5s;
}

.social-links i:hover {
    color: white;
}

@media ( max-width: 479px ){
    .post-content,
    .post-author,
    .post-comments .et_pb_comments_module {
        padding: 1rem;
    }
}