// main: ../../../css/styles.scss

html {

    font-size             : 10px;
    font-family           : $base-font-family;
    font-weight           : $base-font-weight;
    line-height           : 1.15;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position              : relative;
    height                : 100%;
}

body {
  background: $bkg-color;
  color: $text-color;
}

/*
** Body Padding
*/
main {
    padding-top: calc(#{$masthead_height} + 20px);
    overflow: hidden;
}

body.main-default main {
    padding-top: $masthead_height;
}

body.main-no-padding main {
    padding-top: 0;
}

body.main-title main {
    padding-top: 0;
}

body.main-hero main {
    padding-top: 0;
}
/*
** Admin Bar Compensation Mobile
*/
body.admin-bar main {
    padding-top: calc(#{$masthead_height} + 46px);
}

body.admin-bar.main-default main {
    padding-top: calc(#{$masthead_height} + 46px);
}

body.admin-bar.main-no-padding main {
    padding-top: 46px;
}

body.admin-bar.main-title main {
    padding-top: 46px;
}

body.admin-bar.main-hero main {
    padding-top: 46px;
}
/*
** Admin Bar Compensation Desktop
*/
@media (min-width: 783px) {
    body.admin-bar main {
        padding-top: calc(#{$masthead_height} + 32px);
    }

    body.admin-bar.main-default main {
        padding-top: calc(#{$masthead_height} + 32px);
    }

    body.admin-bar.main-no-padding main {
        padding-top: 32px;
    }

    body.admin-bar.main-title main {
        padding-top: 32px;
    }

    body.admin-bar.main-hero main {
        padding-top: 32px;
    }
}

.clear {
    clear  : both;
    display: block;
    width  : 100%;
    height : 0;
}

a {
  outline: none !important
}

.img-as-bg {
    background-position: center;
    background-size    : cover;

    img {
        display: none;
    }
}