/* fonts */
@import url("https://fonts.googleapis.com/css?family=Catamaran:400,700");
/* colors */
/* breakpoints */
/* transition settins (for animation) */
/* section padding */
@font-face { font-family: 'ElegantIcons'; src: url("../fonts/ElegantIcons.eot"); src: url("../fonts/ElegantIcons.eot?#iefix") format("embedded-opentype"), url("../fonts/ElegantIcons.woff") format("woff"), url("../fonts/ElegantIcons.ttf") format("truetype"), url("../fonts/ElegantIcons.svg#ElegantIcons") format("svg"); font-weight: normal; font-style: normal; }

body { font-family: "Catamaran", sans-serif !important; font-weight: 400; }

h1, h2, h3, h4, h5, h6, strong { font-weight: 700 !important; }

sub, sup { font-size: 50%; }

.screen-reader-text { display: none; }

input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="submit"], .button, button { font-family: "Catamaran", sans-serif; font-size: 1rem; }

input[type="text"], input[type="email"], input[type="tel"], input[type="password"] { width: 100%; padding: 16px 8px; border: 1px solid #ddd; margin-bottom: 8px; background-color: #f9f9f9; -webkit-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; }

input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="password"]:focus { background-color: #fff; }

button, .button { border: none; padding: 12px 24px; border-radius: 8px; color: #fff; background-color: #EA9600; text-transform: uppercase; cursor: pointer !important; display: inline-block; vertical-align: middle; -webkit-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; font-weight: 400; text-shadow: none !important; line-height: normal; }

button:hover, .button:hover { color: #fff; background-color: #FFA402; -webkit-box-shadow: none; box-shadow: none; }

button:focus, .button:focus { background-color: #EA9600; }

.infusion-field { position: relative; }

.infusion-field .infusion-button { position: absolute; top: 25%; right: 0; line-height: 1; font-size: 1.5rem; color: #EA9600; border: none; background-color: transparent; cursor: pointer; }

.message { padding: 8px; margin-bottom: 1rem; text-align: left; font-style: italic; background-color: #f1edea; }

.message.error { color: #bb0000; }

.message.success { color: #7bc770; text-align: success; }

input.input-error { background-color: pink; }

span.error-text { font-size: .875rem; font-style: italic; color: #bb0000; display: block; text-align: left; }

/* mobile first */
#main-header { background-color: transparent !important; }

#main-header .container.et_menu_container { max-width: 1400px !important; }

.sh-logo { text-align: left; margin-bottom: 1rem; margin-top: 1rem; max-width: 120px; }

.sh-logo img { max-height: none !important; }

@media only screen and (min-width: 1024px) { .sh-logo { float: left; margin-top: 8px; margin-right: 16px; max-width: 160px; } }

.toggle-nav { display: block; width: 40px; height: 40px; position: absolute; top: 20px; right: 0%; }

.toggle-nav span { background: white; width: 100%; height: 3px; display: block; position: absolute; top: 0; left: 0; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }

.toggle-nav span:nth-child(2) { top: 7px; }

.toggle-nav span:nth-child(3) { top: 14px; }

.toggle-nav.menu-active span { top: 8px; }

.toggle-nav.menu-active span:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.toggle-nav.menu-active span:nth-child(2) { display: none; }

.toggle-nav.menu-active span:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

@media only screen and (min-width: 768px) { .toggle-nav { right: 5%; } }

@media only screen and (min-width: 1024px) { .toggle-nav { display: none; } }

#top-menu { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: white; overflow: hidden; max-height: 0; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }

#top-menu.menu-active { max-height: 83vh; }

#top-menu li { padding-right: 0; display: block; }

#top-menu li a { padding: 1rem; color: #2D2017 !important; -webkit-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; transition: color 0.2s ease-out; }

#top-menu li a:hover { color: #f8c66e !important; }

#top-menu li a.nj-facebook-messenger { background-image: none !important; }

@media only screen and (min-width: 1024px) { #top-menu { max-height: none; background-color: rgba(45, 32, 23, 0.52); border-radius: 8px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: distribute; justify-content: space-around; -webkit-transform: translateY(1.5rem); -ms-transform: translateY(1.5rem); transform: translateY(1.5rem); }
  #top-menu li a { color: white !important; padding: 8px !important; font-size: 12px !important; } }

@media only screen and (min-width: 1200px) { #top-menu { -webkit-transform: translateY(1.8rem); -ms-transform: translateY(1.8rem); transform: translateY(1.8rem); -ms-flex-pack: distribute; justify-content: space-around; }
  #top-menu li a { font-size: 16px !important; padding: 14px 10px !important; }
  #top-menu li#menu-item-1329 a, #top-menu li#menu-item-1738 a { padding-left: 2.15rem !important; }
  #top-menu li#menu-item-1329 a:before, #top-menu li#menu-item-1738 a:before { content: ''; display: block; position: absolute; top: 4px; left: 4%; width: 22px; height: 22px; background-repeat: no-repeat; background-position: center; }
  #top-menu li#menu-item-1329 a:before { background-image: url(../images/phone-icon.png); }
  #top-menu li#menu-item-1738 a:before { top: 0; background-image: url(../images/message-icon.png); } }

@media only screen and (min-width: 1600px) { #top-menu { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  #top-menu li#menu-item-1329 { margin-left: 4rem; } }

.hm-hero-wrapper { background-size: cover; background-repeat: no-repeat; background-position: center; width: 100vw; height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.hm-hero-wrapper .hm-hero-content { text-align: center; }

.hm-hero-wrapper .hm-hero-content h1, .hm-hero-wrapper .hm-hero-content p { color: #fff; }

.hm-hero-wrapper .hm-hero-content h1 { font-size: 60px; font-weight: 600; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); }

.hm-hero-wrapper .hm-hero-content > p { font-size: 24px; font-weight: 600; max-width: 600px; margin-bottom: 2rem; }

.hm-hero-wrapper .hm-hero-content .hero-button-focus { background-color: rgba(255, 255, 255, 0.7); border-radius: 12px; padding: 2rem; max-width: 400px; margin: auto; }

.hm-hero-wrapper .hm-hero-content .hero-button-focus span { color: #785b42; display: block; }

.hm-hero-wrapper .hm-hero-content .hero-button-focus span:nth-child(1) { font-size: 2rem; text-transform: uppercase; font-weight: bold; }

.hm-hero-wrapper .hm-hero-content .hero-button-focus span:nth-child(2) { display: block; color: #785b42; font-family: "Georgia", cursive; font-style: italic; margin-bottom: 1rem; }

.profile { cursor: pointer; }

.profile .et_pb_team_member_image { position: relative; margin-bottom: 1rem; }

.profile .et_pb_team_member_image:before, .profile .et_pb_team_member_image:after { position: absolute; opacity: 0; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }

.profile .et_pb_team_member_image:before { content: "\4c"; font-family: eleganticons; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; font-size: 2rem; color: #fff; top: 60%; z-index: 2; width: 100%; text-align: center; }

.profile .et_pb_team_member_image:after { content: ''; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; background-color: rgba(102, 104, 65, 0.7); }

.profile:hover .et_pb_team_member_image:before { top: 50%; opacity: 1; }

.profile:hover .et_pb_team_member_image:after { opacity: 1; }

.footer-widget { position: relative; }

.footer-widget .fwidget { width: 100%; }

.footer-widget ul.et-social-icons { float: none !important; }

.footer-widget ul.et-social-icons li { list-style: none; padding-left: 0 !important; margin-left: 0 !important; }

.footer-widget ul.et-social-icons li:before { left: -9999rem !important; }

#footer-logo img { max-width: 160px; margin: 0 0.5rem; }

#footer-logo + .widget_text { font-size: 1.125rem; padding-left: 0.875rem; }

#footer-info { float: none; width: 100%; text-align: center; }

img { max-width: 100%; height: auto; }

.p1 { padding: 1rem 0; }

.p2 { padding: 2rem 0; }

.p3 { padding: 3rem 0; }

.p4 { padding: 4rem 0; }

.pb0 { padding-bottom: 0; }

.pb1 { padding-bottom: 1rem; }

.pb2 { padding-bottom: 2rem; }

.pb3 { padding-bottom: 3rem; }

.lt-gray-bg { background-color: #ddd; }

/* --------------------------------------------------
 	Growing Season & Locations
-------------------------------------------------- */

#svgImage  {
	background: url(images/stonehill_avocadoMap.svg) no-repeat center center;
	margin: auto;
	height: 548px;
	width: 100%;
}
.st2   		{fill:#D1D3D4;}
.blue  		{fill:#0f2c4c;}
.ltyellow  	{fill:#f0ddaf;}

.ltyellow:hover  {
	fill:#333333;
}

.caption  {
	margin-top: 5px;
	color: #666666;
}
#location .container {
	width: 96%;
	display: block;
	height: auto;
	position: relative;
	padding-top: 80%;
}
svg  {
	width: 100%;
	height: 80%;
	position: absolute;
	top: 0;
	left: 0;
}
.legend  {
	padding: 20px 0;
	font-weight: 600;
	font-size: 16px;
	text-transform: uppercase;
}
.map  {
	background-color: #959595;
}
.map:hover  {
	background-color: #7d7d7d;
}
.elevation  {
	background-color: #3C5426;
	color: #ffffff;
}
.elevation:hover  {
	background-color: #2a391b;
}
.municipality  {
	background-color: #183059;
	color: #ffffff;
}
.municipality:hover  {
	background-color: #0d1d37;
}
.acres  {
	background-color: #D59329;
	color: #ffffff;
}
.acres:hover  {
	background-color: #b0720f;
}
.ltyellow.pad2 a:link,
.ltyellow.pad2 a:visited,
.ltyellow.pad2 a:active  {
	color: #ffffff;
}
#mapnav a.active  {
	border-bottom: 4px solid #ffffff;
}

#svgmap > g { visibility: hidden; }
#svgmap > g.active { visibility: visible; }

#main-content #growing-locations .container:before {
    display: none;
}

/*# sourceMappingURL=main.css.map */

/* Header background */
#main-header {
  background: url('https://stonehill.sdacreative.net/wp-content/uploads/2019/05/hearder-bakgrd-3.png') repeat-x;
  overflow: visible;
  height: 157px;
}

/* Footer */
.bluebook {
  margin-top: 20px;
  list-style-type: none;
}
.bluebook li {
  list-style-type: none;
  display: inline-block;
}
.bluebook .copy {
  vertical-align: top
}
.bluebook .copy p {
  margin-top: 36px;
}
#footer-widgets .footer-widget li:before {
    display: none;
}