.fab,
.far,
.fas {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: var(--fa-display, inline-block);
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-rendering: auto;
}
.far,
.fas {
	font-family: "Font Awesome 6 Free";
}
.fab {
	font-family: "Font Awesome 6 Brands";
}
.fa-comment:before {
	content: "\f075";
}
.fa-caret-down:before {
	content: "\f0d7";
}
.fa-share-square:before {
	content: "\f14d";
}
.fa-thumbs-up:before {
	content: "\f164";
}
.fa-sr-only-focusable:not(:focus),
.sr-only-focusable:not(:focus) {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0;
}
:host,
:root {
	--fa-style-family-brands: "Font Awesome 6 Brands";
	--fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
}
@font-face {
	font-family: "Font Awesome 6 Brands";
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url(../fonts/fa-brands-400.woff2) format("woff2"),
		url(../fonts/fa-brands-400.ttf) format("truetype");
}
.fab {
	font-weight: 400;
}
.fa-facebook:before {
	content: "\f09a";
}
:host,
:root {
	--fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";
}
@font-face {
	font-family: "Font Awesome 6 Free";
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url(../fonts/fa-regular-400.woff2) format("woff2"),
		url(../fonts/fa-regular-400.ttf) format("truetype");
}
.far {
	font-weight: 400;
}
:host,
:root {
	--fa-style-family-classic: "Font Awesome 6 Free";
	--fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
}
@font-face {
	font-family: "Font Awesome 6 Free";
	font-style: normal;
	font-weight: 900;
	font-display: block;
	src: url(../fonts/fa-solid-900.woff2) format("woff2"),
		url(../fonts/fa-solid-900.ttf) format("truetype");
}
.fas {
	font-weight: 900;
}
@font-face {
	font-family: "Font Awesome 5 Brands";
	font-display: block;
	font-weight: 400;
	src: url(../fonts/fa-brands-400.woff2) format("woff2"),
		url(../fonts/fa-brands-400.ttf) format("truetype");
}
@font-face {
	font-family: "Font Awesome 5 Free";
	font-display: block;
	font-weight: 900;
	src: url(../fonts/fa-solid-900.woff2) format("woff2"),
		url(../fonts/fa-solid-900.ttf) format("truetype");
}
@font-face {
	font-family: "Font Awesome 5 Free";
	font-display: block;
	font-weight: 400;
	src: url(../fonts/fa-regular-400.woff2) format("woff2"),
		url(../fonts/fa-regular-400.ttf) format("truetype");
}
@font-face {
	font-family: "FontAwesome";
	font-display: block;
	src: url(../fonts/fa-solid-900.woff2) format("woff2"),
		url(../fonts/fa-solid-900.ttf) format("truetype");
}
@font-face {
	font-family: "FontAwesome";
	font-display: block;
	src: url(../fonts/fa-brands-400.woff2) format("woff2"),
		url(../fonts/fa-brands-400.ttf) format("truetype");
}
@font-face {
	font-family: "FontAwesome";
	font-display: block;
	src: url(../fonts/fa-regular-400.woff2) format("woff2"),
		url(../fonts/fa-regular-400.ttf) format("truetype");
	unicode-range: u+f003, u+f006, u+f014, u+f016-f017, u+f01a-f01b, u+f01d,
		u+f022, u+f03e, u+f044, u+f046, u+f05c-f05d, u+f06e, u+f070, u+f087-f088,
		u+f08a, u+f094, u+f096-f097, u+f09d, u+f0a0, u+f0a2, u+f0a4-f0a7, u+f0c5,
		u+f0c7, u+f0e5-f0e6, u+f0eb, u+f0f6-f0f8, u+f10c, u+f114-f115, u+f118-f11a,
		u+f11c-f11d, u+f133, u+f147, u+f14e, u+f150-f152, u+f185-f186, u+f18e,
		u+f190-f192, u+f196, u+f1c1-f1c9, u+f1d9, u+f1db, u+f1e3, u+f1ea, u+f1f7,
		u+f1f9, u+f20a, u+f247-f248, u+f24a, u+f24d, u+f255-f25b, u+f25d,
		u+f271-f274, u+f278, u+f27b, u+f28c, u+f28e, u+f29c, u+f2b5, u+f2b7, u+f2ba,
		u+f2bc, u+f2be, u+f2c0-f2c1, u+f2c3, u+f2d0, u+f2d2, u+f2d4, u+f2dc;
}
@font-face {
	font-family: "FontAwesome";
	font-display: block;
	src: url(../fonts/fa-v4compatibility.woff2) format("woff2"),
		url(../fonts/fa-v4compatibility.ttf) format("truetype");
	unicode-range: u+f041, u+f047, u+f065-f066, u+f07d-f07e, u+f080, u+f08b,
		u+f08e, u+f090, u+f09a, u+f0ac, u+f0ae, u+f0b2, u+f0d0, u+f0d6, u+f0e4,
		u+f0ec, u+f10a-f10b, u+f123, u+f13e, u+f148-f149, u+f14c, u+f156, u+f15e,
		u+f160-f161, u+f163, u+f175-f178, u+f195, u+f1f8, u+f219, u+f27a;
}

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
	scroll-padding-top: 100px;
}

body {
	margin: 0;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

a {
	background-color: transparent;
}

b,
strong {
	font-weight: bolder;
}

img,
video {
	border-style: none;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

button,
input,
textarea {
	font-family: inherit;
	/* 1 */
	font-size: 100%;
	/* 1 */
	line-height: 1.15;
	/* 1 */
	margin: 0;
	/* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	/* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button {
	/* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	/* 1 */
	outline-offset: -2px;
	/* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	/* 1 */
	font: inherit;
	/* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

/*
 * Add the correct display in all browsers.
 */

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */

/**
 * Add the correct display in IE 10.
 */

html {
	font-size: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

*,
*::after,
*::before {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}

body {
	padding: 0;
	margin: 0;
	font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	font-weight: 400;
	line-height: 1.5;
	color: #0a0a0a;
	background: #fefefe;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body .content {
	background-color: #fff;
}

img {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	height: auto;
	-ms-interpolation-mode: bicubic;
}

textarea {
	height: auto;
	min-height: 50px;
}

textarea {
	border-radius: 3px;
}

button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent;
	padding: 0;
	border: 0;
	border-radius: 3px;
	line-height: 1;
}
@media screen and (max-width: 0em), screen and (min-width: 40em) {
	.show-for-small-only {
		display: none !important;
	}
}
@media screen and (max-width: 39.9375em) {
	.show-for-medium {
		display: none !important;
	}
}

.row {
	max-width: 62.5rem;
	margin-left: auto;
	margin-right: auto;
}
.row:after,
.row:before {
	content: " ";
	display: table;
}
.row:after {
	clear: both;
}
.row .row {
	max-width: none;
	margin-left: -10px;
	margin-right: -10px;
}

.columns {
	width: 100%;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}
@media screen and (min-width: 40em) {
	.columns {
		padding-left: 10px;
		padding-right: 10px;
	}
}

.columns:last-child:not(:first-child) {
	float: right;
}

.small-12 {
	width: 100%;
}

@media screen and (min-width: 40em) {
	.medium-offset-1 {
		margin-left: 8.33333%;
	}

	.medium-4 {
		width: 33.33333%;
	}

	.medium-5 {
		width: 41.66667%;
	}

	.medium-7 {
		width: 58.33333%;
	}

	.medium-10 {
		width: 83.33333%;
	}

	.medium-12 {
		width: 100%;
	}
}
@media screen and (min-width: 64em) {
	.large-2 {
		width: 16.66667%;
	}

	.large-8 {
		width: 66.66667%;
	}

	.large-12 {
		width: 100%;
	}
}
:root {
	--wide-min-breakpoint: 75em;
	--large-max-breakpoint: 74.9375em;
	--large-min-breakpoint: 64em;
	--medium-max-breakpoint: 63.9375em;
	--medium-min-breakpoint: 40em;
	--small-max-breakpoint: 39.9375em;
}

@font-face {
	font-family: "rte-icons";
	src: url("../fonts/rte-icons.ttf") format("truetype"),
		url("../fonts/rte-icons.woff") format("woff"),
		url("../fonts/rte-icons.svg#rte-icons") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: block;
}
[class^="dotie-icon_"],
[class*=" dotie-icon_"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: "rte-icons", sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.dotie-icon_logo_rte:before {
	content: "\e90e";
}

.dotie-icon_facebook:before {
	content: "\e906";
}

.dotie-icon_x:before {
	content: "\e930";
}

.dotie-icon_youtube:before {
	content: "\e904";
}

.dotie-icon_linkedin:before {
	content: "\e928";
}

.dotie-icon_instagram:before {
	content: "\e927";
}

.dotie-icon_whatsapp2:before {
	content: "\e923";
}

.dotie-icon_email:before {
	content: "\e905";
}

.dotie-icon_print:before {
	content: "\e91b";
}

.dotie-icon_search:before {
	content: "\e925";
}

/* Change the following values if you change Foundation's version */
/* Change the following values if you change Foundation's version */
.quicksearch-pannel .grid {
	display: -ms-grid;
	display: grid;
}
@supports (grid-gap: 0.625rem) {
	.quicksearch-pannel .grid {
		grid-gap: 0.625rem;
	}
}
@media screen and (min-width: 40em) {
	.quicksearch-pannel .grid {
		margin-right: 1.25rem;
		margin-bottom: 1.25rem;
	}
	@supports (grid-gap: 1.25rem) {
		.quicksearch-pannel .grid {
			grid-gap: 1.25rem;
			margin-right: 0;
			margin-bottom: 0;
		}
	}
}
.quicksearch-pannel .row.grid::after,
.quicksearch-pannel .row.grid::before {
	-ms-grid-row: 1;
	grid-row: 1;
	-ms-grid-column: 1;
	grid-column: 1;
}

body {
	font-family: "IBM Plex Sans", sans-serif;
	background-color: #eeecec;
}

.row {
	max-width: 1160px;
}

.columns:last-child:not(:first-child) {
	float: left;
}

a {
	color: #8f897c;
	text-decoration: none;
}

.icon {
	line-height: 0;
}

.clearfix {
	clear: both;
}

/* Standard listing setup */

/* Media Icons Style */

.primary-color {
	color: #8f897c;
}
button {
	display: block;
	text-align: center;
	background: #8f897c;
	border-radius: 5px;
	color: #fff;
	font-weight: bold;
	padding: 1rem;
	font-size: 1.2em;
	margin-bottom: 1rem;
}

ul {
	list-style: none;
	padding: 0;
}

.gutter {
	margin-left: 1.25rem;
	margin-right: 1.25rem;
}

/* Change the following values if you change Foundation's version */

@-webkit-keyframes blinker {
	50% {
		opacity: 0;
	}
}
@-moz-keyframes blinker {
	50% {
		opacity: 0;
	}
}
@-o-keyframes blinker {
	50% {
		opacity: 0;
	}
}
@keyframes blinker {
	50% {
		opacity: 0;
	}
}
@media screen and (min-width: 64em) {
	.icon-link:has(.whatsapp2) {
		display: none;
	}
}

.btn-group {
	display: inline-block;
}
.btn-group .icon {
	color: #fff;
	display: inline-block;
	cursor: pointer;
	text-align: left;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	float: left;
	background: #6b728c;
	margin-left: 0.5rem;
	font-family: "rte-icons", sans-serif !important;
	font-style: normal;
	line-height: 30px;
	font-size: 2.3rem;
	position: relative;
}
@media screen and (min-width: 64em) {
	.btn-group .icon {
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 3rem;
	}
}
.btn-group .icon.facebook {
	/* margin-left: 0; */
}
.btn-group .icon.facebook:before {
	margin-left: -3px;
}
@media screen and (min-width: 64em) {
	.btn-group .icon.facebook:before {
		margin-left: -5px;
	}
}
.btn-group .icon.twitter {
	font-size: 30px;
}
@media screen and (min-width: 64em) {
	.btn-group .icon.twitter {
		font-size: 40px;
		line-height: 42px;
	}
}
.btn-group .icon.whatsapp2 {
	display: inline-block;
	width: 29px;
	height: 27px;
	margin-top: 1px;
	background: #fff;
	font-size: 57px;
	color: #25d366;
}
.btn-group .icon.whatsapp2:before {
	margin-left: -13px;
}
@media screen and (min-width: 64em) {
	.btn-group a:has(.icon.whatsapp2) {
		display: none;
	}
}
@media screen and (min-width: 64em) {
	.btn-group .icon.linkedin {
		line-height: 38px;
	}
}
.btn-group .icon.linkedin:before {
	margin-left: -3px;
}
.btn-group .icon.envelope {
	font-size: 24px;
}
.btn-group .icon.envelope:before {
	margin-left: 3px;
}
@media screen and (min-width: 64em) {
	.btn-group .icon.envelope {
		font-size: 30px;
	}
	.btn-group .icon.envelope:before {
		margin-left: 5px;
	}
}
.va-parent {
	display: table;
}

.va-child {
	display: table-cell;
	vertical-align: middle;
}

:root {
	--blink-animation: blinker 1.5s linear infinite alternate;
	--blink-cursor: pointer;
}

.btn-group {
	display: inline-block;
}
.btn-group span {
	color: #fff;
	display: inline-block;
	cursor: pointer;
	text-align: left;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	float: left;
	background: #6b728c;
	margin-left: 0.5rem;
	line-height: 30px;
	font-size: 2.3rem;
	position: relative;
}
@media screen and (min-width: 64em) {
	.btn-group span {
		line-height: 30px;
		font-size: 2.5rem;
	}
}
.btn-group span.facebook {
	/* margin-left: 0; */
	background: #3b5997;
}
.btn-group span.facebook:before {
	margin-left: -3px;
}
@media screen and (min-width: 64em) {
	.btn-group span.facebook:before {
		margin-left: -5px;
	}
}
.btn-group span.twitter {
	font-size: 30px;
	background: black;
}
.btn-group span.whatsapp2 {
	background: #fff;
	display: inline-block;
	width: 29px;
	height: 27px;
	margin-top: 1px;
	font-size: 57px;
	color: #25d366;
}
.btn-group span.whatsapp2:before {
	margin-left: -13px;
}
@media screen and (min-width: 64em) {
	.btn-group span.whatsapp2 {
		width: 37px;
		height: 37px;
		margin-left: 0.6rem;
		margin-top: 0.07rem;
	}
	.btn-group span.whatsapp2:before {
		margin-left: -17px;
	}
}
@media screen and (min-width: 64em) {
	.btn-group span.whatsapp2 {
		display: none;
	}
}
.btn-group span.linkedin {
	background: #007cbb;
}
@media screen and (min-width: 64em) {
	.btn-group span.linkedin {
		line-height: 38px;
	}
}
.btn-group span.linkedin:before {
	margin-left: -3px;
}
.btn-group span.envelope {
	background: #a4aebb;
	font-size: 24px;
}
.btn-group span.envelope:before {
	margin-left: 3px;
}

@media screen and (max-width: 39.9375em) {
	.hide-for-mobile {
		display: none !important;
	}
}

/* Change the following values if you change Foundation's version */

/* Change the following values if you change Foundation's version */
:root {
	--primary-bar-height: 40px;
}

.primary-bar {
	--background-color: #ffffff;
	--heading-color: #1a1e24;
	--text-color: #333c47;
	--filter: none;
	--weather-filter: brightness(0);
	background-color: var(--background-color);
	color: var(--text-color);
	padding: 8px 8px 8px 12px;
	height: var(--primary-bar-height);
	border-bottom: 1px solid #f8f6f5;
	width: 100%;
}

.primary-bar__inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%;
}

.primary-bar__button {
	flex: 1;
}

.primary-bar__rte-logo {
	max-width: 100%;
	min-width: 46px;
	width: 46px;
}

.primary-bar__rte-logo-container {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.primary-bar__nav {
	display: none;
}

.primary-bar__weather-widget {
	display: none;
}

.primary-bar__search-profile {
	flex: 1;
	display: flex;
	justify-content: right;
}

@media screen and (min-width: 40em) {
	.primary-bar {
		padding: 8px 28px 8px 20px;
		--hamburger-button-order: 9999;
	}
	.primary-bar__inner {
		justify-content: initial;
		gap: 12px;
	}
	.primary-bar__button {
		flex: initial;
	}
	.primary-bar__search-profile {
		flex: initial;
	}
	.primary-bar__rte-logo-container {
		flex: initial;
	}
	.primary-bar__nav {
		display: block;
		margin-left: 8px;
	}
	.primary-bar__nav-list {
		display: flex;
		align-items: center;
		gap: 16px;
		list-style-type: none;
		margin: 0;
	}
	.primary-bar__nav-list-item--separator {
		background-color: #bcb8b0;
		min-width: 1px;
		height: 16px;
	}
	.primary-bar__nav-link {
		font-family: "IBM Plex Sans", sans-serif;
		font-weight: 600;
		font-size: 15px;
		line-height: 126%;
		color: inherit;
		position: relative;
		display: inline-block;
		height: 20px;
		text-decoration: none;
		transition: transform 200ms ease-out;
	}
	.primary-bar__nav-link:active {
		transform: translateY(2px);
	}
	.primary-bar__nav-link:hover,
	.primary-bar__nav-link:focus {
		color: inherit;
	}
	.primary-bar__nav-link::after {
		content: "";
		height: 2px;
		width: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
		transform: scaleX(0);
		transform-origin: right;
		transition: transform 0.25s ease-out;
		background-color: #459fab;
	}
	.primary-bar__nav-link:hover::after {
		transform: scaleX(1);
		transform-origin: left;
	}
	.primary-bar__nav-link--selected::after {
		transform: scaleX(1);
		transform-origin: left;
	}
	.primary-bar__nav-link--tv {
		text-transform: uppercase;
	}
	.primary-bar__nav-link--news::after {
		background-color: #235bae;
	}
	.primary-bar__nav-link--sport::after {
		background-color: #509ecf;
	}
	.primary-bar__nav-link--entertainment::after {
		background-color: #d45a7d;
	}
	.primary-bar__nav-link--lifestyle::after {
		background-color: #da9335;
	}
	.primary-bar__nav-link--culture::after {
		background-color: #5338a2;
	}
	.primary-bar__nav-link--player::after {
		background-color: #ff0035;
	}
	.primary-bar__nav-link--tv::after {
		background-color: #459fab;
	}
	.primary-bar__nav-link--radio::after {
		background-color: #ff0135;
	}
	.primary-bar__nav-link--gaeilge::after {
		background-color: #459fab;
	}
	.primary-bar__search-profile {
		margin-left: auto;
	}
}
@media screen and (min-width: 64em) {
	.primary-bar {
		--primary-bar-height: 48px;
		padding: 4px 0;
	}
	.primary-bar__inner {
		margin: auto;
		gap: 8px;
		max-width: 1160px;
		padding: 0 20px;
	}
	.primary-bar__rte-logo-container {
		min-width: 50px;
		width: 50px;
	}
	.primary-bar__nav {
		display: block;
		margin-left: 68px;
	}
	.primary-bar__nav-link {
		font-family: "IBM Plex Sans", sans-serif;
		font-weight: 600;
		font-size: 16px;
		line-height: 125%;
		height: 21px;
	}
	.primary-bar__weather-widget {
		display: block;
		margin-left: auto;
	}
	.primary-bar__search-profile {
		margin-left: 0;
	}
}
/* Change the following values if you change Foundation's version */
.weather-widget {
	font-family: "IBM Plex Sans", sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 144%;
	font-weight: 600;
	filter: var(--weather-filter);
	font-size: 0.75rem;
}

.weather-widget:not(.loaded) .weather-widget__icon,
.weather-widget:not(.loaded) .weather-widget__temperature {
	opacity: 0;
}

.weather-widget:hover {
	--weather-filter: invert(55%) sepia(61%) saturate(352%) hue-rotate(139deg)
		brightness(89%) contrast(94%);
}

.weather-widget__text {
	display: flex;
	text-transform: uppercase;
	color: #24221f;
}

.weather-widget__link {
	display: flex;
	color: black;
	gap: 8px;
}

.weather-widget__icon {
	display: flex;
	width: 28px;
	height: 28px;
	justify-content: center;
	background-size: 2100% 300%;
	background-image: url("../img/widget_sprites.png");
}

.weather-widget__temperature {
	display: flex;
	align-items: center;
	color: var(--text-color);
}

@media screen and (min-width: 40em) {
	.weather-widget {
		padding: 4px 8px;
		font-size: 1rem;
	}
	.weather-widget__text {
		display: none;
	}
}
/* Change the following values if you change Foundation's version */
.search_profile {
	display: flex;
	gap: 12px;
}

.search_profile__button {
	all: unset;
	cursor: pointer;
	display: flex;
	height: 24px;
	width: 24px;
	justify-content: center;
	align-items: center;
}

.search_profile__button:focus {
	outline: revert;
	color: inherit;
	background-color: transparent;
}

.search_profile__button:hover {
	background-color: transparent;
}

.search_profile__icon {
	filter: var(--filter);
}

.search_profile__icon--close-search {
	display: none;
}

.search_profile__icon:hover {
	filter: invert(55%) sepia(61%) saturate(352%) hue-rotate(139deg)
		brightness(89%) contrast(94%);
}

@media screen and (min-width: 40em) {
	.search_profile {
		gap: 4px;
	}
}
@media screen and (min-width: 64em) {
	.search_profile {
		gap: 8px;
	}
	.search_profile__button {
		height: 28px;
		width: 28px;
	}
}
/* Change the following values if you change Foundation's version */
.hamburger-button {
	order: var(--hamburger-button-order, initial);
}

.hamburger-button__button {
	all: unset;
	cursor: pointer;
	display: flex;
	height: 24px;
	width: 24px;
	min-width: 24px;
	justify-content: center;
	align-items: center;
}

.hamburger-button__button:focus {
	outline: revert;
	color: inherit;
	background-color: transparent;
}

.hamburger-button__button:hover {
	background-color: transparent;
}

.hamburger-button__icon {
	filter: var(--filter);
}

.hamburger-button__icon:hover {
	filter: invert(55%) sepia(61%) saturate(352%) hue-rotate(139deg)
		brightness(89%) contrast(94%);
}

@media screen and (min-width: 64em) {
	.hamburger-button__button {
		height: 28px;
		width: 28px;
	}
}
.topic-bar {
	--background-color: #ffffff;
	--heading-color: #1a1e24;
	--text-color: #333c47;
	--filter: none;
	border-bottom: 3px solid #459fab;
	background-color: var(--background-color);
	padding: 8px 0 4px;
}

.topic-bar__link {
	color: inherit;
}

.topic-bar__link::after {
	content: "";
	height: 2px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	transform: scaleX(0);
	transform-origin: right;
	transition: transform 0.25s ease-out;
	background-color: #459fab;
}

.topic-bar__link:hover::after {
	transform: scaleX(1);
	transform-origin: left;
}

.topic-bar--news {
	border-color: #235bae;
}

.topic-bar--news .topic-bar__link::after {
	background-color: #235bae;
}

.topic-bar__list {
	padding: 0 10px;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	column-gap: 16px;
	row-gap: 4px;
}

.topic-bar__item {
	display: flex;
	gap: 4px;
	position: relative;
	height: 25px;
	text-transform: capitalize;
	font-family: "IBM Plex Sans", sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 144%;
	transition: transform 200ms ease-out;
}

.topic-bar__item:active {
	transform: translateY(2px);
}

.topic-bar__item--index {
	font-weight: 600;
	color: var(--heading-color);
}

.topic-bar__item--topic {
	font-weight: 500;
	color: var(--text-color);
}

.topic-bar__arrow {
	height: 8px;
	width: 8px;
}

@media screen and (min-width: 40em) {
	.topic-bar__list {
		padding: 8px 20px;
	}
	.topic-bar__item {
		height: 23px;
	}
}
@media screen and (min-width: 64em) {
	.topic-bar {
		border-bottom-width: 4px;
		padding: 8px 0;
	}
	.topic-bar__list {
		padding: 0 20px;
		max-width: 1160px;
		margin: auto;
		column-gap: 20px;
		row-gap: 8px;
	}
	.topic-bar__item {
		gap: 8px;
		height: 25px;
		font-family: "IBM Plex Sans", sans-serif;
		font-weight: 600;
		font-size: 16px;
		line-height: 125%;
	}
	.topic-bar__item--topic {
		font-weight: 500;
	}
	.topic-bar__arrow {
		height: 12px;
		width: 12px;
	}
}
/* Change the following values if you change Foundation's version */
/* Change the following values if you change Foundation's version */
.quicksearch-pannel .grid {
	display: -ms-grid;
	display: grid;
}
@supports (grid-gap: 0.625rem) {
	.quicksearch-pannel .grid {
		grid-gap: 0.625rem;
	}
}
@media screen and (min-width: 40em) {
	.quicksearch-pannel .grid {
		margin-right: 1.25rem;
		margin-bottom: 1.25rem;
	}
	@supports (grid-gap: 1.25rem) {
		.quicksearch-pannel .grid {
			grid-gap: 1.25rem;
			margin-right: 0;
			margin-bottom: 0;
		}
	}
}
.quicksearch-pannel .row.grid::after,
.quicksearch-pannel .row.grid::before {
	-ms-grid-row: 1;
	grid-row: 1;
	-ms-grid-column: 1;
	grid-column: 1;
}

/* Change the following values if you change Foundation's version */
/* SCSS file for cards */
@media screen and (min-width: 40em) {
	@supports (grid-gap: 1.25rem) {
	}
	@supports (grid-gap: 1.25rem) {
	}
}

@media screen and (min-width: 40em) {
	.show-for-small-only {
		display: none !important;
	}
}

.masthead {
	font-family: "IBM Plex Sans", sans-serif;
	margin: 0 auto;
	background: #eeecec;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	z-index: 99994;
	/* nav-header: Top part of masthead RTE logo and Icons  */
	/* Menu icon, Search and more */
	/* End of top masthead*/
	/* Global Nav */
}
.masthead *,
.masthead *::after,
.masthead *::before {
	box-sizing: border-box;
}
.masthead .row {
	max-width: 1160px;
}
.masthead .row {
	padding-left: -1.25rem;
	padding-right: -1.25rem;
}
.masthead .col {
	position: relative;
	vertical-align: bottom;
	display: inline-block;
}
.masthead .nav-header {
	position: relative;
	display: table;
	max-width: 100%;
	padding: 0.375rem 0;
}
@media screen and (min-width: 40em) {
	.masthead .nav-header {
		background: #eeecec;
		padding: 1.125rem 0;
	}
}
.masthead .nav-header > div {
	display: inline-block;
	vertical-align: bottom;
	margin-bottom: 0;
}
@supports (position: unset) {
}
.masthead #primary-nav {
	max-width: 1160px;
	margin: 0 auto;
	text-align: center;
}
.masthead #primary-nav ul {
	border-top: 1px solid #dbd9d4;
	display: flex;
	flex-wrap: wrap;
}
@media screen and (min-width: 40em) {
	.masthead #primary-nav ul {
		display: inline-block;
	}
}
.masthead #primary-nav ul li {
	padding: 0.5rem 0.5rem;
}
.masthead #primary-nav ul li.weather-link a {
	display: flex;
	align-items: center;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	.masthead #primary-nav ul li.business-nav-item {
		display: none;
	}
}
@media screen and (max-width: 39.9375em) {
	.masthead #primary-nav ul li {
		border-bottom: #dbd9d4 1px solid;
	}
}
@media screen and (max-width: 63.9375em) {
	.masthead #primary-nav ul li {
		padding: 0.4375rem 0.4375rem;
	}
}
@media screen and (min-width: 40em) {
	.masthead #primary-nav ul {
		border-top: none;
		padding: 0.375rem 0.625rem;
	}
	.masthead #primary-nav ul li.weather-link {
		display: none;
	}
}
@media screen and (min-width: 64em) {
	.masthead #primary-nav ul {
		padding: 0;
	}
	.masthead #primary-nav ul li {
		padding-top: 0.4375rem;
		padding-bottom: 0.4375rem;
	}
}
@media screen and (min-width: 64em) {
	.masthead #primary-nav {
		height: 42px;
	}
}
.masthead #compact-nav {
	background-color: #ffffff;
	position: initial; /* Make it stick/fixed */
	top: -50px; /* Stay on top */
	width: 100%; /* Full width */
	transition: top 0.3s, visibility 0.3s;
	/* Transition effect when sliding down (and up) */
	z-index: 99998;
	height: 0;
}
@media screen and (min-width: 40em) {
	.masthead #compact-nav {
		height: 40px;
		padding: 0;
	}
}
.masthead #compact-nav .col:first-child {
	display: flex;
}
.masthead #compact-nav nav {
	overflow: hidden;
}
.masthead #compact-nav .nav-header {
	padding: 0;
	background: #ffffff;
	display: block;
}
.masthead #compact-nav .nav-header .col {
	padding: 0;
	margin-bottom: 0;
}
@media screen and (min-width: 40em) {
	.masthead #compact-nav .nav-header {
		height: 40px;
	}
	.masthead #compact-nav .nav-header ul {
		height: 42px;
	}
}
.masthead .secondary-nav-container {
	background: #ffffff;
	overflow: hidden;
	max-height: 0;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	transition: max-height 0.5s, opacity 0.5s, visibility 0.5s;
}
.masthead .secondary-nav-container .nav-header-more {
	--weather-filter: brightness(0);
}
@media screen and (min-width: 40em) {
	.masthead .secondary-nav-container .nav-header-more:before,
	.masthead .secondary-nav-container .nav-header-more:after {
		content: "";
		display: block;
		height: 26px;
	}
}
@media screen and (max-width: 39.9375em) {
	.masthead .secondary-nav-container .nav-header-more .menu-heading {
		padding: 0.5rem 0.4375rem;
	}
	.masthead
		.secondary-nav-container
		.nav-header-more
		.menu-heading
		.sub-nav-menu-label-btn {
		display: inline-block;
		all: unset;
	}
	.masthead
		.secondary-nav-container
		.nav-header-more
		.menu-heading
		.sub-nav-menu-label-btn:focus {
		outline: revert;
	}
	.masthead .secondary-nav-container .nav-header-more .columns {
		padding: 0;
		border-bottom: #dbd9d4 1px solid;
	}
}
@media screen and (max-width: 39.9375em) and (min-width: 40em) {
	.masthead .secondary-nav-container .nav-header-more {
		height: 0;
		display: none;
		visibility: hidden;
	}
}
.masthead .secondary-nav-container .menu-heading .sub-nav-menu-label-btn {
	display: none;
}
.masthead .primary-nav {
	margin: auto;
	position: relative;
}
.masthead .primary-nav .primary-nav__list {
	margin: 0;
	list-style: none;
	padding: 0;
}
@media screen and (max-width: 63.9375em) {
	.masthead .primary-nav .primary-nav__list {
		width: 100%;
	}
}
.masthead .primary-nav .primary-nav__list .primary-nav__item {
	float: left;
	width: 100%;
	text-align: left;
}
@media screen and (min-width: 40em) {
	.masthead .primary-nav .primary-nav__list .primary-nav__item {
		width: auto;
	}
}
.masthead
	.primary-nav
	.primary-nav__list
	.primary-nav__item
	.primary-nav__link {
	color: #24221f;
	text-decoration: none;
	font-size: 0.875rem;
	line-height: 1.875rem;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	/* Hover colors */
}
@media screen and (max-width: 63.9375em) {
	.masthead
		.primary-nav
		.primary-nav__list
		.primary-nav__item
		.primary-nav__link {
		text-align: left;
		display: block;
		font-size: 0.75rem;
		line-height: 0.9375rem;
	}
}
@media screen and (min-width: 64em) {
	.masthead
		.primary-nav
		.primary-nav__list
		.primary-nav__item
		.primary-nav__link {
		line-height: 1.875rem;
	}
}
.masthead
	.primary-nav
	.primary-nav__list
	.primary-nav__item
	.primary-nav__link.first {
	padding-left: 0;
}
.masthead
	.primary-nav
	.primary-nav__list
	.primary-nav__item
	.primary-nav__link:hover {
	color: #8f897c;
}
.masthead
	.primary-nav
	.primary-nav__list
	.primary-nav__item
	.primary-nav__link.news-nav-item:hover {
	color: #005ab4;
}
.masthead
	.primary-nav
	.primary-nav__list
	.primary-nav__item
	.primary-nav__link.sport-nav-item:hover {
	color: #2e9fd4;
}
.masthead
	.primary-nav
	.primary-nav__list
	.primary-nav__item
	.primary-nav__link.entertainment-nav-item:hover {
	color: #e44f7d;
}
.masthead
	.primary-nav
	.primary-nav__list
	.primary-nav__item
	.primary-nav__link.lifestyle-nav-item:hover {
	color: #e68313;
}
.masthead
	.primary-nav
	.primary-nav__list
	.primary-nav__item
	.primary-nav__link.culture-nav-item:hover {
	color: #5832a8;
}
.masthead
	.primary-nav
	.primary-nav__list
	.primary-nav__item
	.primary-nav__link.business-nav-item:hover {
	color: #005ab4;
}
.masthead
	.primary-nav
	.primary-nav__list
	.primary-nav__item
	.primary-nav__link.tv-nav-item:hover {
	color: #00a1ad;
}
.masthead
	.primary-nav
	.primary-nav__list
	.primary-nav__item
	.primary-nav__link.player-nav-item:hover,
.masthead
	.primary-nav
	.primary-nav__list
	.primary-nav__item
	.primary-nav__link.radio-nav-item:hover {
	color: #ff0135;
}
.masthead
	.primary-nav
	.primary-nav__list
	.primary-nav__item
	.primary-nav__link.radio-nav-item:hover {
	color: #ff0135;
}
.masthead
	.primary-nav
	.primary-nav__list
	.primary-nav__item
	.primary-nav__link.gaeilge-nav-item:hover {
	color: #00a1ad;
}

.masthead #searchbox {
	max-height: 0;
	overflow: hidden;
	background: #dbd9d4;
	opacity: 0;
	transition: visibility 0.5s, height 0.5s, max-height 0.5s, opacity 0.5s;
	visibility: hidden;
}
.masthead #searchbox.searchbox-global {
	position: relative;
	width: 100%;
	z-index: 100000;
}
.masthead #searchbox .columns {
	text-align: center;
}

form.quicksearch .icon.dotie-icon_search {
	color: #8f897c;
	font-size: 1.5625rem;
	top: 50%;
	left: 5px;
	transform: translateY(-50%);
	position: absolute;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	form.quicksearch .icon.dotie-icon_search {
		position: relative;
		left: 40px;
		top: 4px;
	}
}
@media screen and (min-width: 64em) {
	form.quicksearch .icon.dotie-icon_search {
		position: relative;
		font-size: 2.0625rem;
		left: 50px;
		top: 7px;
	}
}
form.quicksearch input {
	background: #ffffff;
	border: 1px solid #bcb8b0;
	box-sizing: border-box;
	border-radius: 5px;
	font-family: "IBM Plex Sans", sans-serif;
	font-weight: 400;
	width: 100%;
	height: 36px;
	padding-left: 1.875rem;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 1rem;
	line-height: 1.625rem;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	form.quicksearch input {
		width: 600px;
		height: 42px;
		margin-top: 40px;
		margin-bottom: 40px;
		padding-left: 2.5rem;
		font-size: 1.125rem;
		line-height: 1.875rem;
	}
}
@media screen and (min-width: 64em) {
	form.quicksearch input {
		width: 764px;
		height: 67px;
		margin-top: 40px;
		margin-bottom: 40px;
		padding-left: 3.4375rem;
		font-size: 1.5rem;
		line-height: 2.25rem;
	}
}
form.quicksearch button {
	background-color: #00a1ad;
	font-weight: 600;
	margin: 20px auto;
	cursor: pointer;
	text-transform: capitalize;
	display: none;
}
form.quicksearch button:hover {
	background-color: #00666e;
}
@media screen and (max-width: 63.9375em) {
	form.quicksearch button {
		font-size: 1.125rem;
		padding: 0.4375rem 0.5625rem 0.5625rem;
	}
	form.quicksearch button span {
		width: 125px;
		height: 30px;
	}
}
@media screen and (max-width: 39.9375em) {
	form.quicksearch button {
		font-size: 0.9375rem;
		padding: 0.5rem;
	}
}

.quicksearch-pannel {
	padding-left: 1.25rem;
	padding-right: 0.625rem;
}
@media screen and (max-width: 39.9375em) {
	.quicksearch-pannel {
		padding-left: 0.625rem;
	}
}
.quicksearch-pannel .grid {
	grid-template-columns: 1fr 1fr;
}
.quicksearch-pannel .grid::before,
.quicksearch-pannel .grid::after {
	display: none;
}
@media screen and (max-width: 39.9375em) {
	.quicksearch-pannel .grid {
		grid-template-columns: 1fr;
	}
}
.search-block {
	position: fixed;
	background-color: white;
	opacity: 0;
	z-index: 99993;
	top: 300px;
	left: 0;
	height: 0;
	transition: height 0s 1s;
}

.searchbox-container {
	position: relative;
}

@media screen and (max-width: 39.9375em) {
	.hide-for-mobile {
		display: none !important;
	}
}

/* Change the following values if you change Foundation's version */
@keyframes blinker {
	from {
		opacity: 0.5;
	}
	to {
		opacity: 1;
	}
}

/* Change the following values if you change Foundation's version */
/* Change the following values if you change Foundation's version */

/* Change the following values if you change Foundation's version */
/*
The homepage reuses existing panels but will contains mixed content from the various other pillars.
This mixin overrides existing CSS to add the vairious pillar colors */

/* Main Article */

article.rte-article {
	font-family: "IBM Plex Sans", sans-serif;
	background: #fff;
	padding-top: 5px;
	border-bottom: 1px solid #dbd9d4;
	/* end figure */
	/* Tags at the foot of the page */
	/* End Tags */
}
@media screen and (min-width: 40em) {
	article.rte-article {
		padding-top: 0;
	}
}
article.rte-article h2,
article.rte-article h3 {
	font-family: "IBM Plex Sans", sans-serif;
	font-weight: 600;
}
article.rte-article h2 {
	font-size: 1.3em;
}
@media screen and (min-width: 64em) {
	article.rte-article h2 {
		font-size: 1.5em;
	}
}
article.rte-article h3 {
	font-size: 1em;
}
@media screen and (min-width: 40em) {
	article.rte-article h3 {
		font-size: 1.17em;
	}
}
article.rte-article b,
article.rte-article strong {
	font-weight: 600;
}
article.rte-article .headline {
	font-family: "IBM Plex Sans", sans-serif;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.875rem;
	margin: 0;
}
@media screen and (min-width: 40em) {
	article.rte-article .headline {
		line-height: 2.5rem;
	}
}
@media screen and (min-width: 64em) {
	article.rte-article .headline {
		font-size: 2.25rem;
	}
}
article.rte-article .falsecap {
	color: #59554c;
	text-transform: none;
	margin: 0;
	padding-bottom: 0.25rem;
	font-family: "IBM Plex Sans", sans-serif;
	font-weight: 400;
	font-size: 0.75rem;
	line-height: 0.875rem;
}
@media screen and (min-width: 40em) {
	article.rte-article .falsecap {
		font-size: 0.875rem;
		line-height: 1.125rem;
	}
}
article.rte-article figure {
	position: relative;
	margin: 0;
}
@media screen and (max-width: 39.9375em) {
	article.rte-article figure#main-article-image {
		margin-left: -10px;
		margin-right: -10px;
	}
	article.rte-article figure#main-article-image figcaption {
		margin: 0 10px;
	}
}
article.rte-article figure img {
	width: 100%;
}
article.rte-article figure figcaption {
	border-bottom: 1px solid #dbd9d4;
	margin: 0;
	font-size: 15px;
	line-height: 120%;
	font-weight: 600;
	color: rgba(10, 10, 10, 1);

	padding: 0px;
}
@media screen and (min-width: 40em) {
	article.rte-article figure figcaption {
		line-height: 16px;
	}
}
@media screen and (min-width: 64em) {
	article.rte-article figure figcaption {
		font-size: 14px;
		line-height: 18px;
		padding: 6px 0px;
	}
}
article.rte-article .article-meta {
	display: block;
}
article.rte-article .article-meta .columns {
	padding: 6px 0;
}
@media screen and (min-width: 40em) {
	article.rte-article .article-meta .columns {
		padding-top: 31px;
		padding-bottom: 31px;
	}
}
article.rte-article .byline {
	font-size: 14px;
	line-height: 18px;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px solid #dbd9d4;
}
@media screen and (min-width: 64em) {
	article.rte-article .byline {
		font-size: 16px;
		line-height: 20px;
	}
}
article.rte-article .byline .article-meta {
	display: table-cell;
	vertical-align: middle;
}
@media screen and (min-width: 64em) {
	article.rte-article .byline .article-meta {
		height: auto;
	}
}
article.rte-article .byline-link {
	display: inline-block;
	color: #000;
	padding-top: 0;
}
article.rte-article .byline-link.comma:after {
	content: ",";
	margin-left: -4px;
}
article.rte-article .byline-link.and:before {
	content: "and";
}
article.rte-article .author_lite.authors {
	margin-top: 10px;
	margin-bottom: 10px;
}
article.rte-article .author_lite.no-sponsor {
	display: flex;
	align-items: center;
}
@media screen and (min-width: 40em) {
	article.rte-article .author_lite {
		float: left;
		width: 50%;
		display: table;
	}
	article.rte-article .author_lite.no-sponsor {
		width: auto;
	}
}
article.rte-article .modified-date {
	color: #6d7278;
	font-size: 0.75rem;
	line-height: 0.875rem;
}
@media screen and (min-width: 40em) {
	article.rte-article .modified-date {
		line-height: 1rem;
	}
}
@media screen and (min-width: 64em) {
	article.rte-article .modified-date {
		font-size: 0.875rem;
		line-height: 1.5rem;
	}
}
article.rte-article .columns.social-btn-container {
	padding: 1rem 0;
}
@media screen and (min-width: 40em) {
	article.rte-article .columns.social-btn-container {
		text-align: right;
	}
}
@media screen and (max-width: 39.9375em) {
	article.rte-article .columns.social-btn-container {
		padding: 0 0 0.25rem 0;
	}
}
article.rte-article .columns.social-btn-container .btn-group {
	display: inline-block;
}
article.rte-article .columns.social-btn-container .btn-group .icon {
	width: 30px;
	height: 30px;
	line-height: 30px !important;
	font-size: 2.5rem !important;
}
article.rte-article
	.columns.social-btn-container
	.btn-group
	.icon:not(.whatsapp2) {
	color: #fff !important;
}
article.rte-article
	.columns.social-btn-container
	.btn-group
	.icon.facebook:before {
	margin-left: -5px;
}
article.rte-article .columns.social-btn-container .btn-group .icon.twitter {
	font-size: 30px !important;
}
article.rte-article .columns.social-btn-container .btn-group .icon.whatsapp2 {
	font-size: 55px !important;
	margin-top: 0;
	height: 28px;
	width: 28px;
	line-height: 28px !important;
}
article.rte-article .columns.social-btn-container .btn-group .icon.linkedin {
	font-size: 37px !important;
	line-height: 28px !important;
}
article.rte-article .columns.social-btn-container .btn-group .icon.envelope {
	font-size: 24px !important;
	background: #bcb8b0;
}
article.rte-article
	.columns.social-btn-container
	.btn-group
	.icon.envelope:before {
	margin-left: 3px !important;
}
article.rte-article .columns.social-btn-container .btn-group .icon.facebook {
	background: #3b5997;
}
article.rte-article .columns.social-btn-container .btn-group .icon.twitter {
	background: black;
}
article.rte-article .columns.social-btn-container .btn-group .icon.whatsapp2 {
	background: #fff;
}
article.rte-article .columns.social-btn-container .btn-group .icon.linkedin {
	background: #007cbb;
}
article.rte-article .columns.social-btn-container .btn-group .icon.envelope {
	background: #bcb8b0;
}
article.rte-article
	.columns.social-btn-container
	.btn-group
	.icon.dotie-icon_print {
	display: block;
}
article.rte-article
	.columns.social-btn-container
	.btn-group
	.icon-link:has(.icon.dotie-icon_print) {
	display: none;
}
@media screen and (min-width: 64em) {
	article.rte-article
		.columns.social-btn-container
		.btn-group
		.icon-link:has(.icon.dotie-icon_print) {
		display: revert;
	}
}
@media screen and (min-width: 40em) {
	article.rte-article .main-article-row {
		margin-left: auto;
		margin-right: auto;
		padding: 20px 10px 0;
	}
}
@media screen and (max-width: 39.9375em) {
	article.rte-article .main-article-row {
		margin-top: 0;
	}
}
article.rte-article .article-footer {
	display: block;
	float: none;
	padding: 0;
}
@media screen and (min-width: 40em) {
	article.rte-article .article-footer {
		padding: 0 32px;
	}
}
@media screen and (min-width: 64em) {
	article.rte-article .article-footer {
		max-width: 1160px;
		margin-top: 33px;
		margin-left: auto;
		margin-right: auto;
	}
}
article.rte-article .tags-container {
	margin-top: 25px;
	margin-bottom: 30px;
}
@media screen and (min-width: 40em) {
	article.rte-article .tags-container {
		margin-bottom: 40px;
	}
}
article.rte-article .tags-container ul.tags {
	display: inline-block;
	width: 100%;
	margin: 0;
}
article.rte-article .tags-container ul.tags li {
	display: inline-block;
	float: left;
	margin-right: 5px;
}
article.rte-article .tags-container ul.tags li a {
	display: block;
	float: left;
	color: #000000;
	padding: 0 0.3125rem 0 0;
	border-right: 1px solid #bcb8b0;
	font-weight: 600;
}
@media screen and (max-width: 39.9375em) {
	article.rte-article .tags-container ul.tags li a {
		font-size: 0.875rem;
		line-height: 1.125rem;
	}
}
@media screen and (min-width: 40em) {
	article.rte-article .tags-container ul.tags li a {
		line-height: 1.25rem;
	}
}
article.rte-article .tags-container ul.tags li:last-child a {
	border: 0;
}

.rte-email-signup-container {
	margin: 0;
	border-top: 1px solid #dbd9d4;
	background-color: #fff;
}

.panel {
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
}
@media screen and (min-width: 64em) {
	.panel {
		padding-top: 20px;
		padding-bottom: 20px;
	}
}
.panel a {
	display: block;
	color: black;
	width: 100%;
}

@supports (grid-gap: 1.25rem) {
}
@media screen and (min-width: 40em) {
	@supports (grid-gap: 1.25rem) {
	}
}
@supports (grid-gap: 1.25rem) {
}
@supports (grid-gap: 1.25rem) {
}
@media screen and (min-width: 40em) {
	@supports (grid-gap: 1.25rem) {
	}
}
@media screen and (min-width: 40em) {
	@supports (grid-gap: 1.25rem) {
	}
	@supports (grid-gap: 1.25rem) {
	}
}

.panel-top-stories
	.top-story-wrapper:has(.related_article)
	.article-parent
	.leadin,
.panel.panel-top-stories-news
	.top-story-wrapper:has(.related_article)
	.article-parent
	.leadin {
	margin-bottom: 10px;
}

.panel-special-event
	.panel-body
	.cover-image-container:has(~ .blur-container .main-article-container:hover) {
	transform: scale(1.018);
}

:root {
	--blink-animation: blinker 1.5s linear 0s infinite alternate forwards;
	--blink-cursor: pointer;
}

.panel-author .byline:not(:has(.byline-image-container)) .meta {
	padding: 0;
}

@media screen and (min-width: 40em) {
	@supports (grid-gap: 1.25rem) {
	}
	@supports (grid-gap: 1.25rem) {
	}
}

.advert {
	text-align: center;
	margin: auto;
}
.advert.skin {
	position: absolute;
	width: 1px;
	height: 1px;
}

@media screen and (max-width: 63.9375em) {
	#main_inner {
		height: auto !important;
	}
}

footer.rte-global-footer,
.nav-header-more {
	background-color: #ffffff;
	height: auto;
	width: 100%;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
footer.rte-global-footer *,
footer.rte-global-footer *::after,
footer.rte-global-footer *::before,
.nav-header-more *,
.nav-header-more *::after,
.nav-header-more *::before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
footer.rte-global-footer .row {
	position: relative;
	max-width: 1160px;
}
@media screen and (min-width: 40em) {
	footer.rte-global-footer .more-links {
		padding-top: 2rem;
	}
}
@media screen and (max-width: 39.9375em) {
	footer.rte-global-footer .more-links > .columns {
		padding: 0;
	}
}
footer.rte-global-footer .more-links .social-btn-container {
	margin: 23px 0;
}
footer.rte-global-footer p:not(.cookie-text) {
	font-size: 0.75rem;
	font-family: "IBM Plex Sans", sans-serif;
	color: #24221f;
	font-weight: normal;
}
@media screen and (min-width: 40em) {
	footer.rte-global-footer p:not(.cookie-text) {
		font-size: 0.875rem;
	}
}
footer.rte-global-footer .footer-logo {
	display: block;
	font-size: 3.8em;
	color: #24221f;
	text-decoration: none;
	float: left;
	height: 60px;
	width: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media screen and (max-width: 39.9375em) {
	footer.rte-global-footer .footer-logo {
		float: none;
		height: 47px;
	}
}
footer.rte-global-footer .menu-heading,
.nav-header-more .menu-heading {
	font-family: "IBM Plex Sans", sans-serif;
	font-weight: 600;
	color: #292724;
	font-size: 0.75rem;
	line-height: 0.9375rem;
	padding: 8px 10px;
	margin: 0px 0px;
	text-transform: uppercase;
}
footer.rte-global-footer .menu-heading.youth,
.nav-header-more .menu-heading.youth {
	margin-top: 13px;
}
@media screen and (max-width: 39.9375em) {
	footer.rte-global-footer .menu-heading.youth,
	.nav-header-more .menu-heading.youth {
		margin-top: 0;
	}
}
footer.rte-global-footer .menu-heading .sub-nav-menu-label-btn,
.nav-header-more .menu-heading .sub-nav-menu-label-btn {
	display: none;
}
@media screen and (max-width: 39.9375em) {
	footer.rte-global-footer .menu-heading .sub-nav-menu-label-btn,
	.nav-header-more .menu-heading .sub-nav-menu-label-btn {
		display: inline-block;
		all: unset;
	}
	footer.rte-global-footer .menu-heading .sub-nav-menu-label-btn:focus,
	.nav-header-more .menu-heading .sub-nav-menu-label-btn:focus {
		outline: revert;
	}
}
@media screen and (max-width: 39.9375em) {
	footer.rte-global-footer .menu-heading:hover,
	.nav-header-more .menu-heading:hover {
		cursor: pointer;
	}
	footer.rte-global-footer .menu-heading .arrow_,
	.nav-header-more .menu-heading .arrow_ {
		float: right;
		width: 0;
		height: 0;
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		border-left: 5px solid #292724;
		margin-top: 3px;
	}
}
@media screen and (min-width: 40em) {
	footer.rte-global-footer .menu-heading,
	.nav-header-more .menu-heading {
		padding: 6px 10px;
		font-size: 0.875rem;
		line-height: 1.125rem;
	}
}
footer.rte-global-footer .show-for-medium,
.nav-header-more .show-for-medium {
	display: none;
	clear: both;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	footer.rte-global-footer .show-for-medium,
	.nav-header-more .show-for-medium {
		display: block;
	}
	footer.rte-global-footer .show-for-medium.blank,
	.nav-header-more .show-for-medium.blank {
		height: 25px;
	}
}
footer.rte-global-footer .nav-list,
.nav-header-more .nav-list {
	list-style: none;
	overflow: hidden;
	padding: 0 10px;
	margin: 0;
	max-height: 0;
}
@media screen and (max-width: 39.9375em) {
	footer.rte-global-footer .nav-list,
	.nav-header-more .nav-list {
		background-color: #dbd9d5;
	}
}
@media screen and (min-width: 40em) {
	footer.rte-global-footer .nav-list,
	.nav-header-more .nav-list {
		max-height: 2000px;
		padding: 0 10px 4px;
	}
}
footer.rte-global-footer .nav-list:first-of-type,
.nav-header-more .nav-list:first-of-type {
	margin-bottom: 0;
}
footer.rte-global-footer .nav-list:last-child,
.nav-header-more .nav-list:last-child {
	margin: 0;
	padding-bottom: 0;
}
@media screen and (max-width: 39.9375em) {
	footer.rte-global-footer .nav-list:last-child,
	.nav-header-more .nav-list:last-child {
		display: none;
	}
}
footer.rte-global-footer .nav-list li,
.nav-header-more .nav-list li {
	font-family: "IBM Plex Sans", sans-serif;
	font-weight: 400;
	font-size: 0.75rem;
	line-height: 1.6875rem;
}
@media screen and (max-width: 39.9375em) {
	footer.rte-global-footer .nav-list li,
	.nav-header-more .nav-list li {
		float: left;
		width: 50%;
	}
}
@media screen and (min-width: 40em) {
	footer.rte-global-footer .nav-list li,
	.nav-header-more .nav-list li {
		font-size: 0.875rem;
		line-height: 1.125rem;
		padding: 6px 0;
	}
}
footer.rte-global-footer .nav-list li a,
.nav-header-more .nav-list li a {
	color: #24221f;
	text-decoration: none;
	font-weight: inherit;
}
footer.rte-global-footer .nav-list li a:hover,
.nav-header-more .nav-list li a:hover {
	text-decoration: underline;
}
footer.rte-global-footer .social-btn-container {
	float: left !important;
}
footer.rte-global-footer .disclaimer {
	background: #eeecec;
	text-align: left;
	padding: 0.625rem 0 0.625rem 0;
}
@media screen and (min-width: 40em) {
	footer.rte-global-footer .disclaimer .columns {
		padding-left: 20px;
		padding-right: 20px;
	}
}
footer.rte-global-footer .copyright {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 60px;
}
@media screen and (max-width: 39.9375em) {
	footer.rte-global-footer .copyright {
		margin: 15px 0;
	}
}
footer.rte-global-footer .copyright__message {
	margin: 0;
	padding-left: 16px;
}
@media screen and (max-width: 39.9375em) {
	footer.rte-global-footer .copyright__message {
		padding: 0;
	}
}
footer.rte-global-footer .btn-group {
	display: inline-block;
	margin-top: 0;
	padding: 0 10px;
}
@media screen and (min-width: 40em) {
	footer.rte-global-footer .btn-group {
		padding: 12px 10px 12px 10px;
	}
}
footer.rte-global-footer .btn-group li {
	display: inline-block;
}
footer.rte-global-footer .btn-group span {
	color: #ffffff;
	margin: 0 0.4rem !important;
	display: inline-block;
	cursor: pointer;
	text-align: left;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	float: left;
	background: #6f6f6f;
	font-style: normal;
	line-height: 2rem;
	font-size: 1.8rem;
	position: relative;
}
@media screen and (min-width: 40em) {
	footer.rte-global-footer .btn-group span {
		margin: 0 1rem;
	}
}
footer.rte-global-footer .btn-group span.facebook {
	font-size: 41px;
	line-height: 33px;
}
footer.rte-global-footer .btn-group span.facebook:before {
	margin-left: -6px;
}
footer.rte-global-footer .btn-group span.twitter {
	line-height: 33px;
	margin-left: 0 !important;
}
footer.rte-global-footer .btn-group span.twitter:before {
	margin-top: 6px;
}
footer.rte-global-footer .btn-group span.linkedin {
	line-height: 27px;
	font-size: 37px;
}
footer.rte-global-footer .btn-group span.linkedin:before {
	margin-left: -3px;
}
footer.rte-global-footer .btn-group span.youtube {
	font-size: 46px;
	line-height: 31px;
}
footer.rte-global-footer .btn-group span.youtube:before {
	margin-left: -9px;
}

footer.rte-global-footer .weather-widget {
	display: none;
}

@media screen and (max-width: 39.9375em) {
	.hide-for-mobile {
		display: none !important;
	}
}

footer .primary-nav {
	display: none;
}

body .title-30 {
	font-size: 30px !important;
	font-weight: 600;
	line-height: 120%;
}
body .title-24 {
	font-size: 24px !important;
	font-weight: 700;
	line-height: 120%;
}
body .text-18 {
	font-size: 18px;
}
body .text-blue {
	color: rgba(0, 90, 180, 1);
}
body .text-green {
	color: rgba(2, 155, 103, 1);
}
body .base-img {
	max-height: 416px;
	/* min-height: 415px; */
}
article.rte-article .main-article-row {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 40px;
}

.list-with-arrow-blue {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.list-with-arrow-blue li {
	display: flex;
	gap: 12px;
	font-size: 18px;
}
.list-with-arrow-blue li img {
	width: 24px;
	height: 24px;
}

.video-player-wrapper {
	video {
		width: 100%;
	}
}

.expert-opinion {
	border-radius: 8px;
	background: rgba(233, 244, 255, 1);
	padding: 24px;
}

.expert-opinion__title {
	font-size: 24px;
	font-weight: 700;
	color: #000;
	margin: 0px;
}

.expert-opinion__quote {
	font-size: 18px;
	color: #1a1a1a;
	line-height: 160%;
	margin-top: 8px;
}

.expert-opinion__author {
	display: flex;
	align-items: center;
	gap: 12px;
}

.expert-opinion__avatar {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	overflow: hidden;
	flex-shrink: 0;
}

.expert-opinion__avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.expert-opinion__info {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.expert-opinion__name {
	font-size: 18px;
	font-weight: 700;
	color: #000;
}

.expert-opinion__position {
	font-size: 14px;
	color: rgba(0, 0, 0, 1);
	line-height: 100%;
}

.registration-steps-container {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 0;
}

.registration-steps-item {
	display: flex;
	gap: 20px;
	align-items: center;
	padding: 0 0 8px 0;
	border-bottom: 1px solid rgba(23, 103, 206, 0.2);
}

.registration-steps-item:last-child {
	/* border-bottom: none; */
}

.registration-steps-number {
	flex-shrink: 0;
	width: 38px;
	height: 38px;
	background: rgba(23, 103, 206, 1);
	color: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 19px;
	font-weight: 700;
}

.registration-steps-content {
	flex: 1;
	padding-top: 4px;
}

.registration-steps-text {
	font-size: 18px;
	color: #1a1a1a;
	line-height: 1.6;
	margin: 0;
}

.registration-steps-highlight {
	font-weight: 600;
	color: #000;
}

.rg-wrap {
	border: 1px solid rgba(0, 90, 180, 1);
	margin-top: 24px;
	padding: 50px 16px 24px 16px;
	background: #fff;
}
.rg-deadline {
	text-align: center;
}
.rg-deadline__icon {
	display: inline-flex;
	width: 102px;
	align-items: center;
	justify-content: center;
	margin-bottom: 16px;
}

.rg-deadline__title {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 0px;
	line-height: 125%;
	margin-top: 8px;
}
.rg-deadline__sub {
	margin-bottom: 40px;
	color: rgba(0, 0, 0, 1);
	font-size: 18px;
	line-height: 180%;
	margin-top: 8px;
}
.rg-deadline__sub b {
	color: var(--rg-primary);
}

.rg-timer {
	display: flex;
	gap: 18px;
	justify-content: center;
	align-items: flex-start;
	margin: 2px 0 16px;
}
.rg-timer__separator {
	font-size: 32px;
	line-height: 1;
	color: rgba(0, 0, 0, 1);
	margin-top: 8px;
	font-weight: 600;
}
.rg-timer__cell {
	display: grid;
	grid-template-rows: auto auto;
	gap: 8px;
	justify-items: center;
	min-width: 66px;
}
.rg-timer__value {
	display: flex;
	gap: 2px;
	font-variant-numeric: tabular-nums;
	letter-spacing: 0.04em;
}
.rg-timer__digit {
	background: rgba(248, 245, 239, 1);
	min-width: 36px;
	padding: 8px 9.5px;
	text-align: center;
	font-size: 32px;
	font-weight: 800;
	line-height: 120%;
	color: rgba(201, 2, 25, 1);
}
.rg-timer__label {
	font-size: 14px;
	color: rgba(0, 0, 0, 0.63);
	text-transform: uppercase;
	font-weight: 400;
}

.rg-deadline__note {
	margin: 0;
	font-weight: 400;
	font-size: 14px;
	color: rgba(201, 2, 25, 1);
	line-height: 180%;
}

.rg-form {
	border: 1px solid rgba(255, 235, 24, 1);
	border-radius: 4px;
	background: rgba(247, 247, 247, 1);
	padding: 24px;
	margin-top: 16px;
}
article.rte-article .rg-form__title {
	text-align: center;
	font-size: 30px;
	font-weight: 600;
	color: rgba(0, 0, 0, 1);
	margin: 0 0 3px;
}
.rg-form__lead {
	text-align: center;
	color: rgba(51, 51, 51, 1);
	margin: 0;
	font-size: 18px;
	line-height: 180%;
}

.rg-policy {
	display: flex;
	gap: 7px;
	justify-content: center;
	align-items: center;
	margin-top: 8px;
	color: rgba(0, 0, 0, 0.63);
	font-size: 14px;
}

@media (max-width: 1000px) {
	.rg-root {
		border: none;
		border-top: 1px solid rgba(0, 0, 0, 0.1);
	}
	.rg-wrap {
		padding: 24px;
	}

	.rg-timer {
		gap: 4px;
	}
	.rg-timer__digit {
		font-size: 20px;
		padding: 5px 6px;
		max-width: 26px;
		min-width: 26px;
	}

	.rg-timer__separator {
		font-size: 20px;
		margin-top: 6px;
	}
	.rg-timer__label {
		font-size: 9px;
	}

	.rg-form__lead {
		font-size: 14px;
	}
	.rg-policy {
		font-size: 12px;
	}
	.rg-deadline__icon {
		width: 72px;
	}

	body .container-te-email .button {
		padding: 10px !important;
		font-size: 14px !important;
	}
}

.rg-deadline__status {
	border-radius: 999px;
	background: rgba(247, 247, 247, 1);
	width: 100%;
	max-width: 240px;
	margin: 0 auto;
	padding: 8px;
	font-size: 14px;
	font-weight: 700;
}

body .container-te-email {
	max-width: 1160px;
	margin: 0 auto;
	padding: 0 10px;
}
body .container-te-email .button {
	font-size: 18px;
	line-height: 18px;
	font-weight: 600;
	text-align: center;
	background: #005ab4;
	border: none;
	border-radius: 5px;
	padding: 18px 1rem;
	color: #ffffff;
	margin: 0 0 20px;
	cursor: pointer;
	width: auto;
	float: left;
	margin-bottom: 50px;
}
body .container-te-email .button span.img {
	background: url(/img/white-icon-right-arrow.svg) no-repeat;
	width: 17px;
	height: 18px;
	margin-left: 14px;
	float: right;
}
:root {
	--primary-color: #005ab4;
	--primary-color-hover: #003e7d;
}
body.news .primary-color {
	color: #005ab4;
}
body.news .primary-color:hover {
	color: #005ab4;
}

body.news .masthead nav ul li a.current {
	color: #005ab4;
}
body.news article.rte-article p::selection {
	background: #005ab4;
}
body.news article.rte-article p::-moz-selection {
	background: #005ab4;
}
body.news .tags-container ul.tags li a:hover {
	color: #005ab4;
}
.facebook-comments-block {
	width: 100%;
	background-color: #fff;
	padding: 20px;
	border: 1px solid rgba(45, 57, 76, 0.1);
	box-sizing: border-box;
	margin-top: 12px;
	margin-bottom: 32px;
	font-family: "Helvetica", sans-serif;
}

.comments-actions-header {
	display: flex;
	justify-content: space-around;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #f0f2f5;
	flex-wrap: wrap;
	gap: 10px;
}

.action-button {
	text-decoration: none;
	color: #65676b;
	font-size: 14px;
	font-weight: 400;
	line-height: 110%;
	display: flex;
	align-items: center;
	transition: color 0.3s ease;
}
.action-button:first-child {
	color: rgb(18, 155, 247);
}

.action-button:hover {
	color: #050505;
}

.action-button i {
	margin-right: 5px;
	font-size: 1.1em;
}

.comments-meta {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 0.85em;
	color: #65676b;
	margin-bottom: 20px;
}
.comments-meta .comment-sort {
	display: flex;
	align-items: center;
	gap: 3px;
}
.comment-sort .sort-link {
	text-decoration: none;
	color: #65676b;
	margin-left: 5px;

	border: 1px solid rgba(205, 208, 213, 1);
	border-radius: 2px;
	background: rgba(245, 246, 247, 1);
	padding: 5px 8px;
	text-decoration: none !important;
	gap: 4px;
}
.comment-sort .sort-link:hover {
	text-decoration: underline;
}

.comment-input-area {
	display: flex;
	margin-bottom: 20px;
	align-items: flex-start;
}
.user-avatar-placeholder img {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	margin-right: 10px;
	object-fit: cover;
}

.comment-input-wrapper {
	flex-grow: 1;
	position: relative;
	display: flex;
	flex-direction: column;
	border: 1px solid rgba(45, 57, 76, 0.1);
	background: rgb(245, 246, 247);
}

.comment-textarea {
	width: 100%;
	min-height: 71px;
	max-height: 300px;
	padding: 10px;

	box-sizing: border-box;
	resize: vertical;
	font-size: 16px;
	font-weight: 400;
	line-height: 110%;
	color: #050505;
	outline: none;
	border: none;
	border-bottom: 1px solid #ced0d4;
	text-transform: capitalize;
}

.comment-submit-button {
	text-transform: capitalize;
	border: none;
	cursor: pointer;
	background: rgb(71, 119, 222);
	transition: 0.3s ease;
	width: max-content;
	align-self: end;

	color: rgb(255, 255, 255);
	font-size: 12px;
	font-weight: 700;
	line-height: 110%;
	border-radius: 2px;

	padding: 5px 8px;
	opacity: 1;
	margin: 20px;
}

.comment-submit-button:disabled {
	color: #ced0d4;
	cursor: not-allowed;
	background: rgb(161, 179, 213);
}

/* Список комментариев */
.comments-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.comment-item {
	display: flex;
	margin-bottom: 15px;
	position: relative;
}
.comment-item .user-avatar img {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	margin-right: 8px;
	object-fit: cover;
	width: 32px;
	min-width: 32px;
}

.comment-content {
	flex-grow: 1;
}

.comment-bubble {
	background-color: #f0f2f5;
	border-radius: 18px;
	padding: 16px;
	margin-bottom: 5px;
	display: inline-block;
	max-width: 100%;
	word-wrap: break-word;
	width: 100%;
	box-sizing: border-box;
}

.comment-bubble .user-name {
	display: block;
	text-decoration: none;
	margin-right: 5px;
	color: rgb(56, 88, 152);
	font-size: 12px;
	font-weight: 700;
	line-height: 110%;
}
.comment-bubble .user-name:hover {
	text-decoration: underline;
}

.comment-bubble .comment-text {
	color: rgb(0, 0, 0);
	font-size: 12px;
	font-weight: 400;
	line-height: 130%;
	display: inline-block;
	margin-top: 8px;
}

.comment-image {
	max-width: 100%;
	border-radius: 8px;
	margin-top: 8px;
	display: block;
	max-height: 400px;
}

.comment-actions {
	font-size: 0.75em;
	color: #65676b;
	margin-left: 12px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	position: relative;
	z-index: 1;
}

.comment-actions .action-link,
.comment-actions .time {
	text-decoration: none;
	color: #65676b;
	margin-right: 5px;
	cursor: pointer;
}
/*, .comment-actions .reply-button*/
.comment-actions .hide-button {
	display: none;
}
.comment-actions .action-link:hover {
	text-decoration: underline;
}
.comment-actions span {
	margin-right: 5px;
	display: flex;
	align-items: center;
}

.comment-reactions-summary {
	display: flex;
	align-items: center;
	margin-left: auto;
	font-weight: 500;
	color: #65676b;
	font-size: 0.9em;
}

.comment-reactions-summary .count {
	margin-right: 5px;
	color: #65676b;
}

.comment-reactions-summary .reaction-icons img {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	margin-left: -4px;
	border: 1px solid #fff;
	box-sizing: content-box;
	vertical-align: middle;
}

.comment-reactions-summary .reaction-icons img:first-child {
	margin-left: 0;
}

.reaction-palette {
	display: none;
	position: absolute;
	bottom: 100%;
	left: 0;
	transform: translateY(-10px);
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 50px;
	padding: 5px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
	z-index: 10;
	overflow: hidden;
	margin-bottom: 5px;
}

.reaction-palette img {
	width: 45px;
	height: 45px;
	cursor: pointer;
	transition: transform 0.4s ease, filter 0.4s ease;
}

.reaction-palette img:hover {
	transform: scale(1.4);
	filter: brightness(1.1);
}

.view-more-button {
	display: block;
	padding: 16px;
	border-radius: 2px;
	background: rgb(71, 119, 222);
	color: #050505;
	text-align: center;

	color: rgb(255, 255, 255);
	font-size: 14px;
	font-weight: 700;
	line-height: 110%;
	transition: 0.3s ease;
	margin-top: 10px;
	box-sizing: border-box;
}
/* Если нет отступов у комментариев */

.view-more-button:hover {
	opacity: 0.9;
}

/* Футер атрибуции */
.facebook-attribution {
	font-size: 0.7em;
	color: rgb(56, 88, 152);

	margin-top: 20px;
}
.facebook-attribution i {
	margin-right: 3px;
}
.facebook-attribution a {
	color: rgb(56, 88, 152);
	text-decoration: none;
}
.facebook-attribution a:hover {
	text-decoration: underline;
}

/* --- Адаптивность --- */
@media (max-width: 640px) {
	.facebook-comments-block {
		padding: 15px;
		border-radius: 0;
		box-shadow: none;
	}

	.comments-actions-header {
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.action-button {
		font-size: 0.8em;
	}
	.action-button i {
		margin-right: 3px;
	}

	.comments-meta {
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 15px;
	}
	.comment-sort {
		margin-top: 5px;
	}

	.comment-item {
		margin-bottom: 10px;
	}

	.comment-item .user-avatar img {
		width: 28px;
		height: 28px;
		margin-right: 6px;
		min-width: 28px;
	}
	.user-avatar-placeholder img {
		font-size: 28px;
		width: 28px;
		height: 28px;
		margin-right: 6px;
	}

	.comment-bubble {
		padding: 6px 10px;
		border-radius: 16px;
	}
	.comment-bubble .user-name,
	.comment-bubble .comment-text {
		font-size: 0.85em;
	}

	.comment-actions {
		font-size: 0.65em;
		margin-left: 8px;
	}
	.comment-actions span {
		margin-right: 3px;
	}
	.comment-reactions-summary {
		font-size: 0.8em;
	}
	.comment-reactions-summary .reaction-icons img {
		width: 16px;
		height: 16px;
	}
	.reaction-palette img {
		width: 25px; /* Размер иконок в палитре на мобильных */
		height: 25px;
	}

	.view-more-button {
		width: calc(100% - 30px);
		margin-left: 30px;
		font-size: 0.8em;
	}

	.facebook-attribution {
		text-align: center;
		margin-top: 15px;
	}
}
* {
	box-sizing: border-box;
}
.chat-widget-container {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 9999;
	font-family: Arial, sans-serif;
}
.chat-button {
	background-color: #0084ff;
	color: white;
	border: none;
	border-radius: 30px;
	padding: 14px 20px;
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
	display: flex;
	align-items: center;
	gap: 10px;
}
.chat-icon {
	font-size: 20px;
}
.chat-modal {
	position: fixed !important;
	background: white;
	border-radius: 14px;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
	width: 360px;
	height: 480px;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	bottom: 70px;
	right: 20px;
	z-index: 999999 !important;
}
.chat-header {
	background: #0084ff;
	color: white;
	padding: 10px 14px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-shrink: 0;
}
.chat-title {
	font-weight: bold;
	display: flex;
	align-items: center;
	gap: 6px;
}
.chat-close {
	background: transparent;
	border: none;
	color: white;
	font-size: 18px;
	cursor: pointer;
	line-height: 1;
}
.chat-body {
	flex: 1;
	padding: 10px;
	overflow-y: auto;
	background: #fff;
}
.chat-input {
	display: flex;
	border-top: 1px solid #ddd;
	padding: 8px;
	background: #fff;
	flex-shrink: 0;
}
.chat-input textarea {
	flex: 1;
	border: none;
	padding: 10px;
	font-size: 14px;
	resize: none;
	height: 60px;
	line-height: 1.4;
	outline: none;
	box-sizing: border-box;
}
.chat-input button {
	background: #0084ff;
	color: white;
	border: none;
	padding: 10px 15px;
	cursor: pointer;
	border-radius: 8px;
}
.hidden {
	display: none;
}