/*
 * Main theme colours
*/

/*
dark blue
#332F3E

light teal
#80C8B5

teal green
#4DB788

yellow
#E6C973

off white
#F5F4F4
*/

.navbar-custom {
    background: #4DB788 none repeat scroll 0 0;
    border: medium none;
    font-weight: 700;
    color: #F5F4F4;
}

.navbar-custom .navbar-brand, .navbar-custom .navbar-brand.active, .navbar-custom .navbar-brand:active, .navbar-custom .navbar-brand:focus, .navbar-custom .navbar-brand:hover, .navbar-custom .navbar-nav li a, header {
    color: #fff;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox='0%200%2030%2030'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20stroke='rgba(255,%20255,%20255,%200.5)'%20stroke-width='2'%20stroke-linecap='round'%20stroke-miterlimit='10'%20d='M4%207h22M4%2015h22M4%2023h22'/%3E%3C/svg%3E");
}

body {
	background: #332F3E;
	color: #fff;
}


.padding-fix {
	padding-top: 18px;
}

/* homepage  */

#home {
	min-height: 400px;
}

.video-section h1, .video-section h3{
	text-align:center;
	color:#fff;
}

.video-section h1{
	font-size: 14vw;
	font-weight:bold;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #000;
	-webkit-text-shadow: 1px 1px 1px #000;
	-moz-text-shadow: 1px 1px 1px #000;
}

.video-section h3{
	font-size: 25px;
	font-weight:lighter;
	margin: 15px auto 15px;
}

#sign-up {
	padding: 10px 0;
}

.form-group #fieldEmail {
	color: #666666; 
}

.second-call {
	font-size: 16px;
	font-weight:lighter;
	margin: 6px auto 40px;
}

#sign-up {
	margin-top: 20px;
}

/*Device page*/

#current {
	padding-bottom: 12px;
}

#current .card-alert {
	padding: 10px;
}

#current .card-header {
	background-color: #80C8B5;
}

#current .card-body .card-title {
	color: #332F3E;
}

#current .card-footer {
	color: #6c757d;
}

#current .modal-header {
	color: #6c757d;
}

.current-temp-cont {
	background-color: #80C8B5;
	text-align: center;
}

.current-temp {
	width: 20vw;
	font-size: 18vw;
}

#timeline {
	margin-bottom: 70px;
}


.footer {
	background: #4DB788 none repeat scroll 0 0;
}

.footer ul {
	text-align: center;
	text-transform: uppercase;
	margin-top: 10px;
}

.footer ul a{
	color: white;
	padding: 12px;
}

.footer-list {
	list-style: outside none none;
    margin: 0 0 10px;
    padding: 0;
   }

/*Video on Front Page*/

.fullscreen-bg {
    position: fixed;
    top: -200px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
}

.fullscreen-bg__video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
}

@media (max-width: 767px) {
    .fullscreen-bg {
        background: url('/media/yellowknife-cold.jpg') center center / cover no-repeat;
    }

    .fullscreen-bg__video {
        display: none;
    }
}

.device-body {
	margin-bottom: 20px;
	padding-bottom: 6px;
}

/*DEVICE PAGE*/

#historical {
	margin: 20px 0;
	padding: 20px;
	background-color: white;
}

.temp-thresh input:focus::placeholder,
.device-nickname input:focus::placeholder {
  color: transparent;
}