/*!
Theme Name: GSF
Author: Admin
Description: Custom theme is a blank canvas for your WordPress project.
Version: 1.0.0
Requires at least: 6.2
Tested up to: 7.0.2
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gsf
Tags: custom-background, custom-logo, custom-menu, featured-images, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
*/

.svg-icons-list .icon-grid {
	display: grid;
	grid-template-columns: repeat(8, auto);
	list-style: none;
	padding-left: 0;
	gap: 1rem;
}

.svg-icons-list .icon-grid li {
	display: grid;
	align-items: center;
	/* justify-content: center; */
}

/* ─────────────────────────────────────────────────────────
   Blog Detail Content Styles
   ───────────────────────────────────────────────────────── */
.bdc-content > * {
	margin-bottom: 30px;
}

.bdc-content h1,
.bdc-content h2,
.bdc-content h3,
.bdc-content h4,
.bdc-content h5,
.bdc-content h6 {
	font-family: var(--font-roboto, "Roboto", sans-serif);
	font-weight: 700;
	color: #000000;
	margin-bottom: 30px;
}

.bdc-content p {
	font-family: var(--font-roboto, "Roboto", sans-serif);
	font-weight: 700;
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 30px;
}

.bdc-content ul,
.bdc-content ul.wp-block-list {
	list-style-type: disc;
	padding-left: 1.5rem;
	margin-bottom: 30px;
}

.bdc-content ol,
.bdc-content ol.wp-block-list {
	list-style-type: decimal;
	padding-left: 1.5rem;
	margin-bottom: 30px;
}

.bdc-content li {
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 8px;
}

@media (min-width: 768px) {
	.bdc-content li {
		font-size: 24px;
		line-height: 36px;
	}
}

.bdc-content ul li {
	list-style-type: disc;
}

.bdc-content ol li {
	list-style-type: decimal;
}

.bdc-content ul ul {
	list-style-type: circle;
	margin-top: 8px;
	margin-bottom: 8px;
}

.bdc-content ol ol {
	list-style-type: lower-alpha;
	margin-top: 8px;
	margin-bottom: 8px;
}

.bdc-content blockquote,
.bdc-content figure,
.bdc-content table {
	margin-bottom: 30px;
}

/* ─────────────────────────────────────────────────────────
   reCAPTCHA & Contact Us Form Styles
   ───────────────────────────────────────────────────────── */
.ff-el-recaptcha.g-recaptcha,
.ff-el-recaptcha,
.g-recaptcha {
	display: flex;
	justify-content: flex-end;
	transform: scale(0.8);
	transform-origin: right;
}

.ff-el-group:has(.ff-el-recaptcha),
.ff-el-group:has(.g-recaptcha),
.ff-el-group:has(.ff-el-form-check),
.ff-el-group:has(.ff_el_form_check) {
	margin-bottom: 0 !important;
}

.ff-el-form-check,
.ff_el_form_check,
.ff-el-form-check label,
.ff_el_form_check label,
.ff-el-form-check-label,
.ff_tc_label {
	margin-bottom: 0 !important;
}

.ff-t-container:has(.ff-el-recaptcha),
.ff-t-container:has(.g-recaptcha) {
	align-items: center !important;
}

/* Below md (< 768px) */
@media (max-width: 767px) {
	.contact-us-component .cs-inner,
	.cs-inner {
		gap: 24px !important;
	}

	.ff-t-container:has(.ff-el-recaptcha),
	.ff-t-container:has(.g-recaptcha) {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
	}

	.ff-el-recaptcha.g-recaptcha,
	.ff-el-recaptcha,
	.g-recaptcha {
		transform-origin: center;
	}
}

/* ─────────────────────────────────────────────────────────
   Cookiebot Dialog Button Styles
   ───────────────────────────────────────────────────────── */
#CybotCookiebotDialog .CybotCookiebotDialogBodyButton,
#CybotCookiebotDialogBodyButtonsWrapper button,
#CybotCookiebotDialogBodyButtonDecline,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
#CybotCookiebotDialogBodyLevelButtonCustomize,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
.CybotCookiebotDialogBodyButton {
	background-color: var(--color-primary, #cd001f) !important;
	border-color: var(--color-primary, #cd001f) !important;
	color: #ffffff !important;
	transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease !important;
}

#CybotCookiebotDialog .CybotCookiebotDialogBodyButton:hover,
#CybotCookiebotDialogBodyButtonsWrapper button:hover,
#CybotCookiebotDialogBodyButtonDecline:hover,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection:hover,
#CybotCookiebotDialogBodyLevelButtonCustomize:hover,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:hover,
.CybotCookiebotDialogBodyButton:hover {
	background-color: #000000 !important;
	border-color: #000000 !important;
	color: #ffffff !important;
}

#gsf_map_wrap {
    position: relative;
}

.office-locations {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.office_text_wrap {
    position: absolute;
    display: none;
    z-index: 50;
    pointer-events: auto;
}