/*
Theme Name: Vargstone
Theme URI: https://www.vargstone.com/
Description: Custom WordPress theme for Vargstone - Real estate accounting and investment management services
Version: 1.1.8
Author: Xikugera
Author URI: https://www.vargstone.com/
Text Domain: vargstone
*/




/* Base styles will be loaded from assets/css/style.css */


/* Body styles - can be customized for global theme settings */


/* Button styles */
.btn-primary {
	background-color: #576e74;
	border-color: #576e74;
}
.btn-primary:hover {
	background-color: #576e74;
	border-color: #576e74;
}
.btn-outline-primary {
	color: #576e74;
	border-color: #576e74;
	background-color: transparent;
}
.btn-outline-primary:hover {
	background-color: #576e74;
	border-color: #576e74;
	color: #fff;
}

/* CPA badge style */
.cpa-badge {
	background-color: #000000;
	color: #ffffff;
	padding: 5px 5px;
	border-radius: 5px;
	font-size: 1.3em;
    font-weight: 800;
	display: inline-block;
}

/* Home top description text style */
.home-top-description-text {
	color: #000000;
	font-size: 1.3em;
	font-weight: 600;
	display: inline-block;
}

/* Modern checklist box */
.checklist-box {
	background: rgba(255, 255, 255, 0.70);
	border-radius: 10px;
	padding: 15px 12px;
	margin: 15px 0;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.checklist-box ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.checklist-box ul li {
	padding: 8px 0;
	color: #000;
	font-size: 0.8em;
	font-weight: 500;
	display: flex;
	align-items: center;
	line-height: 1.4;
}

.checklist-box ul li:before {
	content: '✓';
	font-weight: 900;
	color: #000;
	font-size: 1.2em;
	margin-right: 12px;
	min-width: 20px;
	display: inline-flex;
	justify-content: center;
}

/* Site logo - responsive sizing */
.site-logo img {
	width: auto;
	height: auto;
	object-fit: contain;
	max-width: 180px;
	max-height: 52px;
}
@media (min-width: 601px) {
	.site-logo img {
		max-width: 220px;
		max-height: 56px;
	}
}
@media (min-width: 993px) {
	.site-logo img {
		max-width: 260px;
		max-height: 60px;
	}
}
@media (min-width: 1200px) {
	.site-logo img {
		max-width: 280px;
		max-height: 64px;
	}
}

/* Link color */
a {
	color: #576e74;
}

/* Default background image for all desktop sizes */
.slide-1 {
	background-image: url('./assets/images/bg.jpg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

/* Desktop styles (769px and above) */
@media (min-width: 769px) {
	.slide-1 {
		background-image: url('./assets/images/bg.jpg');
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		background-attachment: fixed;
	}
	.slider-h1 {
		color: #000 !important;
		font-size: 44px !important;
		margin-top: 0px;
		padding-bottom: 20px;
	}
	.slider-small {
		color: #000 !important;
		font-weight: 600 !important;
		font-size: 22px !important;
	}

	/* Frosted glass effect for desktop */
	.frosted-glass-box {
		background: rgba(255, 255, 255, 0.2);
		color: #000 !important;
		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
		border-radius: 15px;
		padding: 20px 30px;
		border: 1px solid rgba(255, 255, 255, 0.2);
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.intro-section, .intro-section .container > .row {
		height: auto;
		min-height: auto;
	}
}

/* Small desktop/tablet (769px-992px) */
@media (min-width: 769px) and (max-width: 992px) {
	.slider-h1 {
		font-size: 36px !important;
		margin-top: 0px;
		padding-bottom: 18px;
		line-height: 48px;
	}
	.slider-small {
		font-size: 18px !important;
	}
	.intro-section, .intro-section .container > .row {
		height: auto;
		min-height: auto;
	}

	/* Frosted glass effect for small desktop */
	.frosted-glass-box {
		padding: 16px 24px;
		border-radius: 12px;
		margin-top: 25px;
	}

	.home-top-description-text {
		font-size: 1.15em;
		line-height: 1.5;
	}

	.cpa-badge {
		font-size: 1.15em;
		padding: 4px 8px;
	}

	.checklist-box {
		padding: 12px 10px;
		margin: 12px 0;
	}

	.checklist-box ul li {
		font-size: 0.75em;
		padding: 6px 0;
	}

	.checklist-box ul li:before {
		font-size: 1.15em;
		margin-right: 10px;
		min-width: 18px;
	}
}

/* Medium desktop (993px-1200px) */
@media (min-width: 993px) and (max-width: 1200px) {
	.slider-h1 {
		font-size: 40px !important;
		margin-top: 0px;
		padding-bottom: 20px;
		line-height: 52px;
	}
	.slider-small {
		font-size: 20px !important;
	}
	.intro-section, .intro-section .container > .row {
		height: auto;
		min-height: auto;
	}

	/* Frosted glass effect for medium desktop */
	.frosted-glass-box {
		padding: 18px 27px;
		border-radius: 14px;
		margin-top: 28px;
	}

	.home-top-description-text {
		font-size: 1.2em;
		line-height: 1.55;
	}

	.cpa-badge {
		font-size: 1.2em;
		padding: 4px 6px;
	}

	.checklist-box {
		padding: 13px 11px;
		margin: 13px 0;
	}

	.checklist-box ul li {
		font-size: 0.78em;
		padding: 7px 0;
	}

	.checklist-box ul li:before {
		font-size: 1.18em;
		margin-right: 11px;
		min-width: 19px;
	}
}

/* Large desktop (1921px+) */
@media (min-width: 1921px) {
	.slide-1 {
		background-image: url('./assets/images/bg.jpg');
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}
	.slider-h1 {
		font-size: 52px !important;
		margin-top: 0px;
		padding-bottom: 25px;
		line-height: 68px;
	}
	.slider-small {
		font-size: 26px !important;
	}
	.intro-section, .intro-section .container > .row {
		height: auto;
		min-height: auto;
	}

	/* Frosted glass effect for large desktop */
	.frosted-glass-box {
		padding: 24px 36px;
		border-radius: 18px;
		margin-top: 35px;
	}

	.home-top-description-text {
		font-size: 1.45em;
		line-height: 1.65;
	}

	.cpa-badge {
		font-size: 1.45em;
		padding: 6px 8px;
	}

	.checklist-box {
		padding: 18px 15px;
		margin: 18px 0;
	}

	.checklist-box ul li {
		font-size: 0.85em;
		padding: 10px 0;
	}

	.checklist-box ul li:before {
		font-size: 1.25em;
		margin-right: 14px;
		min-width: 22px;
	}

	.frosted-glass-box .btn {
		padding: 16px 40px !important;
		font-size: 1.1rem !important;
	}
}

/* Very large screens (1921px+) */
@media (min-width: 1921px) {
	.slide-1 {
		background-image: url('./assets/images/bg.jpg');
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}
}

/* Ultra small mobile (360px and below) */
@media (max-width: 360px) {
	.slide-1 {
		background-image: url('./assets/images/bg2.jpg');
		background-size: cover;
		background-position: center top;
	}
	.slider-small {
		color: #fff !important;
		font-weight: 600 !important;
		font-size: 12px !important;
	}
	.slider-h1 {
		color: #000 !important;
		font-size: 14px !important;
		line-height: 18px;
		margin-top: 2px;
		margin-bottom: 8px;
	}
	.overlay {
		display: block;
	}
	.sticky-wrapper .site-navbar {
		background: #fff;
	}
	.intro-section, .intro-section .container > .row {
		height: auto;
		min-height: auto;
		padding-top: 35px;
		padding-bottom: 2px;
	}

	/* Frosted glass effect for ultra small mobile */
	.frosted-glass-box {
		background: rgba(255, 255, 255, 0.12);
		color: #000 !important;
		backdrop-filter: blur(6px);
		-webkit-backdrop-filter: blur(6px);
		border-radius: 6px;
		padding: 6px 8px;
		border: 1px solid rgba(255, 255, 255, 0.12);
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
		margin-bottom: 12px;
	}

	/* Reduce home top description text size */
	.home-top-description-text {
		font-size: 0.7rem;
		line-height: 1.15;
	}

	/* Reduce CPA badge size */
	.cpa-badge {
		font-size: 0.6em;
		padding: 2px 4px;
		border-radius: 3px;
	}

	/* Adjust checklist */
	.checklist-box {
		padding: 5px 4px;
		margin: 5px 0;
		border-radius: 6px;
	}

	.checklist-box ul li {
		font-size: 0.55em;
		padding: 2px 0;
		line-height: 1.2;
	}

	.checklist-box ul li:before {
		font-size: 1em;
		margin-right: 8px;
		min-width: 15px;
	}

	/* Reduce button size */
	.frosted-glass-box .btn {
		padding: 6px 12px !important;
		font-size: 0.75rem !important;
		border-radius: 4px;
	}
}

/* Small mobile (361px-480px) */
@media (min-width: 361px) and (max-width: 480px) {
	.slide-1 {
		background-image: url('./assets/images/bg2.jpg');
		background-size: cover;
		background-position: center top;
	}
	.slider-small {
		color: #fff !important;
		font-weight: 600 !important;
		font-size: 13px !important;
	}
	.slider-h1 {
		color: #000 !important;
		font-size: 15px !important;
		line-height: 20px;
		margin-top: 3px;
		margin-bottom: 9px;
	}
	.overlay {
		display: block;
	}
	.sticky-wrapper .site-navbar {
		background: #fff;
	}
	.intro-section, .intro-section .container > .row {
		height: auto;
		min-height: auto;
		padding-top: 38px;
		padding-bottom: 4px;
	}

	/* Frosted glass effect for small mobile */
	.frosted-glass-box {
		background: rgba(255, 255, 255, 0.13);
		color: #000 !important;
		backdrop-filter: blur(7px);
		-webkit-backdrop-filter: blur(7px);
		border-radius: 7px;
		padding: 7px 9px;
		border: 1px solid rgba(255, 255, 255, 0.13);
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
		margin-bottom: 14px;
	}

	/* Reduce home top description text size */
	.home-top-description-text {
		font-size: 0.75rem;
		line-height: 1.18;
	}

	/* Reduce CPA badge size */
	.cpa-badge {
		font-size: 0.65em;
		padding: 2px 4px;
		border-radius: 4px;
	}

	/* Adjust checklist */
	.checklist-box {
		padding: 5px 4px;
		margin: 5px 0;
		border-radius: 7px;
	}

	.checklist-box ul li {
		font-size: 0.6em;
		padding: 2px 0;
		line-height: 1.3;
	}

	.checklist-box ul li:before {
		font-size: 1.1em;
		margin-right: 10px;
		min-width: 18px;
	}

	/* Reduce button size */
	.frosted-glass-box .btn {
		padding: 7px 14px !important;
		font-size: 0.8rem !important;
		border-radius: 4px;
	}
}

/* Medium mobile (481px-600px) */
@media (min-width: 481px) and (max-width: 600px) {
	.slide-1 {
		background-image: url('./assets/images/bg2.jpg');
		background-size: cover;
		background-position: center top;
	}
	.slider-small {
		color: #fff !important;
		font-weight: 600 !important;
		font-size: 14px !important;
	}
	.slider-h1 {
		color: #000 !important;
		font-size: 16px !important;
		line-height: 22px;
		margin-top: 5px;
		margin-bottom: 10px;
	}
	.overlay {
		display: block;
	}
	.sticky-wrapper .site-navbar {
		background: #fff;
	}
	.intro-section, .intro-section .container > .row {
		height: auto;
		min-height: auto;
		padding-top: 40px;
		padding-bottom: 5px;
	}

	/* Frosted glass effect for medium mobile */
	.frosted-glass-box {
		background: rgba(255, 255, 255, 0.15);
		color: #000 !important;
		backdrop-filter: blur(8px);
		-webkit-backdrop-filter: blur(8px);
		border-radius: 8px;
		padding: 8px 10px;
		border: 1px solid rgba(255, 255, 255, 0.15);
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
		margin-bottom: 15px;
	}

	/* Reduce home top description text size */
	.home-top-description-text {
		font-size: 0.8rem;
		line-height: 1.2;
	}

	/* Reduce CPA badge size */
	.cpa-badge {
		font-size: 0.7em;
		padding: 2px 5px;
		border-radius: 4px;
	}

	/* Adjust checklist */
	.checklist-box {
		padding: 6px 5px;
		margin: 6px 0;
		border-radius: 8px;
	}

	.checklist-box ul li {
		font-size: 0.65em;
		padding: 3px 0;
		line-height: 1.35;
	}

	.checklist-box ul li:before {
		font-size: 1.15em;
		margin-right: 11px;
		min-width: 19px;
	}

	/* Reduce button size */
	.frosted-glass-box .btn {
		padding: 8px 16px !important;
		font-size: 0.85rem !important;
		border-radius: 4px;
	}
}

/* Tablet styles (601px-768px) */
@media (min-width: 601px) and (max-width: 768px) {
	.slide-1 {
		background-image: url('./assets/images/bg2.jpg');
		background-size: cover;
		background-position: center top;
	}
	.slider-small {
		color: #fff !important;
		font-weight: 600 !important;
		font-size: 16px !important;
	}
	.slider-h1 {
		color: #000 !important;
		font-size: 18px !important;
		line-height: 26px;
		margin-top: 10px;
		margin-bottom: 15px;
	}
	.overlay {
		display: block;
	}
	.sticky-wrapper .site-navbar {
		background: #fff;
	}
	.intro-section, .intro-section .container > .row {
		height: auto;
		min-height: auto;
		padding-top: 50px;
		padding-bottom: 10px;
	}

	/* Frosted glass effect for tablet */
	.frosted-glass-box {
		background: rgba(255, 255, 255, 0.18);
		color: #000 !important;
		backdrop-filter: blur(9px);
		-webkit-backdrop-filter: blur(9px);
		border-radius: 10px;
		padding: 10px 14px;
		border: 1px solid rgba(255, 255, 255, 0.18);
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
		margin-top: 20px;
		margin-bottom: 20px;
	}

	/* Reduce home top description text size */
	.home-top-description-text {
		font-size: 0.85rem;
		line-height: 1.25;
	}

	/* Reduce CPA badge size */
	.cpa-badge {
		font-size: 0.75em;
		padding: 3px 6px;
		border-radius: 4px;
	}

	/* Adjust checklist */
	.checklist-box {
		padding: 8px 7px;
		margin: 8px 0;
		border-radius: 9px;
	}

	.checklist-box ul li {
		font-size: 0.7em;
		padding: 4px 0;
		line-height: 1.4;
	}

	.checklist-box ul li:before {
		font-size: 1.18em;
		margin-right: 11px;
		min-width: 20px;
	}

	/* Reduce button size */
	.frosted-glass-box .btn {
		padding: 10px 20px !important;
		font-size: 0.9rem !important;
		border-radius: 4px;
	}
}