/*
Project Name: The Wholesale Formula
Description: Website template
Author: Rapid Crush
Author URI: https://www.rapidcrush.com
Version: 1.0.0
*/
/*!
 * Copyright 2020
 */
/********************************
* Base Styles
*********************************/
/* reset by boostrap */
body, html {
  font-family: "Lato", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  color: #2f2f2f;
}

html {
  font-size: 62.5%;
}

img {
  display: block;
  max-width: 100%;
}

/********************************
* Base Typography
*********************************/
p {
  font-family: "Lato", sans-serif;
  font-size: 1.8rem;
  color: #6D7783;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Lato", sans-serif;
  line-height: 1.3;
  margin-bottom: 20px;
  color: #222A41;
}

a, a:link, a:visited {
  color: #0000ee;
  cursor: pointer;
}

a:hover, a:active {
  color: #0000ee;
  text-decoration: underline;
}

/********************************
* Colors
*********************************/
body.scheme-1 {
  /* GDPR Popup Styles */
  /* Modal */
}
body.scheme-1 .top-bar {
  background-color: #459EFF;
}
body.scheme-1 .hero a.btn-success {
  background-color: #459EFF;
}
body.scheme-1 .hero a.btn-success:hover {
  background-color: #1283ff;
}
body.scheme-1 .section-2 {
  background-color: #edf6ff;
}
body.scheme-1 .section-2 h2 {
  color: #459EFF;
}
body.scheme-1 .section-4 a.btn-success,
body.scheme-1 .section-3 a.btn-success {
  background-color: #459EFF;
}
body.scheme-1 .section-4 a.btn-success:hover,
body.scheme-1 .section-3 a.btn-success:hover {
  background-color: #1283ff;
}
body.scheme-1 .section-4 {
  background-color: #edf6ff;
}
body.scheme-1 .section-4.color-switch {
  background-color: #fff;
}
body.scheme-1 footer .bg {
  background-color: #459EFF;
}
body.scheme-1 .cc-window {
  background-color: #459EFF;
  border: 1px solid #fff;
}
body.scheme-1 .cc-message, body.scheme-1 .cc-link {
  color: #fff;
}
body.scheme-1 .cc-btn {
  color: #fff;
  border: 2px solid #fff;
}
body.scheme-1 .section-2 img {
  background: url("../img/cards/scheme-1/bg.png") center center;
}
body.scheme-1 .modal-footer .btn.btn-secondary {
  font-size: 1.6rem;
  color: #fff;
  background-color: #459EFF;
  border-color: #459EFF;
}
body.scheme-1 .modal-footer .btn.btn-secondary:hover {
  background-color: #1283ff;
}

body.scheme-2 {
  /* GDPR Popup Styles */
  /* Modal */
}
body.scheme-2 .top-bar {
  background-color: #446084;
}
body.scheme-2 .hero a.btn-success {
  background-color: #446084;
}
body.scheme-2 .hero a.btn-success:hover {
  background-color: #334862;
}
body.scheme-2 .section-2 {
  background-color: #eff2f7;
}
body.scheme-2 .section-2 h2 {
  color: #446084;
}
body.scheme-2 .section-4 a.btn-success,
body.scheme-2 .section-3 a.btn-success {
  background-color: #446084;
  color: #fff;
}
body.scheme-2 .section-4 a.btn-success:hover,
body.scheme-2 .section-3 a.btn-success:hover {
  background-color: #334862;
}
body.scheme-2 .section-4 {
  background-color: #eff2f7;
}
body.scheme-2 .section-4.color-switch {
  background-color: #fff;
}
body.scheme-2 footer .bg {
  background-color: #446084;
}
body.scheme-2 .cc-window {
  background-color: #446084;
  border: 1px solid #fff;
}
body.scheme-2 .cc-message, body.scheme-2 .cc-link {
  color: #fff;
}
body.scheme-2 .cc-btn {
  color: #fff;
  border: 2px solid #fff;
}
body.scheme-2 .section-2 img {
  background: url("../img/cards/scheme-2/bg.png") center center;
}
body.scheme-2 .modal-footer .btn.btn-secondary {
  font-size: 1.6rem;
  color: #fff;
  background-color: #446084;
  border-color: #446084;
}
body.scheme-2 .modal-footer .btn.btn-secondary:hover {
  background-color: #334862;
}

body.scheme-3 {
  /* GDPR Popup Styles */
  /* Modal */
}
body.scheme-3 .top-bar {
  background-color: #65bc7b;
}
body.scheme-3 .hero a.btn-success {
  background-color: #65bc7b;
}
body.scheme-3 .hero a.btn-success:hover {
  background-color: #48a660;
}
body.scheme-3 .section-2 {
  background-color: #e5f4e9;
}
body.scheme-3 .section-2 h2 {
  color: #65bc7b;
}
body.scheme-3 .section-4 a.btn-success,
body.scheme-3 .section-3 a.btn-success {
  background-color: #65bc7b;
}
body.scheme-3 .section-4 a.btn-success:hover,
body.scheme-3 .section-3 a.btn-success:hover {
  background-color: #48a660;
}
body.scheme-3 .section-4 {
  background-color: #e5f4e9;
}
body.scheme-3 .section-4.color-switch {
  background-color: #fff;
}
body.scheme-3 footer .bg {
  background-color: #65bc7b;
}
body.scheme-3 .cc-window {
  background-color: #65bc7b;
  border: 1px solid #fff;
}
body.scheme-3 .cc-message, body.scheme-3 .cc-link {
  color: #fff;
}
body.scheme-3 .cc-btn {
  color: #fff;
  border: 2px solid #fff;
}
body.scheme-3 .section-2 img {
  background: url("../img/cards/scheme-3/bg.png") center center;
}
body.scheme-3 .modal-footer .btn.btn-secondary {
  font-size: 1.6rem;
  color: #fff;
  background-color: #65bc7b;
  border-color: #65bc7b;
}
body.scheme-3 .modal-footer .btn.btn-secondary:hover {
  background-color: #48a660;
}

/********************************
* Section Specific Styles
*********************************/
/* Top Bar */
.top-bar {
  padding: 10px 0;
}
.top-bar p {
  padding-top: 2px;
  font-size: 1.4rem;
  color: #fff;
  margin: 0;
}
.top-bar a, .top-bar a:link {
  font-size: 1.4rem;
  display: inline-block;
  color: #fff;
  margin: 0 0 0 5px;
}

/* Logo & Menu Bar */
.menu-bar {
  height: 100px;
}
.menu-bar a, .menu-bar a:link {
  font-size: 1.6rem;
  display: inline-block;
  color: #222;
  margin: 0;
}
.menu-bar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.menu-bar ul li {
  display: inline-block;
  margin-left: 10px;
}
.menu-bar p.logo {
  font-weight: 400;
  font-size: 4.2rem;
  color: #222;
}
.menu-bar p span {
  font-weight: 700;
}

/* Hero */
.hero {
  height: auto;
  padding: 40px 0 60px;
  /* Buttons */
}
.hero h1 {
  font-size: 3.8rem;
  font-weight: 700;
  margin-bottom: 40px;
}
.hero p {
  font-size: 1.8rem;
  margin-bottom: 40px;
  padding: 0;
}
.hero a.btn-success {
  padding: 12px 50px;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 400;
  border: none;
  border-radius: 40px;
}
.hero a.btn-success:hover {
  background-color: #257edf;
}
.hero img {
  display: none;
}
@media only screen and (min-width : 768px) {
  .hero img {
    display: inherit;
  }
}

/* Section 2 */
.section-2 {
  padding: 60px 0;
}
.section-2 p {
  font-size: 1.8rem;
}
.section-2 img {
  margin: 0 auto 10px;
}
.section-2 h2 {
  font-size: 1.8rem;
  font-weight: 400;
  margin-bottom: 5px;
}
.section-2 h3 {
  font-size: 3.4rem;
  font-weight: 900;
  margin-bottom: 60px;
}
.section-2 h4 {
  font-weight: 700;
  font-size: 2.4rem;
  margin-bottom: 20px;
}
.section-2 .row .col-12 {
  margin-bottom: 3rem;
}
.section-2 .card-body {
  padding: 3rem;
}

/* Section 3 */
.section-3 {
  padding: 60px 15px;
}
.section-3 h2 {
  font-size: 3.4rem;
  font-weight: 400;
}
.section-3 a, .section-3 a:link {
  font-size: 1.6rem;
  display: inline-block;
  color: #222;
  margin: 0;
}
.section-3 p {
  font-size: 1.8rem;
}
.section-3 a.btn-success {
  padding: 12px 50px;
  color: #fff;
  font-size: 1.9rem;
  font-weight: 700;
  border: none;
  border-radius: 20px;
  width: 100%;
}

/* Section 4 */
.section-4 {
  padding: 60px 0;
  /* Buttons */
}
.section-4 .row .col-12:first-child {
  margin-bottom: 40px;
}
.section-4 h2 {
  font-size: 3.4rem;
  font-weight: 400;
}
.section-4 a.btn-success {
  padding: 12px 50px;
  color: #fff;
  font-size: 1.9rem;
  font-weight: 700;
  border: none;
  border-radius: 20px;
  width: 100%;
}
.section-4 a, .section-4 a:link {
  font-size: 1.6rem;
  display: inline-block;
  color: #222;
  margin: 0;
}
.section-4 p {
  font-size: 1.6rem;
  margin-bottom: 5px;
  color: #222A41;
}

/* Modal */
.modal-title {
  font-size: 2.4rem;
}

.close {
  font-size: 2.4rem;
}

.modal-body {
  padding: 20px;
}

/* Footer */
footer .menu p {
  text-align: center;
  font-size: 1.5rem;
  color: #fff;
  padding: 0 5px;
}

footer .menu a {
  font-size: 1.5rem;
  color: #fff;
  padding: 0 5px;
  text-decoration: underline;
}

.contact p {
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
}

footer .container {
  padding: 40px 0;
}

.menu .container {
  height: auto;
  padding: 3rem;
}