/****************************************************************
/* BACKGROUND PAGE & PAGES INSIDE
****************************************************************/

.page-casaDeAposta {
  background: var(--gradiant-purple), url(../../img/bg-pages/bg-casas-sd.jpg);
}

.page-palpites {
  background: var(--gradiant-purple), url(../../img/bg-pages/bg-blog-sd.jpg);
}

.page-blog {
  background: var(--gradiant-purple), url(../../img/bg-pages/bg-blog-sd.jpg);
}

.page-casino {
  background: var(--gradiant-purple), url(../../img/bg-pages/bg-cassino-sd.jpg);
}

@media screen and (min-width: 768px) {
  .page-casaDeAposta {
    background: var(--gradiant-purple), url(../../img/bg-pages/bg-casas.jpeg);
  }

  .page-palpites {
    background: var(--gradiant-purple), url(../../img/bg-pages/bg-blog.jpg);
  }

  .page-blog {
    background: var(--gradiant-purple), url(../../img/bg-pages/bg-blog.jpg);
  }

  .page-casino {
    background: var(--gradiant-purple), url(../../img/bg-pages/bg-cassino.jpg);
  }
}

/****************************************************************
/* HEADER GENERAL PAGES
****************************************************************/

.header-archive {
  margin: 0;
}

@media screen and (min-width: 768px) {
  .header-archive h1 {
    max-width: 700px;
  }
}

#header-archive-lvl1 {
  padding-bottom: var(--padding-inner-sections);
}

@media screen and (min-width: 768px) {
  #header-archive-lvl2 {
    min-height: 400px;
  }

  .archive-lvl2-innerPage {
    margin-top: -200px;
  }
}

#ap-pageContent .header-page-general,
#header-archive-lvl1,
#header-archive-lvl2 {
  padding-top: 80px;
  padding-bottom: var(--padding-inner-sections);
  text-align: left;
  margin: 0;
}

#ap-pageContent h1,
.header-page-general .header-template-casas-icoH1,
#header-archive-lvl1 h1,
#header-archive-lvl2 h1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-bottom: var(--padding-inner-sections);
  font-size: 35px;
  font-weight: 400;
  text-align: center;
}

@media screen and (min-width: 768px) {

  #ap-pageContent h1,
  .header-page-general .header-template-casas-icoH1,
  #header-archive-lvl1 h1,
  #header-archive-lvl2 h1 {
    flex-direction: row;
    justify-content: flex-start;
    text-align: left;
  }

}

#ap-pageContent h1 .icon-aposta,
.header-page-general .header-template-casas-icoH1 .icon-aposta,
#header-archive-lvl1 h1 .icon-aposta-liga,
#header-archive-lvl2 h1 .icon-aposta-liga {
  background: var(--light-purple-2);
  height: 60px;
  width: 60px;
  border-radius: 50%;
  font-size: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

#header-archive-lvl1 h1 .icon-aposta-liga {
  padding: 15px;
}

#ap-pageContent h1 span:nth-child(2),
.header-page-general .header-template-casas-icoH1 span:nth-child(2),
#header-archive-lvl1 h1 span:nth-child(2),
#header-archive-lvl2 h1 span:nth-child(2) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0;
  line-height: 0.9;
}

@media screen and (min-width: 768px) {

  #ap-pageContent h1 span:nth-child(2),
  .header-page-general .header-template-casas-icoH1 span:nth-child(2),
  #header-archive-lvl1 h1 span:nth-child(2),
  #header-archive-lvl2 h1 span:nth-child(2) {
    align-items: flex-start;
  }

}

#ap-pageContent h1 small,
#header-archive-lvl1 h1 small,
#header-archive-lvl2 h1 small {
  font-size: 30px;
  color: var(--light-purple-1);
}


/*************************************
/* HEADER PAGES INSIDE  
*************************************/

.palpite-template-default .header-page-general {
  padding-top: var(--padding-inner-sections);
  padding-bottom: var(--padding-inner-sections);
}

/* header  */


.header-page-general .template-part-ico-breadcrumbs .wpb_wrapper,
.header-page-general .header-template-casas-icoH1 .wpb_wrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  font-size: 25px;
  font-weight: 400;
  color: var(--text-color);
  margin-bottom: var(--padding-inner-sections);
}

.header-page-general .template-part-ico-breadcrumbs a,
.header-page-general .template-part-ico-breadcrumbs a:hover {
  text-decoration: none;
}

.header-page-general .template-part-ico-breadcrumbs .icon-aposta {
  background: var(--light-purple-2-50);
  height: 40px;
  width: 40px;
  border-radius: 50%;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}