/*--------------------------------------------------------------
>>> Caribbean UI - TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography 
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*********************
IMPORTING PARTIALS
These files are needed at the beginning so that we establish all
our mixins, functions, and variables that we'll be using across
the whole project.
*********************/
:root {
  /*******************************************
  Typography
  ********************************************/
  --text:	"Poppins", sans-serif;
  --headings:	"Poppins", sans-serif;
  /*******************************************
  Breakpoints
  ********************************************/
  --small-only:	39.9375em;
  --medium-up:	40em;
  --medium-only-min:	40em;
  --medium-only-max:	63.9375em;
  --large-up:	64em;
  --large-only-min:	64em;
  --large-only-max:	74.9375em;
  /*******************************************
  Colors
  ********************************************/
  --primary:	#0042FF;
  --secondary:	#EC7F3D;
  --accent:	#24AAE1;
  --success:	#4CAF50;
  --alert:	#d32f2f;
  --warning:	#FFCA28;
  --info:	#2196F3;
  --neutral-grey:	#CCCCCC;
  --neutral-dark:	#333333;
  --neutral-light-grey:	#EFEFEF;
  --light-gray:	#eeeeee;
  --text-color:	#333333;
  --background-color:	#333333;
  --red-50:	#ffebee;
  --red-100:	#ffcdd2;
  --red-200:	#ef9a9a;
  --red-300:	#e57373;
  --red-400:	#ef5350;
  --red-500:	#f44336;
  --red-600:	#e53935;
  --red-700:	#d32f2f;
  --red-800:	#c62828;
  --red-900:	#b71c1c;
  --red-A100:	#ff8a80;
  --red-A200:	#ff5252;
  --red-A400:	#ff1744;
  --red-A700:	#d50000;
  --pink-50:	#FCE4EC;
  --pink-100:	#F8BBD0;
  --pink-200:	#F48FB1;
  --pink-300:	#F06292;
  --pink-400:	#EC407A;
  --pink-500:	#E91E63;
  --pink-600:	#D81B60;
  --pink-700:	#C2185B;
  --pink-800:	#AD1457;
  --pink-900:	#880E4F;
  --pink-A100:	#FF80AB;
  --pink-A200:	#FF4081;
  --pink-A400:	#F50057;
  --pink-A700:	#C51162;
  --purple-50:	#F3E5F5;
  --purple-100:	#E1BEE7;
  --purple-200:	#CE93D8;
  --purple-300:	#BA68C8;
  --purple-400:	#AB47BC;
  --purple-500:	#9C27B0;
  --purple-600:	#8E24AA;
  --purple-700:	#7B1FA2;
  --purple-800:	#6A1B9A;
  --purple-900:	#4A148C;
  --purple-A100:	#EA80FC;
  --purple-A200:	#E040FB;
  --purple-A400:	#D500F9;
  --purple-A700:	#AA00FF;
  --deep-purple-50:	#EDE7F6;
  --deep-purple-100:	#D1C4E9;
  --deep-purple-200:	#B39DDB;
  --deep-purple-300:	#9575CD;
  --deep-purple-400:	#7E57C2;
  --deep-purple-500:	#673AB7;
  --deep-purple-600:	#5E35B1;
  --deep-purple-700:	#512DA8;
  --deep-purple-800:	#4527A0;
  --deep-purple-900:	#311B92;
  --deep-purple-A100:	#B388FF;
  --deep-purple-A200:	#7C4DFF;
  --deep-purple-A400:	#651FFF;
  --deep-purple-A700:	#6200EA;
  --indigo-50:	#E8EAF6;
  --indigo-100:	#C5CAE9;
  --indigo-200:	#9FA8DA;
  --indigo-300:	#7986CB;
  --indigo-400:	#5C6BC0;
  --indigo-500:	#3F51B5;
  --indigo-600:	#3949AB;
  --indigo-700:	#303F9F;
  --indigo-800:	#283593;
  --indigo-900:	#1A237E;
  --indigo-A100:	#8C9EFF;
  --indigo-A200:	#536DFE;
  --indigo-A400:	#3D5AFE;
  --indigo-A700:	#304FFE;
  --blue-50:	#E3F2FD;
  --blue-100:	#BBDEFB;
  --blue-200:	#90CAF9;
  --blue-300:	#64B5F6;
  --blue-400:	#42A5F5;
  --blue-500:	#2196F3;
  --blue-600:	#1E88E5;
  --blue-700:	#1976D2;
  --blue-800:	#1565C0;
  --blue-900:	#0D47A1;
  --blue-A100:	#82B1FF;
  --blue-A200:	#448AFF;
  --blue-A400:	#2979FF;
  --blue-A700:	#2962FF;
  --light-blue-50:	#E1F5FE;
  --light-blue-100:	#B3E5FC;
  --light-blue-200:	#81D4FA;
  --light-blue-300:	#4FC3F7;
  --light-blue-400:	#29B6F6;
  --light-blue-500:	#03A9F4;
  --light-blue-600:	#039BE5;
  --light-blue-700:	#0288D1;
  --light-blue-800:	#0277BD;
  --light-blue-900:	#01579B;
  --light-blue-A100:	#80D8FF;
  --light-blue-A200:	#40C4FF;
  --light-blue-A400:	#00B0FF;
  --light-blue-A700:	#0091EA;
  --cyan-50:	#E0F7FA;
  --cyan-100:	#B2EBF2;
  --cyan-200:	#80DEEA;
  --cyan-300:	#4DD0E1;
  --cyan-400:	#26C6DA;
  --cyan-500:	#00BCD4;
  --cyan-600:	#00ACC1;
  --cyan-700:	#0097A7;
  --cyan-800:	#00838F;
  --cyan-900:	#006064;
  --cyan-A100:	#84FFFF;
  --cyan-A200:	#18FFFF;
  --cyan-A400:	#00E5FF;
  --cyan-A700:	#00B8D4;
  --teal-50:	#E0F2F1;
  --teal-100:	#B2DFDB;
  --teal-200:	#80CBC4;
  --teal-300:	#4DB6AC;
  --teal-400:	#26A69A;
  --teal-500:	#009688;
  --teal-600:	#00897B;
  --teal-700:	#00796B;
  --teal-800:	#00695C;
  --teal-900:	#006064;
  --teal-A100:	#A7FFEB;
  --teal-A200:	#64FFDA;
  --teal-A400:	#1DE9B6;
  --teal-A700:	#00BFA5;
  --green-50:	#E8F5E9;
  --green-100:	#C8E6C9;
  --green-200:	#A5D6A7;
  --green-300:	#81C784;
  --green-400:	#66BB6A;
  --green-500:	#4CAF50;
  --green-600:	#43A047;
  --green-700:	#388E3C;
  --green-800:	#2E7D32;
  --green-900:	#1B5E20;
  --green-A100:	#B9F6CA;
  --green-A200:	#69F0AE;
  --green-A400:	#00E676;
  --green-A700:	#00C853;
  --light-green-50:	#F1F8E9;
  --light-green-100:	#DCEDC8;
  --light-green-200:	#C5E1A5;
  --light-green-300:	#AED581;
  --light-green-400:	#9CCC65;
  --light-green-500:	#8BC34A;
  --light-green-600:	#7CB342;
  --light-green-700:	#689F38;
  --light-green-800:	#558B2F;
  --light-green-900:	#33691E;
  --light-green-A100:	#CCFF90;
  --light-green-A200:	#B2FF59;
  --light-green-A400:	#76FF03;
  --light-green-A700:	#64DD17;
  --lime-green-50:	#F9FBE7;
  --lime-green-100:	#F0F4C3;
  --lime-green-200:	#E6EE9C;
  --lime-green-300:	#DCE775;
  --lime-green-400:	#D4E157;
  --lime-green-500:	#CDDC39;
  --lime-green-600:	#C0CA33;
  --lime-green-700:	#AFB42B;
  --lime-green-800:	#9E9D24;
  --lime-green-900:	#827717;
  --lime-green-A100:	#F4FF81;
  --lime-green-A200:	#EEFF41;
  --lime-green-A400:	#C6FF00;
  --lime-green-A700:	#AEEA00;
  --yellow-50:	#F9FBE7;
  --yellow-100:	#F0F4C3;
  --yellow-200:	#E6EE9C;
  --yellow-300:	#DCE775;
  --yellow-400:	#D4E157;
  --yellow-500:	#CDDC39;
  --yellow-600:	#C0CA33;
  --yellow-700:	#AFB42B;
  --yellow-800:	#9E9D24;
  --yellow-900:	#827717;
  --yellow-A100:	#F4FF81;
  --yellow-A200:	#EEFF41;
  --yellow-A400:	#C6FF00;
  --yellow-A700:	#AEEA00;
  --amber-50:	#FFF8E1;
  --amber-100:	#FFECB3;
  --amber-200:	#FFE082;
  --amber-300:	#FFD54F;
  --amber-400:	#FFCA28;
  --amber-500:	#FFC107;
  --amber-600:	#FFB300;
  --amber-700:	#FFA000;
  --amber-800:	#FF8F00;
  --amber-900:	#FF6F00;
  --amber-A100:	#FFE57F;
  --amber-A200:	#FFD740;
  --amber-A400:	#FFC400;
  --amber-A700:	#FFAB00;
  --orange-50:	#FFF3E0;
  --orange-100:	#FFE0B2;
  --orange-200:	#FFCC80;
  --orange-300:	#FFB74D;
  --orange-400:	#FFA726;
  --orange-500:	#FF9800;
  --orange-600:	#FB8C00;
  --orange-700:	#F57C00;
  --orange-800:	#EF6C00;
  --orange-900:	#E65100;
  --orange-A100:	#FFD180;
  --orange-A200:	#FFAB40;
  --orange-A400:	#FF9100;
  --orange-A700:	#FF6D00;
  --deep-orange-50:	#FBE9E7;
  --deep-orange-100:	#FFCCBC;
  --deep-orange-200:	#FFAB91;
  --deep-orange-300:	#FF8A65;
  --deep-orange-400:	#FF7043;
  --deep-orange-500:	#FF5722;
  --deep-orange-600:	#F4511E;
  --deep-orange-700:	#E64A19;
  --deep-orange-800:	#D84315;
  --deep-orange-900:	#BF360C;
  --deep-orange-A100:	#FF9E80;
  --deep-orange-A200:	#FF6E40;
  --deep-orange-A400:	#FF3D00;
  --deep-orange-A700:	#DD2C00;
  --brown-50:	#EFEBE9;
  --brown-100:	#D7CCC8;
  --brown-200:	#BCAAA4;
  --brown-300:	#A1887F;
  --brown-400:	#8D6E63;
  --brown-500:	#795548;
  --brown-600:	#6D4C41;
  --brown-700:	#5D4037;
  --brown-800:	#4E342E;
  --brown-900:	#3E2723;
  --grey-50:	#FAFAFA;
  --grey-100:	#F5F5F5;
  --grey-200:	#EEEEEE;
  --grey-300:	#E0E0E0;
  --grey-400:	#BDBDBD;
  --grey-500:	#9E9E9E;
  --grey-600:	#757575;
  --grey-700:	#616161;
  --grey-800:	#424242;
  --grey-900:	#212121;
  --blue-grey-50:	#ECEFF1;
  --blue-grey-100:	#CFD8DC;
  --blue-grey-200:	#B0BEC5;
  --blue-grey-300:	#90A4AE;
  --blue-grey-400:	#78909C;
  --blue-grey-500:	#607D8B;
  --blue-grey-600:	#546E7A;
  --blue-grey-700:	#455A64;
  --blue-grey-800:	#37474F;
  --blue-grey-900:	#263238;
  /*******************************************
  Font Sizes
  ********************************************/
  --font-size-tiny:	0.6rem;
  --font-size-small:	0.75rem;
  --font-size-standard:	0.9rem;
  --font-size-large:	1.25rem;
  --font-size-xlarge:	1.75rem;
  /*******************************************
  Borders
  ********************************************/
  --radius-2:	2px;
  --radius-3:	3px;
  --radius-6:	6px;
  --radius-circle:	28px;
  --border-width-1:	1px;
  --border-width-2:	2px;
  --border-width-3:	3px;
  --border-width-4:	4px;
  --border-width-5:	5px;
  --border-width-6:	6px;
  --border-width-7:	7px;
  --border-width-8:	8px;
  --border-width-9:	9px;
  --border-width-10:	10px;
  --border-style-dash:	dashed;
  --border-dotted:	dotted;
  --border-solid:	solid;
  --border-double:	double;
  --border-groove:	groove;
  --border-color: rgba(0,0,0,.15);
  /*******************************************
  Spacing
  ********************************************/
  --ui-padding-small:	0.625rem;
  --ui-padding:	0.9375rem;
  --ui-margin:	0.9375rem;
  --ui-margin-small:	0.625rem;
  --space:	0.5rem;
  --button-padding:	0.65rem 0.95rem;
  /*******************************************
  Width
  ********************************************/
  --container-width:	1440px;
  --small: 39.9375em;
  --medium: 40em;
  --large: 64em;
  --xlarge: 90em;
}

/*******************************************
Colors
********************************************/
/*******************************************
Shadow
********************************************/
/*******************************************
Transitions
********************************************/
/*******************************************
Widths
********************************************/
/***********************************************
Transformicons
************************************************/
.tcon {
  -webkit-appearance: none;
          appearance: none;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  transition: 0.3s;
  -webkit-user-select: none;
          user-select: none;
  width: 40px;
  background: transparent;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}
.tcon > * {
  display: block;
}
.tcon:hover, .tcon:focus {
  outline: none;
}
.tcon::-moz-focus-inner {
  border: 0;
}

.tcon-search__item {
  display: inline-block;
  height: 30px;
  width: 30px;
  border-radius: 0;
  transition: 0.3s;
  background: transparent;
  position: relative;
  transform: rotate(-45deg);
}
.tcon-search__item::before, .tcon-search__item::after {
  display: inline-block;
  height: 30px;
  width: 30px;
  border-radius: 0;
  transition: 0.3s;
  background: transparent;
  content: "";
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  margin: auto;
}
.tcon-search__item::before {
  height: 4px;
  left: 0;
  background: black;
  border-radius: 2.8571428571px;
}
.tcon-search__item::after {
  right: 0;
  background: white;
  border-radius: 50%;
  width: 12.0001200012px;
  height: 12.0001200012px;
  border: 2px solid black;
  transform-origin: 50% 50%;
}

.tcon-search--xcross.tcon-transform {
  transform: scale3d(0.8, 0.8, 0.8);
}
.tcon-search--xcross.tcon-transform .tcon-search__item::before, .tcon-search--xcross.tcon-transform .tcon-search__item::after {
  border-radius: 2.8571428571px;
  background: black;
}
.tcon-search--xcross.tcon-transform .tcon-search__item::after {
  height: 4px;
  width: 100%;
  top: 0;
  right: 0;
  border: 0;
  transform: rotate3d(0, 0, 1, 90deg);
}

.tcon-visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.tcon-visuallyhidden:active, .tcon-visuallyhidden:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/***********************************************
Transitions
************************************************/
.c-h--100 {
  height: 100%;
}

.c-vh--50 {
  height: 50vh;
}

.c-vh--100 {
  height: 100vh;
}

.c-vw--100 {
  width: 100vw;
}

.c-w-max-content {
  width: -webkit-max-content;
  width: max-content;
}

.c-w-min-content {
  width: -webkit-min-content;
  width: min-content;
}

.c-w-sm-over--125 {
  width: 125%;
  max-width: 125%;
}

/********************************************************
Sizes
*********************************************************/
.c-size--20 {
  width: 20px;
}

.c-size--25 {
  width: 25px;
}

.c-size--30 {
  width: 30px;
}

.c-size--35 {
  width: 35px;
}

.c-size--40 {
  width: 40px;
}

.c-size--45 {
  width: 45px;
}

.c-size--50 {
  width: 50px;
}

/********************************************************
Heights
*********************************************************/
.c-h--100px {
  height: 100px;
}

.c-h--150px {
  height: 150px;
}

.c-h--200px {
  height: 200px;
}

.c-h--250px {
  height: 250px;
}

.c-h--300px {
  height: 300px;
}

.c-h--350px {
  height: 350px;
}

.c-h--400px {
  height: 400px;
}

.c-h--450px {
  height: 450px;
}

.c-h--500px {
  height: 500px;
}

/********************************************************
Width + Height
*********************************************************/
.c-sm-wh--20px {
  width: 20px;
  height: 20px;
}

.c-sm-wh--30px {
  width: 30px;
  height: 30px;
}

.c-sm-wh--35px {
  width: 35px;
  height: 35px;
}

.c-sm-wh--40px {
  width: 40px;
  height: 40px;
}

.c-sm-wh--50px {
  width: 50px;
  height: 50px;
}

.c-sm-wh--60px {
  width: 60px;
  height: 60px;
}

.c-sm-wh--70px {
  width: 70px;
  height: 70px;
}

.c-sm-wh--80px {
  width: 80px;
  height: 80px;
}

.c-sm-wh--90px {
  width: 90px;
  height: 90px;
}

.c-sm-wh--100px {
  width: 100px;
  height: 100px;
}

/********************************************************
Widths percentages
*********************************************************/
.c-w--auto {
  width: auto;
  max-width: auto;
}

.c-w--content {
  width: var(--container-width);
  max-width: var(--container-width);
}

.c-w--100 {
  width: 100%;
  max-width: 100%;
}

.c-w-sm--100 {
  width: 100%;
  max-width: 100%;
}

.c-w-sm--50 {
  width: 50%;
  max-width: 50%;
}

.c-w-sm--90 {
  width: 90%;
  max-width: 90%;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
  .c-w-sm-only--50 {
    width: 50% !important;
    max-width: 50%;
  }

  .c-w-sm-only--90 {
    width: 90% !important;
    max-width: 90%;
  }

  .c-w-sm-only--100 {
    width: 100% !important;
    max-width: 100%;
  }
}
/* Medium and up */
@media screen and (min-width: 40em) {
  .c-w-md--50 {
    width: 50%;
    max-width: 50%;
  }

  .c-w-md--90 {
    width: 90%;
    max-width: 90%;
  }

  .c-w-md--100 {
    width: 100%;
    max-width: 100%;
  }

  .c-h-md--100 {
    height: 100%;
  }

  .c-w-md--auto {
    width: auto;
    max-width: auto;
  }
}
/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .md-only-margin-bottom--1 {
    margin-bottom: 1em;
  }

  .c-w-md-only--50 {
    width: 50% !important;
    max-width: 50%;
  }

  .c-w-md-only--90 {
    width: 90% !important;
    width: 90%;
  }

  .c-w-md-only--100 {
    width: 100% !important;
    max-width: 100%;
  }
}
/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  .c-w-lg-only--50 {
    width: 50% !important;
    max-width: 50%;
  }

  .c-w-lg-only--90 {
    width: 90% !important;
    max-width: 90%;
  }

  .c-w-lg-only--100 {
    width: 100% !important;
    max-width: 100%;
  }
}
/* Large and up */
@media screen and (min-width: 64em) {
  .c-w-lg--50 {
    width: 50%;
    max-width: 50%;
  }

  .c-w-lg--90 {
    width: 90%;
    max-width: 90%;
  }

  .c-w-lg--100 {
    width: 100%;
    max-width: 100%;
  }

  .c-w-lg--auto {
    width: auto;
    max-width: auto;
  }

  .c-h-lg--100 {
    height: 100%;
  }
}
/********************************************************
Widths in pixels
*********************************************************/
.c-w--100px {
  width: 100px;
}

.c-w-sm--10px {
  width: 10px;
}

.c-w-sm--20px {
  width: 20px;
}

.c-w-sm--30px {
  width: 30px;
}

.c-w-sm--40px {
  width: 40px;
}

.c-w-sm--50px {
  width: 50px;
}

.c-w-sm--100px {
  width: 100px;
}

.c-w-sm--150px {
  width: 150px;
}

.c-w-sm--200px {
  width: 200px;
}

.c-w-sm--250px {
  width: 250px;
}

.c-w-sm--300px {
  width: 300px;
}

.c-w-sm--350px {
  width: 350px;
}

.c-w-sm--400px {
  width: 400px;
}

.c-w-sm--450px {
  width: 450px;
}

.c-w-sm--500px {
  width: 500px;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
  .c-w-sm-only--50px {
    width: 50px !important;
  }

  .c-w-sm-only--100px {
    width: 100px !important;
  }

  .c-w-sm-only--150px {
    width: 150px !important;
  }

  .c-w-sm-only--200px {
    width: 200px !important;
  }

  .c-w-sm-only--250px {
    width: 250px !important;
  }

  .c-w-sm-only--300px {
    width: 300px !important;
  }

  .c-w-sm-only--350px {
    width: 350px !important;
  }

  .c-w-sm-only--400px {
    width: 400px !important;
  }

  .c-w-sm-only--450px {
    width: 450px !important;
  }

  .c-w-sm-only--500px {
    width: 500px !important;
  }
}
/* Medium and up */
@media screen and (min-width: 40em) {
  .c-w-md--90 {
    width: 50px !important;
  }

  .c-w-md--10px {
    width: 10px;
  }

  .c-w-md--20px {
    width: 20px;
  }

  .c-w-md--30px {
    width: 30px;
  }

  .c-w-sm--40px {
    width: 40px;
  }

  .c-w-md--50px {
    width: 50px;
  }

  .c-w-md--100px {
    width: 100px !important;
  }

  .c-w-md--150px {
    width: 150px !important;
  }

  .c-w-md--200px {
    width: 200px !important;
  }

  .c-w-md--250px {
    width: 250px !important;
  }

  .c-w-md--300px {
    width: 300px !important;
  }

  .c-w-md--350px {
    width: 350px !important;
  }

  .c-w-md--400px {
    width: 400px !important;
  }

  .c-w-md--450px {
    width: 450px !important;
  }

  .c-w-md--500px {
    width: 500px !important;
  }
}
/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .c-w-md-only--50px {
    width: 50px !important;
  }

  .c-w-md-only--100px {
    width: 100px !important;
  }

  .c-w-md-only--150px {
    width: 150px !important;
  }

  .c-w-md-only--200px {
    width: 200px !important;
  }

  .c-w-md-only--250px {
    width: 250px !important;
  }

  .c-w-md-only--300px {
    width: 300px !important;
  }

  .c-w-md-only--350px {
    width: 350px !important;
  }

  .c-w-md-only--400px {
    width: 400px !important;
  }

  .c-w-md-only--450px {
    width: 450px !important;
  }

  .c-w-md-only--500px {
    width: 500px !important;
  }
}
/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  .c-w-lg-only--50px {
    width: 50px !important;
  }

  .c-w-lg-only--100px {
    width: 100px !important;
  }

  .c-w-lg-only--150px {
    width: 150px !important;
  }

  .c-w-lg-only--200px {
    width: 200px !important;
  }

  .c-w-lg-only--250px {
    width: 250px !important;
  }

  .c-w-lg-only--300px {
    width: 300px !important;
  }

  .c-w-lg-only--350px {
    width: 350px !important;
  }

  .c-w-lg-only--350px {
    width: 350px !important;
  }
}
/* Large and up */
@media screen and (min-width: 64em) {
  .c-w-lg--10px {
    width: 10px;
  }

  .c-w-lg--20px {
    width: 20px;
  }

  .c-w-lg--30px {
    width: 30px;
  }

  .c-w-lg--40px {
    width: 40px;
  }

  .c-w-lg--50px {
    width: 50px !important;
  }

  .c-w-lg--100px {
    width: 100px !important;
  }

  .c-w-lg--150px {
    width: 150px !important;
  }

  .c-w-lg--200px {
    width: 200px !important;
  }

  .c-w-lg--250px {
    width: 250px !important;
  }

  .c-w-lg--300px {
    width: 300px !important;
  }

  .c-w-lg--350px {
    width: 350px !important;
  }

  .c-w-lg--400px {
    width: 400px !important;
  }

  .c-w-lg--450px {
    width: 450px !important;
  }

  .c-w-lg--500px {
    width: 500px !important;
  }
}
/* Extra large and up */
@media screen and (min-width: 75em) {
  .c-w-xlg--10px {
    width: 10px;
  }

  .c-w-xlg--20px {
    width: 20px;
  }

  .c-w-xlg--30px {
    width: 30px;
  }

  .c-w-xlg--40px {
    width: 40px;
  }

  .c-w-xlg--50px {
    width: 50px !important;
  }

  .c-w-xlg--100px {
    width: 100px !important;
  }

  .c-w-xlg--150px {
    width: 150px !important;
  }

  .c-w-xlg--200px {
    width: 200px !important;
  }

  .c-w-xlg--250px {
    width: 250px !important;
  }

  .c-w-xlg--300px {
    width: 300px !important;
  }

  .c-w-xlg--350px {
    width: 350px !important;
  }

  .c-w-xlg--400px {
    width: 400px !important;
  }

  .c-w-xlg--450px {
    width: 450px !important;
  }

  .c-w-xlg--500px {
    width: 500px !important;
  }
}
/* Extra Extra large and up */
@media screen and (min-width: 90em) {
  .c-w-xxlg--50px {
    width: 50px !important;
  }

  .c-w-xxlg--100px {
    width: 100px !important;
  }

  .c-w-xxlg--150px {
    width: 150px !important;
  }

  .c-w-xxlg--200px {
    width: 200px !important;
  }

  .c-w-xxlg--250px {
    width: 250px !important;
  }

  .c-w-xxlg--300px {
    width: 300px !important;
  }

  .c-w-xxlg--350px {
    width: 350px !important;
  }

  .c-w-xxlg--400px {
    width: 400px !important;
  }

  .c-w-xxlg--450px {
    width: 450px !important;
  }

  .c-w-xxlg--500px {
    width: 500px !important;
  }
}
.c-button, .c-button.disabled, .c-button[disabled], .c-button.disabled:hover, .c-button[disabled]:hover, .c-button.disabled:focus, .c-button[disabled]:focus {
  background-color: var(--primary);
}

.c-button {
  display: inline-flex;
  padding: var(--button-padding);
  border-radius: var(--radius-3);
  border: 1px solid transparent;
  text-decoration: none;
  transition: all ease 0.7s;
  cursor: pointer;
  align-items: center;
}

.c-button--spacing {
  margin-bottom: 1em;
}

.c-button--tiny {
  font-size: 0.6rem;
}

.c-button--small {
  font-size: 0.75rem;
}

.c-button--large {
  font-size: 1.25rem;
}

.c-button--expand {
  width: 100%;
}

.c-button:hover {
  opacity: 0.9;
}

.c-button--circle {
  border-radius: 50%;
}

.c-button--rounded {
  border-radius: 28px;
}

.c-button--rounded-2 {
  border-radius: var(--radius-2);
}

.c-button--rounded-3 {
  border-radius: var(--radius-3);
}

.c-button--rounded-6 {
  border-radius: var(--radius-6);
}

.c-button--icon-left i, .c-button--icon-left svg, .c-button--icon-left .c-icon {
  margin-right: 0.45em;
}

.c-button--icon-right i, .c-button--icon-right svg, .c-button--icon-right .c-icon {
  margin-left: 0.45em;
}

.c-button svg {
  fill: currentColor;
}

.c-button--text-white, .c-button--text-white:hover, .c-button--text-white:focus, .c-caribbean-wp .c-button--text-white, .c-caribbean-wp .c-button--text-white:hover, .c-caribbean-wp .c-button--text-white:focus {
  color: white;
}

.c-button--text-black, .c-button--text-black:hover, .c-caribbean-wp .c-button--text-black, .c-caribbean-wp .c-button--text-black:hover {
  color: black;
}

.c-button--primary {
  background: var(--primary);
}

.c-button--primary-hover:hover {
  background: var(--primary);
  border-color: var(--primary);
}

.c-button--secondary {
  background: var(--secondary);
}

.c-button--secondary-hover:hover {
  background: var(--secondary);
  border-color: var(--secondary);
}

.c-button--success {
  background: var(--success);
}

.c-button--success-hover:hover {
  background: var(--success);
  border-color: var(--success);
}

.c-button--warning {
  background: var(--warning);
}

.c-button--warning-hover:hover {
  background: var(--warning);
  border-color: var(--warning);
}

.c-button--alert {
  background: var(--alert);
}

.c-button--alert-hover:hover {
  background: var(--alert);
  border-color: var(--alert);
}

.c-button--white {
  background: white;
}

.c-button.c-button--hollow {
  color: var(--primary);
  border-color: var(--primary);
}

.c-button.c-button--hollow:hover, .c-button.c-button--hollow:active, .c-button.c-button--hollow:focus {
  background-color: var(--primary);
  border-color: var(--primary);
  color: white;
}

.c-button--hollow {
  background: transparent;
}

.c-button--hollow.c-button--primary, .c-button--primary.c-button--hollow, .c-button--hollow.c-button--primary:hover, .c-button--primary.c-button--hollow:hover,
.c-button--hollow.c-button--primary:focus, .c-button--primary.c-button--hollow:focus, .c-button--hollow.c-button--primary:active, .c-button--primary.c-button--hollow:active {
  color: var(--primary);
  border-color: var(--primary);
}

.c-button--hollow.c-button--secondary, .c-button--secondary.c-button--hollow, .c-button--hollow.c-button--secondary:hover, .c-button--secondary.c-button--hollow:hover,
.c-button--hollow.c-button--secondary:focus, .c-button--secondary.c-button--hollow:focus, .c-button--hollow.c-button--secondary:active, .c-button--secondary.c-button--hollow:active {
  color: var(--secondary);
  border-color: var(--secondary);
}

.c-button--hollow.c-button--success, .c-button--success.c-button--hollow, .c-button--hollow.c-button--success:hover, .c-button--success.c-button--hollow:hover,
.c-button--hollow.c-button--success:focus, .c-button--success.c-button--hollow:focus, .c-button--hollow.c-button--success:active, .c-button--success.c-button--hollow:active {
  color: var(--success);
  border-color: var(--success);
}

.c-button--hollow.c-button--warning, .c-button--warning.c-button--hollow, .c-button--hollow.c-button--warning:hover, .c-button--warning.c-button--hollow:hover,
.c-button--hollow.c-button--warning:focus, .c-button--warning.c-button--hollow:focus, .c-button--hollow.c-button--warning:active, .c-button--warning.c-button--hollow:active {
  color: var(--warning);
  border-color: var(--warning);
}

.c-button--hollow.c-button--alert, .c-button--alert.c-button--hollow, .c-button--hollow.c-button--alert:hover, .c-button--alert.c-button--hollow:hover,
.c-button--hollow.c-button--alert:focus, .c-button--alert.c-button--hollow:focus, .c-button--hollow.c-button--alert:active, .c-button--alert.c-button--hollow:active {
  color: var(--alert);
  border-color: var(--alert);
}

.c-button--hollow-white {
  border-color: white;
}

.c-button--clear {
  background: transparent;
}

.c-button--clear.c-button--primary, .c-button--primary.c-button--clear {
  color: var(--primary);
  border-color: transparent;
}

.c-button--clear.c-button--secondary, .c-button--secondary.c-button--clear {
  color: var(--secondary);
  border-color: transparent;
}

.c-button--clear.c-button--success, .c-button--success.c-button--clear {
  color: var(--success);
  border-color: transparent;
}

.c-button--clear.c-button--warning, .c-button--warning.c-button--clear {
  color: var(--warning);
  border-color: transparent;
}

.c-button--clear.c-button--alert, .c-button--alert.c-button--clear {
  color: var(--alert);
  border-color: transparent;
}

.c-button-group {
  display: flex;
}

.c-button-group--space-between .c-button {
  margin-right: 0.5em;
}

.c-button-group--space-between .c-button:first-of-type {
  margin-left: 0;
}

.c-button-group--space-between .c-button:last-of-type {
  margin-right: 0;
}

.c-button-group .c-button {
  border-radius: 0;
}

.c-button-group--rounded-2 .c-button {
  border-radius: var(--radius-2);
}

.c-button-group--rounded-3 .c-button {
  border-radius: var(--radius-3);
}

.c-button-group--rounded-6 .c-button {
  border-radius: var(--radius-6);
}

.c-button-group--circle .c-button {
  border-radius: var(--radius-circle);
}

.c-button-group--rounded-2-first .c-button:first-of-type {
  border-radius: var(--radius-2) 0 0 var(--radius-2);
}

.c-button-group--rounded-2-last .c-button:last-of-type {
  border-radius: 0 var(--radius-2) var(--radius-2) 0;
}

.c-button-group--rounded-3-first .c-button:first-of-type {
  border-radius: var(--radius-3) 0 0 var(--radius-3);
}

.c-button-group--rounded-3-last .c-button:last-of-type {
  border-radius: 0 var(--radius-3) var(--radius-3) 0;
}

.c-button-group--rounded-6-first .c-button:first-of-type {
  border-radius: var(--radius-6) 0 0 var(--radius-6);
}

.c-button-group--rounded-6-last .c-button:last-of-type {
  border-radius: 0 var(--radius-6) var(--radius-6) 0;
}

.c-button-group--circle-first .c-button:first-of-type {
  border-radius: var(--radius-circle) 0 0 var(--radius-circle);
}

.c-button-group--circle-last .c-button:last-of-type {
  border-radius: 0 var(--radius-circle) var(--radius-circle) 0;
}

.c-button-group--icon-left i, .c-button-group--icon-left svg, .c-button-group--icon-left .c-icon {
  margin-right: 0.45em;
}

.c-button-group--icon-right i, .c-button-group--icon-right svg, .c-button-group--icon-right .c-icon {
  margin-left: 0.45em;
}

.c-button-group--tiny .c-button {
  font-size: 0.6rem;
}

.c-button-group--small .c-button {
  font-size: 0.75rem;
}

.c-button-group--large .c-button {
  font-size: 1.25rem;
}

.c-close-button {
  position: absolute;
  z-index: 10;
  color: var(--neutral-grey);
  cursor: pointer;
  background: none;
  border: none;
  outline: none;
}

[data-whatinput=mouse] .c-close-button {
  outline: 0;
}

.c-close-button:hover, .c-close-button:focus {
  color: var(--neutral-dark);
}

.c-close-button.small {
  right: 0.66rem;
  top: 0.33em;
  font-size: 1.5em;
  line-height: 1;
}

.c-close-button.medium, .c-close-button {
  right: 1rem;
  top: 0.5rem;
  font-size: 2em;
  line-height: 1;
}

/* Ripple effect */
/***********************************************
Headings
************************************************/
.h1, h1, .h2, .h3, .h4, .h5, .h6, h2, h3, h4, h5, h6 {
  font-family: var(--headings);
  font-weight: 900;
}

/* Custom Components override for WordPress Block Editor */
.c-caribbean-wp [class*=cc-] .h1, .c-caribbean-wp [class*=cc-] h1, .c-caribbean-wp [class*=cc-] .h2, .c-caribbean-wp [class*=cc-] .h3, .c-caribbean-wp [class*=cc-] .h4, .c-caribbean-wp [class*=cc-] .h5, .c-caribbean-wp [class*=cc-] .h6, .c-caribbean-wp [class*=cc-] h2, .c-caribbean-wp [class*=cc-] h3, .c-caribbean-wp [class*=cc-] h4, .c-caribbean-wp [class*=cc-] h5, .c-caribbean-wp [class*=cc-] h6 {
  margin: 0 0 0.5em;
}

.c-caribbean-wp [class*=cc-] p {
  margin-bottom: var(--ui-margin);
}

/***********************************************
Font Sizes
************************************************/
.c-font-size--tiny {
  font-size: var(--font-size-tiny);
}

.c-font-size--small {
  font-size: var(--font-size-small);
}

.c-font-size--standard {
  font-size: var(--font-size-standard);
}

.c-font-size--large {
  font-size: var(--font-size-large);
}

.c-font-size--xlarge {
  font-size: var(--font-size-xlarge);
}

/***********************************************
Font Weight
************************************************/
.c-font-weight--bold {
  font-weight: bold;
}

.c-font-weight--bolder {
  font-weight: bolder;
}

.c-font-weight--lighter {
  font-weight: lighter;
}

/***********************************************
Icons
************************************************/
.fa, .far, .fas {
  font: normal normal normal 14px/1 Font Awesome 5 Free;
}

/*
 * Visual Studio 2015 dark style
 * Author: Nicolas LLOBERA <nllobera@gmail.com>
 */
.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #1E1E1E;
  color: #DCDCDC;
}

.hljs-keyword,
.hljs-literal,
.hljs-symbol,
.hljs-name {
  color: #569CD6;
}

.hljs-link {
  color: #569CD6;
  text-decoration: underline;
}

.hljs-built_in,
.hljs-type {
  color: #4EC9B0;
}

.hljs-number,
.hljs-class {
  color: #B8D7A3;
}

.hljs-string,
.hljs-meta-string {
  color: #D69D85;
}

.hljs-regexp,
.hljs-template-tag {
  color: #9A5334;
}

.hljs-subst,
.hljs-function,
.hljs-title,
.hljs-params,
.hljs-formula {
  color: #DCDCDC;
}

.hljs-comment,
.hljs-quote {
  color: #57A64A;
  font-style: italic;
}

.hljs-doctag {
  color: #608B4E;
}

.hljs-meta,
.hljs-meta-keyword,
.hljs-tag {
  color: #9B9B9B;
}

.hljs-variable,
.hljs-template-variable {
  color: #BD63C5;
}

.hljs-attr,
.hljs-attribute,
.hljs-builtin-name {
  color: #9CDCFE;
}

.hljs-section {
  color: gold;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}

/*.hljs-code {
  font-family:'Monospace';
}*/
.hljs-bullet,
.hljs-selector-tag,
.hljs-selector-id,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo {
  color: #D7BA7D;
}

.hljs-addition {
  background-color: #144212;
  display: inline-block;
  width: 100%;
}

.hljs-deletion {
  background-color: #600;
  display: inline-block;
  width: 100%;
}

.c-header {
  background: var(--primary);
  height: 100px;
  padding: 0 var(--ui-padding);
}

section.c-section {
  padding: var(--ui-padding);
}

.c-dark-mode .c-theme {
  background: var(--blue-grey-800);
  color: white;
}

.c-card {
  background-color: white;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid var(--border-color);
  margin-bottom: var(--ui-padding);
}

.c-card__body {
  padding: var(--ui-padding);
}

.c-card__subtitle {
  font-weight: 500;
  color: var(--neutral-grey);
}

.c-card__header {
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid var(--border-color);
  padding: 1rem var(--ui-padding);
}

.c-card--image-padding .c-card__img {
  margin: var(--ui-padding) var(--ui-padding) 0;
}

.c-card--image-padding .c-card__img img {
  border-radius: 6px;
}

.c-card--primary {
  background-color: var(--primary);
  color: white;
  border-color: var(--primary);
}

.c-card--primary .c-card__header {
  color: white;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}

.c-card--secondary {
  background-color: var(--secondary);
  color: white;
  border-color: var(--secondary);
}

.c-card--secondary .c-card__header {
  color: white;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.c-card--warning {
  background-color: var(--warning);
  color: white;
  border-color: var(--warning);
}

.c-card--warning .c-card__header {
  color: white;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.c-card--alert {
  background-color: var(--alert);
  color: white;
  border-color: var(--alert);
}

.c-card--alert .c-card__header {
  color: white;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.c-card--success {
  background-color: var(--success);
  color: white;
  border-color: var(--success);
}

.c-card--success .c-card__header {
  color: white;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.c-card--info {
  background-color: var(--blue-500);
  color: white;
  border-color: var(--blue-500);
}

.c-card--info .c-card__header {
  color: white;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}

.c-card--dark {
  background-color: var(--blue-grey-800);
  color: white;
  border-color: var(--blue-grey-800);
}

.c-card--dark .c-card__header {
  color: white;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}

.c-border {
  position: relative;
}

/*******************************************
Border Widths - Small
********************************************/
.c-sm-border--none {
  border: none;
}

.c-border--1 {
  border: 1px solid #CCCCCC;
}

.c-border--2 {
  border: 2px solid #CCCCCC;
}

.c-border--3 {
  border: 3px solid #CCCCCC;
}

.c-border--4 {
  border: 4px solid #CCCCCC;
}

.c-border--5 {
  border: 5px solid #CCCCCC;
}

.c-border-top--1 {
  border-top: 1px solid #CCCCCC;
}

.c-border-bottom--1 {
  border-bottom: 1px solid #CCCCCC;
}

.c-border-width-1 {
  border-width: var(--border-width-1);
}

.c-border-width-2 {
  border-width: var(--border-width-2);
}

.c-border-width-3 {
  border-width: var(--border-width-3);
}

.c-border-width-4 {
  border-width: var(--border-width-4);
}

.c-border-width-5 {
  border-width: var(--border-width-5);
}

.c-sm-border-top--1 {
  border-top-width: var(--border-width-1);
}

.c-sm-border-top--2 {
  border-top-width: var(--border-width-2);
}

.c-sm-border-top--3 {
  border-top-width: var(--border-width-3);
}

.c-sm-border-top--4 {
  border-top-width: var(--border-width-4);
}

.c-sm-border-top--5 {
  border-top-width: var(--border-width-5);
}

.c-sm-border-top--6 {
  border-top-width: var(--border-width-6);
}

.c-sm-border-top--7 {
  border-top-width: var(--border-width-7);
}

.c-sm-border-top--8 {
  border-top-width: var(--border-width-8);
}

.c-sm-border-top--9 {
  border-top-width: var(--border-width-9);
}

.c-sm-border-top--10 {
  border-top-width: var(--border-width-10);
}

.c-sm-border-bottom--1 {
  border-bottom-width: var(--border-width-1);
}

.c-sm-border-bottom--2 {
  border-bottom-width: var(--border-width-2);
}

.c-sm-border-bottom--3 {
  border-bottom-width: var(--border-width-3);
}

.c-sm-border-bottom--4 {
  border-bottom-width: var(--border-width-4);
}

.c-sm-border-bottom--5 {
  border-bottom-width: var(--border-width-5);
}

.c-sm-border-bottom--6 {
  border-bottom-width: var(--border-width-6);
}

.c-sm-border-bottom--7 {
  border-bottom-width: var(--border-width-7);
}

.c-sm-border-bottom--8 {
  border-bottom-width: var(--border-width-8);
}

.c-sm-border-bottom--9 {
  border-bottom-width: var(--border-width-9);
}

.c-sm-border-bottom--10 {
  border-bottom-width: var(--border-width-10);
}

.c-sm-border-right--1 {
  border-right-width: var(--border-width-1);
}

.c-sm-border-right--2 {
  border-right-width: var(--border-width-2);
}

.c-sm-border-right--3 {
  border-right-width: var(--border-width-3);
}

.c-sm-border-right--4 {
  border-right-width: var(--border-width-4);
}

.c-sm-border-right--5 {
  border-right-width: var(--border-width-5);
}

.c-sm-border-right--6 {
  border-right-width: var(--border-width-6);
}

.c-sm-border-right--7 {
  border-right-width: var(--border-width-7);
}

.c-sm-border-right--8 {
  border-right-width: var(--border-width-8);
}

.c-sm-border-right--9 {
  border-right-width: var(--border-width-9);
}

.c-sm-border-right--10 {
  border-right-width: var(--border-width-10);
}

/*******************************************
Border Styles - Small
********************************************/
.c-sm-border-style--solid {
  border-style: solid;
}

.c-sm-border-style--solid-right {
  border-right-style: solid;
}

.c-sm-border-style--solid-left {
  border-left-style: solid;
}

.c-sm-border-style--solid-bottom {
  border-bottom-style: solid;
}

.c-sm-border-style--solid-top {
  border-top-style: solid;
}

.c-sm-border-style--dash {
  border-style: dashed;
}

.c-sm-border-style--dash-top {
  border-top-style: dashed;
}

.c-sm-border-style--dash-bottom {
  border-bottom-style: dashed;
}

.c-sm-border-style--dash-right {
  border-right-style: dashed;
}

.c-sm-border-style--dash-left {
  border-left-style: dashed;
}

.c-sm-border-style--dotted {
  border-style: dotted;
}

.c-sm-border-style--dotted-top {
  border-top-style: dotted;
}

.c-sm-border-style--dotted-bottom {
  border-bottom-style: dotted;
}

.c-sm-border-style--dotted-right {
  border-right-style: dotted;
}

.c-sm-border-style--dotted-left {
  border-left-style: dotted;
}

.c-sm-border-style--double {
  border-style: double;
}

.c-sm-border-style--double-top {
  border-top-style: double;
}

.c-sm-border-style--double-bottom {
  border-bottom-style: double;
}

.c-sm-border-style--double-right {
  border-right-style: double;
}

.c-sm-border-style--double-left {
  border-left-style: double;
}

/* Medium and up */
@media screen and (min-width: 40em) {
  /*******************************************
  Border Widths - Medium
  ********************************************/
  .c-md-border--none {
    border: none;
  }

  .c-md-border--1 {
    border-bottom-width: var(--border-width-1);
  }

  .c-md-border-bottom--1 {
    border-bottom-width: var(--border-width-1);
  }

  .c-md-border-bottom--2 {
    border-bottom-width: var(--border-width-2);
  }

  .c-md-border-bottom--3 {
    border-bottom-width: var(--border-width-3);
  }

  .c-md-border-bottom--4 {
    border-bottom-width: var(--border-width-4);
  }

  .c-md-border-bottom--5 {
    border-bottom-width: var(--border-width-5);
  }

  .c-md-border-bottom--6 {
    border-bottom-width: var(--border-width-6);
  }

  .c-md-border-bottom--7 {
    border-bottom-width: var(--border-width-7);
  }

  .c-md-border-bottom--8 {
    border-bottom-width: var(--border-width-8);
  }

  .c-md-border-bottom--9 {
    border-bottom-width: var(--border-width-9);
  }

  .c-md-border-bottom--10 {
    border-bottom-width: var(--border-width-10);
  }

  .c-md-border-right--1 {
    border-right-width: var(--border-width-1);
  }

  .c-md-border-right--2 {
    border-right-width: var(--border-width-2);
  }

  .c-md-border-right--3 {
    border-right-width: var(--border-width-3);
  }

  .c-md-border-right--4 {
    border-right-width: var(--border-width-4);
  }

  .c-md-border-right--5 {
    border-right-width: var(--border-width-5);
  }

  .c-md-border-right--6 {
    border-right-width: var(--border-width-6);
  }

  .c-md-border-right--7 {
    border-right-width: var(--border-width-7);
  }

  .c-md-border-right--8 {
    border-right-width: var(--border-width-8);
  }

  .c-md-border-right--9 {
    border-right-width: var(--border-width-9);
  }

  .c-md-border-right--10 {
    border-right-width: var(--border-width-10);
  }

  /*******************************************
  Border Styles - Medium
  ********************************************/
  .c-md-border-style--solid {
    border-style: solid;
  }

  .c-md-border-style--solid-right {
    border-right-style: solid;
  }

  .c-md-border-style--solid-left {
    border-left-style: solid;
  }

  .c-md-border-style--solid-bottom {
    border-bottom-style: solid;
  }

  .c-md-border-style--solid-top {
    border-top-style: solid;
  }

  .c-md-border-style--dash {
    border-style: dashed;
  }

  .c-md-border-style--dash-top {
    border-top-style: dashed;
  }

  .c-md-border-style--dash-bottom {
    border-bottom-style: dashed;
  }

  .c-md-border-style--dash-right {
    border-right-style: dashed;
  }

  .c-md-border-style--dash-left {
    border-left-style: dashed;
  }

  .c-md-border-style--dotted {
    border-style: dotted;
  }

  .c-md-border-style--dotted-top {
    border-top-style: dotted;
  }

  .c-md-border-style--dotted-bottom {
    border-bottom-style: dotted;
  }

  .c-md-border-style--dotted-right {
    border-right-style: dotted;
  }

  .c-md-border-style--dotted-left {
    border-left-style: dotted;
  }

  .c-md-border-style--double {
    border-style: double;
  }

  .c-md-border-style--double-top {
    border-top-style: double;
  }

  .c-md-border-style--double-bottom {
    border-bottom-style: double;
  }

  .c-md-border-style--double-right {
    border-right-style: double;
  }

  .c-md-border-style--double-left {
    border-left-style: double;
  }
}
@media screen and (min-width: 64em) {
  /*******************************************
  Border Widths - Large
  ********************************************/
  .c-lg-border--none {
    border: none;
  }

  .c-lg-border--1 {
    border-bottom-width: var(--border-width-1);
  }

  .c-lg-border-bottom--1 {
    border-bottom-width: var(--border-width-1);
  }

  .c-lg-border-bottom--2 {
    border-bottom-width: var(--border-width-2);
  }

  .c-lg-border-bottom--3 {
    border-bottom-width: var(--border-width-3);
  }

  .c-lg-border-bottom--4 {
    border-bottom-width: var(--border-width-4);
  }

  .c-lg-border-bottom--5 {
    border-bottom-width: var(--border-width-5);
  }

  .c-lg-border-bottom--6 {
    border-bottom-width: var(--border-width-6);
  }

  .c-lg-border-bottom--7 {
    border-bottom-width: var(--border-width-7);
  }

  .c-lg-border-bottom--8 {
    border-bottom-width: var(--border-width-8);
  }

  .c-lg-border-bottom--9 {
    border-bottom-width: var(--border-width-9);
  }

  .c-lg-border-bottom--10 {
    border-bottom-width: var(--border-width-10);
  }

  .c-lg-border-right--1 {
    border-right-width: var(--border-width-1);
  }

  .c-lg-border-right--2 {
    border-right-width: var(--border-width-2);
  }

  .c-lg-border-right--3 {
    border-right-width: var(--border-width-3);
  }

  .c-lg-border-right--4 {
    border-right-width: var(--border-width-4);
  }

  .c-lg-border-right--5 {
    border-right-width: var(--border-width-5);
  }

  .c-lg-border-right--6 {
    border-right-width: var(--border-width-6);
  }

  .c-lg-border-right--7 {
    border-right-width: var(--border-width-7);
  }

  .c-lg-border-right--8 {
    border-right-width: var(--border-width-8);
  }

  .c-lg-border-right--9 {
    border-right-width: var(--border-width-9);
  }

  .c-lg-border-right--10 {
    border-right-width: var(--border-width-10);
  }

  /*******************************************
  Border Styles - Large
  ********************************************/
  .c-lg-border-style--solid {
    border-style: solid;
  }

  .c-lg-border-style--solid-right {
    border-right-style: solid;
  }

  .c-lg-border-style--solid-left {
    border-left-style: solid;
  }

  .c-lg-border-style--solid-bottom {
    border-bottom-style: solid;
  }

  .c-lg-border-style--solid-top {
    border-top-style: solid;
  }

  .c-lg-border-style--dash {
    border-style: dashed;
  }

  .c-lg-border-style--dash-top {
    border-top-style: dashed;
  }

  .c-lg-border-style--dash-bottom {
    border-bottom-style: dashed;
  }

  .c-lg-border-style--dash-right {
    border-right-style: dashed;
  }

  .c-lg-border-style--dash-left {
    border-left-style: dashed;
  }

  .c-lg-border-style--dotted {
    border-style: dotted;
  }

  .c-lg-border-style--dotted-top {
    border-top-style: dotted;
  }

  .c-lg-border-style--dotted-bottom {
    border-bottom-style: dotted;
  }

  .c-lg-border-style--dotted-right {
    border-right-style: dotted;
  }

  .c-lg-border-style--dotted-left {
    border-left-style: dotted;
  }

  .c-lg-border-style--double {
    border-style: double;
  }

  .c-lg-border-style--double-top {
    border-top-style: double;
  }

  .c-lg-border-style--double-bottom {
    border-bottom-style: double;
  }

  .c-lg-border-style--double-right {
    border-right-style: double;
  }

  .c-lg-border-style--double-left {
    border-left-style: double;
  }
}
/***********************************************
Hover States
************************************************/
.hover\:scale-up:hover {
  transform: scale(1.1);
}

.hover\:scale-down:hover {
  transform: scale(0.9);
}

.hover\:c-text-white:hover {
  color: white;
}

.hover\:c-text-black:hover {
  color: black;
}

.hover\:c-text-primary:hover {
  color: var(--primary);
}

.hover\:c-text-secondary:hover {
  color: var(--secondary);
}

.hover\:c-text-success:hover {
  color: var(--success);
}

.hover\:c-text-warning:hover {
  color: var(--warning);
}

.hover\:c-text-alert:hover {
  color: var(--alert);
}

.hover\:c-bg-color-black:hover {
  background: black;
}

.hover\:c-bg-color-primary:hover {
  background: var(--primary);
}

.hover\:c-bg-color-secondary:hover {
  background: var(--secondary);
}

.hover\:c-bg-color-success:hover {
  background: var(--success);
}

.hover\:c-bg-color-warning:hover {
  background: var(--warning);
}

.hover\:c-bg-color-alert:hover {
  background: var(--alert);
}

.hover\:c-visibility-children--visible:hover .c-visibility--hidden {
  visibility: visible;
}

.hover\:c-visibility-children--hidden:hover .c-visibility--visible {
  visibility: hidden;
}

[class^=c-], [class^=cc-] {
  transition: all ease 1s;
}

.c-list-group, .c-list-group.c-important {
  list-style-type: none;
  margin: 0;
  column-gap: 0;
  padding: 0;
}

.c-list-group--border-split {
  column-rule: 1px solid var(--border-color);
}

.c-list-group li {
  padding: 0.5em var(--ui-padding);
  transition: all ease 0.5s;
  /* Chrome, Safari, Opera */
  page-break-inside: avoid;
  /* Firefox */
  break-inside: avoid;
  /* IE 10+ */
}

.c-list-group li:hover {
  background: rgba(0, 0, 0, 0.03);
}

.c-list-group--border li {
  border-bottom: 1px solid var(--border-color);
}

.c-list-group--space-around li {
  margin-right: 0.5em;
  margin-left: 0.5em;
  column-gap: 0.5em;
}

.c-list-group--border-none-last li:last-of-type {
  border: none;
}

.c-list-group--border-top li:first-of-type {
  border-top: 1px solid var(--border-color);
}

.c-list-group_label {
  font-weight: bold;
}

.cc-info-card h1, .cc-info-card h2, .cc-info-card h3, .cc-info-card h4, .cc-info-card h5, .cc-info-card h6 {
  font-size: 1.3375rem;
}

.c-list-group--column-small-1 {
  column-count: 1;
}

.c-list-group--column-small-2 {
  column-count: 2;
}

.c-list-group--column-small-3 {
  column-count: 3;
}

.c-list-group--column-small-4 {
  column-count: 4;
}

.c-list-group--column-small-5 {
  column-count: 5;
}

.c-list-group--column-small-6 {
  column-count: 6;
}

.c-list-group--column-small-7 {
  column-count: 7;
}

.c-list-group--column-small-8 {
  column-count: 8;
}

/* Medium and up */
@media screen and (min-width: 40em) {
  .c-list-group--column-medium-1 {
    column-count: 1;
  }

  .c-list-group--column-medium-2 {
    column-count: 2;
  }

  .c-list-group--column-medium-3 {
    column-count: 3;
  }

  .c-list-group--column-medium-4 {
    column-count: 4;
  }

  .c-list-group--column-medium-5 {
    column-count: 5;
  }

  .c-list-group--column-medium-6 {
    column-count: 6;
  }

  .c-list-group--column-medium-7 {
    column-count: 7;
  }

  .c-list-group--column-medium-8 {
    column-count: 8;
  }
}
/* Large and up */
@media screen and (min-width: 64em) {
  .c-list-group--column-large-1 {
    column-count: 1;
  }

  .c-list-group--column-large-2 {
    column-count: 2;
  }

  .c-list-group--column-large-3 {
    column-count: 3;
  }

  .c-list-group--column-large-4 {
    column-count: 4;
  }

  .c-list-group--column-large-5 {
    column-count: 5;
  }

  .c-list-group--column-large-6 {
    column-count: 6;
  }

  .c-list-group--column-large-7 {
    column-count: 7;
  }

  .c-list-group--column-large-8 {
    column-count: 8;
  }
}
/***********************************************
Spacing > Margins
************************************************/
.c-margin--1 {
  margin: 1em;
}

.c-margin--2 {
  margin: 2em;
}

.c-margin--3 {
  margin: 3em;
}

.c-margin--4 {
  margin: 4em;
}

.c-margin--5 {
  margin: 5em;
}

.c-sm-margin-top--0 {
  margin-top: 0;
}

.c-sm-margin-top--05 {
  margin-top: 0.5em;
}

.c-sm-margin-top--1 {
  margin-top: 1em;
}

.c-sm-margin-top--2 {
  margin-top: 2em;
}

.c-sm-margin-bottom--0 {
  margin-bottom: 0;
}

.c-sm-margin-bottom--05 {
  margin-bottom: 0.5em;
}

.c-sm-margin-bottom--1 {
  margin-bottom: 1em;
}

.c-sm-margin-bottom--2 {
  margin-bottom: 2em;
}

.c-sm-margin-bottom--3 {
  margin-bottom: 3em;
}

.c-sm-margin-bottom--4 {
  margin-bottom: 4em;
}

.c-sm-margin-bottom--5 {
  margin-bottom: 5em;
}

.c-sm-margin-right--0 {
  margin-right: 0;
}

.c-sm-margin-right--05 {
  margin-right: 0.5em;
}

.c-sm-margin-right--1 {
  margin-right: 1em;
}

.c-sm-margin-right--2 {
  margin-right: 2em;
}

.c-sm-margin-right--3 {
  margin-right: 3em;
}

.c-sm-margin-right--4 {
  margin-right: 4em;
}

.c-sm-margin-right--5 {
  margin-right: 5em;
}

.c-sm-margin-left--0 {
  margin-left: 0;
}

.c-sm-margin-left--05 {
  margin-left: 0.5em;
}

.c-sm-margin-left--1 {
  margin-left: 1em;
}

.c-sm-margin-left--2 {
  margin-left: 2em;
}

.c-sm-margin-left--3 {
  margin-left: 3em;
}

.c-sm-margin-left--4 {
  margin-left: 4em;
}

.c-sm-margin-left--5 {
  margin-left: 5em;
}

.c-sm-margin-vertical--05 {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.c-sm-margin-vertical--1 {
  margin-top: 1em;
  margin-bottom: 1em;
}

.c-sm-margin-vertical--2 {
  margin-top: 2em;
  margin-bottom: 2em;
}

.c-sm-margin-horizontal--05 {
  margin-right: 0.5em;
  margin-left: 0.5em;
}

.c-sm-margin-horizontal--1 {
  margin-right: 1em;
  margin-left: 1em;
}

.c-sm-margin-horizontal--2 {
  margin-right: 2em;
  margin-left: 2em;
}

/***********************************************
Spacing > Padding
************************************************/
.c-padding--01 {
  padding: 0.1em;
}

.c-padding--02 {
  padding: 0.2em;
}

.c-padding--03 {
  padding: 0.3em;
}

.c-padding--04 {
  padding: 0.4em;
}

.c-padding--05 {
  padding: 0.5em;
}

.c-padding--1 {
  padding: 1em;
}

.c-padding--2 {
  padding: 2em;
}

.c-padding--3 {
  padding: 3em;
}

.c-padding--4 {
  padding: 4em;
}

.c-padding--5 {
  padding: 5em;
}

.c-sm-padding-top--0 {
  padding-top: 0;
}

.c-sm-padding-top--03 {
  padding-top: 0.3em;
}

.c-sm-padding-top--05 {
  padding-top: 0.5em;
}

.c-sm-padding-top--1 {
  padding-top: 1em;
}

.c-sm-padding-top--2 {
  padding-top: 2em;
}

.c-sm-padding-top--3 {
  padding-top: 3em;
}

.c-sm-padding-top--4 {
  padding-top: 4em;
}

.c-sm-padding-top--5 {
  padding-top: 5em;
}

.c-sm-padding-bottom--0 {
  padding-bottom: 0;
}

.c-sm-padding-bottom--05 {
  padding-bottom: 0.5em;
}

.c-sm-padding-bottom--1 {
  padding-bottom: 1em;
}

.c-sm-padding-bottom--2 {
  padding-bottom: 2em;
}

.c-sm-padding-bottom--3 {
  padding-bottom: 3em;
}

.c-sm-padding-bottom--4 {
  padding-bottom: 4em;
}

.c-sm-padding-bottom--5 {
  padding-bottom: 5em;
}

.c-sm-padding-right--0 {
  padding-right: 0;
}

.c-sm-padding-right--05 {
  padding-right: 0.5em;
}

.c-sm-padding-right--1 {
  padding-right: 1em;
}

.c-sm-padding-right--2 {
  padding-right: 2em;
}

.c-sm-padding-right--3 {
  padding-right: 3em;
}

.c-sm-padding-right--4 {
  padding-right: 4em;
}

.c-sm-padding-right--5 {
  padding-right: 5em;
}

.c-sm-padding-left--0 {
  padding-left: 0;
}

.c-sm-padding-left--05 {
  padding-left: 0.5em;
}

.c-sm-padding-left--1 {
  padding-bottom: 1em;
}

.c-sm-padding-left--2 {
  padding-left: 2em;
}

.c-sm-padding-left--3 {
  padding-left: 3em;
}

.c-sm-padding-left--4 {
  padding-left: 4em;
}

.c-sm-padding-left--5 {
  padding-left: 5em;
}

.c-sm-padding-vertical--05 {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.c-sm-padding-vertical--1 {
  padding-top: 1em;
  padding-bottom: 1em;
}

.c-sm-padding-vertical--2 {
  padding-top: 2em;
  padding-bottom: 2em;
}

.c-sm-padding-vertical--3 {
  padding-top: 3em;
  padding-bottom: 3em;
}

.c-sm-padding-vertical--4 {
  padding-top: 4em;
  padding-bottom: 4em;
}

.c-sm-padding-vertical--5 {
  padding-top: 5em;
  padding-bottom: 5em;
}

.c-sm-padding-horizontal--05 {
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.c-sm-padding-horizontal--1 {
  padding-left: 1em;
  padding-right: 1em;
}

.c-sm-padding-horizontal--2 {
  padding-left: 2em;
  padding-right: 2em;
}

.c-sm-padding-horizontal--3 {
  padding-left: 3em;
  padding-right: 3em;
}

.c-sm-padding-horizontal--4 {
  padding-left: 4em;
  padding-right: 4em;
}

.c-sm-padding-horizontal--5 {
  padding-left: 5em;
  padding-right: 5em;
}

/***********************************************
Spacing - Medium
************************************************/
@media print, screen and (min-width: 64em) {
  .c-md-margin--1 {
    margin: 1em;
  }

  .c-md-margin--2 {
    margin: 2em;
  }

  .c-md-margin--3 {
    margin: 3em;
  }

  .c-md-margin--4 {
    margin: 4em;
  }

  .c-md-margin--5 {
    margin: 5em;
  }

  .c-md-margin-top--0 {
    margin-top: 0;
  }

  .c-md-margin-top--05 {
    margin-top: 0.5em;
  }

  .c-md-margin-top--1 {
    margin-top: 1em;
  }

  .c-md-margin-top--2 {
    margin-top: 2em;
  }

  .c-md-margin-bottom--0 {
    margin-bottom: 0;
  }

  .c-md-margin-bottom--05 {
    margin-bottom: 0.5em;
  }

  .c-md-margin-bottom--1 {
    margin-bottom: 1em;
  }

  .c-md-margin-bottom--2 {
    margin-bottom: 2em;
  }

  .c-md-margin-bottom--3 {
    margin-bottom: 3em;
  }

  .c-md-margin-bottom--4 {
    margin-bottom: 4em;
  }

  .c-md-margin-bottom--5 {
    margin-bottom: 5em;
  }

  .c-md-margin-right--0 {
    margin-right: 0;
  }

  .c-md-margin-right--05 {
    margin-right: 0.5em;
  }

  .c-md-margin-right--1 {
    margin-right: 1em;
  }

  .c-md-margin-right--2 {
    margin-right: 2em;
  }

  .c-md-margin-right--3 {
    margin-right: 3em;
  }

  .c-md-margin-right--4 {
    margin-right: 4em;
  }

  .c-md-margin-right--5 {
    margin-right: 5em;
  }

  .c-md-margin-left--0 {
    margin-left: 0;
  }

  .c-md-margin-left--05 {
    margin-left: 0.5em;
  }

  .c-md-margin-left--1 {
    margin-left: 1em;
  }

  .c-md-margin-left--2 {
    margin-left: 2em;
  }

  .c-md-margin-left--3 {
    margin-left: 3em;
  }

  .c-md-margin-left--4 {
    margin-left: 4em;
  }

  .c-md-margin-left--5 {
    margin-left: 5em;
  }

  .c-md-margin-vertical--05 {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  }

  .c-md-margin-vertical--1 {
    margin-top: 1em;
    margin-bottom: 1em;
  }

  .c-md-margin-vertical--2 {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .c-md-margin-horizontal--05 {
    margin-right: 0.5em;
    margin-left: 0.5em;
  }

  .c-md-margin-horizontal--1 {
    margin-right: 1em;
    margin-left: 1em;
  }

  .c-md-margin-horizontal--2 {
    margin-right: 2em;
    margin-left: 2em;
  }

  /***********************************************
  Spacing > Padding
  ************************************************/
  .c-md-padding--1 {
    padding: 1em;
  }

  .c-md-padding--2 {
    padding: 2em;
  }

  .c-md-padding--3 {
    padding: 3em;
  }

  .c-md-padding--4 {
    padding: 4em;
  }

  .c-md-padding--5 {
    padding: 5em;
  }

  .c-md-padding-top--0 {
    padding-top: 0;
  }

  .c-md-padding-top--03 {
    padding-top: 0.3em;
  }

  .c-md-padding-top--05 {
    padding-top: 0.5em;
  }

  .c-md-padding-top--1 {
    padding-top: 1em;
  }

  .c-md-padding-top--2 {
    padding-top: 2em;
  }

  .c-md-padding-top--3 {
    padding-top: 3em;
  }

  .c-md-padding-top--4 {
    padding-top: 4em;
  }

  .c-md-padding-top--5 {
    padding-top: 5em;
  }

  .c-md-padding-bottom--0 {
    padding-bottom: 0;
  }

  .c-md-padding-bottom--05 {
    padding-bottom: 0.5em;
  }

  .c-md-padding-bottom--1 {
    padding-bottom: 1em;
  }

  .c-md-padding-bottom--2 {
    padding-bottom: 2em;
  }

  .c-md-padding-bottom--3 {
    padding-bottom: 3;
  }

  .c-md-padding-bottom--4 {
    padding-bottom: 4;
  }

  .c-md-padding-bottom--5 {
    padding-bottom: 5;
  }

  .c-md-padding-right--0 {
    padding-right: 0;
  }

  .c-md-padding-right--05 {
    padding-right: 0.5em;
  }

  .c-md-padding-right--1 {
    padding-right: 1em;
  }

  .c-md-padding-right--2 {
    padding-right: 2em;
  }

  .c-md-padding-right--3 {
    padding-right: 3em;
  }

  .c-md-padding-right--4 {
    padding-right: 4em;
  }

  .c-md-padding-right--5 {
    padding-right: 5em;
  }

  .c-md-padding-left--0 {
    padding-left: 0;
  }

  .c-md-padding-left--05 {
    padding-left: 0.5em;
  }

  .c-md-padding-left--1 {
    padding-left: 1em;
  }

  .c-md-padding-left--2 {
    padding-left: 2em;
  }

  .c-md-padding-left--3 {
    padding-left: 3em;
  }

  .c-md-padding-left--4 {
    padding-left: 4em;
  }

  .c-md-padding-left--5 {
    padding-left: 5em;
  }

  .c-md-padding-vertical--05 {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }

  .c-md-padding-vertical--1 {
    padding-top: 1em;
    padding-bottom: 1em;
  }

  .c-md-padding-vertical--2 {
    padding-top: 2em;
    padding-bottom: 2em;
  }

  .c-md-padding-vertical--3 {
    padding-top: 3em;
    padding-bottom: 3em;
  }

  .c-md-padding-vertical--4 {
    padding-top: 4em;
    padding-bottom: 4em;
  }

  .c-md-padding-vertical--5 {
    padding-top: 5em;
    padding-bottom: 5em;
  }

  .c-md-padding-horizontal--05 {
    padding-right: 0.5em;
    padding-left: 0.5em;
  }

  .c-md-padding-horizontal--1 {
    padding-left: 1em;
    padding-right: 1em;
  }

  .c-md-padding-horizontal--2 {
    padding-left: 2em;
    padding-right: 2em;
  }

  .c-md-padding-horizontal--3 {
    padding-left: 3em;
    padding-right: 3em;
  }

  .c-md-padding-horizontal--4 {
    padding-left: 4em;
    padding-right: 4em;
  }

  .c-md-padding-horizontal--5 {
    padding-left: 5em;
    padding-right: 5em;
  }
}
.c-text-center {
  text-align: center;
}

.c-text-left {
  text-align: left;
}

.c-text-right {
  text-align: right;
}

.c-float-left {
  float: left !important;
}

.c-float-right {
  float: right !important;
}

.c-float-center {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.c-clearfix::before, .c-clearfix::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}

.c-clearfix::after {
  clear: both;
}

.c-align-left {
  justify-content: flex-start;
}

.c-align-right {
  justify-content: flex-end;
}

.c-align-center {
  justify-content: center;
}

.c-align-justify {
  justify-content: space-between;
}

.c-align-spaced {
  justify-content: space-around;
}

.c-align-left.vertical.menu > li > a {
  justify-content: flex-start;
}

.c-align-right.vertical.menu > li > a {
  justify-content: flex-end;
}

.c-align-center.vertical.menu > li > a {
  justify-content: center;
}

.c-align-top {
  align-items: flex-start;
}

.c-align-self-top {
  align-self: flex-start;
}

.c-align-bottom {
  align-items: flex-end;
}

.c-align-self-bottom {
  align-self: flex-end;
}

.c-align-middle {
  align-items: center;
}

.c-align-self-middle {
  align-self: center;
}

.c-align-stretch {
  align-items: stretch;
}

.c-align-self-stretch {
  align-self: stretch;
}

.c-align-center-middle {
  justify-content: center;
  align-items: center;
  align-content: center;
}

/* Source Ordering */
.c-small-order-1 {
  order: 1;
}

.c-small-order-2 {
  order: 2;
}

.c-small-order-3 {
  order: 3;
}

.c-small-order-4 {
  order: 4;
}

.c-small-order-5 {
  order: 5;
}

.c-small-order-6 {
  order: 6;
}

@media print, screen and (min-width: 40em) {
  .c-medium-order-1 {
    order: 1;
  }

  .c-medium-order-2 {
    order: 2;
  }

  .c-medium-order-3 {
    order: 3;
  }

  .c-medium-order-4 {
    order: 4;
  }

  .c-medium-order-5 {
    order: 5;
  }

  .c-medium-order-6 {
    order: 6;
  }
}
@media print, screen and (min-width: 64em) {
  .c-large-order-1 {
    order: 1;
  }

  .c-large-order-2 {
    order: 2;
  }

  .c-large-order-3 {
    order: 3;
  }

  .c-large-order-4 {
    order: 4;
  }

  .c-large-order-5 {
    order: 5;
  }

  .c-large-order-6 {
    order: 6;
  }
}
/* Positioning */
.c-position--relative {
  position: relative;
}

.c-position--absolute {
  position: absolute;
}

.c-position--fixed {
  position: fixed;
}

.c-position--relative-for-fixed {
  transform: translateZ(0);
}

.c-position--right {
  right: 0;
}

.c-position--left {
  left: 0;
}

.c-position--top {
  top: 0;
}

.c-position--bottom {
  bottom: 0;
}

/* Z Index */
.c-z-index--1 {
  z-index: 1;
}

.c-z-index--5 {
  z-index: 5;
}

.c-z-index--10 {
  z-index: 10;
}

.c-z-index--15 {
  z-index: 15;
}

.c-z-index--20 {
  z-index: 20;
}

.c-z-index--9999 {
  z-index: 9999;
}

/***********************************************
Navigation
************************************************/
.c-menu {
  display: flex;
  height: 30px;
}

.c-menu ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  align-items: center;
}

.c-menu ul li {
  margin: 0 var(--space);
}

.c-menu ul li a {
  text-decoration: none;
  padding: 0 var(--space);
}

.c-menu ul li a:hover {
  text-decoration: underline;
}

.c-menu--color-primary li a {
  color: var(--primary);
}

.c-menu--color-secondary li a {
  color: var(--secondary);
}

.c-menu--color-white li a {
  color: white;
}

.c-menu--color-black li a {
  color: black;
}

.c-show-for-sr, .c-show-on-focus {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.c-visibility--hidden {
  visibility: hidden;
}

.c-visibility--visible {
  visibility: visible;
}

.c-slider {
  position: relative;
  height: 0.5rem;
  margin-top: 1.25rem;
  margin-bottom: 2.25rem;
  background-color: #e6e6e6;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: none;
}

.c-slider-fill {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  max-width: 100%;
  height: 0.5rem;
  background-color: var(--neutral-grey);
  transition: all 0.4s ease;
}

.c-slider-fill.is-dragging {
  transition: all 0s linear;
}

.c-slider-handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  z-index: 1;
  display: inline-flex;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 0;
  background-color: var(--primary);
  transition: all 0.4s ease;
  touch-action: manipulation;
  outline: none;
  justify-content: center;
}

.c-slider-handle:hover {
  transition: all 0.4s ease;
  background: #003ee6;
  box-shadow: 0px 0px 0px 10px rgba(0, 69, 255, 0.5);
}

.c-slider-handle:active {
  transition: all 0.4s ease;
  background: #003ee6;
  box-shadow: 0px 0px 0px 15px rgba(0, 69, 255, 0.5);
}

.c-slider-handle input {
  border: none;
  background: transparent;
  margin: 0;
  padding: 0;
  height: auto;
  box-shadow: none;
  outline: none;
}

.c-slider__tooltip {
  position: relative;
  top: -27px;
  border: 1px solid #ccc;
  padding: 0 5px;
  border-radius: 3px;
  display: inline-flex;
  align-items: center;
}

[data-whatinput=mouse] .c-slider-handle {
  outline: 0;
}

.c-slider-handle:hover, .c-slider-handle:active {
  background-color: #003ee6;
}

.c-slider-handle.is-dragging {
  transition: all 0s linear;
}

.c-slider--disabled, .c-slider[disabled] {
  opacity: 0.25;
  cursor: not-allowed;
}

.c-slider--vertical {
  display: inline-block;
  width: 0.5rem;
  height: 12.5rem;
  margin: 0 1.25rem;
  transform: scale(1, -1);
}

.c-slider--vertical .c-slider-fill {
  top: 0;
  width: 0.5rem;
  max-height: 100%;
}

.c-slider--vertical .c-slider-handle {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1.4rem;
  height: 1.4rem;
  transform: translateX(-50%);
}

.c-slider--handle-secondary .c-slider-handle {
  background: var(--secondary);
}

.c-slider--handle-secondary .c-slider-handle:hover {
  transition: all 0.4s ease;
  background: #ea7026;
  box-shadow: 0px 0px 0px 10px rgba(236, 127, 61, 0.5);
}

.c-slider--handle-secondary .c-slider-handle:active {
  background: #ea7026;
  box-shadow: 0px 0px 0px 15px rgba(236, 127, 61, 0.5);
}

.c-slider--handle-success .c-slider-handle {
  background: var(--success);
}

.c-slider--handle-success .c-slider-handle:hover {
  transition: all 0.4s ease;
  background: #449d48;
  box-shadow: 0px 0px 0px 10px rgba(76, 175, 80, 0.5);
}

.c-slider--handle-success .c-slider-handle:active {
  background: #449d48;
  box-shadow: 0px 0px 0px 15px rgba(76, 175, 80, 0.5);
}

.c-slider--handle-warning .c-slider-handle {
  background: var(--warning);
}

.c-slider--handle-warning .c-slider-handle:hover {
  transition: all 0.4s ease;
  background: #ffc40f;
  box-shadow: 0px 0px 0px 10px rgba(255, 202, 40, 0.5);
}

.c-slider--handle-warning .c-slider-handle:active {
  background: #ffc40f;
  box-shadow: 0px 0px 0px 15px rgba(255, 202, 40, 0.5);
}

.c-slider--handle-alert .c-slider-handle {
  background: var(--alert);
}

.c-slider--handle-alert .c-slider-handle:hover {
  transition: all 0.4s ease;
  background: #c02929;
  box-shadow: 0px 0px 0px 10px rgba(255, 202, 40, 0.5);
}

.c-slider--handle-alert .c-slider-handle:active {
  background: #c02929;
  box-shadow: 0px 0px 0px 15px rgba(211, 47, 47, 0.5);
}

.c-slider--handle-circle .c-slider-handle {
  border-radius: 28px;
}

.c-slider--handle-border-radius-3 .c-slider-handle {
  border-radius: 3px;
}

.c-slider--handle-border-radius-6 .c-slider-handle {
  border-radius: 6px;
}

.c-table {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: auto;
}

.c-table thead {
  border-bottom: 1px solid var(--border-color);
}

.c-table thead tr:hover {
  background: transparent;
}

.c-table caption {
  font-size: 1.5em;
  margin: 0.5em 0 0.75em;
}

.c-table tr {
  background-color: transparent;
  padding: 0;
  transition: all 0.5s ease;
}

.c-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}

.c-table th, .c-table td {
  padding: var(--ui-padding-small);
  text-align: left;
}

.c-table th {
  font-size: 0.85em;
  letter-spacing: 0.1em;
}

.c-table--row-line td {
  border-bottom: 1px solid var(--border-color);
}

@media screen and (max-width: 600px) {
  .c-table {
    border: 0;
  }

  .c-table caption {
    font-size: 1.3em;
  }

  .c-table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  .c-table tr {
    display: block;
    margin-bottom: var(--ui-margin);
  }

  .c-table td {
    display: block;
    font-size: var(--font-size-standard);
    text-align: right;
    transition: all 0.5s ease;
  }

  .c-table td:hover {
    background: var(--neutral-light-grey);
  }

  .c-table td::before {
    /** aria-label has no advantage, it won't be read inside a .c-table content: attr(aria-label); **/
    content: attr(data-label);
    float: left;
    font-weight: bold;
  }

  .c-table--mobile-card tr {
    border-radius: var(--radius-6);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  }

  .c-table--mobile-card tr td:first-of-type {
    border-bottom: 1px solid var(--border-color);
    background: var(--neutral-light-grey);
    border-radius: 6px 6px 0 0;
  }

  .c-table--mobile-card .c-table td:last-child {
    border-bottom: 0;
  }

  .c-table--mobile-box tr {
    border: 1px solid var(--border-color);
  }

  .c-table--mobile-box tr td:last-of-type {
    border-bottom: none;
  }

  .c-table--mobile-box-rounded tr {
    border-radius: 6px;
  }

  .c-table--mobile-box tr td:last-of-type {
    border-radius: 0 0 6px 6px;
  }

  .c-table--mobile-stack-content td {
    display: flex;
    flex-direction: column;
    align-items: start;
    text-align: left;
  }

  .c-table--mobile-stack-content td::before {
    margin-bottom: 0.35em;
  }

  .c-table--mobile-stack-column-2 tr {
    column-count: 2;
  }

  .c-table tr:hover {
    background: transparent;
  }
}
.c-grid-x {
  display: flex;
  flex-flow: row wrap;
}

.c-cell {
  flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: 100%;
}

.c-cell.c-auto {
  flex: 1 1 0px;
}

.c-cell.c-shrink {
  flex: 0 0 auto;
}

.c-grid-x > .c-auto {
  width: auto;
}

.c-grid-x > .c-shrink {
  width: auto;
}

.c-grid-x > .c-small-shrink, .c-grid-x > .c-small-full, .c-grid-x > .c-small-1, .c-grid-x > .c-small-2, .c-grid-x > .c-small-3, .c-grid-x > .c-small-4, .c-grid-x > .c-small-5, .c-grid-x > .c-small-6, .c-grid-x > .c-small-7, .c-grid-x > .c-small-8, .c-grid-x > .c-small-9, .c-grid-x > .c-small-10, .c-grid-x > .c-small-11, .c-grid-x > .c-small-12 {
  flex-basis: auto;
}

@media print, screen and (min-width: 40em) {
  .c-grid-x > .c-medium-shrink, .c-grid-x > .c-medium-full, .c-grid-x > .c-medium-1, .c-grid-x > .c-medium-2, .c-grid-x > .c-medium-3, .c-grid-x > .c-medium-4, .c-grid-x > .c-medium-5, .c-grid-x > .c-medium-6, .c-grid-x > .c-medium-7, .c-grid-x > .c-medium-8, .c-grid-x > .c-medium-9, .c-grid-x > .c-medium-10, .c-grid-x > .c-medium-11, .c-grid-x > .c-medium-12 {
    flex-basis: auto;
  }
}
@media print, screen and (min-width: 64em) {
  .c-grid-x > .c-large-shrink, .c-grid-x > .c-large-full, .c-grid-x > .c-large-1, .c-grid-x > .c-large-2, .c-grid-x > .c-large-3, .c-grid-x > .c-large-4, .c-grid-x > .c-large-5, .c-grid-x > .c-large-6, .c-grid-x > .c-large-7, .c-grid-x > .c-large-8, .c-grid-x > .c-large-9, .c-grid-x > .c-large-10, .c-grid-x > .c-large-11, .c-grid-x > .c-large-12 {
    flex-basis: auto;
  }
}
.c-grid-x > .c-small-1, .c-grid-x > .c-small-2, .c-grid-x > .c-small-3, .c-grid-x > .c-small-4, .c-grid-x > .c-small-5, .c-grid-x > .c-small-6, .c-grid-x > .c-small-7, .c-grid-x > .c-small-8, .c-grid-x > .c-small-9, .c-grid-x > .c-small-10, .c-grid-x > .c-small-11, .c-grid-x > .c-small-12 {
  flex: 0 0 auto;
}

.c-grid-x > .c-small-1 {
  width: 8.33333%;
}

.c-grid-x > .c-small-2 {
  width: 16.66667%;
}

.c-grid-x > .c-small-3 {
  width: 25%;
}

.c-grid-x > .c-small-4 {
  width: 33.33333%;
}

.c-grid-x > .c-small-5 {
  width: 41.66667%;
}

.c-grid-x > .c-small-6 {
  width: 50%;
}

.c-grid-x > .c-small-7 {
  width: 58.33333%;
}

.c-grid-x > .c-small-8 {
  width: 66.66667%;
}

.c-grid-x > .c-small-9 {
  width: 75%;
}

.c-grid-x > .c-small-10 {
  width: 83.33333%;
}

.c-grid-x > .c-small-11 {
  width: 91.66667%;
}

.c-grid-x > .c-small-12 {
  width: 100%;
}

@media print, screen and (min-width: 40em) {
  .c-grid-x > .c-medium-auto {
    flex: 1 1 0px;
    width: auto;
  }

  .c-grid-x > .c-medium-shrink, .c-grid-x > .c-medium-1, .c-grid-x > .c-medium-2, .c-grid-x > .c-medium-3, .c-grid-x > .c-medium-4, .c-grid-x > .c-medium-5, .c-grid-x > .c-medium-6, .c-grid-x > .c-medium-7, .c-grid-x > .c-medium-8, .c-grid-x > .c-medium-9, .c-grid-x > .c-medium-10, .c-grid-x > .c-medium-11, .c-grid-x > .c-medium-12 {
    flex: 0 0 auto;
  }

  .c-grid-x > .c-medium-shrink {
    width: auto;
  }

  .c-grid-x > .c-medium-1 {
    width: 8.33333%;
  }

  .c-grid-x > .c-medium-2 {
    width: 16.66667%;
  }

  .c-grid-x > .c-medium-3 {
    width: 25%;
  }

  .c-grid-x > .c-medium-4 {
    width: 33.33333%;
  }

  .c-grid-x > .c-medium-5 {
    width: 41.66667%;
  }

  .c-grid-x > .c-medium-6 {
    width: 50%;
  }

  .c-grid-x > .c-medium-7 {
    width: 58.33333%;
  }

  .c-grid-x > .c-medium-8 {
    width: 66.66667%;
  }

  .c-grid-x > .c-medium-9 {
    width: 75%;
  }

  .c-grid-x > .c-medium-10 {
    width: 83.33333%;
  }

  .c-grid-x > .c-medium-11 {
    width: 91.66667%;
  }

  .c-grid-x > .c-medium-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .c-grid-x > .c-large-auto {
    flex: 1 1 0px;
    width: auto;
  }

  .c-grid-x > .c-large-shrink, .c-grid-x > .c-large-1, .c-grid-x > .c-large-2, .c-grid-x > .c-large-3, .c-grid-x > .c-large-4, .c-grid-x > .c-large-5, .c-grid-x > .c-large-6, .c-grid-x > .c-large-7, .c-grid-x > .c-large-8, .c-grid-x > .c-large-9, .c-grid-x > .c-large-10, .c-grid-x > .c-large-11, .c-grid-x > .c-large-12 {
    flex: 0 0 auto;
  }

  .c-grid-x > .c-large-shrink {
    width: auto;
  }

  .c-grid-x > .c-large-1 {
    width: 8.33333%;
  }

  .c-grid-x > .c-large-2 {
    width: 16.66667%;
  }

  .c-grid-x > .c-large-3 {
    width: 25%;
  }

  .c-grid-x > .c-large-4 {
    width: 33.33333%;
  }

  .c-grid-x > .c-large-5 {
    width: 41.66667%;
  }

  .c-grid-x > .c-large-6 {
    width: 50%;
  }

  .c-grid-x > .c-large-7 {
    width: 58.33333%;
  }

  .c-grid-x > .c-large-8 {
    width: 66.66667%;
  }

  .c-grid-x > .c-large-9 {
    width: 75%;
  }

  .c-grid-x > .c-large-10 {
    width: 83.33333%;
  }

  .c-grid-x > .c-large-11 {
    width: 91.66667%;
  }

  .c-grid-x > .c-large-12 {
    width: 100%;
  }
}
.c-grid-margin-x:not(.c-grid-x) > .c-cell {
  width: auto;
}

.c-grid-margin-y:not(.c-grid-y) > .c-cell {
  height: auto;
}

.c-grid-margin-x {
  margin-left: -0.625rem;
  margin-right: -0.625rem;
}

@media print, screen and (min-width: 40em) {
  .c-grid-margin-x {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }
}
.c-grid-margin-x > .c-cell {
  width: calc(100% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}

@media print, screen and (min-width: 40em) {
  .c-grid-margin-x > .c-cell {
    width: calc(100% - 1.875rem);
    margin-left: 0.9375rem;
    margin-right: 0.9375rem;
  }
}
.c-grid-margin-x > .c-auto {
  width: auto;
}

.c-grid-margin-x > .c-shrink {
  width: auto;
}

.c-grid-margin-x > .c-small-1 {
  width: calc(8.33333% - 1.25rem);
}

.c-grid-margin-x > .c-small-2 {
  width: calc(16.66667% - 1.25rem);
}

.c-grid-margin-x > .c-small-3 {
  width: calc(25% - 1.25rem);
}

.c-grid-margin-x > .c-small-4 {
  width: calc(33.33333% - 1.25rem);
}

.c-grid-margin-x > .c-small-5 {
  width: calc(41.66667% - 1.25rem);
}

.c-grid-margin-x > .c-small-6 {
  width: calc(50% - 1.25rem);
}

.c-grid-margin-x > .c-small-7 {
  width: calc(58.33333% - 1.25rem);
}

.c-grid-margin-x > .c-small-8 {
  width: calc(66.66667% - 1.25rem);
}

.c-grid-margin-x > .c-small-9 {
  width: calc(75% - 1.25rem);
}

.c-grid-margin-x > .c-small-10 {
  width: calc(83.33333% - 1.25rem);
}

.c-grid-margin-x > .c-small-11 {
  width: calc(91.66667% - 1.25rem);
}

.c-grid-margin-x > .c-small-12 {
  width: calc(100% - 1.25rem);
}

@media print, screen and (min-width: 40em) {
  .c-grid-margin-x > .c-small-1 {
    width: calc(8.33333% - 1.875rem);
  }

  .c-grid-margin-x > .c-small-2 {
    width: calc(16.66667% - 1.875rem);
  }

  .c-grid-margin-x > .c-small-3 {
    width: calc(25% - 1.875rem);
  }

  .c-grid-margin-x > .c-small-4 {
    width: calc(33.33333% - 1.875rem);
  }

  .c-grid-margin-x > .c-small-5 {
    width: calc(41.66667% - 1.875rem);
  }

  .c-grid-margin-x > .c-small-6 {
    width: calc(50% - 1.875rem);
  }

  .c-grid-margin-x > .c-small-7 {
    width: calc(58.33333% - 1.875rem);
  }

  .c-grid-margin-x > .c-small-8 {
    width: calc(66.66667% - 1.875rem);
  }

  .c-grid-margin-x > .c-small-9 {
    width: calc(75% - 1.875rem);
  }

  .c-grid-margin-x > .c-small-10 {
    width: calc(83.33333% - 1.875rem);
  }

  .c-grid-margin-x > .c-small-11 {
    width: calc(91.66667% - 1.875rem);
  }

  .c-grid-margin-x > .c-small-12 {
    width: calc(100% - 1.875rem);
  }

  .c-grid-margin-x > .c-medium-auto {
    width: auto;
  }

  .c-grid-margin-x > .c-medium-shrink {
    width: auto;
  }

  .c-grid-margin-x > .c-medium-1 {
    width: calc(8.33333% - 1.875rem);
  }

  .c-grid-margin-x > .c-medium-2 {
    width: calc(16.66667% - 1.875rem);
  }

  .c-grid-margin-x > .c-medium-3 {
    width: calc(25% - 1.875rem);
  }

  .c-grid-margin-x > .c-medium-4 {
    width: calc(33.33333% - 1.875rem);
  }

  .c-grid-margin-x > .c-medium-5 {
    width: calc(41.66667% - 1.875rem);
  }

  .c-grid-margin-x > .c-medium-6 {
    width: calc(50% - 1.875rem);
  }

  .c-grid-margin-x > .c-medium-7 {
    width: calc(58.33333% - 1.875rem);
  }

  .c-grid-margin-x > .c-medium-8 {
    width: calc(66.66667% - 1.875rem);
  }

  .c-grid-margin-x > .c-medium-9 {
    width: calc(75% - 1.875rem);
  }

  .c-grid-margin-x > .c-medium-10 {
    width: calc(83.33333% - 1.875rem);
  }

  .c-grid-margin-x > .c-medium-11 {
    width: calc(91.66667% - 1.875rem);
  }

  .c-grid-margin-x > .c-medium-12 {
    width: calc(100% - 1.875rem);
  }
}
@media print, screen and (min-width: 64em) {
  .c-grid-margin-x > .c-large-auto {
    width: auto;
  }

  .c-grid-margin-x > .c-large-shrink {
    width: auto;
  }

  .c-grid-margin-x > .c-large-1 {
    width: calc(8.33333% - 1.875rem);
  }

  .c-grid-margin-x > .c-large-2 {
    width: calc(16.66667% - 1.875rem);
  }

  .c-grid-margin-x > .c-large-3 {
    width: calc(25% - 1.875rem);
  }

  .c-grid-margin-x > .c-large-4 {
    width: calc(33.33333% - 1.875rem);
  }

  .c-grid-margin-x > .c-large-5 {
    width: calc(41.66667% - 1.875rem);
  }

  .c-grid-margin-x > .c-large-6 {
    width: calc(50% - 1.875rem);
  }

  .c-grid-margin-x > .c-large-7 {
    width: calc(58.33333% - 1.875rem);
  }

  .c-grid-margin-x > .c-large-8 {
    width: calc(66.66667% - 1.875rem);
  }

  .c-grid-margin-x > .c-large-9 {
    width: calc(75% - 1.875rem);
  }

  .c-grid-margin-x > .c-large-10 {
    width: calc(83.33333% - 1.875rem);
  }

  .c-grid-margin-x > .c-large-11 {
    width: calc(91.66667% - 1.875rem);
  }

  .c-grid-margin-x > .c-large-12 {
    width: calc(100% - 1.875rem);
  }
}
.c-grid-padding-x .c-grid-padding-x {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

@media print, screen and (min-width: 40em) {
  .c-grid-padding-x .c-grid-padding-x {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}
.c-grid-container:not(.c-full) > .c-grid-padding-x {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

@media print, screen and (min-width: 40em) {
  .c-grid-container:not(.c-full) > .c-grid-padding-x {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}
.c-grid-padding-x > .c-cell {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}

@media print, screen and (min-width: 40em) {
  .c-grid-padding-x > .c-cell {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
.c-small-up-1 > .c-cell {
  width: 100%;
}

.c-small-up-2 > .c-cell {
  width: 50%;
}

.c-small-up-3 > .c-cell {
  width: 33.33333%;
}

.c-small-up-4 > .c-cell {
  width: 25%;
}

.c-small-up-5 > .c-cell {
  width: 20%;
}

.c-small-up-6 > .c-cell {
  width: 16.66667%;
}

.c-small-up-7 > .c-cell {
  width: 14.28571%;
}

.c-small-up-8 > .c-cell {
  width: 12.5%;
}

@media print, screen and (min-width: 40em) {
  .c-medium-up-1 > .c-cell {
    width: 100%;
  }

  .c-medium-up-2 > .c-cell {
    width: 50%;
  }

  .c-medium-up-3 > .c-cell {
    width: 33.33333%;
  }

  .c-medium-up-4 > .c-cell {
    width: 25%;
  }

  .c-medium-up-5 > .c-cell {
    width: 20%;
  }

  .c-medium-up-6 > .c-cell {
    width: 16.66667%;
  }

  .c-medium-up-7 > .c-cell {
    width: 14.28571%;
  }

  .c-medium-up-8 > .c-cell {
    width: 12.5%;
  }
}
@media print, screen and (min-width: 64em) {
  .c-large-up-1 > .c-cell {
    width: 100%;
  }

  .c-large-up-2 > .c-cell {
    width: 50%;
  }

  .c-large-up-3 > .c-cell {
    width: 33.33333%;
  }

  .c-large-up-4 > .c-cell {
    width: 25%;
  }

  .c-large-up-5 > .c-cell {
    width: 20%;
  }

  .c-large-up-6 > .c-cell {
    width: 16.66667%;
  }

  .c-large-up-7 > .c-cell {
    width: 14.28571%;
  }

  .c-large-up-8 > .c-cell {
    width: 12.5%;
  }
}
.c-grid-margin-x.c-small-up-1 > .c-cell {
  width: calc(100% - 1.25rem);
}

.c-grid-margin-x.c-small-up-2 > .c-cell {
  width: calc(50% - 1.25rem);
}

.c-grid-margin-x.c-small-up-3 > .c-cell {
  width: calc(33.33333% - 1.25rem);
}

.c-grid-margin-x.c-small-up-4 > .c-cell {
  width: calc(25% - 1.25rem);
}

.c-grid-margin-x.c-small-up-5 > .c-cell {
  width: calc(20% - 1.25rem);
}

.c-grid-margin-x.c-small-up-6 > .c-cell {
  width: calc(16.66667% - 1.25rem);
}

.c-grid-margin-x.c-small-up-7 > .c-cell {
  width: calc(14.28571% - 1.25rem);
}

.c-grid-margin-x.c-small-up-8 > .c-cell {
  width: calc(12.5% - 1.25rem);
}

@media print, screen and (min-width: 40em) {
  .c-grid-margin-x.c-small-up-1 > .c-cell {
    width: calc(100% - 1.875rem);
  }

  .c-grid-margin-x.c-small-up-2 > .c-cell {
    width: calc(50% - 1.875rem);
  }

  .c-grid-margin-x.c-small-up-3 > .c-cell {
    width: calc(33.33333% - 1.875rem);
  }

  .c-grid-margin-x.c-small-up-4 > .c-cell {
    width: calc(25% - 1.875rem);
  }

  .c-grid-margin-x.c-small-up-5 > .c-cell {
    width: calc(20% - 1.875rem);
  }

  .c-grid-margin-x.c-small-up-6 > .c-cell {
    width: calc(16.66667% - 1.875rem);
  }

  .c-grid-margin-x.c-small-up-7 > .c-cell {
    width: calc(14.28571% - 1.875rem);
  }

  .c-grid-margin-x.c-small-up-8 > .c-cell {
    width: calc(12.5% - 1.875rem);
  }

  .c-grid-margin-x.c-medium-up-1 > .c-cell {
    width: calc(100% - 1.875rem);
  }

  .c-grid-margin-x.c-medium-up-2 > .c-cell {
    width: calc(50% - 1.875rem);
  }

  .c-grid-margin-x.c-medium-up-3 > .c-cell {
    width: calc(33.33333% - 1.875rem);
  }

  .c-grid-margin-x.c-medium-up-4 > .c-cell {
    width: calc(25% - 1.875rem);
  }

  .c-grid-margin-x.c-medium-up-5 > .c-cell {
    width: calc(20% - 1.875rem);
  }

  .c-grid-margin-x.c-medium-up-6 > .c-cell {
    width: calc(16.66667% - 1.875rem);
  }

  .c-grid-margin-x.c-medium-up-7 > .c-cell {
    width: calc(14.28571% - 1.875rem);
  }

  .c-grid-margin-x.c-medium-up-8 > .c-cell {
    width: calc(12.5% - 1.875rem);
  }
}
@media print, screen and (min-width: 64em) {
  .c-grid-margin-x.c-large-up-1 > .c-cell {
    width: calc(100% - 1.875rem);
  }

  .c-grid-margin-x.c-large-up-2 > .c-cell {
    width: calc(50% - 1.875rem);
  }

  .c-grid-margin-x.c-large-up-3 > .c-cell {
    width: calc(33.33333% - 1.875rem);
  }

  .c-grid-margin-x.c-large-up-4 > .c-cell {
    width: calc(25% - 1.875rem);
  }

  .c-grid-margin-x.c-large-up-5 > .c-cell {
    width: calc(20% - 1.875rem);
  }

  .c-grid-margin-x.c-large-up-6 > .c-cell {
    width: calc(16.66667% - 1.875rem);
  }

  .c-grid-margin-x.c-large-up-7 > .c-cell {
    width: calc(14.28571% - 1.875rem);
  }

  .c-grid-margin-x.c-large-up-8 > .c-cell {
    width: calc(12.5% - 1.875rem);
  }
}
.c-small-margin-collapse {
  margin-right: 0;
  margin-left: 0;
}

.c-small-margin-collapse > .c-cell {
  margin-right: 0;
  margin-left: 0;
}

.c-small-margin-collapse > .c-small-1 {
  width: 8.33333%;
}

.c-small-margin-collapse > .c-small-2 {
  width: 16.66667%;
}

.c-small-margin-collapse > .c-small-3 {
  width: 25%;
}

.c-small-margin-collapse > .c-small-4 {
  width: 33.33333%;
}

.c-small-margin-collapse > .c-small-5 {
  width: 41.66667%;
}

.c-small-margin-collapse > .c-small-6 {
  width: 50%;
}

.c-small-margin-collapse > .c-small-7 {
  width: 58.33333%;
}

.c-small-margin-collapse > .c-small-8 {
  width: 66.66667%;
}

.c-small-margin-collapse > .c-small-9 {
  width: 75%;
}

.c-small-margin-collapse > .c-small-10 {
  width: 83.33333%;
}

.c-small-margin-collapse > .c-small-11 {
  width: 91.66667%;
}

.c-small-margin-collapse > .c-small-12 {
  width: 100%;
}

@media print, screen and (min-width: 40em) {
  .c-small-margin-collapse > .c-medium-1 {
    width: 8.33333%;
  }

  .c-small-margin-collapse > .c-medium-2 {
    width: 16.66667%;
  }

  .c-small-margin-collapse > .c-medium-3 {
    width: 25%;
  }

  .c-small-margin-collapse > .c-medium-4 {
    width: 33.33333%;
  }

  .c-small-margin-collapse > .c-medium-5 {
    width: 41.66667%;
  }

  .c-small-margin-collapse > .c-medium-6 {
    width: 50%;
  }

  .c-small-margin-collapse > .c-medium-7 {
    width: 58.33333%;
  }

  .c-small-margin-collapse > .c-medium-8 {
    width: 66.66667%;
  }

  .c-small-margin-collapse > .c-medium-9 {
    width: 75%;
  }

  .c-small-margin-collapse > .c-medium-10 {
    width: 83.33333%;
  }

  .c-small-margin-collapse > .c-medium-11 {
    width: 91.66667%;
  }

  .c-small-margin-collapse > .c-medium-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .c-small-margin-collapse > .c-large-1 {
    width: 8.33333%;
  }

  .c-small-margin-collapse > .c-large-2 {
    width: 16.66667%;
  }

  .c-small-margin-collapse > .c-large-3 {
    width: 25%;
  }

  .c-small-margin-collapse > .c-large-4 {
    width: 33.33333%;
  }

  .c-small-margin-collapse > .c-large-5 {
    width: 41.66667%;
  }

  .c-small-margin-collapse > .c-large-6 {
    width: 50%;
  }

  .c-small-margin-collapse > .c-large-7 {
    width: 58.33333%;
  }

  .c-small-margin-collapse > .c-large-8 {
    width: 66.66667%;
  }

  .c-small-margin-collapse > .c-large-9 {
    width: 75%;
  }

  .c-small-margin-collapse > .c-large-10 {
    width: 83.33333%;
  }

  .c-small-margin-collapse > .c-large-11 {
    width: 91.66667%;
  }

  .c-small-margin-collapse > .c-large-12 {
    width: 100%;
  }
}
.c-small-padding-collapse {
  margin-right: 0;
  margin-left: 0;
}

.c-small-padding-collapse > .c-cell {
  padding-right: 0;
  padding-left: 0;
}

@media print, screen and (min-width: 40em) {
  .c-medium-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }

  .c-medium-margin-collapse > .c-cell {
    margin-right: 0;
    margin-left: 0;
  }
}
@media print, screen and (min-width: 40em) {
  .c-medium-margin-collapse > .c-small-1 {
    width: 8.33333%;
  }

  .c-medium-margin-collapse > .c-small-2 {
    width: 16.66667%;
  }

  .c-medium-margin-collapse > .c-small-3 {
    width: 25%;
  }

  .c-medium-margin-collapse > .c-small-4 {
    width: 33.33333%;
  }

  .c-medium-margin-collapse > .c-small-5 {
    width: 41.66667%;
  }

  .c-medium-margin-collapse > .c-small-6 {
    width: 50%;
  }

  .c-medium-margin-collapse > .c-small-7 {
    width: 58.33333%;
  }

  .c-medium-margin-collapse > .c-small-8 {
    width: 66.66667%;
  }

  .c-medium-margin-collapse > .c-small-9 {
    width: 75%;
  }

  .c-medium-margin-collapse > .c-small-10 {
    width: 83.33333%;
  }

  .c-medium-margin-collapse > .c-small-11 {
    width: 91.66667%;
  }

  .c-medium-margin-collapse > .c-small-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 40em) {
  .c-medium-margin-collapse > .c-medium-1 {
    width: 8.33333%;
  }

  .c-medium-margin-collapse > .c-medium-2 {
    width: 16.66667%;
  }

  .c-medium-margin-collapse > .c-medium-3 {
    width: 25%;
  }

  .c-medium-margin-collapse > .c-medium-4 {
    width: 33.33333%;
  }

  .c-medium-margin-collapse > .c-medium-5 {
    width: 41.66667%;
  }

  .c-medium-margin-collapse > .c-medium-6 {
    width: 50%;
  }

  .c-medium-margin-collapse > .c-medium-7 {
    width: 58.33333%;
  }

  .c-medium-margin-collapse > .c-medium-8 {
    width: 66.66667%;
  }

  .c-medium-margin-collapse > .c-medium-9 {
    width: 75%;
  }

  .c-medium-margin-collapse > .c-medium-10 {
    width: 83.33333%;
  }

  .c-medium-margin-collapse > .c-medium-11 {
    width: 91.66667%;
  }

  .c-medium-margin-collapse > .c-medium-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .c-medium-margin-collapse > .c-large-1 {
    width: 8.33333%;
  }

  .c-medium-margin-collapse > .c-large-2 {
    width: 16.66667%;
  }

  .c-medium-margin-collapse > .c-large-3 {
    width: 25%;
  }

  .c-medium-margin-collapse > .c-large-4 {
    width: 33.33333%;
  }

  .c-medium-margin-collapse > .c-large-5 {
    width: 41.66667%;
  }

  .c-medium-margin-collapse > .c-large-6 {
    width: 50%;
  }

  .c-medium-margin-collapse > .c-large-7 {
    width: 58.33333%;
  }

  .c-medium-margin-collapse > .c-large-8 {
    width: 66.66667%;
  }

  .c-medium-margin-collapse > .c-large-9 {
    width: 75%;
  }

  .c-medium-margin-collapse > .c-large-10 {
    width: 83.33333%;
  }

  .c-medium-margin-collapse > .c-large-11 {
    width: 91.66667%;
  }

  .c-medium-margin-collapse > .c-large-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 40em) {
  .c-medium-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }

  .c-medium-padding-collapse > .c-cell {
    padding-right: 0;
    padding-left: 0;
  }
}
@media print, screen and (min-width: 64em) {
  .c-large-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }

  .c-large-margin-collapse > .c-cell {
    margin-right: 0;
    margin-left: 0;
  }
}
@media print, screen and (min-width: 64em) {
  .c-large-margin-collapse > .c-small-1 {
    width: 8.33333%;
  }

  .c-large-margin-collapse > .c-small-2 {
    width: 16.66667%;
  }

  .c-large-margin-collapse > .c-small-3 {
    width: 25%;
  }

  .c-large-margin-collapse > .c-small-4 {
    width: 33.33333%;
  }

  .c-large-margin-collapse > .c-small-5 {
    width: 41.66667%;
  }

  .c-large-margin-collapse > .c-small-6 {
    width: 50%;
  }

  .c-large-margin-collapse > .c-small-7 {
    width: 58.33333%;
  }

  .c-large-margin-collapse > .c-small-8 {
    width: 66.66667%;
  }

  .c-large-margin-collapse > .c-small-9 {
    width: 75%;
  }

  .c-large-margin-collapse > .c-small-10 {
    width: 83.33333%;
  }

  .c-large-margin-collapse > .c-small-11 {
    width: 91.66667%;
  }

  .c-large-margin-collapse > .c-small-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .c-large-margin-collapse > .c-medium-1 {
    width: 8.33333%;
  }

  .c-large-margin-collapse > .c-medium-2 {
    width: 16.66667%;
  }

  .c-large-margin-collapse > .c-medium-3 {
    width: 25%;
  }

  .c-large-margin-collapse > .c-medium-4 {
    width: 33.33333%;
  }

  .c-large-margin-collapse > .c-medium-5 {
    width: 41.66667%;
  }

  .c-large-margin-collapse > .c-medium-6 {
    width: 50%;
  }

  .c-large-margin-collapse > .c-medium-7 {
    width: 58.33333%;
  }

  .c-large-margin-collapse > .c-medium-8 {
    width: 66.66667%;
  }

  .c-large-margin-collapse > .c-medium-9 {
    width: 75%;
  }

  .c-large-margin-collapse > .c-medium-10 {
    width: 83.33333%;
  }

  .c-large-margin-collapse > .c-medium-11 {
    width: 91.66667%;
  }

  .c-large-margin-collapse > .c-medium-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .c-large-margin-collapse > .c-large-1 {
    width: 8.33333%;
  }

  .c-large-margin-collapse > .c-large-2 {
    width: 16.66667%;
  }

  .c-large-margin-collapse > .c-large-3 {
    width: 25%;
  }

  .c-large-margin-collapse > .c-large-4 {
    width: 33.33333%;
  }

  .c-large-margin-collapse > .c-large-5 {
    width: 41.66667%;
  }

  .c-large-margin-collapse > .c-large-6 {
    width: 50%;
  }

  .c-large-margin-collapse > .c-large-7 {
    width: 58.33333%;
  }

  .c-large-margin-collapse > .c-large-8 {
    width: 66.66667%;
  }

  .c-large-margin-collapse > .c-large-9 {
    width: 75%;
  }

  .c-large-margin-collapse > .c-large-10 {
    width: 83.33333%;
  }

  .c-large-margin-collapse > .c-large-11 {
    width: 91.66667%;
  }

  .c-large-margin-collapse > .c-large-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .c-large-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }

  .c-large-padding-collapse > .c-cell {
    padding-right: 0;
    padding-left: 0;
  }
}
.c-small-offset-0 {
  margin-left: 0%;
}

.c-grid-margin-x > .c-small-offset-0 {
  margin-left: calc(0% + 0.625rem);
}

.c-small-offset-1 {
  margin-left: 8.33333%;
}

.c-grid-margin-x > .c-small-offset-1 {
  margin-left: calc(8.33333% + 0.625rem);
}

.c-small-offset-2 {
  margin-left: 16.66667%;
}

.c-grid-margin-x > .c-small-offset-2 {
  margin-left: calc(16.66667% + 0.625rem);
}

.c-small-offset-3 {
  margin-left: 25%;
}

.c-grid-margin-x > .c-small-offset-3 {
  margin-left: calc(25% + 0.625rem);
}

.c-small-offset-4 {
  margin-left: 33.33333%;
}

.c-grid-margin-x > .c-small-offset-4 {
  margin-left: calc(33.33333% + 0.625rem);
}

.c-small-offset-5 {
  margin-left: 41.66667%;
}

.c-grid-margin-x > .c-small-offset-5 {
  margin-left: calc(41.66667% + 0.625rem);
}

.c-small-offset-6 {
  margin-left: 50%;
}

.c-grid-margin-x > .c-small-offset-6 {
  margin-left: calc(50% + 0.625rem);
}

.c-small-offset-7 {
  margin-left: 58.33333%;
}

.c-grid-margin-x > .c-small-offset-7 {
  margin-left: calc(58.33333% + 0.625rem);
}

.c-small-offset-8 {
  margin-left: 66.66667%;
}

.c-grid-margin-x > .c-small-offset-8 {
  margin-left: calc(66.66667% + 0.625rem);
}

.c-small-offset-9 {
  margin-left: 75%;
}

.c-grid-margin-x > .c-small-offset-9 {
  margin-left: calc(75% + 0.625rem);
}

.c-small-offset-10 {
  margin-left: 83.33333%;
}

.c-grid-margin-x > .c-small-offset-10 {
  margin-left: calc(83.33333% + 0.625rem);
}

.c-small-offset-11 {
  margin-left: 91.66667%;
}

.c-grid-margin-x > .c-small-offset-11 {
  margin-left: calc(91.66667% + 0.625rem);
}

@media print, screen and (min-width: 40em) {
  .c-medium-offset-0 {
    margin-left: 0%;
  }

  .c-grid-margin-x > .c-medium-offset-0 {
    margin-left: calc(0% + 0.9375rem);
  }

  .c-medium-offset-1 {
    margin-left: 8.33333%;
  }

  .c-grid-margin-x > .c-medium-offset-1 {
    margin-left: calc(8.33333% + 0.9375rem);
  }

  .c-medium-offset-2 {
    margin-left: 16.66667%;
  }

  .c-grid-margin-x > .c-medium-offset-2 {
    margin-left: calc(16.66667% + 0.9375rem);
  }

  .c-medium-offset-3 {
    margin-left: 25%;
  }

  .c-grid-margin-x > .c-medium-offset-3 {
    margin-left: calc(25% + 0.9375rem);
  }

  .c-medium-offset-4 {
    margin-left: 33.33333%;
  }

  .c-grid-margin-x > .c-medium-offset-4 {
    margin-left: calc(33.33333% + 0.9375rem);
  }

  .c-medium-offset-5 {
    margin-left: 41.66667%;
  }

  .c-grid-margin-x > .c-medium-offset-5 {
    margin-left: calc(41.66667% + 0.9375rem);
  }

  .c-medium-offset-6 {
    margin-left: 50%;
  }

  .c-grid-margin-x > .c-medium-offset-6 {
    margin-left: calc(50% + 0.9375rem);
  }

  .c-medium-offset-7 {
    margin-left: 58.33333%;
  }

  .c-grid-margin-x > .c-medium-offset-7 {
    margin-left: calc(58.33333% + 0.9375rem);
  }

  .c-medium-offset-8 {
    margin-left: 66.66667%;
  }

  .c-grid-margin-x > .c-medium-offset-8 {
    margin-left: calc(66.66667% + 0.9375rem);
  }

  .c-medium-offset-9 {
    margin-left: 75%;
  }

  .c-grid-margin-x > .c-medium-offset-9 {
    margin-left: calc(75% + 0.9375rem);
  }

  .c-medium-offset-10 {
    margin-left: 83.33333%;
  }

  .c-grid-margin-x > .c-medium-offset-10 {
    margin-left: calc(83.33333% + 0.9375rem);
  }

  .c-medium-offset-11 {
    margin-left: 91.66667%;
  }

  .c-grid-margin-x > .c-medium-offset-11 {
    margin-left: calc(91.66667% + 0.9375rem);
  }
}
@media print, screen and (min-width: 64em) {
  .c-large-offset-0 {
    margin-left: 0%;
  }

  .c-grid-margin-x > .c-large-offset-0 {
    margin-left: calc(0% + 0.9375rem);
  }

  .c-large-offset-1 {
    margin-left: 8.33333%;
  }

  .c-grid-margin-x > .c-large-offset-1 {
    margin-left: calc(8.33333% + 0.9375rem);
  }

  .c-large-offset-2 {
    margin-left: 16.66667%;
  }

  .c-grid-margin-x > .c-large-offset-2 {
    margin-left: calc(16.66667% + 0.9375rem);
  }

  .c-large-offset-3 {
    margin-left: 25%;
  }

  .c-grid-margin-x > .c-large-offset-3 {
    margin-left: calc(25% + 0.9375rem);
  }

  .c-large-offset-4 {
    margin-left: 33.33333%;
  }

  .c-grid-margin-x > .c-large-offset-4 {
    margin-left: calc(33.33333% + 0.9375rem);
  }

  .c-large-offset-5 {
    margin-left: 41.66667%;
  }

  .c-grid-margin-x > .c-large-offset-5 {
    margin-left: calc(41.66667% + 0.9375rem);
  }

  .c-large-offset-6 {
    margin-left: 50%;
  }

  .c-grid-margin-x > .c-large-offset-6 {
    margin-left: calc(50% + 0.9375rem);
  }

  .c-large-offset-7 {
    margin-left: 58.33333%;
  }

  .c-grid-margin-x > .c-large-offset-7 {
    margin-left: calc(58.33333% + 0.9375rem);
  }

  .c-large-offset-8 {
    margin-left: 66.66667%;
  }

  .c-grid-margin-x > .c-large-offset-8 {
    margin-left: calc(66.66667% + 0.9375rem);
  }

  .c-large-offset-9 {
    margin-left: 75%;
  }

  .c-grid-margin-x > .c-large-offset-9 {
    margin-left: calc(75% + 0.9375rem);
  }

  .c-large-offset-10 {
    margin-left: 83.33333%;
  }

  .c-grid-margin-x > .c-large-offset-10 {
    margin-left: calc(83.33333% + 0.9375rem);
  }

  .c-large-offset-11 {
    margin-left: 91.66667%;
  }

  .c-grid-margin-x > .c-large-offset-11 {
    margin-left: calc(91.66667% + 0.9375rem);
  }
}
.c-grid-y {
  display: flex;
  flex-flow: column nowrap;
}

.c-grid-y > .c-cell {
  height: auto;
  max-height: none;
}

.c-grid-y > .c-auto {
  height: auto;
}

.c-grid-y > .c-shrink {
  height: auto;
}

.c-grid-y > .c-small-shrink, .c-grid-y > .c-small-full, .c-grid-y > .c-small-1, .c-grid-y > .c-small-2, .c-grid-y > .c-small-3, .c-grid-y > .c-small-4, .c-grid-y > .c-small-5, .c-grid-y > .c-small-6, .c-grid-y > .c-small-7, .c-grid-y > .c-small-8, .c-grid-y > .c-small-9, .c-grid-y > .c-small-10, .c-grid-y > .c-small-11, .c-grid-y > .c-small-12 {
  flex-basis: auto;
}

@media print, screen and (min-width: 40em) {
  .c-grid-y > .c-medium-shrink, .c-grid-y > .c-medium-full, .c-grid-y > .c-medium-1, .c-grid-y > .c-medium-2, .c-grid-y > .c-medium-3, .c-grid-y > .c-medium-4, .c-grid-y > .c-medium-5, .c-grid-y > .c-medium-6, .c-grid-y > .c-medium-7, .c-grid-y > .c-medium-8, .c-grid-y > .c-medium-9, .c-grid-y > .c-medium-10, .c-grid-y > .c-medium-11, .c-grid-y > .c-medium-12 {
    flex-basis: auto;
  }
}
@media print, screen and (min-width: 64em) {
  .c-grid-y > .c-large-shrink, .c-grid-y > .c-large-full, .c-grid-y > .c-large-1, .c-grid-y > .c-large-2, .c-grid-y > .c-large-3, .c-grid-y > .c-large-4, .c-grid-y > .c-large-5, .c-grid-y > .c-large-6, .c-grid-y > .c-large-7, .c-grid-y > .c-large-8, .c-grid-y > .c-large-9, .c-grid-y > .c-large-10, .c-grid-y > .c-large-11, .c-grid-y > .c-large-12 {
    flex-basis: auto;
  }
}
.c-grid-y > .c-small-1, .c-grid-y > .c-small-2, .c-grid-y > .c-small-3, .c-grid-y > .c-small-4, .c-grid-y > .c-small-5, .c-grid-y > .c-small-6, .c-grid-y > .c-small-7, .c-grid-y > .c-small-8, .c-grid-y > .c-small-9, .c-grid-y > .c-small-10, .c-grid-y > .c-small-11, .c-grid-y > .c-small-12 {
  flex: 0 0 auto;
}

.c-grid-y > .c-small-1 {
  height: 8.33333%;
}

.c-grid-y > .c-small-2 {
  height: 16.66667%;
}

.c-grid-y > .c-small-3 {
  height: 25%;
}

.c-grid-y > .c-small-4 {
  height: 33.33333%;
}

.c-grid-y > .c-small-5 {
  height: 41.66667%;
}

.c-grid-y > .c-small-6 {
  height: 50%;
}

.c-grid-y > .c-small-7 {
  height: 58.33333%;
}

.c-grid-y > .c-small-8 {
  height: 66.66667%;
}

.c-grid-y > .c-small-9 {
  height: 75%;
}

.c-grid-y > .c-small-10 {
  height: 83.33333%;
}

.c-grid-y > .c-small-11 {
  height: 91.66667%;
}

.c-grid-y > .c-small-12 {
  height: 100%;
}

@media print, screen and (min-width: 40em) {
  .c-grid-y > .c-medium-auto {
    flex: 1 1 0px;
    height: auto;
  }

  .c-grid-y > .c-medium-shrink, .c-grid-y > .c-medium-1, .c-grid-y > .c-medium-2, .c-grid-y > .c-medium-3, .c-grid-y > .c-medium-4, .c-grid-y > .c-medium-5, .c-grid-y > .c-medium-6, .c-grid-y > .c-medium-7, .c-grid-y > .c-medium-8, .c-grid-y > .c-medium-9, .c-grid-y > .c-medium-10, .c-grid-y > .c-medium-11, .c-grid-y > .c-medium-12 {
    flex: 0 0 auto;
  }

  .c-grid-y > .c-medium-shrink {
    height: auto;
  }

  .c-grid-y > .c-medium-1 {
    height: 8.33333%;
  }

  .c-grid-y > .c-medium-2 {
    height: 16.66667%;
  }

  .c-grid-y > .c-medium-3 {
    height: 25%;
  }

  .c-grid-y > .c-medium-4 {
    height: 33.33333%;
  }

  .c-grid-y > .c-medium-5 {
    height: 41.66667%;
  }

  .c-grid-y > .c-medium-6 {
    height: 50%;
  }

  .c-grid-y > .c-medium-7 {
    height: 58.33333%;
  }

  .c-grid-y > .c-medium-8 {
    height: 66.66667%;
  }

  .c-grid-y > .c-medium-9 {
    height: 75%;
  }

  .c-grid-y > .c-medium-10 {
    height: 83.33333%;
  }

  .c-grid-y > .c-medium-11 {
    height: 91.66667%;
  }

  .c-grid-y > .c-medium-12 {
    height: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .c-grid-y > .c-large-auto {
    flex: 1 1 0px;
    height: auto;
  }

  .c-grid-y > .c-large-shrink, .c-grid-y > .c-large-1, .c-grid-y > .c-large-2, .c-grid-y > .c-large-3, .c-grid-y > .c-large-4, .c-grid-y > .c-large-5, .c-grid-y > .c-large-6, .c-grid-y > .c-large-7, .c-grid-y > .c-large-8, .c-grid-y > .c-large-9, .c-grid-y > .c-large-10, .c-grid-y > .c-large-11, .c-grid-y > .c-large-12 {
    flex: 0 0 auto;
  }

  .c-grid-y > .c-large-shrink {
    height: auto;
  }

  .c-grid-y > .c-large-1 {
    height: 8.33333%;
  }

  .c-grid-y > .c-large-2 {
    height: 16.66667%;
  }

  .c-grid-y > .c-large-3 {
    height: 25%;
  }

  .c-grid-y > .c-large-4 {
    height: 33.33333%;
  }

  .c-grid-y > .c-large-5 {
    height: 41.66667%;
  }

  .c-grid-y > .c-large-6 {
    height: 50%;
  }

  .c-grid-y > .c-large-7 {
    height: 58.33333%;
  }

  .c-grid-y > .c-large-8 {
    height: 66.66667%;
  }

  .c-grid-y > .c-large-9 {
    height: 75%;
  }

  .c-grid-y > .c-large-10 {
    height: 83.33333%;
  }

  .c-grid-y > .c-large-11 {
    height: 91.66667%;
  }

  .c-grid-y > .c-large-12 {
    height: 100%;
  }
}
.c-grid-padding-y .c-grid-padding-y {
  margin-top: -0.625rem;
  margin-bottom: -0.625rem;
}

@media print, screen and (min-width: 40em) {
  .c-grid-padding-y .c-grid-padding-y {
    margin-top: -0.9375rem;
    margin-bottom: -0.9375rem;
  }
}
.c-grid-padding-y > .c-cell {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

@media print, screen and (min-width: 40em) {
  .c-grid-padding-y > .c-cell {
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
  }
}
.c-grid-margin-y {
  margin-top: -0.625rem;
  margin-bottom: -0.625rem;
}

@media print, screen and (min-width: 40em) {
  .c-grid-margin-y {
    margin-top: -0.9375rem;
    margin-bottom: -0.9375rem;
  }
}
.c-grid-margin-y > .c-cell {
  height: calc(100% - 1.25rem);
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}

@media print, screen and (min-width: 40em) {
  .c-grid-margin-y > .c-cell {
    height: calc(100% - 1.875rem);
    margin-top: 0.9375rem;
    margin-bottom: 0.9375rem;
  }
}
.c-grid-margin-y > .c-auto {
  height: auto;
}

.c-grid-margin-y > .c-shrink {
  height: auto;
}

.c-grid-margin-y > .c-small-1 {
  height: calc(8.33333% - 1.25rem);
}

.c-grid-margin-y > .c-small-2 {
  height: calc(16.66667% - 1.25rem);
}

.c-grid-margin-y > .c-small-3 {
  height: calc(25% - 1.25rem);
}

.c-grid-margin-y > .c-small-4 {
  height: calc(33.33333% - 1.25rem);
}

.c-grid-margin-y > .c-small-5 {
  height: calc(41.66667% - 1.25rem);
}

.c-grid-margin-y > .c-small-6 {
  height: calc(50% - 1.25rem);
}

.c-grid-margin-y > .c-small-7 {
  height: calc(58.33333% - 1.25rem);
}

.c-grid-margin-y > .c-small-8 {
  height: calc(66.66667% - 1.25rem);
}

.c-grid-margin-y > .c-small-9 {
  height: calc(75% - 1.25rem);
}

.c-grid-margin-y > .c-small-10 {
  height: calc(83.33333% - 1.25rem);
}

.c-grid-margin-y > .c-small-11 {
  height: calc(91.66667% - 1.25rem);
}

.c-grid-margin-y > .c-small-12 {
  height: calc(100% - 1.25rem);
}

@media print, screen and (min-width: 40em) {
  .c-grid-margin-y > .c-auto {
    height: auto;
  }

  .c-grid-margin-y > .c-shrink {
    height: auto;
  }

  .c-grid-margin-y > .c-small-1 {
    height: calc(8.33333% - 1.875rem);
  }

  .c-grid-margin-y > .c-small-2 {
    height: calc(16.66667% - 1.875rem);
  }

  .c-grid-margin-y > .c-small-3 {
    height: calc(25% - 1.875rem);
  }

  .c-grid-margin-y > .c-small-4 {
    height: calc(33.33333% - 1.875rem);
  }

  .c-grid-margin-y > .c-small-5 {
    height: calc(41.66667% - 1.875rem);
  }

  .c-grid-margin-y > .c-small-6 {
    height: calc(50% - 1.875rem);
  }

  .c-grid-margin-y > .c-small-7 {
    height: calc(58.33333% - 1.875rem);
  }

  .c-grid-margin-y > .c-small-8 {
    height: calc(66.66667% - 1.875rem);
  }

  .c-grid-margin-y > .c-small-9 {
    height: calc(75% - 1.875rem);
  }

  .c-grid-margin-y > .c-small-10 {
    height: calc(83.33333% - 1.875rem);
  }

  .c-grid-margin-y > .c-small-11 {
    height: calc(91.66667% - 1.875rem);
  }

  .c-grid-margin-y > .c-small-12 {
    height: calc(100% - 1.875rem);
  }

  .c-grid-margin-y > .c-medium-auto {
    height: auto;
  }

  .c-grid-margin-y > .c-medium-shrink {
    height: auto;
  }

  .c-grid-margin-y > .c-medium-1 {
    height: calc(8.33333% - 1.875rem);
  }

  .c-grid-margin-y > .c-medium-2 {
    height: calc(16.66667% - 1.875rem);
  }

  .c-grid-margin-y > .c-medium-3 {
    height: calc(25% - 1.875rem);
  }

  .c-grid-margin-y > .c-medium-4 {
    height: calc(33.33333% - 1.875rem);
  }

  .c-grid-margin-y > .c-medium-5 {
    height: calc(41.66667% - 1.875rem);
  }

  .c-grid-margin-y > .c-medium-6 {
    height: calc(50% - 1.875rem);
  }

  .c-grid-margin-y > .c-medium-7 {
    height: calc(58.33333% - 1.875rem);
  }

  .c-grid-margin-y > .c-medium-8 {
    height: calc(66.66667% - 1.875rem);
  }

  .c-grid-margin-y > .c-medium-9 {
    height: calc(75% - 1.875rem);
  }

  .c-grid-margin-y > .c-medium-10 {
    height: calc(83.33333% - 1.875rem);
  }

  .c-grid-margin-y > .c-medium-11 {
    height: calc(91.66667% - 1.875rem);
  }

  .c-grid-margin-y > .c-medium-12 {
    height: calc(100% - 1.875rem);
  }
}
@media print, screen and (min-width: 64em) {
  .c-grid-margin-y > .c-large-auto {
    height: auto;
  }

  .c-grid-margin-y > .c-large-shrink {
    height: auto;
  }

  .c-grid-margin-y > .c-large-1 {
    height: calc(8.33333% - 1.875rem);
  }

  .c-grid-margin-y > .c-large-2 {
    height: calc(16.66667% - 1.875rem);
  }

  .c-grid-margin-y > .c-large-3 {
    height: calc(25% - 1.875rem);
  }

  .c-grid-margin-y > .c-large-4 {
    height: calc(33.33333% - 1.875rem);
  }

  .c-grid-margin-y > .c-large-5 {
    height: calc(41.66667% - 1.875rem);
  }

  .c-grid-margin-y > .c-large-6 {
    height: calc(50% - 1.875rem);
  }

  .c-grid-margin-y > .c-large-7 {
    height: calc(58.33333% - 1.875rem);
  }

  .c-grid-margin-y > .c-large-8 {
    height: calc(66.66667% - 1.875rem);
  }

  .c-grid-margin-y > .c-large-9 {
    height: calc(75% - 1.875rem);
  }

  .c-grid-margin-y > .c-large-10 {
    height: calc(83.33333% - 1.875rem);
  }

  .c-grid-margin-y > .c-large-11 {
    height: calc(91.66667% - 1.875rem);
  }

  .c-grid-margin-y > .c-large-12 {
    height: calc(100% - 1.875rem);
  }
}
.c-grid-frame {
  overflow: hidden;
  position: relative;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100vw;
}

.c-cell .c-grid-frame {
  width: 100%;
}

.c-cell-block {
  overflow-x: auto;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.c-cell-block-y {
  overflow-y: auto;
  max-height: 100%;
  min-height: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.c-cell-block-container {
  display: flex;
  flex-direction: column;
  max-height: 100%;
}

.c-cell-block-container > .c-grid-x {
  max-height: 100%;
  flex-wrap: nowrap;
}

@media print, screen and (min-width: 40em) {
  .c-medium-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw;
  }

  .c-cell .c-medium-grid-frame {
    width: 100%;
  }

  .c-medium-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .c-medium-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%;
  }

  .c-medium-cell-block-container > .c-grid-x {
    max-height: 100%;
    flex-wrap: nowrap;
  }

  .c-medium-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
@media print, screen and (min-width: 64em) {
  .c-large-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw;
  }

  .c-cell .c-large-grid-frame {
    width: 100%;
  }

  .c-large-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .c-large-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%;
  }

  .c-large-cell-block-container > .c-grid-x {
    max-height: 100%;
    flex-wrap: nowrap;
  }

  .c-large-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
.c-grid-y.c-grid-frame {
  width: auto;
  overflow: hidden;
  position: relative;
  flex-wrap: nowrap;
  align-items: stretch;
  height: 100vh;
}

@media print, screen and (min-width: 40em) {
  .c-grid-y.c-medium-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
  }
}
@media print, screen and (min-width: 64em) {
  .c-grid-y.c-large-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
  }
}
.c-cell .c-grid-y.c-grid-frame {
  height: 100%;
}

@media print, screen and (min-width: 40em) {
  .c-cell .c-grid-y.c-medium-grid-frame {
    height: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .c-cell .c-grid-y.c-large-grid-frame {
    height: 100%;
  }
}
.c-grid-margin-y {
  margin-top: -0.625rem;
  margin-bottom: -0.625rem;
}

@media print, screen and (min-width: 40em) {
  .c-grid-margin-y {
    margin-top: -0.9375rem;
    margin-bottom: -0.9375rem;
  }
}
.c-grid-margin-y > .c-cell {
  height: calc(100% - 1.25rem);
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}

@media print, screen and (min-width: 40em) {
  .c-grid-margin-y > .c-cell {
    height: calc(100% - 1.875rem);
    margin-top: 0.9375rem;
    margin-bottom: 0.9375rem;
  }
}
.c-grid-margin-y > .c-auto {
  height: auto;
}

.c-grid-margin-y > .c-shrink {
  height: auto;
}

.c-grid-margin-y > .c-small-1 {
  height: calc(8.33333% - 1.25rem);
}

.c-grid-margin-y > .c-small-2 {
  height: calc(16.66667% - 1.25rem);
}

.c-grid-margin-y > .c-small-3 {
  height: calc(25% - 1.25rem);
}

.c-grid-margin-y > .c-small-4 {
  height: calc(33.33333% - 1.25rem);
}

.c-grid-margin-y > .c-small-5 {
  height: calc(41.66667% - 1.25rem);
}

.c-grid-margin-y > .c-small-6 {
  height: calc(50% - 1.25rem);
}

.c-grid-margin-y > .c-small-7 {
  height: calc(58.33333% - 1.25rem);
}

.c-grid-margin-y > .c-small-8 {
  height: calc(66.66667% - 1.25rem);
}

.c-grid-margin-y > .c-small-9 {
  height: calc(75% - 1.25rem);
}

.c-grid-margin-y > .c-small-10 {
  height: calc(83.33333% - 1.25rem);
}

.c-grid-margin-y > .c-small-11 {
  height: calc(91.66667% - 1.25rem);
}

.c-grid-margin-y > .c-small-12 {
  height: calc(100% - 1.25rem);
}

@media print, screen and (min-width: 40em) {
  .c-grid-margin-y > .c-auto {
    height: auto;
  }

  .c-grid-margin-y > .c-shrink {
    height: auto;
  }

  .c-grid-margin-y > .c-small-1 {
    height: calc(8.33333% - 1.875rem);
  }

  .c-grid-margin-y > .c-small-2 {
    height: calc(16.66667% - 1.875rem);
  }

  .c-grid-margin-y > .c-small-3 {
    height: calc(25% - 1.875rem);
  }

  .c-grid-margin-y > .c-small-4 {
    height: calc(33.33333% - 1.875rem);
  }

  .c-grid-margin-y > .c-small-5 {
    height: calc(41.66667% - 1.875rem);
  }

  .c-grid-margin-y > .c-small-6 {
    height: calc(50% - 1.875rem);
  }

  .c-grid-margin-y > .c-small-7 {
    height: calc(58.33333% - 1.875rem);
  }

  .c-grid-margin-y > .c-small-8 {
    height: calc(66.66667% - 1.875rem);
  }

  .c-grid-margin-y > .c-small-9 {
    height: calc(75% - 1.875rem);
  }

  .c-grid-margin-y > .c-small-10 {
    height: calc(83.33333% - 1.875rem);
  }

  .c-grid-margin-y > .c-small-11 {
    height: calc(91.66667% - 1.875rem);
  }

  .c-grid-margin-y > .c-small-12 {
    height: calc(100% - 1.875rem);
  }

  .c-grid-margin-y > .c-medium-auto {
    height: auto;
  }

  .c-grid-margin-y > .c-medium-shrink {
    height: auto;
  }

  .c-grid-margin-y > .c-medium-1 {
    height: calc(8.33333% - 1.875rem);
  }

  .c-grid-margin-y > .c-medium-2 {
    height: calc(16.66667% - 1.875rem);
  }

  .c-grid-margin-y > .c-medium-3 {
    height: calc(25% - 1.875rem);
  }

  .c-grid-margin-y > .c-medium-4 {
    height: calc(33.33333% - 1.875rem);
  }

  .c-grid-margin-y > .c-medium-5 {
    height: calc(41.66667% - 1.875rem);
  }

  .c-grid-margin-y > .c-medium-6 {
    height: calc(50% - 1.875rem);
  }

  .c-grid-margin-y > .c-medium-7 {
    height: calc(58.33333% - 1.875rem);
  }

  .c-grid-margin-y > .c-medium-8 {
    height: calc(66.66667% - 1.875rem);
  }

  .c-grid-margin-y > .c-medium-9 {
    height: calc(75% - 1.875rem);
  }

  .c-grid-margin-y > .c-medium-10 {
    height: calc(83.33333% - 1.875rem);
  }

  .c-grid-margin-y > .c-medium-11 {
    height: calc(91.66667% - 1.875rem);
  }

  .c-grid-margin-y > .c-medium-12 {
    height: calc(100% - 1.875rem);
  }
}
@media print, screen and (min-width: 64em) {
  .c-grid-margin-y > .c-large-auto {
    height: auto;
  }

  .c-grid-margin-y > .c-large-shrink {
    height: auto;
  }

  .c-grid-margin-y > .c-large-1 {
    height: calc(8.33333% - 1.875rem);
  }

  .c-grid-margin-y > .c-large-2 {
    height: calc(16.66667% - 1.875rem);
  }

  .c-grid-margin-y > .c-large-3 {
    height: calc(25% - 1.875rem);
  }

  .c-grid-margin-y > .c-large-4 {
    height: calc(33.33333% - 1.875rem);
  }

  .c-grid-margin-y > .c-large-5 {
    height: calc(41.66667% - 1.875rem);
  }

  .c-grid-margin-y > .c-large-6 {
    height: calc(50% - 1.875rem);
  }

  .c-grid-margin-y > .c-large-7 {
    height: calc(58.33333% - 1.875rem);
  }

  .c-grid-margin-y > .c-large-8 {
    height: calc(66.66667% - 1.875rem);
  }

  .c-grid-margin-y > .c-large-9 {
    height: calc(75% - 1.875rem);
  }

  .c-grid-margin-y > .c-large-10 {
    height: calc(83.33333% - 1.875rem);
  }

  .c-grid-margin-y > .c-large-11 {
    height: calc(91.66667% - 1.875rem);
  }

  .c-grid-margin-y > .c-large-12 {
    height: calc(100% - 1.875rem);
  }
}
.c-grid-frame.c-grid-margin-y {
  height: calc(100vh + 1.25rem);
}

@media print, screen and (min-width: 40em) {
  .c-grid-frame.c-grid-margin-y {
    height: calc(100vh + 1.875rem);
  }
}
@media print, screen and (min-width: 64em) {
  .c-grid-frame.c-grid-margin-y {
    height: calc(100vh + 1.875rem);
  }
}
@media print, screen and (min-width: 40em) {
  .c-grid-margin-y.c-medium-grid-frame {
    height: calc(100vh + 1.875rem);
  }
}
@media print, screen and (min-width: 64em) {
  .c-grid-margin-y.c-large-grid-frame {
    height: calc(100vh + 1.875rem);
  }
}
/*********************
IMPORTING MODULES
Modules are reusable blocks or elements we use throughout the project.
We can break them up as much as we want or just keep them all in one.
I mean, you can do whatever you want. The world is your oyster. Unless
you hate oysters, then the world is your peanut butter & jelly sandwich.
*********************/
/*********************
BASE (MOBILE) SIZE 
This are the mobile styles. It's what people see on their phones. If
you set a great foundation, you won't need to add too many styles in
the other stylesheets. Remember, keep it light: Speed is Important.
*********************/
body {
  font-family: var(--text);
  color: var(--text-color);
  font-size: 16px;
  display: flex;
  flex-direction: column;
  counter-reset: c-count;
}

/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */
/* main.css 2.1.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}

.c-main {
  width: 100%;
}

.c-footer {
  margin-top: auto;
  min-height: 20px;
  display: block;
  border-top: 1px solid var(--neutral-grey);
  padding: 1em;
}

.c-container {
  width: var(--container-width);
}

.c-inline {
  display: inline;
}

.c-block {
  display: block;
}

.c-inline-block {
  display: inline-block;
}

.c-flex {
  display: flex;
}

.c-flex-direction--column {
  flex-direction: column;
}

.c-flex-direction--column-reverse {
  flex-direction: column-reverse;
}

.c-flex-direction--row {
  flex-direction: row;
}

.c-flex-direction--row-reverse {
  flex-direction: row-reverse;
}

.c-grid {
  display: grid;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

.c-video-container {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers
 */
.hidden,
[hidden] {
  display: none !important;
}

.c-overflow--hidden {
  overflow: hidden;
}

.c-overflow--scroll {
  overflow: scroll;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */
.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1 */
}

/*
 * Extends the .sr-only class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.sr-only.focusable:active,
.sr-only.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */
.c-invisible {
  visibility: hidden;
}

.c-hide {
  display: none !important;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}
/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
  *,
*::before,
*::after {
    background: #fff !important;
    color: #000 !important;
    /* Black prints faster */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
a:visited {
    text-decoration: underline;
  }

  a[href]::after {
    content: " (" attr(href) ")";
  }

  abbr[title]::after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]::after,
a[href^="javascript:"]::after {
    content: "";
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /*
   * Printing Tables:
   * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group;
  }

  tr,
img {
    page-break-inside: avoid;
  }

  p,
h2,
h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
h3 {
    page-break-after: avoid;
  }
}
.c-clickable {
  cursor: pointer;
}

/***********************************************
Dark Mode
************************************************/
.c-dark-mode .c-theme {
  background: var(--blue-grey-800);
}

/***********************************************
Font Awesome
************************************************/
.c-caribbean-wp .fa, .c-caribbean-wp .fab, .c-caribbean-wp .fal, .c-caribbean-wp .far, .c-caribbean-wp .fas {
  font-style: normal;
}

/***********************************************
Spacing
************************************************/
.c-no-margin {
  margin: 0 !important;
}

.c-no-margin-bottom {
  margin-bottom: 0 !important;
}

.c-margin-top--1, .c-important.c-margin-top--1, .c-important .c-margin-top--1 {
  margin-top: 1em;
}

.c-margin-top--2, .c-important.c-margin-top--2, .c-important .c-margin-top--2 {
  margin-top: 2em;
}

.c-margin-bottom--1, .c-important.c-margin-bottom--1, .c-important .c-margin-bottom--1 {
  margin-bottom: 1em;
}

.c-margin-bottom--2, .c-important.c-margin-bottom--2, .c-important .c-margin-bottom--2 {
  margin-bottom: 2em;
}

/***********************************************
Radius
************************************************/
.c-border-radius--0 {
  border-radius: 0;
}

.c-border-radius--2 {
  border-radius: var(--radius-2);
}

.c-border-radius--3 {
  border-radius: var(--radius-3);
}

.c-border-radius--6 {
  border-radius: var(--radius-6);
}

.c-border-radius--9 {
  border-radius: var(--radius-6);
}

.c-border-radius--circle {
  border-radius: var(--radius-circle);
}

/***********************************************
Box Shadows
************************************************/
.c-box-shadow--1 {
  box-shadow: none;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.c-box-shadow--1 {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.c-box-shadow--2 {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.c-box-shadow--3 {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.c-box-shadow--4 {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.c-box-shadow--5 {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}

.c-box-shadow-hover--1:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.c-box-shadow-hover--2:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.c-box-shadow-hover--3:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.c-box-shadow-hover--4:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.c-box-shadow-hover--5:hover {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}

/* Even */
.c-box-shadow-even--1 {
  box-shadow: 0 0px 3px rgba(0, 0, 0, 0.12), 0 0px 3px rgba(0, 0, 0, 0.24);
}

.c-box-shadow-even--2 {
  box-shadow: 0 0px 6px rgba(0, 0, 0, 0.12), 0 0px 6px rgba(0, 0, 0, 0.24);
}

.c-box-shadow-even--3 {
  box-shadow: 0 0px 20px rgba(0, 0, 0, 0.12), 0 0px 20px rgba(0, 0, 0, 0.24);
}

.c-box-shadow-even--4 {
  box-shadow: 0 0px 28px rgba(0, 0, 0, 0.12), 0 0px 28px rgba(0, 0, 0, 0.24);
}

.c-box-shadow-even--5 {
  box-shadow: 0 0px 38px rgba(0, 0, 0, 0.12), 0 0px 38px rgba(0, 0, 0, 0.24);
}

.c-box-shadow-even-hover--1:hover {
  box-shadow: 0 0px 3px rgba(0, 0, 0, 0.12), 0 0px 3px rgba(0, 0, 0, 0.24);
}

.c-box-shadow-even-hover--2:hover {
  box-shadow: 0 0px 6px rgba(0, 0, 0, 0.12), 0 0px 6px rgba(0, 0, 0, 0.24);
}

.c-box-shadow-even-hover--3:hover {
  box-shadow: 0 0px 20px rgba(0, 0, 0, 0.12), 0 0px 20px rgba(0, 0, 0, 0.24);
}

.c-box-shadow-even-hover--4:hover {
  box-shadow: 0 0px 28px rgba(0, 0, 0, 0.12), 0 0px 28px rgba(0, 0, 0, 0.24);
}

.c-box-shadow-even-hover--5:hover {
  box-shadow: 0 0px 38px rgba(0, 0, 0, 0.12), 0 0px 38px rgba(0, 0, 0, 0.24);
}

/***********************************************
Logos
************************************************/
.c-logo {
  display: inline-flex;
  align-items: center;
  height: 100%;
}

.hover\:c-logo--scale-up:hover {
  transform: scale(1.1);
}

.hover\:c-logo--scale-down:hover {
  transform: scale(0.9);
}

.c-logo__icon {
  margin-right: var(--space);
}

.c-logo--icon-only .c-logo__image {
  display: none;
}

.c-logo--image-only .c-logo__icon {
  display: none;
}

/***********************************************
Grid Container
************************************************/
.c-grid-container {
  padding-right: var(--ui-padding-small);
  padding-left: var(--ui-padding-small);
  max-width: var(--container-width);
  margin-left: auto;
  margin-right: auto;
}

@media print, screen and (min-width: 40em) {
  .c-grid-container {
    padding-right: var(--ui-padding);
    padding-left: var(--ui-padding);
  }
}
.c-grid-container.c-fluid {
  padding-right: var(--ui-padding-small);
  padding-left: var(--ui-padding-small);
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media print, screen and (min-width: 40em) {
  .c-grid-container.c-fluid {
    padding-right: var(--ui-padding);
    padding-left: var(--ui-padding);
  }
}
.c-grid-container.c-full {
  padding-right: 0;
  padding-left: 0;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

/***********************************************
Shape Dividers
************************************************/
.section__divider-top {
  fill: currentColor;
  position: absolute;
  top: 0;
}

.section__divider-bottom {
  fill: currentColor;
  position: absolute;
  bottom: 0;
}

/***********************************************
Action Info Bar
************************************************/
/***********************************************
Cover - Hero
************************************************/
.c-cover {
  position: relative;
}

.c-cover_container {
  display: flex;
}

.c-cover--stack-img-bottom .c-cover_container {
  display: flex;
}

.c-cover--center-content .c-button-group, .c-cover--center-content .c-cover_content {
  display: flex;
  text-align: center;
}

.c-cover--middle-content .c-cover_container {
  align-items: center;
}

/***********************************************
Info Card
************************************************/
.cc-info-card {
  position: relative;
  overflow: hidden;
}

.cc-info-card_count {
  display: flex;
}

.cc-info-card_count::before {
  counter-increment: c-count;
  content: counter(c-count);
}

/***********************************************
Background
************************************************/
/* Repeat */
.c-background-repeat--yes {
  background-repeat: repeat;
}

.c-background-repeat--no {
  background-repeat: no-repeat;
}

.c-background-repeat--x {
  background-repeat: repeat-x;
}

.c-background-repeat--y {
  background-repeat: repeat-y;
}

/* Size */
.c-background-size--auto {
  background-size: auto;
}

.c-background-size--cover {
  background-size: cover;
}

.c-background-size--contain {
  background-size: contain;
}

.c-background-size--50 {
  background-size: 50%;
}

.c-background-size--100 {
  background-size: 100%;
}

/* Position */
.c-background-position--left-top {
  background-position: left top;
}

.c-background-position--left-center {
  background-position: left center;
}

.c-background-position--left-bottom {
  background-position: left bottom;
}

.c-background-position--right-top {
  background-position: right top;
}

.c-background-position--right-center {
  background-position: right center;
}

.c-background-position--right-bottom {
  background-position: right bottom;
}

.c-background-position--center-top {
  background-position: center top;
}

.c-background-position--center-center {
  background-position: center center;
}

.c-background-position--center-bottom {
  background-position: center bottom;
}

/* Attachment */
.c-background-attachment--scroll {
  background-attachment: scroll;
}

.c-background-attachment--fixed {
  background-attachment: fixed;
}

.c-background-attachment--local {
  background-attachment: local;
}

.c-background-attachment--local-scroll {
  background-attachment: local, scroll;
}

.c-background-attachment--scroll-local {
  background-attachment: scroll, local;
}

/*********************
SMALL ONLY
This is for devices like the Galaxy Note or something that's
larger than an iPhone but smaller than a tablet. Let's call them
tweeners.
*********************/
/* Small only */
/*********************
MEDIUM AND UP & MEDIUM ONLY
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
/* Medium and up */
@media screen and (min-width: 40em) {
  .anchor-ad-wrap {
    height: 100px;
  }

  /***********************************************
  Main Navigation
  ************************************************/
  /***********************************************
  Pop Up Boxes - Foundation Reveal
  ************************************************/
  .reveal-box.site-login {
    width: 320px;
  }

  /***********************************************
  Top Bar
  ************************************************/
  .top-bar .site-icon {
    width: 40px;
    border-radius: 30px;
    margin-right: 1em;
  }
  .top-bar .site-logo {
    width: 150px;
  }
  /***********************************************
  Footer
  ************************************************/
  /***********************************************
  Callout Button Medium & Up
  ************************************************/
  .callout-button .callout-icon i {
    width: 100px;
    height: 100px;
    font-size: 3em;
  }
  .callout-button .callout-content {
    justify-content: normal;
  }
  .callout-button .callout-title {
    font-size: 4.5em;
    font-weight: 900;
  }

  /***********************************************
  Hero
  ************************************************/
  .hero {
    height: 500px;
  }

  /***********************************************
  Comment Section
  ************************************************/
  .comment-form {
    display: inline-block;
  }
  .comment-form p {
    margin: 0;
  }
  .comment-form .submit {
    width: 100%;
  }
  .comment-form .comment-notes {
    width: 100%;
  }
  .comment-form #comment {
    min-height: 256px;
  }
  .comment-form .comment-form-comment {
    width: 50%;
    float: left;
  }
  .comment-form .comment-form-author {
    width: 48%;
    float: right;
  }
  .comment-form .comment-form-email {
    width: 48%;
    float: right;
  }
  .comment-form .comment-form-url {
    width: 48%;
    float: right;
  }
  .comment-form .form-submit {
    width: 48%;
    float: right;
  }

  .logged-in .comment-form {
    width: 100%;
  }
  .logged-in .comment-form-comment {
    width: 100%;
  }
  .logged-in .comment-form .form-submit {
    width: auto;
    float: left;
  }

  /***********************************************
  Single Post
  ************************************************/
  .entry-title {
    font-size: 2em;
    font-weight: 900;
  }

  .single-content-area {
    margin: 0;
  }

  .single-container {
    margin: 0 auto;
  }

  /***********************************************
  Single Page
  ************************************************/
  .page-banner {
    height: 240px;
  }

  .page-img-container {
    height: 320px;
    margin-top: -10em;
  }

  .page .entry-title {
    font-size: 3em;
    font-weight: 900;
  }

  /***********************************************
  Single Reviews
  ************************************************/
  .single-reviews .review-product {
    width: 300px;
    height: 100%;
  }

  /***********************************************
  Cards
  ************************************************/
  .card h5 {
    font-size: 1.5em;
    font-weight: 700;
  }
}
/* Medium only */
/*********************
LARGE & UP & LARGE ONLY
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
/* Large and up */
@media screen and (min-width: 64em) {
  .anchor-ad-wrap {
    display: none;
  }

  .site-branding {
    margin-bottom: -10px;
  }

  /***********************************************
  Featured Slider
  ************************************************/
  .tm-featured .tm-section {
    padding: 0;
  }

  /***********************************************
  Featured Slider + Hero
  ************************************************/
  .single-post .tm-featured {
    height: 200px;
  }

  /***********************************************
  Top Bar
  ************************************************/
  .top-bar-nav i {
    margin-right: 0.3em;
  }

  /***********************************************
  Left Bar
  ************************************************/
  .left-bar {
    width: 200px;
  }

  /***********************************************
  Cards
  ************************************************/
  .card:hover .box {
    border-left: 1px solid #EC7F3D;
  }

  .box {
    border-left: 1px solid #CCCCCC;
  }

  /***********************************************
  CSS Spinner
  ************************************************/
  .ss-loading {
    width: calc(100% - 100px);
    right: 0;
  }
  .ss-loading.ss-open {
    display: flex;
  }

  /***********************************************
  Singular
  ************************************************/
  .entry-footer .author-name, .entry-footer .author-decription {
    margin: 0 0 0.5em;
  }

  .single-container {
    border: 1px solid #1F1E1E;
    border-radius: 3px;
    overflow: hidden;
    max-width: 90%;
    margin: 3em auto;
  }

  /***********************************************
  Single Page
  ************************************************/
  .page-banner {
    height: 340px;
  }

  .page-img-container {
    height: 500px;
    margin-top: -16em;
  }

  /***********************************************
  Single Reviews
  ************************************************/
  .single-reviews .review-product {
    width: 400px;
    height: 100%;
  }

  /***********************************************
  Orbiting
  ************************************************/
  .orbiter {
    transform: scale(1);
  }
}
/* Large only */
/*********************
EXTRA LARGE
*********************/
@media screen and (min-width: 90em) {
  /***********************************************
  Singular
  ************************************************/
  .single-container {
    margin: 3em auto;
    max-width: 90em;
  }
}
/*******************************************
Text Colors
********************************************/
.c-text--color {
  color: var(--text-color);
}

.c-text--white {
  color: white;
}

.c-text--black {
  color: black;
}

.c-text--primary {
  color: var(--primary);
}

.c-text--secondary {
  color: var(--secondary);
}

.c-text--success {
  color: var(--success);
}

.c-text--warning {
  color: var(--warning);
}

.c-text--alert {
  color: var(--alert);
}

/*******************************************
Background Colors
********************************************/
.c-bg-color--transparent {
  background: transparent;
}

.c-bg-color--default {
  background: white;
}

.c-bg-color--primary {
  background: var(--primary);
}

.c-bg-color--secondary {
  background: var(--secondary);
}

.c-bg-color--success {
  background: var(--success);
}

.c-bg-color--warning {
  background: var(--warning);
}

.c-bg-color--alert {
  background: var(--alert);
}

.c-bg-color--white {
  background-color: white;
}

.c-bg-color--black {
  background-color: black;
}

.c-bg-color--color {
  background-color: var(--text-color);
}

.c-bg-color--red-50 {
  background-color: var(--red-50);
}

.c-bg-color--red-100 {
  background-color: var(--red-100);
}

.c-bg-color--red-200 {
  background-color: var(--red-200);
}

.c-bg-color--red-300 {
  background-color: var(--red-300);
}

.c-bg-color--red-400 {
  background-color: var(--red-400);
}

.c-bg-color--red-500 {
  background-color: var(--red-500);
}

.c-bg-color--red-600 {
  background-color: var(--red-600);
}

.c-bg-color--red-700 {
  background-color: var(--red-700);
}

.c-bg-color--red-800 {
  background-color: var(--red-800);
}

.c-bg-color--red-900 {
  background-color: var(--red-900);
}

.c-bg-color--red-A100 {
  background-color: var(--red-A100);
}

.c-bg-color--red-A200 {
  background-color: var(--red-A200);
}

.c-bg-color--red-A400 {
  background-color: var(--red-A400);
}

.c-bg-color--red-A700 {
  background-color: var(--red-A700);
}

.c-bg-color--pink-50 {
  background-color: var(--pink-50);
}

.c-bg-color--pink-100 {
  background-color: var(--pink-100);
}

.c-bg-color--pink-200 {
  background-color: var(--pink-200);
}

.c-bg-color--pink-300 {
  background-color: var(--pink-300);
}

.c-bg-color--pink-400 {
  background-color: var(--pink-400);
}

.c-bg-color--pink-500 {
  background-color: var(--pink-500);
}

.c-bg-color--pink-600 {
  background-color: var(--pink-600);
}

.c-bg-color--pink-700 {
  background-color: var(--pink-700);
}

.c-bg-color--pink-800 {
  background-color: var(--pink-800);
}

.c-bg-color--pink-900 {
  background-color: var(--pink-900);
}

.c-bg-color--pink-A100 {
  background-color: var(--pink-A100);
}

.c-bg-color--pink-A200 {
  background-color: var(--pink-A200);
}

.c-bg-color--pink-A400 {
  background-color: var(--pink-A400);
}

.c-bg-color--pink-A700 {
  background-color: var(--pink-A700);
}

.c-bg-color--purple-50 {
  background-color: var(--purple-50);
}

.c-bg-color--purple-100 {
  background-color: var(--purple-100);
}

.c-bg-color--purple-200 {
  background-color: var(--purple-200);
}

.c-bg-color--purple-300 {
  background-color: var(--purple-300);
}

.c-bg-color--purple-400 {
  background-color: var(--purple-400);
}

.c-bg-color--purple-500 {
  background-color: var(--purple-500);
}

.c-bg-color--purple-600 {
  background-color: var(--purple-600);
}

.c-bg-color--purple-700 {
  background-color: var(--purple-700);
}

.c-bg-color--purple-800 {
  background-color: var(--purple-800);
}

.c-bg-color--purple-900 {
  background-color: var(--purple-900);
}

.c-bg-color--purple-A100 {
  background-color: var(--purple-A100);
}

.c-bg-color--purple-A200 {
  background-color: var(--purple-A200);
}

.c-bg-color--purple-A400 {
  background-color: var(--purple-A400);
}

.c-bg-color--purple-A700 {
  background-color: var(--purple-A700);
}

.c-bg-color--deep-purple-50 {
  background-color: var(--deep-purple-50);
}

.c-bg-color--deep-purple-100 {
  background-color: var(--deep-purple-100);
}

.c-bg-color--deep-purple-200 {
  background-color: var(--deep-purple-200);
}

.c-bg-color--deep-purple-300 {
  background-color: var(--deep-purple-300);
}

.c-bg-color--deep-purple-400 {
  background-color: var(--deep-purple-400);
}

.c-bg-color--deep-purple-500 {
  background-color: var(--deep-purple-500);
}

.c-bg-color--deep-purple-600 {
  background-color: var(--deep-purple-600);
}

.c-bg-color--deep-purple-700 {
  background-color: var(--deep-purple-700);
}

.c-bg-color--deep-purple-800 {
  background-color: var(--deep-purple-800);
}

.c-bg-color--deep-purple-900 {
  background-color: var(--deep-purple-900);
}

.c-bg-color--deep-purple-A100 {
  background-color: var(--deep-purple-A100);
}

.c-bg-color--deep-purple-A200 {
  background-color: var(--deep-purple-A200);
}

.c-bg-color--deep-purple-A400 {
  background-color: var(--deep-purple-A400);
}

.c-bg-color--deep-purple-A700 {
  background-color: var(--deep-purple-A700);
}

.c-bg-color--indigo-50 {
  background-color: var(--indigo-50);
}

.c-bg-color--indigo-100 {
  background-color: var(--indigo-100);
}

.c-bg-color--indigo-200 {
  background-color: var(--indigo-200);
}

.c-bg-color--indigo-300 {
  background-color: var(--indigo-300);
}

.c-bg-color--indigo-400 {
  background-color: var(--indigo-400);
}

.c-bg-color--indigo-500 {
  background-color: var(--indigo-500);
}

.c-bg-color--indigo-600 {
  background-color: var(--indigo-600);
}

.c-bg-color--indigo-700 {
  background-color: var(--indigo-700);
}

.c-bg-color--indigo-800 {
  background-color: var(--indigo-800);
}

.c-bg-color--indigo-900 {
  background-color: var(--indigo-900);
}

.c-bg-color--indigo-A100 {
  background-color: var(--indigo-A100);
}

.c-bg-color--indigo-A200 {
  background-color: var(--indigo-A200);
}

.c-bg-color--indigo-A400 {
  background-color: var(--indigo-A400);
}

.c-bg-color--indigo-A700 {
  background-color: var(--indigo-A700);
}

.c-bg-color--blue-50 {
  background-color: var(--blue-50);
}

.c-bg-color--blue-100 {
  background-color: var(--blue-100);
}

.c-bg-color--blue-200 {
  background-color: var(--blue-200);
}

.c-bg-color--blue-300 {
  background-color: var(--blue-300);
}

.c-bg-color--blue-400 {
  background-color: var(--blue-400);
}

.c-bg-color--blue-500 {
  background-color: var(--blue-500);
}

.c-bg-color--blue-600 {
  background-color: var(--blue-600);
}

.c-bg-color--blue-700 {
  background-color: var(--blue-700);
}

.c-bg-color--blue-800 {
  background-color: var(--blue-800);
}

.c-bg-color--blue-900 {
  background-color: var(--blue-900);
}

.c-bg-color--blue-A100 {
  background-color: var(--blue-A100);
}

.c-bg-color--blue-A200 {
  background-color: var(--blue-A200);
}

.c-bg-color--blue-A400 {
  background-color: var(--blue-A400);
}

.c-bg-color--blue-A700 {
  background-color: var(--blue-A700);
}

.c-bg-color--light-blue-50 {
  background-color: var(--light-blue-50);
}

.c-bg-color--light-blue-100 {
  background-color: var(--light-blue-100);
}

.c-bg-color--light-blue-200 {
  background-color: var(--light-blue-200);
}

.c-bg-color--light-blue-300 {
  background-color: var(--light-blue-300);
}

.c-bg-color--light-blue-400 {
  background-color: var(--light-blue-400);
}

.c-bg-color--light-blue-500 {
  background-color: var(--light-blue-500);
}

.c-bg-color--light-blue-600 {
  background-color: var(--light-blue-600);
}

.c-bg-color--light-blue-700 {
  background-color: var(--light-blue-700);
}

.c-bg-color--light-blue-800 {
  background-color: var(--light-blue-800);
}

.c-bg-color--light-blue-900 {
  background-color: var(--light-blue-900);
}

.c-bg-color--light-blue-A100 {
  background-color: var(--light-blue-A100);
}

.c-bg-color--light-blue-A200 {
  background-color: var(--light-blue-A200);
}

.c-bg-color--light-blue-A400 {
  background-color: var(--light-blue-A400);
}

.c-bg-color--light-blue-A700 {
  background-color: var(--light-blue-A700);
}

.c-bg-color--cyan-50 {
  background-color: var(--cyan-50);
}

.c-bg-color--cyan-100 {
  background-color: var(--cyan-100);
}

.c-bg-color--cyan-200 {
  background-color: var(--cyan-200);
}

.c-bg-color--cyan-300 {
  background-color: var(--cyan-300);
}

.c-bg-color--cyan-400 {
  background-color: var(--cyan-400);
}

.c-bg-color--cyan-500 {
  background-color: var(--cyan-500);
}

.c-bg-color--cyan-600 {
  background-color: var(--cyan-600);
}

.c-bg-color--cyan-700 {
  background-color: var(--cyan-700);
}

.c-bg-color--cyan-800 {
  background-color: var(--cyan-800);
}

.c-bg-color--cyan-900 {
  background-color: var(--cyan-900);
}

.c-bg-color--cyan-A100 {
  background-color: var(--cyan-A100);
}

.c-bg-color--cyan-A200 {
  background-color: var(--cyan-A200);
}

.c-bg-color--cyan-A400 {
  background-color: var(--cyan-A400);
}

.c-bg-color--cyan-A700 {
  background-color: var(--cyan-A700);
}

.c-bg-color--teal-50 {
  background-color: var(--teal-50);
}

.c-bg-color--teal-100 {
  background-color: var(--teal-100);
}

.c-bg-color--teal-200 {
  background-color: var(--teal-200);
}

.c-bg-color--teal-300 {
  background-color: var(--teal-300);
}

.c-bg-color--teal-400 {
  background-color: var(--teal-400);
}

.c-bg-color--teal-500 {
  background-color: var(--teal-500);
}

.c-bg-color--teal-600 {
  background-color: var(--teal-600);
}

.c-bg-color--teal-700 {
  background-color: var(--teal-700);
}

.c-bg-color--teal-800 {
  background-color: var(--teal-800);
}

.c-bg-color--teal-900 {
  background-color: var(--teal-900);
}

.c-bg-color--teal-A100 {
  background-color: var(--teal-A100);
}

.c-bg-color--teal-A200 {
  background-color: var(--teal-A200);
}

.c-bg-color--teal-A400 {
  background-color: var(--teal-A400);
}

.c-bg-color--teal-A700 {
  background-color: var(--teal-A700);
}

.c-bg-color--green-50 {
  background-color: var(--green-50);
}

.c-bg-color--green-100 {
  background-color: var(--green-100);
}

.c-bg-color--green-200 {
  background-color: var(--green-200);
}

.c-bg-color--green-300 {
  background-color: var(--green-300);
}

.c-bg-color--green-400 {
  background-color: var(--green-400);
}

.c-bg-color--green-500 {
  background-color: var(--green-500);
}

.c-bg-color--green-600 {
  background-color: var(--green-600);
}

.c-bg-color--green-700 {
  background-color: var(--green-700);
}

.c-bg-color--green-800 {
  background-color: var(--green-800);
}

.c-bg-color--green-900 {
  background-color: var(--green-900);
}

.c-bg-color--green-A100 {
  background-color: var(--green-A100);
}

.c-bg-color--green-A200 {
  background-color: var(--green-A200);
}

.c-bg-color--green-A400 {
  background-color: var(--green-A400);
}

.c-bg-color--green-A700 {
  background-color: var(--green-A700);
}

.c-bg-color--light-green-50 {
  background-color: var(--light-green-50);
}

.c-bg-color--light-green-100 {
  background-color: var(--light-green-100);
}

.c-bg-color--light-green-200 {
  background-color: var(--light-green-200);
}

.c-bg-color--light-green-300 {
  background-color: var(--light-green-300);
}

.c-bg-color--light-green-400 {
  background-color: var(--light-green-400);
}

.c-bg-color--light-green-500 {
  background-color: var(--light-green-500);
}

.c-bg-color--light-green-600 {
  background-color: var(--light-green-600);
}

.c-bg-color--light-green-700 {
  background-color: var(--light-green-700);
}

.c-bg-color--light-green-800 {
  background-color: var(--light-green-800);
}

.c-bg-color--light-green-900 {
  background-color: var(--light-green-900);
}

.c-bg-color--light-green-A100 {
  background-color: var(--light-green-A100);
}

.c-bg-color--light-green-A200 {
  background-color: var(--light-green-A200);
}

.c-bg-color--light-green-A400 {
  background-color: var(--light-green-A400);
}

.c-bg-color--light-green-A700 {
  background-color: var(--light-green-A700);
}

.c-bg-color--lime-50 {
  background-color: var(--lime-50);
}

.c-bg-color--lime-100 {
  background-color: var(--lime-100);
}

.c-bg-color--lime-200 {
  background-color: var(--lime-200);
}

.c-bg-color--lime-300 {
  background-color: var(--lime-300);
}

.c-bg-color--lime-400 {
  background-color: var(--lime-400);
}

.c-bg-color--lime-500 {
  background-color: var(--lime-500);
}

.c-bg-color--lime-600 {
  background-color: var(--lime-600);
}

.c-bg-color--lime-700 {
  background-color: var(--lime-700);
}

.c-bg-color--lime-800 {
  background-color: var(--lime-800);
}

.c-bg-color--lime-900 {
  background-color: var(--lime-900);
}

.c-bg-color--lime-A100 {
  background-color: var(--lime-A100);
}

.c-bg-color--lime-A200 {
  background-color: var(--lime-A200);
}

.c-bg-color--lime-A400 {
  background-color: var(--lime-A400);
}

.c-bg-color--lime-A700 {
  background-color: var(--lime-A700);
}

.c-bg-color--yellow-50 {
  background-color: var(--yellow-50);
}

.c-bg-color--yellow-100 {
  background-color: var(--yellow-100);
}

.c-bg-color--yellow-200 {
  background-color: var(--yellow-200);
}

.c-bg-color--yellow-300 {
  background-color: var(--yellow-300);
}

.c-bg-color--yellow-400 {
  background-color: var(--yellow-400);
}

.c-bg-color--yellow-500 {
  background-color: var(--yellow-500);
}

.c-bg-color--yellow-600 {
  background-color: var(--yellow-600);
}

.c-bg-color--yellow-700 {
  background-color: var(--yellow-700);
}

.c-bg-color--yellow-800 {
  background-color: var(--yellow-800);
}

.c-bg-color--yellow-900 {
  background-color: var(--yellow-900);
}

.c-bg-color--yellow-A100 {
  background-color: var(--yellow-A100);
}

.c-bg-color--yellow-A200 {
  background-color: var(--yellow-A200);
}

.c-bg-color--yellow-A400 {
  background-color: var(--yellow-A400);
}

.c-bg-color--yellow-A700 {
  background-color: var(--yellow-A700);
}

.c-bg-color--amber-50 {
  background-color: var(--amber-50);
}

.c-bg-color--amber-100 {
  background-color: var(--amber-100);
}

.c-bg-color--amber-200 {
  background-color: var(--amber-200);
}

.c-bg-color--amber-300 {
  background-color: var(--amber-300);
}

.c-bg-color--amber-400 {
  background-color: var(--amber-400);
}

.c-bg-color--amber-500 {
  background-color: var(--amber-500);
}

.c-bg-color--amber-600 {
  background-color: var(--amber-600);
}

.c-bg-color--amber-700 {
  background-color: var(--amber-700);
}

.c-bg-color--amber-800 {
  background-color: var(--amber-800);
}

.c-bg-color--amber-900 {
  background-color: var(--amber-900);
}

.c-bg-color--amber-A100 {
  background-color: var(--amber-A100);
}

.c-bg-color--amber-A200 {
  background-color: var(--amber-A200);
}

.c-bg-color--amber-A400 {
  background-color: var(--amber-A400);
}

.c-bg-color--amber-A700 {
  background-color: var(--amber-A700);
}

.c-bg-color--orange-50 {
  background-color: var(--orange-50);
}

.c-bg-color--orange-100 {
  background-color: var(--orange-100);
}

.c-bg-color--orange-200 {
  background-color: var(--orange-200);
}

.c-bg-color--orange-300 {
  background-color: var(--orange-300);
}

.c-bg-color--orange-400 {
  background-color: var(--orange-400);
}

.c-bg-color--orange-500 {
  background-color: var(--orange-500);
}

.c-bg-color--orange-600 {
  background-color: var(--orange-600);
}

.c-bg-color--orange-700 {
  background-color: var(--orange-700);
}

.c-bg-color--orange-800 {
  background-color: var(--orange-800);
}

.c-bg-color--orange-900 {
  background-color: var(--orange-900);
}

.c-bg-color--orange-A100 {
  background-color: var(--orange-A100);
}

.c-bg-color--orange-A200 {
  background-color: var(--orange-A200);
}

.c-bg-color--orange-A400 {
  background-color: var(--orange-A400);
}

.c-bg-color--orange-A700 {
  background-color: var(--orange-A700);
}

.c-bg-color--deep-orange-50 {
  background-color: var(--deep-orange-50);
}

.c-bg-color--deep-orange-100 {
  background-color: var(--deep-orange-100);
}

.c-bg-color--deep-orange-200 {
  background-color: var(--deep-orange-200);
}

.c-bg-color--deep-orange-300 {
  background-color: var(--deep-orange-300);
}

.c-bg-color--deep-orange-400 {
  background-color: var(--deep-orange-400);
}

.c-bg-color--deep-orange-500 {
  background-color: var(--deep-orange-500);
}

.c-bg-color--deep-orange-600 {
  background-color: var(--deep-orange-600);
}

.c-bg-color--deep-orange-700 {
  background-color: var(--deep-orange-700);
}

.c-bg-color--deep-orange-800 {
  background-color: var(--deep-orange-800);
}

.c-bg-color--deep-orange-900 {
  background-color: var(--deep-orange-900);
}

.c-bg-color--deep-orange-A100 {
  background-color: var(--deep-orange-A100);
}

.c-bg-color--deep-orange-A200 {
  background-color: var(--deep-orange-A200);
}

.c-bg-color--deep-orange-A400 {
  background-color: var(--deep-orange-A400);
}

.c-bg-color--deep-orange-A700 {
  background-color: var(--deep-orange-A700);
}

.c-bg-color--brown-50 {
  background-color: var(--brown-50);
}

.c-bg-color--brown-100 {
  background-color: var(--brown-100);
}

.c-bg-color--brown-200 {
  background-color: var(--brown-200);
}

.c-bg-color--brown-300 {
  background-color: var(--brown-300);
}

.c-bg-color--brown-400 {
  background-color: var(--brown-400);
}

.c-bg-color--brown-500 {
  background-color: var(--brown-500);
}

.c-bg-color--brown-600 {
  background-color: var(--brown-600);
}

.c-bg-color--brown-700 {
  background-color: var(--brown-700);
}

.c-bg-color--brown-800 {
  background-color: var(--brown-800);
}

.c-bg-color--brown-900 {
  background-color: var(--brown-900);
}

.c-bg-color--brown-A100 {
  background-color: var(--brown-A100);
}

.c-bg-color--brown-A200 {
  background-color: var(--brown-A200);
}

.c-bg-color--brown-A400 {
  background-color: var(--brown-A400);
}

.c-bg-color--brown-A700 {
  background-color: var(--brown-A700);
}

.c-bg-color--grey-50 {
  background-color: var(--grey-50);
}

.c-bg-color--grey-100 {
  background-color: var(--grey-100);
}

.c-bg-color--grey-200 {
  background-color: var(--grey-200);
}

.c-bg-color--grey-300 {
  background-color: var(--grey-300);
}

.c-bg-color--grey-400 {
  background-color: var(--grey-400);
}

.c-bg-color--grey-500 {
  background-color: var(--grey-500);
}

.c-bg-color--grey-600 {
  background-color: var(--grey-600);
}

.c-bg-color--grey-700 {
  background-color: var(--grey-700);
}

.c-bg-color--grey-800 {
  background-color: var(--grey-800);
}

.c-bg-color--grey-900 {
  background-color: var(--grey-900);
}

.c-bg-color--grey-A100 {
  background-color: var(--grey-A100);
}

.c-bg-color--grey-A200 {
  background-color: var(--grey-A200);
}

.c-bg-color--grey-A400 {
  background-color: var(--grey-A400);
}

.c-bg-color--grey-A700 {
  background-color: var(--grey-A700);
}

.c-bg-color--blue-grey-50 {
  background-color: var(--blue-grey-50);
}

.c-bg-color--blue-grey-100 {
  background-color: var(--blue-grey-100);
}

.c-bg-color--blue-grey-200 {
  background-color: var(--blue-grey-200);
}

.c-bg-color--blue-grey-300 {
  background-color: var(--blue-grey-300);
}

.c-bg-color--blue-grey-400 {
  background-color: var(--blue-grey-400);
}

.c-bg-color--blue-grey-500 {
  background-color: var(--blue-grey-500);
}

.c-bg-color--blue-grey-600 {
  background-color: var(--blue-grey-600);
}

.c-bg-color--blue-grey-700 {
  background-color: var(--blue-grey-700);
}

.c-bg-color--blue-grey-800 {
  background-color: var(--blue-grey-800);
}

.c-bg-color--blue-grey-900 {
  background-color: var(--blue-grey-900);
}

.c-bg-color--blue-grey-A100 {
  background-color: var(--blue-grey-A100);
}

.c-bg-color--blue-grey-A200 {
  background-color: var(--blue-grey-A200);
}

.c-bg-color--blue-grey-A400 {
  background-color: var(--blue-grey-A400);
}

.c-bg-color--blue-grey-A700 {
  background-color: var(--blue-grey-A700);
}

/*******************************************
Colors
********************************************/
.c-color--primary {
  color: var(--primary);
}

.c-color--secondary {
  color: var(--secondary);
}

.c-color--success {
  color: var(--success);
}

.c-color--warning {
  color: var(--warning);
}

.c-color--alert {
  color: var(--alert);
}

.c-color--black {
  color: black;
}

.c-color--white {
  color: white;
}

.c-color--primary, .c-color--primary.c-important {
  color: var(--primary) !important;
}

.c-color--secondary, .c-color--secondary.c-important {
  color: var(--secondary) !important;
}

.c-color--success, .c-color--success.c-important {
  color: var(--success) !important;
}

.c-color--warning, .c-color--warning.c-important {
  color: var(--warning) !important;
}

.c-color--alert, .c-color--alert.c-important {
  color: var(--alert) !important;
}

.c-color--black, .c-color--black.c-important {
  color: black !important;
}

.c-color--white, .c-color--white.c-important {
  color: white !important;
}

.c-color--red-50 {
  color: var(--red-50);
}

.c-color--red-100 {
  color: var(--red-100);
}

.c-color--red-200 {
  color: var(--red-200);
}

.c-color--red-300 {
  color: var(--red-300);
}

.c-color--red-400 {
  color: var(--red-400);
}

.c-color--red-500 {
  color: var(--red-500);
}

.c-color--red-600 {
  color: var(--red-600);
}

.c-color--red-700 {
  color: var(--red-700);
}

.c-color--red-800 {
  color: var(--red-800);
}

.c-color--red-900 {
  color: var(--red-900);
}

.c-color--red-A100 {
  color: var(--red-A100);
}

.c-color--red-A200 {
  color: var(--red-A200);
}

.c-color--red-A400 {
  color: var(--red-A400);
}

.c-color--red-A700 {
  color: var(--red-A700);
}

.c-color--pink-50 {
  color: var(--pink-50);
}

.c-color--pink-100 {
  color: var(--pink-100);
}

.c-color--pink-200 {
  color: var(--pink-200);
}

.c-color--pink-300 {
  color: var(--pink-300);
}

.c-color--pink-400 {
  color: var(--pink-400);
}

.c-color--pink-500 {
  color: var(--pink-500);
}

.c-color--pink-600 {
  color: var(--pink-600);
}

.c-color--pink-700 {
  color: var(--pink-700);
}

.c-color--pink-800 {
  color: var(--pink-800);
}

.c-color--pink-900 {
  color: var(--pink-900);
}

.c-color--pink-A100 {
  color: var(--pink-A100);
}

.c-color--pink-A200 {
  color: var(--pink-A200);
}

.c-color--pink-A400 {
  color: var(--pink-A400);
}

.c-color--pink-A700 {
  color: var(--pink-A700);
}

.c-color--purple-50 {
  color: var(--purple-50);
}

.c-color--purple-100 {
  color: var(--purple-100);
}

.c-color--purple-200 {
  color: var(--purple-200);
}

.c-color--purple-300 {
  color: var(--purple-300);
}

.c-color--purple-400 {
  color: var(--purple-400);
}

.c-color--purple-500 {
  color: var(--purple-500);
}

.c-color--purple-600 {
  color: var(--purple-600);
}

.c-color--purple-700 {
  color: var(--purple-700);
}

.c-color--purple-800 {
  color: var(--purple-800);
}

.c-color--purple-900 {
  color: var(--purple-900);
}

.c-color--purple-A100 {
  color: var(--purple-A100);
}

.c-color--purple-A200 {
  color: var(--purple-A200);
}

.c-color--purple-A400 {
  color: var(--purple-A400);
}

.c-color--purple-A700 {
  color: var(--purple-A700);
}

.c-color--deep-purple-50 {
  color: var(--deep-purple-50);
}

.c-color--deep-purple-100 {
  color: var(--deep-purple-100);
}

.c-color--deep-purple-200 {
  color: var(--deep-purple-200);
}

.c-color--deep-purple-300 {
  color: var(--deep-purple-300);
}

.c-color--deep-purple-400 {
  color: var(--deep-purple-400);
}

.c-color--deep-purple-500 {
  color: var(--deep-purple-500);
}

.c-color--deep-purple-600 {
  color: var(--deep-purple-600);
}

.c-color--deep-purple-700 {
  color: var(--deep-purple-700);
}

.c-color--deep-purple-800 {
  color: var(--deep-purple-800);
}

.c-color--deep-purple-900 {
  color: var(--deep-purple-900);
}

.c-color--deep-purple-A100 {
  color: var(--deep-purple-A100);
}

.c-color--deep-purple-A200 {
  color: var(--deep-purple-A200);
}

.c-color--deep-purple-A400 {
  color: var(--deep-purple-A400);
}

.c-color--deep-purple-A700 {
  color: var(--deep-purple-A700);
}

.c-color--indigo-50 {
  color: var(--indigo-50);
}

.c-color--indigo-100 {
  color: var(--indigo-100);
}

.c-color--indigo-200 {
  color: var(--indigo-200);
}

.c-color--indigo-300 {
  color: var(--indigo-300);
}

.c-color--indigo-400 {
  color: var(--indigo-400);
}

.c-color--indigo-500 {
  color: var(--indigo-500);
}

.c-color--indigo-600 {
  color: var(--indigo-600);
}

.c-color--indigo-700 {
  color: var(--indigo-700);
}

.c-color--indigo-800 {
  color: var(--indigo-800);
}

.c-color--indigo-900 {
  color: var(--indigo-900);
}

.c-color--indigo-A100 {
  color: var(--indigo-A100);
}

.c-color--indigo-A200 {
  color: var(--indigo-A200);
}

.c-color--indigo-A400 {
  color: var(--indigo-A400);
}

.c-color--indigo-A700 {
  color: var(--indigo-A700);
}

.c-color--blue-50 {
  color: var(--blue-50);
}

.c-color--blue-100 {
  color: var(--blue-100);
}

.c-color--blue-200 {
  color: var(--blue-200);
}

.c-color--blue-300 {
  color: var(--blue-300);
}

.c-color--blue-400 {
  color: var(--blue-400);
}

.c-color--blue-500 {
  color: var(--blue-500);
}

.c-color--blue-600 {
  color: var(--blue-600);
}

.c-color--blue-700 {
  color: var(--blue-700);
}

.c-color--blue-800 {
  color: var(--blue-800);
}

.c-color--blue-900 {
  color: var(--blue-900);
}

.c-color--blue-A100 {
  color: var(--blue-A100);
}

.c-color--blue-A200 {
  color: var(--blue-A200);
}

.c-color--blue-A400 {
  color: var(--blue-A400);
}

.c-color--blue-A700 {
  color: var(--blue-A700);
}

.c-color--light-blue-50 {
  color: var(--light-blue-50);
}

.c-color--light-blue-100 {
  color: var(--light-blue-100);
}

.c-color--light-blue-200 {
  color: var(--light-blue-200);
}

.c-color--light-blue-300 {
  color: var(--light-blue-300);
}

.c-color--light-blue-400 {
  color: var(--light-blue-400);
}

.c-color--light-blue-500 {
  color: var(--light-blue-500);
}

.c-color--light-blue-600 {
  color: var(--light-blue-600);
}

.c-color--light-blue-700 {
  color: var(--light-blue-700);
}

.c-color--light-blue-800 {
  color: var(--light-blue-800);
}

.c-color--light-blue-900 {
  color: var(--light-blue-900);
}

.c-color--light-blue-A100 {
  color: var(--light-blue-A100);
}

.c-color--light-blue-A200 {
  color: var(--light-blue-A200);
}

.c-color--light-blue-A400 {
  color: var(--light-blue-A400);
}

.c-color--light-blue-A700 {
  color: var(--light-blue-A700);
}

.c-color--cyan-50 {
  color: var(--cyan-50);
}

.c-color--cyan-100 {
  color: var(--cyan-100);
}

.c-color--cyan-200 {
  color: var(--cyan-200);
}

.c-color--cyan-300 {
  color: var(--cyan-300);
}

.c-color--cyan-400 {
  color: var(--cyan-400);
}

.c-color--cyan-500 {
  color: var(--cyan-500);
}

.c-color--cyan-600 {
  color: var(--cyan-600);
}

.c-color--cyan-700 {
  color: var(--cyan-700);
}

.c-color--cyan-800 {
  color: var(--cyan-800);
}

.c-color--cyan-900 {
  color: var(--cyan-900);
}

.c-color--cyan-A100 {
  color: var(--cyan-A100);
}

.c-color--cyan-A200 {
  color: var(--cyan-A200);
}

.c-color--cyan-A400 {
  color: var(--cyan-A400);
}

.c-color--cyan-A700 {
  color: var(--cyan-A700);
}

.c-color--teal-50 {
  color: var(--teal-50);
}

.c-color--teal-100 {
  color: var(--teal-100);
}

.c-color--teal-200 {
  color: var(--teal-200);
}

.c-color--teal-300 {
  color: var(--teal-300);
}

.c-color--teal-400 {
  color: var(--teal-400);
}

.c-color--teal-500 {
  color: var(--teal-500);
}

.c-color--teal-600 {
  color: var(--teal-600);
}

.c-color--teal-700 {
  color: var(--teal-700);
}

.c-color--teal-800 {
  color: var(--teal-800);
}

.c-color--teal-900 {
  color: var(--teal-900);
}

.c-color--teal-A100 {
  color: var(--teal-A100);
}

.c-color--teal-A200 {
  color: var(--teal-A200);
}

.c-color--teal-A400 {
  color: var(--teal-A400);
}

.c-color--teal-A700 {
  color: var(--teal-A700);
}

.c-color--green-50 {
  color: var(--green-50);
}

.c-color--green-100 {
  color: var(--green-100);
}

.c-color--green-200 {
  color: var(--green-200);
}

.c-color--green-300 {
  color: var(--green-300);
}

.c-color--green-400 {
  color: var(--green-400);
}

.c-color--green-500 {
  color: var(--green-500);
}

.c-color--green-600 {
  color: var(--green-600);
}

.c-color--green-700 {
  color: var(--green-700);
}

.c-color--green-800 {
  color: var(--green-800);
}

.c-color--green-900 {
  color: var(--green-900);
}

.c-color--green-A100 {
  color: var(--green-A100);
}

.c-color--green-A200 {
  color: var(--green-A200);
}

.c-color--green-A400 {
  color: var(--green-A400);
}

.c-color--green-A700 {
  color: var(--green-A700);
}

.c-color--light-green-50 {
  color: var(--light-green-50);
}

.c-color--light-green-100 {
  color: var(--light-green-100);
}

.c-color--light-green-200 {
  color: var(--light-green-200);
}

.c-color--light-green-300 {
  color: var(--light-green-300);
}

.c-color--light-green-400 {
  color: var(--light-green-400);
}

.c-color--light-green-500 {
  color: var(--light-green-500);
}

.c-color--light-green-600 {
  color: var(--light-green-600);
}

.c-color--light-green-700 {
  color: var(--light-green-700);
}

.c-color--light-green-800 {
  color: var(--light-green-800);
}

.c-color--light-green-900 {
  color: var(--light-green-900);
}

.c-color--light-green-A100 {
  color: var(--light-green-A100);
}

.c-color--light-green-A200 {
  color: var(--light-green-A200);
}

.c-color--light-green-A400 {
  color: var(--light-green-A400);
}

.c-color--light-green-A700 {
  color: var(--light-green-A700);
}

.c-color--lime-50 {
  color: var(--lime-50);
}

.c-color--lime-100 {
  color: var(--lime-100);
}

.c-color--lime-200 {
  color: var(--lime-200);
}

.c-color--lime-300 {
  color: var(--lime-300);
}

.c-color--lime-400 {
  color: var(--lime-400);
}

.c-color--lime-500 {
  color: var(--lime-500);
}

.c-color--lime-600 {
  color: var(--lime-600);
}

.c-color--lime-700 {
  color: var(--lime-700);
}

.c-color--lime-800 {
  color: var(--lime-800);
}

.c-color--lime-900 {
  color: var(--lime-900);
}

.c-color--lime-A100 {
  color: var(--lime-A100);
}

.c-color--lime-A200 {
  color: var(--lime-A200);
}

.c-color--lime-A400 {
  color: var(--lime-A400);
}

.c-color--lime-A700 {
  color: var(--lime-A700);
}

.c-color--yellow-50 {
  color: var(--yellow-50);
}

.c-color--yellow-100 {
  color: var(--yellow-100);
}

.c-color--yellow-200 {
  color: var(--yellow-200);
}

.c-color--yellow-300 {
  color: var(--yellow-300);
}

.c-color--yellow-400 {
  color: var(--yellow-400);
}

.c-color--yellow-500 {
  color: var(--yellow-500);
}

.c-color--yellow-600 {
  color: var(--yellow-600);
}

.c-color--yellow-700 {
  color: var(--yellow-700);
}

.c-color--yellow-800 {
  color: var(--yellow-800);
}

.c-color--yellow-900 {
  color: var(--yellow-900);
}

.c-color--yellow-A100 {
  color: var(--yellow-A100);
}

.c-color--yellow-A200 {
  color: var(--yellow-A200);
}

.c-color--yellow-A400 {
  color: var(--yellow-A400);
}

.c-color--yellow-A700 {
  color: var(--yellow-A700);
}

.c-color--amber-50 {
  color: var(--amber-50);
}

.c-color--amber-100 {
  color: var(--amber-100);
}

.c-color--amber-200 {
  color: var(--amber-200);
}

.c-color--amber-300 {
  color: var(--amber-300);
}

.c-color--amber-400 {
  color: var(--amber-400);
}

.c-color--amber-500 {
  color: var(--amber-500);
}

.c-color--amber-600 {
  color: var(--amber-600);
}

.c-color--amber-700 {
  color: var(--amber-700);
}

.c-color--amber-800 {
  color: var(--amber-800);
}

.c-color--amber-900 {
  color: var(--amber-900);
}

.c-color--amber-A100 {
  color: var(--amber-A100);
}

.c-color--amber-A200 {
  color: var(--amber-A200);
}

.c-color--amber-A400 {
  color: var(--amber-A400);
}

.c-color--amber-A700 {
  color: var(--amber-A700);
}

.c-color--orange-50 {
  color: var(--orange-50);
}

.c-color--orange-100 {
  color: var(--orange-100);
}

.c-color--orange-200 {
  color: var(--orange-200);
}

.c-color--orange-300 {
  color: var(--orange-300);
}

.c-color--orange-400 {
  color: var(--orange-400);
}

.c-color--orange-500 {
  color: var(--orange-500);
}

.c-color--orange-600 {
  color: var(--orange-600);
}

.c-color--orange-700 {
  color: var(--orange-700);
}

.c-color--orange-800 {
  color: var(--orange-800);
}

.c-color--orange-900 {
  color: var(--orange-900);
}

.c-color--orange-A100 {
  color: var(--orange-A100);
}

.c-color--orange-A200 {
  color: var(--orange-A200);
}

.c-color--orange-A400 {
  color: var(--orange-A400);
}

.c-color--orange-A700 {
  color: var(--orange-A700);
}

.c-color--deep-orange-50 {
  color: var(--deep-orange-50);
}

.c-color--deep-orange-100 {
  color: var(--deep-orange-100);
}

.c-color--deep-orange-200 {
  color: var(--deep-orange-200);
}

.c-color--deep-orange-300 {
  color: var(--deep-orange-300);
}

.c-color--deep-orange-400 {
  color: var(--deep-orange-400);
}

.c-color--deep-orange-500 {
  color: var(--deep-orange-500);
}

.c-color--deep-orange-600 {
  color: var(--deep-orange-600);
}

.c-color--deep-orange-700 {
  color: var(--deep-orange-700);
}

.c-color--deep-orange-800 {
  color: var(--deep-orange-800);
}

.c-color--deep-orange-900 {
  color: var(--deep-orange-900);
}

.c-color--deep-orange-A100 {
  color: var(--deep-orange-A100);
}

.c-color--deep-orange-A200 {
  color: var(--deep-orange-A200);
}

.c-color--deep-orange-A400 {
  color: var(--deep-orange-A400);
}

.c-color--deep-orange-A700 {
  color: var(--deep-orange-A700);
}

.c-color--brown-50 {
  color: var(--brown-50);
}

.c-color--brown-100 {
  color: var(--brown-100);
}

.c-color--brown-200 {
  color: var(--brown-200);
}

.c-color--brown-300 {
  color: var(--brown-300);
}

.c-color--brown-400 {
  color: var(--brown-400);
}

.c-color--brown-500 {
  color: var(--brown-500);
}

.c-color--brown-600 {
  color: var(--brown-600);
}

.c-color--brown-700 {
  color: var(--brown-700);
}

.c-color--brown-800 {
  color: var(--brown-800);
}

.c-color--brown-900 {
  color: var(--brown-900);
}

.c-color--brown-A100 {
  color: var(--brown-A100);
}

.c-color--brown-A200 {
  color: var(--brown-A200);
}

.c-color--brown-A400 {
  color: var(--brown-A400);
}

.c-color--brown-A700 {
  color: var(--brown-A700);
}

.c-color--grey-50 {
  color: var(--grey-50);
}

.c-color--grey-100 {
  color: var(--grey-100);
}

.c-color--grey-200 {
  color: var(--grey-200);
}

.c-color--grey-300 {
  color: var(--grey-300);
}

.c-color--grey-400 {
  color: var(--grey-400);
}

.c-color--grey-500 {
  color: var(--grey-500);
}

.c-color--grey-600 {
  color: var(--grey-600);
}

.c-color--grey-700 {
  color: var(--grey-700);
}

.c-color--grey-800 {
  color: var(--grey-800);
}

.c-color--grey-900 {
  color: var(--grey-900);
}

.c-color--grey-A100 {
  color: var(--grey-A100);
}

.c-color--grey-A200 {
  color: var(--grey-A200);
}

.c-color--grey-A400 {
  color: var(--grey-A400);
}

.c-color--grey-A700 {
  color: var(--grey-A700);
}

.c-color--blue-grey-50 {
  color: var(--blue-grey-50);
}

.c-color--blue-grey-100 {
  color: var(--blue-grey-100);
}

.c-color--blue-grey-200 {
  color: var(--blue-grey-200);
}

.c-color--blue-grey-100 {
  color: var(--blue-grey-300);
}

.c-color--blue-grey-400 {
  color: var(--blue-grey-400);
}

.c-color--blue-grey-500 {
  color: var(--blue-grey-500);
}

.c-color--blue-grey-600 {
  color: var(--blue-grey-600);
}

.c-color--blue-grey-700 {
  color: var(--blue-grey-700);
}

.c-color--blue-grey-800 {
  color: var(--blue-grey-800);
}

.c-color--blue-grey-900 {
  color: var(--blue-grey-900);
}

.c-color--blue-grey-A100 {
  color: var(--blue-grey-A100);
}

.c-color--blue-grey-A200 {
  color: var(--blue-grey-A200);
}

.c-color--blue-grey-A400 {
  color: var(--blue-grey-A400);
}

.c-color--blue-grey-A700 {
  color: var(--blue-grey-A700);
}

/*******************************************
Border Colors - Palette
********************************************/
.c-color-border--primary {
  border-color: var(--primary);
}

.c-color-border--secondary {
  border-color: var(--secondary);
}

.c-color-border--success {
  border-color: var(--success);
}

.c-color-border--warning {
  border-color: var(--warning);
}

.c-color-border--alert {
  border-color: var(--alert);
}

.c-color-border--black {
  border-color: black;
}

.c-color-border--white {
  border-color: white;
}

.c-color-border--red-50 {
  border-color: var(--red-50);
}

.c-color-border--red-100 {
  border-color: var(--red-100);
}

.c-color-border--red-200 {
  border-color: var(--red-200);
}

.c-color-border--red-300 {
  border-color: var(--red-300);
}

.c-color-border--red-400 {
  border-color: var(--red-400);
}

.c-color-border--red-500 {
  border-color: var(--red-500);
}

.c-color-border--red-600 {
  border-color: var(--red-600);
}

.c-color-border--red-700 {
  border-color: var(--red-700);
}

.c-color-border--red-800 {
  border-color: var(--red-800);
}

.c-color-border--red-900 {
  border-color: var(--red-900);
}

.c-color-border--red-A100 {
  border-color: var(--red-A100);
}

.c-color-border--red-A200 {
  border-color: var(--red-A200);
}

.c-color-border--red-A400 {
  border-color: var(--red-A400);
}

.c-color-border--red-A700 {
  border-color: var(--red-A700);
}

.c-color-border--pink-50 {
  border-color: var(--pink-50);
}

.c-color-border--pink-100 {
  border-color: var(--pink-100);
}

.c-color-border--pink-200 {
  border-color: var(--pink-200);
}

.c-color-border--pink-300 {
  border-color: var(--pink-300);
}

.c-color-border--pink-400 {
  border-color: var(--pink-400);
}

.c-color-border--pink-500 {
  border-color: var(--pink-500);
}

.c-color-border--pink-600 {
  border-color: var(--pink-600);
}

.c-color-border--pink-700 {
  border-color: var(--pink-700);
}

.c-color-border--pink-800 {
  border-color: var(--pink-800);
}

.c-color-border--pink-900 {
  border-color: var(--pink-900);
}

.c-color-border--pink-A100 {
  border-color: var(--pink-A100);
}

.c-color-border--pink-A200 {
  border-color: var(--pink-A200);
}

.c-color-border--pink-A400 {
  border-color: var(--pink-A400);
}

.c-color-border--pink-A700 {
  border-color: var(--pink-A700);
}

.c-color-border--purple-50 {
  border-color: var(--purple-50);
}

.c-color-border--purple-100 {
  border-color: var(--purple-100);
}

.c-color-border--purple-200 {
  border-color: var(--purple-200);
}

.c-color-border--purple-300 {
  border-color: var(--purple-300);
}

.c-color-border--purple-400 {
  border-color: var(--purple-400);
}

.c-color-border--purple-500 {
  border-color: var(--purple-500);
}

.c-color-border--purple-600 {
  border-color: var(--purple-600);
}

.c-color-border--purple-700 {
  border-color: var(--purple-700);
}

.c-color-border--purple-800 {
  border-color: var(--purple-800);
}

.c-color-border--purple-900 {
  border-color: var(--purple-900);
}

.c-color-border--purple-A100 {
  border-color: var(--purple-A100);
}

.c-color-border--purple-A200 {
  border-color: var(--purple-A200);
}

.c-color-border--purple-A400 {
  border-color: var(--purple-A400);
}

.c-color-border--purple-A700 {
  border-color: var(--purple-A700);
}

.c-color-border--deep-purple-50 {
  border-color: var(--deep-purple-50);
}

.c-color-border--deep-purple-100 {
  border-color: var(--deep-purple-100);
}

.c-color-border--deep-purple-200 {
  border-color: var(--deep-purple-200);
}

.c-color-border--deep-purple-300 {
  border-color: var(--deep-purple-300);
}

.c-color-border--deep-purple-400 {
  border-color: var(--deep-purple-400);
}

.c-color-border--deep-purple-500 {
  border-color: var(--deep-purple-500);
}

.c-color-border--deep-purple-600 {
  border-color: var(--deep-purple-600);
}

.c-color-border--deep-purple-700 {
  border-color: var(--deep-purple-700);
}

.c-color-border--deep-purple-800 {
  border-color: var(--deep-purple-800);
}

.c-color-border--deep-purple-900 {
  border-color: var(--deep-purple-900);
}

.c-color-border--deep-purple-A100 {
  border-color: var(--deep-purple-A100);
}

.c-color-border--deep-purple-A200 {
  border-color: var(--deep-purple-A200);
}

.c-color-border--deep-purple-A400 {
  border-color: var(--deep-purple-A400);
}

.c-color-border--deep-purple-A700 {
  border-color: var(--deep-purple-A700);
}

.c-color-border--indigo-50 {
  border-color: var(--indigo-50);
}

.c-color-border--indigo-100 {
  border-color: var(--indigo-100);
}

.c-color-border--indigo-200 {
  border-color: var(--indigo-200);
}

.c-color-border--indigo-300 {
  border-color: var(--indigo-300);
}

.c-color-border--indigo-400 {
  border-color: var(--indigo-400);
}

.c-color-border--indigo-500 {
  border-color: var(--indigo-500);
}

.c-color-border--indigo-600 {
  border-color: var(--indigo-600);
}

.c-color-border--indigo-700 {
  border-color: var(--indigo-700);
}

.c-color-border--indigo-800 {
  border-color: var(--indigo-800);
}

.c-color-border--indigo-900 {
  border-color: var(--indigo-900);
}

.c-color-border--indigo-A100 {
  border-color: var(--indigo-A100);
}

.c-color-border--indigo-A200 {
  border-color: var(--indigo-A200);
}

.c-color-border--indigo-A400 {
  border-color: var(--indigo-A400);
}

.c-color-border--indigo-A700 {
  border-color: var(--indigo-A700);
}

.c-color-border--blue-50 {
  border-color: var(--blue-50);
}

.c-color-border--blue-100 {
  border-color: var(--blue-100);
}

.c-color-border--blue-200 {
  border-color: var(--blue-200);
}

.c-color-border--blue-300 {
  border-color: var(--blue-300);
}

.c-color-border--blue-400 {
  border-color: var(--blue-400);
}

.c-color-border--blue-500 {
  border-color: var(--blue-500);
}

.c-color-border--blue-600 {
  border-color: var(--blue-600);
}

.c-color-border--blue-700 {
  border-color: var(--blue-700);
}

.c-color-border--blue-800 {
  border-color: var(--blue-800);
}

.c-color-border--blue-900 {
  border-color: var(--blue-900);
}

.c-color-border--blue-A100 {
  border-color: var(--blue-A100);
}

.c-color-border--blue-A200 {
  border-color: var(--blue-A200);
}

.c-color-border--blue-A400 {
  border-color: var(--blue-A400);
}

.c-color-border--blue-A700 {
  border-color: var(--blue-A700);
}

.c-color-border--light-blue-50 {
  border-color: var(--light-blue-50);
}

.c-color-border--light-blue-100 {
  border-color: var(--light-blue-100);
}

.c-color-border--light-blue-200 {
  border-color: var(--light-blue-200);
}

.c-color-border--light-blue-300 {
  border-color: var(--light-blue-300);
}

.c-color-border--light-blue-400 {
  border-color: var(--light-blue-400);
}

.c-color-border--light-blue-500 {
  border-color: var(--light-blue-500);
}

.c-color-border--light-blue-600 {
  border-color: var(--light-blue-600);
}

.c-color-border--light-blue-700 {
  border-color: var(--light-blue-700);
}

.c-color-border--light-blue-800 {
  border-color: var(--light-blue-800);
}

.c-color-border--light-blue-900 {
  border-color: var(--light-blue-900);
}

.c-color-border--light-blue-A100 {
  border-color: var(--light-blue-A100);
}

.c-color-border--light-blue-A200 {
  border-color: var(--light-blue-A200);
}

.c-color-border--light-blue-A400 {
  border-color: var(--light-blue-A400);
}

.c-color-border--light-blue-A700 {
  border-color: var(--light-blue-A700);
}

.c-color-border--cyan-50 {
  border-color: var(--cyan-50);
}

.c-color-border--cyan-100 {
  border-color: var(--cyan-100);
}

.c-color-border--cyan-200 {
  border-color: var(--cyan-200);
}

.c-color-border--cyan-300 {
  border-color: var(--cyan-300);
}

.c-color-border--cyan-400 {
  border-color: var(--cyan-400);
}

.c-color-border--cyan-500 {
  border-color: var(--cyan-500);
}

.c-color-border--cyan-600 {
  border-color: var(--cyan-600);
}

.c-color-border--cyan-700 {
  border-color: var(--cyan-700);
}

.c-color-border--cyan-800 {
  border-color: var(--cyan-800);
}

.c-color-border--cyan-900 {
  border-color: var(--cyan-900);
}

.c-color-border--cyan-A100 {
  border-color: var(--cyan-A100);
}

.c-color-border--cyan-A200 {
  border-color: var(--cyan-A200);
}

.c-color-border--cyan-A400 {
  border-color: var(--cyan-A400);
}

.c-color-border--cyan-A700 {
  border-color: var(--cyan-A700);
}

.c-color-border--teal-50 {
  border-color: var(--teal-50);
}

.c-color-border--teal-100 {
  border-color: var(--teal-100);
}

.c-color-border--teal-200 {
  border-color: var(--teal-200);
}

.c-color-border--teal-300 {
  border-color: var(--teal-300);
}

.c-color-border--teal-400 {
  border-color: var(--teal-400);
}

.c-color-border--teal-500 {
  border-color: var(--teal-500);
}

.c-color-border--teal-600 {
  border-color: var(--teal-600);
}

.c-color-border--teal-700 {
  border-color: var(--teal-700);
}

.c-color-border--teal-800 {
  border-color: var(--teal-800);
}

.c-color-border--teal-900 {
  border-color: var(--teal-900);
}

.c-color-border--teal-A100 {
  border-color: var(--teal-A100);
}

.c-color-border--teal-A200 {
  border-color: var(--teal-A200);
}

.c-color-border--teal-A400 {
  border-color: var(--teal-A400);
}

.c-color-border--teal-A700 {
  border-color: var(--teal-A700);
}

.c-color-border--green-50 {
  border-color: var(--green-50);
}

.c-color-border--green-100 {
  border-color: var(--green-100);
}

.c-color-border--green-200 {
  border-color: var(--green-200);
}

.c-color-border--green-300 {
  border-color: var(--green-300);
}

.c-color-border--green-400 {
  border-color: var(--green-400);
}

.c-color-border--green-500 {
  border-color: var(--green-500);
}

.c-color-border--green-600 {
  border-color: var(--green-600);
}

.c-color-border--green-700 {
  border-color: var(--green-700);
}

.c-color-border--green-800 {
  border-color: var(--green-800);
}

.c-color-border--green-900 {
  border-color: var(--green-900);
}

.c-color-border--green-A100 {
  border-color: var(--green-A100);
}

.c-color-border--green-A200 {
  border-color: var(--green-A200);
}

.c-color-border--green-A400 {
  border-color: var(--green-A400);
}

.c-color-border--green-A700 {
  border-color: var(--green-A700);
}

.c-color-border--light-green-50 {
  border-color: var(--light-green-50);
}

.c-color-border--light-green-100 {
  border-color: var(--light-green-100);
}

.c-color-border--light-green-200 {
  border-color: var(--light-green-200);
}

.c-color-border--light-green-300 {
  border-color: var(--light-green-300);
}

.c-color-border--light-green-400 {
  border-color: var(--light-green-400);
}

.c-color-border--light-green-500 {
  border-color: var(--light-green-500);
}

.c-color-border--light-green-600 {
  border-color: var(--light-green-600);
}

.c-color-border--light-green-700 {
  border-color: var(--light-green-700);
}

.c-color-border--light-green-800 {
  border-color: var(--light-green-800);
}

.c-color-border--light-green-900 {
  border-color: var(--light-green-900);
}

.c-color-border--light-green-A100 {
  border-color: var(--light-green-A100);
}

.c-color-border--light-green-A200 {
  border-color: var(--light-green-A200);
}

.c-color-border--light-green-A400 {
  border-color: var(--light-green-A400);
}

.c-color-border--light-green-A700 {
  border-color: var(--light-green-A700);
}

.c-color-border--lime-50 {
  border-color: var(--lime-50);
}

.c-color-border--lime-100 {
  border-color: var(--lime-100);
}

.c-color-border--lime-200 {
  border-color: var(--lime-200);
}

.c-color-border--lime-300 {
  border-color: var(--lime-300);
}

.c-color-border--lime-400 {
  border-color: var(--lime-400);
}

.c-color-border--lime-500 {
  border-color: var(--lime-500);
}

.c-color-border--lime-600 {
  border-color: var(--lime-600);
}

.c-color-border--lime-700 {
  border-color: var(--lime-700);
}

.c-color-border--lime-800 {
  border-color: var(--lime-800);
}

.c-color-border--lime-900 {
  border-color: var(--lime-900);
}

.c-color-border--lime-A100 {
  border-color: var(--lime-A100);
}

.c-color-border--lime-A200 {
  border-color: var(--lime-A200);
}

.c-color-border--lime-A400 {
  border-color: var(--lime-A400);
}

.c-color-border--lime-A700 {
  border-color: var(--lime-A700);
}

.c-color-border--yellow-50 {
  border-color: var(--yellow-50);
}

.c-color-border--yellow-100 {
  border-color: var(--yellow-100);
}

.c-color-border--yellow-200 {
  border-color: var(--yellow-200);
}

.c-color-border--yellow-300 {
  border-color: var(--yellow-300);
}

.c-color-border--yellow-400 {
  border-color: var(--yellow-400);
}

.c-color-border--yellow-500 {
  border-color: var(--yellow-500);
}

.c-color-border--yellow-600 {
  border-color: var(--yellow-600);
}

.c-color-border--yellow-700 {
  border-color: var(--yellow-700);
}

.c-color-border--yellow-800 {
  border-color: var(--yellow-800);
}

.c-color-border--yellow-900 {
  border-color: var(--yellow-900);
}

.c-color-border--yellow-A100 {
  border-color: var(--yellow-A100);
}

.c-color-border--yellow-A200 {
  border-color: var(--yellow-A200);
}

.c-color-border--yellow-A400 {
  border-color: var(--yellow-A400);
}

.c-color-border--yellow-A700 {
  border-color: var(--yellow-A700);
}

.c-color-border--amber-50 {
  border-color: var(--amber-50);
}

.c-color-border--amber-100 {
  border-color: var(--amber-100);
}

.c-color-border--amber-200 {
  border-color: var(--amber-200);
}

.c-color-border--amber-300 {
  border-color: var(--amber-300);
}

.c-color-border--amber-400 {
  border-color: var(--amber-400);
}

.c-color-border--amber-500 {
  border-color: var(--amber-500);
}

.c-color-border--amber-600 {
  border-color: var(--amber-600);
}

.c-color-border--amber-700 {
  border-color: var(--amber-700);
}

.c-color-border--amber-800 {
  border-color: var(--amber-800);
}

.c-color-border--amber-900 {
  border-color: var(--amber-900);
}

.c-color-border--amber-A100 {
  border-color: var(--amber-A100);
}

.c-color-border--amber-A200 {
  border-color: var(--amber-A200);
}

.c-color-border--amber-A400 {
  border-color: var(--amber-A400);
}

.c-color-border--amber-A700 {
  border-color: var(--amber-A700);
}

.c-color-border--orange-50 {
  border-color: var(--orange-50);
}

.c-color-border--orange-100 {
  border-color: var(--orange-100);
}

.c-color-border--orange-200 {
  border-color: var(--orange-200);
}

.c-color-border--orange-300 {
  border-color: var(--orange-300);
}

.c-color-border--orange-400 {
  border-color: var(--orange-400);
}

.c-color-border--orange-500 {
  border-color: var(--orange-500);
}

.c-color-border--orange-600 {
  border-color: var(--orange-600);
}

.c-color-border--orange-700 {
  border-color: var(--orange-700);
}

.c-color-border--orange-800 {
  border-color: var(--orange-800);
}

.c-color-border--orange-900 {
  border-color: var(--orange-900);
}

.c-color-border--orange-A100 {
  border-color: var(--orange-A100);
}

.c-color-border--orange-A200 {
  border-color: var(--orange-A200);
}

.c-color-border--orange-A400 {
  border-color: var(--orange-A400);
}

.c-color-border--orange-A700 {
  border-color: var(--orange-A700);
}

.c-color-border--deep-orange-50 {
  border-color: var(--deep-orange-50);
}

.c-color-border--deep-orange-100 {
  border-color: var(--deep-orange-100);
}

.c-color-border--deep-orange-200 {
  border-color: var(--deep-orange-200);
}

.c-color-border--deep-orange-300 {
  border-color: var(--deep-orange-300);
}

.c-color-border--deep-orange-400 {
  border-color: var(--deep-orange-400);
}

.c-color-border--deep-orange-500 {
  border-color: var(--deep-orange-500);
}

.c-color-border--deep-orange-600 {
  border-color: var(--deep-orange-600);
}

.c-color-border--deep-orange-700 {
  border-color: var(--deep-orange-700);
}

.c-color-border--deep-orange-800 {
  border-color: var(--deep-orange-800);
}

.c-color-border--deep-orange-900 {
  border-color: var(--deep-orange-900);
}

.c-color-border--deep-orange-A100 {
  border-color: var(--deep-orange-A100);
}

.c-color-border--deep-orange-A200 {
  border-color: var(--deep-orange-A200);
}

.c-color-border--deep-orange-A400 {
  border-color: var(--deep-orange-A400);
}

.c-color-border--deep-orange-A700 {
  border-color: var(--deep-orange-A700);
}

.c-color-border--brown-50 {
  border-color: var(--brown-50);
}

.c-color-border--brown-100 {
  border-color: var(--brown-100);
}

.c-color-border--brown-200 {
  border-color: var(--brown-200);
}

.c-color-border--brown-300 {
  border-color: var(--brown-300);
}

.c-color-border--brown-400 {
  border-color: var(--brown-400);
}

.c-color-border--brown-500 {
  border-color: var(--brown-500);
}

.c-color-border--brown-600 {
  border-color: var(--brown-600);
}

.c-color-border--brown-700 {
  border-color: var(--brown-700);
}

.c-color-border--brown-800 {
  border-color: var(--brown-800);
}

.c-color-border--brown-900 {
  border-color: var(--brown-900);
}

.c-color-border--brown-A100 {
  border-color: var(--brown-A100);
}

.c-color-border--brown-A200 {
  border-color: var(--brown-A200);
}

.c-color-border--brown-A400 {
  border-color: var(--brown-A400);
}

.c-color-border--brown-A700 {
  border-color: var(--brown-A700);
}

.c-color-border--grey-50 {
  border-color: var(--grey-50);
}

.c-color-border--grey-100 {
  border-color: var(--grey-100);
}

.c-color-border--grey-200 {
  border-color: var(--grey-200);
}

.c-color-border--grey-300 {
  border-color: var(--grey-300);
}

.c-color-border--grey-400 {
  border-color: var(--grey-400);
}

.c-color-border--grey-500 {
  border-color: var(--grey-500);
}

.c-color-border--grey-600 {
  border-color: var(--grey-600);
}

.c-color-border--grey-700 {
  border-color: var(--grey-700);
}

.c-color-border--grey-800 {
  border-color: var(--grey-800);
}

.c-color-border--grey-900 {
  border-color: var(--grey-900);
}

.c-color-border--grey-A100 {
  border-color: var(--grey-A100);
}

.c-color-border--grey-A200 {
  border-color: var(--grey-A200);
}

.c-color-border--grey-A400 {
  border-color: var(--grey-A400);
}

.c-color-border--grey-A700 {
  border-color: var(--grey-A700);
}

.c-color-border--blue-grey-50 {
  border-color: var(--blue-grey-50);
}

.c-color-border--blue-grey-100 {
  border-color: var(--blue-grey-100);
}

.c-color-border--blue-grey-200 {
  border-color: var(--blue-grey-200);
}

.c-color-border--blue-grey-100 {
  border-color: var(--blue-grey-300);
}

.c-color-border--blue-grey-400 {
  border-color: var(--blue-grey-400);
}

.c-color-border--blue-grey-500 {
  border-color: var(--blue-grey-500);
}

.c-color-border--blue-grey-600 {
  border-color: var(--blue-grey-600);
}

.c-color-border--blue-grey-700 {
  border-color: var(--blue-grey-700);
}

.c-color-border--blue-grey-800 {
  border-color: var(--blue-grey-800);
}

.c-color-border--blue-grey-900 {
  border-color: var(--blue-grey-900);
}

.c-color-border--blue-grey-A100 {
  border-color: var(--blue-grey-A100);
}

.c-color-border--blue-grey-A200 {
  border-color: var(--blue-grey-A200);
}

.c-color-border--blue-grey-A400 {
  border-color: var(--blue-grey-A400);
}

.c-color-border--blue-grey-A700 {
  border-color: var(--blue-grey-A700);
}

.c-opacity--01 {
  opacity: 0.1;
}

.c-opacity--02 {
  opacity: 0.2;
}

.c-opacity--03 {
  opacity: 0.3;
}

.c-opacity--04 {
  opacity: 0.4;
}

.c-opacity--05 {
  opacity: 0.5;
}

.c-opacity--06 {
  opacity: 0.6;
}

.c-opacity--07 {
  opacity: 0.7;
}

.c-opacity--08 {
  opacity: 0.8;
}

.c-opacity--09 {
  opacity: 0.9;
}

.c-opacity--10 {
  opacity: 1;
}

.c-bg-translucent--01 {
  background-color: rgba(0, 0, 0, 0.1);
}

.c-bg-translucent--02 {
  background-color: rgba(0, 0, 0, 0.2);
}

.c-bg-translucent--03 {
  background-color: rgba(0, 0, 0, 0.3);
}

.c-bg-translucent--04 {
  background-color: rgba(0, 0, 0, 0.4);
}

.c-bg-translucent--05 {
  background-color: rgba(0, 0, 0, 0.5);
}

.c-bg-translucent--06 {
  background-color: rgba(0, 0, 0, 0.6);
}

.c-bg-translucent--07 {
  background-color: rgba(0, 0, 0, 0.7);
}

.c-bg-translucent--08 {
  background-color: rgba(0, 0, 0, 0.8);
}

.c-bg-translucent--09 {
  background-color: rgba(0, 0, 0, 0.9);
}

.c-bg-translucent--10 {
  background-color: black;
}

.c-bg-translucent--01-hover:hover, .c-bg-translucent--01-hover:active, .c-bg-translucent--01-hover:focus {
  background-color: rgba(0, 0, 0, 0.1);
}

.c-bg-translucent--02-hover:hover, .c-bg-translucent--02-hover:active, .c-bg-translucent--02-hover:focus {
  background-color: rgba(0, 0, 0, 0.2);
}

.c-bg-translucent--03-hover:hover, .c-bg-translucent--03-hover:active, .c-bg-translucent--03-hover:focus {
  background-color: rgba(0, 0, 0, 0.3);
}

.c-bg-translucent--04-hover:hover, .c-bg-translucent--04-hover:active, .c-bg-translucent--04-hover:focus {
  background-color: rgba(0, 0, 0, 0.4);
}

.c-bg-translucent--05-hover:hover, .c-bg-translucent--04-hover:active, .c-bg-translucent--04-hover:focus {
  background-color: rgba(0, 0, 0, 0.5);
}

.c-bg-translucent--06-hover:hover, .c-bg-translucent--06-hover:active, .c-bg-translucent--06-hover:focus {
  background-color: rgba(0, 0, 0, 0.6);
}

.c-bg-translucent--07-hover:hover, .c-bg-translucent--07-hover:active, .c-bg-translucent--07-hover:focus {
  background-color: rgba(0, 0, 0, 0.7);
}

.c-bg-translucent--08-hover:hover, .c-bg-translucent--08-hover:active, .c-bg-translucent--08-hover:focus {
  background-color: rgba(0, 0, 0, 0.8);
}

.c-bg-translucent--09-hover:hover, .c-bg-translucent--09-hover:active, .c-bg-translucent--09-hover:focus {
  background-color: rgba(0, 0, 0, 0.9);
}

.c-bg-translucent--10-hover:hover, .c-bg-translucent--10-hover:active, .c-bg-translucent--10-hover:focus {
  background-color: black;
}