/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/


/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/*
.solar-row {
  padding: 20px 0;
  margin: 0;
  width: 100%;
}

.solar-row:hover {
  background-color: #f0f0f0 !important;
}

.solar-row:hover .solar-hover-link {
  text-decoration: underline;
}

.solar-product-type {
  display: block;
  padding-top: 40px;
  padding-bottom: 15px;
  font-size: 170%;
  font-weight:bold;
  color: #ff971d;
}

.solar-SKU {
}

.solar-qty {
  display: inline-block;
  padding: 1px 5px;
  margin-right: 5px;
  font-size: 70%;
  font-weight: bold;
  color: #fff;
  background-color: #b1c1e1;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.solar-qty:hover {
  text-decoration: underline;
  background-color: #4d88ff;
  color: #fff !important;
}

.solar-brand-resp {
  display:none;
}

.solar-detail, .solar-brand {
  display: inline-block;
  box-sizing: border-box;
  width: 19%;
  padding: 0;
  margin: 0;
  border: none;
  text-align: center;
}

.solar-legend {
 color: #b3b3b3;
 font-size: 90%;
}

@media (max-width: 767px) {

.solar-product-type {
  text-align: center;
}
  
.solar-brand { display:none; }

.solar-brand-resp {
  display:block;
  text-align: center;
  background: rgb(255,255,255);
  background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%);
  border-top: 1px dotted #ccc;
  margin-top: 10px;
  padding: 20px 0;
}

.solar-brand-resp::after {
  content: " BRAND";
  }
  
.solar-detail {
  width: 24%;
}
  
.solar-hover-link {
  text-decoration: underline;
}

}

*/

.rg-solar-container {
 width: 100%;
 max-width: 900px;
 font-size: 16px; 
 line-height: 1.5;
}

.rg-solar-icon {
  box-sizing: border-box;
  display: inline-block;
  width: 150px;
  margin: 0 10px 10px 0;
  padding: 20px 10px;
  padding-top: 120px;
  text-align: center;
  color: #fff !important;
  background-color: #4d88ff;
  background-repeat: no-repeat;
  background-position: 50% 10%;
  background-size: 80%;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}

.rg-solar-icon-blue { background-color: #4d88ff; }
.rg-solar-icon-green { background-color: #2e9a43; }
.rg-solar-icon-gold { background-color: #ebaf19; }
.rg-solar-icon-brown { background-color: #734021; }

#rg-solar-metal-roof {background-image: url("https://www.recycledgoods.com/product_images/uploaded_images/rooftop-metal.png");}
#rg-solar-metal-roof:hover {background-image: url("https://www.recycledgoods.com/product_images/uploaded_images/rooftop-metal-glow.png");}
#rg-solar-metal-roof::after {content: ""; font-size: 0; width: 1px; height: 1px; background-image: url("https://www.recycledgoods.com/product_images/uploaded_images/rooftop-metal-glow.png");}
#rg-solar-residential {background-image: url("https://www.recycledgoods.com/product_images/uploaded_images/rooftop-residential.png");}
#rg-solar-residential:hover {background-image: url("https://www.recycledgoods.com/product_images/uploaded_images/rooftop-residential-glow.png");}
#rg-solar-residential::after {content: ""; font-size: 0; width: 1px; height: 1px; background-image: url("https://www.recycledgoods.com/product_images/uploaded_images/rooftop-residential-glow.png");}
#rg-solar-commercial {background-image: url("https://www.recycledgoods.com/product_images/uploaded_images/rooftop-commercial.png");}
#rg-solar-commercial:hover {background-image: url("https://www.recycledgoods.com/product_images/uploaded_images/rooftop-commercial-glow.png");}
#rg-solar-commercial::after {content: ""; font-size: 0; width: 1px; height: 1px; background-image: url("https://www.recycledgoods.com/product_images/uploaded_images/rooftop-commercial-glow.png");}
#rg-solar-industrial {background-image: url("https://www.recycledgoods.com/product_images/uploaded_images/rooftop-industrial.png");}
#rg-solar-industrial:hover {background-image: url("https://www.recycledgoods.com/product_images/uploaded_images/rooftop-industrial-glow.png");}
#rg-solar-industrial::after {content: ""; font-size: 0; width: 1px; height: 1px; background-image: url("https://www.recycledgoods.com/product_images/uploaded_images/rooftop-industrial-glow.png");}
#rg-solar-curved {background-image: url("https://www.recycledgoods.com/product_images/uploaded_images/rooftop-curved.png");}
#rg-solar-curved:hover {background-image: url("https://www.recycledgoods.com/product_images/uploaded_images/rooftop-curved-glow.png");}
#rg-solar-curved::after {content: ""; font-size: 0; width: 1px; height: 1px; background-image: url("https://www.recycledgoods.com/product_images/uploaded_images/rooftop-curved-glow.png");}
#rg-solar-battery {background-image: url("https://www.recycledgoods.com/product_images/uploaded_images/battery.png");}
#rg-solar-battery:hover {background-image: url("https://www.recycledgoods.com/product_images/uploaded_images/battery-glow.png");}
#rg-solar-battery::after {content: ""; font-size: 0; width: 1px; height: 1px; background-image: url("https://www.recycledgoods.com/product_images/uploaded_images/battery-glow.png");}
#rg-solar-busrv {background-image: url("https://www.recycledgoods.com/product_images/uploaded_images/busrv.png");}
#rg-solar-busrv:hover {background-image: url("https://www.recycledgoods.com/product_images/uploaded_images/busrv-glow.png");}
#rg-solar-busrv::after {content: ""; font-size: 0; width: 1px; height: 1px; background-image: url("https://www.recycledgoods.com/product_images/uploaded_images/busrv-glow.png");}
#rg-solar-camping {background-image: url("https://www.recycledgoods.com/product_images/uploaded_images/camping.png");}
#rg-solar-camping:hover {background-image: url("https://www.recycledgoods.com/product_images/uploaded_images/camping-glow.png");}
#rg-solar-camping::after {content: ""; font-size: 0; width: 1px; height: 1px; background-image: url("https://www.recycledgoods.com/product_images/uploaded_images/camping-glow.png");}
#rg-solar-disaster {background-image: url("https://www.recycledgoods.com/product_images/uploaded_images/disaster.png");}
#rg-solar-disaster:hover {background-image: url("https://www.recycledgoods.com/product_images/uploaded_images/disaster-glow.png");}
#rg-solar-disaster::after {content: ""; font-size: 0; width: 1px; height: 1px; background-image: url("https://www.recycledgoods.com/product_images/uploaded_images/disaster-glow.png");}
#rg-solar-lightweight {background-image: url("https://www.recycledgoods.com/product_images/uploaded_images/feather.png");}
#rg-solar-lightweight:hover {background-image: url("https://www.recycledgoods.com/product_images/uploaded_images/feather-glow.png");}
#rg-solar-lightweight::after {content: ""; font-size: 0; width: 1px; height: 1px; background-image: url("https://www.recycledgoods.com/product_images/uploaded_images/feather-glow.png");}
#rg-solar-rugged {background-image: url("https://www.recycledgoods.com/product_images/uploaded_images/hammer.png");}
#rg-solar-rugged:hover {background-image: url("https://www.recycledgoods.com/product_images/uploaded_images/hammer-glow.png");}
#rg-solar-rugged::after {content: ""; font-size: 0; width: 1px; height: 1px; background-image: url("https://www.recycledgoods.com/product_images/uploaded_images/hammer-glow.png");}
#rg-solar-hightemp {background-image: url("https://www.recycledgoods.com/product_images/uploaded_images/hightemp.png");}
#rg-solar-hightemp:hover {background-image: url("https://www.recycledgoods.com/product_images/uploaded_images/hightemp-glow.png");}
#rg-solar-hightemp::after {content: ""; font-size: 0; width: 1px; height: 1px; background-image: url("https://www.recycledgoods.com/product_images/uploaded_images/hightemp-glow.png");}
#rg-solar-lowlight {background-image: url("https://www.recycledgoods.com/product_images/uploaded_images/lowlight.png");}
#rg-solar-lowlight:hover {background-image: url("https://www.recycledgoods.com/product_images/uploaded_images/lowlight-glow.png");}
#rg-solar-lowlight::after {content: ""; font-size: 0; width: 1px; height: 1px; background-image: url("https://www.recycledgoods.com/product_images/uploaded_images/lowlight-glow.png");}
#rg-solar-meter {background-image: url("https://www.recycledgoods.com/product_images/uploaded_images/meter.png");}
#rg-solar-meter:hover {background-image: url("https://www.recycledgoods.com/product_images/uploaded_images/meter-glow.png");}
#rg-solar-meter::after {content: ""; font-size: 0; width: 1px; height: 1px; background-image: url("https://www.recycledgoods.com/product_images/uploaded_images/meter-glow.png");}
#rg-solar-drill {background-image: url("https://www.recycledgoods.com/product_images/uploaded_images/drill.png");}
#rg-solar-drill:hover {background-image: url("https://www.recycledgoods.com/product_images/uploaded_images/drill-glow.png");}
#rg-solar-drill::after {content: ""; font-size: 0; width: 1px; height: 1px; background-image: url("https://www.recycledgoods.com/product_images/uploaded_images/drill-glow.png");}

.rg-solar-display-head-container {
  width: 100%;
  height: 200px;
  line-height: 200px;
  margin: 30px 0;
  text-align: center;
  background-image: url("https://cdn2.hubspot.net/hubfs/5677810/unisolar-germany.jpg");
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-color: #ffffff;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}

.rg-solar-display-head-container-image1 { background-image: url("https://cdn2.hubspot.net/hubfs/5677810/unisolar-germany.jpg"); }
.rg-solar-display-head-container-image2 { background-image: url("https://cdn2.hubspot.net/hubfs/5677810/unisolar-rome.jpg"); }
.rg-solar-display-head-container-image3 { background-image: url("https://cdn2.hubspot.net/hubfs/5677810/unisolar-hawaiiarmy.jpg"); }
.rg-solar-display-head-container-image4 { background-image: url("https://cdn2.hubspot.net/hubfs/5677810/unisolar-commercial.jpg"); }
.rg-solar-display-head-container-image5 { background-image: url("https://cdn2.hubspot.net/hubfs/5677810/unisolar-shingle.jpg"); }
.rg-solar-display-head-container-image6 { background-image: url("https://cdn2.hubspot.net/hubfs/5677810/unisolar-mario.jpg"); }
.rg-solar-display-head-container-image7 { background-image: url("https://cdn2.hubspot.net/hubfs/5677810/unisolar-prolog.jpg"); }
.rg-solar-display-head-container-image8 { background-image: url("https://cdn2.hubspot.net/hubfs/5677810/unisolar-malag.jpg"); }
.rg-solar-display-head-container-image9 { background-image: url("https://cdn2.hubspot.net/hubfs/5677810/unisolar-thys.jpg"); }
.rg-solar-display-head-container-image10 { background-image: url("https://cdn2.hubspot.net/hubfs/5677810/unisolar-res.jpg"); }
.rg-solar-display-head-container-image11 { background-image: url("https://cdn2.hubspot.net/hubfs/5677810/carcharging2.jpg"); }
.rg-solar-display-head-container-image12 { background-image: url("https://cdn2.hubspot.net/hubfs/5677810/rv.jpg"); }
.rg-solar-display-head-container-image13 { background-image: url("https://cdn2.hubspot.net/hubfs/5677810/disaster2.jpg"); }
.rg-solar-display-head-container-image14 { background-image: url("https://cdn2.hubspot.net/hubfs/5677810/hiking.jpg"); }

.rg-solar-display-head-container span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 48px;
  color: #fff;
}

.rg-solar-display-container {
display:block;
box-sizing: border-box;
padding: 20px 40px;
margin: 30px 0;
background-color: #f0f0f0;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
}

.rg-solar-display-container-third {
display: table-cell;
width: 33%;
min-width: 200px;
padding: 20px;
text-align: center;
}

.rg-icon-container {
  display: block;
  text-align: center;
  margin: 50px 0;
}

.rg-solar-icon-pair {
  display: inline-block;
  width: 325px;
}

.rg-solar-image-container {
  display: block;
  text-align: center;
}

.rg-solar-image-container-third {
  display: inline-block;
  box-sizing: border-box;
  width: 30%;
  max-width: 300px;
  height: 200px;
  margin-right: 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}

.rg-product-table {
  border-collapse: collapse;
  width: 100%;
}

.rg-product-table tr:nth-child(even){
	background-color: #f0f0f0;
}

.rg-product-table td {
  padding: 10px !important;
}

.rg-product-table a {
 color: #4d88ff !important;
 text-decoration: underline !important;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}

.rg-product-table a:hover {
 color: #3966bf !important;
}

.rg-product-table .fa {
  color: #96addc;
  font-size: 80% !important;
  text-decoration: none !important;
  margin-left: 5px;
}

.rg-brand-button {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #2e9a43;
  color: #fff;
  padding: 5px 15px;
  margin-right: 10px;
  font-weight: bold;
}

.rg-brand-button:hover {
  background-color: #3eb054 !important;
  color: #fff !important;
}

.rg-shaded-container {
  display: block; 
  padding: 30px; 
  margin-top: 30px; 
  background-color: #e5e5e5;
}
  
.rg-aside {
  display: block;
  box-sizing: border-box;
  padding: 20px;
  margin: 20px 0;
  background-color: #f0f0f0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  text-align: center;
}

.rg-aside p {
  text-align: left;
}

.rg-aside img {
  width: 150px;
}

@media (max-width: 767px) {
  
.rg-solar-display-container-third {
  display:block;
  width:100%;
  min-width:unset;
  margin:0;
  padding:0
  }
  
}

@media (max-width: 400px) {

.rg-solar-display-container {
  padding: 20px;
  }
  
.rg-solar-display-container-third {
  display:block;
  width:100%;
  padding:0;
  }
  
.rg-solar-icon-pair {
  width: 100%; 
}
  
.rg-shaded-container {
  padding: 20px; 
}