/*
Theme Name: GeneratePress Child
Description: Child theme for GeneratePress with custom ads functionality
Author: But Football Club
Template: generatepress
Version: 1.0.0
*/

/* Import parent theme styles */
@import url("../generatepress/style.css");

/* Custom styles for ads */
.akcelo-wrapper {
    display: grid;
    place-items: center;
    grid-template-columns: 1fr;
    text-align: center;
    position: relative;
    overflow: hidden !important;
}

.akcelo-wrapper.akcelo-wrapper-label:before {
    content: attr(data-ad-text);
    color: #777777;
    font-size: 11px;
    text-align: center;
    position: absolute;
    width: 100%;
    top: 2px;
}

.akcelo-wrapper.akcelo-wrapper-label {
    box-sizing: content-box;
    padding: 20px 0 0;
}

.akcelo-placeholder:not(.akcelo-loaded) {
    background-color: #f9f9f9;
    background-clip: content-box;
}

.akcelo-placeholder:not(.akcelo-loaded)::after {
    border: 1px solid #696969;
    border-radius: 2px;
    color: #696969;
    content: attr(data-placeholder-text);
    font-size: 11px;
    line-height: 1;
    padding: 3px 4px 1px;
    position: absolute;
    background-color: transparent;
    font-family: Arial, sans-serif;
}

.akcelo-video > div:first-child {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.akcelo-video.akcelo-wrapper-label > div:first-child {
    top: 20px;
}

@media (pointer: coarse) {
    .akcelo-wrapper.akcelo-desktop {
        display: none;
    }
}

@media (pointer: fine) {
    .akcelo-wrapper.akcelo-mobile {
        display: none;
    }
}

/* Specific ad unit styles */
.akcelo-wrapper.akcelo-adunit-11430 {
    width: 100%;
    max-height: 275px;
	overflow: hidden !important;
}

@media (pointer: coarse) {
    .akcelo-wrapper.akcelo-adunit-11430 {
        max-height: 100px;
    }
}

@media (max-width: 600px) {
    .akcelo-wrapper.akcelo-adunit-11430 {
        max-height: 100px;
    }
}

.akcelo-adunit-11417 {
    width: 100%;
    max-height: 600px;
	margin-top: 20px;
	overflow: hidden !important;
}

.hero-right-section .akcelo-adunit-11417 {
    position: sticky;
    top: 200px;
}

.hero-left-articles .akcelo-adunit-11417 {
	margin-top: 0px;
}

@media (pointer: coarse) {
    .akcelo-adunit-11417 {
        width: 100%;
        height: 300px;
    }
}

.akcelo-adunit-incontent {
    width: 100%;
    height: 450px;
    margin: 20px 0;
}

.akcelo-wrapper.akcelo-adunit-11110 {
    width: 100%;
    height: 250px;
    margin: 20px 0;
}

.akcelo-wrapper.akcelo-adunit-11416 {
    width: 100%;
    height: 750px;
    margin: 20px 0;
    display: block;
}

@media (min-width: 600px) {
    .akcelo-wrapper.akcelo-adunit-11416 {
        display: none !important;
    }
}

header.site-header {
    position: sticky;
    z-index: 21;
    top: 0;
}

@media screen and (max-width: 1079px) {
    .wp-block-splide-carousel .splide__arrows--ltr .splide__arrow--prev {
        left: -10px !important;
    }
    .wp-block-splide-carousel .splide__arrows--ltr .splide__arrow--next {
        right: -10px !important;
    }
	
	.wp-block-splide-carousel .splide__track--draggable {
		margin: 0 30px 0;
	}
}


.pagination-container nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
	flex-wrap: wrap;
}

.pagination-container span.page-numbers.current {
    padding: 8px 13px;
    background-color: #2563eb;
    border: 1px solid #2563eb;
    color: white;
    border-radius: 10px;
}

.pagination-container a.page-numbers {
    padding: 8px 13px;
    border: 1px solid #e1e7ef;
    border-radius: 10px;
    color: #0f1729;
}

.pagination-container a.page-numbers:hover {
    background-color: rgb(243, 244, 246);
}