/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
.fw-img a, .fw-img img {
    width: 100%;
}
.h-100{
	height:100%;
}
.dialog-widget.dialog-lightbox-widget.dialog-type-buttons.dialog-type-lightbox.elementor-lightbox{
	z-index:99999;
}

.mySwiperCarousel .swiper-button-next, .mySwiperCarousel .swiper-button-prev {
    color: #fff;
}


.oo-review-widget .reviews-widget__carousel-btn.reviews-widget__carousel-btn--prev,
.oo-review-widget .reviews-widget__carousel-btn.reviews-widget__carousel-btn--next{
	display: none !important;
}

/* author bio component */
.oo-author-bio{
  --heading-font-family: Arial, sans-serif;
  --heading-size: 24px;
  --heading-line-height: 32px;
  --heading-colour: #111827;
  --heading-font-weight: 600;

  --subheading-font-family: Arial, sans-serif;
  --subheading-size: 18px;
  --subheading-line-height: 28px;
  --subheading-colour: #6366F1;
  --subheading-font-weight: 600;

  --body-size: 16px;
  --body-line-height: 24px;
  --body-font-family: Arial, sans-serif;
  --body-colour: #374151;

  --link-colour: #0e2b4d;
  --link-hover-colour: #c4dfe9;
  --link-size: var(--body-size);
  --link-font-family: var(--body-font-family);
  --link-font-weight: 600;

  --container-bg-colour: #f9fafb;
  --container-padding: 40px;
  --container-border-radius: 12px;

}
@media (max-width: 480px) {
  .oo-author-bio {
    --container-padding: 24px 16px;
  }

}

.oo-author-bio__container {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
  padding: var(--container-padding);
  background: var(--container-bg-colour);
  border-radius: var(--container-border-radius);
}
.oo-author-bio__header{
  display: flex;
  align-items: center;
  gap: 24px;
}
.oo-author-bio__title{
  gap: 8px;
  display: flex;
  flex-direction: column;
}

.oo-author-bio__avatar {
  width: 72px;
  height: 72px;
  flex: 0 0 72px;
  border-radius: 50%;
  object-fit: cover;
  position: relative;
  overflow: hidden;
}
.oo-author-bio__avatar img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.oo-author-bio__name {
  font-weight: 600;
  font-size: var(--heading-size);
  line-height: 1.var(--heading-line-height);
  color: var(--heading-colour);
  font-family: var(--heading-font-family);
  font-weight: var(--heading-font-weight);
}
.oo-author-bio__role {
  font-size: var(--subheading-size);
  line-height: var(--subheading-line-height);
  color: var(--subheading-colour);
  font-family: var(--subheading-font-family);
  font-weight: var(--subheading-font-weight);
}

.oo-author-bio__content{
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 100%;
}

.oo-author-bio__text {
  font-family: var(--body-font-family);
  font-size: var(--body-size);
  line-height: var(--body-line-height);
  color: var(--body-colour);
}

.oo-author-bio__link {
  color: var(--link-colour) !important;
  text-decoration: none;
  font-size: var(--link-size);
  font-family: var(--link-font-family);
  font-weight: var(--link-font-weight);
  transition: 0.2s;
}

.oo-author-bio__link:hover {
  color: var(--link-hover-colour) !important;
}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap');

.woocommerce a.shipping-calculator-button {
    text-decoration: underline !important;
}

.oo-products-grid a {
	width:100%
}