/*
Theme Name: alokhinSite
Author: alokhinDev
Author URI: https://alokhin.dev/
Version: 1.0.5
Text Domain: alokhin-site
*/
/*--------------------------------------------------------------
Variables
--------------------------------------------------------------*/
@media only screen and (max-width: 781px) {
  .hide-mobile {
    display: none;
  }
}
@media only screen and (max-width: 74.99em) {
  .hide-mobile-tablet {
    display: none;
  }
}
@media only screen and (min-width: 75em) {
  .extend {
    margin-left: -12rem;
    margin-right: -12rem;
  }
}
/*--------------------------------------------------------------
Mixins
--------------------------------------------------------------*/
.inherit-container a,
.inherit-container h1,
.inherit-container h2,
.inherit-container h3,
.inherit-container h4,
.inherit-container h5,
.inherit-container h6 {
  color: inherit;
}
.container-overlay {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.styled-block {
  border: 1px solid rgba(7, 36, 86, 0.075);
  border-radius: 3px;
  box-shadow: 0 2px 4px 0 rgba(7, 36, 86, 0.075);
  background-color: #fff;
}
.styled-caption {
  text-transform: uppercase;
  letter-spacing: 1px;
}
.styled-label {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.6875rem;
  background-color: rgba(7, 36, 86, 0.085);
  color: #0d1b1e;
  transition: color 0.25s, background-color 0.25s;
  border-radius: 9999px;
  padding: 0.375rem 0.75rem;
}
.styled-tag {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.6875rem;
  border: 1px solid rgba(7, 36, 86, 0.075);
  border-radius: 3px;
  padding: 0.25rem 0.5rem;
  color: inherit;
  transition: color 0.25s, border-color 0.25s;
}
.styled-title {
  padding-bottom: 1rem;
  position: relative;
}
.styled-title::after {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4px;
  width: 4rem;
  display: block;
  content: '';
  background-color: #2a9d8f;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2));
}
/*--------------------------------------------------------------
Normalize
--------------------------------------------------------------*/
.wp-caption,
.wp-caption-text,
.sticky,
.screen-reader-text,
.gallery-caption,
.bypostauthor,
.alignright,
.alignleft,
.aligncenter {
  display: block;
}
/*--------------------------------------------------------------
Typography
--------------------------------------------------------------*/
p.has-background {
  border-radius: 3px;
}
pre {
  border-radius: 3px;
}
/*--------------------------------------------------------------
Media
--------------------------------------------------------------*/
.gallery-icon img {
  border-radius: 3px;
}
.wp-caption > img,
.wp-caption > a > img {
  border-radius: 3px;
}
.mejs-audio .mejs-controls,
.mejs-audio.mejs-container {
  border-radius: 3px;
}
/*--------------------------------------------------------------
Forms
--------------------------------------------------------------*/
input[type='color'],
input[type='date'],
input[type='datetime'],
input[type='datetime-local'],
input[type='email'],
input[type='month'],
input[type='number'],
input[type='password'],
input[type='range'],
input[type='min'],
input[type='max'],
input[type='value'],
input[type='step'],
input[type='search'],
input[type='tel'],
input[type='text'],
input[type='time'],
input[type='url'],
select,
textarea {
  border-radius: 3px;
}
.select2-container--default .select2-dropdown,
.select2-container--default .select2-search .select2-search__field,
.select2-container--default .select2-selection {
  border-radius: 3px;
}
.select2-container--default .select2-selection--inline .select2-selection__rendered {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.6875rem;
  line-height: 1;
}
.pac-container {
  border-radius: 3px;
}
/*--------------------------------------------------------------
Buttons
--------------------------------------------------------------*/
.button {
  font-weight: 500;
  border-radius: 9999px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  background-image: linear-gradient(to right, #fff0, rgba(255, 255, 255, 0.2));
  white-space: nowrap;
}
a.button:hover {
  color: inherit;
}
a.button.button--primary:hover,
a.button.button--secondary:hover {
  color: #fff;
}
.button--primary,
.button--secondary {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2));
}
button[type=submit],
input[type=submit] {
  font-weight: 500;
  border-radius: 9999px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  background-image: linear-gradient(to right, #fff0, rgba(255, 255, 255, 0.2));
  white-space: nowrap;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2));
}
/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/
.header-navbar__menu ul li ul {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.header-navbar__menu ul li ul li ul.left {
  border-top-left-radius: 3px;
}
.header-navbar__menu ul li ul li ul.right {
  border-top-right-radius: 3px;
}
.header-navbar__menu > ul > li.current-menu-item::before {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2));
}
.header-navbar__burger > ul > li.current-menu-item::before {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2));
}
.header-navbar__burger > ul > li > a {
  color: #0d1b1e;
}
.header-hero {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  background-image: url(/wp-content/themes/alokhinsite/assets/images/banner-bg.svg);
}
.header-hero--cover {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  color: #fff;
}
.header-hero--cover a,
.header-hero--cover h1,
.header-hero--cover h2,
.header-hero--cover h3,
.header-hero--cover h4,
.header-hero--cover h5,
.header-hero--cover h6 {
  color: inherit;
}
.header-hero--cover::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.35);
}
/*--------------------------------------------------------------
Content
--------------------------------------------------------------*/
.title,
.content-title {
  padding-bottom: 1rem;
  position: relative;
}
.title::after,
.content-title::after {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4px;
  width: 4rem;
  display: block;
  content: '';
  background-color: #2a9d8f;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2));
}
.title:not(:last-child),
.content-title:not(:last-child) {
  margin-bottom: 1.5rem;
}
.title--center,
.content-title--center,
.title.has-text-align-center,
.content-title.has-text-align-center {
  text-align: center;
}
.title--center::after,
.content-title--center::after,
.title.has-text-align-center::after,
.content-title.has-text-align-center::after {
  left: 50%;
  margin-left: -2rem;
}
.content-title {
  font-size: 2rem;
}
.content-title + .content-block:not(:first-child) {
  margin-top: 3rem;
}
@media only screen and (min-width: 75em) {
  .content-title + .content-block:not(:first-child) {
    margin-top: 4rem;
  }
}
@media only screen and (min-width: 75em) {
  .content-title {
    font-size: 2.625rem;
  }
}
.content-subtitle {
  font-size: 1.25rem;
}
@media only screen and (min-width: 75em) {
  .content-subtitle {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
}
.content-subtitle:not(:last-child) {
  margin-bottom: 2rem;
}
.content-subtitle + .content-block:not(:first-child) {
  margin-top: 2rem;
}
@media only screen and (min-width: 75em) {
  .content-subtitle + .content-block:not(:first-child) {
    margin-top: 3rem;
  }
}
.content-box {
  border-radius: 10px;
  box-shadow: 0 5px 30px rgba(7, 36, 86, 0.075);
  background-color: #fff;
}
.content-list {
  margin-left: 0;
  list-style: none;
}
.content-list li {
  padding-left: 1.5rem;
  position: relative;
}
.content-list li::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: auto;
  justify-content: center;
  align-items: center;
  display: flex;
  content: '\f00c';
  font-size: 12px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: absolute;
  top: 0.15rem;
  left: -0.25rem;
  color: #2a9d8f;
  text-shadow: 0 0 0 #2a9d8f, 0 1px 0 #2a9d8f;
  background-color: #e9f1ef;
}
.content-list.grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 0.25rem;
}
.content-block:not(:last-child) {
  margin-bottom: 3rem;
}
@media only screen and (min-width: 75em) {
  .content-block:not(:last-child) {
    margin-bottom: 4rem;
  }
}
.content-block.background {
  margin-left: -100%;
  margin-right: -100%;
  background: radial-gradient(circle at 85% 50%, rgba(80, 130, 255, 0.06), transparent 35%), #f7faff;
  padding: 4rem 0;
}
@media only screen and (max-width: 74.99em) {
  .content-block.background {
    margin-left: -2rem;
    margin-right: -2rem;
  }
}
@media only screen and (min-width: 75em) {
  .content-block.image > div {
    background: url(/wp-content/themes/alokhinsite/assets/images/tiers_progression.png) no-repeat;
    background-size: contain;
    background-position-x: 64%;
  }
}
.content-slider > .slick-slider {
  margin: -2rem 0 0;
  justify-content: center;
}
.content-slider > .slick-slider > div > div > .slick-slide {
  padding-top: 2rem;
}
@media only screen and (max-width: 47.99em) {
  .content-slider > .slick-slider > div > div > .slick-slide {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}
.content-slider > .slick-slider > .slick-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(7, 36, 86, 0.35);
  box-shadow: 0 5px 30px rgba(7, 36, 86, 0.125);
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
  font-size: 24px;
  transition: color 0.25s;
  position: absolute;
  z-index: 2;
  top: 50%;
  width: 3rem;
  height: 3rem;
  margin-top: -1.5rem;
}
.content-slider > .slick-slider > .slick-arrow:hover {
  color: #43824f;
}
.content-slider > .slick-slider > .slick-prev {
  left: 2.5rem;
}
@media only screen and (max-width: 47.99em) {
  .content-slider > .slick-slider > .slick-prev {
    left: 0.5rem;
  }
}
.content-slider > .slick-slider > .slick-next {
  right: 2.5rem;
}
@media only screen and (max-width: 47.99em) {
  .content-slider > .slick-slider > .slick-next {
    right: 0.5rem;
  }
}
.content-image img {
  border-radius: 10px;
  box-shadow: 0 5px 30px rgba(7, 36, 86, 0.075);
}
.content-grid {
  gap: 1.5rem 4rem;
}
.content-grid .wp-block-image {
  margin: 0;
}
/*--------------------------------------------------------------
Modal
--------------------------------------------------------------*/
.fancybox-content {
  border-radius: 3px;
}
/*--------------------------------------------------------------
Widgets
--------------------------------------------------------------*/
.widget--sidebar,
.widget.hp-menu {
  padding: 2rem;
  border: 1px solid rgba(7, 36, 86, 0.075);
  border-radius: 3px;
  box-shadow: 0 2px 4px 0 rgba(7, 36, 86, 0.075);
  background-color: #fff;
}
.widget--sidebar:not(:last-child),
.widget.hp-menu:not(:last-child) {
  margin-bottom: 2rem;
}
.widget--footer .widget__title {
  padding-bottom: 1rem;
  position: relative;
}
.widget--footer .widget__title::after {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4px;
  width: 4rem;
  display: block;
  content: '';
  background-color: #2a9d8f;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2));
}
.widget--footer .widget__title::before {
  width: 30px;
  height: 3px;
}
.widget_product_search,
.widget_search {
  padding: 0;
  box-shadow: none;
  border: none;
}
.widget_calendar caption {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.875rem;
}
.widget_rss ul li .rss-date {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.6875rem;
}
/*--------------------------------------------------------------
Blocks
--------------------------------------------------------------*/
.wp-block-pullquote.is-style-solid-color {
  border-radius: 3px;
}
.wp-block-pullquote blockquote cite,
.wp-block-pullquote.is-style-solid-color blockquote cite,
.wp-block-quote cite {
  text-transform: uppercase;
  letter-spacing: 1px;
}
.wp-block-file .wp-block-file__button {
  border-radius: 3px;
}
.wp-block-button__link {
  border-radius: 3px;
}
.wp-block-code {
  border-radius: 3px;
}
.wp-block-gallery .blocks-gallery-item figcaption,
.wp-block-gallery .blocks-gallery-item img {
  border-radius: 3px;
}
/*--------------------------------------------------------------
Pages
--------------------------------------------------------------*/
.page__title {
  text-align: center;
}
.page-template-extension-page .header-hero {
  background-image: url(/wp-content/themes/alokhinsite/assets/images/section-bg.png);
}
.page-template-extension-page .feature {
  flex-direction: column;
  gap: 1rem;
  margin: 0 0.5rem 2rem;
}
@media only screen and (max-width: 63.99em) {
  .page-template-extension-page .feature {
    align-items: center;
    text-align: center;
  }
}
.page-template-extension-page .feature__icon {
  width: 4rem;
  margin-right: 0;
  border-radius: 10px;
}
/*--------------------------------------------------------------
Tables
--------------------------------------------------------------*/
.wp-block-table {
  border-radius: 10px;
  box-shadow: 0 5px 30px rgba(7, 36, 86, 0.075);
  background-color: #fff;
}
.wp-block-table thead {
  background-color: #f7faff;
  border: none;
}
.wp-block-table tbody tr {
  border-top: 1px solid rgba(7, 36, 86, 0.075);
}
.wp-block-table th,
.wp-block-table td {
  border: none;
  padding: 1.25rem 3rem !important;
  vertical-align: middle;
}
.wp-block-table th img,
.wp-block-table td img {
  vertical-align: middle;
}
.wp-block-table th {
  color: rgba(15, 23, 39, 0.65);
}
/*--------------------------------------------------------------
Posts
--------------------------------------------------------------*/
.post--archive {
  padding-bottom: 2rem;
  border-bottom: 1px solid rgba(7, 36, 86, 0.075);
}
.post--archive .post__header--cover {
  color: #fff;
  position: relative;
}
.post--archive .post__header--cover a,
.post--archive .post__header--cover h1,
.post--archive .post__header--cover h2,
.post--archive .post__header--cover h3,
.post--archive .post__header--cover h4,
.post--archive .post__header--cover h5,
.post--archive .post__header--cover h6 {
  color: inherit;
}
.post--archive .post__header--cover:not(:last-child) {
  margin-bottom: 1.5rem;
}
.post--archive .post__image {
  position: relative;
}
.post--archive .post__image img {
  border-radius: 3px;
}
.post--archive .post__image a::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 3px;
  background-image: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.5));
}
.post--archive .post__text:not(:last-child) {
  margin-bottom: 1.5rem;
}
.post--archive .post__header--cover .post__categories,
.post--archive .post__header--cover .post__title {
  position: absolute;
  z-index: 1;
  left: 0;
  padding: 0 2rem;
}
.post--archive .post__header--cover .post__title {
  bottom: 0;
  padding-bottom: 2rem;
}
.post__header--cover .post__categories a {
  background-color: #E9F1EF;
  color: inherit;
}
.post__header--cover .post__categories a:hover {
  background-color: #fff;
  color: #0d1b1e;
}
.post--archive .post__header--cover .post__categories {
  top: 0;
  padding-top: 2rem;
}
.post__categories a {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.6875rem;
  background-color: rgba(7, 36, 86, 0.085);
  color: #0d1b1e;
  transition: color 0.25s, background-color 0.25s;
  border-radius: 9999px;
  padding: 0.375rem 0.75rem;
}
.post__categories a:hover {
  background-color: #E9F1EF;
  color: #fff;
}
.post--single .post__title {
  text-align: center;
}
.post--single .post__title:not(:last-child) {
  margin-bottom: 1.25rem;
}
.post--single .post__categories,
.post--single .post__details {
  justify-content: center;
}
.post__details > * {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.6875rem;
}
.post__details > *:not(:last-child) {
  margin-right: 0.5rem;
}
.post__details > *:not(:last-child)::after {
  content: '';
  display: block;
  background-color: rgba(7, 36, 86, 0.25);
  border-radius: 50%;
  width: 4px;
  height: 4px;
  margin-left: 0.5rem;
}
.post__header--cover .post__details > * {
  color: inherit;
}
.post__header--cover .post__details > *:not(:last-child)::after {
  background-color: rgba(255, 255, 255, 0.8);
}
/*--------------------------------------------------------------
Tags
--------------------------------------------------------------*/
.tagcloud a,
.wp-block-tag-cloud a {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.6875rem;
  border: 1px solid rgba(7, 36, 86, 0.075);
  border-radius: 3px;
  padding: 0.25rem 0.5rem;
  color: inherit;
  transition: color 0.25s, border-color 0.25s;
  font-size: 0.6875rem !important;
}
.tagcloud a:hover,
.wp-block-tag-cloud a:hover {
  border-color: #2a9d8f;
  color: #2a9d8f;
}
/*--------------------------------------------------------------
Comments
--------------------------------------------------------------*/
.comments > ul > li {
  border: 1px solid rgba(7, 36, 86, 0.075);
  border-radius: 3px;
  box-shadow: 0 2px 4px 0 rgba(7, 36, 86, 0.075);
  background-color: #fff;
}
.comments > ul > li > ul {
  padding-top: 2rem;
  padding-left: 2rem;
  border-top: 1px solid rgba(7, 36, 86, 0.075);
}
.comments > ul > li ul {
  margin-top: 0;
}
.comment {
  padding: 0 2rem 2rem 0;
}
.comments > ul > li > .comment {
  padding-top: 2rem;
  padding-left: 2rem;
}
.comments > ul > li > .comment ul {
  padding-left: 2rem;
}
.comment__details > * {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.6875rem;
}
#comments > .comment-respond,
.comments > ul > .comment-respond {
  border: 1px solid rgba(7, 36, 86, 0.075);
  border-radius: 3px;
  box-shadow: 0 2px 4px 0 rgba(7, 36, 86, 0.075);
  background-color: #fff;
  padding: 2rem;
}
.comments ul li .comment-respond {
  padding: 0 2rem 2rem 5.5rem;
}
@media only screen and (max-width: 47.99em) {
  .comments ul li .comment-respond {
    padding-left: 0;
  }
}
.comment-respond [class^='comment-form-'] > label:first-child {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.6875rem;
}
/*--------------------------------------------------------------
Pagination
--------------------------------------------------------------*/
.pagination {
  justify-content: center;
}
.pagination > span,
.pagination .nav-links > a,
.pagination .nav-links > span,
.pagination > a,
.pagination ul li a,
.pagination ul li span.current,
.pagination ul li span.dots {
  border: 2px solid transparent;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
}
.pagination .nav-links > span:not(.dots),
.pagination > span:not(.dots),
.pagination ul li span.current:not(.dots) {
  border-color: rgba(7, 36, 86, 0.075);
}
/*--------------------------------------------------------------
HivePress
--------------------------------------------------------------*/
.hp {
  /*--------------------------------------------------------------
  Forms
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  Listings
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  Listing Categories
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  Listing Packages
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  Vendors
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  Reviews
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  Messages
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  Memberships
  --------------------------------------------------------------*/
}
.hp-status span {
  border-radius: 3px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.6875rem;
}
.hp-map {
  border-radius: 3px;
}
.hp-menu--tabbed .hp-menu__item--current::before {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2));
}
.hp-meta,
.hp-result-count {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.6875rem;
}
.hp-page__title,
.hp-section__title {
  padding-bottom: 1rem;
  position: relative;
}
.hp-page__title::after,
.hp-section__title::after {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4px;
  width: 4rem;
  display: block;
  content: '';
  background-color: #2a9d8f;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2));
}
.hp-form__messages {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.hp-form--listing-search,
.hp-form--vendor-search {
  border: 1px solid rgba(7, 36, 86, 0.075);
  border-radius: 3px;
  box-shadow: 0 2px 4px 0 rgba(7, 36, 86, 0.075);
  background-color: #fff;
  padding: 0.625rem;
  align-items: center;
}
@media only screen and (max-width: 47.99em) {
  .hp-form--listing-search,
  .hp-form--vendor-search {
    align-items: stretch;
  }
}
.page span[id^=more-] + .hp-form--listing-search,
.page span[id^=more-] + .hp-form--vendor-search,
.tax-hp_listing_category .hp-form--listing-search,
.tax-hp_listing_category .hp-form--vendor-search {
  margin-top: -4.25rem;
}
@media only screen and (min-width: 48em) {
  .page span[id^=more-] + .hp-form--listing-search,
  .page span[id^=more-] + .hp-form--vendor-search,
  .tax-hp_listing_category .hp-form--listing-search,
  .tax-hp_listing_category .hp-form--vendor-search {
    margin-top: -5.25rem;
  }
}
@media only screen and (min-width: 75em) {
  .page span[id^=more-] + .hp-form--listing-search,
  .page span[id^=more-] + .hp-form--vendor-search,
  .tax-hp_listing_category .hp-form--listing-search,
  .tax-hp_listing_category .hp-form--vendor-search {
    margin-top: -6.25rem;
  }
}
.hp-form--listing-search .hp-form__field:not(:last-child),
.hp-form--listing-search .hp-form__fields:not(:last-child),
.hp-form--vendor-search .hp-form__field:not(:last-child),
.hp-form--vendor-search .hp-form__fields:not(:last-child) {
  margin-right: 0.625rem;
}
@media only screen and (max-width: 47.99em) {
  .hp-form--listing-search .hp-form__field:not(:last-child),
  .hp-form--listing-search .hp-form__fields:not(:last-child),
  .hp-form--vendor-search .hp-form__field:not(:last-child),
  .hp-form--vendor-search .hp-form__fields:not(:last-child) {
    margin: 0;
  }
}
@media only screen and (max-width: 47.99em) {
  .hp-form--listing-search .hp-form__fields:not(:last-child),
  .hp-form--vendor-search .hp-form__fields:not(:last-child) {
    margin-bottom: 0.625rem;
  }
}
.hp-form--listing-search .hp-form__field:not(:last-child),
.hp-form--vendor-search .hp-form__field:not(:last-child) {
  border-right: 1px solid rgba(7, 36, 86, 0.075);
}
@media only screen and (max-width: 47.99em) {
  .hp-form--listing-search .hp-form__field:not(:last-child),
  .hp-form--vendor-search .hp-form__field:not(:last-child) {
    border-right: none;
    border-bottom: 1px solid rgba(7, 36, 86, 0.075);
  }
}
.hp-form--listing-search .hp-form__field input[type='color'],
.hp-form--vendor-search .hp-form__field input[type='color'],
.hp-form--listing-search .hp-form__field input[type='date'],
.hp-form--vendor-search .hp-form__field input[type='date'],
.hp-form--listing-search .hp-form__field input[type='datetime'],
.hp-form--vendor-search .hp-form__field input[type='datetime'],
.hp-form--listing-search .hp-form__field input[type='datetime-local'],
.hp-form--vendor-search .hp-form__field input[type='datetime-local'],
.hp-form--listing-search .hp-form__field input[type='email'],
.hp-form--vendor-search .hp-form__field input[type='email'],
.hp-form--listing-search .hp-form__field input[type='month'],
.hp-form--vendor-search .hp-form__field input[type='month'],
.hp-form--listing-search .hp-form__field input[type='number'],
.hp-form--vendor-search .hp-form__field input[type='number'],
.hp-form--listing-search .hp-form__field input[type='password'],
.hp-form--vendor-search .hp-form__field input[type='password'],
.hp-form--listing-search .hp-form__field input[type='range'],
.hp-form--vendor-search .hp-form__field input[type='range'],
.hp-form--listing-search .hp-form__field input[type='min'],
.hp-form--vendor-search .hp-form__field input[type='min'],
.hp-form--listing-search .hp-form__field input[type='max'],
.hp-form--vendor-search .hp-form__field input[type='max'],
.hp-form--listing-search .hp-form__field input[type='value'],
.hp-form--vendor-search .hp-form__field input[type='value'],
.hp-form--listing-search .hp-form__field input[type='step'],
.hp-form--vendor-search .hp-form__field input[type='step'],
.hp-form--listing-search .hp-form__field input[type='search'],
.hp-form--vendor-search .hp-form__field input[type='search'],
.hp-form--listing-search .hp-form__field input[type='tel'],
.hp-form--vendor-search .hp-form__field input[type='tel'],
.hp-form--listing-search .hp-form__field input[type='text'],
.hp-form--vendor-search .hp-form__field input[type='text'],
.hp-form--listing-search .hp-form__field input[type='time'],
.hp-form--vendor-search .hp-form__field input[type='time'],
.hp-form--listing-search .hp-form__field input[type='url'],
.hp-form--vendor-search .hp-form__field input[type='url'],
.hp-form--listing-search .hp-form__field select,
.hp-form--vendor-search .hp-form__field select,
.hp-form--listing-search .hp-form__field textarea,
.hp-form--vendor-search .hp-form__field textarea {
  padding-top: 0;
  padding-bottom: 0;
  border: none;
  font-size: 1.125rem;
  line-height: 3rem;
  height: 3rem;
}
.hp-form--primary .select2-container--default .select2-selection {
  border: none;
}
.hp-form--primary .select2-container--default .select2-selection__rendered {
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1.125rem;
  line-height: 3rem;
  height: 3rem;
}
.hp-form--primary .select2-container--default .select2-selection__arrow {
  top: 0.75rem;
}
.hp-form--listing-search .hp-form__button,
.hp-form--vendor-search .hp-form__button {
  height: 3.125rem;
  padding-left: 2rem;
  padding-right: 2rem;
  font-size: 1.125rem;
}
.hp-form--listing-sort select,
.hp-form--vendor-sort select {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.6875rem;
}
.hp-field--attachment-upload > div:first-child > div img {
  border-radius: 3px;
}
.hp-field__label {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.6875rem;
}
.hp-listing--view-block {
  border: 1px solid rgba(7, 36, 86, 0.075);
  border-radius: 3px;
  box-shadow: 0 2px 4px 0 rgba(7, 36, 86, 0.075);
  background-color: #fff;
  transition: box-shadow 0.25s;
}
.hp-listing--view-block:hover {
  box-shadow: 0 0 12px rgba(7, 36, 86, 0.125);
}
.hp-listing--view-block.hp-listing--featured {
  border-color: #2a9d8f;
}
.hp-listing--view-block .hp-listing__featured-badge {
  left: 0;
  top: 1.5rem;
  border-radius: 0 3px 3px 0;
  width: 1.5rem;
  height: 1.5rem;
  background-color: #2a9d8f;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2));
}
.hp-listing--view-block .hp-listing__featured-badge i {
  font-size: 12px;
}
.hp-listing--view-block .hp-listing__content:not(:last-child),
.hp-listing--view-block .hp-listing__footer:not(:last-child),
.hp-listing--view-block .hp-listing__header:not(:last-child) {
  margin-bottom: 0;
}
.hp-listing--view-block .hp-listing__content {
  padding: 1.5rem;
}
.hp-listing--view-block .hp-listing__footer {
  padding: 1rem 1.5rem;
  border-top: 1px solid rgba(7, 36, 86, 0.075);
}
.hp-listing--view-block .hp-listing__image img {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.hp-listing__images-slider {
  border-radius: 3px;
}
.hp-listing__images-carousel .slick-slide img {
  border: 2px solid transparent;
  border-radius: 4px;
  opacity: 0.6;
  transition: border-color 0.25s, opacity 0.25s;
}
.hp-listing__images-carousel .slick-current img {
  border-color: #2a9d8f;
  opacity: 1;
}
.hp-listing__images > img {
  border-radius: 3px;
}
.hp-listing--view-block .hp-listing__created-date,
.hp-listing--view-page .hp-listing__created-date {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.6875rem;
}
.hp-listing__details .hp-listing__categories {
  display: none !important;
}
.hp-listing--view-block .hp-listing__categories:not(:last-child),
.hp-listing--view-page .hp-listing__categories:not(:last-child) {
  margin-bottom: 0;
}
.hp-listing--view-block .hp-listing__categories a,
.hp-listing--view-page .hp-listing__categories a {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.6875rem;
  background-color: rgba(7, 36, 86, 0.085);
  color: #0d1b1e;
  transition: color 0.25s, background-color 0.25s;
  border-radius: 9999px;
  padding: 0.375rem 0.75rem;
}
.hp-listing--view-block .hp-listing__categories a:hover,
.hp-listing--view-page .hp-listing__categories a:hover {
  background-color: #E9F1EF;
  color: #fff;
}
.hp-listing--view-page .hp-listing__attributes--primary {
  border: 1px solid rgba(7, 36, 86, 0.075);
  border-radius: 3px;
  box-shadow: 0 2px 4px 0 rgba(7, 36, 86, 0.075);
  background-color: #fff;
  padding: 1rem 1.5rem;
}
.hp-listing--view-page .hp-listing__attributes--primary .hp-listing__attribute {
  background-color: transparent;
  padding: 0;
}
.hp-listing--view-page .hp-listing__attributes--primary .hp-listing__attribute:not(:last-child) {
  border-bottom: 1px solid rgba(7, 36, 86, 0.075);
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
}
.hp-listing-category--submit-block,
.hp-listing-category--view-block {
  border-radius: 3px;
  transition: transform 0.25s;
  color: #fff;
  position: relative;
}
.hp-listing-category--submit-block:hover,
.hp-listing-category--view-block:hover {
  transform: translateY(-7px);
}
.hp-listing-category--submit-block .hp-listing-category__content:not(:last-child),
.hp-listing-category--submit-block .hp-listing-category__header:not(:last-child),
.hp-listing-category--view-block .hp-listing-category__content:not(:last-child),
.hp-listing-category--view-block .hp-listing-category__header:not(:last-child) {
  margin-bottom: 0;
}
.hp-listing-category--view-page .hp-listing-category__header {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.hp-listing-category--submit-block .hp-listing-category__content,
.hp-listing-category--view-block .hp-listing-category__content {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 2rem;
}
.hp-listing-category--submit-block .hp-listing-category__content a,
.hp-listing-category--view-block .hp-listing-category__content a,
.hp-listing-category--submit-block .hp-listing-category__content h1,
.hp-listing-category--view-block .hp-listing-category__content h1,
.hp-listing-category--submit-block .hp-listing-category__content h2,
.hp-listing-category--view-block .hp-listing-category__content h2,
.hp-listing-category--submit-block .hp-listing-category__content h3,
.hp-listing-category--view-block .hp-listing-category__content h3,
.hp-listing-category--submit-block .hp-listing-category__content h4,
.hp-listing-category--view-block .hp-listing-category__content h4,
.hp-listing-category--submit-block .hp-listing-category__content h5,
.hp-listing-category--view-block .hp-listing-category__content h5,
.hp-listing-category--submit-block .hp-listing-category__content h6,
.hp-listing-category--view-block .hp-listing-category__content h6 {
  color: inherit;
}
.hp-listing-category--submit-block .hp-listing-category__image a::after,
.hp-listing-category--view-block .hp-listing-category__image a::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 3px;
  background-image: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.5));
}
.hp-listing-category--submit-block .hp-listing-category__image img,
.hp-listing-category--view-block .hp-listing-category__image img {
  border-radius: 3px;
}
.hp-listing-category--view-block .hp-listing-category__description,
.hp-listing-category--view-block .hp-listing-category__name {
  text-align: left;
}
.hp-listing-category--view-page .hp-listing-category__description,
.hp-listing-category--view-page .hp-listing-category__name {
  text-align: center;
}
.hp-listing-category__item-count {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.6875rem;
  background-color: rgba(7, 36, 86, 0.085);
  color: #0d1b1e;
  transition: color 0.25s, background-color 0.25s;
  border-radius: 9999px;
  padding: 0.375rem 0.75rem;
  background-color: #E9F1EF;
  color: inherit;
}
.hp-listing-category--view-block .hp-listing-category__item-count {
  position: absolute;
  left: 2rem;
  top: 2rem;
  z-index: 1;
}
.hp-listing-category--view-block .hp-listing-category__content .hp-listing-category__item-count {
  display: none !important;
}
.hp-listing-package--view-block {
  border: 1px solid rgba(7, 36, 86, 0.075);
  border-radius: 3px;
  box-shadow: 0 2px 4px 0 rgba(7, 36, 86, 0.075);
  background-color: #fff;
  transition: box-shadow 0.25s;
}
.hp-listing-package--view-block:hover {
  box-shadow: 0 0 12px rgba(7, 36, 86, 0.125);
}
.hp-listing-package--view-block .hp-listing-package__content:not(:last-child),
.hp-listing-package--view-block .hp-listing-package__footer:not(:last-child),
.hp-listing-package--view-block .hp-listing-package__header:not(:last-child) {
  margin-bottom: 0;
}
.hp-listing-package--view-block .hp-listing-package__footer,
.hp-listing-package--view-block .hp-listing-package__header {
  padding: 1rem 1.5rem;
}
.hp-listing-package--view-block .hp-listing-package__header {
  border-bottom: 1px solid rgba(7, 36, 86, 0.075);
}
.hp-listing-package--view-block .hp-listing-package__content {
  padding: 1.5rem;
}
.hp-listing-package--view-block .hp-listing-package__footer {
  border-top: 1px solid rgba(7, 36, 86, 0.075);
}
.hp-vendor--view-block {
  border: 1px solid rgba(7, 36, 86, 0.075);
  border-radius: 3px;
  box-shadow: 0 2px 4px 0 rgba(7, 36, 86, 0.075);
  background-color: #fff;
  transition: box-shadow 0.25s;
}
.hp-vendor--view-block:hover {
  box-shadow: 0 0 12px rgba(7, 36, 86, 0.125);
}
.hp-vendor--view-block .hp-vendor__header {
  padding: 3rem 2rem 0;
}
.hp-vendor--view-block .hp-vendor__content {
  padding: 0 2rem 3rem;
}
.hp-vendor--view-block .hp-vendor__content:not(:last-child) {
  margin-bottom: 0;
}
.hp-vendor--view-block .hp-vendor__footer {
  border-top: 1px solid rgba(7, 36, 86, 0.075);
  padding: 1rem 1.5rem;
}
.hp-vendor--view-block .hp-vendor__registered-date,
.hp-vendor--view-page .hp-vendor__registered-date {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.6875rem;
}
.hp-vendor--view-page .hp-vendor__attributes--primary {
  border: 1px solid rgba(7, 36, 86, 0.075);
  border-radius: 3px;
  box-shadow: 0 2px 4px 0 rgba(7, 36, 86, 0.075);
  background-color: #fff;
  padding: 1rem 1.5rem;
}
.hp-vendor--view-page .hp-vendor__attributes--primary .hp-vendor__attribute {
  background-color: transparent;
  padding: 0;
}
.hp-vendor--view-page .hp-vendor__attributes--primary .hp-vendor__attribute:not(:last-child) {
  border-bottom: 1px solid rgba(7, 36, 86, 0.075);
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
}
.hp-vendor__actions--secondary {
  border: 1px solid rgba(7, 36, 86, 0.075);
  border-radius: 3px;
  box-shadow: 0 2px 4px 0 rgba(7, 36, 86, 0.075);
  background-color: #fff;
  padding: 1.5rem 2rem;
}
.hp-vendor__actions--secondary .hp-vendor__balance strong {
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1;
  font-size: 0.6875rem;
}
.hp-review--view-block {
  border: 1px solid rgba(7, 36, 86, 0.075);
  border-radius: 3px;
  box-shadow: 0 2px 4px 0 rgba(7, 36, 86, 0.075);
  background-color: #fff;
  padding: 2rem;
}
.hp-review__created-date {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.6875rem;
}
.hp-message--view-block {
  border-radius: 3px;
}
.hp-message--view-block .hp-message__sent-date {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.6875rem;
}
.hp-membership-plan--view-block {
  border: 1px solid rgba(7, 36, 86, 0.075);
  border-radius: 3px;
  box-shadow: 0 2px 4px 0 rgba(7, 36, 86, 0.075);
  background-color: #fff;
  transition: box-shadow 0.25s;
}
.hp-membership-plan--view-block:hover {
  box-shadow: 0 0 12px rgba(7, 36, 86, 0.125);
}
.hp-membership-plan--view-block .hp-membership-plan__content:not(:last-child),
.hp-membership-plan--view-block .hp-membership-plan__footer:not(:last-child),
.hp-membership-plan--view-block .hp-membership-plan__header:not(:last-child) {
  margin-bottom: 0;
}
.hp-membership-plan--view-block .hp-membership-plan__footer,
.hp-membership-plan--view-block .hp-membership-plan__header {
  padding: 1rem 1.5rem;
}
.hp-membership-plan--view-block .hp-membership-plan__header {
  border-bottom: 1px solid rgba(7, 36, 86, 0.075);
}
.hp-membership-plan--view-block .hp-membership-plan__content {
  padding: 1.5rem;
}
.hp-membership-plan--view-block .hp-membership-plan__footer {
  border-top: 1px solid rgba(7, 36, 86, 0.075);
}
.hp-membership--view-block {
  border: 1px solid rgba(7, 36, 86, 0.075);
  border-radius: 3px;
  box-shadow: 0 2px 4px 0 rgba(7, 36, 86, 0.075);
  background-color: #fff;
  padding: 1.5rem;
}
.hp-membership--view-block .hp-membership__expired-date {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.6875rem;
}
/*--------------------------------------------------------------
WooCommerce
--------------------------------------------------------------*/
.woocommerce {
  /*--------------------------------------------------------------
  Forms
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  Buttons
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  Widgets
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  Products
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  Checkout
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  Account
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  Pagination
  --------------------------------------------------------------*/
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.woocommerce .woocommerce-result-count {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.6875rem;
}
.woocommerce .woocommerce-ordering select {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.6875rem;
}
.woocommerce span.onsale {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.6875rem;
  background-color: rgba(7, 36, 86, 0.085);
  color: #0d1b1e;
  transition: color 0.25s, background-color 0.25s;
  border-radius: 9999px;
  padding: 0.375rem 0.75rem;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2));
  color: #fff;
}
.woocommerce form .form-row label,
.woocommerce-page form .form-row label {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.6875rem;
}
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
  border: 1px solid rgba(7, 36, 86, 0.075);
  border-radius: 3px;
  box-shadow: 0 2px 4px 0 rgba(7, 36, 86, 0.075);
  background-color: #fff;
  padding: 1.5rem;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  border-radius: 3px;
}
.woocommerce .widget_price_filter .price_label {
  text-transform: uppercase;
  letter-spacing: 1px;
}
.woocommerce ul.product_list_widget li img {
  border-radius: 3px;
}
.woocommerce ul.cart_list li .reviewer,
.woocommerce ul.product_list_widget li .reviewer {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.6875rem;
}
.woocommerce div.product div.images img {
  border-radius: 3px;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  border: 1px solid rgba(7, 36, 86, 0.075);
  border-radius: 3px;
  box-shadow: 0 2px 4px 0 rgba(7, 36, 86, 0.075);
  background-color: #fff;
  padding: 1.5rem;
  transition: box-shadow 0.25s;
}
.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
  box-shadow: 0 0 12px rgba(7, 36, 86, 0.125);
}
.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img {
  border-radius: 3px;
}
.woocommerce #add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
  border-radius: 3px;
}
.woocommerce #add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
  border-radius: 3px;
}
.woocommerce #add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
  border-radius: 3px;
}
.woocommerce-MyAccount-navigation {
  border: 1px solid rgba(7, 36, 86, 0.075);
  border-radius: 3px;
  box-shadow: 0 2px 4px 0 rgba(7, 36, 86, 0.075);
  background-color: #fff;
  padding: 2rem;
}
.woocommerce-MyAccount-navigation:not(:last-child) {
  margin-bottom: 2rem;
}
.woocommerce .woocommerce-customer-details address {
  border: 1px solid rgba(7, 36, 86, 0.075);
  border-radius: 3px;
  box-shadow: 0 2px 4px 0 rgba(7, 36, 86, 0.075);
  background-color: #fff;
  padding: 1.5rem;
}
.woocommerce nav.woocommerce-pagination {
  justify-content: center;
}
.woocommerce nav.woocommerce-pagination > span,
.woocommerce nav.woocommerce-pagination .nav-links > a,
.woocommerce nav.woocommerce-pagination .nav-links > span,
.woocommerce nav.woocommerce-pagination > a,
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li span.dots {
  border: 2px solid transparent;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
}
.woocommerce nav.woocommerce-pagination .nav-links > span:not(.dots),
.woocommerce nav.woocommerce-pagination > span:not(.dots),
.woocommerce nav.woocommerce-pagination ul li span.current:not(.dots) {
  border-color: rgba(7, 36, 86, 0.075);
}
/*--------------------------------------------------------------
Actions
--------------------------------------------------------------*/
.actions a.button:not(:last-child) {
  margin-right: 1rem;
}
/*--------------------------------------------------------------
  Features
  --------------------------------------------------------------*/
.feature {
  display: flex;
  margin-bottom: 2rem;
}
.feature__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 4rem;
  flex: 0 0 4rem;
  border-radius: 50%;
  background-color: #E9F1EF;
  margin-right: 1.25rem;
}
.feature__icon i {
  color: #2a9d8f;
  font-size: 2.25rem;
}
.feature__title:not(:last-child) {
  margin-bottom: 0.5rem;
}
/*--------------------------------------------------------------
Portfolios
--------------------------------------------------------------*/
@media only screen and (min-width: 92em) {
  .assets,
  .portfolios {
    margin-left: -8rem;
    margin-right: -8rem;
  }
}
@media only screen and (max-width: 74.99em) {
  .assets > div,
  .portfolios > div {
    margin-bottom: -2rem;
  }
}
.asset,
.portfolio {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 2rem;
  transition: transform 0.25s;
  box-shadow: 0 5px 30px rgba(7, 36, 86, 0.075);
  background-color: #fff;
}
.asset:hover,
.portfolio:hover {
  transform: translateY(-10px);
}
.asset__image,
.portfolio__image {
  position: relative;
}
.asset__image img,
.portfolio__image img {
  display: block;
  width: 100%;
}
.asset__image a::after,
.portfolio__image a::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-image: linear-gradient(to top, rgba(7, 36, 86, 0.1) 0%, #fff0 33%);
}
.asset__content,
.portfolio__content {
  border-radius: 10px;
  position: relative;
  z-index: 1;
  padding: 1.75rem 2rem;
  margin-top: -1rem;
  background-color: #fff;
}
.asset__header,
.portfolio__header {
  display: flex;
  align-items: center;
  margin-bottom: 0.75rem;
}
.asset__title:not(:last-child),
.portfolio__title:not(:last-child) {
  margin-bottom: 0;
}
.asset__country,
.portfolio__country {
  border: 1px solid rgba(7, 36, 86, 0.075);
  border-radius: 4px;
  width: 1.5rem;
  margin-left: 0.5rem;
  overflow: hidden;
}
.asset__country img,
.portfolio__country img {
  display: block;
  width: 100%;
}
.asset__description,
.portfolio__description {
  margin-top: -0.25rem;
}
.asset__description:not(:last-child),
.portfolio__description:not(:last-child) {
  margin-bottom: 1.25rem;
}
.asset__description p,
.portfolio__description p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*--------------------------------------------------------------
Assets
--------------------------------------------------------------*/
.asset__status {
  position: absolute;
  top: 1rem;
  right: 1rem;
  border-radius: 3px;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.06);
  padding: 0.4rem 0.5rem;
  white-space: nowrap;
  line-height: 1;
  font-size: 80%;
  color: #ffffff;
  background-color: rgb(255 110 110);
}
.asset__price {
  color: #22aa78;
  background-color: #b9f4bc;
  line-height: 1;
  white-space: nowrap;
  border-radius: 4px;
  padding: 0.375rem 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  margin-left: 0.75rem;
}
.asset__actions {
  display: flex;
  padding-bottom: 0.25rem;
}
.asset__actions .button {
  flex: 1;
}
.asset__actions .button:not(:last-child) {
  margin-right: 1rem;
}
/*--------------------------------------------------------------
Reviews
--------------------------------------------------------------*/
.review {
  padding: 2rem;
  margin-bottom: 2rem;
  transition: transform 0.25s;
  border-radius: 10px;
  box-shadow: 0 5px 30px rgba(7, 36, 86, 0.075);
  background-color: #fff;
}
.review:hover {
  transform: translateY(-10px);
}
.review__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.review__author {
  margin-top: 0.75rem;
}
.review__source {
  width: 1.5rem;
}
.review__source img {
  display: block;
}
.review__rating img {
  display: block;
}
.review__text {
  margin-top: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
/*--------------------------------------------------------------
Metrics
--------------------------------------------------------------*/
.metric {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 10px;
  box-shadow: 0 5px 30px rgba(7, 36, 86, 0.075);
  background-color: #fff;
  padding: 2rem 2.25rem;
  margin-bottom: 2rem;
}
.metric__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 4rem;
  width: 4rem;
  flex: 0 0 4rem;
  border-radius: 50%;
  margin: 0 auto;
}
.metric__icon i {
  color: #fff;
  font-size: 2.25rem;
}
.metric__title {
  font-size: 1.25rem;
  text-align: center;
  margin-bottom: 0 !important;
}
.metric__value {
  font-size: 2rem;
  margin-bottom: 0 !important;
  text-align: center;
}
.metric__description {
  text-align: center;
}
/*--------------------------------------------------------------
Steps
--------------------------------------------------------------*/
.steps {
  margin-top: 4rem;
}
@media only screen and (min-width: 75em) {
  .steps div > div:not(:last-child) .step::after {
    content: '\f061';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    display: block;
    position: absolute;
    top: calc(50% - 21px);
    right: -2.875rem;
    font-size: 1.75rem;
    color: #2a9d8f;
  }
}
.step {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 10px;
  box-shadow: 0 5px 30px rgba(7, 36, 86, 0.075);
  background-color: #fff;
  padding: 2rem 1.5rem;
  position: relative;
  margin-bottom: 3rem;
}
@media only screen and (min-width: 75em) {
  .step {
    margin: 0 1rem;
  }
}
.step__number {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  flex: 0 0 4rem;
  border-radius: 50%;
  margin: 0 auto;
  background-color: #2a9d8f;
  position: absolute;
  top: -1.5rem;
}
.step__number span {
  color: #fff;
  font-size: 1.75rem;
  font-weight: bold;
}
.step__title {
  font-size: 1.125rem;
  text-align: center;
  margin-top: 1.25rem;
}
.step__text {
  text-align: center;
}
/*--------------------------------------------------------------
Logos
--------------------------------------------------------------*/
.logos > div {
  align-items: center;
}
.logos > div > div {
  margin-bottom: 1.5rem;
}
.logos > div > div > img {
  display: block;
  width: 100%;
}