/*
Theme Name:         Teva - Ambroxol
Theme URI:          https://y-collective.com/
Description:
Version:            1.0.0
Author:             Y-Collective
Author URI:         https://y-collective.com/
Text Domain:        teva
License:            MIT License
License URI:        http://opensource.org/licenses/MIT
Template:           teva/resources
*/

:root {
  --bs-blue: #00a7ff;
  --bs-purple: #533f7f;
  --bs-green: #b2ca37;
  --bs-gray-dark: #343a40;
  --bs-gray-300: #ededed;
  --bs-primary: #533f7f;
  --bs-secondary: #cb368a;
  --bs-success: #b2ca37;
  --bs-info: #00a7ff;
  --bs-light: #f8f9fa;
  --bs-dark: #231f20;
  --bs-primary-rgb: 83, 63, 127;
  --bs-secondary-rgb: 203, 54, 138;
  --bs-success-rgb: 178, 202, 55;
  --bs-info-rgb: 0, 167, 255;
  --tile-image-1: url("/app/themes/teva/resources/assets/images/raspberries.png");
  --tile-image-2: url("/app/themes/teva/resources/assets/images/istock3.png");
  --color-variant: #fff;
  --teva-overly-bg: var(--bs-secondary);
}

.footer {
  --form-control-color: #fff;
}

.title-404 {
  --heading-color: #fff;
}

.bg-primary,
.bg-primary a {
  color: #fff;
}

.block-posts .btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-secondary);
  --bs-btn-border-color: var(--bs-secondary);
  --bs-btn-hover-border-color: #fff;
  --bs-btn-active-bg: #d04a95;
  --bs-btn-active-border-color: #d04a95;
  --bs-btn-disabled-bg: var(--bs-secondary);
  --bs-btn-disabled-border-color: var(--bs-secondary);
}

@media screen and (max-width: 992px) {
  .blog-id-2 .block-why-choose {
    background-position: bottom center;
    padding-bottom: 480px;
  }
}

.block-hero .hero-bg .icon,
.block-hero .btn-primary,
.post-categories .btn-primary,
.post-header .btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-secondary);
  --bs-btn-border-color: var(--bs-secondary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #b72f7c;
  --bs-btn-hover-border-color: #b72f7c;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #d04a95;
  --bs-btn-active-border-color: #d04a95;
  --bs-btn-disabled-bg: var(--bs-secondary);
  --bs-btn-disabled-border-color: var(--bs-secondary);
  --bs-btn-focus-shadow-rgb: unset;
}

.content-404 {
  background: var(--bs-primary);
  background: linear-gradient(
    90deg,
    var(--bs-primary) 0%,
    var(--bs-secondary) 100%
  );
  color: #fff;
}

/* Media and text block */
@media screen and (min-width: 992px) {
  .block-media-text .block-heading {
    margin-top: 8rem;
  }
}

.block-media-text .block-heading__title,
.block-media-text .block-heading__content,
.block-media-text .block-heading__content p:nth-child(1),
.block-media-text .block-heading__content ul {
  margin-bottom: 24px;
}

/* Post product */
.single-product-ambroxol-teva-pezsgotabletta-data .post-header--product {
  background-size: contain;
}

.single-product-ambroxol-teva-pezsgotabletta-data
  .post-header
  .product-image-container {
    position: absolute;
    right: 0;
    top: -2.5rem;
    width: 635px;
}

.single-product-ambroxol-teva-pezsgotabletta-data .post-header .footnote {
  position: absolute;
  bottom: 0;
  font-weight: bold;
}

.single-product-ambroxol-teva-pezsgotabletta-data .post-header .post-excerpt {
  margin-bottom: 0 !important;
}

.single-product-ambroxol-teva-pezsgotabletta-data .post-header .post-excerpt-title {
  padding-top: 1rem;
}

.single-product-ambroxol-teva-pezsgotabletta-data .post-header .product-note {
  margin-bottom: 4.125rem;
}

.site-footer .footer-footenote {
  max-width: 890px;
  text-align: center;
  margin: auto;
  margin-bottom: 2rem;
}

@media screen and (max-width: 992px) {
  .single-product-ambroxol-teva-pezsgotabletta-data
    .post-header
    .product-image-container {
    position: relative;
  }

  .single-product-ambroxol-teva-pezsgotabletta-data .post-header .footnote {
    position: relative !important;
    bottom: 0;
  }
}

@media screen and (min-width: 992px) {
  .single-product-ambroxol-teva-pezsgotabletta-data .post-header__content {
    margin-top: 0;
  }
  .single-product-ambroxol-teva-pezsgotabletta-data .post-header--product .post-header__content {
    position: relative;
    height: 600px;
    width: auto;
  }
}