@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700,800&subset=latin-ext');
/* SZÍNEK: Sárga: #d3844c  ///  Barna: #432a1a  ///  Szürke: #d9d7d6  ///  Világoosszürke: #f7f7f7 */

/* Szűrő */
.map__legend { display: none !important }
#categories { min-width: 100%; background: #2d1a0e; padding: 13px 0 5px 0; text-align: center; bottom: 0 }
#categories a.gm_filter { padding: 20px 23px 10px 60px; font-size: 16px; line-height: 60px; font-family: 'Open Sans', sans-serif; font-weight: 700; color: #fff; max-height: 32px; border-right: 1px solid rgba(255, 255, 255, 0.2); margin-right: 30px }
#categories a.gm_filter:hover { color: #d3844c }
#categories a.gm_filter:nth-child(1) { background: url(../images/icons/bevasarlas.png) left center no-repeat }
#categories a.gm_filter:nth-child(2) { background: url(../images/icons/sport.png) left center no-repeat }
#categories a.gm_filter:nth-child(3) { background: url(../images/icons/egeszsegugy.png) left center no-repeat }
#categories a.gm_filter:nth-child(4) { background: url(../images/icons/oktatas.png) left center no-repeat }
#categories a.gm_filter:nth-child(5) { background: url(../images/icons/szorakozas.png) left center no-repeat }
#categories a.gm_filter:nth-child(6) { background: url(../images/icons/tomegkozlekedes.png) left center no-repeat; border-right: none; margin-right: 0 }
#categories a.gm_filter.inactive { color: #432a1a }
#categories a.gm_filter:nth-child(1).inactive { background: url(../images/icons/bevasarlas-off.png) left center no-repeat }
#categories a.gm_filter:nth-child(2).inactive { background: url(../images/icons/sport-off.png) left center no-repeat }
#categories a.gm_filter:nth-child(3).inactive { background: url(../images/icons/egeszsegugy-off.png) left center no-repeat }
#categories a.gm_filter:nth-child(4).inactive { background: url(../images/icons/oktatas-off.png) left center no-repeat }
#categories a.gm_filter:nth-child(5).inactive { background: url(../images/icons/szorakozas-off.png) left center no-repeat }
#categories a.gm_filter:nth-child(6).inactive { background: url(../images/icons/tomegkozlekedes-off.png) left center no-repeat }

/* Általános */
*, *:after, *:before { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased; text-rendering: optimizeLegibility }
body { padding: 0; margin: 0; font-family: sans-serif }
a { text-decoration: none }

/* Térkép */
.map { width: 100% }
.map__frame { position: relative; display: block; width: 100%; height: 120px; overflow: hidden; cursor: pointer }
	/* GoogleMaps (statikus) */
	.map__frame img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 100%; height: auto }
	/* GoogleMaps (dinamikus) */
	.gm-style { width: 100%; min-height: 300px }
	/* GoogleMaps (dinamikus) - info ablak */
	.gm-style-iw { font-size: 12px; line-height: 18px }
	.map__print, .map__legend { display: none }
	.map__frame + .map__legend { display: block; height: 240px; overflow-y: scroll; -webkit-overflow-scrolling: touch; font-size: 12px; line-height: 18px }
	.map__title, .map__address, .map__description { display: block; color: #000 }
	.map__title { margin: 0; font-weight: bold; font-size: 14px }
	.map__address { margin: 0 0 10px; font-weight: bold }
	.map__legend ul { margin: 0; padding: 0 }
	.map__legend ul li { position: relative; width: 100%; padding: 12px 10px 11px 38px; border-bottom: 1px solid #d0d0d0 }
	.map__marker { position: absolute; left: 10px; top: 13px; width: 19px; height: 28px; font-size: 24px; line-height: 24px; text-align: center }
	#categories { position: absolute; z-index: 1000 }
	#categories .gm_filter { cursor: pointer }
	#categories .gm_filter.inactive { color: #ccc }
	/* Felépítés, méretek */
  .map { height: 100%; height: 100vh }
  .map__legend { display: block; width: 220px; height: auto; overflow-y: auto; padding: 5px 10px; margin: 0 0 5px; background: #1c211a; color: #fff; line-height: 25px; border: 1px solid #bbb }
  .map > .map__legend { display: none }
  .map__legend strong { color: #cba55f; font-family: "essonnes-display",sans-serif !important; font-size: 15px }
  .map__legend a { color: #fff; font-family: "essonnes-display",sans-serif !important; font-size: 15px }
  .map__legend a:hover { color: #cba55f }
  .map__frame { min-height: 100%; background: #fff }
  .map__frame + .map__legend { display: none }
  .map__print { position: absolute; left: 30px; bottom: 30px; z-index: 1; display: inline-block; padding: 6px 12px; background: #ff6600; color: #fff; font-size: 14px; text-transform: uppercase }


/* Telefon */ @media (max-width: 479px){
	#categories { padding: 20px 120px 5px 120px }
}

/* Telefon, tablet */ @media (min-width: 480px) and (max-width: 767px){
	#categories { padding-top: 30px }
	#categories a.gm_filter { display: block; padding: 0 0 0 45px; margin-left: 10px; text-align: left }
}

/* Tablet */ @media (min-width: 768px) and (max-width: 991px){
	#categories { padding-top: 50px }
	#categories a.gm_filter { padding: 13px 10px 10px 35px; font-size: 14px; line-height: 60px; font-family: Arial; font-weight: bold; color: #682330 }
}