@import './components/animation.css';
@import './components/background.css';
@import './components/banner.css';
@import './components/button.css';
@import './components/dropdown.css';
@import './components/empty.css';
@import './components/floating.css';
@import './components/input.css';
@import './components/loader.css';
@import './components/nav.css';
@import './components/notification.css';
@import './components/separator.css';
@import './components/sidebar.css';
@import './components/tab.css';
@import './components/text.css';

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    list-style: none;
    /* font-family: var(--font-one) !important; */
}

html,
body {
    max-width: 100%;
    overflow-x: hidden;
    font-family: var(--font-one) !important;
}

h2,
h3 {
    color: var(--color-one);
}

audio{
    outline: none;
}


/* * saco el box-shadow de los input al hacer focus */

input.form-control:focus {
    box-shadow: none;
}


/* * border-color de los input al hacer focus */

input.form-control:focus {
    border-color: var(--color-two);
}


/* * saco outline del checkbox, radio */

input[type=radio],
input[type=checkbox] {
    outline: none;
}

body {
    /* * Given colors. */
    --color-one: #014969;
    --color-two: #0091B7;
    --color-three: #757DA4;
    --color-four: #8B9999;
    --color-five: #79A786;
    --color-six: #CEA574;
    --color-seven: #CA574B;
    /* * Help colors. */
    --color-eight: #222;
    --color-nine: #ddd;
    --color-ten: #bbb;
    --color-eleven: #333;
    /* * Given fonts. */
    --font-one: 'Montserrat', sans-serif;
    --font-two: 'calibri';
    /* * Help fonts. */
    --font-three: 'sans-serif';
    --font-four: 'calibri';
}

.support-box{
    --invalid-color: var(--color-seven);
}

textarea{
    resize: none;
}

textarea:focus{
    outline: none;
    /* width: 20rem; */
}

input:focus{
    outline: none;
}

select{
    outline: none;
}


/* * MD */

@media(min-width: 768px) {
    /**/
}


/* * LG */

@media(min-width: 1024px) {
    /**/
}


/* * XL */

@media(min-width: 1200px) {
    /**/
}