/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/

/*   for h2 and a class, do it without spacing e.g. h2.modal-title  */

/*  Pmpro css under search and profile css below */

#buddypress .members-list>li .primary-action .generic-button>.follow-buttonnn {
    background-color: var(--bb-content-background-color);
    color: var(--bb-headings-color);
    border: 1px solid var(--bb-content-border-color);
}

#buddypress .members-list>li .primary-action .generic-button>.follow-buttonnn:hover {
    background-color: var(--bb-secondary-button-background-hover);
    color: var(--bb-secondary-button-text-hover);
    border: 1px solid var(--bb-secondary-button-border-hover);
}

/* MESSAGE ME-My PHOTOS BUTTONS */

.gw-message-user-button .elementor-button {
	font-size: 16px!important;
	letter-spacing: -0.7px!important;
	fill: #fff!important;
	color: #fff!important;
	background-color: #800000!important;
	padding: 14px 14px 14px 14px!important;
	border-radius: 2px 2px 2px 2px!important;
}

.gw-message-user-button .elementor-button:hover, .gw-message-user-button .elementor-button:focus {
	color: #fff!important;
	background-color: #007f00!important;
}

.gw-message-user-button .elementor-button:hover svg, .gw-message-user-button .elementor-button:focus svg {
	fill: #fff!important;
}


/* BUDDYPANEL SIDEBAR */
/* change Section color */
.buddypanel .side-panel-menu li.bb-menu-section a {
	color:#eeeb09;
}
ul.buddypanel-menu li.bb-menu-section a {
	opacity:inherit;
}

/* GENERAL SEARCH PAGE RESULTS */

/* USERNAME ON PROFILES not search - change color */
#buddypress div#item-header-cover-image .user-nicename, #buddypress div#item-header-cover-image .user-nicename a {
    margin: 0 15px 0 0;
    color:#3d1e08;
    }
    
/* send message and follow buttons lineup */
body #buddypress div#item-header li 
    {
        float:inline-end;
    margin-top:0px;
        
    }
.single-headers .member-header-actions>.generic-button {
    margin: 5px 10px 10px 2px;
}
#item-header-cover-image .member-header-actions .generic-button a, #item-header-cover-image .member-header-actions .generic-button button {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

/*  ------------------- BETTER MESSAGES PAGE - DARKEN BORDERS ---------------- */
.bp-messages-wrap .bm-reply {border-top:4px solid rgb(15 13 13);
border-bottom:4px solid rgb(15 13 13);}


/*   ------------  HOST SEARCH PAGE LISTINGS ----------------- */

#members-list.item-list .member-name a {
	font-size:18px!important;
}
.host-listing-farmname {
font-size:16px!important;
text-transform:uppercase;
color:#5c605c!important;
    padding: 0;
    margin: 0px 0px -1px 0px;
    line-height: 1;
}
/* county name */
.host-listing-city {
	font-size:16px!important;
	color:#800000!important;
	font-weight:400;
}
.host-listing-capacity {
	font-size:16px!important;
	text-transform:uppercase;
	font-weight:500;
    padding: 0;
    margin-top:-20px;
	margin-bottom: -30px;
    
	color: #800000!important;
}
h5.host-listing-sub-heading {
	font-size:13px;
	font-weight:500;
}
/* hide top address & radius search boxes  */
.gmw-keywords-field-wrapper  {display:none;}

.gmw-field-checkboxes,.gmw-field-radio-buttons,div.gmw-form-wrapper ul.gmw-field-checkboxes,div.gmw-form-wrapper ul.gmw-field-radio-buttons {
    overflow: auto!important;
}

/* search results - margins on buttons x 2  */
#buddypress .members-list > li .primary-action .generic-button {
    margin: 10px 2px 5px;
}
#buddypress .members-list > li .primary-action .generic-button > * {
    padding: 6px 8px;
}


/* Host Search Image*/
.bpxcftr-image {
    margin-top: 5px!important; 
   /*width: 100%!important;  this width stretches images in edit profile - but not needed for search */
   height: 200px!important; /* Set the desired height of the thumbnail */
   overflow: hidden; /* Hide the overflowing parts of the image */
   position: relative; /* Position the image inside the div */
   border: 1px solid #bfbfbf!important;
   border-radius: 6px!important;
   padding: 5px!important;

}
/* move image up to top of box */
#members-list.item-list.grid.bp-list .item-avatar {
	margin-top:0px!important
}

/* ------------- HOST POPUP WINDOW ON MAP ---------------- */

.gmw-info-window-inner {
		overflow-x:auto!important;
	}
	.gmw-map-wrapper .leaflet-popup-content-wrapper {
		overflow-y:auto!important;
	}
	.gmw-item-header > .bpxcftr-image {
		height:100px!important;
        width:auto!important;
	}
	.gmw-standard-info-window .gmw-info-window-inner {
		max-height:300px!important;
	}

	/* Fixes the X button on popup*/
	.gmw-map-wrapper .leaflet-container a.leaflet-popup-close-button {
		padding:3px 6px!important;
		color:#FFFFFF!important;
	}
h3.gmw-item-title {
	font-size:18px!important;
}
.popup-host-listing-farmname {
	text-transform:;
	font-weight:500!important;
	font-size:15px!important;
	line-height:17px!important;
}
.popup-host-listing-city {
	text-transform:uppercase!important;
}
/* ---- LOAD MORE BUTTON on host search page  ---- */
/* css for that is in geomywp map3-search result tab css */

/* ----------------- WOOFER SEARCH PAGE LISTINGS --------------------- */

/* wwoofer uploaded search image */
#friend-list.bp-list.grid .item-avatar img, #members-list.bp-list.grid .item-avatar img {
	max-width:326px;
}
/* not needed - border on wwoof search images  */
#friend-list.item-list .item-avatar img, #members-list.item-list .item-avatar img {
	border-radius:6px;
}

/* subnav filters - grid-list buttons, bottom margin */
.directory.members .buddypress-wrap .subnav-filters {
	margin-bottom:20px;
}
/* hide grid-list button as list view is broken */
.grid-filters {
	display:none!important;
}
/* Following link on the WWOOFer search page - it doesnt work, just hangs, so hidden for now ----------------*/
#members-following {
	display:none;
}
/* wwoofer expand for wwoof search accordion font */
.ui-widget {
	color:#ffffff;
}

/* wwoofer search image */
.wwoof-listing-avatar {
   margin-top: 5px;
   display:block;

  width: 100%; /* Set the desired width of the thumbnail */
  height: 180px; /* Set the desired height of the thumbnail */
  overflow: hidden; /* Hide the overflowing parts of the image */
  position: relative; /* Position the image inside the div */
  border: 1px solid #bfbfbf;
  border-radius: 6px;
  padding: 5px;
}




 /* nation title */
.wwoof-listing-nation {
	font-size:18px!important;
}
.wwoof-member-name {
	font-size:22px!important;
	color:#800000!important;
}   
/* ---------- PROFILE PAGE SINGLE IMAGE GALLERY ------------- */

/* Labels on images */
.x-field-img-label {
	font-size:16px!important;
	font-weight:700!important;
    text-align:left;
    display:block;
}
/*this is to get lightboxes working on images on the profile page.
*/
.imageGallery {
   overflow: hidden;
   margin-top: 5px;
   display:block;

  width: 300px; /* Set the desired width of the thumbnail */
  height: 300px; /* Set the desired height of the thumbnail */
  overflow: hidden; /* Hide the overflowing parts of the image */
  position: relative; /* Position the image inside the div */
  border: 1px solid #bfbfbf;
  border-radius: 4px;
  padding: 5px;
    }
.imageGallery:hover {
	box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
	}
.imageGallery > a {
  float: left; width: 33.3333%; padding: 1px; box-sizing: border-box; position: relative;
  width: 100%;
  height: 100%;
}

.imageGallery > a:first-child { left: -1px; }
.imageGallery > a:last-child { right: -1px; }

.imageGallery > a > img {
  display: block; width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover; /* Cover the entire area and maintain the aspect ratio */
  position: absolute;
  top: 50%; /* Center the image vertically */
  left: 50%; /* Center the image horizontally */
  transform: translate(-50%, -50%); /* Adjust the position for perfect centering */
}
.secondwwooferimages {width:100%!important;}
/* ------------ end gallery ------------ */


/*  ----------------  PROFILE TEMPLATES ----------------- */

/* all profiles - header top margin */
.bp-user #buddypress #item-header {margin-top:32px;}

/* top profile box BACKGROUND COLOR with avatar & buttons */
.bb-template-v2 #cover-image-container {
    background: rgb(221,237,209);
	background: linear-gradient(180deg, rgba(221,237,209,1) 33%, rgba(0,127,0,0.665703781512605) 100%);
}
/* meta data under username on profile header */
.single-headers .item-meta {
	color:#4e4f52;
}
.buddypress-wrap .profile {
	margin-top:-30px;
}

/* Report Member button on others Profiles, sits beside the follow button NOT NEEDED NOW
#buddypress .action .button.bp-secondary-action {
	background-color:#800000;
}
*/
/* SEARCH IMAGE APPEARING ON HOST PROFILE PAGES AT TOP */
.image938 {
  margin-top: 10px;
  display:block;

  width: 100%; /* Set the desired width of the thumbnail */
  height: 350px; /* Set the desired height of the thumbnail */
  overflow: hidden; /* Hide the overflowing parts of the image */
  position: relative; /* Position the image inside the div */
  border: 1px solid #bfbfbf;
  border-radius: 4px;
  padding: 5px;
}
/* SEARCH IMAGE APPEARING ON wwoofer PROFILE PAGES AT TOP */
.image403 {
  margin-top: 10px;
  display:block;

  width: 100%; /* Set the desired width of the thumbnail */
  height: 350px; /* Set the desired height of the thumbnail */
  overflow: hidden; /* Hide the overflowing parts of the image */
  position: relative; /* Position the image inside the div */
  border: 1px solid #bfbfbf;
  border-radius: 4px;
  padding: 5px;
}

.image921
{
width:100%;
height:auto;
}
.image921 > a > img
{
height:auto;
display:block;
position:unset;
max-height:100%;
max-width:100%;
transform:unset;
}
.image921 > a {

display:inline-block;
}

/* -------------- HOSTS PROFILES ---------------- */

/* host profile info section css */
body.buddypress .buddypress-wrap h1, body.buddypress .buddypress-wrap h2, body.buddypress .buddypress-wrap h3, body.buddypress .buddypress-wrap h4, body.buddypress .buddypress-wrap h5, body.buddypress .buddypress-wrap h6 {
    margin: 0 0 0 0;
}

/* sub heading */
.profile-sub-heading {text-align:center;color:#007f00;font-style:italic;font-weight:500}

/* farm name */
.profile-farm-name {text-align:center;color:#3d1e08;}

.profile-std-text {
    font-family: "Roboto", Sans-serif;
    font-size:16px;
    font-weight:400;
}
.bold-x-profile {
    font-weight:700;
}


/* gwmultioption css */
.x-field-value {
    display: block;
}

.gwmultioption {
    display: block;
    margin-bottom: 5px; /* optional spacing between lines */
}

/* icons on profile check box lists */
span.gwmultioption::before {
    font-family: "bb-icons"!important;
    font-weight:500!important;
    content: "\e87e "!important; 
	padding-right:6px;
	color:#808000;
}
/* ---------- END HOST PROFILE -------------- */

/* -------------- PMPRO SIGNUP FORMS ------------- */
/* checkboxes at bottom of page   */
#signup-wwoof-funds-checkbox_div {
	margin-top:20px;
}
#signup-wwoof-convict-select_div {
	margin-top:20px;
}
#signup-convict-select_div {
	margin-top:20px;
}
#signup-insurance-checkbox_div {
	padding-top:15px!important;
}
.pmpro-tos-label {
	margin-top:20px;
}
.agree-labels {
	margin-bottom:30px!important;
}
.pmpro_form_label {
	font-weight:600!important;
}
/* ------------- PMPRO sUBSCRIPTION PAGES - ----------- */
/* hide two links at bottom of confirmation page (page 1) */
.pmpro_actions_nav:not(#pmpro_login .pmpro_actions_nav) {display:;}

/* hide links on confirm page to edit profile */
.pmpro_actionlinks {display:;}
#pmpro_actionlink-profile {display:none;}

/* ----------- WP BASE BOOKING  ------------ */
/* WP Base increase text size for Wwoofer My Bookings line */
.buddyboss-theme .app-list {font-size:14px;}

/* hide Add New Booking from toolbar on My Bookings top heading */
.app-front-admin .wrap .add-new-h2 {display:none;}
/* hide provider select list, payment fields etc */
.app_iedit_worker {display:none!important;}
.app_iedit_price_h {display:none!important;}
.app_iedit_payment_method {display:none!important;}
.app_iedit_lock {display:none!important;}
.app_iedit_price {display:none!important;}
.app_iedit_deposit {display:none!important;}
.app_iedit_due {display:none!important;}
.app_iedit_payment {display:none!important;}
.app_iedit_balance {display:none!important;}
.app_iedit_location {display:none!important;}
.app_iedit_user {display:none!important;}
.app_iedit_email {display:none!important;}
.app_iedit_phone {display:none!important;}
.app_iedit_client_ip {display:none!important;}

/* hover over wwoofer name on host manage bookings hide details */
.app-page abbr, acronym, dfn
{
	cursor:none!important;
} 
/* search box on manage bookings on dashboard page text black */
.app-list-wrapper .dataTables_wrapper .dataTables_filter input {color:#000000;}
/* hide Your Rate that showed up on the Settings page for Host Profiles */
.app-bio-price {display:none;}  

/* wwoofer intro booking text that is shown on the hosts dashboard manage bookings list */

table.app-list > tbody > tr.child > td {
text-wrap:auto;
}

/* navigation next-month on booking calendars on profiles book-me */
.app-pagination .app-next a {
	font-size:20px;
	color:#800000;
	font-weight:700;
}
.app-pagination .app-previous a {
	font-size:20px;
	color:#800000;
	font-weight:700;
}

/* HOSTS AVAILABALITY CALENDAR BUSY DAY COLOR RED */
.bp-user .ui-datepicker .ui-datepicker-calendar .ui-state-highlight a {background-color:#800000;}

/* ------------------- LOCATION BUTTON ON FIND LOCATION PAGE -------------- */
div#gmw-location-form-wrapper .gmw-lf-form-actions .gmw-lf-field.button.submit_location {color:#ffffff!important;}


/* ---------------------------- NEW REVIEWS -------------------------------------- */
.gw-review-card .gw-review-fields .gw-review-field .val, .gw-review-given-card .gw-review-fields .gw-review-field .val {text-align:left!important;}

.gw-rating-stars.gw-rating-stars--small {
font-size:56px!important;}

.gw-review-card .gw-review-actions .button, .gw-review-given-card .gw-review-actions .button {background: #007f00!important;
color:#ffffff!important;}


/* ------------------------------------------ GEO SEARCH ---------------------------*/

/* custom update to WWOOF IE only (not AU) to align the top Search & Filters button */
.form-item, form {
	margin-bottom:0px!important;
}

/* background surrounding Search box at top of torm */
.gw-bp-geosearch-header {
	background:#dddddd!important;
}
.list-controls {
	background:#dddddd!important;
} 

/* margin between the Search box & the Listings */
.member-list-container {
margin-top:18px;
}
/* MEMBER CARD STYLES */
.member-card.cards-view .member-name {
	color:#007f00!important;
	font-size:18px!important;
	text-align:center;
}

.member-card.compact-view .member-name {
	font-size:16px!important;
}

.country-source {
	font-weight:700;
	font-size:15px;
}
.stay-length {
	font-weight:600;
	font-size:15px!important;
	color:#007f00!important;
}

.field-label {
	font-size:15px;
	color:#007f00!important;
	font-weight:600!important;
	text-align:center!important;
}
.member-card.cards-view .member-intro {
	text-align:center;
}

/* border & backgrounds */
.member-card {
    border: 1px solid #333333!important;
    background: #fff!important;
    border-radius: 6px!important;
    
}
/* buttons at bottom */
.base-btn.btn-outline {border-radius:4px;}

/* HIGHLIGHTED ENTRY */
.virtualized-member-item.member-highlighted, .virtualized-member-item.member-highlighted  {
	background-color:#007f003b!important;
	border-radius:6px;	
}

/*   BOTTOM BUTTON BAR ON MOBILES & TABLETS   */
.mobile-bottom-bar {
	bottom:0.1vh!important;
	border-top:1px solid #767676!important;
}
.bottom-tab.active {
	background-color: #d9d5d5!important;
	}
/* font size, padding and color of buttons */
.bottom-tab {
	color:#6d6d6d!important;
	background-color:#ffffff!important;
	font-size:15px!important;
	padding: 10px 20px!important;
}

/* ---------------------  POPUP MODAL MESSAGING FORM ON SEARCH PAGES ------------------ */
/* form input borders */
.message-modal .form-input, .message-modal .form-textarea {
	border: 2px solid #dddddd!important;
    border-radius:5px!important;
}

/* MODAL TITLE  */

h2.modal-title {
        font-size: 26px!important;
    }
/* Mobile Devices (Max-width 767px) */
@media screen and (max-width: 767px) {
h2.modal-title {
        font-size: 20px!important;
    }
}
/* Small Mobile Devices (Max-width 480px) */
@media screen and (max-width: 480px) {
h2.modal-title {
        font-size: 16px!important;
    }
}


/* ---------------------- POPUP MODAL FILTER FORM ------------------*/
.filter-field {
	background:#dddddd!important;
}
.gw-button {
	font-size:15px!important;
	padding: 6px 16px!important;
}
.modal-header-actions {
	padding:1px 24px!important;
}

/* ---------------------POPUP MODAL ON MAP  ----------------------- */
.leaflet-popup-content-wrapper {
    border-radius: 10px!important;
    box-shadow: 0 3px 14px #0006!important;
}