.elementor-10708 .elementor-element.elementor-element-e6b9284{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10708 .elementor-element.elementor-element-695f906{--spacer-size:25px;}.elementor-10708 .elementor-element.elementor-element-695f906 > .elementor-widget-container{height:auto;}.elementor-10708 .elementor-element.elementor-element-73fd3fa .elementor-button{background-color:#FFFFFF;border-style:solid;border-width:3px 3px 3px 3px;fill:#000000;color:#000000;border-radius:0px 0px 0px 0px;}.elementor-10708 .elementor-element.elementor-element-73fd3fa .elementor-button:hover, .elementor-10708 .elementor-element.elementor-element-73fd3fa .elementor-button:focus{background-color:#FF9696;border-radius:0px 0px 0px 0px;}.elementor-10708 .elementor-element.elementor-element-73fd3fa .elementor-button .elementor-button-icon{fill:#000000;color:#000000;}.elementor-10708 .elementor-element.elementor-element-4d1eeca{text-align:center;}.elementor-10708 .elementor-element.elementor-element-543f0c4{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;text-align:center;}.elementor-10708 .elementor-element.elementor-element-543f0c4.elementor-element{--align-self:center;}.elementor-10708 .elementor-element.elementor-element-2c630d5{--spacer-size:50px;}.elementor-10708 .elementor-element.elementor-element-2c630d5 > .elementor-widget-container{height:auto;}@media(max-width:767px){.elementor-10708 .elementor-element.elementor-element-e6b9284{--content-width:350px;}}@media(min-width:768px){.elementor-10708 .elementor-element.elementor-element-e6b9284{--content-width:1000px;}}/* Start custom CSS for igd_shortcodes, class: .elementor-element-674db70 *//* Target only the shortcode widget that contains the file browser */
.igd-file-browser {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

/* Ensure the inner file browser itself is also borderless */
.igd-file-browser-body,
.igd-file-browser-body * {
    border: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

/* Target the actual file items to apply the desired 3px solid black border */
.file-item.ds-selectable,
.igd-file-item.ds-selectable {
    border: 3px solid black !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Ensure all file text elements are black */
.file-item-size,
.file-item-name,
.file-item-options,
.file-item-options i,
.file-item-name span {
    color: black !important;
    fill: black !important;
}

/* Change text color on hover */
.file-item-size:hover,
.file-item-name:hover,
.file-item-options:hover,
.file-item-options i:hover,
.file-item-name span:hover {
    color: #FF9696 !important;
    fill: #FF9696 !important;
}

/* Hide the empty folder image */
.igd-root-placeholder img {
    display: none !important;
}

/* Hide placeholder title and text */
.igd-root-placeholder-title,
.igd-root-placeholder-text {
    display: none !important;
}

/* Fully remove the border from the entire shortcode container */
.igd-shortcode-wrap {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

/* Remove padding from .igd-body */
.igd-body {
    padding: 0 !important;
    margin: 0 !important;
}

/* Hide file options (three dots menu) */
.file-item-options {
    display: none !important;
}

/* Change "Previous folder" text and icon color on hover */
.go-prev:hover,
.go-prev i:hover,
.go-prev span:hover {
    color: #FF9696 !important;
    fill: #FF9696 !important;
}

/* Align "Name" fully to the left */
.list-view-header .col-name {
    text-align: left !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* Allow manual adjustment of "Size" column spacing */
.list-view-header .col-size {
    text-align: left !important;
    padding-left: 10px; /* Adjust this value to fine-tune spacing */
    margin-left: 0px; /* Adjust this value as needed */
}

/* Ensure the header itself aligns properly */
.list-view-header {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
}

/* Style the checkbox with a 3px black border, white background, and no radius */
.file-item-checkbox .box {
    border: 3px solid black !important;
    background-color: white !important;
    width: 25px; /* Adjust width for a square */
    height: 25px; /* Ensure it’s square */
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10; /* Ensure it's above the image */
    border-radius: 0 !important; /* No rounded corners */
    padding: 3px !important; /* Add padding for the checkmark */
}

/* Ensure the checkmark is black when checked */
.file-item-checkbox input:checked + .box {
    background-color: #FF9696 !important;
    border-color: #FF9696 !important;
}

/* Make the check mark gray on hover */
.file-item-checkbox:hover .box::after {
    border-color: gray !important; /* Change checkmark to gray */
}

/* Ensure gallery images have a 3px border */
.igd-gallery-item img {
    border: 3px solid black !important;
    border-radius: 0 !important; /* No rounded corners */
    transition: border 0.3s ease; /* Smooth transition for border on hover */
}

/* Maintain the border color when hovering over a gallery image */
.igd-gallery-item:hover img {
    border: 3px solid black !important;
}


.file-item-checkbox {
    display: block !important;
    position: absolute;
    top: 0;
    left: 0; /* Changed from right: 0; to left: 0; */
    z-index: 10; /* Ensure it's above the image */
    }

/* Change text color on hover */
.igd-gallery-item-overlay .overlay-title {
    display: none !important;
}

/* Remove the icon from the button */
.photo-proofing-btn .action-item-icon {
    display: none !important;
}

/* Style the button text */
.photo-proofing-btn {
    color: black !important;
    background: none !important;
    border: none !important;
    font-size: 12px;
    font-weight: regular;
    cursor: pointer;
}

/* Change text color on hover */
.photo-proofing-btn:hover {
    color: #FF9696 !important;
}

/* Hide the options button */
.action-options {
    display: none !important;
}

.igd-gallery-item {
    border: 3px solid black !important;
    outline: none !important;
    transition: border 0.3s ease !important; /* Ensure border transition works */
    position: relative; /* Ensure proper stacking */
    z-index: 1; /* Make sure it's above the overlay */
}

/* Maintain border on hover */
.igd-gallery-item:hover {
    border: 3px solid black !important;
}

/* Ensure image border remains */
.igd-gallery-item img {
    border: none !important; /* Prevent double border */
}

/* Adjust overlay to prevent covering the border */
.igd-gallery-item-overlay.type-hover.ai-style-change-2 {
    position: absolute;
    top: 3px; /* Shift down to prevent covering the top border */
    left: 3px; /* Shift right to prevent covering the left border */
    right: 3px; /* Shift in to prevent covering the right border */
    bottom: 3px; /* Shift up to prevent covering the bottom border */
    margin: 0 !important; /* Prevent negative margins */
    transition: none !important;
    border: none !important; /* Ensure it does not interfere */
    z-index: 0; /* Keep it below the gallery item */
}

/* Ensure the checkmark is black when checked */
.file-item-checkbox input:checked + .box {
    background-color: #FF9696 !important;
    border-color: #FF9696 !important;
}

.swal2-popup {
  border-radius: 0px !important;
  border: 3px solid black !important;
}

.swal2-icon {
  display: none !important;
}

.swal2-confirm {
  background-color: white !important;
  border-radius: 0px !important;
  border: 3px solid black !important;
  color: black !important;
}

.swal2-confirm:hover {
  background-color: #8be8af !important;
}

.file-item-checkbox .box::after {
    content: "";
    width: 4px;
    height: 8px;
    border-width: 0px 1.5px 1.5px 0px;
    border-style: solid;
    border-color: black !important; /* Ensure the checkmark is black */
    position: absolute;
    top: 2px;
    left: 6px;
}/* End custom CSS */