/**
* Ultimate Blocks plugin
*/

/* --------------------------------------------------------------
Expand
-------------------------------------------------------------- */

.ub-expand-toggle-button {
    color: var(--wp--preset--color--blue);
}


/* --------------------------------------------------------------
Tabs
-------------------------------------------------------------- */
.wp-block-ub-tabbed-content-tab-title-wrap {
    margin-right: 1px;
    border-top-right-radius: 1px;
    border-top-left-radius: 1px;
    text-transform: uppercase;
    font-family: var(--wp--custom--typography--fontfamilybold);
    width: 100%;
    justify-content: space-evenly;
}

.ub-mobile-display {
    text-transform: uppercase;
    font-family: var(--wp--custom--typography--fontfamilybold);
}

.wp-block-ub-tabbed-content-tabs-content {
    margin-right: auto;
    margin-left: auto;
    width: var(--wp--custom--layout--contentsize);  /* 91.66%*/
    max-width: var(--wp--custom--layout--maxsize);
}
.wp-block-ub-tabbed-content-tab-content-wrap > p,
.wp-block-ub-tabbed-content-tab-content-wrap > ul {
    padding-bottom: 1.2em;
}

.ub-tabbed-content-tablet-accordion>.wp-block-ub-tabbed-content-tab-content-wrap.active
{
    border-color: #d3d3d3;
}

/* --------------------------------------------------------------
Tab Tray Workaround for dupe page - there is some css that is generated with the id that need to account for
may need to limit DUPED pages to only 1 tab tray and 1 expand
2/2022 only using tab tray and expand, if enable more than may need more code here
-------------------------------------------------------------- */
.wp-block-ub-tabbed-content-tabs-title {
    justify-content: flex-start;
}
/* .wp-block-ub-tabbed-content-tab-title-wrap:nth-child(1) {
    text-align: left;
}*/
.wp-block-ub-tabbed-content-tab-title-wrap.active,
.wp-block-ub-tabbed-content-tab-title-vertical-wrap.active,
.wp-block-ub-tabbed-content-accordion-toggle.active {
    background-color: var(--wp--preset--color--white); /*#FCFCFC;  */
    color: var(--wp--preset--color--darkblue); /*#011F5B; */
}
.wp-block-ub-tabbed-content-tab-title-wrap,
.wp-block-ub-tabbed-content-tab-title-vertical-wrap {
    background-color: var(--wp--preset--color--lightblue); /*#5F98C6;  */
    border-color: lightgrey;
    color: var(--wp--preset--color--white); /*#FCFCFC;  */
}
.wp-block-ub-tabbed-content-accordion-toggle {
    background-color: var(--wp--preset--color--lightblue); /* #5F98C6;  */
    color: var(--wp--preset--color--white); /*#FCFCFC;  */
}