/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

a:focus-visible, button:focus-visible{
	    outline: 2px solid red !important;
}

/* HEADER */

[data-row='bottom'] {
  border-bottom: 1px solid #dedede !important;
}
.trnd-header-top {
  display: flex;
  justify-content: space-between;
}

.trnd-header-top p {
  margin-bottom: 0;
}
.trnd-header-top__right {
  text-align: right;
}

[data-column="middle"] a{
	text-decoration:none;
	color:var(--theme-palette-color-4);
}
[data-column="middle"] a:hover{
	text-decoration:none;
	color:#000;
}
/* PAGE TITLE */

.hero-section img {
  width: 50% !important;
  position: absolute;
  right: 0;
}

body:not(.single-product) .hero-section {
  border-bottom: 1px solid #dedede;
}
/* HERO */

.hero-container {
  display: flex;
  padding: 60px 0 60px;
  gap: 40px;
}
.hero-container .hero-container__text {
  width: 60%;
}
.hero-container .hero-container__img {
  width: 40%;
}
.hero-container__text {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.hero-container__text p {
  margin-bottom: 20px;
}
.hero-container__text h2 {
  font-size: 50px;
}
.hero-container__buttons {
  display: flex;
  gap: 20px;
}
.hero-container__img {
  display: flex;
  justify-content: center;
}
.hero-container__img img {
  width: 350px;
}
.trnd-sub-title {
  text-transform: uppercase;
  font-family: 'Bebas Neue', Sans-Serif;
  font-size: 24px;
  color: var(--theme-palette-color-1);
}
@media (max-width: 999px) {
  .hero-container {
    flex-direction: column-reverse;
  }
  .hero-container .hero-container__text,
  .hero-container .hero-container__img {
    width: 100%;
  }
  .hero-container__buttons {
    justify-content: center;
    flex-wrap: wrap;
  }
  .hero-container__text h2 {
    font-size: 26px;
  }
}
/* TITLE SECTION */

.trnd-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 30px;
}
.trnd-title h2 {
  margin-bottom: 0;
}
.title-line {
  background-color: var(--theme-palette-color-1);
  width: 100%;
  height: 2px;
  flex: 1;
}
/* PRODUCTS */
.trnd-section-wrapper {
  margin-top: 90px;
}
.trnd-woo-products {
  margin: 40px 0;
}
.trnd-woo-products__button {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
/* border: 1px solid #DEDEDE; */

/* WHY US */

.trnd-why-us {
  background-color: var(--theme-palette-color-4);
  padding: 40px 0 60px;
  margin-top: 90px;
}

.trnd-why-us .trnd-title h2,
.trnd-icon-text h3,
.trnd-icon-text p {
  color: #fff;
  margin-bottom: 0;
}
.trnd-icon-text h3 {
  font-size: 24px;
  text-align: center;
}
.trnd-icon-text p {
  font-size: 14px;
  text-align: center;
}
.trnd-icon-text {
  margin-top: 40px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 40px;
}
.trnd-icon-text > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
@media (max-width: 1024px) {
  .trnd-icon-text {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 768px) {
  .trnd-icon-text {
    grid-template-columns: 1fr;
  }
}
/* CTA */
.trnd-cta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 60px;
  gap: 30px;
}
.trnd-cta h2 {
  margin: 0;
  color: #fff;
}
.trnd-cta-offer,
.trnd-cta-contact {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 40px;
  gap: 20px;
}
.trnd-cta-offer {
  background-color: #bd5500;
}
.trnd-cta-contact {
  background-color: var(--theme-palette-color-4);
}
@media (max-width: 1300px) {
  .trnd-cta h2 {
    font-size: 30px;
  }
}
@media (max-width: 1200px) {
  .trnd-cta-offer,
  .trnd-cta-contact {
    flex-direction: column;
  }
  .trnd-cta h2 {
    text-align: center;
  }
}
@media (max-width: 999px) {
  .trnd-cta {
    max-width: 100%;
    flex-wrap: wrap;
    gap: 20px;
    padding: 0;
  }
  .trnd-cta > div,
  .trnd-cta img {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .trnd-cta {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
}
/* BUTTONS */
.trnd-button-light,
.trnd-button-dark,
.trnd-button-white {
  display: block;
  font-size: 14px;
  border: 1px solid var(--theme-palette-color-1);
  padding: 12px 40px;
  text-transform: uppercase;
  font-weight: 700;
}
.trnd-button-white {
  border: 1px solid #fff;
  background-color: transparent;
  color: var(--theme-palette-color-8);
  font-weight: 500;
}
.trnd-button-white:hover {
  background-color: #fff;
  color: var(--theme-palette-color-1);
}
.trnd-button-dark {
  background-color: var(--theme-palette-color-1);
  color: var(--theme-palette-color-8);
}
.trnd-button-light:hover {
  background-color: var(--theme-palette-color-1);
  color: var(--theme-palette-color-8);
}

.trnd-button-dark:hover {
  color: var(--theme-palette-color-1);
  background-color: var(--theme-palette-color-8);
}

/* WOO CATEGORIES SLIDER */

.trnd-woo-categories-wrapper {
  margin-top: 60px;
}
.trnd-woo-categories {
  margin-top: 20px;
}

/* LOGOS */

/* CONTACT FORM */

.trnd-form-container label {
  color: #1e1e1e;
  font-weight: 400 !important;
}
.trnd-form-container__row {
  display: grid;
  grid-template-columns: 1fr 1fr;

  margin: auto;
  row-gap: 20px;
  column-gap: 40px;
}
.trnd-form-container input[type='submit'] {
  text-transform: initial;
}
.trnd-form-container__row.trnd-full-row {
  grid-template-columns: 1fr;
}
.trnd-form-submit {
  width: 100%;
  display: flex;
  justify-content: left;
}
.trnd-form-container input,
.trnd-form-container textarea {
  font-weight: 400 !important;
  border: 1px solid black !important;
  border-radius: 0px !important;
  margin-top: 10px;
}
.trnd-form-submit input {
  padding: 20px 40px;
  border: 0px solid transparent !important;
  border-radius: 0px !important;
}

@media (max-width: 767px) {
  .trnd-form-container__row {
    margin-bottom: 20px;
    column-gap: 0px;
    row-gap: 0px;
    grid-template-columns: 1fr;
  }
  .trnd-form-container p,
  .trnd-form-container input[type='submit'] {
    width: 100%;
    margin-top: 20px;
  }
}

/* CONTACT PAGE */

.form-wrapper {
  display: flex;
  margin-top: 60px;
}
.form-wrapper__info {
  width: 40%;
  padding: 50px;
  background-color: var(--theme-palette-color-1);
}
.form-wrapper__info p,
.form-wrapper__info h2 {
  color: #fff;
}

.form-wrapper__form {
  width: 60%;
  padding-left: 75px;
}
.map-wrapper {
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;

  display: flex;
  margin-top: 60px;
  padding-left: calc((100vw - var(--theme-normal-container-max-width)) / 2);
}
@media (max-width: 1440px) {
  .map-wrapper {
    padding-left: calc((100vw - var(--theme-container-width)) / 2);
  }
}
.map-wrapper__text {
  width: 40%;
  padding-right: 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.map-wrapper__map {
  width: 60%;
  min-height: 435px;
}
.text-dash-wrapper {
  display: flex;
  gap: 10px;
  padding: 10px 0;
}
.text-dash-wrapper p {
  margin: 0;
}
.text-dash-wrapper a,
.text-dash-wrapper a:hover {
  color: #fff;
}
.text-dash,
.text-dash-dark {
  width: 30px;
  height: 2px;
  display: block;
  margin-top: 12px;
}

.text-dash {
  background-color: #fff;
}
.text-dash-dark {
  background-color: var(--theme-palette-color-4);
}

@media (min-width: 1000px) {
  .map-wrapper__text h2 {
    font-size: 50px;
  }
}
@media (max-width: 999px) {
  .form-wrapper,
  .map-wrapper {
    flex-direction: column;
    gap: 40px;
    padding-top: 40px;
  }
  .form-wrapper__form,
  .form-wrapper__info,
  .map-wrapper__text,
  .map-wrapper__map {
    width: 100%;
  }
  .map-wrapper {
    padding-right: calc((100vw - var(--theme-container-width)) / 2);
  }
  .map-wrapper__map {
    height: 300px;
    min-height: 300px;
  }
  .form-wrapper__info {
    padding: 30px;
  }
  .form-wrapper__form {
    padding: 0;
  }
}

/* FAQ */

.faq-wrapper {
  margin-top: 60px;
}

/* WOOCOMMERCE */

.woocommerce button.button.disabled{
	opacity:1 !important;
}

.ct-container.product {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
}
.woocommerce-product-gallery {
  width: 100% !important;
  margin-bottom: 20px;
}
@media (max-width: 999px) {
  .ct-container.product {
    grid-template-columns: 1fr;
    /* flex-direction: column; */
  }
}
.single-product .trnd-title {
  margin-top: 40px;
  margin-bottom: 20px;
}
.single-footer {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.single-product label {
  font-family: 'Bebas Neue', Sans-Serif;
  font-size: 18px;
  color: var(--theme-palette-color-4);
}
@media (min-width: 1000px) {
  .variations select {
    width: 50% !important;
  }
}
.woocommerce-product-attributes,
.woocommerce-product-attributes * {
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  border-top: 0 !important;
}
.woocommerce-product-attributes td {
  font-weight: 700;
}

.single-product .price-total {
  margin-top: 20px;
  margin-bottom: 0px;
}
.trnd-product-meta span,
.single-product .posted_in {
  font-weight: 700;
}
.single-product .posted_in a {
  font-weight: 500;
}
.trnd-product-meta {
  margin-bottom: 0;
}
.single-product .summary .price {
  margin-bottom: 10px;
  color: var(--theme-palette-color-4);
  font-weight: 500;
}
body:not(.woocommerce-cart, .woocommerce-checkout) .woocommerce-Price-amount {
  font-family: 'Bebas Neue', Sans-Serif;
  font-size: 50px;
}
.ct-cart-content .woocommerce-Price-amount{
	font-family: 'Work Sans' !important;
	font-size: 16px !important;
}
.sale-price del,
.sale-price del .woocommerce-Price-amount {
  font-size: 40px !important;
}
.products .product .woocommerce-Price-amount,
.products .product .price,
.products .product .sale-price del,
.products .product .sale-price del .woocommerce-Price-amount {
  font-size: 26px !important;
  font-weight: 500;
  color: var(--theme-palette-color-4);
}
.single-product .ct-container-full {
  padding-top: 20px;
}
.products .product {
  background-color: #f8fafd;
  border: 1px solid #dedede;
}
.products .product > *:not(figure) {
  padding: 0 20px;
}
.products .product .ct-woo-card-actions {
  padding-bottom: 20px;
}
.trnd-separator {
  height: 1px;
  width: 100%;
  background-color: #dedede;
  margin-bottom: 20px;
}

.footer-partners {
  margin-top: 30px;
  margin-bottom: 20px;
  padding-top: 20px;
  border-top: 1px solid #dedede;
}

/* WOOCOMMERCE FILTERS */

.wpc-filter-title {
  font-size: 18px;
  font-family: 'Bebas Neue', Sans-Serif;
  color: var(--theme-palette-color-4);
}

/* FLOATING PHONE ICON */

	.floating-phone{
	position: fixed;
    bottom: 45px;
    background: var(--theme-palette-color-1) !important;
    width: 60px;
    height: 60px;
    right: 50px;
    z-index: 10000;
    border-radius: 100%;
		box-shadow: 0px 0px 1px 1px #0000001a;
    animation: pulse-animation 2s infinite;
	}
	.floating-phone a{
	display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
	}
	    .floating-phone svg {
        width: 30px !important;
			    fill: white;
    }
	@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
30% {
        box-shadow: 0 0 0 15px rgb(50 50 50 / 38%);
    transform: scale(1.05);
  }
  100% {
    box-shadow: 0 0 0 10px rgb(5 5 5 / 0%);
  }
		}
		@media(max-width:768px){
			.floating-phone{
				right:20px;
			}
		}