/*
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: "Graphik";
  src: url("assets/fonts/Graphik-Regular.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Graphik";
  src: url("assets/fonts/Graphik-Medium.otf") format("opentype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

/*
 * ESHOPPS wide layout
 *
 * Keep the reading widths of headings and paragraphs intact, while allowing
 * navigation, cards, media and section grids to use more of large screens.
 * The 1600px ceiling follows the visual proportions of wide automotive sites
 * without letting content touch the viewport edges.
 */
:root {
  --eshopps-wide-container: 1600px;
}

@media only screen and (min-width: 1300px) {
  body .container,
  body #header-outer .container,
  body #footer-outer .container {
    max-width: var(--eshopps-wide-container) !important;
  }

  body #ajax-content-wrap .row_col_wrap_12 {
    max-width: var(--eshopps-wide-container) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* Keep the vertical ESHOPPS mark balanced in both header states. */
@media only screen and (min-width: 1000px) {
  body #header-outer #logo,
  body #header-outer #logo::before {
    width: 85px !important;
    max-width: 85px !important;
  }
}