html {
    @include rem-baseline;
    direction: $dir;
    box-shadow: none !important;
    overflow-x: hidden;
    @media (max-width: $screen-lg) {
        //@include rem-baseline(95%);
    }
    @media (max-width: $screen-md) {
        //@include rem-baseline(110%);
    }
    @media (max-width: $screen-sm) {
        //@include rem-baseline(105%);
    }
}

#wrapper {
    &.has-side {
        @extend %pd-plus-15;
    }
}

body {
    direction: $dir;
    unicode-bidi: embed;
    text-align: #{$left};
    font-family: $body_font, 'san-serif';
    font-size: rem($body_fz);
    line-height: rem($body_lh);
    color: $body_color;
    background: $body_bg_color;
    background-attachment: $body_bg_attachment;
    background-repeat: $body_bg_repeat;
    word-wrap: break-word;
    @media (max-width: 86.25em) {
        overflow-x: hidden;
    }

    &.compensate-for-scrollbar {
        margin: 0;
    }
}

.container {
    max-width: $page_content_width;
}

a {
    cursor: pointer;
    @include transition(all .4s ease);

    &:focus {
        outline: thin dotted;
        color: $hover_color!important;
    }

    &:hover {
        text-decoration: none;
        color: $hover_color;
    }
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: $heading_font;
    font-style: $heading_style;
    color: $heading_color;
    letter-spacing: $heading_spacing;

    a {
        color: $heading_color;
    }
}

h1, .h1 {
    line-height: $heading_lh_h1;
    font-size: rem($heading_fz_h1);
    margin-top: rem($heading_mgt_h1);
    margin-bottom: rem($heading_mgb_h1);
    @media (max-width: $screen-xl) {
        line-height: 1.286;
        font-size: rem(28px);
    }
}

h2, .h2 {
    line-height: $heading_lh_h2;
    font-size: rem($heading_fz_h2);
    margin-top: rem($heading_mgt_h2);
    margin-bottom: rem($heading_mgb_h2);
    @media (max-width: $screen-xl) {
        line-height: 1.41667;
        font-size: rem(24px);
    }
}

h3, .h3 {
    line-height: $heading_lh_h3;
    font-size: rem($heading_fz_h3);
    margin-top: rem($heading_mgt_h3);
    margin-bottom: rem($heading_mgb_h3);
    @media (max-width: $screen-xl) {
        line-height: 1.455;
        font-size: rem(22px);
    }
}

h4, .h4 {
    line-height: $heading_lh_h4;
    font-size: rem($heading_fz_h4);
    margin-top: rem($heading_mgt_h4);
    margin-bottom: rem($heading_mgb_h4);
    @media (max-width: $screen-xl) {
        line-height: 1.4;
        font-size: rem(20px);
    }
}

h5, .h5 {
    line-height: $heading_lh_h5;
    font-size: rem($heading_fz_h5);
    margin-top: rem($heading_mgt_h5);
    margin-bottom: rem($heading_mgb_h5);
    @media (max-width: $screen-xl) {
        line-height: 1.444;
        font-size: rem(18px);
    }
}

h6, .h6 {
    line-height: $heading_lh_h6;
    font-size: rem($heading_fz_h6);
    margin-top: rem($heading_mgt_h6);
    margin-bottom: rem($heading_mgb_h6);
    @media (max-width: $screen-xl) {
        line-height: 1.5;
        font-size: rem(16px);
    }
}

//== [ has admin login ]
.admin-bar {
    .heading-content.sticky-on {
        top: 32px;
    }
}

.main-content {
    padding-top: rem(40px);
    padding-bottom: rem(80px);

    @media (max-width: $screen-xl) {
        padding-bottom: rem(70px);
    }
    @media (max-width: $screen-lg) {
        padding-bottom: rem(60px);
    }
    @media (max-width: $screen-md) {
        padding-bottom: rem(50px);
    }
    @media (max-width: $screen-sm) {
        padding-bottom: rem(40px);
    }

    > .page-title-wrapper {
        display: none;
    }
}

article .entry-content a,
.comment-content a,
.widget-area .widget_text a {
    text-decoration:underline;
}