h1, h2, h3, h4, h5 {
  font-family: open-sans, sans-serif; }

div, ul, li, ol, p, h6 {
  font-family: open-sans, sans-serif; }

body {
  font-family: open-sans, sans-serif;
  position: relative; }

.trans {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease; }

body {
  overflow-x: hidden;
  /* Hide horizontal scrollbar */ }

:root {
  --white: #ffffff;
  --black: #000000;
  --primecolor: #00aab2;
  --light: #DDF1FF;
  --lightgrey: #e9ecef;
  --dark: #343434;
  --text: #343a40;
  --reddark: #CC0066; }














/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | eShop Events - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.eshop-events-style-1 .events-item {
  margin-bottom: 30px;
}
.eshop-events-style-1 .events-item-wrap {
  display: flex;
  height: 100%;
  border-radius: var(--border-radius);
  background-color: var(--light);
}
.eshop-events-style-1 .events-item-left,
.eshop-events-style-1 .events-item-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 25px;
}
.eshop-events-style-1 .events-item-left {
  color: var#fff;
  border-radius: var(--border-radius) 0 0 var(--border-radius);
  background-color: #00aab2;
}
.eshop-events-style-1 .events-item-right {
  gap: 5px;
}
.eshop-events-style-1 .events-item-right > * {
  margin-bottom: 0;
}
.eshop-events-style-1 .events-item-release {
  line-height: 1.2;
  text-align: center;
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
}
.eshop-events-style-1 .events-item-release span {
  display: block;
}
.eshop-events-style-1 .events-item-release span:first-of-type {
  font-size: 18px;
}
.eshop-events-style-1 .events-item-release span:last-of-type {
  font-size: 30px;
}
.eshop-events-style-1 .events-item-title a {
  text-decoration: underline;
  -webkit-text-decoration-color: transparent;
          text-decoration-color: transparent;
}
.eshop-events-style-1 .events-item-title a:hover {
  -webkit-text-decoration-color: #00aab2;
          text-decoration-color: #00aab2;
}
.eshop-events-style-1 .events-item-datetime {
  font-size: 14px;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | eShop Events - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | eShop Events - Calendar - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.eshop-events-calendar-style-1 .mwCalendar {
  margin-bottom: 30px;
  border-radius: var(--border-radius);
  background-color: var#fff;
  box-shadow: var(--shadow-6);
}
.eshop-events-calendar-style-1 .mwCalendar-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
  border-bottom: 1px solid var(--border-color-dark);
}
.eshop-events-calendar-style-1 .mwCalendar-header button {
  font-size: 18px;
}
.eshop-events-calendar-style-1 .mwCalendar-header button:hover {
  color: #00aab2;
}
.eshop-events-calendar-style-1 .mwCalendar-currentMonth {
  margin-bottom: 0;
  font-size: 18px;
  color: var(--text-color);
  font-weight: var(--font-weight-bold);
}
.eshop-events-calendar-style-1 .mwCalendar-weeksList {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 5px;
  list-style: none;
  padding: 0 10px;
  margin-bottom: 0;
  line-height: 1;
}
.eshop-events-calendar-style-1 .mwCalendar-weeksList li {
  padding: 8px 0;
  text-align: center;
  margin: 0;
}
.eshop-events-calendar-style-1 .mwCalendar-weeksList abbr {
  cursor: text;
  font-size: 16px;
  text-decoration: none;
}
.eshop-events-calendar-style-1 .mwCalendar-daysList {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 5px;
  padding: 0 10px 10px;
}
.eshop-events-calendar-style-1 .mwCalendar-day {
  width: auto;
  height: auto;
  padding: 8px 0;
  text-align: center;
  border: 0;
  border-radius: var(--border-radius);
}
.eshop-events-calendar-style-1 .mwCalendar-day time {
  display: block;
  font-size: 16px;
  line-height: 1;
}
.eshop-events-calendar-style-1 .mwCalendar-day.prevMonth time, .eshop-events-calendar-style-1 .mwCalendar-day.nextMonth time {
  display: none;
}
.eshop-events-calendar-style-1 .mwCalendar-day.weekend {
  color: inherit;
}
.eshop-events-calendar-style-1 .mwCalendar-day.today {
  background-color: var(--light);
}
.eshop-events-calendar-style-1 .mwCalendar-day.today time {
  font-weight: var(--font-weight-bold);
}
.eshop-events-calendar-style-1 .mwCalendar-day.event {
  background-color: #00aab2;
}
.eshop-events-calendar-style-1 .mwCalendar-day.event time {
  color: var#fff;
  font-weight: var(--font-weight-bold);
}

.eshop-events-calendar-style-1 .mwCalendar-search {
  display: flex;
  margin-bottom: 30px;
}
.eshop-events-calendar-style-1 .mwCalendar-search .mwInput {
  z-index: 1;
  flex: 1 1 auto;
  border-right-width: 0;
  border-radius: var(--form-border-radius) 0 0 var(--form-border-radius);
}
.eshop-events-calendar-style-1 .mwCalendar-search .btn {
  flex: 0 0 auto;
  margin-bottom: 0;
}
.eshop-events-calendar-style-1 .mwCalendar-search button {
  height: var(--form-input-height);
  padding: 0 var(--btn-sm-padding-x);
  border-radius: 0 var(--form-border-radius) var(--form-border-radius) 0;
}
.eshop-events-calendar-style-1 .mwCalendar-list ul {
  margin-bottom: 30px;
}
.eshop-events-calendar-style-1 .mwCalendar-list li {
  margin-bottom: var(--li-margin-bottom);
}
.eshop-events-calendar-style-1 .mwCalendar-list-title {
  margin-bottom: 15px;
  font-size: 22px;
  color: var(--text-color);
  font-weight: var(--font-weight-bold);
}

.eshop-events-calendar-style-1 .events-item {
  margin-bottom: 30px;
}
.eshop-events-calendar-style-1 .events-item:hover .events-item-img img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.eshop-events-calendar-style-1 .events-item-wrap {
  overflow: hidden;
  height: 100%;
  border-radius: var(--border-radius);
  background-color: var#fff;
}
.eshop-events-calendar-style-1 .events-item-header {
  position: relative;
}
.eshop-events-calendar-style-1 .events-item-img {
  overflow: hidden;
  position: relative;
  aspect-ratio: 5/3;
}
.eshop-events-calendar-style-1 .events-item-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: var(--transition-200);
}
.eshop-events-calendar-style-1 .events-item-body {
  padding: 20px 20px 5px;
}
.eshop-events-calendar-style-1 .events-item-release {
  position: absolute;
  top: 0;
  left: 0;
  padding: 15px 20px;
  color: var#fff;
  text-align: center;
  border-radius: 0 0 var(--border-radius) 0;
  background-color: #00aab2;
}
.eshop-events-calendar-style-1 .events-item-release span {
  display: block;
  line-height: 1;
}
.eshop-events-calendar-style-1 .events-item-release span:first-of-type {
  font-size: 18px;
}
.eshop-events-calendar-style-1 .events-item-release span:last-of-type {
  font-size: 30px;
}
.eshop-events-calendar-style-1 .events-item-title {
  margin-bottom: 15px;
}
.eshop-events-calendar-style-1 .events-item-title a {
  text-decoration: none;
}
.eshop-events-calendar-style-1 .events-item-des {
  font-size: 16px;
}
.eshop-events-calendar-style-1 .events-item-btn {
  margin-bottom: 15px;
}

.eshop-events-calendar-style-1.show-thumb-0 .events-item-header {
  padding: 0 20px;
}
.eshop-events-calendar-style-1.show-thumb-0 .events-item-img {
  display: none;
}
.eshop-events-calendar-style-1.show-thumb-0 .events-item-release {
  display: inline-block;
  position: relative;
  top: auto;
  left: auto;
  padding: 10px 20px;
  border-radius: 0 0 var(--border-radius) var(--border-radius);
}

.eshop-events-calendar-style-1 .events-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | eShop Events - Calendar - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | eShop Events - Calendar - Style 2 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.eshop-events-calendar-style-2 .eshop-events-top {
  margin-bottom: 60px;
}
@media (max-width: 575px) {
  .eshop-events-calendar-style-2 .eshop-events-top {
    margin-bottom: 30px;
  }
}

.eshop-events-calendar-style-2 .mwCalendar {
  margin-bottom: 30px;
}
.eshop-events-calendar-style-2 .mwCalendar-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 30px;
  border-radius: var(--border-radius);
  background-color: var(--light);
}
.eshop-events-calendar-style-2 .mwCalendar-header button {
  font-size: 18px;
}
.eshop-events-calendar-style-2 .mwCalendar-header button:hover {
  color: #00aab2;
}
.eshop-events-calendar-style-2 .mwCalendar-currentMonth {
  margin-bottom: 0;
  font-size: 30px;
  color: var(--text-color);
  font-weight: var(--font-weight-bold);
}
@media (max-width: 991px) {
  .eshop-events-calendar-style-2 .mwCalendar-currentMonth {
    font-size: 20px;
  }
}
.eshop-events-calendar-style-2 .mwCalendar-weeksList {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 10px;
  list-style: none;
  padding: 30px 0;
  margin-bottom: 0;
  line-height: 1;
  list-style-type: none;
}
.eshop-events-calendar-style-2 .mwCalendar-weeksList li {
  padding: 0;
  margin: 0;
}
.eshop-events-calendar-style-2 .mwCalendar-weeksList li:before {display:none;}
.eshop-events-calendar-style-2 .mwCalendar-weeksList abbr {
  cursor: auto;
  font-size: 18px;
  text-decoration: none;
  font-weight: var(--font-weight-semi-bold);
}
@media (max-width: 991px) {
  .eshop-events-calendar-style-2 .mwCalendar-weeksList abbr:first-of-type {
    display: none;
  }
}
.eshop-events-calendar-style-2 .mwCalendar-weeksList abbr:last-of-type {
  display: none;
  text-align: center;
}
@media (max-width: 991px) {
  .eshop-events-calendar-style-2 .mwCalendar-weeksList abbr:last-of-type {
    display: block;
  }
}
.eshop-events-calendar-style-2 .mwCalendar-daysList {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 10px;
}
.eshop-events-calendar-style-2 .mwCalendar-day {
  width: auto;
  height: auto;
  min-height: 160px;
  padding: 15px 10px;
  border: 0;
  border-radius: var(--border-radius);
  background-color: var(--light);
  transition: var(--transition-200);
}
@media (max-width: 991px) {
  .eshop-events-calendar-style-2 .mwCalendar-day {
    min-height: 0;
    padding: 8px 0;
    text-align: center;
  }
}
.eshop-events-calendar-style-2 .mwCalendar-day:hover {
  background-color: var(--primary-1);
}
.eshop-events-calendar-style-2 .mwCalendar-date {
  margin-bottom: 10px;
  font-size: 32px;
  line-height: 1;
  font-weight: var(--font-weight-normal);
}
@media (max-width: 991px) {
  .eshop-events-calendar-style-2 .mwCalendar-date {
    font-size: 16px;
    margin-bottom: 0;
  }
}
@media (max-width: 991px) {
  .eshop-events-calendar-style-2 .mwCalendar-itemsList {
    display: none;
  }
}
.eshop-events-calendar-style-2 .mwCalendar-item {
  position: relative;
  margin-bottom: 8px;
  padding-left: 10px;
}
@media (max-width: 1199px) {
  .eshop-events-calendar-style-2 .mwCalendar-item {
    padding-left: 0;
  }
}
.eshop-events-calendar-style-2 .mwCalendar-item:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--secondary);
}
@media (max-width: 1199px) {
  .eshop-events-calendar-style-2 .mwCalendar-item:before {
    display: none;
  }
}
.eshop-events-calendar-style-2 .mwCalendar-item-title {
  margin-bottom: 2px;
  font-size: 13px;
  line-height: 1.1;
  font-weight: var(--font-weight-normal);
}
.eshop-events-calendar-style-2 .mwCalendar-item-title a {
  color: var(--black);
  text-decoration: none;
}
.eshop-events-calendar-style-2 .mwCalendar-item-title a:hover {
  color: var(--black);
  text-decoration: underline;
}
.eshop-events-calendar-style-2 .mwCalendar-item-dateTime {
  margin-bottom: 0;
  font-size: 11px;
}
.eshop-events-calendar-style-2 .mwCalendar-day.prevMonth, .eshop-events-calendar-style-2 .mwCalendar-day.nextMonth {
  background-color: transparent;
}
.eshop-events-calendar-style-2 .mwCalendar-day.prevMonth > *, .eshop-events-calendar-style-2 .mwCalendar-day.nextMonth > * {
  display: none;
}
.eshop-events-calendar-style-2 .mwCalendar-day.weekend {
  color: inherit;
}
.eshop-events-calendar-style-2 .mwCalendar-day.today .mwCalendar-date {
  color: #00aab2;
  font-weight: var(--font-weight-bold);
}
.eshop-events-calendar-style-2 .mwCalendar-day.event {
  background-color: var(--primary-1);
}
.eshop-events-calendar-style-2 .mwCalendar-day.event:hover {
  background-color: var(--primary-2);
}

.eshop-events-calendar-style-2 .events-item {
  margin-bottom: 30px;
}
.eshop-events-calendar-style-2 .events-item:hover .events-item-img img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.eshop-events-calendar-style-2 .events-item-wrap {
  overflow: hidden;
  height: 100%;
  border-radius: var(--border-radius);
  background-color: var#fff;
}
.eshop-events-calendar-style-2 .events-item-header {
  position: relative;
}
.eshop-events-calendar-style-2 .events-item-img {
  overflow: hidden;
  position: relative;
  aspect-ratio: 5/3;
}
.eshop-events-calendar-style-2 .events-item-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: var(--transition-200);
}
.eshop-events-calendar-style-2 .events-item-body {
  padding: 20px 20px 5px;
}
.eshop-events-calendar-style-2 .events-item-release {
  position: absolute;
  top: 0;
  left: 0;
  padding: 15px 20px;
  color: var#fff;
  text-align: center;
  border-radius: 0 0 var(--border-radius) 0;
  background-color: #00aab2;
}
.eshop-events-calendar-style-2 .events-item-release span {
  display: block;
  line-height: 1;
}
.eshop-events-calendar-style-2 .events-item-release span:first-of-type {
  font-size: 18px;
}
.eshop-events-calendar-style-2 .events-item-release span:last-of-type {
  font-size: 30px;
}
.eshop-events-calendar-style-2 .events-item-title {
  margin-bottom: 15px;
}
.eshop-events-calendar-style-2 .events-item-title a {
  text-decoration: none;
}
.eshop-events-calendar-style-2 .events-item-des {
  font-size: 16px;
}
.eshop-events-calendar-style-2 .events-item-btn {
  margin-bottom: 15px;
}

.eshop-events-calendar-style-2.show-thumb-0 .events-item-header {
  padding: 0 20px;
}
.eshop-events-calendar-style-2.show-thumb-0 .events-item-img {
  display: none;
}
.eshop-events-calendar-style-2.show-thumb-0 .events-item-release {
  display: inline-block;
  position: relative;
  top: auto;
  left: auto;
  padding: 10px 20px;
  border-radius: 0 0 var(--border-radius) var(--border-radius);
}

.eshop-events-calendar-style-2 .events-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | eShop Events - Calendar - Style 2 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | eShop Events Details - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.eshop-events-details-style-1 .tabs-panel {
  --h2-font-size: 30px;
  --h3-font-size: 24px;
  --h4-font-size: 20px;
  --h5-font-size: 18px;
  --h6-font-size: 18px;
  --h1-font-size-mobile: calc(var(--h1-font-size) * 0.85);
  --h2-font-size-mobile: calc(var(--h2-font-size) * 0.85);
  --h3-font-size-mobile: calc(var(--h3-font-size) * 0.85);
  --h4-font-size-mobile: calc(var(--h4-font-size) * 0.85);
  --h5-font-size-mobile: 18px;
  --h6-font-size-mobile: 18px;
}

.eshop-events-details-style-1 {
  font-size: 16px;
  margin-bottom: 30px;
}
.eshop-events-details-style-1 .events-details-header .content-card-wrap {
  padding-top: 0;
}
.eshop-events-details-style-1 .events-details-subheader {
  padding: 0 30px 1px;
  margin-bottom: 20px;
}
@media (max-width: 575px) {
  .eshop-events-details-style-1 .events-details-subheader {
    padding: 0 20px 1px;
  }
}
.eshop-events-details-style-1 .events-details-release {
  display: inline-block;
  padding: 15px 30px;
  margin-bottom: 30px;
  line-height: 1.2;
  text-align: center;
  color: var#fff;
  text-transform: uppercase;
  font-weight: var(--font-weight-bold);
  border-radius: 0 0 var(--border-radius) var(--border-radius);
  background-color: #00aab2;
}
.eshop-events-details-style-1 .events-details-release span {
  display: block;
}
.eshop-events-details-style-1 .events-details-release span:first-of-type {
  font-size: 18px;
}
.eshop-events-details-style-1 .events-details-release span:last-of-type {
  font-size: 30px;
}

.eshop-events-details-style-1 .events-details-banner, .eshop-events-details-style-1 .events-details-banner-mobile {
  overflow: hidden;
  position: relative;
  margin-bottom: 30px;
  border-radius: var(--border-radius);
  background-color: var(--gray-2);
}
.eshop-events-details-style-1 .events-details-banner img, .eshop-events-details-style-1 .events-details-banner-mobile img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: var(--transition-200);
}
.eshop-events-details-style-1 .events-details-banner {
  padding-bottom: 56%;
}
@media (max-width: 991px) {
  .eshop-events-details-style-1 .events-details-banner {
    display: none;
  }
}
.eshop-events-details-style-1 .events-details-banner-mobile {
  display: none;
  margin-bottom: 10px;
  padding-bottom: 60%;
}
@media (max-width: 991px) {
  .eshop-events-details-style-1 .events-details-banner-mobile {
    display: block;
  }
}
.eshop-events-details-style-1 .gallery-item-img {
  border-radius: var(--border-radius);
}

.eshop-events-details-style-1 .events-details-rsvp {
  padding-top: 30px;
  margin-bottom: 30px;
  border-top: 1px solid var(--gray);
}
.eshop-events-details-style-1 .events-details-price {
  margin-bottom: 15px;
}
.eshop-events-details-style-1 .events-details-cart-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}
.eshop-events-details-style-1 .events-details-qty {
  display: flex;
  align-items: center;
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
  margin-bottom: 0;
}
.eshop-events-details-style-1 .events-details-qty .mwInput {
  max-width: 80px;
  background-color: rgba(0,0,0,0.1);
}
.eshop-events-details-style-1 .events-details-qty .mwInput input {
  text-align: center;
}
.eshop-events-details-style-1 .events-details-qty-inc, .eshop-events-details-style-1 .events-details-qty-dec {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  color: #fff;
  border-radius: 50%;
  background-color: #00aab2;
}
.eshop-events-details-style-1 .events-details-qty-inc:hover, .eshop-events-details-style-1 .events-details-qty-dec:hover {
  background-color: #707070;
}
.eshop-events-details-style-1 .events-details-btn-rsvp {
  margin-bottom: 0;
}

.eshop-events-details-style-1 .events-details-metas {
  margin-bottom: 30px;
}
.eshop-events-details-style-1 .events-details-meta {
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 15px;
}
.eshop-events-details-style-1 .events-details-meta p, .eshop-events-details-style-1 .events-details-meta ul, .eshop-events-details-style-1 .events-details-meta .btn {
  margin-bottom: 0;
}
.eshop-events-details-style-1 .events-details-meta ul {
  display: flex;
  flex-wrap: wrap;
}
.eshop-events-details-style-1 .events-details-meta > i {
  flex: 0 0 auto;
}
.eshop-events-details-style-1 .events-details-meta-title {
  font-size: 18px;
  margin-bottom: 0;
}

.eshop-events-details-style-1 .tabs-panel h3, .eshop-events-details-style-1 .tabs-panel h4, .eshop-events-details-style-1 .tabs-panel h5, .eshop-events-details-style-1 .tabs-panel h6, .eshop-events-details-style-1 .tabs-panel .h3, .eshop-events-details-style-1 .tabs-panel .h4, .eshop-events-details-style-1 .tabs-panel .h5, .eshop-events-details-style-1 .tabs-panel .h6 {
  margin-bottom: 15px;
}

.eshop-events-details-style-1 .events-details-share {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding: 10px 0;
  border-top: 1px solid var(--gray);
}
.eshop-events-details-style-1 .events-details-share-title {
  font-size: 14px;
  color: var(--text-color-light);
  font-weight: var(--font-weight-bold);
  margin-bottom: 0;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | eShop Events Details - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | eShop Events Submit - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.eshop-events-submit-style-1 {
  font-size: 16px;
  margin-bottom: 30px;
}
.eshop-events-submit-style-1 .events-submit-header .content-card-wrap {
  padding-top: 0;
}
.eshop-events-submit-style-1 .events-submit-release {
  display: inline-block;
  padding: 15px 30px;
  margin-bottom: 30px;
  line-height: 1.2;
  text-align: center;
  color: var#fff;
  text-transform: uppercase;
  font-weight: var(--font-weight-bold);
  border-radius: 0 0 var(--border-radius) var(--border-radius);
  background-color: #00aab2;
}
.eshop-events-submit-style-1 .events-submit-release span {
  display: block;
}
.eshop-events-submit-style-1 .events-submit-release span:first-of-type {
  font-size: 18px;
}
.eshop-events-submit-style-1 .events-submit-release span:last-of-type {
  font-size: 30px;
}
@media (max-width: 991px) {
  .eshop-events-submit-style-1 .section-hq {
    display: none;
  }
}
.eshop-events-submit-style-1 .mwPayment-billing {
  overflow: visible !important;
}

.eshop-events-submit-style-1 .events-submit-banner, .eshop-events-submit-style-1 .events-submit-banner-mobile {
  overflow: hidden;
  position: relative;
  margin-bottom: 30px;
  border-radius: var(--border-radius);
  background-color: var(--gray-2);
}
.eshop-events-submit-style-1 .events-submit-banner img, .eshop-events-submit-style-1 .events-submit-banner-mobile img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: var(--transition-200);
}
.eshop-events-submit-style-1 .events-submit-banner {
  padding-bottom: 56%;
}
@media (max-width: 991px) {
  .eshop-events-submit-style-1 .events-submit-banner {
    display: none;
  }
}
.eshop-events-submit-style-1 .events-submit-banner-mobile {
  display: none;
  margin-bottom: 10px;
  padding-bottom: 60%;
}
@media (max-width: 991px) {
  .eshop-events-submit-style-1 .events-submit-banner-mobile {
    display: block;
  }
}

.eshop-events-submit-style-1 .events-submit-metas {
  margin-bottom: 30px;
}
.eshop-events-submit-style-1 .events-submit-meta {
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 15px;
}
.eshop-events-submit-style-1 .events-submit-meta p, .eshop-events-submit-style-1 .events-submit-meta ul, .eshop-events-submit-style-1 .events-submit-meta .btn {
  margin-bottom: 0;
}
.eshop-events-submit-style-1 .events-submit-meta ul {
  display: flex;
  flex-wrap: wrap;
}
.eshop-events-submit-style-1 .events-submit-meta > i {
  flex: 0 0 auto;
}
.eshop-events-submit-style-1 .events-submit-meta-title {
  font-size: 18px;
  margin-bottom: 0;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | eShop Events Submit - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Sidebar - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.sidebar-default .sidebar-open-btn {
  display: none;
  align-items: center;
  width: 100%;
  padding: 15px 20px;
  margin-bottom: 30px;
  text-align: left;
  font-weight: var(--font-weight-bold);
  border-radius: var(--border-radius);
  background-color: var(--gray-4);
}
.sidebar-default .sidebar-open-btn i {
  margin-right: 10px;
}
.sidebar-default .sidebar-close-btn {
  z-index: 1;
  display: none;
  position: fixed;
  top: 15px;
  right: 15px;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: #707070;
  font-size: 18px;
  border-radius: 50%;
  background-color: var#fff;
}
.sidebar-default .sidebar-close-btn:hover {
  color: var#fff;
  background-color: #00aab2;
}
.sidebar-default .sidebar-side {
  z-index: 1;
}
.sidebar-default .sidebar-side .sidebar-inner[class*=_bg-] {
  padding: 30px 30px 1px;
}

.sidebar-default.is-right .sidebar-side {
  order: 2;
}
@media (max-width: 991px) {
  .sidebar-default.is-right .sidebar-side {
    order: 1;
  }
}
.sidebar-default.is-right .sidebar-main {
  order: 1;
}
@media (max-width: 991px) {
  .sidebar-default.is-right .sidebar-main {
    order: 2;
  }
}

@media (min-width: 992px) {
  .sidebar-default.is-left.has-border .sidebar-side {
    border-right: 1px solid var(--border-color-dark);
  }
}
@media (min-width: 992px) {
  .sidebar-default.is-right.has-border .sidebar-side {
    border-left: 1px solid var(--border-color-dark);
  }
}

.sidebar-default._js-coll-sidebar.active {
  position: relative;
  z-index: 510;
}
@media (max-width: 991px) {
  .sidebar-default._js-coll-sidebar .sidebar-open-btn {
    display: flex;
  }
  .sidebar-default._js-coll-sidebar .sidebar-close-btn {
    display: flex;
  }
  .sidebar-default._js-coll-sidebar .sidebar-side .sidebar-inner {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 70px 30px 20px;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .sidebar-default._js-coll-sidebar .sidebar-side .sidebar-inner:not([class*=_bg-]) {
    background-color: var(--gray-2);
  }
}

@media (min-width: 992px) {
  .sidebar-default.is-sticky .sidebar-side-wrap {
    position: -webkit-sticky;
    position: sticky;
    top: 15px;
  }
  .has-sticky-header .sidebar-default.is-sticky .sidebar-side-wrap {
    top: calc(var(--header-main-wrap-height) + 15px);
  }
}

.sidebar-default .Menu ul li {
  margin-bottom: 10px;
}
.sidebar-default .Menu ul li a {
  text-decoration: underline;
}
.sidebar-default .Menu ul li a:not(:hover) {
  -webkit-text-decoration-color: transparent;
          text-decoration-color: transparent;
}
.sidebar-default .Menu ul[id] {
  padding: 30px 30px 20px;
  margin-bottom: 30px;
  border-radius: var(--border-radius);
  background-color: rgba(0, 0, 0, 0.1);
}
.sidebar-default .Menu ul[id] > li {
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.sidebar-default .Menu ul[id] > li > a {
  font-weight: var(--font-weight-bold);
}
.sidebar-default .Menu ul[id] > li:last-of-type, .sidebar-default .Menu ul[id] > li:only-of-type {
  padding-bottom: 0;
  border-bottom: 0;
}
.sidebar-default .Menu ul ul {
  margin-top: 10px;
  padding-left: 15px;
  border-left: 2px solid rgba(0, 0, 0, 0.3);
}
.sidebar-default .sidebar-inner[class^=_bg-] .Menu ul[id],
.sidebar-default .sidebar-inner[class*=" _bg-"] .Menu ul[id] {
  padding: 0;
  border-radius: 0;
  background-color: transparent;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Sidebar - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Gallery - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.gallery-style-1 {
  margin-bottom: 30px;
}
.gallery-style-1 .gallery-wrap {
  display: grid;
}
.gallery-style-1 .gallery-wrap.is-2-col {
  grid-template-columns: repeat(2, 1fr);
}
.gallery-style-1 .gallery-wrap.is-3-col {
  grid-template-columns: repeat(3, 1fr);
}
.gallery-style-1 .gallery-wrap.is-4-col {
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 991px) {
  .gallery-style-1 .gallery-wrap.is-3-col, .gallery-style-1 .gallery-wrap.is-4-col {
    grid-template-columns: repeat(2, 1fr);
  }
}
.gallery-style-1 .gallery-item-img {
  display: block;
  overflow: hidden;
  position: relative;
  aspect-ratio: 5/4;
  background-color: var(--primary-1);
}
.gallery-style-1 .gallery-item-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: var(--transition-200);
}
.gallery-style-1 .gallery-item-overlay {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 30px;
  opacity: 0;
  text-align: center;
  transition: var(--transition-360);
  background-color: rgba(0, 0, 0, 0.7);
}
.gallery-style-1 .gallery-item-icon {
  font-size: 22px;
  color: var#fff;
  text-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}
.gallery-style-1 .gallery-item-title {
  color: var#fff;
}
.gallery-style-1 .gallery-item-img:hover .gallery-item-overlay, .gallery-style-1 .gallery-item-img:focus-within .gallery-item-overlay {
  opacity: 1;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Gallery - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Tabs - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.tabs-style-1 {
  margin-bottom: 30px;
}
.tabs-style-1 .tabs-navs {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.tabs-style-1 .tabs-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding: 15px 20px;
  text-align: left;
  white-space: pre-line;
  font-weight: 600;
  border-radius: 0;
  background-color: #efefef;
}
.tabs-style-1 .tabs-nav:hover, .tabs-style-1 .tabs-nav.active {
  color: var#fff;
  background-color: #00aab2;
}
.tabs-style-1 .tabs-nav-icon {
  font-size: 14px;
}
.tabs-style-1 .tabs-panel {
  display: none;
}
.tabs-style-1 .tabs-panel.active {
  display: block;
}

@media (max-width: 991px) {
  .tabs-style-1.is-vertical .tabs-navs {
    flex-direction: column;
  }
}
.tabs-style-1.is-vertical .tabs-panels {
  padding-top: 30px;
}

.tabs-style-1.is-horizontal .tabs-wrap {
  display: flex;
  flex-wrap: wrap;
}
.tabs-style-1.is-horizontal .tabs-navs {
  flex-direction: column;
  flex: 0 0 20%;
  max-width: 20%;
  width: 100%;
}
@media (max-width: 991px) {
  .tabs-style-1.is-horizontal .tabs-navs {
    flex: 0 0 auto;
    max-width: none;
  }
}
.tabs-style-1.is-horizontal .tabs-panels {
  flex: 0 0 80%;
  max-width: 80%;
  width: 100%;
  padding-left: 30px;
}
@media (max-width: 991px) {
  .tabs-style-1.is-horizontal .tabs-panels {
    flex: 0 0 auto;
    max-width: none;
    padding-left: 0;
    padding-top: 25px;
  }
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Tabs - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Share Link - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.share-links {
  display: flex;
  align-items: center;
  gap: var(--sns-gap-md);
  line-height: 1;
  margin-bottom: 0!important;
}

.share-link {
  display: inline-block;
}
.share-links li {margin-bottom: 0!important;}
.share-links li:before {display:none;}
.share-link-default {
  font-size: var(--sns-font-size-md);
  color: var(--sns-color);
}
.share-link-default:hover {
  color: var(--sns-color-hover);
}

.share-link-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--sns-circle-size-md);
  height: var(--sns-circle-size-md);
  color: var(--sns-circle-color);
  border-radius: 50%;
  background-color: var(--sns-circle-bg);
  transition: var(--transition-200);
}
.share-link-circle:hover {
  color: var(--sns-circle-color-hover);
  background-color: var(--sns-circle-bg-hover);
}

.share-link-square {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--sns-square-size-md);
  height: var(--sns-square-size-md);
  color: var(--sns-square-color);
  border-radius: var(--border-radius);
  background-color: var(--sns-square-bg);
  transition: var(--transition-200);
}
.share-link-square:hover {
  color: var(--sns-square-color-hover);
  background-color: var(--sns-square-bg-hover);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Share Link - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Card - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.content-card-style-1 {
  margin-bottom: 30px;
}
.content-card-style-1 .content-card-wrap {
  overflow: hidden;
  border: 1px solid var(--border-color-dark);
  border-radius: var(--border-radius);
  background-color: var#fff;
}
.content-card-style-1 .content-card-header {
  padding: 15px 30px;
  border-bottom: 1px solid var(--border-color-dark);
  background-color: var(--gray-2);
  word-break: break-word;
}
@media (max-width: 575px) {
  .content-card-style-1 .content-card-header {
    padding: 15px;
  }
}
.content-card-style-1 .content-card-header h1, .content-card-style-1 .content-card-header h2, .content-card-style-1 .content-card-header h3, .content-card-style-1 .content-card-header h4, .content-card-style-1 .content-card-header h5, .content-card-style-1 .content-card-header h6, .content-card-style-1 .content-card-header p, .content-card-style-1 .content-card-header ul, .content-card-style-1 .content-card-header ol, .content-card-style-1 .content-card-header dl, .content-card-style-1 .content-card-header table, .content-card-style-1 .content-card-header .btn {
  margin-bottom: 0;
}
.content-card-style-1 .content-card-body {
  padding: 30px 30px 1px;
  word-break: break-word;
}
@media (max-width: 575px) {
  .content-card-style-1 .content-card-body {
    padding: 15px 15px 1px;
  }
}
.content-card-style-1 .content-card-footer {
  padding: 15px 30px 5px;
  border-top: 1px solid var(--border-color-dark);
  background-color: var(--gray-2);
}
@media (max-width: 575px) {
  .content-card-style-1 .content-card-footer {
    padding: 15px 15px 5px;
  }
}
.content-card-style-1 .content-card-footer h1, .content-card-style-1 .content-card-footer h2, .content-card-style-1 .content-card-footer h3, .content-card-style-1 .content-card-footer h4, .content-card-style-1 .content-card-footer h5, .content-card-style-1 .content-card-footer h6, .content-card-style-1 .content-card-footer p, .content-card-style-1 .content-card-footer ul, .content-card-style-1 .content-card-footer ol, .content-card-style-1 .content-card-footer dl, .content-card-style-1 .content-card-footer table, .content-card-style-1 .content-card-footer .btn {
  margin-bottom: 10px;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Card - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Card - Style 2 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.content-card-style-2 {
  margin-bottom: 30px;
}
.content-card-style-2 .content-card-wrap {
  padding: 30px 30px 1px;
  margin-bottom: 30px;
  border-radius: var(--border-radius);
  background-color: var(--light);
}
@media (max-width: 575px) {
  .content-card-style-2 .content-card-wrap {
    padding: 20px 20px 1px;
  }
}
.content-card-style-2 .content-card-title {
  padding-bottom: 30px;
  border-bottom: 1px solid var(--gray);
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Card - Style 2 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.btn > a.small,
.btn > button.small,
.btn > span.small {
  padding: 8px 15px;
  font-size: 14px;
}
.btn > a.medium,
.btn > button.medium,
.btn > span.medium {
  padding: 10px 35px;
  font-size: 16px;
}
.btn > a.large,
.btn > button.large,
.btn > span.large {
  padding: 10px 35px;
  font-size: 18px;
}
.btn > a.large .btn-icon span span,
.btn > button.large .btn-icon span span,
.btn > span.large .btn-icon span span {
  width: 10px;
}
.btn.is-primary > a,
.btn.is-primary > button,
.btn.is-primary > span {
  color: #fff;
  border-color: #00aab2;
  background: #00aab2;
}
.btn.is-primary > a .btn-icon span,
.btn.is-primary > button .btn-icon span,
.btn.is-primary > span .btn-icon span {
  background-color: #fff;
}
.btn.is-primary > a:hover,
.btn.is-primary > button:hover,
.btn.is-primary > span:hover {
  color: var#fff;
  border-color: #707070;
  background: #707070;
}
.btn.is-primary > a:hover .btn-icon > span,
.btn.is-primary > button:hover .btn-icon > span,
.btn.is-primary > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-primary > a:hover .btn-icon span,
.btn.is-primary > button:hover .btn-icon span,
.btn.is-primary > span:hover .btn-icon span {
  background-color: var#fff;
}

.btn.is-outline.is-primary > a,
.btn.is-outline.is-primary > button,
.btn.is-outline.is-primary > span {
  color: #00aab2;
  border: 1px solid #00aab2;
  background: transparent;
}
.btn.is-outline.is-primary > a:before,
.btn.is-outline.is-primary > button:before,
.btn.is-outline.is-primary > span:before {
  background: #00aab2;
}
.btn.is-outline.is-primary > a .btn-icon span,
.btn.is-outline.is-primary > button .btn-icon span,
.btn.is-outline.is-primary > span .btn-icon span {
  background-color: #00aab2;
}
.btn.is-outline.is-primary > a:hover,
.btn.is-outline.is-primary > button:hover,
.btn.is-outline.is-primary > span:hover {
  color: #fff;
  border-color: #00aab2;
}
.btn.is-outline.is-primary > a:hover .btn-icon > span,
.btn.is-outline.is-primary > button:hover .btn-icon > span,
.btn.is-outline.is-primary > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-outline.is-primary > a:hover .btn-icon span,
.btn.is-outline.is-primary > button:hover .btn-icon span,
.btn.is-outline.is-primary > span:hover .btn-icon span {
  background-color: #fff;
}

.btn.is-primary-light > a,
.btn.is-primary-light > button,
.btn.is-primary-light > span {
  color: var(--text-color);
  border-color: var(--primary-1);
  background: var(--primary-1);
}
.btn.is-primary-light > a .btn-icon span,
.btn.is-primary-light > button .btn-icon span,
.btn.is-primary-light > span .btn-icon span {
  background-color: var(--text-color);
}
.btn.is-primary-light > a:hover,
.btn.is-primary-light > button:hover,
.btn.is-primary-light > span:hover {
  color: var#fff;
  border-color: #00aab2;
  background: #00aab2;
}
.btn.is-primary-light > a:hover .btn-icon > span,
.btn.is-primary-light > button:hover .btn-icon > span,
.btn.is-primary-light > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-primary-light > a:hover .btn-icon span,
.btn.is-primary-light > button:hover .btn-icon span,
.btn.is-primary-light > span:hover .btn-icon span {
  background-color: var#fff;
}

.btn.is-outline.is-primary-light > a,
.btn.is-outline.is-primary-light > button,
.btn.is-outline.is-primary-light > span {
  color: var(--primary-1);
  border-color: var(--primary-1);
  background: transparent;
}
.btn.is-outline.is-primary-light > a:before,
.btn.is-outline.is-primary-light > button:before,
.btn.is-outline.is-primary-light > span:before {
  background: var(--primary-1);
}
.btn.is-outline.is-primary-light > a .btn-icon span,
.btn.is-outline.is-primary-light > button .btn-icon span,
.btn.is-outline.is-primary-light > span .btn-icon span {
  background-color: var(--primary-1);
}
.btn.is-outline.is-primary-light > a:hover,
.btn.is-outline.is-primary-light > button:hover,
.btn.is-outline.is-primary-light > span:hover {
  color: var(--text-color);
  border-color: var(--primary-1);
}
.btn.is-outline.is-primary-light > a:hover .btn-icon > span,
.btn.is-outline.is-primary-light > button:hover .btn-icon > span,
.btn.is-outline.is-primary-light > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-outline.is-primary-light > a:hover .btn-icon span,
.btn.is-outline.is-primary-light > button:hover .btn-icon span,
.btn.is-outline.is-primary-light > span:hover .btn-icon span {
  background-color: var(--text-color);
}

.btn.is-secondary > a,
.btn.is-secondary > button,
.btn.is-secondary > span {
  color: var(--text-color-on-secondary);
  border-color: var(--secondary);
  background: var(--secondary);
}
.btn.is-secondary > a .btn-icon span,
.btn.is-secondary > button .btn-icon span,
.btn.is-secondary > span .btn-icon span {
  background-color: var(--text-color-on-secondary);
}
.btn.is-secondary > a:hover,
.btn.is-secondary > button:hover,
.btn.is-secondary > span:hover {
  color: var#fff;
  border-color: var(--secondary-7);
  background: var(--secondary-7);
}
.btn.is-secondary > a:hover .btn-icon > span,
.btn.is-secondary > button:hover .btn-icon > span,
.btn.is-secondary > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-secondary > a:hover .btn-icon span,
.btn.is-secondary > button:hover .btn-icon span,
.btn.is-secondary > span:hover .btn-icon span {
  background-color: var#fff;
}

.btn.is-outline.is-secondary > a,
.btn.is-outline.is-secondary > button,
.btn.is-outline.is-secondary > span {
  color: var(--secondary);
  border-color: var(--secondary);
  background: transparent;
}
.btn.is-outline.is-secondary > a:before,
.btn.is-outline.is-secondary > button:before,
.btn.is-outline.is-secondary > span:before {
  background: var(--secondary);
}
.btn.is-outline.is-secondary > a .btn-icon span,
.btn.is-outline.is-secondary > button .btn-icon span,
.btn.is-outline.is-secondary > span .btn-icon span {
  background-color: var(--secondary);
}
.btn.is-outline.is-secondary > a:hover,
.btn.is-outline.is-secondary > button:hover,
.btn.is-outline.is-secondary > span:hover {
  color: var(--text-color-on-secondary);
  border-color: var(--secondary);
}
.btn.is-outline.is-secondary > a:hover .btn-icon > span,
.btn.is-outline.is-secondary > button:hover .btn-icon > span,
.btn.is-outline.is-secondary > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-outline.is-secondary > a:hover .btn-icon span,
.btn.is-outline.is-secondary > button:hover .btn-icon span,
.btn.is-outline.is-secondary > span:hover .btn-icon span {
  background-color: var(--text-color-on-secondary);
}

.btn.is-secondary-light > a,
.btn.is-secondary-light > button,
.btn.is-secondary-light > span {
  color: var(--text-color);
  border-color: var(--secondary-1);
  background: var(--secondary-1);
}
.btn.is-secondary-light > a .btn-icon span,
.btn.is-secondary-light > button .btn-icon span,
.btn.is-secondary-light > span .btn-icon span {
  background-color: var(--text-color);
}
.btn.is-secondary-light > a:hover,
.btn.is-secondary-light > button:hover,
.btn.is-secondary-light > span:hover {
  color: var#fff;
  border-color: var(--secondary);
  background: var(--secondary);
}
.btn.is-secondary-light > a:hover .btn-icon > span,
.btn.is-secondary-light > button:hover .btn-icon > span,
.btn.is-secondary-light > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-secondary-light > a:hover .btn-icon span,
.btn.is-secondary-light > button:hover .btn-icon span,
.btn.is-secondary-light > span:hover .btn-icon span {
  background-color: var#fff;
}

.btn.is-outline.is-secondary-light > a,
.btn.is-outline.is-secondary-light > button,
.btn.is-outline.is-secondary-light > span {
  color: var(--secondary-1);
  border-color: var(--secondary-1);
  background: transparent;
}
.btn.is-outline.is-secondary-light > a:before,
.btn.is-outline.is-secondary-light > button:before,
.btn.is-outline.is-secondary-light > span:before {
  background: var(--secondary-1);
}
.btn.is-outline.is-secondary-light > a .btn-icon span,
.btn.is-outline.is-secondary-light > button .btn-icon span,
.btn.is-outline.is-secondary-light > span .btn-icon span {
  background-color: var(--secondary-1);
}
.btn.is-outline.is-secondary-light > a:hover,
.btn.is-outline.is-secondary-light > button:hover,
.btn.is-outline.is-secondary-light > span:hover {
  color: var(--text-color);
  border-color: var(--secondary-1);
}
.btn.is-outline.is-secondary-light > a:hover .btn-icon > span,
.btn.is-outline.is-secondary-light > button:hover .btn-icon > span,
.btn.is-outline.is-secondary-light > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-outline.is-secondary-light > a:hover .btn-icon span,
.btn.is-outline.is-secondary-light > button:hover .btn-icon span,
.btn.is-outline.is-secondary-light > span:hover .btn-icon span {
  background-color: var(--text-color);
}

.btn.is-third > a,
.btn.is-third > button,
.btn.is-third > span {
  color: var(--text-color-on-third);
  border-color: var(--third);
  background: var(--third);
}
.btn.is-third > a .btn-icon span,
.btn.is-third > button .btn-icon span,
.btn.is-third > span .btn-icon span {
  background-color: var(--text-color-on-third);
}
.btn.is-third > a:hover,
.btn.is-third > button:hover,
.btn.is-third > span:hover {
  color: var#fff;
  border-color: var(--third-7);
  background: var(--third-7);
}
.btn.is-third > a:hover .btn-icon > span,
.btn.is-third > button:hover .btn-icon > span,
.btn.is-third > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-third > a:hover .btn-icon span,
.btn.is-third > button:hover .btn-icon span,
.btn.is-third > span:hover .btn-icon span {
  background-color: var#fff;
}

.btn.is-outline.is-third > a,
.btn.is-outline.is-third > button,
.btn.is-outline.is-third > span {
  color: var(--third);
  border-color: var(--third);
  background: transparent;
}
.btn.is-outline.is-third > a:before,
.btn.is-outline.is-third > button:before,
.btn.is-outline.is-third > span:before {
  background: var(--third);
}
.btn.is-outline.is-third > a .btn-icon span,
.btn.is-outline.is-third > button .btn-icon span,
.btn.is-outline.is-third > span .btn-icon span {
  background-color: var(--third);
}
.btn.is-outline.is-third > a:hover,
.btn.is-outline.is-third > button:hover,
.btn.is-outline.is-third > span:hover {
  color: var(--text-color-on-third);
  border-color: var(--third);
}
.btn.is-outline.is-third > a:hover .btn-icon > span,
.btn.is-outline.is-third > button:hover .btn-icon > span,
.btn.is-outline.is-third > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-outline.is-third > a:hover .btn-icon span,
.btn.is-outline.is-third > button:hover .btn-icon span,
.btn.is-outline.is-third > span:hover .btn-icon span {
  background-color: var(--text-color-on-third);
}

.btn.is-third-light > a,
.btn.is-third-light > button,
.btn.is-third-light > span {
  color: var(--text-color);
  border-color: var(--third-1);
  background: var(--third-1);
}
.btn.is-third-light > a .btn-icon span,
.btn.is-third-light > button .btn-icon span,
.btn.is-third-light > span .btn-icon span {
  background-color: var(--text-color);
}
.btn.is-third-light > a:hover,
.btn.is-third-light > button:hover,
.btn.is-third-light > span:hover {
  color: var#fff;
  border-color: var(--third);
  background: var(--third);
}
.btn.is-third-light > a:hover .btn-icon > span,
.btn.is-third-light > button:hover .btn-icon > span,
.btn.is-third-light > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-third-light > a:hover .btn-icon span,
.btn.is-third-light > button:hover .btn-icon span,
.btn.is-third-light > span:hover .btn-icon span {
  background-color: var#fff;
}

.btn.is-outline.is-third-light > a,
.btn.is-outline.is-third-light > button,
.btn.is-outline.is-third-light > span {
  color: var(--third-1);
  border-color: var(--third-1);
  background: transparent;
}
.btn.is-outline.is-third-light > a:before,
.btn.is-outline.is-third-light > button:before,
.btn.is-outline.is-third-light > span:before {
  background: var(--third-1);
}
.btn.is-outline.is-third-light > a .btn-icon span,
.btn.is-outline.is-third-light > button .btn-icon span,
.btn.is-outline.is-third-light > span .btn-icon span {
  background-color: var(--third-1);
}
.btn.is-outline.is-third-light > a:hover,
.btn.is-outline.is-third-light > button:hover,
.btn.is-outline.is-third-light > span:hover {
  color: var(--text-color);
  border-color: var(--third-1);
}
.btn.is-outline.is-third-light > a:hover .btn-icon > span,
.btn.is-outline.is-third-light > button:hover .btn-icon > span,
.btn.is-outline.is-third-light > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-outline.is-third-light > a:hover .btn-icon span,
.btn.is-outline.is-third-light > button:hover .btn-icon span,
.btn.is-outline.is-third-light > span:hover .btn-icon span {
  background-color: var(--text-color);
}

.btn.is-fourth > a,
.btn.is-fourth > button,
.btn.is-fourth > span {
  color: var(--text-color-on-fourth);
  border-color: var(--fourth);
  background: var(--fourth);
}
.btn.is-fourth > a .btn-icon span,
.btn.is-fourth > button .btn-icon span,
.btn.is-fourth > span .btn-icon span {
  background-color: var(--text-color-on-fourth);
}
.btn.is-fourth > a:hover,
.btn.is-fourth > button:hover,
.btn.is-fourth > span:hover {
  color: var#fff;
  border-color: var(--fourth-7);
  background: var(--fourth-7);
}
.btn.is-fourth > a:hover .btn-icon > span,
.btn.is-fourth > button:hover .btn-icon > span,
.btn.is-fourth > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-fourth > a:hover .btn-icon span,
.btn.is-fourth > button:hover .btn-icon span,
.btn.is-fourth > span:hover .btn-icon span {
  background-color: var#fff;
}

.btn.is-outline.is-fourth > a,
.btn.is-outline.is-fourth > button,
.btn.is-outline.is-fourth > span {
  color: var(--fourth);
  border-color: var(--fourth);
  background: transparent;
}
.btn.is-outline.is-fourth > a:before,
.btn.is-outline.is-fourth > button:before,
.btn.is-outline.is-fourth > span:before {
  background: var(--fourth);
}
.btn.is-outline.is-fourth > a .btn-icon span,
.btn.is-outline.is-fourth > button .btn-icon span,
.btn.is-outline.is-fourth > span .btn-icon span {
  background-color: var(--fourth);
}
.btn.is-outline.is-fourth > a:hover,
.btn.is-outline.is-fourth > button:hover,
.btn.is-outline.is-fourth > span:hover {
  color: var(--text-color-on-fourth);
  border-color: var(--fourth);
}
.btn.is-outline.is-fourth > a:hover .btn-icon > span,
.btn.is-outline.is-fourth > button:hover .btn-icon > span,
.btn.is-outline.is-fourth > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-outline.is-fourth > a:hover .btn-icon span,
.btn.is-outline.is-fourth > button:hover .btn-icon span,
.btn.is-outline.is-fourth > span:hover .btn-icon span {
  background-color: var(--text-color-on-fourth);
}

.btn.is-fourth-light > a,
.btn.is-fourth-light > button,
.btn.is-fourth-light > span {
  color: var(--text-color);
  border-color: var(--fourth-1);
  background: var(--fourth-1);
}
.btn.is-fourth-light > a .btn-icon span,
.btn.is-fourth-light > button .btn-icon span,
.btn.is-fourth-light > span .btn-icon span {
  background-color: var(--text-color);
}
.btn.is-fourth-light > a:hover,
.btn.is-fourth-light > button:hover,
.btn.is-fourth-light > span:hover {
  color: var#fff;
  border-color: var(--fourth);
  background: var(--fourth);
}
.btn.is-fourth-light > a:hover .btn-icon > span,
.btn.is-fourth-light > button:hover .btn-icon > span,
.btn.is-fourth-light > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-fourth-light > a:hover .btn-icon span,
.btn.is-fourth-light > button:hover .btn-icon span,
.btn.is-fourth-light > span:hover .btn-icon span {
  background-color: var#fff;
}

.btn.is-outline.is-fourth-light > a,
.btn.is-outline.is-fourth-light > button,
.btn.is-outline.is-fourth-light > span {
  color: var(--fourth-1);
  border-color: var(--fourth-1);
  background: transparent;
}
.btn.is-outline.is-fourth-light > a:before,
.btn.is-outline.is-fourth-light > button:before,
.btn.is-outline.is-fourth-light > span:before {
  background: var(--fourth-1);
}
.btn.is-outline.is-fourth-light > a .btn-icon span,
.btn.is-outline.is-fourth-light > button .btn-icon span,
.btn.is-outline.is-fourth-light > span .btn-icon span {
  background-color: var(--fourth-1);
}
.btn.is-outline.is-fourth-light > a:hover,
.btn.is-outline.is-fourth-light > button:hover,
.btn.is-outline.is-fourth-light > span:hover {
  color: var(--text-color);
  border-color: var(--fourth-1);
}
.btn.is-outline.is-fourth-light > a:hover .btn-icon > span,
.btn.is-outline.is-fourth-light > button:hover .btn-icon > span,
.btn.is-outline.is-fourth-light > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-outline.is-fourth-light > a:hover .btn-icon span,
.btn.is-outline.is-fourth-light > button:hover .btn-icon span,
.btn.is-outline.is-fourth-light > span:hover .btn-icon span {
  background-color: var(--text-color);
}

.btn.is-info > a,
.btn.is-info > button,
.btn.is-info > span {
  color: var(--text-color-on-info);
  border-color: var(--info);
  background: var(--info);
}
.btn.is-info > a .btn-icon span,
.btn.is-info > button .btn-icon span,
.btn.is-info > span .btn-icon span {
  background-color: var(--text-color-on-info);
}
.btn.is-info > a:hover,
.btn.is-info > button:hover,
.btn.is-info > span:hover {
  color: var#fff;
  border-color: var(--info-6);
  background: var(--info-6);
}
.btn.is-info > a:hover .btn-icon > span,
.btn.is-info > button:hover .btn-icon > span,
.btn.is-info > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-info > a:hover .btn-icon span,
.btn.is-info > button:hover .btn-icon span,
.btn.is-info > span:hover .btn-icon span {
  background-color: var#fff;
}

.btn.is-outline.is-info > a,
.btn.is-outline.is-info > button,
.btn.is-outline.is-info > span {
  color: var(--info);
  border-color: var(--info);
  background: transparent;
}
.btn.is-outline.is-info > a:before,
.btn.is-outline.is-info > button:before,
.btn.is-outline.is-info > span:before {
  background: var(--info);
}
.btn.is-outline.is-info > a .btn-icon span,
.btn.is-outline.is-info > button .btn-icon span,
.btn.is-outline.is-info > span .btn-icon span {
  background-color: var(--info);
}
.btn.is-outline.is-info > a:hover,
.btn.is-outline.is-info > button:hover,
.btn.is-outline.is-info > span:hover {
  color: var(--text-color-on-info);
  border-color: var(--info);
}
.btn.is-outline.is-info > a:hover .btn-icon > span,
.btn.is-outline.is-info > button:hover .btn-icon > span,
.btn.is-outline.is-info > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-outline.is-info > a:hover .btn-icon span,
.btn.is-outline.is-info > button:hover .btn-icon span,
.btn.is-outline.is-info > span:hover .btn-icon span {
  background-color: var(--text-color-on-info);
}

.btn.is-warning > a,
.btn.is-warning > button,
.btn.is-warning > span {
  color: var(--text-color-on-warning);
  border-color: var(--warning);
  background: var(--warning);
}
.btn.is-warning > a .btn-icon span,
.btn.is-warning > button .btn-icon span,
.btn.is-warning > span .btn-icon span {
  background-color: var(--text-color-on-warning);
}
.btn.is-warning > a:hover,
.btn.is-warning > button:hover,
.btn.is-warning > span:hover {
  color: var#fff;
  border-color: var(--warning-6);
  background: var(--warning-6);
}
.btn.is-warning > a:hover .btn-icon > span,
.btn.is-warning > button:hover .btn-icon > span,
.btn.is-warning > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-warning > a:hover .btn-icon span,
.btn.is-warning > button:hover .btn-icon span,
.btn.is-warning > span:hover .btn-icon span {
  background-color: var#fff;
}

.btn.is-outline.is-warning > a,
.btn.is-outline.is-warning > button,
.btn.is-outline.is-warning > span {
  color: var(--warning);
  border-color: var(--warning);
  background: transparent;
}
.btn.is-outline.is-warning > a:before,
.btn.is-outline.is-warning > button:before,
.btn.is-outline.is-warning > span:before {
  background: var(--warning);
}
.btn.is-outline.is-warning > a .btn-icon span,
.btn.is-outline.is-warning > button .btn-icon span,
.btn.is-outline.is-warning > span .btn-icon span {
  background-color: var(--warning);
}
.btn.is-outline.is-warning > a:hover,
.btn.is-outline.is-warning > button:hover,
.btn.is-outline.is-warning > span:hover {
  color: var(--text-color-on-warning);
  border-color: var(--warning);
}
.btn.is-outline.is-warning > a:hover .btn-icon > span,
.btn.is-outline.is-warning > button:hover .btn-icon > span,
.btn.is-outline.is-warning > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-outline.is-warning > a:hover .btn-icon span,
.btn.is-outline.is-warning > button:hover .btn-icon span,
.btn.is-outline.is-warning > span:hover .btn-icon span {
  background-color: var(--text-color-on-warning);
}

.btn.is-danger > a,
.btn.is-danger > button,
.btn.is-danger > span {
  color: var(--text-color-on-danger);
  border-color: var(--danger);
  background: var(--danger);
}
.btn.is-danger > a .btn-icon span,
.btn.is-danger > button .btn-icon span,
.btn.is-danger > span .btn-icon span {
  background-color: var(--text-color-on-danger);
}
.btn.is-danger > a:hover,
.btn.is-danger > button:hover,
.btn.is-danger > span:hover {
  color: var#fff;
  border-color: var(--danger-6);
  background: var(--danger-6);
}
.btn.is-danger > a:hover .btn-icon > span,
.btn.is-danger > button:hover .btn-icon > span,
.btn.is-danger > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-danger > a:hover .btn-icon span,
.btn.is-danger > button:hover .btn-icon span,
.btn.is-danger > span:hover .btn-icon span {
  background-color: var#fff;
}

.btn.is-outline.is-danger > a,
.btn.is-outline.is-danger > button,
.btn.is-outline.is-danger > span {
  color: var(--danger);
  border-color: var(--danger);
  background: transparent;
}
.btn.is-outline.is-danger > a:before,
.btn.is-outline.is-danger > button:before,
.btn.is-outline.is-danger > span:before {
  background: var(--danger);
}
.btn.is-outline.is-danger > a .btn-icon span,
.btn.is-outline.is-danger > button .btn-icon span,
.btn.is-outline.is-danger > span .btn-icon span {
  background-color: var(--danger);
}
.btn.is-outline.is-danger > a:hover,
.btn.is-outline.is-danger > button:hover,
.btn.is-outline.is-danger > span:hover {
  color: var(--text-color-on-danger);
  border-color: var(--danger);
}
.btn.is-outline.is-danger > a:hover .btn-icon > span,
.btn.is-outline.is-danger > button:hover .btn-icon > span,
.btn.is-outline.is-danger > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-outline.is-danger > a:hover .btn-icon span,
.btn.is-outline.is-danger > button:hover .btn-icon span,
.btn.is-outline.is-danger > span:hover .btn-icon span {
  background-color: var(--text-color-on-danger);
}

.btn.is-success > a,
.btn.is-success > button,
.btn.is-success > span {
  color: var(--text-color-on-success);
  border-color: var(--success);
  background: var(--success);
}
.btn.is-success > a .btn-icon span,
.btn.is-success > button .btn-icon span,
.btn.is-success > span .btn-icon span {
  background-color: var(--text-color-on-success);
}
.btn.is-success > a:hover,
.btn.is-success > button:hover,
.btn.is-success > span:hover {
  color: var#fff;
  border-color: var(--success-6);
  background: var(--success-6);
}
.btn.is-success > a:hover .btn-icon > span,
.btn.is-success > button:hover .btn-icon > span,
.btn.is-success > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-success > a:hover .btn-icon span,
.btn.is-success > button:hover .btn-icon span,
.btn.is-success > span:hover .btn-icon span {
  background-color: var#fff;
}

.btn.is-outline.is-success > a,
.btn.is-outline.is-success > button,
.btn.is-outline.is-success > span {
  color: var(--success);
  border-color: var(--success);
  background: transparent;
}
.btn.is-outline.is-success > a:before,
.btn.is-outline.is-success > button:before,
.btn.is-outline.is-success > span:before {
  background: var(--success);
}
.btn.is-outline.is-success > a .btn-icon span,
.btn.is-outline.is-success > button .btn-icon span,
.btn.is-outline.is-success > span .btn-icon span {
  background-color: var(--success);
}
.btn.is-outline.is-success > a:hover,
.btn.is-outline.is-success > button:hover,
.btn.is-outline.is-success > span:hover {
  color: var(--text-color-on-success);
  border-color: var(--success);
}
.btn.is-outline.is-success > a:hover .btn-icon > span,
.btn.is-outline.is-success > button:hover .btn-icon > span,
.btn.is-outline.is-success > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-outline.is-success > a:hover .btn-icon span,
.btn.is-outline.is-success > button:hover .btn-icon span,
.btn.is-outline.is-success > span:hover .btn-icon span {
  background-color: var(--text-color-on-success);
}

.btn.is-white > a,
.btn.is-white > button,
.btn.is-white > span {
  color: var(--text-color);
  border-color: var#fff;
  background: var#fff;
}
.btn.is-white > a .btn-icon span,
.btn.is-white > button .btn-icon span,
.btn.is-white > span .btn-icon span {
  background-color: var(--text-color);
}
.btn.is-white > a:hover,
.btn.is-white > button:hover,
.btn.is-white > span:hover {
  color: #00aab2;
  border-color: var#fff;
  background: var#fff;
}
.btn.is-white > a:hover .btn-icon > span,
.btn.is-white > button:hover .btn-icon > span,
.btn.is-white > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-white > a:hover .btn-icon span,
.btn.is-white > button:hover .btn-icon span,
.btn.is-white > span:hover .btn-icon span {
  background-color: #00aab2;
}

.btn.is-outline.is-white > a,
.btn.is-outline.is-white > button,
.btn.is-outline.is-white > span {
  color: var#fff;
  border-color: var#fff;
  background: transparent;
}
.btn.is-outline.is-white > a:before,
.btn.is-outline.is-white > button:before,
.btn.is-outline.is-white > span:before {
  background: var#fff;
}
.btn.is-outline.is-white > a .btn-icon span,
.btn.is-outline.is-white > button .btn-icon span,
.btn.is-outline.is-white > span .btn-icon span {
  background-color: var#fff;
}
.btn.is-outline.is-white > a:hover,
.btn.is-outline.is-white > button:hover,
.btn.is-outline.is-white > span:hover {
  color: #00aab2;
  border-color: var#fff;
}
.btn.is-outline.is-white > a:hover .btn-icon > span,
.btn.is-outline.is-white > button:hover .btn-icon > span,
.btn.is-outline.is-white > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-outline.is-white > a:hover .btn-icon span,
.btn.is-outline.is-white > button:hover .btn-icon span,
.btn.is-outline.is-white > span:hover .btn-icon span {
  background-color: #00aab2;
}

.btn.is-light > a,
.btn.is-light > button,
.btn.is-light > span {
  color: var(--text-color);
  border-color: var(--light);
  background: var(--light);
}
.btn.is-light > a .btn-icon span,
.btn.is-light > button .btn-icon span,
.btn.is-light > span .btn-icon span {
  background-color: var(--text-color);
}
.btn.is-light > a:hover,
.btn.is-light > button:hover,
.btn.is-light > span:hover {
  color: #00aab2;
  border-color: var(--light);
  background: var(--light);
}
.btn.is-light > a:hover .btn-icon > span,
.btn.is-light > button:hover .btn-icon > span,
.btn.is-light > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-light > a:hover .btn-icon span,
.btn.is-light > button:hover .btn-icon span,
.btn.is-light > span:hover .btn-icon span {
  background-color: #00aab2;
}

.btn.is-outline.is-light > a,
.btn.is-outline.is-light > button,
.btn.is-outline.is-light > span {
  color: var(--light);
  border-color: var(--light);
  background: transparent;
}
.btn.is-outline.is-light > a:before,
.btn.is-outline.is-light > button:before,
.btn.is-outline.is-light > span:before {
  background: var(--light);
}
.btn.is-outline.is-light > a .btn-icon span,
.btn.is-outline.is-light > button .btn-icon span,
.btn.is-outline.is-light > span .btn-icon span {
  background-color: var(--light);
}
.btn.is-outline.is-light > a:hover,
.btn.is-outline.is-light > button:hover,
.btn.is-outline.is-light > span:hover {
  color: #00aab2;
  border-color: var(--light);
}
.btn.is-outline.is-light > a:hover .btn-icon > span,
.btn.is-outline.is-light > button:hover .btn-icon > span,
.btn.is-outline.is-light > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-outline.is-light > a:hover .btn-icon span,
.btn.is-outline.is-light > button:hover .btn-icon span,
.btn.is-outline.is-light > span:hover .btn-icon span {
  background-color: #00aab2;
}

.btn.is-gray > a,
.btn.is-gray > button,
.btn.is-gray > span {
  color: #707070;
  border-color: var(--gray);
  background: var(--gray);
}
.btn.is-gray > a .btn-icon span,
.btn.is-gray > button .btn-icon span,
.btn.is-gray > span .btn-icon span {
  background-color: #707070;
}
.btn.is-gray > a:hover,
.btn.is-gray > button:hover,
.btn.is-gray > span:hover {
  color: var#fff;
  border-color: #707070;
  background: #707070;
}
.btn.is-gray > a:hover .btn-icon > span,
.btn.is-gray > button:hover .btn-icon > span,
.btn.is-gray > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-gray > a:hover .btn-icon span,
.btn.is-gray > button:hover .btn-icon span,
.btn.is-gray > span:hover .btn-icon span {
  background-color: var#fff;
}

.btn.is-outline.is-gray > a,
.btn.is-outline.is-gray > button,
.btn.is-outline.is-gray > span {
  color: var(--gray);
  border-color: var(--gray);
  background: transparent;
}
.btn.is-outline.is-gray > a:before,
.btn.is-outline.is-gray > button:before,
.btn.is-outline.is-gray > span:before {
  background: var(--gray);
}
.btn.is-outline.is-gray > a .btn-icon span,
.btn.is-outline.is-gray > button .btn-icon span,
.btn.is-outline.is-gray > span .btn-icon span {
  background-color: var(--gray);
}
.btn.is-outline.is-gray > a:hover,
.btn.is-outline.is-gray > button:hover,
.btn.is-outline.is-gray > span:hover {
  color: #707070;
  border-color: var(--gray);
}
.btn.is-outline.is-gray > a:hover .btn-icon > span,
.btn.is-outline.is-gray > button:hover .btn-icon > span,
.btn.is-outline.is-gray > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-outline.is-gray > a:hover .btn-icon span,
.btn.is-outline.is-gray > button:hover .btn-icon span,
.btn.is-outline.is-gray > span:hover .btn-icon span {
  background-color: #707070;
}

.btn.is-dark > a,
.btn.is-dark > button,
.btn.is-dark > span {
  color: var#fff;
  border-color: #707070;
  background: #707070;
}
.btn.is-dark > a .btn-icon span,
.btn.is-dark > button .btn-icon span,
.btn.is-dark > span .btn-icon span {
  background-color: var#fff;
}
.btn.is-dark > a:hover,
.btn.is-dark > button:hover,
.btn.is-dark > span:hover {
  color: #00aab2;
  border-color: #707070;
  background: #707070;
}
.btn.is-dark > a:hover .btn-icon > span,
.btn.is-dark > button:hover .btn-icon > span,
.btn.is-dark > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-dark > a:hover .btn-icon span,
.btn.is-dark > button:hover .btn-icon span,
.btn.is-dark > span:hover .btn-icon span {
  background-color: #00aab2;
}

.btn.is-outline.is-dark > a,
.btn.is-outline.is-dark > button,
.btn.is-outline.is-dark > span {
  color: #707070;
  border-color: #707070;
  background: transparent;
}
.btn.is-outline.is-dark > a:before,
.btn.is-outline.is-dark > button:before,
.btn.is-outline.is-dark > span:before {
  background: #707070;
}
.btn.is-outline.is-dark > a .btn-icon span,
.btn.is-outline.is-dark > button .btn-icon span,
.btn.is-outline.is-dark > span .btn-icon span {
  background-color: #707070;
}
.btn.is-outline.is-dark > a:hover,
.btn.is-outline.is-dark > button:hover,
.btn.is-outline.is-dark > span:hover {
  color: var#fff;
  border-color: #707070;
}
.btn.is-outline.is-dark > a:hover .btn-icon > span,
.btn.is-outline.is-dark > button:hover .btn-icon > span,
.btn.is-outline.is-dark > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-outline.is-dark > a:hover .btn-icon span,
.btn.is-outline.is-dark > button:hover .btn-icon span,
.btn.is-outline.is-dark > span:hover .btn-icon span {
  background-color: var#fff;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Button - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/