.elementor-kit-11329{--e-global-color-primary:#00A1C6;--e-global-color-secondary:#F9A643;--e-global-color-text:#FFFFFF;--e-global-color-accent:#61CE70;--e-global-color-696a278:#1A1A1A;--e-global-color-f6cb6b0:#1A1A1AC7;--e-global-color-1b77440:#5F6E72;--e-global-typography-primary-font-family:"Source Sans 3";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Source Sans 3";--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Source Sans 3";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Source Sans 3";--e-global-typography-accent-font-weight:400;--e-global-typography-accent-font-style:italic;--e-global-typography-3535af3-font-family:"Jost";--e-global-typography-3535af3-font-size:50px;--e-global-typography-3535af3-font-weight:700;--e-global-typography-338c434-font-family:"Jost";--e-global-typography-338c434-font-size:45px;--e-global-typography-338c434-font-weight:600;--e-global-typography-edd85e0-font-family:"Jost";--e-global-typography-edd85e0-font-size:45px;--e-global-typography-edd85e0-font-weight:500;--e-global-typography-216a811-font-family:"Jost";--e-global-typography-216a811-font-size:40px;--e-global-typography-216a811-font-weight:500;--e-global-typography-11e840e-font-family:"Jost";--e-global-typography-11e840e-font-size:30px;--e-global-typography-11e840e-font-weight:500;--e-global-typography-bd048e6-font-family:"Jost";--e-global-typography-bd048e6-font-size:20px;--e-global-typography-bd048e6-font-weight:400;background-color:var( --e-global-color-696a278 );color:var( --e-global-color-primary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-11329 button,.elementor-kit-11329 input[type="button"],.elementor-kit-11329 input[type="submit"],.elementor-kit-11329 .elementor-button{background-color:var( --e-global-color-1b77440 );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-shadow:2px 2px 2px #000000;color:var( --e-global-color-text );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-text );border-radius:20px 20px 20px 20px;padding:10px 10px 10px 10px;}.elementor-kit-11329 button:hover,.elementor-kit-11329 button:focus,.elementor-kit-11329 input[type="button"]:hover,.elementor-kit-11329 input[type="button"]:focus,.elementor-kit-11329 input[type="submit"]:hover,.elementor-kit-11329 input[type="submit"]:focus,.elementor-kit-11329 .elementor-button:hover,.elementor-kit-11329 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-secondary );box-shadow:5px 5px 5px 5px #000000;border-radius:10px 10px 10px 10px;}.elementor-kit-11329 e-page-transition{background-color:#FFBC7D;}.elementor-kit-11329 a{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-kit-11329 a:hover{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-kit-11329 h1{color:var( --e-global-color-primary );font-family:var( --e-global-typography-3535af3-font-family ), Sans-serif;font-size:var( --e-global-typography-3535af3-font-size );font-weight:var( --e-global-typography-3535af3-font-weight );}.elementor-kit-11329 h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-338c434-font-family ), Sans-serif;font-size:var( --e-global-typography-338c434-font-size );font-weight:var( --e-global-typography-338c434-font-weight );}.elementor-kit-11329 h3{color:var( --e-global-color-primary );font-family:var( --e-global-typography-edd85e0-font-family ), Sans-serif;font-size:var( --e-global-typography-edd85e0-font-size );font-weight:var( --e-global-typography-edd85e0-font-weight );}.elementor-kit-11329 h4{color:var( --e-global-color-primary );font-family:var( --e-global-typography-216a811-font-family ), Sans-serif;font-size:var( --e-global-typography-216a811-font-size );font-weight:var( --e-global-typography-216a811-font-weight );}.elementor-kit-11329 h5{color:var( --e-global-color-primary );font-family:var( --e-global-typography-11e840e-font-family ), Sans-serif;font-size:var( --e-global-typography-11e840e-font-size );font-weight:var( --e-global-typography-11e840e-font-weight );}.elementor-kit-11329 h6{color:var( --e-global-color-primary );font-family:var( --e-global-typography-bd048e6-font-family ), Sans-serif;font-size:var( --e-global-typography-bd048e6-font-size );font-weight:var( --e-global-typography-bd048e6-font-weight );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-11329 h1{font-size:var( --e-global-typography-3535af3-font-size );}.elementor-kit-11329 h2{font-size:var( --e-global-typography-338c434-font-size );}.elementor-kit-11329 h3{font-size:var( --e-global-typography-edd85e0-font-size );}.elementor-kit-11329 h4{font-size:var( --e-global-typography-216a811-font-size );}.elementor-kit-11329 h5{font-size:var( --e-global-typography-11e840e-font-size );}.elementor-kit-11329 h6{font-size:var( --e-global-typography-bd048e6-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-11329 h1{font-size:var( --e-global-typography-3535af3-font-size );}.elementor-kit-11329 h2{font-size:var( --e-global-typography-338c434-font-size );}.elementor-kit-11329 h3{font-size:var( --e-global-typography-edd85e0-font-size );}.elementor-kit-11329 h4{font-size:var( --e-global-typography-216a811-font-size );}.elementor-kit-11329 h5{font-size:var( --e-global-typography-11e840e-font-size );}.elementor-kit-11329 h6{font-size:var( --e-global-typography-bd048e6-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*
Theme Name: Aquatic Artists
Theme URI: https://example.com/twenty-twenty-child/
Description: Aquatic Artists Wordpress Theme
Author: Kevin Baker
Author URI: https://example.com
Template: twentytwenty
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, responsive-layout, accessibility-ready
Text Domain: twentytwenty-aquaticartists
*/

/* --- Image Wrapping Styles --- */

/* NEED TO ADD CSS Classes wrap-image-right wrap-container-clearfix */

/* Common style for the image itself within its wrapper */
.featured-image-wrapper img.wrapped-featured-image {
    display: block; /* Remove extra space below image */
    width: 100%;    /* Make image fill its wrapper */
    height: auto;   /* Maintain aspect ratio */
}

/* --- Left Wrap --- */
/* Add class "wrap-image-left" to the Elementor Shortcode Widget */
.wrap-image-left .featured-image-wrapper {
    float: left;
    /* Adjust width and spacing */
    max-width: 40%; /* Example: Image takes up 40% width */
    margin-right: 25px; /* Space between image and text */
    margin-bottom: 15px;/* Space below image if text is short */
    height: auto;     /* Ensure wrapper height adjusts */
}

/* --- Right Wrap --- */
/* Add class "wrap-image-right" to the Elementor Shortcode Widget */
.wrap-image-right .featured-image-wrapper {
    float: right;
    /* Adjust width and spacing */
    max-width: 40%; /* Example: Image takes up 40% width */
    margin-left: 25px;  /* Space between text and image */
    margin-bottom: 15px;/* Space below image if text is short */
    height: auto;     /* Ensure wrapper height adjusts */
}

/* --- Clearfix --- */
/* Add class "wrap-container-clearfix" to the Elementor Shortcode Widget */
/* This ensures subsequent elements (like your navigation) clear the float correctly */
.wrap-container-clearfix::after {
  content: "";
  display: table;
  clear: both;
}

/* Formatting the navigation links when someone clicks on a project from the gallery */

/* Single Project Navigation - Centered Row */
.project-navigation {
    margin: 40px 0 20px 0;
    padding-top: 20px;
    border-top: 1px solid #eee; /* Or your theme's divider color */
}

.project-navigation .nav-links {
    display: flex;              /* Use flexbox layout */
    justify-content: center;    /* Center the items horizontally within the container */
    align-items: center;        /* Vertically align items if they have different heights (e.g., long titles) */
    flex-wrap: wrap;            /* Allow wrapping onto the next line on smaller screens */
    gap: 20px;                  /* Adjust the space BETWEEN the navigation buttons */
    text-align: center;         /* Center the container itself if it doesn't fill width */
}

/* Reset specific alignment/sizing for individual link containers */
/* We want flexbox on nav-links to handle the layout */
.project-navigation .nav-previous,
.project-navigation .nav-back,
.project-navigation .nav-next {
    flex-grow: 0;         /* Don't allow items to grow */
    flex-shrink: 0;       /* Don't allow items to shrink excessively */
    flex-basis: auto;     /* Let width be determined by content */
    text-align: center;   /* Center text within these divs (affects fallback links more) */
    /* Remove order properties unless you specifically need to re-order from HTML */
    /* order: unset; */
}


/* Style for the actual links (buttons) remains mostly the same */
.project-navigation a {
    display: inline-block; /* Allows padding and keeps button tight */
    padding: 10px 15px;
    background-color: #00A1C6;
    color: #fff !important;
    border-radius: 5px;
    text-decoration: none;
    transition: background-color 0.3s ease;
    font-weight: bold;
    line-height: 1.4;
    text-align: center; /* Ensure text inside the button is centered */
    white-space: normal; /* Allow text to wrap within the button if needed */
}

.project-navigation a:hover {
    background-color: #007a99;
    color: #fff !important;
}

/* Specific style for the back button (optional, keep if desired) */
.project-navigation .nav-back a.back-to-gallery {
    background-color: #555;
}
.project-navigation .nav-back a.back-to-gallery:hover {
    background-color: #333;
}

/* --- Responsive Adjustments --- */

/* Apply changes up to 767px */
@media (max-width: 767px) {
  /* Image Wrap: Stop Floating */
  .wrap-image-left .featured-image-wrapper,
  .wrap-image-right .featured-image-wrapper {
    float: none; /* Disable float */
    max-width: 100%; /* Allow image to be full width */
    margin-left: auto; /* Center the image block */
    margin-right: auto;
    margin-bottom: 20px; /* Adjust spacing */
  }

  /* You might have other 767px rules here */

} /* End of 767px block */


/* Apply *additional* changes up to 600px */
@media (max-width: 600px) {
  /* Navigation adjustments */
  .project-navigation .nav-links {
      gap: 10px; /* Reduce gap on smaller screens */
      /* Optional: Stack navigation links if needed */
      /* flex-direction: column; */
      /* align-items: center; */
  }

  .project-navigation a {
      /* Optional: Reduce padding slightly on small screens */
      /* padding: 8px 12px; */
      /* font-size: 14px; */
  }

  /* You might have other 600px rules here */

} /* End of 600px block *//* End custom CSS */