/* CSS Document */
/* ==========================================================================
   NEON UTILITIES — Classes auxiliares e sistema de grid
   ========================================================================== */

/* ==========================================================================
   GRID SYSTEM (herdado e otimizado)
   ========================================================================== */

.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
    float: left;
    margin-left: 2.564102564102564%;
}

/* Metades */
.one-half,
.three-sixths,
.two-fourths {
    width: 48.717948717948715%;
}

/* Terços */
.one-third,
.two-sixths {
    width: 31.623931623931625%;
}

/* Dois terços */
.four-sixths,
.two-thirds {
    width: 65.81196581196582%;
}

/* Quarto */
.one-fourth {
    width: 23.076923076923077%;
}

/* Três quartos */
.three-fourths {
    width: 74.35897435897436%;
}

/* Um sexto */
.one-sixth {
    width: 14.52991452991453%;
}

/* Cinco sextos */
.five-sixths {
    width: 82.90598290598291%;
}

/* Reset de margem para o primeiro item */
.first {
    clear: both;
    margin-left: 0;
}

/* ==========================================================================
   FLOAT HELPERS
   ========================================================================== */

.clearfix::before,
.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

.left { float: left; }
.right { float: right; }

/* ==========================================================================
   SPACING UTILITIES
   ========================================================================== */

.mt-0 { margin-top: 0 !important; }
.mb-0 { margin-bottom: 0 !important; }
.pt-0 { padding-top: 0 !important; }
.pb-0 { padding-bottom: 0 !important; }

.mt-10 { margin-top: 10px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-30 { margin-top: 30px !important; }

.mb-10 { margin-bottom: 10px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-30 { margin-bottom: 30px !important; }

.p-10 { padding: 10px !important; }
.p-20 { padding: 20px !important; }
.p-30 { padding: 30px !important; }

/* ==========================================================================
   TEXT UTILITIES
   ========================================================================== */

.text-center { text-align: center !important; }
.text-left   { text-align: left !important; }
.text-right  { text-align: right !important; }

.uppercase { text-transform: uppercase !important; }
.bold      { font-weight: 700 !important; }
.light     { font-weight: 300 !important; }

/* ==========================================================================
   DISPLAY UTILITIES
   ========================================================================== */

.hidden { display: none !important; }
.block  { display: block !important; }
.inline { display: inline !important; }
.inline-block { display: inline-block !important; }

.flex { display: flex !important; }
.flex-center { display: flex !important; justify-content: center !important; align-items: center !important; }

/* ==========================================================================
   WIDTH UTILITIES
   ========================================================================== */

.w-100 { width: 100% !important; }
.w-50  { width: 50% !important; }
.w-33  { width: 33.33% !important; }
.w-25  { width: 25% !important; }

/* ==========================================================================
   MISC
   ========================================================================== */

.relative { position: relative !important; }
.absolute { position: absolute !important; }
.fixed    { position: fixed !important; }

.z-1   { z-index: 1 !important; }
.z-10  { z-index: 10 !important; }
.z-100 { z-index: 100 !important; }
.z-999 { z-index: 999 !important; }

.opacity-0   { opacity: 0 !important; }
.opacity-50  { opacity: .5 !important; }
.opacity-100 { opacity: 1 !important; }