/* Scss Document */
/*--------------------
Color customizations
change these colors to change overlays
--------------------*/
.mz-module:hover .ot-circle.color1 {
  color: #C54A4A; }

.mz-module:hover .ot-circle.color2 {
  color: #6091DC; }

.mz-module:hover .ot-circle.color3 {
  color: #6EB377; }

.mz-module:hover .ot-circle.color4 {
  color: #FCBE03; }

/*--------------------
1. General
--------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #3D4144; }

p {
  color: black; }

.dark-bg p, .dark-bg a {
  color: #fff; }

a:hover, a:focus, a:active, a.active {
  color: #ee7a7d; }

ul li {
  color: #94a6b5; }

section ul li:before {
  color: #23AD21; }

/*--------------------
2. Navigation
--------------------*/
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:active, .navbar-default .navbar-brand.active {
  color: #ee7a7d; }

.navbar-default .nav li a:hover, .navbar-default .nav li a:focus {
  color: #ee7a7d;
  outline: 0; }

.navbar-default .nav li a {
  color: #00389a; }

.navbar-default .navbar-toggle {
  background-color: #ee7a7d;
  border-color: #ee7a7d; }

.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff; }

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #ee7a7d; }

/*--------------------
4. Sections
--------------------*/
.section-title h2 {
  color: #00389a; }

.section-title h2:after {
  background: #00389a; }

.dark-bg .section-title h2 {
  color: #B1B1B1; }

.dark-bg .section-title h2:after {
  background: #B1B1B1; }

/*--------------------
4.1. CTA sectoin
--------------------*/
.section-cta {
  /*background-color: #fcbe03;*/ }

.section-cta h2 {
  color: #fff; }

.button-cta {
  color: #FFFFFF; }

.button-cta:hover {
  color: #000;
  background-color: #fff; }

/*--------------------
4.4. Dark Short section (counters, quote, etc)
--------------------*/
.light-bg {
  background-color: #f8f8f8; }

.dark-bg {
  background-color: #3D4144;
  color: #fff; }

/*--------------------
4.2. Featured
--------------------*/
.featured-text {
  border: 1px solid white; }

/*--------------------
4.3. Portfolio
--------------------*/
figure {
  border: 1px solid #94a6b5; }

/*--------------------
5. Footer
--------------------*/
footer {
  background-color: #00389a; }

/* Back to top button
---------------------------------- */
#back-top a:hover {
  background: #ee7a7d; }

/*--------------------
7. Components
--------------------*/