/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/

button.claim-me.unclaim-tournament , .claim-me.unclaim-team , .claim-me.unclaim-league{background: #ff4444 !important;color: #fff;}
.btn-box-claim .claim-me {opacity: 0.5;background: gray !important;pointer-events: none;position: unset;}
.bb-profile-grid .user-posts ul li {display: flex;align-items: center;justify-content: space-between;}
.bb-profile-grid .user-posts ul li button {padding: 8px 12px;font-size: 14px;line-height: 18px;background: #ff4444;border:  #ff4444;color: #FFF !important;margin: 0;}
.bb-profile-grid .user-posts ul li button:hover {background: #102f5f;}
/* button.claim-me {position: absolute;right: 0;top: 0;background: #6ec1e4;border: none;cursor: pointer;font-size: 16px;line-height: 20px;} */
button.claim-me {background: #6ec1e4;border: none;cursor: pointer;font-size: 16px;line-height: 20px;}
/* .btn-box {position: absolute;right: 0;top: 0;display: flex;} */
.btn-box {display: flex;margin: 15px 0;}
.btn-box .claimed-status {background: #102f5f;font-size: 16px;line-height: 20px;color: #fff;padding: 10px;border-radius: 4px;}
.btn-box .dispute-status-label.dispute-under-review {background: #6ec1e4;border-color: #6ec1e4;color: #fff; padding: 7px 12px;}
.btn-box .dispute-status-label.dispute-rejected {background: #f8d7da;border-color: #f8d7da;color: #721c24;}
.btn-box .dispute-status-label.dispute-approved {background: #00c50f;border-color: #00c50f;color: #fff;}
.feature-img .elementor-shortcode img {max-width: 200px;}
.feature-img .elementor-shortcode {margin-right: 20px;}
.dispute-modal {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);display: flex;justify-content: center;align-items: center;z-index: 9999;}
.dispute-modal-content {background: #fff;padding: 30px;width: 90%;max-width: 500px;border-radius: 8px;position: relative;}
.close-modal {position: absolute;right: 15px;top: 15px;font-size: 24px;cursor: pointer;color: #666;}
.close-modal:hover {color: #000;}
.form-group {margin-bottom: 20px;}
.form-group label {display: block;margin-bottom: 8px;font-weight: 600;}
.form-actions {display: flex;gap: 10px;}
.button-primary {background: #007cba;color: white;border: none;padding: 10px 20px;border-radius: 4px;cursor: pointer;}
.button-secondary {background: #6c757d;color: white;border: none;padding: 10px 20px;border-radius: 4px;cursor: pointer;}
.dispute-status-label, .dispute-claim {padding: 5px 12px;border-radius: 4px;font-weight: 600;margin-left: 10px;}
select#orderby {width: 100%;}
.mepr-form-checkboxes-label .block-content {display: block;font-size: 12px;}
.mepr-form-checkboxes-label {line-height: 1.5;}



.login-btn {width: fit-content;max-width: max-content;    flex: none;}
.login-btn .user-link {padding: 6px 20px;height: auto;border-color: #FFF;}
.login-btn .user-link .avatar {max-width: 30px;}
div.wpforms-container-full:not(:empty) {margin: 0;}
.wpforms-field-row-block input , .wpforms-field textarea{border-radius: 10px !important;}
.footer-heading h3 {position: relative;}
.footer-heading h3:after {content: "";position: absolute;left: 0;bottom: -10px;width: 78px;height: 2px;background: #EDDC46;}
.team-gallery-display .gallery-grid , .tournament-gallery-display .gallery-grid{display: flex;flex-wrap: wrap;}
.team-gallery-display .gallery-grid .gallery-item, .tournament-gallery-display .gallery-grid .gallery-item {max-width:70px;width: 25%;position: relative;}
.team-gallery-display .gallery-grid .gallery-item img , .tournament-gallery-display .gallery-grid .gallery-item img{width:100%; height:65px; object-fit: contain;object-position: top center; padding: 5px;  border: 1px solid #eee;}
.team-gallery-display .gallery-grid .gallery-item button , .tournament-gallery-display .gallery-grid .gallery-item button{background: red;padding: 3px;font-size: 10px;border: 0;border-radius: 15px;position:absolute; top:0; right:0; width:18px; height:18px; text-align: center;}
.img-tournaments a {display: block;text-align: center;}
.img-tournaments img {margin: 0 auto;text-align: center;}
.cpt-tournament-results .elementor-element-8a8ac9f {position: relative;}
.cpt-tournament-results .elementor-element-9b049f8 {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;z-index: 1;}
.cpt-tournament-results .type-tournaments .elementor-element-8a8ac9f, .cpt-tournament-results .type-league .elementor-element-8a8ac9f {height: 100%;}
div#cpt-pagination {margin-top: 60px;}
.type-teams a .team-heading {height: 100%;}
.type-teams a {height: 100%;}
.gallery-upload-section input {display: block;}
.gallery-upload-section button {margin-top: 10px;}
.view-only .gallery-view .gallery-item, .review-photos-gallery .img-box > .media-item {padding: 0;height: 300px;}
.comment-form-consent {margin-top: 15px;}
.comment-form-consent .consent-text {font-size: 15px;line-height: 1.3;}
.comment-form-consent .consent-checkbox {line-height: 1.3;}
.comment-form-consent input {width: 18px;height: 18px;margin-right: 5px;}
.elementor-pagination:not(:first-of-type),.e-load-more-anchor:not(:first-of-type) {display: none !important;}
.cpt-team-filter .cpt-pagination-wrapper {text-align: center;margin-top: 60px;}
.role-selection-container {max-width: 800px;margin: 40px auto;padding: 30px;background: #fff;border-radius: 10px;box-shadow: 0 5px 15px rgba(0,0,0,0.1);}
.role-selection-description {font-size: 16px;color: #666;margin-bottom: 30px;text-align: center;}
.role-options {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 20px;margin-bottom: 30px;}
.role-option {border: 2px solid #e0e0e0;border-radius: 8px;padding: 15px;transition: all 0.3s ease;cursor: pointer;position: relative;}
.role-option:hover {border-color: #007cba;transform: translateY(-5px);box-shadow: 0 5px 15px rgba(0,124,186,0.1);}
.role-option input[type="radio"] {opacity: 0;position: absolute;width: 100%;height: 100%;left: 0;top: 0;cursor: pointer;}
.role-option input[type="radio"]:checked + label {color: #007cba;}
.role-option input[type="radio"]:checked + label .role-option {border-color: #007cba;background-color: #f0f8ff;}
.role-option:has(input[type="radio"]:checked) {border-color: #2563eb;background-color: #f0f6ff;}
.role-option label {cursor: pointer;display: block;}
.role-option h3 {margin: 0;color: #333;font-size: 18px;}
.role-benefits {margin: 15px 0 0 0;padding-left: 20px;font-size: 14px;color: #555;}
.role-benefits li {margin-bottom: 8px;}
.form-submit {text-align: center;}
.form-submit .btn {padding: 12px 40px;font-size: 16px;background: #007cba;color: white;border: none;border-radius: 5px;cursor: pointer;transition: background 0.3s;}
.form-submit .btn:hover:not(:disabled) {background: #005a87;}
.form-submit .btn:disabled {background: #ccc;cursor: not-allowed;}
.form-message {margin-top: 20px;padding: 10px;border-radius: 5px;text-align: center;}
.form-message.success {background: #d4edda;color: #155724;border: 1px solid #c3e6cb;}
.form-message.error {background: #f8d7da;color: #721c24;border: 1px solid #f5c6cb;}
div#buddypress:has(form#registerform[action*="loginSocial=apple"]) 
.elementor {display: none !important;}
.buddypress-wrap #registerform {max-width: 760px;margin: 60px auto;padding: 40px;border: 1px solid #ccc;border-radius: 10px;}
.buddypress-wrap #registerform label, .buddypress-wrap #registerform .input {width: 100%;display: block;}
#cpt-filter{position:relative;}
#custom-review-form {
	border: 1px solid #E8E8E8;
	background: #F2F2F2;
	padding: 24px;
	border-radius:15px
}

.form-submit {
	margin:0;
	text-align:center;
	margin-top: 25px;
}

.comment-form-title, .comment-form-comment, .form-fields{
	margin-bottom:18px
}

.comment-form-comment > textarea {
	min-height: 120px;
}

.custom-label{
	font-size:14px;
	margin-bottom:0; 
	color: #000000;
}

.custom-imput {
	border: 1px solid #BABABA;
} 
.form-fields{
	display: flex;
	justify-content:space-between;
	align-items: center;
	gap : 18px;
}

.form-fields > .form-author, .form-fields > .form-email {
	width: 100%;
}

        .custom-file-btn:hover {
            background: #357abd;
        }

        #file-info {
            margin-left: 10px;
            color: #555;
            font-size: 14px;
        }

        .file-upload-wrapper {
            border: 1px solid #BABABA;
            border-radius: 6px;
			background: #ffffff;
        }

.file-upload-wrapper > .file-upload {
	display: none !important;
}

.file-upload-wrapper > .custom-label {
  background: #4a90e2;
  color: #fff;
  padding: 8px 16px;
  border-radius: 6px;
  font-size: 14px;
  cursor: pointer;
  display: inline-block;
  transition: 0.2s;
  margin-bottom:0;
}

.replies-box.active {
    display: block;
}
.replies-box {
    display: none;
}

.comment-body {
	border: none;
	padding:10px;
	display: block !important;
	border-radius: 0;
	border-bottom: 1px solid #D3D0D0;
}

.comment-body > .comment-meta {
	display: flex; 
	justify-content: space-between;
	align-items: center;
	gap: 10px;
}

.comment-content {
	margin-left: 47px;
}
.comment-author.vcard {
	display: flex;
	align-items:center;
	gap: 15px;
}
.comment-content > .review-media {
	width: 291px !important;
	border-radius: 10px;
	max-width: 100%;
}
.comment-content p {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 1rem;
}

.comment-content > .review-media img, .comment-content > .review-media video {
	width: 100% !important;
	max-width: 100% !important;
	height:180px;
	/*height: 100% !important;*/
	object-fit: cover;
}

.comment-content > .review-title {
	margin-bottom: 5px;
	font-size: 16px; 
	color: #676767;
	line-height: 1.2;
	font-weight: 600;
	font-style: italic;
}


/*== CSS ==*/

.home-page .header_bottom{display:none;}
/*.wrapper_header-tournament{display:none}*/
.login_signup_home a{background-color:#eddc46 !important; color:#1B1B1B !important;}
#header_login_wrapper a.user-link{border: 1px solid #ffffff; height: 40px;}
#header_login_wrapper a.user-link .user-name {margin-right:0; font-size:15px; color:#fff;}
#header_login_wrapper a.user-link img {max-width: 25px;}
.my-profile .elementor-5904 .elementor-element.elementor-element-6f22e42 > .elementor-widget-container{align-content: center;}
.mb-0{margin-bottom:0 !important;}


.spam-modal {
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    display: none;
}
.spam-modal.active {
    display: block !important;
}
.spam-modal-content {
    background-color: #FEFEFE;
    margin: 10% auto;
    padding: 30px;
    border-radius: 8px;
    width: 90%;
    max-width: 500px;
    position: relative;
    animation: modalFadeIn 0.3s;
}
@keyframes modalFadeIn {
    from { opacity: 0; transform: translateY(-50px); }
    to { opacity: 1; transform: translateY(0); }
}
.spam-close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
    transition: color 0.2s;
}
.spam-close:hover {
    color: #000;
}
.form-group {
    margin-bottom: 20px;
}
.form-group label {
    display: block;
    margin-bottom: 8px;
    font-weight: bold;
}
.form-group select,
.form-group textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    transition: border-color 0.2s;
}
.form-group select:focus,
.form-group textarea:focus {
    border-color: #007CBA;
    outline: none;
}
.form-group textarea {min-height: 140px;}

.form-actions {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}
.cancel-btn,
.submit-btn {
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s;
}
.cancel-btn {
    background: #6C757D;
    color: white;
}
.cancel-btn:hover {
    background: #5A6268;
}
.submit-btn {
    background: #DC3545;
    color: white;
}
.submit-btn:hover {
    background: #C82333;
}
.submit-btn:disabled {
    background: #ccc;
    cursor: not-allowed;
}
/* Reply Form Styles */
.reply-form-container {
    display: none;
    margin-top: 15px;
    animation: slideDown 0.3s ease-out;
	width:80%;
}

@keyframes slideDown {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}
.reply-form-container.active {
    display: block;
}
.reply-form textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 10px;
    margin-bottom: 10px;
    resize: vertical;
    min-height: 80px;
    transition: border-color 0.2s;
}
.reply-form textarea:focus {
    border-color: #007CBA;
    outline: none;
}
.reply-submit-btn {
    background: #007CBA;
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.2s;
}
.reply-submit-btn:hover {
    background: #005A87;
}
.reply-submit-btn:disabled {
    background: #ccc;
    cursor: not-allowed;
}
.cancel-reply-btn {
    background: #6C757D;
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer;
    margin-left: 10px;
    transition: background 0.2s;
}
.cancel-reply-btn:hover {
    background: #5A6268;
}
/* Review Styles */
.review-title {
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 10px;
    color: #333;
}
.review-rating {
    color: #FFC107;
    font-size: 18px;
}
.rating-value {
    color: #666;
    font-size: 14px;
    margin-left: 8px;
}

.spam-report {
    font-size: 0.8em;
    color: #999;
    text-decoration: none;
    margin-left: 15px;
    cursor: pointer;
    transition: color 0.2s;
}
.spam-report:hover {
    color: #D54E21;
}
.reply-link {
    font-size: 0.8em;
    color: #0073AA;
    text-decoration: none;
    cursor: pointer;
    transition: color 0.2s;
}
.reply-link:hover {
    color: #005A87;
    text-decoration: underline;
}
.view-replies-link {
    font-size: 0.8em;
    color: #666;
    text-decoration: none;
    cursor: pointer;
    margin-left: 15px;
    transition: color 0.2s;
}
.view-replies-link:hover {
    color: #333;
    text-decoration: underline;
}
/* Replies List Styles */
.replies-list {
    display: none;
    margin-top: 15px;
    padding-left: 20px;
    border-left: 3px solid #E0E0E0;
    animation: slideDown 0.3s ease-out;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: end;
}
.replies-list.active {
    display: block;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: end;
}
.reply-item {
    padding: 12px;
    margin-bottom: 10px;
    background: #F2F2F2;
    border-radius: 5px;
    border: 1px solid #E9ECEF;
    transition: transform 0.2s;
	width:80%;
	margin-left: auto;
}
/* .reply-item:hover {
    transform: translateX(5px);
} */
.reply-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 3px;
}
.reply-author {
    font-weight: bold;
}
.reply-date {
    font-size: 0.8em;
    color: #666;
}
.reply-content {
    color: #555;
}
.reply-content > p {
	margin-bottom:0;
	font-size: 14px;
    line-height: 1.5;
}
.no-replies {
    font-style: italic;
    color: #999;
    text-align: center;
    padding: 10px;
}

.more-reviews{
 font-size: 13px;
 float: right;
 font-weight: 600;
}

/* Star Rating Form */

.comment-form-rating {
  margin-bottom: 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0 !important;
}

.comment-form-title{
   margin-top: 15px;
}

.comment-form-rating .custom-label small{
  display: block;
  line-height: 1.2;
  font-weight: 500;
}

.comment-form-rating .star-rating {
  margin: 0 !important;
}

.star-rating input {
    display: none;
}
.star-rating label {
	    font-size: 40px;
    color: #ddd;
    cursor: pointer;
    display: inline-block;
    padding: 0;
    transition: color 0.2s;
}
.star-rating label:hover,
.star-rating label:hover ~ label,
.star-rating input:checked ~ label {
    color: #FFC107;
}
/* Toggle arrow for view replies */
.view-replies-link::after {
    content: ' ▶';
    font-size: 0.7em;
    transition: transform 0.2s;
}
.view-replies-link.expanded::after {
    content: ' ▼';
}
/* Loading states */
.loading {
    opacity: 0.6;
    pointer-events: none;
}
.loading-spinner {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid #F3F3F3;
    border-top: 2px solid #0073AA;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-left: 5px;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* Success/Error messages */
.review-message {
    padding: 12px;
    border-radius: 4px;
    margin-bottom: 15px;
    animation: slideDown 0.3s ease-out;
}
.review-success {
    background: #D4EDDA;
    color: #155724;
    border: 1px solid #C3E6CB;
}
.review-error {
    background: #F8D7DA;
    color: #721C24;
    border: 1px solid #F5C6CB;
}
/* User info for logged-in users */
.user-info-notice {
    background: #E7F3FF;
    border: 1px solid #B3D9FF;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 15px;
    font-size: 0.9em;
    color: #0066CC;
}
.user-info-notice i {
    margin-right: 5px;
}
.comment-metadata {margin-top:0 !important;}
.sticky-header .site-content {min-height: auto;}
body.page-id-121 article#post-121 {padding-top:50px; padding-bottom:50px;}
button.mark-helpful {
    background-color: #0073aa;
    color: white;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
    font-size: 11px;
}

.helpful-count {
  margin-left: 0;
  font-size: 13px;
  font-weight: 500;
  display: block;
}

button.mark-helpful:hover {
  background: #005f8a;
}

.separator {
  margin: 15px 0;
  display: block;
  background: #d5d5d5;
  height: 1px;
}

.comment-content > .review-media.w-small-media {
  width: 40px !important;
  border: 1px solid #eee;
  padding: 5px;
  height: 40px;
  line-height: 1;
}

.auther-name {
  gap: 8px;
  display: flex;
  align-items: center;
}

.ratings-wrapper{
  display: flex;
  flex-wrap: wrap;
  gap: 0 15px;
}


.ratings-wrapper .d-flex.space-between {
  flex: 0 0 48.5%;
  align-items: center;
}

.comment-content .d-flex{padding:10px 0; border-bottom:1px dashed #eee;}
.comment-content .d-flex p {font-size:12px; width: 80%;}
.d-flex{display:flex;}
.space-between{justify-content:space-between;}
.mt-10{margin-top: 30px;}
.ml-5{margin-left: 5px;}
.comment-form-rating label{width:70%;}
.font-weight-500{font-weight:500;}
.font-weight-600{font-weight:600;}
.font-14{font-size:14px;}
.font-13{font-size:13px;}
.mb-10{margin-bottom:10px;}
.mb-15{margin-bottom:15px;}
.align-items-center{align-items:center;}
.gap-5{gap:5px;}
.justify-space-between{justify-content: space-between;}
.custom-label small{font-size:13px; line-height:1.2; font-weight:500;}

.site-header i {
    color: #ecd956;
    font-size: 15px;
    line-height: 1;
    display: inline-block;
}

.search-content .e-icon {
    width: 25px;
    height: 25px;
    line-height: 0;
}

.search-content .e-rating-wrapper {
    display: flex;
}

.search-title > a {color:#1e2132;}
footer .elementor-icon-box-description > a{color: #fff}

/*== sub-menu ==*/
.hfe-nav-menu .menu-item-has-children .sub-menu{
    border-radius: 0 0 7px 7px;
    overflow: hidden;
    position: absolute;
    top: 54px;
    padding: 0;
}

.hfe-nav-menu__layout-horizontal .hfe-nav-menu .sub-arrow{
    margin:0;
}

.hfe-nav-menu .menu-item-has-children .sub-menu li a{
    font-weight: 500 !important;
    margin: 0;
    border-radius: 0;
}

.search-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(30.5%, 1fr)); /* Auto adjusts based on screen size */
    gap: 30px;
    margin-bottom: 30px;
}

.search-item {
  box-shadow: 0px 4px 9px 0px rgba(11.9, 102, 212, 0.1);
  background: #fff;
  border: 1px solid #DADADA;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.search-details{padding: 15px;}

.search-logo{
  background-color: #eef0f6;   
  padding: 15px;
  text-align: center;
}

.search-logo > a > img{
    margin: 0 auto;
    width: 230px !important;
    object-fit: contain;
    height: 185px;
}

.search-rating{color: #000;}
.star-rating{ font-size:25px; font-weight: 600;}

.tab-navigation {
    margin-bottom: 20px;
}

.tabs {
    list-style: none;
    display: flex;
    padding: 0;
    margin: 0;
    justify-content: center;
}

.tab-link {
    margin-right: 15px;
    cursor: pointer;
    padding: 3px 20px;
    background-color: #f1f1f1;
    border-radius: 5px;
    font-size: 15px;
    border: 1px solid #e9e9e9;
}

.tab-link.active {
    background-color: #1c68d2;
    color: #fff;
    border: 1px solid #1c68d2;
}

.tab-content {
    display: none;
}

.tab-content:first-child {
    display: block;
}

.search-grid p.no-result {
  position: absolute;
  text-align: center;
  width: 100%;
}

span.post-type-label {
  display: inline-block;
  padding: 0 5px;
  line-height: 2;
  font-size: 12px;
  background: #1c68d2;
  color: #fff;
  border-radius: 5px;
}

#featured-image-upload-form input[type=file], #league-gallery-upload-form input[type=file], #team-gallery-upload-form input[type=file] {
    border-radius: 0;
    background: #fff;
    padding: 8px;
    border: 1px solid #eee;
    border-radius: 4px;
    margin-right: 5px;
}

#drag-drop-area{height: auto !important;}

.atricles .pagination-wrapper {
    margin-top: 40px;
    text-align: center;
}

.atricles .pagination-wrapper a,
.atricles .pagination-wrapper span {
    padding: 8px 14px;
    /*margin: 0 4px;*/
    color: #102f5f;
    /*border: 1px solid #ddd;*/
    text-decoration: none;
}

.atricles .pagination-wrapper .current {
    background: #000;
    color: #fff;
}

.atricles .heading-title{font-size:50px; text-align:center; padding:20px 0 20px 0;}
a.btn-theme{background:#1c68d2; color:#fff; font-size:13px; padding:8px 10px; border-radius:5px;}
a.btn-theme:hover{opacity:0.8;}
.atricles .article-content > p{font-size:15px; line-height:1.5; margin-bottom:10px;}

.img-articles{position:relative;}
.img-articles > a > img{height:250px; object-fit:cover; width: 100%;}
span.play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  height: 50px;
  width: 50px;
  border-radius: 50px;
  border: 1px solid;
  line-height: 50px;
  text-align: center;
  background: #000000a3;
  pointer-events: none;
}
.single-article .article-media {
    margin-bottom: 30px;
}

.single-article .article-thumbnail img, .single-article .article-video video {
  width: 100%;
  height: 600px;
  border-radius: 5px;
  object-fit: cover;
}

.single-article .article-title {
  font-size: 32px;
  margin-bottom: 20px;
}

.single-article .article-content p{
  font-size: 16px;
  line-height: 1.5;
}

.cpt-tournament-filter input::placeholder{
  font-size: 14px;
}

.hide-rest{display: none;}

.tournament-master-edit-form .form-field,
.team-master-edit-form .form-field , .league-master-edit-form .form-field {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
}

.team-master-edit-form .form-field {
    flex-direction: column;
}

.tournament-master-edit-form .form-field label , .league-master-edit-form .form-field label{
    max-width: 33.33%;
    width: 33.33%;
    margin: 0;
}

.team-master-edit-form .form-field label {
	margin: 0;
}

.tournament-master-edit-form .form-field input,
.tournament-master-edit-form .form-field textarea,
.team-master-edit-form .form-field input,
.team-master-edit-form .form-field textarea,
.team-master-edit-form .form-field select, 
.league-master-edit-form .form-field input , 
.league-master-edit-form .form-field textarea, 
.league-master-edit-form .form-field select
{
    width: 100%;
}

.tournament-master-edit-form #tournament-update-all-form,
.team-master-edit-form #team-update-all-form ,
.league-master-edit-form #league-update-all-form{
    max-width: 85%;
}

.tournament-master-edit-form .form-field textarea,
.team-master-edit-form .form-field textarea,
.league-master-edit-form .form-field textarea{
    min-height: 120px;
}

@media(min-width:  768px){
    .menu-item-has-children.parent{height:118%;}
}

/* Responsive design */
@media (max-width: 768px) {
    .sub-menu{padding: 0 !important;}
    .comment-content .d-inline-block{width:100%;}

    .spam-modal-content {
        margin: 5% auto;
        padding: 20px;
    }
    .reply-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }
 
    .spam-report,
    .reply-link,
    .view-replies-link {
        margin-left: 0;
    }
}

  .glsr-summary-wrap {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    }
    .glsr-summary-rating {
        font-size: 23px;
        font-weight: 600;
        color: #2C3E50;
    }
    .glsr-summary-stars {
        margin-bottom: 0;
    }
    .glsr-star-rating {
        display: inline-flex;
        position: relative;
    }
    .glsr-star {
        color: #ddd;
        font-size: 24px;
        margin: 0 1px;
        position: relative;
    }
    .glsr-star-full {
        color: #FFC107;
    }
    .glsr-star-half {
        color: #FFC107;
    }
    .glsr-star-half::before {
        content: "★";
        position: absolute;
        left: 0;
        width: 50%;
        overflow: hidden;
        color: #FFC107;
    }
    .glsr-star-empty {
        color: #ddd;
    }
    .glsr-summary-text {
        margin-bottom: 8px;
        color: #6C757D;
        font-size: 14px;
    }
    .glsr-summary-percentages {
        max-width: 400px;
/*         margin: 0 auto; */
    }
    .glsr-bar {
        display: flex;
        align-items: center;
        margin-bottom: 8px;
        font-size: 14px;
    }
    .glsr-bar-label {
        width: 80px;
        color: #000000;
        font-weight: 500;
    }
    .glsr-bar-background {
        flex: 1;
        background: #D9D9D9;
        height: 14px;
        border-radius: 20px;
        margin: 0 10px;
        overflow: hidden;
        position: relative;
    }
    .glsr-bar-background-percent {
        background: #FFCB2B !important;
        height: 100%;
        border-radius: 20px;
        transition: width 0.5s ease-in-out;
		display: block;
    }
    .glsr-bar-percent {
        width: 40px;
        text-align: right;
        color: #000000;
        font-weight: 500;
    }
    /* Color variations for different rating levels */
    .glsr-bar[data-level="5"] .glsr-bar-background-percent { background: #28A745; } /* Excellent - Green */
    .glsr-bar[data-level="4"] .glsr-bar-background-percent { background: #20C997; } /* Very Good - Teal */
    .glsr-bar[data-level="3"] .glsr-bar-background-percent { background: #FFC107; } /* Average - Yellow */
    .glsr-bar[data-level="2"] .glsr-bar-background-percent { background: #FD7E14; } /* Poor - Orange */
    .glsr-bar[data-level="1"] .glsr-bar-background-percent { background: #DC3545; } /* Terrible - Red */
    .no-reviews-message {
        text-align: center;
        color: #6C757D;
        font-style: italic;
        padding: 40px;
        background: #F8F9FA;
        border-radius: 8px;
        margin: 30px 0;
    }

.cpt-tournament-results {display: flex;flex-wrap: wrap;gap: 30px;}

.cpt-tournament-results .type-tournaments .e-rating-wrapper, .cpt-tournament-results .type-league .e-rating-wrapper {display: flex;}
.cpt-tournament-results .type-tournaments svg, .cpt-tournament-results .type-league svg {width: 30px;}

.about-content {
	display:flex;
	align-items:start;
	gap:5px
}
.about-content > span{
	line-height:1.4;
	margin-top:3px;
	color:#000000;
}
.about-content > strong {
	white-space: nowrap;
	color:#565656;
	font-weight:normal;
}

.team-detail-content {
	border: 1px solid #D7D7D7;
	background:#F5F5F5;
	border-radius:8px;
	margin-bottom:20px;
}
.team-detail-content > .editable {
	margin-bottom:0;
	border-bottom: 1px solid #D7D7D7;
	padding:7px 10px;
	display:flex;
	align-items:center;
}

.team-detail-content > .editable:last-of-type {
	border-bottom: none;
}

.team-detail-content > .editable > strong {
	width:116px;
	display:block;
	color: #565656;
	font-weight:normal;
}
.team-detail-content > .editable > span {
	color: #000000;
}

.gallery-item{display:flex; align-items:center; justify-content: center;}

.gallery-item ,.img-box > .media-item{
	position:relative;
	border-radius:8px;
}

.gallery-item img,.img-box > .media-item img {
	/*width:100%;
	height:100%;*/
	border-radius:8px !important;
	object-fit:cover;
    width: 100%;
    max-height: 100%;
}

.gallery-view, .img-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.author-info {
	position:absolute;
	background:#0D2D55D6;
	bottom:0;
	width:-webkit-fill-available;
	padding: 10px;
	border-bottom-left-radius :8px;
	border-bottom-right-radius :8px;
}

.author-info .author-name {
	display: block;
	color:#ffffff;
	font-size: 14px;
    line-height: 1;
}

.author-info .upload-date {
	display: block;
	color:#ffffff;
	font-size:12px;
	font-style: italic;
	line-height:1;
	margin-top:6px;
}

.single-general-info {
	padding: 10px 0px !important;
}

.single-general-info.deactive .editable{
	padding-top:0 !important;
}

.single-general-info, .single-general-info > .editable {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
}

.notes {
	margin-bottom:0 !important;
}

.see-more-btn {
	position:unset !important;
}

.primary-sportoriety-btn{
	background: #385dff!important;
}

label.label {font-size:14px; font-weight:600;}
.cpt-team-search-wrapper svg {bottom:5px; top:inherit !important;}
.w-100{width:100%}
video.review-media.lightbox-trigger{height:100%;}
.review-photos-gallery .img-box > .media-item {padding:0; height:200px;}

@media only screen and (max-width:872px){
  .cpt-header-section{grid-template-columns: repeat(auto-fit, minmax(48%, 0fr)) !important;}
}

@media(max-width:991px){
  .ratings-wrapper .d-flex.space-between{flex: 0 0 47.5%;}
  #mobile_login_buttons {position:absolute; right:5px; z-index:99;}
  #mobile_login_buttons .button{border:1px solid #fff; z-index:99; margin:0; position:relative; padding:0px 12px; font-size:13px; width:auto; font-weight:600; min-width:auto;}
  #masthead .user-link img {max-width:25px;}
  .bb-template-v2 .site-header .user-wrap.menu-item-has-children>.user-link:hover:before{content:none;}
  #header_login_wrapper{position:absolute; right:0;}
  .review-media{height:inherit !important}
  .comment-content {margin-left: 0;}
  .comment-body > .comment-meta{display:block}
  .comment-body{padding:30px;}
  .comment-actions{flex-wrap:wrap;}
  .reply-item{width:100%;}
  .cpt-tournament-search-btn-wrapper.text-right button, .cpt-team-search-btn-wrapper.text-right button {width: 100%;}
  #footer_section_one{width:35%}
  .single-article .article-thumbnail img, .single-article .article-video video{height:500px;}
   #mobile_login_buttons .user-link span.user-name{color:white !important; padding-right:5px !important; font-size:14px;}
   #mobile_login_buttons .user-link{border:1px solid #fff;}
   #mobile_login_buttons a.user-link {
        border: 1px solid #fff;
        height: auto;
        padding: 5px 10px;
        border-radius: 8px;
    }
}

@media (max-width: 768px) {
   .bb-profile-grid .user-posts ul li {align-items: flex-start;flex-direction: column;gap: 10px;}
   button.claim-me {position: unset;margin-bottom: 10px;}
  .btn-box {position:unset;margin-bottom:15px; display:flex; align-items:center;}
  .btn-box .claim-btn-wrapper{margin-bottom: 0;}
  .glsr-star {font-size: 20px;}
  .glsr-bar {flex-direction: column; align-items: flex-start; margin-bottom:15px;}
  .glsr-bar-label {width: 100%; margin-bottom: 5px;}
  .glsr-bar-background {width: 100%; margin: 0 0 5px 0; flex: inherit;}
  .glsr-bar-percent {width: 100%; text-align: left;}
  .comment-form-rating{display:block; margin-bottom:10px !important;}
  .comment-form label{margin:0;}
  .comment-form-rating label{width:100%;}
  .tab-link {margin-right:5px; padding:3px 10px; font-size:14px;}
  .single-article .article-thumbnail img, .single-article .article-video video{height:400px;}  
	.role-options {grid-template-columns: 1fr;}
	.role-selection-container {padding: 20px;margin: 20px;}
}

@media only screen and (max-width: 767px) {
  .cpt-tournament-search-btn-wrapper.text-right button {width: 100%;}
  .footer-width-fixer .e-con-inner {display: block !important;}
  #footer_section_one, #footer_section_two , #footer_section_three{width:100% !important}
  .hfe-has-submenu-container > a{padding-top:3px !important; padding-bottom:3px !important;}
  .hfe-nav-menu .menu-item-has-children .sub-menu{top: 0 !important;}
  .hfe-nav-menu .menu-item-has-children .sub-menu li{padding-left: 15px;}
  .add-new-team-main-section .team-label{margin-bottom: 0; font-size: 20px;}
	.buddypress-wrap #registerform {margin: 60px 15px;}
	.tournament-master-edit-form #tournament-update-all-form, .team-master-edit-form #team-update-all-form , .league-master-edit-form #league-update-all-form{max-width: 100%;}
}

@media (max-width: 600px) {
   .gallery-view {grid-template-columns: 1fr;}
   .cpt-header-section{grid-template-columns: repeat(auto-fit, minmax(100%, 0fr)) !important;}
   .file-upload-wrapper > .custom-label{display: block;}
   .atricles .heading-title{font-size:30px; padding:0 0 10px 0;}
   
}

@media(max-width:540px){
  #wpforms-5813-field_1-container .wpforms-field-row .wpforms-field-row-block {padding:0;}
  #wpforms-5813-field_1-container .wpforms-field-row .wpforms-field-row-block:last-child {margin-top:20px;}
  .comment-content .d-flex{display:block;}
  .comment-content .d-flex p {font-size:12px; width:100%;}
  .search-grid {grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));}
  
  #featured-image-upload-form [type=submit], 
  #league-gallery-upload-form [type=submit], 
  #team-gallery-upload-form [type=submit], 
  #tournament-gallery-upload-form [type=submit], 

  #featured-image-upload-form input[type=file], 
  #league-gallery-upload-form input[type=file],
  #team-gallery-upload-form input[type=file],
  #tournament-gallery-upload-form input[type=file],
  #team-gallery-upload-form input[type=file]
  {width:100%; margin-right:0; margin-bottom:5px;}
	.claim-me.unclaim-league, .claim-me.claim-league, .claim-me.claim-tournament, .claim-me.unclaim-tournament, .claim-me.claim-team, 
	.claim-me.unclaim-team{width:100%; margin-bottom:50px; margin-top:-5px;}
	.single-general-info, .single-general-info > .editable{display: block;}
	.single-article .article-thumbnail img, .single-article .article-video video{height:auto; max-height:400px;}
	.content-area.atricles{padding-top: 15px;}
	.tournament-master-edit-form .form-field, .team-master-edit-form .form-field , .league-master-edit-form .form-field {flex-direction: column;}
}

@media(max-width:400px){
	.elementor-5694 .elementor-element.elementor-element-79c3d4d .e-search-submit{
      padding: 10px;
      margin: 0;
      width: 100%;
      justify-content: center;
	}
	
	.elementor-5694 .e-search-form{gap:5px;}
	
	.elementor-5694 .elementor-element.elementor-element-79c3d4d .e-search-label{display:none}
}

@media(max-width: 360px){
    /*.elementor-5694 .e-search-form, .registration .e-search-form, .page-id-148 .e-search-form{gap:8px; flex-direction:column; }*/
    .elementor-5694 .e-search-form, #masthead .e-search-form{gap:8px; flex-direction:column; }
    #masthead .e-search-form button.e-search-submit{padding:10px 20px !important; margin:0;}
    /*.registration .e-search-form button.e-search-submit, .page-id-148 .e-search-form button.e-search-submit{padding:10px 20px !important; margin:0;}*/
}