.g44-tabs:not(#editor .g44-tabs) {
position: relative;
}
.g44-tabs .tabs {
display: flex;
gap: 5px;
margin-bottom: 0px;
}
.g44-accordion .tabs{
display:none;
}
.g44-tabs .tabs>button,
.g44-tabs .panels>button{
padding: 1em 1em;
font-size:1em;
color:var(--g44-black-color);
background: transparent;
border:0;
border-bottom: 2px solid rgb(0 0 0 / 8%);
cursor: pointer;
}
.g44-tabs .tabs>button:hover {
border-bottom: 2px solid var(--g44-primary-color);
}
.g44-tabs .tabs>button[aria-selected="true"] {
border-bottom: 2px solid var(--g44-secondary-color);
font-weight: bold;
}
.g44-tabs.g44-dark .tabs>button,
.g44-tabs.g44-dark .panels>button{
color:var(--g44-primary-color-dark);
border-color: rgb(255 255 255 / 8%);
}
.g44-tabs.g44-dark .tabs>button:hover {
border-color: var(--g44-primary-color-dark);
}
.g44-tabs.g44-dark .tabs>button[aria-selected="true"] {
border-bottom: 2px solid var(--g44-secondary-color-dark);
font-weight: bold;
}
.g44-tabs .panels>button{
display:none;
position: relative;
border-bottom: 1px solid var(--g44-primary-color);
width:100%;
text-align:left;
margin:5px 0px;
}
.g44-tabs .panels>button.accordion{
margin:0px 0px;
padding-right: 50px;
}
.g44-tabs .panels>button[aria-expanded="true"],
.g44-accordion .panels>button:has(+ div[role="tabpanel"].found),
.g44-tabs .panels>button.found{
font-weight: bold;
}
.g44-tabs .panels>button:after {
background-color: var(--g44-primary-color);
bottom: 0px;
content: "";
height: 2px;
left: 0;
position: absolute;
transform: scaleX(0);
transform-origin: bottom right;
transition: transform .3s;
width: 100%;
z-index: 9;
border-radius:0px;
}
.g44-tabs .panels>button:hover:after,
.g44-tabs .panels>button[aria-expanded="true"]:after,
.g44-accordion .panels>button:has(+ div[role="tabpanel"].found):after,
.g44-tabs .panels>button.found:after{
transform: scaleX(1);
transform-origin: bottom left;
}
.g44-tabs .panels>button:before{
position:absolute;
content:'\F64D';
font-size: 28px;
width: 30px;
height: 30px;
display: flex !important;
align-items: center;
justify-content:center;
top: calc(50% - 15px);
right: 15px;
-webkit-transition: transform .4s ease 0s;
}
.g44-tabs .panels>button[aria-expanded="true"]:before,
.g44-tabs .panels>button:has(+ div[role="tabpanel"].found):before,
.g44-tabs .panels>button.found:before{
transform: rotate(180deg);
content:'\F63B';
}
.g44-tabs.ind-plus .panels>button:before{
content:'\F64D';
}
.g44-tabs.ind-plus .panels>button[aria-expanded="true"]:before,
.g44-tabs.ind-plus .panels>button:has(+ div[role="tabpanel"].found):before,
.g44-tabs.ind-plus .panels>button.found:before{
content:'\F63B';
transform: rotate(180deg);
}
.g44-tabs.ind-arrow .panels>button:before{
content:'\F12F';
}
.g44-tabs.ind-arrow .panels>button[aria-expanded="true"]:before,
.g44-tabs.ind-arrow .panels>button:has(+ div[role="tabpanel"].found):before,
.g44-tabs.ind-arrow .panels>button.found:before{
content:'\F12F';
transform: rotate(-90deg);
}
.g44-accordion .panels>button{
display:block;
}
.g44-accordion .panels>button:has(+ div[role="tabpanel"].found) {
display:block !important;
}
@keyframes g44-panel-open{
0% {
transform:translateY(50px);
opacity:0;
}
100% {
transform:translateY(0px);
opacity:1;
}
}
.g44-tabs .panels > div[role="tabpanel"]>div {
padding: 1em;
opacity:0;
transform:translateY(50px);
}
.modal-content .g44-tabs .panels > div[role="tabpanel"]>div {
padding: 1em 0;
}
.g44-tabs .panels > div[role="tabpanel"].open>div,
.g44-tabs .panels > div[role="tabpanel"]:not([hidden])>div,
.g44-tabs .panels > div[role="tabpanel"].found>div,
.g44-accordion .panels>button.found + div[role="tabpanel"]>div{
animation-name: g44-panel-open;
animation-iteration-count: 1;
animation-timing-function: ease;
animation-duration: 0.4s;
opacity:1;
transform:translateY(0px)
}
.g44-tabs .panels > div[role="tabpanel"] {
display: none;
}
.g44-tabs .panels > div[role="tabpanel"]:not([hidden]) {
display: block;
}
body.resize .g44-tabs .panels > div[role="tabpanel"]:not([hidden]) {
max-height:none !important;
}
.g44-accordion .panels > div[role="tabpanel"] {
display: block;
overflow: hidden;
max-height:0;
opacity:1;
padding: 0;
-webkit-transition: max-height 0.5s ease 0s;
-moz-transition: max-height 0.5s ease 0s;
-o-transition: max-height 0.5s ease 0s;
-ms-transition: max-height 0.5s ease 0s;
transition: max-height 0.5s ease 0s;
}
.g44-accordion .panels > div[role="tabpanel"]:not([hidden]),
.g44-accordion .panels > div[role="tabpanel"].found,
.g44-accordion .panels>button.found + div[role="tabpanel"]{
display:block;
overflow: unset;
max-height: var(--g44-maxexpand-tab-height);
opacity:1;
border-bottom: 1px solid var(--g44-primary-color);
}
.g44-accordion .panels>button.found + div[role="tabpanel"]{
display:block !important;
}
.g44-accordion .panels > div[role="tabpanel"]::-webkit-scrollbar,
.g44-accordion-mobile .panels > div[role="tabpanel"]::-webkit-scrollbar{
display: none;
}
@media (max-width: 781px) {
.g44-accordion .tabs,
.g44-accordion-mobile .tabs{
display: none;
}
.g44-accordion .panels>button,
.g44-accordion-mobile .panels>button{
display:block;
}
.g44-tabs .tabs>button{
padding: 1em 0.75em;
}
.g44-accordion-mobile .panels > div[role="tabpanel"] {
display:block;
max-height: 0;
overflow: scroll;
transition: max-height 0.5s ease;
}
.g44-accordion-mobile .panels > div[role="tabpanel"]:not([hidden]) {
display:block;
max-height: 0px;
overflow: scroll;
transition: max-height 0.5s ease;
}
.g44-accordion-mobile .panels > div[role="tabpanel"].open,
.g44-accordion-mobile .panels > div[role="tabpanel"]:not([hidden]){
max-height: var(--g44-maxexpand-tab-height);
}
}
.wp-block-g44-tabs{
border: 1px solid #bbb;
padding:5px
}
.wp-block-g44-tabs.g44-tabs:before{
content:'TABS';
position:absolute;
right:0px;
top:-20px;
height:20px;
line-height:20px;
background:#bbb;
padding:0px 5px;
font-size:12px;
}
.wp-block-g44-tabs.g44-tabs.g44-accordion:before{
content:'ACCORDION';
}
.wp-block-g44-tabs .wp-block{
margin:0px 0px 1em;
}
.g44-tab-title-container{
cursor: pointer;
font-weight: normal;
padding: 10px 10px;
margin-bottom: 5px;
background-color: #fff9a5;
color:#000 !important;
border:1px solid #bbb;
border-radius:10px;
}
.wp-block-g44-tabs .is-selected .g44-tab-title-container,
.wp-block-g44-tabs .has-child-selected .g44-tab-title-container,
.wp-block-g44-tabs .wp-block:has(.is-selected, .has-child-selected) .g44-tab-title-container{
font-weight:bold;
background-color: #ffee00;
}
.wp-block-g44-tabs .wp-block:first-child .g44-tab-title-container:not(.wp-block-g44-tabs:has(.is-selected, .has-child-selected) .wp-block:first-child .g44-tab-title-container){
font-weight:bold;
background-color: #ffee00;
}
.g44-tab-content{
padding: 10px;
border:1px solid #bbb;
display:none;
}
.wp-block-g44-tabs .is-selected .g44-tab-content,
.wp-block-g44-tabs .has-child-selected .g44-tab-content,
.wp-block-g44-tabs .wp-block:has(.is-selected, .has-child-selected)  .g44-tab-content{
display:block;
}
.wp-block-g44-tabs .wp-block:first-child .g44-tab-content:not(.wp-block-g44-tabs:has(.is-selected, .has-child-selected) .wp-block:first-child .g44-tab-content){
display:block;
}
.wp-block-g44-tabs .block-list-appender {
background-color: #f5f5f5;
border: 1px dashed #ccc;
padding: 10px;
margin-top: 10px;
text-align: center;
cursor: pointer;
position:relative;
}
.wp-block-g44-tabs .block-list-appender:hover {
background-color: #e8e8e8;
border-color: #bbb;
}
.wp-block-g44-tabs .g44-tab-content .block-list-appender{
opacity:0.5;
}