// Table of Content
//==================================================
//	Links
//	Heading
//	Blockquotes
//  Toaster icon
//  Custom classes
//==================================================

// Links
//==================================================
a{
    color : @link-color;

    &:visited when not(@link-color-visited = none){
        color : @link-color-visited;
    }

    &:hover{
        color : @link-color-hover
    }

    &:active{
        color : @link-color-active;
    }
}

// Heading
//==================================================
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{
    margin-top    : .5em;
    margin-bottom : 0;
    color         : @heading-color;
    font-family   : @font-family-headings;
    padding       : 0.575em 0;
    & when not(@heading-weight = bold) and not (@heading-weight = 700) {
        font-weight : @heading-weight;
    }

    &:first-child:not(.logo){
        margin-top : 0;
    }

    & when (@componentsJS) and (@widget-rotator) {
        .slide .slide-description &{
            color : @slider-heading-color;
        }
    }

    & when not(@footer-heading-color = @heading-color){
        footer &{
            padding : 0;
            color   : @footer-heading-color;
        }
    }

    &:empty{
        display : none;
    }
    & when (@heading-color = #fff){
        #tinymce &{
            color : #000;
        }
    }
    &.with-bg{
        margin-bottom    : 0.5em;
        background-color : #ebeded;
        span{
            position : relative;
        }
        &::before{
            content          : '';
            position         : absolute;
            top              : 0;
            bottom           : 0;
            width            : 100vw;
            left             : 50%;
            right            : 50%;
            margin-left      : -50vw;
            margin-right     : -50vw;

            background-color : #ebeded;
        }
    }
}

.h1, .h2, .h3, .h4, .h5, .h6{
    display : block;
    & when (@heading-weight = bold) and (@heading-weight = 700) {
        font-weight : @heading-weight;
    }
}

h1, .h1{
    font-size : 2.5em;
}

h2, .h2{
    font-size : 2.4em;
}

h3, .h3{
    font-size : 2em;
}

h4, .h4{
    font-size : 1.5em;
}

h5, .h5{
    font-size : 0.875em;
}

h6, .h6{
    font-size : 0.75em;
}

.subtitle{
    color     : @subheading-color;
    font-size : @font-size-mini;
}

p{
    margin-top    : 0;
    margin-bottom : 15px;
}

address{
    margin-bottom : 20px;
    font-style    : normal;
}