/*
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: 'cocogooseregular';
  src: url('fonts/cocogoose_pro-trial-webfont.woff2') format('woff2'),
       url('fonts/cocogoose_pro-trial-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'cocogooselight';
  src: url('fonts/cocogoose_pro_light-trial-webfont.woff2') format('woff2'),
       url('fonts/cocogoose_pro_light-trial-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'cocogoose_prothin';
  src: url('fonts/cocogoose_pro_thin-trial-webfont.woff2') format('woff2'),
       url('fonts/cocogoose_pro_thin-trial-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'century_gothicregular';
  src: url('fonts/gothic-webfont.woff2') format('woff2'),
       url('fonts/gothic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: 'century_gothicregular';
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'cocogoose_prothin';
}

header#top:after {
  content: '';
  display: block;
  height: 35px;
  width: 100%;
  background: transparent url('img/bg-leaf-01.png') repeat;
}
.small-nav header#top:after {
  height: 20px;
}

.before-footer:before {
  content: '';
  display: block;
  height: 65px;
  width: 100%;
  background: transparent url('img/bg-leaf-01.png') repeat;
}

.before-footer .viewport-desktop.using-image {
  background-size: 860px;
}

.hand-mobile {
  display: none !important;
}

@media only screen and (min-width: 1px) and (max-width: 999px) {
  body #header-outer {
    margin-bottom: 0;
    padding: 12px 0px 0;
  }
}

@media (max-width: 760px) {
  body header .container {
    max-width: 90%;
  }
  #header-outer #top .col.span_3 #logo {
    max-width: 350px;
    display: inline-block;
    margin-bottom: 15px;
  }
  #header-outer #top .col.span_3 #logo img {
    max-width: 100%;
  }
  .nectar-split-heading h1 {
    font-size: 38px;
    margin-bottom: 0;
  }
  .hand-mobile {
    display: block !important;
  }
}

@media (max-width: 480px) {

  .container {
    max-width: 90%;
  }
  #header-outer #top .col.span_3 #logo {
    max-width: 100px;
    transform: scale(0.7) !important;
    display: inline-block;
    margin-bottom: 0px;
    overflow: hidden;
  }
  #header-outer #top .col.span_3 #logo img {
    max-width: initial;
  }
}