/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

:root {
  --color-primary: #101e43;
  --color-secondary: #901a1c;
}

a,
body,
a.plain {
  color: #343434;
}

a.icon-circle:hover,
a.remove:hover,
a:hover,
.box-blog-post:hover .box-text a {
  color: var(--color-secondary);
}

.page-title {
  color: var(--color-primary);
}

.box-blog-post.box-bounce .post-title a,
.copyright-footer,
.links > li > a:before,
.follow-icons i[class*=" icon-"],
.follow-icons i[class^="icon-"] {
  color: #fff;
}

.badge-frame .badge-inner,
.badge-outline .badge-inner {
  color: var(--color-primary);
}

.has-hover:hover .badge-outline .badge-inner {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}

.header-nav-main.nav-line-bottom > li > a:before,
.header-nav-main.nav-line-grow > li > a:before,
.header-nav-main.nav-line > li > a:before,
.header-nav-main.nav-box > li > a:hover,
.header-nav-main.nav-box > li.active > a,
.header-nav-main.nav-pills > li > a:hover,
.header-nav-main.nav-pills > li.active > a,
.button.alt,
.button.checkout,
.checkout-button,
.secondary,
.grid-tools a {
  background-color: var(--color-primary) !important;
}

.box-text.text-center {
  text-align: start;
}

.primary,
input[type="submit"],
input[type="submit"].button {
  background-color: var(--color-primary);
}

.primary:hover,
input[type="submit"]:hover,
input[type="submit"].button:hover {
  background-color: var(--color-secondary);
}

.box-bounce:hover .box-text{
  background-color: transparent;
  transform: translateY(0);
}

@media only screen and (max-width: 48em) {
  /*************** ADD MOBILE ONLY CSS HERE  ***************/
}