/*
Theme Name: ListingHive Child
Theme URI: https://hivepress.io/themes/listinghive
Template: listinghive
Author: HivePress
Author URI: https://hivepress.io
Description: A multipurpose WordPress theme that allows you to build any type of directory and listing website. Whether it’s a business directory, service marketplace, job board, real estate, classifieds, or basically any listing website — ListingHive is a solid choice for it.
Tags: right-sidebar,custom-colors,custom-menu,custom-logo,custom-header,featured-image-header,featured-images,footer-widgets,theme-options,threaded-comments,translation-ready
Version: 1.2.12.1774138079
Updated: 2026-03-22 00:07:59

/* Define Own Font for Theme 	*/
/*  -------------------------- 	*/
@font-face {
  font-family: 'Outfit';
  src: url('fonts/Outfit/Outfit-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
/* Schrift global und für HivePress anwenden */
body, h1, h2, h3, h4, h5, h6, p, a, button, input, textarea,
.hp-listing__title, .hp-listing__description,
.entry-title, .hp-page__title, .hp-header__title {
  font-family: 'Outfit', sans-serif !important;
  font-weight:200;
}
h4.hp-listing__title a{
	font-weight:500 !important;
}

/* =================================================== */
/*  Hivepress Theme          					   	   */
/* =================================================== */

/* -------- Header no Picture ---------------- */
body.home .header-hero{
	background:none !important;
	padding:30px 0 !important;
}
.hp-form--listing-search, input#search-location{
	background:#F5F5F5 !important;
}

.header-navbar{
max-width: 1210px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

button.auto-clear
{
	width: 48px;              /* Breite */
	height: 48px;             /* Höhe */
	z-index:100;
	background:white;
	border: 1px solid #a09e9e;    /* Schwarzer Rahmen mit 1px */
  	border-radius: 50%;        /* Macht das Element rund */
}

/* Response - location search 	*/
/*  -------------------------- 	*/
div.auto-results-wrapper{
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-color: #a09e9e;   
	background:#fcfcfc !important;
	margin-top:11px !important;
}

div.auto-results-wrapper ul li:hover{
 background: #ed8e00;
 
}

/* Basics */
.clear{	
	padding:0 !important;
	margin:0 !important;
}

body
{
	color:#2f2f2f !important;   
	
}

/* Body HomePage */
body.home
{
    background:white;
	
}

/* Body Single Listing Page */
body.single-hp_listing, body.hp-template--listing-edit-page
{
    background:#f5f5f5;
}

/* Page Header 				   */
/*  -------------------------- */
.header-navbar, .site-header
{
	background-color:#fff;
}

.menu li.menu-item a {	
	color:rgb(32, 32, 32);
	font-weight:500;
}

.header-hero--large{
	padding-bottom:3rem !important;
}

/* Heading picture - Home-page */
.header-hero--cover::after
{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.2) !important;
}

/* Footer 					   */
/*  -------------------------- */
.site-footer
{
    border-top:0px solid;
    background-color:#e9e9e9;
	color:rgb(2, 147, 205);
}

.site-footer h5 {
	color:#210e00
}

.footer-widgets ul li a
{
	color:black
}

.footer-widgets ul li::before 
{
	color:#2F4F4F
}
.site-footer ul li a
{
	color:rgb(69, 69, 69);
	font-size:0.9em
}
.site-footer ul.menu li a
{
	color:rgb(81, 81, 81)
}

/*  Filter Section - Search response */
.hp-form--listing-filter{
	background:rgb(244, 248, 251);
	padding:20px 10px 20px 10px;
	box-shadow: 0 1px 8px 0 rgba(82, 83, 83, 0.075);
}

/*  WP Gallery - images  		*/
/*  --------------------------	*/
figure.wp-block-image figcaption
{
	border-radius:5px;
}

figure.wp-block-image::before, figure.wp-block-image img
{
	border-radius:5px ;
}


/*  Listing Form - Edit Listing */
/*  --------------------------	*/
.hp-field__label.hp-form__label{
	font-weight:bold;
}

/*  Edit Listing entry -  Form Fields */
.hp-form__field input[type="text"],
.hp-form__field input[type="email"],
.hp-form__field input[type="number"],
.hp-form__field input[type="url"],
.hp-form__field input[type="tel"],
.hp-form__field textarea
{
    background: white; 
}

.hp-form__field--checkbox label span::before
{
    background: white;
}

form button.hp-field--submit{
	border-radius:50px;
}

/*  HP-Listing Search Box */
/*  --------------------- */
form.hp-form--listing-search{
	border-color:silver;
	border-radius:50px;
	box-shadow: 0px 0px 1px #efefef;
	color:black;
}


/*  Submit Listing Button */
/*  --------------------- */

button.hp-menu__item--listing-submit
{
	border-radius:50px;
	background:white;
	border:solid 2px black;
	color:black
}
button.hp-menu__item--listing-submit:hover
{
	border-color:#f27c07;
	color:#f27c07
}

/*  HP-Listing search-filter   */
/*  -------------------------  */

.search-filter{
	margin-left:30px;
}

/*  WP-Post search-filter as chips (Travel Guides as posts)  */
/*  -------------------------------------------------------- */

/*  WP Block */
/*  Tag cloud - chips */
p.wp-block-tag-cloud a.tag-cloud-link,
.tagcloud a.tag-cloud-link
{

	background-color:rgba(247, 233, 245, 0.6) !important;
	color:rgb(94, 1, 80);
	font-weight: normal;
	border-color:rgb(94, 1, 80);
}

/*  WP Block */
/*  Categories cloud - chips */
p.post-chips a.tag-cloud-link
{
	border-radius:50px;
	background-color:rgba(233, 247, 247, 0.6) !important;
	color:rgb(0, 79, 3);
	border:solid 1px gray;
	padding:5px 12px;
	margin:0;
	text-transform:none;
	border-color:rgb(0, 79, 3);
}

p.post-chips a.tag-cloud-link:hover{
	color:black;
	background:white !important;
	border:solid 1px white;
}
.button-chip a.wp-element-button{
background-color:rgba(256, 256, 256, 0.1) !important;
	color:black !important;
	border:solid 1px gray
}

.button-chip a.wp-element-button:hover{
	color:black !important;
	background:white !important;
	border:solid 1px white;
}

.more a:hover{
	background:black !important;
	color:white !important;
}

/* =================================================== */
/*  Listing single Details Page  							   */
/* =================================================== */

.hp-listing--view-page .hp-listing__attributes.hp-listing__attributes--secondary, 
.hp-listing--view-page .hp-listing__attributes.hp-listing__attributes--ternary, 
.hp-listing__description{
	
	border-radius:10px;
	padding:10px !important;
	background:white;
	font-size:1.0em;
}

.hp-listing--view-page .hp-listing__attributes.hp-listing__attributes--secondary:has(.hp-row:empty),
.hp-listing--view-page .hp-listing__attributes.hp-listing__attributes--ternary:empty,
.hp-listing__description:empty
{
	display:none;	
}

.hp-listing--view-page .hp-listing__attributes--primary
{
    padding:10px !important;
}

/* =================================================== */
/*  Post Page side bar                               */
/* =================================================== */

/*  plugin ajax search */
div#ajaxsearchlite1{
	box-shadow: 0px 0px 3px silver !important;
}

div.widget--sidebar h3.widget__title{
	
	font-size:1.3em
}

/*  Widget for Category badges  */
div.widget_categories{
	background:#E9F7F7;
	border:0;
	border-radius:15px;
	box-shadow: 0px 0px 1px #efefef !important;
}
/*  Widget for Tag badges  */
div.widget_tag_cloud{
	background:#F7E9F5;
	border:0;
	border-radius:15px;
	box-shadow: 0px 0px 1px #efefef !important;
}


/* =================================================== */
/* Adverising Section                                  */
/* =================================================== */

div.advert_listings_section{
	padding:10px 20px;
	background:#faf7f1
}

div.advert_post_section{
	padding:10px 0 10px 30px;
	border-left: dashed 1px #dcdcdc;
}

div.advert_listings_section .hp-listing__header .hp-listing__image img{
	border-radius:0px;
}

.advert article{
	box-shadow: 0 0px 0px 0 rgba(7, 36, 86, 0.075);
	border:0;
	color:#0693E3;
}

div.advert_listings_section article img  {
	border-radius:0
}

div.advert-content{
	text-align:left;
	background: rgba(255, 255, 255, 0.9);
	position:absolute;
	bottom:0px;
	padding:10px;	
}

div.advert-title h6{
	font-weight:bold;
	color:#FF7F50
}

div.advert-slogan h5{	
	color:3B3A3A;
}

div.advert_listings_section .hp-listing__title{
	color:#e87d12;
	
}

div.advert_listings_section div.slick-arrow {
	padding-top:8px;
}

div.advert_listings_section .hp-listing{
	border-radius:0;
	box-shadow:0 0 0;
}

div.advert_listings_section .hp-listing__title:not(:last-child){
	padding:0;
	margin:0;
}


div.advert_listings_section .hp-section__title{
	font-size:1.1em;
		color:#FF7F50;
	
}

div.advert_listings_section .hp-section__title::before{
	height:0;

}

div.advert_listings_section .hp-listing__categories a{
	margin-top:-55px;
	z-index:100;
	display:block;
	position: absolute;
	color:black;
	background:white;
	opacity:0.8
}

/*  Disable sections for Listing Advertisement  */
div.advert_listings_section .hp-listing__location, 
div.advert_listings_section .hp-listing__category,
div.advert_listings_section .hp-listing__footer,
div.advert_listings_section .hp-listing__attributes--ternary,
div.advert_listings_section .hp-listing__details--primary
{
	display:none;
}

/* =================================================== */
/* MAP												   */
/* =================================================== */

/*  Map: Pin colors for HP-Categories */
/*  Categories and Pin colors */

.marker_pin{
    border-radius: 50%;
    background:gray;
    display: flex;
    justify-content: center;
    align-items: center;
	
    
}

.marker_pin svg{
	width: 80%; /* Adjust SVG size relative to the container */
  	height: 50%; /* Maintain the aspect ratio */
  	display: block;
	
}

.marker_pin path {
   fill:white;
  
  }

.pin_color_tours{
    background:rgb(52, 230, 55);
}



.pin_color_restaurants{
    background:rgb(239, 183, 18);
}

.pin_color_camping-places{
    background:rgb(195, 14, 212);
}

.pin_color_events{
    background:#0994e4;
}

.pin_color_bars{
    background:rgb(136, 0, 255);
}

.pin_color_attractions{
    background:red;
}

.pin_color_products{
    background:#BDB76B;
}
.pin_color_shops{
    background:#e5baef;
}

.pin_color_excursions{
    background:#2ad20d;
}

.pin_color_restaurant{
    background:#b05b0b;
}

.pin_color_passanger-transfer{
    background:#c20483;
}
.pin_color_workshops{
    background:#844902;
}

/* Sliding map container */
#map-container {
    position: fixed;
    top: 0;
    left: -100%; /* Initially hidden off-screen */
    width: 100%; /* Adjust map width */
    height: 50%;
    background: #ffffff; /* White background for the map container */
    z-index: 1000;
    transition: left 0.4s cubic-bezier(0.25, 1, 0.5, 1); /* Smooth animation with bounce effect */
    box-shadow: 1px 0 1px rgba(0, 0, 0, 0.3); /* Shadow for the sliding panel */
    border-right: 2px solid white; /* Accent border */  
}

#resize-button {
    width: 40px;
    height: 40px;
    background-color: rgb(59, 59, 60);
    color: white;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    cursor: grab;
    z-index: 1000;	
}

#resize-button svg{
	margin-top:10px
}

/* Active state for sliding in */
#map-container.active {
    left: 0; /* Slide into view */
}

/* Leaflet map inside the container */
#listings-map {
    width: 100%;
    height: 100%; 
}

/* Leaflet Zoom Controll position */	
div.leaflet-control-zoom {
    top: 30px;
}
/* Leaflet Label Check-box */
input.label-check-box[type="checkbox"]:checked {
  accent-color: #949393; /* Moderne Lösung */
}	

/* Icon toggle button */
.map-toggle {
    position: fixed;
    top: 120px;
    left: -2px;
    z-index: 1001;
    font-size: 24px; /* Make the icon larger */
    color: #ff0000; /* Red color */
    cursor: pointer;
    transition: transform 0.3s ease, color 0.3s ease; /* Smooth hover effect */
    background:white;
    padding:5px 10px;
    border: solid 1px white;
    border-left-color: white;
    box-shadow: 4px 1px 5px rgba(81, 80, 80, 0.3); /* Shadow for the sliding panel */
    
}

/* Hover effect for the icon */
.map-toggle:hover {
    transform: scale(1.2); /* Slight zoom on hover */
    
}

/* Overlay behind the map (adds focus) */
#map-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
    z-index: 999;
    display: none; /* Hidden by default */
    transition: opacity 0.4s ease; /* Smooth fade-in/out */
    opacity: 0;
}

/* When the overlay is active */
#map-overlay.active {
    display: block;
    opacity: 1; /* Fade in */
}


/* =================================================== */
/* Tooltip for html tags - e.g. for "Local Host" badge */
/* =================================================== */
 /*style="position:absolute;width: 60px;height: 54px;width: 60px;height: 54px;top: 0;right: 0"*/
.tooltip-container {
	position: absolute;
	display: inline-block;
	cursor: pointer;
	top: 0;
	right: 0;
}
/* Tooltip über dem Bild */   
.tooltip-container .tooltip-text {
	position: absolute;
	left: 50%;
	bottom: 125%;
	visibility: hidden;
	width: 250px;
	background-color: black;
	color: #fff;
	border-radius: 6px;
	padding: 8px;
	z-index: 1;
	transform: translateX(-50%);
	opacity: 0;
	transition: opacity 0.3s;
}
/* Pfeil unter dem Tooltip */  
.tooltip-container .tooltip-text::after {
	position: absolute;
	top: 100%; 
	left: 50%;
	content: "";
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: black transparent transparent transparent;
}
   
.tooltip-container:hover .tooltip-text {
	visibility: visible;
	opacity: 1;
}

/* Normal Tooltip */

.tooltip {
  position: relative;
  display: inline-block;
  cursor: default;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 220px; /* Breite anpassen */
  background-color: #333;
  color: #fff;
  text-align: left;
  padding: 8px 10px;
  border-radius: 6px;
  position: absolute;
  z-index: 1000;
  bottom: 125%; /* Tooltip oberhalb des Buttons */
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s;
  font-size: 13px;
  line-height: 1.3;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

/* ==================================================== */
/* FOR ALL WP POST Boxes 								*/
/* 	1. div.PostBox - WP Box on Home-Page           		*/
/* 	2. div.DestinationBox - WP Box on Home-Page    		*/
/* 	3. article.posts-as-grid - WP Box on Post-Page 		*/
/* 	4. article.hp-listing - HP Listing Box      		*/
/* 	5. article.hp-listing-category - HP Listing Box 	*/
/* ==================================================== */

/*  ###################### */
/*  Mix CSS for all Boxes */
/*  ###################### */

div.PostBox,
div.PostBox--poster,
article.posts-as-grid,
article.hp-listing
{
	border-radius:5px;
	border:solid 1px #e2e2e2;
	padding:0px !important;
	position:relative; /* 	Need for images/badges placed within box img - pos:absolute ("Local Host" badge) */
}


/* Image Radius */

.DestinationBox {
	border-radius: 15px;

}

article.posts-as-grid header.post__header div.post__image img, 
div.DestinationBox figure img
{   
	border-top-right-radius:5px !important;
	border-top-left-radius:5px !important;
}

/* 	Boxes hover 	*/
/* 	Zoom in Picture */
/*  Hover zoom in images for Listing and Post Boxes */
div.PostBox figure,
div.PostBox--poster figure,
div.DestinationBox figure,
article.hp-listing div.hp-listing__image,/* article.hp-listing  */
article.posts-as-grid header .post__image /* article.posts-as-grid  */
{
    width: 100%;
	overflow: hidden;         /* verhindert, dass das Bild über den Rahmen hinausgeht */
  	display: inline-block;
}

div.PostBox figure img,
div.PostBox--poster img,
div.DestinationBox  figure img, 
article.hp-listing div.hp-listing__image a img,
article.posts-as-grid header .post__image  img
{
    transition: all 0.3s ease-in-out ;
	height:auto;
    overflow: hidden;
}

div.PostBox:hover img,
div.PostBox--poster:hover img, 
div.DestinationBox:hover img,
div.hp-listing__image:hover a img,
article.posts-as-grid:hover header .post__image img,
article.hp-listing:hover a img
{
    transform:scale(1.2);/* zoomt das Bild um 10 % */
	filter: brightness(0.9); 
} 


/* Categorie Chips */
div.PostBox div.taxonomy-category a,
div.PostBox--poster div.taxonomy-category a,
article.hp-listing.hp-listing--view-block .hp-listing__categories.hp-listing__category a,
article.posts-as-grid header.post__header  div.post__categories a
{
	font-weight:500;
	color:rgb(101, 141, 87);
	background:rgba(101, 141, 87, 0.17) !important;
	font-size: 12px !important;
	border-radius:50px;
	padding:3px 10px !important;
	margin-top:1px;
}

/* Additional padding for Post Box chips - to be the same like Listing */
div.PostBox div.taxonomy-category a
{
	padding:5px 10px !important;
	margin-top:0;
}

div.PostBox div.taxonomy-category a:hover, 
article.hp-listing.hp-listing--view-block .hp-listing__categories.hp-listing__category a:hover,
article.posts-as-grid header.post__header  div.post__categories a:hover
{
	
	background:rgb(101, 141, 87) !important;
	color:white !important;
	border-radius:50px;
}

/* ##################################### */
/* PostBox--Poster  */
/* only picture and Title */
/* ##################################### */

div.PostBox--poster figure{
display:block;
}

div.PostBox--poster figure img {
	border-radius:5px !important;
}
div.PostBox--poster h2 {
	
	position:absolute;
	bottom:10px;
	left:10px;
	z-index:1000;
}

/* ##################################### */
/* HOME-PAGE: grid for Post Loop */
/* Block: Query Loop - POST */
/* 	div.PostBox */
/* ##################################### */

/*  WP-Post Loop in Home-Page grid - center boxes without margin-left */
div.PostLoop ul{
    margin:0px;
}

div.PostBox .wp-block-group__inner-container > * 
{
    margin-top:0px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
}

div.PostBox .wp-block-group__inner-container > figure
{
    margin: 0 !important;
    border-top-right-radius:5px !important;
	border-top-left-radius:5px !important;
}

div.PostBox p.wp-block-post-excerpt__more-text a 
{
	color:#f27c07;
}

/* Tag chips in PostBox */
div.PostBox .taxonomy-post_tag a{
	font-size:0.8em;
	padding:0px 4px;
	display: inline-block;
	color: rgb(135, 135, 135);
}
div.PostBox .taxonomy-post_tag a:hover{
	font-size:0.8em;
	color:#ed8e00;
	display: inline-block;

}

div.PostBox .wp-block-post-title {
	margin-top:15px;
}
/* 
div.PostBox .wp-block-post-title a{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display:block;
}
*/
/* If Post has no image, then set margin-top for the Category and Tag chips container */
div.PostBox div.wp-block-group__inner-container > div.wp-block-group:first-child {
  margin-top: 5px;
}


/* ##################################### */
/* HOME-PAGE: grid for Post Loop */
/* Block: Query Loop - POST */
/*  Posts as Destination  */
/* 	div.DestinationBox*/
/* ####################### */


div.DestinationBox{

	padding:0 !important;
	margin:0;
	position: relative;
	overflow: hidden;
}

div.DestinationBox-Title{
	padding:5px !important;
	margin:0 !important;
}
div.DestinationBox .destination-tags{
	position:absolute;
	top:0;
	right:0;
	z-index:1000;
	background: rgba(0, 0, 0, 0.5 );
	padding:10px;
	color:rgb(210, 226, 243);
	overflow: auto;
	height:100%;
	max-width: 100%;  /* Optional: Set the maximum width */
	box-sizing: border-box;
	
}

@media (max-width: 768px) {
	.scrollable-div {
	  width: 100%;  /* Adjust width for smaller screens */
	  left: 0;      /* Center or reposition as needed */
	  top: 10px;    /* Adjust top position */
	}
  }

div.DestinationBox .destination-tags > a {
	color:rgb(210, 226, 243);
	display: block;
	font-weight:bold;
	margin-bottom: 2px;
	font-size:1.0em;
}


div.DestinationBox .destination-tags a:hover{
	color:rgb(253, 242, 250);
}

div.DestinationBox .destination-tags > a::before {
	
	content:"> ";
} 

div.DestinationBox .destination-tags > span {
	
	display: none;
	
}

div.DestinationBox .destination-tags::after{

	content:"...";
}
/*  ------------- */

/* END Query Loop */

/* ##################################### */
/* POSTS-PAGE: grid for Post Loop */
/* Filtered POSTS-PAGE: grid for Post Loop */
/* Block: -- */
/* 	article.posts-as-grid */
/* ##################################### */

article.posts-as-grid{
	margin:10px 0;
	border: solid 1px #efefef;

}

/* Apply margin to all siblings after image */

article.posts-as-grid  header.post__header > * 
{
    margin-left:10px;
	margin-right:10px;
}

/* Box Header */

article.posts-as-grid header h4 a {
	margin:0px 0 15px 0;
	font-size:1.0em;
	font-weight:400;
}

article.posts-as-grid  header.post__header div.post__categories
{
   	margin:10px 5px 3px 5px;
}

article.posts-as-grid  header.post__header div.post__image 
{
    margin: 0 !important;
	border-top-right-radius:5px !important;
	border-top-left-radius:5px !important;
}

/* Box content */

article.posts-as-grid div.post__content
{
    margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	font-size:0.9em;
}


article.posts-as-grid  div.post__content div.post__details{
	margin-top:10px
}
article.posts-as-grid div.post__content div.post__details a.post__readmore{
	color:#f27c07
}

/* END Posts Loop */



/* =========================================== */
/* HIVEPRESS Blocks */
/* Block: Hive Press Listings  */
/* Single Listing Box */
/* =========================================== */



/* ################################ */
/*  Block: Hive Press Listings      */
/* 	- Single Listing Box           */
/* ################################ */

/*  Grid container for single article */
div.hp-listings .hp-grid__item{
	padding-right:0.5rem;
	padding-left:0.5rem
}

/*  Listing Box - article */



/*  Listing Box areas   */
/*  ------------------  */
/*  Listing Box header  */

article.hp-listing header .hp-listing__image img{
	border-top-right-radius:5px;
	border-top-left-radius:5px;
	
}

/*  Listing Box content  */

article.hp-listing .hp-listing__content{
	padding:1px 7px;
}

article.hp-listing .hp-listing__content .hp-listing__title
{
	margin:0 0 5px 0;
	font-size:1.2em;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	
}
/*  Listing Box details  */

article.hp-listing .hp-listing__content .hp-listing__details
{
    font-size:0.8em;
    padding-bottom:0px;
}
article.hp-listing .hp-listing__categories.hp-listing__category a
{
	background:transparent;
	letter-spacing: 0px;
}

article.hp-listing .hp-listing__content .hp-listing__details .hp-listing__location
{
	color:gray
}



article.hp-listing .hp-listing__content .hp-listing__attributes 
{
	background:transparent;
	padding:0px !important;
    font-size:0.8em;
}


article.hp-listing .hp-listing__content .hp-block.hp-listing__attributes.hp-listing__attributes--secondary
{
    border-top:solid 1px #efefef;
    padding-top:20px !important;
   
}

article.hp-listing .hp-listing__content .hp-block.hp-listing__attributes.hp-listing__attributes--ternary
{
	font-size:0.9em !important;
	color:#565656;
	background:#f7f7f7;
	padding:5px !important;
    margin:20px 0 10px 0 !important;
}

article.hp-listing .hp-listing__content .hp-block.hp-listing__attributes.hp-listing__details--primary:not(:last-child){
	margin-bottom:20px;
	border-bottom:solid 1px #efefef;
	padding-bottom:10px
}

article.hp-listing .hp-listing__content .hp-block.hp-listing__attributes.hp-listing__attributes--secondary:not(:last-child)
{
	color:#565656;
}



article.hp-listing .hp-listing__content .hp-block.hp-listing__attributes.hp-listing__attributes--ternary:empty,
article.hp-listing .hp-listing__content .hp-block.hp-listing__attributes.hp-listing__attributes--secondary:has(.hp-row:empty)
{
    display: none;
}


/*  Listing Box footer  */

article.hp-listing footer div.hp-block.hp-listing__attributes{
	padding:2px;
}


article.hp-listing footer.hp-listing__footer{
	padding:10px !important;
	font-size:0.9em ;
	font-weight:400;
	
}

/* --- END Attributes ----- */
/*  -------END HP Listing Box --------- */



/*  HP-Listings single Attributes  */
/*  Box and Detailed Page 		   */
 .hp-listing__attribute .price-label{

	font-size:0.7em;
	font-weight:normal;
	color:#565656;
 }

.hp-listing__attribute .price,
.hp-listing__attribute.hp-listing__attribute--price
{
    color:#2E8B57;
	font-weight:bold;   
}

article.hp-listing .hp-listing__attribute.hp-listing__attribute--price-per{
   font-size:0.8em !important;
}

article.hp-listing .hp-listing__attribute.hp-listing__attribute--type-of,
article.hp-listing .hp-listing__attribute.hp-listing__attribute--type-of-2,
article.hp-listing .hp-listing__attribute.hp-listing__attribute--shop-types
{

    color:#4682B4
}

/* END Block Hivepress Listings */


/* ##################################### */
/* Block: Hive Press Listings Categories */
/* 	- Single category Box */
/* ##################################### */

/* Container for Category Boxes */
div.category-as-chips {
	border-radius:20px;
}

/* Category Box       */
/* ------------------ */
div.category-as-chips article.hp-listing-category{
	
	margin:10px;
	height:230px;
	display: flex;
	
}

/* Category Box HEADER*/
/* ------------------ */

div.category-as-chips article.hp-listing-category header {
	width:100% !important;
}

/* Show Category Counts  */
div.category-as-chips article.hp-listing-category header .hp-listing-category__count
{
    display:none !important;
    background:orange;
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 10px; 
    opacity: 70%;   
}


div.category-as-chips article.hp-listing-category header .hp-listing-category__image img{
	border-radius:10% !important;
	height:230px;
	object-fit:cover;
	
}

div.category-as-chips article.hp-listing-category header .hp-listing-category__image a::after{
	border-radius:10%;
	background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.6));
	box-shadow: 0px 3px 15px silver;
}

/* Category Box CONTENT  */
/* --------------------- */
div.category-as-chips article.hp-listing-category .hp-listing-category__content{
	
	display: flex;
	flex-direction: column;
	justify-content: center;  /* vertical center */
	align-items: center;      /* horizontal center */
	text-align: center;
	flex: 1;                  /* take available space */
	padding: 1rem;    
}

div.category-as-chips article.hp-listing-category .hp-listing-category__content h3 a{
	font-weight:500 !important;
}

div.category-as-chips article.hp-listing-category .hp-listing-category__content .hp-listing-category__details
{
	display:none;
}

/* END Block Hivepress Listings Categories*/



/* =================================================== */
/*  G-Translate Plugin 								   */
/* =================================================== */
select.goog-te-combo{
	color:#F9F9F9;
	border: solid 1px;
	border-radius: 0px;
	background:#0377ec;
	opacity: 1;
}

/* =================================================== */
/*  Woocomerce Plugin - Product Packages - recommended */
/* =================================================== */

.hp-listing-package 
{
    background:#e6f3f8 !important;
}

.hp-listing-package__name{
	font-weight: bold;
}

.hp-listing-package__header .woocommerce-Price-amount{
    font-weight: bold;
	font-size:1.2em;
}

.hp-listing-package__content{
	background:white;
}

.hp-listing-package--primary
{
	border:3px solid rgb(11, 204, 11) !important;
    background:#e3f9f0 !important;
}


h2.content-title
{
	color:#079DD8;
}
iframe {
	width:100%;
	height:250px;
}

/* -------- END PLUGIN CSS ---------------- */

nav.widget.hp-menu--user-account{
	background:#f1f1ff !important;
}
.posts{

	margin:0;

}


.search-field--white input[type="search"] {
  border-color: #a8a8a8;   /* Blue border on focus */
  background-color: #ffffff;
  outline: none;           /* Remove default outline */
}

/* -------- Ajax Search field ---------------- */
form.is-ajax-search label, form.is-ajax-search label input.is-search-input, form.is-ajax-search button {
	
	height:45px !important
}

/* =================================================== */
/*  Single Post Template 2 Column					   */
/* =================================================== */

/* Default Gutenberg behavior stays normal everywhere else */
.wp-block-columns.custom-split {
  display: flex;
  gap: var(--wp--style--block-gap);
}

/* Left column = 70% */
.wp-block-columns.custom-split > .wp-block-column:first-child {
  flex: 0 0 70%;
  max-width: 70%;
  min-width: 0;
  padding-right:10px;
}

/* Right column = 30% */
.wp-block-columns.custom-split > .wp-block-column:last-child {
  flex: 0 0 30%;
  max-width: 30%;
  min-width: 0;
}

.hp-listing__title a{
	font-weight:500;
}