/**
 * Modifiers
 *
 * @author Lex Lexter <hi@leximo.cz>
 * @version 1.0.0
 * @website https://leximo.cz/
 */

/*
  - background-color
  ***
*/

.--bg-inherit {
  background-color: inherit;
}
.--bg-white {
  background-color: var(--cr-white);
}
.--bg-black {
  background-color: var(--cr-black);
}
.--bg-grey-05 {
  background-color: var(--cr-grey-05);
}
.--bg-grey-10 {
  background-color: var(--cr-grey-10);
}
.--bg-grey-20 {
  background-color: var(--cr-grey-20);
}
.--bg-grey-30 {
  background-color: var(--cr-grey-30);
}
.--bg-grey-60 {
  background-color: var(--cr-grey-60);
}
.--bg-grey-70 {
  background-color: var(--cr-grey-70);
}
.--bg-grey-80 {
  background-color: var(--cr-grey-80);
}
.--bg-azure {
  background-color: var(--cr-azure);
}
.--bg-azure-light {
  background-color: var(--cr-azure-light);
}
.--bg-azure-light-2 {
  background-color: var(--cr-azure-light-2);
}
.--bg-azure-dark {
  background-color: var(--cr-azure-dark);
}
.--bg-azure-dark-2 {
  background-color: var(--cr-azure-dark-2);
}
.--bg-azure-dark-3 {
  background-color: var(--cr-azure-dark-3);
}
.--bg-yellow {
  background-color: var(--cr-yellow);
}
.--bg-yellow-light {
  background-color: var(--cr-yellow-light);
}
.--bg-yellow-dark {
  background-color: var(--cr-yellow-dark);
}
.--bg-yellow-dark-2 {
  background-color: var(--cr-yellow-dark-2);
}
.--bg-peach-light {
  background-color: var(--cr-peach-light);
}
.--bg-peach-light-2 {
  background-color: var(--cr-peach-light-2);
}
.--bg-peach-light-3 {
  background-color: var(--cr-peach-light-3);
}
.--bg-peach-light-4 {
  background-color: var(--cr-peach-light-4);
}
.--bg-green {
  background-color: var(--cr-green);
}
.--bg-green-light {
  background-color: var(--cr-green-light);
}
.--bg-green-light-2 {
  background-color: var(--cr-green-light-2);
}
.--bg-green-light-3 {
  background-color: var(--cr-green-light-3);
}
.--bg-green-dark-2 {
  background-color: var(--cr-green-dark-2);
}
.--bg-orange-light {
  background-color: var(--cr-orange-light);
}
.--bg-orange-dark {
  background-color: var(--cr-orange-dark);
}
.--bg-pink {
  background-color: var(--cr-pink);
}
.--bg-pink-light {
  background-color: var(--cr-pink-light);
}
.--bg-pink-dark {
  background-color: var(--cr-pink-dark);
}
.--bg-red {
  background-color: var(--cr-red);
}
.--bg-red-light {
  background-color: var(--cr-red-light);
}
.--bg-orange {
  background-color: var(--cr-orange);
}
.--bg-purple {
  background-color: var(--cr-purple);
}
.--bg-purple-light {
  background-color: var(--cr-purple-light);
}
.--bg-purple-dark {
  background-color: var(--cr-purple-dark);
}
.--bg-navy-dark {
  background-color: var(--cr-navy-dark);
}

/*
  - border-color
  ***
*/

.--bc-inherit {
  border-color: inherit;
}
.--bc-white {
  border-color: var(--cr-white);
}
.--bc-black {
  border-color: var(--cr-black);
}
.--bc-grey-05 {
  border-color: var(--cr-grey-05);
}
.--bc-grey-10 {
  border-color: var(--cr-grey-10);
}
.--bc-grey-20 {
  border-color: var(--cr-grey-20);
}
.--bc-grey-30 {
  border-color: var(--cr-grey-30);
}
.--bc-grey-60 {
  border-color: var(--cr-grey-60);
}
.--bc-grey-70 {
  border-color: var(--cr-grey-70);
}
.--bc-grey-80 {
  border-color: var(--cr-grey-80);
}
.--bc-azure {
  border-color: var(--cr-azure);
}
.--bc-azure-light {
  border-color: var(--cr-azure-light);
}
.--bc-light-2 {
  border-color: var(--cr-azure-light-2);
}
.--bc-azure-dark {
  border-color: var(--cr-azure-dark);
}
.--bc-azure-dark-2 {
  border-color: var(--cr-azure-dark-2);
}
.--bc-azure-dark-3 {
  border-color: var(--cr-azure-dark-3);
}
.--bc-yellow {
  border-color: var(--cr-yellow);
}
.--bc-yellow-light {
  border-color: var(--cr-yellow-light);
}
.--bc-yellow-dark {
  border-color: var(--cr-yellow-dark);
}
.--bc-yellow-dark-2 {
  border-color: var(--cr-yellow-dark-2);
}
.--bc-peach-light {
  border-color: var(--cr-peach-light);
}
.--bc-peach-light-2 {
  border-color: var(--cr-peach-light-2);
}
.--bc-peach-light-3 {
  border-color: var(--cr-peach-light-3);
}
.--bc-peach-light-4 {
  border-color: var(--cr-peach-light-4);
}
.--bc-green {
  border-color: var(--cr-green);
}
.--bc-green-light {
  border-color: var(--cr-green-light);
}
.--bc-green-light-2 {
  border-color: var(--cr-green-light-2);
}
.--bc-green-light-3 {
  border-color: var(--cr-green-light-3);
}
.--bc-green-dark-2 {
  border-color: var(--cr-green-dark-2);
}
.--bc-orange-light {
  border-color: var(--cr-orange-light);
}
.--bc-orange-dark {
  border-color: var(--cr-orange-dark);
}
.--bc-pink {
  border-color: var(--cr-pink);
}
.--bc-pink-light {
  border-color: var(--cr-pink-light);
}
.--bc-pink-dark {
  border-color: var(--cr-pink-dark);
}
.--bc-red {
  border-color: var(--cr-red);
}
.--bc-red-light {
  border-color: var(--cr-red-light);
}
.--bc-orange {
  border-color: var(--cr-orange);
}
.--bc-purple {
  border-color: var(--cr-purple);
}
.--bc-purple-light {
  border-color: var(--cr-purple-light);
}
.--bc-purple-dark {
  border-color: var(--cr-purple-dark);
}
.--bc-navy-dark {
  border-color: var(--cr-navy-dark);
}

/*
  - color
  ***
*/

.--cr-inherit {
  color: inherit;
}
.--cr-white {
  color: var(--cr-white);
}
.--cr-black {
  color: var(--cr-black);
}
.--cr-grey-05 {
  color: var(--cr-grey-05);
}
.--cr-grey-10 {
  color: var(--cr-grey-10);
}
.--cr-grey-20 {
  color: var(--cr-grey-20);
}
.--cr-grey-30 {
  color: var(--cr-grey-30);
}
.--cr-grey-60 {
  color: var(--cr-grey-60);
}
.--cr-grey-70 {
  color: var(--cr-grey-70);
}
.--cr-grey-80 {
  color: var(--cr-grey-80);
}
.--cr-azure {
  color: var(--cr-azure);
}
.--cr-azure-light {
  color: var(--cr-azure-light);
}
.--cr-light-2 {
  color: var(--cr-azure-light-2);
}
.--cr-azure-dark {
  color: var(--cr-azure-dark);
}
.--cr-azure-dark-2 {
  color: var(--cr-azure-dark-2);
}
.--cr-azure-dark-3 {
  color: var(--cr-azure-dark-3);
}
.--cr-yellow {
  color: var(--cr-yellow);
}
.--cr-yellow-light {
  color: var(--cr-yellow-light);
}
.--cr-yellow-dark {
  color: var(--cr-yellow-dark);
}
.--cr-yellow-dark-2 {
  color: var(--cr-yellow-dark-2);
}
.--cr-peach-light {
  color: var(--cr-peach-light);
}
.--cr-peach-light-2 {
  color: var(--cr-peach-light-2);
}
.--cr-peach-light-3 {
  color: var(--cr-peach-light-3);
}
.--cr-peach-light-4 {
  color: var(--cr-peach-light-4);
}
.--cr-green {
  color: var(--cr-green);
}
.--cr-green-light {
  color: var(--cr-green-light);
}
.--cr-green-light-2 {
  color: var(--cr-green-light-2);
}
.--cr-green-light-3 {
  color: var(--cr-green-light-3);
}
.--cr-green-dark-2 {
  color: var(--cr-green-dark-2);
}
.--cr-orange-light {
  color: var(--cr-orange-light);
}
.--cr-orange-dark {
  color: var(--cr-orange-dark);
}
.--cr-pink {
  color: var(--cr-pink);
}
.--cr-pink-light {
  color: var(--cr-pink-light);
}
.--cr-pink-dark {
  color: var(--cr-pink-dark);
}
.--cr-red {
  color: var(--cr-red);
}
.--cr-red-light {
  color: var(--cr-red-light);
}
.--cr-orange {
  color: var(--cr-orange);
}
.--cr-purple {
  color: var(--cr-purple);
}
.--cr-purple-light {
  color: var(--cr-purple-light);
}
.--cr-purple-dark {
  color: var(--cr-purple-dark);
}
.--cr-navy-dark {
  color: var(--cr-navy-dark);
}

/* hover */

.--cr-inherit-hov:hover {
  color: inherit;
}
.--cr-white-hov:hover {
  color: var(--cr-white);
}
.--cr-black-hov:hover {
  color: var(--cr-black);
}
.--cr-grey-05-hov:hover {
  color: var(--cr-grey-05);
}
.--cr-grey-10-hov:hover {
  color: var(--cr-grey-10);
}
.--cr-grey-20-hov:hover {
  color: var(--cr-grey-20);
}
.--cr-grey-30-hov:hover {
  color: var(--cr-grey-30);
}
.--cr-grey-60-hov:hover {
  color: var(--cr-grey-60);
}
.--cr-grey-70-hov:hover {
  color: var(--cr-grey-70);
}
.--cr-grey-80-hov:hover {
  color: var(--cr-grey-80);
}
.--cr-azure-hov:hover {
  color: var(--cr-azure);
}
.--cr-azure-light-hov:hover {
  color: var(--cr-azure-light);
}
.--cr-light-2-hov:hover {
  color: var(--cr-azure-light-2);
}
.--cr-azure-dark-hov:hover {
  color: var(--cr-azure-dark);
}
.--cr-azure-dark-2-hov:hover {
  color: var(--cr-azure-dark-2);
}
.--cr-azure-dark-3-hov:hover {
  color: var(--cr-azure-dark-3);
}

/*
  - color
  ***
*/

.--fil-inherit {
  fill: inherit;
}
.--fil-white {
  fill: var(--cr-white);
}
.--fil-black {
  fill: var(--cr-black);
}
.--fil-grey-05 {
  fill: var(--cr-grey-05);
}
.--fil-grey-10 {
  fill: var(--cr-grey-10);
}
.--fil-grey-20 {
  fill: var(--cr-grey-20);
}
.--fil-grey-30 {
  fill: var(--cr-grey-30);
}
.--fil-grey-60 {
  fill: var(--cr-grey-60);
}
.--fil-grey-70 {
  fill: var(--cr-grey-70);
}
.--fil-grey-80 {
  fill: var(--cr-grey-80);
}
.--fil-azure {
  fill: var(--cr-azure);
}
.--fil-azure-light {
  fill: var(--cr-azure-light);
}
.--fil-light-2 {
  fill: var(--cr-azure-light-2);
}
.--fil-azure-dark {
  fill: var(--cr-azure-dark);
}
.--fil-azure-dark-2 {
  fill: var(--cr-azure-dark-2);
}
.--fil-azure-dark-3 {
  fill: var(--cr-azure-dark-3);
}
.--fil-yellow {
  fill: var(--cr-yellow);
}
.--fil-yellow-light {
  fill: var(--cr-yellow-light);
}
.--fil-yellow-dark {
  fill: var(--cr-yellow-dark);
}
.--fil-yellow-dark-2 {
  fill: var(--cr-yellow-dark-2);
}
.--fil-peach-light {
  fill: var(--cr-peach-light);
}
.--fil-peach-light-2 {
  fill: var(--cr-peach-light-2);
}
.--fil-peach-light-3 {
  fill: var(--cr-peach-light-3);
}
.--fil-peach-light-4 {
  fill: var(--cr-peach-light-4);
}
.--fil-green {
  fill: var(--cr-green);
}
.--fil-green-light {
  fill: var(--cr-green-light);
}
.--fil-green-light-2 {
  fill: var(--cr-green-light-2);
}
.--fil-green-light-3 {
  fill: var(--cr-green-light-3);
}
.--fil-green-dark-2 {
  fill: var(--cr-green-dark-2);
}
.--fil-orange-light {
  fill: var(--cr-orange-light);
}
.--fil-orange-dark {
  fill: var(--cr-orange-dark);
}
.--fil-pink {
  fill: var(--cr-pink);
}
.--fil-pink-light {
  fill: var(--cr-pink-light);
}
.--fil-pink-dark {
  fill: var(--cr-pink-dark);
}
.--fil-red {
  fill: var(--cr-red);
}
.--fil-red-light {
  fill: var(--cr-red-light);
}
.--fil-orange {
  fill: var(--cr-orange);
}
.--fil-purple {
  fill: var(--cr-purple);
}
.--fil-purple-light {
  fill: var(--cr-purple-light);
}
.--fil-purple-dark {
  fill: var(--cr-purple-dark);
}
.--fil-navy-dark {
  fill: var(--cr-navy-dark);
}

/*
  - font-family
  ***
*/

.--ff-montserrat {
  font-family: var(--ff-montserrat);
}
.--ff-nunito {
  font-family: var(--ff-nunito);
}

/*
  - font-size
  ***
*/

.--fs-tiny {
  font-size: 80%;
}
.--fs-small {
  font-size: 90%;
}
.--fs-large {
  font-size: 110%;
}
.--fs-huge {
  font-size: 120%;
}

/*
  - font-weight
  ***
*/

.--fw-100 {
  font-weight: 100;
}
.--fw-200 {
  font-weight: 200;
}
.--fw-300 {
  font-weight: 300;
}
.--fw-400 {
  font-weight: 400;
}
.--fw-500 {
  font-weight: 500;
}
.--fw-600 {
  font-weight: 600;
}
.--fw-700 {
  font-weight: 700;
}
.--fw-800 {
  font-weight: 800;
}
.--fw-900 {
  font-weight: 900;
}

/*
  - shadow
  ***
*/

.--sh-none {
  box-shadow: none;
}
.--sh-tiny {
  box-shadow: var(--sh-tiny);
}
.--sh-small {
  box-shadow: var(--sh-small);
}
.--sh-medium {
  box-shadow: var(--sh-medium);
}
.--sh-large {
  box-shadow: var(--sh-large);
}

/*
  - border-width
  ***
*/

.--bw-1 {
  border-width: 1px;
}

/*
  - border-radius
  ***
*/

.--rd-tiny {
  border-radius: var(--rd-tiny);
}
.--rd-small {
  border-radius: var(--rd-small);
}
.--rd-medium {
  border-radius: var(--rd-medium);
}
.--rd-large {
  border-radius: var(--rd-large);
}
.--rd-huge {
  border-radius: var(--rd-huge);
}
.--rd-circle {
  border-radius: var(--rd-circle);
}
.--rd-full {
  border-radius: var(--rd-full);
}

/*
  - column
  ***
*/

.--col-1 {
  width: 100%;
}
.--col-2 {
  width: 50%;
}
.--col-3 {
  width: 33.33%;
}
.--col-4 {
  width: 25%;
}
.--col-5 {
  width: 20%;
}
.--col-6 {
  width: 16.66%;
}
.--col-7 {
  width: 14.28%;
}
.--col-8 {
  width: 12.5%;
}
.--col-9 {
  width: 11.11%;
}
.--col-10 {
  width: 10%;
}

/*
  - position
  ***
*/

.--pos-000 {
  margin-top: 0;
}
.--pos-000-r {
  margin-bottom: 0;
}
.--pos-001 {
  margin-top: 16px;
}
.--pos-001-r {
  margin-bottom: 16px;
}
.--pos-002 {
  margin-top: 24px;
}
.--pos-002-r {
  margin-bottom: 24px;
}
.--pos-003 {
  margin-top: 32px;
}
.--pos-003-r {
  margin-bottom: 32px;
}
.--pos-004 {
  margin-top: 48px;
}
.--pos-004-r {
  margin-bottom: 48px;
}
.--pos-005 {
  margin-top: 72px;
}
.--pos-005-r {
  margin-bottom: 72px;
}
.--pos-006 {
  margin-top: 96px;
}
.--pos-006-r {
  margin-bottom: 96px;
}
.--pos-007 {
  margin-top: 120px;
}
.--pos-007-r {
  margin-bottom: 120px;
}

/*
  - margin
  ***
*/

.--mar-frm-tiny {
  margin-bottom: 4px;
}
.--mar-frm-tiny-r {
  margin-top: 4px;
}
.--mar-frm-small {
  margin-bottom: 8px;
}
.--mar-frm-small-r {
  margin-top: 8px;
}
.--mar-frm {
  margin-bottom: 16px;
}
.--mar-frm-r {
  margin-top: 16px;
}
.--mar-frm-large {
  margin-bottom: 24px;
}
.--mar-frm-large-r {
  margin-top: 24px;
}
.--mar-frm-huge {
  margin-bottom: 36px;
}
.--mar-frm-huge-r {
  margin-top: 36px;
}

/*
  - width
  ***
*/

.--wd-150 {
  width: 150px;
}
.--wd-180 {
  width: 180px;
}
.--wd-200 {
  width: 200px;
}
.--wd-250 {
  width: 250px;
}
.--wd-270 {
  width: 270px;
}

/*
  - hide
  ***
*/

.--hide {
  display: none !important
}

/*
  - js
  ***
*/

.--js-true .--js-hide {
  display: none !important;
}
.--js-true .--js-show {
  display: block !important;
}

/*
  - unscrollable
  ***
*/

.--unscrollable {
  overflow: hidden;
}

/*
  - modal-open
  ***
*/

.--js-true .--modal-open {
  cursor: pointer;
}

/*
  - elipsis
  ***
*/

.--elipsis {
  overflow: hidden;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
}