/* bootstrap style */
@import "../../plugins/bootstrap/functions";
@import "../../plugins/bootstrap/variables";
@import "../../plugins/bootstrap/mixins";
@import "../../plugins/bootstrap/popover";


/* theme colors */
/* primary, secondary, tertiary, quaternary, dark, light */
@each $state in $color_states {
    html .popover-#{nth($state,1)} .popover-title {
        background-color: var(--porto-#{nth($state,1)}-color) !important;
        color: var(--porto-#{nth($state,1)}-color-inverse, #{nth($state,3)}) !important;
    }
}