/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */

 #primary-post .spui-post-fallback{
	border-radius:5px;
}

#primary-post .spui-post-fallback .spui-fallback-content{
	transform: scale(0.9) translateY(-20%);
}

@media (min-width: 768px) {
	.match-report-bg .spui-post-fallback .spui-fallback-content{
		transform: scale(0.9) translateY(-100%);
	}
}

.match-report-bg .spui-post-fallback{
	border-radius:0;
}

.match-title{
	background:#000;
	padding:5px;
	border-radius:5px;
	display:inline;
}

.match-title-mobile{
	
}

.match-title, .match-title-mobile{
	color:#fff;
	text-transform:uppercase;
	font-weight:900;
}

.content-container .elementor-widget-container img,
.content-container .elementor-widget-container iframe,
.content-style .elementor-widget-container img,
.content-style .elementor-widget-container iframe,
.elementor-widget-theme-post-content .elementor-widget-container img,
.elementor-widget-theme-post-content .elementor-widget-container iframe{
	border-radius:5px !important;
}

.content-container .elementor-widget-container .wp-block-embed__wrapper,
.content-style .elementor-widget-container .wp-block-embed__wrapper,
.elementor-widget-theme-post-content .elementor-widget-container .wp-block-embed__wrapper{
	overflow:hidden;
	border-radius:5px;
}

.content-container .elementor-widget-container h1,
.content-container .elementor-widget-container h2,
.content-container .elementor-widget-container h3,
.content-container .elementor-widget-container h4,
.content-container .elementor-widget-container h5,
.content-container .elementor-widget-container h6,
.content-style .elementor-widget-container h1,
.content-style .elementor-widget-container h2,
.content-style .elementor-widget-container h3,
.content-style .elementor-widget-container h4,
.content-style .elementor-widget-container h5,
.content-style .elementor-widget-container h6,
.elementor-widget-theme-post-content .elementor-widget-container h1,
.elementor-widget-theme-post-content .elementor-widget-container h2,
.elementor-widget-theme-post-content .elementor-widget-container h3,
.elementor-widget-theme-post-content .elementor-widget-container h4,
.elementor-widget-theme-post-content .elementor-widget-container h5,
.elementor-widget-theme-post-content .elementor-widget-container h6{
	font-weight:900 !important;
	text-transform:uppercase !important;
}

/* Elementor sometimes ignores its own Background Size/Position controls
   (esp. on dynamic/featured-image backgrounds). Add class "bg-style" to
   force the background image to cover and center. */
.bg-style{
	background-size:cover !important;
	background-position:center center !important;
}

.spui-fallback-container {
	    display: inline !important;
    margin: auto;
}

.spui-post-fallback{
	height:100%;
}

.spui-styled-headingx{
	-webkit-box-reflect: below 1px linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.1));
}

.spui-sh-normal{
	text-transform:uppercase;
	font-weight:900;
	font-size:30px;
	
  
}

.spui-sh-strong{
	text-transform:uppercase;
	font-weight:900;
	font-size:30px;
	letter-spacing:5px;
	-webkit-text-stroke: 2px black;
	paint-order: stroke fill;
	color:#fff;
	
}

.custom-loop-item-body, .custom-loop-item-body div{
	row-gap:unset !important;
	padding-top:0px !important;
}

.custom-loop-item-body h4{
	text-transform:uppercase;
	font-weight:700;
	font-size:18px;
	color:#000 !important;
}

.custom-loop-item-body h6{
	text-transform:uppercase;
	font-size:10px;
	font-weight:700;
	background:red;
	opacity: 0.4;
	letter-spacing: 2px;
	color:white;
	border-radius:5px;
	padding:5px;
	display: inline;
}

.custom-loop-item-body-read-more p a !important{
	
}

.post-homepage-titles-container, .post-homepage-titles-container-mobile{
	row-gap:unset !important;
	padding-top:0px !important;
}

.post-type-title, .post-type-title-mobile{
	color:lightgray;
	text-transform:uppercase;
	letter-spacing: 2px;
	font-weight:900;
	margin:0;
}

.post-type-title-mobile{
	font-size:12px;
}

.post-type-title-container{
	height:20px;
}

.post-title{
	color:white;
	text-transform:uppercase;
	font-weight:900;
	margin:0;
}

.post-title-mobile{
	color:white;
	text-transform:uppercase;
	font-weight:900;
	font-size:20px;
	margin:0;
}


.sp-post-caption {
    display: none !important;
}

.home-stats .sp-view-all-link {
    width: unset !important;
}

.frontPage .elementor-element[data-element-type="container"]{
	border-bottom-width:0px !important;
}

table tbody > tr:nth-child(odd) > td, table tbody > tr:nth-child(odd) > th{
}

table tbody > tr:nth-child(odd) > td, table tbody > tr:nth-child(odd) > td, 
table tbody > tr:nth-child(odd) > td, table tbody > tr:nth-child(odd) > tr:hover{
	
	background:transparent !important;
}

table tbody > tr:nth-child(odd) > td, table tbody > tr:nth-child(odd) > td:hover{
	
	background:transparent !important;
}

table.sp-data-table tr{
	border-top: 1px solid lightgray  !important;
}


table.sp-data-table{
	background:transparent !important;
	border-width: 0px !important;
	border-bottom: 1px solid lightgray  !important;
}

table.sp-data-table thead th{
    font-weight: bold !important;
    font-size: 10pt !important;
    color:#000 !important;
}



table.sp-data-table tbody td{
    font-weight: bold !important;
    font-size: 10pt !important;
    border-width: 0px !important;
	vertical-align:baseline;
}

/* Row 1 - Green */
#fullTable tr:nth-child(1) {
    background-color: #4ade80 !important;  /* Nice green */
    color: #111;
    font-weight: bold;
}

/* Rows 2 to 7 - Yellow */
#fullTable  tr:nth-child(n+2):nth-child(-n+7) {
    background-color: #fde047 !important;  /* Nice yellow */
    color: #111;
}

/* Last 4 rows - Red */
#fullTable tr:nth-last-child(-n+4) {
    background-color: #f87171 !important;  /* Nice red */
    color: white;
}

.home-stats table.sp-data-table thead th{
    font-size: 10pt !important;
}


.home-stats table.sp-data-table tbody td{
    font-size: 10pt !important;
	vertical-align:baseline;
	
}

table.sp-data-table tbody td{
    padding:5px !important;
	
}

table.sp-data-table tbody td.data-name.has-logo, table.sp-data-table tbody td.data-name{
    vertical-align:initial;
	
}

.home-stats table.sp-data-table tbody td{
    padding:5px !important;
}

table.sp-data-table tbody td a{
    color:gray !important;
}

.home-stats table.sp-data-table tbody td a{
    font-size: 11pt !important;
}



#nextmatch .elementor-widget-container, #nextmatch .sp-countdown-wrapper h5, #nextmatch .sp-countdown-wrapper H3, #nextmatch .sp-countdown-wrapper a, #nextmatch .sp-countdown-wrapper p, #nextmatch .sp-countdown-wrapper time, #nextmatch .sp-countdown-wrapper span, #nextmatch .sp-countdown-wrapper small{
	background-color:transparent !important;
	color:gray !important;
	border-width:0px !important;
	text-transform: uppercase !important;
	font-weight:900 !important;
}




@media screen and (max-width: 767px) {
	.spui-sh-normal{
		font-size:35px;
		font-family:Arial;
	}
	
	.spui-sh-strong{
		font-size:35px;
		font-family:Arial;
		 -webkit-text-stroke: 2px black;
  		paint-order: stroke fill;
	}
	
	#nextmatch h3 a{
		font-size:14pt;
	}
	
	#nextmatch .sp-event-date{
		font-size:14pt !important;
	}

	#nextmatch .sp-event-venue{
		font-size:12pt !important;
	}

	#nextmatch .sp-event-league{
		font-size:12pt !important;
	}

	#nextmatch .sp-countdown span {
		font-size:30pt !important;
		
	}

	#nextmatch small {
		font-size:10pt !important;
	}
}

@media screen and (min-width: 768px) {
  	#nextmatch h3 a{
		font-size:20pt;
	}
	
	#nextmatch .sp-event-date{
		font-size:30pt !important;
	}

	#nextmatch .sp-event-venue{
		font-size:26pt !important;
	}

	#nextmatch .sp-event-league{
		font-size:20pt !important;
	}

	#nextmatch .sp-countdown span {
		font-size:60pt !important;
		
	}

	#nextmatch small {
		font-size:18pt !important;
	}
}

body.elementor-off-canvas-open,
html:has(body.elementor-off-canvas-open) {
    overflow: hidden;
}

.e-off-canvas {
    overflow-x: hidden;
}

/* ==========================================================================
   Gutenberg block content formatting (posts, match reports)
   ========================================================================== */

.content-container .elementor-widget-container blockquote,
.content-style .elementor-widget-container blockquote,
.elementor-widget-theme-post-content .elementor-widget-container blockquote {
	margin: 1.5em 0;
	padding: 0.5em 0 0.5em 1.25em;
	border-left: 4px solid #000;
	font-size: 1.1em;
	font-style: italic;
}

.content-container .elementor-widget-container blockquote p:last-child,
.content-style .elementor-widget-container blockquote p:last-child,
.elementor-widget-theme-post-content .elementor-widget-container blockquote p:last-child {
	margin-bottom: 0;
}

.content-container .elementor-widget-container blockquote cite,
.content-style .elementor-widget-container blockquote cite,
.elementor-widget-theme-post-content .elementor-widget-container blockquote cite {
	display: block;
	margin-top: 0.5em;
	font-size: 0.85em;
	font-style: normal;
	font-weight: 700;
	opacity: 0.7;
}

.content-container .elementor-widget-container .wp-block-quote.is-style-large,
.content-container .elementor-widget-container .wp-block-quote.has-text-align-right,
.content-style .elementor-widget-container .wp-block-quote.is-style-large,
.content-style .elementor-widget-container .wp-block-quote.has-text-align-right,
.elementor-widget-theme-post-content .elementor-widget-container .wp-block-quote.is-style-large,
.elementor-widget-theme-post-content .elementor-widget-container .wp-block-quote.has-text-align-right {
	border-left: none;
	border-right: 4px solid #000;
	padding-left: 0;
	padding-right: 1.25em;
}

.content-container .elementor-widget-container .wp-block-pullquote,
.content-style .elementor-widget-container .wp-block-pullquote,
.elementor-widget-theme-post-content .elementor-widget-container .wp-block-pullquote {
	margin: 1.5em 0;
	padding: 1.5em 0;
	border-top: 4px solid #000;
	border-bottom: 4px solid #000;
	text-align: center;
	font-size: 1.3em;
	font-style: italic;
}

.content-container .elementor-widget-container .wp-block-pullquote cite,
.content-style .elementor-widget-container .wp-block-pullquote cite,
.elementor-widget-theme-post-content .elementor-widget-container .wp-block-pullquote cite {
	display: block;
	margin-top: 0.5em;
	font-size: 0.7em;
	font-style: normal;
	font-weight: 700;
	opacity: 0.7;
}

.content-container .elementor-widget-container ul,
.content-container .elementor-widget-container ol,
.content-style .elementor-widget-container ul,
.content-style .elementor-widget-container ol,
.elementor-widget-theme-post-content .elementor-widget-container ul,
.elementor-widget-theme-post-content .elementor-widget-container ol {
	margin: 1em 0;
	padding-left: 1.5em;
}

.content-container .elementor-widget-container ul li,
.content-container .elementor-widget-container ol li,
.content-style .elementor-widget-container ul li,
.content-style .elementor-widget-container ol li,
.elementor-widget-theme-post-content .elementor-widget-container ul li,
.elementor-widget-theme-post-content .elementor-widget-container ol li {
	margin-bottom: 0.35em;
}

.content-container .elementor-widget-container a,
.content-style .elementor-widget-container a,
.elementor-widget-theme-post-content .elementor-widget-container a {
	font-weight: 700;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
	transition: text-decoration-thickness 0.15s ease, opacity 0.15s ease;
}

.content-container .elementor-widget-container a:hover,
.content-style .elementor-widget-container a:hover,
.elementor-widget-theme-post-content .elementor-widget-container a:hover {
	text-decoration-thickness: 2px;
	opacity: 0.75;
}

.content-container .elementor-widget-container .wp-block-button__link,
.content-style .elementor-widget-container .wp-block-button__link,
.elementor-widget-theme-post-content .elementor-widget-container .wp-block-button__link {
	background-color: #CE6161;
	color: #fff;
	border-radius: 3px;
	padding: 12px 24px;
	font-size: 15px;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	transition: background-color 0.3s ease;
}

.content-container .elementor-widget-container .wp-block-button__link:hover,
.content-style .elementor-widget-container .wp-block-button__link:hover,
.elementor-widget-theme-post-content .elementor-widget-container .wp-block-button__link:hover {
	background-color: #AF5252;
	color: #fff;
}

.content-container .elementor-widget-container hr,
.content-style .elementor-widget-container hr,
.elementor-widget-theme-post-content .elementor-widget-container hr {
	margin: 2em 0;
	border: none;
	border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.content-container .elementor-widget-container code,
.content-style .elementor-widget-container code,
.elementor-widget-theme-post-content .elementor-widget-container code {
	background: rgba(0, 0, 0, 0.06);
	padding: 0.15em 0.4em;
	border-radius: 3px;
	font-size: 0.9em;
}

.content-container .elementor-widget-container pre,
.content-style .elementor-widget-container pre,
.elementor-widget-theme-post-content .elementor-widget-container pre {
	background: rgba(0, 0, 0, 0.06);
	padding: 1em;
	border-radius: 5px;
	overflow-x: auto;
}

/* ==========================================================================
   Password protected page (wp core .post-password-form)
   ========================================================================== */

.post-password-form {
	width: 80%;
	margin: 0 auto;
	font-family: 'Roboto', sans-serif;
}

.post-password-form label {
	display: block;
	flex: 1 1 auto;
}

.post-password-form input[type="password"] {
	display: block;
	width: 100%;
	margin-top: 0.5em;
	border-radius: 5px;
}

.post-password-form input[type="submit"] {
	background-color: #CE6161;
	border-color: #CE6161;
	color: #fff;
	border-radius: 5px;
	cursor: pointer;
	transition: background-color 0.15s ease, border-color 0.15s ease;
}

.post-password-form input[type="submit"]:hover,
.post-password-form input[type="submit"]:focus {
	background-color: #AF5252;
	border-color: #AF5252;
	color: #fff;
}