/*
Theme Name: FootMediaWatch
Author:     JulienD
Author URI: https://juliendauphin.fr
Template:   blogus
Version:    1.0
License:    GNU General Public License v2 or later
*/

:root {
  --grady-color:  #d4af36 !important;
}

body, .wrapper, .bs-card-box {
    background-color: #fbfdfc !important;
}

.bs-blog-post .title a:hover {
    color : white !important;
}

.bs-card-box{
    box-shadow: unset !important;
    padding : unset !important;
}

.category-color-1, .bs-widget-title .title:before{
    background-color: #d4af36 !important;
}

#comments, .bs-footer-overlay-copyright, .home .missed, .home .page-entry-title {
    display: none !important;
}

.elementor-widget-shortcode{
    width : 100%;
}

a {
    text-decoration: none !important;
}

.bs-blog-post .title a {
    display: -webkit-box;
    line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.bs-blog-post.three .inner {
    justify-content: flex-start !important;
}

.bs-blog-post .small .title a:hover {
    color : black !important;
}


 .bs-blog-post :not(.small) .title {
    /* height: 42px; */
    overflow: hidden;
}

 .bs-blog-post .small .title {
    height: 58px;
    overflow: hidden;
}

header .bs-social li i, .right-nav a{
    background: unset !important;
    color : black !important;
}

header .bs-social li i:hover, .right-nav a:hover{
    background: unset !important;
    color : #d4af36 !important;
}

footer .bs-social li i{
    background: unset !important;
    color : white !important;
}

footer .bs-social li i:hover, .bs-blog-meta a:hover, .bs-blog-date:before{
    background: unset !important;
    color : #d4af36 !important;
}

.bs-social li i::after{
    background : unset !important;
}

li a:focus,
li a:active {
    outline: none;
    box-shadow: none;
}

/* LOADER */
.loader {
    text-align:center;
    padding:20px;
    font-weight:bold;
}

.loader::after {
    content: "...";
    animation: dots 1s infinite;
}

@keyframes dots {
    0% { content: "."; }
    33% { content: ".."; }
    66% { content: "..."; }
}

/* RESULTS GRID */
.foot-results-widget {
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    gap:25px;
    font-family:Arial,sans-serif;
}

.league-block {
    border:2px solid black;
    padding:2px;
}

@media (max-width: 1000px) {
    .foot-results-widget {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .foot-results-widget {
        grid-template-columns: 1fr;
    }
}

.league-title {
    font-weight:bold;
    font-size:16px;
    margin-bottom:10px;
    border-bottom:2px solid #000;
    padding-bottom:5px;
}

.match {
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:8px;
}

.date {
    font-size:12px;
    color:#888;
    min-width:70px;
}

.teams {
    display:flex;
    align-items:center;
    justify-content:space-evenly;
    flex:1;
}

.team {
    display:flex;
    flex-direction:column;
    align-items:center;
    width:70px;
    min-width:0;
    text-align:center;
}

.team-logo {
    width:26px;
    height:26px;
    object-fit:contain;
    margin-bottom:3px;
}

.team-name {
    font-size:10px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

/* LAST 4 / NEXT 4 */
.foot-last4-widget {
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    gap:15px;
    font-family:Arial,sans-serif;
}

.foot-last4-widget .match {
    background:#fff;
    padding:46px 12px;
    border:2px solid black;
    display:flex;
    justify-content:center;
}

.foot-last4-widget .teams {
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
}

.foot-last4-widget .team-logo {
    width:34px;
    height:34px;
    object-fit:contain;
}

.foot-last4-widget .team-name {
    font-size:10px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.score-box {
    background:#000;
    color:#fff;
    padding:6px 10px;
    border-radius:6px;
    font-weight:bold;
    font-size:14px;
    min-width:55px;
    text-align:center;
}

.score-box .date {
    font-size:10px;
    opacity:0.8;
}

@media (max-width: 900px) {
    .foot-last4-widget {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 500px) {
    .foot-last4-widget {
        grid-template-columns: 1fr;
    }
}

.team-name {
    max-width: 70px;       
    white-space: nowrap;     
    overflow: hidden;        
    text-overflow: ellipsis;
}

.navbar-header .site-logo{
    display: none !important;
}

@media only screen and (max-width: 640px) {
    .site-branding-text .site-title a {
        font-size: 26px !important;
    }
}

.bs_upscr{
    border-color: white !important;
}