/*
Theme Name: Hello Elementor Child
Description: Child theme for Hello Elementor. You can now safely customize it and not risk losing your customizations.
Author: CHZP
Author URI: https://chzp.fr
Template: hello-elementor
Version: 1.0
*/

/* Nav */
.elementor-location-header .e-con-inner {
    height: 80px !important;
}

/* Submit button */
#commentform .submit {
  color: #13B6A0 !important;
  border: 1px solid #13B6A0 !important;
}
#commentform .submit:hover,
#commentform .submit:focus {
  color: #ffffff !important;
  background-color: #13B6A0 !important;
}

/* Elementor model loop */
.boucle_card_category span a {
    color: #ffffff;
}

/* Flux Instagram */
.sbi_item {
    border-radius: 8px;
}

/* Flux Youtube */
.sby_inner_item {
    border-radius: 8px;
    overflow: hidden;
}
.sby_item {
    width: 100% !important;
}
.sby_items_wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.sby_video_thumbnail {
    height: 210px;
}

/* Mark archive title */
.archive_title_custom h1,
.title_custom h1,
.archive_title_custom h2,
.title_custom h2 {
    display: flex;
    align-items: center;
}
.mark_title {
    display: block;
    height: 19px;
    width: 10px;
    margin-right: 8px;
    border-radius: 4px;
}
#markTitleEsport {
    background-color: #FF4980;
}
#markTitleJeuxVideo {
    background-color: #1DE1E8;
}
#markTitleCreateurs {
    background-color: #B8F600;
}
#markTitle {
    background-color: #5a5a5a;
}

/* Elementor categorie cards on the home page */
.category-esport .elementor-cta__title,
.category-jeux-video .elementor-cta__title,
.category-createurs-de-contenu .elementor-cta__title {
    padding: 4px 16px;
    border-radius: 8px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.category-esport .elementor-cta__title {
    background-color: #FF4980;
}
.category-jeux-video .elementor-cta__title {
    background-color: #1DE1E8;
}
.category-createurs-de-contenu .elementor-cta__title {
    background-color: #B8F600;
}
.elementor-cta__bg-wrapper {
  position: relative;
  overflow: hidden;
}
.elementor-cta__bg-wrapper::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
  z-index: 1;
  pointer-events: none;
}
.elementor-cta__content {
  position: relative;
  z-index: 2;
}

/* Categories elements */
.category-esport .elementor-element-d908afc .elementor-widget-container {
    background: linear-gradient(135deg, #FF4980, #ff90a8);
}
.category-jeux-video .elementor-element-d908afc .elementor-widget-container {
    background: linear-gradient(135deg, #1DE1E8, #7cfbff);
}
.category-createurs-de-contenu .elementor-element-d908afc .elementor-widget-container {
    background: linear-gradient(135deg, #B8F600, #deff69);
}
/* Categories buttons */
.category-esport .elementor-widget-button .elementor-button {
    background-color: #FF4980;
    border-color: #FF4980 !important;
}
.category-jeux-video .elementor-widget-button .elementor-button {
    background-color: #1DE1E8;
    border-color: #1DE1E8 !important;
}
.category-createurs-de-contenu .elementor-widget-button .elementor-button {
    background-color: #B8F600;
    border-color: #B8F600 !important;
}
.category-esport .elementor-widget-button .elementor-button:hover,
.category-esport .elementor-widget-button .elementor-button:focus {
    color: #FF4980 !important;
    border-color: #FF4980 !important;
}
.category-jeux-video .elementor-widget-button .elementor-button:hover,
.category-jeux-video .elementor-widget-button .elementor-button:focus {
    color: #1DE1E8 !important;
    border-color: #1DE1E8 !important;
}
.category-createurs-de-contenu .elementor-widget-button .elementor-button:hover,
.category-createurs-de-contenu .elementor-widget-button .elementor-button:focus {
    color: #B8F600 !important;
    border-color: #B8F600 !important;
}

@media screen and (max-width: 960px) {
    .sby_items_wrap {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 480px) {
        .sby_items_wrap {
        grid-template-columns: repeat(1, 1fr);
    }
}