:root {
  --base-font-size: 1rem;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --csk-base-font: 'Roboto';
  --csk-heading-font: 'Roboto Condensed Bold';
  --csk-accent-font: 'Satisfy';
  --csk-white: rgb(255, 255, 255);
  --csk-body-color: rgb(48, 48, 48);
  --csk-light-blue: #7EA8AF;
  --csk-turquoise: #00B0B9;
  --csk-navy-blue: #1f2a44;
  --csk-light-green: #B8BE14;
  --csk-green: #4E5B31;
  --csk-khaki: #CFC493;
  --csk-brown: #603D20;
  --csk-yellow: #FFC72C;
  --csk-light-orange: #D78825;
  --csk-orange: #C16436;
  --csk-red: #AF272F;
  --csk-brick-red: #81312F;
  --csk-light-green-btn: rgb(184, 190, 20, 0.7);
  --csk-turquise-btn: rgb(0, 176, 185, 0.7);
  --csk-light-blue-btn: rgb(124, 167, 173, 0.7);
  --csk-yellow-btn: rgb(255, 198, 41, 0.7);
  --csk-light-orange-btn: rgb(215, 136, 37, 0.7);
  --csk-orange-btn: rgb(194, 100, 53, 0.7);
  --csk-brick-red-btn: rgb(133, 52, 46, 0.7);
  --csk-white-smoke-bg: rgb(247, 247, 247);
  --csk-light-gray-bg: rgb(244, 244, 244);
  --csk-gainsboro-gray: rgb(234, 234, 234);
  --csk-input-border: #999;
  --csk-input-border-focus: #dc8823;
  --csk-placeholder-text: #777;
  --csk-error: #e11000;
  --csk-header-text: rgb(194, 100, 53);
  --csk-divider-light-blue: rgb(124, 167, 173, 0.7);

}




body,
html {
  color: var(--csk-body-color, rgb(48, 48, 48));
  font-size: var(--base-font-size, 1rem);
  /* Browser default size 16px = 1rem */
}


/* -----------------------------------------------------------------FONTS ----------------------------------------------------------------*/
/* BRAND FONTS  */
/* Body:.font-roboto .font-weight-medium  */
/* Headlines: .font-roboto-condensed .font-weight-bold */
/* Accent font: .font-satisfy */

/* Use the variable font  */
/* Static fonts are fallback fonts */

/* ROBOTO VARIABLE */
@font-face {
  font-family: 'Roboto';
  src: url('https://media.cheddars.com/fonts/roboto/Roboto-Variable.eot');
  src: local('Roboto'),
    url('https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ.woff2') format('woff2'),
    url('https://media.cheddars.com/fonts/roboto/Roboto-Variable.woff') format('woff'),
    url('https://media.cheddars.com/fonts/roboto/Roboto-VariableFont-wdth-wght.ttf') format('truetype'),
    url('https://media.cheddars.com/fonts/roboto/Roboto-Variable.svg') format('svg');
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
  font-stretch: 100%;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* 
font-style: oblique 5deg;
font-variation-settings: "slnt" -5;
font-variation-settings: "slnt" var(--slant-angle); 
*/

/* ROBOTO CONDENSED VARIABLE */

@font-face {
  font-family: 'Roboto Condensed';
  src: url('https://media.cheddars.com/fonts/roboto-condensed/RobotoCondensed-Variable.eot');
  src: local('Roboto Condensed'),
    url('https://media.cheddars.com/fonts/roboto-condensed/RobotoCondensed-Variable.eot?#iefix') format('embedded-opentype'),
    url('https://fonts.gstatic.com/s/robotocondensed/v30/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQk6YvM.woff2') format('woff2'),
    url('https://media.cheddars.com/fonts/roboto-condensed/RobotoCondensed-Variable.woff') format('woff'),
    url('https://media.cheddars.com/fonts/roboto-condensed/RobotoCondensed-VariableFont-wght.ttf') format('truetype'),
    url('https://media.cheddars.com/fonts/roboto-condensed/RobotoCondensed-Variable.svg') format('svg');
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



/* ROBOTO STATIC */
@font-face {
  font-family: 'Roboto Thin';
  src: url('https://media.cheddars.com/fonts/roboto/Roboto-Thin.eot');
  src: local('Roboto'), local('Roboto Thin'),
    url('https://media.cheddars.com/fonts/roboto/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
    url('https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ.woff2') format('woff2'),
    url('https://media.cheddars.com/fonts/roboto/Roboto-Thin.woff') format('woff'),
    url('https://media.cheddars.com/fonts/roboto/Roboto-Thin.ttf') format('truetype'),
    url('https://media.cheddars.com/fonts/roboto/Roboto-Thin.svg') format('svg');
  font-style: normal;
  font-weight: 100;
}

@font-face {
  font-family: 'Roboto ExtraLight';
  src: url('https://media.cheddars.com/fonts/roboto/Roboto-ExtraLight.eot');
  src: local('Roboto'), local('Roboto ExtraLight'),
    url('https://media.cheddars.com/fonts/roboto/Roboto-ExtraLight.eot?#iefix') format('embedded-opentype'),
    url('https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ.woff2') format('woff2'),
    url('https://media.cheddars.com/fonts/roboto/Roboto-ExtraLight.woff') format('woff'),
    url('https://media.cheddars.com/fonts/roboto/Roboto-ExtraLight.ttf') format('truetype'),
    url('https://media.cheddars.com/fonts/roboto/Roboto-ExtraLight.svg') format('svg');
  font-style: normal;
  font-weight: 200;
}

@font-face {
  font-family: 'Roboto Light';
  src: url('https://media.cheddars.com/fonts/roboto/Roboto-Light.eot');
  src: local('Roboto'), local('Roboto Light'),
    url('https://media.cheddars.com/fonts/roboto/Roboto-Light.eot?#iefix') format('embedded-opentype'),
    url('https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ.woff2') format('woff2'),
    url('https://media.cheddars.com/fonts/roboto/Roboto-Light.woff') format('woff'),
    url('https://media.cheddars.com/fonts/roboto/Roboto-Light.ttf') format('truetype'),
    url('https://media.cheddars.com/fonts/roboto/Roboto-Light.svg') format('svg');
  font-style: normal;
  font-weight: 300;
}

@font-face {
  font-family: 'Roboto Regular';
  src: url('https://media.cheddars.com/fonts/roboto/Roboto-Regular.eot');
  src: local('Roboto'), local('Roboto Regular'),
    url('https://media.cheddars.com/fonts/roboto/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
    url('https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ.woff2') format('woff2'),
    url('https://media.cheddars.com/fonts/roboto/Roboto-Regular.woff') format('woff'),
    url('https://media.cheddars.com/fonts/roboto/Roboto-Regular.ttf') format('truetype'),
    url('https://media.cheddars.com/fonts/roboto/Roboto-Regular.svg') format('svg');
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: 'Roboto Medium';
  src: url('https://media.cheddars.com/fonts/roboto/Roboto-Medium.eot');
  src: local('Roboto'), local('Roboto Medium'),
    url('https://media.cheddars.com/fonts/roboto/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
    url('https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ.woff2') format('woff2'),
    url('https://media.cheddars.com/fonts/roboto/Roboto-Medium.woff') format('woff'),
    url('https://media.cheddars.com/fonts/roboto/Roboto-Medium.ttf') format('truetype'),
    url('https://media.cheddars.com/fonts/roboto/Roboto-Medium.svg') format('svg');
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: 'Roboto SemiBold';
  src: url('https://media.cheddars.com/fonts/roboto/Roboto-SemiBold.eot');
  src: local('Roboto'), local('Roboto SemiBold'),
    url('https://media.cheddars.com/fonts/roboto/Roboto-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ.woff2')format('woff2'),
    url('https://media.cheddars.com/fonts/roboto/Roboto-SemiBold.woff')format('woff'),
    url('https://media.cheddars.com/fonts/roboto/Roboto-SemiBold.ttf')format('truetype'),
    url('https://media.cheddars.com/fonts/roboto/Roboto-SemiBold.svg')format('svg');
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: 'Roboto Bold';
  src: url('https://media.cheddars.com/fonts/roboto/Roboto-Bold.eot');
  src: local('Roboto'), local('Roboto Bold'),
    url('https://media.cheddars.com/fonts/roboto/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
    url('https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ.woff2') format('woff2'),
    url('https://media.cheddars.com/fonts/roboto/Roboto-Bold.woff') format('woff'),
    url('https://media.cheddars.com/fonts/roboto/Roboto-Bold.ttf') format('truetype'),
    url('https://media.cheddars.com/fonts/roboto/Roboto-Bold.svg') format('svg');
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: 'Roboto ExtraBold';
  src: url('https://media.cheddars.com/fonts/roboto/Roboto-ExtraBold.eot');
  src: local('Roboto'), local('Roboto ExtraBold'),
    url('https://media.cheddars.com/fonts/roboto/Roboto-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ.woff2') format('woff2'),
    url('https://media.cheddars.com/fonts/roboto/Roboto-ExtraBold.woff') format('woff'),
    url('https://media.cheddars.com/fonts/roboto/Roboto-ExtraBold.ttf') format('truetype'),
    url('https://media.cheddars.com/fonts/roboto/Roboto-ExtraBold.svg') format('svg');
  font-style: normal;
  font-weight: 800;
}

@font-face {
  font-family: 'Roboto Black';
  src: url('https://media.cheddars.com/fonts/roboto/Roboto-Black.eot');
  src: local('Roboto'), local('Roboto Black'),
    url('https://media.cheddars.com/fonts/roboto/Roboto-Black.eot?#iefix') format('embedded-opentype'),
    url('https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ.woff2') format('woff2'),
    url('https://media.cheddars.com/fonts/roboto/Roboto-Black.woff') format('woff'),
    url('https://media.cheddars.com/fonts/roboto/Roboto-Black.ttf') format('truetype'),
    url('https://media.cheddars.com/fonts/roboto/Roboto-Black.svg') format('svg');
  font-style: normal;
  font-weight: 900;
}

/* ROBOTO CONDENSED STATIC */

@font-face {
  font-family: 'Roboto Condensed Regular';
  src: url('https://media.cheddars.com/fonts/roboto-condensed/RobotoCondensed-Regular.eot');
  src: local('Roboto Condensed'), local('Roboto Condensed Regular'),
    url('https://media.cheddars.com/fonts/roboto-condensed/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'),
    url('https://fonts.gstatic.com/s/robotocondensed/v30/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQk6YvM.woff2') format('woff2'),
    url('https://media.cheddars.com/fonts/roboto-condensed/RobotoCondensed-Regular.woff') format('woff'),
    url('https://media.cheddars.com/fonts/roboto-condensed/RobotoCondensed-Regular.ttf') format('truetype'),
    url('https://media.cheddars.com/fonts/roboto-condensed/RobotoCondensed-Regular.svg') format('svg');
  font-style: normal;
  font-weight: 400;
}


@font-face {
  font-family: 'Roboto Condensed Medium';
  src: url('https://media.cheddars.com/fonts/roboto-condensed/RobotoCondensed-Medium.eot');
  src: local('Roboto Condensed'), local('RobotoCondensed Medium'),
    url('https://media.cheddars.com/fonts/roboto-condensed/RobotoCondensed-Medium.eot?#iefix') format('embedded-opentype'),
    url('https://fonts.gstatic.com/s/robotocondensed/v30/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQk6YvM.woff2') format('woff2'),
    url('https://media.cheddars.com/fonts/roboto-condensed/RobotoCondensed-Medium.woff') format('woff'),
    url('https://media.cheddars.com/fonts/roboto-condensed/RobotoCondensed-Medium.ttf') format('truetype'),
    url('https://media.cheddars.com/fonts/roboto-condensed/RobotoCondensed-Medium.svg') format('svg');
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: 'Roboto Condensed SemiBold';
  src: url('https://media.cheddars.com/fonts/roboto-condensed/RobotoCondensed-SemiBold.eot');
  src: local('Roboto Condensed'), local('RobotoCondensed SemiBold'),
    url('https://media.cheddars.com/fonts/roboto-condensed/RobotoCondensed-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('https://fonts.gstatic.com/s/robotocondensed/v30/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQk6YvM.woff2') format('woff2'),
    url('https://media.cheddars.com/fonts/roboto-condensed/RobotoCondensed-SemiBold.woff') format('woff'),
    url('https://media.cheddars.com/fonts/roboto-condensed/RobotoCondensed-SemiBold.ttf') format('truetype'),
    url('https://media.cheddars.com/fonts/roboto-condensed/RobotoCondensed-SemiBold.svg') format('svg');
  font-style: normal;
  font-weight: 600;
}

@font-face {
  font-family: 'Roboto Condensed Bold';
  src: url('https://media.cheddars.com/fonts/roboto-condensed/RobotoCondensed-Bold.eot');
  src: local('Roboto Condensed'), local('RobotoCondensed Bold'),
    url('https://media.cheddars.com/fonts/roboto-condensed/RobotoCondensed-Bold.eot?#iefix') format('embedded-opentype'),
    url('https://fonts.gstatic.com/s/robotocondensed/v30/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQk6YvM.woff2') format('woff2'),
    url('https://media.cheddars.com/fonts/roboto-condensed/RobotoCondensed-Bold.woff') format('woff'),
    url('https://media.cheddars.com/fonts/roboto-condensed/RobotoCondensed-Bold.ttf') format('truetype'),
    url('https://media.cheddars.com/fonts/roboto-condensed/RobotoCondensed-Bold.svg') format('svg');
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: 'Roboto Condensed ExtraBold';
  src: url('https://media.cheddars.com/fonts/roboto-condensed/RobotoCondensed-ExtraBold.eot');
  src: local('Roboto Condensed'), local('Roboto Condensed ExtraBold'), local('RobotoCondensed ExtraBold'),
    url('https://media.cheddars.com/fonts/roboto-condensed/RobotoCondensed-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('https://fonts.gstatic.com/s/robotocondensed/v30/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQk6YvM.woff2') format('woff2'),
    url('https://media.cheddars.com/fonts/roboto-condensed/RobotoCondensed-ExtraBold.woff') format('woff'),
    url('https://media.cheddars.com/fonts/roboto-condensed/RobotoCondensed-ExtraBold.ttf') format('truetype'),
    url('https://media.cheddars.com/fonts/roboto-condensed/RobotoCondensed-ExtraBold.svg') format('svg');
  font-style: normal;
  font-weight: 800;
}

@font-face {
  font-family: 'Roboto Condensed Black';
  src: url('https://media.cheddars.com/fonts/roboto-condensed/RobotoCondensed-Black.eot');
  src: local('Roboto Condensed'), local('Roboto Condensed Black'), local('RobotoCondensed Black'),
    url('https://media.cheddars.com/fonts/roboto-condensed/RobotoCondensed-Black.eot?#iefix') format('embedded-opentype'),
    url('https://fonts.gstatic.com/s/robotocondensed/v30/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQk6YvM.woff2') format('woff2'),
    url('https://media.cheddars.com/fonts/roboto-condensed/RobotoCondensed-Black.woff') format('woff'),
    url('https://media.cheddars.com/fonts/roboto-condensed/RobotoCondensed-Black.ttf') format('truetype'),
    url('https://media.cheddars.com/fonts/roboto-condensed/RobotoCondensed-Black.svg') format('svg');
  font-style: normal;
  font-weight: 900;
}

@font-face {
  font-family: 'Satisfy';
  src: url('https://media.cheddars.com/fonts/satisfy/Satisfy-Regular.eot');
  src: local('Satisfy Regular'),
    url('https://media.cheddars.com/fonts/satisfy/Satisfy-Regular.eot?#iefix') format('embedded-opentype'),
    url('https://fonts.gstatic.com/s/satisfy/v22/rP2Hp2yn6lkG50LoCZOIHTWEBlw.woff2') format('woff2'),
    url('https://media.cheddars.com/fonts/satisfy/Satisfy-Regular.woff') format('woff'),
    url('https://media.cheddars.com/fonts/satisfy/Satisfy-Regular.ttf') format('truetype'),
    url('https://media.cheddars.com/fonts/satisfy/Satisfy-Regular.svg#Satisfy-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* -----------Roboto------------------- */

/* Variable */
/* font-weight: 100-900; */
/* Use: add weight class to font class */
.font-roboto {
  font-family: "Roboto", 'Helvetica Neue',
    Helvetica,
    Arial, sans-serif !important;
  font-optical-sizing: auto;
  font-style: normal;
}

/* STATIC */
.font-roboto-regular {
  font-family: "Roboto Regular", "Roboto", 'Helvetica Neue',
    Helvetica,
    Arial, sans-serif !important;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
}

.font-roboto-medium {
  font-family: 'Roboto Medium', "Roboto", 'Helvetica Neue',
    Helvetica,
    Arial, sans-serif !important;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 500;
}

.font-roboto-semibold {
  font-family: 'Roboto SemiBold', "Roboto", 'Helvetica Neue',
    Helvetica,
    Arial, sans-serif !important;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 600;
}

.font-roboto-bold {
  font-family: 'Roboto Bold', "Roboto", 'Helvetica Neue',
    Helvetica,
    Arial, sans-serif !important;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 700;
}

.font-roboto-extrabold {
  font-family: 'Roboto ExtraBold', "Roboto", 'Helvetica Neue',
    Helvetica,
    Arial, sans-serif !important;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 800;
}

.font-roboto-black {
  font-family: 'Roboto Black', "Roboto", 'Helvetica Neue',
    Helvetica,
    Arial, sans-serif !important;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 900;
}


/* ----------Roboto Condensed-------------- */
/* Variable */
/* Font-weight: 100-900; */
/* Use: add weight class to font class */
.font-roboto-condensed {
  font-family: "Roboto Condensed", "Arial Narrow",
    "Helvetica Neue Condensed",
    "Oswald", sans-serif !important;
  font-optical-sizing: auto;
  font-style: normal;
}

/* STATIC */
.font-roboto-condensed-regular {
  font-family: "Roboto Condensed Regular", "Roboto Condensed", "Arial Narrow",
    "Helvetica Neue Condensed", "Oswald", sans-serif !important;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
}

.font-roboto-condensed-medium {
  font-family: 'Roboto Condensed Medium', "Roboto Condensed", "Arial Narrow",
    "Helvetica Neue Condensed", "Oswald", sans-serif !important;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 500;
}

.font-roboto-condensed-semibold {
  font-family: 'Roboto Condensed SemiBold', "Roboto Condensed", "Roboto Condensed",
    "Arial Narrow Bold",
    "Helvetica Neue Condensed Bold", "Oswald",
    sans-serif !important;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 600;
}

.font-roboto-condensed-bold {
  font-family: 'Roboto Condensed Bold', "Roboto Condensed",
    "Arial Narrow Bold",
    "Helvetica Neue Condensed Bold", "Oswald",
    sans-serif !important;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 700;
}

.font-roboto-condensed-extrabold {
  font-family: 'Roboto Condensed ExtraBold', "Roboto Condensed",
    "Arial Narrow Bold",
    "Helvetica Neue Condensed Bold",
    sans-serif !important;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 800;
}

.font-roboto-condensed-black {
  font-family: 'Roboto Condensed Black', "Roboto Condensed",
    "Arial Narrow Bold",
    "Helvetica Neue Condensed Bold",
    sans-serif !important;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 900;
}

/* Satisfy */
.font-satisfy {
  font-family: "Satisfy", cursive !important;
  font-weight: 400;
  font-style: normal;
}


.font-style-normal {
  font-style: normal !important;
}

.font-style-italic {
  font-style: italic !important;
}

.font-style-oblique {
  font-style: oblique !important;
}

/* -------------------TEXT COLOR-------------------------------------*/

/* BRAND COLORS */
/* BS -v: text-primary */
.text--orange {
  color: var(--csk-orange, #C16436) !important;
}

.text--light-orange {
  color: var(--csk-light-orange, #D78825) !important;
}

/* BS -v: text-warning */
.text--yellow {
  color: var(--csk-yellow, #FFC72C) !important;
}

/* BS -v: .text-danger | Error messages*/
.text--error {
  color: var(--csk-error, #e11000) !important;
}

.text--red {
  color: var(--csk-red, #AF272F) !important;
}

/* BS -v: text-light-blue */
.text--light-blue {
  color: var(--csk-light-blue, #7EA8AF) !important;
}

.text--turquoise {
  color: var(--csk-turquoise, #00B0B9) !important;
}

/* BS -v: text-secondary */
.text--navy-blue {
  color: var(--csk-navy-blue, #1f2a44) !important;
}

/* BS -v: text-success */
.text--green {
  color: var(--csk-green, #4E5B31) !important;
}

/* BS -v: text-khaki */
.text--khaki {
  color: var(--csk-khaki, #CFC493) !important;
}


.text--charcoal {
  color: var(--csk-body-color, rgb(48, 48, 48)) !important;
}

/* Brand: form inputs, placeholder, labels */
.text--light-gray {
  color: var(--csk-placeholder-text, #777) !important;

}

/* BS -v: text-light-green */
.text--light-green {
  color: var(--csk-light-green, #B8BE14) !important
}

/* -------------------BACKGROUND COLORS--------------------------------*/
/* Primary */
/* BS -v: .bg-light (#F4F4F4) */
.bg--light-gray {
  background-color: var(--csk-light-gray-bg, rgb(244, 244, 244)) !important;
}

/* Secondary */
/* #EAEAEA */
.bg--gainsboro-gray {
  background-color: var(--csk-gainsboro-gray,
      rgb(234, 234, 234)) !important;
}

/* BS -v: .bg-secondary */
.bg--navy-blue {
  background-color: var(--csk-navy-blue, #1f2a44) !important;
}

/* BS -v: .bg-light-blue */
.bg--light-blue {
  background-color: var(--csk-light-blue, #7EA8AF) !important;
}

/* BS -v: .bg-turquoise */
.bg--turquoise {
  background-color: var(--csk-turquoise, #00B0B9) !important;
}

/* BS -v: .bg-succes */
.bg--green {
  background-color: var(--csk-green, #4E5B31) !important;
}

/* BS -v: .bg-khaki */
.bg--khaki {
  background-color: var(--csk-khaki, #CFC493) !important;
}

.bg--light-orange {
  background-color: var(--csk-light-orange, #D78825) !important;
}

/* BS -v: bg-default */
.bg--orange {
  background-color: var(--csk-orange, #C16436) !important;
}

/* BS -v: .bg-dark-red */
.bg--brick-red {
  background-color: var(--csk-brick-red, #81312F) !important;
}

.bg--red {
  background-color: var(--csk-red, #AF272F) !important;
}

.bg--brown {
  background-color: var(--csk-brown, #603D20) !important;
}

/* ACCENT */
.bg--white-smoke {
  background-color: var(--csk-white-smoke-bg,
      rgb(247, 247, 247)) !important;
}


/* FLAG ICONS */
.flag-left--light-blue {
  background-color: var(--csk-light-blue, #7EA8AF) !important;
  width: 100%;
  height: 100%;
  clip-path: polygon(0% 0%, 100% 0, 85% 50%, 100% 100%, 0% 100%);
}

.flag-left--orange {
  background-color: var(--csk-orange, #C16436) !important;
  width: 100%;
  height: 100%;
  clip-path: polygon(0% 0%, 100% 0, 85% 50%, 100% 100%, 0% 100%);
}

.flag-left--green {
  background-color: var(-csk-green, #4E5B31) !important;
  width: 100%;
  height: 100%;
  clip-path: polygon(0% 0%, 100% 0, 85% 50%, 100% 100%, 0% 100%);
}

.flag-left--turquioise {
  background-color: var(--csk-turquoise, #00B0B9) !important;
  width: 100%;
  height: 100%;
  clip-path: polygon(0% 0%, 100% 0, 85% 50%, 100% 100%, 0% 100%);
}

.flag-left--khaki {
  background-color: var(--csk-khaki, #CFC493) !important;
  width: 100%;
  height: 100%;
  clip-path: polygon(0% 0%, 100% 0, 85% 50%, 100% 100%, 0% 100%);
}


/* Flag Right */
.flag-right--light-blue {
  background-color: var(--csk-light-blue, #7EA8AF) !important;
  width: 100%;
  height: 100%;
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%, 8% 50%);

}

.flag-right--orange {
  background-color: var(--csk-orange, #C16436) !important;
  width: 100%;
  height: 100%;
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%, 8% 50%);
}

.flag-right--green {
  background-color: var(-csk-green, #4E5B31) !important;
  width: 100%;
  height: 100%;
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%, 8% 50%);

}

.flag-right--turquioise {
  background-color: var(--csk-turquoise, #00B0B9) !important;
  width: 100%;
  height: 100%;
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%, 8% 50%);

}

.flag-right--khaki {
  background-color: var(--csk-khaki, #CFC493) !important;
  width: 100%;
  height: 100%;
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%, 8% 50%);

}



/* BUTTONS */
.disabled {
  cursor: not-allowed;
}



.btn,
.btn:hover,
.btn:focus,
.btn:active,
[class*="btn--"],
[class*="btn--"]:hover,
[class*="btn--"]:focus {
  cursor: pointer;
  text-decoration: none;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  font-family: var(--csk-heading-font, 'Roboto Condensed Bold'), "Roboto Condensed",
    "Arial Narrow Bold",
    "Helvetica Neue Condensed Bold", "Oswald",
    sans-serif !important;
  text-transform: uppercase;
  font-weight: var(---font-weight-bold, 700) !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  padding: 0.375rem 1.5rem;
  font-size: var(--base-font-size, 1rem);
  line-height: 1.3 !important;
  -o-border-radius: .3125rem !important;
  -webkit-border-radius: .3125rem !important;
  -moz-border-radius: .3125rem !important;
  -ms-border-radius: .3125rem !important;
  border-radius: .3125rem !important;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


/* Primary Buttons */
/* Primary: .btn-primary */
/* Fallback: .btn--orange */
.btn--orange,
.btn--primary {
  background-color: var(--csk-orange, #C16436) !important;
  color: var(--csk-white, rgb(255, 255, 255)) !important;
  border: 1px solid var(--csk-orange, #C16436) !important;
}

.btn--orange:hover,
.btn--orange:focus,
.btn--orange:active,
.btn--primary:hover,
.btn--primary:active,
.btn--primary:focus {
  background-color: var(--csk-white, rgb(255, 255, 255)) !important;
  color: var(--csk-orange, #C16436) !important;
  border: 1px solid var(--csk-orange, #C16436) !important;
}

/* .btn-secondary */
.btn--navy-blue {
  background-color: var(--csk-navy-blue, #1f2a44) !important;
  color: var(--csk-white, rgb(255, 255, 255)) !important;
  border: 1px solid var(--csk-navy-blue, #1f2a44) !important;
}

.btn--navy-blue:hover,
.btn--navy-blue:focus,
.btn--navy-blue:active {
  background-color: var(--csk-white, rgb(255, 255, 255)) !important;
  color: var(--csk-navy-blue, #1f2a44) !important;
  border: 1px solid var(--csk-navy-blue, #1f2a44) !important;
}


.btn--outline-orange {
  background-color: var(--csk-white, rgb(255, 255, 255)) !important;
  color: var(--csk-orange, #C16436) !important;
  border: 1px solid var(--csk-orange, #C16436) !important;
}

.btn--outline-orange:hover,
.btn--outline-orange:focus,
.btn--outline-orange:active {
  background-color: var(--csk-orange, #C16436) !important;
  color: var(--csk-white, rgb(255, 255, 255)) !important;
  border: 1px solid var(--csk-orange, #C16436) !important;
}

/* Secondary Buttons */
.btn--white {
  background-color: var(--csk-white, rgb(255, 255, 255)) !important;
  color: var(--csk-navy-blue, #1f2a44) !important;
  border: 1px solid var(--csk-navy-blue, #1f2a44) !important;
}

.btn--white:hover,
.btn--white:focus,
.btn--white:active {
  background-color: var(--csk-navy-blue, #1f2a44) !important;
  color: var(--csk-white, rgb(255, 255, 255)) !important;
  border: 1px solid var(--csk-navy-blue, #1f2a44) !important;
}

.btn-outline-white {
  background-color: var(--csk-white, rgb(255, 255, 255)) !important;
  color: var(--csk-navy-blue, #1f2a44) !important;
  border: 1px solid var(--csk-navy-blue, #1f2a44) !important;
}

.btn--outline-white:hover,
.btn--outline-white:focus,
.btn--outline-white:active {
  background-color: var(--csk-white, rgb(255, 255, 255)) !important;
  color: var(--csk-navy-blue, #1f2a44) !important;
  border: 1px solid var(--csk-navy-blue, #1f2a44) !important;
}

/* Gradient Buttons */
.btn--light-blue {
  background-color: var(--csk-light-blue-btn, rgb(124, 167, 173, 0.7)) !important;
  color: var(--csk-white, rgb(255, 255, 255)) !important;
  border: 1px solid var(--csk-white, rgb(255, 255, 255)) !important;
}

.btn--light-blue:hover,
.btn--light-blue:focus,
.btn--light-blue:active {
  background-color: var(--csk-light-blue, #7EA8AF) !important;
  color: var(--csk-white, rgb(255, 255, 255)) !important;
  border: 1px solid var(--csk-white, rgb(255, 255, 255)) !important;
}


.btn--turquoise {
  background-color: var(--csk-turquise-btn,
      rgb(0, 176, 185, 0.7)) !important;
  color: var(--csk-white, rgb(255, 255, 255)) !important;
  border: 1px solid var(--csk-white, rgb(255, 255, 255)) !important;
}

.btn--turquoise:hover,
.btn--turquoise:focus,
.btn--turquoise:active {
  background-color: var(--csk-turquoise, #00B0B9) !important;
  color: var(--csk-white, rgb(255, 255, 255)) !important;
  border: 1px solid var(--csk-white, rgb(255, 255, 255)) !important;
}

.btn--light-orange {
  background-color: var(--csk-light-orange-btn,
      rgb(215, 136, 37, 0.7)) !important;
  color: var(--csk-white, rgb(255, 255, 255)) !important;
  border: 1px solid var(--csk-white, rgb(255, 255, 255)) !important;
}

.btn--light-orange:hover,
.btn--light-orange:focus,
.btn--light-orange:active {
  background-color: var(--csk-light-orange, #D78825) !important;
  color: var(--csk-white, rgb(255, 255, 255)) !important;
  border: 1px solid var(--csk-white, rgb(255, 255, 255)) !important;
}

.btn--copper-orange {
  background-color: var(--csk-orange-btn, rgb(194, 100, 53, 0.7)) !important;
  color: var(--csk-white, rgb(255, 255, 255)) !important;
  border: 1px solid var(--csk-white, rgb(255, 255, 255)) !important;
}

.btn--copper-orange:hover,
.btn--copper-orange:focus,
.btn--copper-orange:active {
  background-color: var(--csk-orange, #C16436) !important;
  color: var(--csk-white, rgb(255, 255, 255)) !important;
  border: 1px solid var(--csk-white, rgb(255, 255, 255)) !important;
}

.btn--brick-red {
  background-color: var(--csk-brick-red-btn, rgb(133, 52, 46, 0.7)) !important;
  color: var(--csk-white, rgb(255, 255, 255)) !important;
  border: 1px solid var(--csk-white, rgb(255, 255, 255)) !important;
}

.btn--brick-red:hover,
.btn--brick-red:focus,
.btn--brick-red:active {
  background-color: var(--csk-brick-red, #81312F) !important;
  color: var(--csk-white, rgb(255, 255, 255)) !important;
  border: 1px solid var(--csk-white, rgb(255, 255, 255)) !important;
}

.btn--light-green {
  background-color: var(--csk-light-green-btn, rgb(184, 190, 20, 0.7)) !important;
  color: var(--csk-white, rgb(255, 255, 255)) !important;
  border: 1px solid var(--csk-white, rgb(255, 255, 255)) !important;
}

.btn--light-green:hover,
.btn--light-green:focus,
.btn--light-green:active {
  background-color: var(--csk-light-green, #B8BE14) !important;
  color: var(--csk-white, rgb(255, 255, 255)) !important;
  border: 1px solid var(--csk-white, rgb(255, 255, 255)) !important;
}

.btn--yellow {
  background-color: var(--csk-yellow-btn, rgb(255, 198, 41, 0.7)) !important;
  color: var(--csk-white, rgb(255, 255, 255)) !important;
  border: 1px solid var(--csk-white, rgb(255, 255, 255)) !important;
}

.btn--yellow:hover,
.btn--yellow:focus,
.btn--yellow:active {
  background-color: var(--csk-yellow, #FFC72C) !important;
  color: var(--csk-white, rgb(255, 255, 255)) !important;
  border: 1px solid var(--csk-white, rgb(255, 255, 255)) !important;
}

/* Dividers */
/* gradient dividers */
.divider--khaki {
  background: linear-gradient(to right, rgba(207, 196, 147, 0) 0%, rgba(207, 196, 147, 0.5) 15%, rgba(207, 196, 147, 1) 30%, rgba(207, 196, 147, 1) 70%, rgba(207, 196, 147, 0.5) 85%, rgba(207, 196, 147, 0) 100%);
}

.divider--light-blue {
  background: linear-gradient(to right, rgba(126, 168, 175, 0) 0%, rgba(126, 168, 175, 0.5) 15%, rgba(126, 168, 175, 1) 30%, rgba(126, 168, 175, 1) 70%, rgba(126, 168, 175, 0.5) 85%, rgba(126, 168, 175, 0) 100%);
}

/* solid dividers */
.separator--light-blue {
  background: var(--csk-light-blue, #7EA8AF);
  height: 1px;
  width: 100%;
  display: block;
}

.separator--navy-blue {
  background: var(--csk-navy-blue, #1f2a44);
  height: 1px;
  width: 100%;
  display: block;
}



/* Textures */

.bg-texture--indigo-paper {
  background-image: url('https://media.cheddars.com/images/textures/csk-texture-indigo-paper.jpg');
  background-repeat: repeat;
  background-size: 100%;
}

/* Box Shadows */
.box-shadow--orange {
  box-shadow: 10px 10px 0 rgba(190, 100, 64);
}