/*
Theme Name: Space Exploration Pro
Theme URI: https://www.ovationthemes.com/products/space-wordpress-theme
Author: ovationthemes
Author URI: https://www.ovationthemes.com/
Description: The Space WordPress Theme is a modern, visually captivating theme designed to bring the wonders of the cosmos to your website. Ideal for astronomy blogs, science magazines, space agencies, educational platforms, or personal portfolios with a futuristic touch, this theme combines stunning visuals with seamless functionality. Its fully responsive design ensures your site looks flawless on desktops, tablets, and smartphones, while the intuitive navigation makes it easy for visitors to explore your content, whether it’s articles, galleries, or multimedia presentations. Built with customization in mind, the theme allows effortless adjustments to colors, fonts, layouts, and sections to match your brand identity and creative vision. Optimized for speed, security, and SEO, the Space WordPress Theme ensures a smooth browsing experience while keeping your website safe and discoverable on search engines.
Version: 0.0.1
Requires at least: 5.8.0
Tested up to: 6.0.3
Requires PHP: 7.2
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: space-exploration-pro
Tags: one-column, two-columns, left-sidebar, right-sidebar, grid-layout, custom-colors, custom-background, custom-header, custom-menu, custom-logo, editor-style, sticky-post, featured-images, footer-widgets, full-width-template, threaded-comments, theme-options, wide-blocks, block-styles, blog, food-and-drink, e-commerce

Space Exploration Pro WordPress Theme has been created by primewordpress(primewordpress.com), 2021.
Space Exploration Pro WordPress Theme is released under the terms of GNU GPL

/* Basic Style */

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Oswald:wght@200..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


.bypostauthor {
  font-weight: 600;
}

.onsale {
  text-transform: uppercase;
}

.wc-block-cart-item__wrap {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  position: relative;
}

.wc-block-components-product-name {
  color: #000000;
  font-family: Livvic;
  font-weight: 600;
  font-style: SemiBold;
  font-size: 18px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
}


span.price.wc-block-components-product-price span {
  white-space: nowrap;
  font-family: Roboto;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 8%;
  text-align: center;
  color: #0A3D62;
}

.wc-block-components-product-price__regular {
  white-space: nowrap;
  font-family: Roboto;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 8%;
  text-align: center;
  color: #0A3D62;
}

.wc-block-components-product-price__value.is-discounted {
  margin-left: .5em;
  white-space: nowrap;
  font-family: Roboto;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 8%;
  text-align: center;
  color: #3DC1D3;
}

.wc-block-cart-item__remove-link {
  font-family: Roboto;
  font-weight: 400 !important;
  font-size: 12px !important;
  line-height: 100%;
  letter-spacing: 0%;
  color: #F92D2D !important;
  position: absolute;
  right: 0;
  bottom: 10px;
}

.wc-block-components-product-badge.wc-block-components-sale-badge {
  font-family: Roboto;
  font-weight: 500;
  font-size: 10px;
  line-height: 100%;
  letter-spacing: 8%;
  color: #0A3D62;
  padding: 6px;
}

.wc-block-components-product-metadata__description p {
  color: #263C28;
  margin: 0;
  text-align: left;
  font-family: Livvic;
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: 0%;
  margin: 0;
}

.is-large.wc-block-cart .wc-block-cart-items {
  background: #fff !important;
}

.wc-block-components-button:not(.is-link) {
  font-family: Livvic;
  font-weight: 500;
  font-style: Medium;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  background: #F7C35F;
  border: unset;
  padding: 22px 30px;
  border-radius: 10px;
  color: #263C28;
  position: relative;
  z-index: 1;
}

.is-large.wc-block-cart .wc-block-components-sidebar {
  margin-top: 0;
  background: #fff;
  max-height: fit-content;
  padding: 34px;
  border-bottom-right-radius: 0;
}

.woocommerce a.button {
  width: 100%;
  text-align: left;
  font-family: Livvic;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 5%;
  color: #263C28;
  padding: 0;
  margin: 0;
  text-decoration: underline !important;
  background: unset;
}

.product-details {
  padding: 14px 12px;
}

h2.woocommerce-loop-product__title {
  font-family: Roboto;
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #0A3D62;

}

.woocommerce ul.products li.product a img {
  height: 200px;
  object-fit: contain;
}
.product-title a {
  color: #000000;
  font-family: Livvic;
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;

}
.product-price h5 {
  margin: 2px 0;
  font-family: Livvic;
  font-weight: 600;
  font-size: 20px;
  line-height: 160%;
  letter-spacing: 0%;
  color: #263C28;
  word-spacing: -4px;
}

.woocommerce a.button:hover {
  background: unset;
  color: #F7C35F;
  transition: 0.4s ease-in-out;
}


.imghover {
  height: 316px;
  overflow: hidden;
  width: 100%;
  border-radius: 30px;
  position: relative;                 

}

.imghover img {
  height: 100%;
  object-fit: cover;
  border-radius: 30px;
}



.inner-product-image {
  position: relative;
}

.inner-product-image:hover .imghover img {
  transform: translate(11.5273px, 7.3252px) scale(1.15, 1.15);
  transition: 0.4s ease-in-out;
}

/* .what-we-do-image:hover img {
  animation: pulse 4s infinite;
} */

.imghover::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}

.inner-product-image:hover .imghover::before {
  -webkit-animation: shine .75s;
  animation: shine .75s;
}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}

@keyframes shine {
  100% {
    left: 125%;
  }
}



.wc-block-components-totals-item__value span {
  color: #263C28;
  margin: 0;
  font-family: Livvic;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 30px;
  letter-spacing: 0%;
}

.wc-block-components-totals-coupon .wc-block-components-panel__button {
  margin-top: 0;
  padding-top: 0;
    color: #263C28;
    margin: 0;
    font-family: Livvic;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 30px;
    letter-spacing: 0%;
}
.wc-block-components-totals-item__label {
  color: #263C28;
  margin: 0;
  font-family: Livvic;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 30px;
  letter-spacing: 0%;
}

.wc-block-components-formatted-money-amount {
  color: #263C28;
  margin: 0;
  font-family: Livvic;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 30px;
  letter-spacing: 0%;
}

.is-large.wc-block-cart .wc-block-cart__totals-title {
  color: #000000 !important;
  font-family: Livvic !important;
  font-weight: 600 !important;
  font-size: 18px !important;


}


/* loader */

.preloader {
  background: #16263D;
  display: flex;
  height: 100%;
  width: 100%;
  left: 0;
  bottom: 0;
  top: 0;
  position: fixed;
  z-index: 99999;
  align-items: center;
  justify-content: center;
}



@keyframes fade-in-out {
  0% { opacity: 0; transform: rotate(0); }
  50% { opacity: 1; }
  100% { opacity: 0; transform: rotate(90deg); }
}

@keyframes rotate1 {
  0% { transform: rotate3d(0, 1, 0, 0) scale(0); }
  100% { transform: rotate3d(0, 1, 0, 180deg) scale(1); }
}

@keyframes rotate2 {
  0% { transform: rotate3d(1, 0, 0, 0) scale(0); }
  100% { transform: rotate3d(1, 0, 0, -360deg) scale(1); }
}

.small {
  transform-origin: 50% 50%;
  transform-style: preserve3d;
  animation: rotate2 2.5s infinite;


    transform: rotate(45deg) scale(0.667);
    transform-origin: 33px 33px;
  }

.star {
  position: absolute;
  top: calc(50% - 96px);
  left: calc(50% - 75px);
  fill: white;
  transform-origin: 40% 90%;
  animation: fade-in-out 2.5s infinite;

  }

  

    
  .large {
    transform-origin: 50% 50%;
    transform-style: preserve3d;
    animation: rotate1 2.5s infinite;

      transform: rotate(45deg) scale(0.8);
      transform-origin: 33px 33px;
    }




@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.corners {
	width: 50px;
	height: 50px;
	position: relative;
	transform-origin: center;
	animation: spin 0.5s infinite linear;
}

.corner {
	width: 100%;
	height: 100%;
	position: absolute;
	
	&::before {
		display: block;
		width: 48%;
		height: 48%;
		border-radius: 0 40% 0 40%;
		background-color: #263C28;
		content: '';
	}
}

@keyframes spin1 {
	0% { transform: rotate(0deg); }
	30% { transform: rotate(0deg); }
	70% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

@keyframes spin2 {
	0% { transform: rotate(0deg); }
	30% { transform: rotate(270deg); }
	70% { transform: rotate(270deg); }
	100% { transform: rotate(360deg); }
}

@keyframes spin3 {
	0% { transform: rotate(0deg); }
	30% { transform: rotate(180deg); }
	70% { transform: rotate(180deg); }
	100% { transform: rotate(360deg); }
}

@keyframes spin4 {
	0% { transform: rotate(0deg); }
	30% { transform: rotate(90deg); }
	70% { transform: rotate(90deg); }
	100% { transform: rotate(360deg); }
}

.corner--1 {
	animation: spin1 3s infinite cubic-bezier(0.785, 0.135, 0.150, 0.860);
}

.corner--2 {
	animation: spin2 3s infinite cubic-bezier(0.785, 0.135, 0.150, 0.860);
}

.corner--3 {
	animation: spin3 3s infinite cubic-bezier(0.785, 0.135, 0.150, 0.860);
}

.corner--4 {
	animation: spin4 3s infinite cubic-bezier(0.785, 0.135, 0.150, 0.860);
}