/*
Theme Name: TPV3 Premium
Description: Premium child theme for Flatsome.
Author: TPV3
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap");

body,
button,
input,
select,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
li,
span,
strong,
b,
label,
th,
td {
  font-family: "Roboto", Arial, sans-serif !important;
}

.nav > li > a,
.mobile-sidebar-levels-2 .nav > li > ul > li > a,
.button,
.cart-icon strong {
  font-family: "Roboto", Arial, sans-serif !important;
}

:root {
  --tp-primary: #8a1739;
  --tp-accent: #dec08e;
  --tp-light: #f2f1eb;
  --tp-text: #222222;
}

/* Flatsome header color set to Coastline palette */
.header-wrapper,
.header {
  background-color: #ffffff;
}

.header-nav-main.nav>li>a,
.header-nav.nav>li>a,
.header-nav-main.nav>li>a span,
.header-nav.nav>li>a span,
.header .nav>li>a {
  color: var(--tp-text) !important;
}

.header-nav-main.nav>li>a:hover,
.header-nav.nav>li>a:hover,
.header .nav>li>a:hover,
.header-nav-main.nav>li.current-menu-item>a,
.header-nav.nav>li.current-menu-item>a {
  color: var(--tp-primary) !important;
}

/* Mobile menu links */
.nav-vertical.nav>li>a,
.off-canvas .nav-vertical>li>a {
  color: var(--tp-text) !important;
}

.nav-vertical.nav>li>a:hover,
.off-canvas .nav-vertical>li>a:hover,
.nav-vertical.nav>li.current-menu-item>a {
  color: var(--tp-primary) !important;
}

.header-button .button,
.header-button-1 .button,
.header-button-2 .button {
  background-color: var(--tp-primary);
  border-color: var(--tp-primary);
  color: #ffffff;
}

.header-button .button:hover,
.header-button-1 .button:hover,
.header-button-2 .button:hover {
  background-color: #ffffff;
  color: var(--tp-primary);
}

/* Flatsome footer color set to landing palette */
.footer-wrapper,
.footer {
  background-color: var(--tp-light);
}

.footer-wrapper,
.footer,
.footer a,
.footer .widget-title,
.footer .col p,
.footer .col a {
  color: var(--tp-text);
}

.footer a:hover {
  color: var(--tp-primary);
}

/* Override dark footer widgets for contrast */
.footer-widgets.footer.footer-2.dark {
  background-color: var(--tp-light) !important;
  color: var(--tp-text) !important;
}

.footer-widgets.footer.footer-2.dark a,
.footer-widgets.footer.footer-2.dark .widget-title,
.footer-widgets.footer.footer-2.dark .is-divider {
  color: var(--tp-text) !important;
  border-color: var(--tp-text) !important;
}

.footer-widgets.footer.footer-2.dark .post-date-day,
.footer-widgets.footer.footer-2.dark .post-date-month {
  color: var(--tp-text) !important;
}

/* Back to top button */
.back-to-top.button:hover {
  background: #8a1739 !important;
  border-color: #8a1739 !important;
  color: #ffffff !important;
  background: #8a1739;
  color: #ffffff;
}

/* Custom footer styles (tpv3) */
.tpv3-footer {
  background: var(--tp-light);
}

.tpv3-footer__grid {
  display: grid;
  gap: 24px;
}

.tpv3-footer__grid h3,
.tpv3-footer__grid h4 {
  margin-bottom: 10px;
}

.tpv3-footer__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 8px;
}

.tpv3-footer__bottom {
  margin-top: 28px;
  padding-top: 16px;
  border-top: 1px solid var(--tp-border);
  text-align: center;
  color: var(--tp-text);
  font-size: 13px;
  opacity: 0.8;
}

button {
  margin-bottom: 0;
}

@media (min-width: 960px) {
  .tpv3-footer__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  #header a.nav-top-link {
    padding-bottom: 0;
  }
}


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


}