.edu-blog {
position: relative;
}
.edu-blog .thumbnail {
position: relative;
border-radius: 10px 10px 0 0;
overflow: hidden;
}
.edu-blog .thumbnail a {
display: block;
border-radius: 10px;
position: relative;
overflow: hidden;
}
.edu-blog .thumbnail a:after {
content: "";
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.5);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
visibility: hidden;
opacity: 0;
-webkit-transition: var(--edubin-transition);
transition: var(--edubin-transition);
}
.edu-blog .thumbnail a img {
width: 100%;
border-radius: 10px;
-webkit-transition: var(--edubin-transition);
transition: var(--edubin-transition);
}
.edu-blog .content {
padding: 30px 25px 0 25px;
border-radius: 10px;
position: relative;
}
.blog_layout_overlay .edubin-page-title-area.edubin-breadcrumb-has-bg:before {
background: linear-gradient(to bottom, rgb(255 255 255 / 0%) 0%, #000000f2 100%);
}
.blog_layout_overlay .blog-details-top {
position: relative;
z-index: 1;
display: flex;
justify-content: space-between;
}
.edu-blog .blog-meta, .blog_layout_overlay .blog-meta {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
align-items: center;
}
.edu-blog .content .blog__title {
margin-bottom: 12px;
}
.edubin-blog-readmore {
margin-top: 12px;
}
.edu-blog .blog-meta {
padding-bottom: 10px;
}
.author.vcard img {
display: inline-block;
border-radius: 50%;
vertical-align: middle;
margin-right: 8px;
margin-top: -3px;
margin-bottom: -3px;
}
.blog_layout_overlay .edubin-cat-wrapper {
margin-bottom: 30px;
}
.blog_layout_overlay .edubin-post-cat a {
color: #fff;
background: var(--edubin-primary-color);
padding: 7px 17px;
border-radius: 100px;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.edu-blog .blog-meta li, .blog_layout_overlay .blog-meta li {
position: relative;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
color: #838383;
margin-left: 20px;
margin-top: 0;
margin-bottom: 0;
}
.edu-blog .blog-meta li, .blog_layout_overlay .blog-meta li {
position: relative;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
color: #838383;
margin-left: 20px;
margin-top: 0;
margin-bottom: 0;
}
.edu-blog .blog-meta li:first-child, .blog_layout_overlay .blog-meta li:first-child {
margin-left: 0;
}
.blog-meta li.byline{
position: relative;
top: 2px;
}
.edu-blog .blog-meta li:hover a {
color: var(--edubin-heading-color);
text-decoration: underline;
}
.blog_layout_overlay .blog-meta li:hover a {
color: var(--edubin-primary-color);
}
.blog_layout_overlay .blog-meta li, .blog_layout_overlay .blog-meta li a {
color: #fff;
font-size: 15px;
}
.edu-blog .blog-meta li i, .blog_layout_overlay .blog-meta li i {
font-size: 16px;
padding-right: 10px;
position: relative;
top: 2px;
color: var(--edubin-primary-color);
}
.edu-blog .blog-meta li:last-child:after {
display: none;
}
.edu-blog .blog-meta li.meta-blog-cat a {
color: #838383;
}
span.meta-blog-cat a {
position: relative;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
color: var(--edubin-color-meta);
margin-top: 0;
margin-bottom: 0;
letter-spacing: 0.05em;
color: var(--edubin-color-meta);
}
.overlay-blog-header {
position: relative;
}
.blog_layout_overlay .edubin-default-breadcrumb .shape-1, .blog_layout_overlay .edubin-default-breadcrumb .shape-2, .blog_layout_overlay .edubin-default-breadcrumb .shape-3, .blog_layout_overlay .edubin-default-breadcrumb .shape-4, .blog_layout_overlay .edubin-default-breadcrumb .shape-5 {
display: none;
} .blog_layout_title_first .edubin-single-post .post-main-title, .blog_layout_image_first .edubin-single-post .post-main-title {
margin-bottom: 15px;
}
.blog_layout_title_first .edu-blog .blog-meta {
padding-bottom: 30px;
}
.blog_layout_image_first .edu-blog .blog-meta {
padding-bottom: 15px;
} .edubin-like-container {
display: inline-block;
text-transform: uppercase;
}
.edubin-like-btn {
background: none;
border: none;
font-size: 18px;
color: #ffffff;
cursor: pointer;
}
.edubin-like-container i {
position: relative;
top: 3px;
}
.edubin-like-container i:hover {
transform: scale(1.1);
}
.edubin-like-btn {
font-size: 15px; letter-spacing: 0.5px;
cursor: pointer;
} .related-post-wrap {
margin-top: 50px;
padding-bottom: 40px;
}
.related-post-wrap .entry-title {
font-size: 18px;
line-height: 28px;
margin-top: 15px;
margin-bottom: 10px;
}
@media (max-width:786px) {
.related-post-wrap .entry-title {
font-size: 22px;
line-height: 32px;
}
}
.related-post-wrap .posted-on i {
font-size: 14px;
margin-right: 5px;
color: var(--edubin-primary-color);
}
.related-post-wrap .entry-date {
font-size: 15px;
text-transform: uppercase;
}
.related-post-wrap .related-title {
font-size: 28px;
font-weight: 700;
display: block;
margin-bottom: 22px;
color: #07294d;
}
.edubin-single-post .related-post-wrap .post-thumbnail {
overflow: hidden;
border-radius: 10px;
margin-top: 10px;
}
.related-post-wrap .post-thumbnail img {
visibility: visible;
opacity: 1;
}
.related-post-wrap .post-thumbnail:hover img {
-webkit-transform: scale(1.08);
-ms-transform: scale(1.08);
transform: scale(1.08);
}
.blog_layout_overlay .related-post-wrap li, .blog_layout_overlay .related-post-wrap li a {
color: var(--edubin-color-meta);
} .blog-nav-links {
margin-top: 30px;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased; font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-weight: 300
}
.blog-nav-links .inner .hover-bg, .blog-nav-links .inner h6:before {
transition: all .25s cubic-bezier(.645, .045, .355, 1)
}
.blog-nav-links .inner .hover-bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0
}
.blog-nav-links .inner .hover-bg.has-thumbnail:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0
}
.blog-nav-links .nav-list {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
grid-gap: 30px;
}
@media (max-width: 767px) {
.blog-nav-links .nav-list {
-ms-grid-columns: unset;
grid-template-columns: unset;
}   
}
.blog-nav-links .nav-item {
min-width: 0;
line-height: 0;
}
.blog-nav-links .inner a {
position: relative;
display: flex;
align-items: center;
min-height: 120px;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 15px 50px rgba(51, 51, 51, 0.1);
}
.blog-nav-links .inner a:hover {
box-shadow: none;
}
.blog-nav-links .inner a:hover .hover-bg {
opacity: 1;
}
.blog-nav-links .inner a:hover h6 {
color: #fff;
}
.blog-nav-links .inner a:hover h6:before {
color: #fff;
}
.blog-nav-links .inner a h6 {
display: block;
word-wrap: break-word;
width: 100%;
}
.blog-nav-links .inner .hover-bg {
background-color: #333;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
opacity: 0;
}
.blog-nav-links .inner .hover-bg.has-thumbnail:before {
opacity: 0.5;
background-image: linear-gradient(-180deg, rgba(51, 51, 51, 0) 0%, #000 80%);
border-radius: 5px;
}
.blog-nav-links .inner h6 {
position: relative;
font-size: 18px;
line-height: 1.56;
margin: 0;
}
.blog-nav-links .inner h6:before {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 24px;
}
.blog-nav-links .prev h6 {
padding: 20px 30px 20px 50px;
}
.blog-nav-links .prev h6:before {
left: 20px;
content: '\f13f';
font-family: 'flaticon_edubin';
font-size: 15px;
}
.blog-nav-links .next {
text-align: right;
}
.blog-nav-links .next h6 {
padding: 20px 50px 20px 30px;
}
.blog-nav-links .next h6:before {
right: 20px;
content: '\f140';
font-family: 'flaticon_edubin';
font-size: 15px;
} .tpc-edubin-blog-space {
margin-right: 10px;
}
.tpc-post-details-page {
margin-right: 25px;
}
.edubin-single-post .post-thumbnail {
margin-bottom: 30px;
}
.edubin-single-post .post-thumbnail img {
width: 100%;
border-radius: 10px;
}
.edubin-single-post .edubin-blog-meta {
margin-bottom: 25px;
}
.edubin-single-post .post-main-title {
margin-bottom: 5px;
}
.blog_layout_title_first .edubin-single-post .post-main-title, .blog_layout_image_first .edubin-single-post .post-main-title {
margin-bottom: 15px;
}
.blog_layout_title_first .edu-blog .blog-meta {
padding-bottom: 30px;
}
.blog_layout_image_first .edu-blog .blog-meta {
padding-bottom: 15px;
}
.edubin-tag-social-share-wrapper {
clear: both;
padding-bottom: 40px;
padding-top: 30px;
}
.edubin-tag-social-share.edubin-row {
margin-bottom: 0px !important;
display: flex;
align-items: center;
}
.edubin-tag-social-share.edubin-row>* {
margin-bottom: 0px !important;
}
.wp-block-tag-cloud, .widget_product_tag_cloud .tagcloud, .widget_tag_cloud .tagcloud {
margin: -5px;
}
.wp-block-tag-cloud a, .widget_product_tag_cloud .tagcloud a, .widget_tag_cloud .tagcloud a {
border: 1px solid #ddd;
border-radius: 100px;
font-weight: 500;
font-size: 14px;
font-family: var(--edubin-font-secondary);
margin: 5px;
height: 38px;
line-height: 38px;
padding: 0px 20px;
-webkit-transition: var(--edubin-transition);
transition: var(--edubin-transition);
position: relative;
z-index: 1;
display: inline-block;
}
.edubin-post-tag-wrapper .edubin-post-tag a {
transition: all 0.5s ease;
font-size: 14px;
letter-spacing: 0.1px;
color: var(--edubin-meta-color);
display: inline-block;
margin-right: 10px;
padding: 9px 17px;
line-height: 1;
border-radius: 100px;
border: 1px solid #ddd;
margin-bottom: 5px;
}
.edubin-post-tag-wrapper .edubin-post-tag a:hover {
color: #fff;
background-color: var(--edubin-primary-color);
}
.edubin-post-tag a:last-child .tags-sep {
display: none;
}
.wp-block-tag-cloud a, .widget_product_tag_cloud .tagcloud a, .widget_tag_cloud .tagcloud a {
font-size: 14px !important;
}
.wp-block-tag-cloud a:after, .widget_product_tag_cloud .tagcloud a:after, .widget_tag_cloud .tagcloud a:after {
content: "";
height: 100%;
width: 100%;
background: var(--edubin-primary-color);
border-radius: 100px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
-webkit-transition: var(--edubin-transition);
transition: var(--edubin-transition);
opacity: 0;
}
.wp-block-tag-cloud a:hover, .widget_product_tag_cloud .tagcloud a:hover, .widget_tag_cloud .tagcloud a:hover {
color: var(--edubin-color-white);
border-color: transparent;
}
.wp-block-tag-cloud a:hover:after, .widget_product_tag_cloud .tagcloud a:hover:after, .widget_tag_cloud .tagcloud a:hover:after {
opacity: 1;
}
@media (max-width: 991px) {
.tpc-post-details-page {
margin-right: 0px;
}
}
@media (max-width: 767px) {
.edubin-single-post .post-thumbnail {
margin: 0px 0 30px;
}
.edubin-post-tag-wrapper {
margin-bottom: 20px;
}
.edubin-tag-social-share-wrapper {
padding-bottom: 30px;
padding-top: 20px;
}
.edubin-author-bio {
padding: 40px 0 40px;
}
}