/* Electric Tool Pages Custom Styles  */

/*
   #gages{
    background-image: url('/electric/img/1200test.jpg');
    background-size: cover; 
    height: 100vh;
}

   #hextool{
    background-image: url('/electric/img/1200test-2.jpg');
    background-size: cover;
    height: 100vh;
}

    #roundtool{
    background-image: url('https://images.unsplash.com/photo-1474204075013-fafcfee9bfd7?dpr=1&auto=format&crop=entropy&fit=crop&w=1199&h=960&q=80&cs=tinysrgb');
    background-size: cover;
    height: 100vh;

}
*/

.specVer{
  display: none;
}

/* THIS IS FOR COMPARISON TABLE FOR ELECTRIC FORMATING ===========================================*/

.BGCompare{
  background-color: #0069aa;
}

.BGCompare th{
  color: #000;
}

.BGCompare h1{
  color: #fff;
}

.BGCompare table{
  background-color: #fff;
}

/* THIS IS FOR COMPARISON TABLE FORMATING

* {
  background: #000 !important;
  color: #0f0 !important;
  outline: solid #f00 1px !important;
}

 ===========================================*/

/* .table-striped>tbody>tr:nth-child(even)>td{
   background-color: #fff;
 } Disable Over-White Section*/

hr.twoRow{
  margin-top: .20em; margin-bottom: .20em; border-width: 1px; border-color: #636769;
}

tr.row-grey td{
  background-color: #C3C1CB;
}

.table-center{
  text-align: center;
}

.comparison>tbody>tr>th{
  text-align: left;
  background-color: #DCDADB;
}

.comparison td{
    font-size: 15px;
    vertical-align: middle !important;
    text-align: center;
}

.table-hover > .comparison th{
  background-color: #0069aa;
  color:#F2F2F2;
}

.comparison tbody > tr:nth-child(2n+1) > td{
   background-color: #F2F2F2;
}

.comparison >.table-hover > tbody tr:hover td{
  background-color: #FFD837;
}

.glyphicon-ok{
  color:#0069aa;
}

.glyphicon-remove{
  color:#BF2034;
}


@media (min-width: 300px){
  #prewinder{
  background: url('/electric/img/1200KPE.jpg') no-repeat;
  background-size: 100% auto;
  background-position: bottom;
  background-color: #ffffff;
  height: 650px;
  }

  #hex{
  background: url('/electric/img/1200KHE.jpg') no-repeat;
  background-size: 100% auto;
  background-position: bottom;
  background-color: #d9d9d9;
  height: 650px;
  }

  #round{
  background: url('/electric/img/1200KRE.jpg') no-repeat;
  background-size: 100% auto;
  background-position: bottom;
  background-color: #ebecf1;
  height: 650px;
  }
    .specHor{
     display: none;
   }

   .specVer{
     display: block;
     height: 500px;
   }

}

@media (min-width: 500px){
  #prewinder{
  background: url('/electric/img/1200KPE.jpg') no-repeat;
  background-size: 100% auto;
  background-position: bottom;
  background-color: #ffffff;
  height: 750px;
  }

  #hex{
  background: url('/electric/img/1200KHE.jpg') no-repeat;
  background-size: 100% auto;
  background-position: bottom;
  background-color: #d9d9d9;
  height: 750px;
  }

  #round{
  background: url('/electric/img/1200KRE.jpg') no-repeat;
  background-size: 100% auto;
  background-position: bottom;
  background-color: #ebecf1;
  height: 750px;
  }

  .specVer{
     display: none;
   }

   .specHor{
     display: block;
     height: auto;
   }

}


@media (min-width: 1100px){
    #prewinder{
    background: url('/electric/img/1500KPE.jpg') no-repeat;
    background-size: 100% auto;
    background-color: #ffffff;
    height: 900px;
    }
    #hex{
    background: url('/electric/img/1200KHE.jpg') no-repeat;
    background-size: 100% auto;
    background-position: bottom;
    background-color: #d9d9d9;
    height: 900px;
    }
    #round{
    background: url('/electric/img/1200KRE.jpg') no-repeat;
    background-size: 100% auto;
    background-position: bottom;
    background-color: #ebecf1;
    height: 900px;
  }
}


@media (min-width: 1400px){
    #prewinder{
    background: url('/electric/img/1500KPE-2.jpg') no-repeat;
    background-size: 100% auto;
    background-color: #f5f4f9;
    height: 900px;
    }

    #hex{
    background: url('/electric/img/1500KHE-2.jpg') no-repeat;
    background-size: 100% auto;
    background-position: bottom;
    background-color: #f4f4f1;
    height: 900px;
    }

    #round{
    background: url('/electric/img/1500KRE-2.jpg') no-repeat;
    background-size: 100% auto;
    background-position: bottom;
    background-color: #ebecf1;
    height: 900px;
    }
}

.section{
  padding:50px 0;
}

/* New script */

.showcase .showcase-text {
  padding: 3em;
}

.showcase .showcase-img {
  min-height: 25em;
  background-size: cover;
}

.text-white-Display{
  color:#FFF;
  font-weight: 700;
}

.showcaseDisplay .showcase-text-Display {
  padding: 1em;
}

.showcaseDisplay .showcase-img-Display {
  min-height: 10em;
  background-size: cover;
}