/*===================== Color Variables =====================*/
:root {
  --color-primary: #ee191f;
  --color-secondary: #0b4c9f;
  --color-hover: #0b4c9f;
  --color-primary-rgba: rgba(26, 188, 156, 0.9);
}

/*===================== Background Colors =====================*/
.bg-primary,
.widget-title:after,
.site-button,
button.scroltop,
.comments-area .comment-form p input[type="submit"],
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.owl-btn-1.primary .owl-prev,
.owl-btn-1.primary .owl-next,
.owl-btn-2.primary .owl-prev,
.owl-btn-2.primary .owl-next,
.owl-slider-banner .owl-theme .owl-dots .owl-dot.active span,
.owl-slider-banner .owl-theme .owl-dots .owl-dot:hover span,
.ui-widget-header,
.pagination-bx.primary .pagination > li > a,
.pagination-bx.primary .pagination > li > span,
.dlab-tabs.border-top .nav-tabs > li.active > a,
.frame-box .footer-title:after,
.searchform input[type="submit"],
.widget_calendar table tbody td#today {
  background-color: var(--color-primary) !important;
}

/* Hover Backgrounds */
.site-button:hover,
button.scroltop:hover,
.pagination > li > a:hover,
.pagination > li > span:hover,
.comments-area .comment-form p input[type="submit"]:hover,
.pagination-bx.primary .pagination > li > a:hover,
.pagination-bx.primary .pagination > li > span:hover,
.searchform input[type="submit"]:hover {
  background-color: var(--color-hover) !important;
}

/*===================== Text Colors =====================*/
a,
.text-primary,
.header-nav .nav > li.active > a,
.header-nav .nav > li:hover > a,
footer a:hover,
blockquote:before,
button.scroltop.white,
.site-button.outline,
.dlab-post-meta.text-primary ul li a {
  color: black ;
}

a.text-primary:hover {
  color: var(--color-hover) !important;
}

/*===================== Border Colors =====================*/
.testimonial-4 .testimonial-pic,
blockquote,
input[type="checkbox"]:checked + label:before,
input[type="checkbox"] + label:hover:before,
input[type="radio"] + label:hover:before,
.site-button.outline,
.dlab-tabs.border-top .nav-tabs > li.active > a {
  border-color: var(--color-primary) !important;
}

.comments-area .comment-form p input[type="submit"]:hover {
  border-color: var(--color-hover) !important;
}

/*===================== Secondary Background =====================*/
.bg-secondry,
.frame-box .header-nav .nav > li.active > a,
.frame-box .header-nav .nav > li > a:hover {
  background-color: var(--color-secondary);
}

/*===================== Secondary Text Color =====================*/
.text-secondry {
  color: #2d3239;
}

/*===================== RGBA Backgrounds =====================*/
.dlab-info-has.bg-primary,
.tp-bannertimer.tp-bottom {
  background-color: var(--color-primary-rgba);
}

/*===================== Custom Effects =====================*/
button.scroltop {
  box-shadow: -4px 4px 24px -10px var(--color-primary) !important;
}

.navstyle2 .header-nav .nav > li.active > a:after,
.navstyle2 .header-nav .nav > li:hover > a:after {
  box-shadow: inset 0 0 0 2px var(--color-primary);
}

/*===================== Text Selection =====================*/
::selection {
  background: var(--color-primary);
  color: #fff;
}

::-moz-selection {
  background: var(--color-primary);
  color: #fff;
}