/* Calcti84 Design — site-wide look for calcti84.com on GeneratePress.
   Every rule is scoped to body.c84, a class this plugin adds, so
   deactivating the plugin removes all of it. */

/* ---------- Fonts ----------
   Roboto (site title, menu, headings, buttons) is stored in this plugin's
   own folder, so nothing is loaded from Google. Body text uses Times New
   Roman, which is already on visitors' devices. */
@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("fonts/roboto-latin-400-normal.woff2") format("woff2");
}
@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("fonts/roboto-latin-700-normal.woff2") format("woff2");
}

/* ---------- Base ---------- */
body.c84 {
	background: #ffffff;
	color: #3d4249;
	font-family: "Times New Roman", Times, Georgia, serif;
	font-size: 18px;
	line-height: 1.6;
	overflow-x: hidden;
	overflow-x: clip;
}
body.c84 button,
body.c84 input,
body.c84 select,
body.c84 textarea {
	font-family: "Times New Roman", Times, Georgia, serif;
}
body.c84 .main-title,
body.c84 .main-navigation,
body.c84 .main-navigation button,
body.c84 .entry-title,
body.c84 .entry-content h2,
body.c84 .entry-content h3,
body.c84 .entry-content a.c84-button {
	font-family: "Roboto", Arial, Helvetica, sans-serif;
}
body.c84 a { color: #1f5fa8; }
body.c84 a:hover,
body.c84 a:focus { color: #123e70; }

/* ---------- Header ----------
   Colours match getaadhaaruidai.com: navy bar, white text, yellow on hover. */
body.c84 .site-header {
	background: #003366;
	color: #ffffff;
}
body.c84 .inside-header {
	padding: 10px 24px;
}
body.c84 .main-title {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
}
body.c84 .main-title a,
body.c84 .main-title a:hover {
	color: #ffffff;
	text-decoration: none;
}
body.c84 .site-description { display: none; }

body.c84 .main-navigation,
body.c84 .main-navigation ul ul {
	background: transparent;
}
body.c84 .main-navigation .main-nav ul li a {
	color: #ffffff;
	background: transparent;
	font-size: 15px;
	font-weight: 700;
	line-height: 44px;
	padding-left: 11px;
	padding-right: 11px;
}
body.c84 .main-navigation .main-nav ul li:hover > a,
body.c84 .main-navigation .main-nav ul li a:focus {
	color: #ffcc00;
	background: transparent;
}
body.c84 .main-navigation .main-nav ul li[class*="current-menu-"] > a {
	color: #ffffff;
	background: transparent;
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 6px;
}
body.c84 .main-navigation .menu-toggle,
body.c84 .main-navigation .menu-toggle:hover,
body.c84 .main-navigation .menu-toggle:focus {
	color: #ffffff;
	background: transparent;
	line-height: 44px;
}
body.c84 .main-navigation.toggled .main-nav ul li a {
	line-height: 44px;
	border-top: 1px solid rgba(255, 255, 255, 0.15);
}

/* "More" dropdown: white panel with dark text, as on getaadhaaruidai.com */
body.c84 .main-navigation:not(.toggled) ul ul {
	width: 220px;
	background: #ffffff;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	padding: 0;
}
body.c84 .main-navigation:not(.toggled) .main-nav ul ul li a {
	color: #222222;
	font-weight: 400;
	line-height: 1.4;
	padding: 12px 15px;
	border-bottom: 1px solid #eeeeee;
	text-decoration: none;
}
body.c84 .main-navigation:not(.toggled) .main-nav ul ul li:hover > a,
body.c84 .main-navigation:not(.toggled) .main-nav ul ul li a:focus {
	color: #222222;
	background: #f5f5f5;
}
body.c84 .main-navigation.toggled .main-nav ul ul li a {
	padding: 0 11px 0 28px;
	font-weight: 400;
}

/* ---------- Page frame ---------- */
body.c84 .site-content {
	padding: 0;
	display: block;
}
body.c84 .site-content .content-area {
	width: 100%;
	float: none;
}
body.c84 .site-main,
body.c84.separate-containers .site-main {
	margin: 0;
}
body.c84 .inside-article,
body.c84.separate-containers .inside-article {
	padding: 0;
	background: transparent;
}
body.c84 .widget-area,
body.c84 .sidebar { display: none; }

body.c84 .entry-header {
	padding: 40px 24px 0;
	text-align: center;
}
body.c84 .entry-title {
	margin: 0;
	font-size: 34px;
	font-size: clamp(28px, 4vw, 34px);
	font-weight: 700;
	line-height: 1.2;
	color: #1a1a1a;
}
body.c84 .entry-content,
body.c84 .entry-content:not(:first-child) {
	max-width: 760px;
	margin: 0 auto;
	padding: 0 24px 24px;
	box-sizing: border-box;
}

/* ---------- Text defaults inside page content ---------- */
body.c84 .entry-content p,
body.c84 .entry-content ul,
body.c84 .entry-content ol,
body.c84 .entry-content h2,
body.c84 .entry-content h3 {
	margin: 0;
}
body.c84 .entry-content h2 {
	margin-bottom: 4px;
	font-size: 26px;
	font-weight: 700;
	line-height: 1.25;
	color: #1a1a1a;
}
body.c84 .entry-content h3 {
	margin-bottom: 6px;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.35;
	color: #1a1a1a;
}
body.c84 .entry-content ul,
body.c84 .entry-content ol {
	padding-left: 1.3em;
}
body.c84 .entry-content li + li { margin-top: 6px; }
body.c84 .entry-content ol > li + li { margin-top: 10px; }
body.c84 .entry-content strong { color: #1a1a1a; }

/* ---------- Top block: note + calculator ---------- */
body.c84 .c84-hero {
	margin: 0 calc(50% - 50vw) 48px;
	padding: 20px calc(50vw - 50%) 56px;
	border-bottom: 1px solid #e3e5e8;
}
body.c84 .c84-hero-text {
	padding-top: 0;
	padding-bottom: 40px;
}
body.c84 .entry-content .c84-note {
	max-width: 620px;
	margin: 0 auto;
	padding: 12px 20px;
	box-sizing: border-box;
	background: #f6f7f9;
	border: 1px solid #dde1e6;
	border-radius: 8px;
	font-size: 17px;
	font-weight: 700;
	font-style: italic;
	text-align: center;
	color: #1a1a1a;
}
body.c84 .c84-calc {
	margin-top: 36px;
	max-width: 100%;
}
body.c84 .c84-hero > .c84-calc:first-child { margin-top: 16px; }
body.c84 .c84-calc > * {
	margin-left: auto;
	margin-right: auto;
}

/* ---------- Content blocks ---------- */
body.c84 .c84-section {
	margin: 0 0 48px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}
body.c84 .c84-box {
	padding: 24px;
	background: #f6f7f9;
	border: 1px solid #e3e5e8;
	border-radius: 6px;
	display: flex;
	flex-direction: column;
	gap: 14px;
}
body.c84 .c84-box.c84-center {
	align-items: center;
	text-align: center;
}
body.c84 .c84-box.c84-center > p:first-child {
	font-weight: 700;
	color: #1a1a1a;
}
body.c84 .entry-content .c84-email { font-size: 22px; }
body.c84 .c84-email a {
	display: inline-block;
	padding: 8px 0;
}

body.c84 .c84-cards {
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
	font-size: 16px;
	line-height: 1.55;
}
body.c84 .c84-card {
	flex: 1 1 200px;
	min-width: 0;
	box-sizing: border-box;
	padding: 22px;
	border: 1px solid #dde1e6;
	border-radius: 6px;
}
body.c84 .c84-cards-2 .c84-card { flex-basis: 300px; }
body.c84 .c84-cards .c84-card-full { flex-basis: 100%; }
body.c84 .entry-content .c84-card h3 {
	margin-bottom: 10px;
	line-height: 1.3;
}

body.c84 .c84-stack {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
body.c84 .c84-faq {
	display: flex;
	flex-direction: column;
	gap: 22px;
}

body.c84 .c84-cta {
	margin: 0 0 56px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	text-align: center;
}
body.c84 .entry-content .c84-cta h2 { margin-bottom: 0; }
body.c84 .entry-content a.c84-button,
body.c84 .entry-content a.c84-button:hover,
body.c84 .entry-content a.c84-button:focus {
	display: inline-block;
	padding: 13px 28px;
	background: #000000;
	color: #ffffff;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.4;
	text-decoration: none;
	border-radius: 4px;
}
body.c84 .entry-content a.c84-button:hover { background: #2b2b2b; }

/* ---------- Legal and information pages ---------- */
body.c84 .c84-legal {
	margin: 0 0 32px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
body.c84 .entry-content .c84-legal h2 {
	margin-bottom: 0;
	font-size: 21px;
	line-height: 1.3;
}
body.c84 .c84-updated {
	margin: 0 0 56px;
	padding-top: 20px;
	border-top: 1px solid #e3e5e8;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
body.c84 .c84-updated em { font-size: 16px; }

/* ---------- Footer ----------
   Colours match getaadhaaruidai.com: dark blue-black with pale blue text. */
body.c84 .site-footer { background: #0b2130; }
body.c84 .site-footer .footer-widgets,
body.c84 .site-footer .footer-bar { display: none; }
body.c84 .site-info {
	background: #0b2130;
	color: #dbe9f2;
	font-size: 15px;
}
body.c84 .inside-site-info {
	display: block;
	padding: 28px 24px 32px;
	text-align: center;
}
body.c84 .site-info .copyright-bar {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2px;
}
body.c84 .c84-footer-nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0 20px;
	font-weight: 700;
}
body.c84 .site-info .c84-footer-nav a {
	padding: 10px 0;
	color: #ffffff;
	text-decoration: underline;
}
body.c84 .site-info .c84-footer-nav a:hover,
body.c84 .site-info .c84-footer-nav a:focus { color: #ffcc00; }

/* ---------- Small screens ---------- */
@media (max-width: 768px) {
	body.c84 .inside-header { padding: 6px 16px; }
	body.c84 .entry-header { padding: 28px 16px 0; }
	body.c84 .entry-content,
	body.c84 .entry-content:not(:first-child) { padding: 0 16px 16px; }
	body.c84 .c84-hero { padding-bottom: 40px; margin-bottom: 36px; }
	body.c84 .c84-section { margin-bottom: 40px; }
	body.c84 .c84-box { padding: 18px; }
	body.c84 .c84-calc { overflow-x: auto; }
}

/* ---------- Tablets: keep the header on one line where it fits ---------- */
@media (min-width: 769px) and (max-width: 1023px) {
	body.c84 .inside-header { padding: 10px 16px; }
	body.c84 .main-title { font-size: 17px; }
	body.c84 .main-navigation .main-nav > ul > li > a {
		font-size: 13px;
		padding-left: 7px;
		padding-right: 7px;
	}
}