/*
 * The site footer (Header Footer Builder template 26261), drawn the way the
 * Divi footer layout (post 112) drew it. convert.php could not map Divi's
 * social follow module or style its toggles, so the template came out with
 * Elementor's defaults: 50px grey-on-blue social icons centred under the
 * middle column, and the India / USA toggles boxed in 1px borders with 16px
 * text. Measured on the live site (1440px and 390px):
 *
 *   social follow  28px white circles, 8px apart, left aligned,
 *                  #1955ED glyphs at 14px
 *   headings       <strong> at weight 700 in #f5f5f7
 *   toggles        no border; 20px padding round each item, 20px between an
 *                  open title and its text, ~30px between items; 14px text;
 *                  the open item shows no chevron
 *
 * Hand written - not generated by _divi-backup/responsive.php.
 */

/* ---- column headings ----------------------------------------------------- */

.elementor-26261 .elementor-widget-text-editor strong {
	font-weight: 700;
	color: #f5f5f7;
}

/* ---- social follow ------------------------------------------------------- */

.elementor-26261 .elementor-element-28b1076 {
	text-align: left;
}

/* The widget's own alignment rule is heavier than this one, and on phones it
   centres the icons, so the alignment needs !important. Elementor also gives the
   grid a small negative margin, which would pull them off the 15px gutter. */
.elementor-26261 .elementor-element-28b1076 .elementor-social-icons-wrapper {
	display: flex !important;
	flex-wrap: wrap;
	justify-content: flex-start !important;
	gap: 8px;
	margin: 0 !important;
	word-spacing: normal;
}

.elementor-26261 .elementor-element-28b1076 .elementor-grid-item {
	margin: 0 !important;
}

.elementor-26261 .elementor-element-28b1076 .elementor-social-icon {
	--icon-size: 14px;
	--icon-padding: 7px;
	--e-social-icon-icon-color: #1955ed !important;
	width: 28px;
	height: 28px;
	border-radius: 99px;
	background-color: #fff !important;
}

/* The widget's own rule paints the glyph white, and it is more specific than
   this one - without the !important the icons were blank white circles. */
.elementor-26261 .elementor-element-28b1076 .elementor-social-icon svg {
	width: 14px;
	height: 14px;
	fill: #1955ed !important;
	color: #1955ed !important;
}

.elementor-26261 .elementor-element-28b1076 .elementor-social-icon i {
	color: #1955ed !important;
}

/* ---- India / USA toggles ------------------------------------------------- */

.elementor-26261 .elementor-element-1b6f5f2 .e-n-accordion {
	gap: 0 !important;
}

.elementor-26261 .elementor-element-1b6f5f2 .e-n-accordion-item + .e-n-accordion-item {
	margin-top: 30px !important;
}

/* Requested: keep a box round the India and USA panels. Live draws them with no
   border at all; this is a deliberate difference, in the footer's own white on
   blue rather than Elementor's grey default. */
.elementor-26261 .elementor-element-1b6f5f2 .e-n-accordion-item {
	border: 1px solid rgba(255, 255, 255, .4);
	border-radius: 4px;
	overflow: hidden;
}

.elementor-26261 .elementor-element-1b6f5f2 .e-n-accordion-item-title {
	border: 0 !important;
	padding: 20px 20px 0 !important;
	background: transparent !important;
}

.elementor-26261 .elementor-element-1b6f5f2 details:not([open]) > .e-n-accordion-item-title {
	padding-bottom: 20px !important;
}

/* Divi hides the arrow on the open toggle */
.elementor-26261 .elementor-element-1b6f5f2 details[open] .e-n-accordion-item-title-icon {
	display: none;
}

.elementor-26261 .elementor-element-1b6f5f2 [role="region"] {
	border: 0 !important;
	margin: 0 !important;
	padding: 20px !important;
	background: transparent !important;
}

.elementor-26261 .elementor-element-1b6f5f2 [role="region"] .elementor-widget-text-editor {
	font-size: 14px;
}