/* Headings */
h1, h2, h3, h4, h5, h6 {
    color: if-light($color-dark, #fff);
    font-weight: 200;
    letter-spacing: -1px;
    margin: 0;
    text-transform: none;
}

h1 {
    font-size: 2.6em;
    line-height: 44px;
    margin: 0 0 32px 0;
}

h2 {
    font-size: 2.2em;
    font-weight: 300;
    line-height: 40px;
    margin: 0 0 32px 0;
}

h3 {
    font-size: 1.8em;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 32px;
    margin:0 0  33px 0;
}

h4 {
    font-size: 1.4em;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 27px;
    margin: 0 0 14px 0;
}

h5 {
    font-size: 1em;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 18px;
    margin: 0 0 14px 0;
}

h6 {
    font-size: 1em;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 18px;
    margin: 0 0 14px 0;
}

h1 {
    &.big {
        font-size: 4.2em;
        line-height: 54px;
    }
    &.small {
        font-size: 2.2em;
        line-height: 42px;
        font-weight: 600;
    }
    &.short {
        margin-bottom: 15px;
    }
}

h2.short {
    margin-bottom: 15px;
}

h3.short,
h4.short,
h5.short,
h6.short {
    margin-bottom: 9px;
}

h1.shorter,
h2.shorter,
h3.shorter,
h4.shorter,
h5.shorter,
h6.shorter {
    margin-bottom: 0;
}

h1.tall,
h2.tall,
h3.tall,
h4.tall,
h5.tall,
h6.tall {
    margin-bottom: 33px;
}

h1.taller,
h2.taller,
h3.taller,
h4.taller,
h5.taller,
h6.taller {
    margin-bottom: 44px;
}

h1.spaced,
h2.spaced,
h3.spaced,
h4.spaced,
h5.spaced,
h6.spaced {
    margin-top: 22px;
}

h1.more-spaced,
h2.more-spaced,
h3.more-spaced,
h4.more-spaced,
h5.more-spaced,
h6.more-spaced {
    margin-top: 44px;
}

h1.dark,
h2.dark,
h3.dark,
h4.dark,
h5.dark {
    color: $color-dark;
}

h1.light,
h2.light,
h3.light,
h4.light,
h5.light,
h6.light, 
h1.white,
h2.white,
h3.white,
h4.white,
h5.white,
h6.white {
    color: #FFF;
}

h1.text-shadow,
h2.text-shadow,
h3.text-shadow,
h4.text-shadow,
h5.text-shadow,
h6.text-shadow {
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}

/* Heading */
.heading {
    &.heading-border {
        margin-bottom: 25px;
        h1, h2, h3, h4, h5, h6 {
            margin: 0;
            padding: 0;
        }
    }

    &.heading-bottom-border {
        h1 {
            border-bottom: if-light(5px solid #dbdbdb, 5px solid #3f4247);
            padding-bottom: 10px;
        }
        h2, h3 {
            border-bottom: if-light(2px solid #dbdbdb, 2px solid #3f4247);
            padding-bottom: 10px;
        }
        h4, h5, h6 {
            border-bottom: if-light(1px solid #dbdbdb, 1px solid #3f4247);
            padding-bottom: 5px;
        }
    }

    &.heading-bottom-double-border {
        h1, h2, h3 {
            border-bottom: if-light(3px double #dbdbdb, 3px double #3f4247);
            padding-bottom: 10px;
        }
        h4, h5, h6 {
            border-bottom: if-light(3px double #dbdbdb, 3px double #3f4247);
            padding-bottom: 5px;
        }
    }

    &.heading-middle-border {
        position: relative;
        &:before {
            border-top: if-light(1px solid #dbdbdb, 1px solid #3f4247);
            content: "";
            height: 0;
            left: auto;
            position: absolute;
            right: 0;
            top: 50%;
            width: 100%;
        }
        h1, h2, h3, h4, h5, h6 {
            position: relative;
            background: if-light(#fff, $color-dark);
            display: inline-block;
        }
        h1 {
            padding-right: 15px;
        }
        h2, h3 {
            padding-right: 10px;
        }
        h4, h5, h6 {
            padding-right: 5px;
        }
    }

    &.heading-middle-border-reverse {
        text-align: right;
        h1, h2, h3, h4, h5, h6 {
            padding-right: 0;
        }
        h1 {
            padding-left: 15px;
        }
        h2, h3 {
            padding-left: 10px;
        }
        h4, h5, h6 {
            padding-left: 5px;
        }
    }

    &.heading-middle-border-center {
        text-align: center;
        h1 {
            padding-left: 15px;
            padding-right: 15px;
        }
        h2, h3 {
            padding-left: 10px;
            padding-right: 10px;
        }
        h4, h5, h6 {
            padding-left: 5px;
            padding-right: 5px;
        }
    }

    &.heading-border-xs {
        h1, h2, h3, h4, h5, h6 {
            border-bottom-width: 1px;
        }
        &:before {
            border-top-width: 1px;
        }
    }

    &.heading-border-sm {
        h1, h2, h3, h4, h5, h6 {
            border-bottom-width: 2px;
        }
        &:before {
            border-top-width: 2px;
        }
    }

    &.heading-border-lg {
        h1, h2, h3, h4, h5, h6 {
            border-bottom-width: 3px;
        }
        &:before {
            border-top-width: 3px;
        }
    }

    &.heading-border-xl {
        h1, h2, h3, h4, h5, h6 {
            border-bottom-width: 5px;
        }
        &:before {
            border-top-width: 5px;
        }
    }
}

/* Responsive */
@media #{$screen-small} {

    h2 {
        line-height: 40px;
    }
}

@media #{$screen-medium} {

	h1.big {
        font-size: 3.2em;
        line-height: 42px;
	}

}

.heading-bold {
    font-weight: 600 !important;

    strong {
        font-weight: 800 !important;
    }
}

.page-title {
    margin-top: 0;
}