section.standard-toolbar {
	padding: 20px 0;
	position: relative;
	z-index: 100;
}

section.standard-toolbar .search-bar-container {
	display: flex;
	flex-direction: row;
	gap: 20px;
	align-items: center;
}

section.standard-toolbar .actions-container {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
	flex-wrap: nowrap;
	flex-shrink: 0;
}

section.standard-toolbar .actions-container > * {
	height: 40px;
	padding-top: 0;
	padding-bottom: 0px;
	font-size: var(--font-16);
	white-space: nowrap;
}

section.standard-toolbar .actions-container .btn-standard:not(.has-icon):before,
section.standard-toolbar .social-container .btn-standard:not(.has-icon):before {
	content: "";
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	display: inline-block;
}

section.standard-toolbar .search-container {
	width: auto;
	margin: 0;
	background-color: var(--hl-light-taupe);
	border: 1px solid var(--hl-light-taupe);
	padding: 8px 12px;
	flex-basis: 100%;
	display: flex;
	flex-direction: row;
	gap: 10px;
	align-items: center;
}

section.standard-toolbar .search-container input.search {
	position: static;
	flex-basis: 100%;
	padding: 0;
	font-family: Roobert, sans-serif;
	font-size: var(--font-16);
	color: var(--hl-dark-green);
}

section.standard-toolbar .search-container .btn-search {
	position: static !important;
	left: initial;
	right: initial;
	width: 21px;
	height: 21px;
	background-image: url("/_assets/icon-search-hl-dark-green.png");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-color: transparent;
	cursor: pointer;
}

section.standard-toolbar .actions-container .btn-standard,
section.standard-toolbar .social-container .btn-standard {
	font-family: Roobert, sans-serif;
	font-size: 16px;
	font-weight: 400;
	transition: all 0.2s;
	padding: 8px 18px;
	white-space: nowrap;
}

section.standard-toolbar .actions-container .btn-standard:before,
section.standard-toolbar .social-container .btn-standard:before {
	width: 25px;
	height: 25px;
}

section.standard-toolbar .actions-container .btn-generate-report {
	background-color: var(--hl-light-green);
	border-color: var(--hl-light-green);
	color: var(--hl-dark-green);
}

section.standard-toolbar .actions-container .btn-generate-report:before {
	background-image: url("/_assets/icon-generate-report-hl-dark-green.png"); 
}

section.standard-toolbar .actions-container .btn-generate-report:hover {
	background-color: #ffffff; 
}

section.standard-toolbar .actions-container .btn-my-alerts,
section.standard-toolbar .social-container .btn-my-alerts {
	background-color: var(--hl-dark-green);
	border-color: var(--hl-dark-green);
	color: #ffffff;
}

section.standard-toolbar .actions-container .btn-my-alerts:before,
section.standard-toolbar .social-container .btn-my-alerts:before {
	background-image: url("/_assets/icon-my-alerts-filled-hl-light-green.png");
}

section.standard-toolbar .actions-container .btn-my-alerts:hover,
section.standard-toolbar .social-container .btn-my-alerts:hover {
	background-color: #ffffff;
	color: var(--hl-dark-green);
}

section.standard-toolbar .actions-container .btn-my-alerts:hover:before,
section.standard-toolbar .social-container .btn-my-alerts:hover:before {
	background-image: url("/_assets/icon-my-alerts-filled-hl-dark-green.png");
}

section.standard-toolbar .social-container {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 5px;
}

section.standard-toolbar .social-container ul.share-icons { display: flex; gap: 5px; }
section.standard-toolbar .social-container ul.share-icons li { margin: 0; }

section.standard-toolbar .share-icons.style-2024 button.share-icon,
section.standard-toolbar .share-icons.style-2024 a.share-icon,
section.standard-toolbar .share-popup-v2.style-2024 button.share-icon {
	width: 40px;
	height: 40px;
	background-size: 26px;
}

/*** Side Tool Bar */

section.standard-side-toolbar {
	position: fixed !important;
	bottom: 100px;
	right: 0;
	background-color: transparent !important;
	z-index: 1000;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

section.standard-side-toolbar input[type=button] {
	padding: 14px;
	width: 40px;
	height: 40px;
	background-size: 20px;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	box-shadow: 0 0 0 1px #dedede;
}

section.standard-side-toolbar.style-2024 input[type=button].btn-ask-question,
body.c2024 section.standard-side-toolbar input[type=button].btn-ask-question {
   background-color: var(--hl-dark-green);
   background-image: url("/_assets/icon-question-mark-hl-light-green.png");
   background-size: 15px;
}

section.standard-side-toolbar.style-2024 input[type=button].btn-my-alerts,
body.c2024 section.standard-side-toolbar input[type=button].btn-my-alerts {
   background-color: var(--hl-light-green);
   background-image: url("/_assets/icon-my-alerts-filled-hl-dark-green.png");
}

body:not(.c2024) section.standard-side-toolbar:not(.style-2024) input[type=button].btn-ask-question {
   border-top-left-radius: 22px;
   border-bottom-left-radius: 22px;
   background-image: url("/esg/litigation-guide/_assets/icon-ask-question.png");
   background-color: #C3D544;
}

body:not(.c2024) section.standard-side-toolbar:not(.style-2024) .btn-my-alerts {
   background-image: url("/_assets/icon-my-alerts-yellow-green.png");
   background-size: 22px;
   background-position: center;
   background-repeat: no-repeat;
   background-color: var(--blue);
}

.standard-toolbar-button-icon {
	display: inline-block;
}

.standard-toolbar-button-icon,
.standard-toolbar-button-hover-icon {
	width: 25px;
	height: 25px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

section.standard-toolbar .actions-container a.has-hover-icon .standard-toolbar-button-hover-icon {
	display: none;
}

section.standard-toolbar .actions-container a.has-icon.has-hover-icon:hover .standard-toolbar-button-icon {
	display: none;
}

section.standard-toolbar .actions-container a.has-icon.has-hover-icon:hover .standard-toolbar-button-hover-icon {
	display: inline-block; 
}

section.standard-toolbar .mobile {
	display: none;
}


@media (max-width: 740px) {
	section.standard-toolbar .search-bar-container {
		display: grid;
		grid-template-areas: "social social" "search actions";
		grid-row-gap: 20px;
		grid-template-columns: 2fr 1fr;
	}

	section.standard-toolbar .search-container {
		grid-area: search;
	}

	section.standard-toolbar .actions-container {
		grid-area: actions;
	}

	section.standard-toolbar .social-container {
		grid-area: social;
		justify-self: end;
	}

	section.standard-toolbar .mobile {
		display: inline-flex;
		margin-left: 10px;
	}

	section.standard-toolbar .desktop {
		display: none;
	}
}


@media (max-width: 540px) {
	section.standard-toolbar .search-bar-container {
		grid-template-areas: "social" "search" "actions";
		grid-template-columns: 1fr;
	}
}

@media (max-width: 340px) {
	section.standard-toolbar .actions-container {
		flex-direction: column;
		align-items: start;
	}
}