/* =============================================================================
  HOMEPAGE STYLES
============================================================================= */

ul.ruled { margin-left: 15px; margin-right: 15px; }
h3 { color: #444444; font-size: 2.0rem; }

section#home-billboard { background-color: #111; color: #fff; line-height: 0; position: relative; background-size: cover !important; background-attachment: scroll; background-repeat: no-repeat; background-position: center center; }
section#home-billboard .text-large { display: block; margin: 0 0 10px 0; font-size: 6.0rem; line-height: 1; font-weight: 400; }
section#home-billboard p { font-size: 2.6rem; line-height: 1.4; }

section#home-description { background-color: #e9f4fc; color: #454344; padding-top: 50px; padding-bottom: 30px; font-size: 1.6rem; line-height: 1.5; }
section#home-description h1 { font-size: 2.4rem; line-height: 1.3; font-weight: 500; margin-top: 0; }
section#home-description a { color: #454344; text-decoration: underline; }
section#home-description a:hover { color: #337ab7; }
section#home-description .col-icon-text { text-transform: uppercase; color: #0c80e3; font-size: 1.2rem; line-height: 1.2; text-align: center; font-weight: 700; padding-top: 5px; padding-bottom: 5px; }
section#home-description .col-icon-text a { color: #0c80e3; text-decoration: none; }
section#home-description .icon { height: 54px; width: 54px; display: block; margin: 10px auto; background: transparent url(https://www.semtech.com/assets/img/home-description-icons.png) 0 0 no-repeat; background-size: 530px 54px; }
section#home-description .icon.icon-internet_of_things { background-position: 0 0; width: 53px; }
section#home-description .icon.icon-network_communications { background-position: -53px 0; width: 46px; }
section#home-description .icon.icon-automotive { background-position: -99px 0; width: 84px; margin-bottom: 16px; }
section#home-description .icon.icon-industrial { background-position: -183px 0; width: 53px; margin-bottom: 16px; }
section#home-description .icon.icon-broadcast_video { background-position: -236px 0; width: 58px; }
section#home-description .icon.icon-space_military { background-position: -294px 0; width: 49px; }
section#home-description .icon.icon-consumer_electronics { background-position: -343px 0; width: 68px; }
section#home-description .icon.icon-enterprise_computing { background-position: -411px 0; width: 60px; }
section#home-description .icon.icon-pro_av { background-position: -471px 0; width: 59px; margin-bottom: 16px; }

@media (min-resolution: 192pi), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	section#home-description .icon { background: transparent url(https://www.semtech.com/assets/img/home-description-icons@2x.png) 0 0 no-repeat; background-size: 530px 54px; }
}
@media (min-resolution: 288pi), (-webkit-min-device-pixel-ratio: 3), (min--moz-device-pixel-ratio: 3), (-o-min-device-pixel-ratio: 3/1), (min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
	section#home-description .icon { background: transparent url(https://www.semtech.com/assets/img/home-description-icons@3x.png) 0 0 no-repeat; background-size: 530px 54px; }
}

@media only screen {
	section#home-billboard video { display: none; }
	section#home-billboard .video-overlay { position: relative; top: 100px; padding: 50px 0 100px 0; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); }
}
@media only screen and (min-width : 992px) {
	section#home-billboard video { display: block; margin: 0; padding: 0; z-index: 1; width: 100%; height: auto; }
	section#home-billboard .video-overlay { position: absolute; top: 200px; left: 0; width: 100%; }
	section#home-description .col-rule-left { border-left: 1px solid #0b80e3; }
}
@media only screen and (min-width : 1200px) {
	section#home-billboard .video-overlay { padding: 100px 0;  }
}