/*
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: "Open Sans";
  src: url("./fonts/OpenSans-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Open Sans";
  src: url("./fonts/OpenSans-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Open Sans";
  src: url("./fonts/OpenSans-Italic.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Open Sans";
  src: url("./fonts/OpenSans-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Open Sans";
  src: url("./fonts/OpenSans-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Open Sans";
  src: url("./fonts/OpenSans-SemiBoldItalic.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

body {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

.font-semibold {
  font-weight: 600;
}

.font-bold {
  font-weight: 700;
}
.font-normal {
  font-weight: 400;
}
.italic {
  font-style: italic;
}

/* home specific */

.hero-home-title {
  margin-bottom: -1.8rem !important;
}

.bg-contain .row-bg.using-image {
  background-size: contain !important;
  background-position: bottom center;
}

/* header mod */

#top .col_last {
  width: 100%;
}

#top .col_last > nav {
  width: 100%;
  flex-shrink: 0;
  align-items: flex-end;
  justify-content: space-evenly;
  margin-bottom: 40px;
}

#top .col_last ul.sf-menu {
  height: auto;
}

#header-outer #top .col_last > nav > .buttons {
  height: auto;
}
