.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;
} .playnet-blog-wrap .top-story-card__dot {
display: inline-block;
width: 3px;
height: 3px;
margin: 0 6px;
border-radius: 50%;
background: rgba(30, 30, 30, 0.7);
vertical-align: middle;
}
.playnet-blog-wrap .top_stories li:nth-child(n+6) {
display: none;
}
.playnet-blog-wrap .top-stories-more {
display: none;
margin: 0 auto 28px;
padding: 0;
border: 0;
background: transparent;
color: #773da5 !important;
font-size: 16px !important;
font-weight: 600 !important;
cursor: pointer;
}
.playnet-blog-wrap .story-avatar,
.playnet-blog-wrap .more_text h3 img {
width: 34px;
height: 34px;
border-radius: 100px;
margin-right: 10px;
object-fit: cover;
}
.playnet-blog-wrap .story-meta-row {
display: flex;
align-items: center;
gap: 12px;
margin-top: 4px;
}
.playnet-blog-wrap .story-meta-row .story-meta {
margin: 0 !important;
}
.playnet-blog-wrap .story-meta-actions {
margin-left: auto;
display: flex;
align-items: center;
gap: 8px;
position: relative;
}
.playnet-blog-wrap .story-save,
.playnet-blog-wrap .story-menu {
border: 0;
background: transparent;
padding: 2px;
color: #1e1e1e;
line-height: 1;
cursor: pointer;
}
.playnet-blog-wrap .story-save .material-icons,
.playnet-blog-wrap .story-menu .material-icons {
font-size: 20px !important;
}
.playnet-blog-wrap .story-save.is-saved {
color: #773da5;
}
.playnet-blog-wrap .story-menu-wrap {
position: relative;
}
.playnet-blog-wrap .story-share {
position: absolute;
right: 0;
bottom: 30px;
z-index: 12;
min-width: 188px;
margin: 0;
padding: 6px 0;
list-style: none;
background: #fff;
border: 1px solid #e1e1e1;
border-radius: 8px;
}
.playnet-blog-wrap .story-share a,
.playnet-blog-wrap .story-share button {
display: block;
width: 100%;
padding: 8px 14px;
border: 0;
background: transparent;
text-align: left;
color: #1e1e1e !important;
font-size: 13px !important;
font-weight: 500 !important;
cursor: pointer;
text-decoration: none !important;
}
.playnet-blog-wrap .story-share a:hover,
.playnet-blog-wrap .story-share button:hover {
background: #f6f1fb;
}
.playnet-blog-wrap .join-match-item {
display: flex;
align-items: flex-start;
gap: 12px;
padding: 12px;
border-bottom: 1px solid #eee;
margin: 0;
}
.playnet-blog-wrap .join-match-item:last-child {
border-bottom: 0;
}
.playnet-blog-wrap .join-match-item__media {
flex: 0 0 64px;
width: 64px;
height: 64px;
border-radius: 3px;
overflow: hidden;
background: #f2f2f2;
}
.playnet-blog-wrap .join-match-item__media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.playnet-blog-wrap .join-match-item .more_text h2,
.playnet-blog-wrap .join-match-item .more_text h2 a {
font-size: 15px !important;
line-height: 1.35 !important;
margin: 0 0 6px !important;
}
.playnet-blog-wrap .join-match-btn {
display: inline-block;
background: #773da5;
color: #fff !important;
font-size: 11px !important;
font-weight: 600 !important;
line-height: 16px;
padding: 0 10px;
border-radius: 2px;
text-decoration: none !important;
}
.playnet-blog-wrap .join-match-btn:hover {
background: #5e2d86;
color: #fff !important;
}
.playnet-blog-wrap .join-match-btn.is-disabled {
background: #939393;
pointer-events: none;
}
.playnet-blog-wrap .subscribe-result {
text-align: center;
color: #ffffff;
margin: 14px 0 0 !important;
font-size: 14px !important;
font-weight: 500 !important;
}
.playnet-blog-wrap .subscribe-result.is-error {
color: #ffd6d6;
}@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 .outer_hightlight {
display: none !important;
}
.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 ul {
flex-wrap: wrap;
overflow: visible;
gap: 16px;
}
.playnet-blog-wrap .top_stories li {
width: calc((100% - 16px) / 2);
min-width: 0;
}
.playnet-blog-wrap .top_stories:not(.is-expanded) li:nth-child(n+5) {
display: none;
}
.playnet-blog-wrap .top_stories.is-expanded li {
display: block;
}
.playnet-blog-wrap .top-stories-more {
display: block;
}
.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: calc((100% - 12px) / 2);
min-width: 0;
}
.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 .playnet-blog-wrap,
body.blog .playnet-blog-wrap,
body.single-post .playnet-blog-wrap,
body.archive .playnet-blog-wrap,
body.category .playnet-blog-wrap,
body.search .playnet-blog-wrap {
position: relative;
z-index: 1;
clear: both;
} body.archive .playnet-blog-wrap,
body.category .playnet-blog-wrap,
body.search .playnet-blog-wrap,
body.error404 .playnet-blog-wrap {
padding-top: 120px;
}
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;
} body.home .s-newsletter-area,
body.blog .s-newsletter-area,
body.single-post .s-newsletter-area,
body.archive .s-newsletter-area,
body.category .s-newsletter-area {
display: none !important;
}.header-top-area {
background: #1c1121;
}
.s-header-top-area {
background: #131014;
}
.s-container-full-padding {
padding: 0 230px;
}
.header-top-offer {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.header-top-offer p {
margin-bottom: 0;
font-size: 13px;
font-weight: 600;
color: #a5a5a5;
}
.header-top-right {
display: flex;
align-items: center;
justify-content: flex-end;
min-height: 45px;
}
.header-social ul,
.header-top-action ul,
.navbar-wrap ul {
list-style: none;
margin: 0;
padding: 0;
}
.header-social ul {
display: flex;
flex-wrap: wrap;
}
.header-social ul li {
margin-left: 15px;
display: inline-block;
}
.header-social ul li:first-child {
margin-left: 0;
}
.header-social ul li a {
color: #b4b0b5;
font-size: 13px;
}
.header-social ul li a:hover,
.header-top-mail p span,
.header-top-mail p i {
color: #e4a101;
}
.header-top-action {
margin-left: 20px;
}
.header-top-action ul {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.header-top-mail p {
margin-bottom: 0;
font-size: 12px;
color: #bcbcbc;
}
.header-top-mail p a {
color: #bcbcbc;
}
.header-top-mail p span {
display: inline-block;
margin-right: 15px;
}
.header-top-mail p i {
margin-right: 10px;
}
.main-menu nav {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: flex-start;
}
.main-menu .logo img,
.logo img,
.footer-logo img,
.footer-widget .logo img {
height: 55px;
width: auto;
max-width: 160px;
object-fit: contain;
display: block;
}
.navbar-wrap {
display: flex;
flex-grow: 1;
}
.navbar-wrap ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-left: auto;
}
.navbar-wrap ul li {
position: relative;
}
header a {
text-decoration: none;
}
.navbar-wrap ul li a {
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
color: #edeaea;
padding: 43px 26px;
display: block;
line-height: 1;
position: relative;
z-index: 1;
font-family: Oxanium, cursive;
}
.navbar-wrap ul li.show a::before,
.navbar-wrap ul li a::before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
transform: skewX(-10deg);
z-index: -1;
right: 0;
margin: 0 auto;
opacity: 0;
}
.navbar-wrap ul li.show a::after,
.navbar-wrap ul li.active a::after,
.navbar-wrap ul li:hover > a::after {
content: "";
position: absolute;
height: 3px;
background: #e4a101;
right: 40px;
left: 0;
bottom: 0;
}
.navbar-wrap ul li:hover > a,
.navbar-wrap ul li.show > a {
color: #1c1121;
}
.navbar-wrap ul li.show,
.navbar-wrap ul li.show a::before,
.navbar-wrap ul li:hover > a::before {
opacity: 1;
}
.menu-style-two {
padding: 28px 30px;
border-radius: 0 0 14px 14px;
background-color: #1c1421;
background-image: url(//theplaynet.com/wp-content/themes/geco-playnet/assets/images/header_bg.jpg);
background-position: right center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.menu-style-two .navbar-wrap ul li.show a::after,
.menu-style-two .navbar-wrap ul li:hover > a::after,
.navbar-wrap ul li > .submenu li a::after,
.navbar-wrap ul li > .submenu li a::before {
display: none;
}
.menu-style-two .navbar-wrap ul li a {
padding: 15px 23px;
}
.menu-style-two .navbar-wrap ul li.show a::before,
.menu-style-two .navbar-wrap ul li a::before {
transform: skewX(-16deg);
transition: 0.3s linear;
} .navbar-wrap ul li > .submenu,
.navbar-wrap ul li > .sub-menu {
position: absolute;
z-index: 9;
border-radius: 2px;
border: 1px solid #3a2746;
display: block;
left: -9px;
opacity: 0;
padding: 18px 0;
right: 0;
top: 100%;
visibility: hidden;
min-width: 230px;
background: #1c1421;
box-shadow: 0 30px 70px 0 rgba(137, 139, 142, 0.15);
margin: 0;
transform: scale(1, 0);
transform-origin: 0 0;
transition: 0.3s ease-in-out;
}
.navbar-wrap ul li > .submenu .submenu,
.navbar-wrap ul li > .sub-menu .sub-menu {
left: auto;
right: 100%;
top: 0;
}
.navbar-wrap ul li > .submenu li,
.navbar-wrap ul li > .sub-menu li {
margin-left: 0;
text-align: left;
display: block;
}
.navbar-wrap ul li > .submenu li a,
.navbar-wrap ul li > .sub-menu li a {
padding: 0 10px 0 25px;
line-height: 40px;
font-weight: 600;
color: #fff;
text-transform: uppercase;
transition: 0.3s ease-in-out;
}
.navbar-wrap ul li .submenu li.active > a,
.navbar-wrap ul li .submenu > li:hover > a,
.navbar-wrap ul li .sub-menu > li:hover > a,
.navbar-wrap ul li .sub-menu li.current-menu-item > a {
color: #e4a101;
}
.navbar-wrap ul li:hover > .submenu,
.navbar-wrap ul li:hover > .sub-menu {
opacity: 1;
visibility: visible;
transform: scale(1);
}
.navbar-wrap ul.menu {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-left: auto;
} body > header {
position: relative;
z-index: 1000;
background: transparent;
}
.has-header-info-bar #sticky-header.transparent-header,
#sticky-header.transparent-header {
position: absolute;
left: 0;
top: 45px;
width: 100%;
z-index: 1000;
padding: 10px 0 0;
background: transparent !important;
background-image: none !important;
box-shadow: none;
}
.no-header-info-bar #sticky-header.transparent-header {
top: 0;
}
.admin-bar.has-header-info-bar #sticky-header.transparent-header {
top: 77px;
}
.admin-bar.no-header-info-bar #sticky-header.transparent-header {
top: 32px;
}
#sticky-header.transparent-header.sticky-menu,
.admin-bar #sticky-header.transparent-header.sticky-menu {
position: fixed !important;
top: 0 !important;
left: 0;
width: 100%;
z-index: 1000;
padding: 0;
background: transparent !important;
background-image: none !important;
box-shadow: none;
animation: none;
}
.admin-bar #sticky-header.transparent-header.sticky-menu {
top: 32px !important;
}
.sticky-menu .menu-style-two {
padding: 20px 30px;
}
.mean-container a.meanmenu-reveal span {
height: 1px !important;
margin-top: 4px !important;
}
.mean-container a.meanmenu-reveal {
border: 1px solid #fff !important;
height: 20px !important;
line-height: 20px !important;
margin-top: -40px !important;
padding: 4px 6px !important;
width: 20px !important;
}
.transparent-header .mean-container a.meanmenu-reveal {
font-size: 14px !important;
}
.mean-container .mean-nav ul li a {
padding: 8px 5% !important;
font-size: 14px !important;
}
.mean-container .mean-nav ul li a.mean-expand {
padding: 4px 10px !important;
height: 28px !important;
width: 18px !important;
font-size: 18px !important;
}
@media (max-width: 1800px) {
.s-container-full-padding {
padding: 0 60px;
}
}
@media (max-width: 1500px) {
.s-container-full-padding {
padding: 0 30px;
}
}
@media (max-width: 1199.98px) {
.s-container-full-padding {
padding: 0 15px;
}
.navbar-wrap ul li a {
font-size: 12px;
padding: 40px 20px;
}
.menu-style-two {
padding: 22px 20px;
border-radius: 0 0 14px 14px;
}
.menu-style-two .navbar-wrap ul li a {
padding: 15px 20px;
}
}
@media (max-width: 991.98px) {
.s-container-full-padding {
padding: 0 30px;
}
.header-top-right {
justify-content: center;
padding: 10px 0;
}
.main-menu nav {
justify-content: space-between;
}
.main-menu .logo img,
.logo img {
height: 48px;
max-width: 140px;
}
.has-header-info-bar #sticky-header.transparent-header,
#sticky-header.transparent-header {
top: 0;
padding: 12px 0 8px;
}
.menu-style-two {
padding: 12px 16px;
}
}
@media (max-width: 767.98px) {
.s-container-full-padding {
padding: 0 15px;
}
}
@media screen and (max-width: 782px) {
.admin-bar.has-header-info-bar #sticky-header.transparent-header {
top: 91px;
}
.admin-bar #sticky-header.transparent-header.sticky-menu {
top: 46px !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;
}