/*!
Theme Name: Ohio-Child
Theme URI: http://ohio.colabr.io/
Author: Colabrio
Author URI: http://colabr.io/
Description: Ohio is a WordPress theme bundled with premium plugins to build a modern and functional website.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: ohio
Text Domain: ohio-child
Tags: ajax, customizer, ecommerce, portfolio, minimal, page builder, responsive, multipurpose, shop, store, woocommerce, wpml

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*Footer Heart Animation Start*/
.love-heart {
  display: inline-block;
  animation: beat 0.8s infinite ease-in-out;
  transform-origin: center;
  color: #3753a4;
}

@keyframes beat {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.4); }
  100% { transform: scale(1); }
}
/*Footer Heart Animation End*/

/*Products Custom Card Start*/
.ss-course-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 24px;
}

.ss-course-card {
  background: #fff;
  border: 1px solid #e6edf5;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.04);
  transition: all 0.25s ease;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.ss-course-card:hover {
  box-shadow: 0 4px 18px rgba(0,0,0,0.08);
  transform: translateY(-3px);
}

.ss-course-card__inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
}

.ss-course-card__tag {
  position: absolute;
  top: 12px;
  left: 12px;
  background: #e9f0f8;
  color: #444;
  font-size: 0.8rem;
  font-weight: 500;
  padding: 6px 10px;
  border-radius: 6px;
  z-index: 2;
}

.ss-course-card__image img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  border-radius: 12px 12px 0 0;
}

.ss-course-card__content {
  padding: 16px;
  flex-grow: 1;
}

.ss-course-card__title {
  font-size: 1.05rem;
  font-weight: 600;
  color: #222;
  margin-bottom: 6px;
}

.ss-course-card__excerpt {
  font-size: 0.9rem;
  color: #555;
  margin-bottom: 12px;
  line-height: 1.45;
}

.ss-course-card__footer {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 16px;
  border-top: 1px solid #e6edf5;
  background: #fff;
}

.ss-course-card__price {
  font-weight: 700;
  font-size: 1rem;
  color: #000;
}

.ss-course-card__view-btn {
  background: #ff8a00;
  color: #fff;
  padding: 4px 10px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 0.95rem;
  text-decoration: none;
  transition: background 0.25s ease;
}

.ss-course-card__view-btn:hover {
  background: #ff8a00 !important;
  color: #fff !important;
}

.ss-free-label {
    color: #28a745;
    font-weight: 700;
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.free-price-label,
.ss-free-label {
    color: #22c55e !important; 
    font-weight: 700 !important;
    font-size: 1.2rem !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.eb-product-desc__price .free-price-label {
    font-size: 1.5rem !important;
    display: inline-block;
    padding: 5px 0;
}

.eb-product-desc__price .woocommerce-Price-amount .free-price-label {
    color: #22c55e !important;
}
/*Products Custom Card End*/

/*Custom Scroll to Top Button Start*/
@font-face {
  font-family: 'unicons';
  src: url('unicons.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@-webkit-keyframes border-transform {
  0%,100% { border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; }
  14% { border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%; }
  28% { border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%; }
  42% { border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%; }
  56% { border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%; }
  70% { border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%; }
  84% { border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%; }
}

.progress-wrap {
	position: fixed;
	right: 40px;
	bottom: 40px;
	height: 50px;
	width: 50px;
	cursor: pointer;
	border-radius: 50%;
	box-shadow: inset 0 0 0 2px rgba(255,255,255,0.2);
	z-index: 10000;
	opacity: 0;
	visibility: hidden;
	transform: translateY(15px);
	transition: all 200ms linear;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #ffffff;
}

.progress-wrap.active-progress {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.progress-wrap i {
	position: absolute;
	color: #0595fc;
	font-size: 20px;
	transition: all 200ms linear;
	z-index: 2;
}

.progress-wrap:hover i {
	color: #3753A4;
}

.progress-wrap svg path {
	fill: none;
	stroke: #0595fc;
	stroke-width: 4;
	transition: all 200ms linear;
}
/*Custom Scroll to Top Button End*/