/*
Theme Name: Online Educational Courses Pro
Theme URI: https://www.legacytheme.net/products/online-courses-wordpress-theme/
Author: Legacytheme
Author URI: https://www.legacytheme.net/
Description: 
Version: 0.0.1
Requires at least: 5.0
Tested up to: 5.6.1
Requires PHP: 5.2.4
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: online-educational-courses-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments

Online Educational Courses Pro WordPress Theme has been created by Legacytheme(Legacytheme.net), 2025.
Online Educational Courses Pro WordPress Theme is released under the terms of GNU GPL

/* Basic Style */

@import url("https://fonts.googleapis.com/css2?family=Allison&display=swap");

.bypostauthor {
  font-weight: 600;
}
.wpcf7-spinner {
  display: none;
}
/*--------- Site Loader --------------*/

.preloader {
  background: #f4f9ff;
  display: flex;
  height: 100%;
  width: 100%;
  left: 0;
  bottom: 0;
  top: 0;
  position: fixed;
  z-index: 99999;
}
.load {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
}
.load hr {
  border: 0;
  margin: 0;
  width: 40%;
  height: 40%;
  position: absolute;
  border-radius: 50%;
  animation: spin 2s ease infinite;
}
.load :first-child {
  background: #b12d40;
  animation-delay: -1.5s;
}
.load :nth-child(2) {
  background: #253b80;
  animation-delay: -1s;
}
.load :nth-child(3) {
  background: #b12d40;
  animation-delay: -0.5s;
}
.load :last-child {
  background: #253b80;
}

@keyframes spin {
  0%,
  100% {
    transform: translate(0);
  }
  25% {
    transform: translate(160%);
  }
  50% {
    transform: translate(160%, 160%);
  }
  75% {
    transform: translate(0, 160%);
  }
}
@media screen and (min-width: 1700px) and (max-width: 1900px) {
  .container {
    max-width: 1520px;
  }
  section#project .left img {
    height: 520px;
  }
  #testimonial img.test_img {
		height: auto;
	}
}
@media screen and (min-width: 1920px) {
  .container {
    max-width: 1620px;
  }
  section#project .left img {
    height: 520px;
  }
  #testimonial img.test_img {
		height: auto;
	}
}
@media screen and (min-width: 1440px) and (max-width: 1680px) {
	section#project .left img {
		height: 428px;
	}
}
.page-template-blog-fullwidth-extend #single_post .post_pic_inner img {
	width: 100%;
}