/*
Theme Name: Sandylands App HTML Interface
Theme URI: http://sandydemo.wpengine.com
Author: Door4 & The Black Otter (Oli Robinson)
Author URI: http://door4.co.uk
Description: Mobile interface theme to accompany Olis Sandylands plugin
Version: 1.1
License: N/A
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Education, need, some, more, tags

*/

/* Animations for live feed background colours */

@-webkit-keyframes purple-to-grey {
  0%   { background-color: rgba(179, 85, 173, 0.3); }
  100% { background-color: rgba(179, 85, 173, 1); }
}
@-moz-keyframes purple-to-grey {
  0%   { background-color: rgba(179, 85, 173, 0.3); }
  100% { background-color: rgba(179, 85, 173, 1); }
}
@-o-keyframes purple-to-grey {
  0%   { background-color: rgba(179, 85, 173, 0.3); }
  100% { background-color: rgba(179, 85, 173, 1); }
}
@keyframes purple-to-grey {
  0%   { background-color: rgba(179, 85, 173, 0.3); }
  100% { background-color: rgba(179, 85, 173, 1); }
}

@-webkit-keyframes purple-to-white {
  0%   { background-color: rgba(189, 108, 184, 0.3); }
  100% { background-color: rgba(189, 108, 184, 1); }
}
@-moz-keyframes purple-to-white {
  0%   { background-color: rgba(189, 108, 184, 0.3); }
  100% { background-color: rgba(189, 108, 184, 1); }
}
@-o-keyframes purple-to-white {
  0%   { background-color: rgba(189, 108, 184, 0.3); }
  100% { background-color: rgba(189, 108, 184, 1); }
}
@keyframes purple-to-white {
  0%   { background-color: rgba(189, 108, 184, 0.3); }
  100% { background-color: rgba(189, 108, 184, 1); }
}

@-webkit-keyframes teal-to-grey {
  0%   { background-color: rgba(56, 164, 174, 0.3); }
  100% { background-color: rgba(56, 164, 174, 1); }
}
@-moz-keyframes teal-to-grey {
  0%   { background-color: rgba(56, 164, 174, 0.3); }
  100% { background-color: rgba(56, 164, 174, 1); }
}
@-o-keyframes teal-to-grey {
  0%   { background-color: rgba(56, 164, 174, 0.3); }
  100% { background-color: rgba(56, 164, 174, 1); }
}
@keyframes teal-to-grey {
  0%   { background-color: rgba(56, 164, 174, 0.3); }
  100% { background-color: rgba(56, 164, 174, 1); }
}

@-webkit-keyframes teal-to-white {
  0%   { background-color: rgba(69, 184, 195, 0.3); }
  100% { background-color: rgba(69, 184, 195, 1); }
}
@-moz-keyframes teal-to-white {
  0%   { background-color: rgba(69, 184, 195, 0.3); }
  100% { background-color: rgba(69, 184, 195, 1); }
}
@-o-keyframes teal-to-white {
  0%   { background-color: rgba(69, 184, 195, 0.3); }
  100% { background-color: rgba(69, 184, 195, 1); }
}
@keyframes teal-to-white {
  0%   { background-color: rgba(69, 184, 195, 0.3); }
  100% { background-color: rgba(69, 184, 195, 1); }
}

@-webkit-keyframes camo-to-grey {
  0%   { background-color: rgba(185, 192, 140, 0.3); }
  100% { background-color: rgba(185, 192, 140, 1); }
}
@-moz-keyframes camo-to-grey {
  0%   { background-color: rgba(185, 192, 140, 0.3); }
  100% { background-color: rgba(185, 192, 140, 1); }
}
@-o-keyframes camo-to-grey {
  0%   { background-color: rgba(185, 192, 140, 0.3); }
  100% { background-color: rgba(185, 192, 140, 1); }
}
@keyframes camo-to-grey {
  0%   { background-color: rgba(185, 192, 140, 0.3); }
  100% { background-color: rgba(185, 192, 140, 1); }
}

@-webkit-keyframes camo-to-white {
  0%   { background-color: rgba(192, 198, 151, 0.3); }
  100% { background-color: rgba(192, 198, 151, 1); }
}
@-moz-keyframes camo-to-white {
  0%   { background-color: rgba(192, 198, 151, 0.3); }
  100% { background-color: rgba(192, 198, 151, 1); }
}
@-o-keyframes camo-to-white {
  0%   { background-color: rgba(192, 198, 151, 0.3); }
  100% { background-color: rgba(192, 198, 151, 1); }
}
@keyframes camo-to-white {
  0%   { background-color: rgba(192, 198, 151, 0.3); }
  100% { background-color: rgba(192, 198, 151, 1); }
}

@-webkit-keyframes brown-to-grey {
  0%   { background-color: rgba(113, 81, 62, 0.3); }
  100% { background-color: rgba(113, 81, 62, 1); }
}
@-moz-keyframes brown-to-grey {
  0%   { background-color: rgba(113, 81, 62, 0.3); }
  100% { background-color: rgba(113, 81, 62, 1); }
}
@-o-keyframes brown-to-grey {
  0%   { background-color: rgba(113, 81, 62, 0.3); }
  100% { background-color: rgba(113, 81, 62, 1); }
}
@keyframes brown-to-grey {
  0%   { background-color: rgba(113, 81, 62, 0.3); }
  100% { background-color: rgba(113, 81, 62, 1); }
}

@-webkit-keyframes brown-to-white {
  0%   { background-color: rgba(135, 97, 74, 0.3); }
  100% { background-color: rgba(135, 97, 74, 1); }
}
@-moz-keyframes brown-to-white {
  0%   { background-color: rgba(135, 97, 74, 0.3); }
  100% { background-color: rgba(135, 97, 74, 1); }
}
@-o-keyframes brown-to-white {
  0%   { background-color: rgba(135, 97, 74, 0.3); }
  100% { background-color: rgba(135, 97, 74, 1); }
}
@keyframes brown-to-white {
  0%   { background-color: rgba(135, 97, 74, 0.3); }
  100% { background-color: rgba(135, 97, 74, 1); }
}


/* Overwrite the typical jQuery mobile wrapping */

#page #login,#page .welcome_text {
	text-align:center;
}

#page .ui-li .ui-btn-text a.ui-link-inherit {
	white-space:normal;
}

#page .ui-listview-inset .ui-li h4 {
	margin-top:0;
	margin-bottom:0;
	-webkit-margin-before:0;
	-webkit-margin-after:0;
}

#page .ui-li .ui-btn-text a.ui-link-inherit h4 {
	margin-top:.6em;
	margin-bottom:0;
	-webkit-margin-before:0;
	-webkit-margin-after:0;
}

#page .ui-li .ui-btn-text a.ui-link-inherit p {
	color:#666;
	font-size:.8em;
	font-weight:400;
	line-height:1.4em;
}

.page #live-feed.table-stripe tbody tr.accomplishment_level_1:nth-child(odd) td, .table-stripe tbody tr:nth-child(odd) th {
  -webkit-animation: camo-to-grey 5s 1; /* Safari 4+ */
  -moz-animation:    camo-to-grey 5s 1; /* Fx 5+ */
  -o-animation:      camo-to-grey 5s 1; /* Opera 12+ */
  animation:         camo-to-grey 5s 1; /* IE 10+, Fx 29+ */
  background-color:  #B9C08C;
}

.page #live-feed.table-stripe tbody tr.accomplishment_level_1:nth-child(even) td, .table-stripe tbody tr:nth-child(even) th {
  -webkit-animation: camo-to-white 5s 1; /* Safari 4+ */
  -moz-animation:    camo-to-white 5s 1; /* Fx 5+ */
  -o-animation:      camo-to-white 5s 1; /* Opera 12+ */
  animation:         camo-to-white 5s 1; /* IE 10+, Fx 29+ */
  background-color:  #c0c697;
}

.page #live-feed.table-stripe tbody tr.accomplishment_level_2:nth-child(odd) td, .table-stripe tbody tr:nth-child(odd) th {
  -webkit-animation: brown-to-grey 5s 1; /* Safari 4+ */
  -moz-animation:    brown-to-grey 5s 1; /* Fx 5+ */
  -o-animation:      brown-to-grey 5s 1; /* Opera 12+ */
  animation:         brown-to-grey 5s 1; /* IE 10+, Fx 29+ */
  background-color:  #71513E;
}

.page #live-feed.table-stripe tbody tr.accomplishment_level_2:nth-child(even) td, .table-stripe tbody tr:nth-child(even) th {
  -webkit-animation: brown-to-white 5s 1; /* Safari 4+ */
  -moz-animation:    brown-to-white 5s 1; /* Fx 5+ */
  -o-animation:      brown-to-white 5s 1; /* Opera 12+ */
  animation:         brown-to-white 5s 1; /* IE 10+, Fx 29+ */
  background-color:	 #87614a;
}

.page #live-feed.table-stripe tbody tr.accomplishment_level_3:nth-child(odd) td, .table-stripe tbody tr:nth-child(odd) th {
  -webkit-animation: purple-to-grey 5s 1; /* Safari 4+ */
  -moz-animation:    purple-to-grey 5s 1; /* Fx 5+ */
  -o-animation:      purple-to-grey 5s 1; /* Opera 12+ */
  animation:         purple-to-grey 5s 1; /* IE 10+, Fx 29+ */
  background-color:  #b355ad;
}

.page #live-feed.table-stripe tbody tr.accomplishment_level_3:nth-child(even) td, .table-stripe tbody tr:nth-child(even) th {
  -webkit-animation: purple-to-white 5s 1; /* Safari 4+ */
  -moz-animation:    purple-to-white 5s 1; /* Fx 5+ */
  -o-animation:      purple-to-white 5s 1; /* Opera 12+ */
  animation:         purple-to-white 5s 1; /* IE 10+, Fx 29+ */
  background-color:  #bd6cb8;
}

.page #live-feed.table-stripe tbody tr.accomplishment_level_4:nth-child(odd) td, .table-stripe tbody tr:nth-child(odd) th {
  -webkit-animation: teal-to-grey 5s 1; /* Safari 4+ */
  -moz-animation:    teal-to-grey 5s 1; /* Fx 5+ */
  -o-animation:      teal-to-grey 5s 1; /* Opera 12+ */
  animation:         teal-to-grey 5s 1; /* IE 10+, Fx 29+ */
  background-color:  #38A4AE;
}

.page #live-feed.table-stripe tbody tr.accomplishment_level_4:nth-child(even) td, .table-stripe tbody tr:nth-child(even) th {
  -webkit-animation: teal-to-white 5s 1; /* Safari 4+ */
  -moz-animation:    teal-to-white 5s 1; /* Fx 5+ */
  -o-animation:      teal-to-white 5s 1; /* Opera 12+ */
  animation:         teal-to-white 5s 1; /* IE 10+, Fx 29+ */
  background-color:  #45b8c3;
}

.page #live-feed.table-stripe tbody tr.accomplishment_level_1:nth-child(odd) td,
.page #live-feed.table-stripe tbody tr.accomplishment_level_1:nth-child(even) td,
.page #live-feed.table-stripe tbody tr.accomplishment_level_2:nth-child(odd) td,
.page #live-feed.table-stripe tbody tr.accomplishment_level_2:nth-child(even) td,
.page #live-feed.table-stripe tbody tr.accomplishment_level_3:nth-child(odd) td,
.page #live-feed.table-stripe tbody tr.accomplishment_level_3:nth-child(even) td,
.page #live-feed.table-stripe tbody tr.accomplishment_level_4:nth-child(odd) td,
.page #live-feed.table-stripe tbody tr.accomplishment_level_4:nth-child(even) td {
	color: #fff;
}