.swiper-wrapper {padding-bottom: 15px;} .swiper-button-next{right: 0;} .swiper-button-prev{left: 0;} .swiper-button-next:after, .swiper-button-prev:after {font-size: 15px;background: rgb(0 0 0 / 50%);padding: 5px;color: #fff;} .range-shortcode .ajax-button {text-align: right;} .range-shortcode .range-title {text-align: center;} .range-shortcode .range-title .title {font-size: 16px !important;margin: 20px 0 0px 0 !important;text-transform: uppercase;font-weight: 600 !important;text-align: center;letter-spacing: 2px !important;} .range-shortcode .range-title .series-name {margin-bottom: 20px;} .range-shortcode .range-title .series-name a {font-size: 13px;letter-spacing: 2px;} .range-shortcode .range-match-wrapper .swiper-slide .range-match {background: #040055;border-radius: 15px;padding: 20px 10px;text-align: center;} .range-shortcode .range-match-wrapper .swiper-slide .datetime {font-size: 14px;color: #11a1f9;font-weight: 600;} .range-shortcode .range-match-wrapper .swiper-slide .subtitle {font-size: 11px;color: #fff;margin-bottom: 15px;} .range-shortcode .range-match-wrapper .swiper-slide .team-names .team {color: #fff;font-size: 13px;font-weight: 300;line-height: 1.2;} .range-shortcode .range-match-wrapper .swiper-slide .team-names .team-divider {position: relative;margin: 5px 0;height: 1px;} .range-shortcode .range-match-wrapper .swiper-slide .team-names .team-divider:before {content: "";position: absolute;top: 0;left: 5%;right: 5%;width: 90%;height: 1px;background-image: linear-gradient(to right, transparent, rgb(255,255,255), transparent);} .range-shortcode .range-match-wrapper .swiper-slide .range-winner-wrap {margin-top: 15px;} .range-shortcode .range-match-wrapper .swiper-slide .range-winner-wrap .winner-name {background: #81b340;color: #fff;font-size: 14px;border-radius: 30px;padding: 10px;} .range-shortcode .range-match-wrapper .swiper-slide .range-winner-wrap .winner-title {color: #fff;font-style: italic;margin-top: 10px;} .range-shortcode .range-match-wrapper .swiper-slide .range-result {margin-top: 20px;color: #fff;font-size: 13px;line-height: 1.1;clear: both;display: inline-block;width: 100%;} .range-shortcode .range-match-wrapper .swiper-slide .range-result .left {width: 34%;margin-right: 2%;float: left;} .range-shortcode .range-match-wrapper .swiper-slide .range-result .right {width: 64%;float: left;text-align: right;} .range-shortcode .range-match-wrapper .swiper-slide .range-result .right .right-col {width: 50%;float: left;} .range-shortcode .range-match-wrapper .swiper-slide .range-result .number {font-size: 24px;font-weight: 700;} .range-shortcode .range-expert-wrap {text-align: center;} .range-shortcode .range-expert-wrap .title {font-size: 16px !important;margin: 20px 0 !important;text-transform: uppercase;font-weight: 600 !important;letter-spacing: 2px !important;} .range-shortcode .range-expert-wrap .expert-wrap img {height: 90px;width: 90px;border-radius: 50%;margin-bottom: 10px;} .range-shortcode .range-expert-wrap .expert-wrap p {text-transform: uppercase;} .range-shortcode .range-expert-wrap .expert-wrap p a {display: inline-block;font-size: 12px;} .range-shortcode .viewEventBtn .fusion-button {margin-bottom: 10px;} /*Header Notification*/ .header-event-slider .tabs .horizontal {list-style: none;padding: 0;text-align: center;margin-bottom: 0;} .header-event-slider .empty-event {background: #fff;padding: 20px;text-align: center;} .header-event-slider .empty-event p {font-size: 18px;font-weight: 700;margin-bottom: 0;} .header-event-slider .tabs .horizontal li {display: inline-block;margin-right: 20px;} .header-event-slider .tabs .horizontal li:last-child {margin-right: 0;} .header-event-slider .tabs .horizontal li a {color: #7a7e7f;font-size: 14px;font-weight: 600;border-bottom: 2px solid transparent;padding-bottom: 3px;} .header-event-slider .tabs .horizontal li a:hover, .header-event-slider .tabs .horizontal li.active a {color: #020202;border-bottom: 2px solid #020202;} .header-event-slider .headerEventByFilter .swiper-slide {background: #fff;box-shadow: 1px 1px 5px 0px #ebebeb;padding: 15px;} .header-event-slider .headerEventByFilter .swiper-slide .match-wrap .match-title {font-size: 11px;color: #545454;font-weight: 500;margin-bottom: 12px;} .header-event-slider .headerEventByFilter .swiper-slide .match-wrap .team-wrap {display: grid;grid-template-columns: 1fr 120px;grid-gap: 10px;margin-bottom: 12px;} .header-event-slider .headerEventByFilter .swiper-slide .match-wrap .team-wrap .team-name {line-height: 18px;font-size: 13px;text-transform: uppercase;font-weight: 600;color: #505050;} .header-event-slider .headerEventByFilter .swiper-slide .match-wrap .team-wrap .team-name img {height: 18px;width: 18px;margin-right: 5px;} .header-event-slider .headerEventByFilter .swiper-slide .match-wrap .team-wrap .team-score {text-align: right;font-size: 13px;color: #464646;} .header-event-slider .headerEventByFilter .swiper-slide .match-wrap .match-result {font-size: 12px;color: #262626;margin-bottom: 5px;} .header-event-slider .headerEventByFilter .swiper-slide .match-wrap .event-slider-footer {display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 10px;} .header-event-slider .headerEventByFilter .swiper-slide .match-wrap .event-slider-footer a {display: block;border: 1px solid #dfdfdf;color: #707070;text-align: center;font-size: 11px;padding: 7px;} .header-event-slider .headerEventByFilter .swiper-slide .match-wrap .event-slider-footer a:hover {color: #2eb8f6;} .header-event-slider .headerEventByFilter1 .swiper-slide {background: #fff;border: 1px solid #f6f6f6;padding: 15px;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);margin-top: 20px;margin-bottom: 20px;border-radius: 24px;} .header-event-slider .headerEventByFilter1 .swiper-slide:hover {background: #f5f5f5;} .header-event-slider .headerEventByFilter1 .swiper-slide .match-wrap .date-time {font-size: 11px;font-weight: 700;color: #000000;margin-bottom: 3px;} .header-event-slider .swiper-wrapper {padding-bottom: 40px;} .header-event-slider .headerEventByFilter1 .swiper-slide .match-wrap .match-title {font-size: 11px;color: #545454;font-weight: 500;margin-bottom: 12px;} .header-event-slider .headerEventByFilter1 .swiper-slide .match-wrap .team-wrap {display: grid;grid-template-columns: 1fr;grid-gap: 10px;margin-bottom: 7px;} .header-event-slider .headerEventByFilter1 .swiper-slide .match-wrap .team-wrap .team-name {line-height: 18px;font-size: 12px;text-transform: capitalize;font-weight: 600;color: #000000;} .header-event-slider .headerEventByFilter1 .swiper-slide .match-wrap .team-wrap .team-name img {height: 18px;width: 18px;margin-right: 5px;} .header-event-slider .headerEventByFilter1 .swiper-slide .match-wrap .team-wrap .team-score {text-align: right;font-size: 13px;color: #464646;} .header-event-slider .headerEventByFilter1 .swiper-slide .match-wrap .match-result {font-size: 12px;color: #262626;margin-bottom: 5px;} .header-event-slider .headerEventByFilter1 .swiper-slide .match-wrap .event-slider-footer a {display: inline-block;border: 1px solid #dfdfdf;color: #000000;text-align: center;font-size: 10px;padding: 5px 10px;text-transform: uppercase;font-weight: 700;margin-right: 10px;} .header-event-slider .headerEventByFilter1 .swiper-slide .match-wrap .event-slider-footer a:hover {background: #000;color: #fff;} /*Match Preview*/ .swiper_format_criczine_match_preview .swiper-wrapper .swiper-slide {background: #fff;box-shadow: 1px 1px 5px 0px #ebebeb;height: auto;} .swiper_format_criczine_match_preview .swiper-wrapper .swiper-slide .buzz-detail {padding: 20px;} .swiper_format_criczine_match_preview .swiper-wrapper .swiper-slide .buzz-detail .title-link {color: #4f5960;} .swiper_format_criczine_match_preview .swiper-wrapper .swiper-slide .buzz-detail .swiper-title {font-size: 20px;font-weight: 600;margin-bottom: 15px;} .swiper_format_criczine_match_preview .swiper-wrapper .swiper-slide .buzz-detail .title-link:hover {color: #72c588;} .swiper_format_criczine_match_preview .swiper-wrapper .swiper-slide .buzz-detail .swiperDate {text-align: right;} .swiper_format_criczine_match_preview .swiper-wrapper .swiper-slide .buzz-detail .swiperDate p {margin-bottom: 0;font-size: 12px;} /*Single Event Expert Rank*/ .event-single-top-expert {text-align: center;} .event-single-top-expert .title {font-size: 15px !important;color: #020202;line-height: 1.5 !important;margin-bottom: 30px;} .event-single-top-expert .my-engagement-alert-box {background: #fff;box-shadow: 0 0 10px rgb(0 0 0 / 10%);padding: 25px 20px 10px;margin-bottom: 10px;position: relative;} .event-single-top-expert .my-engagement-alert-box .close {position: absolute;top: 5px;right: 5px;font-size: 14px;opacity: .8;} .event-single-top-expert .my-engagement-alert-box .custom-progress {position: relative;height: 20px;width: 100%;background: #f0f0f0;} .event-single-top-expert .my-engagement-alert-box .custom-progress .value {background: #3db39e;background: linear-gradient(90deg, rgba(61,179,158,1) 0%, rgba(61,179,158,1) 25%, rgba(0,227,187,1) 100%);position: absolute;top: 0;bottom: 0;left: 0;} .event-single-top-expert .my-engagement-alert-box .custom-progress .label {position: absolute;left: 0;right: 0;z-index: 9;color: #020202;font-size: 12px;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;line-height: 20px;} .event-single-top-expert .my-engagement-alert-box .rank-value {padding: 0;list-style: none;margin-top: 10px;margin-bottom: 0;} .event-single-top-expert .my-engagement-alert-box .rank-value li {display: inline-block;margin-right: 10px;} .event-single-top-expert .my-engagement-alert-box .rank-value li:last-child {margin-right: 0;} .event-single-top-expert .my-engagement-alert-box .rank-value li p {text-transform: uppercase;margin: 0;font-size: 11px;font-weight: 600;color: #3c495a;} .event-single-top-expert .swiper-slide { height: auto; background: #5166db; padding: 5px; border-radius: 12px; } .event-single-top-expert .swiper-slide .wrap {padding: 25px 15px 10px;} .event-single-top-expert .swiper-slide .wrap .type { color: #29b6f6; text-transform: uppercase; font-weight: 400; font-size: 14px; margin-bottom: 10px; } .event-single-top-expert .swiper-slide .wrap .profile-image {width: 120px;display: inline-block;position: relative;margin-bottom: 12px;} .event-single-top-expert .swiper-slide .wrap .profile-image img {width: 100px;height: 100px;border-radius: 50%;} .event-single-top-expert .swiper-slide .wrap .profile-image .position {position: absolute;top: 10px;right: 0;} .event-single-top-expert .swiper-slide .wrap .profile-image .position span {background: #3db39e;height: 30px;width: 30px;display: inline-block;color: #fff;line-height: 35px;border-radius: 50%;font-size: 12px;} .event-single-top-expert .swiper-slide.toss .wrap .profile-image .position span {background: #29b6f6;} .event-single-top-expert .swiper-slide .wrap .name {font-size: 12px !important;text-transform: uppercase;margin-bottom: 10px;font-weight: 900 !important;} .event-single-top-expert .swiper-slide .wrap .name a { color: #29b6f6 !important; } .event-single-top-expert .swiper-slide .wrap .name a:hover {color: #ff9800;} .event-single-top-expert .swiper-slide .wrap .accuracy .number { font-size: 32px; font-weight: 700; line-height: 1; } .event-single-top-expert .swiper-slide .wrap .accuracy .label { line-height: 1; text-transform: capitalize; font-size: 11px; margin-bottom: 15px; color: rgba(0,0,0,.8); } .event-single-top-expert .swiper-slide .wrap .f-list {padding: 0;list-style: none;margin-bottom: 0;} .event-single-top-expert .swiper-slide .wrap .f-list li { border-top: 1px solid rgb(0 0 0 / 10%); padding: 4px 0; font-size: 14px; font-weight: 700; } .event-single-top-expert .swiper-slide .wrap .f-list li a { color: #29b6f6; } .event-single-top-expert .swiper-slide .wrap .name a:hover, .event-single-top-expert .swiper-slide .wrap .f-list li a:hover { color: #29b6f6 !important; } .event-single-top-expert .swiper-slide .wrap .f-list li .predictorLikeBtn, .event-single-top-expert .swiper-slide .wrap .f-list .archiveLikeBtn {position: relative;display: inline-block;color: #1f91e8 !important;} .event-single-top-expert .swiper-slide .wrap .f-list .archiveLikeBtn, .event-single-top-expert .followUnfollowbtnArchive .followingTxt {color: #7f8e96 !important;} .event-single-top-expert .swiper-slide .wrap .f-list li .predictorLikeBtn:before, .event-single-top-expert .swiper-slide .wrap .f-list .archiveLikeBtn:before {position: absolute;background: url(/wp-content/plugins/predictor/frontend/img/UserLike.png);left: -20px;background-size: cover;height: 16px;width: 16px;filter: grayscale(0);} .event-single-top-expert .swiper-slide .wrap .f-list .archiveLikeBtn:before {filter: grayscale(1);} .event-single-top-expert .followUnfollowbtnArchive {position: relative;display: inline-flex;} .event-single-top-expert .followUnfollowbtnArchive .unFollow .followingTxt:before, .event-single-top-expert .followUnfollowbtnArchive .addFollower:before, .event-single-top-expert .followUnfollowbtnArchive .loginFollow:before, .event-single-top-expert .followUnfollowbtnArchive .unFollow .unfollowingTxt:before {position: absolute;top: 2px;left: -16px;background-size: cover;height: 16px;width: 16px;} .event-single-top-expert .followUnfollowbtnArchive .unFollow:hover .unfollowingTxt {color: #3db39e !important;} .event-single-top-expert .swiper-slide .wrap .f-list li .followerCounter {font-size: 14px;top: 0;left: -3px;} .event-single-top-expert .swiper-slide .wrap .addFollower span {color: #3db39e !important;} .event-single-top-expert .swiper-slide .wrap .f-list li span {color: #000;padding-left: 3px;} .event-single-top-expert .swiper-slide .wrap .f-list li:last-child {padding-bottom: 0;} .event-single-top-expert .swiper-slide .wrap .f-list li img {height: 16px;position: relative;top: 2px;} .event-single-top-expert .swiper-slide .wrap .f-list li:nth-child(2) {color: #1f91e8;} .event-single-top-expert .update-at {font-size: 14px;} .event-single-top-expert .update-at p {margin-bottom:0;color: rgb(255 255 255 / 80%);} /*Social Twitter Post*/ .cricket-on-twitter { background: #fff; padding: 25px; } .cricket-on-twitter .swiper-wrapper { padding-bottom: 50px; } .cricket-on-twitter .swiper-slide .title { margin-bottom: 20px; } .cricket-on-twitter .swiper-slide .title a { color: var(--h2_typography-color); } .cricket-on-twitter .swiper-slide .title a:hover { color: var(--primary_color); } .cricket-on-twitter .swiper-slide .wrap { position: relative; } .cricket-on-twitter .swiper-slide .wrap .link-block { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .cricket-on-twitter .swiper-button-next { left: 50px; height: 50px; width: 50px; top: auto; bottom: 0; } .cricket-on-twitter .swiper-button-prev { left: 0; height: 50px; width: 50px; top: auto; bottom: 0; } .cricket-on-twitter .swiper-button-next:after, .cricket-on-twitter .swiper-button-prev:after { font-size: 20px; height: 50px; width: 50px; line-height: 42px; text-align: center; background: #29b6f6; } .cricket-on-twitter .swiper-pagination-fraction { left: auto; right: 0; bottom: 0; font-size: 18px; background: #7f8e96; height: 50px; width: 50px; line-height: 45px; color: #fff; font-weight: 700; } .cricket-gellery .icon { position: absolute; z-index: 99; left: 10px; top: 10px; background: #373619; height: 40px; width: 40px; text-align: center; line-height: 40px; border-radius: 50%; border: 2px solid #fff; } .cricket-gellery .icon img { margin-top: 5px; } .cricket-gellery .gallery-wrap { overflow: hidden; position: relative; } .cricket-gellery .gallery-wrap p { color: #fff; margin-bottom: 0; font-size: 13px; font-weight: 600; text-shadow: 0 1px 2px rgb(0 0 0 / 60%); } .cricket-gellery .gallery-wrap .gallery-image { height: 220px; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; } .cricket-gellery .gallery-wrap .content { position: absolute; bottom: 20px; left: 20px; right: 20px; } .cricket-gellery .gallery-wrap .content h2 { font-size: 18px !important; line-height: 24px !important; } .cricket-gellery .gallery-wrap .content a { color: #2e2e2e; } .cricket-gellery .gallery-wrap .content a span { background: #ffdd20; box-shadow: 5px 0 0 #ffdd20, -5px 0 0 #ffdd20; } .cricket-gellery .gallery-wrap .content a:hover { text-decoration: underline; } .cricket-gellery .gallery-wrap .content .cat-name { margin-bottom: 5px; } .cricket-gellery .gallery-wrap .content .cat-name span { background: #2e2e2e; box-shadow: 10px 0 0 #2e2e2e, -10px 0 0 #2e2e2e; padding: 2px 0 3px; font-size: 11px; text-transform: uppercase; font-weight: 700; color: #ffdd20; position: relative; left: 5px; } .cricket-gellery .swiper-pagination-fraction { color: #2a2a2a; background: #ffdd20; width: auto; top: 0; right: 0; bottom: auto; left: auto; padding: 10px; font-weight: 700; font-size: 14px; } .cricket-gellery .swiper-button-next { right: 0; } .cricket-gellery .swiper-button-prev { left: 0; } /*cricdiction_post_layout_2*/ .bg-image-layout-2 .wrapper { display: grid; grid-template-columns: 2fr 1fr 1fr; grid-gap: 20px; } .bg-image-layout-2 .wrapper .bg-news-img { height: 350px; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; transition: all .4s ease-in-out; } .bg-image-layout-2 .wrapper .bg-news-item { overflow: hidden; position: relative; background: #fff; } .bg-image-layout-2 .wrapper .bg-news-content { position: absolute; bottom: 0; left: 0; right: 0; background-image: linear-gradient(rgba(0,47,82,0),#002f52 70%)!important; padding: 20px; } .bg-image-layout-2 .wrapper .bg-news-item a:hover .bg-news-img { transform: scale(1.05); } .bg-image-layout-2 .wrapper .bg-news-item .bg-news-content .cat-name { margin-bottom: 10px; } .bg-image-layout-2 .wrapper .bg-news-item .bg-news-content .cat-name span { background: #000; box-shadow: 10px 0 0 #000, -10px 0 0 #000; padding: 2px 0 3px; font-size: 11px; text-transform: uppercase; font-weight: 700; color: #fff; position: relative; left: 5px; } .bg-image-layout-2 .wrapper .bg-news-item .bg-news-content h2 { color: #fff; font-size: 20px !important; line-height: 1.2 !important; } .bg-image-layout-2 .wrapper .bg-news-item:first-child .bg-news-content h2 { font-size: 26px !important; } .bg-image-layout-2 .wrapper .bg-news-item .bg-news-content p { color: #fff; margin-bottom: 0; font-size: 13px; font-weight: 600; text-shadow: 0 1px 2px rgb(0 0 0 / 60%); } /*cricdiction_post_layout_3*/ .bg-image-layout-3 .bg-news-item { display: grid; grid-template-columns: 1fr 110px; background: #f5f5f5; margin-bottom: 10px; height: 113px; } .bg-image-layout-3 .bg-news-item .bg-news-img { background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; } .bg-image-layout-3 .bg-news-item .bg-news-content { padding: 15px 15px 10px; } .bg-image-layout-3 .bg-news-item .bg-news-content h2 { font-size: 15px; line-height: 19px; } .bg-image-layout-3 .bg-news-item .bg-news-content h2 a { color: #000; } .bg-image-layout-3 .bg-news-item .bg-news-content h2 a:hover { text-decoration: underline; } .bg-image-layout-3 .bg-news-item .bg-news-content p { margin-bottom: 0; font-size: 12px; margin-top: 10px; color: #c3c3c3; } /*Criczine Latest Post With Load More*/ .cz-lp-wrap .cz-lp-item { margin-bottom: 20px; } .cz-lp-wrap .cz-lp-cricket-gallery { overflow: hidden; position: relative; background: #fff; } .cz-lp-wrap .cz-lp-cricket-gallery .thum { height: 350px; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; transition: all .4s ease-in-out; } .cz-lp-wrap .cz-lp-cricket-gallery a:hover .thum { transform: scale(1.05); } .cz-lp-wrap .cz-lp-cricket-gallery .wrap { position: absolute; bottom: 0; left: 0; right: 0; padding: 20px; } .cz-lp-wrap .cz-lp-cricket-gallery .wrap .cat-name { margin-bottom: 10px; } .cz-lp-wrap .cz-lp-cricket-gallery .wrap .cat-name span { background: #2e2e2e; box-shadow: 10px 0 0 #2e2e2e, -10px 0 0 #2e2e2e; padding: 2px 0 3px; font-size: 11px; text-transform: uppercase; font-weight: 700; color: #ffdd20; position: relative; left: 5px; } .cz-lp-wrap .cz-lp-cricket-gallery .wrap .title { font-size: 28px !important; line-height: 36px !important; color: #2e2e2e; font-weight: 900 !important; } .cz-lp-wrap .cz-lp-cricket-gallery a:hover .title { text-decoration: underline; } .cz-lp-wrap .cz-lp-cricket-gallery .wrap .title span { background: #ffdd20; box-shadow: 5px 0 0 #ffdd20, -5px 0 0 #ffdd20; } .cz-lp-wrap .cz-lp-cricket-gallery .wrap .date { color: #fff; font-size: 13px; font-weight: 600; text-shadow: 0 1px 2px rgb(0 0 0 / 60%); } .cz-lp-wrap .cz-lp-ipl-news { background: #fff; border: 1px solid #f3f3f3; padding: 20px; display: grid; grid-template-columns: 160px 1fr; grid-gap: 20px; } .cz-lp-wrap .cz-lp-ipl-news .date-cat { padding: 0; margin-bottom: 0; list-style: none; line-height: 1; } .cz-lp-wrap .cz-lp-ipl-news .date-cat li { display: inline-block; position: relative; margin-right: 20px; margin-bottom: 10px; text-transform: uppercase; font-size: 11px; color: #b1b1b1; } .cz-lp-wrap .cz-lp-ipl-news .date-cat li:before { content: ''; height: 10px; width: 1px; background: #ababab; display: inline-block; position: absolute; top: 1px; left: -10px; } .cz-lp-wrap .cz-lp-ipl-news .date-cat li:first-child::before { display: none; } .cz-lp-wrap .cz-lp-ipl-news .date-cat li:last-child { margin-right: 0; } .cz-lp-wrap .cz-lp-ipl-news .thum .img { height: 120px; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; } .cz-lp-wrap .cz-lp-ipl-news .content .title { font-weight: 900 !important; font-size: 22px !important; line-height: 26px !important; } .cz-lp-wrap .cz-lp-ipl-news .content .title a { color: #2e2e2e; } .cz-lp-wrap .cz-lp-ipl-news .content .title a:hover { text-decoration: underline; } .cz-lp-wrap .cz-lp-ipl-news .content .excerpt p { color: #232323; margin-bottom: 0; font-size: 14px; } .cz-lp-wrap .cz-lp-fantasy-cricket .title { font-weight: 800 !important; font-size: 22px !important; line-height: 26px !important; margin-top: 15px; } .cz-lp-wrap .cz-lp-fantasy-cricket .title a { color: #2e2e2e; } .cz-lp-wrap .cz-lp-fantasy-cricket .title a:hover { text-decoration: underline; } .cz-lp-wrap .cz-lp-fantasy-cricket .date-cat { padding: 5px 0 9px; margin: 0; border-top: 1px solid #e6e2e3; border-bottom: 1px solid #e6e2e3; line-height: 1; } .cz-lp-wrap .cz-lp-fantasy-cricket .date-cat li { display: inline-block; position: relative; text-transform: uppercase; font-size: 11px; color: #b1b1b1; } .cz-lp-wrap .cz-lp-cricket-twitter .social-wrap { background: #fff; border: 1px solid #f3f3f3; padding: 20px; } .cz-lp-wrap .cz-lp-cricket-twitter .social-wrap .title { font-weight: 800 !important; font-size: 22px !important; line-height: 26px !important; } .cz-lp-wrap .cz-lp-cricket-twitter .social-wrap .title a { color: #2e2e2e; } .cz-lp-wrap .cz-lp-cricket-twitter .social-wrap .title a:hover { text-decoration: underline; } .cz-lp-wrap .cz-lp-cricket-twitter .social-wrap .feed-wrap { position: relative; } .cz-lp-wrap .cz-lp-cricket-twitter .social-wrap .feed-wrap .link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 999; } .cz-lp-section #czLpLoadMore { color: #fff; width: 100%; margin-bottom: 20px; border: 0; font-size: 16px; text-transform: uppercase; font-weight: 700; padding: 10px; background: #747376; } .cz-lp-ipl-news-related-post { display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 10px; } .cz-lp-ipl-news-related-post .related-item { margin-bottom: 20px } .cz-lp-ipl-news-related-post .related-item .related-thum { height: 80px; background-repeat: no-repeat !important; background-size: cover !important; background-position: center center !important; } .cz-lp-ipl-news-related-post .related-item .related-content { } .cz-lp-ipl-news-related-post .related-item .related-content h2 { font-size: 13px !important; margin-top: 7px; } .cz-lp-ipl-news-related-post .related-item .related-content h2 a { color: #2e2e2e; } .cz-lp-ipl-news-related-post .related-item .related-content h2 a:hover { text-decoration: underline; } /*Cricket Rankings*/ .cricket-rankings { background: #fff; box-shadow: 0 2px 4px 0 rgb(0 0 0 / 7%); } .cricket-rankings ul { margin: 0; padding: 0; list-style: none; } .cricket-rankings .main-tab { display: grid; grid-template-columns: repeat(3,1fr); border-bottom: 1px solid #f3f3f3; } .cricket-rankings .main-tab li { text-align: center; background: #f1f1f1; font-weight: 700; font-size: 13px; border-right: 1px solid #e7e7e7; } .cricket-rankings .main-tab li:last-child { border-right: 0; } .cricket-rankings .main-tab li a { color: #bbbbbb; padding: 15px 0; display: block; } .cricket-rankings .main-tab li.active, .cricket-rankings .main-tab li:hover { background: #fff; } .cricket-rankings .main-tab li.active a, .cricket-rankings .main-tab li:hover a { color: #29b6f6; } .cricket-rankings .sub-tab { display: grid; grid-template-columns: repeat(4,1fr); border-bottom: 1px solid #f3f3f3; grid-gap: 10px; padding: 0 10px; } .cricket-rankings .sub-tab li { text-align: center; font-size: 12px; font-weight: 700; } .cricket-rankings .sub-tab li a { color: #bbbbbb; padding: 13px 0 10px; display: block; border-bottom: 3px solid transparent; } .cricket-rankings .sub-tab li.active a, .cricket-rankings .sub-tab li:hover a { color: #333; border-bottom: 3px solid #29b6f6; } .cricket-rankings .wrap .center { text-align: center; } .cricket-rankings .wrap .ranking-header { background: #eaf8ff; padding: 15px 0; } .cricket-rankings .wrap .ranking-header .item { padding: 0 10px; font-size: 14px; font-weight: 800; } .cricket-rankings .wrap .ranking-body { border-bottom: 1px solid #f3f3f3; padding: 10px 0; } .cricket-rankings .wrap .ranking-body .item { padding: 0 10px; font-size: 14px; line-height: 30px; color: #323846; } .cricket-rankings .wrap .ranking-body .item img { height: 32px; margin-right: 10px; border-radius: 50%; } .cricket-rankings .wrap .ranking-body .team-name { font-weight: 700; } .cricket-rankings #team .wrap .col-item { display: grid; grid-template-columns: 100px 1fr 100px 100px 100px; grid-gap: 15px; } .cricket-rankings .player .wrap .col-item { display: grid; grid-template-columns: 70px 1fr 100px 150px; grid-gap: 15px; } .cricket-rankings .wrap .ranking-body .player-name { font-weight: 700; } .cricket-rankings .wrap .ranking-body .player-name .player-info { display: inline-block; line-height: 16px; } .cricket-rankings .wrap .ranking-body .player-name span { display: block; font-weight: 600; font-size: 12px; color: #6f7c85; } .cricket-rankings .last-update { text-align: center; padding: 15px 10px; font-size: 12px; font-weight: 600; } .criczine-discussion { background: #fff; } .criczine-discussion .wrap { padding: 20px; } .criczine-discussion .wrap .date { display: grid; grid-template-columns: 1fr 95px; grid-gap: 10px; line-height: 1; align-items: center; border-bottom: 1px solid #f6f5f5; padding-bottom: 10px; } .criczine-discussion .wrap .date .date-text { font-size: 28px; font-weight: 900; text-transform: uppercase; color: #393939; } .criczine-discussion .wrap .title { font-size: 14px; line-height: 18px !important; margin: 10px 0; } .criczine-discussion .wrap .title a { color: #2e2e2e; } .criczine-discussion .wrap .title a:hover { text-decoration: underline; } .criczine-discussion .wrap .excerpt { border-top: 1px solid #f6f5f5; color: #2e2e2e; font-size: 14px; padding-top: 7px; margin-bottom: 10px; } .criczine-discussion .wrap .enter-now { text-align: right; font-weight: 900; } .criczine-discussion .wrap .enter-now a { color: #ffb601; font-size: 14px; } .criczine-discussion .wrap .enter-now a:hover { text-decoration: underline; } /*Cricket Stories*/ .cricket-stories-wrap .swiper-wrapper { padding-bottom: 20px; } .cricket-stories-wrap .swiper-slide { height: auto; } .cricket-stories-wrap .cricket-stories { box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%); height: 100%; } .cricket-stories-wrap .cricket-stories .link { display: block; } .cricket-stories-wrap .cricket-stories .link:hover { filter: contrast(50%); } .cricket-stories-wrap .cricket-stories .thum { height: 350px; background-size: cover !important; background-repeat: no-repeat !important; background-position: top center !important; border-radius: 0; } .cricket-stories-wrap .cricket-stories .content-wrap { padding: 20px; } .cricket-stories-wrap .cricket-stories .content-wrap .date { color: #7f8e96; font-size: 13px; font-weight: 600; margin-bottom: 5px; } .cricket-stories-wrap .cricket-stories .content-wrap .title { font-weight: 700; margin: 0px; color: #2e2e2e; font-size: 18px; } /* Popular Posts */ .custom-popular-post .popular-main { border-bottom: 2px solid #121212; padding-bottom: 15px; margin-bottom: 15px; } .custom-popular-post .popular-main img { margin-bottom: 10px; } .custom-popular-post .popular-main .main-title { display: grid; grid-template-columns: 1fr 80px; gap: 10px; align-items: center; } .custom-popular-post .popular-main .main-title a { color: #323846; font-size: 20px; font-weight: 900; } .custom-popular-post .popular-main .main-title a:hover { text-decoration: underline; } .custom-popular-post .popular-main .main-title .post-number { text-align: center; font-size: 36px; font-weight: 900; font-style: italic; color: #d7d7d7; margin-bottom: 0; border-left: 1px solid #d7d7d7; } .custom-popular-post .popular-sub { display: grid; grid-template-columns: 45px 1fr; gap: 10px; margin-bottom: 20px; } .custom-popular-post .popular-sub .post-number span { height: 45px; width: 45px; background: #eee; display: block; border-radius: 50%; text-align: center; line-height: 45px; font-size: 18px; font-style: italic; color: #121212; } .custom-popular-post .popular-sub-link:hover .post-number span { background: #121212; color: #fff; } .custom-popular-post .popular-sub h2 { font-weight: 400 !important; font-size: 16px; color: #6f7c85; } .custom-popular-post .popular-sub-link:hover h2 { color: #212121; } .event-single-top-expert .swiper-slide.match { background: #fff; } .event-single-top-expert .swiper-slide.match:hover { background: rgb(255 255 255 / 90%); } .event-single-top-expert .swiper-slide.match .wrap .accuracy .number { color: #4f5960; } .event-single-top-expert .swiper-slide.match .wrap .type { color: #3db39e; } .event-single-top-expert .swiper-slide.match .wrap .name a { color: #3db39e !important; } .event-single-top-expert .swiper-slide.match .wrap .f-list li a { color: #3db39e; } .event-single-top-expert .swiper-slide.match .wrap .name a:hover, .event-single-top-expert .swiper-slide.match .wrap .f-list li a:hover { color: #369baa !important; } .event-single-top-expert .swiper-slide.toss { background: #fff; } .event-single-top-expert .swiper-slide.toss:hover { background: rgb(255 255 255 / 90%); } .author .author-image img { border-radius: 12px; } .author .author-stats { font-size: 14px; font-weight: 400; } .author .author-post-view .post-views { margin-left: 0; } .author .author-post-view .post-views-icon { display: none !important; } .author .author-checklist { margin-top: 0; } .author .author-checklist li { display: inline-block; margin-right: 20px; } .author .author-checklist li:last-child { margin-right: 0; } .author .author-checklist li .fusion-li-item-content { margin-inline-start: 30px; } .author .author-checklist li .icon-wrapper { margin-inline-end: 0; } .criczine-cricket-news-post .criczine-post-wrap .post-item { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } .criczine-cricket-news-post .criczine-post-wrap .post-item .post-box { background: #fff; transition-duration: .3s; } .criczine-cricket-news-post .criczine-post-wrap .post-item .post-box:hover { box-shadow: 0 25px 50px -12px rgb(0 0 0 / .25); transform: scale(1.05); } .criczine-cricket-news-post .criczine-post-wrap .post-item .post-box img { border-radius: 0; } .criczine-cricket-news-post .criczine-post-wrap .post-item .post-box .author-name { margin-bottom: 0; } .criczine-cricket-news-post .criczine-post-wrap .post-item .post-box .author-name a { color: #333; font-size: 12px; font-weight: 700; } .criczine-cricket-news-post .criczine-post-wrap .post-item .content-wrap { padding: 12px; } .criczine-cricket-news-post .criczine-post-wrap .post-item h2 { margin-top: 0px; font-size: 16px; color: var(--link_color); font-weight: 600; margin-top: 0; margin-bottom: 7px; } .criczine-cricket-news-post .criczine-post-wrap .post-item .post-date { font-size: 12px; color: #8c8c8c; margin-bottom: 0; } .criczine-cricket-news-post .criczine-post-wrap .post-item div:hover h2 { color: var(--link_hover_color); } .criczine-cricket-news-post .criczine-post-wrap .fantasy-tips-item { border: 1px solid #eaecef; background: #fff; } .criczine-cricket-news-post .criczine-post-wrap .fantasy-tips-item .post-image { width: 100%; height: auto; border-radius: 0; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; aspect-ratio: 1; } .criczine-cricket-news-post .criczine-post-wrap .fantasy-tips-item .content-wrap .meta-info { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; gap: 25px; } .criczine-cricket-news-post .criczine-post-wrap .fantasy-tips-item .content-wrap .meta-info li { font-size: 12px; position: relative; } .criczine-cricket-news-post .criczine-post-wrap .fantasy-tips-item .content-wrap .meta-info li::before { content: ''; display: inline-block; height: 2px; width: 2px; background: #8c8c8c; border-radius: 50%; position: absolute; top: 9px; left: -15px; } .criczine-cricket-news-post .criczine-post-wrap .fantasy-tips-item .content-wrap .meta-info li:first-child::before { display: none; } .criczine-cricket-news-post .criczine-post-wrap .fantasy-tips-item .content-wrap .meta-info .author .author-avatar { height: 28px; width: 28px; border-radius: 50%; } .criczine-cricket-news-post .criczine-post-wrap .fantasy-tips-item .content-wrap .meta-info .author a { display: inline-block; position: relative; top: 4px; } .criczine-cricket-news-post .criczine-post-wrap .fantasy-tips-item .mobile { display: none; } .eventSingleExpertVip .swiper-slide { background: #151517; } .eventSingleExpertVip .swiper-slide:hover { border: 0 !important; background: #1a1a1d; } .eventSingleExpertVip .swiper-slide .wrap .profile-image img { height: 100px; width: 100px; } @media only screen and (max-width: 1279px){ .criczine-cricket-news-post .criczine-post-wrap .post-item { grid-template-columns: repeat(3, 1fr); } } @media only screen and (max-width: 1023px){ .criczine-cricket-news-post .criczine-post-wrap .post-item { grid-template-columns: repeat(2, 1fr); } } @media only screen and (max-width: 800px){ .cricket-rankings .wrap { overflow-y: scroll; } .cricket-rankings #team .wrap .col-item { grid-template-columns: 40px 1fr 55px 42px 45px; grid-gap: 10px; } .cricket-rankings .wrap .ranking-header .item { font-size: 12px; padding: 0; } .cricket-rankings .wrap .ranking-body .item { padding: 0; font-size: 12px; } .cricket-rankings .player .wrap .col-item { grid-template-columns: 40px 1fr 50px 75px; } .cricket-rankings .wrap .ranking-body .career-best { line-height: 1.2; } .cricket-rankings .wrap .ranking-body .player-name { display: grid; grid-template-columns: auto 1fr; } .bg-image-layout-2 .wrapper { grid-template-columns: 1fr; } .cz-lp-ipl-news-related-post { grid-template-columns: repeat(2,1fr); } .cz-lp-wrap .cz-lp-ipl-news { grid-template-columns: 100px 1fr; grid-gap: 10px; padding: 10px; } .cz-lp-wrap .cz-lp-ipl-news .content .title { font-size: 14px !important; line-height: 17px !important; margin-bottom: 5px !important; } .cz-lp-wrap .cz-lp-ipl-news .date-cat li { margin-right: 10px; margin-bottom: 5px; } .cz-lp-wrap .cz-lp-ipl-news .date-cat li:before { left: -5px; } .cz-lp-wrap .cz-lp-ipl-news .content .excerpt p { font-size: 11px; } .bg_image_news_bg_image_news .wrapper .bg-news-item .bg-news-content h2 { font-size: 20px !important; line-height: 32px !important; } } /* Styles for Cricket On This Day Shortcode */ .cricket-on-this-day-container { margin-top: 20px; margin-bottom: 20px; max-width: 960px; margin-left: auto; margin-right: auto; padding: 10px; } .cricket-on-this-day-item { border: 1px solid #eee; padding: 15px; margin-bottom: 20px; background-color: #fff; overflow: hidden; /* This acts like a mini-clearfix for modern browsers */ /* Alternative to overflow: hidden; is to add a div with class="clear" at the end of .cricket-on-this-day-item */ } .cricket-on-this-day-thumbnail { float: left; margin-right: 15px; /* Space between image and text */ max-width: 150px; /* Adjust as needed */ height: auto; } .cricket-on-this-day-thumbnail img { display: block; /* Removes extra space below image */ width: 100%; height: auto; } .cricket-on-this-day-content { overflow: hidden; /* Forces this div to take up remaining space after float */ } /* Clearfix for older browsers or specific layouts */ .clearfix::after { content: ""; display: table; clear: both; } /* Basic styling for title and excerpt */ .cricket-on-this-day-content h3 { margin-top: 0; margin-bottom: 5px; font-size: 1.2em; } .cricket-on-this-day-content .entry-excerpt { font-size: 0.9em; line-height: 1.5; color: #555; } /*.cricket-on-this-day-months-section {*/ /* margin-top: 40px;*/ /* padding-top: 30px;*/ /* border-top: 1px solid #eee;*/ /*}*/ .cricket-on-this-day-months-section h3 { text-align: center; margin-bottom: 25px; color: #333; font-size: 1.6em; } .months-grid-container { margin: 0 auto; /* Center the grid container */ max-width: 960px; /* Max width for the grid */ padding: 0 15px; /* Inner padding */ } .months-grid { list-style: none; margin: 0; padding: 0; display: grid; /* This is the key for the grid layout */ gap: 15px; /* Space between grid items */ /* Default for larger screens - adjust columns based on shortcode attribute */ grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); /* Flexible columns, at least 120px wide */ } /* Shortcode columns overrides */ .months-grid.columns-1 { grid-template-columns: repeat(1, 1fr); } .months-grid.columns-2 { grid-template-columns: repeat(2, 1fr); } .months-grid.columns-3 { grid-template-columns: repeat(3, 1fr); } .months-grid.columns-4 { grid-template-columns: repeat(4, 1fr); } .months-grid.columns-5 { grid-template-columns: repeat(5, 1fr); } .months-grid.columns-6 { grid-template-columns: repeat(6, 1fr); } .months-grid li { text-align: center; } .months-grid li a { display: block; padding: 15px; background-color: #f8f8f8; /* Lighter background */ border: 1px solid #e0e0e0; border-radius: 4px; text-decoration: none; color: #666; font-weight: bold; font-size: 1.1em; transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease; } .months-grid li a:hover { background-color: #e6e6e6; /* Darker on hover */ color: #0073aa; /* Highlight text on hover */ border-color: #c0c0c0; } /* Styling for the active month link */ .months-grid li a.active { background-color: #0073aa; /* WordPress blue */ color: #fff; border-color: #0073aa; font-weight: bold; } .months-grid li a.active:hover { background-color: #005177; /* Darker blue on hover */ color: #fff; } @media only screen and (max-width: 639px){ .criczine-cricket-news-post { min-height: auto !important; } .criczine-cricket-news-post .criczine-post-wrap .post-item { grid-template-columns: repeat(1, 1fr); } .criczine-cricket-news-post .criczine-post-wrap .fantasy-tips-item .desktop { display: none; } .criczine-cricket-news-post .criczine-post-wrap .fantasy-tips-item .mobile { display: grid; grid-template-columns: 1fr 150px; gap: 10px; align-items: center; padding: 8px; } .criczine-cricket-news-post .criczine-post-wrap .fantasy-tips-item .post-image { border-radius: 10px; } .criczine-cricket-news-post .criczine-post-wrap .post-item h2 { margin-bottom: 12px; margin-top: 0; } }