/* variables from theme configuration */
:root {
    --am_logo_link: 1;
--am_bg: #f1f5f9;
--am_bg_size: auto;
--am_bg_size_px: auto;
--am_bg_attachment: scroll;
--am_bg_repeat: no-repeat;
--am_color: #f1f5f9;
--am_link_color: #00AEEF;
--am_btn_color: #00AEEF;
--am_text_color: #2a333c;
--am_color_c: #0e0a06;
--am_color_d: #bfc3c7;
--am_logo_align: center;
--am_logo_width: auto;
--am_logo_width_px: auto;
--am_max_width: 800;
--am_max_width_px: 800px;
--am_font_size: 14;
--am_font_size_px: 14px;
--am_font_family: Roboto;
--am_drop_shadow: 1;
--am_content_shadow: 0px 0px 5px #00000022;;
--am_login_layout: layout.phtml;
--am_login_bg: none;
--am_login_bg_color: unset;
--am_login_shadow: none;
--am_login_legend_bg: #00AEEF;
--am_login_legend_padding_top: 1em;
--am_login_form_bg_color: #00AEEF;
--am_login_header_display: block;
--am_login_type: am-page-login-no-label;
--am_header_bg_color: #ebebeb;
--am_header_bg_size: cover;
--am_header_bg_size_px: cover;
--am_header_bg_repeat: no-repeat;
--am_header_bg: #ebebeb;
--am_menu_color: #00AEEF;
--am_menu_dashboard: icon;
--am_dashboard_layout: two-col;
--am_identity_align: left;
--am_identity_type: login;
--am_page_bg_color: #f1f1f1;
--am_page_bg: #f1f1f1;
--am_header_menu_link_color: #000000;
--am_header_menu_link2_color: #000000;
--am_header_menu_bg_color: #dee7ec;
--am_footer_bg: #2a333c;
--am_footer_bg_color: #2a333c;
--am_footer_text_color: #f1f5f9;
--am_footer_link_color: #0d0d0d;
--am_sm_size: 18;
--am_sm_size_px: 18px;
--am_sm_color: #00AEEF;
--am_header_logo: 47;
--am_home_url: https://buddyseotools.com/;
--am_body_finish_out: <!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1409732120742459');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1409732120742459&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->




<script src="https://www.google.com/recaptcha/enterprise.js?render=6LeNGAQrAAAAAOFxrtDNk1jaHQUMFcph3sRSC8Kd"></script>
    <script>
      function onSubmit(e) {
        e.preventDefault();
        grecaptcha.ready(function() {
          grecaptcha.execute('6LeNGAQrAAAAAOFxrtDNk1jaHQUMFcph3sRSC8Kd', {action: 'submit'}).then(function(token) {
              document.getElementById('g-recaptcha-response').value = token;
              document.forms['login'].submit();
          });
        });
      }
    </script>


    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
    <style>

        /* Chat Button Styles */
        .chat-container {
            position: fixed;
            bottom: 30px;
            left: 30px;
            z-index: 1000;
            outline: none;
        }

        .chat-button {
            background: linear-gradient(145deg, #00AEEF, #007bff);
            color: white;
            border: none;
            border-radius: 50%;
            width: 70px;
            height: 70px;
            font-size: 28px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: transform 0.3s, box-shadow 0.3s;
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
            position: relative;
        }

        .chat-button:hover {
            background: linear-gradient(145deg, #007bff, #0056b3);
            transform: scale(1.1);
            box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3);
        }

        .chat-button:active {
            transform: scale(0.95);
        }

        .chat-button i {
            transition: transform 0.3s, opacity 0.3s;
        }

        .chat-container.show .chat-button i {
            transform: rotate(360deg);
            opacity: 0.8;
        }

        .ripple-container {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 70px;
            height: 70px;
            transform: translate(-50%, -50%);
            pointer-events: none;
            z-index: -1;
        }

        .ripple {
            position: absolute;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            background: rgba(0, 174, 239, 0.5);
            animation: rippleEffect 2s infinite;
        }

        .ripple:nth-child(2) {
            animation-delay: 1s;
        }

        @keyframes rippleEffect {
            0% {
                transform: scale(0.5);
                opacity: 1;
            }
            100% {
                transform: scale(2.5);
                opacity: 0;
            }
        }

        .popup {
            display: grid;
            grid-template-columns: 1fr;
            gap: 15px;
            position: absolute;
            bottom: 80px;
            left: 0;
            background-color: #fff;
            border-radius: 15px;
            width: 240px;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
            padding: 15px;
            transform: translateY(20px);
            transition: all 0.5s ease;
            opacity: 0;
            visibility: hidden;
        }

        .chat-container.show .popup {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        .popup-option {
            display: flex;
            align-items: center;
            padding: 12px 20px;
            cursor: pointer;
            transition: all 0.3s ease;
            background: #f8f9fa;
            border-radius: 10px;
            color: #333;
            text-decoration: none;
        }

        .popup-option i {
            margin-right: 10px;
            font-size: 18px;
            color: #00AEEF;
            transition: color 0.3s;
        }

        .popup-option:hover {
            background: linear-gradient(135deg, #00AEEF, #007bff);
            color: white;
            transform: translateX(5px);
        }

        .popup-option:hover i {
            color: white;
        }

        .popup-option.hidden {
            transform: translateY(20px);
            opacity: 0;
        }

        /* Responsive Styles */
        @media (max-width: 1200px) {
            .chat-button {
                font-size: 24px;
                width: 65px;
                height: 65px;
            }

            .popup {
                width: 230px;
            }
        }

        @media (max-width: 992px) {
            .chat-button {
                font-size: 22px;
                width: 60px;
                height: 60px;
            }

            .popup-option {
                padding: 10px 15px;
            }

            .popup {
                width: 220px;
                gap: 12px;
                padding: 12px;
            }
        }

        @media (max-width: 768px) {
            .chat-button {
                font-size: 20px;
                width: 55px;
                height: 55px;
            }

            .popup {
                width: 200px;
            }

            .popup-option {
                padding: 8px 12px;
            }
        }

        @media (max-width: 480px) {
            .chat-button {
                font-size: 18px;
                width: 50px;
                height: 50px;
            }

            .popup {
                width: 180px;
            }

            .popup-option {
                padding: 6px 10px;
                font-size: 14px;
            }
        }
    </style>
    <!-- Chat Button Component -->
    <div class="chat-container" id="chatContainer" role="complementary" aria-label="Live chat options">
        <button class="chat-button" id="chatButton" aria-haspopup="true" aria-expanded="false" type="button" aria-controls="popup">
            <i class="fa fa-headset"></i>
            <div class="ripple-container">
                <div class="ripple"></div>
                <div class="ripple"></div>
            </div>
        </button>

        <div class="popup" id="popup" role="menu" aria-labelledby="chatButton">
            <div class="popup-option hidden" role="menuitem" tabindex="0" onclick="window.open('https://wa.me/8801611772470', '_blank')">
                <i class="fab fa-whatsapp"></i> WhatsApp
            </div>
            <div class="popup-option hidden" role="menuitem" tabindex="0" onclick="window.open('http://t.me/Buddyseotools', '_blank')">
                <i class="fab fa-telegram"></i> Telegram
            </div>
            <div class="popup-option hidden" role="menuitem" tabindex="0" onclick="window.open('https://www.facebook.com/profile.php?id=61565924349051', '_blank')">
                <i class="fab fa-facebook-messenger"></i> Messenger
            </div>
            <div class="popup-option hidden" role="menuitem" tabindex="0" onclick="window.open('https://whatsapp.com/channel/0029VagrBymKmCPIWJ78s422', '_blank')">
                <i class="fas fa-users"></i> Join Team
            </div>
            <div class="popup-option hidden" role="menuitem" tabindex="0" onclick="window.location.href='tel:+8801611772470'">
                <i class="fas fa-phone-alt"></i> Call Now
            </div>
        </div>
    </div>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.min.js"></script>
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            const chatContainer = document.getElementById('chatContainer');
            const chatButton = document.getElementById('chatButton');
            const popup = document.getElementById('popup');
            const popupOptions = document.querySelectorAll('.popup-option');
            let hideTimeout;

            const showPopup = () => {
                clearTimeout(hideTimeout);
                chatContainer.classList.add('show');
                popupOptions.forEach((option, index) => {
                    setTimeout(() => {
                        option.classList.remove('hidden');
                    }, index * 100);
                });
                chatButton.setAttribute('aria-expanded', 'true');
            };

            const hidePopup = () => {
                hideTimeout = setTimeout(() => {
                    if (!chatContainer.matches(':hover') && !popup.matches(':hover')) {
                        chatContainer.classList.remove('show');
                        popupOptions.forEach((option) => option.classList.add('hidden'));
                        chatButton.setAttribute('aria-expanded', 'false');
                    }
                }, 300);
            };

            // Show popup on hover or focus
            chatButton.addEventListener('mouseover', showPopup);
            chatButton.addEventListener('focus', showPopup);

            // Hide popup when leaving the container and popup area
            chatContainer.addEventListener('mouseleave', hidePopup);
            popup.addEventListener('mouseleave', hidePopup);

            // Prevent hiding when moving within the popup area
            chatButton.addEventListener('mouseover', () => clearTimeout(hideTimeout));
            popup.addEventListener('mouseover', () => clearTimeout(hideTimeout));

            // Keyboard accessibility
            popupOptions.forEach(option => {
                option.addEventListener('keypress', function (event) {
                    if (event.key === 'Enter' || event.key === ' ') {
                        event.preventDefault();
                        option.click();
                    }
                });
            });

            // Click to toggle
            chatButton.addEventListener('click', showPopup);
        });
    </script>;
--am_body_finish_in: <!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1409732120742459');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1409732120742459&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->


<style>
    /* Preloader styles */
    #preloader {
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 9999;
      background-color: #ffffff;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      opacity: 1;
      visibility: visible;
      transition: opacity 0.5s ease, visibility 0.5s ease;
    }

    .preloader-fade-out {
      opacity: 0;
      visibility: hidden;
    }

    .spinner {
      border: 8px solid #f3f3f3;
      border-top: 8px solid #3498db;
      border-radius: 50%;
      width: 60px;
      height: 60px;
      animation: spin 1s linear infinite;
      margin-bottom: 20px;
    }

    @keyframes spin {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
    }

    .loading-text {
      font-size: 24px;
      font-family: 'Poppins', sans-serif;
      font-weight: 700;
      color: #3498db;
      letter-spacing: 2px;
      animation: fadeSlideIn 3s infinite cubic-bezier(0.25, 1, 0.5, 1);
    }

    @keyframes fadeSlideIn {
      0%, 100% {
        opacity: 0;
        transform: translateY(-20px);
      }
      50% {
        opacity: 1;
        transform: translateY(0);
      }
    }
  </style>
  <div id="preloader">
    <div class="spinner"></div>
    <div class="loading-text">Buddy SEO Tools</div>
  </div>

<script>
        document.addEventListener("DOMContentLoaded", function () {
            let preloader = document.getElementById("preloader");
            let content = document.getElementById("content");

            // Ensure the preloader is visible initially
            preloader.style.display = 'flex';
            content.style.display = 'none';
        });

        window.addEventListener('load', function () {
            let preloader = document.getElementById("preloader");
            let content = document.getElementById("content");

            if (preloader) {
                requestAnimationFrame(() => {
                    preloader.classList.add('preloader-fade-out');
                    setTimeout(() => {
                        preloader.style.display = "none";
                        content.style.display = "block";
                    }, 500); // Wait for the CSS transition to complete
                });
            }
        });

        document.addEventListener('visibilitychange', function () {
            if (document.visibilityState === 'visible') {
                let preloader = document.getElementById("preloader");
                if (preloader) {
                    requestAnimationFrame(() => {
                        preloader.classList.add('preloader-fade-out');
                        setTimeout(() => {
                            preloader.style.display = "none";
                        }, 500); // Wait for the CSS transition to complete
                    });
                }
            }
        });
    </script>








    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
    <style>

        /* Chat Button Styles */
        .chat-container {
            position: fixed;
            bottom: 30px;
            left: 30px;
            z-index: 1000;
            outline: none;
        }

        .chat-button {
            background: linear-gradient(145deg, #00AEEF, #007bff);
            color: white;
            border: none;
            border-radius: 50%;
            width: 70px;
            height: 70px;
            font-size: 28px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: transform 0.3s, box-shadow 0.3s;
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
            position: relative;
        }

        .chat-button:hover {
            background: linear-gradient(145deg, #007bff, #0056b3);
            transform: scale(1.1);
            box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3);
        }

        .chat-button:active {
            transform: scale(0.95);
        }

        .chat-button i {
            transition: transform 0.3s, opacity 0.3s;
        }

        .chat-container.show .chat-button i {
            transform: rotate(360deg);
            opacity: 0.8;
        }

        .ripple-container {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 70px;
            height: 70px;
            transform: translate(-50%, -50%);
            pointer-events: none;
            z-index: -1;
        }

        .ripple {
            position: absolute;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            background: rgba(0, 174, 239, 0.5);
            animation: rippleEffect 2s infinite;
        }

        .ripple:nth-child(2) {
            animation-delay: 1s;
        }

        @keyframes rippleEffect {
            0% {
                transform: scale(0.5);
                opacity: 1;
            }
            100% {
                transform: scale(2.5);
                opacity: 0;
            }
        }

        .popup {
            display: grid;
            grid-template-columns: 1fr;
            gap: 15px;
            position: absolute;
            bottom: 80px;
            left: 0;
            background-color: #fff;
            border-radius: 15px;
            width: 240px;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
            padding: 15px;
            transform: translateY(20px);
            transition: all 0.5s ease;
            opacity: 0;
            visibility: hidden;
        }

        .chat-container.show .popup {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        .popup-option {
            display: flex;
            align-items: center;
            padding: 12px 20px;
            cursor: pointer;
            transition: all 0.3s ease;
            background: #f8f9fa;
            border-radius: 10px;
            color: #333;
            text-decoration: none;
        }

        .popup-option i {
            margin-right: 10px;
            font-size: 18px;
            color: #00AEEF;
            transition: color 0.3s;
        }

        .popup-option:hover {
            background: linear-gradient(135deg, #00AEEF, #007bff);
            color: white;
            transform: translateX(5px);
        }

        .popup-option:hover i {
            color: white;
        }

        .popup-option.hidden {
            transform: translateY(20px);
            opacity: 0;
        }

        /* Responsive Styles */
        @media (max-width: 1200px) {
            .chat-button {
                font-size: 24px;
                width: 65px;
                height: 65px;
            }

            .popup {
                width: 230px;
            }
        }

        @media (max-width: 992px) {
            .chat-button {
                font-size: 22px;
                width: 60px;
                height: 60px;
            }

            .popup-option {
                padding: 10px 15px;
            }

            .popup {
                width: 220px;
                gap: 12px;
                padding: 12px;
            }
        }

        @media (max-width: 768px) {
            .chat-button {
                font-size: 20px;
                width: 55px;
                height: 55px;
            }

            .popup {
                width: 200px;
            }

            .popup-option {
                padding: 8px 12px;
            }
        }

        @media (max-width: 480px) {
            .chat-button {
                font-size: 18px;
                width: 50px;
                height: 50px;
            }

            .popup {
                width: 180px;
            }

            .popup-option {
                padding: 6px 10px;
                font-size: 14px;
            }
        }
    </style>
    <!-- Chat Button Component -->
    <div class="chat-container" id="chatContainer" role="complementary" aria-label="Live chat options">
        <button class="chat-button" id="chatButton" aria-haspopup="true" aria-expanded="false" type="button" aria-controls="popup">
            <i class="fa fa-headset"></i>
            <div class="ripple-container">
                <div class="ripple"></div>
                <div class="ripple"></div>
            </div>
        </button>

        <div class="popup" id="popup" role="menu" aria-labelledby="chatButton">
            <div class="popup-option hidden" role="menuitem" tabindex="0" onclick="window.open('https://wa.me/8801611772470', '_blank')">
                <i class="fab fa-whatsapp"></i> WhatsApp
            </div>
            <div class="popup-option hidden" role="menuitem" tabindex="0" onclick="window.open('http://t.me/Buddyseotools', '_blank')">
                <i class="fab fa-telegram"></i> Telegram
            </div>
            <div class="popup-option hidden" role="menuitem" tabindex="0" onclick="window.open('https://www.facebook.com/profile.php?id=61565924349051', '_blank')">
                <i class="fab fa-facebook-messenger"></i> Messenger
            </div>
            <div class="popup-option hidden" role="menuitem" tabindex="0" onclick="window.open('https://whatsapp.com/channel/0029VagrBymKmCPIWJ78s422', '_blank')">
                <i class="fas fa-users"></i> Join Team
            </div>
            <div class="popup-option hidden" role="menuitem" tabindex="0" onclick="window.location.href='tel:+8801611772470'">
                <i class="fas fa-phone-alt"></i> Call Now
            </div>
        </div>
    </div>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.min.js"></script>
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            const chatContainer = document.getElementById('chatContainer');
            const chatButton = document.getElementById('chatButton');
            const popup = document.getElementById('popup');
            const popupOptions = document.querySelectorAll('.popup-option');
            let hideTimeout;

            const showPopup = () => {
                clearTimeout(hideTimeout);
                chatContainer.classList.add('show');
                popupOptions.forEach((option, index) => {
                    setTimeout(() => {
                        option.classList.remove('hidden');
                    }, index * 100);
                });
                chatButton.setAttribute('aria-expanded', 'true');
            };

            const hidePopup = () => {
                hideTimeout = setTimeout(() => {
                    if (!chatContainer.matches(':hover') && !popup.matches(':hover')) {
                        chatContainer.classList.remove('show');
                        popupOptions.forEach((option) => option.classList.add('hidden'));
                        chatButton.setAttribute('aria-expanded', 'false');
                    }
                }, 300);
            };

            // Show popup on hover or focus
            chatButton.addEventListener('mouseover', showPopup);
            chatButton.addEventListener('focus', showPopup);

            // Hide popup when leaving the container and popup area
            chatContainer.addEventListener('mouseleave', hidePopup);
            popup.addEventListener('mouseleave', hidePopup);

            // Prevent hiding when moving within the popup area
            chatButton.addEventListener('mouseover', () => clearTimeout(hideTimeout));
            popup.addEventListener('mouseover', () => clearTimeout(hideTimeout));

            // Keyboard accessibility
            popupOptions.forEach(option => {
                option.addEventListener('keypress', function (event) {
                    if (event.key === 'Enter' || event.key === ' ') {
                        event.preventDefault();
                        option.click();
                    }
                });
            });

            // Click to toggle
            chatButton.addEventListener('click', showPopup);
        });
    </script>;
--am_header_path: 67c213d4751c9.png;
--am_link_color_a99: #00AEEF99;

}
/* end: variables from theme configuration */

body, html {
    font-size: var(--am_font_size_px);
    background: none;
}

html {
    background: var(--am_bg);
    background-size: var(--am_bg_size);
    background-attachment: var(--am_bg_attachment);
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.am-layout {
    flex: 1;
}

.am-footer {
    height: auto;
    background: var(--am_footer_bg);
}

.am-common {
    font-family: var(--am_font_family), san-serif;
    color: var(--am_text_color);
}

.am-common legend {
    color: var(--am_text_color);
}

.am-common a {
    color: var(--am_link_color);
    text-decoration-color: var(--am_link_color_a99);
}

.ajax-link, .local-link, .local {
    text-decoration-color: var(--am_link_color_a99);
}

.am-layout {
    min-height: initial;
    margin: 0;
    background: none;
}

.am-header {
    background: var(--am_header_bg);
    background-size: var(--am_header_bg_size);
}

.am-header .am-header-content-wrapper {
    border: none;
    background: none;
}

.am-header-line {
    border:none;
    background: none;
}

.am-footer .am-footer-content-wrapper {
    background: none;
    color: inherit;
    height: auto;
}

.am-footer-content-content {
    padding: 1em 0;
}

.am-footer-text {
    text-align: center;
}

.am-footer .am-footer-content .am-footer-sm a {
    color: var(--am_sm_color);
    font-size: var(--am_sm_size_px);
}

.am-body {
    background: none;
}

.am-body .am-body-content-wrapper {
    border: none;
    padding-bottom: 1em;
    margin-bottom: 50px;
    box-shadow: var(--am_content_shadow);
    border-radius: var(--am_border_radius_px);
    background: var(--am_page_bg);
}

.am-body-content {
    min-height: 300px;
}

.am-header-content-wrapper {
    padding: 0;
}

.am-header-content-content {
    display: none;
}

.am-header .am-header-content .am-header-content-logo {
    float: none;
    margin: 0;
}

.am-header .am-header-content .am-header-logo-wrapper {
    text-align: var(--am_logo_align);
}

.am-main {
    max-width: var(--am_max_width_px);
}

.am-header-content img {
    width: var(--am_logo_width);
}

.am-footer-actions {
    display:none;
}

.am-footer .am-footer-content-wrapper {
    color: var(--am_footer_text_color);
    font-size:.8rem;
}

.am-footer a,
.am-footer a:hover,
.am-footer a:visited,
.am-footer a:active {
    color: var(--am_footer_link_color)
}

.am-user-identity-block {
    float: var(--am_identity_align);
}

.am-page-login .am-header {
    display: var(--am_login_header_display);
}

.am-page-login .am-auth-form legend {
    background: var(--am_login_legend_bg);
    padding-top: var(--am_login_legend_padding_top);
}

.am-page-login .am-auth-form div.am-row {
    background: var(--am_login_form_bg_color);
}

.am-page-login .am-body-content-wrapper {
    background: var(--am_login_bg_color);
    box-shadow: var(--am_login_shadow);
}

.am-auth-form form {
    border: none;
    overflow: hidden;
    box-shadow: 0px 0px 5px #00000022;
}

.am-auth-form form legend {
    border: none;
    background: #f9f9f9;
    padding: 1em 1em 1.5em;
}

.am-auth-form div.am-row div.element,
.am-auth-form div.am-row div.am-element-title {
    padding-right: 2em;
    padding-left: 2em;
}

@media all and (min-width:500px) {

    .am-auth-form div.am-row div.am-element-title {
        padding-right: .5em;
    }
    .am-auth-form div.am-row div.am-element {
        padding-left: .5em;
    }
}

.am-popup {
    border-color: var(--am_color_d);
}

.am-popup .am-popup-header {
    background: var(--am_color);
    color: var(--am_color_c);
}

.am-popup .am-popup-close-icon:after {
    color: var(--am_color_c);
}

.am-fb-login-button-wrapper.am-fb-login-form-after:before,
.am-fb-login-button-wrapper.am-fb-login-form-before:after {
    background: var(--am_color);
}

.am-popup .am-fb-login-button-wrapper.am-fb-login-form-after::before,
.am-popup .am-fb-login-button-wrapper.am-fb-login-form-before::after {
    background: white;
}

.am-signup-link {
    color: var(--am_color_c);
}

.am-login-layout-with-sidebar {
    max-width: 800px;
    margin: 2em auto 0;
}

.am-login-layout-with-sidebar .am-login-form-wrapper,
.am-login-layout-with-sidebar .am-sendpass-form-wrapper {
    margin-top: 0;
}

.am-signup-link {
    max-width: 450px;
    margin: 1em auto 0;
}

@media all and (min-width: 800px) {
    .am-login-layout-with-sidebar .am-login-layout-with-sidebar_form {
        float: left;
        width: 65%;
    }
    .am-login-layout-with-sidebar .am-login-layout-with-sidebar_sidebar {
        display: block;
        width: 35%;
        float: right;
        padding-left: 20px;
        box-sizing: border-box;
    }
    .am-login-layout-with-sidebar .am-auth-form {
        margin: 0;
    }
    .am-login-layout-with-sidebar .am-signup-link {
        margin: 1em 0 0;
    }
}
.am-login-layout-with-sidebar .am-login-layout-with-sidebar_sidebar {
    border-radius: 3px;
    padding: 1em 2em;
    max-width: 450px;
    box-sizing: border-box;
    box-shadow: 0 0 5px #00000022;
    background: #f9f9f9;
    color: #555;
}
.am-login-layout-with-sidebar_clear {
    clear: both;
}

@media all and (max-width: 799px) {
    .am-login-layout-with-sidebar .am-login-layout-with-sidebar_sidebar {
        margin: 2em auto 0;
    }
}

ul.am-tabs li.active,
ul.am-tabs li.normal:hover {
    background: var(--am_menu_color);
}

ul.am-tabs li.active > a,
ul.am-tabs li.normal > a:hover {
    border-color: var(--am_menu_color);
}

.am-page-login-no-label .am-auth-form,
.am-page-login-no-label .am-signup-link,
.am-page-login-no-label .am-fb-login-button-wrapper {
    max-width:350px;
}

.am-page-login-no-label .am-auth-form div.am-row div.am-element-title {
    display: none;
}

.am-page-login-no-label .am-auth-form div.am-row div.am-element {
    margin:0;
    padding:.6em 2em;
}

.am-page-login-no-label .am-auth-form div.am-row div.am-element input[type=submit],
.am-page-login-no-label .am-auth-form div.am-row div.am-element input[type=submit]:active,
.am-page-login-no-label .am-auth-form div.am-row div.am-element input[type=submit]:hover,
.am-page-login-no-label .am-auth-form div.am-row div.am-element input[type=submit]:disabled {
    width: 100%;
}

.am-page-login-no-label .am-auth-form .am-form-login-switch-wrapper {
    text-align: center;
    display: block;
    padding: 1.2em 2em .6em;
}

.am-page-login-no-label .am-auth-form .am-form-login-switch-wrapper  .am-form-login-switch {
    margin:0;
}

@media all and (max-width: 799px) {
    .am-page-login-no-label .am-login-layout-with-sidebar .am-login-layout-with-sidebar_sidebar {
        max-width:350px;
        margin: 2em auto 0;
    }
}

.am-body-content input,
.am-body-content textarea,
.am-body-content select,
.am-body-content button,
.am-popup input,
.am-popup textarea,
.am-popup select,
.am-popup button {
    font-family: var(--am_font_family), san-serif;
}

.am-body-content a.button,
.am-body-content button,
.am-body-content input[type="button"],
.am-body-content input[type="submit"],
.am-popup a.button,
.am-popup button,
.am-popup input[type="button"],
.am-popup input[type="submit"],
.am-body-content a.button:hover,
.am-body-content button:hover,
.am-body-content input[type="button"]:hover,
.am-body-content input[type="submit"]:hover,
.am-popup a.button:hover,
.am-popup button:hover,
.am-popup input[type="button"]:hover,
.am-popup input[type="submit"]:hover {
    color: white;
    background: var(--am_btn_color);
    border-color: var(--am_btn_color);
}

.am-body-content input[type=submit]:disabled,
.am-body-content input[type=submit]:disabled:hover,
.am-body-content input[type=button]:disabled,
.am-body-content input[type=button]:disabled:hover,
.am-body-content button:disabled,
.am-body-content button:disabled:hover,
.am-popup input[type=submit]:disabled,
.am-popup input[type=submit]:disabled:hover,
.am-popup input[type=button]:disabled,
.am-popup input[type=button]:disabled:hover
.am-popup button:disabled,
.am-popup button:disabled:hover {
    background: #f1f1f1;
    color: #ccc;
    border-color: #ced4da;
}

.input-file .input-file-button,
.input-file.hover .input-file-button {
    color: white;
    background: var(--am_btn_color);
    border: none;
    text-shadow: none;
}
.input-file.hover {
    border-color: var(--am_btn_color);
}

ul.am-header-menu a {
    color: var(--am_header_menu_link_color);
}

ul.am-header-menu ul a {
    color: var(--am_header_menu_link2_color);
}

ul.am-header-menu > li > a::after {
    background: var(--am_header_menu_link_color);
    opacity: .4;
}

ul.am-header-menu li ul {
    background: var(--am_header_menu_bg_color);
}

.am-grid-wrap .filter-button input[type=submit] {
    border-color: #ced4da;
}