.elementor-10740 .elementor-element.elementor-element-4e3f664{margin-top:20px;margin-bottom:0px;}.elementor-10740 .elementor-element.elementor-element-6259d3a{margin-top:20px;margin-bottom:0px;}.elementor-10740 .elementor-element.elementor-element-0cec8c3:not(.elementor-motion-effects-element-type-background), .elementor-10740 .elementor-element.elementor-element-0cec8c3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-10740 .elementor-element.elementor-element-0cec8c3{border-style:solid;border-width:5px 0px 0px 0px;border-color:var( --e-global-color-primary );transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:40px;margin-bottom:0px;}.elementor-10740 .elementor-element.elementor-element-0cec8c3, .elementor-10740 .elementor-element.elementor-element-0cec8c3 > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-10740 .elementor-element.elementor-element-0cec8c3 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-10740 .elementor-element.elementor-element-dae1d8a:not(.elementor-motion-effects-element-type-background), .elementor-10740 .elementor-element.elementor-element-dae1d8a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-10740 .elementor-element.elementor-element-dae1d8a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-10740 .elementor-element.elementor-element-dae1d8a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}body.elementor-page-10740:not(.elementor-motion-effects-element-type-background), body.elementor-page-10740 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EDEDED;}/* Start custom CSS *//* Existing styles */
p:last-child {
  margin-bottom: 0;
}

.facetwp-counter {
  display: none;
}

.facetwp-checkbox {
  margin-top: 2%; /* Use a percentage for margin */
  padding: 2%; /* Use a percentage for padding */
  border: 0.15em solid #00008B; /* Use em units for borders */
  border-radius: 0.5em; /* Use em units for border-radius */
  background-color: #ffffff;
  color: #333333;
  width: 30%; /* Use a percentage for width */
  min-width: 110px; /* Set a minimum width */
  height: auto; /* Allow height to adjust based on content */
  display: inline-block;
  margin-bottom: 0;
  margin-right: 2%; /* Use a percentage for margin */
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  font-size: 1em; /* Use em units for font-size */
  line-height: 2; /* Use unitless line-height */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

/* Style the hover and 'checked' states */
.facetwp-checkbox:hover,
.facetwp-checkbox.checked {
  background-image: none;
  background-color: #00008B;
  border-color: #00008B;
  color: #ffffff;
}

.facetwp-type-checkboxes > .facetwp-checkbox {
  position: relative;
  background-image: none;
  padding-left: 7px;
}
.facetwp-type-checkboxes > .facetwp-checkbox.checked {
  background-image: none;
}

/** Always hide slider facet reset button **/
.facetwp-type-slider > div:last-of-type {
  display: none !important;
}

.facetwp-slider .noUi-connect {
  background: #00008B;
}

.elementor select {
  background-color: white;
  color: black;
  font-family: Varela Round;
  padding: 5px 5px 5px 15px;
  font-size: 16px;
  border-width: 2px;
  border-radius: 10px;
  border-color: #00008B; 
  cursor: pointer;
  width: 200px; /* Adjust the width as needed */
  -webkit-appearance: none; /* Remove default arrow for Safari */
  -moz-appearance: none; /* Remove default arrow for Firefox */
  appearance: none; /* Remove default arrow */
  position: relative; /* Needed for positioning the chevron */
  background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black" width="24px" height="24px"><path d="M0 0h24v24H0z" fill="none"/><path d="M7 10l5 5 5-5z"/></svg>'); /* Chevron icon */
  background-repeat: no-repeat;
  background-position: right 10px center; /* Position the chevron */
  background-size: 16px 16px; /* Size of the chevron */
}

.elementor select::-ms-expand {
  display: none; /* Hide default arrow in Internet Explorer */
}

.flyout-row.name-taletid {padding-top: 30px;}

.flyout-row.name-reset h3 {
  display: none;
}

.facetwp-load-more {
  background-color: white;
  color: #00008B;
  width: 100%;
  font-size: 18px;
  border: 2px solid #00008B;
}
.facetwp-load-more:hover {
  background-color: #00008B;
  color: white;
  font-size: 18px;
  width: 100%;
  border: 2px solid #00008B;
}

.facetwp-reset {
  background-color: #00008B;
  width: 150px; /* Adjust this value as needed */
}

/* Apply for screens smaller than or equal to 1024px (mobile & tablet) */
@media (max-width: 1024px) {
    .facetwp-dropdown {
        width: 100%; /* Full width for mobile and tablet */
        padding: 12px; /* Increase padding slightly for touch devices */
        font-size: 15px; /* Larger font size for better readability */
        border: 2px solid #00008B;
        border-radius: 8px;
        background-color: #f9f9f9;
        color: #333;
        cursor: pointer;
        outline: none;
    }

    /* Hover effect */
    .facetwp-dropdown:hover {
        border-color: #0056b3;
    }

    /* Focus effect */
    .facetwp-dropdown:focus {
        border-color: #007bff;
        box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
    }

    /* Disabled state */
    .facetwp-dropdown:disabled {
        background-color: #e9ecef;
        cursor: not-allowed;
    }

    /* Adjust flyout-row headings for tablet */
    .flyout-row h3 {
        margin-bottom: 5px; /* Reduce the space below the heading */
        font-size: 20px; /* Adjust font size for better readability */
    }
}

/* Skjul bestemte facets */
.flyout-row.name-sortering {
  display: none;
}/* End custom CSS */