{"content":[{"id":"22bd7963","elType":"section","settings":{"layout":"full_width","structure":"20","_title":"Contact Us Form","height":"min-height","custom_height":{"unit":"px","size":"680","sizes":[]},"column_position":"stretch","_timestamp_":"v1WjRwWEVHZkY3VVJWVEwzdFhhT0JXdz09"},"elements":[{"id":"153a5571","elType":"column","settings":{"_column_size":"50","padding":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":"1"},"_inline_size":"45","background_background":"classic","background_image":{"id":12639,"url":"https:\/\/library.elementor.com\/wp-content\/uploads\/2020\/01\/404-page.png"},"background_position":"center center","background_repeat":"no-repeat","background_size":"cover","_inline_size_tablet":"100"},"elements":[{"id":"f1015c6","elType":"widget","settings":{"space_tablet":{"unit":"px","size":"300","sizes":[]},"space_mobile":{"unit":"px","size":"100","sizes":[]}},"elements":[],"widgetType":"spacer"}],"isInner":""},{"id":"3a8766ee","elType":"column","settings":{"_column_size":"50","padding":{"unit":"%","top":"10","right":"30","bottom":"10","left":"15","isLinked":""},"_inline_size":"55","content_position":"center","_inline_size_tablet":"100","padding_tablet":{"unit":"px","top":"50","right":"50","bottom":"50","left":"50","isLinked":"1"},"padding_mobile":{"unit":"px","top":"20","right":"20","bottom":"20","left":"20","isLinked":"1"}},"elements":[{"id":"695f97be","elType":"widget","settings":{"width":{"unit":"px","size":"85","sizes":[]},"align":"left","look":"line_text","text":"404","gap":{"unit":"px","size":"5","sizes":[]},"text_color":"#f40045","typography_typography":"custom","typography_font_family":"Rubik","typography_font_size":{"unit":"px","size":"14","sizes":[]},"typography_font_weight":"400","text_align":"right"},"elements":[],"widgetType":"divider"},{"id":"4ab818f3","elType":"widget","settings":{"title":"Oops! It seems like you got lost... ","title_color":"#0c0c0c","typography_typography":"custom","typography_font_family":"Rubik","typography_font_size":{"unit":"px","size":"55","sizes":[]},"typography_font_weight":"400","typography_font_size_mobile":{"unit":"px","size":"30","sizes":[]},"typography_font_size_tablet":{"unit":"px","size":"35","sizes":[]},"typography_line_height":{"unit":"em","size":"1.2","sizes":[]}},"elements":[],"widgetType":"heading"},{"id":"e4bfd2","elType":"widget","settings":{"editor":"<p>Sorry! We can\u2019t find the content you\u2019re looking for.<br \/>Try to search again or go back to <span style=\"text-decoration: underline;color: #f40045\">Home Page<\/span>.<\/p>","text_color":"rgba(0, 0, 0, 0.6)","typography_typography":"custom","typography_font_family":"Rubik","typography_font_size":{"unit":"px","size":"16","sizes":[]},"typography_font_weight":"400"},"elements":[],"widgetType":"text-editor"},{"id":"46967f34","elType":"widget","settings":{"placeholder":"Search...","button_type":"text","button_text":"GO","input_typography_typography":"custom","input_typography_font_family":"Rubik","input_typography_font_size":{"unit":"px","size":"16","sizes":[]},"input_typography_font_weight":"300","input_text_color":"#000000","input_background_color":"#FFFFFF","input_border_color":"#E2E2E2","button_border_width":{"unit":"px","top":"1","right":"1","bottom":"1","left":"1","isLinked":"1"},"border_radius":{"unit":"px","size":"0","sizes":[]},"button_typography_typography":"custom","button_typography_font_family":"Rubik","button_typography_font_size":{"unit":"px","size":"15","sizes":[]},"button_typography_font_weight":"400","button_typography_letter_spacing":{"unit":"px","size":"1","sizes":[]},"button_text_color":"#FFFFFF","button_background_color":"#000000","button_width":{"unit":"px","size":"2.5","sizes":[]}},"elements":[],"widgetType":"search-form"}],"isInner":""}],"isInner":""}],"page_settings":[]}<!-- module page break -->
<div class="tb-page-break-pagination"></div>
<!-- /module page break -->

<input type="hidden" id="wp-headers-and-footers_communication" value="0"/>
<input type="hidden" id="wp-headers-and-footers_diagnostic_info" value="0"/>
<input type="hidden" id="wp-headers-and-footers_extensions" value="0"/>

<style media="screen">
    .wp-headers-and-footers-modal.active {
        display: block;
    }

    .wp-headers-and-footers-modal {
        position: fixed;
        overflow: auto;
        height: 100%;
        width: 100%;
        top: 0;
        z-index: 100000;
        display: none;
        background: rgba(0, 0, 0, 0.6);
    }

    .wp-headers-and-footers-modal.active .wp-headers-and-footers-modal-dialog {
        top: 10%;
    }

    .wp-headers-and-footers-modal .wp-headers-and-footers-modal-dialog {
        background: #fff;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        max-width: calc(100% - 30px);
        padding-bottom: 0;
        top: -100%;
        z-index: 100001;
        width: 596px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    }

    .wp-headers-and-footers-modal .wp-headers-and-footers-modal-header {
        background: #fbfbfb;
        border-bottom: 1px solid #eee;
        margin-bottom: -3px;
        padding: 15px 20px;
        position: relative;
    }

    .wp-headers-and-footers-modal .wp-headers-and-footers-modal-body {
        border-bottom: 0;
        padding: 20px;
    }

    .wp-headers-and-footers-modal .wp-headers-and-footers-modal-footer {
        background: #fefefe;
        border: 0;
        padding: 20px;
        border-top: 1px solid #eee;
        text-align: right;
    }

    .wp-headers-and-footers-modal h4 {
        color: #cacaca;
        font-size: 1.2em;
        font-weight: 700;
        letter-spacing: .6px;
        margin: 0;
        padding: 0;
        text-shadow: 1px 1px 1px #fff;
        text-transform: uppercase;
        -webkit-font-smoothing: antialiased;
    }

    .wp-headers-and-footers-modal h2 {
        font-weight: bold;
        font-size: 20px;
        margin-top: 0;
    }

    .wp-headers-and-footers-modal p {
        font-size: 14px;
        color: #333;
    }


    .communication-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0 0 14px;
    }

    .communication-header h2 {
        font-size: 14.3px;
        font-weight: 600;
        color: #3c434a;
        text-transform: uppercase;
        margin: 0;
    }

    .wp-headers-and-footers-opt-out-link {
        color: #2271b1;
        font-size: 13px;
        text-decoration: underline;
        line-height: 20px;
    }

    .wp-headers-and-footers-opt-out-link:hover {
        text-decoration: none;
    }

    .info-box {
        display: flex;
        align-items: flex-start;
        margin: 0;
        padding: 17px 15px;
        position: relative;
        border: 1px solid #d3d3d3;
        border-left: 4px solid #72aee6;

        border-radius: 4px;
        gap: 10px;
    }

    .info-box > .dashicons {
        font-size: 30px;
        height: 30px;
        padding: 5px;
        width: 30px;
    }

    .info-box:has(+.info-box) {
        border-radius: 4px 4px 0 0;
    }

    .info-box + .info-box {
        border-radius: 0px 0px 4px 4px;
        border-top: 0;
    }

    .info {
        margin-left: 3px;
    }

    .info-title {
        color: #23282d;
        font-size: 14px;
        font-weight: 500;
        line-height: 1.4em;
        position: relative;
    }

    .info-tooltip {
        margin-left: 5px;
        font-size: 12px;
        color: #a3a3a3;
        cursor: pointer;
    }

    .info-description {
        font-size: 14px;
        color: #3c434a;
        line-height: 1.5;
        margin-top: 2px;
    }

    .wpb-optin-switch {
        background: #ececec;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, .2);
        box-shadow: 0 0 4px rgba(0, 0, 0, .1), inset 0 1px 3px 0 rgba(0, 0, 0, .1);
        color: #ccc;
        cursor: pointer;
        display: inline-block;
        height: 18px;
        padding: 6px 6px 5px;
        position: relative;
        text-shadow: 0 1px 1px hsla(0, 0%, 100%, .8);
        border-radius: 24px;
        padding: 1px 19px;
        margin-left: auto;
        width: 0;
    }

    .wpb-optin-switch input {
        appearance: none;
        opacity: 0;
        position: absolute;
        top: -20px;
        left: -20px;
    }

    .wpb-optin-switch:before {
        border-radius: 18px;
        height: 18px;
        top: 0;
        width: 18px;
        position: absolute;
        left: -1px;
        transition: .4s cubic-bezier(.54, 1.6, .5, 1);
        background-color: #fff;
        background-image: linear-gradient(180deg, #ececec, #fff);
        border: 1px solid rgba(0, 0, 0, .3);
        content: '';
    }

    .wpb-optin-switch:has(input:checked) {
        background: #0085ba;
    }

    .wpb-optin-switch:has(input:checked):before {
        left: 19px;
    }

    .wpb-deactivated .info-box * {
        color: #aaaa;
    }

    .wpb-deactivated .info-box {
        border-left: 1px solid #d3d3d3;
        padding-left: 19px;
    }

    .wp-headers-and-footers-opt-out-button {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
    }

    .wp-headers-and-footers-modal-footer .wp-core-ui .button-primary {
        vertical-align: middle;
    }

    .wp-headers-and-footers-modal-close {
        border-radius: 20px;
        color: #bbb;
        cursor: pointer;
        padding: 3px;
        position: absolute;
        right: 10px;
        top: 12px;
        transition: all .2s ease-in-out;
    }

    .wp-headers-and-footers-modal-close:hover {
        background: #aaa;
        color: #fff;
    }

    .wp-headers-and-footers-modal-opt-out-overlay {
        position: fixed;
        inset: 0;
        content: '';
    }

    .wp-headers-and-footers-modal-body hr {
        border: 0;
        border-top: 1px solid #eee;
        margin: 25px 0 20px;
    }

    .wpb-tooltip {
        background: rgba(0, 0, 0, .8);
        border-radius: 5px;
        bottom: 100%;
        box-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
        color: #fff !important;
        font-family: arial, serif;
        font-size: 12px;
        font-weight: 700;
        left: -17px;
        line-height: 1.3em;
        margin-bottom: 5px;
        opacity: 0;
        padding: 10px;
        position: absolute;
        right: 0;
        text-align: left;
        text-transform: none !important;
        transition: opacity .3s ease-in-out;
        visibility: hidden;
        z-index: 999999;
    }

    .info-title:hover .wpb-tooltip {
        opacity: 1;
        visibility: visible;
    }

    .info-title .wpb-tooltip:after {
        border-color: rgba(0, 0, 0, .8) transparent transparent;
        border-style: solid;
        border-width: 5px 5px 0;
        content: " ";
        display: block;
        height: 0;
        left: 21px;
        position: absolute;
        top: 100%;
        width: 0;
    }


    .wpb-ajax-spinner {
        background: url(/wp-admin/images/wpspin_light-2x.gif);
        background-size: contain;
        border: 0;
        display: inline-block;
        height: 20px;
        margin-bottom: -2px;
        margin-right: 5px;
        vertical-align: sub;
        width: 20px;
        margin-top: -2px;
    }


    .wpb-switch-feedback {
        margin-left: auto;
        margin-right: 10px;
        display: none;
    }

    .wpb-loading .wpb-switch-feedback,
    .wpb-loading .wp-headers-and-footers-opt-out-link,
    .wpb-loading .communication-content {
        cursor: wait;
    }

    .wpb-switch-feedback.success {
        color: #71ae00;
    }

</style>
<div class="wp-headers-and-footers-modal wp-headers-and-footers-modal-opt-out" >
    <div class="wp-headers-and-footers-modal-opt-out-overlay"></div>
    <div class="wp-headers-and-footers-modal-dialog">
        <div class="wp-headers-and-footers-modal-header">
            <div class="wp-headers-and-footers-modal-close wp-headers-and-footers-continue-button"><span
                        class="dashicons dashicons-no"></span></div>
            <h4>Opt Out</h4>
        </div>
        <div class="wp-headers-and-footers-modal-body" data-optin="extensions">
            <!-- Communication Section -->
            <div class="communication-container wpb-deactivated">
                <div class="communication-header">
                    <h2>COMMUNICATION</h2>
                    <span class="wpb-communication-switch-feedback wpb-switch-feedback"><i
                                class="dashicons dashicons-yes"></i></span>
                    <a href="#" class="wp-headers-and-footers-opt-out-link"
                       option-name="communication">Opt In</a>
                </div>
                <div class="communication-content">
                    <div class="info-box">
                        <i class="dashicons dashicons-admin-users"></i>
                        <div class="info">
                            <div class="info-title">View Basic Profile Info <i
                                        class="dashicons dashicons-editor-help"><span class="wpb-tooltip"
                                                                                      style="width: 200px">Never miss important updates, get security warnings before they become public knowledge, and receive notifications about special offers and awesome new features.</span></i>
                            </div>
                            <div class="info-description">
                                Your WordPress user's: first &amp; last name, and email address
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <hr>
            <!-- Diagnostic Info Section -->
            <div class="communication-container wpb-deactivated">
                <div class="communication-header">
                    <h2>Diagnostic Info</h2>
                    <span class="wpb-diagnostic_info-switch-feedback wpb-switch-feedback"><i
                                class="dashicons dashicons-yes"></i></span>
                    <a href="#" class="wp-headers-and-footers-opt-out-link"
                       option-name="diagnostic_info">Opt In</a>
                </div>
                <div class="communication-content">
                    <div class="info-box">
                        <i class="dashicons dashicons-admin-links"></i>
                        <div class="info">
                            <div class="info-title">View Basic Website Info <i
                                        class="dashicons dashicons-editor-help"><span class="wpb-tooltip"
                                                                                      style="width: 200px">To provide additional functionality that's relevant to your website, avoid WordPress or PHP version incompatibilities that can break your website, and recognize which languages &amp; regions the plugin should be translated and tailored to.</span></i>
                            </div>
                            <div class="info-description">
                                Homepage URL & title, WP & PHP versions, and site language
                            </div>
                        </div>
                    </div>
                    <div class="info-box">
                        <i class="dashicons dashicons-admin-plugins"></i>
                        <div class="info">
                            <div class="info-title">View Basic Plugin Info</div>
                            <div class="info-description">
                                Current plugin & SDK versions, and if active or uninstalled
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <hr>
            <!-- Extensions Section -->
            <div class="communication-container wpb-deactivated"
            ">
            <div class="communication-header">
                <h2>Extensions</h2>
                <span class="wpb-extensions-switch-feedback wpb-switch-feedback"><i class="dashicons dashicons-yes"></i></span>
                <a href="#" class="wp-headers-and-footers-opt-out-link"
                   option-name="extensions">Opt In</a>
            </div>
            <div class="communication-content">
                <div class="info-box">
                    <i class="dashicons dashicons-block-default"></i>
                    <div class="info">
                        <div class="info-title">View Plugins <i class="dashicons dashicons-editor-help"><span
                                        class="wpb-tooltip" style="width: 200px">To ensure compatibility and avoid conflicts with your installed plugins and themes.</span></i>
                        </div>
                        <div class="info-description">
                            Names, slugs, versions, and if active or not
                        </div>
                    </div>
                    <label class="wpb-optin-switch"><input data-checkbox="extensions"
                                                           type="checkbox" ></label>
                </div>
            </div>
        </div>
    </div>
    <div class="wp-headers-and-footers-modal-body" style="display: none;" data-optin="communication">
        <p>Sharing your name and email allows us to keep you in the loop about new features and important updates, warn
            you about security issues before they become public knowledge, and send you special offers.</p>
        <p>By clicking "Opt Out", <strong>WP Headers And Footers</strong> will no longer be able to view your name
            and email.</p>
    </div>
    <div class="wp-headers-and-footers-modal-body" style="display: none;" data-optin="diagnostic_info">
        <p>Sharing diagnostic data helps to provide additional functionality that's relevant to your website, avoid
            WordPress or PHP version incompatibilities that can break the website, and recognize which languages &
            regions the plugin should be translated and tailored to.</p>
        <p>By clicking "Opt Out", diagnostic data will no longer be sent to <strong>WP Headers And Footers</strong>.
        </p>
    </div>
    <div class="wp-headers-and-footers-modal-footer" data-optin-footer="extensions">
        <button class="button button-primary wp-headers-and-footers-continue-button">Done</button>
    </div>
    <div class="wp-headers-and-footers-modal-footer" style="display: none;" data-optin-footer="communication">
        <a class="wp-headers-and-footers-opt-out-button" data-optin="" href="#">Opt Out</a>
        <button class="button button-primary" id="stay-connected">Stay Connected</button>
    </div>
    <div class="wp-headers-and-footers-modal-footer" style="display: none;" data-optin-footer="diagnostic_info">
        <a class="wp-headers-and-footers-opt-out-button" data-optin="" href="#">Opt Out</a>
        <button class="button button-primary" id="stay-connected">Keep Sharing</button>
    </div>
</div>
</div>

<script type="text/javascript">
    (function ($) {
        $(function () {

            var pluginSlug = 'wp-headers-and-footers';  // Define the plugin slug

            // Open modal when the "Opt Out" button is clicked for a specific plugin row
            $(document).on('click', 'tr[data-slug="' + pluginSlug + '"] .opt-out', function (e) {
                e.preventDefault();
                $('.' + pluginSlug + '-modal-opt-out').addClass('active');  // Show the modal
            });

            // Close the modal and reload the page when the "Done" button is clicked
            $(document).on('click', '.' + pluginSlug + '-modal .' + pluginSlug + '-continue-button', function (event) {
                event.preventDefault();
                $('.' + pluginSlug + '-modal-opt-out').removeClass('active');  // Hide the modal

                if (
                    $('#' + pluginSlug + '_communication').val() === '0'
                    &&
                    $('#' + pluginSlug + '_diagnostic_info').val() === '0'
                    &&
                    $('#' + pluginSlug + '_extensions').val() === '0'
                ) {
                    location.reload();
                }// Reload the page
            });
            // Show the extension opt-in modal body when "Stay Connected" is clicked
            $(document).on('click', '.' + pluginSlug + '-modal  #stay-connected', function (event) {
                event.preventDefault();
                $('.' + pluginSlug + '-modal [data-optin="extensions"]').show().siblings('.' + pluginSlug + '-modal-body').hide();  // Show extensions, hide other modal bodies
                $('.' + pluginSlug + '-modal [data-optin-footer="extensions"]').show().siblings('.' + pluginSlug + '-modal-footer').hide();  // Show extension footer, hide other footers
            });

            // Send opt-out request when the opt-out button in the modal footer is clicked
            $('.' + pluginSlug + '-modal-footer .' + pluginSlug + '-opt-out-button').on('click', function () {
                var sdk_setting_setting_name = $(this).parent().attr('data-optin-footer');  // Get the setting name
                var sdk_setting_optin_button = $('.' + pluginSlug + '-modal .' + pluginSlug + '-opt-out-link[option-name="' + sdk_setting_setting_name + '"]')
                send_optin_request(sdk_setting_optin_button, sdk_setting_setting_name, 0);  // Send an opt-out request (0)
            });

            // Trigger opt-out when the extension checkbox is changed
            $('.' + pluginSlug + '-modal [data-checkbox="extensions"]').on('change', function () {
                var optinName = $(this).attr('data-checkbox');  // Get the opt-in name
                $('.' + pluginSlug + '-modal .' + pluginSlug + '-opt-out-link[option-name="' + optinName + '"]').trigger('click');  // Simulate opt-out link click
            });

            // Handle toggle between "Opt Out" and "Opt In" when clicked
            $(document).on('click', '.' + pluginSlug + '-modal .' + pluginSlug + '-opt-out-link', function (e) {
                e.preventDefault();
                const el = $(this),
                    getOptionName = el.attr('option-name');  // Get the option name
                // Show/hide appropriate modal sections based on the option name
                if ((getOptionName == 'communication' || getOptionName == 'diagnostic_info') && (el.html() == 'Opt Out')) {
                    $('.' + pluginSlug + '-modal [data-optin="' + getOptionName + '"]').show().siblings('.' + pluginSlug + '-modal-body').hide();  // Show specific modal body
                    $('.' + pluginSlug + '-modal [data-optin-footer="' + getOptionName + '"]').show().siblings('.' + pluginSlug + '-modal-footer').hide();  // Show specific modal footer
                    return false;  // Stop further execution for specific cases
                }
                // Toggle between "Opt In" and "Opt Out"
                let sdk_setting_optionValue = $(this).html() === "Opt In" ? 1 : 0;  // Set option value based on current text
                // $(this).html(sdk_setting_optionValue ? 'Opt Out' : 'Opt In');  // Toggle the button text
                // Toggle visual indication for deactivation
                $(this).closest('.communication-container').toggleClass('wpb-deactivated');

                // Update checkbox status based on opt-in/out state
                $('.' + pluginSlug + '-modal [data-checkbox="' + getOptionName + '"]').prop('checked', el.html() === 'Opt Out');

                // Send opt-in/out request
                var sdk_setting_setting_name = $(this).attr('option-name');
                send_optin_request(el, sdk_setting_setting_name, sdk_setting_optionValue);  // Send request with setting name and value
            });

            // Function to send an AJAX request for opt-in/out changes
            function send_optin_request(el, setting_name, setting_option_value) {
                $.ajax({
                    type: 'POST',
                    url: ajaxurl,  // Use WordPress AJAX URL
                    data: {
                        action: 'wpheadersandfooters_optout_yes',  // The action to trigger
                        setting_name: setting_name,  // The setting name (option)
                        setting_value: setting_option_value,  // The value (opt-in or opt-out)
                        optout_nonce: 'c6d3f033fb',  // Security nonce
                    },
                    beforeSend: function () {
                        if (setting_option_value == '0') {
                            el.html('Opting Out..')
                        }
                        if (setting_option_value == '1') {
                            el.html('Opting In..')
                        }
                        // if (setting_name == 'extensions') {
                        $('.' + pluginSlug + '-modal .wpb-' + setting_name + '-switch-feedback').show().html('<span class="wpb-ajax-spinner"></span>');
                        el.closest('.communication-container').addClass('wpb-loading');
                        // }
                    },
                    error: function (error) {
                        // Handle error here (currently empty)
                    },
                    success: function (response) {
                        $('#' + pluginSlug + '_' + setting_name).val(setting_option_value);
                        if (setting_option_value == '1') {
                            el.html('Opt Out')
                            $('.' + pluginSlug + '-modal [option-name="' + setting_name + '"]').closest('.communication-container').removeClass('wpb-deactivated');  // Add deactivated class
                            if (setting_name === 'extensions') {
                                $('.' + pluginSlug + '-modal .wpb-optin-switch input').prop('checked', true);
                            }
                        }
                        if (setting_option_value == '0') {
                            el.html('Opt In')
                            $('.' + pluginSlug + '-modal [option-name="' + setting_name + '"]').closest('.communication-container').addClass('wpb-deactivated');  // Add deactivated class

                            if (setting_name === 'extensions') {
                                $('.' + pluginSlug + '-modal .wpb-optin-switch input').prop('checked', false);
                            }


                        }
                        // Update UI after successful opt-in/out request
                        $('.' + pluginSlug + '-modal [data-optin="extensions"]').show().siblings('.' + pluginSlug + '-modal-body').hide();  // Show extensions section
                        $('.' + pluginSlug + '-modal [data-optin-footer="extensions"]').show().siblings('.' + pluginSlug + '-modal-footer').hide();  // Show footer
                        el.closest('.communication-container').removeClass('wpb-loading');

                        // Update UI if the user opted out
                        // if (setting_name == 'extensions') {
                        $('.' + pluginSlug + '-modal .wpb-' + setting_name + '-switch-feedback').addClass('success');
                        $('.' + pluginSlug + '-modal .wpb-' + setting_name + '-switch-feedback').html('<i class="dashicons dashicons-yes"></i> Saved');
                        // }
                    }
                });
            }
        });
    })(jQuery);
</script>
#e-announcements-root {
  position: fixed;
  display: flex;
  inset: 0;
  align-items: center;
  justify-content: center;
  color: var(--e-a-color-txt);
  font-family: Roboto, Arial, Helvetica, sans-serif;
  z-index: 9998;
}
#e-announcements-root .announcements-container {
  width: 640px;
  max-width: 100%;
  background-color: var(--e-a-bg-default);
  border-radius: var(--e-a-border-radius);
  z-index: 9998;
}
#e-announcements-root .announcements-container .announcements-heading-container {
  display: flex;
  align-items: center;
  padding: 16px 32px;
  border-block-end: var(--e-a-border);
}
#e-announcements-root .announcements-container .announcements-heading-container .eicon-elementor {
  color: var(--e-a-color-logo);
  background-color: var(--e-a-bg-logo);
  border-radius: 50%;
  padding: 8px;
}
#e-announcements-root .announcements-container .announcements-heading-container .heading-title {
  margin-inline-start: 12px;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--e-a-color-txt-active);
}
#e-announcements-root .announcements-container .announcements-heading-container .close-button {
  margin-inline-start: auto;
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}
#e-announcements-root .announcements-container .announcements-heading-container .close-button:hover {
  color: var(--e-a-color-txt-hover);
}
#e-announcements-root .announcements-container .announcement-body-container .announcement-body-media img {
  width: 100%;
  max-height: 360px;
  object-fit: contain;
}
#e-announcements-root .announcements-container .announcement-body-container .announcement-body-content {
  padding: 30px;
}
#e-announcements-root .announcements-container .announcement-body-container .announcement-body-content .announcement-body-title {
  font-size: 18px;
  font-weight: 700;
  color: var(--e-a-color-txt-accent);
  padding-block-end: 15px;
}
#e-announcements-root .announcements-container .announcement-body-container .announcement-body-content .announcement-body-description {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: var(--e-a-color-txt);
}
#e-announcements-root .announcements-container .announcement-body-container .announcement-body-content p {
  margin-block-end: 15px;
}
#e-announcements-root .announcements-container .announcement-body-container .announcement-body-content ul {
  margin-inline-start: 20px;
  margin-block-end: 15px;
}
#e-announcements-root .announcements-container .announcement-body-container .announcement-body-content li {
  list-style: disc;
  margin-block-end: 5px;
}
#e-announcements-root .announcements-container .announcement-footer-container {
  display: flex;
  flex-direction: row-reverse;
  padding: 12px 32px 32px;
}
#e-announcements-root .announcements-container .announcement-footer-container .button-item {
  margin-inline-start: 12px;
  padding: 8px 16px;
  outline: none;
  border: none;
  border-radius: var(--e-a-border-radius);
  transition: var(--e-a-transition-hover);
  background: transparent;
  color: var(--e-a-color-txt);
  cursor: pointer;
}
#e-announcements-root .announcements-container .announcement-footer-container .button-item:hover {
  background: var(--e-a-bg-hover);
  color: var(--e-a-color-txt-hover);
}
#e-announcements-root .announcements-container .announcement-footer-container .button-item:disabled {
  background: transparent;
  color: var(--e-a-color-txt-disabled);
}
#e-announcements-root .announcements-container .announcement-footer-container .button-item.primary {
  background-color: var(--e-a-btn-bg-accent);
  color: var(--e-a-btn-color-invert);
}
#e-announcements-root .announcements-container .announcement-footer-container .button-item.primary:hover {
  background-color: var(--e-a-btn-bg-accent-hover);
}
#e-announcements-root .announcements-container .announcement-footer-container .button-item.primary:active {
  background-color: var(--e-a-btn-bg-accent-active);
}
#e-announcements-root .announcements-screen-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}

/*# sourceMappingURL=announcements.css.map */No direct access allowed