.elementor-10271 .elementor-element.elementor-element-14d6658{padding:0px 0px 0px 0px;}.elementor-10271 .elementor-element.elementor-element-891f00e > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-10271 .elementor-element.elementor-element-b469e6a{padding:0px 0px 0px 0px;}.elementor-10271 .elementor-element.elementor-element-f0fa46c > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-10271 .elementor-element.elementor-element-8bc618a{padding:0px 0px 0px 0px;}.elementor-10271 .elementor-element.elementor-element-68be2ee > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-10271 .elementor-element.elementor-element-b56415e > .elementor-element-populated{padding:0px 0px 0px 0px;}/* Start custom CSS */p:last-child {
margin-bottom: 0;
}


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

@media (min-width: 768px) {
  .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: #DED369; 
    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 */
  }
}

@media (max-width: 767px) {
  .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: #DED369; 
    cursor: pointer;
  }
}




/* 700px and smaller screen sizes */
@media (max-width:768px){

	/* Image box wrapper */
	.elementor-widget-image-box .elementor-image-box-wrapper{
		display:flex;
		text-align:left;
	}
	
	/* Image box content */
	.elementor-widget-image-box .elementor-image-box-content{
		margin-left:10px;
		
	}
}


.flyout-row.name-sortering {
  display: none;
}

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

    /* Mobile hover effect */
    .facetwp-dropdown:hover {
        border-color: #7F5539;
    }

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

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

 /* Targeting the headings inside the flyout-row */
    .flyout-row h3 {
        margin-bottom: 5px; /* Reduce the space below the heading */
        font-size: 20px; /* Adjust font size for mobile readability */
    }/* End custom CSS */