<?php 
defined( 'ABSPATH' ) || exit;
?>
<div class="ep-footer-notice emagic ep-box-w-100" style="float:left">
    <div class="ep-box-wrap">
        <div class="ep-box-row">
            <div class="ep-box-col-12 ep-footer-notice ep-border-top">
                <div class="ep-footer-notice-info-wrap">
                <div class="ep-footer-notice-info ep-text-center">
                    <div class="ep-footer-notice-icon-wrap"><span class="material-icons-outlined ep-footer-notice-icon">question_answer</span> <?php esc_html_e('Have a question','eventprime-event-calendar-management');?>?</div>
                    <div class="ep-footer-notice"> <?php esc_html_e('Reach out to the EventPrime Community for help','eventprime-event-calendar-management');?> <a href="https://wordpress.org/support/plugin/eventprime-event-calendar-management/#new-topic-0" target="_blank" class=""><?php esc_html_e('here','eventprime-event-calendar-management');?></a>.</div>
                </div>
                </div>
            </div>
        </div>
    </div>
</div>

<style>
    
    
    .ep-footer-notice-info-wrap{
        width: calc(100% - 160px);
        margin-left: 160px;
    }    
    
.ep-footer-notice-icon-wrap{
    display: inline-flex;
    align-items: center;
    font-weight: 600;
    color: #2371b1;
}
.ep-footer-notice-info{
    max-width: 700px;
    margin: 30px auto;
    font-size: 14px;
}
.ep-footer-notice-info .ep-footer-notice-icon {
    font-size: 24px;
    color: #2271b1;
    margin-right: 6px;
}
</style>

