/*
	Theme Name: Shero Green Theme
	Theme URI: http://html5blank.com
	Description: Shero Website 2020
	Version: 1.4.3
	Author: Todd Motto (@toddmotto) - Customized for Shero by E. Toman
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

@import url("css/legacy.css");
@import url("css/sh-123.css");
@import url("css/base.css");
@import url("css/tablet.css");
@import url("css/amazon.css");
@import url("css/bigcommerce.css");
@import url("css/shero-green.css");
@import url("css/additional.css");
@import url("css/voice.css");

@font-face {
  font-family: "Avenir Next";
  src: url("fonts/AvenirNextLTPro-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Avenir Next";
  src: url("fonts/AvenirNextLTPro-Demi.otf") format("opentype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Avenir Next Bold";
  src: url("fonts/AvenirNextLTPro-Bold.otf") format("opentype");
  font-weight: bolder;
  font-style: normal;
}

:root {
  --shero-red: #eb2529;
  --shero-gray: #464646;
  --shero-grey: #464646;
  --light-green: #12d5c1;
  --dark-green: #0aa192;
}

#body .has-red-color {
  color: var(--shero-red);
}
#body .has-red-background-color {
  background-color: var(--shero-red);
}
#body .has-gray-color {
  color: var(--shero-gray);
}
#body .has-gray-background-color {
  background-color: var(--shero-gray);
}
#body .has-green-color {
  color: var(--light-green);
}
#body .has-green-background-color {
  background-color: var(--light-green);
}
#body .has-dark-green-color {
  color: var(--dark-green);
}
#body .has-dark-green-background-color {
  background-color: var(--dark-green);
}