body {
	padding-top: 40px;
}

canvas {
	display: inline;
	/*margin-right: 10px;
	padding-top: 5px;
	margin-bottom: 10px;*/
}

.fl-left {
	float: left;
}
.fl-right {
	float: right;
}

.al-left {
	text-align: left;
}
.al-right {
	text-align: right;
}
.al-center {
	text-align: center;
}

.no-padding {
	padding: 0px !important;
}
.no-margin {
	margin: 0px !important;
}
.mt-40 {
	margin-top: 40px;
}
.ml-15 {
	margin-left: 15px;
}
.pt-10 {
	padding-top: 10px;
}
.fs20 {
	font-size: 20px;
}

.page-title {
	font-weight: bold;
}

.wx-box {
    background-color: #4e5d6c;
    padding: 5px;
    /*margin: 5px 10px 0 0;*/
}
.hourly-box, .daily-box {
	padding: 7px 15px 7px 15px !important;
	text-align: center;
	width: 100%;
	margin: auto;
}
/*.hourly-box .weather-data div:nth-child(odd) {
	text-align: center;
}
.hourly-box .weather-data div:nth-child(even) {
	text-align: right;
}*/

.daily-box {
	height: 575px;
}

.weather-data {
	margin: 0.5em auto;
}
.weather-data div  {
	text-align: center;
	margin-bottom: 1em;
	height: 2.5em;
  line-height: 1.1;
}

span.icon {
	font-size: 1.15em;
}

.current-box, .today-box {
	text-align: center;
	/*font-size: 1.25em;*/
}
/*.current-box .row, .today-box .row {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}*/
.current-box .weather-data div, .today-box .weather-data div {
	line-height: 1;
	height: 2.85em;
}
.current-box .weather-data div span.icon, .today-box .weather-data div span.icon {
	display: block;
	margin-bottom: 0.25em;
}
.current-box small, .today-box small, .hourly-box small, .daily-box small {
	font-size: 80%;
}

.temp {
	font-weight: bold;
	font-size: 35px;
	display: inline;
	color: #df691a;
}
.temp-high {
	color: #df691a;
}
.temp-low {
	color: #5bc0de;
}
.temp-now {
	color: #ffffff;
}
.temp-feel {
	color: #8e8e8e;
}

.inline {
	display: inline !important;
}
.inline-block {
	display: inline-block !important;
}

.wi-text {
	line-height: 1;
	font-weight: bold;
	letter-spacing:-1px;
}

.icon-anchor {
	margin: 2em 0;
}

@media (max-width: 768px) {
	.daily-box {
		height: 435px;
	}
	
	.icon-anchor {
		margin: 0;
	}
	.icon-anchor a i {
		font-size: 32px;
		margin: 0.5em 0.5em;
	}
}

/* Colors */
body {
	background-color: #f1ece9 /*#1f2b37*/;
}

footer {
	color: #000;
	text-align: center;
	font-size: 85%;
}

footer a, footer a:link {
	color: #000;
}

/* Panels */
.panel-default>.panel-heading {
	background-color: #00aab7;
}

.panel {
	background-color: #003d60;
}


/* Tabs */
/*
	background-color: #00aab7 > #343e48;
	background-color: #003d60 > #3a4550;
*/

/*
.panel-default>.panel-heading,
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus,
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
	background-color: #00aab7;
}

.navbar-default, .panel {
	background-color: #003d60;
}

.nav>li>a:hover, .nav>li>a:focus {
	background-color: #003d60;
	color: #fff;
}

.nav-tabs>li>a, 
.nav-pills>li>a {
	background: transparent;
	color: #333;
}

.nav-tabs {
	border-bottom: 1px solid #003d60;
}
*/
.nav-tabs { border-bottom: 2px solid #DDD; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; background: transparent; }
.nav-tabs > li > a { border: none; color: #666; font-weight: bold; }
.nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none; color: #003d60 !important; background: transparent; }
.nav-tabs > li > a::after { content: ""; background: #00aab7; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
.tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }
.tab-pane { padding: 15px 0; }
.tab-content { padding: 20px; }

/* Font */
h1.page-title, h3 {
	color: #333;
}

body, .panel-heading h3, .panel-default>.panel-heading {
	color: #fff;
}

h3 {
	font-weight: bold;
}

.text-info {
	color: #444;
}

/* Bootstrap overwrite */
.nav-tabs>li {
	margin-right: 0.5em;
	width: 150px;
}

.tab-content {
	margin-top: 1em;
	margin-bottom: 1em;
}

@media (max-width: 768px) {
	.nav-tabs>li {
		margin-right: auto;
		width: auto;
	}
}

/* Bootstrap columns */
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding-left: 5px !important;
	padding-right: 5px !important;
}

@media (min-width: 768px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1  {
    width: 100%;
  }
}

@media (min-width: 992px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
  }
}

@media (min-width: 1200px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
  }
}

/* Algolia */
.algolia-places .ap-dropdown-menu.ap-with-places {
	color: black;
}
.algolia-places .form-control.ap-input {
	width: 250px;
}
/* END Algolia */