/*  custom css covering the editor page and client side   */

/* Progress tab*/
.card-progress{
  padding:1.5rem;
  background-color:#ffffff;
  border-radius:.75rem;
  border-color:#dadee7;
  width:400px;
  min-width:400px;
  gap:8px!important;
}

.progress-tab
  .uagb-tabs__panel
  .uagb-tab
  > .uagb-tabs-list[aria-selected="true"] {
    background:rgba(0,0,0,0.10);
    border-radius: 5px;
}

.progress-tab
    .uagb-tabs__panel
    .uagb-tab a:hover{
        background:rgba(0,0,0,0.15)!important;
        border-radius: 4px;
    }

/* gallery tabs from ottoblocks*/    

.wp-block-themeisle-blocks-tabs__header_item{
  border: 1px solid rgba(0,0,0,0.08)!important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
  transition: background-color 0.2s ease, filter 0.2s ease;
}
.wp-block-themeisle-blocks-tabs__header_item:hover{
  filter: brightness(0.98);
}
.wp-block-themeisle-blocks-tabs__header_item > div[role="tab"] {
    display:flex;
  align-items:center;
}
@media (max-width: 768px) {

.wp-block-themeisle-blocks-tabs
  .wp-block-themeisle-blocks-tabs__content
  .wp-block-themeisle-blocks-tabs-item
  > .wp-block-themeisle-blocks-tabs-item__header{
  display:flex!important;  
 align-items:center;
    margin-bottom:5px;
  }

}
/* ------ cards info section --------------*/
.white-card{
	  background: #FFFFFF;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px); /* Safari */
  border: 0.8px solid rgba(255, 255, 255, 0.1);
  border-color:#dadee7;
  border-radius: 0.75rem;
  padding: 24px;
  transition: background-color 0.25s ease;
  height:100%;
  min-height:172px;
}
.white-card:hover{
  box-shadow:
  0 10px 15px -3px rgba(27, 35, 42, 0.1),
  0 4px 6px -4px rgba(27, 35, 42, 0.1)!important;
  border-color: #d7ad4280!important;
}
.white-card span{
  transition: background-color 0.25s ease;
}
.white-card:hover span{
  background-color: #d7ad4233!important;
}

/*------------ first cards info section -----------*/
.glass-card{
	  background: #faf8f50d;
  border: 0.8px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.75rem;
  padding: 24px;
  transition: background-color 0.25s ease;
  
}
.glass-card:hover{
	background-color:#FAF8F51A!important;
}

/* ------------ cards 50% section -------------- */

.big-card{
    backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px); /* Safari */
  border: 0.8px solid rgba(255, 255, 255, 0.1);
  border-color:#dadee7;
  border-radius: 0.75rem;
  padding: 24px;
  transition: background-color 0.25s ease;	
overflow:hidden;
  height:100%;
}

/* ------------ last cards section ---------- */
.glass-card-30{
	  background: #faf8f50d;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px); /* Safari */
  border: 0.8px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.75rem;
  padding: 24px;
	
  transition: background-color 0.25s ease;
  height:100%;
}
.glass-card-30:hover{
	background-color:#FAF8F51A!important;
}
.glass-card-30 span{
  transition: background-color 0.25s ease;
}
.glass-card-30:hover span{
  background-color: #d7ad424d!important;
}



/* ------------ separator bloqs -------- */
.background-separator-content{
    display: inline-block;
  background-color:#D7AD421A;
  border-radius:9999px;
  width:full-content;
  padding: 16px 24px!important;
  font-size: 1rem!important;
    line-height: 1.25rem;
  margin-bottom:
    15px!important;
}