/* Hide affwp meta data on job application page */
.job-application-meta  dt:first-of-type {display:none;}
.job-application-meta  dd:first-of-type {display:none;}

 
/* Global */
/** Global variables default value **/
:root {
	--blur: 1px;
}
.c-wth-blur-var { filter:blur(var(--blur)) }

*:focus { outline: none  !important; }

/* theme section */
#main-wrapper { background-image: linear-gradient( rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5) ),  url("https://static.wethehelp.org/asset/images/background-whitegrey.jpg"); }
#main-wrapper { padding-bottom:0px !important; }
#content { background-color:#FFFFFF !important; }

.tc-placeholder-wrap.col-12 {display:none;} /* hide admin notice "This notice is visible for admin users only." */
.post-content { min-height:300px; }
.container { margin-top:0px !important; margin-bottom:0px !important; padding:5px; } /* this will reduce the space both on top and at bottom of page/post */
.post-content entry-content { margin-bottom:0px !important; } /* this will reduce the space at bottom area of page/post content */
.czr-hot-crumble.container.page-breadcrumbs {display:none !important;} /* this will remove the space on top of page/post content */
.entry-header { display:none; } /* this will remove the space on top of page/post content */ 
.register-section { padding:20px; background-color:#FCFCFC; }
.tpnav-header__header { padding:0px !important; }
.menu-item {background-color: white !important; opacity: 1.00 !important; } /* change menu background color */
.entry-title { display:none;} /* don't display page title */
.widget__wrapper {padding: 0px 0px 0px 0px !important;}  /* reduce footer height */
#related-posts-section { display:none;}	/* Don;t display "YOU MAY ALSO LIKE" other posts at the bottom of post */
.post-info { display:none; }	/* don;t display date etc of posts */
.czr-credits { display: none; }	/* Remove footer text Powered by  C Designed with the Customizr theme */
.nav__title { text-transform: none; }	/* Make menu item displayed as case sensitive, not always capitalized */
.btn-edit { display: none !important; }	/* Don't display 'edit' link on page/post etc when login as admin, editor */
.search-toggle_btn { display: none !important; }	/* hide search from top of mobile view */

.footer-widget-area {	padding-top: 5px !important;	}


/* LoginPress */
/* now, using javascript, see all.js */

/* mycred section */
.mycred-history-wrapper { overflow: scroll !important; }	/* add scroll bar for mobile */



/* chatGPT */
.mwai-input textarea:focus {color:#000000 !important; background:#FFFFFF !important} /* keep background of input area as white */

/* Modern Tribe Event Calendar section begin */
.tribe-events-back { display:none !important }	/* hide the link which can see more events at the top of single event page */
.tribe-events-meta-group-details { display:none !important }	/* Hide details section at the bottom area of event page */
/* dt { all: initial !important; font-weight:bold !important; } */

.tribe-events-gmap { display:none !important }
.tribe-events-cost { display:none !important }
.tribe-events-meta-group-organizer { display:none !important }	/* Hide organizer section at the bottom area of event page */
.tribe-common.event-tickets.tribe-tickets__registration { padding:10px; }	/* used on page that input attendee additional data(name, phone, email, etc) */
.tribe-checkout-backlink { margin:10px; } /* Make space between links on woocomerce checkout page! */
.tribe-attendees-list-container {display:none;}	/* Hide the "attendees list" at middle so it will be only shown at bottom */
.tribe-related-events {display:none !important;} 
.tribe-events-nav-pagination {display:none !important;}  /* don't show other events one event page */
.tribe-section.tribe-section-venue {display:none !important;} /* Hide website venue on event edit page */
.tribe-section.tribe-section-website {display:none !important;} /* Hide website section on event edit page */
.tribe-section.tribe-section-organizer{display:none !important;} /* Hide organizer section on event edit page */
.tribe-section.tribe-section-cost {display:none !important;} /* Hide cost  section on event edit page */
.recurrence-row.tribe-datetime-block {display:none !important;} /* Hide recurrence section on event edit page */
.tribe-events-single>.tribe_events { overflow: inherit!important; } /* fix "Add to calendar" dropdown menu not showing up properly! */

.tribe-tickets__rsvp-availability { display:none !important; }
.tribe-tickets__rsvp-attendance {display:none !important;} /* hide how many people going */
.tribe-tickets__rsvp-ar-sidebar-wrapper {display:-none !important;} /* hide guests section */
.tribe-tickets__rsvp-ar-form-wrapper {width:100% !important;} /* make register form full wide */
.tribe-tickets__rsvp-ar-form-title {display:-none !important;} /* hide "Main Guest" on register form */

.tribe-link-view-attendee { font-size:18px;  }
.tribe-link-view-attendee a {
	color: red;
	font-weight:bold;
	text-decoration: underline;
}


/* Event Calendar section end */


/* Google Translate (gtranslate) section */
.skiptranslate {display: none !important;}  /* Hide the Google Translate Tool Bar on top of page when use plugin: GTranslate */
.gt_selector.notranslate {border-color:#FF0000 !important;} 


/* Wise Chat, make it displayed correctly when embeded in bbpress */
.wcUserInChannel img.wcUserListAvatar { max-width: 25px !important; }
.wcUserInChannel  { display:block !important; }

.wcCustomizationsPanel { display: block !important; } /* Alway show it to make height no change when embeded in iframe! */

/* hide inforwindow, color customizations  because it will conflict with other chatrooms on the same web page */
.wcUserListInfoWindow {visibility:hidden;} 
.wcCustomizationsPanel .wcCustomizationsProperty:nth-child(2) {display:none !important;}


.wcContainer .wcMessagesContainerTab a.wcMessagesContainerTabCloseLink:hover { color: yellow !important; outline: none !important; }
@media screen and (min-width: 768px) { 	.wcPmNavigationButton { display:none !important; } } 

a.wcMessagesContainerTabCloseLink {
	font-family: Fixedsys !important; font-weight:bold !important;
	padding-left:4px !important; padding-right:4px !important; padding-bottom:3px !important;	
	width: 17px !important;
	height: 17px !important;
	color: #A6A6A6 !important;	
  	border: 1px solid #A6A6A6 !important;
	border-radius: 50% !important;
	display: initial !important;
	background: transparent url(../gfx/icons/x.svg) no-repeat 50% !important; background-size: 100% !important; 
    vertical-align: middle !important; 
	text-indent: -5000px !important;
	outline: none !important; margin-left: 7px !important; margin-top: -3px !important; text-decoration: none !important; 
} 


/* woocommerce section */
.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail { aspect-ratio:1/1;width:100%;height:auto; } /* make products looks same size on listing(e.g. https://wethehelp.org/store/category-virtual-gift) */
.woocommerce-checkout-review-order-table th {	text-transform: none !important; }	/* change checkout page form font to case sensitive */
.form-row.place-order {margin:0px !important;} /* remove margin so paypal buttons can looks inside! */
.woocommerce-SavedPaymentMethods-saveNew { display: none !important; } /* don't save user credit card */
.woocommerce-cart .return-to-shop { display: none !important; } /* hide "return to shop" button on cart page */
.wth_wc_checkout_fields_hide { display:none !important; }	/* Hide billing country */
.wc-proceed-to-checkout .ppc-button-wrapper { display:none !important; } /* Hide paypal button from cart page */
.product .ppc-button-wrapper { display:none !important; } /* Hide paypal button from product page */
.product_title.entry-title { display:block !important;} /* make sure title will be displayed on single product page */


/* AffiliateWP */
#affwp-affiliate-dashboard-tabs { background-color:#F8F8F8; display:inline-block; padding: 5px 0px 5px 5px !important; font-family:terminal; }
/* .affwp-affiliate-dashboard-tab { background-color:#404040; color:white !important; } */
 

/* */
.marquee_main{
  border: 0px solid black;
  overflow: hidden;
  white-space: nowrap;
  padding:10px;
}

.marquee1 {
  display: inline-block;
  animation: marquee1 10s linear infinite;
}

.marquee2 {
  display: inline-block;
  animation: marquee2 10s linear infinite;
  animation-delay: 5s;
}

@keyframes marquee1 {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes marquee2 {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-200%);
  }
}

/* Crowdfunding section */
#wpneo-tab-description { text-align:justify; memo="works on campaign page!"}

/* Simple Calendar ¨C Google Calendar Plugin (https://en-ca.wordpress.org/plugins/google-calendar-events/) */
.simcal-align-right a { display:none; } /* Hide the link "Edit Calendar" */
.simcal-calendar-head tr { background-color:white !important }

/* Auction plugin section */
.uwa_auction_reserve_not_met { display: none; } /* */
.woocommerce-Price-amount.amount { color:#808080 !important; }
.woo-ua-current.auction { color:#bf9b30 !important; font-weight: bold; }
.uwa-main-auction-product.uwa_auction_product_countdown.hasCountdown { background-color:#bf9b30 !important; color:white !important; }

/* begin of javascript tabs */
.gds-tabs {
  	overflow: hidden;
  	border: 0px solid #fff;
  	background-color: #E0E0E0;
  	padding: 5px 5px;
}

.gds-tab-link {
	display:inline-block;
	font-family:toledo;
}

/* Style the buttons inside the tab */
.gds-tabs button{
	color:black;
	margin-top: 6px;
	margin-left: 3px;
  	background-color: inherit;
  	float: left;
  	border: 0px;
  	outline: none;
  	cursor: pointer;
  	padding: 2px 8px;
  	font-size: 16px;
  	font-weight: bold;
	display:inline-block !important;
}

/* javascript tabs section: change background color of not currently active buttons on hover */
.gds-tabs button:not(.active):hover { box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.4) ; text-decoration: underline;}

/* Create an active/current tablink class */
.gds-tabs button.active { background-color: rgba(255,255,255,0.9); }

/* Style the tab content */
.tabcontent {
	display: none;
	padding: 6px 12px;
  	border: 1px solid #ccc;
  	border-top: none;
}

/* end of javascript tabs */


/*
.bp-template-notice.updated p { background-color: blue !important; color:red !important;}

*/


/* donate button/link */
.button.wdgk_add_donation { background-color:red !important }

/* .wth-link{ color:#005b96;} */
.wth_blink_me {	animation: blinker 0s linear infinite;	}

@keyframes blinker {	50% { opacity: 0; }	}




/* Paid Membership Pro */
.pmpro_checkout-field.pmpro_payment-discount-code { display:none !important; } /* Hide "discount code" field when use Stripe on membership checkout page because there is already input field for discount code! */
.pmpro_checkout-h2-msg a {display:none !important;} /* Hide the "change" link on membership checkout page(/membership-account/membership-checkout?level=1) */


/* Now, using javascript to do the below:
#pmpro_actionlink-levels { display:none !important; }
#pmpro_actionlink-logout { display:none !important; }
#pmpro_actionlink-profile { display:none !important; }
#pmpro_actionlink-change-password { display:none !important; }
*/

/* affiliate manager */
.transaction-confirmed { background-color:#FDFDFD !important; }
.pure-menu-item { font-weight: bold; font-color:#d09d04 !important; }
.pure-menu-link { font-weight: bold; color:#d09d04 !important; }


/* buddypress begin */

#buddypress {margin:100000px;} /* hide buddypress section and show when all.js loaded */
#buddypress #item-header { display: none !important; } /* Hide cover photo section */
#change-cover-image-personal-li { display: none !important; } /* Hide "change cover photo" */
#basic-details-section { width:100% !important; text-alig:left !important; }
#profile-details-section { width:100% !important; text-alig:left;  }


.avatar.photo { border:5px solid rgba(220,220,220,0.2) !important; visibility:; } /* change profile photo border */
#item-header-avatar { border:10px !important; }
.updated.success { background-color:#00abf6 !important; color:white !important; }

/* #events-personal-li { display:none; } */  
.bp-template-notice.updated p { background-color:rgb(223,240,216) !important; border-style:none !important; color:rgb(60,118,61) !important;  } /* make it same as Paid Membership Pro */
.activity { display:none !important; } /* buddypress: don't display  activity information like "2 minutes ago" etc on profile page */
#forums-personal-li { display:none; } /* don't display forums on profile */
#groups-personal-li { display:none; } /* don't display groups on profile */

/* Don't display title,  plugin: BP Profile Message UX Free */
#TB_ajaxWindowTitle { display: none !important; }


/* Set cookie notice bar to top of page */
.cn-set-cookie { background-color:red !important; color: #FFFFFF !important; padding:4px; } /* change background color of OK button */
/* #cookie-notice { position: relative !important; } */	/* this is needed for moving it to the top of page when use javascript */



/* bbpress begin */
/* See plugin: [wth_forum_hide_author]
.bbp-reply-content { margin-left:0px !important; } 
.bbp-reply-author { display:none !important; }
*/

.bbp_dropdown { display:none; } /* hide which forum to post. This may cause bug on other forum pages! */
.post-footer.clearfix { display:none; } /* hide forum post footer to save space */

/* .bbp-reply-form { display:none; } */
#bbpress-forums ul.status-closed,
#bbpress-forums ul.status-closed a { color: #000 !important; }


/* bbpress end */


/* CSS tooltips */
/* Tooltip container */
.wth-tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.wth-tooltip .wth-tooltiptext {
  visibility: hidden;
  /* width: 120px; */
  background-color: #d09d04;
  color: #fff;
  text-align: left;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Tooltip arrow */
.wth-tooltip .wth-tooltiptext::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50px; /* 50%; */
  /* margin-left: -5px; */
  border-width: 15px;
  border-style: solid;
  border-color: transparent transparent #d09d04 transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.wth-tooltip:hover .wth-tooltiptext {
  visibility: visible;
}


/* set a div elemt vertically center in window */
.gds-y-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


ol:before { content: none !important; }
ol:marker { content: none !important; }



