/*
Theme Name: Egerton Blog 1.4.2
Theme URI: https://blog.egerton.pl/
Author: themeeverest
Author URI: https://superbthemes.com/
Description: Custom Egerton blog theme based on the existing customized Blogrid 2.2 installation. Updates are managed manually to preserve Egerton-specific code.
Version: 1.4.2
Update URI: https://blog.egerton.pl/egerton-blog-v142/
Tested up to: 5.0
Requires PHP: 5.4.2
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain: blogrid
Tags: blog, news, right-sidebar, post-formats, custom-background, custom-logo, custom-menu, featured-images, threaded-comments, sticky-post, translation-ready

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.
*/


body,
code,
html,
kbd,
pre,
samp {
	font-family: 'Open Sans',sans-serif;
	font-family: 'Jost',sans-serif;
}

hr,
img,
legend {
	border: 0
}
.footer-info-right a {
	text-decoration:none;
}
legend,
td,
th {
	padding: 0
}

pre,
textarea {
	overflow: auto
}

address,
blockquote,
p {
	margin: 0 0 1.5em
}

img,
pre,
select {
	max-width: 100%
}

body {
	color: #000
}
a {
	color:#000;
	text-decoration:underline;
}
.aligncenter,
.clear:after,
.clearfix:after,
.comment-content:after,
.entry-content:after,
.page-links,
.site-content:after,
.site-footer:after,
.site-header:after {
	clear: both
}


ins,
mark {
	text-decoration: none
}

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	box-sizing: border-box
}

body {
	font-weight: 400;
	font-size: 16px;
	line-height: 1.625;
	margin: 0;
	background-color: #E2E8DD;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden],
template {
	display: none
}

abbr[title] {
	border-bottom: 1px dotted
}

b,
optgroup,
strong {
	font-weight: 700
}

cite,
dfn,
em,
i {
	font-style: italic
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

mark {
	color: #000
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

img {
	height: auto
}

svg:not(:root) {
	overflow: hidden
}

hr {
	box-sizing: content-box;
	background-color: #ccc;
	height: 1px;
	margin-bottom: 1.5em
}


code,
kbd,
pre,
samp {
	font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
	font: inherit;
	margin: 0;
	color: #333;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5
}
/* Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  right: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

code,
kbd,
pre,
tt,
var {
	font-family: Lato, 'helvetica neue', helvetica, arial
}

button {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled],
html input[disabled] {
	cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0
}

input[type=checkbox],
input[type=radio] {
	box-sizing: border-box;
	padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	height: auto
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

textarea {
	width: 100%
}

form label {
	width: 100%;
	margin-bottom: 10px;
	display: inline-block;
	text-transform: uppercase
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #000;
	font-weight: 400;
	margin-bottom: 15px
}
article h1,
article h2,
article h3,
article h4,
article h5,
article h6 {
	color: #000;
	line-height: 140%;
	font-weight: 400;
	margin-bottom: 15px;
	font-family: 'Lato', lato, 'helvetica neue', helvetica, arial;
}

pre {
	background: #eee;
	font-size: 15px;
	font-size: .9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	padding: 1.6em
}

code,
kbd,
tt,
var {
	font-size: 15px;
	font-size: .9375rem
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help
}

ins,
mark {
	background: #fff9c0
}

big {
	font-size: 125%
}

*,
:after,
:before {
	box-sizing: inherit
}

blockquote {
	background: rgba(0, 0, 0, 0.1);
	border-left: 6px solid rgba(0, 0, 0, 0.2);
	padding: .5em 10px
}

blockquote:after,
blockquote:before,
q:after,
q:before {
	content: ""
}

ol,
ul {
	margin: 0 0 1.5em 1em
}

ul {
	list-style: disc
}

ol {
	list-style: decimal
}

li>ol,
li>ul {
	margin-bottom: 0;
	margin-left: 10px
}

article li>ol,
article li>ul {
	padding-left:0px;
}
article ol, article ul {
	padding-left:0;
	margin-left:25px;
}


dt {
	font-weight: 700
}

dd {
	margin: 0 1.5em 1.5em
}

figure {
	margin: 1em 0
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 1.5em;
	width: 100%;
	margin-left:auto;
	margin-right:auto;
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
	color: #fff;
	font-size: 16px;
	line-height: 1.5;
	padding: 10px 20px;
	font-weight: 700;
	border: none;
	border-radius: 3px;
	background: #06C
}

button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
	opacity: .9;
	border-color: #ccc #bbb #aaa
}

button:active,
button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
	border-color: #aaa #bbb #bbb
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
input[type=number],
input[type=search],
textarea {
	color: #666;
	border: 1px solid #e5e6e9;
	padding: 16px
}

select {
	border: 1px solid #ccc
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
input[type=number]:focus,
input[type=search]:focus,
textarea:focus {
	color: #111
}

a {
	transition: all .10s linear
}

.main-navigationigation {
	display: block;
	float: left;
	width: 100%
}

.main-navigationigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0
}

.main-navigationigation ul li {
	float: left;
	position: relative
}

.main-navigationigation ul li a {
	display: block;
	text-decoration: none
}

.main-navigationigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, .2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999
}

.main-navigationigation ul ul ul {
	left: -999em;
	top: 0
}

.main-navigationigation ul ul a {
	width: 200px
}




.main-navigationigation ul li.focus>ul,
.main-navigationigation ul li:hover>ul {
	left: auto
}

.main-navigationigation ul ul li.focus>ul,
.main-navigationigation ul ul li:hover>ul {
	left: 100%
}

@media screen and (min-width:37.5em) {
	.nav-#secondary-site-navigation {
		display: none
	}
	.main-navigationigation ul {
		display: block
	}
}

.site-main .comment-navigation,
.site-main .post-navigation,
.site-main .posts-navigation {
	margin: 0 0 1.5em;
	overflow: hidden
}

.comment-navigation .nav-previous,
.post-navigation .nav-previous,
.posts-navigation .nav-previous {
	float: left;
	width: 50%
}

.comment-navigation .nav-next,
.post-navigation .nav-next,
.posts-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%
}

#content[tabindex="-1"]:focus {
	outline: 0
}

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.hentry,
.page-links {
	margin: 0 0 1.5em
}

.clear:after,
.clear:before,
.comment-content:after,
.comment-content:before,
.entry-content:after,
.entry-content:before,
.site-content:after,
.site-content:before,
.site-footer:after,
.site-footer:before,
.site-header:after,
.site-header:before {
	content: "";
	display: table;
	table-layout: fixed
}

.sticky {
	display: block
}

.updated:not(.published) {
	display: none
}

.comment-content a {
	word-wrap: break-word
}

.comment-form label {
	margin-bottom: 10px;
	display: inline-block;
	text-transform: uppercase
}

.bypostauthor {
	display: block
}

.comments-area {
	width: 100%
}

.comment-respond .comment-form {
	width: 100%;
	box-sizing: border-box
}

.comments-area .comment-meta,
.comments-area .comment-respond {
	position: relative
}

.comments-area .comments-title {
	margin-bottom: 30px;
	color: #222;
	font-size: 30px
}

.comments-area .comment-meta .comment-metadata a {
	color: #999
}

.comment-meta .vcard img {
	float: left;
	margin-right: 14px
}

.comments-area .comment-author {
	line-height: normal;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 0
}

.comments-area .comment-author .fn a {
	color: #222
}

.comments-area .comment-content {
	padding: 20px 0 0 45px;
}

.comments-area .reply .comment-reply-link i {
	font-size: 12px
}

.comments-area .comment-content p {
	margin-bottom: 5px
}

.comments-area p.form-submit {
	margin-bottom: 0;
	padding-bottom: 10px
}

.comments-area p.form-submit input {
	background: #fab526;
	padding: 10px 17px;
	transition: all 0.4s;
	font-size: 14px;
	color: #fff;
	margin: 0 5px;
	text-decoration: none;
	font-weight: 600;
	display: inline-block;
	box-shadow: 0 2px 4px rgba(0,0,0,.1);
	border-radius: 3px;
	border-radius: inherit;
	margin: 0;
	transition: background .25s linear
}


.comments-area ol.comment-list>li:last-child {
	margin-bottom: 0
}

.comments-area ol.comment-list>li {
	width: 100%;
	border-bottom: 3px solid #000
}

#comments li.comment.parent article .reply,
.author-highlight li.bypostauthor article .reply {
	padding-bottom: 0
}

.comments-area ol.comment-list ol.children li  {
	padding-top: 20px;
	margin-left:0;
	margin-top:20px;
	padding-left: 10px;
	margin-bottom: 0;
	list-style:none;
	border-top:1px solid rgba(0,0,0,0.1);
	border-bottom: 0px;
	padding-bottom: 0px;
}

ol.children {
	margin-left: 0;
	padding-left: 5px;
}
.comments-area ol.comment-list li li.bypostauthor {
	position: relative
}
.single .featured-thumbnail {
	width:100%;
	margin-bottom:20px;
}
.single h1.entry-title,
.page h1.entry-title,
.single h2.comments-title {
	color: #212121;
	font-size: 30px;
	font-weight: 900;
	line-height: 140%;

}
.single .post-data-text *,{
	color: #afafaf;
	font-weight: 400;
	text-align: left;
	font-size: 15px;
}
.comments-area.author-highlight ol.comment-list li.bypostauthor {
	border-bottom: 3px solid #f00000;
	padding: 40px;
	background: #f5f5f5
}


#comments li.comment .comment-respond {
	margin-top: 10px;
	position: relative
}

.comment-reply-title {
	position: relative;
	color: #3498DB;
	margin: 0 0 16px;
	padding-bottom: 20px
}

p.comment-form-email, p.comment-form-author {
	max-width: 49%;
	float: left;
	display: inline-block;
}

p.comment-form-email {
	margin-left: 2%;
}

.comment-form-wrap .comment-respond,
.main-navigation ul li,
.sheader {
	position: relative
}
a#cancel-comment-reply-link {
	display: block;
	font-size: 17px;
	opacity: 0.6;
}
.comments-area .comment-respond * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.comment-respond .logged-in-as a {
	color: #000;
}
.comments-area {
	box-shadow: 0 2px 4px rgba(0,0,0,.1);
}
.comments-area .comment-respond input[type=text],
.comments-area .comment-respond input[type=email],
.comments-area .comment-respond input[type=url] {
	background: #fff;
	padding: 8px 14px;
	width: 100%;
	max-width: 430px;
	margin-bottom: 6px
}

.wp-caption,
embed,
iframe,
object {
	max-width: 100%
}

.comments-area .comment-respond textarea {
	width: 100%;
	margin-bottom: 0
}

.comments-area p {
	margin-bottom: 12px
}

.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none
}

.infinity-end.neverending .site-footer {
	display: block
}

.comment-content .wp-smiley,
.entry-content .wp-smiley,
.page-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0
}

.custom-logo-link {
	display: inline-block
}

.wp-caption {
	margin-bottom: 1.5em
}

.wp-caption img[class*=wp-image-] {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.wp-caption .wp-caption-text {
	margin: .8075em 0
}

.wp-caption-text {
	text-align: center
}

.gallery {
	margin-bottom: 1.5em
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%
}

.gallery-columns-2 .gallery-item {
	max-width: 50%
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33333%
}

.gallery-columns-4 .gallery-item {
	max-width: 25%
}

.gallery-columns-5 .gallery-item {
	max-width: 20%
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66667%
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28571%
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11111%
}

.gallery-caption {
	display: block
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	height: 0
}

#site-header,
#site-header img,
.clearfix,
.site-branding {
	display: inline-block
}

.clearfix {
	width: 100%
}

* html .clearfix {
	height: 1%
}
.widget li a {
	text-decoration:none;
}
.entry-header h2 a,
.site-info a:hover,
.site-title a {
	text-decoration: none
}

.fbox {
	width: 100%;
	margin-bottom: 30px;
	border-radius: 1px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.fbox h1,
.fbox h2,
.fbox h3 {
	margin-top: 0;
	color: #222
}

.page-header h1 {
	margin-bottom: 0
}


.container {
	width: 100%
}

.content-wrap {
	max-width: 1180px;
	margin: 0 auto;
}

.sheader {
	width: 100%;
	margin: 0 0 40px;
}
.primary-menu ul li ul.children,
.primary-menu ul li ul.sub-menu {
	background: #fff;
	color:#000;
}
.site-branding.branding-logo {
	margin: 30px 0;

}
.site-branding {
	background:#333;
	padding:70px 0;
	text-align: center;
	width: 100%
}


.branding-logo .custom-logo {
	display: block;
	width: auto
}

.site-branding .site-title {
	font-size: 48px;
	line-height: 150%;
	padding: 0;
	margin: 0;
	font-family: 'Lato', lato, 'helvetica neue', helvetica, arial;
}

.site-title a {
	color: #fff
}

.site-branding .logo-image {
	margin-top: 0
}

.site-description {
	font-size: 16px;
	color: #fff;
	padding: 0;
	margin: 0
}

.featured-sidebar #main .search-field, .header-widget #main .search-field {
	width: 100%;
	height: 46px;
	border-radius: 0;
	line-height: 46px;
	padding: 16px;
	border: 1px solid #000;
	border-radius: 3px;
	background:rgba(0,0,0,0);
}
.header-widget .search-field {
	width:100%;
}

.header-widget .search-form label {
	width:100%;
}

.ads-top .search-submit,
.featured-sidebar .search-submit,
.header-widget .search-submit {
	display: none
}

.search-form label {
	width: auto;
	float: left;
	margin-bottom: 0
}

.featured-sidebar label {
	width: 100%;
	float: none
}

.search-form .search-submit {
	padding: 17px 24px;
	border: none;
	border-radius: 0 3px 3px 0
}

.ads-top {
	width: 70%;
	float: right;
	padding: 22px 0;
	overflow: hidden
}

.ads-top .textwidget img {
	display: block
}

.ads-top .search-field {
	width: 220px;
	padding: 15px;
	float: right;
	margin: 14px 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px
}

.ads-top label {
	float: right
}

#smobile-menu {
	display: none
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.main-navigation ul li a {
	font-size: 15px;
	display: block
}

.main-navigation ul li.current-menu-ancestor>a,
.main-navigation ul li.current-menu-item>a,
.main-navigation ul li.current-menu-parent>a,
.main-navigation ul li.current_page_ancestor>a,
.main-navigation ul li:hover>a,
.main-navigation ul li>a:hover {
	text-decoration: none
}


.main-navigation ul li .sub-arrow {
	width: 50px;
	line-height: 50px;
	position: absolute;
	right: -20px;
	top: 0;
	color: #000;
	font-size: 14px;
	text-align: center;
	cursor: pointer
}
.main-navigation ul ul li .sub-arrow {
	right:-17px;
}


.mobile-menu .fa-bars {
	float: right;
	margin-top: 3px
}

.main-navigation ul li .arrow-sub-menu::before {
	font-size: 12px
}

.primary-menu {
	margin: 0;
	position: relative;
	z-index: 2
}

.primary-menu ul li a {
	color: #fff;
	padding: 16px
}

.primary-menu ul li .fa-chevron-right {
	color: #fff
}

.primary-menu ul ul li .fa-chevron-right {
	color: #010101
}

.primary-menu ul li ul.children li,
.primary-menu ul li ul.sub-menu li {
	border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.secondary-menu {
	width: 100%;
	float: left;
	border-top: 1px solid #e5e6e9;
	position: relative
}

.secondary-menu .smenu ul li a,
.secondary-menu ul.smenu li a {
	color: #333;
	padding: 24px 16px
}

.secondary-menu ul.smenu li a:hover,
.secondary-menu ul.smenu li.current-menu-item a {
	color: #06C
}

.secondary-menu ul.smenu ul li {
	border-bottom: 1px solid #e5e6e9
}

.secondary-menu ul.smenu ul li a {
	padding: 16px
}

.secondary-menu ul.smenu>li:first-child {
	border: none
}


.secondary-menu .arrow-menu {
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	text-align: center;
	display: none;
	width: 42px;
	height: 42px;
	line-height: 44px;
	border-left: 1px solid rgba(0, 0, 0, .2)
}

.secondary-menu ul.smenu li.btn-right {
	float: right;
	border: none;
	margin: 16px 0
}

.secondary-menu ul.smenu li.btn-right a {
	padding: 9px 25px 11px;
	font-weight: 500;
	background: #06C;
	text-align: center;
	text-transform: capitalize;
	display: block;
	line-height: 1.25;
	box-sizing: border-box;
	color: #fff;
	border-radius: 3px
}

.secondary-menu .btn-right a:hover {
	opacity: .8;
	color: #fff
}

.search-style-one {
	width: 100%;
	position: fixed;
	overflow: hidden;
	height: 90px;
	z-index: 9;
	left: 0;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	transition: -webkit-transform .4s linear, visibility .1s;
	transition: transform .4s linear, visibility .1s
}

.overlay {
	background: rgba(0, 0, 0, .7);
	width: 100%
}

.search-style-one.open {
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.search-row {
	position: relative;
	margin: 0 auto
}

.overlay .overlay-close {
	width: 50px;
	height: 52px;
	line-height: 52px;
	position: absolute;
	right: 8%;
	top: 15px;
	font-size: 20px;
	overflow: hidden;
	border: none;
	padding: 0 17px;
	color: #3a5795;
	background: rgba(255, 255, 255, .9);
	z-index: 100;
	cursor: pointer;
	border-radius: 2px
}

.search-style-one .search-row input#s {
	width: 100%;
	height: 82px;
	line-height: 82px;
	padding: 20px 30px;
	color: #fff;
	font-size: 18px;
	background: 0 0;
	border: none;
	box-sizing: border-box
}

#site-header {
	width: 100%;
	text-align: center;
	position: relative;
	z-index: 3;
	margin: 0;
	background: #fff
}

#site-header a {
	display: block
}

#site-header img {
	width: auto;
	line-height: 20px;
	margin: 0;
	vertical-align: top
}

.nav-links .dots,
.nav-links a,
.nav-links span.current,
.site-info {
	line-height: normal
}

.site-header ul ul {
	list-style: none;
	min-width: 240px;
	display: none;
	position: absolute;
	top: inherit;
	right: 0;
	margin: 0;
	padding: 0;
	z-index: 9;
}

.site-header ul ul li {
	float: none
}

.site-header ul ul ul {
	top: 0;
	left: 238px
}

.site-content {
	width: 100%;
	display: block
}

.featured-content {
	width: 100%;
	float: left;
}

.featured-thumbnail img {
	width:100%;
	max-width:100%;
	height:auto;
}

.single-post .featured-thumbnail img{
	max-width:980px;
}

.featured-thumbnail {
	float: left;
	display: inline-block;
	min-width: 100%;
	width:100%;
	position:relative;
	text-align:center;
}
.posts-entry .entry-content p:last-child {
	margin-bottom: 0
}
.content-wrapper {
	/*padding: 10px 30px 30px;*/
	float:left;
	width:100%;
	position:relative;
}
.content-wrapper .blog-data-wrapper {
	margin:0;
}
.no-featured-img-box .content-wrapper {
	width: 100%;
}
.content-wrapper h2.entry-title {
	text-align: center;
	margin: 0 0 5px;
	color: #212121;
	font-size: 30px;
	font-weight:900;
	line-height:110%;
}

.content-wrapper h2.entry-title a,
.content-wrapper h2.entry-title a:hover,
.content-wrapper h2.entry-title a:active,
.content-wrapper h2.entry-title a:focus {
	color: #212121;
	font-size: 22px;
	font-weight:700;
	line-height:110%;
	margin:0;
}
.content-wrapper .entry-meta {
	margin:0;
	padding:0;
}
.content-wrapper p {
	color: #949494;
	font-size: 15px;
	margin:0;
}
.content-wrapper .post-data-text {
	margin: 3px 0 8px;
	padding:0;
	text-align:left;
	float:left;
}
.content-wrapper .post-data-text * {
	color: #afafaf;
	font-weight: 400;
	text-align:left;
	font-size: 15px;
}


.posts-entry .entry-footer {
	width: 100%;
	display: inline-block;
	margin: 1.5em 0 0;
	font-size: 12px;
	text-align: center;
	background: #f1f1f1;
	padding: 5px 20px
}

.single .posts-entry .entry-footer {
	text-align: left;
	background: 0 0;
	padding: 0
}

.entry-meta {
	margin-bottom: 14px;
	font-family: Lato, 'helvetica neue', helvetica, arial
}

.post-item-grid-view .entry-meta {
	margin-bottom: 0
}



.entry-footer span {
	padding-right: 16px;
	position: relative
}

.entry-footer span:after {
	content: "";
	height: 12px;
	overflow: hidden;
	border-right: 1px solid #4169e1;
	position: absolute;
	right: 8px;
	top: 1px
}

.entry-footer span:last-child:after {
	content: "";
	display: none
}

.nav-links span.current,
.site-info,
.site-info a {
	color: #fff
}

.site-footer {
	width: 100%;
	float: left;
	background: #000
}

.site-info {
	float: left;
	font-size: 14px
}

.site-info a:hover {
	border-bottom: dotted 1px
}

.site-info p {
	padding: 0
}

.pagination:after {
	clear: both;
	content: " ";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden
}

.nav-links {
	width: 100%;
	display: inline-block
}

#load-posts a,
.nav-links .nav-next,
.nav-links .nav-previous,
.pagination a {
	background: #fff;
	display: inline-block;
	line-height: 1;
	color: #333;
	padding: 2% 4%;
	box-sizing: border-box;
	margin: 0;
	text-decoration: none
}

.nav-links .nav-next,
.nav-links .nav-previous {
	max-width: 40%;
	border-radius: 1px
}

.nav-links .nav-previous {
	float: left;
	text-align: left
}

.nav-links .nav-next {
	float: right;
	text-align: right
}

.paging-navigation .nav-links .nav-next a,
.posts-navigation .nav-next a {
	float: right
}

.nav-links span.meta-nav {
	font-size: 18px
}

#load-more-wrap {
	width: 100%;
	text-align: center
}

#load-more-wrap a {
	background: #f3f2f2;
	padding: 10px;
	display: block
}

.posts-related,
.posts-related ul {
	width: 100%;
	display: inline-block
}

.posts-related ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.posts-related ul.grid-related-posts li {
	width: 31.3%;
	float: left;
	margin: 0 3% 3% 0
}

.posts-related ul.grid-related-posts li:nth-child(3n) {
	margin-right: 0
}

.posts-related ul.grid-related-posts li:nth-child(3n+1) {
	clear: left
}

.posts-related ul.list-related-posts {
	margin-bottom: 0
}

.posts-related ul.list-related-posts li {
	width: 100%;
	float: left;
	display: block;
	margin: 0 0 2%;
	padding-bottom: 2%;
	border-bottom: 1px solid #f5f5f5
}

.posts-related ul.list-related-posts li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none
}

.posts-related .list-related-posts .featured-thumbnail {
	max-width: 160px;
	max-height: 160px
}

.posts-related .list-related-posts .featured-thumbnail img {
	width: 100%;
	height: 100%;
	display: block
}

.posts-related ul.list-related-posts .related-data a {
	color: #3498DB;
	display: block;
	margin-bottom: 5px
}

.posts-related ul.nothumb-related-posts {
	width: 100%;
	display: inline-block;
	margin-bottom: 0;
	padding: 0
}

.posts-related ul.nothumb-related-posts li {
	line-height: 34px
}

.featured-sidebar {
	width: 30%;
	float: left
}

.widget {
	width: 100%;
	padding: 8.8%;
	float: left;
	clear: both
}

.swidget {
	width: 100%;
	display: inline-block;
	margin-bottom: 20px;
	float:left;
}

.swidget h3 {
	width: auto;
	display: inherit;
	font-size: 20px;
	color: #000;
	text-transform: uppercase;
	padding-bottom: 15px;
	margin: 0
}

.fmenu,
.fmenu ul li {
	display: inline-block
}

.widget ul {
	padding: 0;
	margin-bottom: 0;
	list-style-position: inside
}

.widget>ul {
	margin: 0
}

.widget ul li {
	display: inline-block;
	float: left;
	width: 100%;
	border-bottom: 1px solid #e6e6e6;
	padding:10px 0;
}
.widget ul li a {
	margin:0;
	padding: 0;
}

.widget .popular-post-meta,
.widget .recent-post-meta {
	font-size: 12px;
	line-height: normal
}

.widget .post-img {
	float: left;
	margin-right: 10px
}

#wp-calendar {
	margin-bottom: 0
}

#wp-calendar thead th {
	padding: 0;
	text-align: center
}

#wp-calendar td {
	text-align: center;
	padding: 7px 0
}

#wp-calendar caption {
	font-size: 16px;
	padding-bottom: 10px;
	font-weight: 700
}

#wp-calendar tfoot {
	margin-top: 30px
}

#wp-calendar #prev {
	text-align: left;
	padding: 0 0 0 12px
}

#wp-calendar #next {
	text-align: right;
	padding: 0 12px 0 0
}

#wp-calendar #next a,
#wp-calendar #prev a {
	text-decoration: none
}

.fmenu {
	width: 100%;
	text-align: center;
	margin-top: 10px
}

.fmenu ul {
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: normal
}

.fmenu ul li {
	float: none
}

.fmenu ul li a {
	color: #fff;
	text-transform: none;
	margin: 0 8px;
	font-size: 14px;
	line-height: normal
}

.fmenu ul li a:hover {
	text-decoration: none
}

@media (min-width:1100px) {
	.super-menu,
	.toggle-mobile-menu {
		display: none
	}
}

@media (min-width:992px) {
	.fmenu,
	.footer-menu ul {
		float: right
	}
	.arrow-menu,
	.footer-menu ul li .arrow-sub-menu {
		display: none
	}
	.fmenu {
		width: auto;
		margin-top: 0;
		text-align: right
	}
	.footer-menu {
		width: 100%
	}
	.footer-menu ul li {
		float: left;
		line-height: 14px
	}
	.footer-menu ul ul {
		margin-left: 0;
		list-style: none;
		border-left: 1px solid #ccc
	}
	.footer-menu ul>li:first-child {
		border: none
	}
	.footer-menu ul li.main-navigation-item-has-children a,
	.footer-menu ul li.main-navigation-item-has-children ul {
		float: left
	}
	.secondary-menu .smenu ul ul.children,
	.secondary-menu .smenu ul ul.sub-menu {
		box-shadow: 0 2px 5px -2px #9baac2
	}
	.secondary-menu .smenu ul ul.children li,
	.secondary-menu .smenu ul ul.sub-menu li {
		border-bottom: 1px solid #f5f5f5
	}
}

@media screen and (max-width:1100px) {
	.main-navigation ul li .sub-arrow {
		right:0px;
	}
	.ads-top,
	.site-branding {
		text-align: center;
		width: 100%
	}
	* {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	.ads-top .textwidget img {
		display: inline
	}

	.main-container-wrap {
		position: relative;
		left: 0;

	}
	#mobile-menu-overlay {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 999;
		cursor: pointer;
		display: none;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		background: rgba(0, 0, 0, .5)
	}
	#page {
		position: relative;
		left: 0;
		top: 0;
	}
	.main-navigation,
	.smenu-hide {
		display: none
	}
	.mobile-menu-active .smenu-hide {
		display: block;
		color: #000
	}
	.mobile-menu-active #mobile-menu-overlay {
		display: block
	}
	.mobile-menu-active #page {
		width: 100%;
		max-width: 100%;
		position: fixed;
		top: 0;
		right: 300px;
		transition: left .5s ease;
		-ms-transform: translate(70%, 0);
		-webkit-transform: translate(70%, 0);
		transform: translate(70%, 0)
	}
	#smobile-menu {
		background-color: #fff;
		position: fixed;
		width: 100%;
		top: 0;
		bottom: 0;
		left: -70.1%;
		z-index: 5999998;
		overflow-x: hidden;
		-webkit-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	#smobile-menu .content-wrap,
	#smobile-menu .primary-menu ul {
		width: 100%;
		max-width: 100%;
		margin: 0
	}
	#smobile-menu.show {
		left: 0;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
	#smobile-menu.show .main-navigation {
		width: 100%;
		float: left;
		display: block;
		margin: 0
	}
	#smobile-menu.show .main-navigation ul li {
		width: 100%;
		display: block;
		border-bottom: 1px solid rgba(0, 0, 0, 0.2)
	}
	#smobile-menu.show .main-navigation ul li a {
		padding: 12px 20px
	}
	#smobile-menu.show .main-navigation ul ul.children,
	#smobile-menu.show .main-navigation ul ul.sub-menu {
		display: none
	}
	#smobile-menu.show .main-navigation ul ul.children.active,
	#smobile-menu.show .main-navigation ul ul.sub-menu.active {
		border-top: 1px solid rgba(255, 255, 255, 0.1)
	}
	#smobile-menu.show .main-navigation ul ul.children li:last-child,
	#smobile-menu.show .main-navigation ul ul.sub-menu li:last-child {
		border: none
	}
	#smobile-menu.show .main-navigation ul li .sub-arrow {
		display: block
	}
	.toggle-mobile-menu {
		display: inline-block;
		width: 100%;
		margin: auto;
		position: relative;
		color: #fff;
		text-align: right;
		z-index: 1;
		padding: 12px 20px
	}
	.toggle-mobile-menu:before {
		font-family: FontAwesome;
		content: "\f0c9";
		font-size: 18px;
		line-height: 50px;
		margin-right: 10px;
		position: absolute;
		color:#000;
		left: 0;
		top: 0
	}
	.mobile-only .toggle-mobile-menu {
		text-decoration: none
	}
	.mobile-only .toggle-mobile-menu:before {
		left: 20px
	}
	.super-menu {
		background:#fff;
	}
	.super-menu-inner {
		width: 1120px;
		max-width: 90%;
		margin: 0 auto
	}
	.super-menu .toggle-mobile-menu {
		padding: 10px 0;
		color: #000;
		text-decoration: none
	}
	.super-menu .main-navigation-toggle:before {
		left: 0
	}
}

@media (max-width:992px) {
	.featured-content,
	.featured-sidebar {
		width: 100%;
		margin: 0
	}
	.site-info {
		width: 100%;
		text-align: center
	}
}
.widget ul li {
	display:inline-block;
	float:left;
	width:100%;
}
.widget ul {
	display:inline-block;
	float:left;
	width:100%;
}
.widget ul:first-of-type li:first-of-type {
	margin-top:0px;
	padding-top:0px;
}
.widget ul:last-of-type li:last-of-type {
	margin-bottom:0px;
	border-bottom:0px;
	padding-bottom:0px;
}


.text-center {
	text-align:center;
}
.primary-menu .pmenu {
	margin: auto;
	display: inline-block;
	float:right;
	text-align:center;
}
.main-navigation ul li {
	position: relative;
	display: inline-block;
}
.main-navigation ul li a {
	color: white;
	font-weight: 400;
	font-size: 15px;
	padding: 15px 1rem; 
	text-decoration: none;
}
.primary-menu {
	float:left;
}
.site-branding.branding-logo {
	width: 100%;
	text-align: center;
}

.sheader {
	background-size:cover;
	background-position:top center;
}
.site-branding .site-description {
	line-height:150%;
}
.site-header ul ul {
	text-align: left;
}
.primary-menu ul li ul.children li, .primary-menu ul li ul.sub-menu li {
	width:100%;
	max-width: 100%;
}
.site-header ul ul li a {
	font-size: 14px;
	opacity: 0.8;
}
.site-header ul ul li:first-of-type a {
	border-top:0px solid #000;
}
.swidgets-wrap {
	background:#fff;
	padding: 20px 20px;
	text-align: left;
	margin-top: 0;
	box-shadow: 0 2px 4px rgba(0,0,0,.1);
}

.swidgets-wrap h3 {	
	display: inline-block;
	line-height:130%;
	font-size: 17px;
	font-weight: 500;
	color: #2b2b2b;
	margin-bottom: 5px;
	padding:0;
}	
.widget time.rpwe-time.published {
	width: 100% !important;
	display: block !important;
	font-size: 12px;
}
#secondary .widget {
	font-size: 15px;
	color: #333;
}
.widget_archive ul:last-of-type li:last-of-type {
	margin-bottom:0px;
}
.widget h3.rpwe-title {
	font-size: 14px !important;
	padding: 0px !important;
	display: block !important;
}
.widget img.rpwe-thumb {
	border: 0px #fff !important;
	box-shadow: 0px 0px 0px #fff !important;
	padding: 0px !important;
	margin-top: 0px !important;
}
.site-info {
	float: left;
	font-size: 14px;
	width: 100%;
	text-align: center;
	opacity: 0.8;
	padding:20px;
	border-top:1px solid rgba(255, 255, 255, 0.2);
}
.footer-column-three {
	display: inline-block;
	float: left;
	width: 100%;
	max-width: 33%;
	color: #fff;
	padding: 50px 0;
}
.footer-column-three .widget {
	padding:0;
	background:rgba(0,0,0,0);
	font-size:14px;
	margin:0;
}

.footer-column-three h3 {
	background: rgba(0,0,0,0);
	color: #fff;
	padding: 0;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 500;
	font-family:'lato';
	letter-spacing: 2px;
}
.top-nav-wrapper {
	background:white;
	display: block;
	float: left;
	width: 100%;
}
.footer-column-three p {
	font-size: 14px;
	color: #656565;
}
.footer-column-three a {
	color: #fff;
}
.footer-column-three h3:after {
	display: block;
	height: 2px;
	width: 40px;
	content: ' ';
	background: rgba(255, 255, 255, 0.24);
	margin-top: 7px;
}
.footer-column-left {
	padding-right:10px;
}
.footer-column-middle {
	padding-right:10px;
	padding-left:10px;
}
.footer-column-right {
	padding-left:10px;
}
.footer-column-three .widget {
	margin-bottom: 40px;
	overflow:hidden;
}

.footer-column-three .widget:last-of-type {
	margin-bottom: 0;
}
.footer-column-three input.search-submit {
	background: rgba(0,0,0,0);
	border: 1px solid #fff;
	padding: 10px 15px;
	font-size:13px;
}
.footer-column-three input.search-field {
	background: rgba(0,0,0,0);
	border: 1px solid #ffff;
	border-right: 0px;
	padding-bottom: 18px;
	color: #fff;
	font-size:13px;
	padding: 10px;
}

.footer-column-three p:last-of-type {
	margin-bottom:0px;
}
.entry-meta {
	display: inline-block;
	margin: auto;
	text-align: center;
	font-size: 17px;
	color: #000;
	margin-bottom: 5px;
	padding: 0px 20px;
	font-weight: 100;
}

h1.entry-title, h2.entry-title, h2.entry-title a:hover, h2.entry-title a:active {
	color: #000;
	text-align: center;
	line-height: 150%;
	margin-top: 0px;
}

.entry-meta {
	display: inline-block;
	margin: auto;
	text-align: center;
	font-size: 17px;
	color: #000;
	margin-bottom: 5px;
	padding: 0px 20px;
	width: 100%;
	font-weight: 400;
}
.entry-meta a{
	text-decoration:none;
}
article .entry-content {
	font-family: 'lato', lato, 'helvetica neue', helvetica, arial, sans-serif;
	line-height: 150%;
	color: #656565;
	font-size: 16px;
}
.single article .entry-content, .page article .entry-content {
	color:#000;
}
.blog-data-wrapper {
	display: inline-block;
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
	position: relative;
	min-height: 24px;
}
.post-data-text {
	display: inline-block;
	margin: auto;
	text-align: center;
	font-size: 17px;
	color: #000;
	margin-bottom: 5px;
	padding: 0px 20px;
}


article.fbox {
	background:#fff;
	box-shadow: 0 2px 4px rgba(0,0,0,.1);
}

article.blogposts-list {
	padding: 0;
	box-shadow: 0 2px 4px rgba(0,0,0,.1);
	border-radius: 3px;
	margin-bottom: 5px;
}

.blogpost-button {
	height: 46px;
	position: absolute;
	padding: 10px 15px;
	background: #fab526;
	color: #fff;
	font-weight: 900;
	font-size: 28px;
	border-radius: 50%;
	font-family: lato,arial;
	right: 20px;
	box-shadow: 1px 1px 5px rgba(0,0,0,.19);
	text-decoration: none;
	bottom: -22px;
}

.page-numbers li {
	display: inline-block;
	list-style:none;
}
ul.page-numbers {
	display: inline-block;
	padding: 0;
	height: auto;
	margin: 10px auto 20px auto;
}
.page-numbers li a {
	background: #fff;
	padding: 10px 17px;
	transition: all 0.4s;
	font-size: 14px;
	color: #fab526;
	margin: 0 5px;
	text-decoration: none;
	font-weight: 600;
	display: inline-block;
	float: left;
	box-shadow: 0 2px 4px rgba(0,0,0,.1);
	border-radius: 3px;
}

.page-numbers.current {
	padding: 10px 17px;
	transition: all 0.4s;
	font-weight: 600;
	font-size: 14px;
	color: #fab526;
	margin: 0 5px;
	text-decoration: none;
	display: inline-block;
	float: left;
	background: #fff;
	border-radius: 3px;
	opacity: 0.5;
	box-shadow: 0 2px 4px rgba(0,0,0,.1);
}
td, th {
	padding: 10px;
	text-align: left;
}

tr {
	border-bottom: 1px solid #000;
}

.error404 main#main,
.search-no-results section.fbox.no-results.not-found {
	background:#fff;
	margin-bottom:50px;
	text-align: center;
}
.search-no-results h1, .error404 h1 {
	font-size: 28px;
	line-height: 150%;
	padding: 0;
	margin: 0;
	font-family: 'Lato', lato, 'helvetica neue', helvetica, arial;
}
.search-results h1.page-title {
	text-align: center;
	font-size: 35px;
	font-weight: 400;
	line-height: 150%;
	padding: 0;
	margin:0;
	font-family: 'Lato', lato, 'helvetica neue', helvetica, arial;
}
header.fbox.page-header {
	padding:0;
	margin:0;
	margin-bottom:30px;
}
.comments-area .comments-title {
	font-family: 'Lato', lato, 'helvetica neue', helvetica, arial;
}
.search-no-results #main .search-form label, .error404 #main .search-form label {
	float: none;
	margin-right: -5px;
	border: 1px solid #000;
	border-right: 0px solid #fff;
	padding: 0;
}
.error404 #main .search-form label, .search-no-results #main .search-form label {
	float: none;
	margin-right: -5px;
	border: 1px solid #000;
	border-right: 0px solid #fff;
	padding: 0;
}
.error404 input.search-submit, .search-no-results input.search-submit {
	padding: 11px;
	border: 1px solid #000;
	background: rgba(0,0,0,0);
	color: #000;
}
.error404 input.search-field, .search-no-results input.search-field {
	color:#000;
	padding: 10px;
}
.archive .page-header h1 {
	text-align: center;
	font-size: 30px;
	margin-bottom: 10px;
	margin-top:0;
	line-height: 150%;
	padding: 0;
}

.archive header.fbox.page-header {
	padding: 0;
}

.comments-area {
	background:#fff;
}
.comments-area .comment-author .fn a {
	text-decoration:none;
}
.comment span.edit-link {
	float: right;
}
.comments-area .comment-meta .comment-metadata a {
	text-decoration: none;
	font-size: 14px;
}
#comments ol.comment-list {
	padding-left: 0;
	margin-left: 0;
	list-style:none;
}
.comments-area ol.comment-list .comment {
	width: 100%;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	margin-bottom: 40px;
	padding-bottom:40px;
}
span.page-numbers.dots {
	padding: 10px 17px;
	transition: all 0.4s;
	font-weight: 600;
	font-size: 14px;
	color: #fab526;
	margin: 0 5px;
	text-decoration: none;
	display: inline-block;
	float: left;
	background: #fff;
	border-radius: 3px;
	opacity: 0.5;
	box-shadow: 0 2px 4px rgba(0,0,0,.1);
}
.comments-area .reply {
	padding-left: 45px;
	font-size: 14px;
	padding-bottom: 0
}
div#respond {
	text-align: center;
}
p.comment-form-url {
	display: none;
}
#comments h3#reply-title {
	font-family: 'Lato', lato, 'helvetica neue', helvetica, arial;
	font-size: 26px;
	margin-bottom: 0px;
	padding-bottom: 10px;
	text-align: center;
}
.calendar_wrap tr {
	border-bottom: 0px solid #000;
}
.header-widgets-three {
	display: inline-block;
	float: left;
	margin-bottom: 40px;
	width: 100%;
	max-width: 30%;
}
.header-widgets-three .swidget {
	margin-bottom: 10px;
}
#secondary .swidget {
	border-bottom:1px solid #000;
}
.header-widgets-three figure.wp-caption.alignnone {
	margin:0;
}

.header-widgets-wrapper {
	display: inline-block;
	float: left;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
	width: 100%;
}
.header-widgets-three .header-widget p:last-of-type {
	margin-bottom:0;
}
.header-widget {
	margin-bottom: 40px;
}

.header-widget:last-of-type {
	margin-bottom: 0px;
}

.bottom-header-wrapper {
	text-align: center;
	color: #fff;
	font-size:18px;
	float:left;
	width:100%;;
	display:inline-block;
	margin-bottom:35px;
	margin-top:-47px;
	position:relative;
	z-index:-1;
}

.bottom-header-wrapper img{
	
}

@media only screen and (max-width: 850px) {
.bottom-header-wrapper img{
	padding-top:40px;
	max-height:300px;
	
}
	.hero-us{
		margin-top: -30px !important;
	}
	
	.sheader{
		margin-bottom:0px;
	}
	
	.hero--us__baner{
		background-image:url("https://akademia-wiedzy.egerton.pl/wp-content/uploads/2020/09/Warstwa-13.png") !important;
		background-size:400px;
	}
} 

.bottom-header-text {
	position: absolute;
	top: 50%;
	text-align: center;
	width: 100%;
	-ms-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
.header-widget .textwidget h1, .header-widget .textwidget h2, .header-widget .textwidget h3, .header-widget .textwidget h4 .header-widget .textwidget h5{
	padding:0px;
	margin-top:0;
	text-align:left;	
}
.bottom-header-title {
	font-size:60px;
	font-weight:700;
	line-height:140%;
	color:#fff;
}
.bottom-header-paragraph {
	font-size:18px;
	line-height:140%;
	color:#fff;
	margin-top:10px;
}

span.bottom-header-below-title {
	margin-top: 10px;
	display: inline-block;
	width: 100%;
	float: left;
}
.header-widgets-three p {
	font-size: 15px;
	color: #333;
}
.header-widgets-three h3 {
	width:100%;
	text-align:center;
	font-weight:600;
}

.all-blog-articles {	

}

.all-blog-articles:after {

 }


.blogposts-list {
	width: 100%;
	flex: 1 1 auto;
	display: inline-block;
	overflow: hidden;
	max-width: 25%;
	flex: 1 1 30%;
}
.pag-wrapper {
	display:inline-block;
	float:left;
	width:100%;
}
.fullwidth-area-blog {
	width: 100%;
	margin-right: 0% !important;
}


@media screen and (max-width: 1050px) {
	.blogposts-list {
		width: 100%;
		flex: 1 1 auto;
		display: inline-block;
		overflow: hidden;
		max-width: 48%;
		flex: 1 1 48%;
	}
}
@media screen and (max-width: 1100px) {
	.smenu-hide.toggle-mobile-menu.menu-toggle {
		border-bottom:1px solid rgba(255, 255, 255, 0.1)
	}
	.main-navigation ul li a {
		text-align:left;
	}
	#smobile-menu.show .main-navigation ul li a {
		text-align:left;
	}
	#smobile-menu.show .main-navigation ul ul.sub-menu li {
		padding-left: 20px;
		opacity: 0.8;
	}
	ul.page-numbers {
		margin-bottom:50px;
	}
	.bottom-header-title {
		font-size:40px;
	}
	.bottom-header-paragraph {
		font-size:18px;
	}
}
@media screen and (max-width: 900px) {
	.footer-column-three {
		max-width:100%;
	}
	.footer-column-left {
		padding-right:0;
	}
	.footer-column-middle {
		padding-right:0;
		padding-left:0;
	}
	.footer-column-right {
		padding-left:0;
	}

	.header-widgets-three {
		max-width:100%;
	}
	.header-widgets-left {
		padding-right:0;
	}
	.header-widgets-middle {
		padding-right:0;
		padding-left:0;
	}
	.header-widgets-right {
		padding-left:0;
	}

}
@media screen and (max-width: 800px) {

	.featured-img-box {
		display:block
	}
	.content-wrapper {
		width:100%;
	}
}
@media screen and (max-width: 700px) {
	h1.entry-title, h2.entry-title, h2.entry-title a:hover, h2.entry-title a:active {
		font-size:20px;
	}
	.post-data-text {
		font-size: 15px;
	}
	.archive .page-header h1  {
		font-size:25px;
	}
	article .entry-content {
		margin-top:10px;
		font-size:14px;
	}
	span.bottom-header-title {
		font-size:28px;
	}
	.site-branding .site-title {
		font-size:29px;
	}
	.site-branding .site-description {
		font-size:14px;
	}
	.site-branding {
		padding:30px 0;
	}
	.page-numbers li {
		display:inline;
	}
	.page-numbers li a, span.page-numbers.dots {
		display: none;
	}
	.page-numbers li a.prev {
		display: inline-block;
	}
	.page-numbers li a.next {
		display: inline-block;
	}
	.bottom-header-title {
		font-size:28px;
	}
	.bottom-header-paragraph {
		font-size:18px;
	}
	.blogposts-list {
		width: 100%;
		flex: 1 1 auto;
		display: inline-block;
		overflow: hidden;
		max-width: 100%;
		flex: 1 1 100%;
	}
}

/* Cookie / Cookies consents */
p.comment-form-cookies-consent {
	display: inline-block;
	text-transform: none !important;
	width: auto;
	max-width: 100%;
	margin: auto;
	float: none;
}

.comment-form-cookies-consent label {
	text-transform: none !important;
	color: #a2a2a2;
	width: 100%;
	float: left;
	display: inline-block;
}

input#wp-comment-cookies-consent {
	float: left;
	display: inline-block;
}
.comment-form-cookies-consent label {
	text-transform: none !important;
	color: #a2a2a2;
	width: 100%;
	float: left;
	display: inline-block;
	width: auto;
	margin-top: 0;
	margin-left: 20px;
	font-size: 12px;
}
.logo-container {
	float: left;
	width: 100%;
	max-width: 30%;
}
.logofont {
	font-weight: 900;
	font-size: 22px;
	text-decoration: none;
}
.logo-container .logofont{
	margin-top: 8px;
	display: inline-block;
}
.logo-container a.custom-logo-link {
	margin-top:10px;
}
input#wp-comment-cookies-consent {
	float: left;
	display: inline-block;
	margin-bottom: -28px;
	margin-top: 3px;
}
.center-main-menu {
	float: left;
	width: 100%;
	max-width: 70%;
}

@media (max-width: 1100px) {
	a#pull {
		float: right;
		display: inline-block;
		width: 30px;
		height: 50px;
	}
	a.custom-logo-link {
		margin-top:6px;
	}
	.super-menu-inner a.logofont {
		float: left;
		margin-top: 6px;
	}
	.toggle-mobile-menu:before {
		font-size:32px;
	}
	.super-menu.clearfix {
		float:left;
	}
	.mobile-menu-active .logo-container {
		display: none;
	}
	.center-main-menu {
		max-width: 100%;
	}
	.primary-menu a#pull {
		float: left;
		width: 100%;
	}
}

#secondary .swidgets-wrap {
	background:rgba(0,0,0,0);
	box-shadow:0 0 0 0;
	margin-bottom:0px;
}
#secondary .widget li,
#secondary input.search-field {
	background: #fff;
	margin: .5em 5px;
	padding: 10px 20px;
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.1);
	box-shadow: 0 2px 4px rgba(0,0,0,.1);
	border-radius: 3px;
	border:0px;
}
#secondary .widget li .children li,
#secondary .widget li .sub-menu li {
	background: rgba(0,0,0,0);
	box-shadow: 0px 0px 0px;
	padding: 5px;
	margin:0;
}
#secondary input.search-field {
	width:100%;
}
#secondary i.fa.fa-angle-down {
	display:none;
}
#secondary .widget-title {
	position: relative;
	padding: 0 15px 0px 0;
	margin: -24px 0 10px;
	display: inline-block;
	font-size: 16px;
	color: #9e9e9e;
	text-transform: uppercase;
	font-weight: 600;
}
/*
#secondary .widget-title-lines:after, 
#secondary .widget-title-lines:before {
	content: '';
	display: block;
	height: 2px;
	background: #dfdfdf;
	position: absolute;
	z-index: -1;
}
#secondary .widget-title-lines:before {
	width: 100%;
	top: 8px;
}
#secondary .widget-title-lines:after {
	width: 90%;
	top: 12px;
}
*/
#secondary .sidebar-headline-wrapper {
	position: relative;
}
#secondary div#calendar_wrap {
	padding: 15px 10px;
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.1);
	box-shadow: 0 2px 4px rgba(0,0,0,.1);
	background:#fff;
	border-radius:3px;
}
#secondary .tagcloud,
#secondary .textwidget{
	padding: 20px;
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.1);
	box-shadow: 0 2px 4px rgba(0,0,0,.1);
	background:#fff;
	border-radius:3px;
}
.single h1.entry-title {
	margin-bottom:0px;
}
#secondary .widget li,
#secondary .widget ul  {
	margin-left:0;
	margin-right:0px;
}
aside#secondary section:first-of-type {
	padding-top: 0;
	margin-top:-6px;
}
.single .post-data-text * {
	color: #afafaf;
	font-weight: 400;
	text-align: left;
	font-size: 15px;
	margin-top: 0px;
}

.main-navigation ul li:hover>ul.sub-menu,
.main-navigation ul li a:focus ~ ul.sub-menu,
.main-navigation ul li a:focus > ul.sub-menu,
.main-navigation ul li a:focus ul.sub-menu,
.primary-menu ul li ul.sub-menu:focus-within,
.primary-menu ul li ul.sub-menu:focus-within,
.pmenu a:focus ~ .sub-menu,
.pmenu *:focus .sub-menu,
.pmenu li:focus-within .sub-menu {
	display:block !important;
}
main#main.site-main.all-blog-articles >header:first-of-type {
    display: none;
}

@media only screen and (min-width: 1100px) {
#menu-item-477{
background-position:center -17px;	
position:absolute;
right:0px;
}	
	
#menu-item-382{
	margin-right:20px;
	padding-right:20px;
}
	
#menu-item-477:hover{
	transform:scale(1.05);
}	
} 

.hero-us{
	z-index:10;
	margin-top: -80px;
}

.hero-us__tile{
	width:24.5%;
	border-radius:20px;
	margin-bottom:7px;
	background-color:white;
	position:relative;
	z-index:1;
	transition:1s;
	transform:scale(0.98);
}

.hero-us__grey::after{
	border-radius:20px 0px 20px 20px;
}

.hero-us__tile:hover{
	transform:scale(1.01);
}

.su-post:hover{
	transform:scale(1);
}

@media only screen and (max-width: 1180px) {
	.hero-us__tile{
		width:33%;
		max-width:294px;
	}
}

@media only screen and (max-width: 980px) {
.hero-us__info-box{
	max-width:1180px;
	background-size:cover;
}
		.hero-us__info{
	background-color:#B7D1DA;
	background-image:none !important;
	padding-bottom:20px;
}
	.hero-us__info-box p{
	padding-bottom:10px;
}
}	

@media only screen and (max-width: 890px) {
	.hero-us__tile{
		width:49%;
		margin-bottom:20px;
		max-width:294px;
	}
	.hero-us{
		padding-right:20px;
		padding-left:20px;
	}
	
}

@media only screen and (max-width: 750px) {
	
.newsletter-us__btn{
    margin-left:0px !important;
	position:relative;
	right:-10px;
}	
	
.footer-us__content p{
    font-size:12px;	
	padding-right:20px;
	padding-left:20px;
}
}

@media only screen and (max-width: 620px) {
	.hero-us__tile{
		width:100%;
		max-width:294px;
		margin-left:auto;
		margin-right:auto;
	}
	.newsletter-us__top{
	    width: 90% !important;
		margin-left:auto;
		background-size:1500px;
		background-position:center;
		margin-right:auto;
	}
	
	.hero-us__header{
		min-height:100px !important;
	}
}

.newsletter-us__btn:hover{
	opacity:0.7;
}

.hero-us__headers{
	text-align:center;
	font-family: 'Jost', sans-serif;
	font-weight:bold;
	padding-top:30px;
	padding-right:10px;
	padding-left:10px;
	color:#697268 !important;
}

.hero-us__header{
	text-align:center;
	font-weight:bold !important;
	padding-top:30px;
	padding-right:10px;
	padding-left:10px;
	min-height:160px;
	color:#697268 !important;
	
}

.hero-us__box{
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
	position:relative;
	padding-top:77px;
	background-color:none;
}



@media only screen and (max-width:1180px) {
 .hero-us__box{
	justify-content:space-around;
	padding-top:90px;
  }
}

.hero-us__box:after{
	content:'';
	position:absolute;
	width:100%;
	height:70px;
	top:0px;
	background-repeat:no-repeat;
	background-image:url("https://akademia-wiedzy.egerton.pl/wp-content/uploads/2020/09/aaa.png");
	background-image:url("https://blog.egerton.pl/wp-content/uploads/2020/12/element_2.png");
}

.hero-us__discription{
    margin-bottom:40px;
	padding-right:10px;
	padding-left:10px;
	padding-top:20px;
    z-index:2;
	text-align:center;
}

.hero-us__grey::after{
   content:"";
   /*background-image:url(https://akademia-wiedzy.egerton.pl/wp-content/uploads/2020/09/Warstwa-19.png);*/
   width:100%;
   background-repeat:no-repeat;
   background-size:cover;
   height:150px;
   bottom:0px;
   left:0px;
   z-index:-1;
   position:absolute;
}

.hero-us__logo{
	width:95%;
	margin-top:16px;
	margin-left:auto;
	margin-right:auto;
	height:250px;
	max-width:250px;
	background-repeat:no-repeat;
	background-position:center;
}

.hero-us__logo-one{
  background-image:url("https://blog.egerton.pl/wp-content/uploads/2020/10/OFDK.png");
  background-size:contain;
  height:120px;	
}

.hero-us__logo-two{
  background-image:url("https://akademia-wiedzy.egerton.pl/wp-content/uploads/2020/09/Warstwa-23.jpg");
}

.hero-us__logo-three{
  background-image:url("https://akademia-wiedzy.egerton.pl/wp-content/uploads/2020/09/Warstwa-28.jpg");
}

.hero-us__logo-four{
  background-image:url("https://akademia-wiedzy.egerton.pl/wp-content/uploads/2020/09/Warstwa-22.jpg");
}

.hero-us__logo-five{
  background-image:url("https://cdn.shortpixel.ai/client/q_glossy,ret_img,w_246,h_246/https://blog.egerton.pl/wp-content/uploads/2021/01/norma_nft.png");
  background-size:cover;
}

.hero-us__logo-seven{
  background-image:url("https://blog.egerton.pl/wp-content/uploads/2020/10/0.png");
  background-size:cover;
}

.hero-us__logo-eight{
  background-image:url("https://akademia-wiedzy.egerton.pl/wp-content/uploads/2020/09/Warstwa-25.jpg");
}

.hero-us__logo-nine{
  background-image:url("https://akademia-wiedzy.egerton.pl/wp-content/uploads/2020/09/Warstwa-41-1.jpg");
}

.hero-us__logo-ten{
  background-image:url("https://akademia-wiedzy.egerton.pl/wp-content/uploads/2020/09/Warstwa-37-1.jpg");
}

.hero-us__logo-eleven{
  background-image:url("https://akademia-wiedzy.egerton.pl/wp-content/uploads/2020/09/Warstwa-43.jpg");
}

.hero-us__logo-twelve{
   background-image:url("https://akademia-wiedzy.egerton.pl/wp-content/uploads/2020/09/Warstwa-27.jpg");
}

.hero-us__logo-thirteen{
   background-image:url("https://akademia-wiedzy.egerton.pl/wp-content/uploads/2020/09/RR2-scaled.jpeg");
   background-size:cover;
}

.hero-us__logo-{
  background-image:url("https://akademia-wiedzy.egerton.pl/wp-content/uploads/2020/09/Warstwa-43.jpg");
}

.hero-us__btn-box{
	text-decoration:none;
	transition:1;
}

.hero-us__btn-box-top{
	transition:1s;
}

.hero-us__btn-box-top:hover{
	opacity:0.7;
}

.hero-us__btn{
	margin-right:auto;
	background-color:grey;
	margin-left:auto;
	text-align:center;
	text-transform:uppercase;
	width:60%;
	padding:7px;
    font-family: 'Jost',sans-serif;
	border-radius:10px;
	margin-bottom:30px;
	position:relative;
	color:white;
	font-size:11px;
	font-weight:bold;
	padding-left:35px;
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
}

.hero-us__btn:after{
	content:"";	
	position:absolute;
	opacity:0.1;
	background-color:white;
	width:100%;
	height:46%;
	top:0;
	border-radius:10px;
	left:0;
}

.hero-us__btn:before{
    content:"";
	background-image:url("https://akademia-wiedzy.egerton.pl/wp-content/uploads/2020/09/33.png");
	background-repeat:no-repeat;
	background-position:center;
	position:absolute;
	background-color:#03d1e6;
	width:43px;
	border-radius:10px 0px 0px 10px;
	left:0;
	top:0;
	height:100%;
}

.entry-header{
    padding-bottom:15px;	
}

.posts-entry{
	margin-bottom:20px !important;
}

.top-nav-wrapper{
	padding:15px;
}

.page-id-481 article.fbox {
 background:none;
 box-shadow:none;
	
}

.newsletter-us__top{
  width:100%;
  height:260px;
  background-position:center;
  background-repeat:no-repeat;
  background-image:url("https://blog.egerton.pl/wp-content/uploads/2020/12/Top-one.png");
}

.newsletter-us__bottom{
  width:100%;
  height:100px;
  background-position:center;
  background-repeat:no-repeat;
  background-image:url("https://blog.egerton.pl/wp-content/uploads/2020/12/Top-down.png");
}

.newsletter-us__bottom-box{
  display:flex;
  margin-left:auto;
  margin-right:auto;
  max-width:1180px;	
}

.newsletter-us__btn{
	padding:12px;
	padding-left:85px;
	padding-right:40px;
	text-transform:uppercase;
	margin-left:20px;
	color:white;
	background-color:#697268;
	text-decoration:none;
	font-size: 16px;
	line-height:1;
	font-family: 'Jost',sans-serif;
    border-radius: 10px;
	position:relative;
	font-weight:bold;
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
	border:1px solid white;
}

.newsletter-us__btn::after{
	content:"";
	background-position:center;
	background-image:url("https://akademia-wiedzy.egerton.pl/wp-content/uploads/2020/09/Warstwa-34.png");
	position:absolute;
	background-repeat:no-repeat;
	border-radius:10px 0px 0px 10px;
	height:100%;
	width:23%;
	background-color:#03d1e6;
	left:0;
	top:0;
}

.newsletter-us__bottom-box-right{
	padding-top:30px;	
	width:50%;
}

.newsletter-us__bottom-box	h2{
	width:50%;
	text-align:right;
	color:#E2E8DD;
	text-transform:uppercase;
	margin-top:27px;
	margin-bottom:0px;
}

.content-wrap .newsletter-us{
	max-width:1500px;
}

.center-main-menu {
    float: left;
    width: 100%;
    max-width: 100%;
    display: flex;
	position:relative;
    justify-content: center;
}

.footer-us{
	margin-top:10px;
	background-color:#697268;
	position:relative;
    z-index:0;
}

.footer-us::after{
	position:absolute;
	content:"";
	background-color:white;
	width:100%;
	height:100%;
	opacity:0.2;
	border-radius:80% 0% 0%;
	left:0;
	bottom:0;
	z-index:-1;
}

.footer-us p{
    color:#E2E8DD;
	max-width:1180px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	padding-bottom:50px;
	z-index:1;
	margin-bottom:0px;
}

.footer-us__title{
	text-align:center;
	color:#E2E8DD;
	padding-top:35px;
	padding-bottom:15px;
	font-size:16px;
	font-weight:bold;
}

.footer-us__boxs{
	display:flex;
	justify-content:center;
	max-width:1180px;
	margin-left:auto;
	margin-right:auto;
}

.footer-us__box{
	text-align:center;
	text-decoration: none;
}

.footer-us__box h3{
	color:#E2E8DD;
	margin-top:0px;
	text-align:center;
	font-weight:bold;
	font-size:16px;
}

.footer-us__image{
  height:155px;
  width:155px;
  background-repeat:no-repeat;
}

.footer-us__image-one{
  background-image:url("https://blog.egerton.pl/wp-content/uploads/2020/09/unnamed-1-scaled.jpg");
  background-size:cover;	
}

.footer-us__image-two{
  background-image:url("https://blog.egerton.pl/wp-content/uploads/2020/11/BŁAŻEJ_NOWE_2-scaled.jpg");
  background-size:cover;
  margin-right:10px;
  margin-left:10px;
}

.footer-us__image-three{
  background-image:url("https://blog.egerton.pl/wp-content/uploads/2020/09/unnamed-scaled.jpg");
  background-size:cover;
}

.footer-us__content{
  z-index:2;	
}


@media only screen and (max-width: 650px) {
.footer-us__boxs{
	display:block;
}
	
.footer-us__image{
	margin-left:auto;
	margin-right:auto;
}
.newsletter-us__bottom-box h2{
   width:43%;		
}	
	
.newsletter-us__btn{
   padding-left: 65px;
   padding-right: 20px; 		
}	
}

@media only screen and (max-width: 1024px) {
   #menu-item-477:after{
   left:-100px;		
   }
  #menu-item-477{
	background-image:none;	
   }
}

.footer-us__media{
position:relative;  
max-width:110px;
margin-left:auto;
margin-right:auto;
height:40px;
margin-bottom:20px;
}

.footer-us__yt{
	background-image:url("https://akademia-wiedzy.egerton.pl/wp-content/uploads/2020/09/Warstwa-50.png");
	background-repeat:no-repeat;
	width:50px;
	height:100%;
	position:absolute;
}

.footer-us__in{
	background-image:url("https://akademia-wiedzy.egerton.pl/wp-content/uploads/2020/09/Warstwa-51.png");
	background-repeat:no-repeat;
	width:50px;
	height:100%;
	right:0;
	position:absolute;
}

footer .site-info{
	background-color:#697268;
}

.hero-us__info{
	background-image:url("https://akademia-wiedzy.egerton.pl/wp-content/uploads/2020/09/wwq.png");
	background-image:url("https://blog.egerton.pl/wp-content/uploads/2020/12/element_1.png");
	background-repeat:no-repeat;
	min-height:300px;
	position:relative;
	top:-7px;
}

.hero-us__info-box{
	padding-top:60px;
	padding-right:30px;
	padding-left:30px;
	max-width:1000px;
	margin-bottom:15px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
}

.hero--us__down{
   background-image:url("https://akademia-wiedzy.egerton.pl/wp-content/uploads/2020/09/Warstwa-8-copy-3.png");
   position:relative;
   top:50px;
   background-position:center;	
   width:100%;
   height:75px;
   background-repeat:no-repeat;
}

.hero-us__info-box p{
font-family: 'Jost',sans-serif;
font-weight: 400;
font-size: 16px !Important;
}

.hero-us__info-box h2{
	color:"#697268" !Important;
}

.hero-us__btn-box-top{
	max-width:230px;
	min-height:45px;
	padding-top:11px;
	font-size:16px;
}

.hero--us__baner{
	background-image:url("https://akademia-wiedzy.egerton.pl/wp-content/uploads/2020/09/ww.png");
	background-position: center;
	background-repeat:no-repeat;
	height:240px;
	position:relative;
    top:52px;
	right:2px;
}

.hero-us__href{
	 top:0;
	 width:100%;
	 height:100%;
	 position:absolute;
	 transition:1s;
	 border-radius:20px;
}

.hero-us__href:hover{
    opacity:0.25;
	 background-color:white;
}

.hero-us__href:hover .hero-us__logo {
   transform:scale(0.8);
}

.menu-menu-container{
   left:0;
}

@media only screen and (max-width: 1100px) {
.menu-menu-container{
   width: 100% !important;
	}
}

.center-main-menu{
   position:relative;	
   justify-content: flex-start;
}

.main-navigation ul li a{
   font-weight:bold;	
   font-family: 'Open Sans',sans-serif;
   font-size:20px;
   color:black;	
   transition:1s;	
}

.main-navigation ul li a:hover{
   color:#03d1e6;
}

.main-navigation ul li .sub-arrow{
   top: 5px;
}

.font-label{
  font-size:12px;
  font-family: 'Jost', sans-serif;
  font-weight: 500;
}

.font-default{
  font-family: 'Jost', sans-serif;
  font-weight:400;
  font-size:16px !Important; 
}

.font-default-secound{
  font-family: 'Jost', sans-serif;
  font-weight: 500;
  font-size: 14px;
}

.font-second-title{
  font-size:20px !Important; 
  font-family: 'Open Sans', sans-serif;
  font-weight:700;
}

.hero-us{
  color:#697268 !important;	
}

.hero-us__more{
   background-color:#B7D1DA;
   color:white;
   text-transform:uppercase;
   font-weight:bold;
   width:100%;
   padding:30px;
   text-align:center;
   transition:1s;
}

.hero-us__more:hover{
   opacity: 0.8;
}

.hero-us__a{
  text-decoration:none;
}

.su-posts{
	display:block;
}

.su-posts:after {
	content: "";
	flex: auto;	
}

.su-post{
	background-color:white;
	width:24.5%;
	padding:20px;
	padding-top:17px;
	min-height:500px;
	position:relative;
	transition:1s;
	transform:scale(0.98);
	border-radius:20px;
	box-sizing: border-box;
	margin-right:5px;
	margin-bottom:0.6em !important;
}


@media only screen and (max-width: 1180px) {
	.su-post{
		width:33%;
		max-width:294px;
		margin-right:3px;
	}
}


@media only screen and (max-width: 850px) {
	.su-post{
		width:49%;
		max-width:294px;
	}
	.su-posts{
		padding-right:20px;
		padding-left:20px;
	}
}

@media only screen and (max-width: 620px) {
	.su-post{
		width:100%;
		max-width:294px;
		margin-right:auto;
		margin-left:auto;
	}
}

.su-post-thumbnail{
	width:100% !important;
	height:250px !important;
}

.su-posts-default-loop .su-post-thumbnail img{
	max-width: 100% !important; 
    max-height: 100% !important;
	object-fit: cover;
}

.su-posts-default-loop .su-post-thumbnail{
	display:flex  !important;
	justify-content:center;
}

.su-posts{
	flex-wrap: wrap;
	display:flex;
	justify-content:space-between;
	position:relative;
	margin:0px auto;
}

@media only screen and (max-width: 1180px) {
	.su-posts{
		justify-content:space-around;
	}	
	
}

.su-post:after{
	content:"";
	position:absolute;
	border-radius:20px;
	width:100%;
	left:0;
    top:0;
	height:100%;
	opacity:0.8;
	background-size:contain;
	/* background-image:url("https://akademia-wiedzy.egerton.pl/wp-content/uploads/2020/09/Warstwa-19.png"); */
	background-repeat:no-repeat;
	background-position:bottom;
}

.su-post-meta{
   position:absolute;
   color:white;
   background-color: #697268;
   text-transform:uppercase;
   bottom:30px;
   left:0;
   right:0;
   margin-left: auto; 
   margin-right: auto; 
   text-align:center;
   width: 60%;
   padding: 10px;
   font-family: 'Jost',sans-serif;
   border-radius: 10px;
   font-size: 11px !important;
   font-weight:600;
   padding-left: 35px;
   box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
   z-index:9;
   opacity:0.9 !important;
}

.su-post-meta:after {
    content: "";
    position: absolute;
    opacity: 0.1;
    background-color: white;
    width: 100%;
    height: 46%;
    top: 0;
    border-radius: 10px;
    left: 0;
}

.su-post-meta:before {
    content: "";
    background-image: url(https://akademia-wiedzy.egerton.pl/wp-content/uploads/2020/09/33.png);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    background-color: #03d1e6;
    width: 43px;
    border-radius: 10px 0px 0px 10px;
    left: 0;
    top: 0;
    height: 100%;
}

.su-post-comments-link{
  display:none;
}

.su-post-excerpt{
 display:none;
}

.su-post-title{
  text-align:center;	
}

.su-post-title a:hover{
	background-color:rgb(255,255,255,0.6);
	opacity:0.3;
}

.su-post-title a{
    color:#697268;
    text-decoration:none;
	font-family: 'Jost', sans-serif;
    font-weight: 600;
    font-size: 16px !Important;
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	padding-top:295px;
	padding-right:20px;
	padding-left:20px;
	border-radius:20px;
	top:0px;
	z-index:10;
	transition:1s;
}

.author-us{
	background-color: #E2E8DD;
	display:flex;
	border-radius:20px;
	position:relative;
	max-width:900px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:20px;
	border:3px solid  #95A3A4 ;
}

.author-us::after{
	content:"";
	background-color: #697268;
	height:30%;
	width:65%;
	right:0;
	position:absolute;
	border-radius:0 10px 0 0;
}

.author-us__image{
	height:280px;
	width:35%;
	opacity:0.85;
	background-color:black;
	background-size:cover;
	border-radius:15px 0 0 15px;
	background-position:center;
	background-image:url("https://blog.egerton.pl/wp-content/uploads/2020/09/IMGP2949a-scaled.jpg");
	z-index:20;
}

.author-us__text{
	text-align:center;
	width:65%;
	padding-top:20px;
	color:white;
	z-index:20;
}

.author-us__about{
   padding-top:50px;
   padding-right:30px;
   padding-left:30px;
   color:#697268;
}

.relpost-thumb-container{
	padding:20px;
	padding-top:35px;
	font-weight:bold;
    font-family: 'Jost', sans-serif;
    font-weight: 500;
	margin-right:auto;
	margin-left:auto;
}

.relpost-thumb-wrapper{
	background-color: #E2E8DD;
	border-radius:5px;
	position:relative;
	z-index:2;
}

.relpost-thumb-container::first-line{
	font-size: 20px !Important;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
	margin-bottom:50px !Important;
}

.relpost-block-single{
	margin-top:6px !important;
	padding:0px !important;
	margin-top:20px !important;
	border-radius:10px;
	z-index:10;
	transition:1s;
	margin-right:4px !important;
}

.relpost-block-single:hover{
	transform:scale(1.02);
}

.relpost-block-single div{
	display:block;
 /* 
  * display:flex;
  * width:300px !important;
    height:152px !important;
 */
}

.relpost-block-single div{
	width: 245px !important;
	background-position:center;
}

.relpost-block-single div div{
	height:245px !important;
}

.relpost-block-container{
	display: flex;
    justify-content: space-around;
	flex-wrap: wrap;
}

@media only screen and (max-width: 1164px) {
.relpost-block-container{
	justify-content: flex-start;
}
}


@media only screen and (max-width:870px){
.relpost-block-container{
	justify-content:space-around;
}
}

.relpost-block-single-text{
	font-family: 'Jost',sans-serif !important;
    font-weight: bold !Important;
    font-size: 16px !Important;
	padding-top: 50px !Important;
    padding-right: 20px;
    padding-left: 20px;
    color: #697268 !important;
    position:relative;
}

.relpost-block-single-text:after{
	content:'';
	width:100%;
	position:absolute;
	height:50px;
	left: 50%;
    transform: translate(-50%, -50%);
	background-image:url("https://blog.egerton.pl/wp-content/uploads/2021/01/btn.png");
	background-repeat:no-repeat;
	background-position:center;
	bottom:25px;
}

.relpost-block-single{
    min-width: 273px;
    min-height: 500px;
	max-height: 500px;	
}

.relpost-block-single div{
	margin-left: auto;
    margin-right: auto;
	padding-top:16px;
}

.relpost-block-single-image{
    background-position:center !important;
}

.saboxplugin-wrap{
  background-color:#95A3A4;
  margin-top:40px !important;
  position:relative;
  z-index:9;
  max-height:355px;
  margin-bottom: 20px !important;
}

.saboxplugin-wrap:after{
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  background-color:#697268;
  left:0px;
  z-index:-1;
  top:0px;
  border-radius:0 0 90% 0;
}

.saboxplugin-wrap .saboxplugin-gravatar img{
  max-width:250px !important;
  min-height: 355px;
}


@media only screen and (max-width: 700px) {
	.saboxplugin-desc p{
		width:100% !important;
	}
	
	.relpost-thumb-container{
	   width:100% !important;
    }
}

.saboxplugin-wrap .saboxplugin-gravatar{
  padding:0px !important;
  margin-right:50px !important;
}

.saboxplugin-authorname{
 margin-top:50px !important;
}

.saboxplugin-authorname .fn{
	color:white;
	text-transform:uppercase;
	font-size: 20px !Important;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
	margin-top:100px;
}

.saboxplugin-desc p {
    color:white;
	padding-top:30px;
	width:80%;
}

.primary-menu a#pull {
    color: white;
	border-bottom: 1px solid grey;
}

#menu-item-477{
	border-bottom:0px solid white !important;
}

@media only screen and (max-width: 560px) {
	.saboxplugin-authorname{
		margin-top:25px !important;
	}
	
	.saboxplugin-wrap .saboxplugin-gravatar{
		padding:0px !important;
		margin-right:20px !important;
     }
	
	.saboxplugin-desc p{
		padding-top: 10px !important;
		width:100% !important;
		margin-left:auto !important;
		margin-right:auto !important;
	}
	
	.saboxplugin-wrap{
		display:block !important;;
	}
}


@media only screen and (max-width: 480px) {
	.saboxplugin-wrap .saboxplugin-gravatar{
  		padding-top:20px !important;
  		margin-right:0px !important;
}
    .saboxplugin-wrap{
		max-height: none !important;
	}
}

.heateor_sss_sharing_title{
  text-transform:uppercase;	
  color:#697268;
  margin-top:20px;
  margin-bottom:10px;
  padding-top:10px;
  border-top:2px solid grey;
  width:15%;
  margin-left:auto;
  margin-right:auto;
}

.heateor_sss_sharing_ul{
  padding-bottom:20px;
}

/*Post theme*/

.single-post .entry-content{
   padding-left:15px;
   padding-right:15px;
   padding-top:30px;
   max-width:980px !Important;
   margin-left:auto;
   margin-right:auto;
   font-weight: 400;
   font-size: 16px !Important;
   font-family: 'Jost',sans-serif;	
}

.single-post iframe{
	display:flex;
	justify-content:center;
	margin-bottom:40px;
	margin-left:auto;
	margin-right:auto;
}

.single-post h2{
  margin-bottom: 25px;	
  font-size:20px; 
  font-family: 'Open Sans', sans-serif;
  font-weight:700;
}

.post-container{
   padding-left:15px;
   padding-right:15px;
   padding-top:30px;
   max-width:980px !Important;
   margin-left:auto;
   margin-right:auto;
   font-weight: 400;
   font-size: 16px !Important;
   font-family: 'Jost',sans-serif;	
}

.post-container h2{
   font-size: 20px;
   font-family: 'Open Sans',sans-serif;
   font-weight: 700;
   margin-bottom: 25px;
   color:black !Important;
}

.entry-title{
	padding-top:50px;
	font-size: 32px !important;
    font-family: 'Open Sans',sans-serif !important;
    font-weight: 700 !important;
	max-width:980px !important;
	margin-left:auto;
	margin-right:auto;
	padding-right:15px;
	padding-left:15px;
}

.post-article{
	margin-bottom:40px !important;
}

.post-image{
	display:flex;
	justify-content:center;
	margin-bottom:40px;
}

figcaption{
  color:#95A3A4 !important;
  position:relative;
  bottom:35px;
  font-size:14px !important;
  font-family: 'Jost',sans-serif;	
  font-weight:500;
  text-align:center;
}

.single-post .featured-thumbnail img{
	display:none;
}

.featured-thumbnail img{
	height: 270px;
    object-fit: cover;
}

.image-size{
  width:100%;
}

.post-image img{
	width:100%;
	height:auto;
}

#slider-products{
	width:100%;
	padding-right:15px;
	padding-left:15px;
	padding-bottom:20px;
	max-width:980px;
	margin-left:auto;
	margin-right:auto;
	bottom:0px;
	position:relative;
}

.wps-product-image img{
	max-height:175px;
	object-fit:contain;
}

.wpsf-product-title{
	min-height:80px;
	padding-top:10px;
	padding-bottom:10px;
}

.wpsf-cart-button{
	display:none;
}

.sp-woo-product-slider-section-title{
	font-size: 20px !important;
    font-family: 'Open Sans',sans-serif !important;
    font-weight: 700;
}

#wps-slider-section{
	padding-top: 3px;
}

.wpsf-product-title a{
	font-size:12px !important;
	font-family: 'Jost',sans-serif !important;
	color: #697268 !important; 
}

.woocommerce-Price-currencySymbol{
	padding-left:3px;
    font-family: 'Open Sans',sans-serif !important;
}

.entry-content{
	padding-bottom:25px;
}

.post-image-box{
   display:flex;
   justify-content:space-between;
   flex-wrap:no-wrap;
}

.tile{
  transition:1s;
  margin-bottom:60px;
  margin-top:60px;
}

.tile:hover{
  transform:scale(1.05);
}

.woocommerce ul.products li.product .button{
  display:none;	
}
.woocommerce-loop-product__title{
	font-size:12px !important;
	font-family:'Jost',sans-serif !important;
	color:black !important;
	text-align:center !important;
	min-height:70px;
	font-weight:500 !important;
}

.woocommerce ul.products li.product .price{
	color:black !important;
	font-weight:500 !important;
	text-align:center !important;
	font-size:12px !important;
    font-family: 'Jost', sans-serif;
}

.woocommerce ul.products li.product a img{
	border: 1px solid #E2E8DD;
}

.woopspro-product-slider button.slick-prev {
    left:auto !important;
    right: 40px !important;
    top: -35px !important;
}

.woopspro-product-slider button.slick-next{
	right: 0px !important;
    top: -35px !important;
}

.woopspro-product-slider .slick-list {
	padding-top:25px !important;
}

.menu{
	background: rgb(105,114,104);
    background: linear-gradient(90deg, rgba(105,114,104,1) 0%, rgba(149,163,164,1) 33%, rgba(183,209,218,1) 66%, rgba(3,209,230,1) 100%);
}

.manu-top{
	display:flex;
	justify-content:space-between;
	align-items:center;
	max-width:1180px;
	margin-left:auto;
	margin-right:auto;
	height:70px;
}

.manu-top ul{
	list-style: none;
	display:flex;
	align-items:center;
	margin:0px !important;
	padding-left:15px;
}

.manu-top li{
  margin-right:20px;

}

.manu-top a{
  text-decoration: none;
  color:white;
  font-weight: bold;
  font-family: 'Open Sans',sans-serif;
  font-size: 16px;
}

.menu-item-477{
 position:relative;
}


.menu-item-477 a{
	opacity:0;
}

.menu-item-477::before{
	position:absolute;
	width:100%;
	height:70%;
	content:"";
	background-image:url("https://egerton.pl/skins/user/rwd_shoper_6/images/logo.png");
	background-repeat:no-repeat;
	background-position:right;
	background-size:contain;
	left:0px;
	top:8px;
}

.academy-logo{
   background-repeat:no-repeat;
   background-image:url("https://blog.egerton.pl/wp-content/uploads/2020/10/OFDK.png");	
   background-size:contain;
   width:155px;
   height:50px;
   position:relative;
   top:3px;
   margin-right:40px;
}

@media only screen and (max-width: 1100px) {
	.academy-logo{
		position:absolute;
		left:0px;
	}
	
    .menu-item-477::before{
	    background-position: 16px	
	}
	
	#primary-menu{
	  padding-top:40px;
	  padding-bottom:30px;
	}
}

.category .entry-content p {
	display:none;
}

.category .posts-entry {	
   border-radius:20px;
   margin-right:10px;
   padding:15px;
   min-height:500px;
   width:24%;
   max-width:294px;
   transition: 1s;
   position:relative;
   /*background-image:url(https://akademia-wiedzy.egerton.pl/wp-content/uploads/2020/09/Warstwa-19.png);*/
   background-repeat:no-repeat;
   background-position:bottom;
}

.category article .entry-content{
	display:none;
}


@media only screen and (max-width: 1175px) {
.category .posts-entry {
   width:32%;
}
	
.all-blog-articles {
    justify-content: space-between;
    margin-right: auto;
    margin-left: auto;
    display: flex;
	flex-wrap: wrap;
	padding-right:20px;
	padding-left:20px;
}
}
	

@media only screen and (max-width: 940px) {
.category .posts-entry {
   width:39%;
   justify-content: center;
   margin-right:20px;
   margin-left:20px;
}
.category #main{
	display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
}
@media only screen and (max-width:690px) {
	.category .posts-entry {
         max-width:292px;
	 }
}

.content-wrapper h2.entry-title{
	text-align:center;
}


.content-wrapper{
	padding:0px;
}

.category .entry-title{
	padding-top:30px;
	min-height:160px;
	position:relative;
}

.category .entry-title a{
	position:relative;
	left:0px;
	bottom:0px;
	width:100%;
	height:100%;
	position:absolute;
	line-height:1.6 !important;
}


.category .posts-entry:hover{
	opacity:0.7;
	transform:scale(1.02);
}

@media only screen and (max-width: 1200px) {
.manu-top{
  padding-right:30px;
  padding-left:30px;
}
	
}
@media only screen and (max-width: 500px) {
.manu-top li a{
	display:none;
}
}

.page-id-2900 .su-posts{
	display:flex;
}

.category .btn-category {
    transform: translate(-50%, -50%) ;
    position: absolute;
    top: 153px;
    left:50%;
	width:70%;
	min-height:37px;
	padding-top:10px !important;
}

@media screen and (max-width: 1100px){
	#smobile-menu .content-wrap, #smobile-menu .primary-menu ul {
		margin-top: 20px;
		margin-left:20px;
   }
}

.breadcrumb-box{
	margin-bottom:40px;
	padding-left:20px;
	width:100%;
}

@media screen and (max-width: 850px){
	.breadcrumb-box{
		padding-top:40px;
	}
}

.breadcrumb{
  text-transform:uppercase; 
  font-family: 'Jost', sans-serif;
  font-weight: 500;
  font-size: 14px;
  text-decoration: none !important;
  margin-right:5px;	
  margin-left:5px;		
  color: grey;	 
}


.breadcrumb a{
	  text-decoration: none !important;
	  color: black;
	  margin-right:5px;	
      margin-left:5px;
}

.breadcrumb-item{
	margin-right:10px;
	position:relative;
	bottom:2px;
	opacity:0.45;
	width:100px;
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	padding:12px 12px 12px 12px;
	background-image:url("https://blog.egerton.pl/wp-content/uploads/2020/11/home.png");
}

.post-3130 .su-posts{
	display:flex;
}

#post-1948 .saboxplugin-wrap{
	display:none;
}






/* === Egerton Blog 1.1: SEO presentation layer === */
/* Conservative presentation fixes only — no visual redesign. */

/* Archive/category/search headings must remain visible for semantic H1 + description. */
.archive main#main.site-main.all-blog-articles > header.page-header,
.category main#main.site-main.all-blog-articles > header.page-header,
.author main#main.site-main.all-blog-articles > header.page-header,
.search main#main.site-main.all-blog-articles > header.page-header {
    display: block;
    flex: 0 0 100%;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto 34px;
    padding: 24px 20px 22px;
    text-align: center;
    background: transparent;
    box-shadow: none;
}

.archive .page-header .page-title,
.category .page-header .page-title,
.author .page-header .page-title,
.search .page-header .page-title {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 32px;
    line-height: 1.25;
    font-weight: 700;
    color: #000;
}

.archive .archive-description,
.category .archive-description,
.author .archive-description {
    max-width: 850px;
    margin: 14px auto 0;
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    line-height: 1.65;
    color: #656565;
}

.archive .archive-description p:last-child,
.category .archive-description p:last-child,
.author .archive-description p:last-child {
    margin-bottom: 0;
}

/* Clear, compact post metadata: publication date + author. */
.egerton-post-meta {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px 9px;
    width: 100%;
    margin: 8px 0 0;
    color: #777;
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    line-height: 1.5;
}

.egerton-post-meta a {
    color: inherit;
    text-decoration: none;
}

.egerton-post-meta a:hover,
.egerton-post-meta a:focus {
    color: #000;
    text-decoration: underline;
}

.egerton-post-meta .egerton-meta-separator {
    color: #b5b5b5;
}

/* Keep single article heading/meta readable without changing the existing visual language. */
.single-post .entry-header {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
}

.single-post .entry-meta {
    display: block;
    width: 100%;
    margin: 0 auto 18px;
    padding: 0 15px;
}

.single-post .entry-meta .blog-data-wrapper,
.single-post .entry-meta .post-data-positioning,
.single-post .entry-meta .post-data-text {
    width: 100%;
    margin: 0;
    padding: 0;
    float: none;
    text-align: center;
}

.single-post .entry-meta .post-data-text * {
    text-align: center;
}

.egerton-post-categories {
    max-width: 980px;
    margin: 0 auto 20px;
    padding: 0 15px;
    text-align: center;
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #777;
}

.egerton-post-categories a {
    color: #697268;
    text-decoration: none;
    font-weight: 600;
}

.egerton-post-categories a:hover,
.egerton-post-categories a:focus {
    color: #000;
    text-decoration: underline;
}

/* Author archive: reuse the current theme language, just make identity clear. */
.egerton-author-header .egerton-author-avatar {
    width: 96px;
    height: 96px;
    margin: 0 auto 14px;
}

.egerton-author-header .egerton-author-avatar img {
    width: 96px;
    height: 96px;
    object-fit: cover;
    border-radius: 2px;
}

.egerton-author-header .egerton-author-bio {
    max-width: 760px;
    margin: 12px auto 0;
    color: #656565;
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    line-height: 1.65;
}

/* On listing cards the title remains H2 under the archive H1; metadata stays compact. */
.posts-entry .egerton-post-meta {
    justify-content: flex-start;
    margin: 3px 0 8px;
    font-size: 13px;
    color: #9a9a9a;
}

.category .posts-entry .egerton-post-meta,
.archive .posts-entry .egerton-post-meta,
.search .posts-entry .egerton-post-meta,
.author .posts-entry .egerton-post-meta {
    justify-content: center;
}

@media only screen and (max-width: 690px) {
    .archive .page-header .page-title,
    .category .page-header .page-title,
    .author .page-header .page-title,
    .search .page-header .page-title {
        font-size: 27px;
    }

    .archive main#main.site-main.all-blog-articles > header.page-header,
    .category main#main.site-main.all-blog-articles > header.page-header,
    .author main#main.site-main.all-blog-articles > header.page-header,
    .search main#main.site-main.all-blog-articles > header.page-header {
        margin-bottom: 24px;
        padding-top: 18px;
        padding-bottom: 16px;
    }
}

/* === Egerton Blog 1.2: native editorial features === */
/* Replaces presentation-only plugins without redesigning the existing visual language. */

/* Keep the homepage H1 semantic but visually integrated with the current page. */
.home .posts-entry .entry-header > .entry-title {
    max-width: 980px;
    margin: 30px auto 14px;
    padding: 0 20px;
    text-align: center;
    font-size: 32px;
    line-height: 1.25;
}

/* Native share links: no third-party JavaScript. */
.egerton-native-share {
    max-width: 980px;
    margin: 28px auto 0;
    padding: 18px 15px 4px;
    border-top: 1px solid #c7cfca;
    text-align: center;
    font-family: 'Jost', sans-serif;
}

.egerton-native-share__label {
    display: block;
    margin-bottom: 10px;
    color: #697268;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.egerton-native-share__links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
}

.egerton-native-share__links a {
    display: inline-block;
    padding: 7px 12px;
    border: 1px solid #c7cfca;
    border-radius: 3px;
    color: #697268;
    background: #fff;
    text-decoration: none;
    font-size: 13px;
    line-height: 1.2;
}

.egerton-native-share__links a:hover,
.egerton-native-share__links a:focus {
    border-color: #697268;
    color: #000;
}

/* Native author box, intentionally close to the existing Simple Author Box presentation. */
.egerton-native-author-box {
    display: flex;
    align-items: stretch;
    max-width: 980px;
    min-height: 160px;
    margin: 34px auto 22px;
    background: #697268;
    overflow: hidden;
    font-family: 'Jost', sans-serif;
}

.egerton-native-author-box__avatar {
    flex: 0 0 160px;
    width: 160px;
    min-height: 160px;
}

.egerton-native-author-box__avatar img {
    display: block;
    width: 160px;
    height: 100%;
    min-height: 160px;
    object-fit: cover;
    object-position: center top;
}

.egerton-native-author-box__content {
    flex: 1 1 auto;
    padding: 25px 30px;
    color: #fff;
}

.egerton-native-author-box__eyebrow {
    margin: 0 0 4px;
    font-size: 12px;
    line-height: 1.4;
    text-transform: uppercase;
    letter-spacing: .06em;
    opacity: .8;
}

.egerton-native-author-box__name {
    margin: 0 0 12px;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    line-height: 1.25;
    font-weight: 700;
    text-transform: uppercase;
}

.egerton-native-author-box__name a,
.egerton-native-author-box__name a:hover,
.egerton-native-author-box__name a:focus {
    color: #fff;
    text-decoration: none;
}

.egerton-native-author-box__bio,
.egerton-native-author-box__bio p {
    margin: 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.65;
}

.egerton-native-author-box__more {
    display: inline-block;
    margin-top: 14px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-decoration: underline;
}

/* Native related posts: three compact cards under a clear H2. */
.egerton-native-related {
    max-width: 980px;
    margin: 30px auto 20px;
    padding: 26px 20px 22px;
    background: #E2E8DD;
    font-family: 'Jost', sans-serif;
}

.egerton-native-related__title {
    margin: 0 0 20px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    line-height: 1.3;
    font-weight: 700;
    color: #000;
}

.egerton-native-related__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.egerton-native-related__card {
    background: #fff;
    min-width: 0;
}

.egerton-native-related__media {
    display: block;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #f3f3f3;
}

.egerton-native-related__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.egerton-native-related__body {
    padding: 14px 14px 16px;
}

.egerton-native-related__card h3 {
    margin: 0;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 600;
}

.egerton-native-related__card h3 a {
    color: #000;
    text-decoration: none;
}

.egerton-native-related__card h3 a:hover,
.egerton-native-related__card h3 a:focus {
    text-decoration: underline;
}

.egerton-native-related__date {
    display: block;
    margin-top: 9px;
    color: #888;
    font-size: 12px;
}

/* While old presentation plugins are still active, suppress their duplicate front-end output.
   After verification those plugins can be deactivated and these rules remain harmless. */
.single-post .saboxplugin-wrap,
.single-post .relpost-thumb-wrapper,
.single-post .heateor_sss_sharing_container,
.single-post .heateor_sss_horizontal_sharing {
    display: none;
}

/* Compatibility shortcode output uses the existing Blogrid card layout. */
.egerton-legacy-posts-loop {
    width: 100%;
}

@media only screen and (max-width: 760px) {
    .home .posts-entry .entry-header > .entry-title {
        font-size: 27px;
        margin-top: 22px;
    }

    .egerton-native-author-box {
        display: block;
    }

    .egerton-native-author-box__avatar {
        width: 100%;
        min-height: 0;
    }

    .egerton-native-author-box__avatar img {
        width: 160px;
        height: 160px;
        min-height: 160px;
        margin: 20px auto 0;
    }

    .egerton-native-author-box__content {
        padding: 20px 24px 26px;
        text-align: center;
    }

    .egerton-native-related__grid {
        grid-template-columns: 1fr;
    }
}



/* === Egerton Blog 1.3: editorial polish, no redesign === */
/* The goal is a calmer, more readable article layout while preserving the existing brand/theme. */

.single-post #primary.featured-content {
    float: none;
    width: 100%;
}

.single-post article.posts-entry.fbox {
    max-width: 980px;
    margin: 0 auto;
    padding-bottom: 8px;
    box-shadow: none;
}

.single-post .entry-header {
    padding: 0 28px;
}

.single-post h1.entry-title {
    max-width: 860px;
    margin: 0 auto;
    padding: 42px 0 10px;
    font-size: 34px;
    line-height: 1.22;
    letter-spacing: -0.01em;
}

.single-post .entry-meta {
    margin-bottom: 0;
    padding: 0;
}

.single-post .entry-meta .egerton-post-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin: 0 auto 7px;
    color: #7d837e;
    font-size: 13px;
    line-height: 1.5;
}

.single-post .egerton-post-categories {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
    max-width: 860px;
    margin: 0 auto 22px;
    padding: 0;
    font-size: 13px;
}

.single-post .egerton-post-categories > span {
    display: none;
}

.single-post .egerton-post-categories a {
    display: inline-block;
    padding: 4px 9px;
    border: 1px solid #d5dbd5;
    border-radius: 2px;
    background: #f7f8f6;
    color: #697268;
    font-weight: 500;
    line-height: 1.2;
}

.single-post .entry-content {
    max-width: 900px;
    margin: 0 auto;
    padding: 24px 28px 36px;
    font-size: 17px;
    line-height: 1.72;
}

.single-post .entry-content p {
    margin-top: 0;
    margin-bottom: 1.25em;
}

.single-post .entry-content h2 {
    margin-top: 38px;
    margin-bottom: 18px;
    font-size: 24px;
    line-height: 1.3;
}

.single-post .entry-content h3 {
    margin-top: 30px;
    margin-bottom: 14px;
    font-size: 20px;
    line-height: 1.35;
}

.single-post .entry-content iframe[src*="youtube.com"],
.single-post .entry-content iframe[src*="youtu.be"] {
    display: block;
    width: 100%;
    max-width: 840px;
    height: auto;
    aspect-ratio: 16 / 9;
    margin: 28px auto 34px;
    border: 0;
    background: #111;
}

.single-post #slider-products,
.single-post #wps-slider-section,
.single-post .sp-wps-product-section {
    margin-top: 14px;
}

/* Sharing is a quiet utility row, not a separate visual section. */
.egerton-native-share {
    max-width: 900px;
    margin: 0 auto;
    padding: 20px 28px 22px;
    border-top: 1px solid #d5dbd5;
    border-bottom: 1px solid #d5dbd5;
    text-align: left;
}

.egerton-native-share__label {
    display: inline-block;
    margin: 0 12px 0 0;
    color: #697268;
    font-size: 12px;
    letter-spacing: .05em;
    vertical-align: middle;
}

.egerton-native-share__links {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 6px;
    vertical-align: middle;
}

.egerton-native-share__links a {
    padding: 6px 10px;
    border: 1px solid #d5dbd5;
    background: #fff;
    color: #4f5650;
    font-size: 12px;
}

/* Author presentation: neutral editorial card, using the existing Egerton palette. */
.egerton-native-author-box {
    display: flex;
    align-items: center;
    max-width: 900px;
    min-height: 0;
    margin: 26px auto 0;
    padding: 24px 28px;
    border: 1px solid #d5dbd5;
    background: #fff;
    overflow: visible;
}

.egerton-native-author-box--no-avatar {
    display: block;
}

.egerton-native-author-box__avatar {
    flex: 0 0 112px;
    width: 112px;
    min-height: 0;
    margin-right: 24px;
}

.egerton-native-author-box__avatar img {
    width: 112px;
    height: 112px;
    min-height: 0;
    border-radius: 2px;
    object-fit: cover;
    object-position: center top;
}

.egerton-native-author-box__content {
    padding: 0;
    color: #212121;
}

.egerton-native-author-box__eyebrow {
    margin-bottom: 4px;
    color: #7d837e;
    font-size: 11px;
    opacity: 1;
}

.egerton-native-author-box__name {
    margin-bottom: 8px;
    color: #111;
    font-size: 20px;
    text-transform: none;
}

.egerton-native-author-box__name a,
.egerton-native-author-box__name a:hover,
.egerton-native-author-box__name a:focus {
    color: #111;
}

.egerton-native-author-box__bio,
.egerton-native-author-box__bio p {
    color: #4f5650;
    font-size: 14px;
    line-height: 1.6;
}

.egerton-native-author-box__more {
    margin-top: 10px;
    color: #697268;
    font-size: 12px;
}

/* Related content feels like a continuation of the article rather than a separate redesign block. */
.egerton-native-related {
    max-width: 900px;
    margin: 32px auto 28px;
    padding: 28px 0 0;
    border-top: 1px solid #d5dbd5;
    background: transparent;
}

.egerton-native-related__title {
    margin: 0 0 18px;
    text-align: left;
    font-size: 22px;
}

.egerton-native-related__grid {
    gap: 14px;
}

.egerton-native-related__card {
    border: 1px solid #dfe3df;
    background: #fff;
}

.egerton-native-related__media {
    aspect-ratio: 16 / 9;
}

.egerton-native-related__body {
    padding: 13px 14px 15px;
}

.egerton-native-related__card h3 {
    font-size: 15px;
    line-height: 1.4;
}

/* Archive/author listings: readable metadata, no visual concept change. */
.archive .page-header,
.category .page-header,
.author .page-header,
.search .page-header {
    box-shadow: none;
}

.archive .posts-entry,
.category .posts-entry,
.author .posts-entry,
.search .posts-entry {
    box-shadow: none;
    border: 1px solid #dde2dd;
}

@media only screen and (max-width: 760px) {
    .single-post .entry-header {
        padding: 0 18px;
    }

    .single-post h1.entry-title {
        padding-top: 30px;
        font-size: 28px;
    }

    .single-post .entry-content {
        padding: 20px 18px 30px;
        font-size: 16px;
    }

    .egerton-native-share,
    .egerton-native-author-box,
    .egerton-native-related {
        margin-left: 18px;
        margin-right: 18px;
    }

    .egerton-native-share {
        padding-left: 0;
        padding-right: 0;
        text-align: center;
    }

    .egerton-native-share__label {
        display: block;
        margin: 0 0 9px;
    }

    .egerton-native-share__links {
        justify-content: center;
    }

    .egerton-native-author-box {
        display: block;
        padding: 22px;
        text-align: center;
    }

    .egerton-native-author-box__avatar {
        width: 96px;
        margin: 0 auto 16px;
    }

    .egerton-native-author-box__avatar img {
        width: 96px;
        height: 96px;
    }

    .egerton-native-related {
        padding-top: 24px;
    }

    .egerton-native-related__title {
        text-align: center;
    }
}


/* === Egerton Blog 1.3.6: CATEGORY CARDS = HOMEPAGE CARDS 1:1 ===
   The category archive now uses the exact same card system as the current
   homepage (.su-post). No new visual interpretation. */

/* Same container logic as .su-posts on the homepage. */
.category main#main.site-main.all-blog-articles {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}

.category main#main.site-main.all-blog-articles > header.page-header,
.category main#main.site-main.all-blog-articles > .pag-wrapper {
    flex: 0 0 100%;
    width: 100%;
}

/* Exact .su-post card geometry from the homepage. */
.category article.posts-entry.blogposts-list.su-post {
    background-color: white;
    width: 24.5%;
    max-width: none;
    flex: 0 0 24.5%;
    padding: 20px;
    padding-top: 17px;
    min-height: 500px;
    height: 500px;
    position: relative;
    transition: 1s;
    transform: scale(0.98);
    border-radius: 20px;
    box-sizing: border-box;
    margin-right: 5px;
    margin-bottom: 0.6em;
    border: 0;
    box-shadow: none;
    overflow: visible;
}

.category article.posts-entry.blogposts-list.su-post:hover {
    opacity: 1;
    transform: scale(1);
}

/* Exact homepage thumbnail box. */
.category article.posts-entry.blogposts-list.su-post .featured-img-box {
    width: 100%;
}

.category article.posts-entry.blogposts-list.su-post .su-post-thumbnail {
    float: none;
    display: flex;
    justify-content: center;
    min-width: 0;
    width: 100%;
    height: 250px;
    position: relative;
    text-align: center;
}

.category article.posts-entry.blogposts-list.su-post .su-post-thumbnail img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

/* Keep the same 250px visual image zone even when a post has no thumbnail. */
.category article.posts-entry.blogposts-list.su-post .no-featured-img-box::before {
    content: "";
    display: block;
    width: 100%;
    height: 250px;
}

/* Exact homepage title overlay. */
.category article.posts-entry.blogposts-list.su-post .content-wrapper {
    padding: 0;
    float: none;
    width: 100%;
    position: static;
}

.category article.posts-entry.blogposts-list.su-post .entry-header {
    padding: 0;
    position: static;
}

.category article.posts-entry.blogposts-list.su-post h2.entry-title.su-post-title {
    text-align: center;
    padding: 0;
    margin: 0;
    min-height: 0;
    position: static;
}

.category article.posts-entry.blogposts-list.su-post h2.entry-title.su-post-title > a {
    color: #697268;
    text-decoration: none;
    font-family: 'Jost', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: normal;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    padding-top: 295px;
    padding-right: 20px;
    padding-left: 20px;
    border-radius: 20px;
    z-index: 10;
    transition: 1s;
    text-align: center;
}

.category article.posts-entry.blogposts-list.su-post h2.entry-title.su-post-title > a:hover {
    background-color: rgba(255,255,255,0.6);
    opacity: 0.3;
}

/* Metadata and excerpts are not shown in the homepage cards, so not here either. */
.category article.posts-entry.blogposts-list.su-post .entry-meta,
.category article.posts-entry.blogposts-list.su-post .entry-content {
    display: none;
}

/* Exact homepage CTA (.su-post-meta). */
.category article.posts-entry.blogposts-list.su-post .su-post-meta {
    position: absolute;
    color: white;
    background-color: #697268;
    text-transform: uppercase;
    bottom: 30px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 60%;
    padding: 10px;
    font-family: 'Jost', sans-serif;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
    padding-left: 35px;
    box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.75);
    z-index: 9;
    opacity: 0.9;
    box-sizing: border-box;
}

.category article.posts-entry.blogposts-list.su-post .su-post-meta::after {
    content: "";
    position: absolute;
    opacity: 0.1;
    background-color: white;
    width: 100%;
    height: 46%;
    top: 0;
    border-radius: 10px;
    left: 0;
}

.category article.posts-entry.blogposts-list.su-post .su-post-meta::before {
    content: "";
    background-image: url("https://akademia-wiedzy.egerton.pl/wp-content/uploads/2020/09/33.png");
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    background-color: #03d1e6;
    width: 43px;
    border-radius: 10px 0 0 10px;
    left: 0;
    top: 0;
    height: 100%;
}

/* Same responsive widths as the homepage .su-post cards. */
@media only screen and (max-width: 1180px) {
    .category article.posts-entry.blogposts-list.su-post {
        width: 33%;
        max-width: 294px;
        flex-basis: 33%;
        margin-right: 3px;
    }

    .category main#main.site-main.all-blog-articles {
        justify-content: space-around;
        padding-right: 20px;
        padding-left: 20px;
    }
}

@media only screen and (max-width: 850px) {
    .category article.posts-entry.blogposts-list.su-post {
        width: 49%;
        max-width: 294px;
        flex-basis: 49%;
    }
}

@media only screen and (max-width: 620px) {
    .category article.posts-entry.blogposts-list.su-post {
        width: 100%;
        max-width: 294px;
        flex-basis: 100%;
        margin-right: auto;
        margin-left: auto;
    }
}

/* Keep the good single-post alignment from the previous safe version. */
.single-post article.posts-entry.fbox,
.single-post .egerton-native-share,
.single-post .egerton-native-author-box,
.single-post .egerton-native-related {
    width: calc(100% - 40px);
    max-width: 980px;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
}

.single-post .egerton-native-related__grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

@media only screen and (max-width: 620px) {
    .single-post .egerton-native-related__grid {
        grid-template-columns: 1fr;
    }
}


/* === Egerton Blog 1.3.8: homepage card click area ===
   No visual change. The existing empty .hero-us__href link now covers
   the whole legacy homepage card, matching the clickable behaviour
   of the lower post cards. */

.home .hero-us__tile {
    position: relative;
}

.home .hero-us__tile > a.hero-us__href {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 30;
    border-radius: 20px;
    cursor: pointer;
}

/* Preserve the existing visual hover; the overlay itself stays invisible. */
.home .hero-us__tile > a.hero-us__href:focus {
    outline: 2px solid rgba(3, 209, 230, .45);
    outline-offset: -3px;
}


/* === Egerton Blog 1.4.1: featured images in legacy homepage cards ===
   No redesign. Existing card geometry stays unchanged; only the old hardcoded
   background-image illustration is replaced by the post Featured Image. */
.home .hero-us__tile .egerton-home-featured-image {
    width: 95%;
    height: 250px;
    max-width: 250px;
    margin: 16px auto 0;
    background: none;
    overflow: hidden;
}

.home .hero-us__tile .egerton-home-featured-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* First informational tile keeps its original OFDK logo. */
.home .hero-us__tile:first-child .hero-us__logo-one {
    overflow: visible;
}


/* === Egerton Blog 1.4.2: stable category grid ===
   Same card design as before. Only the layout/distribution is corrected:
   4 columns desktop, 2 tablet, 1 mobile. Incomplete rows stay left-aligned. */

.category main#main.site-main.all-blog-articles {
    width: calc(100% - 40px);
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    align-items: stretch;
    justify-content: initial;
}

/* Archive heading/description and pagination occupy the full row. */
.category main#main.site-main.all-blog-articles > header.page-header,
.category main#main.site-main.all-blog-articles > .pag-wrapper {
    grid-column: 1 / -1;
    width: 100%;
    max-width: none;
}

/* Preserve the current homepage-style card exactly; only let the grid size it. */
.category main#main.site-main.all-blog-articles > article.posts-entry.blogposts-list.su-post {
    width: 100%;
    max-width: none;
    min-width: 0;
    flex: none;
    margin: 0;
    box-sizing: border-box;
}

/* Do not spread the final 1–3 cards across the row. CSS grid naturally keeps them left aligned. */
@media only screen and (max-width: 980px) {
    .category main#main.site-main.all-blog-articles {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
    }
}

@media only screen and (max-width: 620px) {
    .category main#main.site-main.all-blog-articles {
        width: calc(100% - 32px);
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .category main#main.site-main.all-blog-articles > article.posts-entry.blogposts-list.su-post {
        max-width: 294px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}