/*
This is your custom Style Sheet. It's the last css resource loaded so you can
easily overwrite css selectors from other style sheets.
*/

/*.details-listing .details-header-mobile .detail-header-content-mobile .details-reviews {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 80%;
}
.details-listing .details-header-mobile .detail-header-content-mobile .details-reviews .details-advanced-reviews-item .advances-reviews-content {
    justify-content: center;
}
.details-listing .details-header-mobile .detail-header-content-mobile .details-reviews .details-advanced-reviews-item:not(:nth-child(1)) {
    margin-top: 16px;
}
.details-listing .details-header-mobile .detail-header-content-mobile .details-reviews .details-advanced-reviews-item:last-of-type {
    margin-bottom: 8px;
}
.details-listing .details-header-mobile .detail-header-content-mobile .details-reviews .details-advanced-reviews-item .advances-reviews-content .advanced-reviews.reviews-rating {
    margin-right: 5px;
}

.details-default>.details-modal .modal-rate .paragraph {
    font-size: 14px !important;
}
.modal-rate-advanced .rating-item .paragraph {
    max-width: 90px;
}*/

.details-default
  > .detail-body
  .detail-body-content
  .tab-content
  .tab-item-reviews
  .reviews-header
  .details-reviews
  .reviews-stars,
.details-default
  > .details-header
  .details-general
  .details-info
  .details-reviews.yelp
  .reviews-stars,
.details-default
  > .details-header-mobile
  .detail-header-content-mobile
  .details-reviews.yelp
  .reviews-stars,
.details-default
  > .details-header[data-type="vertical-header"]
  .details-header-content
  .details-general
  .details-reviews.yelp
  .reviews-stars,
.details-reviews.yelp .reviews-stars {
  display: flex;
  /* -ms-flex-flow: column wrap; */
  flex-flow: column wrap;
  padding-top: 6px;
  margin-left: 10px;
  flex-direction: row;
}

/****************************** eGuide 2022 start *****************************/

/********** HOME **********/

/**** general start ****/

html {
  scroll-behavior: smooth;
  scroll-padding-top: 80px;
}

.cards-default .cards-header > .link {
  border: none;
}

.cards-default .cards-header > .link:hover {
  text-decoration: none;
  border: none;
  color: #ef233c;
}

.cards-default .cards-list .card .picture .badge {
  background: #ef233ccf;
  color: #fff;
  font-weight: 500;
  transition: 0.2s all ease-in-out;
}

.cards-default .cards-list .card:hover .picture .badge {
  transform: scale(1.08);
  box-shadow: 0px 10px 20px #00000020;
  background: #5c95ffcf;
}

/**** general end ****/

/**** Topo start ****/

/* logo */
.header > .header-content .header-logo {
  width: 165px;
}

/* slider */
.hero-default[data-type="4"] .hero-header .heading {
  font-weight: 700;
}

.hero-default[data-type="3"] .hero-slider .carousel-cell:before {
  display: none;
}

.hero-default[data-type="3"] .hero-slider .slider-content .heading.link {
  border: none;
}

.hero-default[data-type="3"] .hero-slider .slider-content .heading.link:hover {
  border: none;
  text-decoration: none;
  color: #ff4365;
}

/**** Topo end ****/

.footer
  > .footer-content
  .footer-item[data-content="apps-content"]
  .link-store {
  background: #ef233c;
  border: 1px solid transparent;
  border-radius: 30px;
  outline: none;
  box-shadow: none;
  transition: 0.2s all ease-in-out;
}

.footer
  > .footer-content
  .footer-item[data-content="apps-content"]
  .link-store:hover {
  background: #5c95ff;
  border: 1px solid #5c95ff;
  box-shadow: 0px 10px 20px #0000004f;
  translate: 0 -10px;
}

.footer
  > .footer-content
  .footer-item[data-content="apps-content"]
  .link-store:hover
  .app-icon,
.footer
  > .footer-content
  .footer-item[data-content="apps-content"]
  .link-store:hover
  .app-info {
  color: #fff;
}

.cards-default#upcoming-events .cards-list .card.has-bg:before {
  background: rgb(43, 45, 66);
  background: linear-gradient(
    180deg,
    rgba(43, 45, 66, 0) 0%,
    rgba(43, 45, 66, 1) 33%,
    #9a0e1f 82%
  );
}

.cards-default[card-type="vertical-cards"][card-module="listing"]
  .cards-list
  .card
  .content
  .description
  .paragraph {
  min-height: 190px;
}

.cards-default[card-type="vertical-cards"][card-module="listing"]
  .cards-list
  .card
  .content
  .title {
  min-height: 58px;
}

/**** menu ****/
.header
  .header-navbar
  .navbar-more
  .more-content
  .navbar-link.plugin-dropdown-menu {
  color: #121326;
  font-size: 20px;
  font-weight: 600;
}

.header .header-navbar .navbar-more .more-label {
  font-size: 20px;
  font-weight: 600;
}

.header .header-navbar .navbar-link.plugin-dropdown-menu {
  font-size: 20px;
  font-weight: 600;
}

.header[data-type="1"][has-opacity="false"] > .header-content {
  box-shadow: 0px 10px 20px #0c0d1452;
}

.categories-base[data-type="2"][data-bg="brand"]
  .categories-content
  > .categories-list
  .categories-item
  .info
  .title {
  font-size: 20px;
  font-weight: 600;
}
/**** menu ****/

.categories-base {
  padding-top: 50px !important;
}

.categories-base[data-bg="brand"] .categories-header > .link {
  color: #4cc0ff;
}

.cards-default#upcoming-events {
  background: #121326;
  padding-top: 50px;
  padding-bottom: 50px;
}

/********** HOME **********/

/********** CREATE A SITE LIKE THIS - HOW THIS WORKS **********/

/** create a site like this start **/
.custom-content .how-this-work.create-cta {
  display: flex;
  background: #2b2d42;
  padding: 60px 0;
  justify-content: center;
  padding-bottom: 0;
}

.custom-content .how-this-work.create-cta .content .h-1 {
  margin-bottom: 24px;
  color: #ff4365;
  margin-right: 42px;
  margin-bottom: 0;
  font-weight: 800;
}

.custom-content .how-this-work.create-cta .content .paragraph {
  font-size: 20px;
  margin: 0;
  color: #fff;
}

.custom-content .how-this-work.create-cta.review-answer {
  background: #e5ecfb;
}

.custom-content .how-this-work.create-cta.review-answer .content .h-1 {
  color: #0048d9;
}

.custom-content .how-this-work.create-cta.review-answer .content .paragraph {
  color: #3e455e;
}

.custom-content .how-this-work.create-cta .button.button-bg {
  margin-top: 24px;
  align-content: center;
  align-items: center;
  border: 1px solid transparent;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 1px;
  background: #ef233c;
  color: #f5f4f6;
  transition: 0.2s all ease-in-out;
}

.custom-content .how-this-work.create-cta .button.button-bg:hover {
  background: #f5f4f6;
  color: #ef233c;
  border: 1px solid #ef233c;
  translate: 0 -10px;
  box-shadow: 0px 10px 20px #121326;
}

.custom-content .how-this-work.create-cta .desktop {
  margin: 0 auto;
}

.custom-content .how-this-work.create-cta .cta-content {
  align-items: center;
}

.custom-content .how-this-work.create-cta .mobile {
  display: none;
}
/** create a site like this end **/

/************ HOW THIS WIDGET WORKS START ************/
/** general start **/
.custom-content {
  padding: 0;
}
.custom-content .how-it-works {
  padding: 4% 0;
}

.custom-content .how-it-works.menu-block .row {
  align-items: center;
}

.custom-content .how-it-works.block-1 {
  background: #fff;
}

.custom-content .how-it-works.block-2 {
  background: #edf2f4;
}

.custom-content .how-it-works.block-3 {
  background: #121326;
}

.custom-content .how-it-works {
  margin: 0 auto;
}

.custom-content .how-it-works .h-1 {
  font-size: 40px;
  font-weight: 800;
  color: #ef233c;
  margin-bottom: 8px;
  text-align: left;
}

.custom-content .how-it-works .paragraph {
  color: #6e7294e6;
  font-size: 20px;
  font-weight: 600;
}

.custom-content .how-it-works .h-2 {
  color: #6e7294e6;
  font-size: 22px;
  font-weight: 600;
  text-align: left;
}

.custom-content .how-it-works .h-3 {
  font-size: 20px;
  font-weight: 700;
  color: #8d3fe8;
}

.custom-content .how-it-works img {
  margin: 0 auto;
  margin-top: 42px;
}

.custom-content .how-it-works.block-3 .h-1 {
  color: #3ebaf6;
}

.custom-content .how-it-works .mobile {
  display: none;
  margin: 0 auto;
}

/** general end **/

/** list itens start **/

.custom-content .how-it-works.first-title {
  padding-bottom: 0;
}

.custom-content .how-it-works.first-title .h-1 {
  color: #ff4365;
  text-align: center;
}

.custom-content .how-it-works.first-title .h-2 {
  color: #fff;
  text-align: center;
  margin-bottom: 62px;
}

.custom-content .how-it-works.first-title .paragraph {
  color: #fff;
  margin-bottom: 32px;
}

.custom-content .how-it-works.first-title .list .paragraph {
  margin: 0;
}

.custom-content .how-it-works.first-title .list .list-item {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 16px;
}

.custom-content .how-it-works.first-title .list .list-item svg {
  margin-right: 8px;
}

.custom-content .how-it-works.first-title .list .list-item svg .a {
  fill: #00e0ff;
}
/** list itens start **/

/** main image start **/
.custom-content .how-it-works.main-image {
  border-bottom: 4px solid #ef233c;
}
/** main image start **/

/** menu start **/
.custom-content .how-it-works.menu-block {
  position: relative;
  padding-bottom: 0;
}

.custom-content .how-it-works.menu-block .paragraph {
  font-size: 20px;
  margin-bottom: 50px;
}

.custom-content .how-it-works.menu-block .card .img-card {
  max-width: 100%;
  height: auto;
}

.custom-content .how-it-works.menu-block .menu {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 42px;
}

.custom-content .how-it-works.menu-block .menu .menu-btn {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 24px;
}

.custom-content .how-it-works.menu-block .menu .menu-btn .paragraph.number {
  display: flex;
  margin: 0;
  justify-content: center;
  align-items: center;
  background: #2b2d42;
  color: #fff !important;
  height: 42px;
  width: 42px;
  border-radius: 100%;
  margin-right: 12px;
  padding: 0;
}

.custom-content .how-it-works.menu-block .menu .menu-btn .button.is-primary {
  background: #fff;
  color: #2b2d42;
  border: 1px solid #2b2d42;
  padding: 8px 16px;
  font-size: 18px;
  min-width: 160px;
  text-align: left;
  transition: 0.2s all ease-in-out;
}

.custom-content
  .how-it-works.menu-block
  .menu
  .menu-btn
  .button.is-primary:hover {
  border: 1px solid #ef233c;
  color: #fff;
  background: #ef233c;
}

.custom-content
  .how-it-works.menu-block
  .menu
  .menu-btn
  .button.is-primary:hover
  .paragraph.number {
  background: #ef233c;
}

.custom-content .how-it-works.menu-block .side-img img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
/** menu ends **/

/** listing start **/
.custom-content .how-it-works.listings .list .paragraph {
  margin: 0;
}

.custom-content .how-it-works .list .list-item {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 16px;
}

.custom-content .how-it-works .list .list-item svg {
  margin-right: 8px;
  min-width: 40px;
}
/** listing ends **/

/** members start **/
.custom-content .how-it-works .list .paragraph {
  margin: 0;
}

.custom-content .how-it-works .list .list-item {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 16px;
}

.custom-content .how-it-works.members-block .list .list-item svg {
  margin-right: 8px;
}
/** members ends **/

/** members start **/
.custom-content .how-it-works .list .paragraph {
  margin: 0;
}

.custom-content .how-it-works .list .list-item {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 16px;
}

.custom-content .how-it-works.members-block .list .list-item svg {
  margin-right: 8px;
}
/** members ends **/

/** all in one start **/

.custom-content .how-it-works.all-in-one .h-1 {
  color: #ff4365;
}

.custom-content .how-it-works.all-in-one .paragraph {
  color: #fff;
}

.custom-content .how-it-works.all-in-one {
  background: rgb(18, 19, 38);
  background: linear-gradient(
    196deg,
    rgba(18, 19, 38, 1) 0%,
    rgba(43, 45, 66, 1) 67%
  );
}
/** all in one end **/
/************ HOW THIS WIDGET WORKS END ************/
/********** CREATE A SITE LIKE THIS - HOW THIS WORKS **********/

/********** MEDIA START **********/
@media (max-width: 445px) {
  .custom-content .how-it-works.menu-block .side-img-col {
    order: 2;
  }
  .custom-content .how-it-works.menu-block .menu-col {
    order: 1;
  }
  .custom-content .how-it-works.menu-block .menu .menu-btn {
    width: 100%;
  }

  .custom-content .how-it-works .h-1 {
    font-size: 24px;
  }
  .custom-content .how-it-works .h-2 {
    font-size: 20px;
  }

  .custom-content .how-it-works .paragraph,
  .custom-content .how-it-works .list .paragraph {
    font-size: 18px;
    font-weight: 400;
  }

  .custom-content .how-it-works.first-title .h-2 {
    margin-bottom: 24px;
  }

  .custom-content .how-it-works .site-mgr-img {
    max-width: 90%;
    margin: 0 auto;
  }

  .custom-content .calendly-inline-widget {
    height: 940px !important;
  }

  .footer
    > .footer-content
    .footer-item:not([data-content="site-content"])
    .footer-item-content {
    align-items: flex-start;
    align-content: center;
  }
  .footer > .footer-content .wrapper .footer-item .footer-item-title {
    text-align: center;
    border-top: 4px solid #00000030;
    padding-top: 24px;
  }
  .footer > .footer-content .wrapper .footer-item:first-child .footer-item-title {
    border: none;
    padding-top: 0;
  }

  .footer > .footer-content .footer-item .footer-item-content .link-footer {
    align-content: center;
    justify-content: center;
  }

  .footer
    > .footer-content
    .footer-item[data-content="social-content"]
    .footer-item-content {
    justify-content: center;
  }
}

.hero-default[data-type="4"] .hero-header .heading {
	color: black;
}
/********** MEDIA END **********/

/****************************** eGuide 2022 end *****************************/


