/****************************************/
@import url("fonts/stylesheet.css");
/****************************************/

/***** General ******/

.left-nav-on .sidebar-part2 .header-sidebar-wrap {
    position: absolute;
    bottom: -5px;
}

.left-nav-on .sidebar-part2 ul > li {
	padding-bottom: 0;
}

.rev-slider #mv-down path {
	cursor: pointer;
}

.scroll-middle-menu:after {
	content: "";
    display: block;
    border: solid #887334;
    border-width: 0 3px 3px 0;
    padding: 3px;
    position: absolute;
    left: 50%;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 10px;
    height: 10px;
}


/*******************/


#pmpro_form .pmpro_checkout h3 {
	font-size: 28px;
	font-family: 'Quicksand';
}
#pmpro_form .select-expiration {
	display: flex;
}
#pmpro_form .select-expiration #ExpirationMonth, #pmpro_form .select-expiration #ExpirationYear {
	max-width: 120px;
}
#pmpro_form .select-expiration span.separato {
	margin: 0 10px;
}
form.pmpro_form .pmpro_payment-cvv .input {
	max-width: 275px;
}
#pmpro_form .pmpro_btn.pmpro_btn-submit-checkout,
form input[type="submit"],
a.btn.btn-primary,
.charitable-submit-field .button
{
	color: #fff;
    background-color: #887334 !important;
    border: none;
    border-radius: 0;
    padding: 8px 20px;
    font-weight: 500;
    text-transform: uppercase;
}
#pmpro_form .pmpro_btn.pmpro_btn-submit-checkout:hover,
form input[type="submit"]:hover,
form input[type="submit"]:focus,
a.btn.btn-primary:hover,
.charitable-submit-field .button:hover
{
	background-color: #d2cd31 !important;
}
form.pmpro_form .input, 
form.pmpro_form textarea, 
form.pmpro_form select {
	max-width: 480px;
}

#gk-guests-form, #gk-party-info-form {
	max-width: 600px;
}


.cards .card {
	text-align: center;	
}
.cards .card > img {
	max-width: 360px;
	cursor: pointer;
	border: 5px solid transparent;
}
.cards .card.selected > img {
	border: 5px solid #887334;
}
.cards .card > h3 {
	font-size: 18px;
	font-weight: bold;
}
.cards .card input[name="selected_card"] {
	display: none;
}

/*** Donation Form *****/
.single-campaign .pofo-page-title-bg .bg-opacity-color {
	background-color: rgba(221,160,68,0.78);
}
.single-campaign .page-title-style-7 .page-title-large h1 {
	color: #fff;
}

.campaign-donation .pofo-page-title {
	color: #887334;
}

.donation-form-before {
	text-align: center;
	padding: 40px 0 20px;
}
.donation-form-before > h2{
	font-size: 22px;
	line-height: 32px;
}
.donation-form-before span.amount {
    font-weight: bolder;
    font-size: 32px;
    margin-top: 10px;
    display: block;	
}

.charitable-donation-form .charitable-form-header{
	font-size: 24px;
	font-family: 'quicksandbold';
}

.charitable-donor-fields .charitable-fieldset .charitable-form-header {
	text-align: center;
}

.charitable-donation-form .charitable-donation-options .donation-amounts {
	text-align: center;
}

.charitable-donation-form .charitable-donation-options .donation-amounts .donation-amount {
	float: none;
	display: inline-block;
	width: 130px;
	margin: 0 10px 10px 0;
}
.charitable-donation-form .custom-donation-amount .custom-donation-input {
	display: none;
	border: none;
	color: #000;
	font-weight: bolder;
	position: absolute;
    left: 5%;
    top: 5%;
    max-width: 90%;
    text-align: center;
    max-height: 90%;
}
.charitable-donation-form .custom-donation-amount.selected .custom-donation-input {
	display: block;
}
.charitable-donation-form .donation-amounts .donation-amount .custom-donation-amount-wrapper > label {
	margin-bottom: 0;
}

h3.charitable-header {
	font-size: 26px;
	font-family: 'quicksandbold';
}

/******  Party Code Form *******/
.form-pcode-wrapper {
	display: flex;
	justify-content: space-around;
}
.form-pcode-wrapper .form-party-code .inputs{
	display: flex;
}
.form-pcode-wrapper .form-party-code .inputs input[type="text"]{
    width: 300px;
    max-width: calc(100% - 100px);
}
.form-pcode-wrapper .form-party-code .error {
	color: #ffa296;
	font-size: 16px;
	text-align: center;
}

/**** Charitable form *****/
.charitable-login-form .login-remember input[type="checkbox"] {
	width: 20px;
}

.charitable-forgot-password-form {
	margin: 60px 0;
}
.charitable-reset-password-form {
	margin: 60px 0;
}

/********** Portfolio **********/
section.big-section.pofo-stretch-content {
	/* padding: 0 0 120px; */
	padding-bottom: 100px;
}