/**
 * Layout that has to mirror on the left-to-right versions.
 *
 * Bricks stores one layout for all four languages, and it was drawn in Hebrew,
 * so every side picked by hand - a border, a padding - is the side that reads
 * correctly right-to-left. Flipping <html dir> reverses the order of a flex row
 * but not a physical `border-left`, so those hand-picked sides end up on the
 * outside of the row in Russian and English. Each one is answered here.
 *
 * Loaded only for a left-to-right language - see YLD_I18N_Layout. Arabic shares
 * the Hebrew layout and never sees this file.
 */

/* The footer rule between the logo and the menu. Bricks draws it on the left of
   the logo block, which is the inner side in Hebrew and the far outer edge in
   Russian. The selector is a Bricks element id: if the client rebuilds that
   block the id changes and this rule stops matching, which puts the divider
   back on the wrong side but breaks nothing else. */
#brxe-hcjfom {
	border-left: 0;
	border-right: 2px solid rgba(255, 255, 255, 0.4);
	padding-left: 0;
	padding-right: 1.5rem;
}

/* Below 768px Bricks stacks the block and moves the rule underneath, so there
   is no side left to mirror. This file loads after that media query, so the
   desktop values above have to be taken back explicitly rather than left to
   the cascade. */
@media (max-width: 767px) {
	#brxe-hcjfom {
		border-right: 0;
		padding-right: 0;
	}
}
