/*
Theme Name: ST Seo Agency
Theme URI: https://striviothemes.com/themes/free-seo-wordpress-theme/
Author: KristynaBennett
Author URI: https://striviothemes.com/
Description: The ST SEO Agency WordPress theme is a powerful and flexible solution designed for digital marketing agencies, SEO specialists, and web development firms. With its modern aesthetics and feature-rich functionality, this theme provides everything needed to establish a strong and impactful online presence. Featuring a clean layout, bold typography, and strategic color schemes, ST SEO Agency exudes professionalism and expertise, making it an excellent choice for businesses looking to make a lasting impression. Its customization options allow users to tailor their site to match their branding, ensuring a unique and memorable online identity. This versatile SEO WordPress theme caters to a wide range of industries, including digital marketing, SEO services, web development, IT solutions, startups, corporate businesses, technology firms, e-commerce, and online marketing. Agencies can showcase their services, portfolios, and client testimonials, while SEO professionals can leverage its integrated blogging features to share insights and expertise. With an intuitive and user-friendly interface, ST SEO Agency makes website creation accessible—even for those with little technical experience. It comes packed with SEO optimization tools, including schema markup and meta tags, to boost search engine rankings and drive organic traffic. Additionally, seamless plugin integration enhances its functionality and flexibility. Download the ST SEO Agency WordPress Theme today and elevate your online presence. ST SEO Agency WP Theme Demo Page: https://striviothemes.com/demo/st-seo-agency-pro/
Version: 2.1
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-seo-agency
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: #0028FF;
	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:#0028FF;
  }

@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: #0028FF;
	text-align: center;
	white-space: nowrap;
	user-select: none;
	background-color: transparent;
	border: 1px solid #0028FF;
	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: #0028FF;
	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-seo-agency-post {
	margin-bottom: 50px;
}

.st-seo-agency-post img {
	max-width: 100%;
}

.st-seo-agency-post .post-title {
	margin: 0;
}

.st-seo-agency-post .post-categories {
	margin-bottom: 20px;
}

.st-seo-agency-post .post-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 0;
	border-bottom: 1px solid #e8e8e8;
}

.st-seo-agency-post .read-more {
	display: inline-block;
	padding: 5px 15px;
	border: 1px solid #0028FF;
	text-transform: capitalize;
}

.st-seo-agency-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 #0028FF;
}

.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-seo-agency-post .read-more a,
.st-seo-agency-post .post-title a {
	text-decoration: none;
}

.wp-block-button__link{
	color: #fff !important;
  background-color:#0028FF ;
  margin-bottom: 5px;
}
.wp-block-button.is-style-outline .wp-block-button__link{
  border: 1px solid #0028FF;
  color: #121212 !important;
}
.wp-block-button.is-style-squared .wp-block-button__link{
  border-radius: 0px !important;
}

.post-title a, h1.post-title {
	word-wrap: break-word;
}

#primary-menu ul li.page_item_has_children:after {
	content: "\f0d7";
	font-family: 'Font Awesome 6 Free';
	font-weight: 600;
	position: absolute;
	right: -6px;
	top: 50%;
	display: inline-block;
	padding: 3px;
	transform: translate(-50% , -50%);
	color: #000;
}
#primary-menu ul li.page_item_has_children{
	padding-right: 10px;
	margin-right: 10px;
}
#primary-menu ul.sub-menu li.page_item_has_children:after {
	right: 30px;
}

/* 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: #0028FF;
	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-seo-agency-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, #0028FF 0%, #ffff 100%);
}

#st-seo-agency-custom-loader {
  height: 80px;
  aspect-ratio: 1;
  display: grid;
}

#st-seo-agency-custom-loader:before,
#st-seo-agency-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-seo-agency-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 */

/* post card css start */

.card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.card-footer .btn {
    margin-left: auto;
}

.st-read-more-btn{
	background: #0028FF;
	border-color: #0028FF;
}

.st-read-more-btn:hover{
	background: transparent;
	border-color: #0028FF;
	color: #0028FF;
}

.st-tags-btn{
	border-color: #0028FF;
	color: #0028FF;
}
.st-cat-badge{
	color: #fff;
	background: #0028FF;
}
/* 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: #0028FF;
		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: #0028FF;
		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;
	}
}