.elementor-47536 .elementor-element.elementor-element-aa9e47e{--display:flex;--min-height:100vh;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:200px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-47536 .elementor-element.elementor-element-aa9e47e:not(.elementor-motion-effects-element-type-background), .elementor-47536 .elementor-element.elementor-element-aa9e47e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF3DC2E;}.elementor-47536 .elementor-element.elementor-element-8d00651{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-47536 .elementor-element.elementor-element-804dc25{--display:flex;}.elementor-47536 .elementor-element.elementor-element-2a06184 .elementor-heading-title{font-size:22px;text-transform:capitalize;}.elementor-47536 .elementor-element.elementor-element-54e4f94{--display:flex;--padding-top:100px;--padding-bottom:0px;--padding-left:80px;--padding-right:0px;}.elementor-47536 .elementor-element.elementor-element-8264c13{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#DAE0E7;--border-color:#DAE0E7;--border-radius:16px 16px 16px 16px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-47536 .elementor-element.elementor-element-8264c13:not(.elementor-motion-effects-element-type-background), .elementor-47536 .elementor-element.elementor-element-8264c13 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-47536 .elementor-element.elementor-element-8264c13:hover{box-shadow:0px 4px 15px -4px rgba(0,0,0,0.5);}.elementor-47536 .elementor-element.elementor-element-10dc6cd .templately-heading-title{font-family:"Outfit", Sans-serif;font-size:28px;}body.elementor-page-47536:not(.elementor-motion-effects-element-type-background), body.elementor-page-47536 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9FAFB;}@media(min-width:768px){.elementor-47536 .elementor-element.elementor-element-804dc25{--width:30%;}.elementor-47536 .elementor-element.elementor-element-54e4f94{--width:100%;}.elementor-47536 .elementor-element.elementor-element-8264c13{--width:50%;}}@media(max-width:767px){.elementor-47536 .elementor-element.elementor-element-aa9e47e{--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-47536 .elementor-element.elementor-element-10dc6cd .templately-heading-title{font-size:24px;}}/* Start custom CSS for shortcode, class: .elementor-element-db5d16e *//* --- A Vertical Sidebar Filter Layout --- */

/* We've removed `display: flex`, `flex-wrap`, and `gap` here.
   The list will now behave like a standard block-level element. */
.elementor-47536 .elementor-element.elementor-element-db5d16e .searchandfilter ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* We've removed `flex-basis` and added `margin-bottom`
   to create vertical space between each filter item. */
.elementor-47536 .elementor-element.elementor-element-db5d16e .searchandfilter li {
  width: 100%;
  margin-bottom: 20px; /* This creates the vertical spacing */
}

/* Ensure the last item has no bottom margin */
.elementor-47536 .elementor-element.elementor-element-db5d16e .searchandfilter li:last-child {
  margin-bottom: 0;
}

/* --- Styling for the Form Fields (Mostly Unchanged) --- */

.elementor-47536 .elementor-element.elementor-element-db5d16e .searchandfilter label {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
  display: block;
}

.elementor-47536 .elementor-element.elementor-element-db5d16e .searchandfilter select {
  width: 100%;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
}

/* --- Styling for the Main Search Input Box (Unchanged) --- */

.elementor-47536 .elementor-element.elementor-element-db5d16e .searchandfilter input[type="search"] {
  width: 100%;
  padding: 12px 15px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 16px;
  color: #333;
  background-color: #ffffff;
  transition: border-color 0.3s ease;
}

.elementor-47536 .elementor-element.elementor-element-db5d16e .searchandfilter input[type="search"]:focus {
  outline: none;
  border-color: #0056b3;
  box-shadow: 0 0 0 2px rgba(0, 86, 179, 0.2);
}

.elementor-47536 .elementor-element.elementor-element-db5d16e .searchandfilter input[type="search"]::placeholder {
  color: #999;
  opacity: 1;
}

/* --- Styling for the Submit Button --- */

/* We've added `width: 100%` to make the button fill the sidebar width,
   which looks much cleaner in a vertical layout. */
.elementor-47536 .elementor-element.elementor-element-db5d16e .searchandfilter input[type="submit"] {
  width: 100%; /* Make button full-width */
  background-color: #EDBB5F;
  color: #ffffff;
  padding: 12px 30px;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.elementor-47536 .elementor-element.elementor-element-db5d16e .searchandfilter input[type="submit"]:hover {
  background-color: #003d82;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6043e52 *//*
 * Custom Styles for the Easy Digital Downloads Purchase Button
*/

/* This targets the button using its specific class from the HTML you provided */
.edd-add-to-cart.button {
    /* Your specific style requests */
    background-color: #EDBB5F !important;
    color: #ffffff;
    border-radius: 8px;
    padding: 10px 15px;

    /* Font styles */
    font-family: 'Poppins', sans-serif;
    font-weight: 600; /* '600' is a great choice for a medium-bold weight */

    /* Additional styles for a polished look */
    border: none; /* Removes any default theme borders */
    line-height: 1.5; /* Helps vertically center the text */
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px; /* You can adjust this as needed */
    cursor: pointer;
    transition: background-color 0.3s ease; /* Adds a smooth hover effect */
}

/* This adds a hover effect when a user's mouse is over the button */
.edd-add-to-cart.button:hover {
    background-color: #d4a24a !important; /* A slightly darker shade for the hover state */
    color: #ffffff;
}

/* This styles the text inside the button */
.edd-add-to-cart.button .edd-add-to-cart-label {
    color: #ffffff;
}/* End custom CSS */