/* Custom Stylesheet */

nav ul a,
nav .brand-logo {
  color: #444;
}

p {
  line-height: 2rem;
}

.button-collapse {
  color: #26a69a;
}

.parallax {
  opacity: 0.6;
  filter: alpha(opacity=60); /* For IE8 and earlier */
}

.parallax-container {
  min-height: 200px;
  line-height: 0;
  height: auto;
  color: rgba(255,255,255,.9);
}

.parallax-container .section {
    width: 100%;
  }

@media only screen and (max-width : 992px) {
  .parallax-container .section {
    /**position: absolute;**/
    top: 40%;
  }
  #index-banner .section {
    top: 10%;
  }
}

@media only screen and (max-width : 600px) {
  #index-banner .section {
    top: 0;
  }
}

h1 {
	font-family:'Bobby Jones Soft', sans serif;
	font-variant:normal;
	font-weight:1000;
	text-shadow: -1px 1px 2px #111111;
}

h3 {
	font-family:'Gotham', sans serif;
}

h4 {
	font-family:"Gotham", sans serif;
}

h5 {
	font-family:'Roboto', sans serif;
}

h6 {
	font-family:"Gotham", sans serif;
	font-size:1.25em;
}

ul {
	font-family:"Gotham", sans serif;
}	

@media only screen and (max-width : 992px) {
  h5 {
	font-size: 75%;	
  }
}

@media (max-width: 768px) {
    .container{
		width:95%;
        padding: 0;
    }
}


/***STICKY FOOTER***/

body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
  }

  main {
    flex: 1 0 auto;
  }
  
.bottom_margin {
    margin-bottom:0px;
  }


/***ICON***/  

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
  font-size: inherit;
}

/***IMG MOVEMENT***/

.row img {
	max-width:100%;
-webkit-transition: all 0.5s ease; /* Safari and Chrome */
   -moz-transition: all 0.5s ease; /* Firefox */
   -ms-transition: all 0.5s ease; /* IE 9 */
   -o-transition: all 0.5s ease; /* Opera */
   transition: all 0.5s ease;
}
.row a:hover img {
-webkit-transform:scale(1.2); /* Safari and Chrome */
   -moz-transform:scale(1.2); /* Firefox */
   -ms-transform:scale(1.2); /* IE 9 */
   -o-transform:scale(1.2); /* Opera */
    transform:scale(1.2);
}

/***Weather***/

weather.icon
{
  font-size: 1.1em;
  display: block;
  position: relative;
  width: 7em;
  height: 7em;
  margin: 2em auto;
  color:#515252;
}

weather.icon *
{
  display: block;
  width: 100%;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}

weather.icon strong
{
  position: absolute;
  top: 0;
  padding: 1em 0;
}

weather.icon em
{
  position: absolute;
  bottom: 1.3em;
  font-size:1.15vmin
}

weather.icon span
{
  width: 100%;
  font-size: 3.5em;
  letter-spacing: -0.05em;
  padding-top: 1em;
  color:#515252;
}

/***UV Index***/

uv.icon
{
  font-size: 1.1em;
  display: block;
  position: relative;
  width: 7em;
  height: 7em;
  margin: 2em auto;
}

uv.icon *
{
  display: block;
  width: 100%;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}

uv.icon strong
{
  position: absolute;
  top: 0;
  padding: 1em 0;
}

uv.icon em
{
  position: absolute;
  bottom: 0.3em;
}

uv.icon span
{
  width: 100%;
  font-size: 3.5em;
  letter-spacing: -0.05em;
  padding-top: 1em;
  color:#515252;
}

/***TIME REMAINING***/

time.icon
{
  font-size: 1.1em; /* change icon size */
  display: block;
  position: relative;
  width: 7em;
  height: 7em;
  margin: 2em auto;
}

time.icon *
{
  display: block;
  width: 100%;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}

time.icon strong
{
  position: absolute;
  top: 0;
  padding: 1em 0;
}

time.icon em
{
  position: absolute;
  bottom: 1.3em;
  color:#515252;
  margin-left:0.3em;
  letter-spacing: 0.05em;
  font-size:1.3vmin
}

time.icon span
{
  width: 100%;
  font-size: 3.5em;
  letter-spacing: -0.05em;
  padding-top: 1em;
  color:#515252;
}

/***Date***/

date.icon
{
  font-size: 1.1em; /* change icon size */
  display: block;
  position: relative;
  width: 7em;
  height: 7em;
  margin: 2em auto;
}

date.icon *
{
  display: block;
  width: 100%;
  font-weight: bold;
  font-style: normal;
  text-align: center;
  letter-spacing: 0.05em;
  bottom: 1.6em;	
}

date.icon strong
{
  position: absolute;
  top: 0;
  padding: 1em 0;
}

date.icon em
{
  position: absolute;
  bottom: 1.3em;
  color:#515252;
  letter-spacing: -0.5em;
  font-size:1.3vmin
}

date.icon span
{
  width: 100%;
  font-size: 3.5em;
  letter-spacing: -0.05em;
  padding-top: 1em;
  color:#515252;
}

/**GOOGLE SEARCH**/
#searchbox {
    font-size:3vh;
	color: #ffffff;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #515252;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #515252;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #515252;
}

/* label focus color */
 .input-field input:focus + label {
   color: #515252 !important;
 }
 /* label underline focus color */
 .row .input-field input:focus {
   border-bottom: 1px solid #515252 !important;
   box-shadow: 0 1px 0 0 #515252 !important
 }

 .full-width {
    height: 95%;
    min-height: 70vh !important;
}

/**LOGO**/
#logo {
	 margin-top:0.5vh;
	 margin-left:2.5vh;
 }
 
 .card-panel-round {
  -webkit-transition: -webkit-box-shadow .25s;
	transition: -webkit-box-shadow .25s;
	transition: box-shadow .25s;
	transition: box-shadow .25s, -webkit-box-shadow .25s;
	border-radius: 100%;
	height: 120px;
	width: auto;
   
}

.card{ 
	border-radius: 1px; 
	position: relative !important;
	right: 20px !important;
}

.rounded{
	border-radius:10px;
}

.border{
	 border: 1px solid black;
}

.back{
	background: linear-gradient(-60deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}