/* 
Theme Name: Atlas Accounting
Description: Theme for Atlas Accounting
Author: WPValet
Author URI: https://wpvalet.co/
Template: hello-elementor
Version: 1.0.0
Text Domain: atlasaccounting
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/* Add your custom styles here */

/* General */
html,
body {
	overflow-x: hidden;
}

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

.blue-text {
	color: #79CAE9 !important;
}

.aa-hover-height .aa-extra {
	opacity: 0;
}

.aa-hover-height:hover .aa-extra {
	opacity: 1;
}

.aa-button .elementor-icon-wrapper {
	height: 24px !important;
}

.aa-copy-fullwidth__left {
	padding-left: calc((100% - var(--container-max-width)) / 2); !important;
}

.aa-copy-fullwidth__right {
	padding-right: calc((100% - var(--container-max-width)) / 2); !important;
}

.aa-aspect-ratio-1-1 img {
    aspect-ratio: 1/1;
}

.aa-aspect-ratio-4-3 img {
	aspect-ratio: 4/3;
}

.aa-button {
	cursor: pointer;
}

.aa-button .elementor-icon {
	display: flex;
    flex-direction: row;
    align-items: center;
}

.aa-button .elementor-icon-wrapper {
	display: flex;
    flex-direction: row;
}

@media (max-width: 1024px) {
	.aa-copy-fullwidth__left {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.aa-copy-fullwidth__right {
		padding-right: 20px !important;
		padding-left: 20px !important;
	}
}

/* Header */
.aa-sticky-active {
	box-shadow: 0 14px 40px 0 rgba(0, 0, 0, 0.1);
}

/* Slick Slider */
.aa-image-slider .slick-slide {
	margin-right: 13px;
}

.aa-image-slider {
	margin-right: -13px;
}

/* FAQ Accordion */
.aa-faq-accordion .e-n-accordion-item {
	padding-bottom: 35px;
	border-bottom: solid 2.4px #E4E4E4; 
}

.aa-faq-accordion .e-n-accordion-item:last-child {
	border-bottom: none !important; 
}

.aa-image-slider .slick-list {
	overflow: visible !important;
}

@media (max-width: 767px) {
	.aa-faq-accordion .e-n-accordion-item {
		padding-bottom: 20px;
	}
}

/* Form */
.aa-get-template-form .gform_fields,
.aa-general-form .gform_fields {
	row-gap: 16px !important;
}

.aa-get-template-form .gfield input,
.aa-general-form .gfield input {
	padding: 12px 20px !important;
	background-color: #fff !important;
	border: none !important;
	border-radius: 0 !important;
	font-size: 18px !important;
	height: unset !important;
}

.aa-general-form .gfield input {
	border: solid 1px #cdcdcd !important;
}

.aa-get-template-form input:focus,
.aa-get-template-form input:focus-visible,
.aa-general-form input:focus,
.aa-general-form input:focus-visible {
	outline: none !important;
}

.gform_required_legend {
	display: none !important;
}

.aa-get-template-form input[type="submit"],
.aa-general-form input[type="submit"] {
	background-color: #003954 !important;
	width: 100% !important;
	border: none !important;
	border-radius: 0 !important;
	padding: 21px 32px !important;
	color: #fff !important;
	transition: background-color 0.3s;
	font-size: 18px !important;
}

.aa-get-template-form input[type="submit"]:hover {
	background-color: #fff !important;
	color: var(--e-global-color-accent) !important;
}

.aa-aa-general-form input[type="submit"]:hover {
	background-color: var(--e-global-color-accent) !important;
}

/* Team Loop */
.aa-team-loop-v2 .e-loop-item:last-child {
	grid-column: span var(--grid-columns) !important;
	width: calc(var(--content-width) / var(--grid-columns) - (var(--grid-column-gap) - 30px)) !important;
	margin: auto !important;
}

@media (max-width: 1024px) {
	.aa-team-loop-v2 .e-loop-item:last-child {
		grid-column: 1 !important;
		width: unset !important;
	}
}

/* Profit Margin Calculator */
.aa-profit-margin-calc {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: 1fr;
	gap: 60px; 
	padding: 60px 70px;
	background-color: #fff;
	border: solid 1px #F4832B;
	box-shadow: 0px 60px 80px 0px rgba(0, 0, 0, 0.1), 0px 4px 0px 0px rgba(244, 131, 43, 1);
}

.aa-pmc-item label {
	font-weight: 700;
	font-size: 18px;
	line-height: 1.2em;
	letter-spacing: 0px;
	color: #231F20;
	margin-bottom: 6px;
}

.aa-pmc-item input {
	font-weight: 400;
	font-size: 20px;
	line-height: 1em;
	letter-spacing: 0px; 
	color: #231F20;
	padding: 12px 13px !important;
	border: none !important;
	appearance: none !important;
}

.aa-pmc-item input:focus,
.aa-pmc-item input:focus-visible {
	outline: none !important;
}

.aa-pmc-item {
	margin-bottom: 24px;
}

.aa-pmc-item .input-wrapper {
	border: solid 1px #cdcdcd;
	padding: 3px;
}

.aa-pmc-item .currency-symbol {
	padding: 12px 16px;
	border-right: solid 1px rgba(205, 205, 205, 0.4);
	font-size: 20px;
	font-weight: 700;
	color: rgba(35, 31, 32, 0.6);
	line-height: 1em;
}

.aa-pmc-item .number-input,
.aa-pmc-item .input-wrapper {
	display: flex;
    align-items: center;
	gap: 3px;
	width: 100%;
}

.aa-pmc-item .decrement,
.aa-pmc-item .increment {
	font-size: 24px;
	font-weight: 300;
	color: #231F20;
	line-height: 1em;
	padding: 13px 17px;
	border: solid 1px #cdcdcd;
	border-radius: 0;
	background-color: #F5F5F5;
	transition: background-color 0.3s;
	cursor: pointer;
}

.aa-pmc-item .decrement:hover,
.aa-pmc-item .increment:hover {
	background-color: #cdcdcd;
}

.aa-pmc__col.calc button {
	background-color: #F4832B;
	border: none !important;
	border-radius: 0;
	padding: 21px 32px;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.2em;
	letter-spacing: 0.01px;
	width: 100%;
	transition: background-color 0.3s;
}

.aa-pmc__col.calc button:hover {
	background-color: #003954;
}

.aa-pmc__col.results h3 {
	margin: 0 0 14px 0 !important;
	font-size: 30px !important;
	color: #231F20;
	text-align: center;
}

.aa-pmc__col.results .results-box {
	background-color: #FCE2CE;
	padding: 40px 30px;
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin-bottom: 14px;
}

.aa-pmc__col.results .results-item label {
	font-size: 20px;
	font-weight: 500;
	color: #231F20;
	line-height: 1.2em;
	letter-spacing: 0px;
	text-align: center;
	width: 100%;
	margin-bottom: 10px;
}

.aa-pmc__col.results .results-amount {
	font-size: 40px;
	font-weight: 700;
	line-height: 1.2em;
	letter-spacing: 0px;
	color: #231F20;
	text-align: center;
}

.aa-pmc__col.results .results-item p {
	font-size: 16px !important;
	text-align: center;
	line-height: 1.2em;
}

.aa-pmc__col .results-text {
	text-align: center;
}

.aa-pmc__col .results-text a {
	color: var(--e-global-color-accent);
	transition: color 0.3s
}

.aa-pmc__col .results-text a:hover {
	color: var(--e-global-color-text);
}

@media (max-width: 820px) {
	.aa-profit-margin-calc {
		grid-template-columns: 1fr;
		padding: 40px 20px;
	}
}

@media (max-width: 767px) {
	.aa-pmc-item input,
	.aa-pmc-item .currency-symbol,
	.aa-pmc__col.results .results-item label {
		font-size: 18px;
	}
	
	.aa-pmc__col.results h3 {
		font-size: 24px !important;
	}
	
	.aa-pmc__col.results .results-box {
		padding: 30px 20px;
	}
}

/* Blog Archive */
.blog .aa-general-form .gform_fields {
	grid-template-columns: 1fr 1fr !important;
	grid-template-rows: 1fr !important;
}

.blog .aa-general-form .gform_fields .gfield {
	grid-column: unset !important;
}

.blog .aa-general-form form {
	display: flex !important;
	gap: 16px;
}

.blog .aa-general-form .gform-body {
	width: 80% !important
}

.blog .aa-general-form .gform-footer {
	width: 20% !important;
	margin-top: 0 !important;
}

@media (max-width: 767px) {
	.blog .aa-general-form form {
		flex-direction: column;
	}
	
	.blog .aa-general-form .gform-body,
	.blog .aa-general-form .gform-footer {
		width: 100% !important;
	}
	
	.blog .aa-general-form .gform-footer {
		margin-top: 16px !important;
	}
	
	.blog .aa-general-form .gform_fields {
		grid-template-columns: 1fr !important;
		grid-template-rows: auto auto !important;
	}
}

/* Career Form */
.aa-career__form .gfield_label{
	font-size: 16px !important;
	color: #fff;
	margin-bottom: 4px !important;
}

.aa-career__form .gfield_required_text{
	display: none;
}

.aa-career__form .gform_fields{
	row-gap: 16px !important;
}

.aa-career__form input:not([type="checkbox"]):not(.gform_button),
.aa-career__form select{
	font-size: 18px !important;
	line-height: 1.6em;
	min-height: 56px !important;
	padding: 16px !important;
	border: none !important;
	border-radius: 0 !important;
}

.aa-career__form input::placeholder,
.aa-career__form select::placeholder{
	color: #0000004D !important;
}

.aa-career__form .gchoice label{
	font-size: 16px !important;
}

.aa-career__form .gfield_description,
.aa-career__form .gchoice label{
	color: #fff !important;
}

.aa-career__form .gchoice input{
	border: 1px solid #EEF1F599;
	border-radius: 4px;
	background-color: #FFFFFF33;
}

.aa-career__form .gform_button{
	font-size: 18px !important;
    line-height: 1.2em !important;
    font-weight: 600 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background-color: #003954 !important;
    padding: 17px 32px 15px !important;
    margin: auto !important;
}

.aa-career__form .gform_button:hover{
	color: #003954 !important;
	background-color: #79CAE9 !important;
}

.aa-career__form .gform_confirmation_message{
    font-size: 22px;
    font-weight: 700;
	text-align: center;
    color: #fff;
}