/*----------------------------------------*/
/*----- Basic typo -----*/
/*----------------------------------------*/
:root {
  --color-1: rgb(98, 117, 75);
  --color-1-a: var(--color-1-a);
  --color-1-b: #98b585;

  --color-2: rgb(186, 159, 120);
  --color-2-a: #f0ceab;
  --color-2-b: #a88661;

  --color-3: rgb(159, 180, 133);
  --color-3-a: #567343;
  --color-3-b: #98bc7f;

  --color-white: rgb(250, 250, 250);
}
body {
  color: rgb(46, 46, 46);
  background-color: var(--color-white);
}
h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: var(--color-2-b);
}
h1,
h1 a {
  text-shadow: 3px 3px var(--color-2-a);
}
h2,
h2 a {
  text-shadow: 3px 3px var(--color-2-a);
}
h3,
h3 a {
  text-shadow: 2px 2px var(--color-2-a);
}
h4,
h4 a {
  text-shadow: 2px 2px var(--color-2-a);
}
h5,
h5 a {
  text-shadow: 1px 1px var(--color-2-a);
}
h6,
h6 a {
  text-shadow: 1px 1px var(--color-2-a);
}
a {
  color: var(--color-2-b);
}
a:hover {
  color: var(--color-2-b);
}
/*----------------------------------------*/
/*----- Backgrounds -----*/
/*----------------------------------------*/
.bg-trans {
  background-color: transparent !important;
}
.bg-white {
  background-color: #fff !important;
}
.bg-grey {
  background-color: #e6e7eb !important;
}
.bg-dark {
  background-color: #0e153a !important;
}
/* blue */
.bg-blue {
  background-color: var(--color-2) !important;
}
.bg-dark-blue {
  background-color: var(--color-2-b) !important;
}
.bg-medium-blue {
  background-color: var(--color-2-a) !important;
}
.bg-light-blue {
  background-color: #f8faff !important;
}
/* green */
.bg-green {
  background-color: var(--color-1-a) !important;
}
.bg-medium-green {
  background-color: #dbfee7 !important;
}
/* red */
.bg-light-red {
  background-color: #ffdbdb !important;
}
.bg-medium-red {
  background-color: #fee8db !important;
}
/* purple */
.bg-medium-purple {
  background-color: #efdbfe !important;
}
/*----------------------------------------*/
/*----- Overlays -----*/
/*----------------------------------------*/
.dtr-overlay {
  background-color: rgba(0, 0, 0, 0.5);
}
/*----------------------------------------*/
/*----- Text -----*/
/*----------------------------------------*/
.text-shadow-blue {
  text-shadow: 3px 3px var(--color-2-a);
}
.text-shadow-green {
  text-shadow: 3px 3px var(--color-1-b);
}
/*== dark ==*/
.color-dark {
  color: var(--color-2-b);
}
/*== white ==*/
.color-white,
.color-white h1,
.color-white h2,
.color-white h3,
.color-white h4,
.color-white h5,
.color-white h6,
.color-white a {
  color: #fff;
}
/*== white muted ==*/
.color-white-muted,
.color-white-muted h1,
.color-white-muted h2,
.color-white-muted h3,
.color-white-muted h4,
.color-white-muted h5,
.color-white-muted h6,
.color-white-muted a {
  color: rgba(255, 255, 255, 0.6);
}
/*== grey ==*/
.color-grey {
  color: rgba(14, 21, 58, 0.3) !important;
}
.color-grey-muted {
  color: #eeeff0 !important;
}
/*== blue ==*/
.color-blue {
  color: var(--color-2) !important;
}
.color-dark-blue {
  color: var(--color-2-b) !important;
}
/*== green  ==*/
.color-green {
  color: var(--color-1-a) !important;
}
.color-dark-green {
  color: #1e7d3d !important;
}
/*== red  ==*/
.color-red {
  color: #7d1e1e !important;
}
/*== purple  ==*/
.color-dark-purple {
  color: #541e7d !important;
}
/*== brown  ==*/
.color-dark-brown {
  color: #7d4f1e !important;
}
/*----------------------------------------*/
/*----- Borders -----*/
/*----------------------------------------*/
.border-white {
  border-color: #fff !important;
}
.border-white-muted,
.border-white-muted li {
  border-color: rgba(255, 255, 255, 0.1) !important;
}
.border-grey {
  border-color: rgba(14, 21, 58, 0.1) !important;
}
.border-dark {
  border-color: rgba(14, 21, 58, 0.5) !important;
}
.border-blue {
  border-color: var(--color-2) !important;
}
/*----------------------------------------*/
/*----- Buttons -----*/
/*----------------------------------------*/
#submit,
input[type='submit'] {
  background-color: #0e153a;
  color: #fff;
}
#submit:hover,
input[type='submit']:hover {
  color: #fff;
}
/*-- white --*/
.btn-white {
  background-color: #fff;
  color: #0e153a;
}
.btn-white:hover {
  background-color: #fff;
  color: #0e153a;
}
/*-- grey --*/
.btn-grey {
  background-color: #eeeff0;
  color: #0e153a;
}
.btn-grey:hover {
  background-color: #a5a6ae;
  color: #0e153a;
}
/*-- blue --*/
.btn-blue {
  background-color: var(--color-2-b);
  color: #fff;
}
.btn-blue:hover {
  background-color: var(--color-2-b);
  color: #fff;
}
/*-- dark-blue --*/
.btn-dark-blue {
  background-color: var(--color-2-b);
  color: #fff;
}
.btn-dark-blue:hover {
  background-color: var(--color-2-b);
  color: #fff;
}
/*-- green --*/
.btn-green {
  background-color: var(--color-1-a);
  color: #fff;
}
.btn-green:hover {
  background-color: var(--color-1-a);
  color: #fff;
}
/*----------------------------------------*/
/*----- Feature Label -----*/
/*----------------------------------------*/
.dtr-label-green {
  background-color: var(--color-1-a);
  color: #fff;
}
.dtr-label-green::after {
  border-color: transparent transparent transparent #009543;
}
.dtr-label-blue {
  background-color: var(--color-2-b);
  color: #fff;
}
.dtr-label-blue::after {
  border-color: transparent transparent transparent var(--color-2-b);
}
/*----------------------------------------*/
/*----- Forms -----*/
/*----------------------------------------*/
label,
input,
select,
textarea,
input[type='text'],
input[type='email'],
input[type='url'],
input[type='password'],
input[type='number'],
input[type='tel'],
input[type='search'] {
  color: var(--color-2-b);
}
select,
textarea,
input[type='text'],
input[type='email'],
input[type='url'],
input[type='password'],
input[type='number'],
input[type='tel'],
input[type='search'] {
  background-color: #fff;
}
select,
textarea,
input[type='text'],
input[type='email'],
input[type='url'],
input[type='password'],
input[type='number'],
input[type='tel'],
input[type='search'] {
  border-color: #e7eaf6;
}
textarea:focus,
input[type='text']:focus,
input[type='email']:focus,
input[type='url']:focus,
input[type='password']:focus,
input[type='number']:focus,
input[type='tel']:focus,
input[type='search']:focus {
  border-color: var(--color-2-b);
  outline: none;
}
.dtr-form .error {
  color: #fe7272;
}
/* placeholder */
::-webkit-input-placeholder {
  color: rgba(14, 21, 58, 0.45) !important;
  opacity: 1;
  font-size: 95%;
}
:-moz-placeholder {
  color: rgba(14, 21, 58, 0.45) !important;
  opacity: 1;
  font-size: 95%;
}
::-moz-placeholder {
  color: rgba(14, 21, 58, 0.45) !important;
  opacity: 1;
  font-size: 95%;
}
:-ms-input-placeholder {
  color: rgba(14, 21, 58, 0.45) !important;
  opacity: 1;
  font-size: 95%;
}
/*----------------------------------------*/
/*----- Header -----*/
/*----------------------------------------*/
/*===== Header =====*/
#dtr-header-global {
  background-color: #f8faff;
}
#dtr-header-global.on-scroll {
  background-color: #f8faff;
}
/* small screen header */
.dtr-responsive-header {
  background-color: #fff;
}
/*----------------------------------------*/
/*----- Footer -----*/
/*----------------------------------------*/
.dtr-footer-main {
  background-color: #f8faff;
}
.dtr-footer-main h1,
.dtr-footer-main h2,
.dtr-footer-main h3,
.dtr-footer-main h4,
.dtr-footer-main h5,
.dtr-footer-main h6 {
  color: var(--color-2-b);
}
.dtr-footer-main,
.dtr-footer-main a {
  color: var(--color-2-b);
}
.dtr-footer-main a:hover {
  color: var(--color-2-b);
}
/*----------------------------------------*/
/*----- Menu -----*/
/*----------------------------------------*/
/* menu for dark background */
.dtr-menu-light .nav-link {
  color: rgba(255, 255, 255, 0.5);
}
.dtr-menu-light .active {
  color: var(--color-2-b);
}
.dtr-menu-light .nav-link:hover {
  color: var(--color-2-b);
}
.dtr-menu-light .active:hover {
  color: var(--color-2-b);
}
/* menu for light background */
.dtr-menu-dark .nav-link {
  color: #0e153a;
}
.dtr-menu-dark .active {
  color: var(--color-2-b);
}
.dtr-menu-dark .nav-link:hover {
  color: var(--color-2-b);
}
.dtr-menu-dark .active:hover {
  color: var(--color-2-b);
}
/* dropdown link color */
.sf-menu .sub-menu li a {
  color: rgba(14, 21, 58, 0.7);
}
.sf-menu .sub-menu li a:hover,
.sf-menu .sub-menu li .active {
  background: rgba(14, 21, 58, 0.05);
  color: #0e153a;
}
.sf-menu .sub-menu {
  background-color: #fff;
}
.sf-menu .sub-menu a {
  border-bottom-color: #eeeef1;
}
/*===== Small screen menu =====*/
.dtr-hamburger-lines,
.dtr-hamburger-lines:after,
.dtr-hamburger-lines:before {
  background-color: #0e153a;
}
.slicknav_nav,
.slicknav_menu {
  background-color: #fff;
}
.slicknav_nav li,
.slicknav_nav .dropdown-item {
  border-color: rgba(14, 21, 58, 0.1);
}
.slicknav_nav,
.slicknav_nav a,
.slicknav_menu .slicknav_menutxt {
  color: #0e153a;
}
.slicknav_nav a:hover,
.slicknav_nav .slicknav_row:hover,
.slicknav_nav .slicknav_row:hover a,
.slicknav_nav a.active {
  color: var(--color-2-b);
}
.slicknav_nav .dropdown-item.active,
.slicknav_nav .dropdown-item:hover,
.slicknav_nav .dropdown-item:focus {
  background-color: transparent;
}
/*----------------------------------------*/
/*----- Elements -----*/
/*----------------------------------------*/
/*===== Testimonial =====*/
.dtr-testimonial-tagline {
  color: var(--color-1-a);
  text-shadow: 3px 3px var(--color-1-b);
}
.dtr-testimonial-content::before,
.dtr-testimonial-content::after {
  color: var(--color-2-b);
}
/*===== blog items =====*/
.dtr-post-content {
  background-color: #f8faff;
}
.dtr-blog-cat {
  background-color: var(--color-2-b);
  color: #fff;
}
/*====== preloader =====*/
.dtr-preloader {
  background: var(--color-2-b);
}
.dtr-loader {
  color: #fff;
}
/*===== social =====*/
.dtr-social-circle .dtr-social-list a,
.dtr-social-square .dtr-social-list a {
  background-color: var(--color-2-b);
  color: #fff !important;
}
.dtr-social-circle .dtr-social-list a:hover,
.dtr-social-square .dtr-social-list a:hover {
  background-color: var(--color-2-b);
  color: #fff !important;
}
/*----------------------------------------*/
/*----- Misc -----*/
/*----------------------------------------*/
.dtr-border-top,
.dtr-border-right,
.dtr-border-bottom,
.dtr-border-left,
.dtr-border-top-2px,
.dtr-border-right-2px,
.dtr-border-bottom-2px,
.dtr-border-left-2px,
.dtr-border-2px,
.dtr-border-list li {
  border-color: rgba(14, 21, 58, 0.1);
}
/*===== slick carousel =====*/
.dtr-slick-slider .slick-prev:before,
.dtr-slick-slider .slick-next:before {
  color: #ffffff;
}
.dtr-slick-slider .slick-prev,
.dtr-slick-slider .slick-next {
  background-color: var(--color-2-b);
  border-color: var(--color-2-b);
}
.dtr-slick-slider .slick-prev:hover,
.dtr-slick-slider .slick-next:hover {
  background-color: var(--color-2-b);
  border-color: var(--color-2-b);
}
.dtr-slick-slider .slick-prev:hover:before,
.dtr-slick-slider .slick-next:hover:before {
  color: #fff;
}
.dtr-slick-slider ul.slick-dots li button {
  background-color: var(--color-2-a);
}
.dtr-slick-slider ul.slick-dots li button:hover,
.dtr-slick-slider ul.slick-dots li.slick-active button {
  background-color: var(--color-2-b);
  opacity: 1;
}
.dtr-slick-slider ul.slick-dots li button:after {
  border-color: var(--color-2-b);
}
/*===== accent bg hover =====*/
.accent-color {
  color: var(--color-2) !important;
}
/*===== accent link hover =====*/
.accent-color-hover:hover {
  color: var(--color-2) !important;
}