/* 
 Theme Name:   MeetingHive_Child
 Theme URI:    
 Description:  
 Author:       admin_5gmmi1lj
 Author URI:   https://systlab.com
 Template:     meetinghive
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/


/* Overide to decrease font size on the price appears on the listing next to custom button when marketplace pluggin is enabeld */


.hp-listing--view-block {
    flex-direction: column!important;
}

/* Overide to move the hp-listing__footer from right to bottom */

.hp-listing__attribute--price {
    font-size: 1.0rem!important;
}

@media only screen and (min-width: 48em) {
.hp-listing--view-block .hp-listing__footer  {
    flex-direction: revert!important;
    align-items: flex-end!important;
	}
}

/* Hides the vendor registration date #hivepress #vendors  */

.hp-vendor--view-block .hp-vendor__registered-date,
.hp-vendor--view-page .hp-vendor__registered-date {
  display: none;
}


/* Custom style for categories appears on vendors listings proflile  */

.hp-vendor--view-block .hp-vendor__content  {
	text-align: center;
	margin-bottom: 15px!important;
	padding: 0 1rem 2rem!important;
}

.hp-vendor--view-block .hp-vendor__content span  {
	border-radius: 9999px;
	border: none;
	color: #666;
	background-color: rgba(0, 0, 0, 0.06);
	font-size: 0.75rem;
	white-space: nowrap;
	padding: 0.4375rem 0.75rem;
	margin: 1px;
	color: #666 !important;
	transition: background-color 0.25s;
}



.hp-vendor__attribute--theming-sopport-expert {
	margin-top: 2rem!important;
}

.hp-vendor__attribute--theming-sopport-expert {
  /* 1. Define a width (required for auto margins to work on a block) */
  width: fit-content; /* or a fixed width like 200px */

  /* 2. Center the block itself */
  margin-right: auto;
}

/* Align content on the center  */

.hp-vendor__attribute--creator-services-cost {
	margin-top: 2rem!important;
}

.hp-vendor__attribute--creator-services-cost {
  /* 1. Define a width (required for auto margins to work on a block) */
  width: fit-content; /* or a fixed width like 200px */

  /* 2. Center the block itself */
  margin-left: auto;
  margin-right: auto;
}


/* Hides an empty block on vendor's profile main page that stays empty if you disable the send message plugin  */

.hp-vendor--view-page .hp-vendor__extras {
    visibility: hidden;
}


/* The following keeps the same high to all blocks within vendor (creators) page  */

/* 1. Target the element wrapping the content to enable Flexbox */
.hp-vendor {
    display: flex;
    flex-direction: column; /* Stacks children vertically */
    height: 100%; /* Important: makes the vendor article take full height of its grid item */
}

/* 2. Make the hp-vendor__summary take up all available vertical space */
.hp-vendor__summary {
    flex-grow: 1; /* Allows this section to expand and fill the remaining height */
    display: flex; /* Apply flexbox to hp-vendor__summary itself */
    flex-direction: column; /* Stack the header, content, and footer vertically */
}

/* 3. Ensure the content area can grow and push the footer down (if you wanted to target that) */
/* .hp-vendor__content {
    flex-grow: 1;
} */


.hp-vendor.hp-vendor--embed-block,
.hp-listing__attribute {
    /*
     * 1. This is the most common fix if a parent element is forcing a vertical column layout
     * on its children using Flexbox. It resets the direction to the default (horizontal).
     */
    flex-direction: row !important;

}

.hp-vendor__description p {
  text-align: center;
}


/* Hides Buy No Button Listing Internal Page */

.hp-form--listing-buy {display:none!important}

.button-custom-a {
	margin-top: 0px!important;
	font-size: 1.125rem!important;
	text-align: left!important;
}

.button-custom-b {
	margin-top: 12px!important;
	font-size: 1.125rem!important;
	text-align: left!important;
}

.button-custom-a {
	display: flex!important;
	align-items: center!important;
	justify-content: space-between!important;
	text-align: center!important;
}

.button-custom-a i {
	display: flex!important;
	align-items: center!important;
	justify-content: center!important;
	background-color: rgba(0, 0, 0, 0.06)!important;
	border-radius: 50%!important;
	width: 2.5rem!important;
	height: 2.5rem!important;
	margin: -0.5rem -1.25rem -0.5rem 1rem!important;
	font-size: 24px!important;
}

.button-custom-a i {
	transition: transform 0.25s!important;
}

@media only screen and (max-width: 47.99em) {
	.button-custom-a i {
		background-color: transparent!important;
		margin: 0!important;
	}
}

.button-custom-a:hover i {
	transform: rotate(90deg)!important;
}


.button-custom-b {
	display: flex!important;
	align-items: center!important;
	justify-content: space-between!important;
	text-align: center!important;
}

.button-custom-b i {
	display: flex!important;
	align-items: center!important;
	justify-content: center!important;
	background-color: rgba(0, 0, 0, 0.06)!important;
	border-radius: 50%!important;
	width: 2.5rem!important;
	height: 2.5rem!important;
	margin: -0.5rem -1.25rem -0.5rem 1rem!important;
	font-size: 24px!important;
}

.button-custom-b i {
	transition: transform 0.25s!important;
}

@media only screen and (max-width: 47.99em) {
	.button-custom-b i {
		background-color: transparent!important;
		margin: 0!important;
	}
}

.button-custom-b:hover i {
	transform: rotate(90deg)!important;
}

.hp-listing--view-page .hp-listing__actions--primary {

    padding: 1.5rem 1.5rem 1.5rem!important;
}

/* The 2 buttoms that appear on listings that allow the user to visit external links */




.custom-button {
	margin-top: 0px!important;
	font-weight: 500!important;
}

.custom-button  {
	display: flex!important;
	align-items: center!important;
	justify-content: space-between!important;
	text-align: center!important;
}

.custom-button  i {
	display: flex!important;
	align-items: center!important;
	justify-content: center!important;
	background-color: rgba(0, 0, 0, 0.06)!important;
	border-radius: 50%!important;
	width: 2.5rem;
	height: 2.5rem!important;
	margin: -0.5rem -1.25rem -0.5rem 1rem!important;
	font-size: 24px!important;
}

.custom-button  i {
	transition: transform 0.25s!important;
}

@media only screen and (max-width: 47.99em) {
	.custom-button  i {
		background-color: transparent!important;
		margin: 0!important;
		width: 2.0rem!important;

	}
}

.custom-button:hover i {
	transform: rotate(90deg)!important;
}