/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* ------------------- AVATAR SIZE ON PROFILES -------------------- */
.single-headers #item-header-avatar a img {
	width:150px;
}

/* -----------------------------WWOOF OZ   HEADER & NAV BAR ON PROFILES ------------------------------------- */

/* Buddypress Nav bar background color and padding */
.bp-navs ul {
	background: #00805d24; 
	padding-left: 10px;
} 
/* Buddypress Nav Bar make background full width */
#buddypress.buddypress-wrap .bp-navs ul.bp-priority-object-nav-nav-items, #buddypress.buddypress-wrap .bp-navs ul.bp-priority-subnav-nav-items {
	display: block;
	background-color:#ffffff;
}
/* Profile Header - Cover image on Profiles - make image deeper */
#buddypress #header-cover-image {
	height:330px;
    background-position:center;
    background-attachment:fixed;
    background-repeat: no-repeat;
}

/* Profile Cover Image top margin 
#buddypress #item-header-cover-image {
	margin-top:20px;
}
*/
/* Profile Header - move buttons & avatar down */
#buddypress #item-header-cover-image #item-header-avatar {
	margin-top:260px;
}


/* Profile page - remove margins from BP H4 headings in BOXES */
body.buddypress .buddypress-wrap h3, body.buddypress .buddypress-wrap h4 {
	margin-top:0px!important;
	margin-bottom:0px!important;
}

/* meta data under Profile Buttons in header */
.pmpro_bp_show_level_on_bp_profile {
	font-size:14px;
	color: #800000;
}
/* BP version of show level on profile */
#buddypress .bp-member-type-list {
	font-size: 15px;
	padding-bottom:0px;
}
.gw-member-since {
	font-size:14px;
}
.gw-expiry-date {
	font-size:14px;
}
.single-headers .item-meta {
	margin:0px;
	padding-bottom:0px;
}
/*  css for RED BUTTONS TEST on PROFILE TAB NAVS  */

#buddypress.buddypress-wrap .bp-navs ul.bp-priority-object-nav-nav-items li a, #buddypress.buddypress-wrap .bp-navs ul.bp-priority-object-nav-nav-items li span, #buddypress.buddypress-wrap .bp-navs ul.bp-priority-subnav-nav-items li a, #buddypress.buddypress-wrap .bp-navs ul.bp-priority-subnav-nav-items li span {
	background-color: #d24500; /* red background*/
    color: white;
    font-size: 15px;
    font-weight: 500;
    padding: 5px 20px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	margin-bottom:10px;
}
#buddypress.buddypress-wrap .bp-navs ul.bp-priority-object-nav-nav-items li a:hover, 
#buddypress.buddypress-wrap .bp-navs ul.bp-priority-object-nav-nav-items li span:hover, 
#buddypress.buddypress-wrap .bp-navs ul.bp-priority-subnav-nav-items li a:hover, 
#buddypress.buddypress-wrap .bp-navs ul.bp-priority-subnav-nav-items li span:hover {
    background-color: #006e81; /* Green color on hover */
}
#buddypress.buddypress-wrap .bp-navs ul.bp-priority-object-nav-nav-items li a:active, 
#buddypress.buddypress-wrap .bp-navs ul.bp-priority-object-nav-nav-items li span:active, 
#buddypress.buddypress-wrap .bp-navs ul.bp-priority-subnav-nav-items li a:active, 
#buddypress.buddypress-wrap .bp-navs ul.bp-priority-subnav-nav-items li span:active,
#buddypress.buddypress-wrap .bp-navs ul.bp-priority-object-nav-nav-items li.selected a, 
#buddypress.buddypress-wrap .bp-navs ul.bp-priority-object-nav-nav-items li.selected span, 
#buddypress.buddypress-wrap .bp-navs ul.bp-priority-subnav-nav-items li.selected a, 
#buddypress.buddypress-wrap .bp-navs ul.bp-priority-subnav-nav-items li.selected span,
#buddypress.buddypress-wrap .bp-navs ul.bp-priority-object-nav-nav-items li.current a, 
#buddypress.buddypress-wrap .bp-navs ul.bp-priority-object-nav-nav-items li.current span, 
#buddypress.buddypress-wrap .bp-navs ul.bp-priority-subnav-nav-items li.current a, 
#buddypress.buddypress-wrap .bp-navs ul.bp-priority-subnav-nav-items li.current span {
    background-color: #cd9901; /* yellow color for active state */
}
/* deals with the notification count number appearing */
#buddypress.buddypress-wrap .bp-navs ul li .count {
	margin-top:-7px!important;
	margin-bottom:-5px!important;
	font-size:12px!important;
	box-shadow:none!important;
}
/* this removes the old bpress current border around their old buttons */
.buddypress-wrap .tabbed-links ol li.current, .buddypress-wrap .tabbed-links ul li.current {
	border-width:0px;
}

/*  END RED BUTTONS ON PROFILES */






/*  ----------------WWOOF DEMO start css  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%);
}


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

/* SEARCH IMAGE APPEARING ON HOST PROFILE PAGES AT TOP */
.image938 {
  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;
}

/* 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;font-size:32px;font-weight:600;}

.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 -------------- */


/* ------------------- 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:36px!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;
}
.location-info {
	color:#333333!important;
	display:none!important;
}
/* 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;align-content;
}