/******** Broadcom Two *******/ body { padding: 0; } /* custom Font */ @import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=96d119b9-b551-4b92-a4c5-db3d68e4aeb5"); @font-face{ font-family:"Arial W01 Condensed"; src:url("../fonts/8f961faf-6aec-4b03-aa04-2f1e576286c9.eot?#iefix"); src:url("../fonts/8f961faf-6aec-4b03-aa04-2f1e576286c9.eot?#iefix") format("eot"),url("../fonts/076fe3fe-541d-45c5-b7ba-5f199158251d.woff2") format("woff2"),url("../fonts/3ea79719-3663-4245-8f3a-e99e9801c160.woff") format("woff"),url("../fonts/f3320889-2486-4ba3-86dc-10b79e3701ba.ttf") format("truetype"),url("../fonts/6a6e20c9-d96c-44b0-a2de-43c86105f1df.svg#6a6e20c9-d96c-44b0-a2de-43c86105f1df") format("svg"); } /*! * custom brcm-icons. Produced by iconmoon.io. */ @font-face{font-family:brcm;src:url(../fonts/brcm.eot?-jm9vzr);src:url(../fonts/brcm.eot?#iefix-jm9vzr) format('embedded-opentype'),url(../fonts/brcm.woff?-jm9vzr) format('woff'),url(../fonts/brcm.ttf?-jm9vzr) format('truetype'),url(../fonts/brcm.svg?-jm9vzr#brcm) format('svg');font-weight:400;font-style:normal}[class*=" brcmicon-"],[class^=brcmicon-]{font-family:brcm;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.brcmicon-fs_ceo_cto:before{content:"\e643"}.brcmicon-fs_flag:before{content:"\e644"}.brcmicon-fs_ip_portfolio:before{content:"\e645"}.brcmicon-fs_rd:before{content:"\e646"}.brcmicon-fs_revenue:before{content:"\e647"}.brcmicon-fs_stockgraph:before{content:"\e648"}.brcmicon-fs_top_honors:before{content:"\e649"}.brcmicon-slider_arrow_l:before{content:"\e64a"}.brcmicon-slider_arrow_r:before{content:"\e64b"}.brcmicon-aboutus:before{content:"\e600"}.brcmicon-auto_adas:before{content:"\e601"}.brcmicon-auto_antenna:before{content:"\e602"}.brcmicon-auto_infotainment:before{content:"\e603"}.brcmicon-auto_telematics:before{content:"\e604"}.brcmicon-automotivesystems:before{content:"\e605"}.brcmicon-back_to_top:before{content:"\e606"}.brcmicon-blogs:before{content:"\e607"}.brcmicon-careers:before{content:"\e608"}.brcmicon-communities:before{content:"\e609"}.brcmicon-connectedaudiovideo:before{content:"\e60a"}.brcmicon-corpresponsibility:before{content:"\e60b"}.brcmicon-csr_comm:before{content:"\e60c"}.brcmicon-csr_cust-part:before{content:"\e60d"}.brcmicon-csr_enviro:before{content:"\e60e"}.brcmicon-csr_gov-eth:before{content:"\e60f"}.brcmicon-csr_reporting:before{content:"\e610"}.brcmicon-csr_workplace:before{content:"\e611"}.brcmicon-custlogin:before{content:"\e612"}.brcmicon-document:before{content:"\e613"}.brcmicon-downloads:before{content:"\e614"}.brcmicon-email:before{content:"\e615"}.brcmicon-extlink:before{content:"\e616"}.brcmicon-globe:before{content:"\e617"}.brcmicon-investors:before{content:"\e618"}.brcmicon-iot_audio:before{content:"\e619"}.brcmicon-iot_automotive:before{content:"\e61a"}.brcmicon-iot_beacons_tags:before{content:"\e61b"}.brcmicon-iot_health_fitness:before{content:"\e61c"}.brcmicon-iot_home_automation:before{content:"\e61d"}.brcmicon-iot_industrial:before{content:"\e61e"}.brcmicon-iot_medical:before{content:"\e61f"}.brcmicon-iot_others:before{content:"\e620"}.brcmicon-lightbulb:before{content:"\e621"}.brcmicon-loc_brcm_logo:before{content:"\e622"}.brcmicon-loc_brcmoffices:before{content:"\e623"}.brcmicon-loc_distrib:before{content:"\e624"}.brcmicon-loc_manufacturers:before{content:"\e625"}.brcmicon-loc_salesoffices:before{content:"\e626"}.brcmicon-locmarker:before{content:"\e627"}.brcmicon-mission:before{content:"\e628"}.brcmicon-pdf:before{content:"\e629"}.brcmicon-press:before{content:"\e62a"}.brcmicon-pressreleases:before{content:"\e62b"}.brcmicon-products:before{content:"\e62c"}.brcmicon-productsmenu:before{content:"\e62d"}.brcmicon-quote:before{content:"\e62e"}.brcmicon-search_nobg:before{content:"\e62f"}.brcmicon-search:before{content:"\e630"}.brcmicon-smartdevices:before{content:"\e631"}.brcmicon-socfb:before{content:"\e632"}.brcmicon-socli:before{content:"\e633"}.brcmicon-socpin:before{content:"\e634"}.brcmicon-soctwitter:before{content:"\e635"}.brcmicon-socyt:before{content:"\e636"}.brcmicon-somethingelse:before{content:"\e637"}.brcmicon-support:before{content:"\e638"}.brcmicon-switchingproducts:before{content:"\e639"}.brcmicon-techpages:before{content:"\e63a"}.brcmicon-trending:before{content:"\e63b"}.brcmicon-values:before{content:"\e63c"}.brcmicon-vision:before{content:"\e63d"}.brcmicon-wc_automotive:before{content:"\e63e"}.brcmicon-wc_custloyalty:before{content:"\e63f"}.brcmicon-wc_mobileadvert:before{content:"\e640"}.brcmicon-wc_retail:before{content:"\e641"}.brcmicon-wirelessaccesspoints:before{content:"\e642"} /* bootstrap */ .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after { display: table; content: " "; } .clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after { clear: both; } /* CSS taken from simple theme - Note from Brad: should probably clean further but works for now like this */ #j-basic-wrap, .j-body-place #j-main {max-width: none;} #j-globalNav-bg, #j-main, .j-body-place #j-main #jive-alert, .j-body-place #j-main .j-layout, #j-footer-wrap {max-width: none;}.j-body-place #j-main #jive-alert {margin: auto 20px 20px;}.j-body-place #j-main .j-layout {margin: auto 20px;}.j-globalNavLink {text-shadow: none;}body {background-color: #fff;color: #333;font-family: arial, helvetica, "helvetica neue", verdana, sans-serif;margin: 0 auto;} h1, h2, h3, h4, h5, h6 {color: #CC092F;}.font-color-normal, a.font-color-normal:link, a.font-color-normal:visited, .j-tabbar > li.active > a, .j-tabbar > li.j-active > a, .j-tabbar > li.j-tab-selected > a, .j-tabbar > li.active .inside { color: #333; }a, a:visited, a:link, .j-impact-list .j-metric .j-count, .font-color-link {color: #545454;}.j-impact-list .j-bar .j-bar-index {background-color: #545454;}a:hover, .font-color-link:hover {color: #545454;}.font-color-meta, .j-main-mb-entry .jive-js-statusinput-default:focus {color: #8b8b8b;}.j-menu .font-color-meta {}.font-color-meta a:link, .font-color-meta a:visited, .font-color-meta-light a:link, .font-color-meta-light a:visited, a.font-color-meta:link, a.font-color-meta:visited {color: #CC092F;}.font-color-meta a:hover, .font-color-meta a:focus, .font-color-meta a:active, .font-color-meta-light a:hover, .font-color-meta-light a:focus, .font-color-meta-light a:active a.font-color-meta:hover, a.font-color-meta:focus, a.font-color-meta:active {color: #CC092F;}.font-color-meta-light, a.font-color-meta-light:link, a.font-color-meta-light:visited, .jive-js-statusinput-default.jive-statusinput, .j-main-mb-entry .jive-js-statusinput-default {color: #a9a9a9;}a.font-color-meta-light:hover, a.font-color-meta-light:active {color: #8b8b8b;}.j-rc3, .j-rc4, .j-rc5, .j-rc6, .j-rc7, .j-tile, .j-box.j-enhanced, .j-box.j-enhanced header, .j-box.j-enhanced .j-box-body, .jive-widget, .jive-widget .jive-box-header, .jive-widget .jive-widget-body, .j-popover, .j-pop {border-radius: 0;}.j-globalNavLink:link, .j-globalNavLink:visited, .j-globalNavLink:hover, .j-globalNavLink:active, .j-globalNav .j-globalNav-li.j-nav-create a.j-globalNavLink, #j-compact-header a .j-user-name, #j-compact-header a.login, #j-compact-header a.register {color: #333;}.j-globalNav > li.j-globalNav-li > a.j-globalNavLink:hover, .j-globalNav > li.j-globalNav-li > a.j-globalNavLink:focus, .j-globalNav li.j-globalNav-li.active .j-globalNavLink, #j-compact-header a:hover .j-user-name, #j-compact-header a:hover.login, #j-compact-header a:hover.register, #j-compact-header a:focus .j-user-name, #j-compact-header a:focus.login, #j-compact-header a:focus.register, #j-compact-header li.active .j-user-name, #j-compact-header li.active.login, #j-compact-header li.active.register {color: #CC092F;}.j-navbadge-count { background-color:#CC092F; }#j-globalNav-bg {background-color: #fff;background-image: none;border-style: solid;}.jive-avatar, .jive-profile-avatar-list li a img, #avatar-preview, #j-satNav-wrap a#j-satNav {border-radius: 0;}.jive-profile-avatar-list li > a {border-radius: 5px;}#j-header, #j-compact-header{background-color: #fff;background-image: none;} h1#jive-global-header-title a {color: #fafafa;}#j-satNav-wrap .j-navLabel, #j-satNav-wrap .login, #j-satNav-wrap .register, #j-satNav-wrap li a.j-globalNavLink { color: #333; }#j-spotlight-search input { border-radius: 0; }button, input[type="button"], input[type="reset"], input[type="submit"], .j-btn-global, a.j-btn-global:link, a.j-btn-global:visited, a.j-btn-global:hover, a.j-btn-global:focus, a.j-btn-global:active {color: #555555;}a.j-btn-callout:link, a.j-btn-callout:visited, a.j-btn-callout:hover, a.j-btn-callout:focus, a.j-btn-callout:active {color: #fff}button.j-btn-callout, input[type="button"].j-btn-callout, input[type="reset"].j-btn-callout, input[type="submit"].j-btn-callout, .j-btn-callout, a#jive-nav-link-logout:link {color: #fff; background-color: #555555;}button.j-btn-callout:hover, button.j-btn-callout:focus, button.j-btn-callout:active, input[type="button"].j-btn-callout:hover, input[type="button"].j-btn-callout:focus, input[type="button"].j-btn-callout:active, input[type="reset"].j-btn-callout:hover, input[type="reset"].j-btn-callout:focus, input[type="reset"].j-btn-callout:active, input[type="submit"].j-btn-callout:hover, input[type="submit"].j-btn-callout:focus, input[type="submit"].j-btn-callout:active, .j-btn-callout:hover, .j-btn-callout:focus, .j-btn-callout:active, a#jive-nav-link-logout:hover, a#jive-nav-link-logout:focus, a#jive-nav-link-logout:active, button.j-btn-callout[disabled], [type="button"].j-btn-callout[disabled], [type="reset"].j-btn-callout[disabled], [type="submit"].j-btn-callout[disabled], button.j-btn-callout[disabled]:hover, button.j-btn-callout[disabled]:focus, input.j-btn-callout[type="button"][disabled]:hover, input.j-btn-callout[type="button"][disabled]:focus, input.j-btn-callout[type="reset"][disabled]:hover, input.j-btn-callout[type="reset"][disabled]:focus, input.j-btn-callout[type="submit"][disabled]:hover, input.j-btn-callout[type="submit"][disabled]:focus, .j-btn-callout[disabled]:hover, .j-btn-callout[disabled]:focus, .j-btn-callout[class*="j-btn-"]:link.disabled {background-color: #444444;}.jive-widget-header, .jive-widget-body {padding-left: 7px; padding-right: 7px;}.content-small img.featured-user-img, .content-small .j-place-overview img.j-place-photo {max-width: 194px; min-width: 194px;}.jive-widget-header div.j-act-filter-controls {top: 5px; right: 5px;}.j-box.j-enhanced, .jive-widget {background: #fff;}.jive-widget .n4jive_header_button {margin: 0;}.jive-widget .n4jive_header_button:nth-of-type(1) {margin: 0 2px 0 0;}.j-box.j-enhanced header, .jive-widget .jive-widget-header h4, .jive-widget .jive-widget-header .j-filters-showing, .j-box header h4, .j-tile header h4, .j-home-featured-places h4, .j-box header h3, .j-menu .font-color-meta, .j-pop h2, .jive-modal > header:first-child h2, .jive-modal header.j-modal-header h2, .jive-modal > div > header:first-child h2 {color: #999999;}.j-box.j-enhanced, .j-tile, .jive-widget, .jive-widget-recentactivitywidget .j-stream{}.j-box.j-enhanced header, .jive-widget .jive-box-header {background-color: transparent;border-style: solid none;border-top-color: #eeeeee;border-top-width: 0px;border-bottom-color: #eeeeee;border-bottom-width: 0px;}.j-globalNav > li.j-globalNav-li.active, .j-globalNav > li.j-globalNav-li:hover, #appsQuickLaunchLink.active, #navCreate.active, #j-nav-search.active, #j-satNav.active, ul .j-nav-create .j-globalNavLink:hover span.nav-link, ul .j-nav-create .j-globalNavLink:focus span.nav-link, ul .j-nav-create .j-globalNavLink.active span.nav-link, .j-globalNav > li.j-globalNav-li .j-globalNavLink.active {background-position: 100% -766px;}#j-compact-header #j-satNav .j-navLabel { display: none; } /* end CSS taken from simple theme */ .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; } .row { margin-right: -15px; margin-left: -15px; } /* coral.css */ .page_title { background-color: #cc092f; height: 60px; } .page_title h1 { color: #fff; text-transform: uppercase; } /* Sprite override */ .j-ui-elem { background-image: url("../images/j-ui-sprite.png"); } /******** JIVE HEADER *******/ #j-header-wrap { margin: 0; } #j-header, #j-compact-header { box-shadow: none; padding: 0; background-color: #fff; background-image: none; } #j-satNav-wrap .j-navLabel, #j-satNav-wrap .login, #j-satNav-wrap .register, #j-satNav-wrap li a.j-globalNavLink { color: #333; } #j-satNav-wrap { z-index: 1000; } #j-globalNav-bg { background-color: transparent; padding-top: 5px; padding-bottom: 5px; } .j-body-welcome .j-contained #jive-widget-container { padding: 0; } /** navigation bar **/ .j-globalNav > li.j-globalNav-li.active, .j-globalNav > li.j-globalNav-li > a.j-globalNavLink:hover, .j-globalNav > li.j-globalNav-li:hover, .j-globalNav > li.j-globalNav-li > a.j-globalNavLink:focus { background: none; } #j-globalNav > li:first-child + li.j-globalNav-li { margin: 0; } #j-globalNav-bg { padding: 0 15px; } .j-globalNavLink { font-size: 14px; height: auto; padding: 6px 40px 0 0; } #jive-navbar-link-news { display:none; } /******** JIVE FOOTER *******/ #j-footer { padding: 20px 0 0; } /** only show on welcome page **/ #j-header #content { display: none; } .j-body-welcome #j-header #content { display: block; border-top: 3px solid #CC092F; } /** hide Jive help from drop down **/ #jive-nav-link-help { display:none; } /******** BUTTONS **********/ .j-contained { border: none !important; } /******** BUTTONS **********/ a.j-btn-callout:link, a.j-btn-callout:visited, a.j-btn-callout:hover, a.j-btn-callout:focus, button.j-btn-callout, input.j-btn-callout[type="button"], input.j-btn-callout[type="reset"], input.j-btn-callout[type="submit"], .j-btn-callout { font-family: "Arial W01 Condensed"; text-transform: uppercase; font-size: 14px; border: none; background: #cc092f; color: #ffffff; text-shadow: none; box-shadow: none; } button.j-btn-callout:hover, button.j-btn-callout:focus, input.j-btn-callout[type="button"]:hover, input.j-btn-callout[type="button"]:focus, input.j-btn-callout[type="reset"]:hover, input.j-btn-callout[type="reset"]:focus, input.j-btn-callout[type="submit"]:hover, input.j-btn-callout[type="submit"]:focus, .j-btn-callout:hover, .j-btn-callout:focus { font-family: "Arial W01 Condensed"; text-transform: uppercase; font-size: 14px; border: none; background-color: #cc092f; color: #ffffff; text-shadow: none; box-shadow: none; } /** captcha refresh link **/ a.captcha-refresh { color: #E01837; } /******** COMMUNITIES ********/ /* header */ .j-page-header .j-placeHdImg { position: absolute; top: 10px; left: 10px; width: 130px; overflow: hidden; height: 130px; background: none; border: 0 none; box-shadow: none; box-sizing: border-box; z-index: 3; line-height: 130px; text-align: center; display: inline-block; } .j-placeHdImg div.placeImg { display: none; } .j-placeHdImg img.placeImg { display: inline-block; vertical-align: middle; max-width: 100px; max-height: 100px; } h1.j-placeTitle a.font-color-white.j-placeName { color: #CC092F; /*text-transform: uppercase;*/ } /*.j-placeTitle .j-context-more { margin-bottom: 8px; }*/ .j-placeLinks li.j-tab-selected a, .j-placeLinks li.active a, .j-placeLinks li > a, .j-placeNav .j-place-main-nav-more { color: #a7a7a7; } /* links */ .welcome-link-large, .welcome-link-small { float: left; position: relative; min-height: 1px; box-sizing: border-box; padding: 5px; } .welcome-link-large { width: 50%; } .welcome-link-small { width: 16.6%; opacity: 1; transition: all .2s; } .welcome-link-small:hover { opacity: .8; } .welcome-small-button { position: absolute; bottom: 0; width: 93%; height: 15%; } /******** WIDGETS *********/ .j-box.j-enhanced, .jive-widget { box-shadow: none; margin-bottom: 25px; } .jive-widget-container .jive-widget.jive-widget-borderless { box-shadow: none; } .jive-widget-body { /*background: linear-gradient(to bottom, #E5E5E5 0px, #FFFFFF 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);*/ background: #f0f0f0; padding: 15px 30px; } .j-box { background: #fff; } .j-box.j-enhanced header, .jive-widget .jive-box-header{ padding: 15px 0px 15px 30px; background-color: #d4d4d4; color: #333; } .j-box.j-enhanced header, .jive-widget .jive-widget-header h4 { color: #333; font-size: 18px; text-transform: none; font-weight: normal; } .fpw-place { height: 60px; } /***** SEARCH *****/ #j-nav-search.active, #j-satNav.active, ul .j-nav-create .j-globalNavLink:hover span.nav-link, ul .j-nav-create .j-globalNavLink:focus span.nav-link, ul .j-nav-create .j-globalNavLink.active span.nav-link, .j-globalNav > li.j-globalNav-li .j-globalNavLink.active { background: none rgba(0, 0, 0, 0); } /******** PLACES *********/ .j-page-header .j-placeName { font-weight: bold; } .j-place-thumb .j-place-photo { text-align: center; margin: auto; } .j-place-thumb .j-place-photo img { height: 100%; width: auto; } .j-page-header-parent .font-color-white { color: #A7A7A7; } .j-placeHeaderWrap #jive-breadcrumb { color: #999; position: absolute; top: -30px; left: 0; } #jive-breadcrumb { display:none; /* initially hide breadcrumb until after custom code has run */ } /******* Get Started *******/ .font-face-deco { font-family: Arial,Helvetica; } .j-onb-quests .j-hdicon { background: url("/themes/broadcom-two/images/Icons-Fund.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); left: 65px; top: 30px; } /****** Registration message *******/ .custom-registration-message { padding: 20px 0; font-style: italic; color: #CC092F; } /****** jive-places.css /community/ethernet-switch *******/ .j-body-place .j-contained #jive-widget-container { padding: 0; } /****** JD: experiment layout using sort of bootstrap columns for reponsive *******/ #jive-body-layout-sl { margin-left: -15px; margin-right: -15px; position: relative; } #jive-body-layout-sl .jive-body-layout-s { box-sizing: border-box; float: left; padding-left: 15px; padding-right: 15px; width: 25%; } #jive-body-layout-sl .jive-body-layout-l { box-sizing: border-box; float: left; padding: 0 15px; width: 75%; margin: 0; } #jive-body-layout-sl .jive-body-layout-l .jive-widget-container-large { margin-left: auto; } /* jass */ /* Bootstrap */ /* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }*/ .container { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: -5px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0; } } /* Coral */ /*============= global anti-jive ============= */ a:hover, a:focus, a:active { text-decoration: none; outline: none; } #j-globalNav-bg { height: 62px; padding-top: 15px; } #j-globalNav a { font-family: "Arial W01 Condensed"; font-size: 20px; text-transform: uppercase; color: #b4b4b4; } #j-globalNav li.active a { color: #696969; } .j-navbadge-count, .j-actbadge-count { box-shadow: none; text-shadow: none; } .j-placeActions li#jive-place-link-manage-tab a { color: #cc092f; text-shadow: 0 1px 1px #bbb; } .j-placeActions a { font-weight: bold; font-size: 30px; } .j-globalNav .j-globalNav-li.j-nav-create a.j-globalNavLink { color: #b4b4b4; } .j-box.j-box-actions { padding-left: 16px; } .j-homenav { margin: 0; padding-left: 16px; } .j-body-news .j-editPage, .j-navbadge-count, .j-actbadge-count, .j-homenav-item .j-complete { right: 8px; } #js-ibx-resize { height: 8px; background: #fafafa; cursor: row-resize; margin: -16px 0 0; position: relative; z-index: 3; border: solid 1px #eee; border-bottom: solid 1px #dedede; left: 0; } .j-ibx-resize-ctrl { height: 21px; top: 0; } /*============= widgets ============= */ .wd_button, .wd_drop_btn { height: 50px; width: 224px; background: #ffffff; color: #09367a; border: none; box-shadow: none; margin: 20px auto; } .wd_button:hover, .wd_button:focus, .wd_drop_btn:hover, .wd_drop_btn:focus { color:#09367a; background: #ffffff; border: none; } .wd_button_cont { text-align: center; } .wd_drop_content { display: none; padding-top: 20px; } .wd_button_cont .fa-caret-down { border-left: 5px solid rgba(0, 0, 0, 0); border-right: 5px solid rgba(0, 0, 0, 0); border-top: 5px solid #09367a; height: 0; position: relative; top: 11px; width: 0; margin-left: 5px; } .wd_button_cont .fa-caret-up { border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #09367a; height: 0; position: relative; bottom: 12px; width: 0; margin-left: 5px; } div.wd_green_arrow { display: inline-block; } #wd_oem_table td { text-align: center; } #wd_oem_table td.wd_oem { text-align: left; } .wd_green_arrow { background-image: url("/images/jive-icon-sprites-med.png"); background-position: -80px -590px; width: 20px; height: 20px; } /*============= Main Menu / header ============== */ #main_nav { border: none; background-color: transparent; height: 125px; padding-bottom: 20px; padding-top: 20px; z-index: 1010; box-sizing: border-box; } #logo_head { display: inline-block; height: 22px; width: 149px; background: url('/themes/broadcom-two/images/BroadcomLtd-HeaderLogo@1x.png'); margin-bottom: 8px; } #nav_bar, #nav_bar_mobile { display: inline-block; margin-left: 20px; } #nav_bar a { display: block; padding: 10px 15px; position: relative; cursor: pointer; line-height: 20px; font-family: "Arial W01 Condensed"; font-size: 14px; color: #333333; letter-spacing: 0.7px; text-transform: uppercase; text-decoration: none; } #nav_bar_mobile a { display: block; padding: 10px 15px; position: relative; cursor: pointer; line-height: 22px; font-family: "Arial W01 Condensed"; font-size: 16px; color: #000000; letter-spacing: 0.7px; text-transform: uppercase; text-decoration: none; } .nav { list-style: outside none none; margin-bottom: 0; padding-left: 0; } .nav > li { display: block; position: relative; float: left; margin-bottom: -1px; } #nav_bar_mobile .nav > li { float: none; } .navbar-header { float: left; } .page_title h1 { font-family: "Arial W01 Condensed"; font-size: 36px; font-weight: 500; line-height: 1.1; margin-bottom: 10px; margin-top: 8px; } #nav_bar_mobile, button.navbar-toggle { display: none; } .navbar-toggle { background-color: transparent; background-image: none; border: none; box-shadow: 0 0 0; border-radius: 0; float: right; margin: 22px 15px 1px 10px; padding: 9px 10px; position: relative; } .navbar-toggle:hover, .navbar-toggle:focus { background: transparent; } .navbar-toggle .icon-bar { border-radius: 2px; height: 3px; display: block; width: 22px; background: #000000 none repeat scroll 0 0; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (max-width: 450px) { button.navbar-toggle { display: block; } #nav_bar { display: none; } } /*============= Ankle / Footer ============== */ #ankle, #footer { background-color: #1e1e1e; font-size: 12px; display: block; } .ankle { margin-top: 40px; } #ankle div.row { margin-bottom: 10px; margin-top: 46px; } #ankle li { display: inline-block; margin-right: 20px; text-transform: uppercase; font-size: 10px; } #ankle li.ankle-icon { margin-right: 8px; } #ankle a { color: #ffffff; } #ankle a:hover, #footer a:hover { text-decoration: none; outline: none; } #ankle_social { text-align: right; margin-bottom: 10px; } #footer, #footer a { color: #808080; } #footer { padding-bottom: 20px; padding-top: 15px; } #footer ul { margin-bottom: 10px; } .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } .top_space_sm2x { margin-top: 20px; } .ankle_tw, .ankle_fb, .ankle_yt, .ankle_li, .ankle_pi { color: #484848; font-size: 2.6em; } .ankle_tw:hover, #social_sidebar_content .ankle_tw:hover {color: #55acee;} .ankle_fb:hover, #social_sidebar_content .ankle_fb:hover {color: #3b5998;} .ankle_yt:hover, #social_sidebar_content .ankle_yt:hover {color: #cd201f;} .ankle_li:hover, #social_sidebar_content .ankle_li:hover {color: #0976b4;} .ankle_pi:hover, #social_sidebar_content .ankle_pi:hover {color: #cc2127;} #ankle_nav { position: relative; text-align: center; } /* fade effects for main menu, footer and ankle */ #ankle_nav a, #footernav a, #main_nav ul.nav a, #main_nav ul.nav span.fa { transition-property: color; transition-duration: 0.5s; transition-timing-function: ease-out; } #ankle_nav:hover a, #footernav:hover a, #main_nav ul.nav:hover a, #main_nav ul.nav:hover span.fa { color:#999999; } #main_nav ul.nav a:hover, #main_nav ul.nav span.fa:hover { color:#000000; } #ankle_nav a:hover, #footernav a:hover { color: #ffffff; } /* jd */ /* Bootstrap */ .pull-right { float: right !important; } .pull-left { float: left !important; } .thumbnail { background-color: transparent; border: medium none; border-radius: 4px; display: block; line-height: 1.42857; margin-bottom: 20px; padding: 0; transition: all 0.2s ease-in-out 0s; } /* Coral */ .content_break { margin-bottom: 40px; margin-top: 70px; text-align: center; font-size: 14px; } .section_title { color: #868686; font-size: 26px; font-family: "Arial W01 Condensed"; font-weight: 500; line-height: 1.1; margin-bottom: 10px; margin-top: 0; letter-spacing: 0.7px; text-transform: uppercase; } .content_break hr { border-top: 1px solid #cc092f; border-bottom: none; line-height: 0; margin: 0; } .content_break .fa-caret-down { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #cc092f; position: relative; top: 9px; } /* Related Blog */ .related_blog_thumb { height: 50px; margin-bottom: 30px; overflow: hidden; } /* Jive */ #j-main { padding: 0 15px !important; /* Bootstrap padding */ } #j-main .j-layout { margin: 0 !important; } .j-tileModal-search, #j-spotlight-search { width: 186px; } .j-page-header .j-place-header-overlay { background: #f3f3f3; } h1.j-placeTitle a.font-color-white.j-placeName { /* theme.css */ text-shadow: none; } .j-placeNav { box-shadow: none; padding: 0 400px 0 140px; } .j-placeNavBg { display: none; } .j-placeLinks li.j-tab-selected a, .j-placeLinks li.active a, .j-placeLinks li > a, .j-placeNav .j-place-main-nav-more { /* theme.css */ color: #333; text-shadow: none; } .j-placeLinks li.j-tab-selected a, .j-placeLinks li.active a { background-color: #fff; } .j-body-place #jive-body .j-page-header { /* terenary menu */ box-shadow: none; background-color: #f3f3f3; background-image: none; margin-top: 35px; } #jive-body > header.j-page-header h1 { line-height: 135px; } /* Welcome News */ .jive-widget-formattedtext .jive-widget-body .jive-rendered-content ul li, .jive-widget .jive-blog-post-message .jive-rendered-content ul li { /* Welcome News */ list-style-type: square; margin: 2px 0 14px 20px; } .jive-widget-formattedtext .jive-widget-body .jive-rendered-content ul li li, .jive-widget .jive-blog-post-message .jive-rendered-content ul li li { list-style: none; } .jive-widget-formattedtext .jive-widget-body .jive-rendered-content ul li li li, .jive-widget .jive-blog-post-message .jive-rendered-content ul li li li { list-style: none; } /* interior side bar */ .j-layout-sl .j-column-s { background-color: #eee; } .j-box { background-color: transparent; } .j-layout-sl .j-column-l { border-left: none; } .j-second-nav > ul > li { padding-left: 16px; } [class*=j-body-your] .j-box-invites.j-box { margin: 0 12px 0 10px; } /* slider */ .j-slide .j-slide-image-wrapper { background-color: transparent; box-shadow: none; } /* partners */ /* Update with proper widget id */ .jive-widget-borderless .j-carousel .j-pagination-container { left: auto; } .j-carousel .j-pagination-prevnext { background: transparent; width: 100%; } .j-carousel .j-pagination-prevnext > .j-pagination-prev { position: absolute; left: 0; top: 76px; z-index: 100; background: rgba(0, 0, 0, 0) url("/themes/broadcom-two/images/slider_prev.jpg") no-repeat scroll 0px 0px; margin-right: 0; width: 46px; height: 84px; } .j-carousel .j-pagination-prevnext .j-pagination-next { position: absolute; right: 0; top: 76px; z-index: 100; background: rgba(0, 0, 0, 0) url("/themes/broadcom-two/images/slider_next.jpg") no-repeat scroll 0px 0px; width: 46px; height: 84px; } .j-carousel .j-slide .j-slide-image-wrapper { border: 1px solid #f3f3f3; border-radius: 4px; width: 120px; padding: 0 15px; margin-left: 22px; } .j-carousel .j-slide .j-slide-caption { display: none; visibility: hidden; opacity: 0; } .j-carousel .j-slide .j-slide-image { height: auto; max-width: 100%; vertical-align: middle; width: 100%; } .j-carousel .caroufredsel_wrapper { margin-left: 40px !important; } .j-carousel .j-slide h3 { text-align: center; color: #333; margin-top: 15px; font-size: 14px; } /* Welcome video icon */ .jive-link-video-small { background-image: none; box-decoration-break: clone; -webkit-box-decoration-break: clone; -o-box-decoration-break: clone; line-height: 20px; margin: 0; padding: 0 0 0 26px; font-size: 12px; } .jive-link-video-small::before { content: url("/themes/broadcom-two/images/video-icon-blue.png"); display: inline-block; height: 20px; left: -26px; margin: 0; padding: 0; position: relative; top: 5px; width: 0; } /* Partners Images */ .jive-widget-imagenavwidget.jive-widget-imagenav.jive-widget-borderless { margin-bottom: 0; } .js-image-nav .j-image-link-row > ul > li { display: inline-block; margin: 0 15px; width: 196px !important; padding: 0 !important; height: inherit !important; } .js-image-nav .j-image-links > li { display: inline-block; } .j-carousel.js-image-nav .j-slide .j-slide-image-wrapper { border: none; height: 100px; line-height: 1px; } .js-image-nav .js-image-link-link:hover > h3 { visibility: visible; } .js-image-nav .js-image-link-link > h3 { background-color: #f3f3f3; margin-top: 0; padding-top: 10px; padding-bottom: 10px; height: auto; visibility: hidden; margin-top: -15px; position: relative; } .js-image-nav .j-slide.js-image-link { height: auto; width: 100%; } /* hide banner design in edit mode */ .editMode .j-page-header .j-placeBgImageDisplay { display: none; } /* ---------------------------------- */ /* CYPRESS BRAND STYLES AND OVERRIDES */ /* ---------------------------------- */ /* OPEN SANS FONT */ body, p, a, h1, h2, h3, h4, h5, h6, div, td, th { font-family: "Open Sans", sans-serif !important; font-weight: normal; } body { font-size: 14px; } h1, h2, h3, h4, h5, h6 { color: #09367a; } #header { padding: 0 !important; } #logo_head { height: 79px; width: 255px; background-image: url(/themes/broadcom-two/images/cypress-logo-2017.png); background-size: contain; background-repeat: no-repeat; margin-top: 8px; } .j-navbadge-count { background-color: #09367a; background-image: none; } .j-satNav-inbox:hover span.j-navbadge-count, .j-satNav-inbox:focus span.j-navbadge-count { box-shadow: none; background: #3780cb; } #j-satNav-wrap { top: 28px; } .navbar-header { position: initial; } #nav_bar, #nav_bar_mobile { position: absolute; right: 205px; top: 19px; } #nav_bar a { font-family: "Open Sans", sans-serif; letter-spacing: 0; font-size: 10px; font-weight: 600; color: #09367a; } .nav-link .j-create-icon { display: none; } #main_nav ul.nav:hover a, #main_nav ul.nav:hover span.fa { color: #09367a; } #main_nav ul.nav a:hover, #main_nav ul.nav span.fa:hover { color: #3780cb; } #j-globalNav-bg { background: #e8ebf1; padding: 0; margin: 0 auto 25px; width: 100%; height: 50px; display: inline-block; } #j-globalNav { margin: 0 auto; float: none; } #j-globalNav a { font-family: "Open Sans", sans-serif; font-size: 12px; color: #000; font-weight: 600; } .j-globalNavLink { padding: 0 32px; line-height: 50px; height: 50px; } #j-globalNav li.active a { color: #000; } .j-globalNav li.j-globalNav-li { height: 50px; border-right: 1px solid #fff; } .j-globalNav li#jive-nav-link-home { border-left: 1px solid #fff; } #j-nav-search-li #j-nav-search span { padding: 0; height: 50px; margin: 0; font-size: 22px; } #j-nav-search-li #j-nav-search { color: #09367a; font-size: 16px !important; margin-right: 14px; } @media (min-width: 992px) { #j-nav-search-li #j-nav-search span { padding: 0 0 0 10px; height: 24px; margin: 0; font-size: 13px; text-align: left; color: #757575; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #j-nav-search-li #j-nav-search span .icon-search { color: #000; position: absolute; top: 5px; right: 0; font-size: 14px; } #j-nav-search-li #j-nav-search { background: #fff; border: 1px solid #09367a; color: #000; height: 24px; margin-top: 11px; width: 220px; line-height: 24px; } #j-nav-search-li label { /* top: 12px !important; left: -55px !important; font-size: 12px; color: #000; font-weight: 600; text-transform: uppercase; */ font-size: 12px; color: #000; font-weight: 600; text-transform: uppercase; margin-right: 10px; margin-top: 14px; float: left; position: static !important; width: auto; } } li#j-nav-search-li { border-right: 0 none; } #j-links .j-globalNav { margin: 0; } #j-links { margin: 0; position: absolute; top: 0; right: 0; } .jive-widget-body { background: #e8ebf1; } .j-box.j-enhanced header, .jive-widget .jive-box-header { background: #09367a; } .j-box.j-enhanced header, .jive-widget .jive-widget-header h4 { color: #09367a; font-size: 30px; font-weight: 300; text-transform: uppercase; } .jive-widget-body { padding: 20px; } .j-box.j-enhanced header, .jive-widget .jive-box-header { padding: 10px 20px; } .jive-widget-container-small .jive-widget .jive-widget-header h4 { font-size: 14px; font-weight: 600; color: #fff; } a, a:link, a:visited, .font-color-meta a:link, .font-color-meta a:visited, .font-color-meta-light a:link, .font-color-meta-light a:visited, a.font-color-meta:link, a.font-color-meta:visited { color: #09367a; } a:hover, a:active, a:focus { color: #3780cb; } .jive-table tr.jive-table-row-odd td, .jive-table tr.jive-table-row-even td { background-color: transparent; border-bottom: 1px solid #fff; } .jive-table tr:last-child td { border-bottom: 0 none; } #ankle, #footer { background-color: #09367a; } .ankle { margin-top: 0; } #footer, #footer a, #ankle_nav:hover a, #footernav:hover a { color: #fff; } .ankle_tw, .ankle_fb, .ankle_yt, .ankle_li, .ankle_pi { color: #fff; font-size: 14px; top: 2px; position: relative; } #ankle_nav a:hover, #footernav a:hover { color: #b3c1d6; } .jive-widget-container-large .jive-widget .jive-box-header { background: rgba(0, 0, 0, 0); padding: 0; } .jive-widget-container-large .jive-widget-body { background: rgba(0, 0, 0, 0); padding: 20px 0; } .jive-widget-container-large .jive-widget-borderless .jive-widget-body { padding: 0; } #j-main-wrapper section#related-blog-posts { background-color: #e8ebf1; } .content_break { margin-top: 30px; margin-bottom: 0; padding-top: 50px; padding-bottom: 50px; } .section_title { font-family: "Open Sans", sans-serif; font-weight: 300; color: #09367a; font-size: 30px; } .content_break hr { border-top: 1px solid #fff; } .content_break .fa-caret-down { border-top: 10px solid #fff; top: 10px; } .row#related_blog_content { margin-bottom: 50px; } /* BUTTONS */ a.j-btn-callout:link, a.j-btn-callout:visited, a.j-btn-callout:hover, a.j-btn-callout:focus, button.j-btn-callout, input.j-btn-callout[type="button"], input.j-btn-callout[type="reset"], input.j-btn-callout[type="submit"], .j-btn-callout, button, input[type="button"], input[type="reset"], input[type="submit"], .j-btn-global, a.j-btn-global, a.j-btn-global:link { font-family: "Open Sans", sans-serif; text-transform: none; font-weight: 600; border-radius: 0; border: 1px solid #09367a; background: #e8ebf1; color: #09367a; font-size: 12px; box-shadow: none; text-shadow: none; } button.j-btn-callout:hover, button.j-btn-callout:focus, input.j-btn-callout[type="button"]:hover, input.j-btn-callout[type="button"]:focus, input.j-btn-callout[type="reset"]:hover, input.j-btn-callout[type="reset"]:focus, input.j-btn-callout[type="submit"]:hover, input.j-btn-callout[type="submit"]:focus, .j-btn-callout:hover, .j-btn-callout:focus, button:hover, button:focus, [type="button"]:hover, [type="button"]:focus, [type="reset"]:hover, [type="reset"]:focus, [type="submit"]:hover, [type="submit"]:focus, .j-btn-global:hover, .j-btn-global:focus, a.j-btn-global:hover { font-family: "Open Sans", sans-serif; text-transform: none; font-weight: 600; border-radius: 0; border: 1px solid #09367a; background: #09367a; color: #fff; font-size: 12px; box-shadow: none; text-shadow: none; } button.j-btn-callout, input[type="button"].j-btn-callout, input[type="reset"].j-btn-callout, input[type="submit"].j-btn-callout, .j-btn-callout, a#jive-nav-link-logout:link { text-shadow: none; background: #e8ebf1; border: 1px solid #09367a; font-weight: 600 !important; } button.j-btn-callout:hover, button.j-btn-callout:focus, button.j-btn-callout:active, input[type="button"].j-btn-callout:hover, input[type="button"].j-btn-callout:focus, input[type="button"].j-btn-callout:active, input[type="reset"].j-btn-callout:hover, input[type="reset"].j-btn-callout:focus, input[type="reset"].j-btn-callout:active, input[type="submit"].j-btn-callout:hover, input[type="submit"].j-btn-callout:focus, input[type="submit"].j-btn-callout:active, .j-btn-callout:hover, .j-btn-callout:focus, .j-btn-callout:active, a#jive-nav-link-logout:hover, a#jive-nav-link-logout:focus, a#jive-nav-link-logout:active, button.j-btn-callout[disabled], [type="button"].j-btn-callout[disabled], [type="reset"].j-btn-callout[disabled], [type="submit"].j-btn-callout[disabled], button.j-btn-callout[disabled]:hover, button.j-btn-callout[disabled]:focus, input.j-btn-callout[type="button"][disabled]:hover, input.j-btn-callout[type="button"][disabled]:focus, input.j-btn-callout[type="reset"][disabled]:hover, input.j-btn-callout[type="reset"][disabled]:focus, input.j-btn-callout[type="submit"][disabled]:hover, input.j-btn-callout[type="submit"][disabled]:focus, .j-btn-callout[disabled]:hover, .j-btn-callout[disabled]:focus, .j-btn-callout[class*="j-btn-"]:link.disabled { background: #09367a; box-shadow: none; text-decoration: none; } .j-body-place #jive-body .j-page-header { margin-bottom: 30px; background-color: #e8ebf1; } .j-placeNav { padding-left: 160px; } h1.j-placeTitle a.font-color-white.j-placeName { text-shadow: none; color: #09367a; font-weight: 300; font-size: 34px; line-height: 1.3; } .j-placeLinks li.j-tab-selected a, .j-placeLinks li.active a, .j-placeLinks li > a, .j-placeNav .j-place-main-nav-more { color: #000; text-shadow: none; font-weight: normal; font-size: 13px; opacity: 1; } .j-placeHeaderWrap #jive-breadcrumb { font-size: 12px; color: #000 } .j-page-header #jive-breadcrumb a { opacity: 1; color: #b0b0b0; } .j-page-header #jive-breadcrumb a.jive-breadcrumb-last { color: #000; } .j-layout-sl .j-column-s { background-color: #e8ebf1; } .get_started_col .img-responsive { margin-left: auto; margin-right: auto; border-radius: 50%; } a.get_started_button { text-transform: none !important; font-weight: 600; border-radius: 0; border: 1px solid #09367a; background: #e8ebf1; color: #09367a !important; box-sizing: border-box; } a.get_started_button:hover { background: #09367a; color: #fff !important; } .get_started_title { font-size: 14px !important; padding: 15px 0 !important; } .copyright { float: none !important; text-align: center; font-size: 11px; } #ankle div.row { margin: 20px 0 0; } /* COMMUNITY NAME */ .community-name-container { background: #09367a; height: 45px; border-bottom: 1px solid #fff; } .community-name { color: #fff; font-size: 23px; line-height: 45px; text-transform: uppercase; } /* POKESHOT TRANSLATION TOOL STYLES */ #smz-toggle-translation-wrapper { font-family: "Open Sans", sans-serif; font-size: 10px; text-transform: uppercase; color: #09367a; font-weight: 600; top: -140px; right: 220px; } #smz-toggle-translation { margin-right: 8px; font-size: 12px; } /* SEARCH NAVBAR UI CHANGES 8/24/16 */ /* HEADER CHANGES 6/2/2017 WITH ADDITIONAL SEARCH FIELD */ #main_nav > .row { position: relative; } #j-basic-wrap, .j-body-place #j-main { max-width: 1170px; } @media (max-width: 1199px) { #j-basic-wrap { max-width: 970px; } } @media (max-width: 991px) { #j-basic-wrap { max-width: 750px; } } #corp-site-search { position: absolute; right: 15px; top: 55px; } #corp-search-label { font-size: 12px; color: #000; font-weight: 600; text-transform: uppercase; } #corp-search-field { font-family: "Open Sans", sans-serif; background: #e8ebf1; border: 0 none; color: #000; height: 26px; width: 162px; line-height: 26px; padding: 0 10px; font-size: 13px; display: inline-block; margin-left: 10px; } #corp-site-search .icon-search { position: absolute; right: 6px; top: 6px; color: #09367a; } #cypresscom-search-click { cursor: pointer; } @media (max-width: 991px) { #dev-search-placeholder { display: none; } } @media (min-width: 768px) { .j-globalNavLink { padding: 0 20px; } } @media (min-width: 1200px) { .j-globalNavLink { padding: 0 32px; } } /* KBA WIDGET */ .kba-link { font-size: 26px; font-weight: 300; } .kba-icon { background: url(/themes/broadcom-two/images/kba-avatar.png); height: 65px; width: 65px; display: inline-block; background-size: contain; vertical-align: middle; margin-right: 15px; } /* CDC 3.0 HEADER LOGO */ #cdc3-logo { position: relative; top: -21px; left: 150px; height: 50px; width: 276px; background: url(/themes/broadcom-two/images/cdc3.png) no-repeat; background-size: contain; display: inline-block; } @media (max-width: 1199px) { #cdc3-logo { left: 70px; } } @media (max-width: 991px) { #main_nav { height: 105px; padding-bottom: 10px; padding-top: 10px; } #logo_head { height: 65px; width: 212px; margin-top: 15px; } #cdc3-logo { height: 35px; width: 194px; top: -22px; left: 30px; } #j-satNav-wrap { right: 5px; } } /* SPOTLIGHT WINDOW HEIGHT FIX */ #j-search-visor.current-view-search { height: calc(100% - 248px); }