/*
Theme Name: Amity Child
Theme URI: https://amity.keydesign.xyz/
Description: Charity & Donation Elementor WordPress Theme
Author: Key-Design
Author URI: http://themeforest.net/user/Key-Design
Template: amity
Version: 1.0
License: Envato Standard License
License URI: https://themeforest.net/licenses/standard
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, translation-ready
Text Domain: amity-child
*/

.givewp-fields-amount__currency-container{
	visibility: hidden;
}

.article-content .entry-content{
	margin-top: 100px;
}

:root {
	--theme-primary: var(--primary-color, #FFC600);
	--theme-primary-hover: var(--primary-color-hover, #FFC600);
	--theme-background: var(--background-color, #f9f9f9);
	--theme-text: var(--text-color, #333);
	--theme-text-secondary: var(--text-secondary-color, #444);
	--theme-border: var(--border-color, #ddd);
	--theme-input-bg: var(--input-background, #f1f1f1);
	--theme-input-hover: var(--input-hover, #e0e0e0);
	--theme-error: var(--error-color, #e74c3c);
	--theme-shadow: var(--shadow-color, rgba(0,0,0,0.1));
}



        /* Main container layout */
        .donation-wrapper {
            display: flex;
            flex-direction: row;
            max-width: 1200px;
            margin: 0 auto;
            gap: 30px;
            align-items: flex-start; /* Align items at the top */
        }
        
        .donation-image {
            flex: 1;
            max-width: 50%;
            text-align: center;
        }
        
        .donation-image img {
            width: 100%;
            height: auto;
            max-height: 500px; /* Control maximum height */
            object-fit: cover; /* Ensure image covers the area properly */
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        }
        
        .donation-container {
            flex: 1;
            max-width: 50%;
            padding: 25px;
            border-radius: 10px;
            box-shadow: 0 3px 10px var(--theme-shadow, rgba(0,0,0,0.1));
            background-color: var(--theme-background, #f9f9f9);
        }
        
        /* Responsive layout */
        @media (max-width: 768px) {
            .donation-wrapper {
                flex-direction: column;
                padding: 15px;
            }
            
            .donation-image, 
            .donation-container {
                max-width: 100%;
                width: 100%;
                flex: none;
            }
            
            .donation-image {
                margin-bottom: 20px;
                text-align: center;
            }
            
            .donation-image img {
                max-width: 100%;
            }
            
            .donation-container {
                padding: 20px 15px;
            }
        }
        
        /* Existing styles */
        .tab-content {
            display: none;
        }
        .tab-content.active {
            display: block;
        }
        .paypal-iframe-container {
            width: 100%;
            margin: 20px 0;
        }
        .paypal-iframe-container iframe {
            width: 100%;
            min-height: 400px;
            border: none;
        }
        .error-message {
            color: red;
            font-size: 0.8em;
            margin-top: 5px;
            display: none;
        }
        .payment-link-btn {
            display: block;
            width: 100%;
            padding: 12px;
            background-color: #0070ba;
            color: white;
            text-align: center;
            text-decoration: none;
            border-radius: 4px;
            font-weight: bold;
            margin: 20px 0;
        }
        .payment-link-btn:hover {
            background-color: #005ea6;
        }

.donation-container {
	max-width: 600px;
	margin: 0 auto;
	font-family: Arial, sans-serif;
	background-color: var(--theme-background);
	border-radius: 10px;
	padding: 25px;
	box-shadow: 0 3px 10px var(--theme-shadow);
}

.donation-title {
	text-align: center;
	margin: 15px 0;
	color: var(--theme-text);
}

.tabs {
	display: flex;
	margin-bottom: 20px;
	border-radius: 5px;
	overflow: hidden;
}

.tab-btn {
	flex: 1;
	padding: 12px;
	background: var(--theme-input-bg);
	border: none;
	cursor: pointer;
	font-weight: 600;
	transition: background-color 0.3s;
}

.tab-btn:hover:not(.active) {
	background: var(--theme-input-hover);
}

.tab-btn.active {
	background: var(--theme-primary);
	color: white;
}

.form-group {
	margin-bottom: 15px;
}

.form-group label {
	display: block;
	margin-bottom: 8px;
	font-weight: 600;
	color: var(--theme-text-secondary);
}

input[type="text"],
input[type="email"],
input[type="number"] {
	width: 100%;
	padding: 10px;
	border: 1px solid var(--theme-border);
	border-radius: 4px;
	box-sizing: border-box;
	font-size: 16px;
}

.amount-options {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 15px;
}

.amount-btn {
	flex-grow: 1;
	padding: 10px;
	background: var(--theme-input-bg);
	border: 1px solid var(--theme-border);
	border-radius: 4px;
	cursor: pointer;
	text-align: center;
	font-weight: 600;
	min-width: 70px;
}

.amount-btn.selected {
	background: var(--theme-primary);
	color: white;
	border-color: var(--theme-primary);
}

.custom-amount-container {
	display: flex;
	align-items: center;
	margin-top: 10px;
}

.custom-amount-container input {
	margin-right: 5px;
}

.currency {
	font-weight: bold;
}

.donate-btn {
	background: var(--theme-primary);
	color: white;
	padding: 12px 20px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font-size: 18px;
	font-weight: bold;
	width: 100%;
	transition: background-color 0.3s;
}

.donate-btn:hover {
	background: var(--theme-primary-hover);
}

.error-message {
	color: var(--theme-error);
	font-size: 14px;
	margin-top: 5px;
	display: none;
}
.profile-card .profile-body {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.ekit-wid-con .profile-square-v.square-v5 .profile-card, body .profile-square-v.square-v5 .profile-card {
  padding-bottom: 0px !important;
}