.playnet-blog-wrap {
background: #fff;
color: #1e1e1e;
font-family: 'Poppins', sans-serif !important;
padding-bottom: 0;
}
.playnet-blog-wrap,
.playnet-blog-wrap h1,
.playnet-blog-wrap h2,
.playnet-blog-wrap h3,
.playnet-blog-wrap h4,
.playnet-blog-wrap h5,
.playnet-blog-wrap h6,
.playnet-blog-wrap p,
.playnet-blog-wrap a,
.playnet-blog-wrap li,
.playnet-blog-wrap span,
.playnet-blog-wrap input,
.playnet-blog-wrap button {
font-family: 'Poppins', sans-serif !important;
}
.playnet-blog-wrap a {
text-decoration: none;
}
.playnet-blog-wrap .container {
max-width: 1140px;
} .playnet-blog-wrap .blog-banner {
margin-bottom: 60px;
}
.playnet-blog-wrap .blog-banner .carousel-inner {
height: 460px;
}
.playnet-blog-wrap .blog-banner .carousel-item {
height: 100%;
position: relative;
}
.playnet-blog-wrap .blog-banner .carousel-item::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,.65) 100%);
z-index: 1;
pointer-events: none;
}
.playnet-blog-wrap .blog-banner .carousel-item img {
height: 100%;
width: 100%;
object-fit: cover;
display: block;
}
.playnet-blog-wrap .blog-banner-content {
position: absolute;
bottom: 15px;
left: 30px;
right: 30px;
z-index: 2;
}
.playnet-blog-wrap .blog-banner-content h1,
.playnet-blog-wrap .blog-banner-content h1 a,
.playnet-blog-wrap .blog-banner-content p {
color: #ffffff !important;
}
.playnet-blog-wrap .blog-banner-content h1 {
font-size: 55px !important;
font-weight: 700 !important;
line-height: 1.15 !important;
margin: 0 !important;
}
.playnet-blog-wrap .blog-banner-content p {
font-size: 16px !important;
font-weight: 400 !important;
margin: 8px 0 0 !important;
max-width: 720px;
}
.playnet-blog-wrap .update-wrap {
height: 25px;
line-height: 22px;
background-color: #ffffff;
color: #1e1e1e !important;
padding: 0 10px;
border-radius: 100px;
display: inline-block;
font-size: 14px !important;
font-weight: 500 !important;
margin-bottom: 6px;
}
.playnet-blog-wrap .update-wrap img {
width: 12px;
height: 12px !important;
object-fit: cover !important;
margin-left: 3px;
vertical-align: middle;
} .playnet-blog-wrap .blog-category-head {
padding: 36px 0 10px;
margin-bottom: 20px;
}
.playnet-blog-wrap .blog-category-head h1 {
font-size: 36px !important;
font-weight: 700 !important;
color: #1e1e1e !important;
margin: 0 0 8px !important;
line-height: 1.2 !important;
}
.playnet-blog-wrap .blog-category-head p {
font-size: 16px !important;
color: #939393 !important;
margin: 0 !important;
} .playnet-blog-wrap .top_stories h2,
.playnet-blog-wrap .more_stories h2 {
font-size: 26px !important;
font-weight: 700 !important;
color: #1e1e1e !important;
margin: 0 0 18px !important;
line-height: 1.3 !important;
}
.playnet-blog-wrap .top_stories ul {
list-style: none;
margin: 0 0 30px !important;
padding: 0 0 30px !important;
border-bottom: 1px solid rgba(217, 217, 217, 0.8);
display: flex;
flex-wrap: nowrap;
gap: 16px;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.playnet-blog-wrap .top_stories li {
width: calc((100% - 64px) / 5);
min-width: 160px;
flex: 0 0 auto;
margin: 0;
text-align: left;
}
.playnet-blog-wrap .top-story-card {
display: flex;
flex-direction: column;
height: 100%;
color: inherit;
text-decoration: none !important;
}
.playnet-blog-wrap .top-story-card__media {
display: block;
width: 100%;
height: 130px;
border-radius: 8px;
overflow: hidden;
margin-bottom: 12px;
background: #f2f2f2;
}
.playnet-blog-wrap .top-story-card__media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
margin: 0;
}
.playnet-blog-wrap .top-story-card__body {
display: flex;
flex-direction: column;
gap: 4px;
min-height: 92px;
}
.playnet-blog-wrap .top_stories h6 {
font-size: 18px !important;
font-weight: 700 !important;
color: #1e1e1e !important;
line-height: 23px !important;
margin: 0 !important;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
min-height: 46px;
}
.playnet-blog-wrap .top_stories li p,
.playnet-blog-wrap .top-story-card__cat,
.playnet-blog-wrap .top-story-card__meta {
font-size: 14px !important;
font-weight: 500 !important;
color: rgba(30, 30, 30, 0.7) !important;
margin: 0 !important;
line-height: 1.4 !important;
}
.playnet-blog-wrap .top_stories .material-icons {
font-size: 14px !important;
vertical-align: middle;
color: #1e1e1e !important;
} .playnet-blog-wrap .more_stories .col-lg-9 > h2 {
margin-bottom: 40px !important;
}
.playnet-blog-wrap .more_stories_content {
display: flex;
align-items: center;
justify-content: space-between;
gap: 28px;
min-height: 200px;
padding-bottom: 30px;
border-bottom: 1px solid #d9d9d9;
margin-bottom: 30px;
}
.playnet-blog-wrap .more_text {
width: auto;
flex: 1 1 auto;
min-width: 0;
display: flex;
flex-direction: column;
justify-content: center;
}
.playnet-blog-wrap .more_text h3 {
font-size: 20px !important;
font-weight: 600 !important;
color: #1e1e1e !important;
margin: 0 0 10px !important;
display: flex;
align-items: center;
}
.playnet-blog-wrap .more_text h3 img {
width: 30px;
height: 30px;
border-radius: 100px;
margin-right: 10px;
object-fit: cover;
flex-shrink: 0;
}
.playnet-blog-wrap .more_text h2,
.playnet-blog-wrap .more_text h2 a,
.playnet-blog-wrap .story-title,
.playnet-blog-wrap .story-title a {
font-size: 24px !important;
font-weight: 600 !important;
color: #1e1e1e !important;
line-height: 1.3 !important;
margin: 0 0 8px !important;
text-decoration: none !important;
}
.playnet-blog-wrap .story-title {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.playnet-blog-wrap .more_text p,
.playnet-blog-wrap .story-excerpt__text,
.playnet-blog-wrap .story-meta {
margin: 0 0 10px !important;
color: #939393 !important;
font-size: 16px !important;
font-weight: 500 !important;
line-height: 1.45 !important;
}
.playnet-blog-wrap .story-meta {
margin-bottom: 0 !important;
}
.playnet-blog-wrap .story-meta span:first-child {
margin-right: 50px;
}
.playnet-blog-wrap .story-thumb {
flex: 0 0 200px;
width: 200px;
height: 200px;
border-radius: 8px;
overflow: hidden;
background: #f2f2f2;
}
.playnet-blog-wrap .story-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
} .playnet-blog-wrap .story-excerpt,
.playnet-blog-wrap .entry-collapse {
position: relative;
}
.playnet-blog-wrap .story-excerpt[data-collapsed="true"] .story-excerpt__text {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.playnet-blog-wrap .entry-collapse[data-collapsed="true"] .entry-content-inner {
max-height: calc(1.7em * 8);
overflow: hidden;
position: relative;
}
.playnet-blog-wrap .entry-collapse[data-collapsed="true"] .entry-content-inner::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 56px;
background: linear-gradient(180deg, rgba(255,255,255,0), #fff 90%);
pointer-events: none;
}
.playnet-blog-wrap .story-more-btn {
display: inline-block;
margin-top: 6px;
padding: 0;
border: 0;
background: transparent;
color: #773da5 !important;
font-size: 15px !important;
font-weight: 600 !important;
cursor: pointer;
line-height: 1.2;
}
.playnet-blog-wrap .story-more-btn:hover {
text-decoration: underline;
}
.playnet-blog-wrap .entry-more-btn {
margin-top: 12px;
font-size: 16px !important;
}
.playnet-blog-wrap .detail-meta {
margin-bottom: 18px !important;
}
.playnet-blog-wrap .detail-meta span {
margin-right: 18px;
} .playnet-blog-wrap .outer_hightlight > h2 {
font-size: 26px !important;
font-weight: 700 !important;
color: #1e1e1e !important;
margin: 0 0 15px !important;
}
.playnet-blog-wrap .highlight-wrap {
border: 1px solid #e1e1e1;
border-radius: 10px;
margin-bottom: 40px;
background: #fff;
overflow: hidden;
}
.playnet-blog-wrap .highlight-wrap .more_stories_content {
margin-bottom: 0;
min-height: 0;
padding: 12px;
border-bottom: 1px solid #eee;
justify-content: flex-start;
gap: 10px;
align-items: center;
text-decoration: none !important;
}
.playnet-blog-wrap .highlight-wrap .more_stories_content > img {
width: 65px;
height: 65px;
border-radius: 3px;
object-fit: cover;
flex: 0 0 65px;
}
.playnet-blog-wrap .highlight-wrap .more_stories_content:last-child {
border-bottom: 0;
}
.playnet-blog-wrap .highlight-wrap .more_text {
width: 100%;
min-width: 0;
margin-left: 0;
}
.playnet-blog-wrap .highlight-wrap .more_text p {
margin-bottom: 2px !important;
}
.playnet-blog-wrap .highlight-wrap .more_text p span {
font-size: 12px !important;
}
.playnet-blog-wrap .highlight-wrap .more_text p span:first-child {
margin-right: 10px;
}
.playnet-blog-wrap .highlight-wrap .more_text h2,
.playnet-blog-wrap .highlight-wrap .more_text h2 a {
font-size: 15px !important;
line-height: 1.35 !important;
margin: 0 !important;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
} .playnet-blog-wrap .blog-subscribe,
.playnet-blog-wrap .blog-footer {
background-image: url(//theplaynet.com/wp-content/themes/geco-playnet/assets/images/blog-footer.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
padding: 80px 0;
}
.playnet-blog-wrap .blog-subscribe h2,
.playnet-blog-wrap .blog-footer h2 {
text-align: center;
color: #ffffff !important;
margin: 0 0 15px !important;
font-size: 32px !important;
font-weight: 700 !important;
}
.playnet-blog-wrap .blog-subscribe .form-group,
.playnet-blog-wrap .blog-footer .form-group {
height: 50px;
width: 60%;
margin: 35px auto 0;
overflow: hidden;
border-radius: 6px;
display: flex;
background: #fff;
}
.playnet-blog-wrap .blog-subscribe .form-group input,
.playnet-blog-wrap .blog-footer .form-group input {
width: 100%;
height: 100%;
border: 0;
padding: 0 20px;
outline: 0;
background: #fff;
color: #1e1e1e;
font-size: 15px !important;
}
.playnet-blog-wrap .blog-subscribe .form-group button,
.playnet-blog-wrap .blog-subscribe .form-group .btn,
.playnet-blog-wrap .blog-footer .form-group button,
.playnet-blog-wrap .blog-footer .form-group .btn {
background: #773da5 !important;
background-image: none !important;
color: #fff !important;
padding: 0 25px !important;
font-size: 16px !important;
font-weight: 500 !important;
border: 0 !important;
border-radius: 0 !important;
height: 100%;
box-shadow: none !important;
text-transform: none !important;
} .playnet-blog-wrap .blog-detail {
padding-bottom: 20px;
}
.playnet-blog-wrap .blog-text h2 {
font-size: 42px !important;
line-height: 54px !important;
margin: 0 0 20px !important;
color: #1e1e1e !important;
font-weight: 700 !important;
}
.playnet-blog-wrap .blog-text p,
.playnet-blog-wrap .blog-text .entry-content,
.playnet-blog-wrap .blog-text .entry-content p {
font-size: 20px !important;
font-weight: 400 !important;
color: #a1a1a1 !important;
line-height: 1.7 !important;
margin-bottom: 16px !important;
}
.playnet-blog-wrap .blog-text .entry-content img {
max-width: 100%;
height: auto;
border-radius: 6px;
margin: 18px 0;
}
.playnet-blog-wrap .blog-detail + .top_stories {
margin-top: 20px;
} .playnet-blog-wrap .blog-pagination {
margin: 10px 0 40px;
}
.playnet-blog-wrap .blog-pagination .nav-links {
display: flex;
gap: 8px;
flex-wrap: wrap;
}
.playnet-blog-wrap .blog-pagination a,
.playnet-blog-wrap .blog-pagination span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 36px;
height: 36px;
padding: 0 10px;
border: 1px solid #e1e1e1;
border-radius: 6px;
color: #1e1e1e !important;
font-size: 14px !important;
font-weight: 500 !important;
background: #fff;
}
.playnet-blog-wrap .blog-pagination .current {
background: #773da5;
border-color: #773da5;
color: #fff !important;
}@media screen and (max-width:1199px) {
.playnet-blog-wrap .top_stories h6 {
font-size: 16px !important;
min-height: 42px;
}
.playnet-blog-wrap .blog-text h2 {
font-size: 36px !important;
line-height: 48px !important;
}
.playnet-blog-wrap .outer_hightlight > h2 {
margin-bottom: 8px !important;
font-size: 26px !important;
}
.playnet-blog-wrap .blog-text p,
.playnet-blog-wrap .blog-text .entry-content p {
font-size: 18px !important;
}
}
@media screen and (max-width:991px) {
.playnet-blog-wrap .top_stories li {
width: calc((100% - 32px) / 3);
min-width: 150px;
}
.playnet-blog-wrap .blog-text h2 {
font-size: 30px !important;
line-height: 42px !important;
}
.playnet-blog-wrap .blog-detail .outer_hightlight {
margin-top: 15px;
padding-left: 0;
}
.playnet-blog-wrap .blog-banner-content h1 {
font-size: 40px !important;
}
.playnet-blog-wrap .story-thumb {
flex: 0 0 170px;
width: 170px;
height: 170px;
}
.playnet-blog-wrap .more_stories_content {
min-height: 170px;
gap: 20px;
}
}
@media screen and (max-width:767px) {
.playnet-blog-wrap .top_stories li {
width: calc((100% - 16px) / 2);
}
.playnet-blog-wrap .more_text {
width: 100%;
}
.playnet-blog-wrap .more_stories_content h2,
.playnet-blog-wrap .more_text h2,
.playnet-blog-wrap .more_text h2 a,
.playnet-blog-wrap .story-title,
.playnet-blog-wrap .story-title a {
font-size: 20px !important;
}
.playnet-blog-wrap .blog-subscribe h2,
.playnet-blog-wrap .blog-footer h2 {
font-size: 28px !important;
}
.playnet-blog-wrap .story-thumb {
flex: 0 0 150px;
width: 150px;
height: 150px;
}
.playnet-blog-wrap .more_stories_content {
min-height: 150px;
}
.playnet-blog-wrap .blog-text h2 {
font-size: 26px !important;
line-height: 36px !important;
}
.playnet-blog-wrap .blog-text p,
.playnet-blog-wrap .blog-text .entry-content p {
font-size: 18px !important;
}
.playnet-blog-wrap .blog-subscribe .form-group,
.playnet-blog-wrap .blog-footer .form-group {
width: 90%;
}
.playnet-blog-wrap .story-meta span:first-child {
margin-right: 24px;
}
}
@media screen and (max-width:640px) {
.playnet-blog-wrap .blog-banner-content h1 {
font-size: 42px !important;
}
.playnet-blog-wrap .blog-banner .carousel-inner {
height: 340px;
}
}
@media screen and (max-width:575px) {
.playnet-blog-wrap .blog-subscribe .form-group,
.playnet-blog-wrap .blog-footer .form-group {
width: 100%;
margin-top: 20px;
}
.playnet-blog-wrap .blog-subscribe,
.playnet-blog-wrap .blog-footer {
padding: 50px 0;
}
.playnet-blog-wrap .blog-subscribe h2,
.playnet-blog-wrap .blog-footer h2 {
font-size: 24px !important;
}
}
@media screen and (max-width:480px) {
.playnet-blog-wrap .blog-banner-content h1 {
font-size: 28px !important;
}
.playnet-blog-wrap .blog-banner-content p {
font-size: 12px !important;
}
.playnet-blog-wrap .update-wrap {
height: 22px;
line-height: 20px;
padding: 0 8px;
font-size: 12px !important;
}
.playnet-blog-wrap .blog-banner .carousel-inner {
height: 240px;
}
.playnet-blog-wrap .blog-banner {
margin-bottom: 30px;
}
.playnet-blog-wrap .top_stories li {
width: 78%;
min-width: 220px;
}
.playnet-blog-wrap .more_stories_content {
display: flex;
flex-direction: column;
align-items: stretch;
min-height: 0;
gap: 14px;
}
.playnet-blog-wrap .more_stories_content p,
.playnet-blog-wrap .story-excerpt__text,
.playnet-blog-wrap .story-meta {
font-size: 14px !important;
}
.playnet-blog-wrap .more_text h3 {
font-size: 16px !important;
}
.playnet-blog-wrap .more_stories .col-lg-9 > h2,
.playnet-blog-wrap .more_stories h2 {
margin-bottom: 25px !important;
}
.playnet-blog-wrap .story-thumb {
width: 100%;
height: 180px;
flex: none;
order: -1;
}
.playnet-blog-wrap .highlight-wrap .more_stories_content {
display: flex;
flex-direction: row;
align-items: center;
}
.playnet-blog-wrap .highlight-wrap .story-thumb,
.playnet-blog-wrap .highlight-wrap .more_stories_content > img {
width: 65px;
height: 65px;
flex: 0 0 65px;
order: 0;
}
.playnet-blog-wrap .blog-subscribe h2,
.playnet-blog-wrap .blog-footer h2 {
font-size: 20px !important;
}
.playnet-blog-wrap .blog-subscribe .form-group,
.playnet-blog-wrap .blog-footer .form-group {
height: 40px;
}
.playnet-blog-wrap .blog-text p,
.playnet-blog-wrap .blog-text .entry-content p {
font-size: 16px !important;
}
.playnet-blog-wrap .blog-text h2 {
font-size: 22px !important;
line-height: 34px !important;
}
.playnet-blog-wrap .carousel-control-next-icon,
.playnet-blog-wrap .carousel-control-prev-icon {
width: 12px;
height: 12px;
}
}body.home .breadcrumb-area,
body.blog .breadcrumb-area,
body.single-post .breadcrumb-area,
body.archive .breadcrumb-area,
body.category .breadcrumb-area {
display: none !important;
}
body.home #primary,
body.blog #primary,
body.single-post #primary,
body.archive #primary,
body.category #primary {
width: 100%;
max-width: 100%;
float: none;
padding: 0;
margin: 0;
}
body.home #secondary,
body.blog #secondary,
body.single-post #secondary,
body.archive #secondary,
body.category #secondary {
display: none !important;
}
body.home .container.geco-content-wrap,
body.blog .container.geco-content-wrap,
body.single-post .container.geco-content-wrap,
body.archive .container.geco-content-wrap,
body.category .container.geco-content-wrap {
max-width: 100%;
width: 100%;
padding: 0;
margin: 0;
} body.archive .breadcrumb-bg,
body.category .breadcrumb-bg,
body.archive .inner-banner,
body.category .inner-banner {
display: none !important;
}.redux-group-tab .redux-field-header:first-child {
margin: 30px 0 0;
}
.redux-field-header  {
position: relative;
margin: 45px -15px 0;
}
.redux-field-header h3 {
font-size: 1.2em;
}
.redux-field-header h4 {
font-size: 1.1em;
}
.redux-field-header h5 {
font-size: 1em;
}
.redux-field-header h6 {
font-size: .9em;
}
.redux-field-header h1,
.redux-field-header h2,
.redux-field-header h3,
.redux-field-header h4,
.redux-field-header h5,
.redux-field-header h6 {
position: relative;
padding: 1em 12px;
border-bottom: 6px double #0099d5 !important;
line-height: 1.4em !important;
}
.redux-field-header p {
margin-top: -.5em;
}