body {
        --text-main: #555555;
        --primary: #71b0e3;
        --secondary: #2a73a9;
        --primary-color: #71b0e3;
        --secondary-color: #2a73a9;
        --base-color: #555555;
        --content-link-color: #3c6640;
        --button-color: #2a73a9;
        --button-hover-color: #1f3021;
        content_link_color
        --hornav_font_color: #e8f5ff;
        --header_bg: #1f1125;
        --mobile-menu-bg: #2e3440;
        --mobile-menu-toggle: #4c566a;
        --h1-color: #51585c;
        --h2-color: #1f1f1d;
        --h3-color: #2a73a9;
        --h4-color: #7d857e;
    }

    .blog-alternative .item, .blog-alternative .item-content {
        width: 100%;
    }

    body, .hornav ul ul, .hornav ul ul a {
        font-family: Raleway, Arial, Verdana, sans-serif;
        font-size: 16px;
    }

    a {
        color: #3c6640;
    }

    h1 {
        font-family: Titillium Web, Arial, Verdana, sans-serif;
    }

    h2, h2 a:link, h2 a:visited {
        font-family: Titillium Web, Arial, Verdana, sans-serif;
    }

    h3 {
        font-family: Titillium Web, Arial, Verdana, sans-serif;
    }

    h4 {
        font-family: Titillium Web, Arial, Verdana, sans-serif;
    }

    .hornav, .btn, .button, button {
        font-family: Titillium Web
    }

    .wrapper960 {
        width: 1100px;
    }

    .logo {
        top: 15px;
        left: 0px;
    }

    .logo-text {
        color: #ffffff;
        font-family: Titillium Web;
        font-size: 55px;
    }

    .scrolled .logo-text {
        color:;
    }

    .logo-slogan {
        color: #ffffff;
        font-size: 11px;
    }

    .hornav ul.menu li a, .hornav ul.menu li span, .hornav > ul > .parent::after {
        color: #e8f5ff;
    }

    .hornav ul.menu ul li a, .hornav ul.menu ul li span {
        color: #2d2d28;
    }

    .hornav ul ul {
        background-color: #fafafa;
    }

    .hornav ul ul:before {
        border-color: transparent transparent #fafafa transparent;
    }

    .sidecol_a {
        width: 30%;
    }

    .sidecol_b {
        width: 30%;
    }

    ul.dot li::before, .text-primary {
        color: #71b0e3;
    }

    .j51news .hover-overlay, .background-primary {
        background-color: #71b0e3;
    }

    .btn, button, .pager.pagenav a, .btn:hover, .slidesjs-next.slidesjs-navigation, .slidesjs-previous.slidesjs-navigation {
        background-color: #2a73a9;
        color: #fff;
    }

    .btn, .button, button {
        background-color: #2a73a9;
    }

    .btn:hover, button:hover, .btn:focus, .btn:active, .btn.active, .readmore .btn:hover, .dropdown-toggle:hover {
        background-color: #1f3021;
        color: #ffffff;
    }

    .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
        border-bottom-color: #2a73a9;
    }

    blockquote {
        border-color: #2a73a9;
    }

    .btn:hover, .button:hover, button:hover {
        border-color: #1f3021;
    }

    body {
        background-color: #fff;
    }

    .showcase_seperator svg {
        fill:;
    }

    #container_main {
        background-color: rgba(255, 255, 255, 1);
    }

    .container_footer {
        background-color: rgba(4, 15, 5, 1);
    }

    [id] {
        scroll-margin-top: 114px;
    }

    #container_header {
        background-color: #1f1125;
    }

    .body_bg {
        background-color: #ffffff;
    }

    .header_top {
        background-color: #ffffff;
    }

    @media only screen and (max-width: 959px) {
        .primary-logo-image, .logo-image-scrolled {
            display: none !important;
        }

        .mobile-logo-image {
            display: inline-block !important;
        }
    }

    @media only screen and (max-width: 1100px) {
        .module_block, .wrapper960 {
            width: 100% !important;
        }
    }

    @media only screen and (max-width: 1010px) {
        .hornav:not(.header-3) {
            display: none !important;
        }

        .menu-toggle {
            display: flex;
        }
    }

    @media only screen and (max-width: 767px) {
        .showcase {
            display: none;
        }

        .mobile_showcase {
            display: inline;
        }
    }

    @media only screen and (min-width: 768px) {
        .bottom-1a .module_surround {
            padding-top: 100px !important;
        }
    }

    /* ========================================== */
    /* ===== Updates for Joomla51 'Layla' template ===== */
    /* ========================================== */

    /* Update line height for all main text. Template sets this to 1.75em - too large! */
    /* Updated while trying to get formatting of FAQ page to work. Thought this looks better as a global thing */
    body {
        line-height: 1.6em;
    }
    
    /* Update line height for h3 text. Template sets this to 1em - Required for FAQ page 'questions' */
    h3 {
        line-height: 1.6em;
    }
    
    /* Move search field in header down */
    .mod-finder {
        position: relative;
        top: 14px;
    }
    
    /* Center copyright text in base of footer */
    .container_footer .wrapper960 {
        justify-content: center;
    }
    
    /* Make padding for main articles smaller */
    .maincontent {
        padding-top: 30px;
    }
    
    /* Add a top and bottom margin to all sidecol_b modules on all pages */
    /* NOTE: Each module has: Module Class: 'margin-top-20' set */
    #sidecol_b {
        margin-top: 10px;
        margin-bottom: 30px;
    }
    
    /* Add quote character to start of testimonials on home page */
    .j51-testimonials .item .j51-quote-icon {
        fill: #ccc;
        position: static;
        opacity: 1;
    }
    
    /* Make h3 larger for sidecol-2b module headers */
    #sidecol_b h3.card-header {
        font-size: 28px;
        font-weight: 300;
        padding-bottom: 12px;
    }
    
    /* Make paragraph line height and end padding smaller for sidecol-2b modules (e.g. buy page) */
    #sidecol_b p {
        line-height: 1.5em;
        margin-block-end: 12px;
    }
    
    /* Make list line height and end margin smaller for sidecol-2b modules (e.g. buy page) */
    #sidecol_b ul, #sidecol_b li {
        line-height: 1em;
        margin-bottom: 10px;
    }
    
    /* Make padding at bottom of module for sidecol-2b modules (e.g. buy page) */
    #sidecol_b .card-body {
        padding-bottom: 2px;
    }
    
    /* Add thick blue border to module sides. Partly from old Revo template */
    /* top right bottom left */
    .mod-border-think-blue {
        margin: 30px 0px 10px 0px;
        border: 4px solid #2a73a9;
    }

    .mod-border-think-blue .module_surround {
        padding: 15px !important;
    }

    .mod-border-think-blue .module_surround p {
        margin-block-end: 0px;
    }
    
    /* Align classes for Header and Sydney day and time clock on Contact and Support pages */
    .textalignleft {
        float: left;
        margin: 0;
    }

    .textalignright {
        float: right;
        margin-top: -5px;
    }

    .textalignclear {
        clear: both;
    }



    /* Addition css output by Joomla to HTML */

    @media only screen and (min-width: 768px) and(max-width: 959px) {
    }

    @media only screen and (max-width: 767px) {
    }

    @media only screen and (max-width: 440px) {
    }
 
     @media only screen and (max-width: 767px) {
        .sidecol_a, .sidecol_b {
            order: 1 !important;
        }
    }

    #socialmedia ul li a [class^="fa-"]::before, #socialmedia ul li a [class * =" fa-"]::before {
        color: #ffffff;
    }

    .socialmedia ul li a span {
        visibility: hidden;
    }

    #content_remainder {
        width: 70%
    }
 
     #container_base1_modules {
        background-color: rgba(4, 15, 5, 1)
    }