/* ------------------------------------------------------------------------------
*
*  # Popovers component
*
*  Overrides for popovers bootstrap component
*
*  Version: 1.0
*  Latest update: May 25, 2015
*
* ---------------------------------------------------------------------------- */


// Base class
// -------------------------

// Base
.popover {
    border-radius: @border-radius-base;
    padding: 0;
    .box-shadow(0 1px 3px fade(#000, 10%));
}

// Title
.popover-title {
    font-size: @font-size-small;
    line-height: @line-height-small;
    border: 0;
    padding: @content-padding-base @content-padding-base 0 @content-padding-base;
    text-transform: uppercase;
    font-weight: 500;
    .border-top-radius(@border-radius-base);

    // Reduce size if inside colored container
    &[class*=bg-] {
        padding: @content-padding-small @content-padding-base;
        margin: -1px -1px 0 -1px;
    }
}

// Content
.popover-content {
    padding: @content-padding-base;
}


// Custom color options
// -------------------------

.popover[class*=bg-],
.popover[class*=border-] {

    // Top arrow
    &.top > .arrow {
        &,
        &:after {
            border-top-color: inherit;
        }
    }

    // Right arrow
    &.right > .arrow {
        &,
        &:after {
            border-right-color: inherit;
        }
    }

    // Bottom arrow
    &.bottom > .arrow {
        &,
        &:after {
            border-bottom-color: inherit;
        }
    }

    // Left arrow
    &.left > .arrow {
        &,
        &:after {
            border-left-color: inherit;
        }
    }
}
