/* hubspot */ .hs-featured-image-wrapper { } /* body.home .hs-featured-image-wrapper { display: none; } */ img.hs-featured-image { max-width: 100%; height: auto; margin-bottom: 10px; } .fa-padding-right { margin-right: 5px; } #hs-eu-cookie-confirmation-inner { position: relative; font-size: 16px !important;} #hs-en-cookie-confirmation-buttons-area {position: absolute; top: 10px; right: 10px;} #hs-eu-cookie-confirmation-inner p, #hs-eu-cookie-confirmation-inner a, #hs-eu-cookie-confirmation-inner a:hover, #hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button { font-size: 16px !important; } #hs-eu-cookie-confirmation-inner p { width: 80%; } .hbspt-form fieldset, .hbspt-form .hs-input{ max-width: 100% !important; } .hbspt-form input.hs-btn-custom{color:#ff0;text-shadow:0 -1px 0 #3574e3;background-color:#3574e3;background-image:linear-gradient(to bottom, #7ec8f4,#3574e3);box-shadow:inset 0px 1px 0px rgba(255,255,255,0.5);border-top:1px solid #64baf0;border-bottom:1px solid #1c4ed5;border-right:1px solid #468ee6;border-left:1px solid #468ee6;border-radius:4px;transition:opacity 0.15s linear;-moz-user-select:none;-webkit-user-select:none;user-select:none} .hbspt-form input.hs-btn-custom:hover{border-top: 1px solid #4db0ee;border-bottom:1px solid #1946be;border-right:1px solid #3080e3;border-left:1px solid #3080e3;} /* Internet Explorer 10 viewport width fix */ @-ms-viewport{width:device-width;} @-o-viewport{width:device-width;} @viewport{width:device-width;} /* Default */ html{-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;/* Font smoothing */} body{word-wrap:break-word;/* This is a small security for too long strings titles */} /* JS required warning */ .javascript-required { background-color: #a00; color: #fff; font-size: 2rem; line-height: 1.3; text-align: center; padding: 15px 0; } .javascript-required p{margin:0;padding:0;} /* Helper classes */ .col-zero-padding{padding-left:0;padding-right:0;} .nobr,.phone{white-space:nowrap;} .uppercase{text-transform:uppercase;} .lowercase{text-transform:lowercase;} .no-margin{margin:0 !important;} label span.required { color: #fc2407; padding: 0 2px; } .help-block { padding-top: 4px; } .form-bg-tint { background: #e9f4fc; padding-top: 30px; padding-bottom: 15px; margin-bottom: 30px; } .form-bg-tint hr { border-top: 1px solid #fff; margin-top: 10px; margin-bottom: 25px; } .text-regular { font-weight: 400; } /* GENERAL TABLES */ /* Responsive Google maps wrapper */ .google-maps { position: relative; padding-bottom: 75%; height: 0; overflow: hidden; } .google-maps iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } /* slibebars + bootstrap modal fix */ body.modal-open{overflow:hidden!important;} body.modal-open [canvas^="container"] {position:static; -webkit-transform: none !important; transform: none !important; } /* bootstrap overrides */ @-moz-document url-prefix() { fieldset { display: table-cell; } } .btn { border-radius: 2px; font-size: 1.4rem; -o-transition:all 0.25s linear;-moz-transition:all 0.25s linear;-khtml-transition:all 0.25s linear;-webkit-transition:all 0.25s linear;-ms-transition:all 0.25s linear;transition:all 0.25s linear;-webkit-transform:translateZ(0); } .form-control { border-radius: 0; font-size: 14px; } .form-control:focus { border-color: #0b80e3; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6) } .pagination{ justify-content: center; } #site-footer .form-inline .btn { padding: .395rem .75rem; border-radius: unset; border:none; text-transform: uppercase; } .btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4;} .btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74;} .page-item.active .page-link{background-color:#337ab7;border-color:#337ab7;} .page-link{color:#337ab7;border:1px solid #ddd; padding:6px 12px;} .nav-link { padding: 1rem 1rem;} /* bootstrap fake col-xx-5ths (used in technology) */ .col-5ths,.col-sm-5ths,.col-md-5ths,.col-lg-5ths { position:relative;min-height:1px;padding-right:15px;padding-left:15px; } .col-5ths { width:20%;float:left; } @media (min-width: 768px) { .col-sm-5ths { width:20%; float:left; } } @media (min-width: 992px) { .col-md-5ths { width:20%; float:left; } } @media (min-width: 1200px) { .col-lg-5ths { width:20%; float:left; } } body.company.videohub .embed-responsive-16by9::before {padding-top:2%} /* TABLES GENERAL */ .embed-responsive { margin: 15px 0; } /* default featured button */ .btn-featured { color: #fff !important; background-color: #00999a; } /* ============================================================================= GENERAL ============================================================================= */ html, body { background-color: #fff; color: #454344; font-family: 'Titillium Web', sans-serif; } a { color: #00999a; -o-transition: color .3s linear; -moz-transition: color .3s linear; -khtml-transition: color .3s linear; -webkit-transition: color .3s linear; -ms-transition: color .3s linear; transition: color .3s linear } a.arrow:after, .btn-arrow:after { content: "\00a0\00BB"; } label { font-weight: 500; } /* Spacing */ .inset { margin-left: 15px; margin-right: 15px; } /* Styles */ hr { border-top: 1px solid #c3c2c3; margin-top: 25px; margin-bottom: 25px; } p { margin: 0 0 1.5em 0; } /* UL/OL */ /* SAVE ul, ol { margin-bottom: 1.5em; } ul.inset, ol.inset { margin: 0 0 1.5em 15px; padding: 0; } ul.no-disc { list-style-type: none; margin: 0 0 1.5em 0; padding: 0; } ul.no-disc li { list-style-type: none; margin: 0; padding: 5px 0; } SAVE */ ul, ol { margin-bottom: 1.5em; } ul.inset, ol.inset { margin-left: 15px; } ul.no-disc { list-style-type: none; padding-left: 0;} ul.no-disc li { list-style-type: none; padding-top: 4px; padding-bottom: 4px; } /* RULED UL SNIPPETS */ ul.ruled { list-style-type: none; margin-left: 0; padding-left: 0; } ul.ruled > li { list-style-type: none; margin: 0; padding: 15px 0; border-top: 1px solid #dfdfdf; } ul.ruled > li:first-child { border-top: none; } ul.ruled > li:last-child { border-top: 1px solid #dfdfdf; } ul.ruled-top { border-top: 1px solid #dfdfdf;} ul.ruled-bottom { border-bottom: 1px solid #dfdfdf; } /* Forms */ .form-control:focus { border-color: #00999a; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6) } /* Typography */ b, strong, .strong, .bold { font-weight: 600; } .semibold { font-weight: 500; } .large { font-size: 1.8rem; } .small, small { font-size: 90%; /* display: inline-block; */ line-height: 1.3; } div.small p { margin-bottom: 0.75em; } .lead { font-size: 1.8rem; line-height: 1.5; } h1.boxed,h2.boxed,h3.boxed,h4.boxed,h5.boxed,h6.boxed { background: #e9f4fc; padding: 5px 10px; margin: 0; border-bottom: 1px solid #fff; } h2.boxed { margin-bottom: 10px; } h2.boxed a { color: #000 !important; display: block; font-weight: 400; } h2.boxed:after { display: none; } h3.boxed { background-color: #e9f4fc; margin: 0 0 15px 0; padding: 25px 15px 15px 15px; } /* press release and news coverage dropdown */ #catmenu .form-item:first-child{ margin-bottom: 12px; } #catmenu .form-item label{ width: 7rem; display: inline-block; } /* background colors */ .bg-light-blue{background-color:#e9f4fc} /* ============================================================================= HEADER ============================================================================= */ #site-header { z-index: 999; width: 100%; position: relative; background-color: #fff; color: #000; height: 120px; border-bottom: 1px solid #bdbdbd; } #site-header .header-logo { width: 172px; height: 53px; background-size: 172px 53px; display: inline-block; overflow: hidden; position: absolute; top: 15px; left: 15px; } /* body.home #site-header { position: absolute; top: 0; left: 0; background: none; color: #fff; border-bottom: none; } */ /* body.home #site-header .header-logo { background: transparent url(https://www.semtech.com/assets/img/semtech-logo-grey.svg) 0 0 no-repeat; text-indent:-9999px; } */ .skip-link {background-color: #333;} /* ============================================================================= HEADER - SEARCH ============================================================================= */ #site-header #header-search { color: #00999a; position: absolute; top: 38px; right: 0; width: 200px; font-size: 1.1rem; } #site-header #header-search a { color: #00999a; text-decoration: none; } #site-header #header-search a:hover { color: #000; } #site-header #header-search .form-group { margin-bottom: 0; } #site-header #header-search .form-control { color: #fff; font-weight: 500; background-color: #808080; border: 0; padding-left: 6px; } #site-header #header-search .form-control:focus { border: none; -webkit-box-shadow: none; box-shadow: none; } #site-header #header-search .form-control::-moz-placeholder { color: #ccc; font-weight: 400; } #site-header #header-search .form-control:-ms-input-placeholder { color: #ccc; font-weight: 400; } #site-header #header-search .form-control::-webkit-input-placeholder { color: #ccc; font-weight: 400; } #site-header #header-search .input-sm { height: 31px !important; } #site-header #header-search .input-group-prepend { height: 31px; color: #fff; background-color: #808080; border: 0; border-right: 1px solid #808080; border-radius: 0; border-top-left-radius: 15px; border-bottom-left-radius: 15px; padding-left: 12px; padding-right: 6px; font-size: 14px; padding-top: 7px;} #site-header #header-search .input-group input.form-control { border-left: 1px solid #808080; border-radius: 0; border-top-right-radius: 15px; border-bottom-right-radius: 15px; padding-left: 6px; padding-right: 12px; } #site-header #header-search.active .input-group-prepend { border-bottom-left-radius: 0; } /* body.home #site-header #header-search { color: #454344; } body.home #site-header #header-search a { color: #454344; } body.home #site-header #header-search a:hover { color: #00999a; } body.home #site-header #header-search .form-control { color: #454344; background-color: white; font-size: 1.3rem; border-left: 1px solid white; } body.home #site-header #header-search .input-group-prepend { background-color: white; color: #CECFD1; border-right: 1px solid white; } */ /* ============================================================================= HEADER - NAVIGATION ============================================================================= */ #site-header nav#nav-utility { position: absolute; top: 72px; right: 0; } #site-header nav#nav-utility ul.sf-menu { text-transform: uppercase; list-style-type: none; padding: 0; text-align: right; font-size: 1.1rem; line-height: 1.3; } #site-header nav#nav-utility ul.sf-menu ul { text-align: left; } #site-header nav#nav-utility ul.sf-menu > ul { margin: 0 0 0 -10px; } #site-header nav#nav-utility ul.sf-menu > li > a { padding: 10px 5px; } #site-header nav#nav-primary ul.sf-menu > li > a { padding: 20px 15px; } #site-header nav#nav-primary { position: absolute; top: 63px; left: 0; z-index: 9999; } #site-header ul.sf-menu { margin: 0; padding: 0; font-weight: 400; text-transform: uppercase; font-size: 1.6rem; line-height: 1; } #site-header ul.sf-menu ul { font-size: 1.1rem; font-weight: 500; padding: 5px 0; } #site-header ul.sf-menu ul ul { text-transform: none; } #site-header ul.sf-menu > li > a { color: #00999a; text-decoration: none; } #site-header ul.sf-menu > li > a:hover, #site-header ul.sf-menu > li.sfHover > a { color: #000; text-decoration: none; } #site-header ul.sf-menu > li.active > a { color: #000; text-decoration: none; } /* body.home #site-header ul.sf-menu > li > a { color: #fff; text-decoration: none; } body.home #site-header ul.sf-menu > li.sfHover > a, body.home #site-header ul.sf-menu > li > a:hover { color: #757575; text-decoration: none; } */ #site-header ul.sf-menu > li > a { color: #00999a; } /* body.home #site-header ul.sf-menu > li > a { color: #454344; } */ #site-header ul.sf-menu ul li a, #site-header ul.sf-menu ul li:hover ul li a, #site-header ul.sf-menu ul li.sfHover ul li a, body.home #site-header ul.sf-menu ul li a, body.home #site-header ul.sf-menu ul li:hover ul li a, body.home #site-header ul.sf-menu ul li.sfHover ul li a { color: #00999a; } #site-header ul.sf-menu ul li:hover a, #site-header ul.sf-menu ul li.sfHover a, #site-header ul.sf-menu ul li:hover ul li:hover a, #site-header ul.sf-menu ul li.sfHover ul li:hover a, body.home #site-header ul.sf-menu ul li:hover a, body.home #site-header ul.sf-menu ul li.sfHover a, body.home #site-header ul.sf-menu ul li:hover ul li:hover a, body.home #site-header ul.sf-menu ul li.sfHover ul li:hover a { color: #000; } /* ============================================================================= HEADER - NAVIGATION - SUPERFISH ESSENTIAL STYLES ============================================================================= */ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu *:focus { outline: none; } .sf-menu li { position: relative; } .sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 999; background: #fff; } .sf-menu > li { float: left; } .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; } .sf-menu a { display: block; position: relative; } .sf-menu ul ul { top: 0; left: 100%; } /* ============================================================================= HEADER - NAVIGATION - SUPERFISH DEMO SKIN (modified) ============================================================================= */ .sf-menu { float: left; margin-bottom: 1em; } .sf-menu ul { border: 1px solid #b7b7b7; border-radius: 0px; box-shadow: 2px 2px 6px rgba(0,0,0,.2); min-width: 12em; /* allow long menu items to determine submenu width */ *width: 12em; /* no auto sub width for IE7, see white-space comment below */ } .sf-menu a { border: none; padding: 8px 15px; text-decoration: none; zoom: 1; /* IE7 */ } .sf-menu li { background: none; white-space: nowrap; /* no need for Supersubs plugin */ *white-space: normal; /* ...unless you support IE7 (let it wrap) */ -webkit-transition: background .2s; transition: background .2s; } .sf-menu ul li { background: #fff; } .sf-menu ul ul li { background: #fff; } .sf-menu > li:hover, .sf-menu > li.sfHover { background: none; } .sf-menu ul li:hover, .sf-menu ul li.sfHover { background: #f5f5f5; color: #000; /* only transition out, not in */ -webkit-transition: none; transition: none; } /*** arrows (for all except IE7) **/ .sf-arrows .sf-with-ul { padding-right: 2.5em; *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */ } /* styling for both css and generated arrows */ .sf-arrows .sf-with-ul:after { content: ''; position: absolute; top: 50%; right: 1em; margin-top: -3px; height: 0; width: 0; /* order of following 3 rules important for fallbacks to work */ border: 5px solid transparent; border-top-color: #b7b7b7; /* edit this to suit design (no rgba in IE8) */ border-top-color: rgba(183,183,183,1); } .sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: #b7b7b7; /* IE8 fallback colour */ } /* styling for right-facing arrows */ .sf-arrows ul .sf-with-ul:after { margin-top: -5px; margin-right: -3px; border-color: transparent; border-left-color: #b7b7b7; /* edit this to suit design (no rgba in IE8) */ border-left-color: rgba(183,183,183,1); } .sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: #b7b7b7; } /* hide arrows on first level */ .sf-arrows > li > .sf-with-ul { padding-right: 1em; } .sf-arrows > li > .sf-with-ul:after { display: none; } /* ============================================================================= HEADER - LANGUAGE SELECTOR ============================================================================= */ #lang-selector { position: absolute; right: 211px; top: 44px; text-align: center; } #lang-selector-icon { text-align: right; } div#lang-selector ul li ul { top: 35px; min-width: 90px; } /* ============================================================================= BREADCRUMBS ============================================================================= */ section.breadcrumb { background-color: #e9f4fc; color: #717171; font-size: 1rem; line-height: 1; padding: 10px 0; } .breadcrumb { padding: 0; margin: 0; background: none; border-radius: 0; } .breadcrumb > li { margin: 5px 0; display: inline; } .breadcrumb > li + li:before { color: #717171; content: "\f105 "; font-family: 'Font Awesome 6 Free'; font-weight: 600; padding: 0 5px; } .breadcrumb a { color: #00999a; } .breadcrumb a:hover { color: #717171; } .breadcrumb-dropdown { display: inline-block; text-transform: uppercase; padding-right: 20px; margin: 0 15px 0 0; border-right: 1px solid #b7b7b7; } .breadcrumb-dropdown a { color: #000; } .breadcrumb-dropdown a.dropdown-toggle { font-weight: 500; text-decoration: none; } .breadcrumb-dropdown .dropdown-menu { border-radius: 0px; } .breadcrumb-dropdown .dropdown-menu a { font-weight: 400; color: #00999a; text-decoration: none; margin: 0; } .breadcrumb-dropdown .dropdown-menu li { } .breadcrumb-dropdown .dropdown-menu li a.active, .breadcrumb-dropdown .dropdown-menu li a.active:hover { color: #000; text-decoration: none; } .breadcrumb-dropdown .dropdown-menu { font-size: 0.9rem; } ol.breadcrumb { display: inline-block; } .breadcrumb-dropdown a.dropdown-toggle .fa { padding: 0; } .breadcrumb-dropdown a.dropdown-toggle[aria-expanded="false"] .fa, .breadcrumb-dropdown a.dropdown-toggle[aria-expanded="true"] .fa { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; } .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover { color: #000; background: #f5f5f5; } /* technology tertiary */ .breadcrumb-dropdown .dropdown-menu ul { padding: 0; margin: 0; list-style-type: none; width: 100%; } .breadcrumb-dropdown .dropdown-menu ul li { } .breadcrumb-dropdown .dropdown-menu ul a { width: 100%; display: inline-block; padding-left: 30px; } .breadcrumb-dropdown .dropdown-menu ul li a.active, .breadcrumb-dropdown .dropdown-menu ul li a.active:hover, .breadcrumb-dropdown .dropdown-menu ul li a:hover { color: #000; text-decoration: none; background-color: rgb(245, 245, 245); } /* ============================================================================= PAGE HEADERS ============================================================================= */ .page-header { color: #454344; font-size: 1.3rem; margin: 0; padding: 75px 0; width: 100%; min-height: 265px; position: relative; background-size: cover !important; background-attachment: scroll; background-repeat: no-repeat; background-position: right top; border: none; text-shadow: 0 0 3px #fff; } body.company.index .page-header, body.careers.index .page-header { color: #fff; text-shadow: 0 0 3px #454344; } .page-header .text-muted { display: block; color: #898989; } .page-header .text-large { display: block; font-size: 1.2rem; line-height: 1; font-weight: 400; margin: 0; padding: 0; } .page-header ul.ul-cat-thumb { list-style-type: none; margin: 40px 0 0 0; padding: 0; float: right; } .page-header ul.ul-cat-thumb:after { content: ""; display: table; clear: both; } .page-header ul.ul-cat-thumb li { list-style-type: none; margin: 8px; padding: 0; float: left; } /* body.company .page-header { min-height: 370px; padding: 130px 0; } */ /* ============================================================================= PRODUCT CATEGORY THUMBNAIL UL ============================================================================= */ ul.ul-cat-thumb { list-style-type: none; margin: 0; padding: 0; } ul.ul-cat-thumb img.img-cat-thumb { width: 50px; height: 50px; border: 1px solid #fff; } ul.ul-cat-thumb:after { content: ""; display: table; clear: both; } ul.ul-cat-thumb li { list-style-type: none; margin: 0; padding: 8px; display: inline-block; } body.home ul.ul-cat-thumb img.img-cat-thumb { width: 35px; height: 35px; border: 1px solid #fff; } section.intro ul.ul-cat-thumb { margin: 15px auto; } .page-header ul.ul-cat-thumb { margin: 40px 0 0 0; float: right; } /* ============================================================================= SITEMAP ============================================================================= */ section#sitemap ul { list-style-type: none; margin: 0; padding: 0; font-size: 1rem; } section#sitemap ul ul { list-style-type: none; margin: 0 0 1em 1em; padding: 0; } section#sitemap ul.sitemap-no-margin { margin-bottom: 0 ; } section#sitemap li.no-children { margin-bottom: 1em; } section#sitemap li.overview { display: none; } /* ============================================================================= FOOTER ============================================================================= */ footer#site-footer {padding: 25px 0; background-color: #333; color: #fff; font-size: 0.8rem; line-height: 1.5; } footer#site-footer h5 { color: #fff; font-weight: 600; text-transform: uppercase; margin: 40px 0 20px 0; } footer#site-footer a { color: #bdbdbd; text-decoration: underline; } footer#site-footer a:hover { color: #00999a; text-decoration: underline; } footer#site-footer ul { list-style-type: none; margin: 0 0 25px 0; padding: 0; line-height: 1.3; } footer#site-footer ul a { color: #fff; text-decoration: none; } footer#site-footer ul a:hover { color: #00999a; text-decoration: none; } footer#site-footer [rel=external]:after { display: none; } footer#site-footer .footer-logo { margin: 25px 0; background: transparent url(https://www.semtech.com/assets/img/semtech-logo-horiz-white.svg) 0 0 no-repeat; width: 250px; height: 44px; background-size: 250px 44px; display: inline-block; overflow: hidden; text-indent: -999em; } footer#site-footer .form-control { border-color: #333;font-size: 0.9em;} footer#site-footer .form-control:focus { border-color: #0b80e3; } footer#site-footer .legal { margin: 25px 0 0 0; color: #bdbdbd; font-size: 0.9rem; line-height: 1.5; text-transform: uppercase; } footer#site-footer .legal a { color: #bdbdbd; text-decoration: none; } footer#site-footer .legal a:hover { color: #fff; text-decoration: none; } ul.share-social { margin-bottom: 30px !important; } ul.share-social li { display: inline-block; list-style-type: none; margin: 10px; padding: 0; } ul.share-social li a { padding: 10px 20px; display: inline-block; -o-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -khtml-transition: all 0.25s linear;-webkit-transition: all 0.25s linear; -ms-transition: all 0.25s linear; transition: all 0.25s linear; -webkit-transform: translateZ(0); } ul.share-social li a:hover { color: #00999a; } body.company.press ul.share-social { width: 200px; } body.company.press ul.share-social li { width: 75px; height: 75px; } body.company.press ul.page-nav li a:hover { text-decoration: underline; } /* ============================================================================= F.A.Q. Items ============================================================================= */ #faq-listing { padding-top: 0px; } #faq-listing .pagination { font-size: 14px; } #faq-listing .pagination:first-child { border-bottom: 1px dotted lightgrey; margin-bottom: 1rem; padding-bottom: .25rem } #faq-listing .pagination:last-child { border-top: 1px dotted lightgrey; margin-top: 1rem; padding-top: .25rem; } #faq-listing .pagePrevious:after { content: " "; display:inline-block; background: #454344; width: 1px; height: 1rem; margin: 0 5px 0 9px; position: relative; top: 2px; } #faq-listing .pageLink:nth-child(n+2):before { content: " "; display:inline-block; background: #454344; width: 1px; height: 1rem; margin: 0 9px 0 5px; position: relative; top: 2px; } #faq-listing .faq-item { position: relative; } #faq-listing .faq-item .question a { display:block; padding: 5px 10px; position: relative; } #faq-listing .faq-item .answer { padding: 5px 10px; background-color: white;} #faq-listing .faq-item:nth-child(n+2) { margin-top: .5rem; } #faq-listing .faq-item:nth-child(odd) { background-color: #E8E8E8; } #faq-listing .faq-item:nth-child(even) { background-color: #E2F7FF; } #faq-listing .faq-item .answer { display:none; } #faq-listing .faq-item.open .answer { display:block; } #faq-listing .faq-item a { position:relative; } #faq-listing .faq-item a i { display:block; position:relative; top: 3px; font-size: 16px; z-index:20; margin-right: 5px; } #faq-listing .faq-item a i.fa-minus { display:none; } #faq-listing .faq-item.open a i.fa-plus { display:none; } #faq-listing .faq-item.open a i.fa-minus { display:inline-block; } #faq-listing a.active { color: #00999a; } #faq-listing .categories-title { font-size: 18px; font-weight: 500; } #faq-listing .faq-title { padding: 45px 15px;} /* ============================================================================= COMPANY ============================================================================= */ body.company.videos .filter-item { margin: 0 0 20px 0; } body.company.videos .filter-item .embed-responsive { margin: 10px 0; } #videos-list .new{ display: inline-block; background-color: #2fb4af; color: white; padding: 0 6px;} /* ============================================================================= YOUTUBE LAZY LOAD VIDEOS ============================================================================= */ .youtube, .search .video-container { background-color: #000; margin-bottom: 15px; position: relative; padding-top: 56.25%; overflow: hidden; cursor: pointer; } .youtube img, .search .video-container img { width: 100%; height: auto; top: -16.84%; left: 0; opacity: 0.7; } .youtube .play-button, .search .video-container .play-button { width: 90px; height: 60px; background-color: #333; box-shadow: 0 0 30px rgba( 0,0,0,0.6 ); z-index: 1; opacity: 0.8; border-radius: 6px; } .youtube .play-button:before, .search .video-container .play-button:before { content: ""; border-style: solid; border-width: 15px 0 15px 26.0px; border-color: transparent transparent transparent #fff; } .youtube img, .search .video-container img, .youtube .play-button, .search .video-container .play-button { cursor: pointer; } .youtube img, .youtube iframe, .youtube .play-button, .search .video-container .play-button, .youtube .play-button:before, .search .video-container .play-button:before { position: absolute; } .youtube .play-button, .search .video-container .play-button, .youtube .play-button:before, .search .video-container .play-button:before { top: 50%; left: 50%; transform: translate3d( -50%, -50%, 0 ); } .youtube iframe { height: 100%; width: 100%; top: 0; left: 0; } /* vidyard specific items */ .vidyard_player { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: auto; z-index: 20; } .vidyard_player > span { width: 100% !important; height: 100% !important; margin: 0 auto !important; } .smtc-vidyard { cursor: pointer; background-color: black; position: relative; margin: 15px 0; } body.videohub .smtc-vidyard { margin: 0; } .smtc-vidyard .vidyard_wrapper { position: relative; padding-top: 56.25%; overflow: hidden; } .smtc-vidyard .vidyard_wrapper img { position: absolute; top: 0; left: 0; } .smtc-vidyard .vidyard_wrapper img.preloader { top: 50%; left: 50%; transform: translate3d( -50%, -50%, 0 ); } .btn-semtech { color: #fff; background-color: #00999a; border-color: #00999a; } .btn-semtech.focus, .btn-semtech:focus { color: #fff; background-color: #003640; border-color: #1f5050; } .btn-semtech:hover { opacity: 0.8; color: #fff; background-color: #00999a; border-color: #00999a; } .btn-semtech.active, .btn-semtech:active, .open > .dropdown-toggle.btn-semtech { color: #fff; background-color: #1f5050; border-color: #193f3f; } .btn-semtech.active.focus, .btn-semtech.active:focus, .btn-semtech.active:hover, .btn-semtech:active.focus, .btn-semtech:active:focus, .btn-semtech:active:hover, .open > .dropdown-toggle.btn-semtech.focus, .open > .dropdown-toggle.btn-semtech:focus, .open > .dropdown-toggle.btn-semtech:hover { color: #fff; background-color: #1f5050; border-color: #193f3f; } .btn-semtech.active, .btn-semtech:active, .open > .dropdown-toggle.btn-semtech { background-image: none; } .btn-semtech.disabled.focus, .btn-semtech.disabled:focus, .btn-semtech.disabled:hover, .btn-semtech[disabled].focus, .btn-semtech[disabled]:focus, .btn-semtech[disabled]:hover, fieldset[disabled] .btn-semtech.focus, fieldset[disabled] .btn-semtech:focus, fieldset[disabled] .btn-semtech:hover { background-color: #1f5050; border-color: #193f3f; } .btn-semtech .badge { color: #337ab7; background-color: #fff; } .home span.btn-semtech a.more.arrow { text-transform: uppercase; font-size: 1.8rem; } /* ENTRY SUMMARY */ ul.ruled li .entry img { margin-bottom: 15px; } .entry { } .entry.ruled { border-top: 1px solid #dfdfdf; padding-top: 20px; padding-bottom: 20px; } .entry .entry-meta { clear: both; display: inline-block; color: #717171; font-size: 1.1rem; margin: 0 0 5px 0; } .entry .entry-meta a { color: #717171; text-decoration: none; } .entry .entry-meta a:hover { color: #337ab7; text-decoration: underline; } .entry .entry-summary { display: block; margin: 5px 0 0 0; } /* ============================================================================= CYCLE2 - SLIDESHOW ============================================================================= */ #cycle-slideshow-wrap { margin: 0 0 25px 0; } .cycle-slideshow, .cycle-slide { width: 100%; } .cycle-slideshow > img, .cycle-slideshow > div { width: 100%; height: auto; } .cycle-slide a { color: #fff; } .cycle-next, .cycle-prev, .cycle-ss-prev, .cycle-ss-next { padding: 15px; display: inline-block; color: #999; } .cycle-ss-prev, .cycle-ss-next { color: #337ab7 !important; } body.home .cycle-prev, body.home .cycle-next, .cycle-ss-prev, .cycle-ss-next{ margin-top: -2px; text-align: center; padding: 0 10px; font-size: 2.2rem; line-height: 1; vertical-align: middle; } body.home .cycle-controls { margin: 0 auto; padding: 15px -0; text-align: center; font-size: 1.6rem; } body.home .cycle-pager span a, body.home .cycle-ss-pager span a{ border: 1px solid #337ab7; background-color: #fff; padding: 5px; margin: 0 5px; display: inline-block; text-decoration: none; text-align: center; } body.home .cycle-pager span a:hover, body.home .cycle-pager span.cycle-pager-active a, body.home .cycle-ss-pager span.cycle-pager-active a{ border: 1px solid #337ab7; background-color: #337ab7; } .cycle-slideshow-img-bg { width: 100%; position: relative; background-color: #222; background-size: cover !important; background-attachment: scroll; background-repeat: no-repeat; background-position: right center; border: none; } .cycle-slideshow-img-bg .cycle-slide img { width: 100%; height: auto; } .cycle-slideshow-img-bg > .container > .row { position: relative; z-index: 1000; } .cycle-slideshow-img-bg .cycle-slide img { height: auto !important; max-width: 100%; } /* ============================================================================= CYCLE - SLIDESHOW - FRONT PAGE ============================================================================= */ #fp-slideshow img { display: block; width: 100%; height: auto;} #fp-slideshow a { display:block; } #fp-slideshow .cycle-ss-controls { margin: 0 auto; padding: 0 15px; text-align: center; font-size: 1rem; position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block; width: 100%; } #fp-slideshow .cycle-ss-prev, #fp-slideshow .cycle-ss-next { width: 25px; height: 50px; position: relative; z-index: 1000; top: 50%; transform: translateY(-50%); background-size: 50px 50px; padding: 0; text-indent: -999em; } #fp-slideshow .cycle-ss-prev{ background: url(/assets/img/cycle-nav-arrow-thin.png) 0 0 no-repeat; float: left; } #fp-slideshow .cycle-ss-next { background: url(/assets/img/cycle-nav-arrow-thin.png) -25px 0 no-repeat; float: right; } /* ============================================================================= CYCLE - SLIDESHOW - COMPANY ============================================================================= */ #cycle-slideshow-company { background-image: url(/uploads/company/company-slide-bg.jpg); padding: 30px 0; text-shadow: 0 0 3px #333; color: #fff; } /* ============================================================================= CYCLE - SLIDESHOW - CAREERS ============================================================================= */ #cycle-slideshow-careers { background-image: url(/uploads/careers/careers-slide-bg.jpg); padding: 30px 0; text-shadow: 0 0 3px #333; color: #fff; } .media { margin-bottom: 25px; } .media-left { padding-right: 25px; } .media-body ul { list-style-type: none; margin: 0 10px; padding: 0; } .media-body ul li { list-style-type: none; margin: 0; padding: 1px 0; } .media-body ul.disc { list-style-type: disc; margin: 0; padding: 0; } .media-body ul.disc li { list-style-type: disc; margin: 0 0 0 1.5em; padding: 0; } .col-sidebar { border-top: none; } .col-sidebar-bg { background: #e9f4fc; padding: 25px 15px; margin-bottom: 30px; } .col-sidebar-bg hr { border-top: #b7b7b7 1px solid; } .col-sidebar h3 { font-size: 1.6rem; margin: 0 0 5px 0; padding: 0; } .col-sidebar h3.boxed { background-color: #e9f4fc; margin: 0; padding: 10px 15px; border: 1px solid #fff; } .col-sidebar ul { list-style-type: none; padding-left: 0; } .col-sidebar ul:last-child { margin-bottom: 0; } .col-sidebar ul li { margin-top: 3px; margin-bottom: 3px; } .col-sidebar ul.fa-ul { margin-left: 1.8em; } body.careers .col-sidebar ul li { padding-top: 5px; padding-bottom: 5px; } .col-sidebar .widget { margin: 0 0 30px 0; } .col-sidebar .widget.widget-outline { border: 1px solid #c3c2c3; padding: 15px; font-size: 1.4rem; } .col-sidebar .widget .media { margin-bottom: 0; } .col-sidebar .widget .media-left { padding-right: 15px; } .col-sidebar .widget h3 { margin: 0 0 10px 0;} .col-sidebar .widget a.btn-arrow:hover { opacity: 0.8; } .col-sidebar .widget a.btn {font-size: 0.8rem;} ul.page-nav li a {font-size: 1.1rem;} /* ============================================================================= PAGE NAVIGATION - BOOTSTRAP PILLS ============================================================================= */ .nav-pills { text-transform: uppercase; font-size: 0.9rem; line-height: 1; list-style-type: none; margin: 0; padding: 0; } .nav-pills>li { list-style-type: none; margin: 0; padding: 0; } .nav-pills>li>a { color: #fff; background: #808080; border-right: 1px solid #fff; border-radius: 0; } .nav-pills>li.active>a, .nav-pills>li>a:hover { color: #fff; background: #5faed5; } .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover { color: #fff; background: #5faed5; } .nav-pills-forceheight>li>a { height: 52px; } .nav-pills>li#location-north-america.active>a, .nav-pills>li#location-north-america>a:hover { color: #fff; background: #5faed5; } .nav-pills>li#location-europe.active>a, .nav-pills>li#location-europe>a:hover { color: #fff; background: #3cb64b; } .nav-pills>li#location-asia.active>a, .nav-pills>li#location-asia>a:hover { color: #fff; background: #f69320; } body.company.locations a.location-north-america { color: #5faed5; } body.company.locations a.location-europe { color: #3cb64b; } body.company.locations a.location-asia { color: #f69320; } /* ============================================================================= PAGE NAVIGATION - FILTER OPTIONS ============================================================================= */ nav.filter-options ul { text-align: center; margin: 0; padding: 0; list-style-type: none; } nav.filter-options ul li { margin: 0; padding: 0; list-style-type: none; display: inline; } nav.filter-options ul li:not(:first-child):before { content: " | "; padding: 0 5px; } nav.filter-options ul li a { color: #00999a; text-decoration: none; } nav.filter-options ul li a:hover { color: #337ab7; text-decoration: underline; } nav.filter-options ul li.active a { color: #000; } /* ============================================================================= PAGE NAVIGATION - SIDEBAR ============================================================================= */ ul.page-nav { list-style-type: none; line-height: 24px; margin: 0 0 2em 0; padding: 0; } ul.page-nav li { list-style-type: none; margin: 0; padding: 3px 0 3px 15px; } ul.page-nav li.active a { color: #454344; } ul.page-nav li a { display: block; color: #00999a; font-size: 1.2rem; } ul.page-nav-prod-tools li { list-style-type: none; padding: 5px 0 5px 15px; background: #f2f2f2; border-bottom: 1px solid #fff; } ul.page-nav-prod-tools span.icon { vertical-align: middle; margin-right: 10px; width: 24px; height: 24px; line-height: 24px; display: inline-block; background: transparent url(/assets/img/ul-icon-nav-prod-tools.png) 0 0 no-repeat; background-size: 216px 24px; } ul.page-nav-prod-tools span.icon.icon-1 { background-position: 0 0; } ul.page-nav-prod-tools span.icon.icon-2 { background-position: -24px 0; } ul.page-nav-prod-tools span.icon.icon-3 { background-position: -48px 0; } ul.page-nav-prod-tools span.icon.icon-4 { background: url(/assets/img/semtech-web-icon-info.png) 0 0 no-repeat; background-size: 24px 24px;} ul.page-nav-prod-tools span.icon.icon-5 { background-position: -96px 0; } ul.page-nav-prod-tools span.icon.icon-6 { background-position: -120px 0; } ul.page-nav-prod-tools span.icon.icon-7 { background-position: -144px 0; } ul.page-nav-prod-tools span.icon.icon-8 { background-position: -168px 0; } ul.page-nav-prod-tools span.icon.icon-9 { background-position: -192px 0; } .smtc-product-icon { font-size: 2rem; color: #454344; vertical-align: middle; margin-right: 10px; font-weight: normal; } @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) { ul.page-nav-prod-tools span.icon { background: transparent url(/assets/img/ul-icon-nav-prod-tools@2x.png) 0 0 no-repeat; background-size: 216px 24px; } } @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) { ul.page-nav-prod-tools span.icon { background: transparent url(/assets/img/ul-icon-nav-prod-tools@3x.png) 0 0 no-repeat; background-size: 216px 24px; } } ul.page-nav-team li { list-style-type: none; padding: 5px 0 5px 15px; } ul.page-nav-team span.icon { vertical-align: middle; margin-right: 10px; width: 24px; height: 24px; line-height: 24px; display: inline-block; background: transparent url(/assets/img/ul-icon-nav-team.png) 0 0 no-repeat; background-size: 120px 24px; } ul.page-nav-team span.icon.icon-1 { background-position: 0 0; } ul.page-nav-team span.icon.icon-2 { background-position: -24px 0; } ul.page-nav-team span.icon.icon-3 { background-position: -48px 0; } ul.page-nav-team span.icon.icon-4 { background-position: -72px 0; } ul.page-nav-team span.icon.icon-5 { background-position: -96px 0; } @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) { ul.page-nav-team span.icon { background: transparent url(/assets/img/ul-icon-nav-team@2x.png) 0 0 no-repeat; background-size: 120px 24px; } } @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) { ul.page-nav-team span.icon { background: transparent url(/assets/img/ul-icon-nav-team@3x.png) 0 0 no-repeat; background-size: 120px 24px; } } /* TOGGLE ARROW */ a[aria-expanded="false"] .fa { padding: 0 10px; color: #454344; font-size: 1rem; display: inline-block; } a[aria-expanded="true"] .fa { padding: 0 10px; color: #454344; font-size: 1em; display: inline-block; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); /* filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3); */ } .media.media-vert-center { display: table; } .media.media-vert-center .media-left, .media.media-vert-center .media-body { display: table-cell; vertical-align: middle; } /* ============================================================================= VERTICAL CENTERING ============================================================================= */ .vert-center-wrap { display: table; } .vert-center-wrap .vert-center { display: table-cell; vertical-align: middle; } .vertical-align { display: flex;align-items: center;} .equal-height {display: flex;display: -webkit-flex;flex-wrap: wrap;} /* ============================================================================= SECTION SPACING ============================================================================= */ .section-padding-vert, .row-padding-vert { padding-top: 45px; padding-bottom: 45px; } .section-padding-top, .row-padding-top { padding-top: 45px; } .section-padding-bottom, .row-padding-bottom { padding-bottom: 45px; } .row-margin-bottom { margin-bottom: 45px; } .section-padding-vert-bottom { margin-top: 45px; margin-bottom: 45px; } /* ============================================================================= SECTION INTRO ( TOP + BLUE BACKGROUND + RIGHT COLUMN RULE ) ============================================================================= */ section.intro { background: #f7fbfe; padding-top: 30px; padding-bottom: 30px; margin-bottom: 50px; } section.intro p:last-child { margin-bottom: 0; } body.company.index section.intro { color: #00999a; font-size: 1.2rem; } .col-border { border-left: 1px solid #c3c3c3; padding-top: 15px; padding-bottom: 15px; } .col-border .search-bg-parametric { margin: 0 auto; height: 205px; min-height: 205px; width: 90%; background: transparent url(/assets/img/prod-icon-search-bg-parametric.png) center center no-repeat; } .col-border .search-bg-leaf { margin: 0 auto; height: 205px; min-height: 205px; width: 90%; background: transparent url(/assets/img/prod-icon-search-bg-leaf.png) center center no-repeat; } /* ============================================================================= PROMO BOX ( HOME + COMPANY + TECHNOLOGY ) ============================================================================= */ .col-item { padding-top: 15px; padding-bottom: 15px; } .col-item a.btn { margin: 15px 0; } .col-item a.btn:hover { opacity: 0.8; } .no-touchevents .col-item a img.img-featured { opacity: 1; -o-transition:opacity 0.25s linear;-moz-transition:opacity 0.25s linear;-khtml-transition:opacity 0.25s linear;-webkit-transition:opacity 0.25s linear;-ms-transition:opacity 0.25s linear;transition:opacity 0.25s linear;-webkit-transform:translateZ(0); } .no-touchevents .col-item a:hover img.img-featured { opacity: 0.8; } section.section-promo .col-item { font-size: 1rem; line-height: 1.4; } section.section-promo .col-item h1, section.section-promo .col-item h2, section.section-promo .col-item h3 { font-size: 2.0rem; line-height: 1.3; font-weight: 500; margin: 0 0 5px 0; } section.section-promo .col-item a { color: #0b80e3; text-decoration: none; -o-transition:all 0.25s linear;-moz-transition:all 0.25s linear;-khtml-transition:all 0.25s linear;-webkit-transition:all 0.25s linear;-ms-transition:all 0.25s linear;transition:all 0.25s linear;-webkit-transform:translateZ(0); } section.section-promo .col-item a:hover { color: #009994; text-decoration: underline; } section.section-promo .col-item p { margin: 0; } section.section-promo .col-item a.btn { text-transform: uppercase; font-size: 1rem; } .corporate-citizenship section.section-promo .col-item h2 {color: #454344} .corporate-citizenship-sub-page div.col-sm-12.col-border.vert-center-wrap {background: #e9f4fc;border-left: none;} .corporate-citizenship-sub-page div.col-sm-12.col-border.vert-center-wrap ul {padding-left: 0px;list-style: none;} .corporate-citizenship-sub-page div.col-sm-12.col-border.vert-center-wrap ul li {padding-bottom: 6px; padding-left: 25px;} .corporate-citizenship-sub-page div.col-sm-12.col-border.vert-center-wrap ul li a {position: relative; padding-left: 0} .corporate-citizenship-sub-page div.col-sm-12.col-border.vert-center-wrap ul li a::before {font-family: 'Font Awesome 6 Free';font-style: normal;font-weight: normal;text-decoration: inherit;font-size: 18px;top: -3px;left: -24px;position: absolute; font-weight: 600;} .corporate-citizenship-sub-page div.col-sm-12.col-border.vert-center-wrap ul li a[href^="/"]::before {content:"\f0c1"} .corporate-citizenship-sub-page div.col-sm-12.col-border.vert-center-wrap ul li a[href$=".pdf"]::before {content: "\f0ed"} .corporate-citizenship-sub-page div.col-sm-12.col-border.vert-center-wrap .widget ul li a[href]::before {content: "";} /* home */ body.home section.section-promo { margin: 60px 0; background-color: #e9f4fc;} body.home section.content-bottom { background-color:#fff; } /* blue */ section.section-promo-blue { padding-top: 60px; background: #e9f4fc; } section.section-promo-blue .btn { display: none; } section.section-promo-blue .col-item { padding-top: 20px; padding-bottom: 30px; } section.section-promo-blue .row { background: #fff; } @media only screen and (min-width : 768px) { section.section-promo-blue .col-item { border-top: 1px solid #e9f4fc; border-right: 1px solid #e9f4fc; } } section#company-team-index .col-item { font-size: 1rem; line-height: 1.25; } section#company-team-index .col-item .btn-default { color: #fff; background: #00999a; border-color: #00999a;padding: 0.5rem 1rem !important; margin: 0; } section#company-team-index .col-item .btn-default:hover { opacity: 0.8; color: #fff; background: #00999a; border-color: #00999a; } section#company-team-index .col-item a { color: #000; } /* ============================================================================= PRODUCTS + APPLICATIONS ============================================================================= */ .btn.btn-appshue { color: #fff !important; background: #00999a !important; border-color: #00999a !important; } .col-prod-featured, .col-apps-featured { padding-top: 15px; padding-bottom: 30px; font-size: 1.4rem; } .col-prod-featured, .col-apps-featured h3 { font-size: 1.6rem; } .col-prod-featured img, .col-apps-featured img { margin-bottom: 15px; } img.img-thumb-category { width: 100px; height: 100px; } img.img-thumb-category-lg { width: 170px; height: 170px; } .svg_container{margin:0 auto;} .svg_container #primary:hover,.svg_container #secondary:hover{fill:rgb(211, 217, 223) !important;cursor:pointer} _:-ms-fullscreen, :root .svg_container svg { height: 442px; } /*//IE 11 hack */ body.applications.internet-of-things .media { margin-bottom:0 } body.applications ul.page-nav li a:hover { text-decoration: underline; } body.applications .inset li a:hover { text-decoration: underline; } body.applications .media a { text-decoration: underline; } /* Applications */ .applications .left-content a { text-decoration: underline; } /* ============================================================================= SEARCH PAGE ============================================================================= */ .search-result-section h4 { padding-top: 30px; padding-bottom:20px; font-size:1.1rem; } .search-result-section.first h4 {padding-top:0px;} .search-result-section.top { margin-bottom: 35px; padding-top: 15px; } .search-result-section.first { margin-bottom: 20px; } .search-result-section.second { margin-bottom: 35px; } .search-result-section.second h4 { padding-top: 15px; } .search .video-container { padding-top: 0; width: 120px; height: 67px; margin-bottom: 0; background-color:transparent;} .search .video-container .play-button { width: 60px; height: 40px; z-index: 0; } .search .video-container img { opacity: 1; width: auto; width: 120px;} /* Sajari */ div#list-url label{font-size:13px;font-weight:normal;} .filters h2{font-size:15px;padding-bottom:2px;padding-top:5px;} .filters p span{font-size:14px;} #search .search-bar{max-width:518px;margin:5px auto;padding-bottom:35px;} .filter-tabs button{font-size:14px;} nav[aria-label="Pagination"]{margin-top:30px;} nav[aria-label="Pagination"] button{font-size:15px;} nav[aria-label="Pagination"] button[aria-label*="current"]{background:#00999a;} .search-bar input{font-size:14px;} .result-name h3 + p{font-size:13px;} div.search-bar > div > div{padding:10px 0 10px 10px;} .search-bar input{font-size:14px;padding-left:31px;} .external-links{margin-top:17px;} div#header-search-1 > div > div > div{padding:6px 0 6px 8px;} div#header-search-1 input{padding-left:25px;font-size:13px;} #root footer, .search-bar footer {display:none;} .search .external-links i.fas.fa-external-link-alt{font-size:11px;margin-left:4px;} .external-links ul li{line-height:20px;} .external-links ul li a{font-size:15px;font-weight:500;} .external-links ul{margin-top:8px;} /* ============================================================================= SLIDEBARS MOBILE NAV ============================================================================= */ #sb-toggle { position: relative; display: inline-block; width: 25px; height: 20px; } #sb-toggle span { margin: 0 auto; position: relative; top: 10px; } #sb-toggle span:before, #sb-toggle span:after { position: absolute; content: ''; } #sb-toggle span, #sb-toggle span:before, #sb-toggle span:after { width: 25px; height: 4px; background-color: #00999a; border-radius: 1px; display: block; } /* body.home #sb-toggle span, body.home #sb-toggle span:before, body.home #sb-toggle span:after { background-color: #fff; } */ #sb-toggle span:before { margin-top: -10px; } #sb-toggle span:after { margin-top: 10px; } #sb-toggle span { -webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .sb-slidebar { background: #102828; } .sb-slidebar ul { padding: 0; margin: 0; list-style-type: none; font-size: 1.6rem; line-height: 1.3; } .sb-slidebar ul li { position: relative; } .sb-slidebar ul>li>ul { display: none; } .sb-slidebar li { margin: 0; padding: 0; list-style-type: none; } .sb-slidebar li a { display: block; text-decoration: none !important; } .sb-slidebar ul li a { font-size: 1rem; font-weight: 500; padding: 14px 14px 14px 24px; color: #fff; background: #00999a; border-top: 1px solid rgba(255,255,255,0.3); } .sb-slidebar ul li > a.active { color: #fff; background: #1f5050; } .sb-slidebar ul li li a { font-weight: 400; padding: 14px 14px 14px 36px; color: #fff; background: #003640; border-top: 1px solid rgba(255,255,255,0.15); } .sb-slidebar ul ul li > a.active { color: #fff; background: #1f5050; } .sb-slidebar ul span.sb-arrow { opacity: 0.5; filter: alpha(opacity=50); cursor: pointer;} .sb-slidebar ul ul span.sb-arrow { opacity: 0.3; filter: alpha(opacity=30); } .sb-slidebar li span.sb-arrow { width: 40px; height: 40px; padding: 0; display: inline-block; border-bottom: 0; border-top: 0; overflow: hidden; text-indent: -999em; position: absolute; top: 7px; right: 7px; background: transparent url(/assets/img/ul-icon-nav-mobile-arrow.png) 0 0 no-repeat; background-size: 80px 40px; } .sb-slidebar li.open > span.sb-arrow { background: transparent url(/assets/img/ul-icon-nav-mobile-arrow.png) -40px 0 no-repeat; background-size: 80px 40px; } @media (min-resolution: 192dpi), (-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) { .sb-slidebar li span.sb-arrow { background: transparent url(/assets/img/ul-icon-nav-mobile-arrow@2x.png) 0 0 no-repeat; background-size: 80px 40px; } .sb-slidebar li.open > span.sb-arrow { background: transparent url(/assets/img/ul-icon-nav-mobile-arrow@2x.png) -40px 0 no-repeat; background-size: 80px 40px; } } @media (min-resolution: 288dpi), (-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) { .sb-slidebar li span.sb-arrow { background: transparent url(/assets/img/ul-icon-nav-mobile-arrow@3x.png) 0 0 no-repeat; background-size: 80px 40px; } .sb-slidebar li.open > span.sb-arrow { background: transparent url(/assets/img/ul-icon-nav-mobile-arrow@3x.png) -40px 0 no-repeat; background-size: 80px 40px; } } /* Print styles! -------------------------------------------------------------------------------*/ @media print { html, body, .container { width: 1140px !important; } #site-header nav#nav-primary { display: block; } #site-header #sb-toggle, div.sb-slidebar, .cycle-prev, .cycle-next { display: none; } } /*================================================== = Bootstrap 3 Media Queries = ==================================================*/ /*========== Mobile First Method ==========*/ @media only screen { /* h1 { font-size: 2.6rem; } */ h1 { font-size: 2.0rem;} h2 { font-size: 1.8rem; } h3 { font-size: 1.6rem; } /* BOOTSTRAP */ .media-left { padding-right: 15px; } #site-footer form.form-inline {display: block;} /* HEADER */ #site-header { height: 95px; } #site-header nav#nav-primary, #site-header nav#nav-utility { display: none; } #site-header #sb-toggle { display: block; padding: 20px; position: absolute; top: 0; right: 20px; } #site-header #header-search{position:absolute;top:54px;right:14px;width:188px; display:none} .home #site-header #header-search{width: 188px; display: block;} #lang-selector{display:block;position:absolute;top:21px;right:60px} div#lang-selector ul li ul{left:-65px} /* PAGE HEADER */ .page-header { padding: 30px 0; min-height: auto; } /* body.company .page-header { padding: 80px 0; min-height: auto; } */ .page-header .text-large { font-size: 0.8rem; } .page-header ul.ul-cat-thumb li { margin: 4px; } /* GENERAL */ .col-sidebar { padding-top: 30px; } .col-border { border-left: none; } .paragraph-multi-column-text [class*="column-"] {padding-bottom: 30px;border-bottom: 1px #d3d3d3 solid;padding-top: 30px;} .paragraph-multi-column-text .column-4 {padding-bottom: 0;border: none;} .nav-pills-forceheight { font-size: 1.5rem; } .nav-pills-forceheight > li > a { height: auto; } /* PRODUCTS */ img.img-thumb-category { width: 60px; height: 60px; } .page-header ul.ul-cat-thumb img.img-cat-thumb { width: 25px; height: 25px; } /* PRODUCT CATEGORY THUMBNAIL UL */ body.home ul.ul-cat-thumb { padding-left: 10px; } body.home ul.ul-cat-thumb li { padding: 7px; } } @media only screen and (min-width : 320px) { .home #site-header #header-search{width: 107px; display: block;} } @media only screen and (min-width : 360px) { } @media only screen and (min-width : 480px) { /* PAGE HEADER */ .page-header { padding: 50px 0; } #site-header #header-search{display:none} .home #site-header #header-search{width: 200px; display: block;} } @media only screen and (min-width : 768px) { h1 { font-size: 2.4rem;} h2 { font-size: 2.0rem; } h3 { font-size: 1.8rem; } /* BOOTSTRAP */ .media-left { padding-right: 25px; } #site-footer form.form-inline {display: flex;} /* PAGE HEADER */ .page-header { padding: 75px 0; min-height: 265px; } .page-header .text-large { font-size: 2rem; } .page-header ul.ul-cat-thumb li { margin: 8px; } /* GENERAL */ .col-sidebar { padding-top: 0; } .col-sidebar-bg { padding-top: 25px; } .col-border { border-left: 1px solid #c3c3c3; } .paragraph-multi-column-text [class*="column-"] {padding-bottom: 0;border: none;padding-top: 0;} .nav-pills-forceheight { font-size: 1.1rem; } .nav-pills-forceheight>li>a { height: 46px; } /* PRODUCTS + APPLICATIONS */ img.img-thumb-category { width: 100px; height: 100px; } .page-header ul.ul-cat-thumb img.img-cat-thumb { width: 50px; height: 50px;} /* CYCLE */ .cycle-slideshow-img-bg .cycle-prev-lg, .cycle-slideshow-img-bg .cycle-next-lg { margin: 0; padding: 0; z-index: 1001; cursor: pointer; width: 25px; height: 50px; line-height: 50px; overflow: hidden; text-indent: -999em; display: inline-block; opacity: 1; filter: alpha(opacity=100); -o-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -khtml-transition: opacity 0.3s linear; -webkit-transition: opacity 0.3s linear; -ms-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } .cycle-slideshow-img-bg .cycle-prev-lg { float: left; padding: 0; background: url(/assets/img/cycle-nav-arrow-thin.png) 0 0 no-repeat; background-size: 50px 50px; position: relative; top: 50%; transform: translateY(-50%); } .cycle-slideshow-img-bg .cycle-next-lg { float: right; padding: 0; background: url(/assets/img/cycle-nav-arrow-thin.png) -25px 0 no-repeat; background-size: 50px 50px; position: relative; top: 50%; transform: translateY(-50%); } .no-touchevents .cycle-slideshow-img-bg .cycle-prev:hover-lg, .no-touchevents .cycle-slideshow-img-bg .cycle-next:hover-lg { opacity: 0.5; filter: alpha(opacity=50); } @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) { .cycle-slideshow-img-bg .cycle-prev-lg { background: url(/assets/img/cycle-nav-arrow-thin@2x.png) 0 0 no-repeat; background-size: 50px 50px; } .cycle-slideshow-img-bg .cycle-next-lg { background: url(/assets/img/cycle-nav-arrow-thin@2x.png) -25px 0 no-repeat; background-size: 50px 50px; } } @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) { .cycle-slideshow-img-bg .cycle-prev-lg { background: url(/assets/img/cycle-nav-arrow-thin@3x.png) 0 0 no-repeat; background-size: 50px 50px; } .cycle-slideshow-img-bg .cycle-next-lg { background: url(/assets/img/cycle-nav-arrow-thin@3x.png) -25px 0 no-repeat; background-size: 50px 50px; } } } @media only screen and (min-width : 992px) { /* GENERAL */ .nav-pills-forceheight { font-size: 1.3rem; } .nav-pills-forceheight>li>a { height: 49px; } #site-footer .form-inline .btn { margin-left: 3px; } } @media only screen and (min-width : 1200px) { /* HEADER */ #site-header { height: 120px; } #site-header nav ul { font-size: 1.6rem; } #site-header nav#nav-primary, #site-header nav#nav-utility, #site-header #header-search , #lang-selector { display: block; } #site-header #header-search{position:absolute;top:38px;right:0;width:200px} #lang-selector{position:absolute;right:211px;top:44px;text-align:center} div#lang-selector ul li ul{left:0} #site-header #sb-toggle { display: none; } #site-header nav#nav-primary > ul > li > a { padding: 20px 15px; } /* PAGE HEADER */ .page-header { font-size: 1.5rem; } .page-header .text-large { font-size: 4.2rem; } /* FOOTER */ footer#site-footer ul.footer-social li { display: inline-block; margin: 0 40px 20px 0; } /* GENERAL */ .nav-pills-forceheight { font-size: 1.4rem; } .nav-pills-forceheight>li>a { height: 52px; } } @media only screen and (min-width : 1600px) { } @media only screen and (min-width : 2000px) { } /*========== Non-Mobile First Method ==========*/ @media only screen and (max-width : 1199px) { } @media only screen and (max-width : 1023px) { } @media only screen and (max-width : 767px) { } @media only screen and (max-width : 479px) { } @media only screen and (max-width : 374px) { } @media only screen and (max-width : 319px) { }