:root {
	/* LIVINGSTON - CUSTOM VARIABLE UPDATES */
	--scrollbar-thumb-hover-color: var(--bs-lii-accent); /* scrollbar track hover color */
    --slider-background-off: var(--bs-lii-accent); /* slider background color when off */
    --slider-background-color-unchecked:var(--bs-gray-800); /* slider background color when unchecked */
    --slider-background-color-checked: #005dba; /* slider background color when unchecked */
    --primary-hover: #005dba;
}

/* ----- LIVINGSTON - CUSTOM CSS STYLING -----*/

/* FONTS

@font-face{
  font-family:"Sohne";
  src:url("https://www.livingstonintl.com/livingston-content/themes/livingston-2020/assets/styles/fonts/Sohne/Sohne-buch.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face{
  font-family:"Sohne";
  src:url("https://www.livingstonintl.com/livingston-content/themes/livingston-2020/assets/styles/fonts/Sohne/Sohne-BuchKursiv.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}


@font-face{
  font-family:"Sohne";
  src:url("https://www.livingstonintl.com/livingston-content/themes/livingston-2020/assets/styles/fonts/Sohne/Sohne-dreiviertelfett.woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face{
  font-family:"Sohne";
  src:url("https://www.livingstonintl.com/livingston-content/themes/livingston-2020/assets/styles/fonts/Sohne/Sohne-DreiviertelfettKursiv.woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

*/

/* ----- GLOBAL COOKIE MODULE STYLING ----- */

/* Style all <p> tags */
#cassie-widget .cassie-cookie-module p {
	font-family: "Sohne", Helvetica, Arial;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

/* Style all links */
#cassie-widget .cassie-cookie-module a {
	color: #29b8f5;
	text-decoration: underline;
}

#cassie-widget .cassie-cookie-module a:hover {
	color: #67d2ff;
}

/* Style all buttons */
#cassie-widget .cassie-cookie-module button {
	font-family: "Sohne", Helvetica, Arial;
	font-size: 0.8125rem;
	line-height: 1.125;
	border-radius: 100px;
	transition: 0.2s;
}

/* ----- END GLOBAL COOKIE MODULE STYLING ----- */

/* ----- STYLE PRE-BANNER ----- */

/* Style pre-banner text */
#cassie-widget .cassie-cookie-module .cassie-pre-banner .cassie-pre-banner--text p {
	margin: 0;
	font-size: 0.875rem;
	line-height: 1.6;
	color: var(--bs-white); /* Updated to use the custom variable */
}

/*
#cassie-widget .cassie-cookie-module .cassie-pre-banner .cassie-pre-banner--text p{
    margin:0;
    font-size:.875rem;
    line-height:1.6;
    color:#ffffff;
}
*/

/* Style pre-banner buttons */
#cassie-widget .cassie-pre-banner--button--container {
	align-items: center;
	align-content: center;
	margin-bottom: 20px;
}

#cassie-widget .cassie-cookie-module .cassie-pre-banner--button--container button.cassie-pre-banner--button, .cassie-cookie-modal--save-preferences {
    background-color: var(--bs-primary) !important;
	border-color:  var(--bs-primary) !important;
    color: var(--bs-white) !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cassie-view-all--button--icon {
    margin-right: 0.2rem;
    padding-bottom: 0.1rem;
}

#cassie-widget .cassie-cookie-module .cassie-pre-banner--button--container button.cassie-pre-banner--button:hover, .cassie-cookie-modal--save-preferences:hover {
    background-color: var(--primary-hover) !important;
    border-color: var(--primary-hover) !important;
}

.cassie-cookie-modal .cassie-toggle-switch--slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 7px;
    bottom: 0;
    border-radius: 34px;
    background-color: var(--slider-background-off);
    background-color: var(--slider-background-color-unchecked);
    border: 1px solid;
    border-color: var(--slider-background-off);
    border-color: var(--slider-background-color-unchecked)
}

.cassie-cookie-modal .cassie-toggle-switch--slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 0;
    bottom: 0;
    background-color: var(--slider-toggle);
    background-color: var(--toggle-background-color);
    border: 1px solid;
    border-color: var(--slider-toggle);
    border-color: var(--toggle-background-color);
    transition: .4s;
    border-radius: 50%
}

.cassie-cookie-modal .cassie-toggle-switch--slider--active {
    background-color: var(--slider-background-on);
    background-color: var(--slider-background-color-checked)
}

.cassie-cookie-modal .cassie-toggle-switch--slider--active:before {
    left: 21px
}

.cassie-cookie-modal--center .cassie-toggle-switch {
    position: relative;
    width: 50px;
    height: 24px;
    margin-left: 10px;
    float: right;
    cursor: pointer
}

.cassie-cookie-modal--center .cassie-long-labels--parent {
    line-height: .8
}

.cassie-cookie-modal--center .cassie-toggle-switch:focus-within {
    outline: none
}

.cassie-cookie-modal--center .cassie-child-cookie--toggle-switch:focus-within {
    outline: none
}

.cassie-cookie-modal--center .cassie-toggle-switch--status {
    position: relative;
    right: 50px;
    font-size: 12px;
    top: -2px
}

.cassie-cookie-modal--center .cassie-long-labels {
    right: 55px
}

.cassie-cookie-modal--center .cassie-toggle-switch--checkbox {
    opacity: 0;
    width: 90px;
    height: 24px;
    z-index: 1;
    position: relative;
    bottom: 27px;
    right: 48px;
    cursor: pointer
}

.cassie-cookie-modal--center .cassie-toggle-switch--slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 7px;
    bottom: 0;
    border-radius: 34px;
    background-color: var(--slider-background-off);
    background-color: var(--slider-background-color-unchecked);
    border: 1px solid;
    border-color: var(--slider-background-off);
    border-color: var(--slider-background-color-unchecked)
}

.cassie-cookie-modal--center .cassie-toggle-switch--slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 2px;
    bottom: 2px;
    background-color: var(--slider-toggle);
    background-color: var(--toggle-background-color);
    transition: .4s;
    border-radius: 50%
}

.cassie-cookie-modal--center .cassie-toggle-switch--slider--active {
    background-color: var(--slider-background-on);
    background-color: var(--slider-background-color-checked)
}

.cassie-cookie-modal--center .cassie-toggle-switch--slider--active:before {
    left: 21px
}

.cassie-cookie-modal--right .cassie-toggle-switch {
    position: relative;
    width: 50px;
    height: 24px;
    margin-left: 10px;
    float: right;
    cursor: pointer
}















@media only screen and (min-width: 768px) {
	#cassie-widget .cassie-pre-banner--button--container {
		margin-bottom: 0px;
	}

	#cassie-widget .cassie-cookie-module .cassie-pre-banner--button--container button.cassie-pre-banner--button {
		width: 80%;
	}
}

/* Style pre-banner size */
@media only screen and (min-width: 1200px) {
	#cassie-widget .cassie-cookie-module > div.cassie-pre-banner {
		margin: 0 18%;
	}
}

/* ----- STYLE GPC-BANNER ----- */

#cassie-widget .cassie-gpc-pre-banner .cassie-gpc-pre-banner--text-container {
	margin-top: 40px;
}

#cassie-widget .cassie-gpc-pre-banner h3.cassie-gpc-pre-banner-heading--text {
	color: var(--bs-white);
	margin-bottom: 1rem;
}

#cassie-widget .cassie-cookie-module .cassie-pre-banner .cassie-pre-banner--text {
	margin-bottom: 0;
}

/* ----- STYLE COOKIE BANNER ----- */

/* Resize cookie banner */
@media only screen and (min-width: 1200px) {
	#cassie-widget .cassie-cookie-module > .cassie-cookie-modal--center {
		margin: 0 auto;
		width: 54%;
	}
}

/* Update right border color */
@media only screen and (min-width: 768px) {
	#cassie-widget .cassie-cookie-module > .cassie-cookie-modal {
		border-color: #062645;
	}
}

/* Hide header image with no content */
#cassie-widget .cassie-cookie-modal--header-image {
	display: none;
}

/* Style header content */
#cassie-widget .cassie-cookie-modal--header--content {
	border-top: none;
	margin-bottom: 1.5rem;
}

#cassie-widget .cassie-cookie-modal--header--content p,
#cassie-widget .cassie-cookie-modal--group-head-container .cassie-cookie-group--description p {
	color: #ffffff;
}

/* Style Cookie script details */

#cassie-widget .cassie-cookie-modal--accept-all .cassie-cookie-modal--accept-all--text {
	max-width: 70%;
}

#cassie-widget .cassie-expand-cookies--container .cassie-expand-cookies--icon {
	display: none;
}

#cassie-widget .cassie-expand-cookies--container .cassie-cookie-group--heading {
	color: #29b8f5;
}

#cassie-widget .cassie-cookie-modal--group-head-container .cassie-cookie-group--description {
	width: 100%;
	margin-left: 0;
	color: #ffffff;
}

#cassie-widget .cassie-cookie-modal .cassie-toggle-switch--status {
	top: 4px;
}

/* Style Save Preferences Button */
#cassie-widget .cassie-cookie-modal--footer-extra .cassie-cookie-modal--save-preferences--container {
	width: 100%;
}

#cassie-widget button.cassie-cookie-modal--save-preferences {
	font-size: 1rem;
}

@media only screen and (min-width: 768px) {
	#cassie-widget .cassie-cookie-modal--footer-extra .cassie-cookie-modal--save-preferences--container {
		width: 40%;
	}
}

/* ----- END LIVINGSTON - CUSTOM CSS STYLING -----*/