/*
Theme Name: Sports Association
Theme URI: https://www.themescarts.com/products/sports-association
Author: Themes Carts
Author URI: https://www.themescarts.com/
Description: The Sports Association theme is designed for organizations that manage teams, leagues, and sporting events. It provides structured layouts for fixtures, player profiles, match results, and event schedules, helping users present information clearly and efficiently. Built with a responsive design, it ensures consistent performance across desktop and mobile devices. Key features include customizable sections, easy navigation menus, gallery support, and integration with essential plugins for performance and SEO optimization. This Sports Association solution is suitable for sports clubs, local leagues, fitness centers, school teams, and community organizations that need a reliable website to share updates, announcements, and match details. It also supports blogging and content management, making it useful for publishing news, training tips, and event coverage. With clean code and user-friendly customization options, it helps administrators manage content without technical complexity while maintaining search engine visibility and fast loading speed.
Requires at least: 5.9
Version: 1.0
License: GNU General Public License version 2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sports-association
Requires PHP: 5.6
Tested up to: 6.9
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, block-patterns, block-styles, editor-style, wide-blocks, template-editing, style-variations, grid-layout, full-width-template, footer-widgets, featured-images, full-site-editing, featured-image-header, flexible-header, custom-background, custom-colors, custom-header, custom-menu, custom-logo, post-formats, sticky-post, threaded-comments, translation-ready, theme-options, rtl-language-support, entertainment, portfolio, blog

Sports Association WordPress Theme has been created by ThemesCarts(themescarts.com), 2026.
Sports Association WordPress Theme is released under the terms of GNU GPL
*/

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

/*
 * Text and navigation link styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

a {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.25ch;
}

a:focus {
    outline: 2px solid #FF0000;
    outline-offset: 2px;
}

a:hover,
a:focus {
	text-decoration-style: dashed;
}

a:active {
	text-decoration: none;
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}
.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/*
 * Search and File Block button styles.
 * Necessary until the following issues are resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/36444
 * https://github.com/WordPress/gutenberg/issues/27760
 */

.wp-block-search__button,
.wp-block-file .wp-block-file__button {
	background-color: var(--wp--preset--color--primary);
	border-radius: 0;
	border: none;
	color: var(--wp--preset--color--foreground);
	font-size: var(--wp--preset--font-size--medium);
	padding: calc(.667em + 2px) calc(1.333em + 2px);
}

body.home .wp-site-blocks > * + *{
	margin-block-start:0 !important;
}

/*
 * Button hover styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
	opacity: 0.90;
}

/*
 * Alignment styles.
 * These rules are temporary, and should not be relied on or
 * modified too heavily by themes or plugins that build on
 * Twenty Twenty-Two. These are meant to be a precursor to
 * a global solution provided by the Block Editor.
 *
 * Relevant issues:
 * https://github.com/WordPress/gutenberg/issues/35607
 * https://github.com/WordPress/gutenberg/issues/35884
 */

.wp-site-blocks,
body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-block-cover.alignfull,
.is-root-container .wp-block[data-align="full"] > .wp-block-group,
.is-root-container .wp-block[data-align="full"] > .wp-block-cover {
	padding-left: var(--wp--custom--spacing--outer);
	padding-right: var(--wp--custom--spacing--outer);
}

.wp-site-blocks .alignfull,
.wp-site-blocks > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-cover,
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-template-part > .wp-block-cover,
body > .is-root-container > .wp-block-cover,
body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background,
body > .is-root-container > .wp-block-template-part > .wp-block-cover,
.is-root-container .wp-block[data-align="full"] {
	margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	width: unset;
}

body.home .wp-block-cover{ margin-block-start:0 !important; }
nav.Hdr-menu.wp-block-navigation ul{ font-weight:600 !important;}

/* Blocks inside columns don't have negative margins. */
.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"],
/* We also want to avoid stacking negative margins. */
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] {
	margin-left: auto !important;
	margin-right: auto !important;
	width: inherit;
}
.headright-part{ text-align:right;}
body.home header.wp-block-template-part{ position: relative; width:100%; z-index:999;}
/*
 * Responsive menu container padding.
 * This ensures the responsive container inherits the same
 * spacing defined above. This behavior may be built into
 * the Block Editor in the future.
 */

.wp-block-navigation__responsive-container.is-menu-open {
	padding-top: var(--wp--custom--spacing--outer);
	padding-bottom: var(--wp--custom--spacing--large);
	padding-right: var(--wp--custom--spacing--outer);
	padding-left: var(--wp--custom--spacing--outer);
}

/* = Contact Form 7 CSS
----------------------------------------------- */
.wpcf7{ 
	margin:30px 0 0;
	padding:0;
}
.wpcf7 input[type="text"], 
.wpcf7 input[type="tel"], 
.wpcf7 input[type="email"]{ 
	width:40%;
	border:1px solid #cccccc;
	box-shadow:inset 1px 1px 2px #ccc;
	color:#797979;
	margin-bottom:0;
	height:40px;
	padding:0 15px;
}
.wpcf7 textarea{	
	border:1px solid #cccccc;
	box-shadow:inset 1px 1px 2px #ccc;
	color:#797979;
	margin-bottom:25px;
	padding:10px;
	width:60%;
	height:160px;
	font-size:12px;
}
.wpcf7 input[type="submit"]{
	background-color:#efc62c;
	padding:20px 40px;
	border-radius:40px;
	font-weight:600;
	font-size:16px;
	cursor:pointer;
	color:#ffffff;	
	width:auto;
	border:none;
	text-transform:uppercase;
}
.wpcf7 input[type="submit"]:hover{
	background-color:#101010;
}
.search-box {
	position: relative;
}
.search-box .wp-block-search__input {
    position: absolute;
    top: 0;
    left: auto;
    right: 60px;
}
.search-box .wp-block-search__button {
    background: transparent !important;
    padding: 0;
}
.banner-wrap.inner-header-box{
	position: relative;
}
.banner-wrap.inner-header-box:after{
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	background-color: #000000;
	opacity: 0.5;
}
.banner-wrap.inner-header-box .wp-block-cover__inner-container{
	z-index: 1;
}

/* Header */
.main-header .menu-box .header-menu .wp-block-navigation__responsive-container{
	border: 1px solid #ffffff;
	border-radius: 10px;
	width: fit-content;
	padding: 4px;
}
.main-header .menu-box .header-menu a{
	padding: 6px 18px !important;
}
.main-header .menu-box .header-menu a:hover,
.wp-block-navigation ul li.current-menu-item > a{
	background-color: var(--wp--preset--color--background);
	border-radius: 10px;
	color: var(--wp--preset--color--foreground) !important;
}
.main-header .menu-box .header-menu .wp-block-navigation-submenu, .main-header .menu-box .header-menu .wp-block-navigation-submenu li{
	border-radius: 10px !important;
}
.main-header .menu-box .header-menu .wp-block-navigation-submenu a{
	color: var(--wp--preset--color--foreground) !important;
}

/* Banner */
.banner-section .block-editor-block-list__block.wp-block.banner-design1,
.banner-section .block-editor-block-list__block.wp-block.banner-design2,
.banner-section .block-editor-block-list__block.wp-block.banner-design3{
	position: static;
	transform: none;
}
.banner-section .banner-box .banner-main-title{
	position: relative;
}
.banner-section .banner-box .banner-main-title:after, .banner-section .banner-box .banner-main-title:before{
	content: '';
	position: absolute;
	background-color: var(--wp--preset--color--background);
	height: 7px;
	border-radius: 20px;
}
.banner-section .banner-box .banner-main-title:after{
	top: 12px;
	left: 0;
	width: 100px;
} 
.banner-section .banner-box .banner-main-title:before{
	top: 0px;
	left: 50px;
	width: 80px;
}
.banner-section .banner-box{
	z-index: 1;
}
.banner-section{
	position: relative;
}
.banner-section .banner-design1{
	position: absolute;
	left: 3%;
	top: 15%;
}
.banner-section .banner-design2{
	position: absolute;
	left: 10px;
	bottom: -7px;
}
.banner-section .banner-design2 svg{
	height: 168px;
    width: 100%;
}
.banner-section .banner-design3{
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}
.banner-section .banner-design3 svg{
	height: 645px;
    top: 0px;
    width: 100%;
}
.banner-section .banner-button .banner-btn1 a,
.banner-section .banner-button .banner-btn2 a,
.main-header .header-btn-box .header-btn a{
	transition: 0.8s;
}
.banner-section .banner-button .banner-btn1,
.banner-section .banner-button .banner-btn2,
.main-header .header-btn-box .header-btn{
	position: relative;
	transition: 0.8s;
}
.main-header .header-btn-box .header-btn:after, .main-header .header-btn-box .header-btn:before,
.banner-section .banner-button .banner-btn2:after, .banner-section .banner-button .banner-btn2:before,
.banner-section .banner-button .banner-btn1:after, .banner-section .banner-button .banner-btn1:before{
	content: '';
	position: absolute;
    height: 4px;
    width: 45%;
    border-radius: 10px;
    left: 50%;
    transform: translateX(-50%);
	z-index: 1;
}
.banner-section .banner-button .banner-btn2:after, .banner-section .banner-button .banner-btn1:after, .main-header .header-btn-box .header-btn:after{
	top: 0px;
}
.banner-section .banner-button .banner-btn2:before, .banner-section .banner-button .banner-btn1:before, .main-header .header-btn-box .header-btn:before{
	bottom: 0;
}
.main-header .header-btn-box .header-btn:hover:after, .main-header .header-btn-box .header-btn:hover:before,
.banner-section .banner-button .banner-btn1:after, .banner-section .banner-button .banner-btn1:before,
.banner-section .banner-button .banner-btn2:hover:after, .banner-section .banner-button .banner-btn2:hover:before{
	background-color: var(--wp--preset--color--background);
}
.main-header .header-btn-box .header-btn:after, .main-header .header-btn-box .header-btn:before,
.banner-section .banner-button .banner-btn2:after, .banner-section .banner-button .banner-btn2:before,
.banner-section .banner-button .banner-btn1:hover:after, .banner-section .banner-button .banner-btn1:hover:before{
	background-color: var(--wp--preset--color--foreground);
}
.banner-section .banner-button .banner-btn1:hover a{
	background: var(--wp--preset--gradient--button-gradient) !important;
	color: var(--wp--preset--color--foreground) !important;
	border-color: var(--wp--preset--color--foreground) !important;
}
.banner-section .banner-button .banner-btn2:hover a, .main-header .header-btn-box .header-btn:hover a{
	background: var(--wp--preset--color--foreground) !important;
	color: var(--wp--preset--color--background) !important;
	border-color: var(--wp--preset--color--background) !important;
}

/* Welcome Section */
.welcome-section .welcome-box .welcome-inner-btn a{
	display: flex;
    align-items: center;
    gap: 20px;
}
.welcome-section .welcome-box .welcome-inner-btn a svg{
	height: 18px;
    width: 35px;
}
.welcome-section .welcome-box .welcome-video{
	min-height: 64px;
	width: fit-content;
    padding: 17px;
	display: block;
}
.welcome-section .welcome-box .welcome-video .wpzoom-video-popup-block_icon{
	background-color: var(--wp--preset--color--foreground);
	border-radius: 50%;
	height: 65px;
    width: 65px;
    display: flex;
    align-items: center;
	box-shadow: 0px 0px 0px 16px #FFFFFF59;
	justify-content: center;
}
.welcome-section .welcome-box .welcome-video .wpzoom-video-popup-block_icon svg{
	height: 25px;
	color: var(--wp--preset--color--background);
}
.welcome-section .welcome-box .bar {
  display: flex;
  gap: 6px;
  align-items: center;
}
.welcome-section .welcome-box .bar span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid var(--wp--preset--color--background) !important;;
}
.welcome-section .welcome-box .bar span.active {
  background-color: var(--wp--preset--color--background) !important;;
}
.wpzoom-video-popup-block-modal .mfp-close{
	background: var(--wp--preset--gradient--button-gradient);
	border-radius: 5px;
	opacity: 1;
	width: fit-content;
    padding: 2px 8px 7px 8px;
    display: flex;
    align-items: center;
    height: 35px;
}

/* Latest Blog */
.site-blog-box .post-main-area:hover .wp-block-post-title a{
	color: var(--wp--preset--color--background);
}
.site-blog-box .post-main-area:hover .post-main-btn .wp-block-post-excerpt__more-text .wp-block-post-excerpt__more-link{
	background: var(--wp--preset--color--background);
}
.site-blog-box .post-main-area .post-main-btn .wp-block-post-excerpt__more-text .wp-block-post-excerpt__more-link{
    background: var(--wp--preset--gradient--button-gradient);
    color: var(--wp--preset--color--foreground);
    padding: 10px 20px;
    border-radius: 30px;
    text-decoration: none;
}
.site-blog-box .img-box{
	position: relative;
}
.site-blog-box .date-box{
	width: fit-content;
	position: absolute;
	left: 10px;
	bottom: 10px;
}
.footer-outer-box .footer-div a:hover{
	color: var(--wp--preset--color--primary);
}
.footer-outer-box .footer-boxes .wp-block-social-link:hover{
	background-color: var(--wp--preset--color--primary) !important;
	color: var(--wp--preset--color--foreground) !important;
}
.footer-div a{
	text-decoration: none;
}
.post-page-area .wp-block-post{
	padding: 30px;
	box-shadow: 12px 12px 50px rgba(0, 0, 0, 0.4);
	margin-bottom: 30px;
}
.sidebar-area-wrap .taxonomy-post_tag a {
    background: var(--wp--preset--color--primary);
    padding: 5px !important;
    border-radius: 6px;
    display: inline-block;
    margin-bottom: 10px;
    color: #fff !important;
    margin-right: 10px;
}
.sidebar-area-wrap .taxonomy-post_tag span{
	display: none;
}
.read-more-btn a.wp-block-post-excerpt__more-link {
    background: var(--wp--preset--color--primary);
    border-color: currentColor;
    color: var(--wp--preset--color--white);
    font-weight: 700;
    padding-top: 15px;
    padding-right: 30px;
    padding-bottom: 15px;
    padding-left: 30px;
}
.woocommerce-account .wp-block-post-title, .woocommerce-account main .woocommerce, .woocommerce-cart .wp-block-post-title, .woocommerce-cart main .woocommerce, .woocommerce-checkout .wp-block-post-title, .woocommerce-checkout main .woocommerce {
    max-width: 100%;
}
pre {
    background: #eee;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

/*comment*/
.wp-block-comments{
    padding: 20px;
    border: 1px solid #dfdfdf;
}
.wp-block-comment-template li .wp-block-columns{
    border: 1px solid #dfdfdf;
    padding: 20px;
}
.wp-block-avatar img{
    border: 1px solid #dfdfdf;
    padding: 2px;
}
.wp-block-post-comments-form textarea{
    background: #f8f8f8;
}
.entry-content{
	overflow-wrap: anywhere;
	overflow: hidden;
}
.buy-now-button{
	padding: 5px 10px !important;
	color: #fff !important;
	border-radius: 7px !important;
	background: var(--wp--preset--color--background) !important;
}
.buy-now-button:hover{
	background: #000 !important;
}
a.added_to_cart.wc-forward {
    background-color: #32373c;
    color: #fff;
    padding-top: calc(0.667em + 2px);
    padding-right: calc(1.333em + 2px);
    padding-bottom: calc(0.667em + 2px);
    padding-left: calc(1.333em + 2px);
}

/*  Account Page CSS */
.woocommerce-account h2 {
	font-weight: 500;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li,.woocommerce-account .addresses .title .edit {
	background: var(--wp--preset--color--background);
	margin-bottom: 10px;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
	background-color: transparent !important;
}
.woocommerce-MyAccount-navigation ul li a,.woocommerce-account .addresses .title .edit {
	padding: 8px 12px !important;
	font-size: 16px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
	margin: 0 !important;
}
.woocommerce-account .addresses .title .edit{
	color: #fff !important;
	text-decoration: none;
}
nav.woocommerce-MyAccount-navigation ul li a {
	color: #fff;
	text-decoration: none;
	font-weight: 600;
}
.woocommerce-account .addresses .title .edit {
    float: left;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
	list-style: none;
	border-bottom: 1px solid #eaeaea;
	position: relative;
	padding: 0;
}
.woocommerce-MyAccount-navigation ul li a {
	padding: 15px 0;
	display: block;
	text-decoration: none;
}
.woocommerce-MyAccount-navigation ul li:last-child {
	border: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
	margin: 2rem;
	padding: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
	text-decoration: none;
}