/* 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; } /* #content img { max-width: 100%; height: auto; display: inline-block; } */ /* 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; -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; } .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) } /* bootstrap fake col-xx-5ths (used in technology) */ .col-xs-5ths,.col-sm-5ths,.col-md-5ths,.col-lg-5ths { position:relative;min-height:1px;padding-right:15px;padding-left:15px; } .col-xs-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; } } /* TABLES GENERAL */ .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {border-top: none;} .table-ruled>tbody>tr>th, .table-ruled>tfoot>tr>th, .table-ruled>thead>tr>th{border-bottom: 2px solid #454344;} .table-ruled>tbody>tr>td, .table-ruled>tfoot>tr>td, .table-ruled>thead>tr>td{border-top: 1px solid #454344;} .embed-responsive { margin: 15px 0; } /* default featured button */ .btn-featured { color: #fff !important; background-color: #0b80e3; } /* ============================================================================= GENERAL ============================================================================= */ html, body { background-color: #fff; color: #454344; font-family: 'Fira Sans', sans-serif; } body { font-size: 1.6rem; line-height: 1.5; } a { color: #2d7372; -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 } body.home a { color: #337ab7; } a:hover { color: #337ab7; text-decoration: underline; } a.black { color: #000; } a.black:hover { color: #337ab7; } 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: #2d7372; 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,h2,h3,h4,h5,h6 { font-weight: 500; } h1 { font-size: 2.4rem; line-height: 1.2; margin: 0 0 10px 0; } h2 { font-size: 2.0rem; line-height: 1.2; margin: 0 0 10px 0; } h3 { font-size: 1.8rem; line-height: 1.2; margin: 0 0 10px 0; } h4 { font-size: 1.6rem; line-height: 1.3; margin: 0 0 5px 0; } 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; } /* ============================================================================= HEADER ============================================================================= */ #site-header { z-index: 999; width: 100%; position: relative; background-color: #fff; color: #000; height: 140px; 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-white.svg) 0 0 no-repeat; text-indent:-9999px; } /* ============================================================================= HEADER - SEARCH ============================================================================= */ #site-header #header-search { color: #2d7372; position: absolute; top: 93px; right: 0; width: 200px; font-size: 1.1rem; } #site-header #header-search a { color: #2d7372; 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-addon { 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; } #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-addon { border-bottom-left-radius: 0; } body.home #site-header #header-search { color: #fff; } body.home #site-header #header-search a { color: #fff; } body.home #site-header #header-search a:hover { color: #2d7372; } body.home #site-header #header-search .form-control { background-color: #54555c; font-size: 1.3rem; border-left: 1px solid #54555c;} body.home #site-header #header-search .input-group-addon { background-color: #54555c; border-right: 1px solid #54555c; } #site-header ul#header-search-menu { list-style-type: none; margin-left: 0; padding-left: 0; } #site-header ul#header-search-menu li { list-style-type: none; margin-left: 0; padding-left: 0; } #site-header ul#header-search-menu a { display: block; padding: 6px 18px; color: #fff; text-decoration: none; background-color: #808080; } #site-header ul#header-search-menu li:last-child a { border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; } #site-header ul#header-search-menu a:hover { color: #fff; text-decoration: none; background-color: #505050; } body.home #site-header ul#header-search-menu a { background-color: rgba(255,255,255,.25); } body.home #site-header ul#header-search-menu a:hover { background-color: rgba(255,255,255,.4); } /* ============================================================================= HEADER - NAVIGATION ============================================================================= */ #site-header nav#nav-utility { position: absolute; top: 8px; 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: 83px; 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: #2d7372; 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: #2d7372; text-decoration: none; } #site-header ul.sf-menu > li > a { color: #2d7372; } body.home #site-header ul.sf-menu > li > a { color: #fff; } #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: #2d7372; } #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; } /* ============================================================================= BREADCRUMBS ============================================================================= */ section.breadcrumb { background-color: #e9f4fc; color: #717171; font-size: 1.3rem; line-height: 1.3; padding: 10px 0; border-bottom: 1px solid #fff; } .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: 'FontAwesome'; padding: 0 5px; } .breadcrumb a { color: #2d7372; } .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: #2d7372; text-decoration: none; padding: 4px 15px; 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: 1.2rem; } 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.8rem; 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 center; 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: 4.0rem; 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; } 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: 1.5rem; } 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 { margin: 100px 0 0 0; padding: 25px 0; background-color: #333; color: #fff; font-size: 1.3rem; 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: #2d7372; text-decoration: underline; } footer#site-footer ul { list-style-type: none; margin: 0 0 25px 0; padding: 0; text-transform: uppercase; line-height: 1.3; } footer#site-footer ul li { list-style-type: none; margin: 0; padding: 4px 0; } footer#site-footer ul a { color: #fff; text-decoration: none; } footer#site-footer ul a:hover { color: #2d7372; 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: 192px; height: 34px; background-size: 192px 34px; display: inline-block; overflow: hidden; text-indent: -999em; } footer#site-footer .form-control { border-color: #333; font-size: 1.3rem; } footer#site-footer .form-control:focus { border-color: #0b80e3; } footer#site-footer .legal { margin: 25px 0 0 0; color: #bdbdbd; font-size: 1.2rem; 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; } footer#site-footer ul.footer-social { line-height: 1; list-style-type: none; margin: 0; padding: 0; } footer#site-footer ul.footer-social li { display: inline-block; list-style-type: none; margin: 0 20px 20px 0; padding: 0; } footer#site-footer ul.footer-social li:last-child { margin: 0 0 20px 0; } footer#site-footer ul.footer-social li a { background-color: #fff; color: #333; padding: 9px 6px; 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); } footer#site-footer ul.footer-social li a:hover { background-color: #2d7372; color: #fff; } 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: #2d7372; } /* ============================================================================= 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 { background-color: #000; margin-bottom: 30px; position: relative; padding-top: 56.25%; overflow: hidden; cursor: pointer; } .youtube img { width: 100%; height: auto; top: -16.84%; left: 0; opacity: 0.7; } .youtube .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 { content: ""; border-style: solid; border-width: 15px 0 15px 26.0px; border-color: transparent transparent transparent #fff; } .youtube img, .youtube .play-button { cursor: pointer; } .youtube img, .youtube iframe, .youtube .play-button, .youtube .play-button:before { position: absolute; } .youtube .play-button, .youtube .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; } .vidyard_player > span { width: 100% !important; height: 100% !important; margin: 0 auto !important; } .btn-semtech { color: #fff; background-color: #2d7372; border-color: #2d7372; } .btn-semtech.focus, .btn-semtech:focus { color: #fff; background-color: #266261; border-color: #1f5050; } .btn-semtech:hover { color: #fff; background-color: #266261; border-color: #1f5050; } .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; } /* 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 { padding: 15px; display: inline-block; color: #999; } body.home .cycle-prev, body.home .cycle-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 { 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 { 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 - 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 { font-size: 1.5rem; 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; } /* ============================================================================= PAGE NAVIGATION - BOOTSTRAP PILLS ============================================================================= */ .nav-pills { text-transform: uppercase; font-size: 1.4rem; line-height: 1.2; 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: #2d7372; 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; } 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-position: -72px 0; } 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; } @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: 1.4rem; display: inline-block; } a[aria-expanded="true"] .fa { padding: 0 10px; color: #454344; font-size: 1.4rem; 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; } /* ============================================================================= 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; } .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: #2d7372; font-size: 2.0rem; } .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 img.img-featured, img.img-featured { 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: 1.6rem; 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: #337ab7; text-decoration: underline; } section.section-promo .col-item p { margin: 0; } section.section-promo .col-item a.btn { text-transform: uppercase; font-size: 1.8rem; } /* home */ body.home section.section-promo { margin: 60px 0; background-color: #fff;} body.home section.content-bottom { background-color:#fff; } /* blue */ section.section-promo-blue { padding-top: 60px; margin-bottom: -100px; 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: 1.6rem; line-height: 1.25; } section#company-team-index .col-item .btn-default { color: #fff; background: #b7b7b7; border-color: #b7b7b7; } section#company-team-index .col-item .btn-default:hover { color: #fff; background: #666; border-color: #666; } section#company-team-index .col-item a { color: #000; } /* ============================================================================= PRODUCTS + APPLICATIONS ============================================================================= */ .btn.btn-appshue { color: #fff !important; background: #2d7372 !important; border-color: #2d7372 !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; } /* ============================================================================= 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: #2d7372; 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-weight: 600; padding: 14px 14px 14px 24px; color: #fff; background: #2d7372; 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: 600; padding: 14px 14px 14px 36px; color: #fff; background: #266261; border-top: 1px solid rgba(255,255,255,0.15); } .sb-slidebar ul ul li > a.active { color: #fff; background: #1f5050; } .sb-slidebar ul a.sb-arrow { opacity: 0.5; filter: alpha(opacity=50); } .sb-slidebar ul ul a.sb-arrow { opacity: 0.3; filter: alpha(opacity=30); } .sb-slidebar li a.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 > a.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 a.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 > a.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 a.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 > a.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; } /* HEADER */ #site-header { height: 85px; } #site-header nav#nav-primary, #site-header nav#nav-utility, #site-header #header-search { display: none; } #site-header #sb-toggle { display: block; padding: 20px; position: absolute; top: 0; right: 20px; } /* 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: 2.6rem; } .page-header ul.ul-cat-thumb li { margin: 4px; } /* GENERAL */ .col-sidebar { padding-top: 30px; } .col-border { border-left: 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; } } @media only screen and (min-width : 320px) { } @media only screen and (min-width : 360px) { } @media only screen and (min-width : 480px) { /* PAGE HEADER */ .page-header { padding: 50px 0; min-height: auto; } } @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; } /* PAGE HEADER */ .page-header { padding: 75px 0; min-height: 265px; } .page-header .text-large { font-size: 3.6rem; } .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; } .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) { /* HEADER */ #site-header { height: 140px; } #site-header nav ul { font-size: 1.5rem; } #site-header nav#nav-primary, #site-header nav#nav-utility, #site-header #header-search { display: block; } #site-header #sb-toggle { display: none; } #site-header nav#nav-primary > ul > li > a { padding: 20px 10px; } /* GENERAL */ .nav-pills-forceheight { font-size: 1.3rem; } .nav-pills-forceheight>li>a { height: 49px; } } @media only screen and (min-width : 1200px) { /* HEADER */ #site-header nav ul { font-size: 1.6rem; } #site-header nav#nav-primary > ul > li > a { padding: 20px 15px; } /* PAGE HEADER */ .page-header { font-size: 2.6rem; } .page-header .text-large { font-size: 6.0rem; } /* 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) { }