/*
 Theme Name:   For The Better Hello child
 Theme URI:    https://forthebetter.nl/
 Description:  For The Better Hello child is a child theme of Hello Elementor, created by For The Better.
 Author:       For The Better
 Author URI:   https://forthebetter.nl/
 Template:     hello-elementor
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html  
*/

/* Add your custom styles here */

  html { font-size: 1.125rem; }
  @media screen and (max-width:1920px) { html { font-size: calc(0.625rem + 0.41666666666666674vw); } }
  @media screen and (max-width:1440px) { html { font-size: calc(0.8126951092611863rem + 0.20811654526534862vw); } }
  @media screen and (max-width:479px) { html { font-size: calc(0.7494769874476988rem + 0.8368200836820083vw); } }

/* Underlined links */
.elementor-widget-text-editor a,
.elementor-widget-icon-list a,
.elementor-widget-theme-post-content a,
.um-field-area a.um-toggle-terms {
  text-decoration: underline !important;
}

.elementor-widget-text-editor a:hover,
.elementor-widget-icon-list a:hover,
.elementor-widget-theme-post-content a:hover,
.um-field-area a.um-toggle-terms:hover {
  text-decoration: none !important;
}

:is(h1, h2, h3, h4, h5, h6, p) a {
	text-decoration: underline;
}
:is(h1, h2, h3, h4, h5, h6, p) a:hover {
  text-decoration: none;
}

/* break words when overflowing content */
body {
  word-break: break-word;
}

/* Set color style to inherit */
.inherit-color * {
    color: inherit;
}

/* line clamp */
.line-clamp-1, .line-clamp-2, .line-clamp-3, .line-clamp-4 {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.line-clamp-2 { -webkit-line-clamp: 2; }
.line-clamp-3 { -webkit-line-clamp: 3; }
.line-clamp-4 { -webkit-line-clamp: 4; }
 
 /* Screenreader text only CSS */
.sr-only {  
    border: 0;  
    clip: rect(1px, 1px, 1px, 1px); 
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important; 
  }

  /* Focus styles */
  *:focus-visible {
    outline: 3px solid #006B68;
    outline-offset: 2px;
    border-radius: 1.5rem;
  }
  
/* Show or hide social icons */
.elementor-social-icon:not([href]) {
  display:none;
}

.elementor-social-icon {
  margin-right: 12px !important;
}

/* Show  and hide filter container */
.filter-container {
  display: none;
}

/* Paytium donation module styles. */
/* Define global color variables */
:root {

  /* Label */
  --pt-text-label-color: #000; /* Label text color */
  --pt-text-label-size: 1.25rem; /* Label text size */
  --pt-text-label-weight: 400; /* Label text weight */

  /* Input */
  --pt-text-placeholder-color: ##1a1a1a; /* Placeholder text color */
  --pt-border-radius-input: 4px; /* Input border radius */
  --pt-input-background-color: #fff; /*Input background color

  /* Buttons (radio and check) */
  --pt-button-bg-color: #ffff; /* Button background color */
  --pt-button-bg-hover-color: #AAAFB4; /* Button background hover color */
  --pt-button-bg-active-color: #000; /* Button background active color */

  --pt-button-text-color: #000; /* Button text color */
  --pt-button-text-hover-color: #000; /* Button text color */
  --pt-button-text-active-color: #fff; /* Button text color */

  --pt-button-text-weight: 400; /* Button text weight */

  --pt-button-border-radius: 8px; /* Button border radius */

  /* Submit */
  --pt-submit-bg-color: #000; /* Submit background color */
  --pt-submit-bg-hover-color: #000; /* Submit background hover color */

  --pt-submit-text-color: #fff; /* Submit text color */
  --pt-submit-text-hover-color: #fff; /* Submit text hover color */

}


/* removes border from form */
.pt-checkout-form { 
    border: none;
    padding: 0;
    width: 100%;
}

/* general form styles */
.pt-radio-group { 
	  display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -5px -5px 0;
}

/* .pt-radio-group::after, .pt-radio-group::before { 
    content: " ";
    display: table;
}*/

.pt-subscription-interval-options::after {
    content: none !important;
}
.extra-field-group, 
.pt-form-group-uea-custom-amount {
  display: none; /* Hide the elements initially */
}

/* Labels */
.pt-form-group-subscription-interval label,
#pt-cf-radio-label{
    font-size: var(--pt-text-label-size);
    margin-bottom: .5rem;
	  color: var( --pt-text-label-color);
}

.pt-radio-group label, .pt-checkbox-group label {
  font-weight: var(--pt-text-label-weight);
  font-size: var(--pt-text-label-size);
  display: flex;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 20%;
  flex: 1 0 20%;
  padding: 5px;
  position: relative;
} 

.pt-radio-group::after {
    clear: both;
}

..pt-module label {
	color: var(--pt-text-label-color) ;
}

/* Buttons (Radio buttons)*/
.pt-radio-group input[type="radio"] + span {
		--button-height: 50px;
    --button-font-size: 1.125rem;
   	padding: 0.875rem 1rem;
		background: var(--pt-button-bg-color);
	 	color: var(--pt-button-text-color);
    font-weight: var(--pt-button-text-weight);
    fill: #000;
		background-color: var(--pt-button-bg-color);
    border-radius: var(--pt-button-border-radius);
    border-style: solid;
    border-color: var(--pt-button-bg-color);
	  border-width: 1px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.4);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.4);
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    margin: 0;
		width: 100%;
    max-width: 100%;
    overflow: hidden;
    padding: 1rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
    display: block;
    min-width: 28px;
	transition:
    border-color 150ms ease,
    background-color 150ms ease,
		box-shadow 150ms ease,
		color 150ms ease;
}

.pt-radio-group input[type="radio"] + span:hover {
	color: var(--pt-button-text-hover-color);
	border-color: var(--pt-button-bg-color);
  background-color: var(--pt-button-bg-color);
	box-shadow: none;
}

.pt-radio-group input[type="radio"]:checked + span {
	border-color: var(--pt-button-bg-active-color);
  background-color: var(--pt-button-bg-active-color);
  color: var(--pt-button-text-active-color);
}

 input.pt-subscription-interval-options, .pt-radio-group input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/* Input fields */
.pt-uea-currency-before {
 		padding: 0 12px !important;
    background-color: #ffffff00 !important;
    border: none !important;
    color: var(--pt-text-placeholder-color) !important;
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.pt-checkout-form select, .pt-module textarea, .pt-module input, .pt-module.uneditable-input {
    display: inline-block;
    height: 3.75rem;
    line-height: normal;
    color: var(--pt-text-placeholder-color);
    background-color: var(--pt-input-background-color);
    padding: 0 1.75rem 0 0.75rem;
    border: 1px solid #212d1b;
    border-radius: var(--pt-border-radius-input);
    font-size: 1rem;
    font-weight: 400;
    height: 42px;
}

.pt-module select, .pt-module textarea, .pt-module input[type=text], .pt-module input[type=password], .pt-module input[type=datetime], .pt-module input[type=datetime-local], .pt-module input[type=date], .pt-module input[type=month], .pt-module input[type=time], .pt-module input[type=week], .pt-module input[type=number], .pt-module input[type=email], .pt-module input[type=url], .pt-module input[type=search], .pt-module input[type=tel], .pt-module input[type=color], .pt-module .uneditable-input:focus {
	background-color: var(--pt-input-background-color);
	color: var(--pt-text-placeholder-color) !important;
}

.pt-checkout-form ul.parsley-errors-list.filled {
    display: inline;
    padding: 0px;
}

.pt-form-group-field-terms {
		display: flex;
		    align-content: flex-start;
    align-items: flex-start;
    gap: 0.5rem;
		margin-top: 0.5rem;
}

.pt-form-group .pt-form-group-11 .pt-form-group-field-terms .parsley-error {
    display: flex;
    flex-wrap: wrap !important;
}

.pt-form-group-field-terms label {
	color: var(--pt-text-label-color);
  font-size: 1rem !important;
  font-weight: 400;
}
.pt-privacy-link {
  color: var(--pt-text-label-color) !important;
  font-size: 1rem !important;
  font-weight: 400;
  text-decoration: underline !important;
}

.pt-privacy-link:hover {
    text-decoration: none !important;
}

.pt-form-group-field-terms input {
	margin-top: 4px !important;

}

/* Submit */
.pt-checkout-form button {
	background-color: var(--pt-submit-bg-color) !important;
	color: var( --pt-submit-text-color);
	padding: 14px 40px;
	border-radius: var(--pt-button-border-radius) !important;
	margin-bottom: 12px;
}

.pt-checkout-form button:hover {
  background-color: var(--pt-submit-bg-hover-color);
  color: var(--pt-submit-text-hover-color);
}

/* Payment details */
.pt-payment-details-wrap {
    background: #fff;
    color: #000;
    border: 0;
    padding: 1.5rem;
    border-radius: 8px;
    margin-bottom: 0px;
}