@media (min-width: 768px) {
  body.template-12 #navigation .menu-level-1 > li > ul.menu-level-2 { min-width: 260px; max-width: min(340px, 90vw); background: rgb(246, 241, 235) !important; border: 0px !important; border-radius: 14px !important; box-shadow: rgba(81, 62, 51, 0.13) 0px 12px 30px !important; padding: 10px !important; column-count: 1 !important; grid-template-columns: 1fr !important; }
  body.template-12 #navigation .menu-level-2 > li { float: none !important; width: 100% !important; margin: 0px !important; border: 0px !important; background: transparent !important; }
  body.template-12 #navigation .menu-level-2 > li > a { transition: background-color 0.15s, color 0.15s; display: block !important; padding: 11px 16px !important; margin: 0px !important; border: 0px !important; border-radius: 8px !important; background: transparent !important; color: rgb(81, 62, 51) !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.45 !important; text-transform: none !important; text-decoration: none !important; white-space: normal !important; }
  body.template-12 #navigation .menu-level-2 > li > a:hover, body.template-12 #navigation .menu-level-2 > li > a:focus-visible, body.template-12 #navigation .menu-level-2 > li > a.active { background: rgb(235, 225, 213) !important; color: rgb(118, 89, 31) !important; }
  body.template-12 #navigation .menu-level-2 > li > a:focus-visible { outline: rgb(146, 112, 45) solid 2px; outline-offset: -2px; }
}
@media (max-width: 767px) {
  body.template-12 .breadcrumbs { align-items: center; gap: 4px 0px; width: 100%; color: rgb(117, 104, 93); display: flex !important; visibility: visible !important; opacity: 1 !important; flex-wrap: wrap !important; height: auto !important; min-height: 0px !important; max-height: none !important; overflow: visible !important; padding: 12px 0px 14px !important; margin: 0px !important; font-size: 12px !important; line-height: 1.6 !important; }
  body.template-12 .breadcrumbs > span { align-items: center; flex-wrap: wrap; max-width: 100%; display: inline-flex !important; visibility: visible !important; float: none !important; white-space: normal !important; }
  body.template-12 .breadcrumbs a { text-decoration: underline rgb(203, 187, 171); text-underline-offset: 3px; overflow-wrap: anywhere; display: inline !important; color: rgb(106, 85, 68) !important; }
  body.template-12 .breadcrumbs > span > span[itemprop="name"] { color: rgb(81, 62, 51); font-weight: 600; overflow-wrap: anywhere; display: inline !important; }
  body.template-12 .breadcrumbs .navigation-bullet { color: rgb(170, 149, 128); display: inline-block !important; visibility: visible !important; margin: 0px 8px !important; }
}/* Mobile breadcrumbs: wrap complete levels, never widen the page. */
@media(max-width:767px){
 body.template-12 .content-wrapper .breadcrumbs,body.template-12 .breadcrumbs.breadcrumbs{display:flex!important;flex-flow:row wrap!important;align-items:center!important;align-content:flex-start!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;max-height:none!important;white-space:normal!important;overflow:visible!important;gap:4px 0!important;font-size:15px!important;line-height:1.5!important}
 body.template-12 .breadcrumbs.breadcrumbs>span{display:inline-flex!important;flex:0 1 auto!important;flex-wrap:nowrap!important;align-items:center!important;align-self:center!important;box-sizing:border-box!important;min-width:0!important;max-width:100%!important;float:none!important;position:static!important;top:auto!important;margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important;white-space:normal!important;line-height:1.5!important}
 body.template-12 .breadcrumbs.breadcrumbs a{display:inline-flex!important;align-items:center!important;min-width:0!important;max-width:100%!important;min-height:32px!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.5!important}
 body.template-12 .breadcrumbs.breadcrumbs [itemprop="name"]{min-width:0!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;line-height:1.5!important}
 body.template-12 .breadcrumbs.breadcrumbs>span>span[itemprop="name"]{font-size:15px!important;padding:5px 0!important}
 body.template-12 .breadcrumbs.breadcrumbs .navigation-bullet{flex:0 0 auto!important;position:static!important;align-self:center!important;margin:0 8px!important;line-height:1!important}
}