@use "sass:map";
@use "helpers";
@use "topo";
@use "rodape";

@each $font-face, $font-name in helpers.$fontes  {
    @font-face {
        font-family: $font-face; font-style: normal; font-weight: normal; font-display: swap;
        src: url('../fonts/#{$font-name}.eot');
        src: url('../fonts/#{$font-name}.eot?') format('eot'),
            url('../fonts/#{$font-name}.woff') format('woff'),
            url('../fonts/#{$font-name}.ttf')  format('truetype'),
            url('../fonts/#{$font-name}.woff')  format('woff');
    }
}

html {
    font-size: 16px;
    overflow-x: hidden;
}

body,
* {
    margin: 0;
    padding: 0;
}

a {
    outline: 0px;
    color: inherit;

    &:hover,&:focus{
        color: inherit;
        text-decoration: none;
    }
}

li {
    list-style: none;
}

.left {
    float: left;
}

.right {
    float: right;
}

object {
    display: none;
}

.msgError,
.error_msg,
.msgInfo,
.info_msg,
.msgOk,
.succes_msg,
.msgSaved,
.saved_msg,
.msgWarn,
.exclamation_msg {
    border: none;
    padding: 3px 5px;
    /*text-shadow: 1px 1px 2px #000;*/
}

.msgError,
.error_msg {
    color: helpers.$error;
}

.msgOk,
.succes_msg {
    color: helpers.$success;
}

////
// CSS BBCode
////

div.center {
    text-align: center;
    margin: 0 auto;
}

p.justify {
    text-align: justify;
}

p.left {
    text-align: left;
}

p.left img {
    margin: 0;
}

p.right {
    text-align: right;
}

span.size-1 {
    font-size: x-small;
}

span.size-2 {
    font-size: medium;
}

span.size-3 {
    font-size: large;
}

span.size-4 {
    font-size: x-large;
}

span.size-5 {
    font-size: xx-large;
}

span.size-6 {
    font-size: 250%;
}

span.size-7 {
    font-size: 300%;
}

.alpha-padding { padding-left: 0; }
.omega-padding { padding-right: 0; }
.no-padding    { padding: 0; }



.alert-success,
.alert-warning,
.alert-danger,
.alert-info{
    padding-left: 60px;
    font: normal 15px helpers.$fontBold;
    text-align: center;
    background-color: map.get(helpers.$palletAlert, light);
    background-image: none;

    &:before{
        position: absolute;
        display: flex;
        content: "!";
        width: 50px;
        height: 100%;
        top: 0px;
        left: 0px;
        color: map.get(helpers.$palletAlert, textLight);
        font: normal 34px helpers.$fontBold;
        align-items: center;
        justify-content: center;
    }
}
.alert-success{
    color: map.get(helpers.$palletAlert, success);
    border: solid 2px map.get(helpers.$palletAlert, success);
    &:before{
        background-color: map.get(helpers.$palletAlert, success);
    }
}
.alert-warning{
    color: map.get(helpers.$palletAlert, warning);
    border: solid 2px map.get(helpers.$palletAlert, warning);
    &:before{
        background-color: map.get(helpers.$palletAlert, warning);
    }
}
.alert-danger{
    color: map.get(helpers.$palletAlert, error);
    border: solid 2px map.get(helpers.$palletAlert, error);
    &:before{
        background-color: map.get(helpers.$palletAlert, error);
    }
}
.alert-info{
    color: map.get(helpers.$palletAlert, info);
    border: solid 2px map.get(helpers.$palletAlert, info);
    &:before{
        background-color: map.get(helpers.$palletAlert, info);
    }
}