/*
Theme Name: PWF Child Theme
Description: This is a child theme for Flatsome.
Author: UX Themes
Template: flatsome
Version: 1.0
*/

/*************** ADD CUSTOM CSS BELOW ***************/

/* General Styles */
body {
    font-family: Arial, sans-serif;
    color: #333;
    background-color: #fff;
    margin: 0;
    padding: 0;
}

/* Header Styling */
header {
    background-color: #f8f8f8;
    padding: 10px;
    text-align: center;
}

/* Mobile Styles */
@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE ***************/
    body {
        font-size: 14px;
    }

    header {
        padding: 5px;
    }
}

/* Fix for Flatsome Theme Issues */
.container {
    max-width: 1200px;
    margin: auto;
    padding: 15px;
}

/* Links */
a {
    color: #ec52ea; /* YOUR ORIGINAL LINK COLOR */
    text-decoration: none;
}

a:hover {
    color: #000; /* YOUR ORIGINAL HOVER COLOR */
    text-decoration: underline;
}

/* Buttons */
button, .button {
    background-color: #ec52ea; /* YOUR ORIGINAL BUTTON COLOR */
    color: #fff;
    padding: 10px 15px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    font-weight: bold;
}

button:hover, .button:hover {
    background-color: #000; /* YOUR ORIGINAL HOVER COLOR */
    color: #fff;
}

/* Footer */
footer {
    background-color: #222;
    color: #fff;
    padding: 20px;
    text-align: center;
}
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XT0BF8F73V">
</script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-XT0BF8F73V');
</script>