/* USPLY - variables.css */

* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

:root {
	--helvetica-neue: 'Helvetica Neue';
	--helvetica-neue-cn: 'Helvetica Neue Cn';
	--black: #000000;
	--white: #ffffff;
	--primary-color: #4C721D;
	--primary-color-alt: #3c5b18;
	--secondary-color: #c2c1c1;
}
	
::selection {
	background-color: #4C721D;
	color: #ffffff;
}

a,
a:visited {
	-webkit-transition: .2s background-color ease-in-out, .2s color ease-in-out;
	transition: .2s background-color ease-in-out, .2s color ease-in-out;
}

a:hover,
a:focus {
	text-decoration: none;
}

.btn-primary,
.usply-btn-primary .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
	background-color: #4C721D !important;
	font-family: 'Helvetica Neue Cn' !important;
	background-image: none !important;
	border-color: #4C721D !important;
	color: #FFFFFF !important;
    border-radius: 2px !important;
    font-style: normal !important;
    font-stretch: condensed !important;
    line-height: 2.125rem !important;
    letter-spacing: 0px !important;
    text-align: center !important;
    min-width: 150px !important;
    min-height: 60px !important;
    padding: 13px !important;
    vertical-align: middle !important;
	-webkit-transition: .3s background-color ease-in-out, .3s border ease-in-out, .3s color ease-in-out;
	transition: .3s background-color ease-in-out, .3s border ease-in-out, .3s color ease-in-out;
}

.btn-primary.small {
	min-width: 100px !important;
}

.btn-primary.large {
	min-width: 180px !important;
}

.btn-primary:hover,
.usply-btn-primary .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover {
	background-color: #3c5b18 !important;
	border-color: #4C721D !important;
	color: #ffffff !important;
}

@media only screen and (min-width:1140px) {
  .btn-primary,
  .usply-btn-primary .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
    	font-size: 1.5rem !important;
  }
}

@media only screen and (max-width:768px) {
	.btn-primary,
	.usply-btn-primary .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
		font-size: 1.3rem !important;
	}
}

@font-face {
	font-family: 'Helvetica Neue Cn';
	src: url('../fonts/HelveticaNeue-CondensedBold.woff2') format('woff2'), 
	url('../fonts/HelveticaNeue-CondensedBold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Helvetica Neue';
	src: url('../fonts/HelveticaNeue.woff2') format('woff2'), 
	url('../fonts/HelveticaNeue.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
