/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

@font-face {
  font-family: 'Onest';
  src: url('./fonts/Onest-VariableFont_wght.woff2')
      format('woff2 supports variations'),
    url('./fonts/Onest-VariableFont_wght.woff2') format('woff2-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: 'Onest', Arial, Helvetica, sans-serif;
  --bg-cover: cover;
  --bg-contain: contain;
  --bg-normal: auto;
  --my-space: 1rem;
  --font-weight-custom: 500;
  --rv-color-primary: #d3b60f;
  --rv-color-secondary: #f2f3f5;
}

body .font-semibold {
  font-weight: 600;
  font-variation-settings: 'wght' 600;
}

body .font-bold {
  font-weight: 700;
  font-variation-settings: 'wght' 700;
}

body .font-normal {
  font-weight: 300;
  font-variation-settings: 'wght' 300;
}

body .italic {
  font-style: italic;
}

body .text-uppercase {
  text-transform: uppercase;
}

body .border {
  border-style: solid;
  border-color: currentColor;
}

body .border-primary {
  border-color: var(--rv-color-primary);
}

body .border-secondary {
  border-color: var(--rv-color-secondary);
}

body .border-top {
  border-top-width: 1px;
}

body .border-bottom {
  border-bottom-width: 1px;
}

body .border-left {
  border-left-width: 1px;
}

body .border-right {
  border-right-width: 1px;
}

body .h-full {
  height: 100%;
}

body .shadow-basic {
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
}

body .bg-cover,
body .bg-cover .column-image-bg,
body .bg-cover .using-image {
  background-size: var(--bg-cover);
}

body .bg-contain,
body .bg-contain .column-image-bg,
body .bg-contain .using-image {
  background-size: var(--bg-contain);
}

body .bg-normal,
body .bg-normal .column-image-bg,
body .bg-normal .using-image {
  background-size: var(--bg-normal);
}

body .bg-norepeat,
body .bg-norepeat .column-image-bg,
body .bg-norepeat .using-image {
  background-repeat: no-repeat;
}

/* home specific */

.hero-home-title {
  margin-bottom: calc(var(--my-space) * -1) !important;
}

/* header mod */


/* media query */

@media screen and (min-width: 900px) {

}