/* --------------------------------------
$Author: ThemeMascot
Override custom color skin (child theme)
----------------------------------------- */

:root {
  /* PALETA TA DE CULORI */
  --theme-color1: #E3BD9C;
  --theme-color1-rgb: 227, 189, 156;
  --theme-color1-lighter: #F5E7DB;
  --theme-color1-darker: #C5A387;

  --theme-color2: #232323;
  --theme-color2-rgb: 35, 35, 35;
  --theme-color2-lighter: #4A4A4A;
  --theme-color2-darker: #000000;

  --theme-color3: #E3BD9C;
  --theme-color3-rgb: 227, 189, 156;
  --theme-color3-lighter: #F5E7DB;
  --theme-color3-darker: #C5A387;

  --theme-color4: #9B816D;
  --theme-color4-rgb: 155, 129, 109;
  --theme-color4-lighter: #BEA99A;
  --theme-color4-darker: #7A6453;

  /* TEXT COLORS */
  --text-color-bg-theme-color1: #232323;
  --text-color-bg-theme-color2: #F5F2EC;
  --text-color-bg-theme-color3: #232323;
  --text-color-bg-theme-color4: #FFFFFF;

  /* EXTRA */
  --hover-theme-color: #C5A387;
  --sidebar-default-theme-color: var(--theme-color1);
  --footer-default-theme-color: var(--theme-color4);
  --footer-default-hover-theme-color: var(--theme-color1);
  --footer-default-text-color-on-bg-theme-color: #fff;
}

/* BORDER */
.widget .line-bottom:after,
.pager.theme-colored a {
  border: 1px solid var(--theme-color1);
}

.hr-divider {
  border-top-color: rgba(var(--theme-color1-rgb), 0.2) !important;
}

/* TEXT COLORS */
.text-theme-colored1 { color: var(--theme-color1) !important; }
.text-theme-colored2 { color: var(--theme-color2) !important; }
.text-theme-colored3 { color: var(--theme-color3) !important; }
.text-theme-colored4 { color: var(--theme-color4) !important; }

/* BACKGROUNDS */
.bg-theme-colored1 { background-color: var(--theme-color1) !important; }
.bg-theme-colored2 { background-color: var(--theme-color2) !important; }
.bg-theme-colored3 { background-color: var(--theme-color3) !important; }
.bg-theme-colored4 { background-color: var(--theme-color4) !important; }

/* BORDERS */
.border-theme-colored1 { border-color: var(--theme-color1) !important; }
.border-theme-colored2 { border-color: var(--theme-color2) !important; }
.border-theme-colored3 { border-color: var(--theme-color3) !important; }
.border-theme-colored4 { border-color: var(--theme-color4) !important; }

/* BLOG META */
.tm-sc-blog.blog-classic article .entry-header .post-single-meta,
.tm-sc-blog.blog-modern article .entry-header .post-single-meta {
  background: var(--theme-color1);
}

.tm-sc-blog.blog-modern article .entry-content .post-btn-readmore {
  border-color: var(--theme-color1);
  background-color: #fff;
}

.tm-sc-blog.blog-modern article:hover .entry-content .post-btn-readmore {
  background-color: var(--theme-color1);
}

/* BUTTONS — DEFAULT THEME BUTTONS */
.btn-theme-colored1 {
  color: #232323;
  background-color: var(--theme-color1);
  border-color: var(--theme-color1);
}
.btn-theme-colored1:hover,
.btn-theme-colored1:focus {
  background-color: var(--theme-color1-darker);
  border-color: var(--theme-color1-darker);
  color: var(--text-color-bg-theme-color1);
}

.btn-theme-colored2 {
  color: #ffffff;
  background-color: var(--theme-color2);
  border-color: var(--theme-color2);
}
.btn-theme-colored2:hover,
.btn-theme-colored2:focus {
  background-color: var(--theme-color2-lighter);
  border-color: var(--theme-color2-lighter);
  color: var(--text-color-bg-theme-color2);
}

.btn-theme-colored3 {
  color: #232323;
  background-color: var(--theme-color3);
  border-color: var(--theme-color3);
}
.btn-theme-colored3:hover,
.btn-theme-colored3:focus {
  background-color: var(--theme-color3-darker);
  border-color: var(--theme-color3-darker);
}

.btn-theme-colored4 {
  color: #fff;
  background-color: var(--theme-color4);
  border-color: var(--theme-color4);
}
.btn-theme-colored4:hover,
.btn-theme-colored4:focus {
  background-color: var(--theme-color4-darker);
  border-color: var(--theme-color4-darker);
}

/* OUTLINE VARIANTS */
.btn-outline-theme-colored1 {
  color: var(--theme-color1);
  border-color: var(--theme-color1);
}
.btn-outline-theme-colored1:hover {
  background-color: var(--theme-color1);
  color: #232323;
}

.btn-outline-theme-colored2 {
  color: var(--theme-color2);
  border-color: var(--theme-color2);
}
.btn-outline-theme-colored2:hover {
  background-color: var(--theme-color2);
  color: #fff;
}

.btn-outline-theme-colored3 {
  color: var(--theme-color3);
  border-color: var(--theme-color3);
}
.btn-outline-theme-colored3:hover {
  background-color: var(--theme-color3);
  color: #232323;
}

.btn-outline-theme-colored4 {
  color: var(--theme-color4);
  border-color: var(--theme-color4);
}
.btn-outline-theme-colored4:hover {
  background-color: var(--theme-color4);
  color: #fff;
}

/* WOOCOMMERCE BUTTONS */
.woocommerce .button,
.woosc_table .button,
.woosc_table .added_to_cart,
.woosw-item .added_to_cart {
  background-color: var(--theme-color1);
  border-color: var(--theme-color1);
  color: #232323 !important;
}

.woocommerce .button:hover,
.woosc_table .button:hover,
.woosc_table .added_to_cart:hover,
.woosw-item .added_to_cart:hover {
  background-color: var(--theme-color1-darker);
  border-color: var(--theme-color1-darker);
  color: #232323 !important;
}

/* SCROLL TO TOP */
.scroll-to-top a {
  background-image: linear-gradient(
    to right,
    var(--theme-color1) 0%,
    var(--theme-color1-lighter) 50%,
    var(--theme-color1) 100%
  );
}
.scroll-to-top a:hover {
  box-shadow: 0 10px 20px rgba(var(--theme-color1-rgb), 0.4);
  background-position: right center;
}