/*
Theme Name: Vendo
Theme URI: https://mediatics.com
Version: 1.2.10
Description: Child theme of hello-elementor
Author: Mediatics
Author URI: https://mediatics.com
Template: hello-elementor
*/

.elementor-column-gap-default
  > .elementor-column
  > .elementor-element-populated {
  padding: 16px;
}

@media (max-width: 767px) {
  .elementor-widget:not(:last-child) {
    margin-bottom: 16px;
  }
}
.page-content {
  min-height: 40vh;
}

body[data-elementor-device-mode='desktop']
  header.sticky-header
  .elementor-widget-nav-
  menu
  .elementor-nav-menu--main
  .current-menu-parent:not(.e--pointer-framed)
  .elementor-item.has-submenu:not(:hover):not(:focus):not(.elementor-item-
    active):not(.highlighted)::before,
.elementor-widget-nav-menu
  .elementor-nav-menu--main
  .current-menu-parent:not(.e-- pointer-framed)
  .elementor-item.has-submenu:not(:hover):not(:focus):not(.elementor-item-
    active):not(.highlighted)::after {
  opacity: 1;
}

@media (max-width: 767px) {
  .fix-mobil-columns > .elementor-container > .elementor-column {
    width: 100% !important;
  }
}
.brand-menu .sub-arrow {
  display: none !important;
}
.brand-menu a.elementor-sub-item {
  border-left: none !important;
}
.brand-menu .e--pointer-underline .elementor-item:after {
  background-color: #f56666 !important;
}
.brand-menu .sub-menu {
  padding: 10px 15px !important;
}
.brand-menu .sub-menu .menu-item a {
  flex-direction: column;
  align-items: flex-start;
  padding: 10px !important;
}
.brand-menu .sub-menu .menu-item a span {
  display: block;
  font-weight: 400;
  color: #395257 !important;
  font-size: 12px;
  width: 450px;
  white-space: normal;
}
.brand-menu .sub-menu .menu-item.icon-nav a {
  padding-left: 35px !important;
  white-space: normal;
}
.brand-menu .sub-menu .menu-item.icon-nav a::before {
  content: '';
  background-position: center;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  top: auto;
}
.brand-menu .sub-menu .menu-item.icon-nav.icon-payments a::before {
  background-image: url(https://vendoservices.com/wp-content/themes/vendo/assets/bran-icons/payments_colour.svg);
}
.brand-menu .sub-menu .menu-item.icon-nav.icon-bank a::before {
  background-image: url(https://vendoservices.com/wp-content/uploads/2024/05/bank_colour.svg);
}
.brand-menu .sub-menu .menu-item.icon-nav.icon-integrations a::before {
  background-image: url(/wp-content/themes/vendo/assets/bran-icons/integrations_colour.svg);
}
.brand-menu .sub-menu .menu-item.icon-nav.icon-revenue a::before {
  background-image: url(/wp-content/themes/vendo/assets/bran-icons/revenueoptimization_colour.svg);
}
.brand-menu .sub-menu .menu-item.icon-nav.icon-reporting a::before {
  background-image: url(/wp-content/themes/vendo/assets/bran-icons/reporting_colour.svg);
}
.brand-menu .sub-menu .menu-item.icon-nav.icon-safety a::before {
  background-image: url(/wp-content/themes/vendo/assets/bran-icons/merchantsafety_colour.svg);
}
.brand-menu .sub-menu .menu-item.icon-nav.icon-expertise a::before {
  background-image: url(/wp-content/themes/vendo/assets/bran-icons/expertise_colour.svg);
}
.brand-menu .sub-menu .menu-item.icon-nav.icon-industries a::before {
  background-image: url(/wp-content/themes/vendo/assets/bran-icons/industries_colour.svg);
}
.brand-menu .sub-menu .menu-item.icon-nav.icon-merchant a::before {
  background-image: url(/wp-content/themes/vendo/assets/bran-icons/merchantsupport_colour.svg);
}
.brand-menu .sub-menu .menu-item.icon-nav.icon-support a::before {
  background-image: url(/wp-content/themes/vendo/assets/bran-icons/endusersupport_colour.svg);
}
.brand-menu .sub-menu .menu-item.icon-nav.icon-events a::before {
  background-image: url(/wp-content/themes/vendo/assets/bran-icons/event_colour.svg);
}
.brand-menu .sub-menu .menu-item.icon-nav.icon-blog a::before {
  background-image: url(/wp-content/themes/vendo/assets/bran-icons/blog_colour.svg);
}
.brand-menu .sub-menu .menu-item.icon-nav.icon-steps a::before {
  background-image: url(/wp-content/themes/vendo/assets/bran-icons/firststeps_colour.svg);
}
.brand-menu .sub-menu .menu-item.icon-nav.icon-setup a::before {
  background-image: url(/wp-content/themes/vendo/assets/bran-icons/setup_colour.svg);
}
.brand-menu .sub-menu .menu-item.icon-nav.icon-tech a::before {
  background-image: url(/wp-content/themes/vendo/assets/bran-icons/techintegrations_colour.svg);
}
.brand-menu .sub-menu .menu-item.icon-nav.icon-tools a::before {
  background-image: url(/wp-content/themes/vendo/assets/bran-icons/tools_colour.svg);
}
.brand-menu .sub-menu .menu-item.icon-nav.icon-platform a::before {
  background-image: url(/wp-content/themes/vendo/assets/bran-icons/platform_colour.svg);
}

.mobile-menu .menu-item > a {
  padding-left: 0 !important;
}
.mobile-menu .menu-item .sub-menu {
  display: block !important;
  position: relative;
  border-bottom: 1px solid #e0e4e4;
  width: 100%;
  padding: 0 !important;
  padding-bottom: 20px !important;
  margin-bottom: 15px;
  -moz-columns: 2;
  columns: 2;
}
.mobile-menu .menu-item .sub-menu .menu-item {
  -moz-column-break-inside: avoid;
  break-inside: avoid-column;
}
.mobile-menu .menu-item .sub-menu .menu-item a {
  font-weight: 600;
}
.mobile-menu .menu-item .sub-menu .menu-item a span {
  display: none;
}
.mobile-menu .menu-item .sub-menu .menu-item.icon-nav a::before {
  top: 5px;
}
.mobile-menu .menu-item:not(.menu-item-has-children) a.elementor-item::after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f105';
  display: block;
  position: relative;
  padding-left: 5px;
  font-size: 14px;
  opacity: 1 !important;
}
.mobile-menu
  .menu-item:not(.menu-item-has-children):not(:last-child)
  a.elementor-item {
  border-bottom: 1px solid #e0e4e4;
  padding-bottom: 20px !important;
  margin-bottom: 15px;
}

.header-sticy-on-scroll-up {
  transition: transform 0.5s ease !important;
}
.header-sticy-on-scroll-up.header-up {
  transform: translateY(-100px);
}

.footer-menu .list strong {
  font-size: 16px;
  line-height: 25px;
  display: block;
  margin-bottom: 20px;
}
.footer-menu .list ul {
  list-style: none;
  padding-left: 0;
  font-size: 14px;
  line-height: 18px;
}
.footer-menu .list ul li {
  margin-bottom: 15px;
}
.footer-menu .list a {
  font-size: 14px;
  font-weight: 400 !important;
  line-height: 18px;
}
.footer-menu .list.list-inline li {
  display: inline-block;
  margin-right: 15px;
}
.footer-menu .list.list-inline li:last-child {
  margin-right: 0;
}

.elementor-button.elementor-size-sm {
  padding: 8px 16px;
  font-size: 12px !important;
  line-height: 16px !important;
}
.elementor-button.elementor-size-lg {
  font-size: 20px !important;
  line-height: 32px !important;
}

.elementor-widget-button.btn-secondary .elementor-button {
  border-color: #0e2c32;
  background-color: #ffffff;
  color: #0e2c32;
  border: 2px solid;
}
.elementor-widget-button.btn-secondary .elementor-button:hover {
  background-color: #005263;
  border-color: #005263;
  color: #ffffff;
}
.elementor-widget-button.btn-tertiary .elementor-button {
  background-color: #0e2c32;
  color: #ffffff;
}
.elementor-widget-button.btn-tertiary .elementor-button:hover {
  background-color: #005263;
  color: #ffffff;
}

.elementor-divider-separator {
  border-radius: 25px;
}

.elementor-icon.elementor-social-icon {
  font-size: 20px !important;
}

.box-bg-s50 {
  background: #e6eef0;
  box-shadow: 8px 8px 0px #96b9c0;
  margin-bottom: 8px;
  margin-right: 8px;
}

.testimonal {
  margin-bottom: 70px;
  position: relative;
}
.testimonal .elementor-blockquote {
  color: #0e2c32;
  display: flex;
  flex-direction: column-reverse;
}
.testimonal .elementor-blockquote::before,
.testimonal .elementor-blockquote::after {
  content: '' !important;
  background-image: url(/wp-content/themes/vendo/assets/comillas.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  width: 81px;
  height: 60px;
}
.testimonal .elementor-blockquote::before {
  top: -40px;
  left: 15px;
}
.testimonal .elementor-blockquote::after {
  bottom: -40px;
  right: 15px;
  width: 81px;
  transform: rotate(180deg);
}

.box-animate-slide {
  position: relative;
  visibility: visible !important;
}
.box-animate-slide img {
  transition: transform 1s;
}

.box-bottom-right img {
  transform: translate(8px, 8px);
}

.box-bottom-left img {
  transform: translate(-8px, 8px);
}

.box-top-right img {
  transform: translate(8px, -8px);
}

.box-top-left img {
  transform: translate(-8px, -8px);
}

@media (min-width: 1200px) {
  .box-animate-slide.boxBottomRight img {
    transform: translate(80px, 80px);
  }
  .box-animate-slide.boxBottomLeft img {
    transform: translate(-80px, 80px);
  }
}
.box-animate-rotation {
  position: relative;
  visibility: visible !important;
}
.box-animate-rotation .elementor-widget-container {
  padding: 15%;
  position: relative;
}
.box-animate-rotation .elementor-widget-container img {
  z-index: 1;
  position: relative;
}
.box-animate-rotation .elementor-widget-container::after {
  content: '';
  position: absolute;
  width: 70%;
  height: 70%;
  left: 15%;
  top: 15%;
  z-index: 0;
  transform: rotate(45deg);
  transition: all 3s;
}
.box-animate-rotation.boxRotation .elementor-widget-container::after {
  transform: rotate(405deg);
}
.box-animate-rotation.bg-tertiary .elementor-widget-container::after {
  background-color: #00d4ff;
}
.box-animate-rotation.bg-primary .elementor-widget-container::after {
  background-color: #f56666;
}
.box-animate-rotation.bg-secondary .elementor-widget-container::after {
  background-color: #005263;
}

.box-animate-rotation-color {
  position: relative;
  visibility: visible !important;
}
.box-animate-rotation-color .elementor-widget-container {
  padding: 15%;
  position: relative;
}
.box-animate-rotation-color .elementor-widget-container img {
  z-index: 1;
  position: relative;
}
.box-animate-rotation-color .elementor-widget-container::after {
  content: '';
  position: absolute;
  width: 70%;
  height: 70%;
  left: 15%;
  top: 15%;
  z-index: 0;
  transform: rotate(0deg);
  transition: all 2s;
}
.box-animate-rotation-color.bg-tertiary-primary
  .elementor-widget-container::after {
  background-color: #00d4ff;
}
.box-animate-rotation-color.boxRotationColor
  .elementor-widget-container::after {
  transform: rotate(45deg);
  background-color: #f56666;
}

.blog-entries-list .elementor-post__card {
  background-image: url(/wp-content/themes/vendo/assets/bkg_blog.jpg);
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 0 !important;
  color: white !important;
  box-shadow: 4px 4px 0px 0px #00d4ff;
}
.blog-entries-list .elementor-post__card a {
  color: white !important;
}
.blog-entries-list .elementor-post__card .elementor-post__meta-data {
  color: white !important;
  border: none !important;
}
.blog-entries-list .elementor-post__card .elementor-post__read-more {
  font-size: 12px !important;
  text-transform: none !important;
}
.blog-entries-list .elementor-post__card .elementor-post__badge {
  position: relative;
  padding: 15px 30px;
  margin: 0;
}

.triangles-pattern {
  position: relative;
}
.triangles-pattern::after {
  content: '';
  width: 100%;
  height: 110%;
  position: absolute;
  left: 0;
  top: -10%;
  background-image: url(/wp-content/themes/vendo/assets/cta_triangle_patterns.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

@media (max-width: 767px) {
  .triangles-pattern::after {
    background-image: url(/wp-content/themes/vendo/assets/cta_triangle_patterns_mobile.svg);
    top: auto;
    bottom: 0;
    background-position: left bottom;
    width: 50%;
    height: 50%;
  }
}
.category-menu .elementor-item {
  border: 1px solid #e0e4e4;
  border-radius: 25px;
  padding: 11px !important;
}
.category-menu .elementor-item:hover,
.category-menu .elementor-item.elementor-item-active {
  background-color: #e6eef0;
  font-weight: 600 !important;
  color: #005263 !important;
}

.masonry-grid .team-image-box .elementor-image-box-content {
  padding: 30px;
}
.masonry-grid > .elementor-container > .elementor-column {
  margin-bottom: 15px;
}

@media (min-width: 768px) {
  .masonry-grid > .elementor-container {
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-width: 50%;
    column-width: 50%;
    -moz-column-gap: 15px;
    column-gap: 15px;
    display: block;
  }
  .masonry-grid > .elementor-container > .elementor-column {
    width: 100% !important;
    display: inline-block !important;
  }
  .masonry-grid .team-image-box .elementor-image-box-content {
    padding: 60px;
  }
}
@media (min-width: 1046px) {
  .icon-box-title-small .elementor-icon-box-title {
    margin-bottom: 20px !important;
  }
}
@media (min-width: 1046px) {
    body.home .icon-box-title-small .elementor-icon-box-title{
        margin-bottom: 50px !important;
    }
}
#animation-container svg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
#animation-container .elementor-container {
  position: relative;
  z-index: 1;
}

.animation-container-triangle {
  position: relative;
}
.animation-container-triangle svg {
  position: absolute;
  z-index: 10;
  width: 200px !important;
  height: 178px !important;
}
.animation-container-triangle.animation-container-top svg {
  left: -65px;
  top: -24px;
}
.animation-container-triangle.animation-container-top-2 svg {
  left: -45px;
  top: -24px;
}
.animation-container-triangle.animation-container-middle-left svg {
  left: 15px;
  bottom: 95px;
}
.animation-container-triangle.animation-container-middle-right svg {
  right: -19px;
  top: 165px;
}
.animation-container-triangle.animation-container-bottom svg {
  left: 50%;
  bottom: 65px;
}
.animation-container-triangle.animation-container-bottom-right svg {
  right: -23px;
  bottom: 25px;
}

@media (max-width: 767px) {
  .animation-container-triangle svg {
    display: none;
  }
}
@media (min-width: 768px) {
  .triangle-animation {
    position: relative;
  }
  .triangle-animation::after {
    content: '';
    position: absolute;
    width: 205px;
    height: 230px;
    background-image: url(/wp-content/themes/vendo/assets/hero_triangles_pattern.svg);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
  }
  .triangle-animation.animation-position-top::after {
    right: 22%;
    top: -35px;
    -webkit-animation: triangle-slide-top 1s ease-in both;
    animation: triangle-slide-top 1s ease-in both;
  }
  .triangle-animation.animation-position-bottom::after {
    right: 0%;
    bottom: -35px;
    -webkit-animation: triangle-slide-top 1s ease-in both;
    animation: triangle-slide-top 1s ease-in both;
  }
  @-webkit-keyframes triangle-slide-top {
    0% {
      opacity: 0;
      transform: translateX(-100%);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
  @keyframes triangle-slide-top {
    0% {
      opacity: 0;
      transform: translateX(-100%);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
} /*# sourceMappingURL=style.css.map */