/*
    Theme Name: Chico Rosa
    Theme URI:
    Author: Firma Comunicação   
    Author URI: http://firma.ai/
    Description: 
    Version: 1.0
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Tags: 
    Text Domain: chicorosa
*/

/* ==========================================================================
   Imports
   ========================================================================== */

@import 'content/styles/header.css';
@import 'content/styles/pages.css';
@import 'content/styles/footer.css';
@import 'content/styles/celular.css';
@import 'content/styles/tablet.css';


/* ===== fontes ====================================================== */

@import 'content/fonts/fonts.css';
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');


/* ==========================================================================
   Estrutura
   ========================================================================== */

:root {
    --primary_color: #e70176;
    --secondary_color: #01e7b4;
    --third_color: #9e01e7;
    --white: #ffffff;
    --dark: #1e2326;
    --gray: #2f3538;
    --gray2: #242a2d;
}

* {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
}

html, body {
    height: 100%;
    min-height: 100%;
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: 'Arial', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #FFF;
    text-align: left;
}

figure {
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
}

::selection {
    background: #333;
    color: var(--primary_color);
}

.main {
    width: 100%;
    min-height: 100%;
    overflow-x: hidden;
}

.clear {
    display: block;
    clear: both;
}

.left {
    float: left;
}

.right {
    float: right;
}

.center {
    margin: 0 auto;
}

.center_absolute {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.centralizar {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.page-template {
    background: var(--dark);
}