/* 
Theme Name: Provar Theme
Description: Provar Theme is a child theme of Hello Elementor
Author: Zeniark Team
Author URI: https://zeniark.com/
Template: hello-elementor
Version: 1.0.0
*/

/* Add your custom styles here */

html {
  scroll-behavior: smooth;
  scroll-padding-top: 130px;
}

body {
	overscroll-behavior: none;
}

/* Typography */
b,
strong {
  font-weight: 600;
}

.elementor-heading-title b,
.elementor-heading-title strong {
  font-weight: 700;
}

a:not([class]) {
  text-decoration: underline;
}

.text-salesforce {
  color: var(--e-global-color-daae491);
  font-style: italic;
  font-weight: 700;
}

.text-provar-900 {
  font-weight: 900;
}

.text-no-break {
  white-space: nowrap;
}

.text-provar-university {
  color: var(--e-global-color-daae491) !important;
  text-decoration: underline !important;
}

@media (max-width: 1023px) {
  .elementor-heading-title br {
    display: none;
  }
}

/* Pagination */
.elementor-pagination {
  margin: 2.5rem -0.75rem 0;
}

.elementor-pagination .page-numbers {
  color: var(--e-global-color-text);
  padding: 0.5em;
  margin: 0 0.25rem !important;
}

.elementor-pagination .page-numbers.current {
  padding: 0.5em 0.75em;
  background: #e3e3e3;
  border-radius: 0.25em;
}
.pum-container, .pum-theme-lightbox .pum-container {
    border-radius: 18px !important;
    padding-top: 30px !important;
    padding-bottom: 40px !important;
	border: 0px !important;
}


.pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close {
    right: 7px !important;
    top: 7px !important;
    color: #656565 !important;
    background: none !important;
    box-shadow: none !important;
	    font-weight: 400 !important;
	
}


@media (max-width: 767px) {
  .elementor-pagination .page-numbers {
    padding: 0.35em;
  }

  .elementor-pagination .page-numbers.current {
    padding: 0.35em 0.5em;
  }
}

/* Swiper */
.elementor-arrows-position-outside .swiper,
.elementor-arrows-position-outside .swiper-container {
  width: 100% !important;
}

.elementor-arrows-position-outside .elementor-swiper-button-prev {
  left: -2.5rem !important;
}

.elementor-arrows-position-outside .elementor-swiper-button-next {
  right: -2.5rem !important;
}

.elementor-swiper-button i {
  color: var(--e-global-color-text);
  opacity: 0.8;
}

.elementor-swiper-button.swiper-button-disabled {
  opacity: 0.25;
}

.swiper-pagination .swiper-pagination-bullet,
.elementor-widget-loop-carousel .swiper-pagination .swiper-pagination-bullet {
  height: 1rem;
  /* width: 2.5rem; */
  width: 1rem;
  border-radius: 1rem;
  background: #979797;
  transition: all .35s ease-in-out;
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.elementor-widget-loop-carousel .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--e-global-color-primary);
  width: 2rem;
}

/* .swiper-pagination-small .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active),
.swiper-pagination-small.elementor-widget-loop-carousel .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
  width: 1.1875rem;
} */

.swiper-controls-white .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.swiper-controls-white.elementor-widget-loop-carousel .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--e-global-color-18613d1);
}

@media (max-width: 1350px) {
  .elementor-pagination-type-bullets {
    overflow: hidden;
  }
	
  .elementor-arrows-position-outside .elementor-swiper-button-prev,
  .elementor-arrows-position-outside .elementor-swiper-button-next {
    display: none !important;
  }
	
  .elementor-pagination-position-outside .swiper {
    padding-bottom: 3.5rem !important;
  }
}

@media (min-width: 1351px) {
  .elementor-arrows-position-outside .swiper-pagination {
    display: none !important;
  }
}

/* YouTube Embed */
.wp-block-embed.wp-embed-aspect-16-9 > .wp-block-embed__wrapper {
  aspect-ratio: 16/9;
}

.wp-block-embed.wp-embed-aspect-16-9 > .wp-block-embed__wrapper > iframe {
  height: 100%;
}