/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

.elementor-element-author-box .info-card-wrapper {
    display: flex;
    align-items: center;
    gap: 12px;
	padding: 10px 25px;
    background-color: #f9f9f9;
    border-radius: 5px;
    border: 1px solid #e1e1e1;
}

br.desktop-only {
    display: inline;
}

.elementor-element-author-box .info-card-avatar {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}


.elementor-element-author-box .info-card-text {
    display: flex;
    flex-direction: row;
    justify-content: space-between;;
    align-items: center;
    width: 100%;
}

.elementor-element-author-box .info-card-author {
    font-weight: 900;
    font-size: 14px;
    text-transform: uppercase;
    margin: 0;
	line-height:17px;
    color: #464646; 
}


.elementor-element-author-box .info-card-date {
    font-size: 14px;
    color: #464646;
	line-height: 17px;
    margin: 2px 0 0 0;
    font-weight: 900;
    text-transform: uppercase;
}

.elementor-element-author-box .info-last-updated, .info-card-name {
    font-size: 16px;
    margin: 2px 0 0 0;
    font-weight: 700;
    text-transform: capitalize;
}
.info-card-name{
    color: #dfb13b;
}

.info-card-icon{
    background-color: #dfb13b;
    width: fit-content;
    padding: 7px;
    border-radius: 50%;
}
.info-card-updated{
    display: flex;
    align-items: center;
    gap: 8px;
	line-height:17px;
}

@media (max-width: 768px) {
	
	.elementor-element-author-box .info-card-wrapper {
		margin:0 10px;
	}
    .elementor-element-author-box .info-card-text {
        flex-direction: row;
        align-items: center;
        gap: 15px;
    }

    .elementor-element-author-box .info-card-avatar {
        width: 48px;
        height: 48px;
    }
      br.desktop-only {
        display: inline;
    }
    .elementor-element-author-box .info-last-updated, .info-card-name {
        font-size: 14px;
    }
    .elementor-element-author-box .info-card-author{
        font-size: 14px;
    }
    .elementor-element-author-box .info-card-date{
        font-size: 14px;
    }
}
