.roboto, body, nav, h4, .h4, h5, .h5, h6, .h6, date { font-family: "Roboto", sans-serif; text-transform: none; }

.oswald, h1, .h1, h2, .h2, h3, .h3, h4, .h4 { font-family: "Oswald", sans-serif; text-transform: none; }

.text-tiny, h6, .h6, date, small { font-size: 10px; line-height: 1.2; }

.text-small, h5, .h5 { font-size: 12px; line-height: 1.4; }

.text-medium, body, h4, .h4 { font-size: 15px; line-height: 1.7; }

.text-large { font-size: 18px; line-height: 1.7; }

.text-larger, h3, .h3 { font-size: 32px; line-height: 1.7; }

.text-xLarge, h2, .h2 { font-size: 40px; line-height: 1.2; }

.text-xxLarge, h1, .h1 { font-size: 70px; line-height: 1.2; }

@media screen and (max-width: 599px) { .text-medium, body, h4, .h4 { font-size: 16px; line-height: 1.4; }
  .text-large { font-size: 20px; line-height: 1.4; }
  .text-larger, h3, .h3 { font-size: 24px; line-height: 1.2; }
  .text-xLarge, h2, .h2 { font-size: 28px; line-height: 1.2; }
  .text-xxLarge, h1, .h1 { font-size: 55px; line-height: 1.2; } }

h1, .h1, h2, .h2, h3, .h3, h4, .h4 { text-transform: uppercase; font-weight: bold; margin: 0; line-height: 1.2em; color: #433A28; }

h4, .h4, h5, .h5, h6, .h6, date { font-weight: normal; text-transform: uppercase; letter-spacing: 1px; line-height: 1.2em; color: #433A28; }

h1, .h1 { letter-spacing: -1.5px; }

h2, .h2 { letter-spacing: -1.5px; }

h3, .h3 { letter-spacing: -1.5px; }

h3 a, .h3 a { text-decoration: none; }

h4, .h4 { letter-spacing: 0.3em; }

h6, .h6, date { display: block; margin: 10px 0px; }

* { box-sizing: border-box; }

.preload * { transition: none !important; }

body { position: relative; float: left; width: 100%; height: 100%; }

.clear:after, .cols:after { content: ""; display: table; clear: both; }

.show { display: block; }

.hide, .hidden { display: none; }

.caps { text-transform: uppercase; }

.center { text-align: center; }

.verticalAlign { left: 0; right: 0; position: absolute; top: 50%; transform: translateY(-50%); }

.fade-out { opacity: 0; }

.fade-in { opacity: 1; }

.table { display: table; }

.table-row { display: table-row; }

.table-cell { display: table-cell; float: none; vertical-align: middle; }

.container { max-width: 1200px; margin-left: auto; margin-right: auto; padding: 0 40px; }

.container:after { content: " "; display: block; clear: both; }

.container:after { content: ""; display: table; clear: both; }

.container .addMargin { margin: 0 20px; }

.container.noPad { padding: 0; }

.container.fullWidth { max-width: 100%; }

@media screen and (max-width: 1198px) { .container { padding: 0 40px; } }

a img { border: 0; }

.fluid { background-size: cover; background-repeat: no-repeat; background-position: center; }

.position-center { position: absolute; bottom: 0; top: 0; right: 0; left: 0; margin: auto; }

.noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.contactForm input, .contactForm textarea { border: 1px solid #e8e8e8; margin: 5px 0; font-family: "open-sans", sans-serif; }

.contactForm button.button { border: none; }

.button { background: #B3400A; padding: 12px 30px; text-align: center; color: #FFF; text-transform: uppercase; text-decoration: none; min-width: 120px; font-size: 14px; font-family: "Oswald", sans-serif; width: auto; transition: background 0.3s ease, color 0.3s ease; }

.button:hover { background: #832f07; color: #FFF !important; }

input.wpcf7-form-control.wpcf7-submit { background: #B3400A; display: block; max-width: 200px; color: #FFF; text-transform: uppercase; text-decoration: none; font-size: 14px; font-family: "Oswald", sans-serif; transition: background 0.3s ease, color 0.3s ease; }

input.wpcf7-form-control.wpcf7-submit:hover { background: #832f07; color: #FFF !important; }

.gm-style-iw { width: 275px !important; top: 20px !important; left: 20px !important; background-color: #FFF; box-shadow: 0 1px 6px rgba(178, 178, 178, 0.6); }

@media screen and (max-width: 399px) { .gm-style-iw { width: 215px !important; } }

.iw-hero { position: relative; display: flex; align-items: flex-end; justify-content: space-between; top: 0 !important; left: 0 !important; width: 275px !important; height: 150px; padding: 10px 20px; background-position: center; background-size: cover; color: #FFF; }

@media screen and (max-width: 399px) { .iw-hero { width: 215px !important; } }

.iw-hero h4 { position: relative; color: #FFF; letter-spacing: 0; font-weight: bold; text-transform: uppercase; z-index: 10; }

.iw-hero span { font-size: 10px; letter-spacing: 1px; z-index: 10; }

@media screen and (max-width: 399px) { .iw-hero span { display: none; } }

.iw-hero .gradient { position: absolute; right: 0; bottom: 0; left: 0; width: 100%; height: 50px; z-index: 0; background: rgba(0, 0, 0, 0); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.5))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0, 0, 0, 0)', endColorstr='rgba(0, 0, 0, 0.5)',GradientType=0 ); }

.iw-content { width: 275px !important; padding: 10px 20px; }

@media screen and (max-width: 399px) { .iw-content { width: 215px !important; } }

.iw-content h6 { color: #B4AEA2; margin-bottom: 0; }

.iw-content p { margin-top: 3px; }

.iw-content a { text-decoration: none; color: #B3400A; }

.iw-content .distance, .iw-content .links { display: flex; justify-content: space-between; align-content: flex-start; }

.pagination { text-align: center; }

.pagination .page-numbers { padding: 10px; color: #B3400A; text-decoration: underline; text-transform: uppercase; font-size: 16px; font-family: "Oswald", sans-serif; }

.pagination .page-numbers.current { color: #282318; text-decoration: none; }

#legend { position: absolute; right: 20px; bottom: 20px; background: #FFF; padding: 10px; margin: 10px; }

#legend ul { list-style: none; margin: 15px 0 0 0; padding: 0; }

#legend ul li { font-size: 14px; padding: 2px 0; display: flex; align-content: center; }

#legend ul li span { width: 20px; height: 2px; display: inline-block; margin-top: 11px; margin-right: 15px; }

#legend ul li span.asphalt { background: black; }

#legend ul li span.limestone { background: #f8971b; }

#legend ul li span.noupgrade { background: #b29189; }

::-moz-selection { background: rgba(179, 64, 10, 0.2); }

::selection { background: rgba(179, 64, 10, 0.2); }

* { outline: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, section { display: block; }

a { color: #000; transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); }

.hasMouse a:hover { color: #B3400A; }

a.white { color: #FFF !important; }

body { margin: 0; background: #FFF; }

html, body { height: 100%; min-height: 100%; }

html:after, body:after { content: ""; display: table; clear: both; }

figure { margin: 0; padding: 0; margin: 1.5em 0; }

figure img { width: 100%; }

fieldset { border: none; margin: 0; padding: 0; }

form { padding-top: 30px; padding-bottom: 30px; border: none; }

form input, form textarea { width: 100%; border: none; padding: 20px; font-size: 18px; }

hr { border-top-width: 1px; border-top-style: solid; margin-top: 1em; margin-bottom: 1em; }

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

nav ul, nav ol { list-style: none; padding: 0; }

nav ul li, nav ol li { float: left; }

p:empty { display: none; }

section { background-size: cover; background-repeat: no-repeat; background-position: center; }

small { font-size: 14px; }

.entry-content img { margin: 0 0 1.5em; }

.alignleft, img.alignleft { margin-right: 1.5em; float: left; }

.alignright, img.alignright { margin-left: 1.5em; float: right; }

.aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; }

.wp-caption { margin-bottom: 1.5em; text-align: center; padding-top: 5px; }

.wp-caption img { border: 0 none; padding: 0; margin: 0; }

.wp-caption p.wp-caption-text { line-height: 1.5; font-size: 10px; margin: 0; }

.wp-smiley { margin: 0; max-height: 1em; }

.mobileNavOpen { overflow: hidden; }

header { position: absolute; width: 100%; top: 0; z-index: 1000; }

header .navMain { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; -ms-flex-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; padding: 20px 50px; font-size: 14px; }

@media screen and (max-width: 1329px) { header .navMain { padding: 20px 30px; } }

@media screen and (max-width: 599px) { header .navMain { padding: 20px; } }

header .navMain .social_mobile { display: none; }

@media screen and (min-width: 600px) and (max-width: 1079px) { header .navMain .social_mobile { display: block; }
  .mobileNavOpen header .navMain .social_mobile { z-index: 100; position: absolute; top: 46px; }
  .mobileNavOpen header .navMain .social_mobile .facebook { color: #FFF; border-color: #FFF; } }

header .navMain .social .facebook { color: #282318; border: 1px dotted #282318; border-radius: 50%; padding: 3px 8px; }

header .navMain .menu { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; -ms-flex-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media screen and (max-width: 1079px) { header .navMain .menu { margin: 0; } }

@media screen and (min-width: 600px) and (max-width: 1079px) { header .navMain .menu { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; } }

.mobileNavOpen header .navMain .menu { position: absolute; top: 0; left: 0; transform: unset; margin: 0; padding: 120px 0; width: 100%; height: 100vh; flex-direction: column; -webkit-flex-direction: column; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; background: #B3400A; }

header .navMain .menu li { padding: 0 30px; }

@media screen and (max-width: 1240px) { header .navMain .menu li { padding: 0 15px; } }

@media screen and (max-width: 1079px) { header .navMain .menu li { display: none; } }

header .navMain .menu li a { text-decoration: none; text-transform: uppercase; letter-spacing: 1px; }

@media screen and (max-width: 1079px) { .mobileNavOpen header .navMain .menu li { display: block; padding: 10px 0; } }

.mobileNavOpen header .navMain .menu li a { color: #FFF; }

header .navMain .menu li.logo { width: 140px; padding: 0; margin-right: 30px; }

@media screen and (max-width: 1079px) { header .navMain .menu li.logo { display: block; margin-right: 0; } }

@media screen and (max-width: 599px) { header .navMain .menu li.logo { width: 120px; } }

header .navMain .menu li.logo a { color: #433a28; }

.mobileNavOpen header .navMain .menu li.logo { position: absolute; }

@media screen and (min-width: 600px) and (max-width: 1079px) { .mobileNavOpen header .navMain .menu li.logo { top: 29px; left: 50%; transform: translateX(-50%); } }

@media screen and (max-width: 599px) { .mobileNavOpen header .navMain .menu li.logo { top: 30px; left: 20px; } }

.mobileNavOpen header .navMain .menu li.logo a { color: #FFF; }

header .navMain .mobilemenu { display: none; max-width: 90px; margin: 14px 0; }

@media screen and (max-width: 1079px) { header .navMain .mobilemenu { display: block; } }

.mobileNavOpen header .navMain .mobilemenu { position: absolute; right: 30px; top: 20px; }

@media screen and (max-width: 599px) { .mobileNavOpen header .navMain .mobilemenu { right: 20px; } }

header .navMain .mobilemenu button { display: block; min-width: unset; border: 0; }

header .navMain .button-container { display: flex; align-items: center; }

@media screen and (max-width: 1079px) { header .navMain .button-container { display: none; }
  .mobileNavOpen header .navMain .button-container { display: flex; position: absolute; top: 380px; left: 0; margin: 0 auto; width: 100%; padding: 0; text-align: center; justify-content: center; } }

@media screen and (max-width: 1079px) and (max-width: 579px) { .mobileNavOpen header .navMain .button-container { flex-direction: column; } }

header .navMain__button:not(:last-of-type) { margin-right: 15px; }

@media screen and (max-width: 579px) { header .navMain__button:not(:last-of-type) { margin-right: 0; margin-top: 15px; } }

header .navMain__button .button { line-height: 1.5; display: block; }

@media screen and (max-width: 1240px) { header .navMain__button .button { font-size: 12px; } }

@media screen and (max-width: 1079px) { header .navMain__button .button { background: #832f07; width: auto; -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; } }

@media screen and (max-width: 579px) { header .navMain__button .button { min-width: 142px; } }

header .navMain__button_merchandise a { padding: 12px 10px; min-width: 152px; }

@media screen and (max-width: 1399px) { header .navMain__button_merchandise a { min-width: 142px; } }

header .navMain__button_donate form { padding: 0; }

@media screen and (max-width: 1079px) { header .navMain__button_social { display: none; } }

header .navMain__button_social .facebook { color: #282318; border: 1px dotted #282318; border-radius: 50%; padding: 3px 8px; }

footer.bottom { width: 100%; float: left; background: #282318; padding: 80px 0 100px 0; position: relative; }

@media screen and (max-width: 599px) { footer.bottom { padding: 40px 0 80px 0; } }

footer.bottom:after { content: ""; display: table; clear: both; }

footer.bottom .trailsteez { width: 60%; position: absolute; right: 0; bottom: 0; opacity: 0.1; pointer-events: none; }

.hasMouse footer.bottom small a:hover { color: #B3400A; }

footer.bottom nav { display: flex; justify-content: space-between; align-items: center; padding: 20px 50px; font-size: 12px; }

@media screen and (max-width: 767px) { footer.bottom nav { align-items: flex-start; } }

@media screen and (max-width: 599px) { footer.bottom nav { flex-direction: column; align-items: center; } }

footer.bottom nav .logo { width: 120px; }

footer.bottom nav .logo a { color: #FFF; }

footer.bottom nav .social { width: 95px; text-align: right; }

@media screen and (max-width: 599px) { footer.bottom nav .social { text-align: center; } }

footer.bottom nav .social .facebook { color: #e8e4d8; border: 1px dotted #e8e4d8; border-radius: 50%; padding: 3px 8px; width: 26px; height: 24px; display: inline-flex; justify-content: center; align-items: center; text-decoration: none; }

footer.bottom nav .menu { display: flex; align-items: center; }

@media screen and (max-width: 767px) { footer.bottom nav .menu { flex-direction: column; } }

footer.bottom nav .menu li { padding: 0 20px; }

@media screen and (max-width: 767px) { footer.bottom nav .menu li { padding: 10px 0; } }

footer.bottom nav .menu li a { text-decoration: none; text-transform: uppercase; letter-spacing: 1px; color: #e8e4d8; }

footer.bottom .colophon { text-align: center; color: #e8e4d8; position: absolute; bottom: 10px; width: 100%; font-size: 12px; padding: 0 20px; }

footer.bottom .colophon a { color: #e8e4d8; }

.content > * { max-width: 700px; margin-left: auto; margin-right: auto; }

.general-page { padding: 200px 0 80px 0; min-height: 500px; background: #e8e4d8 url(../img/repeatbg.jpg) repeat-y; background-size: 100% auto; }

@media screen and (max-width: 767px) { .general-page { padding: 130px 0 80px 0; } }

.general-page h6.crumb { text-align: center; }

.general-page .container { max-width: 900px; }

.general-page .half { width: 45%; margin-right: 5%; float: left; }

.general-page .half p:first-child { margin-top: 0; }

@media screen and (max-width: 767px) { .general-page .half p:first-child { margin-top: 30px; } }

@media screen and (max-width: 767px) { .general-page .half { width: 100%; } }

.general-page h2, .general-page .h2 { text-align: center; margin-bottom: 50px; }

.general-page h2:after, .general-page .h2:after { content: ''; height: 4px; width: 80px; background: #B3400A; margin: 20px auto; display: block; }

.general-page h4 { letter-spacing: normal; padding-top: 40px; font-size: 16px; }

.general-page .post { display: block; margin: 60px auto; }

.general-page .post a.orange { color: #B3400A !important; }

.general-page .post a.orange:hover { color: #832f07 !important; }

.general-page .row { display: block; width: 100%; float: left; padding: 30px 0; }

@media screen and (max-width: 767px) { .general-page .row { padding: 15px 0; } }

.general-page .row .image { width: 40%; float: left; }

@media screen and (max-width: 767px) { .general-page .row .image { width: 100%; } }

.general-page .row .info { width: 60%; float: left; padding-left: 30px; }

.general-page .row .info h4 { padding-top: 0px; }

@media screen and (max-width: 767px) { .general-page .row .info { width: 100%; padding: 30px 0; } }

.general-page .row iframe { max-width: 100%; }

.pagecontent { padding-top: 200px; min-height: 500px; }

.events-archive { max-width: 600px; margin: auto; }

.events-archive .event { width: 100%; float: left; display: block; text-align: left; }

.events-archive .event .info { padding: 30px; }

@media screen and (max-width: 599px) { .events-archive .event .info { padding: 15px 0; } }

.events-archive .event .info .left { width: 25px; margin-right: 50px; float: left; }

.events-archive .event .info .desc { width: calc(100% - 75px); float: left; }

.events-archive .event .info h3.date { color: #B3400A; }

.events-archive .event .info h3 a { text-decoration: none; }

.paging { width: 100%; position: relative; display: block; float: left; padding: 30px 0; background: #B3400A; }

.paging a { text-decoration: none; color: #FFF; }

.paging a:hover { text-decoration: underline; color: #FFF; }

.paging a.textLeft { float: right; }

.legend { width: 100%; position: relative; display: block; float: left; padding: 30px 0; background: #B3400A; text-align: center; color: #FFF; }

.legend input[type='checkbox'] { margin-left: 15px; }

.home h2:after { content: ''; height: 4px; width: 80px; background: #B3400A; margin: 20px 0; display: block; }

.home .center h2:after { margin: 20px auto; }

.hero { position: relative; padding: 100px 0 20px 0; background: #e8e4d8 url(../img/texturebg.jpg) no-repeat; background-size: cover; background-position: center; overflow: hidden; width: 100%; float: left; }

@media screen and (max-width: 767px) { .hero { width: 100%; } }

@media screen and (max-width: 999px) { .hero h1 { font-size: 55px; } }

.hero .half { width: 50%; float: left; }

@media screen and (max-width: 767px) { .hero .half { padding: 0 0 100px 0; width: 100%; } }

@media screen and (max-width: 499px) { .hero .half { padding: 0 0 60px 0; } }

.hero .half .h6 { padding-top: 110px; }

@media screen and (max-width: 649px) { .hero .half .h6 { padding-top: 55px; } }

.hero .half.last { position: relative; margin-top: 0; }

@media screen and (max-width: 767px) { .hero .half.last { display: none; } }

.hero .half.last .michigan { padding: 0 0 80px 0; }

.hero .half.last #lines { width: 100%; z-index: 0; position: absolute; top: 0; left: -20px; }

.hero .half.last #michigan { width: 100%; z-index: 5; }

.hero .half.last svg#badge { position: absolute; width: 250px; top: 45%; left: 0; -ms-transform: rotate(12deg); /* IE 9 */ -webkit-transform: rotate(12deg); /* Chrome, Safari, Opera */ transform: rotate(12deg); }

.hero h1 { letter-spacing: -1.5px; margin-bottom: 50px; }

@media screen and (max-width: 649px) { .hero h1 { margin-bottom: 35px; } }

.hero .badge { display: none; }

@media screen and (max-width: 767px) { .hero .badge { width: 40%; display: block; position: absolute; right: -10px; bottom: 20px; -ms-transform: rotate(12deg); /* IE 9 */ -webkit-transform: rotate(12deg); /* Chrome, Safari, Opera */ transform: rotate(12deg); } }

.hero .container { position: relative; z-index: 10; }

.hero .steez { position: absolute; left: 100px; bottom: 50px; pointer-events: none; z-index: 0; }

@media screen and (max-width: 767px) { .hero .steez { display: none; } }

.hero .button-container { display: flex; }

@media screen and (max-width: 649px) { .hero .button-container { flex-direction: column; margin-bottom: 15px; } }

@media screen and (max-width: 849px) { .hero .button-container .button { padding: 12px 25px; } }

@media screen and (max-width: 649px) { .hero .button-container .button { padding: 12px 20px; max-width: 165px; } }

.hero .button-container .button:first-of-type { margin-right: 15px; }

@media screen and (max-width: 649px) { .hero .button-container .button:first-of-type { margin-right: 0; margin-bottom: 10px; } }

.trail { position: relative; background: url(../img/trailbg.jpg) no-repeat; background-size: cover; background-position: center; width: 100%; float: left; }

.trail .steez { position: absolute; right: 100px; top: -50px; pointer-events: none; z-index: 100; }

.trail .half { width: 50%; float: right; background: #e8e4d8 url(../img/texturebg.jpg) no-repeat; background-size: cover; background-position: center; padding: 80px 50px 40px 50px; position: relative; }

.trail .half .trailsteez { width: 100%; position: absolute; right: 0; top: 150px; left: 0; opacity: 0.1; pointer-events: none; }

@media screen and (max-width: 767px) { .trail .half { margin-top: 40px; width: 100%; } }

@media screen and (max-width: 599px) { .trail .half { padding: 30px 30px 0 30px; } }

.trail .half .blurb { margin: 30px auto 50px auto; }

.trail .half ul { list-style: none; padding-left: 0; -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; -webkit-column-gap: 40px; /* Chrome, Safari, Opera */ -moz-column-gap: 40px; /* Firefox */ column-gap: 40px; }

@media screen and (max-width: 767px) { .trail .half ul { -webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1; -webkit-column-gap: 0; /* Chrome, Safari, Opera */ -moz-column-gap: 0; /* Firefox */ column-gap: 0; } }

@media screen and (max-width: 599px) { .trail .half ul { margin-left: 20px; } }

.trail .half ul li:before { display: inline-block; content: "-"; width: 1em; margin-left: -1em; color: #B3400A; }

.trail .half ul li a { text-decoration: none; color: #B3400A; font-family: "Oswald", sans-serif; text-transform: uppercase; }

.trail .half ul li a:hover { color: #832f07; text-decoration: underline; }

.map { position: relative; width: 100%; float: left; }

.map #gMap, .map #activityMap { height: 600px; width: 100%; display: block; float: left; }

.map .container { position: relative; pointer-events: none; }

.map .half { position: absolute; width: calc(50% - 40px); height: 40px; right: 40px; z-index: 100; background: #e8e4d8 url(../img/texturebg.jpg) no-repeat; background-size: cover; background-position: center; box-shadow: 0 15px 13px 0 rgba(0, 0, 0, 0.2); }

@media screen and (max-width: 767px) { .map .half { width: calc(100% - 80px); } }

.news { padding: 80px 0; background: #433A28 url(../img/texturebgdark.jpg) no-repeat; background-size: cover; background-position: center; position: relative; width: 100%; float: left; }

.news .h6, .news h3 { color: #282318; }

@media screen and (max-width: 599px) { .news { padding: 40px 0 80px 0; } }

.news .steez { position: absolute; left: 35%; top: 50px; pointer-events: none; z-index: 0; }

@media screen and (max-width: 599px) { .news .steez { display: none; } }

.news .container { position: relative; z-index: 10; }

.news h2, .news p, .news a { color: #e8e4d8; }

.news date { color: #e8e4d8; }

.news .intro { max-width: 50%; margin: auto; margin-top: 50px; }

@media screen and (max-width: 599px) { .news .intro { max-width: 100%; margin: auto; margin-top: 30px; } }

.news .intro h3 { margin-top: 25px; }

.news .columns { margin: 30px auto 80px auto; padding: 0 30px; -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; -webkit-column-gap: 40px; /* Chrome, Safari, Opera */ -moz-column-gap: 40px; /* Firefox */ column-gap: 40px; text-align: justify; -webkit-column-break-inside: avoid; }

@media screen and (max-width: 599px) { .news .columns { margin: 30px auto; padding: 0; } }

@media screen and (max-width: 499px) { .news .columns { -webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1; -webkit-column-gap: 0; /* Chrome, Safari, Opera */ -moz-column-gap: 0; /* Firefox */ column-gap: 0; } }

.news .columns:after { content: ''; display: block; height: 20px; }

.news .columns p { margin: 0; }

.events { padding: 80px 0; background: #e8e4d8 url(../img/texturebg.jpg) no-repeat; background-size: cover; background-position: center; width: 100%; float: left; }

@media screen and (max-width: 599px) { .events { padding: 40px 0 80px 0; } }

.events .event { width: 50%; float: left; display: block; text-align: left; min-height: 200px; }

@media screen and (max-width: 767px) { .events .event { width: 100%; } }

.events .event .info { padding: 30px; }

@media screen and (max-width: 599px) { .events .event .info { padding: 15px 0; } }

.events .event .info .left { width: 25px; margin-right: 50px; float: left; }

.events .event .info .desc { width: calc(100% - 75px); float: left; }

.events .event .info h3.date { color: #B3400A; }

.events .event .info h3 a { text-decoration: none; }

.events .viewall { margin-top: 50px; width: 100%; float: left; display: block; }

.shop__heading { text-align: center; margin-bottom: 20px; }

.shop__grid { display: flex; flex-wrap: wrap; margin-top: 45px; }

@media screen and (max-width: 849px) { .shop__grid { max-width: 600px; margin: 45px auto 0; } }

.shop__grid-item { position: relative; width: 100%; max-width: 100%; flex: 0 1 100%; background: #e9e4d9; padding: 15px; box-shadow: 0 12px 40px 0 rgba(0, 0, 0, 0.07); display: flex; flex-direction: column; justify-content: space-between; }

@media screen and (max-width: 449px) { .shop__grid-item:not(:first-of-type) { margin-top: 28px; } }

@media screen and (min-width: 450px) and (max-width: 849px) { .shop__grid-item { width: calc(50% - 14px); max-width: calc(50% - 14px); flex: 0 1 calc(50% - 14px); }
  .shop__grid-item:nth-of-type(even) { margin-left: 28px; }
  .shop__grid-item:nth-of-type(n + 3) { margin-top: 28px; } }

@media screen and (min-width: 850px) { .shop__grid-item { width: calc(33.33% - 14px); max-width: calc(33.33% - 14px); flex: 0 1 calc(33.33% - 14px); }
  .shop__grid-item:not(:nth-of-type(3n + 1)) { margin-left: 21px; }
  .shop__grid-item:nth-of-type(n + 4) { margin-top: 21px; } }

.shop .grid-item__link { top: 0; right: 0; bottom: 0; left: 0; position: absolute; z-index: 10; }

.shop .grid-item__img { position: relative; background: #433A28; display: flex; justify-content: center; align-items: center; overflow: hidden; padding-top: 100%; }

.shop .grid-item__img .img { top: 0; right: 0; bottom: 0; left: 0; position: absolute; width: 100%; height: 100%; object-fit: cover; }

.shop .grid-item__img_logo { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 75%; color: #FFF; }

.shop .grid-item__info { margin-top: 15px; display: flex; justify-content: space-between; }

.shop .grid-item__heading { font-size: 16px; text-align: left; font-family: "Oswald", sans-serif; font-weight: 500; letter-spacing: 0; padding-right: 15px; margin-bottom: 0; }

.shop .grid-item__heading::after { display: none; }

.shop .grid-item__price { display: block; line-height: 1.2em; }

.shop .grid-item__copy { font-size: 13px; line-height: 1.5; }

.shop .grid-item__button { display: block; color: #FFF; background: #B3400A; text-align: center; text-transform: uppercase; padding: 10px 0; margin-top: 25px; font-family: "Oswald", sans-serif; text-decoration: none; transition: background 300ms ease; }

.shop .grid-item__button:hover { color: #FFF; background: #832f07; }

.shop .grid-item__paypal { display: block; margin-top: 25px; }

.shop .grid-item__paypal form { padding: 0; }

.shop .grid-item__paypal table { width: 100%; margin-bottom: 10px; }

.shop .grid-item__paypal select { width: 100%; border: 0; padding: 6px 4px; font-family: "Roboto", sans-serif; }

@media screen and (max-width: 1079px) { .shop .grid-item__paypal select { font-size: 15px; } }

.shop .grid-item__paypal tr:first-of-type { display: none; }

.shop .grid-item__paypal input[type=submit] { background: #B3400A; color: #FFF; font-family: "Oswald", sans-serif; text-transform: uppercase; font-size: 15px; padding: 10px 0; line-height: 1.7; transition: background 300ms ease; cursor: pointer; -webkit-appearance: none; border-radius: 0; }

.shop .grid-item__paypal input[type=submit]:hover { background: #832f07; }

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