/*
Theme Name: Firefly
Theme URI: https://firefly.co.nz
Description: A theme that makes editing a site easy!
Author: Rainbow Cretive
Author URI: https://rainbowcreative.co.nz
Template: blankslate
Version: 2.4.3
You don't need to update this version number
*/


/* these styles from styles.css */  


.site { 
    width: 1200px; /* Default width */
    margin: 0 auto;
    background-color:rgb(206, 234, 206);
    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
    padding:0px;
    margin-top:0px;
    border:1px solid rgb(206, 234, 206);
} 

.entry-content {
    margin:0 auto;
    max-width:100%;
}

p, h1, h2, h3, h4, h5, ul, ol, .wp-block-heading, .frm-fluent-form   { /*, .wp-block-image */
    margin:0 auto;
}

p {
    margin-top:10px;
    margin-bottom:10px;
}

img {
  /*  margin-top:10px;
    margin-bottom:10px;
    clear:both; */
}

h1 {
    font-size:48px;
    font-weight:bold;
    clear:both;
}


h2 {
    font-size:32px;
    font-weight:bold;
   
}


h3 {
    font-size:21px;
    font-weight:bold;

}

/*
.size-full {
    width:100%;
    max-width:100%;
    margin:0 auto;
}
    */

.size-full {
  /*  border:1px red solid; */
}

.alignright {
    /*border:2px green solid; */
}

/*
.wp-block-image .aligncenter {
    width:100%;
    max-width:100%;
    margin:0 auto;
    text-align:center;
}
    */

.entry-title {
    display:none; 
}

.firefly-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 5px;
    box-sizing: border-box;
}

.firefly-footer-left {
    text-align: left;
    padding-left: 0;
    font-size: 14px;
}

.firefly-footer-right {
    text-align: right;
    padding-right: 10px;
    font-size: 14px;
}

.fluentform {
    background-color: aliceblue;
    padding-top:15px;
    margin-top:15px;
}

.frm-fluent-form {
    max-width:95%;
}

@media screen and (max-width: 800px) {
/* Optional: Add responsive behavior */

    .firefly-footer {
        flex-direction: column;
        text-align: center;
    }
    
    .firefly-footer-left,
    .firefly-footer-right {
        text-align: center;
        padding: 0px 0;
    }
}

#foogallery-gallery-169 .fg-image {
    width: 350px !important;
    height: auto !important;
    opacity: 1 !important;
    display: block !important;
}
.fg-item {
    display: inline-block !important;
    visibility: visible !important;
}


.foogallery-container {
    /*border:10x red solid;*/
}

.fg-item {
   /* border:1px blue solid;*/
}


.firefly-admin-1,
.firefly-admin-page,
.delete-only {
    background-color:lightblue;
    padding:0px;
    padding-top:15px;
    margin:0 auto;
    margin-top:0px;
    margin-bottom:10px;
    width:900px;
    max-width:90%;
    clear:both;
}



.firefly-admin-1-no-margin {
    background-color:lightblue;
    padding:0px;
    margin:0 auto;
    margin-top:0px;
    margin-bottom:0px;
    width:900px;
    max-width:100%;
    clear:both;
}



.firefly-admin-2 {
    background-color:black;
    color:white;
    padding:2px;
    padding-left:15px;
    font-family:Arial,Helvetica;
    font-size:14px;
}

.firefly-admin-3 {
    padding:10px;
    font-family:Arial,Helvetica;
    font-size:14px;
    color:black;
    line-height:150% !important;
    border-bottom:5px lightblue solid;
}


.firefly-admin-3 a {
    color:black;
        cursor: pointer;
        text-decoration: none;
    }


    .firefly-admin-4 {
        margin:10px;
        padding:5px;
        font-family:Arial,Helvetica !important;
        font-size:16px;
        color:black;
        background-color:white;
    }
    

    .firefly-admin-4 p {
        font-family:Arial,Helvetica !important;
    }
    

/* Default state — hide everything */
.firefly-admin-1,
.firefly-admin-1-no-margin,
.delete-only {
    display: none;
}

/* Show admin links in admin mode */
body.show-admin .firefly-admin-1,
body.show-admin .firefly-admin-1-no-margin {
    display: block;
}

/* Show delete links ONLY in delete mode */
body.delete-mode .delete-only {
    display: block;
}

/* Don't let delete links appear in admin mode */
body.show-admin .delete-only {
    display: none;
}
body.delete-mode .delete-only {
   
}


body.delete-mode {
    filter: grayscale(100%) brightness(1.05);
}

.firefly-admin-link {
    color:black !important;
    font-size:16px !important;
    padding:0px !important;
    margin:0px !important;
    font-family:Arial, Helvetica, sans-serif !important;
}

.firefly-admin-link a {
    color:black !important;
    text-decoration:none !important;
}


/* Add this to your CSS */
#metaslider_155 ul.slides {
    padding-left: 0 !important;
    list-style-type: none !important;
}

/* ── Admin bar gap fix ──────────────────────────────────────────
   WordPress adds margin-top: 32px to <html> when the admin bar
   is showing. This pushes everything down and creates a visible
   gap at the top of the page for logged-in admins.
   We zero it out here so the page looks the same logged in or out.
   The admin bar itself stays fixed at the top via position:fixed.
──────────────────────────────────────────────────────────────── */
html {
    margin-top: 0 !important;
}

@media screen and (max-width: 782px) {
    html {
        margin-top: 0 !important;
    }
}

/* Keep the admin bar itself visible at the top */
#wpadminbar {
    position: fixed !important;
    top: 0 !important;
}