/*
 * Based on Bootstrap v4.0.0-beta (https://getbootstrap.com)
 * Based on Bootswatch Flatly (https://bootswatch.com/flatly)
 * Copyright 2017-2018 Queal B.V.
 */
/*
 * Bootstrap v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
 
@import url('https://fonts.googleapis.com/css2?family=Lato&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');

:root {
  --bs-primary-blue: #2980b9;
  --bs-blue: #2980b9;
  --bs-dark-blue: #2980b9;
  --bs-middle-blue: #3498db;  
  --bs-light-blue: #3498db;
  --bs-highlight-blue: #3498db; 

  --bs-primary-pink: #8e44ad;
  --bs-pink: #8e44ad;
  --bs-dark-pink: #8e44ad;
  --bs-middle-pink: #9b59b6;  
  --bs-light-pink: #9b59b6;
  --bs-highlight-pink: #9b59b6; 

  --bs-primary-red: #c0392b;
  --bs-red: #c0392b;
  --bs-dark-red: #c0392b;
  --bs-middle-red: #e74c3c;  
  --bs-light-red: #e74c3c;
  --bs-highlight-red: #e74c3c;   

  --bs-primary-orange: #d35400;
  --bs-orange: #d35400;
  --bs-dark-orange: #d35400;
  --bs-middle-orange: #e67e22;  
  --bs-light-orange: #e67e22;
  --bs-highlight-orange: #e67e22; 

  --bs-primary-yellow: #f39c12;
  --bs-yellow: #f39c12;
  --bs-dark-yellow: #f39c12;
  --bs-middle-yellow: #f1c40f;  
  --bs-light-yellow: #f1c40f;
  --bs-highlight-yellow: #f1c40f; 

  --bs-primary-green: #27ae60;
  --bs-green: #27ae60;
  --bs-dark-green: #27ae60;
  --bs-middle-green: #2ecc71;  
  --bs-light-green: #2ecc71;
  --bs-highlight-green: #2ecc71;    

  --bs-primary-teal: #16a085;  
  --bs-teal: #16a085;
  --bs-dark-teal: #16a085;
  --bs-middle-teal: #1abc9c;
  --bs-light-teal: #1abc9c;
  --bs-highlight-teal: #1abc9c; 
  
  --bs-primary-grey: #2c3e50;
  --bs-grey: #2c3e50;
  --bs-dark-grey: #2c3e50;
  --bs-middle-grey: #34495e;  
  --bs-light-grey: #34495e;
  --bs-highlight-grey: #34495e; 

  --bs-primary-aqua: #7f8c8d;
  --bs-aqua: #7f8c8d;
  --bs-dark-aqua: #7f8c8d;
  --bs-middle-aqua: #95a5a6;  
  --bs-light-aqua: #95a5a6;
  --bs-highlight-aqua: #95a5a6;   
  
  --bs-cyan: #4e9ddd;
  --bs-white: #fff;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;  
  --bs-dark-purple: #25182b;

  --bs-primary: #8e44ad;
  --bs-secondary: #2980b9;
  --bs-success: #2ecc71;
  --bs-info: #3498db;
  --bs-warning: #e74c3c;
  --bs-danger: #c0392b;
  --bs-light: #ecf0f1;
  --bs-dark: #2c3e50;
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-font-family-serif: 'PT Serif', serif;
  --bs-font-family-sans-serif: 'Lato', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --bs-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/* MORE FONT AND BASIC THINGS */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
}

@-ms-viewport {
  width: device-width;
}

article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  font-family: 'Lato', sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1.1rem;
  font-weight: 450;
  line-height: 1.5;
  color: var(--bs-dark-grey);
  text-align: justify;
  background-color: #f2f1f6;
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}


hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	margin-top: 0;
	color: inherit;
	margin-bottom: 0.5rem;
	font-family: 'PT Serif', serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-weight: 500;
	line-height: 1.2;
	text-align: left;
}

h2 {
	color: var(--bs-grey);
}

h3 {
	color: var(--bs-pink);
}

.card-body h3 {
	color: var(--bs-grey);
}

b {
	font-weight: bold;
}

a {
  color: var(--bs-secondary);
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  text-decoration: none;
}

a:hover {
  color: var(--bs-primary);
  text-decoration: underline;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

/* FOOTER AREA */
.footer-area {
	color: #FFF;
	background-image: linear-gradient(to right, var(--bs-primary), var(--bs-primary), var(--bs-secondary));
	padding-left:10%;
	padding-right:10%;
	text-align: left;
	font-size: 0.8rem;
}
.footer-area a,
.footer-area a:visited,
.footer-area a:hover,
.footer-area a:focus,
.footer-area a:active
{		
	color: #FFF;
}

/* DARK MODE CSS */
[data-theme="dark"] {
  background-color: #181A1B !important;
  color: #aec2d3;
}

[data-theme="dark"] .bg-light {
  background-color: #333 !important;
}

[data-theme="dark"] .bg-white {
  background-color: #000 !important;
}

[data-theme="dark"] .bg-black {
  background-color: #eee !important;
}

[data-theme="dark"] .navbar-custom, [data-theme="dark"]  #mc_embed_signup, [data-theme="dark"] .card {
  background: #181A1B !important;
}

[data-theme="dark"] p, [data-theme="dark"]  subtitle, [data-theme="dark"] li, [data-theme="dark"]  .mc_embed_signup_scroll, [data-theme="dark"] h3.card-title {
  color: #aec2d3 !important;
}

[data-theme="dark"] .card-footer {
 border-top: 1px solid var(--bs-secondary) !important;
} 

[data-theme="dark"] .timeline-panel {
    -webkit-box-shadow: 0 1px 6px rgb(255 255 255 / 67%) !important;
    box-shadow: 0 1px 6px rgb(255 255 255 / 67%) !important;
}

/* NAVIGATION */
.navbar-custom {
    background-color: #f2f1f6;
}
@media (max-width: 575px) {
  .navbar-custom {
	padding-top: 11px;
	padding-left: 27px; 
  }
}

/* brand text logo text*/
.navbar-custom .navbar-brand h1{
	color: var(--bs-dark-grey);
	font-weight: bold;
}

/* change the text color etc*/
.navbar-custom .navbar-text {
    color: var(--bs-dark-grey);
}
/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: var(--bs-dark-grey);
	font-size: 1rem;
	font-weight: 600;	
}
/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link,
.navbar-custom .nav-item .nav-link.active {
    color: var(--bs-middle-red);
}
/* for dropdown only - change the color of dropdown */
.navbar-custom .dropdown-menu {
    background-color: transparent;
	border-width: 0px;
	padding-top: 0px;
}
.navbar-custom .dropdown-item {
    color: var(--bs-purple);
	font-weight: 600;
	text-align: end;
	padding-right: 8px;
}

.navbar-custom .dropdown-item:hover {
	background-color: transparent;
}

.rotate{
    -moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.rotate.down{
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}