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

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

#blog-articles li:nth-child(n+2) .entry-summary{ display:none; }
.home .entry-summary {margin: 0;}

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;  width: 100%; padding-top: 27%}
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 { color: #454344; padding-top: 50px; 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.jp/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; }

.home .video-container:first-of-type { margin-top: 30px; }
.home .video-container { margin-top: 15px; margin-left: 15px; margin-right: 15px;}

section#home-description .row > div:nth-child(2) {  padding-top: 15px; }

@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.jp/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.jp/assets/img/home-description-icons@3x.png) 0 0 no-repeat; background-size: 530px 54px; }
}

@media only screen {
	section#home-billboard video { display: none; z-index: 10;}
	section#home-billboard .video-overlay { position: absolute; left: 10px; padding: 0; width: 100%; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); z-index: 20; }
  section#home-billboard { min-height: 200px;  }
}
@media only screen and (min-width : 320px) {
  section#home-billboard .text-large { font-size: 4rem; }
  section#home-billboard .video-overlay { bottom: 5%; }
}

@media only screen and (min-width : 360px) {
}

@media only screen and (min-width : 480px) {
  
}

@media only screen and (min-width : 768px) {
  section#home-billboard .text-large { font-size: 5rem; }
  section#home-billboard .video-overlay { 0 }
  .home .entry-summary img {height: 180px;}
}

@media only screen and (min-width : 992px) {
	section#home-billboard video { display: block; margin: 0; padding: 0; z-index: 1; width: 100%; height: auto; position:absolute; bottom: 0; }
	section#home-billboard .video-overlay { position: absolute; width: 100%; }
	section#home-description .col-rule-left { border-left: 1px solid #0b80e3; }
  section#home-billboard .text-large { font-size: 6rem; }
  section #home-description .row > div:nth-child(2) {  padding-top: 0; }
}
@media only screen and (min-width : 1200px) {
}

/* .homepage-featured-front-container gets a resting transform from animate.css's fill-mode:both,
   which creates its own stacking context and traps the search autocomplete's z-index inside it.
   Give the container itself a z-index so that whole context out-ranks .banner-nav-products below it. */
.homepage-featured-front-container {
	position: relative;
	z-index: 2;
}

/* Hero search box (reuses the buy-now search field/button markup, standalone — no .buy-now-shop banner styling) */
.bns-search-box.homepage-hero-search {
	max-width: 660px;
	margin-top: 24px;
}
.homepage-hero-search .bns-search-box__field {
	display: flex;
	position: relative;
}
.homepage-hero-search .bns-search-box__input {
	flex: 1 1 auto;
	height: auto;
	min-width: 0;
	border: 2px solid var(--color-brand-teal, #00999a);
	border-right: none;
	border-radius: 4px 0 0 4px;
	padding: .75rem 1rem;
	font-size: 1rem;
	color: #003640;
	background: #fff;
	outline: none;
}
.homepage-hero-search .bns-search-box__input::placeholder {
	color: #9aa7ad;
}
.homepage-hero-search .bns-search-box__btn {
	flex: 0 0 auto;
	background: var(--color-brand-teal, #00999a);
	color: #fff;
	border: 2px solid var(--color-brand-teal, #00999a);
	border-radius: 0 4px 4px 0;
	padding: .75rem 1.25rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .06em;
	cursor: pointer;
	transition: background .2s ease;
}
.homepage-hero-search .bns-search-box__btn:hover {
	background: var(--color-brand-teal-dark, #003640);
	border-color: var(--color-brand-teal-dark, #003640);
}
.homepage-hero-search .bns-search-box__btn i {
	margin-right: .4rem;
}
.homepage-hero-search .bns-search-box__ac {
	position: absolute;
	top: calc(100% + 4px);
	left: 0;
	right: 0;
	z-index: 100;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 8px 28px rgba(0, 0, 0, .18);
	overflow: hidden;
}
.homepage-hero-search .bns-search-box__ac:empty {
	display: none;
}
.homepage-hero-search .bns-search-box__ac .ac-header {
	display: block;
	padding: 8px 14px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #5f5d5d;
	background: #f5f7f8;
	border-bottom: 1px solid #e8ecee;
}
.homepage-hero-search .bns-search-box__ac .ac-item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 14px;
	text-decoration: none;
	border-bottom: 1px solid #f0f2f3;
	color: inherit;
}
.homepage-hero-search .bns-search-box__ac .ac-item:hover {
	background: #f0f9f9;
}
.homepage-hero-search .bns-search-box__ac .ac-thumb {
	flex: 0 0 40px;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	color: var(--color-brand-teal, #00999a);
	background: linear-gradient(135deg, #e8f5f5, #c8e8e8);
}
.homepage-hero-search .bns-search-box__ac .ac-info {
	flex: 1 1 auto;
	min-width: 0;
}
.homepage-hero-search .bns-search-box__ac .ac-part {
	display: block;
	font-size: 14px;
	font-weight: 700;
	color: #1a2a35;
}
.homepage-hero-search .bns-search-box__ac .ac-part mark {
	background: none;
	color: #00777a;
	font-weight: 700;
	padding: 0;
}
.homepage-hero-search .bns-search-box__ac .ac-desc {
	display: block;
	font-size: 12px;
	color: #6b7880;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.homepage-hero-search .bns-search-box__ac .ac-meta {
	flex: 0 0 auto;
	text-align: right;
}
.homepage-hero-search .bns-search-box__ac .ac-price {
	display: block;
	font-size: 12px;
	font-weight: 700;
	color: #1a2a35;
}
.homepage-hero-search .bns-search-box__ac .ac-stock {
	display: block;
	font-size: 11px;
	color: #16a34a;
}
.homepage-hero-search .bns-search-box__ac .ac-stock.low {
	color: #d97706;
}
.homepage-hero-search .bns-search-box__ac .psv2-no-results-link {
	display: block;
	padding: 9px 14px;
	font-size: 12px;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	color: #00777a;
	background: #f5f7f8;
}
@media (max-width: 767px) {
	.homepage-hero-search .bns-search-box__btn span {
		display: none;
	}
}