/* Custom CSS for plugins that offer built-in configuration for styling, but not sufficient. Any extra styling can be found in this style sheet.
*/ 

/* -------------------------------------
Plugin: bbPress, and everything community related
----------------------------------------

Styling is done in the custom child theme. The below styles were added later. We can eventually move them to the child theme.

*/

/* Underline links in posts, but no attachment and moderator links. */
.bbp-reply-content > :not(.bbp-head-area, .bbp-admin-links) a:not(.bbp-attachments a),
.bbp-topic-content > :not(.bbp-head-area, .bbp-admin-links) a:not(.bbp-attachments a) {
  text-decoration: underline !important;
}

/* Remove the caption of image attachments, both below the icon and in the lightbox. The caption is the file name (often a random name, or a random GUID assigned by our website) and not useful to display in many cases. */
.bbp-attachments .wp-caption-text>a, .bbp-attachments .wp-caption-text>br, .slbElement .slbCaption {
	display: none !important;
}

/* Make the action links above each thread less prominent. It seems like some people unsubscribe themselves from the thread updates unintentionally. */
.bbpress-wrapper .swiss-action-links a, .swiss-action-links .separator {
	color: var(--dark-grey-2) !important;
}

.bbpress-wrapper .swiss-action-links a {
	font-size: .8em;
}

.bbpress-wrapper div.bbp-topic-content ul {
    margin: 0 15px 32px !important;
}

/* Thread summaries */
.thread-summary {
    display:flex;
    flex-direction: column;
    max-width: 100%;
    width: fit-content;
    margin:var(--margin-xl) 0;
    line-height:1.5;
    padding:var(--margin-s) var(--margin-s) 0;
    border:1px solid var(--global-palette6);
    border-radius:8px;
    background-color:var(--light-blue-4);
}
.thread-summary-title {
    font-weight:bold;
    font-size:var(--font-l);
}
.thread-summary ul {
    list-style:inside !important;
    margin-left:var(--margin-xs) !important;
    font-style:italic;
}
.thread-summary p {
    /*margin:var(--global-xs-spacing) 0;*/
    margin-bottom: var(--margin-l) !important;
    font-style:italic;
}
.thread-summary a {
    text-decoration:underline !important;
}
.thread-summary-keypoints-header {
    font-weight:bold;
    font-size:var(--font-m);
}
.thread-summary-cta {
    margin-top: var(--margin-xl);
    font-weight:bold;
}
.thread-summary-disclaimer {
    font-size: var(--font-s);
    font-style: normal !important;
    color: var(--dark-grey-2);
    align-self: flex-end;
    margin: var(--margin-s) 0 var(--margin-xs);
}
.thread-summary-disclaimer img {
    float: left;
    margin: 3px 5px 0 0;
}

/* -------------------------------------
Plugin: Complianz
----------------------------------------
*/

.cmplz-soft-cookiewall, .cmplz-cookiebanner {
	/* Place the cookie banner on top to prevent it from being hidden behind the sticky footer ad. */
	z-index: 9999999 !important;
}

/* Correct the styling of the cookie banner, because some of our standard styles corrupted this. */
.cmplz-cookiebanner {
  font-family: Roboto, sans-serif !important;
  font-weight: normal;
  line-height: 20px;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
	/* Remove the default capatalization of button text. */
	text-transform: none;
	font-weight: bold !important;
}

/* Hide the button in the page bottom that allows opening the cookie banner manually. We have created another link as an alternative. */
#cmplz-manage-consent .cmplz-manage-consent {
    display: none;
}

/* Message that shows if the user has not given consent that is needed for a service on the page (e.g. a form). */
.cmplz-accept-service {
  box-shadow: none !important;
  text-decoration: underline !important;
  margin-bottom: var(--global-md-spacing) !important;
}

/* 20240613, Arno: make the cookie banner title more prominent. */
.cmplz-cookiebanner .cmplz-title {
	font-weight: bold !important;
}

/* 20240613, Arno: do not display the categories section in the cookie banner. This is needed because the configuration doesn't allow to remove all sections, making the cookie banner too big. */
.cmplz-categories.cmplz-tcf {
	display: none !important;
}

/* Warning message above forms if a visitor has not accepted the privacy terms. */
.ohcc-cmplz-form-accept-service
{
	color: var(--global-palette2);
	font-weight: bold;
}

.ohcc-cmplz-form-accept-service:hover
{
	color: var(--global-palette2-hover);
}

/* -------------------------------------
Plugin: Fluent Forms/FluentCRM
----------------------------------------

20230423: Forms can be styled individually via "Preview & Design" and then saved in a custom template to be re-used in other forms. But those styles are overridden by the Kadence plugins. Alternatively, there is the "Custom CSS" section for each form, but it does not seem to be loaded into the HTML at all. For details, see WP Manage Ninja support ticket #67698.

For now, we'll use these custom styles. The advantage is that it's easy to apply to all forms. The disadvantage is that it is loaded on all pages while only needed if there is a form.

*/

/* Next and Submit button. */
.fluentform .ff-btn-secondary, .fluentform .ff-btn-submit {
	text-transform: uppercase !important;
    font-size: 19px !important;
    /* 20241017, Arno: remove color and stick to default white.
	color: var(--global-palette9) !important;*/
    font-weight: 700 !important;
    border-radius: 6px !important;
    padding: 12px 32px !important;
    margin: 16px 0 0 !important;
    background: var(--global-palette2) !important; /* 20250707, Arno: changed color from --green-1 to --global-palette2. */
}

.fluentform .ff-btn-secondary:hover, .fluentform .ff-btn-submit:hover {
    background: var(--global-palette2-hover) !important; /* 20250707, Arno: changed color from --green-4 to --global-palette2-hover. */
}

.fluentform .ff_submit_btn_wrapper {
	align-items: flex-end;
    display: flex;
}

/* Previous button. */
.fluentform .ff-btn-prev {
    /*color: var(--green-1) !important;
    padding: 12px 24px !important;
	margin: 16px 0 0 !important;
    background: var(--green-2) !important;*/
	/* 20250707, Arno: changed colors to fit with the red "Next" button. */
	color: var(--global-palette2) !important;
    padding: 12px 24px !important;
	margin: 16px 0 0 !important;
	background: var(--white) !important;
	border: solid 2px var(--global-palette2) !important;
}

.fluentform .ff-btn-prev:hover {
	/*background: var(--green-3) !important;*/
	/* 20250707, Arno: changed colors to fit with the red Next button. */
	color: var(--white) !important;
	background: var(--global-palette2) !important;
}

/* 20250707, Arno: added arrows to the Previous and Next buttons. */
.fluentform .ff-btn-secondary::after {
  content: '\27A4';
  margin: 0 0 0 8px;
}
.fluentform .ff-btn-prev::after {
  content: '';
}
.fluentform .ff-btn-prev::before {
  content: '\27A4';
  transform: rotate(180deg);
  display: inline-block;
  transform-origin: center center;
  margin: 0 8px 0 0;
}

/* Dropdown */
.fluentform select {
    cursor: pointer;
}

.fluentform select.ff-el-form-control {
	line-height: normal;
	padding: 6px 15px;
}

/* Required label */
.fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label:after {
	color: var(--global-palette2) !important;
}

/* Error messages */
.fluentform .ff-el-is-error .error.text-danger {
    font-weight: bold;
    font-size: large;
}

/* This custom class is added to FluentForms "Help Message" fields. Example: <span class="ohcc-fluentform-tooltip">My help text.</span> */
.ohcc-fluentform-tooltip {
	font-size: 16px !important;
}

/* Tooltip icon */
.fluentform .ff-el-tooltip svg {
    fill: var(--dark-grey-2) !important;
}

/* Checkbox. Set the font-size equal to the other fields. */
.fluentform .ff-el-form-check-label {
	font-size: 16px !important;
}

/* Arno, 20231021. Margin for checkboxes and radio buttons. */
.fluentform input[type=checkbox], .fluentform input[type=radio] {
	margin: 0 3px 0 0 !important;
}

/* Landing page, e.g. for landing page of the FluentCRM double opt-in e-mail confirmation. */
.ff_landing_page_body {
	border-top-color: var(--global-palette9) !important;
	background-color: var(--global-palette9) !important;
}

/* Success message */
.ff-message-success {
	margin-bottom: 25px;
}

/* Plus/minus icons */
.fluentform .repeat-plus svg, .fluentform .repeat-minus svg {
	fill: var(--global-palette3);
}


/* Dark Theme
----------------------------------------*/

/* Tooltip icon */
.color-switch-dark .fluentform .ff-el-tooltip svg {
	fill: var(--global-palette3) !important;
}

/* All controls */
.color-switch-dark .fluentform .ff-el-form-control, .fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label:after, .color-switch-dark .fluentform .ff_input-group-text {
	color: var(--global-palette3) !important;
}

.color-switch-dark hr, .color-switch-dark .fluentform .ff_input-group-text {
	background-color: var(--dark-blue-1) !important;
}

.color-switch-dark .fluentform .ff-el-form-control, .color-switch-dark .fluentform .ff-el-form-check-label .ff-el-form-check-input {
	border-color: var(--dark-blue-1) !important;
	background-color: unset;
}

.color-switch-dark .fluentform .ff-el-form-control:focus {
	background-color: unset;
    border-color: var(--global-palette-3) !important;
}

/* Date picker */
.color-switch-dark .flatpickr-calendar {
	background: var(--global-palette9);
	box-shadow: 0px 4px 30px 0px rgba(255,255,255,0.15);
}

.color-switch-dark .flatpickr-calendar.arrowTop:before, .color-switch-dark .flatpickr-calendar.arrowTop:after {
	border-bottom-color: var(--global-palette9);
}

.color-switch-dark .flatpickr-calendar span.flatpickr-weekday, .color-switch-dark .flatpickr-calendar .flatpickr-day, .color-switch-dark .flatpickr-current-month input.cur-year, .color-switch-dark .flatpickr-current-month .flatpickr-monthDropdown-months {
	color: var(--global-palette3) !important;
}

.color-switch-dark .flatpickr-calendar .flatpickr-day.nextMonthDay {
	color: var(--dark-blue-1) !important;
}
.color-switch-dark .flatpickr-calendar .flatpickr-day:hover {
	background: var(--dark-blue-1) !important;
    border-color: var(--dark-blue-1) !important;
}

.color-switch-dark .flatpickr-months .flatpickr-prev-month svg, .color-switch-dark .flatpickr-months .flatpickr-next-month svg {
	fill: var(--global-palette3) !important;
}

/* Disabled and read-only controls */
.color-switch-dark .fluentform .ff-el-form-control:disabled, .color-switch-dark .fluentform .ff-el-form-control[readonly]:not(.flatpickr-input) {
	background-color: var(--global-palette8) !important;
    border-color: var(--global-palette8) !important;
}

/* Up/down arrows for numbers. */
.color-switch-dark .fluentform .numInputWrapper:hover {
	background: rgba(255,255,255,0.45) !important;
}

/* -------------------------------------
Plugin: User Registration Pro (account creation and editing)
----------------------------------------

Note: most styling is done in our customized child theme.

*/

/* Fix the position of the "show password" icon on input fields in Firefox. */
@-moz-document url-prefix() {
	.user-registration .password-input-group {
  		display: block;
	}
}

.ur-frontend-form .ur-form-row .ur-form-grid label {
    font-size: inherit !important;
}

#user-registration.vertical .user-registration-MyAccount-navigation {
	background: none !important;
}

#user-registration .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link a {
    padding: 8px 10px !important;
    font-size: 18px !important;
}

/* fix login form appearance after update */

form.user-registration-form.user-registration-form-login.login {
    border: none !important;
    padding: 0 !important;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount), body.user-registration-page .user-registration:not(.user-registration-MyAccount), body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) {
    max-width: none !important;
}
#user-registration .ur-frontend-form .user-registration-form-login .ur-form-row .ur-form-grid > div:has(input[name="login"]) {
	flex-direction: column !important;
    align-items: flex-start !important;
}
#user-registration .ur-frontend-form .user-registration-form-login .ur-form-row .ur-form-grid>div:not(#ur-recaptcha-node) .user-registration-Button {
    background: var(--global-palette-btn-bg) !important;
	border: none !important;
	max-width: fit-content !important;
	font-weight: 700 !important;
}
#user-registration .ur-frontend-form .user-registration-form-login .ur-form-row .ur-form-grid>div:not(#ur-recaptcha-node) .user-registration-Button:hover {
    background: var(--global-palette-btn-bg-hover) !important;
	border: none !important;
}

body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks::before,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks::after {
	display: none !important;
}

body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists.ursc_theme_4 .ursc-login-media {
	width: auto !important;
}

body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists.ursc_theme_4 .ursc-login-media .ursc-login-text, body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists.ursc_theme_4 .ursc-login-media .ursc-login-text {
	line-height: 32px !important;
	font-size: 20px !important;
}

/* fix registration form appearance after update */
/* Arno, 20250719: added ".ur-frontend-form.login" */
body.user-registration-page .user-registration:not(.user-registration-MyAccount), body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount), .ur-frontend-form.login {
    box-shadow: none !important;
    /*border: solid 1px #e1e1e1 !important; 20250526: Arno, removed the border because we added content to the signup page that explains all benefits, and this makes it a cleaner design. */
	/* Arno, 20250719: removed padding because Cloudflare Turnstile caused all input fields to extend beyond the viewport on mobile.
	padding: 34px 24px !important;*/
    padding: 0 !important;
}

/* Arno, 20250719: changed display "flex" to "block" because Cloudflare Turnstile caused all input fields to extend beyond the viewport on mobile. */
#user-registration .ur-frontend-form .ur-form-row {
    display: block !important;
}

body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-button-container .ur-submit-button {
	background: var(--global-palette-btn-bg) !important;
	border: none !important;
	max-width: fit-content !important;
	font-weight: 700 !important;
}

body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-button-container .ur-submit-button:hover {
    background: var(--global-palette-btn-bg-hover) !important;
	border: none !important;
}

/* -------------------------------------
Miscellaneous
----------------------------------------
*/

/* fix missing gap for lang and flag in footer - after update */
footer .wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-horizontal>ul .wpml-ls-native {
	margin-left: 4px !important;
}

/* -------------------------------------
Plugin: WP Social Ninja (testimonials and reviews)
----------------------------------------

20230424: Templates can be styled individually. But some of those styles are overridden somehow, perhaps by the Kadence plugins.

For now, we'll use these custom styles. The advantage is that it's easy to apply to all templates. The disadvantage is that it is loaded on all pages while only needed if there is a review template on the page.

*/

/* Social summary: "x.x Based on x reviews". */
.ohcc-testimonials-group .wpsr-total-rating, .ohcc-testimonials-group .wpsr-total-reviews {
	font-size: 16px !important;
}

/* Write a Review and Load More button. */
.ohcc-testimonials-group .wpsr-write-review, .ohcc-testimonials-group .wpsr-reviews-loadmore span {
	text-transform: uppercase !important;
	/* font-size: 0.8em !important; 20240524, Arno: removed because the styling of the Show More button in the "Reviews" block on the homepage was different after updating plugins. */
    color: var(--green-1) !important;
    font-weight: 700 !important;
    border: 2px solid var(--green-1) !important;
    border-radius: 6px !important;
    padding: 12px 32px !important;
	margin: 0 !important;
    background: var(--global-palette9) !important;
	outline: none !important; /* 20240524, Arno: added because the styling of the Show More button in the "Reviews" block on the homepage was different after updating plugins. */
}

.ohcc-testimonials-group .wpsr-write-review:hover, .ohcc-testimonials-group .wpsr-reviews-loadmore span:hover {
    background: var(--green-1) !important;
    color: var(--global-palette9) !important;
}

.ohcc-testimonials-group .wpsr-business-info-paltforms-url a:hover { /* "paltforms" is a typo in the plugin */
	background-color: var(--global-palette7) !important;
}

/* Load More button. */
.ohcc-testimonials-group .wpsr-reviews-loadmore {
	padding-bottom: 10px;
}

/* Reviewer avatar */
/* Arno 20231018 */
.ohcc-testimonials-group a .wpsr-reviewer-avatar:hover {
	opacity: var(--hover-opacity);
}

/* Background of the reviews. */
.ohcc-testimonials-group .wpsr-review-template {
	border: 1px solid var(--dark-grey-1) !important;
	border-radius: 10px !important;
	box-shadow: none !important;
	webkit-box-shadow: none !important;
}

.ohcc-testimonials-group .wpsr-container {
	margin-bottom: 0 !important;
}

/* Titles of the reviews: user name and review title. */
.ohcc-testimonials-group .wpsr-reviewer-name, .ohcc-testimonials-group .wpsr-review-title {
	font-size: 21px !important;
}

.ohcc-testimonials-group .wpsr-reviewer-name-url {
	margin: 10px 0 !important;
}

/* Arno 20231018 */
.ohcc-testimonials-group a.wpsr-reviewer-name-url span:hover {
	color: var(--global-palette-highlight-alt) !important;
}

/* Facebook "recommends" text. */
.ohcc-testimonials-group .wpsr-recommends {
	justify-content: left !important;
}

/* Content of the reviews. */
.ohcc-testimonials-group .wpsr-review-date {
	margin: 10px 0 10px !important;
}

.ohcc-testimonials-group .wpsr-review-full-content {
	margin-top: 0 !important;
}

/* Review links for Read More and Read Less */
.ohcc-testimonials-group .wpsr_read_more, .ohcc-testimonials-group .wpsr_read_less {
	font-size: 16px !important;
	color: var(--global-palette-highlight) !important;
	text-decoration-color: var(--global-palette-highlight) !important;
}

.ohcc-testimonials-group .wpsr_read_more:hover, .ohcc-testimonials-group .wpsr_read_less:hover {
	color: var(--green-1) !important;
	text-decoration-color: var(--green-1) !important;
}

/* Mobile max. 768px */
@media only screen and (max-width: 768px) {
	.ohcc-testimonials-group {
		padding: 24px 8px !important;
	}
}

/* -------------------------------------
Internal search engine: https://www.myswissalps.com/search/
----------------------------------------

Styling has been done inside the Google Programmable Search Engine: https://programmablesearchengine.google.com/cse/all. We selected the "Full-width" layout and the "Minimalist" theme, and applied various colors and other styling. Any styling that could not be set there, will be done here in this stylesheet.

*/

/* Entire search area */
.gsc-control-cse {
	font-family: "Gill Sans", Corbel, Calibri, Verdana, sans-serif !important;
	border: none !important;
}

/* Search box */
.gsc-control-cse {
    padding: 0 !important;
    margin: 16px 0;
}

.gsc-control-cse .gsc-input input {
	font-size: 20px;
}

.gsc-search-box table table {
	margin: 0;
}

input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
    border-radius: 6px !important;
	background: var(--global-palette9);
    color: var(--global-palette3) !important;
}

table.gsc-search-box td.gsib_a {
    padding: 8px 16px !important;
}

.gsc-control-cse .gsc-input input:focus {
    box-shadow: none;
}

.gsc-input-box .gsst_a {
    padding: 0 8px;
}

.gsc-input-box .gsst_a span.gscb_a {
    line-height: 48px;
}

.gsc-search-box .gsc-input-box {
    border: 1px solid #dadbdd;
    background: none;
}

table.gsc-search-box td.gsc-input {
    padding-right: 0 !important;
}

/* Search button */
.gsc-control-cse .gsc-search-button button {
    border-radius: 6px !important;
    padding: 14px 32px !important;
    margin: 0 0 0 12px;
}

.gsc-control-cse .gsc-search-button button:hover {
	border-color: var(--green-4) !important;
	background: var(--green-4) !important;
}

.gsc-control-cse .gsc-search-button button svg {
	width: 20px !important;
	height: 20px !important;
}

/* Remove the border from the area above the search results. */
.gsc-control-cse .gsc-above-wrapper-area {
	border: none !important;
}

/* Info text: "About x results (x.x seconds)" */
.gsc-control-cse .gsc-result-info {
	color: var(--dark-grey-2) !important;
	font-size: 16px !important;
}

/* "Sort by" label and dropdown */
.gsc-control-cse .gsc-orderby-label, .gsc-control-cse .gsc-selected-option-container, .gsc-control-cse .gsc-option-menu {
	color: var(--global-palette3) !important;
	font-size: 16px !important;
}

.gsc-control-cse .gsc-selected-option-container {
	border-radius: 6px !important;
}

/* "Sort by" button */
.gsc-selected-option-container.gsc-inline-block {
    border: 1px solid var(--dark-grey-1);
    border-radius: 4px !important;
    background: var(--global-palette9);
    box-shadow: none;
    height: 32px;
	line-height: 30px;
	padding: 0 30px 0 10px;
	max-width: 95%;
}

.gsc-control-cse .gsc-option-selector {
    right: 8px !important;
    top: 14px !important;
}

/* "Sort by" dropdown */
.gsc-control-cse .gsc-option-menu {
    top: 35px !important;
}

.gsc-option-menu-item {
    color: var(--global-palette3) !important;
    padding: 0 16px !important;
}

.gsc-control-cse .gsc-option-menu {
    background: var(--global-palette9) !important;
    box-shadow: 0px 4px 20px 0px rgba(44,51,69,0.2) !important;
    border: none !important;
    border-radius: 6px !important;
	width: 119px;
}

.gsc-option-menu-item-highlighted {
    background-color: unset !important;
}

/* Margin to have a bit of space between search results/box and the footer. */
.gsc-results-wrapper-nooverlay {
	margin-bottom: 50px;
}

/* Search result row */
.gsc-control-cse .gsc-result {
	margin: 16px 0 !important;
	padding: 0 !important;
}

.gs-webResult.gs-result {
    padding: 6px;
}

.gsc-control-cse .gsc-result .gs-webResult.gs-result:not(.gs-no-results-result):hover {
	background-color: var(--global-palette7) !important;
	border-radius: 6px !important;
}

/* Search result title */
.gsc-control-cse .gs-title, .gsc-control-cse .gs-title b {
	font-size: 24px !important;
	font-weight: bold !important;
	text-decoration: underline !important;
}

/* Search result URL/breadcrumb */
.gsc-control-cse .gs-visibleUrl {
	font-size: 16px !important;
}

/* Search result snippet */
.gs-no-results-result .gs-snippet, .gs-error-result .gs-snippet {
	font-size: 18px !important; /* 20px somehow is too big here, even though that's out default font-size. */
	background-color: var(--global-palette8) !important;
	border: none  !important;
    display: block  !important;
    margin: 0  !important;
    padding: 12px  !important;
    text-align: center  !important;
    border-radius: 6px  !important;
    font-weight: bold  !important;
}

.gsc-results .gs-spelling a {
	color: var(--global-palette-highlight);
}

.gsc-results .gs-spelling a:hover {
	color: var(--green-1);
}

/* Pagination */
.gsc-results .gsc-cursor {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px 4px;
}

.gsc-control-cse .gsc-cursor-box {
	text-align: center !important;
	margin: 40px 0 !important;
}

.gsc-control-cse .gsc-cursor .gsc-cursor-page {
	border: 1px solid var(--dark-grey-1) !important;
    border-radius: 7px !important;
    color: var(--dark-grey-2) !important;
    padding: 12px 22px !important;
    font-size: 18px !important;
    margin-right: 8px !important;
}

.gsc-control-cse .gsc-cursor .gsc-cursor-page:hover {
	border: 1px solid var(--dark-grey-2) !important;
	text-decoration: none !important;
}

.gsc-control-cse .gsc-cursor .gsc-cursor-current-page, .gsc-control-cse .gsc-cursor .gsc-cursor-current-page:hover {
	background: var(--global-palette7) !important;
	border-color: transparent !important;
}

/* Link to Google */
.gsc-control-cse .gcsc-more-maybe-branding-root {
	visibility: hidden !important;
	display: none !important;
}

/* Dark Theme
----------------------------------------*/

/* Entire search area, results area, individual results */
.color-switch-dark .gsc-control-cse, .color-switch-dark .gsc-control-cse .gsc-results, .color-switch-dark .gsc-control-cse .gsc-result {
	background-color: var(--global-palette9) !important;
}

.color-switch-dark .gsc-control-cse .gsc-result {
	border-color: var(--global-palette9) !important;
}

.color-switch-dark .gs-spelling {
	color: var(--global-palette3);
}

.color-switch-dark .gsc-search-box .gsc-input-box {
    border-color: var(--dark-blue-1);
}

/* "Sort by" label and dropdown */
.color-switch-dark .gsc-control-cse .gsc-orderby-label {
	color: var(--global-palette3) !important;
}

.color-switch-dark .gsc-control-cse .gsc-option-menu {
    border: 1px solid var(--dark-blue-1) !important;
}

.color-switch-dark .gsc-option-menu-item {
    color: var(--global-palette3) !important;
}

/* search result row */
.color-switch-dark .gsc-control-cse .gsc-result .gs-webResult.gs-result:not(.gs-no-results-result):hover {
    background-color: var(--light-blue-2)!important;
}

/* Search result title */
.color-switch-dark .gsc-control-cse .gs-title, .color-switch-dark .gsc-control-cse .gs-title b {
	color: var(--global-palette-highlight) !important;
}

.color-switch-dark .gs-webResult:not(.gs-no-results-result):not(.gs-error-result) .gs-snippet, .color-switch-dark .gs-fileFormatType {
    color: var(--global-palette3);
}

/* Search result snippet */
.color-switch-dark .gs-no-results-result .gs-snippet, .color-switch-dark .gs-error-result .gs-snippet {
	color: var(--global-palette3) !important;
	background-color: var(--dark-blue-6) !important;
}

/* Pagination */
.color-switch-dark .gsc-control-cse .gsc-cursor .gsc-cursor-page, .color-switch-dark .gsc-control-cse .gsc-cursor .gsc-cursor-current-page, .color-switch-dark .gsc-control-cse .gsc-cursor .gsc-cursor-current-page:hover {
	border: 1px solid var(--dark-blue-1) !important;
	background: var(--global-palette9) !important;
}

.color-switch-dark .gsc-control-cse .gsc-cursor .gsc-cursor-page:hover {
	border: 1px solid var(--dark-blue-5) !important;
}

.color-switch-dark .gsc-control-cse .gsc-cursor .gsc-cursor-current-page, .color-switch-dark .gsc-control-cse .gsc-cursor .gsc-cursor-current-page:hover {
	background: var(--dark-blue-5) !important;
	color: var(--global-palette3) !important;
}