/*
 Theme Name:   Spirit Bear Test
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Twenty Seventeen Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     twentyseventeen
 Version:      1.0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twentyseventeenchild
*/

::placeholder {color: lightgrey;}

label {
  margin-top: 1rem;
}

.visit-test {
  position: relative;
  /* background-color: black; */
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}

.clearfix {
  display: inline-block
}

* html .clearfix {
  height: 1%
}

.clearfix {
  display: block;
}


.When2Visit {
  background-color: rgba(255,255,255,.21);
  color: white;
}


.w2v-row {
  width: 100%;
  height: auto;
  background-color: rgba(255,255,255,.24);
  margin: 0;
  transition: all .5s ease-in-out
}

.w2v-row:nth-child(even) {
  background-color: rgba(0,0,0,.2)
}

a.w2v-row:hover {
  transform: scale(1.05);
  background-color: rgba(0,0,0,.7)
}

 .w2v-row.title {
  background: -webkit-linear-gradient(rgba(0,0,0,.8) 0%,rgba(0,0,0,.6) 100%)
}

 .w2v-row.title .line {
  min-height: 40px;
  font: 400 18px/40px 'Open Sans',Helvetica,Arial,sans-serif;
  text-align: center
}

.w2v-row .preview {
  width: 150px;
  text-align: center;
  float: left;
  min-height: 60px
}

.w2v-row .preview img {
  margin: 5px auto 0;
  border-radius: 4px
}


.w2v-row .w2v-chart {
  position: relative;
  float: none;
  width: auto;
  margin-left: 150px
}


 .w2v-row .w2v-chart .w2v-bar {
  width: 100%;
  position: absolute;
  left: 0;
  top: 14px;
  background-color: rgba(179,37,37,.65);
  text-align: left
}

 .w2v-row .w2v-chart h3 {
  position: relative;
  left: 20px;
  top: 0;
  font: 400 18px/32px 'Open Sans',Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 0;
  text-shadow: 1px 1px 3px rgba(0,0,0,.3);
  color: white;
}

 .w2v-row .line {
  width: 20%;
  float: left;
  border-left: 1px dashed rgba(255,255,255,.2);
  line-height: 60px;
  min-height: 60px;
  box-sizing: border-box
}