/* breakpoints */
/* Generic settings */
/* FIX! */
/* CSS3 */
/**
* 
* Border radius
*
*/
/* Wrapper layouts */
/* Content layouts */
/* Headers */
/* Footers */
/* Navigations */
/* Drawers */
/* Overlays */
/* Btns */
/* Tables */
:root {
  --php-white-very-light: #ffffff;
  --php-white-very-light-value: 255, 255, 255;
  --php-white-light: #fefefe;
  --php-white-light-value: 254, 254, 254;
  --php-white: #f1f1f1;
  --php-white-value: 241, 241, 241;
  --php-white-dark: #ededed;
  --php-white-dark-value: 237, 237, 237;
  --php-white-very-dark: #e0e0e0;
  --php-white-very-dark-value: 224, 224, 224;
  --php-black-very-light: #3b433c;
  --php-black-very-light-value: 59, 67, 60;
  --php-black-light: #2f3630;
  --php-black-light-value: 47, 54, 48;
  --php-black: #232824;
  --php-black-value: 35, 40, 36;
  --php-black-dark: #171a18;
  --php-black-dark-value: 23, 26, 24;
  --php-black-very-dark: #000;
  --php-black-very-dark-value: 0, 0, 0;
  --php-grey-very-light: white;
  --php-grey-very-light-value: 255, 255, 255;
  --php-grey-light: #ededed;
  --php-grey-light-value: 237, 237, 237;
  --php-grey: #cccccc;
  --php-grey-value: 204, 204, 204;
  --php-grey-dark: #999999;
  --php-grey-dark-value: 153, 153, 153;
  --php-grey-very-dark: #333333;
  --php-grey-very-dark-value: 51, 51, 51;
  --php-red-very-light: #fce5e6;
  --php-red-very-light-value: 252, 229, 230;
  --php-red-light: #f3888d;
  --php-red-light-value: 243, 136, 141;
  --php-red: #e92c35;
  --php-red-value: 233, 44, 53;
  --php-red-dark: #cd151e;
  --php-red-dark-value: 205, 21, 30;
  --php-red-very-dark: #9e1117;
  --php-red-very-dark-value: 158, 17, 23;
  --php-blue-very-light: #e5f5fb;
  --php-blue-very-light-value: 229, 245, 251;
  --php-blue-light: #b8e5f5;
  --php-blue-light-value: 184, 229, 245;
  --php-blue: #5fc4e8;
  --php-blue-value: 95, 196, 232;
  --php-blue-dark: #32b4e2;
  --php-blue-dark-value: 50, 180, 226;
  --php-blue-very-dark: #1c98c5;
  --php-blue-very-dark-value: 28, 152, 197;
  --php-yellow-very-light: #feefbf;
  --php-yellow-very-light-value: 254, 239, 191;
  --php-yellow-light: #fde38d;
  --php-yellow-light-value: 253, 227, 141;
  --php-yellow: #fbcb29;
  --php-yellow-value: 251, 203, 41;
  --php-yellow-dark: #edb804;
  --php-yellow-dark-value: 237, 184, 4;
  --php-yellow-very-dark: #bb9103;
  --php-yellow-very-dark-value: 187, 145, 3;
  --php-green-very-light: #c8ffde;
  --php-green-very-light-value: 200, 255, 222;
  --php-green-light: #62ffa0;
  --php-green-light-value: 98, 255, 160;
  --php-green: #00953b;
  --php-green-value: 0, 149, 59;
  --php-green-dark: #002f13;
  --php-green-dark-value: 0, 47, 19;
  --php-green-very-dark: black;
  --php-green-very-dark-value: 0, 0, 0;
  --php-orange-very-light: #ffd1ad;
  --php-orange-very-light-value: 255, 209, 173;
  --php-orange-light: #f8a260;
  --php-orange-light-value: 248, 162, 96;
  --php-orange: #e37c2d;
  --php-orange-value: 227, 124, 45;
  --php-orange-dark: #a44a05;
  --php-orange-dark-value: 164, 74, 5;
  --php-orange-very-dark: #471f00;
  --php-orange-very-dark-value: 71, 31, 0;
  --php-font-family-heading: D-Din, Helvetica, Arial, sans-serif;
  --php-font-family-sub-heading: D-Din, Helvetica, Arial, sans-serif;
  --php-font-family-body: PT Mono, Courier New, monospace;
  --php-font-size: 14;
  --php-font-line-height: 22.652;
}

.text-color-white-very-light {
  color: var(--php-white-very-light);
}

.bg-color-white-very-light {
  background-color: var(--php-white-very-light);
}

.text-color-white-light {
  color: var(--php-white-light);
}

.bg-color-white-light {
  background-color: var(--php-white-light);
}

.text-color-white {
  color: var(--php-white);
}

.bg-color-white {
  background-color: var(--php-white);
}

.text-color-white-dark {
  color: var(--php-white-dark);
}

.bg-color-white-dark {
  background-color: var(--php-white-dark);
}

.text-color-white-very-dark {
  color: var(--php-white-very-dark);
}

.bg-color-white-very-dark {
  background-color: var(--php-white-very-dark);
}

.text-color-black-very-light {
  color: var(--php-black-very-light);
}

.bg-color-black-very-light {
  background-color: var(--php-black-very-light);
}

.text-color-black-light {
  color: var(--php-black-light);
}

.bg-color-black-light {
  background-color: var(--php-black-light);
}

.text-color-black {
  color: var(--php-black);
}

.bg-color-black {
  background-color: var(--php-black);
}

.text-color-black-dark {
  color: var(--php-black-dark);
}

.bg-color-black-dark {
  background-color: var(--php-black-dark);
}

.text-color-black-very-dark {
  color: var(--php-black-very-dark);
}

.bg-color-black-very-dark {
  background-color: var(--php-black-very-dark);
}

.text-color-grey-very-light {
  color: var(--php-grey-very-light);
}

.bg-color-grey-very-light {
  background-color: var(--php-grey-very-light);
}

.text-color-grey-light {
  color: var(--php-grey-light);
}

.bg-color-grey-light {
  background-color: var(--php-grey-light);
}

.text-color-grey {
  color: var(--php-grey);
}

.bg-color-grey {
  background-color: var(--php-grey);
}

.text-color-grey-dark {
  color: var(--php-grey-dark);
}

.bg-color-grey-dark {
  background-color: var(--php-grey-dark);
}

.text-color-grey-very-dark {
  color: var(--php-grey-very-dark);
}

.bg-color-grey-very-dark {
  background-color: var(--php-grey-very-dark);
}

.text-color-red-very-light {
  color: var(--php-red-very-light);
}

.bg-color-red-very-light {
  background-color: var(--php-red-very-light);
}

.text-color-red-light {
  color: var(--php-red-light);
}

.bg-color-red-light {
  background-color: var(--php-red-light);
}

.text-color-red {
  color: var(--php-red);
}

.bg-color-red {
  background-color: var(--php-red);
}

.text-color-red-dark {
  color: var(--php-red-dark);
}

.bg-color-red-dark {
  background-color: var(--php-red-dark);
}

.text-color-red-very-dark {
  color: var(--php-red-very-dark);
}

.bg-color-red-very-dark {
  background-color: var(--php-red-very-dark);
}

.text-color-blue-very-light {
  color: var(--php-blue-very-light);
}

.bg-color-blue-very-light {
  background-color: var(--php-blue-very-light);
}

.text-color-blue-light {
  color: var(--php-blue-light);
}

.bg-color-blue-light {
  background-color: var(--php-blue-light);
}

.text-color-blue {
  color: var(--php-blue);
}

.bg-color-blue {
  background-color: var(--php-blue);
}

.text-color-blue-dark {
  color: var(--php-blue-dark);
}

.bg-color-blue-dark {
  background-color: var(--php-blue-dark);
}

.text-color-blue-very-dark {
  color: var(--php-blue-very-dark);
}

.bg-color-blue-very-dark {
  background-color: var(--php-blue-very-dark);
}

.text-color-yellow-very-light {
  color: var(--php-yellow-very-light);
}

.bg-color-yellow-very-light {
  background-color: var(--php-yellow-very-light);
}

.text-color-yellow-light {
  color: var(--php-yellow-light);
}

.bg-color-yellow-light {
  background-color: var(--php-yellow-light);
}

.text-color-yellow {
  color: var(--php-yellow);
}

.bg-color-yellow {
  background-color: var(--php-yellow);
}

.text-color-yellow-dark {
  color: var(--php-yellow-dark);
}

.bg-color-yellow-dark {
  background-color: var(--php-yellow-dark);
}

.text-color-yellow-very-dark {
  color: var(--php-yellow-very-dark);
}

.bg-color-yellow-very-dark {
  background-color: var(--php-yellow-very-dark);
}

.text-color-green-very-light {
  color: var(--php-green-very-light);
}

.bg-color-green-very-light {
  background-color: var(--php-green-very-light);
}

.text-color-green-light {
  color: var(--php-green-light);
}

.bg-color-green-light {
  background-color: var(--php-green-light);
}

.text-color-green {
  color: var(--php-green);
}

.bg-color-green {
  background-color: var(--php-green);
}

.text-color-green-dark {
  color: var(--php-green-dark);
}

.bg-color-green-dark {
  background-color: var(--php-green-dark);
}

.text-color-green-very-dark {
  color: var(--php-green-very-dark);
}

.bg-color-green-very-dark {
  background-color: var(--php-green-very-dark);
}

.text-color-orange-very-light {
  color: var(--php-orange-very-light);
}

.bg-color-orange-very-light {
  background-color: var(--php-orange-very-light);
}

.text-color-orange-light {
  color: var(--php-orange-light);
}

.bg-color-orange-light {
  background-color: var(--php-orange-light);
}

.text-color-orange {
  color: var(--php-orange);
}

.bg-color-orange {
  background-color: var(--php-orange);
}

.text-color-orange-dark {
  color: var(--php-orange-dark);
}

.bg-color-orange-dark {
  background-color: var(--php-orange-dark);
}

.text-color-orange-very-dark {
  color: var(--php-orange-very-dark);
}

.bg-color-orange-very-dark {
  background-color: var(--php-orange-very-dark);
}

.theme-color-bg {
  background-color: var(--theme-color-bg);
}
.theme-color-bg-invert {
  background-color: var(--theme-color-text);
}

.theme-color-text {
  color: var(--theme-color-text);
}
.theme-color-text-invert {
  background-color: var(--theme-color-bg);
}