/* 
Theme Name: Abacus Professional Accountants
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Theme for Abacus Professional Accountants built on Hello Elementor.
Author: Team WPValet
Author URI: https://vincere.dev/
Template: hello-elementor
Version: 2.0.0
Text Domain: abacuspa
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* General */
p:last-child {
	margin-bottom: 0 !important;
}

.apa-button svg {
	width: 36px !important;
	height: 36px !important;
}

.apa-button .elementor-button-content-wrapper {
	align-items: center;
}

.apa-bg-overlay {
	background: linear-gradient(90deg, #FFFCF7 0%, rgba(255, 252, 247, 0) 24.04%, rgba(255, 252, 247, 0) 78.37%, #FFFCF7 100%) !important;
}

.apa-semibold {
	font-weight: 600 !important;
}

.apa-aspect-ratio-1-1 img {
	aspect-ratio: 1/1;
	object-fit: cover;
	object-position: center center;
}

.apa-aspect-ratio-4-3 img {
	aspect-ratio: 4/3;
	object-fit: cover;
	object-position: center center;
}

.apa-video .elementor-custom-embed-play svg {
	opacity: 1 !important;
	filter: none !important;
}

.apa-video .elementor-custom-embed-play {
	left: unset !important;
	position: absolute;
	top: unset !important;
	transform: unset !important;
	right: 12px;
	bottom: 6px;
}

@media (max-width: 767px) {
	.apa-button svg {
		width: 30px !important;
		height: 30px !important;
	}
}

/* Content Box */
.apa-content-box:hover .elementor-heading-title,
.apa-content-box:hover .elementor-widget-text-editor {
	color: #FFFCF7 !important;
}

.apa-content-box:hover .apa-custom-button {
	background-color: #EBE9D5 !important;
}

.apa-custom-button {
	cursor: pointer;
	height: 50px !important;
}

/* Contact Form */
.apa-contact-form input[type="text"],
.apa-contact-form input[type="email"],
.apa-contact-form input[type="tel"],
.apa-contact-form textarea,
.apa-contact-form select {
	outline: none !important;
	background-color: rgba(29, 42, 32, 0.24);
	padding: 20px 22px !important;
	border-radius: 16px;
	border: solid 1px rgba(0, 0, 0, 0.08) !important;
	font-family: 'Inter Tight' !important;
	font-weight: 400 !important;
	font-size: 20px !important;
	line-height: 1.4em !important;
	letter-spacing: 0 !important;
	color: #FFFCF7;
}

.apa-contact-form .gfield_label,
.apa-contact-form .gform-field-label {
	font-family: 'Inter Tight' !important;
	font-weight: 400 !important;
	line-height: 1.4em !important;
	letter-spacing: 0 !important;
	color: #FFFCF7;
}

.apa-contact-form .gfield_label {
	font-size: 20px !important;
}

.apa-contact-form .gform-field-label {
	font-size: 18px !important;
	margin-left: 10px;
}

.apa-contact-form input[type="checkbox"] {
	appearance: none !important;
	width: 20px;
	height: 20px;
	border: solid 1px #F8F2E9 !important;
	border-radius: 3px !important;
	position: relative;
	flex-shrink: 0;
	top: 5px;
	cursor: pointer;
}

.apa-contact-form input[type="checkbox"]:checked {
	background-color: #F8F2E9 !important;
}

.apa-contact-form input[type="checkbox"]:checked::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 8px;
	height: 14px;
	background-color: #F8F2E9;
	transform: translate(-50%, -60%) rotate(45deg);
	border: solid var(--e-global-color-primary);
	border-width: 0 3px 3px 0;
	border-radius: 2px;
	box-sizing: border-box;
}

.apa-contact-form .gfield_checkbox  {
	display: flex !important;
	flex-direction: column;
	gap: 16px;
}

.apa-contact-form input::placeholder,
.apa-contact-form textarea::placeholder,
.apa-contact-form select::placeholder {
	font-family: 'Inter Tight' !important;
	font-weight: 400 !important;
	font-size: 20px !important;
	line-height: 1.4em !important;
	letter-spacing: 0 !important;
	color: rgba(255, 252, 247, 0.5);
}

.apa-contact-form input[type="submit"] {
	background-color: #FFFCF7 !important;
	color: #1D2A20 !important;
	font-family: 'Inter Tight' !important;
	font-weight: 500 !important;
	font-size: 18px !important;
	line-height: 1.2em !important;
	letter-spacing: 0 !important;
	border: none !important;
	border-radius: 999px !important;
	padding: 17px 58px 17px 26px !important;
	transition: background-color 0.3s;
	outline: none !important;
	position: relative;
	background: url("data:image/svg+xml,%0A%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='36' height='36' rx='18' fill='%23577D60'/%3E%3Cpath d='M18 12C18 12 19.1445 14.0017 20.5714 15.4286C21.9983 16.8555 24 18 24 18M18 24C18 24 19.1216 22.0213 20.5714 20.5714C22.0213 19.1216 24 18 24 18M24 18H12' stroke='white'/%3E%3C/svg%3E%0A");
	background-size: 36px;
	background-position: right 10px center;
	background-repeat: no-repeat;
}

.apa-contact-form input[type="submit"]:hover {
	background-color: #1D2A20 !important;
	color: #FFFCF7 !important;
}

.apa-contact-form input[type="tel"] {
	padding-left: 72px !important;
}

.gform_required_legend,
.apa-contact-form .iti__selected-dial-code {
	display: none !important;
}

.apa-contact-form .iti__selected-country-primary {
	padding-left: 22px !important;
	position: absolute;
}

.apa-contact-form .iti__selected-country {
	background-color: unset !important;
}

.apa-contact-form .iti__search-input,
.apa-contact-form .iti__country-list {
	background-color: #F8F2E9 !important;
	border: none !important;
}

.apa-contact-form .iti__search-input {
	border-radius: 16px 16px 0 0 !important;
	color: #3A5340 !important;
}

.apa-contact-form .iti__search-input::placeholder {
	color: rgba(58, 83, 64, 0.5) !important;
}

.apa-contact-form .iti__country-list {
	border-radius: 0 0 16px 16px !important;
}

.apa-contact-form .iti__dropdown-content {
	border-radius: 16px !important;
	box-shadow: none !important;
}

.apa-contact-form .iti__arrow {
	border-top-color: #fff !important;
}

.apa-contact-form .gform_confirmation_message {
	color: #FFFCF7 !important;
	font-family: 'Inter Tight' !important;
	font-size: 18px !important;
}

.apa-contact-form select {
	appearance: none !important;
	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free 7.0.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath fill='%23ffffff' d='M297.4 470.6C309.9 483.1 330.2 483.1 342.7 470.6L534.7 278.6C547.2 266.1 547.2 245.8 534.7 233.3C522.2 220.8 501.9 220.8 489.4 233.3L320 402.7L150.6 233.4C138.1 220.9 117.8 220.9 105.3 233.4C92.8 245.9 92.8 266.2 105.3 278.7L297.3 470.7z'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat;
	background-size: 20px; 
	background-position: right 22px center;
}

.apa-bold {
	font-weight: 700;
	font-style: italic;
}

@media (max-width: 767px) {
	.apa-contact-form input[type="text"],
	.apa-contact-form input[type="email"],
	.apa-contact-form input[type="tel"],
	.apa-contact-form textarea {
		padding: 16px 20px !important;
	}

	.apa-contact-form select {
		padding-right: 50px !important;
	}

	.apa-contact-form input[type="tel"] {
		padding-left: 62px !important;
	}
}

/* Posts Loop */
.apa-posts-loop nav.elementor-pagination {
	display: flex !important;
	justify-content: center;
	align-items: center;
}

.apa-posts-loop .page-numbers,
.apa-posts-loop .page-numbers.current {
	display: flex !important;
	width: 46px;
	height: 46px;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	transition-duration: 0.3s;
}

.apa-posts-loop .page-numbers.current,
.apa-posts-loop .page-numbers:hover,
.apa-posts-loop .page-numbers:hover path {
	background-color: #3A5340;
	color: #fff !important;
	stroke: #fff !important
}

/* Single Post */
.apa-post-content h2,
.apa-post-content h3,
.apa-post-content h4,
.apa-post-content h5,
.apa-post-content h6,
.apa-post-content p,
.apa-post-content ul,
.apa-post-content ol,
.apa-post-content blockquote,
.apa-post-content img{
	margin: 0 0 32px;
}

.apa-post-content ul,
.apa-post-content ol{
	padding-left: 30px;
}

.apa-post-content blockquote{
	font-family: 'Lustria';
	font-size: 24px;
	line-height: 1.3em;
	letter-spacing: -0.02em;
	padding: 50px 40px 36px;
	border-radius: 12px;
	background-color: #577D601A;
	background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.7' clip-path='url(%23clip0_160_2913)'%3E%3Cpath d='M0 40V74.2858H34.2858V40H11.4287C11.4287 27.3968 21.6826 17.1429 34.2858 17.1429V5.71423C15.3795 5.71423 0 21.0937 0 40Z' fill='%23577D60' fill-opacity='0.25'/%3E%3Cpath d='M80.0006 17.1429V5.71423C61.0943 5.71423 45.7148 21.0937 45.7148 40V74.2858H80.0006V40H57.1435C57.1435 27.3968 67.3974 17.1429 80.0006 17.1429Z' fill='%23577D60' fill-opacity='0.25'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_160_2913'%3E%3Crect width='80' height='80' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
	background-position: 24px 20px;
	background-repeat: no-repeat;
}

.apa-post-content p a {
	color: #577D60 !important;
	transition: color 0.3s;
}

.apa-post-content p a:hover {
	color: var(--e-global-color-text) !important;
}

.apa-post-content img {
	border-radius: 14px !important;
}

@media(max-width: 767px){
	.apa-post-content h2,
	.apa-post-content h3,
	.apa-post-content h4,
	.apa-post-content h5,
	.apa-post-content h6,
	.apa-post-content p,
	.apa-post-content ul,
	.apa-post-content ol,
	.apa-post-content blockquote,
	.apa-post-content img{
		margin: 0 0 20px;
	}

	.apa-post-content blockquote{
		font-size: 18px;
		padding: 30px 20px 30px;
		background-size: 50px;
		background-position: 15px 15px;
	}
}

/* Team Member */
.apa-specialties-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.apa-specialties-list .item {
	display: flex;
	gap: 8px;
}

.apa-specialties-list .item-icon {
	content: url("data:image/svg+xml,%0A%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 26C20.1797 26 26 20.1797 26 13C26 5.8203 20.1797 0 13 0C5.8203 0 0 5.8203 0 13C0 20.1797 5.8203 26 13 26Z' fill='%23577D60'/%3E%3Cpath d='M11.5002 17.5021C11.3686 17.5029 11.2381 17.4777 11.1163 17.4279C10.9944 17.3781 10.8836 17.3048 10.7902 17.2121L6.79018 13.2121C6.60188 13.0238 6.49609 12.7684 6.49609 12.5021C6.49609 12.2358 6.60188 11.9804 6.79018 11.7921C6.97849 11.6038 7.23388 11.498 7.50019 11.498C7.76649 11.498 8.02188 11.6038 8.21019 11.7921L11.5002 15.0921L17.7902 8.79214C17.9785 8.60383 18.2339 8.49805 18.5002 8.49805C18.7665 8.49805 19.0219 8.60383 19.2102 8.79214C19.3985 8.98044 19.5043 9.23584 19.5043 9.50214C19.5043 9.76844 19.3985 10.0238 19.2102 10.2121L12.2102 17.2121C12.1167 17.3048 12.0059 17.3781 11.8841 17.4279C11.7623 17.4777 11.6318 17.5029 11.5002 17.5021Z' fill='%23FFFCF7'/%3E%3C/svg%3E%0A");
	width: 16px;
	height: 16px;
}

.apa-team-email .elementor-icon-list-text {
	word-break: break-word;
}

.apa-experience-timeline {
	position: relative;
	margin-left: 40px;
	padding-left: 20px;
	border-left: 2px solid #577D60;
	display: flex;
	flex-direction: column-reverse;
}

.timeline-item {
	position: relative;
	margin-bottom: 30px;
}

.timeline-marker {
	position: absolute;
	left: -31px;
	top: 0;
	width: 20px;
	height: 20px;
	background: #577D60;
	border-radius: 50%;
}

.timeline-content {
	background-color: #F8F2E9;
	border-radius: 16px;
	padding: 20px;
}

.item-title {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 5px;
}

.apa-grayscale {
	filter: grayscale(1) !important;
}

.apa-post-content a {
    color: #577D60 !important;
}

.apa-post-content a:hover {
    color: #1d2a20 !important;
}

@media (max-width: 767px) {
	.apa-experience-timeline {
		margin-left: 0 !important;
	}
}