/*
 * Custom Theme Styles
 * This file is loaded AFTER plucss.min.css and theme.min.css
 * Override any styles here
 */



/* ========================================
   CSS Variables - Customize these!
   ======================================== */
:root {
  --custom-home-pic: url('img/home-pic.png');
}

/* ========================================
   Global Styles
   ======================================== */

.logo {
  background: color-mix(in srgb, var(--custom-bg-footer), transparent 84%);
  width: fit-content;
  max-width:700px;
  display: grid;
/*   grid-template-columns: 2fr 1fr; */
/*    justify-content: end; */
  align-items: center;
  border-radius:180px;
  box-shadow: 0 16px 60px rgba(0, 0, 0, 0.5);
}

.logo:hover {
  background: color-mix(in srgb, var(--custom-bg-footer), transparent 70%);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.7);
}

.logoimg {
  display:none;
  background-image: var(--custom-home-pic);
  background-size: contain;
  background-repeat: no-repeat;
  width:360px;
  height:360px;
  justify-self: end;
}

@media (max-width: 767px) {
.logoimg {
  display:none;
}
.logo {
  grid-template-columns: 1fr;
}
}

/* ========================================
   Layout Adjustments (Header Left, Article Right, Masonry Below)
   ======================================== */

.header .logo h1,
.header .logo h1 a,
.header .logo h2 {
	padding: 0 30px 10px 30px;
}

/* Sticky Nav */

/* Main Content Layout */

@media (max-width: 991px) { /* Non large screens */

.article-loop .article {
  grid-column: 1 / span 1!important;
}
}

@media (min-width: 992px) { /* Large screens */

  .main .grid .aside {
  display: none;
  }
  .main .grid .content {
    grid-column: 1 / 3;
  }

/* Article Vedette (Featured Article) */
.article-loop .article:first-child {
  grid-column: 1 / span 1!important;
}

.article-loop .article:first-child:hover,
.article-loop .article:hover {
  transform: none;
  }

/* Masonry Grid for other articles */
.article:nth-last-child(2),
.article:last-child {
  grid-column: 1 / span 2;
}
}


.pagination {
  display: none;
  }
  
/* ========================================
   Article Details (Reading Mode)
   ======================================== */
.article .art-date,
.article .written-by,
.article .art-nb-com,
.article .classified-in,
.article .tags {
    display: none;
}