/*
Theme Name: ST Educare
Theme URI: https://striviothemes.com/themes/free-elementor-education-wordpress-theme/
Author: KristynaBennett
Author URI: https://striviothemes.com/
Description: The ST EduCare Landing Page is a clean, minimal, and free WordPress theme designed specifically for academies, colleges, online institutions, coaching centers, and training facilities. This fast, lightweight, and fully responsive theme offers an easy-to-customize experience, making it perfect for building a professional educational website. Key features include a conversion-focused hero section, course catalog, instructor showcase, and student testimonials. With its SEO-friendly structure and fast loading speed, ST EduCare helps improve search engine rankings, making your site more discoverable on Google and other search engines. The user-friendly theme options panel ensures effortless customization, while its mobile responsiveness guarantees a seamless experience across smartphones, tablets, and desktops. It also seamlessly integrates with Elementor, providing an intuitive design experience. Comprehensive documentation and a dedicated support team are available to assist you whenever needed. Why wait? Download the ST EduCare Landing Page today and create an educational website that truly stands out! Theme Demo Page: https://striviothemes.com/demo/st-educare-pro/
Version: 2.2
Requires at least: 4.7
Requires PHP: 5.2
Tested up to: 6.7
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: st-educare
Tags: blog, one-column, custom-background, custom-colors, full-width-template, custom-menu, custom-logo, featured-images, sticky-post, theme-options, threaded-comments, translation-ready
*/

/* Based on Normalize.css v8.0.0, HTML5 Boilerplate v6.1.0, & Bootstrap Reboot v4.1.0 | Under MIT License */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

body {
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #333333;
	background-color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: .5rem;
	margin-bottom: 1rem;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.2;
	color: inherit;
}

h1 {
	font-size: 2.5rem;
}

h2 {
	font-size: 2rem;
}

h3 {
	font-size: 1.75rem;
}

h4 {
	font-size: 1.5rem;
}

h5 {
	font-size: 1.25rem;
}

h6 {
	font-size: 1rem;
}

p {
	margin-top: 0;
	margin-bottom: .9rem;
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;

}

pre {
	font-family: monospace, monospace;
	font-size: 1em;
	white-space: pre-wrap;
}

a {
	background-color: transparent;
	color: #0C1A3A;
	text-decoration: none;
}

a:hover,
a:active {
	color: #051128;
}

a:not([href]):not([tabindex]) {
	color: inherit;
	text-decoration: none;
}

a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {
	color: inherit;
	text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
	outline: 0;
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline dotted;

}

b,
strong {
	font-weight: bolder;
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;

}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

img {
	border-style: none;
	height: auto;
	max-width: 100%;
}

details {
	display: block;
}

summary {
	display: list-item;
}

figcaption {
	font-size: 16px;
	color: #333333;
	line-height: 1.4;
	font-style: italic;
	font-weight: 400;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.post-single a,.page-single a,.comment-content a,.woocommerce-product-details__short-description a, #tab-description a,.extra-home-content a {
	text-decoration: underline;
	color:#0C1A3A;
  }

@media print {

	*,
	*:before,
	*:after {
		background: transparent !important;
		color: #000 !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " (" attr(href) ")";
	}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	a[href^="#"]:after,
	a[href^="javascript:"]:after {
		content: "";
	}

	pre {
		white-space: pre-wrap !important;
	}

	pre,
	blockquote {
		page-break-inside: avoid;
		border: 1px solid #cccccc;
	}

	thead {
		display: table-header-group;
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}

label {
	display: inline-block;
	line-height: 1;
	vertical-align: middle;
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 1rem;
	line-height: 1.5;
	margin: 0;

}

input[type="text"],
input[type="date"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="url"],
select,
textarea {
	width: 100%;
	border: solid 1px #666666;
	border-radius: 3px;
	padding: 0.5rem 1rem;
	transition: all .3s;
}

input[type="text"]:focus,
input[type="date"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
select:focus,
textarea:focus {
	border-color: #333333;
	outline: 0 none;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
	width: auto;
	-webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

button,
[type="submit"],
[type="button"] {
	display: inline-block;
	font-weight: 400;
	color: #0C1A3A;
	text-align: center;
	white-space: nowrap;
	user-select: none;
	background-color: transparent;
	border: 1px solid #0C1A3A;
	padding: 0.5rem 1rem;
	font-size: 1rem;
	border-radius: 3px;
	transition: all .3s;
}

button:focus,
[type="submit"]:focus,
[type="button"]:focus {
	outline: 5px auto -webkit-focus-ring-color;
}

button:hover,
button:focus,
[type="submit"]:hover,
[type="submit"]:focus,
[type="button"]:hover,
[type="button"]:focus {
	color: #ffffff;
	background-color: #0C1A3A;
	text-decoration: none;
}

button:not(:disabled),
[type="submit"]:not(:disabled),
[type="button"]:not(:disabled) {
	cursor: pointer;
}

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	vertical-align: baseline;
}

textarea {
	overflow: auto;
	resize: vertical;
}

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;

}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;

}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;

}

select {
	display: block;
}

table {
	background-color: transparent;
	width: 100%;
	margin-bottom: 15px;
	font-size: 0.9em;
	border-spacing: 0;
	border-collapse: collapse;
}

table th,
table td {
	padding: 15px;
	line-height: 1.5;
	vertical-align: top;
	border: 1px solid #cccccc;
}

table th {
	font-weight: bold;
}

table thead th,
table tfoot th {
	font-size: 1em;
}

table caption+thead tr:first-child th,
table caption+thead tr:first-child td,
table caption+thead tr:first-child th,
table caption+thead tr:first-child td,
table colgroup+thead tr:first-child th,
table colgroup+thead tr:first-child td,
table colgroup+thead tr:first-child th,
table colgroup+thead tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {
	border-top: 1px solid #cccccc;
}

table tbody>tr:nth-child(odd)>td,
table tbody>tr:nth-child(odd)>th {
	background-color: #f7f7f7;
}

table tbody tr:hover>td,
table tbody tr:hover>th {
	background-color: #e9e9e9;
}

table tbody+tbody {
	border-top: 2px solid #cccccc;
}

@media (max-width: 767px) {
	table table {
		font-size: 0.8em;
	}

	table table th,
	table table td {
		padding: 7px;
		line-height: 1.3;
	}

	table table th {
		font-weight: 400;
	}
}

dl,
dt,
dd,
ol,
ul,
li {
	margin-top: 0;
	margin-bottom: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


/* WordPress Default Class */
.alignright {
	float: right;
	margin-left: 1rem;
}

.alignleft {
	float: left;
	margin-right: 1rem;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignwide {
	margin-left: -80px;
	margin-right: -80px;
}

.alignfull {
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	max-width: 100vw;
	width: 100vw;
}

.alignfull img {
	width: 100vw;
}

.wp-caption {
	margin-bottom: 1.25rem;
	max-width: 100%;
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption-text {
	margin: 0;
}

.gallery-caption {
	display: block;
	font-size: 0.8125rem;
	line-height: 1.5;
	margin: 0;
	padding: 0.75rem;
}

.pagination {
	margin: 20px auto;
}

.sticky {
	position: relative;
	display: block;
}

.bypostauthor {
	font-size: inherit;
}

.hide {
	display: none !important;
}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: polygon(0 0, 0 0, 0 0, 0 0);
	position: absolute !important;
	white-space: nowrap;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	clip: auto !important;
	display: block;
	height: auto;
	left: 5px;
	top: 5px;
	width: auto;
	z-index: 100000;
}

#skip-link-target[tabindex="-1"]:focus {
	outline: 0;
}

/* Theme Styles */
#page-wrap {
	overflow: hidden !important;
}

#page .st-home-page {
	overflow: hidden;
}

.site-logo h1,
.site-description {
	margin: 0;
}

.st-theme-post {
	margin-bottom: 50px;
}

.st-theme-post img {
	max-width: 100%;
}

.st-theme-post .post-title {
	margin: 0;
}

.st-theme-post .post-categories {
	margin-bottom: 20px;
}

.st-theme-post .post-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 0;
	border-bottom: 1px solid #e8e8e8;
}

.st-theme-post .read-more {
	display: inline-block;
	padding: 5px 15px;
	border: 1px solid #0C1A3A;
	text-transform: capitalize;
}

.st-theme-post .post-tags a {
	display: inline-block;
	margin-right: 10px;
}

.commentslist {
	list-style-type: none;
	padding: 0;
}

.commentslist .children {
	list-style-type: none;
}

.commentslist li {
	padding: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #e8e8e8;
}

.comment-author img {
	margin-right: 10px;
}

.commentslist .reply {
	display: inline-block;
	padding: 5px 15px;
	border: 1px solid #0C1A3A;
}

.comment-form-comment input,
.comment-form-comment textarea {
	border-color: #e8e8e8;
}

nav.navigation {
	text-align: center;
}

nav.navigation a,
nav.navigation span {
	padding: 5px 10px;
	border: 1px solid #e8e8e8;
}

.footer-copyright {
	text-align: center;
	padding: 30px 0;
}

.site-logo a,
#primary-menu a,
.st-theme-post .read-more a,
.st-theme-post .post-title a {
	text-decoration: none;
}


/* Menu Styles */
#primary-menu a:hover,
#primary-menu ul li a:hover,
#primary-menu li:hover>a,
#primary-menu a:focus,
#primary-menu ul li a:focus,
#primary-menu li.focus>a,
#primary-menu li:focus>a,
#primary-menu ul li.current-menu-item>a,
#primary-menu ul li.current_page_item>a,
#primary-menu ul li.current-menu-parent>a,
#primary-menu ul li.current_page_ancestor>a,
#primary-menu ul li.current-menu-ancestor>a {
	color: #454545;
}

#primary-menu {
	display: block;
	position: relative;
}

#primary-menu ul {
	margin: 0;
	padding: 0;
	display: block;
}

#primary-menu ul li {
	position: relative;
	display: block;
	float: left;
	text-align: left;
}

#primary-menu ul li a {
	display: block;
	z-index: 1;
	padding: 12px;
	font-size: 15px;
	color: #454545;
	line-height: 1;
	font-weight: 600;
	text-transform: capitalize;
}

#primary-menu ul.children,
#primary-menu ul.sub-menu {
	opacity: 0;
	position: absolute;
	top: 35px;
	left: -9999em;
	background: #F3FAFF;
	z-index: 10001;
	width: 213px;
	padding-left: 0;
	-webkit-transition: opacity 0.3s ease 0s;
	-moz-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
}

#primary-menu ul.children li,
#primary-menu ul.sub-menu li {
	position: relative;
	margin: 0;
	line-height: 1.2em;
	text-transform: none;
	width: 213px;
	min-height: inherit;
	margin: 0;
}

#primary-menu li li:hover>ul,
#primary-menu li li:focus>ul,
#primary-menu li li.focus>ul {
	top: 0px;
	left: -100%;
}

#primary-menu ul.children li a,
#primary-menu ul.sub-menu li a {
	text-decoration: none;
	text-align: left;
	display: block;
	padding: 10px 15px;
	margin: 0;
	border: none;
	line-height: inherit;
	color: #121212;
}

#primary-menu ul.children li a:hover,
#primary-menu ul.sub-menu li a:hover {
	background: #0C1A3A;
	color: #fff;
	border-radius: 0;
}

#primary-menu ul.children li ul:before,
#primary-menu ul.sub-menu li ul:before,
.menu-toggle,
.dropdown-toggle,
button.close-menu {
	display: none;
}

#primary-menu li:hover>ul,
#primary-menu li:focus>ul,
#primary-menu li.focus>ul {
	opacity: 1;
	left: 0;
}

/* Loader Styles */

#st-educare-loader-container {
    position: fixed;
    z-index: 999999;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at center, #244D7D 0%, #0C1A39 100%);
}

#st-educare-custom-loader {
  height: 80px;
  aspect-ratio: 1;
  display: grid;
}

#st-educare-custom-loader:before,
#st-educare-custom-loader:after {
  content: "";
  --c:no-repeat linear-gradient(#fff 0 0);
  background: var(--c), var(--c);
  background-size: 25% 50%;
  animation: l4 1.5s infinite linear;
}
#st-educare-custom-loader:after {
  transform: scale(-1);
}
@keyframes l4 {
  0%,
  10%  {background-position:33.4% 100%,66.6% 100%}
  40%  {background-position:33.4% 0,100% 100%}
  70%  {background-position:0 100%,66.6% 0}
  100% {background-position:33.4% 100%,66.6% 100%}
}
/* loader end */
.card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.card-footer .btn {
    margin-left: auto;
}

.st-read-more-btn{
	background: #0C1A3A;
	border-color: #0C1A3A;
}

.st-read-more-btn:hover{
	background: transparent;
	border-color: #0C1A3A;
	color: #0C1A3A;
}

.st-tags-btn{
	border-color: #0C1A3A;
	color: #0C1A3A;
}
.st-cat-badge{
	color: #fff;
	background: #0C1A3A;
}
/* post card css end */
@media screen and (min-width : 320px) and (max-width : 767px) {

	#primary-menu a:hover,
	#primary-menu ul li a:hover,
	#primary-menu li:hover>a,
	#primary-menu a:focus,
	#primary-menu ul li a:focus,
	#primary-menu li.focus>a,
	#primary-menu li:focus>a,
	#primary-menu ul li.current-menu-item>a,
	#primary-menu ul li.current_page_item>a,
	#primary-menu ul li.current-menu-parent>a,
	#primary-menu ul li.current_page_ancestor>a,
	#primary-menu ul li.current-menu-ancestor>a {
		background: none;
	}

	#primary-menu ul li a:before,
	.menu-header {
		content: none;
		position: static;
	}

	button.menu-toggle:focus {
		outline: 3px solid #051128 !important;
		text-decoration: none !important;
	}

	.menu-toggle,
	.dropdown-toggle {
		display: inline-block;
		font-size: 20px;
		font-weight: 600;
		background: #0C1A3A;
		color: #fff;
		border: none;
	}

	#primary-menu ul li a {
		color: #121212;
	}

	#primary-menu ul li a:hover {
		color: #121212;
	}

	#primary-menu {
		display: none;
	}

	.header.toggled #primary-menu {
		display: block;
		z-index: 999999;
		margin-bottom: 10px;
	}

	button.close-menu {
		display: inline-block;
		background: #0C1A3A;
		border: none;
		color: #fff;
	}

	#primary-menu ul li {
		float: left;
		width: 100%;
	}

	#primary-menu ul li:nth-child(even) {
		background: #f5f5f5
	}

	#primary-menu ul li:nth-child(odd) {
		background: #e5e5e5
	}

	#primary-menu>li>ul.children,
	#primary-menu>li>ul.sub-menu {
		position: absolute;
		top: -100%;
		background: #fff;
	}

	#primary-menu li.focus>ul.children,
	#primary-menu li.focus>ul.sub-menu,
	#primary-menu li:hover>ul.children,
	#primary-menu li:hover>ul.sub-menu,
	#primary-menu li:focus>ul.children,
	#primary-menu li:focus>ul.sub-menu {
		width: 100%;
		top: 0;
		left: 0 !important;
		position: relative;
	}

	#primary-menu ul {
		padding: 0;
		float: none;
	}

	#primary-menu ul.children li a,
	#primary-menu ul.sub-menu li a {
		padding: 0;
		line-height: 53px;
		color: #454545;
	}

	#primary-menu ul li.menu-item-has-children:after {
		content: '';
		position: absolute;
		border: solid #454545;
		right: 10px;
		top: 50%;
		border-width: 0 3px 3px 0;
		display: inline-block;
		padding: 3px;
		-webkit-transform: translate(0, -50%) rotate(-45deg);
		transform: translate(0, -50%) rotate(-45deg);
	}

	#primary-menu ul.children li,
	#primary-menu ul.sub-menu li {
		width: 100%;
		font-size: 12px;
		padding-left: 10px;
	}

	#primary-menu ul li.menu-item-has-children:hover:after,
	#primary-menu ul li.menu-item-has-children:focus:after,
	#primary-menu ul li.menu-item-has-children.focus:after {
		top: 20px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
}

@media screen and (min-width : 768px) and (max-width : 1023px) {
	#primary-menu ul li a {
		font-size: 14px;
		padding: 10px;
	}
}