:root {
	--color_1                : #E1562B;
	--color_2                : #FFA238;
	--color_3                : #1DB5F5;
	--color_header           : #211F20;
	--color_header_font      : #ffffff;
	--color_body             : #211F20;
	--color_body_font        : #A7A8AB;
	--color_footer           : #211F20;
	--color_footer_font      : #ffffff;
}

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: 200;
	background: var(--color_body);
	color: var(--color_body_font);
	height: 100%;
	overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	margin: 0;
	padding: 0;
	display: block;
	transition: all 0.5s;
}

section{ overflow: hidden; }

ul, li { display: block; list-style: none; margin: 0; padding: 0; }

a { color: inherit; outline: none !important; text-decoration: none; }
a:hover { color: inherit; text-decoration: none; }
a:active,
a:focus { color: inherit; text-decoration: none; }
a, button, input { outline: none !important; }

/*  Colors, Backgrounds
------------------------------------------------------------------------------- */

.color-white { color: #ffffff !important;; }
.color-hover-white:hover { color: #ffffff !important;; }

.bg-white { background: #ffffff !important;; }
.bg-hover-white:hover { background: #ffffff !important;; }

/* Usado em componentes que herdam cores do header, body, footer */
.color-header { color: var(--color_header_font) !important; }
.color-body { color: var(--color_body_font) !important; }
.color-footer { color: var(--color_footer_font) !important; }

/* Usado em Bordas */
.bg-header { background: var(--color_header) !important; }
.bg-body { background: var(--color_body) !important; }
.bg-footer { background: var(--color_footer) !important; }

/* Títulos, enfase */
.color-1 { color: var(--color_1) !important; }
.color-2 { color: var(--color_2) !important; }
.color-3 { color: var(--color_3) !important; }

/* Botões, Menu */
.bg-color-1 { background: var(--color_1) !important; }
.bg-color-2 { background: var(--color_2) !important; }
.bg-color-3 { background: var(--color_3) !important; }

/* Links */
.color-hover-1:hover { color: var(--color_1) !important; }
.color-hover-2:hover { color: var(--color_2) !important; }
.color-hover-3:hover { color: var(--color_3) !important; }

/* links, Botões */
.bg-hover-1:hover { background: var(--color_1) !important; }
.bg-hover-2:hover { background: var(--color_2) !important; }
.bg-hover-3:hover { background: var(--color_3) !important; }

/*  Buttons
------------------------------------------------------------------------------- */

/* .btn { color: #fff !important; } */
.btn:hover { color: inherit }
.btn.active { filter: brightness(80%); }

.btn-hover-shadow:hover { box-shadow: 0 6px 12px 0 rgba(0,0,0,0.24); }

.btn-alpha { background: rgba(0,0,0,0.4); color: #fff;  }
.btn-alpha:hover { background: var(--color_1); }

.btn-1 { background: var(--color_1); color: #fff; }
.btn-2 { background: var(--color_2); color: #fff; }
.btn-3 { background: var(--color_3); color: #fff; }

.btn-1:hover { box-shadow: 0 6px 12px 0 rgba(0,0,0,0.24); }
.btn-2:hover { box-shadow: 0 6px 12px 0 rgba(0,0,0,0.24); }
.btn-3:hover { box-shadow: 0 6px 12px 0 rgba(0,0,0,0.24); }

/*  Borders
------------------------------------------------------------------------------- */

.b-1 { border-width: 1px !important; }
.b-2 { border-width: 2px !important; }

.brd-w { border-color: #ffffff !important; }
.brd-1 { border-color: var(--color_1) !important; }
.brd-2 { border-color: var(--color_2) !important; }
.brd-3 { border-color: var(--color_3) !important }

.brd-header { border-color: rgba(var(--color_header_font_rgb),.2) !important; }
.brd-body { border-color: rgba(var(--color_body_font_rgb),.2) !important; }
.brd-footer { border-color: rgba(var(--color_footer_font_rgb),.2) !important; }

#map{
    width: 100%;
    height:100%;
    background:#CCCCCC;
    /* margin-bottom:50px; */
}

.leaflet-tile-pane {
    filter: invert(0);
}