/*
Theme Name: GB Theme Core
Theme URI: https://oceanwp.org/
Description: Child theme for OceanWP.
Author: Generations Beyond
Author URI: https://generationsbeyond.com/
Template: oceanwp
Version: 2.5.5
*/

/* Parent stylesheet should be loaded from functions.php not using @import */
/* Helpers */
.mb-0, .mb-0 p {
	margin-bottom: 0 !important;
}


/* Paid Member Subscription form styles */
.pms-wrap form label,
.pms-wrap form input,
.pms-wrap form .aiowps-captcha-equation,
.pms-wrap form .login-extra {
    font-family: "Lora", Sans-serif;
}
.pms-wrap form label,
.pms-wrap form .aiowps-captcha-equation {
    font-weight: 700;
    color: var(--e-global-color-0e61969);
}
.pms-wrap form .login-remember label {
    font-weight: 400;
}
.pms-wrap form input:not([type="submit"]),
.pms-wrap form textarea {
    border: 1px solid #818a91;
    color: #373a3c;
}
.pms-wrap form input[type="submit"] {
	margin-bottom: 10px;
    width: 100%;
    background-color: var(--e-global-color-ff6fc14);
    transition: background-color 0.3s;
}
.pms-wrap form input[type="submit"]:hover {
    background-color: var(--e-global-color-6e4f761a);
}
.pms-wrap form .aiowps-captcha {
    margin-bottom: 0 !important;
}
.pms-wrap form .login-extra {
    text-align: center;
    font-weight: 700;
}
.pms-wrap form .login-extra a {
    color: var(--e-global-color-62b9549);
}
.pms-register-wrap .pms-field-subscriptions {
	display: flex;
	flex-direction: column-reverse;
}

/* GIVEWP FORM OVERRIDES */
#give_purchase_form_wrap {
	margin: 0 -1.5%;
}
#give_purchase_submit,
#give_checkout_user_info {
	padding: 0 1.5%;
}
.give-ffm-form-row-quarter {
	width: 25% !important;
	flex-basis: 25% !important;
}
form[id*=give-form] #give-final-total-wrap .give-donation-total-label,
form[id*=give-form] .give-donation-amount .give-currency-symbol.give-currency-position-before {
	/*background-color: transparent;*/
	border-color: #818a91;
	border-left-color: #818a91;
	font-weight: 700;
	color: #3A8B54;
}
form[id*=give-form] .give-donation-amount .give-currency-symbol.give-currency-position-before {
	height: 40px;
}
form[id*=give-form] #give-donation-level-button-wrap .give-btn {
	border-color: #5C9C71;
	padding: 15px 30px;
	background-color: transparent;
	font-weight: 600;
	color: #5C9C71;
}
form[id*=give-form] #give-donation-level-button-wrap .give-btn:hover {
	background-color: #5C9C71;
	color: #fff;
}
form[id*=give-form] .give-total-wrap input#give-amount,
#give-recurring-form .form-row .give-input-field-wrapper, #give-recurring-form .form-row input[type=email], #give-recurring-form .form-row input[type=password], #give-recurring-form .form-row input[type=tel], #give-recurring-form .form-row input[type=text], #give-recurring-form .form-row input[type=url], #give-recurring-form .form-row select, #give-recurring-form .form-row textarea, form.give-form .form-row .give-input-field-wrapper, form.give-form .form-row input[type=email], form.give-form .form-row input[type=password], form.give-form .form-row input[type=tel], form.give-form .form-row input[type=text], form.give-form .form-row input[type=url], form.give-form .form-row select, form.give-form .form-row textarea, form[id*=give-form] .form-row .give-input-field-wrapper, form[id*=give-form] .form-row input[type=email], form[id*=give-form] .form-row input[type=password], form[id*=give-form] .form-row input[type=tel], form[id*=give-form] .form-row input[type=text], form[id*=give-form] .form-row input[type=url], form[id*=give-form] .form-row select, form[id*=give-form] .form-row textarea {
	border: 1px solid #818a91;
	background-color: transparent;
}
form[id*=give-form] input[type='radio'] + label {
	color: #3A8B54;
}
#give-recurring-form .form-row label, form.give-form .form-row label, form[id*=give-form] .form-row label {
	color: #3A8B54;
	font-weight: 700;
}
form[id*=give-form] #give-final-total-wrap .give-final-total-amount {
	border-color: #818a91;
	font-weight: 700;
}
form[id*=give-form] input[type='submit'] {
	background-color: #c85c36;
	font-size: 18px;
	font-weight: 700;
	width: 100%;
	transition: background-color 0.3s;
}
form[id*=give-form] input[type='submit']:hover {
	background-color: #b45331;
}
@media(max-width:480px) {
	.give-ffm-form-row-quarter {
		width: 100% !important;
		flex-basis: 100% !important;
	}
}