html {
    scroll-behavior: initial !important;
}

:root {
/* Change viewport max width here */
/*********************************/
  --max-width: 1360px;
  --max-grid-width: 1520px;
/*********************************/
/* Enter brand colours here ******/
  --white: 255, 255, 255;
  --black: 31, 30, 29;
  --primary: #ffb02a;
  --secondary: #549FD0;
  --tertiary: #66256A;
  --accent: #8A9915;
}

:root[data-theme="dark"] {
  --light: rgb(var(--black));
  --dark: rgb(var(--white));
  --bg-color: rgb(var(--black));
  --text-color: rgb(var(--white));
  --text-primary: var(--secondary);
  --heading-color: var(--text-color);
  --bg1: #272625;
  --bg2: #141413;
  --bg3: #32322f;
  --bg4: #222;
  --bg5: #15170d;
  --header-color: #202120; 
  --gradient1: linear-gradient(rgb(66 66 66 / 96%) 50%, rgb(0 0 0 / 0%));
  --gradient2: linear-gradient(90deg, #484845 30%, rgba(255, 255, 255, 0));
  --form-field-color: #ebeae4;
  --form-border: 1px solid var(--light);
  --form-label-color: var(--light);
  --light-50: rgba(0,0,0,0.5);
  --dark-50: rgba(var(--white), 0.5);
}

:root[data-theme="light"] {
  --light: rgb(var(--white));
  --dark: rgb(var(--black));
  --bg-color: #f7f5f1;
  --text-color: var(--dark);
  --text-primary: var(--primary);
  --heading-color: var(--dark);
  --bg1: #ebeae4;
  --bg2: #e6e5df;
  --bg3: #fff;
  --bg4: #e0e0e0;
  --bg5: #3a3d29;
  --header-color: #f3f4ef;
  --gradient1: linear-gradient(rgba(255, 255, 255, 0.96) 50%, rgba(255, 255, 255, 0));
  --gradient2: linear-gradient(90deg, rgba(255, 255, 255, 100) 30%, rgba(255, 255, 255, 0));
  --form-field-color: #fff;
  --form-border: 1px solid var(--dark);
  --form-label-color: var(--dark);
  --light-50: rgba(var(--white), 0.5);
  --dark-50: rgba(var(--black), 0.5);
}

:root[data-theme="light"] .dark {
  display: none;
}

:root[data-theme="dark"] .light {
  display: none;
}


#brx-header.scrolling {
    background: var(--header-color);
}

.bricks-button.outline.bricks-color-primary {
  border-color: var(--text-color);
  color: var(--text-color);
}


body {
  color: var(--text-color);
  background-color: var(--bg-color);
  transition: background-color 400ms ease-in-out;
}

.brxe-section {
  transition: background-color 400ms ease-in-out;
}

p, h1,  h2, h3, h4, div {
  transition: color 400ms ease-in-out;
}

.brxe-brxc-darkmode-toggle .brxc-sun-icon-wrapper {
  z-index: 1;
  height: 2rem;
  width: 2rem;
  transform: translateX(16px);
}

.brxc-toggle-checkbox:checked ~ .brxc-toggle-slot {
  border-color: #fff !important; 
}

.brxe-brxc-darkmode-toggle .brxc-sun-icon-wrapper {
    height: 100% !important;
    width: 100% !important;
    transform: translate(7px, 0px) !important;
}

.brxe-brxc-darkmode-toggle .brxc-toggle-checkbox:checked ~ .brxc-toggle-slot .brxc-sun-icon-wrapper {
    transform: translateX(20px) !important;
}

.brxe-brxc-darkmode-toggle .brxc-toggle-checkbox ~ .brxc-toggle-slot .brxc-moon-icon-wrapper {
    transform: translateX(-20px) !important;
}

.brxc-toggle-slot {
  border-color: var(--text-color) !important;
}

h4 {
  margin-top: 0;
}

.menu-item:hover a:before {
  width: 100%;
  opacity: 0;
}

.brx-dropdown-content .brxe-text-link:before {
  background: var(--text-color);
}

.brx-dropdown-content .menu-item {
  display: inline-flex;
  width: auto;
}

.brx-nav-nested-items .menu-item:last-child {
  line-height: 1;
  margin-top: 6px;
}


/* Login page ************************************************************/
input[name="form-field-147d21"] /* Change this to your form attribute selector */ {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20576%20512%22%3E%3Cpath%20d%3D%22M288%2080c-65.2%200-118.8%2029.6-159.9%2067.7C89.6%20183.5%2063%20226%2049.4%20256c13.6%2030%2040.2%2072.5%2078.6%20108.3C169.2%20402.4%20222.8%20432%20288%20432s118.8-29.6%20159.9-67.7C486.4%20328.5%20513%20286%20526.6%20256c-13.6-30-40.2-72.5-78.6-108.3C406.8%20109.6%20353.2%2080%20288%2080zM95.4%20112.6C142.5%2068.8%20207.2%2032%20288%2032s145.5%2036.8%20192.6%2080.6c46.8%2043.5%2078.1%2095.4%2093%20131.1c3.3%207.9%203.3%2016.7%200%2024.6c-14.9%2035.7-46.2%2087.7-93%20131.1C433.5%20443.2%20368.8%20480%20288%20480s-145.5-36.8-192.6-80.6C48.6%20356%2017.3%20304%202.5%20268.3c-3.3-7.9-3.3-16.7%200-24.6C17.3%20208%2048.6%20156%2095.4%20112.6zM288%20336c44.2%200%2080-35.8%2080-80s-35.8-80-80-80c-.7%200-1.3%200-2%200c1.3%205.1%202%2010.5%202%2016c0%2035.3-28.7%2064-64%2064c-5.5%200-10.9-.7-16-2c0%20.7%200%201.3%200%202c0%2044.2%2035.8%2080%2080%2080zm0-208a128%20128%200%201%201%200%20256%20128%20128%200%201%201%200-256z%22%2F%3E%3C%2Fsvg%3E");
  	background-size: 24px;
    background-position: right 10px center;
    background-repeat: no-repeat;
    padding-right: var(--space-s);
}

input[name="form-field-147d21"].show-password {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20640%20512%22%3E%3Cpath%20d%3D%22M38.8%205.1C28.4-3.1%2013.3-1.2%205.1%209.2S-1.2%2034.7%209.2%2042.9l592%20464c10.4%208.2%2025.5%206.3%2033.7-4.1s6.3-25.5-4.1-33.7L525.6%20386.7c39.6-40.6%2066.4-86.1%2079.9-118.4c3.3-7.9%203.3-16.7%200-24.6c-14.9-35.7-46.2-87.7-93-131.1C465.5%2068.8%20400.8%2032%20320%2032c-68.2%200-125%2026.3-169.3%2060.8L38.8%205.1zm151%20118.3C226%2097.7%20269.5%2080%20320%2080c65.2%200%20118.8%2029.6%20159.9%2067.7C518.4%20183.5%20545%20226%20558.6%20256c-12.6%2028-36.6%2066.8-70.9%20100.9l-53.8-42.2c9.1-17.6%2014.2-37.5%2014.2-58.7c0-70.7-57.3-128-128-128c-32.2%200-61.7%2011.9-84.2%2031.5l-46.1-36.1zM394.9%20284.2l-81.5-63.9c4.2-8.5%206.6-18.2%206.6-28.3c0-5.5-.7-10.9-2-16c.7%200%201.3%200%202%200c44.2%200%2080%2035.8%2080%2080c0%209.9-1.8%2019.4-5.1%2028.2zm51.3%20163.3l-41.9-33C378.8%20425.4%20350.7%20432%20320%20432c-65.2%200-118.8-29.6-159.9-67.7C121.6%20328.5%2095%20286%2081.4%20256c8.3-18.4%2021.5-41.5%2039.4-64.8L83.1%20161.5C60.3%20191.2%2044%20220.8%2034.5%20243.7c-3.3%207.9-3.3%2016.7%200%2024.6c14.9%2035.7%2046.2%2087.7%2093%20131.1C174.5%20443.2%20239.2%20480%20320%20480c47.8%200%2089.9-12.9%20126.2-32.5zm-88-69.3L302%20334c-23.5-5.4-43.1-21.2-53.7-42.3l-56.1-44.2c-.2%202.8-.3%205.6-.3%208.5c0%2070.7%2057.3%20128%20128%20128c13.3%200%2026.1-2%2038.2-5.8z%22%2F%3E%3C%2Fsvg%3E");
    background-size: 24px;
}

/* FORMS ********************************************************************/
input[type=date].wsf-field, input[type=datetime-local].wsf-field, input[type=file].wsf-field, input[type=month].wsf-field, input[type=password].wsf-field, input[type=search].wsf-field, input[type=time].wsf-field, input[type=week].wsf-field, input[type=email].wsf-field, input[type=number].wsf-field, input[type=tel].wsf-field, input[type=text].wsf-field, input[type=url].wsf-field, select.wsf-field, textarea.wsf-field {
    font-size: var(--text-m) !important;
    top: 10px !important;    
}

input[type=date].wsf-field, input[type=datetime-local].wsf-field, input[type=file].wsf-field, input[type=month].wsf-field, input[type=password].wsf-field, input[type=search].wsf-field, input[type=time].wsf-field, input[type=week].wsf-field, input[type=email].wsf-field, input[type=number].wsf-field, input[type=tel].wsf-field, input[type=text].wsf-field, input[type=url].wsf-field, select.wsf-field:not([multiple]):not([size]) {
    height: 46px !important;
}

.wsf-label-position-inside canvas.wsf-field + label, .wsf-label-position-inside select.wsf-field + label, .wsf-label-position-inside input.wsf-field[placeholder] + label, .wsf-label-position-inside textarea.wsf-field[placeholder] + label, .wsf-label-position-inside canvas.wsf-field + .wsf-input-group-append + label, .wsf-label-position-inside select.wsf-field + .wsf-input-group-append + label, .wsf-label-position-inside input.wsf-field[placeholder] + .wsf-input-group-append + label, .wsf-label-position-inside textarea.wsf-field[placeholder] + .wsf-input-group-append + label {
    font-size: var(--text-m) !important;
}

.wsf-label-position-inside canvas.wsf-field + label, .wsf-label-position-inside select.wsf-field + label, .wsf-label-position-inside input.wsf-field[placeholder]:focus + label, .wsf-label-position-inside input.wsf-field[placeholder]:not(:placeholder-shown) + label, .wsf-label-position-inside textarea.wsf-field[placeholder]:focus + label, .wsf-label-position-inside textarea.wsf-field[placeholder]:not(:placeholder-shown) + label, .wsf-label-position-inside canvas.wsf-field + .wsf-input-group-append + label, .wsf-label-position-inside select.wsf-field + .wsf-input-group-append + label, .wsf-label-position-inside input.wsf-field[placeholder]:focus + .wsf-input-group-append + label, .wsf-label-position-inside input.wsf-field[placeholder]:not(:placeholder-shown) + .wsf-input-group-append + label, .wsf-label-position-inside textarea.wsf-field[placeholder]:focus + .wsf-input-group-append + label, .wsf-label-position-inside textarea.wsf-field[placeholder]:not(:placeholder-shown) + .wsf-input-group-append + label {
    padding-left: 8px !important;
    padding-right: 8px !important;
    transform: translate(0, -17px) scale(0.6) !important;
    border-radius: 4px;
}

button.wsf-button {
  font-size: var(--text-m) !important;
}