/* ========================================================================== CSS Code for all header elements Author: Max Quattromani Version: 1.8.9.9 - Updated: 9/26/2013 ========================================================================== */ /* ========================================================================== Layout ========================================================================== */ /* ========================================================================== Module ========================================================================== */ /* Business Class Responsive Global Elements CSS */ .twc-top-nav li.twc-active .smartLink { border: none; background: #343c42; } .twc-top .twc-container { padding: 3px 0 0 0; } .twc-header-search .twc-search-input-wrap input { border-left: 1px solid #CCCCCC; border-bottom: 1px solid #CCC; border-top: 1px solid #CCC; } .twc-header-search .twc-search-btn{ border:1px solid #CCC } .twc-top-nav .smartLink a{ color: #A2A5A6; } .twc-header-icons { background: none; border: none; font-size: 9px; font-size: 0.9rem; padding: 10px 20px 5px; text-align: center; } .twc-navigation, .twc-mobile-navigation { border-top: solid 1px #dcdcdc; } .twc-navigation .header-navigation { height: 100%; } nav.twc-navigation a{ line-height: 51px; } nav.twc-navigation li.active { background: #EBEBEC; } nav.twc-navigation .twc-submenu li a { padding-left: 5px; color: #336699; font-size: 13px; font-size: 1.3rem; } nav.twc-navigation .megamenu li a{ background: none; } ul.twc-main-nav { height: 100%; } nav.twc-navigation li { border: none; } .twc-main-nav > li{ background: url("../../clientlibs/responsive/business/images/border-navigation-item.png") no-repeat scroll 100% 0 transparent; /* TODO: explore using sizing + border to achieve this */ border: none; } .twc-main-nav > li > .smartLink > a { color: #000; font-size: 13px; font-size: 1.3rem; font-family: Arial, sans-serif; } .twc-main-nav > li.active > .smartLink > a { color: #336699; } .twc-main-nav > li:hover > .smartLink > a{ color: #fff; } ul.twc-main-nav > li:hover{ background: #343B46; } .twc-main-nav > li:hover .twc-submenu{ border: 6px solid #343B46; } .twc-main-nav li { height: 100%; } .twc-top-nav li a:hover, .twc-drop-nav.persist a{ color:#fff; } nav.twc-navigation .twc-submenu .bc-caret a { background: url(../../clientlibs/responsive/business/images/arrow-blue-right.png) right center no-repeat; border-bottom: 1px dotted #ababab; width: 100%; padding: 3px .5em 3px 5px; line-height: 1.3em; } nav.twc-navigation .twc-submenu .bc-caret a:hover { background-image: url(../../clientlibs/responsive/business/images/arrow-gray-right.png); color: #2D2F30; text-decoration: none; } nav.twc-navigation .twc-main-nav > li.twc-last{ border: none; } nav.twc-navigation .twc-main-nav > li.twc-first > div{ background: url("../../clientlibs/responsive/business/images/border-navigation-item.png") no-repeat scroll 0% 0 transparent; } .twc-header-search .twc-search-input-wrap input { width: 80%; } .twc-header-search .twc-search-btn { float: none; } .header_v2 .newHeaderIcons .horizontal ul > li { float: right; width: 25%; } /* ========================================================================== State ========================================================================== */ /* ========================================================================== Theme ========================================================================== */ /* ========================== Browser Specific ========================== */ /* Firefox */ @-moz-document url-prefix() { } /* Webkit: Chrome/Safari */ @media screen and (-webkit-min-device-pixel-ratio:0) { /* Webkit browsers add a 2px margin outside the chrome of form elements */ } /* ========================== IE: 8/9 ========================== */ /* ie (.ie) */ /* ie8 (.ie8) */ /* ie9 (.ie9) */ /* ========================== Responsive Design ========================== */ /* ========================== Tablet ========================== */ @media (max-width: 68.6875em) { .twc-header { background-color: #fff; background: linear-gradient(to bottom, #d2d9df 0%, #E7E7E8 13%, #FFFFFF 36%, #FFFFFF 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d9df', endColorstr='#ffffff',GradientType=0 ); } nav.twc-mobile-navigation li { border-right: none; } } @media (max-width: 40em) { .header_v2 .newHeaderIcons { width: 50%; } .header_v2 li .smartLink > a img { width: 90%; } } /* ========================================================================== Layout ========================================================================== */ /* ========================================================================== Module ========================================================================== */ /* ========================================================================== State ========================================================================== */ /* ========================================================================== Theme ========================================================================== */ /* ========================== Smartphone ========================== */ @media (max-width: 31.25em) { .twc-header { background-color: #fff; background: linear-gradient(to bottom, #d2d9df 0%, #E7E7E8 13%, #FFFFFF 36%, #FFFFFF 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d9df', endColorstr='#ffffff',GradientType=0 ); } } /* ========================================================================== Layout ========================================================================== */ /* ========================================================================== Module ========================================================================== */ /* ========================================================================== State ========================================================================== */ /* ========================================================================== Theme ========================================================================== */ /* Header fixes for responsive businessclass */ .twc-header-search{ margin-left:75px; width: 420px; } .twc-header-search .twc-search-btn{ margin-left: -35px; } /* Header fixes for responsive businessclass */ /* overwriting this so that the link text left aligns with the dotted bottom border */ nav.twc-navigation .twc-submenu .bc-caret a { padding: 0.25em 0.5em 0.25em 0; } /* Fix for WEBCMS-12309: Header Icons Styling fix is needed for IE9 */ .twc-header-icons { -ms-filter: ""; } /* ========================================================================== CSS Code for all footer elements Author: Max Quattromani Version: 1.8.9.9 - Updated: 1/16/2013 ========================================================================== */ /* ========================================================================== Layout ========================================================================== */ /* ========================================================================== Module ========================================================================== */ /* Business Class Responsive Global Elements CSS */ .footer-top-bar { padding: 0; } .footer-top-background { background: url("../../clientlibs/responsive/business/images/background-footer-box.png") repeat; border-top: 1px solid #d8d9da; border-bottom: 1px solid #d8d9da; } .twc-bc-footer .footer-menu { background: url("../../clientlibs/responsive/business/images/hr-shadow.png") no-repeat scroll center 0 rgba(0, 0, 0, 0); } .twc-bc-footer .labelList{ padding-top: 5px; } .twc-footer.no-gradient{ padding: 0; font-size: 14px; font-size: 1.4rem; } .twc-footer .twc-bc-footer { background: url("../../clientlibs/responsive/business/images/gradient-background-footer.png") 0 0 repeat-x white; } .twc-footer a { font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; color: #646464; font-size: 12px; font-size: 1.2rem; font-weight: normal; } .twc-footer h3.label { font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; color: #1F1F1F; font-size: 13px; font-size: 1.3rem; font-weight: bold; } .twc-footer .columnControl { padding-bottom: 10px; } .twc-footer-copyright-msg { margin-top: 6px; } .twc-footer .footer-top-bar ul{ padding: 17px 0; } .twc-footer .subscribe .rounded-input-wrap input[type=text]{ padding: 6px 10px; } /* ========================================================================== State ========================================================================== */ /* ========================================================================== Theme ========================================================================== */ /* ========================== Browser Specific ========================== */ /* Firefox */ @-moz-document url-prefix() { } /* Webkit: Chrome/Safari */ @media screen and (-webkit-min-device-pixel-ratio:0) { /* Webkit browsers add a 2px margin outside the chrome of form elements */ } /* ========================== IE: 8/9 ========================== */ /* ie (.ie) */ /* ie8 (.ie8) */ /* ie9 (.ie9) */ /* ========================== Responsive Design ========================== */ /* ========================== Tablet ========================== */ @media (max-width: 68.6875em) { } /* ========================================================================== Layout ========================================================================== */ /* ========================================================================== Module ========================================================================== */ /* ========================================================================== State ========================================================================== */ /* ========================================================================== Theme ========================================================================== */ /* ========================== Smartphone ========================== */ @media (max-width: 31.25em) { .twc-footer .columnControl { padding-bottom: 0px; } .twc-bc-footer .labelList { padding-top: 0px; } .twc-footer h3.label { line-height: 16px; vertical-align: middle; padding: 24px; } .twc-footer .footer-menu .vertical li { padding: 5px; } .twc-footer h3.label.current + ul li a, .twc-footer h3.label.js-current + ul li a { padding: 15px 2em; font-weight: bold; } } /* ========================================================================== Layout ========================================================================== */ /* ========================================================================== Module ========================================================================== */ /* ========================================================================== State ========================================================================== */ /* ========================================================================== Theme ========================================================================== */ .twc-bc-footer [class*='social-'] { padding: 0; display: block; } .twc-footer [class*="twc-col3_333333-c"]{ margin-bottom: 0px; } .twc-bc-footer .section > .columnControl, .twc-bc-footer .tplparsys > .columnControl, .twc-bc-footer .section > .list, .twc-bc-footer .tplparsys > .list{ background: url("../../clientlibs/responsive/business/images/hr-shadow.png") no-repeat scroll center 0 rgba(0, 0, 0, 0); padding-bottom: 2em; display: block; width: 100%; max-width: 980px; margin: 0 auto; padding: 2em 0; overflow: visible; } .twc-bc-footer .section > .list{ padding-bottom: 1em; } .twc-bc-footer .footer-social-row .horizontal.list { padding: 0em; } .twc-bc-footer .section .twc-footer-copyright-msg { width: 100%; max-width: 980px; margin: 0 auto; } .twc-bc-footer .columnControl, .twc-footer .columnControl { padding-bottom: 0; } .twc-bc-footer .labelList li { line-height: 1.3; } .twc-bc-footer .labelList.pipes, .twc-bc-footer .list.pipes{ padding-top:23px; } .twc-bc-footer .footer-menu h5{ font-family: 'Arial', sans-serif; font-size: 14px; font-weight: bold; margin-bottom: 15px; } .twc-bc-footer .footer-top-background ul > li, .twc-footer .footer-top-background ul > li { display: inline-block; margin-right: 10px; } .twc-bc-footer p{ font-size: 13px; } /* ========================== Tablet ========================== */ @media (max-width: 68.6875em) { .twc-bc-footer .footer-top-background ul > li, .twc-footer .footer-top-background ul > li { display: inline-block; padding-top: 5px; } .twc-bc-footer .footer-social-row .horizontal.list { display: block; } .twc-footer .parsys_column a{ font-weight: normal; } .twc-bc-footer .columnControl, .twc-bc-footer .footer-copyright-msg { padding: 2.5%; } .twc-bc-footer div.horizontal.list.pipes { padding-left: 1.25%; padding-right: 1.25%; } } /* WEBCMS-13089 fix - BC footer issues */ @media (max-width: 31.25em) { .twc-bc-footer .columnControl { padding: 0; } .twc-footer .parsys_column a { font-weight: 600; } .twc-bc-footer .section > .columnControl, .twc-bc-footer .tplparsys > .columnControl, .twc-bc-footer .section > .list, .twc-bc-footer .tplparsys > .list { padding: 0; margin-bottom: 2em; } } /* ========================================================================== CSS Code for header fixes Version: 1.0 - Updated: 2/5/2015 ========================================================================== */ .header_v2 .twc-backgroundGradient-2 { background-color: #333534; background-image: linear-gradient(to bottom, #d0d6dd, #d0d6dd, #ffffff, #ffffff); } .header_v2 .smartLink.zipLink > a, .header_v2 .smartLink.zipLink p{ margin-bottom: 0; padding-bottom: 0; } /* For tophat styling */ .twc-top-nav li .twc-active.smartLink { background: none repeat scroll 0 0 padding-box #d0d6dd; border-left: 1px solid #4d4f53; border-radius: 5px 5px 0 0; border-right: 1px solid #4d4f53; border-top: 1px solid #4d4f53; box-shadow: none; position: relative; z-index: 7999; } .twc-top-nav li .twc-active.smartLink a{ color: #292929; } .header_v2 .twc-top{ border-bottom: 0px; } .header_v2 .newHeaderIcons .horizontal ul > li a{ color: #334458; } .header_v2 .newHeaderIcons .horizontal ul > li a:hover{ color: #889cb4; } .header_v2 .smartLink.zipLink > a, .header_v2 .smartLink.zipLink p, .smartLink.horizontal-center.above-label a span.link-label { font-weight: 400; font-size: 13px; } .messagebox-wrapper p { line-height: 16px; } .header_v2 .cta.search-btn button, .header_v2 .cta.geoloc-btn button, .header_v2 .header-search.omega .cta button { font-family: Arial,'TWC Round Book',"Helvetica Neue",Helvetica,sans-serif,Arial,Sans-Serif; width: auto; } .header_v2 .cta.search-btn, .header_v2 .cta.geoloc-btn { width: auto; } .header_v2 .newHeaderIcons .smartLink > a{ margin-bottom: 0; padding: 0; } .header_v2 li .smartLink > a img{ height: auto; margin: 0 auto 0.3em; } .header_v2 li .zipLink .link-image img{ margin: 0 auto 0.1em; } .header_v2 .smartLink.zipLink p { margin-left: 7px; } .header_v2 .smartLink.horizontal-center.above-label a span.link-label.zipLabel { margin-top: 0em; } .header_v2 li .smartLink > a img { opacity: 1; } .header_v2 li .smartLink > a:hover img { opacity: .75; } .twc-backgroundGradient-2 { background-color: #333534; background-image: -webkit-gradient(linear, left top, left bottom, from(#D0D6DD), to(#FFFFFF)); background-image: -webkit-linear-gradient(top, #D0D6DD, #FFFFFF, #FFFFFF); background-image: -moz-linear-gradient(top, #D0D6DD, #FFFFFF, #FFFFFF); background-image: -o-linear-gradient(top, #D0D6DD, #FFFFFF, #FFFFFF); background-image: -ms-linear-gradient(top, #D0D6DD, #FFFFFF, #FFFFFF); background-image: linear-gradient(to bottom, #D0D6DD, #FFFFFF, #FFFFFF); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#D0D6DD', EndColorStr='#FFFFFF'); } .twc-backgroundGradient-3 { background-color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ced1d5)); background-image: -webkit-linear-gradient(top, #fff, #ced1d5); background-image: -moz-linear-gradient(top, #fff, #ced1d5); background-image: -o-linear-gradient(top, #fff, #ced1d5); background-image: -ms-linear-gradient(top, #fff, #ced1d5); background-image: linear-gradient(to bottom, #fff, #ced1d5); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff', EndColorStr='#ced1d5'); } nav.twc-menu-dropdown label, nav.twc-custLoc-dropdown label, nav.twc-search-dropdown label { display: block; font-size: 15px; font-size: 1.5rem; font-family: 'TWC Round Medium',Arial,Sans-Serif; font-weight: 100; line-height: 2.65; color: #000; text-align: center; } .menu-bar nav.twc-mobile-navigation li.twc-custLoc { width: 100%; } .twc-first nav.twc-menu-dropdown label:before { color: #000; } /* ====================== Css Fix for WEBCMS-16360 =======================*/ .richtext li { font-size: 1.4rem; line-height: 2rem; } /* ====================== Css Fix for WEBCMS-13678 =======================*/ @media print { .parsys.tplparsys.header .section .sub-navigation{ display:none; } .tplparys_inherited,.twc-footer { display:none; } } .bulleted li { list-style: none; } .vertical.bulleted { min-width: 100px; } .horizontal.bulleted li { display: inline-block; } .bulleted li:before { content: "\f111"; color: #f1a11a; font-family: "FontAwesome"; font-size: 0.385em; font-size: 0.5rem; float: left; line-height: 3.9; margin-right: 13px; } .bulleted.bulleted-alt li:before { color: #000; } .horizontal.bulleted li:after { clear: both; } .vertical.bulleted li { clear:both; } .horizontal.bulleted li .parbase { float: right; } .horizontal.bulleted.pipes li:after { /* No pipes for horizontal bullets */ content: none; padding: none; } /* ========================================================================== Typography -- Version: 1.9.0.0 - Updated: 8/14/2014 ========================================================================== */ /* ========================== Headings ========================== */ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; } /* ================================== Adding Global Styling for p tag ================================== */ p, .p { display: block; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 1.4rem; line-height: 2rem; padding: 0 0.65em 0.65em 0; letter-spacing: 0.02em; } nav.twc-navigation .twc-submenu li a { line-height: 1; } /*WEBCMS-12476*/ .twc-submenu .megamenu [class*="twc-col"]:first-child { height: auto; } .bc nav.twc-navigation .twc-submenu li { border-bottom: 1px dotted #ababab; padding: 0; } /* need to overwrite this since the border bottom is on the li */ nav.twc-navigation .twc-submenu .bc-caret a { border-bottom: none; } .bc nav.twc-navigation .twc-submenu li a { width: 100%; padding: 0.5em 0.5em 0.5em 0; line-height: 1.3em; } /* 1em seemed a little much, i think this one works better */ .bc nav.twc-navigation .twc-main-nav .megamenu .smartLink.non-indented { padding-top: .8em; } /* remove padding from the 1st link in each column */ .bc nav.twc-navigation .twc-main-nav .megamenu .twc-first { padding-top: 0; } .bc nav.twc-navigation .twc-main-nav .megamenu .twc-first .smartLink.non-indented { padding-top: 0; } .bc nav.twc-navigation .labelList.vertical ul { padding-left: .5em; margin-right: 2em; } .bc .smartLink.indent-bc-caret { margin-left: .5em; } .bc nav.twc-navigation .twc-submenu .indent-bc-caret { background: url(../../clientlibs/responsive/business/images/arrow-blue-right.png) right center no-repeat; } /* place padding around the whole section of the mega menu hover */ .bc nav.twc-navigation .megamenu > .columnControl > .parsys_column { padding: 1em; } /* Center align MENU when user location and search are disabled on mobile breakpoints*/ @media (max-width: 68.6875em) { nav.center-align-menu li { width: 100% !important; } } form label.parsley-error .twc-icon-after, form label.parsley-error .twc-icon-after span, form .field-wrapper.parsley-error .twc-icon-after, form .field-wrapper.parsley-error .twc-icon-after span { position: relative; } form label.parsley-error .twc-icon-after span { left: 3.5em; } form .field-wrapper.parsley-error .twc-icon-after span { left: 1em; } form .parsley-errors-list.filled { display: none; } form .parsley-error { border: 1px solid rgba(245, 0, 0, 1) !important; background-color: rgba(245, 0, 0, .05) !important; } form select.parsley-error { border: 1px solid rgba(245, 0, 0, 1) !important; background-color: rgba(0, 0, 0, 0) !important; } form span.parsley-error { width: auto; border: none; background-color: rgba(0, 0, 0, 0) !important; } form div.twc-icon-after.red-icon.icon-remove { display: none; float: right; width: 1%; margin-top: 5px; font-size: 13px; font-size: 1.3rem; } form .parsley-error div.twc-icon-after.red-icon.icon-remove, form .parsley-error ~ div.twc-icon-after.red-icon.icon-remove { display: block; } form span.parsley-error label { color: red; } form .custErrorMessage { color: red; display: none; } form div[class^="errorMessage"] .parsley-errors-list.filled ~ .custErrorMessage, form div[class*=" errorMessage"] .parsley-errors-list.filled ~ .custErrorMessage { display: block; margin-bottom: 1em; } form#formBuilderForm .parsley-error{ width: 95% !important; } form#formBuilderForm div.twc-icon-after.red-icon.icon-remove { margin-right: 12px; } form#formBuilderForm .columnControl div.twc-icon-after.red-icon.icon-remove{ margin-right: 0; } form#formBuilderForm .columnControl div[class^="twc-col2"] div.twc-icon-after.red-icon.icon-remove{ margin-right: 5px; } form#formBuilderForm div[class^="twc-col3"] .parsley-error{ width: 89% !important; } form#formBuilderForm div[class^="twc-col3"] div.twc-icon-after.red-icon.icon-remove{ margin-right: 10px; } @media (max-width: 48em) { form#formBuilderForm .formitem.split-zip label{ float: left; } form#formBuilderForm div[class^="twc-col3"] .parsley-error{ width: 95% !important; } form#formBuilderForm div.twc-icon-after.red-icon.icon-remove, form#formBuilderForm div[class^="twc-col3"] div.twc-icon-after.red-icon.icon-remove{ margin-right: 5px; } } .twc-bc-container .form .twc-content{ overflow: hidden; } .twc-sub-navigation { background-color: #FFF; background: url("../../clientlibs/responsive/business/images/gradient-background-subnav2.png") bottom left repeat-x; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EBEBEC), color-stop(47%,#F5F5F5), color-stop(93%,#FFF), color-stop(95%,#CFCFD1), color-stop(100%, #FFF)); background-image: -webkit-linear-gradient(top, #EBEBEC, #F5F5F5 47%, #FFF 93%, #CFCFD1 100%, #FFF 100%); background-image: -moz-linear-gradient(top, #EBEBEC 0%, #F5F5F5 47%, #FFF 93%, #CFCFD1 100%, #FFF 100%); background-image: -o-linear-gradient(top, #EBEBEC 0%, #F5F5F5 47%, #FFF 93%, #CFCFD1 100%, #FFF 100%); background-image: -ms-linear-gradient(top, #EBEBEC 0%, #F5F5F5 47%, #FFF 93%, #CFCFD1 100%, #FFF 100%); background-image: linear-gradient(to bottom, #EBEBEC 0%, #F5F5F5 47%, #FFF 93%, #CFCFD1 100%, #FFF 100%); border-bottom: none; box-sizing: content-box; clear: both; overflow: hidden; } .twc-sub-navigation .twc-container { padding: 0; } .twc-sub-navigation .twc-container:after { clear: both; } .twc-sub-navigation ul { display: block; float: right; margin: 3.8462em 1.6923em 0 0; width: auto; } .twc-sub-navigation li { display: list-item; float: left; padding: 0; } .twc-sub-navigation li:hover { background:none; border-bottom: none; filter: none; } .twc-sub-navigation li.twc-active, .twc-sub-navigation li.twc-active:hover { background-image: url("../../clientlibs/responsive/business/images/background-sub-nav-tab-left.png"); background-position: left top; background-repeat: no-repeat; box-shadow: none; filter: none; } .twc-sub-navigation li a { color: #336699; } .twc-sub-navigation li .smartLink { display: block; padding: 1.0769em 0 1.5em; } .twc-sub-navigation li.twc-active .smartLink, .twc-sub-navigation li.twc-active:hover .smartLink { background-image: url("../../clientlibs/responsive/business/images/background-sub-nav-tab-right.png"); background-position: right top; background-repeat: no-repeat; filter: none; } .twc-sub-navigation li.twc-active a:after { content: none; } .twc-sub-navigation li .smartLink a { border-left: solid 1px #dcdcdc; padding: 0 1.3077em; } .twc-sub-navigation li.twc-active .smartLink a, .twc-sub-navigation li.twc-active + li .smartLink a { border-left: none; } .twc-sub-navigation li.twc-first .smartLink a { border-left: none; } .twc-sub-navigation li a:hover, .twc-sub-navigation li.twc-active a { color: #3a3a3a; } .twc-sub-navigation li a:after { content: none; } @media (max-width: 68.6875em) { .twc-sub-navigation h1, .twc-sub-navigation ul { display: none; } } /* ========================================================================== Fixes File for sub navigation Updated: 7/15/2014 ========================================================================== */ .twc-sub-navigation li.twc-active .smartLink a, .twc-sub-navigation li.twc-active + li .smartLink a { padding-top: 1.3077em; background: none; box-shadow: none; } .twc-sub-navigation li a:hover { border-bottom: none; } /* ========================================================================== CSS For BC Social Share Component Updated: 8/5/2014 ========================================================================== */ .share .share-social { position: relative; } .share .share-social .twc-container { display: block; margin: 0 auto; max-width: 980px; min-height: 500px; overflow: visible; padding: 2.5%; width: 100%} .share .share-social .btn.blue.share, .share .share-social .cta.blue.share { margin-bottom: 1em; } .share .share-social .twc-backgroundGradient-5, .share .share-social .twc-content { background: none repeat scroll 0 0 #fff; } .share .share-social .btn.blue.share.hover, .share .share-social .btn.blue.share:hover, .share .share-social .cta.blue.share.hover, .share .share-social .cta.blue.share:hover { background: #265A83; } .share .share-social #facebook > span, .share .share-social #linkedin > span, .share .share-social #twitter > span { color: #fff; font-size: 1.75em; } .share .share-social .cta.omega.share.twc-icon-before span { color: #809cb6; font-size: 1.75em; } .share .share-social .cta.omega.share.twc-icon-only.icon-linkedin { background: none repeat scroll 0 0 #017fb2; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .share .share-social .cta.omega.share.twc-icon-only.icon-linkedin a { padding: .5em .75em; } .share .share-social .cta.omega.share.twc-icon-only.icon-facebook { background: none repeat scroll 0 0 #3a579d; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 0 .45em; } .share .share-social .cta.omega.share.twc-icon-only.icon-facebook a { padding: .5em .75em; } .share .share-social .cta.omega.share.twc-icon-only.icon-twitter { background: none repeat scroll 0 0 #28abe3; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .share .share-social .cta.omega.share.twc-icon-only.icon-twitter a { padding: .5em .75em; } .share .share-social .text { color: #fff; } .share .share-social .email-module { width: 100%; max-width: 265px; padding-top: 1em; padding-right: 1em; padding-bottom: 1em; padding-left: 1em; border-radius: 3px; border: 1px solid #fff; background-color: #e0ebf5; background-image: -webkit-gradient(linear, left top, left bottom, from(#e0ebf5), to(#f8fafc)); background-image: -webkit-linear-gradient(top, #e0ebf5, #f8fafc); background-image: -moz-linear-gradient(top, #e0ebf5, #f8fafc); background-image: -ms-linear-gradient(top, #e0ebf5, #f8fafc); background-image: -o-linear-gradient(top, #e0ebf5, #f8fafc); background-image: linear-gradient(top, #e0ebf5, #f8fafc); -webkit-box-shadow: 0 1px 2px 0 #888; -moz-box-shadow: 0 1px 2px 0 #888; box-shadow: 0 1px 2px 0 #888; } .share .share-social .email-module label { color: #333; } .share .twc-share-module .twc-print, .share .twc-share-module li { float: right; padding: .5em 2em; color: #d4dadf; font-size: 13px; font-size: 1.3rem; text-transform: uppercase; } .share .twc-print { margin: 0; padding: 0 7px; } .share .twc-print:hover { background: #265a83; } .share .iconfu .ifu-printer:before { content: "\e624" } @media (max-width:48em) { .share .email-module { right: 0; margin-right: 1em; margin-left: none; } .share .social-share .email-module:before { border: none; } .share .share-social > div[class*=share-] { display: inline; } } @media (max-width:40em) { .share .share-social .twc-icon-after[class*=icon-]: before, .share .share-social .twc-icon-before[class*=icon-]:before { margin: 0; } .share .share-social .email-module { left: 50%; right: 50%; margin-left: -133px; } .share .share-social .email-module:before { border: none; } .share .cta.omega.share a { margin-bottom: 1em; } .share .cta.omega.share a .cta.omega.share.hover, .share .cta.omega.share a:hover { background: #265A83; } } /* END PHONE BREAKPOINT */ /* ========================================================================== CSS For BC Social Share Component - FIXES FILE Updated: 8/5/2014 ========================================================================== */ .share .share-social-container .cta.omega.share a{ background: none; margin-bottom: 0em; } .share .share-social-container .cta.omega.share a .cta.omega.share.hover, .share .share-social-container .cta.omega.share a:hover { background: none; } .share .share-social-container .icon-facebook a > span, .share .share-social-container .icon-linkedin a > span, .share .share-social-container .icon-twitter a > span { color: #fff; font-size: 1.75em; } .share .share-social-container .cta.omega a, .share .share-social-container .cta.omega button, .share .share-social-container .cta.omega input[type="button"], .share .share-social-container .button.omega a, .share .share-social-container .button.omega button, .share .share-social-container .button.omega input[type="button"] { background-color:transparent; background-image:none; color: #809cb6; } .share .share-social-container .twc-print:hover { background: #265a83; } .share .share-social-container .text { display: none; } .share .share-social-container .share-emailPrint .printComponent.print button, .share .share-social-container .share .share-emailPrint .share button{ font-size:1.75em; } .share .share-social-container .share-emailPrint { float: right; position: relative; z-index: 100; padding: 16px 0 0 16px; } .share .share-social-container .share-emailPrint .printComponent.print{ margin-right:10px; } .share .share-social-container .cta.omega button:hover{ background: none; } .share .share-social-container .cta button{ padding: 0; } .share .share-social-container{ width: 100%; display: inline-block } .share .share-social-container .social-media{ float: left; padding: 10px; } .share .share-social-container .email-share{ float: right; } .share .share-social-container .email-share .cta.omega.share button{ background: none; } .share .share-social-container .email-module { display: none; margin-left: -166px; margin-top: 49px; } .share .share-social-container .email-module:before{ left: 88%; } .share .share-social .cta.omega.share.twc-icon-only{ margin-right: 1.5em; } /* ========================================================================== CSS For BC Social Share Component - FIXES FILE Updated: 8/25/2014 ========================================================================== */ @media (max-width:48em) { .share > div[class*='share-'] { display: inline-block; } .share .share-social-container .share-emailPrint { padding: 16px 0px 0px 0px; } .share .share-social-container .social-media{ padding: 10px 0px 10px 0px; } .cta.omega.share [class*='icon-'] span:before { margin-right: 0px; } } .share .share-social-container .email-module { margin-left: -103px; } .share .share-social-container .email-share #emailShareForm .cta.omega.share button{ background: #4F799F; padding: 9.75px 13px; color: #fff; } .share .share-social-container .email-share #emailShareForm .cta.omega.share button:hover { background: #265A83; } /* ========================================================================== Simple Search -- Version: 1.0.0 - Updated: 5/19/2014 ========================================================================== */ .bc-simpleSearch .twc-box-column { padding: 0.5em; overflow: hidden; } .bc-simpleSearch .twc-col2_7624-c1.twc-box-column { padding: 1em; } .bc-simpleSearch .elc-style-3 { padding: 0.6em; } .bc-simpleSearch .searchResults.resultNumbers { text-align: center; } .bc-simpleSearch .resultNumbers { font-size: 1.063em; } .bc-simpleSearch form { background-color: #a7a7a7; padding: 1em; border-radius: 0 3px 0 0; margin: -0.5em -0.6em 1.5em 0; } .bc-simpleSearch form.searchInput .twc-search { width: 100%; } .bc-simpleSearch form.searchInput .twc-search .twc-search-input-wrap { text-align: center; } .bc-simpleSearch form.searchInput .twc-search .twc-search-input-wrap input { width: 85%; float: left; } .bc-simpleSearch form.searchInput-bottom { width: 100%; border-radius: 0; } .bc-simpleSearch .filters { margin-right: -1.5em; } .bc-simpleSearch .filters .filter-applied { display: none; } .bc-simpleSearch .filters .filters-bar { position: relative; background-color: #7BABDC; cursor: pointer; } .bc-simpleSearch .filters .filters-bar .cta.filter-toggle { position: relative; } .bc-simpleSearch .filters .filters-bar .cta.filter-toggle a { color: #fff; } .bc-simpleSearch .filters .filters-bar .cta.filter-applied { position: absolute; right: 0; top: 0; } .bc-simpleSearch .filters .filter-list { position: relative; padding: 1em; } .bc-simpleSearch .filters .filter-list ul li { padding-bottom: 1em; } .bc-simpleSearch .filters .filter-list ul.js-last { padding-bottom: 0; } .bc-simpleSearch .filters .filter-list .remove-filter { position: absolute; top: 1em; right: 1em; } .bc-simpleSearch .pagination.right.top { padding-bottom: 1.5em; padding-right: 1.95em; } .bc-simpleSearch .pagination.right.bottom { padding-top: 0.563em; padding-bottom: 1.118em; padding-right: 1.95em; } .bc-simpleSearch .search-bar form input { float: left; max-width: 75%; min-width: 60%; } .bc-simpleSearch .search-bar form .cta.omega[class*="icon-"] { margin-right: 0; } .bc-simpleSearch form .twc-search button:before { color: #3376B2; content: "\f002"; font-family: FontAwesome; line-height: 1; } .bc-simpleSearch ul.bordered > li { border-bottom: 1px solid #eee; margin-bottom: 1em; padding-bottom: 1em; } @media (max-width: 48em) { .simpleSearch .filters .filter-list .remove-filter { top: 100%; left: 0; } .simpleSearch form { margin: -0.5em -2em 1em 0; } .simpleSearch .filters { margin-right: 0.5em; } .simpleSearch [class*='twc-col2_2476-c'] { width: 74.75%; } .marginless .simpleSearch [class*='twc-col2_2476-c'] { width: 76%; } .simpleSearch [class*='twc-col2_2476-c0'] { width: 22.75%; } .marginless .simpleSearch [class*='twc-col2_2476-c0'] { width: 24%; } .searchInput.desktop-hidden { border-radius: 0; width: 100%; } } @media (max-width: 40em) { .simpleSearch [class*='twc-col2_2476-c'] { width: 100%; } .marginless .simpleSearch [class*='twc-col2_2476-c'] { width: 100%; } .simpleSearch .searchInput.desktop-hidden { width: auto; margin-bottom: 1em; } .simpleSearch form.searchInput { margin: 0 -2.5%; border-radius: 0; } .simpleSearch form.searchInput .twc-search .twc-search-input-wrap input { width: 85%; } .simpleSearch .pagination { margin-bottom: 1em; } .simpleSearch .desktop-hidden.tablet-hidden, .simpleSearch .desktop-hidden, .simpleSearch .tablet-hidden { display: block !important; } .simpleSearch .filters { background-color: #E7EEF4; background-image: none; } .simpleSearch .filters a { font-weight: 400; } .simpleSearch .filters .box { display: none; } .simpleSearch .filters .filters-bar { margin: -0.5em -1em 0 -0.5em; border-radius: 3px 3px 0 0; } .simpleSearch .filters .filters-bar .cta.filter-applied { top: 10%; border-left: 1px solid #6595C5; } .simpleSearch .filters .filters-bar .filter-applied a { color: #fff; } .simpleSearch .filters .filter-list { display: none; } .simpleSearch .filters .filter-list .remove-filter { left: auto; top: 1em; } .simpleSearch .search-bar { margin: 1em 0; } .simpleSearch .twc-search input { width: 84%; } .simpleSearch .box { margin: 0; } } /* Replace the selector ".bc-simpleSearch form" with the one below */ .bc-simpleSearch .searchInput { background-color: #a7a7a7; padding: 1em; border-radius: 0 3px 0 0; margin: -0.5em -0.6em 1.5em 0; } /* Replace the selector ".bc-simpleSearch form.searchInput .twc-search" with the one below */ .bc-simpleSearch .searchInput .twc-search { width: 100%; } /* Replace the selector ".bc-simpleSearch form.searchInput .twc-search .twc-search-input-wrap" with the one below */ .bc-simpleSearch .searchInput .twc-search .twc-search-input-wrap { text-align: center; } /* Replace the selector ".bc-simpleSearch form.searchInput .twc-search .twc-search-input-wrap input" with the one below */ .bc-simpleSearch .searchInput .twc-search .twc-search-input-wrap input { width: 85%; float: left; } /* Replace the selector ".bc-simpleSearch form.searchInput-bottom" with the one below */ .bc-simpleSearch .searchInput-bottom { width: 100%; border-radius: 0; } /* Replace the selector ".bc-simpleSearch .searchResults.resultNumbers" with the one below */ .bc-simpleSearch .searchResults .resultNumbers { width: 100%; text-align: center; float: right; right: 0; } /* add the following rules */ .bc-simpleSearch .filters { background: none; } .bc-simpleSearch .filters .filter-list h5 { border: none; } .bc-simpleSearch .filters .filter-list ul li { margin-bottom: 0; } .bc-simpleSearch .resultNumbers { font-size: 1.263em; } .bc-simpleSearch .filters .filter-list .remove-filter { text-decoration: none; max-width: 7em; } .bc-simpleSearch .pagination .cta.omega { margin-right: 0.05em; } .bc-simpleSearch .pagination .cta.omega a { background-color: #3779b3; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#3779b3', EndColorStr='#02447e'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#3779b3', EndColorStr='#02447e'); background-image: -webkit-gradient(linear,left top,left bottom,from(#3779b3),to(#02447e)); background-image: -webkit-linear-gradient(top,#3779b3,#02447e); background-image: -moz-linear-gradient(top,#3779b3,#02447e); background-image: -ms-linear-gradient(top,#3779b3,#02447e); background-image: -o-linear-gradient(top,#3779b3,#02447e); background-image: linear-gradient(top,#3779b3,#02447e); color: #fff; } .bc-simpleSearch .pagination .cta.omega a:hover { background-color: #265a83; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#265a83', EndColorStr='#1b405e'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#265a83', EndColorStr='#1b405e'); background-image: -webkit-gradient(linear,left top,left bottom,from(#265a83),to(#1b405e)); background-image: -webkit-linear-gradient(top,#265a83,#1b405e); background-image: -moz-linear-gradient(top,#265a83,#1b405e); background-image: -ms-linear-gradient(top,#265a83,#1b405e); background-image: -o-linear-gradient(top,#265a83,#1b405e); background-image: linear-gradient(top,#265a83,#1b405e); } .bc-simpleSearch .pagination .cta.omega.disabled a { background-color: #b3b3b3; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#b3b3b3', EndColorStr='#b3b3b3'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#b3b3b3', EndColorStr='#b3b3b3'); background-image: -webkit-gradient(linear,left top,left bottom,from(#b3b3b3),to(#b3b3b3)); background-image: -webkit-linear-gradient(top,#b3b3b3,#b3b3b3); background-image: -moz-linear-gradient(top,#b3b3b3,#b3b3b3); background-image: -ms-linear-gradient(top,#b3b3b3,#b3b3b3); background-image: -o-linear-gradient(top,#b3b3b3,#b3b3b3); background-image: linear-gradient(top,#b3b3b3,#b3b3b3); color: #fff; } .bc-simpleSearch .pagination .cta.omega.disabled a:hover { background-color: #666; filter: ""; -ms-filter: ""; background-image: -webkit-gradient(linear,left top,left bottom,from(#666),to(#666)); background-image: -webkit-linear-gradient(top,#666,#666); background-image: -moz-linear-gradient(top,#666,#666); background-image: -ms-linear-gradient(top,#666,#666); background-image: -o-linear-gradient(top,#666,#666); background-image: linear-gradient(top,#666,#666); color: #fff; } .bc-simpleSearch .bc-searchInputMobileTop, .bc-simpleSearch .bc-searchInputMobileBottom { display: none; } .bc-simpleSearch .bc-searchInputMobileBottom { border-radius: 0; } .bc-simpleSearch .resultsArea .result.last { border-bottom: 1px dotted #E5E5E5; } @media (max-width: 48em) { .bc-simpleSearch [class*='twc-col2_2476-c0'] { width: 100%; } .bc-simpleSearch [class*='twc-col2_2476-c1'] { width: 100%; margin-left: 0; } .bc-simpleSearch .filters .filter-list .remove-filter { top: 1em; left: inherit; right: 0; } .bc-simpleSearch .appview { float: none; } .bc-simpleSearch [class*='twc-col2_7624-c0'] { float: none; } .bc-simpleSearch [class*='twc-col2_2476-c1'] .searchInput { display: none; } .bc-simpleSearch .bc-searchInputMobileTop, .bc-simpleSearch .bc-searchInputMobileBottom { display: block; } } @media (max-width: 40em) { .bc-simpleSearch .desktop-hidden.tablet-hidden, .bc-simpleSearch .desktop-hidden, .simpleSearch .tablet-hidden { display: none !important; } .bc-simpleSearch .filters a { font-weight: 600; } .bc-simpleSearch .filters .filter-list { display: block; } .bc-simpleSearch .filters .filter-list .remove-filter { max-width: none; } .bc-simpleSearch .leftNav { background-color: transparent; } .bc-simpleSearch .resultsArea { margin: 0; } .bc-simpleSearch .appview { float: none; } .bc-simpleSearch [class*='twc-col2_7624-c0'] { float: none; } .bc-simpleSearch [class*='twc-col2_2476-c1'] .searchInput { display: none; } .bc-simpleSearch .bc-searchInputMobileTop, .bc-simpleSearch .bc-searchInputMobileBottom { display: block; } } .sf-chat .hidden-sf-chat { display: none; } .sf-chat-text { font-size: 1.5rem; color: #369; padding: 0.5em; } .liveagent-chat-link.hidden-link { display: none; } /* ========================================================================== CSS Code for the Resource Center Pagination Version: 1.0 - Updated: 7/11/2014 ========================================================================== */ .resource-filter .pagination ol { padding-right: 12px; } .resource-filter .pagination li { display: inline; position: relative; margin: 0 1px; } .resource-filter .pagination button.first:before { font-family: "FontAwesome"; } .resource-filter .pagination button.last:after { font-family: "FontAwesome"; } .pagination .number span { background: none repeat scroll 0 0 #ebedec; } .resource-filter .pagination button { font-size: 13px; font-size: 1.3rem; } .resource-filter .pagination .number span { background: none repeat scroll 0 0 #ebedec; } .resource-filter .pagination li .cta a { color: #fff; background-color: #3779b3; background-image: -webkit-gradient(linear, left top, left bottom, from(#3779b3), to(#02447e)); background-image: -webkit-linear-gradient(top, #3779b3, #02447e); background-image: -moz-linear-gradient(top, #3779b3, #02447e); background-image: -ms-linear-gradient(top, #3779b3, #02447e); background-image: -o-linear-gradient(top, #3779b3, #02447e); background-image: linear-gradient(top, #3779b3, #02447e); } .resource-filter .pagination li .cta a:hover { background-color: #265a83; background-image: -webkit-gradient(top, from(#265a83), to(#1b405e)); background-image: -webkit-linear-gradient(top, #265a83, #1b405e); background-image: -moz-linear-gradient(top , #265a83, #1b405e); background-image: -ms-linear-gradient(top, #265a83, #1b405e); background-image: -o-linear-gradient(top, #265a83, #1b405e); background-image: linear-gradient(top, #265a83, #1b405e); } .resource-filter .pagination li .cta a:focus, .resource-filter .pagination li .cta a:active{ background: none repeat scroll 0 0 #444545; } /* MOBILE BREAKPOINT */ @media (max-width:40em) { .resource-filter .pagination { display: inline-block; *zoom: 1; *display: inline; width: 100%; margin: 0 auto; text-align: center; } .resource-filter .pagination .btn.number { display: none; } .resource-filter .gallery .pagination { text-align: right; padding-top: .75em; padding-right: 2em; } .resource-filter .gallery .pagination { text-align: center; padding: .75em, 0 0 0; } } /* ========================================================================== CSS Code for the Resource Center Filters Version: 1.0 - Updated: 5/22/2014 ========================================================================== */ .gallery .twc-box-column .section-header span.h4 { margin-left: 25px; } .gallery a.view-all { padding-left: .85em; } .gallery .gallery-header-container { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 0 1px 2px 0 #888; -moz-box-shadow: 0 1px 2px 0 #888; box-shadow: 0 1px 2px 0 #888; } .gallery .gallery-header-container+.twc-box-column { border-radius: 0 0 3px 3px; } .gallery .gallery-head { padding: 1em; background-color: #333534; background-image: -webkit-gradient(linear, left top, left bottom, from(#333534), to(#1a1b1f)); background-image: -webkit-linear-gradient(top, #333534, #1a1b1f); background-image: -moz-linear-gradient(top, #333534, #1a1b1f); background-image: -ms-linear-gradient(top, #333534, #1a1b1f); background-image: -o-linear-gradient(top, #333534, #1a1b1f); background-image: linear-gradient(top, #333534, #1a1b1f); color: #fff; border-radius: 3px 3px 0 0; } .gallery .gallery-subhead { padding: 1em; background: none repeat scroll 0 0 #E4E7EA; } .gallery .twc-box-column { overflow: hidden; box-shadow: none; margin-bottom: 0; padding-top: 1em; padding-right: 1em; padding-bottom: 1em; padding-left: 1em; } .gallery .twc-box-column .showing { margin-bottom: .5em; display: block; } .gallery .asset-block { width: 25%; padding: 1em; float: left; height: 525px; border-bottom: 1px dotted #d0cfcf; } .gallery .asset-block.three-up { width: 33.3333333% } .gallery .asset-block.three-up.news { height: 250px; } .gallery .asset-container figure img { max-width: 100%; width: auto; height: auto; } .gallery .bc-content-gallery { background: 0 0; color: #333; overflow: hidden; } .gallery .bc-content-gallery h6 { max-height: 65px; min-height: 65px; overflow: hidden; margin-bottom: .938em; position: relative; } .gallery .bc-content-gallery p.content-type { font-size: 1em; color: #444; max-height: 120px; } .gallery .bc-content-gallery p.content-intro { font-size: 1.063em; color: #444; margin-bottom: 1.25em; margin-top: 0em; max-height: 83px; overflow: hidden; } .gallery .bc-content-gallery p.content-subtitle { font-size: 1em; color: #444; max-height: 120px; margin-top: 1em; } .gallery .pagination { text-align: right; padding-top: .75em; padding-right: 2em; } .gallery .twc-box-column.filter { padding: 1em 3em; } .gallery .twc-box-column.filter span.h4 { margin: 0 0 1.25em; } .gallery .twc-box-column.filter label.filter { display: block; margin: 0 0 .625em; } .gallery .bc-filter { background: #E4E4E6; padding: 1em; } .gallery .bc-filter span.h4 { margin-bottom: 1.563em;} .gallery .bc-filter table { max-width: 100%; min-width: 100% } .gallery .bc-filter .submitButton .cta.gray.mobile-full { margin-top: 1.5em; } .resource-filter .resourceError{ display: block; margin-left: 14px; font-weight: bold; font-size: 16px; color: #ff0000; display: none; } .asset-block, .bottom-box { overflow: auto; padding: 1em; min-height: 265px; float: left; } .resourceContainer, .buttonText{ display: none; } .resource-filter .h4{ margin:15px 0 15px 14px; } .resource-filter span + .smartLink{ display: inline-block; padding-left: 0.85em; } .cta.gray a { background-color: #797979; background-image: -webkit-gradient(linear,left top,left bottom,from(#797979),to(#6c6c6c)); background-image: -webkit-linear-gradient(top,#797979,#6c6c6c); background-image: -moz-linear-gradient(top, #797979, #6c6c6c); background-image: -ms-linear-gradient(top, #797979, #6c6c6c); background-image: -o-linear-gradient(top, #797979, #6c6c6c); background-image: linear-gradient(top, #797979, #6c6c6c); /* -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#797979', EndColorStr='#6c6c6c')"; */ } .cta.gray a:hover { background-color: #a1a1a1; background-image: -webkit-gradient(linear, left top, left bottom, from(#a1a1a1), to(#989898)); background-image: -webkit-linear-gradient(top, #a1a1a1, #989898); background-image: -moz-linear-gradient(top, #a1a1a1, #989898); background-image: -ms-linear-gradient(top, #a1a1a1, #989898); background-image: -o-linear-gradient(top, #a1a1a1, #989898); background-image: linear-gradient(top, #a1a1a1, #989898); color: #fff; } .gallery .bc-content-gallery h6 { max-height: 65px; min-height: 65px; } .gallery.no-image .asset-block{ height: 250px; } /* TABLET BREAK POINT */ @media (max-width:48em) { .gallery .asset-block { width: 50%; padding: 1em; float: left; border-bottom: 1px dotted #d0cfcf; height: 540px; } .gallery .asset-block.three-up { width: 50%} .gallery .bc-content-gallery p.content-intro { margin-top: 1.25em; } .gallery .bc-filter table tr td { display: block; float: left; margin-top: 1em; width: 50% } .gallery .bc-filter td.submitButton { margin-top: 0; width: 100% } } /* MOBILE BREAK POINT */ @media (max-width:40em) { .gallery .asset-block { width: 100%; height: 100% } .gallery .asset-block figure img { margin: 0 auto; } .gallery .asset-block.three-up { width: 100% } .gallery .asset-block .asset-container { float: left; max-width: 48.75%; margin: 0; } .gallery .asset-block .asset-info { float: right; margin-left: 2.5%; max-width: 48.75% } .gallery .bc-content-gallery p.content-intro { margin-top: 1.25em; max-height: 50px; } .gallery .bc-content-gallery h6 { max-height: 45px; min-height: 45px; overflow: hidden; margin-bottom: .938em; position: relative; } .gallery .pagination { text-align: center; padding: .75em, 0 0 0; } .gallery .bc-filter table tr td { width: 100% } .gallery .bc-filter td:first-of-type { margin-top: 0; } } .gallery .bc-content-gallery p.content-intro { font-size: 1.063em; color: #444; overflow: hidden; max-height: none; } .gallery .bc-content-gallery p.content-type { max-height: none; text-transform: uppercase; } .gallery .bc-content-gallery h6 { max-height: none; min-height: inherit; padding: .625em 0 0; position: relative; } .gallery .bc-content-gallery { padding: .5em; } .gallery .asset-block { height: inherit; border-bottom: none; } .gallery .row-wrapper { overflow: auto; } @media (max-width: 48em) { .gallery .asset-block.three-up { width: 33.3333333%; } .bc-content-gallery:nth-child(1) { margin-bottom: 1em; } .bc-content-gallery { padding: .5em; } } @media (max-width: 40em) { .gallery .asset-block.three-up { width: 100%; } .gallery .asset-block figure img { padding-bottom: 1em; } } .resource-filter .pagination { text-align: right; padding-top: .75em; padding-right: 1.5em; } @media (max-width: 48em) { .resource-filter .pagination { text-align: right; padding: .75em .6em 1.25em 0; } } .resource-filter .resource-filter-filter tr td.bc-gallery-filter{ width: 23%; padding: 0 2px; } .resource-filter .resource-filter-filter .submitButton .cta.gray{ padding-top: 1.8em; } .resource-filter .resource-filter-filter .submitButton .cta.gray a{ color: #fff; } .resource-filter .resource-filter-filter .bc-filter { padding: 1em; border-radius: 3px; } .resource-filter .resource-filter-filter .bc-filter table tr td label~select { margin-top: .313em; } @media (max-width: 48em){ .resource-filter .resource-filter-filter .bc-filter table tr td { display: block; float: left; margin-top: 1em; width: 50%; } } @media (max-width: 40em){ .resource-filter .resource-filter-filter .bc-filter td:first-of-type { margin-top: 0; } .resource-filter .resource-filter-filter .bc-filter table tr td { width: 100%; } } .resource-filter .resourceError{ color: #000000; font-weight: normal; } .resource-filter .filter{ margin-bottom: 2em; } /* This overwrites padding fixes from resource-filter-fixes-foo-20141001.css */ .resource-filter .resource-filter-filter .bc-filter { padding: .7em; } .resource-filter .resource-filter-filter .bc-filter .resetButton button { color: #797979; font-style: normal; display: inline-block; } .resource-filter .resource-filter-filter .bc-filter .reset-button { padding-top: 1.8em; width: inherit; } @media (max-width: 40em) { .resource-filter .resource-filter-filter .bc-filter .resetButton button { color: #797979; font-style: normal; } .resource-filter .resource-filter-filter .bc-filter .reset-button { padding-top: 1.8em; } .resource-filter .resource-filter-filter .bc-filter td.submitButton { width: 20% } } .resource-filter .resource-filter-filter tr td.bc-gallery-filter { width: 20%; } @media (max-width: 40em){ .resource-filter .resource-filter-filter .bc-filter td.submitButton { width: 100%; } } div.cta.omega.currentPage.disabled button, div.cta.omega.currentPage.disabled button:hover { background-color: #333333; background-image: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#333333)); background-image: -webkit-linear-gradient(top, #333333, #333333); background-image: -moz-linear-gradient(top, #333333, #333333); background-image: -ms-linear-gradient(top, #333333, #333333); background-image: -o-linear-gradient(top, #333333, #333333); background-image: linear-gradient(top, #333333, #333333); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#333333', EndColorStr='#333333')"; zoom: 1; color: white; } div.cta.omega.disabled button, div.cta.omega.disabled button:hover { background-color: #e0e0e0; background-image: -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#e0e0e0)); background-image: -webkit-linear-gradient(top, #e0e0e0, #e0e0e0); background-image: -moz-linear-gradient(top, #e0e0e0, #e0e0e0); background-image: -ms-linear-gradient(top, #e0e0e0, #e0e0e0); background-image: -o-linear-gradient(top, #e0e0e0, #e0e0e0); background-image: linear-gradient(top, #e0e0e0, #e0e0e0); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#e0e0e0', EndColorStr='#e0e0e0')"; zoom: 1; color: #f6f6f6; } .resource-feed { margin: 3em; } .resource-feed input { width: 50%; cursor: text; } .resource-feed .rc-feed-preview h2, .resource-feed .rc-feed-link { margin-top: 1em; } .resource-feed .rc-feed-link { display: inline-block; } .resource-feed .rc-feed-link, .resource-feed .rc-feed-preview div span { font-weight: bold; } .resource-feed .rc-feed-preview .rc-feed-entry-preview { margin-bottom: 1.5em; } .resource-feed .rc-feed-preview .rc-feed-entry-preview .rc-feed-entry-title { font-size: 1.5em; } .resource-feed .rc-feed-preview .rc-feed-entry-preview .rc-feed-entry-thumbnail, .resource-feed .rc-feed-preview .rc-feed-entry-preview .rc-feed-entry-description, .resource-feed .rc-feed-preview .rc-feed-entry-preview .rc-feed-entry-published-author { margin: 0.5em; } .quickRequest { width: 100%; display: block; } .quickRequest .qr-row { width: 100%; border-top: 1px solid #e1e1e1; float: left; } .quickRequest .qr-row:first-of-type { border-top: none; } .quickRequest .qr-row .qr-wrapper { width: 33.333%; float: left; border-right: 1px solid #e1e1e1; padding: 1em; position: relative; } .quickRequest .qr-row .qr-wrapper:last-of-type { border-right: none; } .quickRequest h5 { text-transform: uppercase; } .qr-desc { bottom: 0; left: 0; max-width: 60%; position: relative; } .qr-desc-text { font-size: 0.9em; line-height: 1.2em; } .qr-buton { bottom: 0; position: absolute; right: 0; padding-right: 1.5em; padding-bottom: 1.5em; } .cta.gray.mobile-full span { font-weight: bolder; text-transform: capitalize; } .quickRequest .qr-price { margin-bottom: .5em; } @media (max-width: 48em) { .quickRequest .qr-row .qr-wrapper { width: 100%; border-top: 1px solid #e1e1e1; border-right: none; padding: 1em; } .quickRequest .qr-row .qr-wrapper:first-of-type { border-top: none; } .quickRequest .qr-row .qr-wrapper:last-of-type { border-top: 1px solid #e1e1e1; } } @media (max-width: 40em) { .quickRequest .qr-row .qr-wrapper { width: 100%; border-top: 1px solid #e1e1e1; border-right: none; padding: 1em; } .quickRequest .qr-row .qr-wrapper:first-of-type { border-top: none; } .quickRequest .qr-row .qr-wrapper:last-of-type { border-top: 1px solid #e1e1e1; } } .quickRequest .quick-request-tile-wrapper { width: 33.333%; float: left; border-right: 1px solid #e1e1e1; position: relative; padding: 1em; } .quickRequest .qr-row .qr-wrapper { width: 100%; float: inherit; border-right: none; padding: 1em; position: static; } .quickRequest h5 { text-transform: none; } .qr-button { bottom: 0; position: absolute; right: 0; padding-right: 1.5em; padding-bottom: 1.5em; } .quickRequest .quick-request-tile-wrapper:last-of-type { border-right: none; } .quickRequest .quick-request-row { border-top: none; } .quickRequest>.parsys>.quick-request-row .qr-row { border-top: 1px solid #e1e1e1; } .quickRequest .qr-desc .qr-price { padding-top: 0.5em; } @media (max-width: 48em) { .quickRequest .qr-row .qr-wrapper { border-top: none; padding: 0; } .quickRequest .qr-row .qr-wrapper:last-of-type { border-top: none; } .quickRequest .quick-request-tile-wrapper { width: 100%; border-top: 1px solid #e1e1e1; border-right: none; padding: 1em; } .quickRequest .quick-request-tile-wrapper:first-of-type { border-top: none; } .quickRequest .quick-request-row { border-top: none; } } @media (max-width: 40em) { .quickRequest .qr-row .qr-wrapper { border-top: none; padding: 0; } .quickRequest .qr-row .qr-wrapper:last-of-type { border-top: none; } .quickRequest .quick-request-tile-wrapper { width: 100%; border-top: 1px solid #e1e1e1; border-right: none; padding: 1em; } .quickRequest .quick-request-tile-wrapper:first-of-type { border-top: none; } .quickRequest .quick-request-row { border-top: none; } .quickRequest .qr-button { top: 50%; margin-top: -1.2em; } .quickRequest .qr-desc p:last-of-type { margin-bottom: 0; padding-bottom: 0; } } .pp-profile { float: right; } .pp-profile .profile-name { font-weight: bold; } /* WEBCMS-15021 make sure pp-profile component isn't next to another element */ .pp-profile { clear: both; } /* ========================================================================== CSS Code for responsive bc newsletter component Updated: 2/12/2014 ========================================================================== */ .footer-top-bar .section{ clear:both; } .twc-footer .footer-top-bar .list{ display: inline-block; } .twc-footer .subscribe { display: inline-block; float: right; margin: 2px 0; position: relative; } .twc-footer .subscribe .rounded-input-wrap { background-color: rgba(127, 132, 139, 0.2); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 4px; margin: 5px 0 5px 5px; float: right; } .twc-footer .subscribe .rounded-input-wrap input[type=text] { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-family: Arial, Sans-Serif; font-size: 13px; border: 1px solid #d8d9da; padding: 5px 10px; width: 205px; margin: 0; box-shadow: none; } .twc-footer .subscribe .rounded-input-wrap .go-btn { display: inline; } .twc-footer .subscribe .blue-button { clear: left; color: #FFFFFF; display: block; float: none; font-family: Arial, Sans-Serif; font-weight: bold; font-size: 11px; padding: 6px 8px; text-align: center; position: relative; border-radius: 3px; border: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-image: url("data:image/svg+xml,%3c%3fxml%20version%3d%221%2e0%22%3f%3e%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20width%3d%22100%25%22%20height%3d%22100%25%22%3e%3cdefs%3e%3clinearGradient%20id%3d%22G%22%20x2%3d%220%25%22%20y2%3d%22100%25%22%3e%3Cstop%20offset%3D%220%25%22%20style%3D%22stop-color%3Argb(62%2C144%2C210)%3Bstop-opacity%3A1%22%20%2F%3E%3Cstop%20offset%3D%2221%25%22%20style%3D%22stop-color%3Argb(59%2C137%2C200)%3Bstop-opacity%3A1%22%20%2F%3E%3Cstop%20offset%3D%2279%25%22%20style%3D%22stop-color%3Argb(47%2C108%2C157)%3Bstop-opacity%3A1%22%20%2F%3E%3Cstop%20offset%3D%22100%25%22%20style%3D%22stop-color%3Argb(43%2C100%2C146)%3Bstop-opacity%3A1%22%20%2F%3E%3c%2flinearGradient%3e%3c%2fdefs%3e%3crect%20width%3d%22100%25%22%20height%3d%22100%25%22%20fill%3d%22url%28%23G%29%22%2f%3e%3c%2fsvg%3e"); background-size: 100%; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3e90d2),color-stop(21%, #3b89c8),color-stop(79,#2f6c9d),color-stop(100,#2b6492)); background-image: -webkit-linear-gradient(top, #3e90d2 0%,#3b89c8 21%,#2f6c9d 79%,#2b6492 100%); background-image: -moz-linear-gradient(top, #3e90d2 0%,#3b89c8 21%,#2f6c9d 79%,#2b6492 100%); background-image: -ms-linear-gradient(top, #3e90d2 0%,#3b89c8 21%,#2f6c9d 79%,#2b6492 100%); background-image: -o-linear-gradient(top, #3e90d2 0%,#3b89c8 21%,#2f6c9d 79%,#2b6492 100%); background: -pie-linear-gradient(top, #3e90d2 0%,#3b89c8 21%,#2f6c9d 79%,#2b6492 100%); background-image: linear-gradient(top, #3e90d2 0%,#3b89c8 21%,#2f6c9d 79%,#2b6492 100%); } .twc-footer .subscribe .blue-button:hover { background-image: url("data:image/svg+xml,%3c%3fxml%20version%3d%221%2e0%22%3f%3e%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20width%3d%22100%25%22%20height%3d%22100%25%22%3e%3cdefs%3e%3clinearGradient%20id%3d%22G%22%20x2%3d%220%25%22%20y2%3d%22100%25%22%3e%3Cstop%20offset%3D%220%25%22%20style%3D%22stop-color%3Argb(40%2C92%2C134)%3Bstop-opacity%3A1%22%20%2F%3E%3Cstop%20offset%3D%2225%25%22%20style%3D%22stop-color%3Argb(43%2C100%2C146)%3Bstop-opacity%3A1%22%20%2F%3E%3Cstop%20offset%3D%2279%25%22%20style%3D%22stop-color%3Argb(54%2C126%2C184)%3Bstop-opacity%3A1%22%20%2F%3E%3Cstop%20offset%3D%22100%25%22%20style%3D%22stop-color%3Argb(57%2C134%2C194)%3Bstop-opacity%3A1%22%20%2F%3E%3c%2flinearGradient%3e%3c%2fdefs%3e%3crect%20width%3d%22100%25%22%20height%3d%22100%25%22%20fill%3d%22url%28%23G%29%22%2f%3e%3c%2fsvg%3e"); background-size: 100%; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #285c86),color-stop(25%, #2b6492),color-stop(79,#367eb8),color-stop(100,#3986c2)); background-image: -webkit-linear-gradient(top, #285c86 0%,#2b6492 25%,#367eb8 79%,#3986c2 100%); background-image: -moz-linear-gradient(top, #285c86 0%,#2b6492 25%,#367eb8 79%,#3986c2 100%); background-image: -ms-linear-gradient(top, #285c86 0%,#2b6492 25%,#367eb8 79%,#3986c2 100%); background-image: -o-linear-gradient(top, #285c86 0%,#2b6492 25%,#367eb8 79%,#3986c2 100%); background: -pie-linear-gradient(top, #285c86 0%,#2b6492 25%,#367eb8 79%,#3986c2 100%); background-image: linear-gradient(top, #285c86 0%,#2b6492 25%,#367eb8 79%,#3986c2 100%); color: #FFFFFF !important; } .twc-footer .subscribe h3 { font-weight: bold; margin: 11px 0 0 12px; float: left; font-size: 12px; padding-right: 8px; font-family: Arial,'Helvetica Neue',Helvetica,sans-serif; } /* * Style for Newsletter Alerts */ .twc-footer .alert { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #666666; background: rgba(0, 0, 0, 0.6); padding: 10px 10px 0; width: 250px; height: auto; position: absolute; } .twc-footer .alert span img { float: left; padding-right: 10px; } .twc-footer .alert img { float : right; } .twc-footer .alert p{ clear: left; font-size: 11px; line-height: 14px; color: #fff; font-weight: bold; padding-bottom: 0; } .twc-footer .success_alert { top: -30px; left: 184px; display: none; } .twc-footer .email_alert { display: none; top: -45px; left: 184px; } .twc-footer .general_alert { top: -45px; left: 184px; display: none; } /* ========================== Responsive Design ========================== */ /* ========================== Tablet ========================== */ @media (max-width: 48em) { } /* ========================== Smartphone ========================== */ @media (max-width: 40em) { .twc-footer .subscribe h3 { float: none; text-align: center; } .twc-footer .subscribe{ float: none; text-align: center; display: block; } .twc-footer .subscribe .rounded-input-wrap{ float: none; } } /* BC - Update the background color of the message box wrapper */ .message-box, .message-box .messagebox-wrapper{ background: #f3f3f3; border-top: 1px solid #ededed; } @media (max-width: 68.6875em) { .menu-bar { border-top: solid 1px #dcdcdc; border-bottom: solid 1px #dcdcdc; } } /* ========================================================================== CSS Code for navigation fixes Version: 1.0 - Updated: 2/5/2015 ========================================================================== */ .new-mega-menu .twc-new-navigation{ height: 3em; border-top: 1px solid #cacbce; background-color: #65676c; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ced1d5)); background-image: -webkit-linear-gradient(top, #ffffff, #ced1d5); background-image: -moz-linear-gradient(top, #ffffff, #ced1d5); background-image: -ms-linear-gradient(top, #ffffff, #ced1d5); background-image: -o-linear-gradient(top, #ffffff, #ced1d5); background-image: linear-gradient(top, #ffffff, #ced1d5); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#ced1d5')"; } .new-mega-menu .twc-new-navigation .twc-new-nav li a{ color: #000; font-size: 1.3rem; font-weight: normal; font-family: Arial,'TWC Round Book',"Helvetica Neue",Helvetica,sans-serif,Arial,Sans-Serif; } .new-mega-menu .twc-new-navigation .twc-new-nav > ul > li > .mega-menu-item { border-right: 1px solid #cacbce; } .new-mega-menu .twc-new-navigation.desktop-hover .twc-new-nav > ul > li:hover, .new-mega-menu .twc-new-navigation.mobile-tap .twc-new-nav ul li .mega-menu-item.js-active{ background-color: #343b46; background-image: -webkit-gradient(linear, left top, left bottom, from(#343b46), to(#343b46)); background-image: -webkit-linear-gradient(top, #343b46, #343b46); background-image: -moz-linear-gradient(top, #343b46, #343b46); background-image: -ms-linear-gradient(top, #343b46, #343b46); background-image: -o-linear-gradient(top, #343b46, #343b46); background-image: linear-gradient(top, #343b46, #343b46); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#343b46', EndColorStr='#343b46')"; } .new-mega-menu .twc-new-navigation.desktop-hover .twc-new-nav > ul > li:hover .desktopLink a, .new-mega-menu .twc-new-navigation.mobile-tap .twc-new-nav ul li .mega-menu-item.js-active a{ color: #fff; } .new-mega-menu .twc-new-navigation.mobile-tap .twc-new-nav ul li .mega-menu-item.js-active ul .megamenu a { color: #3376b2; } .new-mega-menu .twc-new-navigation .twc-new-nav > ul > li > .mega-menu-item { vertical-align: top; } .new-mega-menu .twc-new-navigation .twc-new-nav > ul > li > .mega-menu-item { height: 2.9em; border-right: 0px; } .new-mega-menu .twc-new-navigation.desktop-hover .twc-new-nav > ul > li:hover .mega-menu-item{ border: none; } .new-mega-menu .twc-new-navigation .twc-new-nav > ul > li{ border-right: 1px solid #cacbce; } .new-mega-menu .twc-new-navigation .twc-new-nav > ul > li:first-child { border-left: 1px solid #cacbce; } .new-mega-menu .twc-new-navigation .twc-new-nav > ul > li:hover{ border-right: 0px; } .new-mega-menu .twc-new-navigation .twc-new-nav > ul > li:first-child:hover{ border-left: 0px; } .new-mega-menu .twc-new-navigation .twc-new-nav .twc-new-mega-section .labelList ul > li.twc-last{ margin-bottom: 15px; } .new-mega-menu .twc-new-navigation .twc-new-nav li label { color: #000; } /* ========================== Tablet ========================== */ @media (max-width: 48em) { .new-mega-menu .twc-new-navigation{ height: 3.4375em; } /* Background Color for mega menu top level nav mobile breakpoint */ .new-mega-menu .twc-new-navigation .twc-new-nav .twc-new-mega-section .labelList .label.js-active{ background-color: #cddce9; color: #000; } /* Background Color for mega menu smartLinks */ .new-mega-menu .twc-new-navigation .twc-new-nav .twc-new-mega-section .labelList .label ~ ul{ background-color: #e7e7e8; } .new-mega-menu .twc-new-navigation .twc-new-nav li ul li a { color: #004992; } .new-mega-menu .twc-new-navigation .twc-new-nav ul li .mega-menu-item.js-active{ height: 3.35em; background-color: #cddce9; background-image: -webkit-gradient(linear, left top, left bottom, from(#cddce9), to(#cddce9)); background-image: -webkit-linear-gradient(top, #cddce9, #cddce9); background-image: -moz-linear-gradient(top, #cddce9, #cddce9); background-image: -ms-linear-gradient(top, #cddce9, #cddce9); background-image: -o-linear-gradient(top, #cddce9, #cddce9); background-image: linear-gradient(top, #cddce9, #cddce9); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#cddce9', EndColorStr='#cddce9')"; } .new-mega-menu .twc-new-navigation.desktop-hover .twc-new-nav > ul > li:hover { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); box-shadow: none; } .new-mega-menu .twc-new-navigation .twc-new-nav > ul > li:hover{ border-right: 1px solid #cacbce; } .new-mega-menu .twc-new-navigation .twc-new-nav > ul > li:first-child:hover{ border-left: 1px solid #cacbce; } } /* ========================== Smartphone ========================== */ @media (max-width: 40em) { .new-mega-menu .twc-new-navigation.desktop-hover .twc-new-nav > ul > li:hover { background: none; } .new-mega-menu .twc-new-navigation .twc-new-nav > ul > li:hover { border-right: 1px solid #cacbce; } .new-mega-menu .twc-new-navigation .twc-new-nav > ul > li:first-child{ border-left: 1px solid #cacbce; } /* The tablet hidden and mobile hidden selectors already have the !important declaration applied to them we had to override this by specifying the following selectors and declaring the !important declaration on them */ .new-mega-menu .twc-new-navigation .twc-new-nav > ul > li.desktop-hidden.tablet-hidden{ display: table-cell !important; } .new-mega-menu .twc-new-navigation .twc-new-nav > ul > li.desktop-hidden.tablet-hidden .tablet-hidden{ display: inline-block !important; } .new-mega-menu .twc-new-navigation .twc-new-nav > ul > li.desktop-hidden.tablet-hidden .mobile-hidden{ display: none !important; } .new-mega-menu .twc-new-navigation .twc-new-nav > ul > li:first-child:hover{ border-left: 1px solid #cacbce; } } /* WEBCMS-16138 Spacing Issue Between megamenu and navigation links */ .new-mega-menu .twc-new-navigation .twc-new-nav .twc-new-mega-section { top: 2.95em; } .new-mega-menu .twc-new-navigation input[type="checkbox"] { float: left; margin: 3px 6px 0 0; } .new-mega-menu .twc-new-navigation form#login-form label { font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; } .new-mega-menu .twc-new-navigation form#login-form p,.new-mega-menu .twc-new-navigation .mini-login-form #login-form p a { font-size: 12px; } .new-mega-menu .twc-new-navigation form#login-form p{ padding: 0; margin:0 0 0.8em } .new-mega-menu .twc-new-navigation form#login-form .cta.omega button { margin:0 0 0.6em; display: block; } .new-mega-menu .twc-new-navigation form#login-form .rounded-input-wrap { margin: 0 0 0.4em; } .new-mega-menu .twc-new-navigation .twc-new-nav .twc-new-mega-section { padding: 0; } .new-mega-menu .twc-new-navigation .twc-new-nav .twc-new-mega-section .mega-menu-wrapper, .new-mega-menu .twc-new-navigation .twc-new-nav .twc-new-mega-section .megamenu{ padding: 2em 3em 3em; } /* Mega Menu Background Image Positioning */ .new-mega-menu .twc-new-navigation .twc-new-nav .twc-new-mega-section .no-repeat .mega-menu-image, .no-repeat .mega-menu-image{ background-repeat: no-repeat; } .new-mega-menu .twc-new-navigation .twc-new-nav .twc-new-mega-section .repeat-x .mega-menu-image, .repeat-x .mega-menu-image{ background-repeat: repeat-x; } .new-mega-menu .twc-new-navigation .twc-new-nav .twc-new-mega-section .repeat-y .mega-menu-image, .repeat-y .mega-menu-image{ background-repeat: repeat-y; } /* Mega Menu Background Image Alignment */ .new-mega-menu .twc-new-navigation .twc-new-nav .twc-new-mega-section .left-bottom .mega-menu-image, .left-bottom .mega-menu-image{ background-position: left bottom; } .new-mega-menu .twc-new-navigation .twc-new-nav .twc-new-mega-section .center-bottom .mega-menu-image, .center-bottom .mega-menu-image{ background-position: center bottom; } .new-mega-menu .twc-new-navigation .twc-new-nav .twc-new-mega-section .right-bottom .mega-menu-image, .right-bottom .mega-menu-image{ background-position: right bottom; } .new-mega-menu .twc-new-navigation .twc-new-nav .twc-new-mega-section .center .mega-menu-image, .center .mega-menu-image{ background-position: center; } .new-mega-menu .twc-new-navigation .twc-new-nav .twc-new-mega-section .top-left .mega-menu-image, .top-left .mega-menu-image{ background-position: left top; } .new-mega-menu .twc-new-navigation .twc-new-nav .twc-new-mega-section .center-top .mega-menu-image, .center-top .mega-menu-image{ background-position: center top; } .new-mega-menu .twc-new-navigation .twc-new-nav .twc-new-mega-section .top-right .mega-menu-image, .top-right .mega-menu-image{ background-position: right top; } @media (max-width: 48em) { .new-mega-menu .twc-new-navigation form#login-form{ width:40%; } .new-mega-menu .twc-new-navigation .twc-new-nav label { text-transform: none; } .new-mega-menu .twc-new-navigation .twc-new-nav li ul li a{ padding: 0; } .new-mega-menu .twc-new-navigation.mobile-tap .twc-new-nav ul li .mega-menu-item.js-active{ background-color: #cddce9; background-image: -webkit-gradient(linear, left top, left bottom, from(#cddce9), to(#cddce9)); background-image: -webkit-linear-gradient(top, #cddce9, #cddce9); background-image: -moz-linear-gradient(top, #cddce9, #cddce9); background-image: -ms-linear-gradient(top, #cddce9, #cddce9); background-image: -o-linear-gradient(top, #cddce9, #cddce9); background-image: linear-gradient(top, #cddce9, #cddce9); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#cddce9', EndColorStr='#cddce9')"; } .new-mega-menu .twc-new-navigation .twc-new-nav .twc-new-mega-section { top: 3.35em; } .new-mega-menu .twc-new-navigation .twc-new-nav .expand-left .twc-new-mega-section{ top: 0.9em; } /* Remove mega menu padding at mobile and tablet */ .new-mega-menu .twc-new-navigation .twc-new-nav .twc-new-mega-section .mega-menu-wrapper, .new-mega-menu .twc-new-navigation .twc-new-nav .twc-new-mega-section .megamenu { padding: 0; } /* Remove mega menu background image at mobile and tablet, !important is necessary since inline style is used for image */ .new-mega-menu .twc-new-navigation .twc-new-nav .twc-new-mega-section .mega-menu-image{ background: none !important; } } @media (max-width: 40em) { .new-mega-menu .twc-new-navigation .twc-new-nav .expand-left .twc-new-mega-section { top: 3.35em; } } /* ========================================================================== CSS Code for the Image Overlay Author: Jacob Cloninger Version: 1.0 - Updated: 3/19/2014 ========================================================================== */ .imageOverlay .overlay-image { margin: 0; padding: 0; border: 0; background: transparent; list-style: none outside none; vertical-align: baseline; position: relative; } .imageOverlay .overlay-content { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4); color: #fff; overflow: hidden; position: absolute; left: 0; bottom: 0; padding: 12px 20px 10px 20px; width: 100%; } .imageOverlay { position: relative; margin-bottom: 1em; } .overlay-image img { width: 100%; max-width:100%; height:auto; } /* BC Hero Banner */ .hero-banner .hero-banner-container{ background: #7F848B; opacity: 1; } .hero-banner .hero-banner-wrapper{ display: block; margin: 0 auto; max-width: 980px; overflow: visible; width: 100%; } .hero-band { background-color: #C8CCD2; background-repeat: repeat-x; border-bottom: 1px solid #B2B6BC; border-top: 1px solid #D9DADD; clear: both; display: block; height: 39px; position: relative; width: 100%; z-index: 2; } .hero-banner .hero-banner-container [class*="image-focus-"]{ min-height:262px; } .hero-banner [class*="twc-col3_403030-c2"], .hero-banner [class*="twc-col3_333333-c2"] { display: table; position: relative; height: 250px; } /* Text in Banner */ .hero-banner .hero-banner-container .parsys0{ margin-top: 65px; } .hero-banner .hero-banner-container .parsys0 h1, .hero-banner .hero-banner-container .parsys0 h2, .hero-banner .hero-banner-container .parsys0 h3{ font-family: Arial,Sans-Serif; font-size: 27px; font-weight: bold; line-height: 28px; margin: 0px 0 10px; color:#fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); } .hero-banner .hero-banner-container .parsys0 p{ font-size: 15px; color:#fff; font-weight: bold; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); } /* Styling for boxed parsys */ .hero-banner .twc-box-column { border-radius: 0; bottom: -31px; margin: 0 auto; padding: 13px 10px 7px; position: absolute; right: 0; width: 225px; z-index: 999; } .hero-banner .twc-box-column div{ position: relative; } .hero-banner .twc-box-column p{ text-shadow: none; margin-bottom: 10px; font-size: 13px; font-weight: normal; } .hero-banner .twc-box-column h1, .hero-banner .twc-box-column h2, .hero-banner .twc-box-column h3, .hero-banner .twc-box-column h4{ font-size: 17px; line-height: 17px; margin: 0 0 10px 0; text-shadow: none; font-family: Arial,Sans-Serif; } .hero-banner .twc-box-column.boxed-dark-gray h2, .hero-banner .twc-box-column.boxed-dark-gray h3, .hero-banner .twc-box-column.boxed-dark-gray h4{ color:#fff; } .hero-banner .twc-box-column .vertical.lined > ul > li, .hero-banner .twc-box-column .vertical.lined > ol > li { border-bottom: 1px solid #565E68; } .hero-banner .twc-box-column .vertical.lined > ul > li.twc-last, .hero-banner .twc-box-column .vertical.lined > ol > li.twc-last { border-bottom: medium none; } /* WEBCMS-11768 Hero Banner Breadcrumbs Issue */ .twc-breadcrumbs { position: absolute; width: 100%; } .twc-breadcrumbs ul { margin: 0 auto; padding-top: 10px; position: relative; width: 100%; max-width: 980px; font-size: 11px; } /* ========================== Tablet ========================== */ @media (max-width: 48em) { .hero-banner .twc-box-column{ bottom: -25px; } .hero-banner .twc-box-column{ position: inherit; } .hero-banner .columnControl > .parsys_column [class*='twc-col3_403030-c'] { width: 98%; margin: 0 10px; } } /* ========================== Phone ========================== */ @media (max-width: 40em) { } /* ========================================================================== Ticket no: WEBCMS-12552 ========================================================================== */ .hero-banner .twc-box-column{ margin: 0 1em 0 0; } .hero-banner .hero-banner-container .parsys0{ margin-left: 1em; } .twc-breadcrumbs { z-index: 1; } @media (max-width: 48em) { .hero-banner [class*="twc-col3_403030-c2"], .hero-banner [class*="twc-col3_333333-c2"] { height: auto; } .hero-banner .twc-box-column { /* WHEN INGESTED, WE SHOULD JUST REMOVE WIDTH FROM HERO-BANNER.CSS */ width: 100% } .hero-banner .hero-band { display: none; } .hero-banner .columnControl > .parsys_column [class*='twc-col3_403030-c'] { width: 100%; margin: 0 0; } .hero-banner > .image-focus-3 { height: auto !important; } } /* BC Header Icons */ .header-icons { float: none; height: 60px; width: auto; overflow: hidden; white-space: nowrap; display: inline-block; } .header-icons li { background-image: url("../../clientlibs/responsive/business/images/vr-gradient-header.png"); background-repeat: no-repeat; background-position: 0 0; background-color: transparent; color: #d5d6d7; width: 89px; float: left; height: 60px; text-align: center; padding: 7px 0 0; } .header-icons li img { padding: 9px 0 0 25px; } .header-icons li .text { display: block; font-family: Arial,Sans-Serif; position: absolute; top: 0; right: 0; left: 0; } .header-icons li a { background-position: center 0; color: #474747; display: block; font-size: 11px; font-weight: bold; padding: 10px 0 0; text-transform: uppercase; } .header-icons li a:hover { opacity: 0.7; } .header-icons a { position: relative; } .header-icons .icon-first{ background: none; } .twc-header-icons{ padding: 0px 0 5px 0; } /* Channel Partners Header Banner */ .header-banner-parsys { width:100%; height: auto; } .header-banner-parsys .twc-logo { width: auto; float: left; } .division-name-header { border-left: 0.2em solid #B3B3B3; margin: 0.5em 0em 0em 17em; } .division-name-header .richtext { margin: 0 0 0.2em 0.1em; font-size: 2.56em; } .header-parsys-welcome-parsys { float: right; font-size: 1.5em; } @media (max-width: 48em) { .division-name-header { margin: 0.5em 0em 0em 17em; } .division-name-header .richtext { font-size: 1.8em; } } @media (max-width: 40em) { .division-name-header { margin: 3px 0 0 -67px; width: auto; float: left; } .division-name-header .richtext { margin: 0 0 -6px 2px; font-size: 1.31em; } .header-banner-parsys .twc-logo img { width: 68%; } .header-parsys-welcome-parsys { padding: 0.34em 0 0 8em; font-size: 1.2em; float: left; } } .header-parsys-welcome-parsys { font-size: 1em; } /* ========================================================================== CSS Code for the Business Class Support Form Author: Max Quattromani Version: 1.8.9.9 - Updated: 9/26/2013 ========================================================================== */ .support-form .error-label { color: #ff0000; font-weight: bold; } .support-form #bc-contactForm, .support-form-salesforce #bc-contactForm { background: none; } .support-form #bc-contactForm label, .support-form-salesforce #bc-contactForm label { vertical-align: top; } .support-form .contact-section .cta, .support-form .counter { clear: both; float: right; margin: 0 0 10px 0; width: 64%; text-align: left; } .support-form .contact-section .cta.submit, .support-form #bc-contactForm .contact-section .cta.submit button, .support-form-salesforce #bc-contactForm .contact-section .cta.submit button{ margin-top: 0; } .support-form #bc-contactForm .error-label, .support-form-salesforce #bc-contactForm .error-label { color: #ff0000; } .support-form .contact-section select { font-size: 12px; width: 60%; } .column-contact { float: left; width: 100%; } .support-form .errorMessage { display: none; padding: 25px 0 0 35px } .support-form .errorMessage h3 { color: #f00; font-weight: bold } .support-form .errorMessage p, .support-form .thankYouMessage p { color: #ff0000; font-weight: normal; font-size: 18px; line-height: 24px; text-align: left; width: 100%; } .support-form .thankYouMessage { display: none; padding: 25px 0 0 35px; } .support-form .thankYouMessage p { color: #444; } /* ========================== Tablet ========================== */ @media (max-width: 48em) { .support-form .contact-section { padding-left: 0; } } /* ========================== Smartphone ========================== */ @media (max-width: 40em) { } .password-reset-form-wrapper .error-message { margin-top: 10px; color: red; } .password-change-form-wrapper .formitem { float: none; } .password-change-form-wrapper .error-message { margin-top: 10px; color :red; } .zip-lookup-form-wrapper .results ul{ border-top: 1px solid #CCC; margin-bottom: 1em; } .zip-lookup-form-wrapper .results li{ list-style: inside disc; } .zip-lookup-form-wrapper .results .result-list p{ margin-bottom: .25em; } .zip-lookup-form-wrapper .parsley-error{ border-color: #FF0404; background-color: #FF9F9E; } /* ========================================================================== CSS Code for the Business Class Landing Page Contact Form Author: Max Quattromani Version: 1.8.9.9 - Updated: 9/26/2013 ========================================================================== */ /* ========================================================================== Layout ========================================================================== */ /* ========================================================================== Module ========================================================================== */ .contact-section { padding: 22px 0 20px 35px; width: 92%; } .contact-section h2, .contact-section h3, .contact-section h4, .parsys_column h3{ display:block; font-family: Arial, Helvetica, sans-serif; font-size: 19px; line-height: 24px; color: #000; margin-bottom: 12px; } #bc-contactForm { overflow: hidden; background-color: #E7E7E8; } .contactModalMessage { width: auto; overflow: hidden; } #bc-contactForm .col-33, .col-66 { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #bc-contactForm .col-33 { width: 33.33333%; } #bc-contactForm .col-66 { width: 66.66666%; } .twc-container .columnControl .twc-col2_6040 ~ .section{ clear:both; } /********* form *********/ #contactmodalform { margin-top: 10px; background: #f9f9f9; overflow: hidden; } #contactmodalform a.blue-button { height: 15px; font-size: 13px; } #contactmodalform a.blue-button { float: left; margin-top: 10px; } #bc-contactForm p { font-size: 14px; line-height: 18px; color: #444; margin-bottom: 10px; } #bc-contactForm .column, .three-column { clear: left; float: right; margin: 0 0 0 0; width: auto; } .options-group { clear: left; float: left; margin: 0 0 0 0; width: auto; } #bc-contactForm .modal-contact-us p { font-size: 14px; line-height: 18px; } #bc-contactForm .modal-contact-us { margin-top: 25px; margin-left: 0; } #bc-contactForm label { font-size: 12px; line-height: 15px; color: #444; font-weight: bold; width: 35%; display: inline-block; vertical-align: middle; text-align: right; padding-right: 10px; } #bc-contactForm textarea, #bc-contactForm input.text:-webkit-input-placeholder { color: #444; } #bc-contactForm textarea, #bc-contactForm input.text:-moz-placeholder { color: #444; } #bc-contactForm textarea, #bc-contactForm input.text:-ms-input-placeholder { color: #444; } #bc-contactForm textarea, #bc-contactForm input.text.placeholder { color: #444; } #bc-contactForm textarea, #bc-contactForm input.text { border: 1px solid #D8D9DA; border-radius: 0px; width: 60%; color: #444; font-size: 12px; padding: 5px 0; } #bc-contactForm textarea { min-height: 120px; } #bc-contactForm input.checkbox { vertical-align: middle; } #bc-contactForm .col { float: left; margin: 0 0 8px; } #bc-contactForm .col.left { clear: left; display: block; } #bc-contactForm .col.left.left input { margin-bottom: 0; } #bc-contactForm .col.right { float: right; } #bc-contactForm .col .no-label { margin-top: 24px; padding-right: 40px; width: 100%; } #bc-contactForm .col .col { margin-bottom: 0px; } #bc-contactForm button { margin: 20px 0; } #contactusModalForm .error-label{ color:#ff0000; } .contactModalMessage h3 { font-size: 22px; line-height: 24px; color: #000; margin-bottom: 5px; } .contactModalMessage p { font-size: 14px; line-height: 18px; max-width: 550px; } /* Error Message for Landing Page */ #contactErrorMessage{ display:none; padding: 25px 0 0 35px; } #contactErrorMessage h3{ color:#ff0000; font-weight: bold; } #contactErrorMessage label { color: #ff0000; font-weight: normal; font-size: 18px; line-height: 24px; text-align: left; width: 100%; } .contactModalMessage .thankyou { float: left; } #bc-contactForm .col.left select { width: 20%; font-size: 14px; margin-top: 5px; margin-left: 1px; } .contact-section .two-column { width: 100%; margin-bottom: 5px; } #bc-contactForm .two-column:first-child{ margin-right:7px; } #bc-contactForm .two-column-long { float: left; width: 77%; margin-right:7px; } #bc-contactForm .two-column-short { float: left; width: 21%; } #bc-contactForm .three-column { float: left; width: 100%; clear:none; padding-top: 0px; } #bc-contactForm .three-column-select{ width:100%; } #bc-contactForm .full{ width: 100% } #column-contact{ float:left; width:100%; } /* LANDING PAGE CONTACT */ .contact-section select { border-radius: 0; padding: 5px 0; width: 25%; } .contact-section label#zip-label { margin-left: 5px; width: 7%; } .contact-section input.zip-field { border-radius: 0; padding: 5px 0; width: 24%; } .contact-section .cta{ margin-bottom: 10px; } .landing-page-form .counter { clear: both; float: right; margin: 0 0 10px; text-align: left; width: 64%; } #bc-contactForm #comments-label{ vertical-align: top; } /* ========================================================================== State ========================================================================== */ /* ========================================================================== Theme ========================================================================== */ /* ========================== Browser Specific ========================== */ /* Firefox */ @-moz-document url-prefix() { } /* Webkit: Chrome/Safari */ @media screen and (-webkit-min-device-pixel-ratio:0) { /* Webkit browsers add a 2px margin outside the chrome of form elements */ } /* IE:8/9 */ /* ie (.ie) */ /* ie8 (.ie8) */ /* ie9 (.ie9) */ /* ========================== Responsive Design ========================== */ /* ========================== Tablet ========================== */ @media (max-width: 48em) { } /* ========================== Smartphone ========================== */ @media (max-width: 40em) { .contact-section select { width: 60%; } .contact-section label#zip-label { margin-left: 0px; width: 35%; } .contact-section input.zip-field { margin-top: 6px; padding: 5px 0; width: 60%; } } .email-change-form-wrapper .formitem { float: none; } .email-change-form-wrapper .error-message { margin-top: 10px; color :red; } .new-chat-phone,.new-chat-account { float: left; } .new-chat-phone{ width: 45%; padding-right: 15px; } .new-chat-account{ width: 55%; padding-left: 5px; padding-top: 3px; } .red_asterisk { color: red; font-size: 16px; } .new-chat-details textarea { min-height: 5.5em; } .bc-chat-form-sf input,.bc-chat-form-sf label,.new-chat-details textarea,.bc-chat-form-sf select{ margin: 4px 3px 4px 3px; font-size: 14px; } .bc-chat-form-sf input[type='text'], .bc-chat-form-sf input[type='number'], .new-chat-details textarea,.bc-chat-form-sf select{ font-size: 11px; } .bc-chat-form-sf .align-right { position: absolute; right: 5px; bottom: 0px; } .bc-chat-form-sf .relative-position { position: relative; margin-top: 10px; } .bc-chat-form-sf{ padding-right: 10px; padding-left: 10px; } .bc-chat-form-sf .margin-left { margin-left: 24px; } .bc-chat-form-sf input[type='submit']{ zoom: 1; color: white; border-radius: 3px; font-family: "TWC Round Medium"; font-weight: normal; width: 127px; height: 33px; } .bc-chat-form-sf .blue input[type='submit']{ background-color: #3779b3; background-image: -webkit-gradient(linear, left top, left bottom, from(#3779b3), to(#02447e)); background-image: -webkit-linear-gradient(top, #3779b3, #02447e); background-image: -moz-linear-gradient(top, #3779b3, #02447e); background-image: -ms-linear-gradient(top, #3779b3, #02447e); background-image: -o-linear-gradient(top, #3779b3, #02447e); background-image: linear-gradient(top, #3779b3, #02447e); } .bc-chat-form-sf .blue input[type='submit']:hover { background-color: #265a83; background-image: -webkit-gradient(linear, left top, left bottom, from(#265a83), to(#1b405e)); background-image: -webkit-linear-gradient(top, #265a83, #1b405e); background-image: -moz-linear-gradient(top, #265a83, #1b405e); background-image: -ms-linear-gradient(top, #265a83, #1b405e); background-image: -o-linear-gradient(top, #265a83, #1b405e); background-image: linear-gradient(top, #265a83, #1b405e); } .bc-chat-form-sf .orange input[type='submit'] { background-color: #eaa23f; background-image: -webkit-gradient(linear, left top, left bottom, from(#eaa23f), to(#e6921e)); background-image: -webkit-linear-gradient(top, #eaa23f, #e6921e); background-image: -moz-linear-gradient(top, #eaa23f, #e6921e); background-image: -ms-linear-gradient(top, #eaa23f, #e6921e); background-image: -o-linear-gradient(top, #eaa23f, #e6921e); background-image: linear-gradient(top, #eaa23f, #e6921e); } .bc-chat-form-sf .orange input[type='submit']:hover { background-color: #ecab53; background-image: -webkit-gradient(linear, left top, left bottom, from(#ecab53), to(#e99d35)); background-image: -webkit-linear-gradient(top, #ecab53, #e99d35); background-image: -moz-linear-gradient(top, #ecab53, #e99d35); background-image: -ms-linear-gradient(top, #ecab53, #e99d35); background-image: linear-gradient(top, #ecab53, #e99d35); background-image: -o-linear-gradient(top, #ecab53, #e99d35); } .bc-chat-form-sf .green input[type='submit'] { background-color: #87ae39; background-image: -webkit-gradient(linear, left top, left bottom, from(#87ae39), to(#759731)); background-image: -webkit-linear-gradient(top, #87ae39, #759731); background-image: -moz-linear-gradient(top, #87ae39, #759731); background-image: -ms-linear-gradient(top, #87ae39, #759731); background-image: linear-gradient(top, #87ae39, #759731); background-image: -o-linear-gradient(top, #87ae39, #759731); } .bc-chat-form-sf .green input[type='submit']:hover { background-color: #abc675; background-image: -webkit-gradient(linear, left top, left bottom, from(#abc675), to(#9fb66f)); background-image: -webkit-linear-gradient(top, #abc675, #9fb66f); background-image: -moz-linear-gradient(top, #abc675, #9fb66f); background-image: -ms-linear-gradient(top, #abc675, #9fb66f); background-image: linear-gradient(top, #abc675, #9fb66f); background-image: -o-linear-gradient(top, #abc675, #9fb66f); } .bc-chat-form-sf .parsley-error ~ div.twc-icon-after.red-icon.icon-remove { margin-top: -24px; } .bc-chat-form-sf .parsley-error ~ div.twc-icon-after.red-icon.icon-remove span{ padding-left:5px; } .bc-chat-form-sf .set-relative { position: relative; } .bc-chat-form-sf div.twc-icon-after.red-icon.icon-remove{ width: 0%; } .chat-not-available{ color: red; background-color: rgba(245, 0, 0, .05); } .bc-chat-form { overflow: hidden; background-color: #E7E7E8; } .bc-chat-form .col-33, .col-66 { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bc-chat-form .col-33 { width: 33.33333%; } .bc-chat-form .col-66 { width: 66.66666%; } .bc-chat-form .error-label { color: #ff0000; } /********* form *********/ .bc-chat-form p { font-size: 14px; line-height: 18px; color: #444; margin-bottom: 10px; } .bc-chat-form .column, .three-column { clear: left; float: right; margin: 0 0 0 0; width: auto; } .bc-chat-form .modal-contact-us p { font-size: 14px; line-height: 18px; } .bc-chat-form .modal-contact-us { margin-top: 25px; margin-left: 0; } .bc-chat-form label { font-size: 12px; line-height: 15px; color: #444; font-weight: bold; width: 35%; display: inline-block; text-align: right; padding-right: 10px; vertical-align: top; } .bc-chat-form textarea, .bc-chat-form input.text:-webkit-input-placeholder { color: #444; } .bc-chat-form textarea, .bc-chat-form input.text:-moz-placeholder { color: #444; } .bc-chat-form textarea, .bc-chat-form input.text:-ms-input-placeholder { color: #444; } .bc-chat-form textarea, .bc-chat-form input.text.placeholder { color: #444; } .bc-chat-form textarea, .bc-chat-form input.text { border: 1px solid #D8D9DA; border-radius: 0px; width: 60%; color: #444; font-size: 12px; padding: 5px 0; } .bc-chat-form textarea { min-height: 120px; } .bc-chat-form input.checkbox { vertical-align: middle; } .bc-chat-form .col { float: left; margin: 0 0 8px; } .bc-chat-form .col.left { clear: left; display: block; } .bc-chat-form .col.left.left input { margin-bottom: 0; } .bc-chat-form .col.right { float: right; } .bc-chat-form .col .no-label { margin-top: 24px; padding-right: 40px; width: 100%; } .bc-chat-form .col .col { margin-bottom: 0px; } .bc-chat-form button { margin: 20px 0; } .bc-chat-form .col.left select { width: 20%; font-size: 14px; margin-top: 5px; margin-left: 1px; } .bc-chat-form .errorMessage { display: none; padding: 25px 0 0 35px; } .bc-chat-form .errorMessage h3, .bc-chat-form .parsys_column .errorMessage h3 { color: #ff0000; font-weight: bold; } .bc-chat-form .errorMessage, .bc-chat-form .errorMessage p { color: #ff0000; font-weight: bold; } .bc-chat-form .two-column:first-child { margin-right: 7px; } .bc-chat-form .two-column-long { float: left; width: 77%; margin-right: 7px; } .bc-chat-form .two-column-short { float: left; width: 21%; } .bc-chat-form .three-column { float: left; width: 100%; clear: none; padding-top: 0px; } .bc-chat-form .three-column-select { width: 100%; } .bc-chat-form .contact-section select { font-size: 12px; width: 60%; } .bc-chat-form .full { width: 100% } .bc-chat-form .column-contact .cta.submit { margin-bottom: 10px; } .bc-chat-form .counter, .bc-chat-form .contact-section .cta { clear: both; float: right; margin: 0 0 10px; text-align: left; width: 64%; } .bc-chat-form #comments-label { vertical-align: top; } .bc-chat-form .email-option { margin-top: 30px; } /* ========================================================================== State ========================================================================== */ /* ========================================================================== Theme ========================================================================== */ /* ========================== Browser Specific ========================== */ /* Firefox */ @-moz-document url-prefix() { } /* Webkit: Chrome/Safari */ @media screen and (-webkit-min-device-pixel-ratio:0) { /* Webkit browsers add a 2px margin outside the chrome of form elements */ } /* IE:8/9 */ /* ie (.ie) */ /* ie8 (.ie8) */ /* ie9 (.ie9) */ /* ========================== Responsive Design ========================== */ /* ========================== Tablet ========================== */ @media (max-width: 48em) { .bc-chat-form .contact-section{ padding-left: 0; } } /* ========================== Smartphone ========================== */ @media (max-width: 40em) { } .address-lookup-form-wrapper .formitem{ margin-left: 0; } .address-lookup-form-wrapper .state{ margin-right: 2.5%; } .address-lookup-form-wrapper .formitem .state { width: 100%; } .address-lookup-form-wrapper form{ border-right: 1px solid #aaa; padding-right: 2.5%; } .address-lookup-form-wrapper .parsley-error{ border-color: #FF0404 ; background-color: #FF9F9E ; } .address-lookup-form-wrapper .text{ color: #000; } .address-lookup-form-wrapper label p{ padding: 0; } .address-lookup-form-wrapper label .twc-plain-text{ padding: 2px 0; } /* ========================================================================== Buttons Fixes Version: 1.0 - Updated: 10/24/2014 ========================================================================== */ .cta a, .cta button, .cta input[type="button"], .btn a, .btn button, .btn input[type="button"], .button a, .button button, .button input[type="button"], label.cta a, label.cta button, label.cta input[type="button"] { padding: .75em; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif,Sans-Serif; font-size: 95%; font-style: normal; font-weight: 700; } /* ========================================================================== WEBCMS: 14253 Remove padding for CTA no button configuration (BC) ========================================================================== */ .noButton.cta a { padding: 0em; } /*Fix for WEBCMS-15968 Need top padding for no button CTA*/ .noButton.cta a { padding: 10px 0; } .compEritTable { cursor: pointer; } .compEritTable a { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: 700; } .compEritTable ul.table li h5 { line-height: 1; } .compEritTable.three-column-compare ul li.desc { height: 52px; } .compEritTable.js-active [class*="icon-before"].icon-angle-down span:before, .compEritTable.js-active [class*="icon-after"].icon-angle-down span:after, .compEritTable.js-active [class*="icon-only"].icon-angle-down span:after { content: '\f106'; } .compareTable-row { background: none; } .compEritTable h5, .compEritTable h6 { font-size: 18px; font-size: 1.8rem; } .compEritTable .package h5 { font-weight: bold; } .compEritTable h5, .compEritTable h6 { font-family: Arial, sans-serif; } .compEritTable .cta span { text-transform: uppercase; } .compEritTable.three-column-compare ul li.package, .compEritTable.three-column-compare ul li.desc, .compEritTable.three-column-compare ul li.order { background-color: #f2f2f2; background-image: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(#DFDFDF)); background-image: -webkit-linear-gradient(top, #F2F2F2, #DFDFDF); background-image: -moz-linear-gradient(top, #F2F2F2, #DFDFDF); background-image: -o-linear-gradient(top, #F2F2F2, #DFDFDF); background-image: -ms-linear-gradient(top, #F2F2F2, #DFDFDF); background-image: linear-gradient(to bottom, #F2F2F2, #DFDFDF); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#F2F2F2', EndColorStr='#DFDFDF'); } .compEritTable.three-column-compare ul li.order { text-align: center; } .compEritTable.three-column-compare.js-active ul li.package { background: #fff; } .compEritTable.three-column-compare ul li.package h5, .compEritTable.three-column-compare ul li.package h6, .compEritTable .package .icon:before { color: #336699; } .compEritTable.three-column-compare.js-active ul li.package h5, .compEritTable.three-column-compare.js-active ul li.package h6, .compEritTable.js-active .package .icon:before { color: #000; } .compEritTable.three-column-compare.js-active ul li.desc { background: url(../../clientlibs/responsive/business/images/background-compare-active.png) 0 0 no-repeat white; } .compEritTable.three-column-compare.js-active ul li.order { background: url(../../clientlibs/responsive/business/images/background-compare-active.png) -3px 0 no-repeat white; } .compEritTable.three-column-compare.js-active ul li.package, .compEritTable.three-column-compare.js-active ul li.desc, .compEritTable.three-column-compare.js-active ul li.order { border-bottom: none; } .compEritTable.three-column-compare ul li.desc { background-position: 0 0; } .compEritTable.three-column-compare ul li.package { border-right: solid 1px #CCC; height: 52px; } .compEritTable.three-column-compare.js-active ul li.package { border-right: none; } .compEritTable.three-column-compare ul li.desc { border-right: none; } .compEritTable ul.table li p { font-family: Tahoma, Arial, Helvetica, sans-serif; } .compEritTable.js-active ul.table li p { display: none; } .compEritTable.js-active .detail { border-left: 1px solid #E1E1E1; border-bottom: 1px solid #E1E1E1; border-right: 1px solid #E1E1E1; } .compEritTable .package h5.no-subtitle { font-family: 'FontAwesome'; font-size: 18px; font-size: 1.8rem; margin-bottom: 9px; margin-bottom: .9rem; margin-top: 9px; margin-top: .9rem; } .compEritTable .package .icon:before { float: left; font-family: 'FontAwesome'; font-size: 24px; font-size: 2.4rem; margin-bottom: 6px; margin-bottom: .6rem; margin-right: .5em; margin-top: 6px; margin-top: .6rem; } .compEritTable .header.icon-cloud .package .icon:before { content: '\f0c2' } .compEritTable .header.icon-laptop .package .icon:before { content: '\f109' } .compEritTable .header.icon-sitemap .package .icon:before { content: '\f0e8' } .compEritTable .header.icon-desktop .package .icon:before { content: '\f108' } .compEritTable .header.icon-phone .package .icon:before { content: '\f095' } .compEritTable [class*=" icon-"]{ display: block; } .compare-table-row-header-3col.header { margin-right: 0; } @media (max-width: 48em) { .compEritTable.three-column-compare ul li.order, .compEritTable.three-column-compare.js-active ul li.order { background: #fff; border-left: 1px solid #E1E1E1; border-right: 1px solid #E1E1E1; } .compEritTable.three-column-compare ul li.desc { border-right: 1px solid #E1E1E1; } } .compEritTable .package h5.no-subtitle { font-family: Arial,sans-serif; } .compEritTable { cursor: auto; } /* ========================================================================== Column Control Fixes Version: 1.0 - Updated: 1/15/2015 ========================================================================== */ @media (max-width: 40em) { .columnControl .parsys_column .bordered-left{ border-left: 0px; padding-left: 0px; } .columnControl .parsys_column .bordered-right{ border-right: 0px; padding-right: 0px; } } .bc-content-related { padding-left: 1em; } .bc-content-related .related-content-list-item { font-size: 1em; font-weight: 700; font-style: normal; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #cccccc; padding-top: 1em; } .bc-content-related .related-content-list-item p { font-size: 0.8em; font-weight: 600; text-transform: uppercase; padding-bottom: 0.5em; padding-top: 0.5em; } .bc-content-related .related-content-list-item.twc-first { padding-top: 0; } .bc-content-related .relatedHeader { padding-bottom: .25em; } .bc-content-related .relatedHeader h1 { font-size: 1.8em; } .bc-content-related .relatedHeader h2 { font-size: 1.5em; } .bc-content-related .relatedHeader h3 { font-size: 1.2em; } .bc-content-related .relatedHeader h4 { font-size: 1em; } .bc-content-related .relatedHeader h5 { font-size: 0.85em; } .bc-content-related { padding-left: 0; } .bc-content-related .related-content-list-item { font-size: 1.4rem; } .formBuilderForm p, .formBuilderForm label { font-size: 13px; } .channel-partners-admin-form .redText { color: red; } .channel-partners-admin-form label { display: block; cursor: default; } .channel-partners-admin-form input { margin-top: 0.25em; padding-left: 0.45em; padding-top: 0.4em; padding-bottom: 0.4em; width: 100%; background: white; border: solid 1px #D8D9DA; } .channel-partners-admin-form .input { display: inline-table; padding-bottom: 1.25em; } .channel-partners-admin-form .one-column .input { width: 50em; } .channel-partners-admin-form .asterisk { float: left; } .channel-partners-admin-form .error { color: #ff0000; font-size: 9pt; } .channel-partners-admin-form .submit { width: 12em; background-color: #0070AA; color: white; font-weight: bold; cursor: pointer; cursor: hand; } .partner-portal-logout .logout { float: right; } /* WEBCMS-15021 make sure logout component isn't next to another element */ .partner-portal-logout { clear: both; } .login-submit-form .login-form td input { font-size: 1.6rem; } .login-submit-form .login-form .form_button_submit { width: 12em; background-color: #0070AA; color: white; font-weight: bold; cursor: pointer; cursor: hand; }