/*
Theme Name:     OG Sport Championship
Description:    OG Sport Theme that extends the OG Theme
Author:         Jonas Hellberg, Daniel Liljeberg & Mathias Olsson, OG Group.
Author URI:     http://www.oggroup.se
Template:       og-theme
Version:        2.0.0
*/

/*
@import url('https://fonts.googleapis.com/css2?family=Quantico:ital,wght@0,400;0,700;1,400;1,700&display=swap');
*/
@font-face {
    font-family: 'Quantico';
    src: url('/wp-content/themes/sport-championship/fonts/quantico-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: bold;
    font-display: swap;
}

:root
{
	--og-sport-primary-color: #164281;
	--og-sport-secondary-color: #FFD600;
	--og-sport-text-color: #444;
    --og-sport-text-disabled-color: #ededed;
    --og-sport-border-color: #ededed;
    --og-sport-footer-font-color: #ffffff;

    --og-sport-body-color: #ededed;
    --og-sport-child-nav-color: #555555;

    --og-sport-win-color: #2b792b;
    --og-sport-lost-color: #bd1b1b;
    --og-sport-draw-color: #2354c6; /* #d64309 */


    --og-sport-header-color: #000000;
    --og-sport-header-font: Quantico;
}

/* MOBILE */
@media only screen and (max-width: 768px)
{
    :root {
        --og-sport-text-xl-size: 2.25rem;
        --og-sport-text-large-size: 1.5rem;
        --og-sport-text-medium-size: 1.25rem;
        --og-sport-text-normal-size: 1.125rem;
        --og-sport-text-small-size: 1rem;
        --og-sport-text-xsmall-size: 0.875rem;
        --og-sport-text-xxsmall-size: 0.75rem;

        --og-sport-standard-border-radius: 0.5rem;

        --og-sport-space-xl-size: 3rem;
        --og-sport-space-large-size: 2rem;
        --og-sport-space-medium-size: 1.5rem;
        --og-sport-space-normal-size: 1rem;
        --og-sport-space-small-size: 0.875rem;
        --og-sport-space-xsmall-size: 0.75rem;
        --og-sport-space-xxsmall-size: 0.5rem;
    }
}

/* DESKTOP */
@media only screen and (min-width: 768px)
{
    :root
    {
        --og-sport-text-xl-size: 3rem;
        --og-sport-text-large-size: 2rem;
        --og-sport-text-medium-size: 1.25rem;
        --og-sport-text-normal-size: 1.125rem;
        --og-sport-text-small-size: 1rem;
        --og-sport-text-xsmall-size: 0.875rem;
        --og-sport-text-xxsmall-size: 0.75rem;

        --og-sport-standard-border-radius: 0.5rem;

        --og-sport-space-xl-size: 4rem;
        --og-sport-space-large-size: 3rem;
        --og-sport-space-medium-size: 2rem;
        --og-sport-space-normal-size: 1.5rem;
        --og-sport-space-small-size: 1rem;
        --og-sport-space-xsmall-size: 0.75rem;
        --og-sport-space-xxsmall-size: 0.5rem;
    }
}

*
{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	font-family: Roboto, Arial, Helvetica, sans-serif;
	color: var(--og-sport-text-color);
}

body
{
	max-width: 1200px;
	margin: auto;
    background-color: var(--og-sport-body-color);
}

table,
table a
{
    font-size: var(--og-sport-text-small-size);
}

table,
tr,
td
{
    border-collapse: collapse;
}

table a
{
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
}

main
{
	background-color: white;
}

main p,
main li
{
    font-size: var(--og-sport-text-normal-size);
    line-height: 1.61;
}

main p:not(.published-box p)
{
    margin-bottom: 1rem;
}

.wp-block-list
{
    margin-left: var(--og-sport-space-medium-size);
    margin-bottom: var(--og-sport-space-medium-size);
}

#breadcrumbs
{
    margin-bottom: var(--og-sport-space-normal-size);
}

main section
{
    margin-bottom: var(--og-sport-space-medium-size);
}


main section header
{
    font-size: var(--og-sport-text-large-size);
    font-weight: bold;
    margin-top: var(--og-sport-space-medium-size);
    margin-bottom: var(--og-sport-space-small-size);
    display: inline-block;
    position: relative;
}

main section header + h3
{
    margin-top: 0;
}

main section header::after
{
    content: '';
    display: block;
    width: 100%;
    border-bottom: var(--og-sport-primary-color) 0.325rem solid;
}

h1,
h2,
h3,
h4,
h5,
main section header
{
	font-family: var(--og-sport-header-font);
    text-transform: uppercase;
    color: var(--og-sport-header-color);
    letter-spacing: -1px;
    line-height: 1.1;
}

h1
{
    margin-bottom: var(--og-sport-space-medium-size);
    font-size: var(--og-sport-text-xl-size);
}

.home h1
{
    margin-top: var(--og-sport-space-xl-size);
    margin-bottom: var(--og-sport-space-xl-size);
    text-align: center;
}

h2
{
    margin-top: var(--og-sport-space-medium-size);
    margin-bottom: var(--og-sport-space-small-size);
    font-size: var(--og-sport-text-large-size);
}

h3
{
    margin-top: var(--og-sport-space-normal-size);
    margin-bottom: var(--og-sport-space-xsmall-size);
    font-size: var(--og-sport-text-medium-size);
}

body > header
{
	display: flex;
	align-items: center;
	background: var(--og-sport-primary-color);
	padding: var(--og-sport-space-small-size) var(--og-sport-space-medium-size);
	justify-content: space-between;
    position: relative;
}

body > header a
{
	text-decoration: none;
}

.site-title
{
    font-size: var(--og-sport-text-large-size);
    color: var(--og-sport-secondary-color);
    letter-spacing: -1px;
}

body > header img
{
	width: auto;
    max-width: 175px;
    height: auto;
    max-height: 80px;
}

body > header nav
{
	max-width: 1100px;
}

body > footer
{
	align-items: center;
	background: var(--og-sport-primary-color);
	padding: var(--og-sport-space-medium-size);
}

body > footer a
{
	color: #ffffff;
    text-decoration: none;
}

body > footer li
{
    list-style: none;
}

body > footer *
{
    color: var(--og-sport-footer-font-color);
    line-height: 1.61;
}

figure
{
    margin-bottom: var(--og-sport-space-normal-size);
}

.footer-header
{
    display: inline-block;
    font-size: var(--og-sport-text-normal-size);
    font-weight: bold;
    margin-bottom: var(--og-sport-space-small-size);
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 0.25rem solid var(--og-sport-secondary-color);
	padding-bottom: 0.25rem;
}

body > footer nav,
body > footer .sister-sites
{
    margin-bottom: var(--og-sport-space-small-size);

}

.footer-site-info
{
    margin-top: var(--og-sport-space-normal-size);
}

footer nav li a,
body > footer .sister-sites li a
{
    padding: 0;
    margin-right: 1.5rem;
    margin-bottom: var(--og-sport-space-normal-size);
}

article ul,
.entry-content ul,
article ol,
.entry-content ol
{
    margin-bottom: var(--og-sport-space-small-size);
    margin-left: var(--og-sport-space-small-size);
}

article ul,
.entry-content ul
{
    padding-inline-start: 10px;
}

article ol,
.entry-content ol
{
    padding-inline-start: 14px;
}

nav *,
.sister-sites *
{
	text-transform: uppercase;
}

.sister-sites ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.child-pages-navigation
{
    background-color: var(--og-sport-child-nav-color);
    padding-left: var(--og-sport-space-medium-size);
    padding-right: var(--og-sport-space-medium-size);
}

.child-pages-navigation ul
{
    flex-wrap: unset !important;
}

.child-pages-toggle
{
    display: none;
}

body > main
{
	padding: var(--og-sport-space-medium-size);
}

.button
{
    display: inline-block;
    padding: 0.5rem 1rem;
    border: var(--og-sport-primary-color) 2px solid;
    color: var(--og-sport-primary-color);
    text-decoration: none;
    font-weight: bold;
    border-radius: var(--og-sport-standard-border-radius);
    font-size: var(--og-sport-text-xsmall-size);
}

button.button
{
    background: transparent;
}

.button:hover,
.button:focus
{
    background-color: var(--og-sport-primary-color);
    color: white;
}

.button::after
{
    content: '»';
    font-size: var(--og-sport-text-medium-size);
    margin-left: 0.5rem;
    line-height: 0;
}

.show-all-games-btn
{
    margin-top: var(--og-sport-space-small-size);
}

/*******************************************/

.game-card
{
	display: block;
	padding: 0.5rem;
	text-decoration: none;
}

.game-card *
{
	font-size: var(--og-sport-text-small-size);
	text-transform: uppercase;
	text-decoration: none;
}

.game-card-top
{
    display: flex;
    justify-content: space-between;
}

.game-card > *:not(.game-card > *:first-child),
.game-card-teams > *:not(.game-card-teams > *:first-child)
{
	margin-top: 0.5rem;
}

.upcoming-game-card .game-card-info
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.game-card-team-info
{
	display: flex;
	align-items: center;
	font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.game-card-team-image
{
	width: 20px;
	height: 20px;
	margin-right: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.game-card-team-image img
{
	max-width: 100%;
	max-height: 100%;
}

.game-card-team-row
{
	display: flex;
	justify-content: space-between;
}

.game-card-tv-icons
{
   display: flex;
   align-items: center;
}

.tv-icon
{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 0.75rem;
    margin-left: 0.25rem;
    line-height: 1.1;
    text-decoration: none;
}

img.tv-icon
{
    /*height: 42px;*/
    max-width: 42px;
}

span.tv-icon
{
    width: 50px;
    height: 50px;
}

.game-card-date,
.game-card-event
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.content-widget-footer
{
    margin-top: var(--og-sport-space-small-size);
}

/*******************************************/

.featured-games
{
	display: flex;
	margin-bottom: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
    position: relative;
    overflow: hidden;
}

.featured-games-left-button,
.featured-games-right-button
{
	display: flex;
	justify-content: center;
	font-weight: bold;
	align-items: center;
	width: 1rem;
    cursor: pointer;
    position: absolute;
    background-color: white;
    height: 100%;
    top: 0;
}

.featured-games-left-button
{
    left: 0;
}

.featured-games-right-button
{
    right: 0;
    border-left: 1px solid var(--og-sport-border-color);
}

.featured-games-left-button,
.featured-games-right-button
{
	display: flex;
	justify-content: center;
	font-weight: bold;
	align-items: center;
	width: 2rem;
    cursor: pointer;
    border: 0;
}


.featured-games-cards
{
	display: flex;
    position: relative;
    overflow: hidden;
}

.featured-games-cards .game-card
{
	width: calc( ( 1200px - 4rem ) / 5 );
    min-width: 200px;
/*	height: 110px;
	display: flex;*/
	border-left: 1px solid var(--og-sport-border-color);

}
/*
.featured-games .game-card:nth-child(n+7)
{
	display: none;
}

.featured-games .game-card:nth-child(2)
{
	border-left: 1px solid var(--og-sport-border-color);
}
*/

.featured-games .game-card-team-info
{
	max-width: 11rem;
}

/*******************************************/

.standings-wrapper
{
	border: 1px solid var(--og-sport-border-color);
    margin-bottom: 1rem;
}

.standings-wrapper .content-subhead
{
    font-family: var(--og-sport-header-font);
    text-transform: uppercase;
    font-weight: 700;
    font-size: var(--og-sport-text-normal-size);
}

.standings-wrapper .filter-panel
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1em;
    font-size: var(--og-sport-text-small-size);
}

.standings-wrapper .team-name
{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}

.standings_fixture_filter
{
    padding: 0.5em;
    font-size: var(--og-sport-text-small-size);
    border-radius: 0;
    border: solid 1px var(--og-sport-border-color);
    background: none;
}

.standing-buttons > *
{
    text-decoration: none;
    border-bottom: 4px solid var(--og-sport-border-color);
}

.standing-button-selected,
.standing-buttons > *:hover,
.standing-buttons > *:focus
{
    border-bottom: 4px solid var(--og-sport-secondary-color);
}

.standings-wrapper table
{
	width: 100%;
}

.standings-wrapper tbody tr:hover,
.current-team
{
	background-color: #ffdbe2;
}

.standings-wrapper tr > *
{
	text-align: center;
    min-width: 2rem;
    border-top: 1px solid var(--og-sport-border-color);
    margin: 0;
    padding: 0.75rem 0.125rem;
    width: auto;
}

.standings-wrapper thead tr > *
{
    text-transform: uppercase;
}


.standings-wrapper .team-name
{
    text-align: left;
    padding-left: var(--og-sport-space-small-size)
}

.standings-wrapper .team-name
{
    width: 250px !important;
}

.events-template-left .standings-wrapper .team-name
{
    max-width: 100px;
}

.standings-team-image
{
    float: left;
	width: 20px;
	height: 20px;
	margin-right: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.standings-team-image img
{
	max-width: 100%;
	max-height: 100%;
}

.table-col-place
{
    width: 50px !important;
    max-width: 50px !important;
}

.table-col-goal-points
{
    font-weight: bold;
}

.table-col-latest
{
    width: 150px;
}

.table-col-latest .box.f:before
{
    content: 'F';
    background: var(--og-sport-lost-color);
}

.table-col-latest .box.v:before
{
    content: 'V';
    background: var(--og-sport-win-color);
}

.table-col-latest .box.o:before
{
    content: 'O';
    background: var(--og-sport-draw-color);
}
.table-col-latest .box.ow:before
{
    content: 'ÖV';
    background: var(--og-sport-draw-color);
    font-size: 0.75rem;
}

.table-col-latest .box.ol:before
{
    content: 'ÖF';
    background: var(--og-sport-draw-color);
    font-size: 0.75rem;
}

.table-col-latest .box:before {
    height: 25px;
    width: 25px;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-style: none !important;
    font-style: normal;
    font-weight: bold;
    margin-right: 0.125rem;
}

.table-col-latest {
    display: flex;
    justify-content: center;
    align-items: center;
}

.standing-labels > *
{
    display: inline-block;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
    padding: 0.5em;
    border-radius: 0.25rem;
    color: white;
}

.standing-labels
{
    padding: 0.5rem 0 0 0.5rem;
}

/*******************************************/

.schedule-games
{
	border: 1px solid var(--og-sport-border-color);
    margin-bottom: 1rem;
}

.schedule-games .game-card
{
	padding: 1rem;
	border-bottom: 1px solid var(--og-sport-border-color);
	width: 100%;
}

.events-template-event-tabs
{
	display: flex;
    overflow: hidden;
    margin-bottom: 1.5rem;
}

.events-template-event-tab
{
    background: transparent;
    border-top: 0;
    border-left: 0;
    border-right: 0;
	border-bottom: 0.25rem solid var(--og-sport-border-color);
	padding-bottom: 0.25rem;
	margin-right: 1rem;
    cursor: pointer;
    white-space: nowrap;
    font-size: var(--og-sport-text-medium-size);
}

.events-template-event-tab:hover,
.events-template-event-tab:focus,
.events-template-event-tab-selected
{
    border-color: var(--og-sport-secondary-color);
}

.events-template-content
{
	display: flex;
}

.events-template-header
{
    font-size: var(--og-sport-text-medium-size);
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

/*******************************************/

.recent-posts-content
{
	display: flex;
}

.recent-post-meta
{
    display: flex;
    justify-content: space-between;
    text-align: center;
    margin-top: 0.5rem;
}

.post-card-image,
.recent-post-image
{
    width: 100%;
    height: 145px;
    border-radius: var(--og-sport-standard-border-radius);
    background-position: center;
    background-size: cover;
}

.post-card-image-missing,
.recent-post-image-missing
{
    width: 100%;
    height: 145px;
    border-radius: var(--og-sport-standard-border-radius);
    background-repeat: no-repeat;
    background-size: 50% auto;
    background-position: center;
    background-color: var(--og-sport-primary-color);
}
.post-card .post-card-image,
.post-card .post-card-image-missing,
.recent-posts-featured .recent-post-image,
.recent-posts-featured .recent-post-image-missing
{
    height: auto;
    border-top-right-radius: unset !important;
    border-bottom-right-radius: unset !important;
}

.recent-posts-featured .recent-post-image,
.post-card .post-card-image
{
    background-color: unset;
}

.post-card-title,
.recent-post-title,
.recent-post-featured-title
{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.recent-post-title a
{
    font-size: var(--og-sport-text-medium-size);
	font-family: var(--og-sport-header-font);
    text-transform: uppercase;
	font-weight: bold;
    color: var(--og-sport-header-color);
    text-decoration: none;
    letter-spacing: -1px;
	line-height: 1.1;
}


.recent-posts-first
{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.recent-posts-temp-image
{
    background-size: 50%;
    background-color: var(--og-sport-primary-color);
}

.recent-featured-posts-content
{
	display: flex;
}

.recent-posts-first
{
	display: flex;
	align-items: end;
	border-radius: var(--og-sport-standard-border-radius);
}

.first-post-title
{
	width: 100%;
	height: 4rem;
	display: flex;
	justify-content: space-between;
    align-items: center;
	padding: 1rem;
	background-color: rgba(0, 0, 0, 0.75);
    border-bottom-right-radius: var(--og-sport-standard-border-radius);
    border-bottom-left-radius: var(--og-sport-standard-border-radius);
}

.first-post-title a
{
    color: #ffffff;
    text-decoration: none;
    font-size: var(--og-sport-text-normal-size);
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.post-card-event-name,
.recent-post-event-name
{
    color: var(--og-sport-secondary-color);
    margin-bottom: 0.125rem;
    font-size: var(--og-sport-text-small-size);
    text-transform: uppercase;
}

.first-post-date
{
    color: var(--og-sport-secondary-color);
    text-transform: uppercase;
    width: 75px;
    margin-right: 0.25rem;
}

.recent-posts-featured
{
	position: relative;
	display: flex;
	flex-direction: column;
	align-content: stretch;
	justify-items: stretch;
}

.post-card-title,
.recent-post-featured-title
{
	background-color: var(--og-sport-primary-color);
    border-top-right-radius: var(--og-sport-standard-border-radius);
    border-bottom-right-radius: var(--og-sport-standard-border-radius);
}

.post-card
{
    margin-bottom: 2rem;
}

.post-card,
.recent-posts-featured-box
{
	display: flex;
    text-decoration: none;

}

.post-card > *,
.recent-posts-featured-box > *
{
	display: flex;
}

.post-card > *:nth-child(1),
.recent-posts-featured-box > *:nth-child(1)
{
	width: 39%;
    border-radius: var(--og-sport-standard-border-radius);
}

.post-card > *:nth-child(2),
.recent-posts-featured-box > *:nth-child(2)
{
	width: 61%;
}

.post-card .post-card-title,
.recent-posts-featured-box .recent-post-featured-title
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 var(--og-sport-space-small-size) 0 var(--og-sport-space-medium-size);
	border-left: var(--og-sport-secondary-color) 4px solid;
	font-size: var(--og-sport-text-small-size);
}

.post-card .post-card-date,
.recent-posts-featured-box .recent-post-featured-date
{
	color: var(--og-sport-secondary-color);
	margin-bottom: 0.5rem;
	text-transform: uppercase;
}

.post-card-title-text,
.recent-post-featured-title-text
{
	color: #ffffff;
	text-decoration: none;
	font-size: var(--og-sport-text-normal-size);
	width: 100%;
}

.event-schedule-row-games
{
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.event-schedule-row-games > *
{
    width: calc( 100%/3 - 2rem/3 );
	border: var(--og-sport-border-color) 1px solid;
}



.teams-list tbody
{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
}

.teams-list tbody > tr
{
    display: flex;
    flex-wrap: wrap;
    flex-basis: 200px;
    justify-content: center;
    height: unset;
    background: none !important;
    margin-bottom: 1rem;
}

.teams-list tr > td
{
    text-align: center;
}

.teams-list tr > td:first-child img
{
    border-radius: 0.5rem;
    max-height: 150px;
    max-width: 150px;
}

.teams-list tbody > tr td
{
    font-size: var(--og-sport-text-medium-size);
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
}

/* widgets */
.related-posts ul
{
    list-style: none;
}

.published-box
{
    line-height: 1.61;
}

.table-of-contents,
.published-box
{
    padding: 1rem;
    border: 1px solid var(--og-sport-border-color);
}

.table-of-contents header
{
    font-size: var(--og-sport-text-medium-size);
    padding: 0;
    margin-top: 0;
    margin-bottom: var(--og-sport-space-small-size);
}

.table-of-contents nav
{
    max-height: 150px;
    overflow-y: scroll;
}

.table-of-contents header:after
{
    border: 0;
}

.table-of-contents ul
{
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.table-of-contents.two-columns ul
{
    position: relative;
}

/*
.table-of-contents.two-columns ul::before
{
    background: var(--toc-background, linear-gradient(to bottom, transparent, white) );
    content: '';
    z-index: var(--toc-z-index, 999999 );
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
*/

.table-of-contents.two-columns li::before
{
    content: '>';
    padding-right: 0.5rem;
}

.table-of-contents li a
{
    text-decoration: none;
    font-weight: bold;
    font-size: var(--og-sport-text-small-size);
}


@media (max-width: 1100px)
{
    .events-template-left .standings-wrapper .table-col-latest
    {
        display: none;
    }
}


@media (max-width: 1000px)
{
    .events-template-left .standings-wrapper .table-col-latest,
    .events-template-left .standings-wrapper .table-col-won,
    .events-template-left .standings-wrapper .table-col-lost,
    .events-template-left .standings-wrapper .table-col-overtime-win,
    .events-template-left .standings-wrapper .table-col-overtime-lost,
    .events-template-left .standings-wrapper .table-col-drawn
    {
        display: none;
    }
}


@media (min-width: 768px)
{
    body > header nav
    {
        margin-left: 0.5rem;
    }

    .recent-featured-posts-content > *
    {
        width: calc(50% - 1rem);
    }

    .recent-featured-posts-content > *
    {
        width: calc(50% - 1rem);
    }

    .recent-posts-first
    {
        height: 432px;
    }

    .recent-posts-featured
    {
        margin-bottom: 2rem;
    }

    .recent-posts-left
    {
        margin-right: 1rem
    }

    .recent-posts-right
    {
        margin-left: 1rem
    }

    .recent-posts-featured > *
    {
        position: items;
        height: 100%;
        max-height: 50%;
    }

    .post-card,
    .recent-posts-featured-box
    {
        height: 200px;
    }

    .recent-posts-featured > *:nth-child(1)
    {
        margin-bottom: 2rem;
    }

    .recent-posts-content > *
    {
        width: calc( 25% - 1.5rem );
    }

    .recent-posts-content > *:nth-child(2)
    {
        margin-left: 2rem;
        margin-right: 1rem;
    }

    .recent-posts-content > *:nth-child(3)
    {
        margin-left: 1rem;
        margin-right: 2rem;
    }

    .events-template-content > *
    {
        width: 50%;
    }

    .events-template-right
    {
        margin-left: 1rem;
    }

    .events-template-left
    {
        margin-right: 1rem;
    }

    .standings-wrapper .header
    {
        padding: 1rem;
    }

    .standing-buttons > *
    {
        margin: 0.25em 0 0.25em 1em;
    }

    .standing-buttons
    {
        flex-grow: 1;
        display: flex;
        justify-content: end;
    }

    figure.alignleft
    {
        float: left;
        margin-right: var(--og-sport-space-normal-size);
    }

    figure.alignright
    {
        float: right;
        margin-left: var(--og-sport-space-normal-size);
    }

    .table-of-contents.two-columns ul {
        display: flex;
        flex-wrap: wrap;
      }


    .table-of-contents.two-columns li {
        width: 33.3333%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: 0.5rem;
        font-size: 1rem;
    }

    .table-of-contents.two-columns > ul > li:nth-child(n+9)
    {
        display: none;
    }
}

@media (min-width: 480px)
{

}

@media (max-width: 768px)
{
    .recent-posts-first
    {
        height: 250px;
        display: flex;
        align-items: end;
        border-radius: var(--og-sport-standard-border-radius);
    }

    .recent-posts-featured
    {
        margin-bottom: 1rem;
    }

    .recent-featured-posts-content
    {
        flex-direction: column;
    }

    .recent-featured-posts-content > *
    {
        width: 100%;
    }

    .recent-posts-featured > *:nth-child(1)
    {
        margin-bottom: 1rem;
    }

    .recent-posts-content
    {
        flex-wrap: wrap;
    }

    .recent-posts-content > *
    {
        width: calc( 50% - 0.5rem );
    }

    .recent-posts-content > *:nth-child(odd)
    {
        margin-right: 0.5rem;
    }

    .recent-posts-content > *:nth-child(even)
    {
        margin-left: 0.5rem;
    }

    .recent-posts-content > *
    {
        margin-bottom: 1rem;
    }

    .recent-posts-left
    {
        margin-bottom: 1rem
    }


    .events-template-content
    {
        flex-direction: column;
    }

    .standings-wrapper .table-col-latest,
    .standings-wrapper .table-col-won,
    .standings-wrapper .table-col-lost,
    .standings-wrapper .table-col-drawn
    {
        display: none;
    }

    .events-template-left
    {
        margin-bottom: 1rem;
    }

    .post-card,
    .recent-posts-featured-box
    {
        height: 150px;
    }

    .post-card-title-text,
    .recent-post-featured-title-text
    {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .standings-wrapper .filter-panel
    {
        flex-direction: column;
        align-items: center;
    }

    .standings-wrapper .filter-panel > *
    {
        width: 100%;
        margin-bottom: 1rem;
    }

    .standing-buttons
    {
        display: flex;
        justify-content: space-between;
        padding: var(--og-sport-space-normal-size);
    }

    .standing-buttons > *
    {
        width: 25%;
        text-align: center;
    }

    .standings-wrapper .content-subhead
    {
        margin-top: 0.5rem;
        margin-left: 0.5rem;
    }

    .standings-wrapper .filter-panel
    {
        padding-left: 1em;
        padding-right: 1em;
    }

    .standings-wrapper .team-name
    {
        /*width: 100px;*/
        max-width: 100px;
    }

    .game-card
    {
        flex-basis: calc( 50% - 1rem );
    }

    .featured-games
    {
        margin-left: -0.5rem;
        margin-right: -0.5rem;
    }

    figure
    {
        text-align: center;
    }

    .table-of-contents.two-columns > ul > li:nth-child(n+6)
    {
        display: none;
    }
}

@media (max-width: 480px)
{
    body > main
    {
        padding: var(--og-sport-space-small-size);
    }

    .child-pages-navigation
    {
        position: relative;
        padding-left: 0;
        padding-right: var(--og-sport-space-small-size);
    }

    .child-pages-navigation ul
    {
        overflow: hidden;
    }

    .child-pages-toggle
    {
        display: block;
        border: 0;
        content: '';
        position: absolute;
        right: 0.4rem;
        top: 25%;
        padding: 0 1rem;
        background-color: var(--og-sport-child-nav-color);
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath fill='%23ffffff' d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: 1rem;
        background-position: right;
        width: 1rem;
        height: 1rem;
        margin-right: 0.5rem;
    }

    figure
    {
        width: 100% !important;
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    figure *
    {
        width: 100%;
        height: auto;
    }

    .button
    {
        padding-top: 1rem;
        padding-bottom: 1rem;
        width: 100%;
        text-align: center;
    }

    .game-card
    {
        flex-basis: 100%;
    }

    .recent-posts-content > * {
        width: 100%;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    footer nav ul,
    footer .sister-sites ul
    {
        flex-direction: column;
    }
}


.events-template-event-tabs
{
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    cursor: grab;
    user-select: none;
}

.events-template-event-tabs.dragging
{
    cursor: grabbing;
    scroll-behavior: auto;
}

.events-template-event-tab
{
    flex: 0 0 auto;
}



.faq-item-question
{
    margin-top: 0;
}


@media only screen and (min-width: 640px )
{
	 .news-post-list
	{
		display: flex;
		flex-wrap: wrap;
	}

	.news-post-list > *
	{
		flex-basis: calc(50% - 1rem);
	}

	.news-post-list > *:nth-child(odd)
	{
		margin-right: 1rem;
	}
}


@media only screen and (max-width: 800px)
{
	.news-post-list
	{
		display: block;
	}
}



.carousel.dragging {
    cursor: grabbing;
    cursor: -webkit-grabbing;
  }

  .carousel {
    cursor: grab;
    cursor: -webkit-grab;
    //overflow-x: auto;
    scroll-behavior: smooth;
  }