/*!
Theme Name: potente v2.0
Theme URI: http://potente.site/
Author: Jackson Correa
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: potente
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

potente is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */
/* Fonts */
@import url('https://fonts.googleapis.com/css?family=Barlow+Semi+Condensed:400,500,700,900');

/* Break Points */
/* Small devices (landscape phones, 300px and up) */
@import url('assets/css/m240px.css');

/* Small devices (landscape phones, 576px and up) */
@import url('assets/css/m576px.css');

/* Medium devices (tablets, 768px and up) */
@import url('assets/css/m768px.css');

/* Large devices (desktops, 992px and up) */
@import url('assets/css/m992px.css');

/* Extra large devices (large desktops, 1200px and up) */
@import url('assets/css/m1200px.css');


html,
body {
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-size: 0.9375rem; /* 14px - 1px = 0.0625rem */
}

/*
********************************************************************************
    R * Resets
********************************************************************************
*/

ul {
    margin: 0;
    padding: 0;
}

ul li {
    list-style: none;
}

a:hover {
    text-decoration: none;
}

button:focus,
button:active {
    outline:0;
}

.cfx {
    clear: both;
}

.popper {
    height: 1500px;
}

/*
********************************************************************************
    D * Defaults
********************************************************************************
*/

.container {
    max-width: 1170px;
}

.line-white {
    display: block;
    border-bottom: 6px solid #fff;
    margin: 0 auto;
    margin-top: 14px;
}


.swiper-container {
    width: 100%;
    height: 100%;

}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    padding-left: 15px;
    padding-right: 15px;
    /* Center slide text vertically */
/*
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
*/
}

.swiper-slide {
    margin-bottom: 30px;
}

.swiper-pagination {
    margin-top: 30px;
}

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}

.swiper-pagination-bullet-active {
    background: #ffa70f;
}

/*
    @ Bootstrap
*/

.col-margin-off {
    padding-left: 0;
    padding-right: 0;
}



/*
********************************************************************************
    H * Header
********************************************************************************
*/

header {
    background: url('assets/images/base-01.jpg') center 100% no-repeat;
    background-size: cover;
    height: 100vh;
}

.header-bullets li:last-child {
    margin-bottom: 0;
}

.counter-title {
    font-weight: 600;
    margin: 0;
    margin-bottom: 20px;
}

.counter {
    display: flex;
    margin-bottom: 20px;
}

.horas,
.minutos,
.segundos {
    background: url('assets/images/circle-counter.png') center no-repeat;
    text-align: center;
    color: #fff;
    font-weight: 500;
}

.horas span,
.minutos span,
.segundos span {
    display: block;
    line-height: 0;
}

.call-to-action {
    position: relative;
    z-index: 999;
}



/*
********************************************************************************
    P * Point 1
********************************************************************************
*/

.point1 {
    background: url('assets/images/base-02.png') center 100% no-repeat;
    background-size: cover;
}

.wrap-featured--texts {
    text-align: center;
}

.wrap-featured--texts.one {
    position: relative;
}

/*
********************************************************************************
    P * Point 2
********************************************************************************
*/

.point2 {
    background: #f4f4f4;
    background: url('assets/images/base-03.png') center no-repeat;
    background-size: cover;
    z-index: 6;
}

.midia-image {
    text-align: center;
}

.midia-image img {
    max-width: 182px;
}

.midia-text {
    color: #627984;
}

.depoimento {
    max-width: 100% !important;
    text-align: center;
    margin-top: 1rem;
}

.dep-item {
    border: 1px solid rgba(204, 204, 204, 0.3);
    padding: 2rem 2rem;
}

.depoimento.midia-text.one,
.depoimento.midia-text.two {
    position: relative;
}

/*
********************************************************************************
    P * Point 3
********************************************************************************
*/

.point3 {
    background: #444444;
    background: url('assets/images/base-04.png') center no-repeat;
    background-size: cover;
    z-index: 5;
}

.featured-image img {
    width: 100%;
}

.text-fluid {
    max-width: 100%;
}


/*
********************************************************************************
    P * Point 4
********************************************************************************
*/

.point4 {
    background: #444444;
    background: url('assets/images/base-03.png') center no-repeat;
    background-size: cover;
    z-index: 4;
}



/*
********************************************************************************
    P * Point 5
********************************************************************************
*/

.point5 {
    background: #444444;
    background: url('assets/images/base-04.png') center no-repeat;
    background-size: cover;
    z-index: 3;
}


/*
********************************************************************************
    P * Point 6
********************************************************************************
*/

.point6 {
    background: #444444;
    background: url('assets/images/base-03.png') center no-repeat;
    background-size: cover;
    z-index: 1;
}

.card {
    margin-bottom: 14px;
}

.accordion {
    position: relative;
    z-index: 1000000 !important;
}

.card-header {
    border: 2px solid #ff9022;
    border-radius: 50px;
    
}

button.btn.btn-link.to-upper {
    color: #627984;
    white-space: normal;
}

.card-body {
    padding-left: 15px;
    padding-right: 15px;
    color: #627984;
    margin-bottom: 30px;
    margin-top: 0.8rem;
}

.payment-title {
    margin-top: 2rem;
}

.pagamento {
    text-align: center;
}

.paraf {
    color: #627984;
    text-align: center;
}


/*
********************************************************************************
    P * Point 7
********************************************************************************
*/

.point7 {
    background: #444444;
    background: url('assets/images/base-footer.png') center no-repeat;
    background-size: cover;
    z-index: 1;
}

.links-uteis {
    border-top: 1px solid rgba(255,255,255, 0.1);
    margin-left: 15px;
    margin-right: 15px;
}


.links-uteis p:first-child {
    padding-top: 2rem;
}


/*
********************************************************************************
    P * Page - Custom Pages
********************************************************************************
*/

.page {
    background: #f4f4f4;
}

.page-header {
    background: #444444;
    background: url('assets/images/base-footer.png') center no-repeat;
    background-size: cover;
    margin: 0 !important;
    padding: 2rem 0 4rem 0;
}

.page-header h1 {
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
}

.mcontent {
    color: #9fc2d2;
    text-shadow: 0 3px 6px rgba(0,99,144,0.6);
    font-weight: 400;
}

.mcontent a {
    color: #b2dbed;
}

.mcontent:hover a {
    color: #fff;
}

.page-footer {
    border-top: 1px solid #dbdbdb;
    padding: 1.4rem 0;
    margin: 1rem;
    text-align: center;
}

.page-footer p {
    color: #272528;
    font-size: 1.2rem;
    font-weight: 500;
}

.boleto-info {
    position: relative;
}

.title-exp {
    max-width: 760px;
    margin: 0 auto;
    text-align: center;
    color: #627984;
    margin-top: 2rem;
    font-weight: 400;
}

.page-ask {
    margin-top: 2rem;
}

.page-ask h1 {
    font-weight: 600;
}

.list-page-ask li > h1,
.list-page-ask li > p {
    color: #627984;
}

.list-page-ask li > h1 {
    font-weight: 300;
}

.list-page-ask li > p {
    font-size: 1.5rem;
}

.page-footer h2 {
    font-size: 1.4rem;
}

.page-footer h2 > a {
    color: #ff9022;
}

/*
********************************************************************************
    Steps
********************************************************************************
*/

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

.timer div {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #ff8000;
    font-weight: 700;
    border-radius: 100px;
    position: relative;
    color: #ffffff;
}

.timer div:nth-child(1):after,
.timer div:nth-child(2):after,
.timer div:nth-child(3):after {
    display: block;
    content: '';
    position: absolute;
    text-transform: capitalize;
    text-align: center;
}

.timer div:nth-child(1):after {
    content: 'Horas';
}

.timer div:nth-child(2):after {
    content: 'Minutos';
}

.timer div:nth-child(3):after {
    content: 'Segundos';
}

.jst-clearDiv {
    display: none !important;
}

/*
********************************************************************************
    Steps
********************************************************************************
*/

.step {
    text-align: center;
}

.step span {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #cbd4d8;
    color: #ffffff;
    height: 100vh;
    width: 100vh;
    border-radius: 50px;
    margin: 0 auto;
}

.step h1 {
    color: #6b92a5;
    text-transform: uppercase;
}

.step p {
    color: #797984;
}

.step ul {
    margin-top: 20px;
}

.step ul > li {
    display: flex;
    justify-content: center;
    align-items: center;
}

.step ul > li > a {
    display: block;
    width: 60px;
    text-align: center;
}

.step ul > li:last-child {
    margin-top: 20px;
}

/*
********************************************************************************
    H * Helpers
********************************************************************************
*/

.color.blue {
    color: #37a5d7;
}

.color.light-blue {
    color: #9fc2d2;
}

.color.white {
    color: #ffffff;
}

.text-shadow {
    text-shadow: 0 3px 6px rgba(0,99,144,0.6);
}

.bg.blue {
    background-color: #337ab7;
}

.fw-400 {
    font-weight: 400;
}

.fw-500 {
    font-weight: 500;
}

.fw-700 {
    font-weight: 700;
}

.fw-900 {
    font-weight: 900;
}

.radius {
    border-radius: 8px;
}

.to-upper {
    text-transform: uppercase;
}

.to-lower {
    text-transform: lowercase;
}

.brush {
    background: url(assets/images/brush.png) center no-repeat;
    background-size: cover;
    display: inline-block;
}