/**
 * Theme Name:     Sports on TV
 * Author:         WP Messiah
 * Template:       frontis
 * Text Domain:	   sports-on-tv
 * Description:    Meet Frontis, the lightweight WordPress block theme built for speed and flexibility. Perfect for any project, Frontis offers unlimited customizability through its simple block editor, empowering you to create stunning, fast-loading websites with no hassle. Whether for a blog, business, or portfolio, Frontis provides a robust foundation that scales with your needs, while maintaining great SEO performance. Make a bold statement with Frontis, where speed meets sophistication. A Fast, Highly Customizable Block Theme for WordPress.
 */
/* Footer newsletter form */
body:has(.fb-off-canvas-menu.open) main {
    z-index: -1;
}

body:has(.fb-off-canvas-menu.open) .wp-block-template-part .wp-block-frontis-blocks-container.frontis-blocks-is-root-container.alignfull:nth-child(2) {
    z-index: -1;
}

.fb-off-canvas-menu.open~main {
    z-index: -1;
}

header:has(.sports-search-results.active)~main,
header:has(.sports-nav-desktop-expanded.active)~main {
    z-index: -1;
}

body.sports-search-active .sports-nav-desktop-container {
    z-index: -1;
}
.sports-off-canvas-menu .fb-off-canvas-header .fb-close-menu{
    padding-right: 20px !important;
}
#mc4wp-form-1 {
    width: 100%;
    max-width: 475px;
}

#mc4wp-form-2 {
    width: 100%;
    max-width: 475px;
}

.sot-subscribe-form {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.sot-subscribe-form br {
    display: none;
}

.mc4wp-form-fields .sot-subscribe-form input#email {
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    padding: 13px 16px;
    border: 1px solid #414651;
    background: #181D27;
    color: #A4A7AE;
    border-radius: 6px;
    width: 100%;
	height: 47px;
}

.sot-subscribe-form input[type="submit"],
.sot-subscribe-form button[type="submit"] {
	position: relative;
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    background: #F1B92E;
    color: #0D1B2A;
    padding: 13px 28px;
    border: none;
    border-radius: 6px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.mc4wp-form-fields .sot-subscribe-form input[type="submit"]:hover {
    background: #FDC755;
}

.mc4wp-response {
    margin-top: 16px;
    color: #A4A7AE;
}

/* header category divider */
header.wp-block-template-part {
    position: relative;
    z-index: 2;
}
.header-category .fb-advanced-button-main-wrapper:after {
    content: "";
    width: 1px;
    height: 13px;
    background: #414651;
    display: flex;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-50%, -50%);
}

.header-category .fb-advanced-button-main-wrapper:last-child:after {
    display: none;
}

/* Mobile collapse menu */
.sports-nav-mobile-expanded {
    display: none !important;
}

.sports-nav-mobile-expanded.active {
    display: flex !important;
}

/* Tablet collapse menu */
.sports-nav-tablet-expanded {
    display: none !important;
}

.sports-nav-tablet-expanded.active {
    display: flex !important;
}

/* Desktop collapse menu */
.sports-nav-desktop-expanded {
    display: none !important;
}

.sports-nav-desktop-expanded.active {
    display: flex !important;
}

.sports-off-canvas-menu {
    display: none;
}

.fb-slider-container.outside {
    padding: 0 !important;
}

@media screen and (min-width: 768px) {
	.sports-nav-top .fb-advanced-button-main-wrapper:after {
    content: "";
    width: 1px;
    height: 13px;
    background: #414651;
    display: flex;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-50%, -50%);
}
}


.sports-nav-top .off-canvas-content .fb-advanced-button-main-wrapper:after {
    content: "";
    width: 0;
}

.sports-nav-top .fb-advanced-button-main-wrapper:last-child:after {
    display: none;
}

/* video bg for cta */
.sports-global-cta video {
    position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    display: none;
}

/* strimm modal */
.modal {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .6);
    z-index: 9999;
}

.modal-content {
    background: #fff;
    max-width: 420px;
    margin: 15% auto;
    padding: 20px;
    border-radius: 8px;
    text-align: center;
}

.close {
    float: right;
    cursor: pointer;
    font-size: 20px;
}

/*  Single Post Page */
.single-post a {
    color: var(--wp--frontis--color--custom-gray-950);
    transition: all 0.3s ease;
}

.single-post a:hover {
    color: var(--wp--frontis--color--custom-primary-500);
}

.single-post .wp-block-post-navigation-link:has(> a) {
    border: 1px solid #ddd;
    padding: 10px 20px;
}

.single-post .wp-block-post-navigation-link .post-navigation-link__label {
    color: var(--wp--frontis--color--custom-primary-500);
}

.single-post .entry-content p {
    line-height: 34px;
}

/*  Comment form */
form#commentform {
    display: flex;
    flex-direction: column;
}

p.comment-form-author {
    order: 1;
}

p.comment-form-email {
    order: 2;
}

p.comment-form-url {
    order: 3;
    display: none;
}

p.comment-form-comment {
    order: 4;
}

p.comment-form-cookies-consent {
    order: 5;
}

p.form-submit.wp-block-button {
    order: 6;
}

.comment-form .form-submit .wp-block-button__link.wp-element-button {
    background: var(--wp--frontis--color--custom-primary-500);
    border: none !important;
    transition: all 0.3s ease;
}

.comment-form .form-submit .wp-block-button__link.wp-element-button:hover {
    background: var(--wp--frontis--color--custom-gray-950);
}

form#commentform input,
#commentform textarea {
    border: 1px solid #D5D7DA;
}

/* Strimm preloader */
.preloader {
    position: absolute;
   	height: 53vh;
    inset: 0;
    background: #0d1117;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #e0e0e0;
    z-index: 10;
    transition: opacity 0.4s ease;
}

.preloader.hidden {
    opacity: 0;
    pointer-events: none;
}

.spinner {
    width: 56px;
    height: 56px;
    border: 6px solid #444;
    border-top: 6px solid #F1B92E;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-bottom: 1.2rem;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.frontis-blocks-is-root-container .sports-live-stream {
    position: relative;
    width: auto;
	max-width: 100%;
	aspect-ratio: 1040/520;
    height: 53vh;
}

@media only screen and (max-width: 1024px) {
	.frontis-blocks-is-root-container .sports-live-stream {
		aspect-ratio: unset;
		width: 100%;
		height: 80vh;
		max-height: 500px;
	}
	.preloader {
	   	height: 80vh;
		max-height: 500px;
	}
}
@media only screen and (max-width: 800px) {
	.frontis-blocks-is-root-container .sports-live-stream {
		height: 800px;
		max-height: unset;
	}
	.preloader {
	   	height: 800px;
		max-height: unset;
	}
}
@media only screen and (max-width: 600px) {
	.frontis-blocks-is-root-container .sports-live-stream {
		height: 628px;
	}
	.preloader {
	   	height: 628px;
	}
}


@media all and (min-width: 1484px) and (max-width: 1900px) {
    .header-category .fb-advanced-button {
        padding: 16px 21px !important;
    }

}

@media all and (max-width: 1558px) {
    .sports-off-canvas-menu {
        display: flex;
    }
}

@media all and (min-width: 1025px) and (max-width: 1558px) {
    .top-logo {
        max-width: 10% !important;
        align-items: center !important;
        flex-direction: row !important;
        justify-content: space-between !important;
    }

    .top-sports-live {
        max-width: 74% !important;
    }

    .top-contact-info {
        display: none !important;
    }

    footer span.fb-advanced-button-text {
        font-size: 16px;
        line-height: 24px;
    }

    .sports-nav-top {
        justify-content: space-between !important;
    }
    .sports-off-canvas-important-links{
        display: none !important;
    }
    .off-canvas-content{
        justify-content: center !important;
    }
}

@media all and (min-width: 1201px) and (max-width: 1483px) {
    .header-category a.fb-advanced-button {
        padding: 16px 14px !important;
        font-size: 16px !important;
    }
}

@media all and (min-width: 1025px) and (max-width: 1200px) {
    .header-category a.fb-advanced-button {
        padding: 16px 10px !important;
        font-size: 14px !important;
    }
}

@media all and (min-width: 416px) and (max-width: 767px) {
    .sportstv-more-sports .fb-slider-default-icon-wrapper.outside.top-right {
        top: -80px !important;
    }
}
@media all and (max-width: 1024px) {
	.top-logo {
		width: auto !important;
		margin-right: 10px !important;
	}
}
@media all and (max-width: 530px) {
	.header-live-button-text {
		display: none;
	}
}
.fb-menu-icon {
	height: 20px;
}
.single-post .entry-content h2:first-child {
    margin-top: 40px;
}