@charset "UTF-8"; /* _ute-vars.scss - START */ /*$font-size-base: 1.4rem !default; $font-size-large: ceil(($font-size-base * 1.25)) !default; // ~18px $font-size-small: ceil(($font-size-base * 0.85)) !default; // ~12px $font-size-h1: floor(($font-size-base * 2.6)) !default; // ~36px $font-size-h2: floor(($font-size-base * 2.15)) !default; // ~30px $font-size-h3: ceil(($font-size-base * 1.7)) !default; // ~24px $font-size-h4: ceil(($font-size-base * 1.25)) !default; // ~18px $font-size-h5: $font-size-base !default; $font-size-h6: ceil(($font-size-base * 0.85)) !default; // ~12px /*/ /** Unit-less `line-height` for use in components like buttons. $line-height-base: 1.428571429 !default; // 20/14 /*/ /** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc. $line-height-computed: floor(($font-size-base * $line-height-base)) !default; // ~20px /*/ /** By default, this inherits from the ``. $headings-font-family: inherit !default; $headings-font-weight: 500 !default; $headings-line-height: 1.1 !default; $headings-color: inherit !default;*/ /* _ute-vars.scss - END */ /* -- vars.scss START -- */ /*Config file - all variable and config for project*/ /*asset paths - base path for image and font files*/ /*Base Setting*/ /*Colors*/ /*ECLIPSE 3.0 VARS*/ /*Vendor specific variables*/ /*Other configs*/ /* -- vars.scss END -- */ /* -- fonts.scss START -- */ /* @font-face { font-family: 'lato'; src: url('/cms/common/dca/fonts/lato-light.woff2') format('woff2'), url('/cms/common/dca/fonts/lato-light.woff') format('woff'); font-weight: $ute-font-weight-light; font-style: normal; } @font-face { font-family: 'lato'; src: url('/cms/common/dca/fonts/lato-regular.woff2') format('woff2'), url('/cms/common/dca/fonts/lato-regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'lato'; src: url('/cms/common/dca/fonts/lato-semibold.woff2') format('woff2'), url('/cms/common/dca/fonts/lato-semibold.woff') format('woff'); font-weight: $ute-font-weight-semibold; font-style: normal; } //Only for headings @font-face { font-family: 'lato'; src: url('/cms/common/dca/fonts/lato-heavy.woff2') format('woff2'), url('/cms/common/dca/fonts/lato-heavy.woff') format('woff'); font-weight: $ute-font-weight-heavy; font-style: normal; } */ /* -- fonts.scss START @font-face { font-family: 'tednext'; src: url('/cms/common/dca/fonts/tednext-light.woff2') format('woff2'), url('/cms/common/dca/fonts/tednext-light.woff') format('woff'); font-weight: $ute-font-weight-light; font-style: normal; } @font-face { font-family: 'tednext'; src: url('/cms/common/dca/fonts/tednext-regular.woff2') format('woff2'), url('/cms/common/dca/fonts/tednext-regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'tednext'; src: url('/cms/common/dca/fonts/tednext-semibold.woff2') format('woff2'), url('/cms/common/dca/fonts/tednext-semibold.woff') format('woff'); font-weight: $ute-font-weight-semibold; font-style: normal; } //Only for headings @font-face { font-family: 'tednext'; src: url('/cms/common/dca/fonts/tednext-bold.woff2') format('woff2'), url('/cms/common/dca/fonts/tednext-bold.woff') format('woff'); font-weight: $ute-font-weight-heavy; font-style: normal; } fonts.scss END -- */ @font-face { font-family: 'tednext'; src: url("/cms/common/dca/fonts/tednext-light.woff2") format("woff2"), url("/cms/common/dca/fonts/tednext-light.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: 'tednext'; src: url("/cms/common/dca/fonts/tednext-regular.woff2") format("woff2"), url("/cms/common/dca/fonts/tednext-regular.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'tednext'; src: url("/cms/common/dca/fonts/tednext-regular.woff2") format("woff2"), url("/cms/common/dca/fonts/tednext-regular.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: 'tednext'; src: url("/cms/common/dca/fonts/tednext-semibold.woff2") format("woff2"), url("/cms/common/dca/fonts/tednext-semibold.woff") format("woff"); font-weight: 500; font-style: normal; } @font-face { font-family: 'tednext'; src: url("/cms/common/dca/fonts/tednext-semibold.woff2") format("woff2"), url("/cms/common/dca/fonts/tednext-semibold.woff") format("woff"); font-weight: 600; font-style: normal; } @font-face { font-family: 'tednext'; src: url("/cms/common/dca/fonts/tednext-bold.woff2") format("woff2"), url("/cms/common/dca/fonts/tednext-bold.woff") format("woff"); font-weight: 700; font-style: normal; } /* -- icons.scss START -- */ @font-face { font-family: 'rogers-icon'; src: url("/cms/common/dca/fonts/rogers-icon.eot?cbbico"); src: url("/cms/common/dca/fonts/rogers-icon.eot?cbbico#iefix") format("embedded-opentype"), url("/cms/common/dca/fonts/rogers-icon.ttf?cbbico") format("truetype"), url("/cms/common/dca/fonts/rogers-icon.woff?cbbico") format("woff"), url("/cms/common/dca/fonts/rogers-icon.svg?cbbico#icomoon") format("svg"); font-weight: normal; font-style: normal; } body[ute-brand="rogers"] [class^="ute-icon-"], body[ute-brand="rogers"] [class*=" ute-icon-"], body[ute-brand="rogers"] .ute-icon, body[ute-brand="rogers"] .success-icon { font-family: 'rogers-icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body[ute-brand="rogers"] #ute-icons-list { text-align: center; } body[ute-brand="rogers"] #ute-icons-list i { -webkit-transition: font-size .2s; -o-transition: font-size .2s; transition: font-size .2s; } body[ute-brand="rogers"] #ute-icons-list div[class^="col-"]:hover i { font-size: 4rem; } body[ute-brand="rogers"] .ute-icon-share:before { content: "\e905"; } body[ute-brand="rogers"] .ute-icon-list:before { content: "\e906"; } body[ute-brand="rogers"] .ute-icon-checkbox-on:before { content: "\e907"; } body[ute-brand="rogers"] .ute-icon-grid:before { content: "\e908"; } body[ute-brand="rogers"] .ute-icon-checkbox-off:before { content: "\e909"; } body[ute-brand="rogers"] .ute-icon-shopping-bag:before { content: "\e90a"; } body[ute-brand="rogers"] .ute-icon-bundles:before { content: "\e90b"; } body[ute-brand="rogers"] .ute-icon-home-automation:before { content: "\e90c"; } body[ute-brand="rogers"] .ute-icon-home-phone:before { content: "\e90d"; } body[ute-brand="rogers"] .ute-icon-home-security:before { content: "\e90e"; } body[ute-brand="rogers"] .ute-icon-internet:before { content: "\e90f"; } body[ute-brand="rogers"] .ute-icon-home-monitoring:before { content: "\e910"; } body[ute-brand="rogers"] .ute-icon-number:before { content: "\e911"; } body[ute-brand="rogers"] .ute-icon-support-number:before { content: "\e912"; } body[ute-brand="rogers"] .ute-icon-add:before { content: "\e914"; } body[ute-brand="rogers"] .ute-icon-announcement_share_present:before { content: "\e915"; } body[ute-brand="rogers"] .ute-icon-anyplace-tv:before { content: "\e916"; } body[ute-brand="rogers"] .ute-icon-connect:before { content: "\e917"; } body[ute-brand="rogers"] .ute-icon-contact-us:before { content: "\e918"; } body[ute-brand="rogers"] .ute-icon-creditcard_pay_debit:before { content: "\e919"; } body[ute-brand="rogers"] .ute-icon-cursor:before { content: "\e91a"; } body[ute-brand="rogers"] .ute-icon-delete-cleanup:before { content: "\e91b"; } body[ute-brand="rogers"] .ute-icon-download:before { content: "\e91c"; } body[ute-brand="rogers"] .ute-icon-entertainment:before { content: "\e91d"; } body[ute-brand="rogers"] .ute-icon-games:before { content: "\e91e"; } body[ute-brand="rogers"] .ute-icon-get-updates:before { content: "\e91f"; } body[ute-brand="rogers"] .ute-icon-invest-pay-price:before { content: "\e920"; } body[ute-brand="rogers"] .ute-icon-circle-solid-minus:before { content: "\e921"; } body[ute-brand="rogers"] .ute-icon-look-closer:before { content: "\e923"; } body[ute-brand="rogers"] .ute-icon-mms:before { content: "\e924"; } body[ute-brand="rogers"] .ute-icon-mobile-security:before { content: "\e925"; } body[ute-brand="rogers"] .ute-icon-moments:before { content: "\e926"; } body[ute-brand="rogers"] .ute-icon-more-1:before { content: "\e927"; } body[ute-brand="rogers"] .ute-icon-circle-solid-plus:before { content: "\e928"; } body[ute-brand="rogers"] .ute-icon-multiple-devices:before { content: "\e929"; } body[ute-brand="rogers"] .ute-icon-music:before { content: "\e92a"; } body[ute-brand="rogers"] .ute-icon-photo:before { content: "\e92b"; } body[ute-brand="rogers"] .ute-icon-round-play:before { content: "\e92c"; } body[ute-brand="rogers"] .ute-icon-review:before { content: "\e92d"; } body[ute-brand="rogers"] .ute-icon-save-a:before { content: "\e92e"; } body[ute-brand="rogers"] .ute-icon-serve:before { content: "\e92f"; } body[ute-brand="rogers"] .ute-icon-settings:before { content: "\e930"; } body[ute-brand="rogers"] .ute-icon-social-hub:before { content: "\e932"; } body[ute-brand="rogers"] .ute-icon-sports-a:before { content: "\e933"; } body[ute-brand="rogers"] .ute-icon-sports-b:before { content: "\e934"; } body[ute-brand="rogers"] .ute-icon-sports-c:before { content: "\e935"; } body[ute-brand="rogers"] .ute-icon-temperature-weather:before { content: "\e936"; } body[ute-brand="rogers"] .ute-icon-wi-fi-calling:before { content: "\e937"; } body[ute-brand="rogers"] .ute-icon-wi-fi:before { content: "\e938"; } body[ute-brand="rogers"] .ute-icon-win-medal:before { content: "\e939"; } body[ute-brand="rogers"] .ute-icon-arrow-right:before { content: "\e800"; } body[ute-brand="rogers"] .ute-icon-arrow-left:before { content: "\e93a"; } body[ute-brand="rogers"] .ute-icon-basic-phone:before { content: "\e93b"; } body[ute-brand="rogers"] .ute-icon-strong-canadian-growth-company_a:before { content: "\e93c"; } body[ute-brand="rogers"] .ute-icon-bring-your-own-device:before { content: "\e93d"; } body[ute-brand="rogers"] .ute-icon-plus:before { content: "\e801"; } body[ute-brand="rogers"] .ute-icon-search2:before { content: "\e802"; } body[ute-brand="rogers"] .ute-icon-tv2:before { content: "\e803"; } body[ute-brand="rogers"] .ute-icon-user2:before { content: "\e804"; } body[ute-brand="rogers"] .ute-icon-mail:before { content: "\e805"; } body[ute-brand="rogers"] .ute-icon-wifi:before { content: "\e806"; } body[ute-brand="rogers"] .ute-icon-lock-small:before { content: "\e807"; } body[ute-brand="rogers"] .ute-icon-automation:before { content: "\e808"; } body[ute-brand="rogers"] .ute-icon-bundles2:before { content: "\e809"; } body[ute-brand="rogers"] .ute-icon-home-phone2:before { content: "\e810"; } body[ute-brand="rogers"] .ute-icon-home-security2:before { content: "\e811"; } body[ute-brand="rogers"] .ute-icon-internet2:before { content: "\e812"; } body[ute-brand="rogers"] .ute-icon-live-chat:before { content: "\e813"; } body[ute-brand="rogers"] .ute-icon-locator:before { content: "\e814"; } body[ute-brand="rogers"] .ute-icon-lock2:before { content: "\e815"; } body[ute-brand="rogers"] .ute-icon-minus:before { content: "\e816"; } body[ute-brand="rogers"] .ute-icon-north-america2:before { content: "\e817"; } body[ute-brand="rogers"] .ute-icon-online:before { content: "\e818"; } body[ute-brand="rogers"] .ute-icon-file:before { content: "\e819"; } body[ute-brand="rogers"] .ute-icon-button-left:before { content: "\e80a"; } body[ute-brand="rogers"] .ute-icon-button-right:before { content: "\e80b"; } body[ute-brand="rogers"] .ute-icon-call:before { content: "\e80c"; } body[ute-brand="rogers"] .ute-icon-camera:before { content: "\e80d"; } body[ute-brand="rogers"] .ute-icon-cart2:before { content: "\e80e"; } body[ute-brand="rogers"] .ute-icon-device-protection:before { content: "\e80f"; } body[ute-brand="rogers"] .ute-icon-people:before { content: "\e81a"; } body[ute-brand="rogers"] .ute-icon-arrow-left2:before { content: "\e81b"; } body[ute-brand="rogers"] .ute-icon-arrow-up:before { content: "\e81c"; } body[ute-brand="rogers"] .ute-icon-arrow-down:before { content: "\e81d"; } body[ute-brand="rogers"] .ute-icon-twitter2:before { content: "\e81e"; } body[ute-brand="rogers"] .ute-icon-os-windows:before { content: "\e81f"; } body[ute-brand="rogers"] .ute-icon-gplus:before { content: "\e820"; } body[ute-brand="rogers"] .ute-icon-facebook2:before { content: "\e821"; } body[ute-brand="rogers"] .ute-icon-os-android:before { content: "\e822"; } body[ute-brand="rogers"] .ute-icon-os-apple:before { content: "\e823"; } body[ute-brand="rogers"] .ute-icon-redboard:before { content: "\e824"; } body[ute-brand="rogers"] .ute-icon-social:before { content: "\e825"; } body[ute-brand="rogers"] .ute-icon-chevron:before { content: "\e826"; } body[ute-brand="rogers"] .ute-icon-instagram2:before { content: "\e827"; } body[ute-brand="rogers"] .ute-icon-world:before { content: "\e828"; } body[ute-brand="rogers"] .ute-icon-briefcase:before { content: "\e829"; } body[ute-brand="rogers"] .ute-icon-megaphone:before { content: "\e82a"; } body[ute-brand="rogers"] .ute-icon-monitor:before { content: "\e82b"; } body[ute-brand="rogers"] .ute-icon-wireless2:before { content: "\e82c"; } body[ute-brand="rogers"] .ute-icon-menu:before { content: "\e82d"; } body[ute-brand="rogers"] .ute-icon-os-blackberry:before { content: "\e82e"; } body[ute-brand="rogers"] .ute-icon-add-phone:before { content: "\e82f"; } body[ute-brand="rogers"] .ute-icon-add-text:before { content: "\e830"; } body[ute-brand="rogers"] .ute-icon-award:before { content: "\e831"; } body[ute-brand="rogers"] .ute-icon-sim-card:before { content: "\e832"; } body[ute-brand="rogers"] .ute-icon-remote-control:before { content: "\e833"; } body[ute-brand="rogers"] .ute-icon-calendar3:before { content: "\e93f"; } body[ute-brand="rogers"] .ute-icon-error2:before { content: "\e835"; } body[ute-brand="rogers"] .ute-icon-success:before { content: "\e836"; } body[ute-brand="rogers"] .ute-icon-info2:before { content: "\e837"; } body[ute-brand="rogers"] .ute-icon-print2:before { content: "\e838"; } body[ute-brand="rogers"] .ute-icon-save2:before { content: "\e839"; } body[ute-brand="rogers"] .ute-icon-devices:before { content: "\e83a"; } body[ute-brand="rogers"] .ute-icon-person-edit:before { content: "\e83b"; } body[ute-brand="rogers"] .ute-icon-person-chat:before { content: "\e83c"; } body[ute-brand="rogers"] .ute-icon-person-call:before { content: "\e83d"; } body[ute-brand="rogers"] .ute-icon-delivery:before { content: "\e83e"; } body[ute-brand="rogers"] .ute-icon-dollar:before { content: "\e83f"; } body[ute-brand="rogers"] .ute-icon-myrogers:before { content: "\e840"; } body[ute-brand="rogers"] .ute-icon-record:before { content: "\e841"; } body[ute-brand="rogers"] .ute-icon-youtube2:before { content: "\e842"; } body[ute-brand="rogers"] .ute-icon-more-info:before { content: "\e843"; } body[ute-brand="rogers"] .ute-icon-carousel-right:before { content: "\e844"; } body[ute-brand="rogers"] .ute-icon-carousel-left:before { content: "\e845"; } body[ute-brand="rogers"] .ute-icon-chevron-down2:before { content: "\e846"; } body[ute-brand="rogers"] .ute-icon-north-america-v2:before { content: "\e847"; } body[ute-brand="rogers"] .ute-icon-twitter-alt:before { content: "\e848"; } body[ute-brand="rogers"] .ute-icon-linkedin:before { content: "\e849"; } body[ute-brand="rogers"] .ute-icon-lock-alt:before { content: "\e84a"; } body[ute-brand="rogers"] .ute-icon-logo:before { content: "\e84b"; } body[ute-brand="rogers"] .ute-icon-security:before { content: "\e84c"; } body[ute-brand="rogers"] .ute-icon-services:before { content: "\e84d"; } body[ute-brand="rogers"] .ute-icon-calendar-v2:before { content: "\e84e"; } body[ute-brand="rogers"] .ute-icon-radio-off2:before { content: "\e84f"; } body[ute-brand="rogers"] .ute-icon-radio-on2:before { content: "\e850"; } body[ute-brand="rogers"] .ute-icon-schedule-call:before { content: "\e851"; } body[ute-brand="rogers"] .ute-icon-comment-question:before { content: "\e852"; } body[ute-brand="rogers"] .ute-icon-community-forums:before { content: "\e853"; } body[ute-brand="rogers"] .ute-icon-contact-us3:before { content: "\e854"; } body[ute-brand="rogers"] .ute-icon-facebook-msg:before { content: "\e855"; } body[ute-brand="rogers"] .ute-icon-flip-left:before { content: "\e856"; } body[ute-brand="rogers"] .ute-icon-moving2:before { content: "\e857"; } body[ute-brand="rogers"] .ute-icon-settings2:before { content: "\e858"; } body[ute-brand="rogers"] .ute-icon-usb:before { content: "\e859"; } body[ute-brand="rogers"] .ute-icon-software2:before { content: "\e85a"; } body[ute-brand="rogers"] .ute-icon-question2:before { content: "\e85b"; } body[ute-brand="rogers"] .ute-icon-flip-right:before { content: "\e85c"; } body[ute-brand="rogers"] .ute-icon-lock-v2:before { content: "\e85d"; } body[ute-brand="rogers"] .ute-icon-serve2:before { content: "\e85e"; } body[ute-brand="rogers"] .ute-icon-paper-form-info:before { content: "\e85f"; } body[ute-brand="rogers"] .ute-icon-play:before { content: "\e860"; } body[ute-brand="rogers"] .ute-icon-customize:before { content: "\e861"; } body[ute-brand="rogers"] .ute-icon-lock-home:before { content: "\e862"; } body[ute-brand="rogers"] .ute-icon-network:before { content: "\e863"; } body[ute-brand="rogers"] .ute-icon-skip-wait:before { content: "\e864"; } body[ute-brand="rogers"] .ute-icon-phone-arrow:before { content: "\e865"; } body[ute-brand="rogers"] .ute-icon-device-aid:before { content: "\e866"; } body[ute-brand="rogers"] .ute-icon-bullet:before { content: "\e93e"; } body[ute-brand="rogers"] .ute-icon-calendar:before { content: "\e834"; } body[ute-brand="rogers"] .ute-icon-community:before { content: "\e942"; } body[ute-brand="rogers"] .ute-icon-connect-2:before { content: "\e943"; } body[ute-brand="rogers"] .ute-icon-customer-service:before { content: "\e944"; } body[ute-brand="rogers"] .ute-icon-multiple-devices2:before { content: "\e945"; } body[ute-brand="rogers"] .ute-icon-explore:before { content: "\e946"; } body[ute-brand="rogers"] .ute-icon-facts:before { content: "\e947"; } body[ute-brand="rogers"] .ute-icon-financial:before { content: "\e948"; } body[ute-brand="rogers"] .ute-icon-flexibility:before { content: "\e949"; } body[ute-brand="rogers"] .ute-icon-growth-bar:before { content: "\e94a"; } body[ute-brand="rogers"] .ute-icon-generic-home:before { content: "\e94b"; } body[ute-brand="rogers"] .ute-icon-invest:before { content: "\e94c"; } body[ute-brand="rogers"] .ute-icon-generic-media:before { content: "\e94d"; } body[ute-brand="rogers"] .ute-icon-generic-message:before { content: "\e94e"; } body[ute-brand="rogers"] .ute-icon-msg-share-feedback:before { content: "\e94f"; } body[ute-brand="rogers"] .ute-icon-north-america:before { content: "\e950"; } body[ute-brand="rogers"] .ute-icon-phonea-not-service-related:before { content: "\e951"; } body[ute-brand="rogers"] .ute-icon-phoneb_not-service-related:before { content: "\e952"; } body[ute-brand="rogers"] .ute-icon-generic-publishing:before { content: "\e953"; } body[ute-brand="rogers"] .ute-icon-generic-radio:before { content: "\e954"; } body[ute-brand="rogers"] .ute-icon-generic-reduce-a:before { content: "\e955"; } body[ute-brand="rogers"] .ute-icon-generic-security-a:before { content: "\e956"; } body[ute-brand="rogers"] .ute-icon-generic-security-b:before { content: "\e957"; } body[ute-brand="rogers"] .ute-icon-generic-smart-picks:before { content: "\e958"; } body[ute-brand="rogers"] .ute-icon-smiley-face-double:before { content: "\e959"; } body[ute-brand="rogers"] .ute-icon-smiley-face-single:before { content: "\e95a"; } body[ute-brand="rogers"] .ute-icon-tablet:before { content: "\e95b"; } body[ute-brand="rogers"] .ute-icon-text-alerts:before { content: "\e95c"; } body[ute-brand="rogers"] .ute-icon-generic-thumbsup:before { content: "\e95d"; } body[ute-brand="rogers"] .ute-icon-generic-travel:before { content: "\e95e"; } body[ute-brand="rogers"] .ute-icon-update:before { content: "\e95f"; } body[ute-brand="rogers"] .ute-icon-about-understanding-who-we-are:before { content: "\e963"; } body[ute-brand="rogers"] .ute-icon-accountability:before { content: "\e964"; } body[ute-brand="rogers"] .ute-icon-agenda:before { content: "\e965"; } body[ute-brand="rogers"] .ute-icon-attract:before { content: "\e966"; } body[ute-brand="rogers"] .ute-icon-strong-canadian-growth-company-b:before { content: "\e967"; } body[ute-brand="rogers"] .ute-icon-brand-ambassador:before { content: "\e968"; } body[ute-brand="rogers"] .ute-icon-be-well:before { content: "\e969"; } body[ute-brand="rogers"] .ute-icon-choice:before { content: "\e96a"; } body[ute-brand="rogers"] .ute-icon-deliver-compelling-content-everywhere:before { content: "\e96b"; } body[ute-brand="rogers"] .ute-icon-dental-benefits:before { content: "\e96c"; } body[ute-brand="rogers"] .ute-icon-drive-growthIn-business-segment:before { content: "\e96d"; } body[ute-brand="rogers"] .ute-icon-employee-and-family-assistance:before { content: "\e96e"; } body[ute-brand="rogers"] .ute-icon-focus-onInnovation-and-network-leadership:before { content: "\e96f"; } body[ute-brand="rogers"] .ute-icon-focussing-on-customer:before { content: "\e970"; } body[ute-brand="rogers"] .ute-icon-go-to-market-as-one-Rogers:before { content: "\e973"; } body[ute-brand="rogers"] .ute-icon-graduation:before { content: "\e974"; } body[ute-brand="rogers"] .ute-icon-groundbreaking:before { content: "\e975"; } body[ute-brand="rogers"] .ute-icon-health-insurance:before { content: "\e976"; } body[ute-brand="rogers"] .ute-icon-history:before { content: "\e977"; } body[ute-brand="rogers"] .ute-icon-hr_101:before { content: "\e978"; } body[ute-brand="rogers"] .ute-icon-in-person-onboarding:before { content: "\e979"; } body[ute-brand="rogers"] .ute-icon-innovation-A:before { content: "\e97a"; } body[ute-brand="rogers"] .ute-icon-innovation-B:before { content: "\e97b"; } body[ute-brand="rogers"] .ute-icon-inspiring-confidence:before { content: "\e97c"; } body[ute-brand="rogers"] .ute-icon-integrated-onboarding:before { content: "\e97d"; } body[ute-brand="rogers"] .ute-icon-investIn-and-develop-our-people:before { content: "\e97e"; } body[ute-brand="rogers"] .ute-icon-investing-and-developping-our-people:before { content: "\e97f"; } body[ute-brand="rogers"] .ute-icon-involuntary-termination:before { content: "\e980"; } body[ute-brand="rogers"] .ute-icon-kick-off:before { content: "\e982"; } body[ute-brand="rogers"] .ute-icon-launch:before { content: "\e983"; } body[ute-brand="rogers"] .ute-icon-letter-of-resignation:before { content: "\e984"; } body[ute-brand="rogers"] .ute-icon-member-website:before { content: "\e985"; } body[ute-brand="rogers"] .ute-icon-moving:before { content: "\e986"; } body[ute-brand="rogers"] .ute-icon-onboarding-lite:before { content: "\e987"; } body[ute-brand="rogers"] .ute-icon-operational-essentials:before { content: "\e988"; } body[ute-brand="rogers"] .ute-icon-overhaul-the-customer-experience-A:before { content: "\e989"; } body[ute-brand="rogers"] .ute-icon-paramedical:before { content: "\e98a"; } body[ute-brand="rogers"] .ute-icon-prescription-drug-plan:before { content: "\e98b"; } body[ute-brand="rogers"] .ute-icon-recognition:before { content: "\e98c"; } body[ute-brand="rogers"] .ute-icon-reorganization:before { content: "\e98d"; } body[ute-brand="rogers"] .ute-icon-retirement:before { content: "\e98e"; } body[ute-brand="rogers"] .ute-icon-rogers-101:before { content: "\e98f"; } body[ute-brand="rogers"] .ute-icon-smarter-ways-to-work-and-win:before { content: "\e993"; } body[ute-brand="rogers"] .ute-icon-taking-notes:before { content: "\e994"; } body[ute-brand="rogers"] .ute-icon-team-work:before { content: "\e995"; } body[ute-brand="rogers"] .ute-icon-rogers-advantage:before { content: "\e996"; } body[ute-brand="rogers"] .ute-icon-tshirt:before { content: "\e997"; } body[ute-brand="rogers"] .ute-icon-vision-care:before { content: "\e998"; } body[ute-brand="rogers"] .ute-icon-wealth-accumulation-programs:before { content: "\e999"; } body[ute-brand="rogers"] .ute-icon-re-atm:before { content: "\e99a"; } body[ute-brand="rogers"] .ute-icon-bike-storage:before { content: "\e99b"; } body[ute-brand="rogers"] .ute-icon-centralized-storage_archive:before { content: "\e99c"; } body[ute-brand="rogers"] .ute-icon-conveniece-store:before { content: "\e99d"; } body[ute-brand="rogers"] .ute-icon-copy-point:before { content: "\e99e"; } body[ute-brand="rogers"] .ute-icon-disabled-toilet-handicap:before { content: "\e99f"; } body[ute-brand="rogers"] .ute-icon-dry-cleaning:before { content: "\e9a0"; } body[ute-brand="rogers"] .ute-icon-erase-white-board:before { content: "\e9a1"; } body[ute-brand="rogers"] .ute-icon-fitness-gym:before { content: "\e9a2"; } body[ute-brand="rogers"] .ute-icon-high-voltage:before { content: "\e9a3"; } body[ute-brand="rogers"] .ute-icon-hub-coffee-corner:before { content: "\e9a4"; } body[ute-brand="rogers"] .ute-icon-kitchen:before { content: "\e9a5"; } body[ute-brand="rogers"] .ute-icon-lan-room:before { content: "\e9a6"; } body[ute-brand="rogers"] .ute-icon-library:before { content: "\e9a7"; } body[ute-brand="rogers"] .ute-icon-lockers:before { content: "\e9a8"; } body[ute-brand="rogers"] .ute-icon-men-washroom:before { content: "\e9a9"; } body[ute-brand="rogers"] .ute-icon-no-entry:before { content: "\e9aa"; } body[ute-brand="rogers"] .ute-icon-non-writableSurface:before { content: "\e9ab"; } body[ute-brand="rogers"] .ute-icon-no-use-of-phone:before { content: "\e9ac"; } body[ute-brand="rogers"] .ute-icon-project-storage_archive:before { content: "\e9ad"; } body[ute-brand="rogers"] .ute-icon-re-security:before { content: "\e9ae"; } body[ute-brand="rogers"] .ute-icon-showers:before { content: "\e9af"; } body[ute-brand="rogers"] .ute-icon-spiritual-room:before { content: "\e9b0"; } body[ute-brand="rogers"] .ute-icon-ssshhh:before { content: "\e9b2"; } body[ute-brand="rogers"] .ute-icon-support-centre:before { content: "\e9b3"; } body[ute-brand="rogers"] .ute-icon-technical-room:before { content: "\e9b4"; } body[ute-brand="rogers"] .ute-icon-woman-washroom:before { content: "\e9b5"; } body[ute-brand="rogers"] .ute-icon-writable-surface:before { content: "\e9b6"; } body[ute-brand="rogers"] .ute-icon-food-scraps:before { content: "\e9b7"; } body[ute-brand="rogers"] .ute-icon-plastic-bottles:before { content: "\e9b8"; } body[ute-brand="rogers"] .ute-icon-access-and-identity:before { content: "\e9b9"; } body[ute-brand="rogers"] .ute-icon-chat-email-bubble:before { content: "\e9ba"; } body[ute-brand="rogers"] .ute-icon-get-knowledge:before { content: "\e9bb"; } body[ute-brand="rogers"] .ute-icon-hardware:before { content: "\e9bc"; } body[ute-brand="rogers"] .ute-icon-techspace-mobile-devices:before { content: "\e9bd"; } body[ute-brand="rogers"] .ute-icon-my-frequent-requests:before { content: "\e9be"; } body[ute-brand="rogers"] .ute-icon-resources-and-services:before { content: "\e9bf"; } body[ute-brand="rogers"] .ute-icon-software:before { content: "\e9c1"; } body[ute-brand="rogers"] .ute-icon-facebook:before { content: "\eaa9"; } body[ute-brand="rogers"] .ute-icon-googleplus:before { content: "\eaaa"; } body[ute-brand="rogers"] .ute-icon-instagram:before { content: "\eaab"; } body[ute-brand="rogers"] .ute-icon-search:before { content: "\eaac"; } body[ute-brand="rogers"] .ute-icon-twitter:before { content: "\eaad"; } body[ute-brand="rogers"] .ute-icon-youtube:before { content: "\eaae"; } body[ute-brand="rogers"] .ute-icon-alert-i:before { content: "\e900"; } body[ute-brand="rogers"] .ute-icon-article:before { content: "\e901"; } body[ute-brand="rogers"] .ute-icon-calendar2:before { content: "\e902"; } body[ute-brand="rogers"] .ute-icon-callout-chat-bubble:before { content: "\e903"; } body[ute-brand="rogers"] .ute-icon-callout-complaint:before { content: "\e904"; } body[ute-brand="rogers"] .ute-icon-callout-compliment:before { content: "\e913"; } body[ute-brand="rogers"] .ute-icon-callout-forum:before { content: "\e922"; } body[ute-brand="rogers"] .ute-icon-cart-badge:before { content: "\e931"; } body[ute-brand="rogers"] .ute-icon-cart:before { content: "\e940"; } body[ute-brand="rogers"] .ute-icon-check:before { content: "\e941"; } body[ute-brand="rogers"] .ute-icon-chevron-down:before { content: "\e960"; } body[ute-brand="rogers"] .ute-icon-chevron-right:before { content: "\e961"; } body[ute-brand="rogers"] .ute-icon-chevron-up-solid:before { content: "\e962"; } body[ute-brand="rogers"] .ute-icon-chevron-up:before { content: "\e971"; } body[ute-brand="rogers"] .ute-icon-circle-arrow-nw:before { content: "\e972"; } body[ute-brand="rogers"] .ute-icon-circle-down:before { content: "\e981"; } body[ute-brand="rogers"] .ute-icon-circle-left:before { content: "\e990"; } body[ute-brand="rogers"] .ute-icon-circle-right:before { content: "\e991"; } body[ute-brand="rogers"] .ute-icon-circle-solid-check:before, body[ute-brand="rogers"] .success-icon:before { content: "\e992"; } body[ute-brand="rogers"] .ute-icon-circle-solid:before { content: "\e9b1"; } body[ute-brand="rogers"] .ute-icon-circle-thin:before { content: "\e9c0"; } body[ute-brand="rogers"] .ute-icon-circle-up:before { content: "\e9cf"; } body[ute-brand="rogers"] .ute-icon-circle-x:before { content: "\e9c2"; } body[ute-brand="rogers"] .ute-icon-network-connectivity:before { content: "\e9c3"; } body[ute-brand="rogers"] .ute-icon-digital-contact-us:before { content: "\e9c4"; } body[ute-brand="rogers"] .ute-icon-circle:before { content: "\e9ed"; } body[ute-brand="rogers"] .ute-icon-contact-us2:before { content: "\e9fc"; } body[ute-brand="rogers"] .ute-icon-details-indicator:before { content: "\e9fd"; } body[ute-brand="rogers"] .ute-icon-edit:before { content: "\ea0c"; } body[ute-brand="rogers"] .ute-icon-email:before { content: "\ea0d"; } body[ute-brand="rogers"] .ute-icon-error:before { content: "\ea0e"; } body[ute-brand="rogers"] .ute-icon-exclaim:before { content: "\ea0f"; } body[ute-brand="rogers"] .ute-icon-globe:before { content: "\ea1e"; } body[ute-brand="rogers"] .ute-icon-heart:before { content: "\ea2e"; } body[ute-brand="rogers"] .ute-icon-home:before { content: "\ea2f"; } body[ute-brand="rogers"] .ute-icon-info:before { content: "\ea30"; } body[ute-brand="rogers"] .ute-icon-laptop:before { content: "\ea31"; } body[ute-brand="rogers"] .ute-icon-list2:before { content: "\ea40"; } body[ute-brand="rogers"] .ute-icon-livechat:before { content: "\ea41"; } body[ute-brand="rogers"] .ute-icon-location-marker:before { content: "\ea42"; } body[ute-brand="rogers"] .ute-icon-lock:before { content: "\ea43"; } body[ute-brand="rogers"] .ute-icon-mobile-menu-exit:before { content: "\ea44"; } body[ute-brand="rogers"] .ute-icon-mobile-menu:before { content: "\ea53"; } body[ute-brand="rogers"] .ute-icon-print:before { content: "\ea54"; } body[ute-brand="rogers"] .ute-icon-question:before { content: "\ea55"; } body[ute-brand="rogers"] .ute-icon-radio-off:before { content: "\ea56"; } body[ute-brand="rogers"] .ute-icon-radio-on:before { content: "\ea57"; } body[ute-brand="rogers"] .ute-icon-save:before { content: "\ea58"; } body[ute-brand="rogers"] .ute-icon-stethoscope:before { content: "\ea68"; } body[ute-brand="rogers"] .ute-icon-tick:before { content: "\ea69"; } body[ute-brand="rogers"] .ute-icon-triangle-arrow-left:before, body[ute-brand="rogers"] ute-date-picker [datepicker-popup-wrap] .glyphicon.glyphicon-chevron-left:before, ute-date-picker [datepicker-popup-wrap] body[ute-brand="rogers"] .glyphicon.glyphicon-chevron-left:before { content: "\ea6a"; } body[ute-brand="rogers"] .ute-icon-triangle-arrow-right:before, body[ute-brand="rogers"] ute-date-picker [datepicker-popup-wrap] .glyphicon.glyphicon-chevron-right:before, ute-date-picker [datepicker-popup-wrap] body[ute-brand="rogers"] .glyphicon.glyphicon-chevron-right:before { content: "\ea79"; } body[ute-brand="rogers"] .ute-icon-tv:before { content: "\ea88"; } body[ute-brand="rogers"] .ute-icon-user-anonymous:before { content: "\ea89"; } body[ute-brand="rogers"] .ute-icon-user-blind:before { content: "\ea98"; } body[ute-brand="rogers"] .ute-icon-user:before { content: "\eaa7"; } body[ute-brand="rogers"] .ute-icon-wireless:before { content: "\eaa8"; } body[ute-brand="rogers"] .ute-icon-info-solid:before { content: "\e9c5"; } body[ute-brand="rogers"] .ute-icon-cloud:before { content: "\e9c6"; } body[ute-brand="rogers"] .ute-icon-circle-cross:before { content: "\e9c7"; } body[ute-brand="rogers"] .ute-icon-yammer:before { content: "\e9c8"; } /* -- icons.scss END -- */ /* -- typography.scss START -- */ html[ute-language="fr"] { font-size: 10px; } html[ute-language="en"] { font-size: 10px; } body { font-family: TedNext, Helvetica, sans-serif; font-size: 1.4rem; font-weight: normal; /*-webkit-font-smoothing: antialiased;*/ -webkit-text-size-adjust: none; line-height: 1.4; } body[ute-device-size='xs'] { font-size: 1.4rem; } h1, h2, h3 { margin: 20px 0 10px 0; } .header-1, .ute-xxxl, h1 { font-size: 44px; font-weight: 400; line-height: 1.1; } [ute-device-size='xs'] .header-1, [ute-device-size='xs'] .ute-xxxl, [ute-device-size='xs'] h1 { font-size: 3.2rem; } @media (max-width: 767px) { .header-1, .ute-xxxl, h1 { font-size: 30px; } } .header-2, .ute-xxl, h2 { font-size: 30px; font-weight: 400; line-height: 1.1; } [ute-device-size='xs'] .header-2, [ute-device-size='xs'] .ute-xxl, [ute-device-size='xs'] h2 { font-size: 2.1rem; } @media (max-width: 767px) { .header-2, .ute-xxl, h2 { font-size: 22px; } } .header-3, .ute-xl, h3 { font-size: 22px; font-weight: 300; line-height: 1.1; } [ute-device-size='xs'] .header-3, [ute-device-size='xs'] .ute-xl, [ute-device-size='xs'] h3 { font-size: 2.1rem; } @media (max-width: 767px) { .header-3, .ute-xl, h3 { font-size: 18px; } .dca-content.container > .row > .row { margin-right: 0; } } .header-4, h4 { font-size: 18px; font-weight: normal; line-height: 1.1; } [ute-device-size='xs'] .header-4, [ute-device-size='xs'] h4 { font-size: 1.8rem; } @media (max-width: 767px) { .header-4, h4 { font-size: 14px; } } .header-5, h5 { font-size: 14px; font-weight: normal; line-height: 1.1; } [ute-device-size='xs'] .header-5, [ute-device-size='xs'] h5 { font-size: 1.8rem; } @media (max-width: 767px) { .header-5, h5 { font-size: 12px; } } .header-6, h6 { font-size: 1.8rem; font-weight: normal; line-height: 1.1; } [ute-device-size='xs'] .header-6, [ute-device-size='xs'] h6 { font-size: 1.8rem; } p { font-size: 14px; font-weight: 400; } @media (max-width: 767px) { p { font-size: 12px; } } .copy-1, .ute-md, .ute-lg, .contact [class^="ute-icon"] { font-size: 1.8rem; font-weight: 300; line-height: 1.4; } [ute-device-size='xs'] .copy-1, [ute-device-size='xs'] .ute-md, [ute-device-size='xs'] .ute-lg, [ute-device-size='xs'] .contact [class^="ute-icon"], .contact [ute-device-size='xs'] [class^="ute-icon"] { font-size: 1.8rem; } .copy-2, body[ute-brand="rogers"] .ute-link, body[ute-brand="rogers"] .ute-link-inline, #header #main-menu .mobile-legacy-Cart a.ute-link, #header #main-menu .mobile-legacy-Cart body[ute-brand="rogers"] a.ute-link-inline, body[ute-brand="rogers"] #header #main-menu .mobile-legacy-Cart a.ute-link-inline { font-size: 1.6rem; font-weight: normal; line-height: 1.4; } [ute-device-size='xs'] .copy-2, [ute-device-size='xs'] body[ute-brand="rogers"] .ute-link, body[ute-brand="rogers"] [ute-device-size='xs'] .ute-link, [ute-device-size='xs'] body[ute-brand="rogers"] .ute-link-inline, body[ute-brand="rogers"] [ute-device-size='xs'] .ute-link-inline, [ute-device-size='xs'] #header #main-menu .mobile-legacy-Cart a.ute-link, #header #main-menu .mobile-legacy-Cart [ute-device-size='xs'] a.ute-link, [ute-device-size='xs'] #header #main-menu .mobile-legacy-Cart body[ute-brand="rogers"] a.ute-link-inline, #header #main-menu .mobile-legacy-Cart body[ute-brand="rogers"] [ute-device-size='xs'] a.ute-link-inline, [ute-device-size='xs'] body[ute-brand="rogers"] #header #main-menu .mobile-legacy-Cart a.ute-link-inline, body[ute-brand="rogers"] #header #main-menu .mobile-legacy-Cart [ute-device-size='xs'] a.ute-link-inline { font-size: 1.6rem; } .copy-3 { font-size: 1.6rem; font-weight: normal; line-height: 1.6; } [ute-device-size='xs'] .copy-3 { font-size: 1.6rem; } .copy-4, .ute-sm, ute-date-picker ul.dropdown-menu thead .btn-default, ute-date-picker [datepicker-popup-wrap] thead .btn-default, body[ute-device-size='xs'] .gst, body[ute-device-size='sm'] .gst { font-size: 1.2rem; font-weight: normal; line-height: 1.4; } [ute-device-size='xs'] .copy-4, [ute-device-size='xs'] .ute-sm, [ute-device-size='xs'] ute-date-picker ul.dropdown-menu thead .btn-default, ute-date-picker ul.dropdown-menu thead [ute-device-size='xs'] .btn-default, [ute-device-size='xs'] ute-date-picker [datepicker-popup-wrap] thead .btn-default, ute-date-picker [datepicker-popup-wrap] thead [ute-device-size='xs'] .btn-default, body[ute-device-size='xs'] .gst, [ute-device-size='xs'] body[ute-device-size='sm'] .gst, body[ute-device-size='sm'] [ute-device-size='xs'] .gst { font-size: 1.6rem; } .copy-5, .ute-xs, body[ute-device-size='xs'] .ute-xs, body[ute-device-size='xs'] .ute-sm, body[ute-device-size='xs'] ute-date-picker ul.dropdown-menu thead .btn-default, ute-date-picker ul.dropdown-menu thead body[ute-device-size='xs'] .btn-default, body[ute-device-size='xs'] ute-date-picker [datepicker-popup-wrap] thead .btn-default, ute-date-picker [datepicker-popup-wrap] thead body[ute-device-size='xs'] .btn-default, body[ute-device-size='xs'] .ute-lg, body[ute-device-size='xs'] .ute-xl, body[ute-device-size='xs'] .ute-xxl, body[ute-device-size='sm'] .ute-xs, body[ute-device-size='sm'] .ute-sm, body[ute-device-size='sm'] ute-date-picker ul.dropdown-menu thead .btn-default, ute-date-picker ul.dropdown-menu thead body[ute-device-size='sm'] .btn-default, body[ute-device-size='sm'] ute-date-picker [datepicker-popup-wrap] thead .btn-default, ute-date-picker [datepicker-popup-wrap] thead body[ute-device-size='sm'] .btn-default, body[ute-device-size='sm'] .ute-lg, body[ute-device-size='sm'] .ute-xl, body[ute-device-size='sm'] .ute-xxl, .ute-message-box span { font-size: 1.6rem; font-weight: 400; line-height: 1.4; } [ute-device-size='xs'] .copy-5, [ute-device-size='xs'] .ute-xs, body[ute-device-size='xs'] .ute-xs, body[ute-device-size='xs'] .ute-sm, body[ute-device-size='xs'] ute-date-picker ul.dropdown-menu thead .btn-default, ute-date-picker ul.dropdown-menu thead body[ute-device-size='xs'] .btn-default, body[ute-device-size='xs'] ute-date-picker [datepicker-popup-wrap] thead .btn-default, ute-date-picker [datepicker-popup-wrap] thead body[ute-device-size='xs'] .btn-default, body[ute-device-size='xs'] .ute-lg, body[ute-device-size='xs'] .ute-xl, body[ute-device-size='xs'] .ute-xxl, [ute-device-size='xs'] body[ute-device-size='sm'] .ute-xs, body[ute-device-size='sm'] [ute-device-size='xs'] .ute-xs, [ute-device-size='xs'] body[ute-device-size='sm'] .ute-sm, body[ute-device-size='sm'] [ute-device-size='xs'] .ute-sm, [ute-device-size='xs'] body[ute-device-size='sm'] ute-date-picker ul.dropdown-menu thead .btn-default, body[ute-device-size='sm'] ute-date-picker ul.dropdown-menu thead [ute-device-size='xs'] .btn-default, [ute-device-size='xs'] ute-date-picker ul.dropdown-menu thead body[ute-device-size='sm'] .btn-default, ute-date-picker ul.dropdown-menu thead body[ute-device-size='sm'] [ute-device-size='xs'] .btn-default, [ute-device-size='xs'] body[ute-device-size='sm'] ute-date-picker [datepicker-popup-wrap] thead .btn-default, body[ute-device-size='sm'] ute-date-picker [datepicker-popup-wrap] thead [ute-device-size='xs'] .btn-default, [ute-device-size='xs'] ute-date-picker [datepicker-popup-wrap] thead body[ute-device-size='sm'] .btn-default, ute-date-picker [datepicker-popup-wrap] thead body[ute-device-size='sm'] [ute-device-size='xs'] .btn-default, [ute-device-size='xs'] body[ute-device-size='sm'] .ute-lg, body[ute-device-size='sm'] [ute-device-size='xs'] .ute-lg, [ute-device-size='xs'] body[ute-device-size='sm'] .ute-xl, body[ute-device-size='sm'] [ute-device-size='xs'] .ute-xl, [ute-device-size='xs'] body[ute-device-size='sm'] .ute-xxl, body[ute-device-size='sm'] [ute-device-size='xs'] .ute-xxl, [ute-device-size='xs'] .ute-message-box span, .ute-message-box [ute-device-size='xs'] span { font-size: 1.4rem; } .copy-legal, .copy-6, body[ute-language="en"] ute-date-picker thead tr:nth-child(2), body[ute-language="fr"] ute-date-picker thead tr:nth-child(2), .text-right-mobile .ute-ss, .text-right-mobile body[ute-brand="rogers"] #ute-icons-list p, body[ute-brand="rogers"] #ute-icons-list .text-right-mobile p, #cms-metadata-toggle > div, .cms-metadata { font-size: 1.2rem; font-weight: normal; line-height: 1.4; } [ute-device-size='xs'] .copy-legal, [ute-device-size='xs'] .copy-6, [ute-device-size='xs'] body[ute-language="en"] ute-date-picker thead tr:nth-child(2), body[ute-language="en"] ute-date-picker thead [ute-device-size='xs'] tr:nth-child(2), [ute-device-size='xs'] body[ute-language="fr"] ute-date-picker thead tr:nth-child(2), body[ute-language="fr"] ute-date-picker thead [ute-device-size='xs'] tr:nth-child(2), [ute-device-size='xs'] .text-right-mobile .ute-ss, .text-right-mobile [ute-device-size='xs'] .ute-ss, [ute-device-size='xs'] .text-right-mobile body[ute-brand="rogers"] #ute-icons-list p, .text-right-mobile body[ute-brand="rogers"] #ute-icons-list [ute-device-size='xs'] p, [ute-device-size='xs'] body[ute-brand="rogers"] #ute-icons-list .text-right-mobile p, body[ute-brand="rogers"] #ute-icons-list .text-right-mobile [ute-device-size='xs'] p, [ute-device-size='xs'] #cms-metadata-toggle > div, [ute-device-size='xs'] .cms-metadata { font-size: 1.2rem; } .copy-7 { font-size: 1.1rem; font-weight: normal; line-height: 1.4; } [ute-device-size='xs'] .copy-7 { font-size: 1.1rem; } .copy-8 { font-size: 1rem; font-weight: 400; line-height: 1.4; } [ute-device-size='xs'] .copy-8 { font-size: 1rem; } .copy-legal { font-weight: normal; } .ute-para, .ute-para-sm { font-size: 1.6rem; font-weight: normal; color: #000000; } .ute-para-sm { margin-top: 24px; font-size: 1.8rem; } body[ute-device-size='xs'] .ute-para, body[ute-device-size='xs'] .ute-para-sm, body[ute-device-size='sm'] .ute-para, body[ute-device-size='sm'] .ute-para-sm { font-size: 1.6rem; } body[ute-device-size='xs'] .ute-para-sm, body[ute-device-size='sm'] .ute-para-sm { font-size: 1.6rem; margin-top: 18px; } /* -- typography.scss END -- */ /* -- mixins.scss START -- */ /* -- mixins.scss END -- */ /* -- animations.scss START -- */ /* -- animations.scss END -- */ /*@import "brand/rogers/imports/owl/owl.carousel"; @import "brand/rogers/imports/owl/owl.theme.green"; @import "brand/rogers/imports/owl/owl.theme.default";*/ /* -- buttons.scss START -- */ body[ute-brand="rogers"] .ute-btn-primary, body[ute-brand="rogers"] .ute-btn-secondary, body[ute-brand="rogers"] .ute-btn-tertiary, body[ute-brand="rogers"] .ute-btn-trivial { font-size: 1.8rem; font-weight: 400; line-height: 1; display: inline-block; padding: 10px 40px; } body[ute-brand="rogers"] .ute-btn-primary:focus, body[ute-brand="rogers"] .ute-btn-secondary:focus, body[ute-brand="rogers"] .ute-btn-tertiary:focus, body[ute-brand="rogers"] .ute-btn-trivial:focus { outline: none; } body[ute-brand="rogers"] .ute-btn-primary:active, body[ute-brand="rogers"] .ute-btn-secondary:active, body[ute-brand="rogers"] .ute-btn-tertiary:active, body[ute-brand="rogers"] .ute-btn-trivial:active { -webkit-box-shadow: none; box-shadow: none; } body[ute-brand="rogers"] [disabled].ute-btn-primary, body[ute-brand="rogers"] [disabled].ute-btn-secondary, body[ute-brand="rogers"] [disabled].ute-btn-tertiary, body[ute-brand="rogers"] [disabled].ute-btn-trivial { opacity: 1; } body[ute-brand="rogers"] .ute-xs.ute-btn-primary, body[ute-brand="rogers"] .ute-xs.ute-btn-secondary, body[ute-brand="rogers"] .ute-xs.ute-btn-tertiary, body[ute-brand="rogers"] .ute-xs.ute-btn-trivial { padding: 10px; } body[ute-brand="rogers"] .ute-sm.ute-btn-primary, body[ute-brand="rogers"] ute-date-picker ul.dropdown-menu thead .ute-btn-primary.btn-default, ute-date-picker ul.dropdown-menu thead body[ute-brand="rogers"] .ute-btn-primary.btn-default, body[ute-brand="rogers"] ute-date-picker [datepicker-popup-wrap] thead .ute-btn-primary.btn-default, ute-date-picker [datepicker-popup-wrap] thead body[ute-brand="rogers"] .ute-btn-primary.btn-default, body[ute-brand="rogers"] .ute-sm.ute-btn-secondary, body[ute-brand="rogers"] ute-date-picker ul.dropdown-menu thead .ute-btn-secondary.btn-default, ute-date-picker ul.dropdown-menu thead body[ute-brand="rogers"] .ute-btn-secondary.btn-default, body[ute-brand="rogers"] ute-date-picker [datepicker-popup-wrap] thead .ute-btn-secondary.btn-default, ute-date-picker [datepicker-popup-wrap] thead body[ute-brand="rogers"] .ute-btn-secondary.btn-default, body[ute-brand="rogers"] .ute-sm.ute-btn-tertiary, body[ute-brand="rogers"] ute-date-picker ul.dropdown-menu thead .ute-btn-tertiary.btn-default, ute-date-picker ul.dropdown-menu thead body[ute-brand="rogers"] .ute-btn-tertiary.btn-default, body[ute-brand="rogers"] ute-date-picker [datepicker-popup-wrap] thead .ute-btn-tertiary.btn-default, ute-date-picker [datepicker-popup-wrap] thead body[ute-brand="rogers"] .ute-btn-tertiary.btn-default, body[ute-brand="rogers"] .ute-sm.ute-btn-trivial, body[ute-brand="rogers"] ute-date-picker ul.dropdown-menu thead .ute-btn-trivial.btn-default, ute-date-picker ul.dropdown-menu thead body[ute-brand="rogers"] .ute-btn-trivial.btn-default, body[ute-brand="rogers"] ute-date-picker [datepicker-popup-wrap] thead .ute-btn-trivial.btn-default, ute-date-picker [datepicker-popup-wrap] thead body[ute-brand="rogers"] .ute-btn-trivial.btn-default { padding: 10px 20px; } body[ute-brand="rogers"] .ute-short.ute-btn-primary, body[ute-brand="rogers"] .ute-short.ute-btn-secondary, body[ute-brand="rogers"] .ute-short.ute-btn-tertiary, body[ute-brand="rogers"] .ute-short.ute-btn-trivial { padding-top: 8px; padding-bottom: 8px; font-size: 1.6rem; } body[ute-brand="rogers"] .btn { font-size: 14px; } body[ute-brand="rogers"] .ute-btn-primary { background: #da291c; color: white; border: 1px solid #da291c; border-radius: 8px; } body[ute-brand="rogers"] .ute-btn-primary:hover { background-color: transparent; color: #414042; border: 1px solid #414042; text-decoration: none; } body[ute-brand="rogers"] .ute-btn-primary:active { /*color: $ute-color-btn-primary-txt;*/ } body[ute-brand="rogers"] .ute-btn-primary:focus { text-decoration: none; /*color: inherit;*/ } body[ute-brand="rogers"] .ute-btn-secondary { color: #da291c; background-color: white; border: 1px solid #da291c; border-radius: 8px; } body[ute-brand="rogers"] .ute-btn-secondary:hover { border: 1px solid #414042; color: #414042; text-decoration: none; } body[ute-brand="rogers"] .ute-btn-secondary:focus, body[ute-brand="rogers"] .ute-btn-secondary:active { text-decoration: none; color: #da291c; } body[ute-brand="rogers"] .ute-btn-tertiary { color: #414042; background-color: #ffc03f; border-radius: 8px; border: 1px solid #ffc03f; } body[ute-brand="rogers"] .ute-btn-tertiary:hover { text-decoration: none; border: 1px solid #ffc03f; background: transparent; } body[ute-brand="rogers"] .ute-btn-tertiary:active, body[ute-brand="rogers"] .ute-btn-tertiary:focus { text-decoration: none; color: #414042; } body[ute-brand="rogers"] .ute-btn-trivial { background-color: transparent; border: none; padding: 10px; } body[ute-brand="rogers"] .ute-btn-trivial:hover { color: #414042; text-decoration: none; } body[ute-brand="rogers"] .ute-btn-trivial:focus { text-decoration: none; } body[ute-brand="rogers"] .ute-btn-group { margin-bottom: 20px; } body[ute-brand="rogers"] .ute-btn-group .btn:first-child { margin-right: 20px; } body[ute-brand="rogers"] .ute-btn-group-set { position: relative; width: 100%; margin-top: 80px; } body[ute-brand="rogers"] .ute-btn-group-set [class^="ute-btn"] { margin-right: 50px; } body[ute-brand="rogers"] .ute-btn-group-set [class^="ute-btn"]:last-child { margin-right: 0; } body[ute-brand="rogers"] .ute-btn-group-set .offset-right { position: absolute; right: 0; } body[ute-brand="rogers"] .ute-btn-group-set.margin-left-90 { margin-left: 90px; } body[ute-brand="rogers"] .modal-content .ute-btn-group-set { margin-top: 0; } body[ute-brand="rogers"] .ute-btn-group-set.ute-right { float: right; } body[ute-brand="rogers"] .ute-btn-group-set.ute-left { float: left; } body[ute-brand="rogers"] .ute-btn-group-set.ute-no-top { margin-top: 0; } body[ute-brand="rogers"] .ute-btn-group-primary { border-image-outset: 0 0 0 0; border-top-width: 0; border-left-width: 0; } body[ute-brand="rogers"] .ute-btn-group-primary .btn { border-right: 1px solid #801810; color: white; background-color: #da291c; border-radius: 0; font-weight: 900; margin-left: 0 !important; } body[ute-brand="rogers"] .ute-btn-group-primary .btn:last-child { border-right: none; } body[ute-brand="rogers"] .ute-btn-group-primary .btn:hover { background-color: #cc261a; } body[ute-brand="rogers"] .ute-btn-group-secondary { border-image-outset: 0 0 0 0; border-top-width: 0; border-left-width: 0; } body[ute-brand="rogers"] .ute-btn-group-secondary .btn { border-right: 1px solid #cccccc; color: #da291c; background-color: white; border-radius: 0; font-weight: 900; margin-left: 0 !important; } body[ute-brand="rogers"] .ute-btn-group-secondary .btn:last-child { border-right: none; } body[ute-brand="rogers"] .ute-btn-group-secondary .btn:hover { background-color: #e6e6e6; } body[ute-brand="rogers"] .ute-info-link { color: #00aec7; cursor: pointer; font-size: 2rem; top: 0.4rem; position: relative; } body[ute-brand="rogers"] .ute-link, body[ute-brand="rogers"] .ute-link-inline { font-weight: 400; color: #da291c; display: inline-block; padding: 5px 0px; } body[ute-brand="rogers"] .ute-link:hover, body[ute-brand="rogers"] .ute-link-inline:hover { color: #da291c; text-decoration: none; } body[ute-brand="rogers"] .ute-link span.ute-icon-chevron-right, body[ute-brand="rogers"] .ute-link-inline span.ute-icon-chevron-right { font-size: 1.2rem; } body[ute-brand="rogers"] .ute-link-secondary { color: #da291c; } body[ute-brand="rogers"] .ute-link-tertiary { color: #414042; } body[ute-brand="rogers"] .ute-link-inline { font-size: inherit; } body[ute-brand="rogers"] .ute-service-type-btn { width: 100%; height: 100px; margin: 10px 10px 10px 0px; padding: 0px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; text-align: left; color: #414042; border: 1px solid #eeeeee; display: table; clear: both; position: relative; overflow: hidden; -webkit-box-shadow: 0px 10px 20px -20px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0px 10px 20px -20px rgba(0, 0, 0, 0.8); box-shadow: 0px 10px 20px -20px rgba(0, 0, 0, 0.8); } body[ute-brand="rogers"] .ute-service-type-btn:active { -webkit-box-shadow: none; box-shadow: none; } body[ute-brand="rogers"] .ute-service-type-btn:hover { text-decoration: none; -webkit-box-shadow: 0px 12px 25px -20px rgba(0, 0, 0, 0.8); box-shadow: 0px 12px 25px -20px rgba(0, 0, 0, 0.8); } body[ute-brand="rogers"] .ute-service-type-btn > i { display: table-cell; color: #da291c; vertical-align: middle; width: 10%; padding-left: 10px; padding-right: 10px; } body[ute-brand="rogers"] .ute-service-type-btn > i.ute-icon-laptop { font-size: 3rem; } body[ute-brand="rogers"] .ute-service-type-btn > i.ute-icon-tv { margin-top: 1.1rem; font-size: 3rem; } body[ute-brand="rogers"] .ute-service-type-btn > i.ute-icon-wireless { margin: 1.25rem 0 0 -1rem; font-size: 3rem; } body[ute-brand="rogers"] .ute-service-type-btn > i[class$="circle-right"] { color: #0a5498; font-size: 2.75rem; } body[ute-brand="rogers"] .ute-service-type-btn .ute-icon-circle-right, body[ute-brand="rogers"] .ute-service-type-btn .ute-icon-chevron-right { position: absolute; right: -40px; top: -6px; display: table-cell; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 0; height: 100%; border: 53px solid #eeeeee; border-top: 0 solid; border-bottom: 14px solid transparent; font: normal 100%/normal Arial, Helvetica, sans-serif; color: black; -o-text-overflow: clip; text-overflow: clip; -webkit-transform: rotateY(180deg) rotateZ(-90deg) scaleX(-1); transform: rotateY(180deg) rotateZ(-90deg) scaleX(-1); } body[ute-brand="rogers"] .ute-service-type-btn .ute-icon-circle-right::before, body[ute-brand="rogers"] .ute-service-type-btn .ute-icon-chevron-right::before { -webkit-transform: translate(-8px, 50px); -ms-transform: translate(-8px, 50px); transform: translate(-8px, 50px); position: absolute; content: "\e962"; font-family: rogers-icon; background: #FFF; color: #bbbdc0; padding: 3px 5px; border-radius: 3px; left: -5px; font-size: 1.4rem; } body[ute-brand="rogers"] .ute-service-type-btn .ute-btn-box-right { display: table-cell; position: relative; } body[ute-brand="rogers"] .ute-service-type-btn .ute-btn-box-right.add-service { margin-left: 1rem; vertical-align: inherit; } body[ute-brand="rogers"] .ute-service-type-btn .ute-btn-box-right .cell-phone-number { display: block; font-weight: normal; } body[ute-brand="rogers"] .ute-service-type-btn span { margin: 0 0.5rem 0 0.75rem; display: inline-block; font-size: 2.1rem; font-weight: 400; vertical-align: middle; } body[ute-brand="rogers"] .ute-service-type-btn.ute-service-tv .ute-btn-box-right { margin-top: 0.5rem; } body[ute-brand="rogers"] .ute-service-type-btn.ute-service-tv ins { display: inline-block; vertical-align: middle; } body[ute-brand="rogers"] .ute-service-type-btn.ute-service-tv .add-service { margin-top: 10px; } body[ute-brand="rogers"] .ute-service-type-btn.ute-service-wireless .ute-btn-box-right { position: relative; } body[ute-device-size='xs'] .ute-service-type-btn, body[ute-device-size='sm'] .ute-service-type-btn { height: 100px; padding: 0 10px; } body[ute-device-size='xs'] .ute-service-type-btn span, body[ute-device-size='sm'] .ute-service-type-btn span { font-size: 1.8rem; } body[ute-device-size='xs'] .ute-service-type-btn i.ute-icon-laptop, body[ute-device-size='sm'] .ute-service-type-btn i.ute-icon-laptop { margin: -0.5rem 0 0 -1rem; } body[ute-device-size='xs'] .ute-service-type-btn i.ute-icon-tv, body[ute-device-size='sm'] .ute-service-type-btn i.ute-icon-tv { margin: 0.2rem 0 0 -1rem; } body[ute-device-size='xs'] .ute-service-type-btn i.ute-icon-wireless, body[ute-device-size='sm'] .ute-service-type-btn i.ute-icon-wireless { margin: 0.6rem 0 0 -2rem; } body[ute-device-size='xs'] .ute-service-type-btn.ute-service-tv .ute-btn-box-right, body[ute-device-size='sm'] .ute-service-type-btn.ute-service-tv .ute-btn-box-right { margin-top: 0; } body[ute-device-size='xs'] .ute-service-type-btn.ute-service-wireless .ute-btn-box-right, body[ute-device-size='sm'] .ute-service-type-btn.ute-service-wireless .ute-btn-box-right { top: 0.5rem; left: -1rem; } body[ute-device-size='xs'].internet-explorer.ver-9 .ute-service-type-btn, body[ute-device-size='xs'].internet-explorer.ver-10 .ute-service-type-btn, body[ute-device-size='sm'].internet-explorer.ver-9 .ute-service-type-btn, body[ute-device-size='sm'].internet-explorer.ver-10 .ute-service-type-btn { padding-left: 100px; } body[ute-device-size='xs'] .ute-btn-group-set, body[ute-device-size='xs'] .ute-btn-group-set.ute-left, body[ute-device-size='xs'] .ute-btn-group-set.ute-right, body[ute-device-size='sm'] .ute-btn-group-set, body[ute-device-size='sm'] .ute-btn-group-set.ute-left, body[ute-device-size='sm'] .ute-btn-group-set.ute-right { float: none; clear: both; width: 100%; position: relative; min-height: 90px; } body[ute-device-size='xs'] .ute-btn-group-set [class^="ute-btn"], body[ute-device-size='xs'] .ute-btn-group-set a, body[ute-device-size='xs'] .ute-btn-group-set.ute-left [class^="ute-btn"], body[ute-device-size='xs'] .ute-btn-group-set.ute-left a, body[ute-device-size='xs'] .ute-btn-group-set.ute-right [class^="ute-btn"], body[ute-device-size='xs'] .ute-btn-group-set.ute-right a, body[ute-device-size='sm'] .ute-btn-group-set [class^="ute-btn"], body[ute-device-size='sm'] .ute-btn-group-set a, body[ute-device-size='sm'] .ute-btn-group-set.ute-left [class^="ute-btn"], body[ute-device-size='sm'] .ute-btn-group-set.ute-left a, body[ute-device-size='sm'] .ute-btn-group-set.ute-right [class^="ute-btn"], body[ute-device-size='sm'] .ute-btn-group-set.ute-right a { width: 100%; margin-bottom: 25px; } body[ute-device-size='xs'] .ute-btn-group-set .offset-right, body[ute-device-size='xs'] .ute-btn-group-set.ute-left .offset-right, body[ute-device-size='xs'] .ute-btn-group-set.ute-right .offset-right, body[ute-device-size='sm'] .ute-btn-group-set .offset-right, body[ute-device-size='sm'] .ute-btn-group-set.ute-left .offset-right, body[ute-device-size='sm'] .ute-btn-group-set.ute-right .offset-right { position: relative; right: auto; } body[ute-device-size='xs'] .ute-btn-group-set [class^="ute-btn-primary"], body[ute-device-size='xs'] .ute-btn-group-set.ute-left [class^="ute-btn-primary"], body[ute-device-size='xs'] .ute-btn-group-set.ute-right [class^="ute-btn-primary"], body[ute-device-size='sm'] .ute-btn-group-set [class^="ute-btn-primary"], body[ute-device-size='sm'] .ute-btn-group-set.ute-left [class^="ute-btn-primary"], body[ute-device-size='sm'] .ute-btn-group-set.ute-right [class^="ute-btn-primary"] { position: relative; bottom: auto; top: 0; } body[ute-device-size='xs'] .ute-btn-group-set [class^="ute-btn"], body[ute-device-size='xs'] .ute-btn-group-set.ute-left [class^="ute-btn"], body[ute-device-size='xs'] .ute-btn-group-set.ute-right [class^="ute-btn"], body[ute-device-size='sm'] .ute-btn-group-set [class^="ute-btn"], body[ute-device-size='sm'] .ute-btn-group-set.ute-left [class^="ute-btn"], body[ute-device-size='sm'] .ute-btn-group-set.ute-right [class^="ute-btn"] { margin-right: 0; } body[ute-device-size='xs'] .ute-btn-group-set a, body[ute-device-size='xs'] .ute-btn-group-set.ute-left a, body[ute-device-size='xs'] .ute-btn-group-set.ute-right a, body[ute-device-size='sm'] .ute-btn-group-set a, body[ute-device-size='sm'] .ute-btn-group-set.ute-left a, body[ute-device-size='sm'] .ute-btn-group-set.ute-right a { display: block; text-align: center; } body[ute-device-size='xs'] .ute-btn, body[ute-device-size='sm'] .ute-btn { display: block; font-size: 1.3rem; margin: 10px auto 10px auto; width: 80%; } body[ute-device-size='xs'] .ute-btn-group .btn:first-child, body[ute-device-size='sm'] .ute-btn-group .btn:first-child { margin-right: 0; } body[ute-device-size='xs'] body[ute-brand="rogers"] .ute-btn-secondary, body[ute-device-size='sm'] body[ute-brand="rogers"] .ute-btn-secondary { padding: 10px 10%; } .internet-explorer.ver-9 .ute-btn-primary, .internet-explorer.ver-10 .ute-btn-primary { border: none; } .internet-explorer.ver-9 .ute-service-type-btn, .internet-explorer.ver-10 .ute-service-type-btn { border: 2px solid #414042; padding-left: 120px; } .internet-explorer.ver-9 .ute-service-type-btn.ute-service-wireless img, .internet-explorer.ver-10 .ute-service-type-btn.ute-service-wireless img { left: 40px; } .internet-explorer.ver-9 .ute-service-type-btn img, .internet-explorer.ver-10 .ute-service-type-btn img { left: 20px; } body[ute-language="fr"] .ute-service-type-btn { height: 92px; } /* -- buttons.scss END -- */ /* -- tables.scss START -- */ .permission-table { border-top: 2px solid #000000; margin-top: 20px; } .permission-table.table th { border-bottom: 1px solid #000000; } .permission-table.table td { border-top: none; } .ute-html-content table { border: 1px solid #ccc; } .ute-html-content table tr { border-bottom: 1px solid #ccc; } .ute-html-content table tr td:first-child { border-right: 1px solid #ccc; } .ute-html-content table tr td { padding: 5px; } .ute-html-content tr th { background: #ddd none repeat scroll 0 0; padding: 5px; } .table.ute-table { margin: 20px 0; } .table.ute-table thead tr:hover, .table.ute-table tfoot tr:hover { background: none; } .table.ute-table thead th, .table.ute-table tfoot th { /*border-top: 1px solid $ute-color-dark !important; // need to remove important after fixing the code.*/ border-top: 1px solid #414042; border-bottom: 1px solid #414042; text-align: left; } .table.ute-table tbody { border-bottom: 2px solid #eef0f0; } .table.ute-table tfoot tr th { border-top: 2px solid #bbbdc0; border-bottom: 2px solid #bbbdc0; background: #eeefff; } .table.ute-table tfoot th:first-child { background: none; } .table.ute-table tr:hover { background: #f5f5f6; } .table.ute-table tr.internet-usage-100 { /*color: $ute-color-table-warning;*/ color: #414042 !important; font-weight: bold; } .table.ute-table tr.internet-usage-100 td:nth-child(2) { color: #da291c; } .table.ute-table td, .table.ute-table th { font-weight: normal; } body[ute-device-size='xs'] .table.ute-table tr:nth-of-type(odd), body[ute-device-size='sm'] .table.ute-table tr:nth-of-type(odd) { background: #eeefff; } body[ute-device-size='xs'] .table.ute-table tr, body[ute-device-size='sm'] .table.ute-table tr { border: 1px solid #ccc; } body[ute-device-size='xs'] .table.ute-table tr:hover, body[ute-device-size='sm'] .table.ute-table tr:hover { background: none; } body[ute-device-size='xs'] .table.ute-table tfoot tr, body[ute-device-size='sm'] .table.ute-table tfoot tr { border: 1px solid #68cada; } body[ute-device-size='xs'] .table.ute-table tfoot tr th, body[ute-device-size='sm'] .table.ute-table tfoot tr th { border-top: none !important; border-bottom: 1px solid #68cada; background: #eeefff; } body[ute-device-size='xs'] .table.ute-table td, body[ute-device-size='xs'] .table.ute-table th, body[ute-device-size='sm'] .table.ute-table td, body[ute-device-size='sm'] .table.ute-table th { border: none; border-bottom: 1px solid #ddd; position: relative; padding-left: 32%; text-align: right; overflow: hidden; min-height: 4.2rem; } /* -- tables.scss END -- */ .ute-st { width: 100%; } .ute-st-row { border: none; } .ute-st-row-first { border: none; } .ute-st-row-last { border: none; border-bottom: 2px solid #666; } .ute-st-odd { background-color: white; } .ute-st-bold { font-weight: bold; } .ute-st-original { display: table; } .ute-st-stacked { display: none; } @media (max-width: 767px) { .ute-st-key { width: 49%; padding-right: 1%; } .ute-st-val { width: 49%; padding-left: 1%; text-align: right; } .mobile-table-title-value { display: block; text-align: right; } .ute-st-original { display: none; } .ute-st-stacked { display: table; } td.ute-st-bold { font-weight: normal; } } /* -- forms.scss START -- */ legend { font-size: 2.6rem; } .ute-input-group { margin-bottom: 15px; } .ute-input-group.buttons { text-align: right; } .ute-input-group.buttons input:last-child { margin-left: 20px; } .ute-input-group.buttons .ute-btn-primary, .ute-input-group.buttons .ute-btn-secondary, .ute-input-group.buttons .ute-link, .ute-input-group.buttons body[ute-brand="rogers"] .ute-link-inline, body[ute-brand="rogers"] .ute-input-group.buttons .ute-link-inline { margin-left: 40px; } body[ute-brand="rogers"] .ute-input-radio, body[ute-brand="rogers"] .ute-input-checkbox, body[ute-brand="rogers"] .ute-input-checkbox-secondary { font-size: 1.8rem; left: -999em; position: absolute; } body[ute-brand="rogers"] .ute-input-radio + label, body[ute-brand="rogers"] .ute-input-checkbox + label, body[ute-brand="rogers"] .ute-input-checkbox-secondary + label { font-weight: normal; margin-top: 5px; margin-bottom: 5px; outline: 1px solid transparent; position: relative; padding-left: 25px; } body[ute-brand="rogers"] .ute-input-radio + label::before, body[ute-brand="rogers"] .ute-input-checkbox + label::before, body[ute-brand="rogers"] .ute-input-checkbox-secondary + label::before { display: inline-block; position: relative; width: 25px; height: 18px; position: absolute; top: 0; left: 0; font-family: 'rogers-icon'; } body[ute-brand="rogers"] .ute-input-checkbox + label::before { color: #808284; content: "\e909"; } body[ute-brand="rogers"] .ute-input-checkbox:checked + label { font-weight: 400; } body[ute-brand="rogers"] .ute-input-checkbox:checked + label::before { color: #da291c; content: "\e907"; } body[ute-brand="rogers"] .ute-input-checkbox-secondary + label::before { color: #ccc; content: "\e907"; } body[ute-brand="rogers"] .ute-input-checkbox-secondary:checked + label::before { color: #0a5498; content: "\e907"; } body[ute-brand="rogers"] .ute-input-radio + label::before { color: #414042; content: "\ea56"; } body[ute-brand="rogers"] .ute-input-radio:checked + label::before { color: #414042; content: "\ea57"; } body[ute-brand="rogers"] .form-group { float: left; } .ute-label-text, .ute-label-select { display: inline-block; font-size: 1.6rem; font-weight: 400; line-height: 1; margin: 0 0 5px 0; } .ute-label-text .form-step, .ute-label-select .form-step { font-weight: bold; } form[name="passwordResetForm"] .ute-label-text, form[name="passwordResetForm"] .ute-label-select { display: block; } .ute-message, .ute-message.error { display: block; font-size: 1.6rem; font-weight: 400; margin-top: 5px; position: relative; } .error.ute-message { color: #da291c; opacity: 1; } .ute-input-text, .ute-input-textarea { border: 1px solid #414042; padding: 9.5px 40px 9.5px 15px; border-radius: 8px; font-size: 1.6rem; font-weight: 400; line-height: 1; position: relative; } .ute-input-text ~ .ute-icon, .ute-input-text ~ .success-icon, .ute-input-textarea ~ .ute-icon, .ute-input-textarea ~ .success-icon { postion: absolute; top: 0.7rem; margin-left: -3.4rem; } .ute-input-text:focus, .ute-input-textarea:focus { outline: 0; } .ute-input-text[disabled], .ute-input-textarea[disabled] { border: 1px solid #b3b3b3; color: #b3b3b3; } .ute-input-text.ng-invalid, .ute-input-textarea.ng-invalid { border: 2px solid #da291c; } .ute-input-text.ng-invalid.ng-pristine.ng-untouched, .ute-input-text.ng-valid-required.ng-pristine.ng-untouched, .ute-input-textarea.ng-invalid.ng-pristine.ng-untouched, .ute-input-textarea.ng-valid-required.ng-pristine.ng-untouched { border: 1px solid #414042; } .ute-input-text.ng-valid ~ .ute-icon::before, .ute-input-text.ng-valid ~ .success-icon::before, .ute-input-textarea.ng-valid ~ .ute-icon::before, .ute-input-textarea.ng-valid ~ .success-icon::before { content: "\e836"; font-size: 2.6rem; color: #00965e; position: relative; top: 5px; right: 2px; } .ute-input-text.ng-invalid.ng-pristine.ng-touched, .ute-input-text.ng-invalid.ng-dirty, .ute-input-textarea.ng-invalid.ng-pristine.ng-touched, .ute-input-textarea.ng-invalid.ng-dirty { border: 2px solid #da291c; } .disabled-form .ute-input-text.ng-invalid.ng-pristine.ng-touched, .disabled-form .ute-input-text.ng-invalid.ng-dirty, .disabled-form .ute-input-text.ng-valid, .disabled-form .ute-input-text.ng-invalid.ng-pristine.ng-untouched, .disabled-form .ute-input-text.ng-valid-required.ng-pristine.ng-untouched, .disabled-form .ute-input-text:focus.ng-invalid.ng-pristine.ng-touched, .disabled-form .ute-input-text:focus.ng-invalid.ng-dirty, .disabled-form .ute-input-text:focus.ng-valid, .disabled-form .ute-input-text:focus.ng-invalid.ng-pristine.ng-untouched, .disabled-form .ute-input-text:focus.ng-valid-required.ng-pristine.ng-untouched, .disabled-form .ute-input-textarea.ng-invalid.ng-pristine.ng-touched, .disabled-form .ute-input-textarea.ng-invalid.ng-dirty, .disabled-form .ute-input-textarea.ng-valid, .disabled-form .ute-input-textarea.ng-invalid.ng-pristine.ng-untouched, .disabled-form .ute-input-textarea.ng-valid-required.ng-pristine.ng-untouched, .disabled-form .ute-input-textarea:focus.ng-invalid.ng-pristine.ng-touched, .disabled-form .ute-input-textarea:focus.ng-invalid.ng-dirty, .disabled-form .ute-input-textarea:focus.ng-valid, .disabled-form .ute-input-textarea:focus.ng-invalid.ng-pristine.ng-untouched, .disabled-form .ute-input-textarea:focus.ng-valid-required.ng-pristine.ng-untouched { border: 2px solid #da291c; } .ute-input-textarea { position: relative; } .ute-input-textarea.ng-valid ~ .ute-icon::before, .ute-input-textarea.ng-valid ~ .success-icon::before { top: -10px; } .ute-input-search.input-group { width: 100%; position: relative; } .ute-input-search.input-group input[type="search"] { border-radius: 8px 0 0 0; border: 1px solid #808284; line-height: 1.2; height: auto; } .ute-input-search.input-group .pca .pcatext { top: 100% !important; left: 0px !important; } .ute-input-search.input-group .input-group-btn { position: absolute; border: none; right: 0px; width: auto; z-index: 999; display: block; bottom: 0; } .ute-input-search.input-group .input-group-btn .ute-icon-search { border: 0; background: #da291c; color: white; font-size: 2.4rem; cursor: pointer; padding: 5px 10px; height: 40px; } .ute-input-search.input-group .input-group-btn .ute-icon-search:focus { outline: 0; } .ute-input-search.input-group .input-group-btn .ute-icon-search:active { /*transform: scale(0.90, 0.90);*/ } .ute-input-search.input-group .input-group-btn span.ute-icon-search { display: block; padding: 10px; cursor: default; } .valid-marker { font-style: normal; font-size: 1.3em; float: right; margin-top: .5em; } .ute-input-textarea { min-height: 170px; } [ute-brand="rogers"] .ute-select-container { background-color: white; border-radius: 8px; } [ute-brand="rogers"] .ute-select-container { position: relative; display: block; } [ute-brand="rogers"] .ute-select-container::before { content: "\e960"; font-family: 'rogers-icon'; display: block; margin-top: .7rem; padding-top: .4rem; padding-right: .3rem; font-size: 1.6rem; position: absolute; right: 0; text-align: center; top: 0; width: 45px; z-index: 1; border-left: 1px solid #414042; } [ute-brand="rogers"] .ute-select-container .ute-input-select { color: #414042; background-color: transparent; /* this hides the select's background making any styling visible from the div */ background-image: none; -webkit-box-shadow: none; box-shadow: none; font-size: 1.6rem; font-weight: 400; padding: 11px 10px; /* padding should be added to the select, not the div */ text-indent: 3px; outline: 0; -webkit-appearance: none; /* this is required for Webkit browsers */ -moz-appearance: none; /* hides the browser's drop-down arrow except in IE */ appearance: none; border: 1px solid #414042; border-radius: 8px; width: 100%; position: relative; line-height: 1.2; z-index: 10; } [ute-brand="rogers"] .ute-select-container .ute-input-select::-ms-expand { display: none; } [ute-brand="rogers"] .ute-select-container .ute-input-select option { width: 100%; } [ute-brand="rogers"] .ute-select-container .ute-input-select:-moz-focusring { color: transparent; /* hides the focus dotted outline in FF */ text-shadow: 0 0 0 #000; } .ute-select-container-narrow { max-width: 350px; } /*.page-create-profile*/ .page-create-user p { margin-bottom: 1rem; } .modal-body .modal-serviceability-good-news { margin: 15px 0px; } body[ute-device-size='xs'] .ute-label-text, body[ute-device-size='xs'] .ute-label-select, body[ute-device-size='sm'] .ute-label-text, body[ute-device-size='sm'] .ute-label-select { display: block; } body[ute-device-size='xs'] .ute-input-text, body[ute-device-size='xs'] .ute-input-textarea, body[ute-device-size='xs'] .ute-select-container .ute-input-select, body[ute-device-size='sm'] .ute-input-text, body[ute-device-size='sm'] .ute-input-textarea, body[ute-device-size='sm'] .ute-select-container .ute-input-select { width: 100%; } body[ute-device-size='xs'] .ute-select-container .ute-input-select, body[ute-device-size='sm'] .ute-select-container .ute-input-select { padding-right: 45px; } body[ute-device-size='xs'] .ute-input-text ~ .ute-icon, body[ute-device-size='xs'] .ute-input-text ~ .success-icon, body[ute-device-size='xs'] .ute-input-textarea ~ .ute-icon, body[ute-device-size='xs'] .ute-input-textarea ~ .success-icon, body[ute-device-size='sm'] .ute-input-text ~ .ute-icon, body[ute-device-size='sm'] .ute-input-text ~ .success-icon, body[ute-device-size='sm'] .ute-input-textarea ~ .ute-icon, body[ute-device-size='sm'] .ute-input-textarea ~ .success-icon { position: absolute; top: initial; bottom: 12px; right: 17px; margin-left: 0; } /* -- forms.scss END -- */ /* -- price.scss START -- */ .ute-price, .ute-price-primary, .ute-price-secondary, .ute-price-tertiary { color: #000; font-size: 1em; position: relative; } .ute-price span, .ute-price-primary span, .ute-price-secondary span, .ute-price-tertiary span { position: relative; } .ute-price sup, .ute-price-primary sup, .ute-price-secondary sup, .ute-price-tertiary sup { font-size: 0.5em; font-weight: normal; top: -0.7em; vertical-align: baseline; } .ute-price sup:first-child, .ute-price-primary sup:first-child, .ute-price-secondary sup:first-child, .ute-price-tertiary sup:first-child { color: #ffc03f; } body[ute-language="fr"] .ute-price sup:first-child, body[ute-language="fr"] .ute-price-primary sup:first-child, body[ute-language="fr"] .ute-price-secondary sup:first-child, body[ute-language="fr"] .ute-price-tertiary sup:first-child { color: #000; } .ute-price sub, .ute-price-primary sub, .ute-price-secondary sub, .ute-price-tertiary sub { position: absolute; color: #ffc03f; font-size: 0.4em; font-weight: normal; bottom: 0.9em; right: 0; vertical-align: baseline; } .ute-price.strong, .ute-price-primary.strong, .ute-price-secondary.strong, .ute-price-tertiary.strong { font-weight: 300; } .ute-price.strong *, .ute-price-primary.strong *, .ute-price-secondary.strong *, .ute-price-tertiary.strong * { font-weight: normal; } .ute-price.light, .ute-price-primary.light, .ute-price-secondary.light, .ute-price-tertiary.light { font-weight: 300; } .ute-price.light *, .ute-price-primary.light *, .ute-price-secondary.light *, .ute-price-tertiary.light * { font-weight: 300; } .ute-price .plux-tax-text, .ute-price-primary .plux-tax-text, .ute-price-secondary .plux-tax-text, .ute-price-tertiary .plux-tax-text { position: absolute; right: 0; bottom: -0.8em; font-size: 0.35em; color: #ffc03f; } .internet-explorer .ute-price sup, .internet-explorer .ute-price-primary sup, .internet-explorer .ute-price-secondary sup, .internet-explorer .ute-price-tertiary sup { top: -.9em; } .ute-price-secondary, .ute-price-tertiary { font-weight: 300; } .ute-price-secondary sup, .ute-price-secondary sub, .ute-price-secondary sup:first-child, .ute-price-tertiary sup, .ute-price-tertiary sub, .ute-price-tertiary sup:first-child { font-weight: 300; } .ute-price-secondary .plux-tax-text, .ute-price-tertiary .plux-tax-text { color: #000; } .ute-price-secondary sup, .ute-price-secondary sub, .ute-price-secondary sup:first-child { color: #000; } body[ute-language="fr"] .ute-price-secondary sup, body[ute-language="fr"] .ute-price-secondary sub, body[ute-language="fr"] .ute-price-secondary sup:first-child { bottom: 0; } body[ute-language="fr"] .footer-price sub { font-size: 1.2rem; bottom: 0.9em; right: -18px; } /* -- price.scss END -- */ /* -- datepicker.scss START -- */ ute-date-picker .ute-icon-calendar { float: none !important; margin: 5px 10px; color: #00aec7; } ute-date-picker ul.dropdown-menu { background-color: #ffffff; padding: 0 10px 10px 10px; margin-top: 0; border: 1px solid #da291c; -webkit-box-shadow: none; box-shadow: none; min-width: 265px; top: 47px !important; } ute-date-picker ul.dropdown-menu .glyphicon { font-family: 'rogers-icon'; color: #da291c; font-size: 2rem; } ute-date-picker ul.dropdown-menu .glyphicon.glyphicon-chevron-left:before { content: '\e80a'; } ute-date-picker ul.dropdown-menu .glyphicon.glyphicon-chevron-right:before { content: '\e80b'; } ute-date-picker ul.dropdown-menu *:focus { outline: none; } ute-date-picker ul.dropdown-menu .btn { border-radius: 0; font-weight: 400; } ute-date-picker ul.dropdown-menu thead { border-bottom: 1px solid black; /*th:nth-of-type(2) .btn-default:hover{ background-color: transparent; border-color: transparent; }*/ } ute-date-picker ul.dropdown-menu thead .btn-default { padding: 8px 10px 4px 10px; border: none; } ute-date-picker ul.dropdown-menu thead .btn-default.pull-left { padding-left: 3px; } ute-date-picker ul.dropdown-menu thead .btn-default.pull-right { padding-right: 3px; } ute-date-picker ul.dropdown-menu thead .btn-default:hover, ute-date-picker ul.dropdown-menu thead .btn-default:active, ute-date-picker ul.dropdown-menu thead .btn-default:focus { background-color: inherit; } ute-date-picker ul.dropdown-menu thead [role="heading"] { cursor: inherit; } ute-date-picker ul.dropdown-menu thead small { display: none; } ute-date-picker ul.dropdown-menu thead tr:nth-child(2) th { font-weight: 600; } ute-date-picker ul.dropdown-menu tbody .btn-default[disabled] { background-color: #fff; } ute-date-picker ul.dropdown-menu tbody .text-muted { color: #bbbdc0; } ute-date-picker ul.dropdown-menu tbody   .btn { padding: 3px 6px; border: 4px solid transparent; } ute-date-picker ul.dropdown-menu tbody   .btn .text-info { color: #ffffff; border-radius: 50%; padding: 7px; background-color: #00a0b7; } ute-date-picker ul.dropdown-menu tbody .btn-default { background-color: #fff; border-color: #ffffff; color: #00a0b7; } ute-date-picker ul.dropdown-menu tbody .btn-default[disabled] { border-color: #ffffff; } ute-date-picker ul.dropdown-menu tbody .btn-default.active[disabled] { background-color: #fff; border-color: #ffffff; color: #00a0b7; } ute-date-picker ul.dropdown-menu tbody .btn-info { background-color: #414042; } ute-date-picker ul.dropdown-menu tbody .btn-info span, ute-date-picker ul.dropdown-menu tbody .btn-info span.text-info { color: #ffffff; } ute-date-picker ul.dropdown-menu .btn-success { padding: 8px 10px 4px 10px; } ute-date-picker ul.dropdown-menu .btn.active { -webkit-box-shadow: none; box-shadow: none; border-radius: 50%; background-color: #00a0b7; padding: 8px; } ute-date-picker ul.dropdown-menu .btn.active span { color: #fff; } ute-date-picker ul.dropdown-menu li:last-child { padding: 4px 0 0 0 !important; } ute-date-picker [datepicker-popup-wrap] { background-color: #ffffff; padding: 0 10px 10px 10px; margin-top: 0; border: 1px solid #da291c; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; min-width: 265px; } ute-date-picker [datepicker-popup-wrap] .glyphicon { font-family: fido-icon; color: #ffc03f; } ute-date-picker [datepicker-popup-wrap] *:focus { outline: none; } ute-date-picker [datepicker-popup-wrap] .btn { border-radius: 0; font-weight: 400; } ute-date-picker [datepicker-popup-wrap] thead { border-bottom: 1px solid black; /*th:nth-of-type(2) .btn-default:hover{ background-color: transparent; border-color: transparent; }*/ } ute-date-picker [datepicker-popup-wrap] thead .btn-default { padding: 8px 10px 4px 10px; border: none; } ute-date-picker [datepicker-popup-wrap] thead .btn-default:hover, ute-date-picker [datepicker-popup-wrap] thead .btn-default:active, ute-date-picker [datepicker-popup-wrap] thead .btn-default:focus { background-color: inherit; } ute-date-picker [datepicker-popup-wrap] thead [role="heading"] { cursor: inherit; } ute-date-picker [datepicker-popup-wrap] thead small { display: none; } ute-date-picker [datepicker-popup-wrap] tbody .btn { padding: 3px 6px; border: 4px solid transparent; } ute-date-picker [datepicker-popup-wrap] tbody .btn .text-info { color: #000000; } ute-date-picker [datepicker-popup-wrap] tbody .btn-default { background-color: #ffffff; border-color: #ffffff; } ute-date-picker [datepicker-popup-wrap] tbody .btn-default[disabled] { border-color: #ffffff; } ute-date-picker [datepicker-popup-wrap] tbody .btn-info { background-color: #414042; } ute-date-picker [datepicker-popup-wrap] tbody .btn-info span, ute-date-picker [datepicker-popup-wrap] tbody .btn-info span.text-info { color: #ffffff; } ute-date-picker [datepicker-popup-wrap] .btn-success { padding: 8px 10px 4px 10px; } ute-date-picker [datepicker-popup-wrap] .btn.active { -webkit-box-shadow: none; box-shadow: none; border-radius: 50%; background-color: #00a0b7; padding: 8px; } ute-date-picker [datepicker-popup-wrap] .btn.active span { color: #fff !important; } ute-date-picker [datepicker-popup-wrap] li:last-child { padding: 4px 0 0 0 !important; } .date-formatted { color: #0a5498; display: block; min-width: 100px; min-height: 1px; } .date-formatted span { text-transform: uppercase; font-weight: 400; } body[ute-language="en"] ute-date-picker thead tr:nth-child(2) th:nth-child(1)::after { content: "M"; } body[ute-language="en"] ute-date-picker thead tr:nth-child(2) th:nth-child(2)::after { content: "T"; } body[ute-language="en"] ute-date-picker thead tr:nth-child(2) th:nth-child(3)::after { content: "W"; } body[ute-language="en"] ute-date-picker thead tr:nth-child(2) th:nth-child(4)::after { content: "T"; } body[ute-language="en"] ute-date-picker thead tr:nth-child(2) th:nth-child(5)::after { content: "F"; } body[ute-language="en"] ute-date-picker thead tr:nth-child(2) th:nth-child(6)::after { content: "S"; } body[ute-language="en"] ute-date-picker thead tr:nth-child(2) th:nth-child(7)::after { content: "S"; } body[ute-language="fr"] ute-date-picker thead tr:nth-child(2) th:nth-child(1)::after { content: "L"; } body[ute-language="fr"] ute-date-picker thead tr:nth-child(2) th:nth-child(2)::after { content: "M"; } body[ute-language="fr"] ute-date-picker thead tr:nth-child(2) th:nth-child(3)::after { content: "M"; } body[ute-language="fr"] ute-date-picker thead tr:nth-child(2) th:nth-child(4)::after { content: "J"; } body[ute-language="fr"] ute-date-picker thead tr:nth-child(2) th:nth-child(5)::after { content: "V"; } body[ute-language="fr"] ute-date-picker thead tr:nth-child(2) th:nth-child(6)::after { content: "S"; } body[ute-language="fr"] ute-date-picker thead tr:nth-child(2) th:nth-child(7)::after { content: "D"; } /* -- datepicker.scss END -- */ body[ute-device-size='xs'] ute-date-picker [datepicker-popup-wrap], body[ute-device-size='sm'] ute-date-picker [datepicker-popup-wrap] { top: auto !important; left: 0 !important; min-width: 100%; width: 100%; } body[ute-brand="rogers"] a { font-weight: 400; font-size: 1.6rem; } body[ute-brand="rogers"] .ute-link-primary, body[ute-brand="rogers"] .ute-link-secondary, body[ute-brand="rogers"] .ute-link-tertiary { font-size: 1.8rem; font-weight: 400; } body[ute-brand="rogers"] .ute-link-primary:after, body[ute-brand="rogers"] .ute-link-secondary:after, body[ute-brand="rogers"] .ute-link-tertiary:after { content: ""; font-size: 10px; font-family: "rogers-icon"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; margin: 0 0 0 5px; } body[ute-brand="rogers"] .ute-link-primary.copy-1, body[ute-brand="rogers"] .ute-link-primary.ute-md, body[ute-brand="rogers"] .ute-link-primary.ute-lg, body[ute-brand="rogers"] .contact .ute-link-primary[class^="ute-icon"], .contact body[ute-brand="rogers"] .ute-link-primary[class^="ute-icon"], body[ute-brand="rogers"] .ute-link-secondary.copy-1, body[ute-brand="rogers"] .ute-link-secondary.ute-md, body[ute-brand="rogers"] .ute-link-secondary.ute-lg, body[ute-brand="rogers"] .contact .ute-link-secondary[class^="ute-icon"], .contact body[ute-brand="rogers"] .ute-link-secondary[class^="ute-icon"], body[ute-brand="rogers"] .ute-link-tertiary.copy-1, body[ute-brand="rogers"] .ute-link-tertiary.ute-md, body[ute-brand="rogers"] .ute-link-tertiary.ute-lg, body[ute-brand="rogers"] .contact .ute-link-tertiary[class^="ute-icon"], .contact body[ute-brand="rogers"] .ute-link-tertiary[class^="ute-icon"] { font-size: 1.8rem; } body[ute-brand="rogers"] .ute-link-primary.copy-2, body[ute-brand="rogers"] .ute-link-primary.ute-link, body[ute-brand="rogers"] .ute-link-primary.ute-link-inline, body[ute-brand="rogers"] #header #main-menu .mobile-legacy-Cart a.ute-link-primary.ute-link, #header #main-menu .mobile-legacy-Cart body[ute-brand="rogers"] a.ute-link-primary.ute-link, #header #main-menu .mobile-legacy-Cart body[ute-brand="rogers"] a.ute-link-primary.ute-link-inline, body[ute-brand="rogers"] #header #main-menu .mobile-legacy-Cart a.ute-link-primary.ute-link-inline, body[ute-brand="rogers"] .ute-link-secondary.copy-2, body[ute-brand="rogers"] .ute-link-secondary.ute-link, body[ute-brand="rogers"] .ute-link-secondary.ute-link-inline, body[ute-brand="rogers"] #header #main-menu .mobile-legacy-Cart a.ute-link-secondary.ute-link, #header #main-menu .mobile-legacy-Cart body[ute-brand="rogers"] a.ute-link-secondary.ute-link, #header #main-menu .mobile-legacy-Cart body[ute-brand="rogers"] a.ute-link-secondary.ute-link-inline, body[ute-brand="rogers"] #header #main-menu .mobile-legacy-Cart a.ute-link-secondary.ute-link-inline, body[ute-brand="rogers"] .ute-link-tertiary.copy-2, body[ute-brand="rogers"] .ute-link-tertiary.ute-link, body[ute-brand="rogers"] .ute-link-tertiary.ute-link-inline, body[ute-brand="rogers"] #header #main-menu .mobile-legacy-Cart a.ute-link-tertiary.ute-link, #header #main-menu .mobile-legacy-Cart body[ute-brand="rogers"] a.ute-link-tertiary.ute-link, #header #main-menu .mobile-legacy-Cart body[ute-brand="rogers"] a.ute-link-tertiary.ute-link-inline, body[ute-brand="rogers"] #header #main-menu .mobile-legacy-Cart a.ute-link-tertiary.ute-link-inline { font-size: 1.6rem; } body[ute-brand="rogers"] .ute-link-primary.copy-3, body[ute-brand="rogers"] .ute-link-secondary.copy-3, body[ute-brand="rogers"] .ute-link-tertiary.copy-3 { font-size: 1.6rem; } body[ute-brand="rogers"] .ute-link-primary.copy-4, body[ute-brand="rogers"] .ute-link-primary.ute-sm, body[ute-brand="rogers"] ute-date-picker ul.dropdown-menu thead .ute-link-primary.btn-default, ute-date-picker ul.dropdown-menu thead body[ute-brand="rogers"] .ute-link-primary.btn-default, body[ute-brand="rogers"] ute-date-picker [datepicker-popup-wrap] thead .ute-link-primary.btn-default, ute-date-picker [datepicker-popup-wrap] thead body[ute-brand="rogers"] .ute-link-primary.btn-default, body[ute-brand="rogers"] body[ute-device-size='xs'] .ute-link-primary.gst, body[ute-device-size='xs'] body[ute-brand="rogers"] .ute-link-primary.gst, body[ute-brand="rogers"] body[ute-device-size='sm'] .ute-link-primary.gst, body[ute-device-size='sm'] body[ute-brand="rogers"] .ute-link-primary.gst, body[ute-brand="rogers"] .ute-link-secondary.copy-4, body[ute-brand="rogers"] .ute-link-secondary.ute-sm, body[ute-brand="rogers"] ute-date-picker ul.dropdown-menu thead .ute-link-secondary.btn-default, ute-date-picker ul.dropdown-menu thead body[ute-brand="rogers"] .ute-link-secondary.btn-default, body[ute-brand="rogers"] ute-date-picker [datepicker-popup-wrap] thead .ute-link-secondary.btn-default, ute-date-picker [datepicker-popup-wrap] thead body[ute-brand="rogers"] .ute-link-secondary.btn-default, body[ute-brand="rogers"] body[ute-device-size='xs'] .ute-link-secondary.gst, body[ute-device-size='xs'] body[ute-brand="rogers"] .ute-link-secondary.gst, body[ute-brand="rogers"] body[ute-device-size='sm'] .ute-link-secondary.gst, body[ute-device-size='sm'] body[ute-brand="rogers"] .ute-link-secondary.gst, body[ute-brand="rogers"] .ute-link-tertiary.copy-4, body[ute-brand="rogers"] .ute-link-tertiary.ute-sm, body[ute-brand="rogers"] ute-date-picker ul.dropdown-menu thead .ute-link-tertiary.btn-default, ute-date-picker ul.dropdown-menu thead body[ute-brand="rogers"] .ute-link-tertiary.btn-default, body[ute-brand="rogers"] ute-date-picker [datepicker-popup-wrap] thead .ute-link-tertiary.btn-default, ute-date-picker [datepicker-popup-wrap] thead body[ute-brand="rogers"] .ute-link-tertiary.btn-default, body[ute-brand="rogers"] body[ute-device-size='xs'] .ute-link-tertiary.gst, body[ute-device-size='xs'] body[ute-brand="rogers"] .ute-link-tertiary.gst, body[ute-brand="rogers"] body[ute-device-size='sm'] .ute-link-tertiary.gst, body[ute-device-size='sm'] body[ute-brand="rogers"] .ute-link-tertiary.gst { font-size: 1.2rem; } body[ute-brand="rogers"] .ute-link-primary { color: #da291c; } body[ute-brand="rogers"] .ute-link-secondary { color: #414042; } body[ute-brand="rogers"] .ute-link-tertiary { color: #0a5498; } body[ute-brand="rogers"] .ute-link-primary-base { color: #da291c; } body[ute-brand="rogers"] .ute-link-see-full-details, body[ute-brand="rogers"] .ute-link-hide-full-details { font-size: 1.2rem; color: #0a5498; position: relative; } body[ute-brand="rogers"] .ute-link-see-full-details:before, body[ute-brand="rogers"] .ute-link-hide-full-details:before { content: "[ ]"; position: absolute; right: -23px; bottom: 0px; letter-spacing: 2.5px; } body[ute-brand="rogers"] .ute-link-see-full-details:after, body[ute-brand="rogers"] .ute-link-hide-full-details:after { content: ""; font-size: 0.6rem; font-family: "rogers-icon"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; position: absolute; right: -15.5px; bottom: 4px; } body[ute-brand="rogers"] .ute-link-hide-full-details:after { content: ""; font-size: 0.6rem; font-family: "rogers-icon"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; } .ute-dca .ute-dca--heading-component { margin: 15px 0 15px 0px; position: relative; } .ute-dca .ute-dca--heading-component .anchor { position: absolute; top: -100px; width: 100%; z-index: -1; } @media (max-width: 767px) { .ute-dca .ute-dca--heading-component { margin: 15px; } } .ute-dca .ute-dca--heading-component h1 { margin-bottom: 10px !important; font-weight: 400 !important; } @media (max-width: 767px) { .ute-dca .ute-dca--heading-component h1 { font-size: 30px !important; line-height: 38px !important; margin-bottom: 10px !important; } } .ute-dca .ute-dca--heading-component h2, .ute-dca .ute-dca--heading-component h3, .ute-dca .ute-dca--heading-component h4, .ute-dca .ute-dca--heading-component h5 { margin: 0 0 10px; font-weight: 600 !important; } .ute-dca .ute-dca--heading-component p { margin: 0 0 5px; font-weight: 400; font-size: 16px; } .ute-dca .ute-dca--heading-component.secondary-heading h2 { color: #00aec7; } .ute-dca .ute-intro-block { margin-left: -15px; } .ute-dca .ute-intro-block-title h1 { margin-bottom: 15px; } html { font-size: 10px; } body { display: none; } @media (max-width: 769px) { body { overflow-x: hidden; overflow-y: visible; width: 100%; max-width: 100%; height: 100%; max-height: 100%; -webkit-overflow-scrolling: touch; } } *, body, html { -webkit-overflow-scrolling: touch; } .ute-dca { display: block; padding: 100px 0 0; margin: 0; font-weight: 300; font-size: 14px; font-family: TedNext, Helvetica, sans-serif; color: #414042; } @media (max-width: 959px) and (min-width: 770px) { .ute-dca { padding: 89px 0 0; } } @media (max-width: 769px) { .ute-dca { padding: 0; } } .ute-dca h1, .ute-dca h2, .ute-dca h3, .ute-dca h4, .ute-dca h5, .ute-dca h6 { font-family: TedNext, Helvetica, sans-serif; font-weight: 600; margin: 0; padding: 0; } .ute-dca h1 { font-size: 44px; } .ute-dca .dca-content { z-index: 2; } .ute-dca .container { margin: 0 auto; } .ute-dca p { font-size: 14px; font-weight: 400; } .ute-dca a { text-decoration: none; font-size: 14px; cursor: pointer; font-weight: 400; } .ute-dca a:hover { text-decoration: underline; } .ute-dca a:focus, .ute-dca button:focus, .ute-dca input:focus, .ute-dca *[tabindex="0"]:focus, .ute-dca *[role="button"]:focus { outline: 2px solid !important; outline: auto -webkit-focus-ring-color !important; outline-color: rgba(10, 84, 152, 0.4) !important; } .ute-dca .no-padding { padding: 0 !important; } .ute-dca .no-margin { margin: 0 !important; } .ute-dca .no-border { border: 0 !important; } .ute-dca .ute-icon-twitter-alt, .ute-dca .rui-icon-twitter-alt { color: #00ACEE; } .ute-dca .ute-icon-facebook, .ute-dca .rui-icon-facebook { color: #3b5999; } .ute-dca .ute-icon-linkedin, .ute-dca .rui-icon-linkedin { color: #1B86BC; } .ute-dca .ute-icon-logo, .ute-dca .rui-icon-logo { color: #DA291C; } .ute-dca .section-header, .ute-dca .rui-heading { background-color: transparent; position: relative; margin: 1em 0; clear: both; } .ute-dca .section-header:before, .ute-dca .rui-heading:before { background-color: transparent; } .ute-dca .section-header h2, .ute-dca .section-header h3, .ute-dca .rui-heading h2, .ute-dca .rui-heading h3 { margin: 0; font-size: 2.6rem; font-weight: 400; background-color: transparent; padding: 10px 0 0 0; } .ute-dca .section-header h1, .ute-dca .section-header h4, .ute-dca .section-header h5, .ute-dca .rui-heading h1, .ute-dca .rui-heading h4, .ute-dca .rui-heading h5 { font-weight: 400; } .ute-dca .fixed { position: fixed; } .ute-dca .margin-top-20 { margin-top: 20px; } .ute-dca .margin-bottom-20 { margin-bottom: 20px; } .ute-dca .ute-btn-secondary.unison-sign-in { font-size: 14px; width: auto; margin: 10px 0 25px; } @media (max-width: 1200px) { .ute-dca .ute-btn-secondary.unison-sign-in { padding: 10px; } } @media (max-width: 769px) { .ute-dca .ute-btn-secondary.unison-sign-in { width: 100%; margin-top: 0; } } .ute-dca .ute-btn-secondary.unison-sign-in span { width: auto; max-width: 340px; white-space: initial; overflow: hidden; } .ute-dca .ute-btn-secondary.unison-sign-in:before { content: "\e85d"; font-family: "rui-icon" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; -webkit-font-smoothing: antialiased; margin: 0 15px 0 0; } .ute-dca .ute-btn-secondary.unison-sign-in + .row > .col-xs-12.col-sm-4.col-md-4 { width: 100%; } .ute-dca .dca-footnote { margin: 0 0 30px; } .ute-dca .dca-footnote:after { content: ""; display: table; clear: both; } .ute-dca .dca-footnote ul { list-style: none; margin: 0; padding: 0; } .ute-dca .dca-footnote ul li { font-size: 12px; line-height: 16px; margin: 10px 0; } .ute-dca .ute-link-tertiary { font-size: 14px; font-weight: 400; } .ute-dca .terms-conditions.ute-link-tertiary { font-size: 14px; font-weight: 400; } .ute-dca .info-bubble { position: relative; display: inline-block; } @media (max-width: 767px) { .ute-dca .info-bubble { position: static; } } .ute-dca .info-bubble .rui-icon-info-v2 { color: #00aec7; font-size: 14px; cursor: pointer; } .ute-dca .info-bubble .rui-icon-info-v2:hover + .info-bubble-content { display: block; } .ute-dca .info-bubble .info-bubble-content { display: none; position: absolute; z-index: 1; background: #00aec7; color: #fff; font-size: 12px; padding: 10px 20px; width: auto; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .ute-dca .info-bubble .info-bubble-content ul { margin: 0; padding: 0 0 0 15px; } @media (max-width: 992px) { .ute-dca .container { width: 100%; } } @media (max-width: 769px) { /* html, body { overflow-x: hidden; -webkit-overflow-scrolling: touch; }*/ body { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #414042; } .ute-dca .ls-canvas { overflow: hidden; width: 100%; max-width: 100%; height: auto; max-height: 100%; -webkit-overflow-scrolling: touch; } .ute-dca .container { width: 100%; } .ute-dca .rui-heading h2 { padding: 0.2em 0 !important; } .ute-dca[data-hasmagiclens="true"] .ls-canvas { padding-top: 76px; } .ute-dca[data-hasmagiclens="true"].remove-lens-padding { padding-top: 0; } .ute-dca[data-hasmagiclens="true"].remove-lens-padding .ls-canvas { padding-top: 0; } .ute-dca[data-hasmagiclens="false"] .ls-canvas { padding-top: 40px; } .ute-dca[data-hasmagiclens="false"].remove-lens-padding { padding-top: 0; } .ute-dca[data-hasmagiclens="false"].remove-lens-padding .ls-canvas { padding-top: 0; } } @media (max-width: 600px) { .ute-dca .container { width: 100%; } } .ute-dca .dca-header { display: block; position: absolute; top: 0; left: 0; z-index: 1049; width: 100%; line-height: 1.8rem; border-bottom: 1px solid #eeeeee; } .ute-dca .dca-header:after { content: ""; display: table; clear: both; } @media (max-width: 767px) { .ute-dca .dca-header { position: relative; } } .ute-dca .dca-header .rui-mobile-toggle { display: none; } .ute-dca .dca-header.fixed { position: fixed; top: -35px; } .ute-dca .dca-header.fixed.android { margin-top: 0; top: 0px; } .ute-dca .dca-header.fixed.android.bss-legacy { top: 0; } .ute-dca .dca-header .menu-right-container { position: absolute; right: 15%; } .ute-dca .dca-header .menu-right-container .nav-sub-menu { right: initial; top: 35px; } .ute-dca .dca-header .log-in-mobile { display: none; } .ute-dca .dca-header .brand-logo { display: block; visibility: visible; /* background-color: #da291c; */ background-size: 85%; background-repeat: no-repeat; background-position: center center; background-image: url("/cms/common/dca/images/rogers-for-business-desktop-en.png"); /** dso-28645 changes**/ padding: 45px 0; float: left; text-indent: -9999px; /** dso-28645 changes**/ width: 22rem; height: 5.8rem; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; } .ute-dca .dca-header ul.nav-link-set { display: block; margin: 0; padding: 0; position: relative; list-style: none; } .ute-dca .dca-header ul.nav-link-set:after { content: ""; display: table; clear: both; } .ute-dca .dca-header ul.nav-link-set.main-nav { margin-left: 23px; /** dso-28645 changes **/ margin-top: 14px; } @media (max-width: 1200px) { .ute-dca .dca-header ul.nav-link-set.main-nav { margin-left: 0; } } .ute-dca .dca-header ul.nav-link-set .selected { font-weight: 600; position: relative; } .ute-dca .dca-header ul.nav-link-set .selected:before { content: "\ . "; font-size: 17px; position: absolute; margin: 0; top: -5px; left: 0; display: inline-block; } .ute-dca .dca-header ul.nav-link-set li { float: left; } .ute-dca .dca-header ul.nav-link-set li:first-child { padding-left: 0; } .ute-dca .dca-header ul.nav-link-set li a { cursor: pointer; padding: 0 15px 0 10px; color: black; font-size: 1.2rem; font-weight: 400; display: block; line-height: 35px; } .ute-dca .dca-header ul.nav-link-set li a:before { display: none; } .ute-dca .dca-header ul.nav-link-set li span { font-size: 1.2rem; font-weight: 400; width: 90%; display: inline-block; margin: 0; } .ute-dca .dca-header ul.nav-link-set li span:empty { margin: 0; display: none; } .ute-dca .dca-header ul.nav-link-set li[data-handler="Home"], .ute-dca .dca-header ul.nav-link-set li[data-handler="menu7_en"], .ute-dca .dca-header ul.nav-link-set li[data-handler="menu7_fr"] { display: none; } .ute-dca .dca-header .dca-secondary-nav { display: block; background-color: #da291c; padding: 0; min-height: 35px; width: 100%; } .ute-dca .dca-header .dca-secondary-nav:after { content: ""; display: table; clear: both; } .ute-dca .dca-header .dca-secondary-nav a { color: white; } .ute-dca .dca-header .dca-secondary-nav span { font-weight: 900; } .ute-dca .dca-header .dca-secondary-nav .log-in { font-size: 1.2rem; font-weight: 400; display: block; position: relative; width: auto; white-space: nowrap; } .ute-dca .dca-header .dca-secondary-nav .log-in span { width: auto; } .ute-dca .dca-header .dca-secondary-nav .log-in .rui-icon-lock-v2 { margin-right: 2px; font-size: 1.6rem; } .ute-dca .dca-header .dca-secondary-nav .search-section { position: absolute; display: inline-block; margin: 3px 0 0; right: 0; } .ute-dca .dca-header .dca-secondary-nav .search-section .input-search { border-radius: 3px; border: 0; font-size: 1.2rem; color: black; padding: 3px 8px; width: 100%; min-width: 180px; max-width: 200px; } .ute-dca .dca-header .dca-secondary-nav .search-section i { color: #da291c; position: absolute; right: 5px; top: 3px; -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -o-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); -ms-filter: fliph; /*IE*/ -webkit-filter: fliph; filter: fliph; /*IE*/ } .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set > li a, .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set > li span { color: white; } .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set > li:nth-last-child(2) { margin-left: 42%; } .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set > li a.log-in:before { content: ""; } .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set > li.user-logged-in { margin-left: 0; } .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set > li.user-logged-in .log-in { position: absolute; right: 17%; top: 10px; } .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set > li.has-sub > a { line-height: 32px; } .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set > li.has-sub > a:after { content: '\e826'; font-family: rogers-icon; font-size: 0.8em; font-weight: normal; color: white; display: inline-block; right: 6px; top: 0; position: absolute; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set > li.has-sub a.log-in { padding-right: 25px; } .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set > li.has-sub a.log-in:after { margin-right: 8px; } .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set > li.has-sub:hover > a, .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set > li.has-sub.active > a { border-bottom: 3px solid white; text-decoration: none; } .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set > li.has-sub:hover .nav-sub-menu, .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set > li.has-sub.active .nav-sub-menu { display: block; } .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set .nav-sub-menu { margin: 0; } .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set .nav-sub-menu li a { white-space: nowrap; } .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set .nav-sub-menu li a:before { content: ''; } .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set .nav-sub-menu li a:after { content: "\e826"; font-family: "rui-icon" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #da291c; font-size: 11px; } #dca-primary-nav > div > div > div > ul.nav-link-set.float-right.call-care-quote > li:nth-child(2) > div{ display: none; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li:nth-child(2) > a:after { content: "" !important; } .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set .nav-sub-menu li a:hover { text-decoration: underline; } .ute-dca .dca-header .dca-secondary-nav .call-care { margin: 0 0 0 15px; height: 35px; line-height: 35px; } .ute-dca .dca-header .dca-secondary-nav .call-care .care-label { font-weight: 900; margin: 0 0 0 15px; } .ute-dca .dca-header .dca-secondary-nav .call-care span { display: inline; } .ute-dca .dca-header .dca-secondary-nav .nav-sub-menu { position: absolute; display: none; background: white; z-index: 12; min-width: 200px; border-radius: 0 0 8px 8px; border: 1px solid #bbbdc0; padding: 15px; margin: 10px auto 0; -webkit-box-shadow: 3px 3px 10px #bbbdc0; -moz-box-shadow: 3px 3px 10px #bbbdc0; box-shadow: 3px 3px 10px #bbbdc0; } .ute-dca .dca-header .dca-secondary-nav .nav-sub-menu .nav-care-lbl { font-size: 1.6rem; margin: 0 0 0 15px; } .ute-dca .dca-header .dca-secondary-nav .nav-sub-menu ul { margin: 0 0 0 15px; padding: 0; } .ute-dca .dca-header .dca-secondary-nav .nav-sub-menu ul li { list-style-type: none; float: none; clear: both; } .ute-dca .dca-header .dca-secondary-nav .nav-sub-menu ul li a { color: black; } .ute-dca .dca-header .dca-primary-nav { background: white; /*li[data-handler="Home"], li[data-handler="home"], &[data-handler="menu7_en"], &[data-handler="menu7_fr"]{ display:none; @media (max-width: 767px) { display:block; } }*/ } .ute-dca .dca-header .dca-primary-nav:after { content: ""; display: table; clear: both; } .ute-dca .dca-header .dca-primary-nav .nav-section-left .nav-link-set { margin-left: 35px; float: left; } .ute-dca .dca-header .dca-primary-nav .call-care-quote { margin: 0 0 0 15px; } .ute-dca .dca-header .dca-primary-nav .call-care-quote li { position: relative; } .ute-dca .dca-header .dca-primary-nav .call-care-quote li a { margin: 0 20px 0 0; padding: 0 18px 0 40px; position: relative; } .ute-dca .dca-header .dca-primary-nav .call-care-quote li a:last-child { margin: 0; } .ute-dca .dca-header .dca-primary-nav .call-care-quote li a.nav-care-hilite { padding: 0; } .ute-dca .dca-header .dca-primary-nav .call-care-quote li i { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; font-family: "rui-icon" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; font-size: 1.7rem; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; color: #00aec7; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .ute-dca .dca-header .dca-primary-nav .call-care-quote li:hover a { border-bottom-color: #00aec7; } .ute-dca .dca-header .dca-primary-nav .call-care-quote li:hover a:after { /*color: $ute-color-18;*/ } .ute-dca .dca-header .dca-primary-nav .call-care-quote li[data-handler="Help & Support"] .row, .ute-dca .dca-header .dca-primary-nav .call-care-quote li[data-handler="menu6_en"] .row, .ute-dca .dca-header .dca-primary-nav .call-care-quote li[data-handler="menu6_fr"] .row { padding-bottom: 0; } .ute-dca .dca-header .dca-primary-nav .call-care-quote li[data-handler="Help & Support"] .nav-care-lbl, .ute-dca .dca-header .dca-primary-nav .call-care-quote li[data-handler="menu6_en"] .nav-care-lbl, .ute-dca .dca-header .dca-primary-nav .call-care-quote li[data-handler="menu6_fr"] .nav-care-lbl { line-height: 20px; font-weight: 600; font-size: 16px; margin: 0 10px; margin-bottom: 5px; white-space: nowrap; } .ute-dca .dca-header .dca-primary-nav .call-care-quote li[data-handler="Help & Support"] a.nav-care-lbl, .ute-dca .dca-header .dca-primary-nav .call-care-quote li[data-handler="menu6_en"] a.nav-care-lbl, .ute-dca .dca-header .dca-primary-nav .call-care-quote li[data-handler="menu6_fr"] a.nav-care-lbl { display: block !important; } .ute-dca .dca-header .dca-primary-nav .call-care-quote li[data-handler="Help & Support"] a.nav-care-lbl:first-child, .ute-dca .dca-header .dca-primary-nav .call-care-quote li[data-handler="menu6_en"] a.nav-care-lbl:first-child, .ute-dca .dca-header .dca-primary-nav .call-care-quote li[data-handler="menu6_fr"] a.nav-care-lbl:first-child { font-size: 16px; } .ute-dca .dca-header .dca-primary-nav .call-care-quote li[data-handler="Help & Support"] a.nav-care-lbl:after, .ute-dca .dca-header .dca-primary-nav .call-care-quote li[data-handler="menu6_en"] a.nav-care-lbl:after, .ute-dca .dca-header .dca-primary-nav .call-care-quote li[data-handler="menu6_fr"] a.nav-care-lbl:after { content: "\e826"; font-family: "rui-icon" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #da291c; font-size: 11px; margin-left: 5px; } .ute-dca .dca-header .dca-primary-nav .call-care-quote li[data-handler="Help & Support"] h5.nav-care-lbl, .ute-dca .dca-header .dca-primary-nav .call-care-quote li[data-handler="menu6_en"] h5.nav-care-lbl, .ute-dca .dca-header .dca-primary-nav .call-care-quote li[data-handler="menu6_fr"] h5.nav-care-lbl { display: none !important; } .ute-dca .dca-header .dca-primary-nav .call-care-quote li[data-handler="Help & Support"] ul:empty, .ute-dca .dca-header .dca-primary-nav .call-care-quote li[data-handler="menu6_en"] ul:empty, .ute-dca .dca-header .dca-primary-nav .call-care-quote li[data-handler="menu6_fr"] ul:empty { margin: 0; display: none; } .ute-dca .dca-header .dca-primary-nav .call-care-quote li[data-handler="Home"] .rui-icon-generic-message:before, .ute-dca .dca-header .dca-primary-nav .call-care-quote li[data-handler="menu7_en"] .rui-icon-generic-message:before, .ute-dca .dca-header .dca-primary-nav .call-care-quote li[data-handler="menu7_fr"] .rui-icon-generic-message:before { content: "\ea2f"; } .ute-dca .dca-header .dca-primary-nav .call-care-quote li[data-handler="Request Quote"] .rui-icon-generic-message:before, .ute-dca .dca-header .dca-primary-nav .call-care-quote li[data-handler="menu8_en"] .rui-icon-generic-message:before, .ute-dca .dca-header .dca-primary-nav .call-care-quote li[data-handler="menu8_fr"] .rui-icon-generic-message:before { content: "\e90e"; } .ute-dca .dca-header .dca-primary-nav .call-care-quote li[data-handler="Request Quote"] a, .ute-dca .dca-header .dca-primary-nav .call-care-quote li[data-handler="menu8_en"] a, .ute-dca .dca-header .dca-primary-nav .call-care-quote li[data-handler="menu8_fr"] a { margin-right: 0; padding: 0; } .ute-dca .dca-header .dca-primary-nav .call-care-quote li[data-handler="Request Quote"] a:after, .ute-dca .dca-header .dca-primary-nav .call-care-quote li[data-handler="menu8_en"] a:after, .ute-dca .dca-header .dca-primary-nav .call-care-quote li[data-handler="menu8_fr"] a:after { content: "" !important; } .ute-dca .dca-header .dca-primary-nav .call-care-quote li[data-handler="Request Quote"]:hover > a, .ute-dca .dca-header .dca-primary-nav .call-care-quote li[data-handler="menu8_en"]:hover > a, .ute-dca .dca-header .dca-primary-nav .call-care-quote li[data-handler="menu8_fr"]:hover > a { border-color: white; } .ute-dca .dca-header .dca-primary-nav .call-care-quote li[data-handler="menu_breadcrumb"] { display: none; } .ute-dca .dca-header .dca-primary-nav .nav-link-set a { display: inline-block; position: relative; font-size: 14px; font-weight: 400; } @media (max-width: 767px) { .ute-dca .dca-header .dca-primary-nav .nav-link-set a { font-size: 16px; } } .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav > li, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li { height: 62px; position: relative; border-bottom: solid 3px white; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav > li { display: table; margin-right: 10px; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav > li:hover { border-color: #da291c; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li:not([data-handler="menu7_en"]):not([data-handler="menu7_fr"]):not([data-handler="menu_breadcrumb"]) { display: table; padding-left: 20px; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li:not([data-handler="menu7_en"]):not([data-handler="menu7_fr"]):not([data-handler="menu_breadcrumb"]):not([data-handler="menu6_en"]):not([data-handler="menu6_fr"]) { margin-right: 10px; } @media (max-width: 769px) { .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li[data-handler="menu5_en"], .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li[data-handler="menu5_fr"] { display: block !important; margin: 0 !important; padding: 0 !important; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li[data-handler="menu6_en"], .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li[data-handler="menu6_fr"], .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li[data-handler="menu_breadcrumb"] { display: none !important; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav > li, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li { border-top: 1px solid #bbbdc0; display: block; margin: 0; border-bottom: 1px solid transparent; /*&:last-child{ &:after { content: ""; } }*/ } .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav > li:after, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li:after { content: " + "; position: absolute; top: 10px; right: 10px; font-size: 28px; font-weight: 400; z-index: 0; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav > li:hover { border-top: 1px solid #bbbdc0; border-bottom: 1px solid transparent; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav > li:last-child, .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav > li:hover:last-child, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li:last-child { border-bottom: 1px solid #bbbdc0; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav > li.mobile-open:after, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li.mobile-open:after { content: " _ "; font-weight: 400; top: 0; } } @media (max-width: 767px) { .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav > li[data-handler="menu8_en"]:after, .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav > li[data-handler="menu8_fr"]:after, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li[data-handler="menu8_en"]:after, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li[data-handler="menu8_fr"]:after { content: ""; } } .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav > li > a, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li > a { height: 62px; line-height: 1.3; text-align: center; border-bottom: none !important; font-weight: 600; padding: 0 15px 0 0; max-width: 155px; white-space: initial; overflow: visible; display: table-cell; vertical-align: middle; text-decoration: none !important; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav > li > a:before, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li > a:before { display: block; content: attr(title); font-weight: 600; height: 1px; color: transparent; overflow: hidden; visibility: hidden; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav > li > a:after { content: '\e826'; font-family: rogers-icon; font-size: 10px; font-weight: normal; color: #414042; display: inline-block; right: 3px; width: 7px; top: 47%; position: absolute; -webkit-transform-origin: 50%; -moz-transform-origin: 50%; -ms-transform-origin: 50%; -o-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(90deg) translateX(-50%); -moz-transform: rotate(90deg) translateX(-50%); -ms-transform: rotate(90deg) translateX(-50%); -o-transform: rotate(90deg) translateX(-50%); transform: rotate(90deg) translateX(-50%); } @media (max-width: 769px) { .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav > li > a:after, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li > a:after { top: 2px; } } .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav > li:hover > a:after, .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav > li.active > a:after, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li:hover > a:after, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li.active > a:after { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); text-shadow: none; color: #da291c; /* red */ right: 2px; top: 39%; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav > li:hover .nav-sub-menu, .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav > li.active .nav-sub-menu, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li:hover .nav-sub-menu, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li.active .nav-sub-menu { display: block; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote { margin: 14px 0 0 20px; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li a { margin: 0 10px 0 25px; padding: 0 18px 0 0; font-size: 12px; border: none; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li:hover { border-color: #00aec7; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li:hover > a { border: 0; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li:hover > a:after { color: #00aec7; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li[data-handler="menu5_en"]:after, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li[data-handler="menu5_fr"]:after { content: ""; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li[data-handler="Request Quote"]:hover > a, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li[data-handler="menu8_en"]:hover > a, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li[data-handler="menu8_fr"]:hover > a { border-color: white; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote .nav-sub-menu { padding: 15px; } .ute-dca .dca-header .dca-primary-nav .nav-sub-menu { position: absolute; top: 65px; left: 0; display: none; border: 1px solid #bbbdc0; padding: 15px 10px 0; margin: 0 0 0 12px; border-radius: 0 0 8px 8px; background: white; font-size: 1.2rem; min-width: 230px; -webkit-box-shadow: 3px 3px 10px #bbbdc0; -moz-box-shadow: 3px 3px 10px #bbbdc0; box-shadow: 3px 3px 10px #bbbdc0; } .ute-dca .dca-header .dca-primary-nav .nav-sub-menu:after { content: ""; display: table; clear: both; } .ute-dca .dca-header .dca-primary-nav .nav-sub-menu.show { display: block; } .ute-dca .dca-header .dca-primary-nav .nav-sub-menu ul { list-style: none; padding: 0 0 0 30px; margin: -10px 0 20px 8px; } .ute-dca .dca-header .dca-primary-nav .nav-sub-menu ul li { display: block; float: none; clear: both; } .ute-dca .dca-header .dca-primary-nav .nav-sub-menu ul li > a { margin-left: 0 !important; } .ute-dca .dca-header .dca-primary-nav .nav-sub-menu h5, .ute-dca .dca-header .dca-primary-nav .nav-sub-menu h4 > a, .ute-dca .dca-header .dca-primary-nav .nav-sub-menu h5 > a { margin: 0; font-size: 16px; font-weight: 400; white-space: nowrap; color: #414042; text-transform: capitalize; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); width: auto; max-width: 230px; white-space: initial; overflow: hidden; } @media (max-width: 767px) { .ute-dca .dca-header .dca-primary-nav .nav-sub-menu h5, .ute-dca .dca-header .dca-primary-nav .nav-sub-menu h4 > a, .ute-dca .dca-header .dca-primary-nav .nav-sub-menu h5 > a { font-size: 14px; } } .ute-dca .dca-header .dca-primary-nav .nav-sub-menu h4 { display: block; } .ute-dca .dca-header .dca-primary-nav .nav-sub-menu h4 a { display: block; margin: 0 !important; padding: 0 !important; font-size: 16px !important; font-weight: 600; white-space: nowrap; text-transform: capitalize; color: #414042; line-height: initial; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); width: auto; max-width: 200px; white-space: initial; overflow: hidden; } @media (max-width: 767px) { .ute-dca .dca-header .dca-primary-nav .nav-sub-menu h4 a { font-size: 14px; } } .ute-dca .dca-header .dca-primary-nav .nav-sub-menu .col-md-9 h5:after, .ute-dca .dca-header .dca-primary-nav .nav-sub-menu .col-md-9 h4 a:after, .ute-dca .dca-header .dca-primary-nav .nav-sub-menu .col-md-12 h5:after, .ute-dca .dca-header .dca-primary-nav .nav-sub-menu .col-md-12 h4 a:after { content: "\e826"; font-family: "rui-icon" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #da291c; font-size: 11px; margin-left: 5px; } .ute-dca .dca-header .dca-primary-nav .nav-sub-menu .nav-sub-menu-list { padding: 10px 0 0 10px; } .ute-dca .dca-header .dca-primary-nav .nav-sub-menu .nav-sub-menu-list li { line-height: 30px; height: 30px; } .ute-dca .dca-header .dca-primary-nav .nav-sub-menu .nav-sub-menu-list li a { font-size: 1.6rem; } .ute-dca .dca-header .dca-primary-nav .nav-sub-menu .nav-sub-menu-list li a:after { content: "\ >"; font-size: 1.6rem; color: black; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } .ute-dca .dca-header .dca-primary-nav .nav-sub-menu .nav-sub-row { width: 100%; padding: 15px 0; position: relative; clear: both; border-bottom: 1px solid #bbbdc0; } .ute-dca .dca-header .dca-primary-nav .nav-sub-menu .nav-sub-row:after { content: ""; display: table; clear: both; } .ute-dca .dca-header .dca-primary-nav .nav-sub-menu .nav-sub-row i { font-size: 1.8rem; position: absolute; top: 10px; left: 0; } .ute-dca .dca-header .dca-primary-nav .nav-sub-menu .nav-sub-row .float-left { margin-left: 28px; } .ute-dca .dca-header .dca-primary-nav .nav-sub-menu .nav-sub-row .nav-care-hilite { color: #0a5498; font-weight: 400; font-size: 1.8rem; margin: 0; } .ute-dca .dca-header .dca-primary-nav .nav-sub-menu .nav-sub-row .nav-care-hilite.care-num { font-size: 1.2rem; } .ute-dca .dca-header .dca-primary-nav .nav-sub-menu .nav-sub-row a { height: auto; line-height: 1.8rem; border-bottom: 0; } .ute-dca .dca-header .dca-primary-nav .nav-sub-menu .nav-sub-row a:after { content: ''; } .ute-dca .dca-header .dca-primary-nav .nav-sub-menu .nav-sub-row a:hover { text-shadow: none; border-bottom: 0; } .ute-dca .dca-header .dca-primary-nav .nav-sub-menu .nav-sub-row .nav-care-lbl { text-transform: uppercase; font-weight: 400; font-size: 1.8rem; margin: 0; padding: 0; } .ute-dca .dca-header .dca-primary-nav .nav-sub-menu .nav-sub-row .nav-sub-col { width: 44%; float: left; padding: 10px 16px 30px 0; position: relative; } .ute-dca .dca-header .dca-primary-nav .nav-sub-menu .nav-sub-row .nav-sub-col.col1 { border-right: 1px solid #bbbdc0; } .ute-dca .dca-header .dca-primary-nav .nav-sub-menu .nav-sub-row .nav-sub-col.col1 i { font-size: 2.6rem; top: 10px; } .ute-dca .dca-header .dca-primary-nav .nav-sub-menu .nav-sub-row .nav-sub-col.col2 { padding: 10px 0 30px 16px; } .ute-dca .dca-header .dca-primary-nav .nav-sub-menu .nav-sub-row .nav-sub-col.col2 i { font-size: 2.6rem; left: 10px; top: 5px; } .ute-dca .dca-header .dca-primary-nav .nav-sub-menu .nav-sub-row:last-child { border-bottom: 0; } .ute-dca .dca-header .dca-primary-nav .main-nav > li a[id="main-nav-item-1"] + .nav-sub-menu .column a, .ute-dca .dca-header .dca-primary-nav .main-nav > li a[id="main-nav-item-2"] + .nav-sub-menu .column a, .ute-dca .dca-header .dca-primary-nav .main-nav > li a[id="main-nav-item-3"] + .nav-sub-menu .column a { font-weight: 600; } .ute-dca .dca-header .dca-primary-nav .main-nav > li a[id="main-nav-item-1"] + .nav-sub-menu .column > a, .ute-dca .dca-header .dca-primary-nav .main-nav > li a[id="main-nav-item-2"] + .nav-sub-menu .column > a, .ute-dca .dca-header .dca-primary-nav .main-nav > li a[id="main-nav-item-3"] + .nav-sub-menu .column > a { font-weight: 600; } @media (max-width: 767px) { .ute-dca .dca-header .dca-primary-nav .main-nav > li a[id="main-nav-item-1"] + .nav-sub-menu .column > a, .ute-dca .dca-header .dca-primary-nav .main-nav > li a[id="main-nav-item-2"] + .nav-sub-menu .column > a, .ute-dca .dca-header .dca-primary-nav .main-nav > li a[id="main-nav-item-3"] + .nav-sub-menu .column > a { width: 96%; } } .ute-dca .dca-header .dca-primary-nav .main-nav > li a[id="main-nav-item-1"] + .nav-sub-menu .column:first-child a, .ute-dca .dca-header .dca-primary-nav .main-nav > li a[id="main-nav-item-2"] + .nav-sub-menu .column:first-child a, .ute-dca .dca-header .dca-primary-nav .main-nav > li a[id="main-nav-item-3"] + .nav-sub-menu .column:first-child a { font-weight: 600; } .ute-dca .dca-header .dca-primary-nav .main-nav > li a[id="main-nav-item-4"] + .nav-sub-menu { width: auto !important; /* min-width: 400px !important; */ } .ute-dca .dca-header .dca-primary-nav .main-nav > li a[id="main-nav-item-4"] + .nav-sub-menu .column { padding: 0 0 0 11px; position: relative; } @media (max-width: 767px) { .ute-dca .dca-header .dca-primary-nav .main-nav > li a[id="main-nav-item-4"] + .nav-sub-menu .column { margin-left: -15px !important; } } /* .ute-dca .dca-header .dca-primary-nav .main-nav > li a[id="main-nav-item-4"] + .nav-sub-menu .column:first-child:before { content: '\e96f'; font-family: "rui-icon" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; -webkit-font-smoothing: antialiased; font-size: 18px; color: #414042; position: absolute; top: 3px; left: 0; } */ .ute-dca .dca-header .dca-primary-nav .main-nav > li a[id="main-nav-item-4"] + .nav-sub-menu .column:nth-child(2):before { /*content: "\e828";*/ font-family: "rui-icon" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; -webkit-font-smoothing: antialiased; font-size: 18px; color: #414042; position: absolute; top: 3px; left: 0; } .ute-dca .dca-header .dca-primary-nav .main-nav > li a[id="main-nav-item-4"] + .nav-sub-menu .column:nth-child(3):before { /*content: "\e970";*/ font-family: "rui-icon" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; -webkit-font-smoothing: antialiased; font-size: 18px; color: #414042; position: absolute; top: 3px; left: 0; } .ute-dca .dca-header .dca-primary-nav .main-nav > li a[id="main-nav-item-4"] + .nav-sub-menu .column h5 + span { margin: 0 0 15px 14px; /* display: inline-block; */ font-size: 12px; font-weight: 400; color: #000; line-height: 18px; } .ute-dca .dca-header .dca-primary-nav .main-nav > li a[id="main-nav-item-4"] + .nav-sub-menu .column .nav-care-lbl { white-space: nowrap; margin-left: 14px; margin-bottom: 0; font-weight: 600; font-size: 17px; } @media (max-width: 769px) { .ute-dca .dca-header .dca-primary-nav .main-nav > li a[id="main-nav-item-4"] + .nav-sub-menu .column .nav-care-lbl { white-space: normal; width: 80%; font-size: 14px; } } @media (max-width: 769px) { .ute-dca .dca-header .dca-primary-nav .main-nav > li a[id="main-nav-item-4"] + .nav-sub-menu .column:last-child h5 + span { margin-bottom: 0; } } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu { width: 100%; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .row { width: 100%; display: block; position: relative; margin: 0 0 15px; } @media (max-width: 769px) { .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .row { margin: 0; } } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .row .col-md-4, .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .row .col-md-3, .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .row .col-md-6, .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .row .col-md-12 { display: inline-block; float: left; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .row .col-md-4 span, .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .row .col-md-3 span, .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .row .col-md-6 span, .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .row .col-md-12 span { font-weight: normal; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .row .col-md-4 ul, .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .row .col-md-3 ul, .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .row .col-md-6 ul, .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .row .col-md-12 ul { padding: 0 18px 0 20px; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .row .col-md-4 ul:empty, .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .row .col-md-3 ul:empty, .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .row .col-md-6 ul:empty, .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .row .col-md-12 ul:empty { display: none; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .row .col-md-4 ul li a, .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .row .col-md-3 ul li a, .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .row .col-md-6 ul li a, .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .row .col-md-12 ul li a { height: auto; line-height: 1.6rem; font-size: 1.6rem; font-weight: 400; padding: 5px 10px 10px 0; border-bottom: 0; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .row .col-md-4 ul li a:after, .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .row .col-md-3 ul li a:after, .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .row .col-md-6 ul li a:after, .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .row .col-md-12 ul li a:after { content: "\ >"; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); top: 4px; right: 0; font-size: 1.6rem; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .row .col-md-4 ul li a:hover, .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .row .col-md-3 ul li a:hover, .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .row .col-md-6 ul li a:hover, .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .row .col-md-12 ul li a:hover { font-weight: normal; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .row .col-md-4 ul li:hover > a, .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .row .col-md-3 ul li:hover > a, .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .row .col-md-6 ul li:hover > a, .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .row .col-md-12 ul li:hover > a { border-bottom: 0; font-weight: normal; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .row .promo-section h5 { font-size: 14px; margin: 0 0 10px; font-weight: 400; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .row .promo-section h5.nav-promo-hdr:empty { display: none; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .row .promo-section span { font-size: 13px; font-weight: 400; line-height: 20px; margin: 0; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .row .promo-section a { display: block; width: auto; padding: 0; margin: 10px 0 0; line-height: 18px; height: auto; text-align: left; color: #0a5498; font-size: 13px; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .row .promo-section a:after { content: ""; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .row .promo-section .promo-img-holder { overflow: hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; min-height: 120px; margin: 5px auto 0; background: transparent; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .row .promo-section .promo-img-holder a { margin: 0 0 20px; line-height: 0; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .row .promo-section .promo-img-holder a img { width: 100%; height: auto; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .column { float: left; padding-bottom: 10px;} /*Added padding for DSO-26445*/ .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .column a.nav-care-lbl { display: block; font-size: 16px; font-weight: 400; color: #000; margin: 0; padding: 0; position: relative; line-height: 23px; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .column a.nav-care-lbl:after { content: "\e826"; font-family: "rui-icon" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #da291c; font-size: 11px; position: absolute; right: initial; top: inherit; margin: 0 0 0 5px; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .column h5.nav-care-lbl { display: none; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .column h5.nav-care-lbl + span { font-weight: 400; color: #000; line-height: 18px; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .column ul { padding: 0; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .column ul:empty { margin: 0; display: none; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .column ul li { border: 0; margin-bottom: 5px; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .column ul li a { height: auto; line-height: 1.3; text-align: left; width: 100%; font-size: 14px; position: relative; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .column ul li a:after { /*content:"\ > "; @include rotate(0deg); color:$ute-color-25; position: absolute; right: initial; top: inherit; margin: 0 0 0 5px;*/ } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .column ul li a:hover { text-decoration: underline; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .column ul li a:hover:after { text-decoration: none; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .column ul li a + span { font-size: 12px; font-weight: 400; line-height: 18px; color: #808284; margin: 0 0 15px 10px; display: none; } @media (max-width: 767px) { .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .column ul li a + span { margin-left: 0; line-height: 16px; } } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .column ul li:hover > a { border-color: transparent; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .column.nested-links ul { margin: 5px 0 0; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .column.nested-links a.nav-care-lbl { display: block; font-size: 17px; font-weight: 600; color: black; margin: 0; padding: 0; line-height: 23px; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .column.nested-links a.nav-care-lbl:after { content: "\e826"; font-family: "rui-icon" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #da291c; font-size: 11px; } @media (max-width: 769px) { .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .column.nested-links a.nav-care-lbl { font-size: 14px; line-height: initial; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .column.nested-links a.nav-care-lbl:after { margin-top: 4px; } } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .column.nested-links h5.nav-care-lbl { display: none; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .column.nested-links h5.nav-care-lbl + span { font-size: 12px; font-weight: 400; color: #000; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu .promo-section { width: 100%; max-width: 296px; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-has-promo="false"] .col-md-9 { width: 100%; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-has-promo="false"] .col-md-3 { width: 0; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="1"] { /*.column:first-child{ > a{ font-size:$dca-font-size-14; @media (max-width: 767px) { font-size:$dca-font-size-14; } } }*/ } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="1"] a.nav-care-lbl { display: block !important; height: auto; line-height: 20px; text-align: left; border-bottom: 0; margin-bottom: 5px; font-weight: 600; font-size: 17px; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="1"] a.nav-care-lbl:hover { text-shadow: none; border-bottom: 0; text-decoration: underline; color: #414042; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="1"] h5.nav-care-lbl { display: none; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="1"] .column > a { font-size: 16px; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="1"][data-has-promo="false"] { width: calc( 296px * 1); max-width: 1170px; } @media (max-width: 767px) { .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="1"][data-has-promo="false"] { width: calc( 186px * 1); } } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="1"][data-has-promo="false"] .column { width: 100%; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="2"][data-has-promo="false"] { width: calc( 296px * 2); max-width: 1170px; } @media (max-width: 767px) { .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="2"][data-has-promo="false"] { width: calc( 186px * 2); } } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="2"][data-has-promo="false"] .column { width: 50%; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="3"][data-has-promo="false"] { width: calc( 296px * 3); max-width: 1170px; } @media (max-width: 767px) { .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="3"][data-has-promo="false"] { width: calc( 186px * 3); } } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="3"][data-has-promo="false"] .column { width: 33.33333%; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="4"][data-has-promo="false"] { width: calc( 296px * 4); max-width: 1170px; } @media (max-width: 767px) { .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="4"][data-has-promo="false"] { width: calc( 186px * 4); } } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="4"][data-has-promo="false"] .column { width: 25%; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="1"][data-has-promo="true"] { width: calc( 296px * 2); max-width: 1170px; } @media (max-width: 767px) { .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="1"][data-has-promo="true"] { width: calc( 186px * 2); } } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="1"][data-has-promo="true"] .column { width: 100%; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="1"][data-has-promo="true"] .col-md-9, .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="1"][data-has-promo="true"] .col-md-3 { width: 50%; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="2"][data-has-promo="true"] { width: calc( 296px * 3); max-width: 1170px; } @media (max-width: 767px) { .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="2"][data-has-promo="true"] { width: calc( 186px * 3); } } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="2"][data-has-promo="true"] .column { width: 50%; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="3"][data-has-promo="true"] { width: calc( 296px * 4); max-width: 1170px; } @media (max-width: 767px) { .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="3"][data-has-promo="true"] { width: calc( 186px * 4); } } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="3"][data-has-promo="true"] .column { width: 33.33333%; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="4"][data-has-promo="true"] { width: calc( 296px * 4); max-width: 1170px; } @media (max-width: 767px) { .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="4"][data-has-promo="true"] { width: calc( 186px * 4); } } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="4"][data-has-promo="true"] .column { width: 33.33333%; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="3"] .column, .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="4"] .column { margin-bottom: 20px; } @media (max-width: 769px) { .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="3"] .column, .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="4"] .column { margin-bottom: 15px; } } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="3"] .column.nested-links, .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="4"] .column.nested-links { max-height: 600px; min-height: 249px; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="3"] .column.nested-links.nested-links, .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="4"] .column.nested-links.nested-links { max-height: 600px; min-height: 100px; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="3"] .column.nested-links[data-max="1"], .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="4"] .column.nested-links[data-max="1"] { min-height: 100px; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="3"] .column.nested-links[data-max="2"], .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="4"] .column.nested-links[data-max="2"] { min-height: 120px; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="3"] .column.nested-links[data-max="3"], .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="4"] .column.nested-links[data-max="3"] { min-height: 140px; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="3"] .column.nested-links[data-max="4"], .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="4"] .column.nested-links[data-max="4"] { min-height: 160px; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="3"] .column.nested-links[data-max="5"], .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="4"] .column.nested-links[data-max="5"] { min-height: 180px; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="3"] .column.nested-links[data-max="6"], .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="3"] .column.nested-links[data-max="7"], .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="3"] .column.nested-links[data-max="8"], .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="4"] .column.nested-links[data-max="6"], .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="4"] .column.nested-links[data-max="7"], .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="4"] .column.nested-links[data-max="8"] { min-height: 180px; } @media (max-width: 769px) { .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="3"] .column.nested-links.nested-links, .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="3"] .column.nested-links[data-max="1"], .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="3"] .column.nested-links[data-max="2"], .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="3"] .column.nested-links[data-max="3"], .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="3"] .column.nested-links[data-max="4"], .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="3"] .column.nested-links[data-max="5"], .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="3"] .column.nested-links[data-max="6"], .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="4"] .column.nested-links.nested-links, .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="4"] .column.nested-links[data-max="1"], .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="4"] .column.nested-links[data-max="2"], .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="4"] .column.nested-links[data-max="3"], .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="4"] .column.nested-links[data-max="4"], .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="4"] .column.nested-links[data-max="5"], .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="4"] .column.nested-links[data-max="6"] { min-height: 0; margin-bottom: 0; } } .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu { width: 300px; min-width: 300px; left: -12px; } .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row { margin: 0 0 18px; padding: 0; border-bottom: 1px solid #bbbdc0; } .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row .col-md-6, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row .col-md-12, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row .col-md-6, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row .col-md-12, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row .col-md-6, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row .col-md-12, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row .col-md-6, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row .col-md-12 { position: relative; } .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row .nav-care-lbl, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row .nav-care-lbl, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row .nav-care-lbl, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row .nav-care-lbl { color: #0a5498; font-size: 1.6rem; } .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row .nav-care-lbl:after, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row .nav-care-lbl:after, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row .nav-care-lbl:after, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row .nav-care-lbl:after { content: "\e826"; font-family: "rui-icon" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #da291c; font-size: 11px; } .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row i, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row .rui-icon-generic-message, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row i, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row .rui-icon-generic-message, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row i, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row .rui-icon-generic-message, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row i, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row .rui-icon-generic-message { position: absolute; top: 10px; left: 0; font-size: 1.8rem; font-weight: 400; } .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row .col-md-12, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row .col-md-12, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row .col-md-12, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row .col-md-12 { padding: 0 0 15px 28px; } .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row .col-md-12 i:before, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row .col-md-12 .rui-icon-generic-message:before, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row .col-md-12 i:before, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row .col-md-12 .rui-icon-generic-message:before, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row .col-md-12 i:before, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row .col-md-12 .rui-icon-generic-message:before, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row .col-md-12 i:before, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row .col-md-12 .rui-icon-generic-message:before { /* content: "\e813"; */ } .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row .col-md-12 h5, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row .col-md-12 h5, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row .col-md-12 h5, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row .col-md-12 h5 { color: #000; cursor: pointer; font-weight: 600; } .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row .col-md-12 h5 a, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row .col-md-12 h5 a, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row .col-md-12 h5 a, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row .col-md-12 h5 a { color: #000; cursor: pointer; font-size: 16px; font-weight: 600; margin: 0; padding: 0; line-height: 1.3; display: inline; } .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row .col-md-12 .bcStatic a, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row .col-md-12 .bcStatic a, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row .col-md-12 .bcStatic a, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row .col-md-12 .bcStatic a { position: absolute; width: 100%; height: 50px; top: -30px; left: -30px; z-index: 99; } .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row .col-md-12 .bcStatic img, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row .col-md-12 .bcStatic img, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row .col-md-12 .bcStatic img, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row .col-md-12 .bcStatic img { visibility: collapse; } .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row .col-md-6, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row .col-md-6, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row .col-md-6, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row .col-md-6 { float: left; clear: none; display: block; padding: 0 0 15px 35px; } .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row .col-md-6 i, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row .col-md-6 .rui-icon-generic-message, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row .col-md-6 i, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row .col-md-6 .rui-icon-generic-message, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row .col-md-6 i, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row .col-md-6 .rui-icon-generic-message, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row .col-md-6 i, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row .col-md-6 .rui-icon-generic-message { left: 10px; top: 10px; } .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row .col-md-6 i:before, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row .col-md-6 .rui-icon-generic-message:before, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row .col-md-6 i:before, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row .col-md-6 .rui-icon-generic-message:before, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row .col-md-6 i:before, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row .col-md-6 .rui-icon-generic-message:before, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row .col-md-6 i:before, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row .col-md-6 .rui-icon-generic-message:before { content: "\e944"; } .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row .col-md-6 .nav-care-lbl, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row .col-md-6 .nav-care-lbl, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row .col-md-6 .nav-care-lbl, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row .col-md-6 .nav-care-lbl { text-transform: uppercase; font-size: 1.6rem; color: black; } .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row .col-md-6 .nav-care-lbl:after, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row .col-md-6 .nav-care-lbl:after, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row .col-md-6 .nav-care-lbl:after, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row .col-md-6 .nav-care-lbl:after { content: ""; } .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row .col-md-6 ul li, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row .col-md-6 ul li, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row .col-md-6 ul li, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row .col-md-6 ul li { border: 0; } .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row .col-md-6 ul li:nth-child(2) span, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row .col-md-6 ul li:nth-child(2) span, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row .col-md-6 ul li:nth-child(2) span, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row .col-md-6 ul li:nth-child(2) span { color: #0a5498; font-size: 12px; font-weight: 600; white-space: nowrap; } .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row .col-md-6 ul li:nth-child(2) span a, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row .col-md-6 ul li:nth-child(2) span a, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row .col-md-6 ul li:nth-child(2) span a, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row .col-md-6 ul li:nth-child(2) span a { color: #0a5498; float: none; display: block; white-space: nowrap; margin: 0; font-size: 12px; } .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row .col-md-6:first-child, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row .col-md-6:first-child, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row .col-md-6:first-child, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row .col-md-6:first-child { border-right: 1px solid #bbbdc0; padding-left: 25px; margin: 0; } .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row .col-md-6:first-child i, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row .col-md-6:first-child .rui-icon-generic-message, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row .col-md-6:first-child i, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row .col-md-6:first-child .rui-icon-generic-message, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row .col-md-6:first-child i, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row .col-md-6:first-child .rui-icon-generic-message, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row .col-md-6:first-child i, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row .col-md-6:first-child .rui-icon-generic-message { left: 0; } .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row .col-md-6:first-child i:before, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row .col-md-6:first-child .rui-icon-generic-message:before, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row .col-md-6:first-child i:before, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row .col-md-6:first-child .rui-icon-generic-message:before, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row .col-md-6:first-child i:before, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row .col-md-6:first-child .rui-icon-generic-message:before, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row .col-md-6:first-child i:before, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row .col-md-6:first-child .rui-icon-generic-message:before { content: "\e851"; } .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row .col-md-6:first-child h5, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row .col-md-6:first-child h4 > a, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row .col-md-6:first-child h5 > a, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row .col-md-6:first-child h5, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row .col-md-6:first-child h4 > a, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row .col-md-6:first-child h5 > a, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row .col-md-6:first-child h5, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row .col-md-6:first-child h4 > a, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row .col-md-6:first-child h5 > a, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row .col-md-6:first-child h5, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row .col-md-6:first-child h4 > a, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row .col-md-6:first-child h5 > a { font-weight: 600; font-size: 16px !important; margin: 0; padding: 0; line-height: 1.3; } @media (max-width: 767px) { .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row .col-md-6:first-child h5, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row .col-md-6:first-child h4 > a, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row .col-md-6:first-child h5 > a, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row .col-md-6:first-child h5, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row .col-md-6:first-child h4 > a, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row .col-md-6:first-child h5 > a, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row .col-md-6:first-child h5, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row .col-md-6:first-child h4 > a, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row .col-md-6:first-child h5 > a, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row .col-md-6:first-child h5, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row .col-md-6:first-child h4 > a, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row .col-md-6:first-child h5 > a { font-size: 14px !important; } } .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row .col-md-6:first-child h5:after, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row .col-md-6:first-child h4 > a:after, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row .col-md-6:first-child h5 > a:after, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row .col-md-6:first-child h5:after, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row .col-md-6:first-child h4 > a:after, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row .col-md-6:first-child h5 > a:after, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row .col-md-6:first-child h5:after, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row .col-md-6:first-child h4 > a:after, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row .col-md-6:first-child h5 > a:after, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row .col-md-6:first-child h5:after, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row .col-md-6:first-child h4 > a:after, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row .col-md-6:first-child h5 > a:after { margin-left: 5px; } .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row .col-md-6:last-child, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row .col-md-6:last-child, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row .col-md-6:last-child, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row .col-md-6:last-child { border-left: 1px solid #bbbdc0; margin: 0 0 0 -1px; } @media (max-width: 768px) { .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row .col-md-6:last-child, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row .col-md-6:last-child, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row .col-md-6:last-child, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row .col-md-6:last-child { border-left: 0; } } .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row .col-md-6:last-child h5, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row .col-md-6:last-child h4 > a, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row .col-md-6:last-child h5 > a, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row .col-md-6:last-child h5, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row .col-md-6:last-child h4 > a, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row .col-md-6:last-child h5 > a, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row .col-md-6:last-child h5, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row .col-md-6:last-child h4 > a, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row .col-md-6:last-child h5 > a, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row .col-md-6:last-child h5, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row .col-md-6:last-child h4 > a, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row .col-md-6:last-child h5 > a { font-weight: 600; font-size: 16px !important; margin: 0; padding: 0; line-height: 1.3; } @media (max-width: 767px) { .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row .col-md-6:last-child h5, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row .col-md-6:last-child h4 > a, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row .col-md-6:last-child h5 > a, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row .col-md-6:last-child h5, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row .col-md-6:last-child h4 > a, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row .col-md-6:last-child h5 > a, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row .col-md-6:last-child h5, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row .col-md-6:last-child h4 > a, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row .col-md-6:last-child h5 > a, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row .col-md-6:last-child h5, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row .col-md-6:last-child h4 > a, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row .col-md-6:last-child h5 > a { font-size: 14px !important; } } .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row .col-md-6:last-child h5:after, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row .col-md-6:last-child h4 > a:after, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row .col-md-6:last-child h5 > a:after, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row .col-md-6:last-child h5:after, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row .col-md-6:last-child h4 > a:after, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row .col-md-6:last-child h5 > a:after, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row .col-md-6:last-child h5:after, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row .col-md-6:last-child h4 > a:after, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row .col-md-6:last-child h5 > a:after, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row .col-md-6:last-child h5:after, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row .col-md-6:last-child h4 > a:after, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row .col-md-6:last-child h5 > a:after { margin-left: 5px; } @media (max-width: 767px) { .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row .col-md-6:last-child, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row .col-md-6:last-child, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row .col-md-6:last-child, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row .col-md-6:last-child { border-left: 0; } } .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row:last-child, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row:last-child, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row:last-child, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row:last-child { border-bottom: 0; margin-bottom: 0; } .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row:last-child .col-md-12 i:before, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row:last-child .col-md-12 .rui-icon-generic-message:before, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row:last-child .col-md-12 i:before, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row:last-child .col-md-12 .rui-icon-generic-message:before, /*.ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row:last-child .col-md-12 i:before, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row:last-child .col-md-12 .rui-icon-generic-message:before, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row:last-child .col-md-12 i:before,*/ .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row:last-child .col-md-12 .rui-icon-generic-message:before { content: "\e837"; } .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row:nth-child(2) .col-md-12:before, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row:nth-child(2) .col-md-12:before, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row:nth-child(2) .col-md-12:before, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row:nth-child(2) .col-md-12:before { content: "\e813"; font-family: "rui-icon" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; -webkit-font-smoothing: antialiased; font-size: 1.8rem; color: #00aec7; position: absolute; top: 2px; left: 0; } .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu ul, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu ul, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu ul, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu ul { margin: 0; padding: 0; } .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu ul li span, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu ul li span, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu ul li span, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu ul li span { font-weight: 400; margin: 0; color: #000; } @media (max-width: 767px) { .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu ul li span, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu ul li span, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu ul li span, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu ul li span { font-weight: 400; color: #0a5498; white-space: nowrap; } } .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu ul li span a, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu ul li span a, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu ul li span a, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu ul li span a { color: #0a5498; margin: 0; white-space: nowrap; } .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu ul li span a:after, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu ul li span a:after, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu ul li span a:after, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu ul li span a:after { content: ''; } .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu ul li a, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu ul li a, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu ul li a, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu ul li a { color: #0a5498; display: block; border: 0; line-height: 16px; height: 20px; font-size: 12px; white-space: nowrap; } .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu ul li a:after, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu ul li a:after, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu ul li a:after, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu ul li a:after { content: ''; } .ute-dca .dca-header .dca-primary-nav li[data-handler="Help & Support"] .nav-sub-menu, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu6_en"] .nav-sub-menu, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu6_fr"] .nav-sub-menu { width: 230px; min-width: 230px; left: -12px; right: auto; } .ute-dca .dca-header .dca-primary-nav li[data-handler="Help & Support"] .nav-sub-menu h5, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu6_en"] .nav-sub-menu h5, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu6_fr"] .nav-sub-menu h5 { /*&:after{ content:'\ > '; }*/ } .ute-dca .dca-header .dca-primary-nav li[data-handler="Help & Support"] .nav-sub-menu .row, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu6_en"] .nav-sub-menu .row, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu6_fr"] .nav-sub-menu .row { margin-bottom: 0; padding: 0 15px; /*&:first-child{ margin-bottom:20px; }*/ } .ute-dca .dca-header .dca-primary-nav li[data-handler="Help & Support"] .nav-sub-menu .row i, .ute-dca .dca-header .dca-primary-nav li[data-handler="Help & Support"] .nav-sub-menu .row .rui-icon-generic-message, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu6_en"] .nav-sub-menu .row i, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu6_en"] .nav-sub-menu .row .rui-icon-generic-message, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu6_fr"] .nav-sub-menu .row i, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu6_fr"] .nav-sub-menu .row .rui-icon-generic-message { display: none; } .ute-dca .dca-header .dca-primary-nav li[data-handler="Help & Support"] .nav-sub-menu .row ul, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu6_en"] .nav-sub-menu .row ul, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu6_fr"] .nav-sub-menu .row ul { padding: 0; margin-top: 0; } .ute-dca .dca-header .dca-primary-nav li[data-handler="Help & Support"] .nav-sub-menu .row ul li, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu6_en"] .nav-sub-menu .row ul li, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu6_fr"] .nav-sub-menu .row ul li { border: 0; } .ute-dca .dca-header .dca-primary-nav li[data-handler="Help & Support"] .nav-sub-menu .row ul li span, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu6_en"] .nav-sub-menu .row ul li span, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu6_fr"] .nav-sub-menu .row ul li span { display: none; } .ute-dca .dca-header .dca-primary-nav li[data-handler="Help & Support"] .nav-sub-menu .row ul li a, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu6_en"] .nav-sub-menu .row ul li a, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu6_fr"] .nav-sub-menu .row ul li a { height: auto; line-height: 20px; font-size: 14px; font-weight: 600; padding: 0 15px; border-bottom: 0; text-align: left; float: left; width: auto; max-width: 200px; white-space: initial; overflow: hidden; } .ute-dca .dca-header .dca-primary-nav li[data-handler="Help & Support"] .nav-sub-menu .row ul li a:after, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu6_en"] .nav-sub-menu .row ul li a:after, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu6_fr"] .nav-sub-menu .row ul li a:after { content: "\ > "; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); position: absolute; top: 0; right: 0; font-size: 1.6rem; font-weight: 400; } .ute-dca .dca-header .dca-primary-nav li[data-handler="Help & Support"] .nav-sub-menu .row ul li a:hover, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu6_en"] .nav-sub-menu .row ul li a:hover, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu6_fr"] .nav-sub-menu .row ul li a:hover { text-decoration: underline; border: 0; } .ute-dca .dca-header .dca-primary-nav li[data-handler="Help & Support"] .nav-sub-menu .row ul li:hover > a, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu6_en"] .nav-sub-menu .row ul li:hover > a, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu6_fr"] .nav-sub-menu .row ul li:hover > a { border-bottom: 0; } .ute-dca .dca-header .dca-primary-nav li[data-handler="Request Quote"] a, .ute-dca .dca-header .dca-primary-nav[data-handler="menu8_en"] a, .ute-dca .dca-header .dca-primary-nav[data-handler="menu8_fr"] a { padding-right: 0; } .ute-dca .dca-header .dca-primary-nav li[data-handler="Request Quote"] a:after, .ute-dca .dca-header .dca-primary-nav[data-handler="menu8_en"] a:after, .ute-dca .dca-header .dca-primary-nav[data-handler="menu8_fr"] a:after { content: "" !important; } .ute-dca .dca-header .dca-primary-nav[data-handler="menu_breadcrumb"] { display: none; } @media (max-width: 767px) { .ute-dca .dca-header .dca-primary-nav[data-handler="menu_breadcrumb"] { display: block; } } .ute-dca .dca-header .rui-icon-menu { color: white; display: none; } .ute-dca .dca-header .mobile-help-support { padding-left: 15px !important; margin-left: 5px !important; } .ute-dca .dca-header .mobile-help-support h5 { display: none; } .ute-dca .dca-header .mobile-help-support a { display: block !important; padding-left: 10px !important; font-size: 14px !important; line-height: 23px !important; font-weight: 600 !important; } .ute-dca .dca-header .mobile-help-support a:after { position: absolute; content: "\e826"; font-family: "rui-icon" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #da291c; font-size: 11px; margin-left: 5px; } .ute-dca .dca-header .mobile-help-support ul { list-style: none; margin: 0; padding: 0; } .ute-dca .dca-header .mobile-help-support ul:empty { display: none; } html[lang="fr-CA"] .ute-dca .dca-header .brand-logo,html[lang="fr"] .ute-dca .dca-header .brand-logo { background-image: url("/cms/common/dca/images/rogers-for-business-desktop-fr.png"); } @media (min-width: 960px) and (max-width: 1199px) { .ute-dca .dca-header .container { max-width: 100%; } .ute-dca .dca-header .dca-secondary-nav .call-care { margin: 0; } .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set { /*> li:nth-last-child(3) { margin-left: 16%; }*/ } .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set > li span, .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set > li a { font-size: 1.1rem; } .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set > li:nth-last-child(2) { margin-left: 37%; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu { margin-left: 5px; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="4"][data-has-promo="false"], .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="3"][data-has-promo="true"] { max-width: 970px; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote { margin-left: 0; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav > li > a { max-width: 110px; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav .nav-sub-menu .column li a { max-width: none; line-height: 18px; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="menu5_en"] .nav-sub-menu, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="menu5_fr"] .nav-sub-menu { left: -205px; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="menu6_en"] .nav-sub-menu, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="menu6_fr"] .nav-sub-menu { left: -95px; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="menu8_en"] > a, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="menu8_fr"] > a { margin-right: 0; padding: 0; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li > a { margin-right: 5px; /*max-width:90px;*/ } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li:last-child > a { margin-right: 0; } html[lang="fr"] .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set > li:nth-last-child(2) { margin-left: 30%; } html[lang="fr"] .ute-dca .dca-header .dca-secondary-nav .search-section .input-search { min-width: 140px; max-width: 140px; } html[lang="fr"] .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li > a { /*max-width:90px;*/ } } @media (min-width: 770px) and (max-width: 959px) { .ute-dca .dca-header .brand-logo { background-size: 10rem auto; width: 11rem; height: 4.5rem; margin: 0 0 0 10px; } .ute-dca .dca-header .container { max-width: 890px; } .ute-dca .dca-header .dca-secondary-nav .call-care { margin: -2px 0 0 5px; } .ute-dca .dca-header .dca-secondary-nav .call-care .care-label { font-weight: 400; font-size: 1rem; margin: 0; } .ute-dca .dca-header .dca-secondary-nav .call-care span { font-size: 1rem; } .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set > li:first-child { margin-left: 10px; } .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set > li:nth-last-child(2) { margin-left: 30%; } .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set > li a { font-size: 1rem; padding: 0 5px; } .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set > li.has-sub a { padding: 0 13px 0 5px; } .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set > li.has-sub a.nav-care-lbl { display: block; color: #000; line-height: 30px; height: auto; } .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set > li.has-sub h5.nav-care-lbl { display: none; } .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set .log-in { font-size: 1rem; } .ute-dca .dca-header .dca-secondary-nav .search-section .input-search { /*width:80px; min-width:80px;*/ } .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav > li { height: 53px; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav > li > a { font-size: 12px; height: 50px; max-width: 90px; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav .nav-sub-menu { margin-left: 5px; top: 53px; font-size: 1rem; padding: 15px 0 0; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav .nav-sub-menu[data-column-count="1"], .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav .nav-sub-menu[data-column-count="1"][data-has-promo="true"] { max-width: 100%; min-width: 320px; /*.column:first-child{ a.nav-care-lbl{ font-size:16px; } }*/ } .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav .nav-sub-menu[data-column-count="1"] a.nav-care-lbl, .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav .nav-sub-menu[data-column-count="1"][data-has-promo="true"] a.nav-care-lbl { font-size: 13px; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav .nav-sub-menu .nav-care-lbl { font-size: 13px; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav .nav-sub-menu .promo-section { display: none; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav .nav-sub-menu ul li a { /*font-size:1rem; line-height:18px;*/ width: calc(100% - 1px); } .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav .nav-sub-menu[data-column-count="4"][data-has-promo="false"], .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav .nav-sub-menu[data-column-count="3"][data-has-promo="true"] { max-width: 766px; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav .nav-sub-menu[data-column-count="1"][data-has-promo="true"] .col-md-9, .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav .nav-sub-menu[data-column-count="1"][data-has-promo="true"] .col-md-3, .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav .nav-sub-menu[data-column-count="1"][data-has-promo="true"] .col-md-9, .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav .nav-sub-menu[data-column-count="1"][data-has-promo="true"] .col-md-3 { float: left; width: 100%; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote { margin: 0; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li { height: 53px; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li > a { padding: 0 15px 0 0; height: 50px; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li:last-child > a { margin-right: 0; padding-right: 0; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li[data-handler="menu8_en"] > a, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li[data-handler="menu8_fr"] > a { padding: 0; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li[data-handler="Contact Us"] .nav-sub-menu, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li[data-handler="menu5_en"] .nav-sub-menu, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li[data-handler="menu5_fr"] .nav-sub-menu { left: -60px; right: auto; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li[data-handler="Contact Us"] .nav-sub-menu .col-md-6, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li[data-handler="menu5_en"] .nav-sub-menu .col-md-6, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li[data-handler="menu5_fr"] .nav-sub-menu .col-md-6 { width: 50%; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li[data-handler="Contact Us"] .nav-sub-menu .col-md-6 ul li > a, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li[data-handler="menu5_en"] .nav-sub-menu .col-md-6 ul li > a, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li[data-handler="menu5_fr"] .nav-sub-menu .col-md-6 ul li > a { display: block; max-width: 400px; -o-text-overflow: initial; text-overflow: initial; border: 0; height: auto; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li[data-handler="Contact Us"] .nav-sub-menu .col-md-6 ul li > a:after, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li[data-handler="menu5_en"] .nav-sub-menu .col-md-6 ul li > a:after, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li[data-handler="menu5_fr"] .nav-sub-menu .col-md-6 ul li > a:after { content: ''; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li[data-handler="Contact Us"] .nav-sub-menu .col-md-6 ul li > a:hover, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li[data-handler="menu5_en"] .nav-sub-menu .col-md-6 ul li > a:hover, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li[data-handler="menu5_fr"] .nav-sub-menu .col-md-6 ul li > a:hover { border: 0; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li[data-handler="Contact Us"] .nav-sub-menu .col-md-6 ul li span, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li[data-handler="menu5_en"] .nav-sub-menu .col-md-6 ul li span, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li[data-handler="menu5_fr"] .nav-sub-menu .col-md-6 ul li span { font-size: 13px; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li[data-handler="Contact Us"] .nav-sub-menu .col-md-6 ul li span > a, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li[data-handler="menu5_en"] .nav-sub-menu .col-md-6 ul li span > a, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote > li[data-handler="menu5_fr"] .nav-sub-menu .col-md-6 ul li span > a { display: block; margin: 0 auto; white-space: nowrap; color: #0a5498; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote .nav-sub-menu { top: 53px; left: -122px; min-width: 240px; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote .nav-sub-menu .row .col-md-6 .nav-care-lbl { font-size: 14px; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote .nav-sub-menu .row .col-md-6 .nav-care-lbl ul li span { font-size: 12px; } .ute-dca .dca-header .dca-primary-nav .main-nav .nav-sub-menu[data-column-count="3"][data-has-promo="false"] { max-width: 768px; } } @media (min-width: 300px) and (max-width: 769px) { .ute-dca { min-height: 800px; padding: 0; /*&[data-hasmagiclens="true"], &[data-hasmagiclens="false"]{ .dca-header{ .open{ top:-40px; } } }*/ } .ute-dca .mobile-header-spacer { height: 40px; } .ute-dca .dca-magic-lens { top: 40px; } .ute-dca .dca-magic-lens.fixed { top: 40px; } .ute-dca .dca-magic-lens.fixed.android { top: 40px; } .ute-dca .dca-header { position: fixed; top: 0; left: 0; padding: 0; height: 40px; background: #da291c; overflow: hidden; /*&.open.fixed{ top:-40px; }*/ } .ute-dca .dca-header.open, .ute-dca .dca-header.open.fixed { overflow: visible; position: relative !important; } .ute-dca .dca-header.fixed { top: 0; } .ute-dca .dca-header .mobile-help-support { display: block; } .ute-dca .dca-header .mobile-container { /*visibility: collapse;*//*Changing visibility collapse to hidden for DSO- 26906*/ visibility: hidden; position: relative; height: auto; width: 100%; background: white; margin: 10px auto 0; } .ute-dca .dca-header .mobile-container:after { content: ""; display: table; clear: both; } .ute-dca .dca-header .mobile-container.active { visibility: visible; } .ute-dca .dca-header .mobile-container .nav-link-set > li:hover > a, .ute-dca .dca-header .mobile-container .nav-link-set.main-nav > li:hover > a, .ute-dca .dca-header .mobile-container .nav-link-set.call-care-quote > li:hover > a { font-weight: 400; } .ute-dca .dca-header .mobile-container .nav-link-set > li:hover > a:after, .ute-dca .dca-header .mobile-container .nav-link-set.main-nav > li:hover > a:after, .ute-dca .dca-header .mobile-container .nav-link-set.call-care-quote > li:hover > a:after { right: 6px; } .ute-dca .dca-header .mobile-container .nav-link-set > li.mobile-open > a, .ute-dca .dca-header .mobile-container .nav-link-set.main-nav > li.mobile-open > a, .ute-dca .dca-header .mobile-container .nav-link-set.call-care-quote > li.mobile-open > a { font-weight: 600; } .ute-dca .dca-header .rui-mobile-toggle { visibility: hidden; } .ute-dca .dca-header .rui-mobile-toggle-label { position: relative; display: block; width: 90px; min-width: 30px; height: 30px; margin: -24px 0 0 10px; background: transparent; border: 0; border-radius: 0; cursor: pointer; z-index: 1051; } .ute-dca .dca-header .rui-mobile-toggle-label:before { content: "\e82d"; font-family: "rui-icon" !important; } .ute-dca .dca-header .rui-mobile-toggle-label:after { content: "Menu"; font-size: 14px; margin: 0 0 0 8px; } .ute-dca .dca-header .rui-mobile-toggle-label.close-mobile-menu:before { content: "X close"; font-family: TedNext, Helvetica, sans-serif !important; font-size: 14px; font-weight: 600; } .ute-dca .dca-header .rui-mobile-toggle-label.close-mobile-menu:after { content: ""; } .ute-dca .dca-header .log-in-mobile { float: right; display: block; margin: -18px 10px 0 0; padding: 0 0 0 18px; background: transparent; border: 0; border-radius: 0; cursor: pointer; color: white; font-size: 14px; font-weight: 400; } .ute-dca .dca-header .log-in-mobile .rui-icon-generic-security-a:before { content: "\e85d"; } .ute-dca .dca-header .log-in-mobile.signedin-mobile { display: none; } .ute-dca .dca-header .dca-secondary-nav { position: absolute; background: white; display: none; top: 38px; left: 0; width: 100%; height: 50px; z-index: 9; } .ute-dca .dca-header .dca-secondary-nav.active { display: block; } .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set { width: 96%; max-width: 300px; margin: 10px auto; border-radius: 5px; padding: 5px 0 0; text-align: center; } .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set li { position: static; } .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set li:nth-child(-n+3) { overflow: hidden; width: 100px; } .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set li:nth-child(-n+3) a { margin: 0; padding: 0; height: 25px; white-space: nowrap; display: block; line-height: 25px; min-width: 0; border: 1px solid #bbbdc0; border-radius: 4px; width: auto; max-width: 100px; white-space: initial; overflow: hidden; } .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set li:nth-child(-n+3) a:before { content: ""; } .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set li:nth-child(-n+3) a.selected { border-color: #00aec7; } .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set li:nth-child(-n+3) a.selected:before { content: ""; } .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set li:nth-child(1) a { border-radius: 4px 0 0 4px; } .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set li:nth-child(2) a { border-radius: 0; border-width: 1px 0; } .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set li:nth-child(3) a { border-radius: 0 4px 4px 0; } .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set li .selected { background: #00aec7; color: white; } .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set li a { color: black; } .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set li .log-in, .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set li .call-care { display: none; } .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set li .search-section { display: block; position: relative; width: 100%; min-width: 300px; height: 35px; margin: 10px auto 0; max-width: none; background: white; border: 1px solid #bbbdc0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set li .search-section ute-sse-typeahead { display: block; position: relative; width: 100%; height: auto; border: 1px solid #fff; } .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set li .search-section ute-sse-typeahead form { display: block; width: 100%; height: auto; border: 1px solid #fff; } .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set li .search-section ute-sse-typeahead form .ute-search-bar-input-group { border: 1px solid #fff; position: relative; border-collapse: initial; display: block; width: 100%; height: auto; } .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set li .search-section ute-sse-typeahead form .ute-search-bar-input-group input.ute-search-bar-control, .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set li .search-section ute-sse-typeahead form .ute-search-bar-input-group input { display: block; margin: 0 auto; text-shadow: none !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: none; -o-transition: none; transition: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 100%; max-width: none; border: 1px solid #fff; background: #fff; -webkit-appearance: none; } .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set li .search-section ute-sse-typeahead form .ute-search-bar-input-group input, .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set li .search-section ute-sse-typeahead form .ute-search-bar-input-group input:before, .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set li .search-section ute-sse-typeahead form .ute-search-bar-input-group input:after { -webkit-user-select: initial; -moz-user-select: initial; -ms-user-select: initial; user-select: initial; } .ute-dca .dca-header .dca-primary-nav { background-color: transparent; position: relative; z-index: 0; } .ute-dca .dca-header .dca-primary-nav .brand-logo { margin: 3px auto 0; width: 83px; height: 32px; background-size: 100%; float: none; padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-image: url("/cms/common/dca/images/rogers-for-business-mobile-en.png"); } html[lang="fr"] .ute-dca .dca-header .brand-logo{ background-image: url("/cms/common/dca/images/rogers-for-business-mobile-fr.png"); } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote { position: absolute; top: 80px; width: 100%; background: white; margin: 0 auto; padding: 0; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li { float: none; clear: both; border: 0; height: auto; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li a { height: auto; line-height: 24px; border: 0; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li a:after { content: "\e826"; font-family: "rui-icon" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #da291c; font-size: 11px; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li:hover a { color: black; border: 0; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li:hover a:after { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="Home"], .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="home"], .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="Request Quote"], .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="menu8_en"], .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="menu8_fr"] { padding: 0 0 0 15px; border: solid #bbbdc0; border-width: 1px 0 0; height: 41px; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="Home"] > a, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="home"] > a, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="Request Quote"] > a, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="menu8_en"] > a, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="menu8_fr"] > a { margin: 0 0 0 17px; height: 41px; line-height: 41px; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="Home"] a:after, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="home"] a:after, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="Request Quote"] a:after, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="menu8_en"] a:after, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="menu8_fr"] a:after { content: "\e826" !important; font-family: "rui-icon" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #da291c; font-size: 11px; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="Home"], .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="home"], .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="menu7_en"], .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="menu7_fr"] { display: block; border-top: 1px solid #bbbdc0; border-bottom: 0; height: 41px; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="Home"]:after, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="home"]:after, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="menu7_en"]:after, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="menu7_fr"]:after { content: ""; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="Home"] > a, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="home"] > a, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="menu7_en"] > a, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="menu7_fr"] > a { margin: 0 0 0 33px; height: 41px; line-height: 41px; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="Contact Us"] > i, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="Contact Us"] > a, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="menu5_en"] > i, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="menu5_en"] > a, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="menu5_fr"] > i, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="menu5_fr"] > a { display: none; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="Contact Us"] .nav-sub-menu, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="menu5_en"] .nav-sub-menu, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="menu5_fr"] .nav-sub-menu { display: block; position: relative; width: 100%; border: 0; padding: 0 0 0 20px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; top: 0; } /*Hide Business Blog from mobile view - DSO-27114 starts*/ .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="menu6_en"] > i, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="menu6_en"] > a { display:none; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="menu6_fr"] > i, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="menu6_fr"] > a { display:none; } /*Hide Business Blog from mobile view - DSO-27114 ends*/ .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="Contact Us"] .nav-sub-menu .row, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="menu5_en"] .nav-sub-menu .row, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="menu5_fr"] .nav-sub-menu .row { display: none; margin: 0; border: 0; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="Contact Us"] .nav-sub-menu .row:first-child, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="menu5_en"] .nav-sub-menu .row:first-child, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="menu5_fr"] .nav-sub-menu .row:first-child { display: block; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="Contact Us"] .nav-sub-menu .row .col-md-6:first-child, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="menu5_en"] .nav-sub-menu .row .col-md-6:first-child, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="menu5_fr"] .nav-sub-menu .row .col-md-6:first-child { border: 0; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="Help & Support"], .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="menu6_en"], .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li[data-handler="menu6_fr"] { display: none; } .ute-dca .dca-header .dca-primary-nav .main-nav { position: relative; background: white; width: 100%; margin: 0 auto; } .ute-dca .dca-header .dca-primary-nav .main-nav li { clear: both; float: none; height: auto !important; cursor: pointer; -moz-transition: "all 0.25s ease-in-out 0s"; -o-transition: "all 0.25s ease-in-out 0s"; -webkit-transition: "all 0.25s ease-in-out 0s"; transition: "all 0.25s ease-in-out 0s"; } .ute-dca .dca-header .dca-primary-nav .main-nav li:hover .nav-sub-menu { display: none !important; } .ute-dca .dca-header .dca-primary-nav .main-nav li > a { border: 0; } .ute-dca .dca-header .dca-primary-nav .main-nav li:hover > a { border: 0; } .ute-dca .dca-header .dca-primary-nav .main-nav li:hover > a:after { color: #e6f6f9; } .ute-dca .dca-header .dca-primary-nav .main-nav li .nav-sub-menu { display: none; position: relative; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-width: 0; width: 100% !important; max-width: 100% !important; left: 0 !important; margin: 0; } .ute-dca .dca-header .dca-primary-nav .main-nav li .nav-sub-menu .nav-care-lbl { font-weight: 400; font-size: 1.2rem; width: 82%; } .ute-dca .dca-header .dca-primary-nav .main-nav li .nav-sub-menu > .row { margin: 0; } .ute-dca .dca-header .dca-primary-nav .main-nav li .nav-sub-menu > .row .col-md-9 { width: 100% !important; margin: 0 0 0 5px; } .ute-dca .dca-header .dca-primary-nav .main-nav li .nav-sub-menu > .row .col-md-9 .column { width: 100% !important; min-height: 25px; } .ute-dca .dca-header .dca-primary-nav .main-nav li .nav-sub-menu > .row .col-md-9 .column:after { content: ""; display: table; clear: both; } .ute-dca .dca-header .dca-primary-nav .main-nav li .nav-sub-menu > .row .col-md-3 { display: none; } .ute-dca .dca-header .dca-primary-nav .main-nav li .nav-sub-menu > .row .col-md-3 .promo-section { display: none; } .ute-dca .dca-header .dca-primary-nav .main-nav li.mobile-open { height: auto; } .ute-dca .dca-header .dca-primary-nav .main-nav li.mobile-open .nav-sub-menu { display: block !important; top: 0; padding-top: 0; padding-bottom: 15px; } .ute-dca .dca-header .dca-primary-nav .main-nav li.mobile-partner-programs .nav-care-lbl { font-size: 14px; font-weight: 600; margin: 0; height: auto; line-height: 23px; padding: 0 0 0 5px; display: block; } .ute-dca .dca-header .dca-primary-nav .main-nav li.mobile-partner-programs .nav-care-lbl:after { content: "\e826"; font-family: "rui-icon" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #da291c; font-size: 11px; margin-left: 5px; } .ute-dca .dca-header .dca-primary-nav .main-nav li.mobile-partner-programs a.nav-care-lbl { display: block; width: auto; } .ute-dca .dca-header .dca-primary-nav .main-nav li.mobile-partner-programs h5.nav-care-lbl { display: none; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav li i, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li i { left: 10px; top: 49%; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav li > a, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li > a { border: 0; font-weight: 400; width: 100%; max-width: none; height: 23px; line-height: 23px; margin: 9px 0 7px 10px; font-size: 16px; text-align: left; display: inline-block; cursor: pointer; z-index: 1; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav li > a:after, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li > a:after { content: "\e826"; font-family: "rui-icon" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #da291c; font-size: 11px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); position: absolute; right: auto; margin-left: 5px; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav li:hover > a, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li:hover > a { border: 0; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav li:hover > a:after, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li:hover > a:after { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); position: absolute; right: auto; margin-left: 5px; top: 2px; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav li .column .nav-care-lbl, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li .column .nav-care-lbl { font-size: 14px; line-height: 23px; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav li .column .nav-care-lbl + span, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li .column .nav-care-lbl + span { font-weight: 400; margin-bottom: 0; width: 82%; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav li .column a.nav-care-lbl, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li .column a.nav-care-lbl { font-size: 14px; margin: 0; height: auto; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav li .column a, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li .column a { font-size: 14px; font-weight: 400; line-height: 16px; width: auto; margin: 0; padding: 0; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav li .column a:after, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li .column a:after { position: relative; right: -5px; content: ""; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav li .column > span, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li .column > span { margin: 0 0 8px 0; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav li .column > ul, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li .column > ul { margin: 10px 0 15px 15px !important; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav li .column > ul li, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li .column > ul li { margin-bottom: 0; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav li .mobile-help-support .row > ul, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li .mobile-help-support .row > ul { margin-left: 5px; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav li .mobile-help-support .row > ul > li a, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li .mobile-help-support .row > ul > li a { display: block; margin-left: 20px; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav li .mobile-help-support .row > ul > li h5, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li .mobile-help-support .row > ul > li h5 { display: none; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li > a { line-height: 16px; margin: 0 0 5px 17px; font-size: 16px; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote .nav-sub-menu.container { margin: 0; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote .nav-sub-menu.container:empty { display: none; } .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote .nav-sub-menu.container .col-md-6 { width: 50%; } .ute-dca .dca-header .signout { position: fixed; top: 10px; right: 10px; font-size: 14px; color: #fff; } .ute-dca .dca-header .signout:before { content: "\e85d"; font-family: "rui-icon" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 2px; font-size: 1.6rem; } .ute-dca .dca-header .signedin { display: none !important; } .ute-dca .nav-sub-menu .column:nth-child(3n+1) { clear: left; } html[lang="fr"] .ute-dca .dca-header .rui-mobile-toggle-label:after { content: "Menu"; font-size: 14px; } } @media (min-width: 300px) and (max-width: 769px) { html[lang="fr"] .ute-dca .dca-header .rui-mobile-toggle-label:after { /*content: ""; */ } } /*Commenting for DSO-28276*/ @media (min-width: 300px) and (max-width: 769px) { html[lang="fr"] .ute-dca .dca-header .rui-mobile-toggle-label.close-mobile-menu:before { content: "X fermer"; } html[lang="fr"] .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set li:nth-child(-n+3) a { padding: 3px 0 0; height: 40px; line-height: initial; } html[lang="fr"] .ute-dca .dca-header .mobile-container { margin-top: 30px; } } .ute-dca .dca-footer { margin: 30px auto 0; } .ute-dca .dca-footer .footer-body { clear: both; padding: 15px 0 20px; border-top: 1px solid #eeeeee; } .ute-dca .dca-footer .footer-body:after { content: ""; display: table; clear: both; } .ute-dca .dca-footer .footer-body .footer-section { float: left; position: relative; width: 25%; } .ute-dca .dca-footer .footer-body .footer-section:after { content: ""; display: table; clear: both; } .ute-dca .dca-footer .footer-body .footer-section ul { list-style: none; margin: 0; padding: 0; } .ute-dca .dca-footer .footer-body .footer-section ul li a { color: #414042; font-size: 14px; font-weight: 400; margin: 10px 0; display: block; /*white-space:nowrap; @media (max-width: 900px) { white-space:normal; }*/ } .ute-dca .dca-footer .footer-body .footer-section h3 { font-size: 1.8rem; margin: 0 0 10px; font-weight: 400; } .ute-dca .dca-footer .footer-body .footer-section .rui-icon-twitter-alt { font-size: 1.3rem; } .ute-dca .dca-footer .footer-body .footer-section .rui-icon-facebook { font-size: 1.6rem; } .ute-dca .dca-footer .footer-body .footer-section .rui-icon-linkedin { font-size: 1.8rem; } .ute-dca .dca-footer .footer-body .footer-section .rui-icon-logo { font-size: 1.6rem; } .ute-dca .dca-footer .footer-body .footer-section i { width: 18px; display: inline-block; } @media (max-width: 767px) { .ute-dca .dca-footer .footer-body .row { max-height: none; } } .ute-dca .dca-footer .footer-bar { border-top: 1px solid #eeeeee; clear: both; height: 50px; line-height: 50px; margin: 0 0 25px; } .ute-dca .dca-footer .footer-bar:after { content: ""; display: table; clear: both; } @media (max-width: 769px) { .ute-dca .dca-footer .footer-bar { height: 260px; } } .ute-dca .dca-footer .footer-bar .copyright { float: left; display: inline-block; font-size: 12px; font-weight: 400; } .ute-dca .dca-footer .footer-bar .copyright.col-md-3, .ute-dca .dca-footer .footer-bar .copyright.col-md-2 { width: auto !important; white-space: nowrap; padding: 0; } .ute-dca .dca-footer .footer-bar .copyright + .col-md-7, .ute-dca .dca-footer .footer-bar .copyright + .col-md-8 { width: 62% !important; padding: 0; } @media (max-width: 1200px) { .ute-dca .dca-footer .footer-bar .copyright + .col-md-7, .ute-dca .dca-footer .footer-bar .copyright + .col-md-8 { width: 63% !important; } } @media (max-width: 1024px) { .ute-dca .dca-footer .footer-bar .copyright + .col-md-7, .ute-dca .dca-footer .footer-bar .copyright + .col-md-8 { width: 60% !important; } } .ute-dca .dca-footer .footer-bar .footer-bar-links { list-style: none; float: left; margin: 0 0 0 25px; padding: 0; } .ute-dca .dca-footer .footer-bar .footer-bar-links li { float: left; } .ute-dca .dca-footer .footer-bar .footer-bar-links li a { color: #414042; padding: 0 10px 0 0; font-size: 12px; font-weight: 400; display: inline-block; white-space: nowrap; } .ute-dca .dca-footer .footer-bar .province-language { font-size: 1.2rem; background: #eeeeee; border: 0; padding-left: 10px; padding-right: 10px; -webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; } .ute-dca .dca-footer .footer-bar .province-language.col-md-2 { width: 15.5%; min-width: 185px; } .ute-dca .dca-footer .footer-bar .province-language .lang-toggle { float: left; position: relative; padding: 0 30px 0 0; z-index: 10; } .ute-dca .dca-footer .footer-bar .province-language .lang-toggle:after { content: "\ | "; position: absolute; top: 0; right: 15px; } .ute-dca .dca-footer .footer-bar .province-language .lang-toggle a { color: #0a5498; font-size: 1.1rem; } .ute-dca .dca-footer .footer-bar .province-language .province-dropdown { position: relative; float: left; } .ute-dca .dca-footer .footer-bar .province-language .province-dropdown .dropdown-toggle { display: inline-block; border: 1px solid #bbbdc0; border-radius: 5px; color: black; font-weight: normal; font-size: 1.1rem; padding: 0 5px; height: 25px; line-height: 25px; background: white; margin: 13px 0 0; } .ute-dca .dca-footer .footer-bar .province-language .province-dropdown select { display: none; } .ute-dca .dca-footer .footer-bar .province-language .province-dropdown .dropdown-menu { position: absolute; margin: 0; bottom: 50px; left: auto; top: auto; right: -10px; } .ute-dca .dca-footer .footer-bar .province-language .province-dropdown .dropdown-menu li { height: 30px; line-height: 30px; margin: 0; } .ute-dca .dca-footer .footer-bar .province-language .province-dropdown .dropdown-menu li a { font-weight: normal; display: inline-block; } .ute-dca .dca-footer .footer-bar .province-language .province-dropdown .dropdown-menu li a:hover { background: transparent; } .ute-dca .dca-footer .footer-bar .province-language .province-dropdown .dropdown-menu li a:hover:after { content: ''; position: relative; display: block; bottom: -1px; margin-top: -1px; border-bottom: 1px solid #DA291C; } .ute-dca .dca-footer .footer-bar .province-language .province-dropdown .dropdown-menu .region-header { margin: 0 0 10px; text-align: center; } .ute-dca .dca-footer .footer-bar .province-language .province-dropdown .dropdown-menu .region-header a { color: #da291c; text-align: center; border-bottom: 1px solid #eeeeee; font-weight: 400; margin: 5px 10px; } .ute-dca .dca-footer .footer-bar .province-language .province-dropdown label { display: none; } .ute-dca .dca-footer .footer-bar .province-language .province-dropdown.open .dropdown-menu { display: block; } @media (min-width: 992px) and (max-width: 1199px) { .ute-dca .dca-footer .footer-bar .footer-bar-links li a, .ute-dca .dca-footer .footer-bar .copyright, .ute-dca .dca-footer .footer-bar .province-language .lang-toggle a { font-size: 10px !important; } } @media (min-width: 770px) and (max-width: 991px) { .ute-dca .dca-footer .footer-bar { margin: 0; line-height: 40px; height: 45px; } .ute-dca .dca-footer .footer-bar:after { content: ""; display: table; clear: both; } .ute-dca .dca-footer .footer-bar .footer-bar-links { float: left; } .ute-dca .dca-footer .footer-bar .footer-bar-links li a { font-size: 1rem; display: inline-block; width: auto; max-width: 160px; white-space: initial; overflow: hidden; height: 20px; line-height: 20px; } .ute-dca .dca-footer .footer-bar .container { position: relative; } .ute-dca .dca-footer .footer-bar .container:after { content: ""; display: table; clear: both; } .ute-dca .dca-footer .footer-bar .container .row .col-md-8 { padding: 0; } .ute-dca .dca-footer .footer-bar .container .row .col-md-8:after { content: ""; display: table; clear: both; } .ute-dca .dca-footer .footer-bar .container .row .col-md-8 .footer-bar-links { float: none; margin: 0; position: relative; bottom: 0px; left: 0; } .ute-dca .dca-footer .footer-bar .container .row .col-md-8 .footer-bar-links li a { font-size: 1rem; font-weight: 400; } .ute-dca .dca-footer .footer-bar .container .row .province-language.col-md-2 { position: absolute; right: 0; width: 140px; } .ute-dca .dca-footer .footer-bar .container .row .province-language.col-md-2 .province-dropdown span { display: none; } .ute-dca .dca-footer .footer-bar .container .row .province-language.col-md-2 .province-dropdown label { float: none; margin: 0; } .ute-dca .dca-footer .footer-bar .container .row .province-language.col-md-2 .province-dropdown .dropdown-toggle { margin: 8px 0 0; } .ute-dca .dca-footer .footer-bar .container .row .copyright { height: 30px; line-height: 25px; font-size: 1.1rem; } } @media (min-width: 300px) and (max-width: 769px) { .ute-dca .dca-footer .footer-section.col-md-3 { width: 100%; clear: both; } .ute-dca .dca-footer .footer-section.col-md-3 h3 { cursor: pointer; margin: 15px 0; } .ute-dca .dca-footer .footer-section.col-md-3 h3:after { content: "\ [ + ]"; } .ute-dca .dca-footer .footer-section.col-md-3 h3.open + .nav-link-set { display: block; } .ute-dca .dca-footer .footer-section.col-md-3 h3.open:after { content: "\ [ - ]"; } .ute-dca .dca-footer .footer-section.col-md-3 .nav-link-set { display: none; } .ute-dca .dca-footer .footer-section.col-md-3 .nav-link-set li a i { width: 22px; display: block; float: left; } .ute-dca .dca-footer .footer-bar .row { position: relative; } .ute-dca .dca-footer .footer-bar .row:after { content: ""; display: table; clear: both; } .ute-dca .dca-footer .footer-bar .col-md-8, .ute-dca .dca-footer .footer-bar .col-md-2 { clear: both; width: 98%; } .ute-dca .dca-footer .footer-bar .footer-bar-links { float: none; clear: both; margin: 0 0 60px 15px; } .ute-dca .dca-footer .footer-bar .footer-bar-links:after { content: ""; display: table; clear: both; } .ute-dca .dca-footer .footer-bar .footer-bar-links li { clear: both; line-height: 30px; } .ute-dca .dca-footer .footer-bar .footer-bar-links li:first-child { margin-top: 5px; } .ute-dca .dca-footer .footer-bar .footer-bar-links li a { padding: 0; font-size: 1.4rem; } .ute-dca .dca-footer .footer-bar .copyright { position: absolute; bottom: 60px; margin-left: 15px; } .ute-dca .dca-footer .footer-bar .province-language, .ute-dca .dca-footer .footer-bar .province-language.col-md-2 { clear: both; max-width: 98%; width: 98%; } .ute-dca .dca-footer .footer-bar .province-language .province-dropdown, .ute-dca .dca-footer .footer-bar .province-language.col-md-2 .province-dropdown { display: block; margin-left: 0 !important; } .ute-dca .dca-footer .footer-bar .province-language .province-dropdown .dropdown-menu, .ute-dca .dca-footer .footer-bar .province-language.col-md-2 .province-dropdown .dropdown-menu { display: none; margin-left: 0; left: 0; right: auto; } .ute-dca .dca-footer .footer-bar .province-language .province-dropdown .dropdown-toggle, .ute-dca .dca-footer .footer-bar .province-language.col-md-2 .province-dropdown .dropdown-toggle { display: none; } .ute-dca .dca-footer .footer-bar .province-language .province-dropdown select, .ute-dca .dca-footer .footer-bar .province-language.col-md-2 .province-dropdown select { display: inline-block; background: #fff; border: 1px solid #bbbdc0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .ute-dca .dca-footer .footer-bar .province-language .province-dropdown label, .ute-dca .dca-footer .footer-bar .province-language.col-md-2 .province-dropdown label { float: left; margin-right: 5px; } } html[lang="fr"] .ute-dca .dca-footer .footer-bar .copyright + .col-md-7, html[lang="fr"] .ute-dca .dca-footer .footer-bar .copyright + .col-md-8 { width: 66%; } html[lang="fr"] .ute-dca .dca-footer .footer-bar .footer-bar-links { margin-left: 15px; } @media (max-width: 1200px) { html[lang="fr"] .ute-dca .dca-footer .footer-bar .footer-bar-links li a { max-width: 190px; overflow: hidden; } } html[lang="fr"] .ute-dca .dca-footer .footer-bar .province-language { padding-left: 8px; padding-right: 8px; } html[lang="fr"] .ute-dca .dca-footer .footer-bar .province-language.col-md-2 { width: 13%; min-width: 0; } @media (max-width: 1200px) { html[lang="fr"] .ute-dca .dca-footer .footer-bar .province-language.col-md-2 { width: 16%; } } @media (max-width: 767px) { html[lang="fr"] .ute-dca .dca-footer .footer-bar .province-language.col-md-2 { width: auto; } } html[lang="fr"] .ute-dca .dca-footer .footer-bar .province-language .lang-toggle { padding-right: 10px; } html[lang="fr"] .ute-dca .dca-footer .footer-bar .province-language .lang-toggle:after { right: 3px; } html[lang="fr"] .ute-dca .dca-footer .footer-bar .province-language .province-dropdown .dropdown-toggle { padding: 0 2px; } @media (min-width: 1170px) { .totes-project .footer-bar .container { width: 1172px; } } .dca-magic-lens { display: block; position: fixed; width: 100%; height: 35px; line-height: 35px; background: #e6f6f9; top: -80px; z-index: 206; -moz-transition: "all 0.25s ease-in-out 0s"; -o-transition: "all 0.25s ease-in-out 0s"; -webkit-transition: "all 0.25s ease-in-out 0s"; transition: "all 0.25s ease-in-out 0s"; } .dca-magic-lens.fixed { /** dso-28645 changes**/ top: 91px; } .dca-magic-lens.fixed.android { /** dso-28645 changes**/ top: 91px; } .dca-magic-lens ul { list-style: none; padding: 0; margin: 0; } .dca-magic-lens ul li { float: left; color: #414042; font-size: 13px; font-weight: 400; padding: 0 30px 0 0; position: relative; /*&:lang(fr) { font-size: 11px; }*/ } .dca-magic-lens ul li:last-child { padding-right: 0; } .dca-magic-lens ul li:after { content: "\>"; position: absolute; right: 10px; top: 0; } .dca-magic-lens ul li a { color: #414042; font-size: 13px; cursor: pointer; font-weight: 400; /*&:lang(fr) { font-size: 11px; }*/ } .dca-magic-lens ul li a:hover { text-decoration: underline; } .dca-magic-lens ul li:last-child:after { content: ""; } .dca-magic-lens .context-mobile { display: none; } .dca-magic-lens .context-section { position: absolute; right: 0; white-space: nowrap; width: 100%; display: none; -moz-transition: "all .25s ease-in-out"; -o-transition: "all .25s ease-in-out"; -webkit-transition: "all .25s ease-in-out"; transition: "all .25s ease-in-out"; } .dca-magic-lens .context-section.active { display: block; z-index: 9; } .dca-magic-lens .context-section i { color: #00aec7; font-size: 14px; margin: 0 3px; font-weight: 600; } .dca-magic-lens .context-section ul.contextual-list { float: right; } .dca-magic-lens .context-section ul.contextual-list li { margin: 0 0 0 30px; padding: 0; font-size: 12px; font-weight: 600; display: block; } .dca-magic-lens .context-section ul.contextual-list li:after { content: ""; } .dca-magic-lens .context-section ul.contextual-list li a { font-size: 14px; font-weight: 600; } .dca-magic-lens .context-section ul.contextual-list li .bcStatic { margin-top: -1px; } .dca-magic-lens .context-section .live-chat { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: 1px solid #00aec7; padding: 4px 10px 4px 25px; position: relative; } .dca-magic-lens .context-section .live-chat i { margin: 0; position: absolute; top: 8px; left: 5px; } .dca-magic-lens .breadcrumb-max li:first-child { display: none; } @media (max-width: 1200px) { .dca-magic-lens .col-md-6:first-child { width: 40%; } } @media (max-width: 767px) { .dca-magic-lens .col-md-6:first-child ul li a { display: block; white-space: nowrap; overflow: hidden; max-width: 185px; } } .dca-magic-lens .col-md-6:first-child ul li:last-child { overflow: hidden; white-space: nowrap; max-width: 260px; } @media (max-width: 1200px) { .dca-magic-lens .col-md-6:last-child { width: 60%; } } .lens-section-marker { position: absolute; width: 300px; height: 50px; z-index: -1; } @media (min-width: 770px) and (max-width: 959px) { .dca-magic-lens.fixed { top: 53px; } .dca-magic-lens .context-mobile .nav-sub-menu ul li > a { display: block; } .dca-magic-lens .context-mobile .nav-sub-menu ul li span > a { display: block; } } @media (min-width: 300px) and (max-width: 769px) { .dca-magic-lens.open { display: none; } .dca-magic-lens .context-section { display: none; } .dca-magic-lens .context-mobile { display: block; float: right; margin: -3px 0 0 0; font-size: 1.2rem; position: relative; border-bottom: 3px solid transparent; } .dca-magic-lens .context-mobile > span { cursor: pointer; font-weight: 400; font-size: 13px; margin: 3px 0 -5px; display: block; } .dca-magic-lens .context-mobile > span:after { content: "\e846"; font-size: 10px; margin: 0 0 0 5px; font-family: "rui-icon" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .dca-magic-lens .context-mobile.active { border-bottom-color: #00aec7; } .dca-magic-lens .context-mobile.active > span:after { content: "\e971"; } .dca-magic-lens .context-mobile .nav-sub-menu { position: absolute; display: none; top: 38px; right: 0; width: 300px; border: 1px solid #bbbdc0; padding: 15px 16px 8px; margin: 0 0 0 22px; border-radius: 0 0 8px 8px; background: white; font-size: 1.2rem; -webkit-box-shadow: 3px 3px 10px #bbbdc0; -moz-box-shadow: 3px 3px 10px #bbbdc0; box-shadow: 3px 3px 10px #bbbdc0; } .dca-magic-lens .context-mobile .nav-sub-menu:after { content: ""; display: table; clear: both; } .dca-magic-lens .context-mobile .nav-sub-menu .row { margin: 0 0 10px; padding: 0; border-bottom: 1px solid #bbbdc0; } .dca-magic-lens .context-mobile .nav-sub-menu .row .col-md-6, .dca-magic-lens .context-mobile .nav-sub-menu .row .col-md-12 { position: relative; } .dca-magic-lens .context-mobile .nav-sub-menu .row .nav-care-lbl, .dca-magic-lens .context-mobile .nav-sub-menu .row h4 > a, .dca-magic-lens .context-mobile .nav-sub-menu .row h5 > a { color: #414042; font-size: 16px; font-weight: 600; display: block; } .dca-magic-lens .context-mobile .nav-sub-menu .row .nav-care-lbl:after, .dca-magic-lens .context-mobile .nav-sub-menu .row h4 > a:after, .dca-magic-lens .context-mobile .nav-sub-menu .row h5 > a:after { content: "\e826"; font-family: "rui-icon" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #da291c; font-size: 11px; margin-left: 5px; } .dca-magic-lens .context-mobile .nav-sub-menu .row h4 > a, .dca-magic-lens .context-mobile .nav-sub-menu .row h5 > a { color: #414042; } .dca-magic-lens .context-mobile .nav-sub-menu .row i, .dca-magic-lens .context-mobile .nav-sub-menu .row .rui-icon-generic-message { font-family: "rui-icon" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; -webkit-font-smoothing: antialiased; position: absolute; top: -7px; left: 0; font-size: 1.8rem; color: #00aec7; } .dca-magic-lens .context-mobile .nav-sub-menu .row .col-md-12 { padding: 0 0 10px 28px; } .dca-magic-lens .context-mobile .nav-sub-menu .row .col-md-12 .nav-care-lbl, .dca-magic-lens .context-mobile .nav-sub-menu .row .col-md-12 h5 { margin: 0; } .dca-magic-lens .context-mobile .nav-sub-menu .row .col-md-12 i:before, .dca-magic-lens .context-mobile .nav-sub-menu .row .col-md-12 .rui-icon-generic-message:before { content: "\e813"; } .dca-magic-lens .context-mobile .nav-sub-menu .row .col-md-12 ul li .bcStatic a { display: none; } .dca-magic-lens .context-mobile .nav-sub-menu .row .col-md-12 ul li .bcStatic img { display: none; } .dca-magic-lens .context-mobile .nav-sub-menu .row .col-md-12 ul li:after { content: ''; } .dca-magic-lens .context-mobile .nav-sub-menu .row .col-md-6 { float: left; clear: none; display: block; padding: 0 0 15px 35px; width: 50%; } .dca-magic-lens .context-mobile .nav-sub-menu .row .col-md-6 i, .dca-magic-lens .context-mobile .nav-sub-menu .row .col-md-6 .rui-icon-generic-message { left: 10px; } .dca-magic-lens .context-mobile .nav-sub-menu .row .col-md-6 i:before, .dca-magic-lens .context-mobile .nav-sub-menu .row .col-md-6 .rui-icon-generic-message:before { content: "\e944"; } .dca-magic-lens .context-mobile .nav-sub-menu .row .col-md-6 .nav-care-lbl, .dca-magic-lens .context-mobile .nav-sub-menu .row .col-md-6 h5, .dca-magic-lens .context-mobile .nav-sub-menu .row .col-md-6 h4 > a, .dca-magic-lens .context-mobile .nav-sub-menu .row .col-md-6 h5 > a { font-size: 16px; font-weight: 600; color: #414042; margin: 0 0 0 25px; text-transform: capitalize; height: auto; line-height: 1.3; padding: 0; } .dca-magic-lens .context-mobile .nav-sub-menu .row .col-md-6 .nav-care-lbl:after, .dca-magic-lens .context-mobile .nav-sub-menu .row .col-md-6 h5:after, .dca-magic-lens .context-mobile .nav-sub-menu .row .col-md-6 h4 > a:after, .dca-magic-lens .context-mobile .nav-sub-menu .row .col-md-6 h5 > a:after { content: ""; } .dca-magic-lens .context-mobile .nav-sub-menu .row .col-md-6 ul { display: block; } .dca-magic-lens .context-mobile .nav-sub-menu .row .col-md-6 ul li { padding: 0; } .dca-magic-lens .context-mobile .nav-sub-menu .row .col-md-6 ul li a { color: #0a5498; display: inline-block; } .dca-magic-lens .context-mobile .nav-sub-menu .row .col-md-6 ul li span { white-space: normal; } .dca-magic-lens .context-mobile .nav-sub-menu .row .col-md-6 ul li:first-child span { color: #0a5498; font-weight: 400; font-size: 13px; white-space: nowrap; } .dca-magic-lens .context-mobile .nav-sub-menu .row .col-md-6 ul li:after { content: ''; } .dca-magic-lens .context-mobile .nav-sub-menu .row .col-md-6 ul li:last-child { display: block; } .dca-magic-lens .context-mobile .nav-sub-menu .row .col-md-6 ul li:nth-child(2) span { color: #0a5498; font-size: 12px; font-weight: 600; margin: 0 0 0 25px; height: auto; line-height: initial; } .dca-magic-lens .context-mobile .nav-sub-menu .row .col-md-6:first-child { border-right: 1px solid #bbbdc0; padding-left: 0; /*.nav-care-lbl, h5, h4 > a, h5 > a{ margin:0 0 0 25px; }*/ } .dca-magic-lens .context-mobile .nav-sub-menu .row .col-md-6:first-child i, .dca-magic-lens .context-mobile .nav-sub-menu .row .col-md-6:first-child .rui-icon-generic-message { left: 0; top: -3px; } .dca-magic-lens .context-mobile .nav-sub-menu .row .col-md-6:first-child i:before, .dca-magic-lens .context-mobile .nav-sub-menu .row .col-md-6:first-child .rui-icon-generic-message:before { content: "\e851"; } .dca-magic-lens .context-mobile .nav-sub-menu .row .col-md-6:last-child { border: 0; margin: 0; padding-left: 10px; /*h5, h4 > a, h5 > a{ margin:0 0 0 25px; }*/ } .dca-magic-lens .context-mobile .nav-sub-menu .row .col-md-6:last-child i, .dca-magic-lens .context-mobile .nav-sub-menu .row .col-md-6:last-child .rui-icon-generic-message { left: 10px; top: -3px; } .dca-magic-lens .context-mobile .nav-sub-menu .row:last-child { border-bottom: 0; margin-bottom: 0; } .dca-magic-lens .context-mobile .nav-sub-menu .row:last-child .col-md-12 { padding-bottom: 0; } .dca-magic-lens .context-mobile .nav-sub-menu .row:last-child .col-md-12 i:before, .dca-magic-lens .context-mobile .nav-sub-menu .row:last-child .col-md-12 .rui-icon-generic-message:before { content: "\e837"; } .dca-magic-lens .context-mobile .nav-sub-menu .row:nth-child(2) .col-md-12:before { content: "\e813"; font-family: "rui-icon" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; -webkit-font-smoothing: antialiased; font-size: 1.8rem; color: #00aec7; position: absolute; top: -6px; left: 0; } .dca-magic-lens .context-mobile .nav-sub-menu ul { margin: 0; padding: 0; display: block; } .dca-magic-lens .context-mobile .nav-sub-menu ul li { display: block; } .dca-magic-lens .context-mobile .nav-sub-menu ul li span { font-weight: normal; display: block; float: none; width: auto; max-width: 230px; white-space: initial; overflow: hidden; } .dca-magic-lens .context-mobile .nav-sub-menu ul li span > a { display: block; color: #0a5498; } .dca-magic-lens .context-mobile .nav-sub-menu ul li:last-child { display: block !important; } .dca-magic-lens .col-md-6:first-child { width: 100%; } .dca-magic-lens .col-md-6:first-child li { display: none; } .dca-magic-lens .col-md-6:first-child li:after { content: ''; } .dca-magic-lens .col-md-6:first-child li:nth-last-child(2) { display: block; } .dca-magic-lens .col-md-6:first-child li:nth-last-child(2) span { width: auto; max-width: 160px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: block; height: auto; line-height: 12px; font-size: 12px; margin: 0 0 15px; } .dca-magic-lens[data-count="1"] .col-md-6:first-child { width: 100%; } .dca-magic-lens[data-count="1"] .col-md-6:first-child li { display: block; } } .ute-dca .dca-header-primary { color: #da291c; font-weight: 400; margin: 20px 0; padding: 0; display: block; white-space: nowrap; } .ute-dca .dca-internal-page-header { display: block; position: relative; width: calc(100% + 30px); margin: 0 0 30px -15px; min-height: 220px; height: 100%; overflow: hidden; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6f6f9+0,e7f6f9+100 */ background: #e6f6f9; /* Old browsers */ background: -moz-linear-gradient(left, #e6f6f9 0%, #e7f6f9 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #e6f6f9 0%, #e7f6f9 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, right top, from(#e6f6f9), to(#e7f6f9)); background: -o-linear-gradient(left, #e6f6f9 0%, #e7f6f9 100%); background: linear-gradient(to right, #e6f6f9 0%, #e7f6f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6f6f9', endColorstr='#e7f6f9', GradientType=1); /* IE6-9 */ } .ute-dca .dca-internal-page-header .page-header-overlay { position: absolute; display: none; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; width: 100%; background: rgba(0, 0, 0, 0.35); } .ute-dca .dca-internal-page-header .page-header-img { z-index: 0; position: absolute; left: -60px; right: -60px; min-height: 220px; height: 100%; } .ute-dca .dca-internal-page-header .page-header-img img { width: auto; height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-height: 220px; position: relative; } .ute-dca .ute-dca--head-banner-container { padding: 0; width: 100%; margin-bottom: 20px; overflow: hidden; margin-top: 26px; } @media (max-width: 899px) { .ute-dca .ute-dca--head-banner-container { margin-top: 0; } } .ute-dca .ute-dca--head-banner-container .page-header-img { min-height: 220px; height: auto; position: relative; } .ute-dca .ute-dca--head-banner-container .page-header-img img { position: relative; min-height: 220px; height: auto; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } @media (max-width: 767px) { .ute-dca .ute-dca--head-banner-container .page-header-img img { /*Changing 58% to 50% in the below 3 lines*/ -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } } .ute-dca .ute-dca--head-banner-container .page-header-text { position: absolute; top: 30px; z-index: 2; padding: 0; margin: 0; min-width: 300px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); left: 50%; width: calc(1170px - 30px); } @media (max-width: 1200px) { .ute-dca .ute-dca--head-banner-container .page-header-text { width: calc(970px - 30px); } } @media (max-width: 991px) { .ute-dca .ute-dca--head-banner-container .page-header-text { width: calc(750px - 30px); } } @media (max-width: 767px) { .ute-dca .ute-dca--head-banner-container .page-header-text { position: relative; top: auto; left: auto; float: none; width: calc(100% - 30px); -webkit-transform: none; -ms-transform: none; transform: none; margin-left: 15px; margin-top: 10px; } } .ute-dca .ute-dca--head-banner-container .page-header-text h1, .ute-dca .ute-dca--head-banner-container .page-header-text h2, .ute-dca .ute-dca--head-banner-container .page-header-text h3, .ute-dca .ute-dca--head-banner-container .page-header-text h4 { font-weight: 400; color: #414042; } .ute-dca .ute-dca--head-banner-container .page-header-text h5 { font-weight: 600; color: #414042; } .ute-dca .ute-dca--head-banner-container .page-header-text strong { font-weight: 600; } .ute-dca .ute-dca--head-banner-container .page-header-text h1 { font-size: 44px; font-weight: 400; font-family: TedNext, Helvetica, sans-serif; line-height: 54px; margin: 0; display: block; width: 80%; max-width: 780px; } @media (max-width: 767px) { .ute-dca .ute-dca--head-banner-container .page-header-text h1 { font-size: 30px; line-height: 38px; width: 95%; } } .ute-dca .ute-dca--head-banner-container .page-header-text p { font-size: 18px; margin: 10px 0 0; font-weight: 400; width: 55%; font-weight: 600; } @media (max-width: 767px) { .ute-dca .ute-dca--head-banner-container .page-header-text p { width: 95%; margin: 15px 0 0; } } .ute-dca .ute-dca--head-banner-container[data-handler="dark"] .page-header-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: black; opacity: .35; } .ute-dca .ute-dca--head-banner-container[data-handler="dark"] .page-header-text h1, .ute-dca .ute-dca--head-banner-container[data-handler="dark"] .page-header-text h2, .ute-dca .ute-dca--head-banner-container[data-handler="dark"] .page-header-text h3, .ute-dca .ute-dca--head-banner-container[data-handler="dark"] .page-header-text h4, .ute-dca .ute-dca--head-banner-container[data-handler="dark"] .page-header-text h5, .ute-dca .ute-dca--head-banner-container[data-handler="dark"] .page-header-text p { color: white; } @media (max-width: 767px) { .ute-dca .ute-dca--head-banner-container[data-handler="dark"] .page-header-text h1, .ute-dca .ute-dca--head-banner-container[data-handler="dark"] .page-header-text h2, .ute-dca .ute-dca--head-banner-container[data-handler="dark"] .page-header-text h3, .ute-dca .ute-dca--head-banner-container[data-handler="dark"] .page-header-text h4, .ute-dca .ute-dca--head-banner-container[data-handler="dark"] .page-header-text h5, .ute-dca .ute-dca--head-banner-container[data-handler="dark"] .page-header-text p { color: #414042; } } .ute-dca .ute-dca--flex-container { width: 100%; margin: auto; } .ute-dca .ute-dca--scroll { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .ute-dca .ute-dca--flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .ute-dca .ute-dca--flex-item { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 13px 10px 12px; } .ute-dca .ute-dca--flex-item:first-child { padding-left: 0; } .ute-dca .ute-dca--flex-item:last-child { padding-right: 0; } .ute-dca .dca-news-feed { width: auto; min-height: 235px; padding: 16px; padding-bottom: 11px; margin: 10px 0; background-color: #E9E9E9; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .ute-dca .dca-news-feed:after { content: ""; display: table; clear: both; } .ute-dca .dca-news-feed .news-feed-image { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; height: 122px; overflow: hidden; } .ute-dca .dca-news-feed .news-feed-image img { width: 100%; height: auto; } .ute-dca .dca-news-feed .news-feed-description { margin-top: 11px; min-height: 60px; font-size: 1.6rem; max-width: 240px; } .ute-dca .dca-news-feed .news-feed-link { font-size: 1.6rem; } .ute-dca .dca-news-feed .news-feed-link-3 { font-size: 1.6rem; } .ute-dca .dca-news-feed .news-feed-link-3:empty { display: none; } .ute-dca .dca-news-feed .news-feed-link-3:after { content: "\e906"; font-family: "rui-icon" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; -webkit-font-smoothing: antialiased; font-size: 1.2rem; } .ute-dca .ute-dca--clearfix { clear: both; font-size: 0; line-height: 0; height: 0; } /*For phone screens*/ @media (max-width: 768px) { .ute-dca .dca-news-feed { margin-right: auto; margin-left: auto; width: 261px; } .ute-dca .dca-news-feed:first-child { margin: 10px auto; } .ute-dca .dca-news-feed:last-child { margin: 10px auto; } } /*Developed for https://rogers.invisionapp.com/share/WC8H5V3SV#/screens/185671490*/ /* For section 6.1 Resource module */ .ute-dca .dca-resource { margin: 10px 0; } .ute-dca .dca-resource .resource-title { font-size: 30px; margin-bottom: 15px; font-weight: 600; } .ute-dca .dca-resource .video-section .video-js { width: 100%; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .ute-dca .dca-resource .video-section .video-js .vjs-control-bar { -webkit-border-bottom-left-radius: 7px; -moz-border-bottom-left-radius: 7px; -ms-border-bottom-left-radius: 7px; border-bottom-left-radius: 7px; -webkit-border-bottom-right-radius: 7px; -moz-border-bottom-right-radius: 7px; -ms-border-bottom-right-radius: 7px; border-bottom-right-radius: 7px; } .ute-dca .dca-resource .video-section .video-info-xs { display: none; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #bbbdc0; } .ute-dca .dca-resource .video-section .video-info-xs .video-title { margin-top: 0; margin-bottom: 0; } .ute-dca .dca-resource .video-section .video-info-xs .video-title a { line-height: 32px; font-size: 1.8rem; font-weight: 400; } .ute-dca .dca-resource .video-section .video-info-xs .video-date { font-size: 1.6rem; } .ute-dca .dca-resource .content-section .content-box { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #bbbdc0; } .ute-dca .dca-resource .content-section .content-box .content-type { font-size: 1.2rem; text-transform: uppercase; } .ute-dca .dca-resource .content-section .content-box .content-type span { margin-left: 5px; } .ute-dca .dca-resource .content-section .content-box .content-title { margin-top: 0; margin-bottom: 0; } .ute-dca .dca-resource .content-section .content-box .content-title a { line-height: 32px; font-size: 1.8rem; font-weight: 400; } .ute-dca .dca-resource .content-section .content-box .content-date { font-size: 1.6rem; } .ute-dca .dca-resource .content-section .view-more { font-size: 1.8rem; } .ute-dca .dca-resource .content-section .view-more i { font-size: 1rem; } /*For phone screens*/ @media (max-width: 768px) { .ute-dca .dca-resource .video-section .video-js { width: 100%; } .ute-dca .dca-resource .video-section .video-info-xs { display: block; } .ute-dca .dca-resource .video-section .video-info-xs .video-title { font-size: 1.6rem; } .ute-dca .dca-resource .video-section .video-info-xs .video-date { font-size: 1.1rem; } .ute-dca .dca-resource .content-section .content-box .content-type { font-size: 1rem; text-transform: uppercase; } .ute-dca .dca-resource .content-section .content-box .content-title { font-size: 1.6rem; } .ute-dca .dca-resource .content-section .content-box .content-date { font-size: 1.1rem; } } /*developed for https://rogers.invisionapp.com/share/WC8H5V3SV#/screens/183912545*/ .ute-dca { /*util*/ /*General styles across all 5 variations*/ /*12.1 Add unit text only - featured promo*/ /*12.2 Add unit text only*/ /*12.3 Add unit text narrow*/ /*12.4 Add unit text and image*/ /*12.5 Add unit text and image - narrow*/ } .ute-dca .desktop-only { display: block; } .ute-dca .phone-only { display: none; } .ute-dca .dca-promotion { margin: 5px 0; } .ute-dca .dca-promotion .dca-promotion-content { position: relative; } .ute-dca .dca-promotion .dca-promotion-content:after { content: ""; display: table; clear: both; } .ute-dca .dca-promotion .dca-promotion-content p { display: block; } .ute-dca .dca-promotion .dca-promotion-content .ute-btn-tertiary { position: absolute; bottom: calc(20px - 100%); left: 0; } .ute-dca .dca-promotion .dca-promotion-img { float: left; margin: -15px 15px -15px -15px; } @media (max-width: 991px) { .ute-dca .dca-promotion .dca-promotion-img { float: none; margin: 0 -15px 10px; border-top-right-radius: 5px; border-top-left-radius: 5px; } } .ute-dca .dca-promotion .dca-promotion-img.small-thumb { /*height:190px; width:196px;*/ overflow: hidden; /*+.dca-promotion-content{ .ute-btn-tertiary{ bottom:-120%; } }*/ } .ute-dca .dca-promotion .dca-promotion-img.large-thumb { /* width:555px; height:159px;*/ } .ute-dca .dca-promotion .dca-promotion-img.large-thumb + .dca-promotion-content .ute-btn-tertiary { bottom: calc(20px - 100%); } @media (max-width: 768px) { .ute-dca .dca-promotion .dca-promotion-img.large-thumb + .dca-promotion-content { float: none; clear: both; margin: 10px 0 0; } .ute-dca .dca-promotion .dca-promotion-img.large-thumb + .dca-promotion-content .ute-btn-tertiary { bottom: calc(20px - 100%); right: 0; left: auto; } } @media (max-width: 768px) { .ute-dca .dca-promotion .dca-promotion-img.large-thumb { width: 130%; margin: 0 -15%; overflow: hidden; float: none; } } .ute-dca .dca-promotion .dca-promotion-img img { width: 100%; height: auto; max-height: 200px; } .ute-dca .dca-promotion .dca-promotion-carousel-container { border: 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; /*Carousel controls*/ } .ute-dca .dca-promotion .dca-promotion-carousel-container .owl-controls { position: absolute; bottom: 15px; right: 14px; z-index: 1; } .ute-dca .dca-promotion .dca-promotion-carousel-container .owl-controls .owl-page span { width: 17px; height: 17px; margin: 5px; opacity: 1; background: initial; border: 1px solid #ffbf3f; } .ute-dca .dca-promotion .dca-promotion-carousel-container .owl-controls .owl-page:hover span, .ute-dca .dca-promotion .dca-promotion-carousel-container .owl-controls .owl-page.active span { background: #ffbf3f; } .ute-dca .dca-promotion .dca-promotion-carousel-container .dca-promotion-carousel-item { padding: 15px; } .ute-dca .dca-promotion .dca-promotion-carousel-container .dca-promotion-carousel-item p { font-size: 14px; } .ute-dca .dca-promotion .dca-promotion-carousel-container .dca-promotion-carousel-item[data-handler='white'] { background: white; border: 1px solid #FFBF3F; border-radius: 8px; } .ute-dca .dca-promotion .dca-promotion-carousel-container .dca-promotion-carousel-item h3 { margin-top: 0; margin-bottom: 0; line-height: 25px; font-size: 2rem; font-weight: 400; } .ute-dca .dca-promotion .dca-promotion-carousel-container .dca-promotion-carousel-item p { font-size: 14px; font-weight: 400; width: 95%; } @media (max-width: 767px) { .ute-dca .dca-promotion .dca-promotion-carousel-container .dca-promotion-carousel-item p { width: 100%; } } .ute-dca .dca-promotion .dca-promotion-carousel-container .dca-promotion-carousel-item strong { font-weight: 600; } .ute-dca .dca-promotion .dca-promotion-carousel-container .dca-promotion-carousel-item .ute-btn-tertiary { width: auto; height: 30px; line-height: 28px; text-align: center; padding: 1px 15px; font-size: 1.2rem; margin-bottom: 10px; } .ute-dca .dca-promotion .dca-promotion-carousel-container .dca-promotion-carousel-item .ute-btn-tertiary:empty { display: none; } .ute-dca .dca-promotion--variation1 { position: relative; margin: 30px auto 0; } .ute-dca .dca-promotion--variation1.plans-pricing { margin: 0 auto 30px; } .ute-dca .dca-promotion--variation1.plans-pricing.pricing-full { margin: 30px auto 0; } .ute-dca .dca-promotion--variation1 .dca-promotion-featured { position: absolute; left: 0; top: 0; z-index: 1; font-size: 1rem; font-weight: 600; text-transform: uppercase; padding: 6px 10px; background-color: #ffbf3f; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .ute-dca .dca-promotion--variation1 .dca-promotion-carousel-container { border: 1px solid #ffbf3f; float: left; clear: both; min-height: 160px; } .ute-dca .dca-promotion--variation1 .dca-promotion-carousel-container .dca-promotion-carousel-item { padding-top: 15px; font-weight: 400; } .ute-dca .dca-promotion--variation1 .dca-promotion-carousel-container .dca-promotion-carousel-item:after { content: ""; display: table; clear: both; } @media (max-width: 991px) { .ute-dca .dca-promotion--variation1 .dca-promotion-carousel-container .dca-promotion-carousel-item { padding-top: 0px; } } .ute-dca .dca-promotion--variation1 .dca-promotion-carousel-container .dca-promotion-carousel-item h3 { font-weight: 400; font-size: 22px; } .ute-dca .dca-promotion--variation1 .dca-promotion-carousel-container .dca-promotion-carousel-item .ute-btn-tertiary { width: auto !important; font-size: 14px; line-height: 23px; height: 25px; position: relative; } .ute-dca .dca-promotion--variation2 .dca-promotion-carousel-container { width: 50%; float: left; min-height: 160px; } .ute-dca .dca-promotion--variation3 .dca-promotion-carousel-container { width: 100%; margin: 0; background: #ffe9c7; } .ute-dca .dca-promotion--variation3 .dca-promotion-carousel-container .owl-controls .owl-page span { border-color: black; } .ute-dca .dca-promotion--variation3 .dca-promotion-carousel-container .owl-controls .owl-page.active span { background: black; } .ute-dca .dca-promotion--variation4 .dca-promotion-carousel-container { float: left; width: 100%; } .ute-dca .dca-promotion--variation4 .dca-promotion-carousel-container .dca-promotion-carousel-item { padding: 0; } .ute-dca .dca-promotion--variation4 .dca-promotion-carousel-container .dca-promotion-carousel-item .promo-image-section { width: 555px; float: left; } .ute-dca .dca-promotion--variation4 .dca-promotion-carousel-container .dca-promotion-carousel-item .promo-image-section img { -webkit-border-top-left-radius: 6px; -moz-border-top-left-radius: 6px; -ms-border-top-left-radius: 6px; border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-bottom-left-radius: 6px; -ms-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; } .ute-dca .dca-promotion--variation4 .dca-promotion-carousel-container .dca-promotion-carousel-item .promo-text-section { width: calc(100% - 555px); float: left; padding: 20px 14px 20px 30px; } .ute-dca .dca-promotion--variation5 .dca-promotion-carousel-container { float: left; width: 555px; } .ute-dca .dca-promotion--variation5 .dca-promotion-carousel-container .dca-promotion-carousel-item { padding: 0; } .ute-dca .dca-promotion--variation5 .dca-promotion-carousel-container .dca-promotion-carousel-item .promo-image-section { width: 195px; float: left; } .ute-dca .dca-promotion--variation5 .dca-promotion-carousel-container .dca-promotion-carousel-item .promo-image-section img { -webkit-border-top-left-radius: 6px; -moz-border-top-left-radius: 6px; -ms-border-top-left-radius: 6px; border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-bottom-left-radius: 6px; -ms-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; } .ute-dca .dca-promotion--variation5 .dca-promotion-carousel-container .dca-promotion-carousel-item .promo-text-section { width: calc(100% - 195px); float: left; padding: 15px 14px 15px 17px; } /*============================ For phone screens ===================================*/ /*=================================================================================*/ @media (max-width: 768px) { .ute-dca { /*util*/ /*General styles across all 5 variations*/ /*12.1 Add unit text only - featured promo*/ /*12.2 Add unit text only*/ /*12.1 Add unit text only narrow*/ /*12.4 Add unit text and image*/ /*12.5 Add unit text and image*/ } .ute-dca .desktop-only { display: none; } .ute-dca .phone-only { display: block; } .ute-dca .dca-promotion .dca-promotion-carousel-container { font-size: 1rem; /*Carousel controls*/ } .ute-dca .dca-promotion .dca-promotion-carousel-container .owl-controls { bottom: 22px; right: 14px; } .ute-dca .dca-promotion .dca-promotion-carousel-container .owl-controls .owl-page span { width: 17px; height: 17px; margin: 5px; opacity: 1; background: initial; } .ute-dca .dca-promotion .dca-promotion-carousel-container .dca-promotion-carousel-item { padding-top: 25px; } .ute-dca .dca-promotion .dca-promotion-carousel-container .dca-promotion-carousel-item h3 { font-size: 1.8rem; line-height: 27px; font-weight: 600; } .ute-dca .dca-promotion .dca-promotion-carousel-container .dca-promotion-carousel-item p { font-size: 14px; font-weight: 400; } .ute-dca .dca-promotion--variation1 .dca-promotion-carousel-container { width: 100%; } .ute-dca .dca-promotion--variation1 .dca-promotion-carousel-container .dca-promotion-carousel-item { padding-top: 25px; } .ute-dca .dca-promotion--variation1.plans-pricing .dca-promotion-carousel-container .dca-promotion-carousel-item { padding-top: 0; } .ute-dca .dca-promotion--variation2 .dca-promotion-carousel-container { width: 100%; } .ute-dca .dca-promotion--variation2 .dca-promotion-carousel-container .dca-promotion-carousel-item { padding-top: 15px; } .ute-dca .dca-promotion--variation3 .dca-promotion-carousel-container { width: 100%; } .ute-dca .dca-promotion--variation3 .dca-promotion-carousel-container .dca-promotion-carousel-item { padding-top: 15px; } .ute-dca .dca-promotion--variation4 .dca-promotion-carousel-container { width: 100%; } .ute-dca .dca-promotion--variation4 .dca-promotion-carousel-container .dca-promotion-carousel-item { padding-top: 0; } .ute-dca .dca-promotion--variation4 .dca-promotion-carousel-container .dca-promotion-carousel-item .promo-image-section { width: 100%; } .ute-dca .dca-promotion--variation4 .dca-promotion-carousel-container .dca-promotion-carousel-item .promo-image-section img { -webkit-border-bottom-left-radius: 0px; -moz-border-bottom-left-radius: 0px; -ms-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; -webkit-border-top-right-radius: 6px; -moz-border-top-right-radius: 6px; -ms-border-top-right-radius: 6px; border-top-right-radius: 6px; } .ute-dca .dca-promotion--variation4 .dca-promotion-carousel-container .dca-promotion-carousel-item .promo-text-section { padding: 15px 14px 15px 17px; width: 100%; } .ute-dca .dca-promotion--variation5 .dca-promotion-carousel-container { width: 100%; } .ute-dca .dca-promotion--variation5 .dca-promotion-carousel-container .dca-promotion-carousel-item { padding-top: 0; } .ute-dca .dca-promotion--variation5 .dca-promotion-carousel-container .dca-promotion-carousel-item .promo-image-section { width: 100%; } .ute-dca .dca-promotion--variation5 .dca-promotion-carousel-container .dca-promotion-carousel-item .promo-image-section img { -webkit-border-bottom-left-radius: 0px; -moz-border-bottom-left-radius: 0px; -ms-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; -webkit-border-top-right-radius: 6px; -moz-border-top-right-radius: 6px; -ms-border-top-right-radius: 6px; border-top-right-radius: 6px; } .ute-dca .dca-promotion--variation5 .dca-promotion-carousel-container .dca-promotion-carousel-item .promo-text-section { width: 100%; } } /*Developed for https://rogers.invisionapp.com/share/WC8H5V3SV#/screens/185671490*/ /*For sections 5.1, Video module that goes inside features and accordion => class "ute-dca--video-content-inside" 5.2, Video feature line w/ content column on the right => class "ute-dca--video-content-with-content" 5.3, Article feature line w/ content column on the right => class "ute-dca--video-content-with-content" 5.4, Video/Articles stand alone list => class "ute-dca--video-content-stand-alone" 5.5, Video/Articles list => class "ute-dca--video-content-list" */ .ute-dca { /*General styles across all 5 variations*/ } .ute-dca .ute-dca--video-content--item { width: 25%; float: left; padding-left: 15px; padding-right: 15px; } .ute-dca .ute-dca--video-content--item--title { font-size: 18px; font-weight: 600; } .ute-dca .ute-dca--video-content--item--description { font-size: 14px; line-height: 22px; margin-top: 5px; } .ute-dca .ute-dca--video-content--item--link { font-size: 14px; } .ute-dca .ute-dca--video-content--item--link i:before { font-size: 10px; } .ute-dca .ute-dca--video-content--item--src-image { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 100%; height: 120px; } .ute-dca .ute-dca--video-content--item--src-video { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: 120px; } .ute-dca .ute-dca--video-content--item--src-video .video-js { height: 120px !important; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .ute-dca .ute-dca--video-content--item--src-video .video-js .vjs-control-bar { -webkit-border-bottom-left-radius: 7px; -moz-border-bottom-left-radius: 7px; -ms-border-bottom-left-radius: 7px; border-bottom-left-radius: 7px; -webkit-border-bottom-right-radius: 7px; -moz-border-bottom-right-radius: 7px; -ms-border-bottom-right-radius: 7px; border-bottom-right-radius: 7px; } /*============================ For Desktop screens only ===================================*/ /*=================================================================================*/ @media (min-width: 768px) { .ute-dca { /*5.5 Video/Articles list*/ /*5.4 Video/Articles stand alone list*/ /*15.3 Article feature line w/ content column on the right*/ /*15.2 Video feature line w/ content column on the right*/ /*15.1 Video module that goes inside features and accordion*/ } .ute-dca .ute-dca--video-content-with-content .ute-dca--video-content--item { width: 66.66666667%; } .ute-dca .ute-dca--video-content-with-content .ute-dca--video-content--item--title { width: 58.33333333%; float: right; margin-top: 0; padding-left: 30px; } .ute-dca .ute-dca--video-content-with-content .ute-dca--video-content--item--description { width: 58.33333333%; float: right; padding-left: 30px; } .ute-dca .ute-dca--video-content-with-content .ute-dca--video-content--item--link { width: 58.33333333%; float: right; padding-left: 30px; } .ute-dca .ute-dca--video-content-with-content .ute-dca--video-content--item--src-image, .ute-dca .ute-dca--video-content-with-content .ute-dca--video-content--item--src-video { width: 41.66666667%; float: left; } .ute-dca .ute-dca--video-content-inside .ute-dca--video-content--item { width: 50%; float: left; } .ute-dca .ute-dca--video-content-inside .ute-dca--video-content--item--src-image, .ute-dca .ute-dca--video-content-inside .ute-dca--video-content--item--src-video { width: 33.33333333%; float: left; } .ute-dca .ute-dca--video-content-inside .ute-dca--video-content--item--description { width: 66.66666667%; float: right; padding-left: 30px; font-size: 14px; } } /*============================ For phone screens only ===================================*/ /*=================================================================================*/ @media (max-width: 768px) { .ute-dca { /*General styles across all 5 variations*/ /*5.5 Video/Articles list*/ /*5.4 Video/Articles stand alone list*/ /*15.3 Article feature line w/ content column on the right*/ /*15.2 Video feature line w/ content column on the right*/ /*15.1 Video module that goes inside features and accordion*/ } .ute-dca .ute-dca--video-content--item { width: 100%; } .ute-dca .ute-dca--video-content--item--title { font-size: 16px; } .ute-dca .ute-dca--video-content--item--description { font-size: 12px; } .ute-dca .ute-dca--video-content--item--link { font-size: 12px; } .ute-dca .ute-dca--video-content--item--link i:before { font-size: 8px; } .ute-dca .ute-dca--video-content-list.ute-dca--video-content--container { overflow-x: scroll; overflow-y: hidden; } .ute-dca .ute-dca--video-content-list .ute-dca--video-content--scroll { width: calc(83.33% * 4); } .ute-dca .ute-dca--video-content-list .ute-dca--video-content--item { width: 25%; } .ute-dca .ute-dca--video-content-inside .ute-dca--video-content--item { width: 75%; float: left; } .ute-dca .ute-dca--video-content-inside .ute-dca--video-content--item--src-image, .ute-dca .ute-dca--video-content-inside .ute-dca--video-content--item--src-video { width: 87.5%; float: left; } .ute-dca .ute-dca--video-content-inside .ute-dca--video-content--item--description { font-size: 14px; } } dca-carousel { display: block; position: relative; } .ute-dca--carousel--container { position: relative; background: #F5F5F5; width: 100%; min-width: 0 !important; } @media (max-width: 1200px) { .ute-dca--carousel--container { overflow: hidden; } } @media (max-width: 767px) { .ute-dca--carousel--container { display: block; position: relative; margin: 0 0 20px; } } .ute-dca--carousel--container #ute-dca--carousel--carousel .item img { display: block; width: auto; height: auto; /*max-width: 2560px;*/ min-height: 480px; margin: 0 auto; } @media (max-width: 991px) { .ute-dca--carousel--container #ute-dca--carousel--carousel .item img { min-height: 340px; min-width: 940px; } } .ute-dca--carousel--container #ute-dca--carousel--carousel .item img .bcStatic img { width: 91px; height: 24px; } @media (max-width: 991px) { .ute-dca--carousel--container #ute-dca--carousel--carousel .item img .bcStatic img { min-height: 0; min-width: 0; } } .ute-dca--carousel--container #ute-dca--carousel--carousel .item .ute-dca--carousel--contact-option img { min-height: 0; min-width: 0; } @media (max-width: 991px) { .ute-dca--carousel--container #ute-dca--carousel--carousel .item .ute-dca--carousel--contact-option img { min-height: 0; min-width: 0; } } .ute-dca--carousel--container .owl-theme .owl-controls .owl-buttons div { padding: 5px 9px; } .ute-dca--carousel--container .owl-theme .owl-buttons i { margin-top: 2px; } .ute-dca--carousel--container #ute-dca--carousel--carousel .owl-controls { /*position: absolute; top:40%; bottom:40%; left: 50%; transform: translateX(-50%); z-index: 1;*/ position: absolute; top: 50%; margin: 0; max-width: 2560px; width: 100%; } .ute-dca--carousel--container #ute-dca--carousel--carousel .owl-controls .owl-pagination { position: absolute; bottom: -290px; /*bottom: calc(100% - 200%);*/ left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); height: 200px; width: 666px; /*background: -moz-radial-gradient(center, ellipse cover, rgba(65,64,66,0.5) 0%, rgba(65,64,66,0.3) 52%, rgba(0,0,0,0.2) 57%, rgba(0,0,0,0) 70%); background: -webkit-radial-gradient(center, ellipse cover, rgba(65,64,66,0.5) 0%,rgba(65,64,66,0.3) 52%,rgba(0,0,0,0.2) 57%,rgba(0,0,0,0) 70%); background: radial-gradient(ellipse at center, rgba(65,64,66,0.5) 0%,rgba(65,64,66,0.3) 52%,rgba(0,0,0,0.2) 57%,rgba(0,0,0,0) 70%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80414042', endColorstr='#00000000',GradientType=1 );*/ background-position: center -8px; background-size: 100% 60px; background-repeat: no-repeat; /*@media (max-width: 1600px) { bottom: calc(100% - 200%); }*/ } @media (max-width: 1400px) { .ute-dca--carousel--container #ute-dca--carousel--carousel .owl-controls .owl-pagination { /*bottom: calc(100% - 215%);*/ bottom: -290px; } } @media (max-width: 1200px) { .ute-dca--carousel--container #ute-dca--carousel--carousel .owl-controls .owl-pagination { /*bottom: calc(100% - 300%);*/ bottom: -390px; } } @media (max-width: 767px) { .ute-dca--carousel--container #ute-dca--carousel--carousel .owl-controls .owl-pagination { height: 24px; width: 115px; /*bottom: calc(100% - 283%);*/ background: none; bottom: -145px; } } .ute-dca--carousel--container #ute-dca--carousel--carousel .owl-controls .owl-pagination .owl-page { width: 33.33%; position: relative; } .ute-dca--carousel--container #ute-dca--carousel--carousel .owl-controls .owl-pagination .owl-page:after { content: " "; display: block; width: 93%; height: 1px; position: absolute; top: 0; right: -47%; background: #00AEC7; } @media (max-width: 767px) { .ute-dca--carousel--container #ute-dca--carousel--carousel .owl-controls .owl-pagination .owl-page:after { background: transparent; } } .ute-dca--carousel--container #ute-dca--carousel--carousel .owl-controls .owl-pagination .owl-page:first-child { float: left; } .ute-dca--carousel--container #ute-dca--carousel--carousel .owl-controls .owl-pagination .owl-page:last-child { float: right; } .ute-dca--carousel--container #ute-dca--carousel--carousel .owl-controls .owl-pagination .owl-page:last-child:after { background: transparent; } .ute-dca--carousel--container #ute-dca--carousel--carousel .owl-controls .owl-pagination .owl-page span { background: transparent; border: 2px solid #00AEC7; width: 17px; height: 17px; border-radius: 50%; margin: 0; opacity: 1; display: inline-block; position: relative; top: -8px; /*@media (max-width: 1200px) { width: 21px; height: 21px; }*/ } .ute-dca--carousel--container #ute-dca--carousel--carousel .owl-controls .owl-pagination .owl-page:hover span { background: #00AEC7; } .ute-dca--carousel--container #ute-dca--carousel--carousel .owl-controls .owl-pagination .owl-page.active span { background: #00AEC7; opacity: 1; } .ute-dca--carousel--container #ute-dca--carousel--carousel .owl-controls .owl-pagination .page-line { display: block; margin: 0 auto; border-top: 1px solid #00AEC7; width: 68%; position: absolute; top: 0; left: 16%; z-index: -1; } @media (max-width: 767px) { .ute-dca--carousel--container #ute-dca--carousel--carousel .owl-controls .owl-pagination .page-line { display: none; } } .ute-dca--carousel--container #ute-dca--carousel--carousel .owl-controls .owl-pagination .slide-title { color: #fff; font-weight: 400; margin-top: -10px; text-shadow: 0 0 5px black, 0 0 25px black, 0 0 20px dimgrey; } @media (max-width: 767px) { .ute-dca--carousel--container #ute-dca--carousel--carousel .owl-controls .owl-pagination .slide-title { display: none; } } .ute-dca--carousel--container #ute-dca--carousel--carousel .owl-controls .owl-buttons div:hover { opacity: .8; } .ute-dca--carousel--container #ute-dca--carousel--carousel .owl-controls .owl-buttons .owl-prev { position: absolute; top: 50%; left: 0; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); width: 50px; height: 70px; border-radius: 0px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background: white; font-size: 32px; line-height: 70px; padding: 0px; margin: 0px; } .ute-dca--carousel--container #ute-dca--carousel--carousel .owl-controls .owl-buttons .owl-prev:hover { opacity: .8; } .ute-dca--carousel--container #ute-dca--carousel--carousel .owl-controls .owl-buttons .owl-prev i { color: #00AEC7; margin: 0px; position: absolute; left: 25%; top: calc(50% + 2px); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 767px) { .ute-dca--carousel--container #ute-dca--carousel--carousel .owl-controls .owl-buttons .owl-prev { display: none; } } .ute-dca--carousel--container #ute-dca--carousel--carousel .owl-controls .owl-buttons .owl-next { position: absolute; top: 50%; right: 0; width: 50px; height: 70px; border-radius: 0px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background: white; font-size: 32px; line-height: 70px; padding: 0px; margin: 0px; } .ute-dca--carousel--container #ute-dca--carousel--carousel .owl-controls .owl-buttons .owl-next:hover { opacity: .6; } .ute-dca--carousel--container #ute-dca--carousel--carousel .owl-controls .owl-buttons .owl-next i { color: #00AEC7; margin: 0px; position: absolute; left: 25%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 767px) { .ute-dca--carousel--container #ute-dca--carousel--carousel .owl-controls .owl-buttons .owl-next { display: none; } } .ute-dca--carousel--container .ute-dca--carousel--cta-container { position: absolute; left: calc((100% - 1170px) / 2); /*left: 50%; transform: translateX(-50%);*/ top: 20px; z-index: 2; max-width: 1170px; width: 78%; /* @media (max-width: 1199px) { left: calc(((100% - 1024px)/ 2) + 50px); } @media (max-width: 1024px) { left: calc(((100% - 970px)/ 2) + 50px); } @media (max-width: 600px) { left: calc(((100% - 500px)/ 2) + 50px); }*/ /*margin-left: 35px;*/ } @media (max-width: 1199px) { .ute-dca--carousel--container .ute-dca--carousel--cta-container { margin-left: 0; width: 85%; } } @media (max-width: 991px) { .ute-dca--carousel--container .ute-dca--carousel--cta-container { margin-left: 0; width: 92%; } } @media (max-width: 768px) { .ute-dca--carousel--container .ute-dca--carousel--cta-container { left: calc(100% - 96%) !important; } .ute-dca--carousel--container .ute-dca--carousel--cta-container .ute-dca--carousel--contact-container { display: block; } } @media (max-width: 767px) { .ute-dca--carousel--container .ute-dca--carousel--cta-container .ute-dca--carousel--contact-container { display: none; } } .ute-dca--carousel--container .ute-dca--carousel--cta-header { color: #DA291C; font-size: 44px; line-height: 54px; font-weight: 300; cursor: default; margin-bottom: 5px; max-width: 600px; } .ute-dca--carousel--container .ute-dca--carousel--cta-header sub, .ute-dca--carousel--container .ute-dca--carousel--cta-header sup { font-size: 0.425em; } @media (max-width: 991px) { .ute-dca--carousel--container .ute-dca--carousel--cta-header { margin-top: 20px; margin-left: 40px; } } @media (max-width: 767px) { .ute-dca--carousel--container .ute-dca--carousel--cta-header { font-size: 40px; line-height: 1.1; margin-top: 0; margin-left: 15px; } } @media (max-width: 600px) { .ute-dca--carousel--container .ute-dca--carousel--cta-header { font-size: 28px; line-height: 1.1; margin-left: 15px; } } .ute-dca--carousel--container .ute-dca--carousel--cta-content { font-size: 16px; line-height: 22px; cursor: default; font-weight: 400; margin-bottom: 7px; max-width: 600px; } @media (max-width: 991px) { .ute-dca--carousel--container .ute-dca--carousel--cta-content { margin-left: 40px; } } @media (max-width: 767px) { .ute-dca--carousel--container .ute-dca--carousel--cta-content { line-height: 1.4; } } @media (max-width: 600px) { .ute-dca--carousel--container .ute-dca--carousel--cta-content { margin: 0 0 0 15px; } } .ute-dca--carousel--container .ute-dca--carousel--cta-link { height: 30px; width: 225px; cursor: default; display: inline; white-space: nowrap; text-align: center; } .ute-dca--carousel--container .ute-dca--carousel--cta-link:hover { text-decoration: none; } @media (max-width: 767px) { .ute-dca--carousel--container .ute-dca--carousel--cta-link { margin: 0 0 0 15px !important; } } .ute-dca--carousel--container .ute-dca--carousel--cta-button, .ute-dca--carousel--container .ute-dca--blue-btn { position: relative; z-index: 3; color: white; background: #00aec7; display: inline-block; border-radius: 6px; text-align: center; margin-top: 18px; cursor: pointer; padding: 6px 20px; border: none; font-weight: 400; width: auto; max-width: 250px; white-space: initial; overflow: hidden; } .ute-dca--carousel--container .ute-dca--carousel--cta-button:hover, .ute-dca--carousel--container .ute-dca--blue-btn:hover { background: white; color: #00aec7; border: 1px solid #00aec7; padding: 5px 19px; } @media (max-width: 991px) { .ute-dca--carousel--container .ute-dca--carousel--cta-button, .ute-dca--carousel--container .ute-dca--blue-btn { margin-left: 40px; } } @media (max-width: 767px) { .ute-dca--carousel--container .ute-dca--carousel--cta-button, .ute-dca--carousel--container .ute-dca--blue-btn { margin: 10px 0 0; } } .ute-dca--carousel--container .ute-dca--carousel--contact-container-background { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; /*background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 15%, rgba(255,255,255,0.31) 63%, rgba(255,255,255,0) 85%); !* FF3.6-15 *! background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 15%,rgba(255,255,255,0.31) 63%,rgba(255,255,255,0) 85%); !* Chrome10-25,Safari5.1-6 *! background: radial-gradient(ellipse at center, rgba(255,255,255,1) 15%,rgba(255,255,255,0.31) 63%,rgba(255,255,255,0) 85%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *! filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); !* IE6-9 fallback on horizontal gradient *!*/ background-size: 105% 25px; background-position: center center; background-repeat: no-repeat; border-radius: 7px; line-height: 25px; z-index: -1; } .ute-dca--carousel--container .ute-dca--carousel--contact-container { position: absolute; top: 0px; right: 0px; z-index: 2; height: 25px; font-size: 14px; margin: 0px; border-radius: 7px; line-height: 25px; padding-left: 10px; /* @media (max-width: 991px) { display: none; }*/ } .ute-dca--carousel--container .ute-dca--carousel--contact-option { float: left; height: 25px; margin-right: 10px; color: black; } .ute-dca--carousel--container .ute-dca--carousel--contact-option div { margin-left: 5px; float: left; } .ute-dca--carousel--container .ute-dca--carousel--contact-option i { line-height: 25px; float: left; color: #00aec7; font-size: 18px; } .ute-dca--carousel--container .ute-dca--carousel--left-pagination-connector { display: none; /*position: absolute; left: calc(50% - 96px); bottom: 138px; transform: translateX(-50%); background: #00AEC7; width: 178px; z-index: 1; height: 2px; @media (max-width: 767px) { display: none; }*/ } .ute-dca--carousel--container .ute-dca--carousel--right-pagination-connector { display: none; /*position: absolute; left: calc(50% + 96px); bottom: 138px; transform: translateX(-50%); background: #00AEC7; width: 178px; z-index: 1; height: 2px; @media (max-width: 1200px) { display: none; }*/ } .ute-dca--carousel--container .ute-dca--carousel--link-label-container { display: none; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: calc(100% - 130px); width: 470px; height: 20px; } @media (max-width: 767px) { .ute-dca--carousel--container .ute-dca--carousel--link-label-container { display: none; } } .ute-dca--carousel--container .ute-dca--carousel--link-label-1 { text-align: left; color: white; display: inline-block; width: 33%; cursor: default; vertical-align: top; position: absolute; top: 0; left: 0; } @media (max-width: 991px) { .ute-dca--carousel--container .ute-dca--carousel--link-label-1 { display: none; } } .ute-dca--carousel--container .ute-dca--carousel--link-label-2 { text-align: center; color: white; display: inline-block; width: 33%; white-space: nowrap; width: auto; max-width: 160px; white-space: initial; overflow: hidden; position: absolute; top: 0; left: 40%; cursor: default; vertical-align: top; } @media (max-width: 991px) { .ute-dca--carousel--container .ute-dca--carousel--link-label-2 { display: none; } } .ute-dca--carousel--container .ute-dca--carousel--link-label-3 { text-align: right; color: white; display: inline-block; width: 32%; cursor: default; vertical-align: top; position: absolute; top: 0; left: 68%; } @media (max-width: 991px) { .ute-dca--carousel--container .ute-dca--carousel--link-label-3 { display: none; } } .ute-dca--carousel--container .ute-dca--carousel--bottom-container { position: absolute; bottom: 0px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background: white; border-top-left-radius: 15px; border-top-right-radius: 15px; z-index: 0; height: 100px; width: 1200px; } @media (max-width: 1200px) { .ute-dca--carousel--container .ute-dca--carousel--bottom-container { display: none; } } @media (max-width: 991px) { .ute-dca--carousel--container .ute-dca--carousel--bottom-container { display: none; } } .ute-dca--carousel--container .ute-dca--carousel--test { width: 100%; height: 300px; background: orange; position: relative; z-index: 1; } .ute-dca--carousel--cta-container[data-handler="center"] { text-align: center; color: white; max-width: 600px; margin: 0 auto; } @media (max-width: 767px) { .ute-dca--carousel--cta-container[data-handler="center"] { text-align: left; } } .ute-dca--carousel--cta-container[data-handler="center"] .ute-dca--carousel--cta-header { text-align: center; color: white; font-weight: 300; } .ute-dca--carousel--cta-container[data-handler="center"] .ute-dca--carousel--cta-header strong { font-weight: 300; } @media (max-width: 767px) { .ute-dca--carousel--cta-container[data-handler="center"] .ute-dca--carousel--cta-header { text-align: left; margin-left: 0; } } .ute-dca--carousel--cta-container[data-handler="center"] .ute-dca--carousel--contact-container { display: none; } .ute-dca--carousel--cta-container[data-handler="center"] .ute-dca--carousel--cta-content { text-align: center; max-width: 600px; margin: 0 auto; } @media (max-width: 767px) { .ute-dca--carousel--cta-container[data-handler="center"] .ute-dca--carousel--cta-content { text-align: left; } } .ute-dca--carousel--cta-container[data-handler="center"] .ute-dca--carousel--cta-link { margin: 0 auto; } .ute-dca--carousel--cta-container[data-handler="center"] .ute-dca--carousel--contact-container { display: none; } .ute-dca--carousel--cta-container[data-handler="left"] .ute-dca--carousel--cta-header { width: 45%; float: left; } @media (max-width: 991px) { .ute-dca--carousel--cta-container[data-handler="left"] .ute-dca--carousel--cta-header { width: 80%; margin-top: 30px; } } @media (max-width: 767px) { .ute-dca--carousel--cta-container[data-handler="left"] .ute-dca--carousel--cta-header { width: 100%; margin: 0 0 0 15px; } } .ute-dca--carousel--cta-container[data-handler="left"] .ute-dca--carousel--cta-content { width: 320px; clear: both; } @media (max-width: 767px) { .ute-dca--carousel--cta-container[data-handler="left"] .ute-dca--carousel--cta-content { width: 290px; margin: 0 0 0 15px; } } .ute-dca--carousel--container #ute-dca--carousel--carousel .item { height: 480px; width: 100%; overflow: hidden; position: relative; } @media (max-width: 767px) { .ute-dca--carousel--container #ute-dca--carousel--carousel .item { height: 300px; } } .ute-dca--carousel--container #ute-dca--carousel--carousel .item > img { position: absolute; left: calc(100% - 90%); } @media (max-width: 3500px) { .ute-dca--carousel--container #ute-dca--carousel--carousel .item > img { left: calc(100% - 94%); } } @media (max-width: 3045px) { .ute-dca--carousel--container #ute-dca--carousel--carousel .item > img { left: calc(100% - 99%); } } @media (max-width: 2795px) { .ute-dca--carousel--container #ute-dca--carousel--carousel .item > img { left: calc(100% - 103%); } } @media (max-width: 2483px) { .ute-dca--carousel--container #ute-dca--carousel--carousel .item > img { left: calc(100% - 110%); } } @media (max-width: 2250px) { .ute-dca--carousel--container #ute-dca--carousel--carousel .item > img { left: calc(100% - 115%); } } @media (max-width: 1983px) { .ute-dca--carousel--container #ute-dca--carousel--carousel .item > img { left: calc(100% - 125%); } } @media (max-width: 1860px) { .ute-dca--carousel--container #ute-dca--carousel--carousel .item > img { left: calc(100% - 130%); } } @media (max-width: 1790px) { .ute-dca--carousel--container #ute-dca--carousel--carousel .item > img { left: calc(100% - 133%); } } @media (max-width: 1700px) { .ute-dca--carousel--container #ute-dca--carousel--carousel .item > img { left: calc(100% - 139%); } } @media (max-width: 1660px) { .ute-dca--carousel--container #ute-dca--carousel--carousel .item > img { left: calc(100% - 142%); } } @media (max-width: 1499px) { .ute-dca--carousel--container #ute-dca--carousel--carousel .item > img { left: calc(100% - 149%); } } @media (max-width: 1024px) { .ute-dca--carousel--container #ute-dca--carousel--carousel .item > img { left: calc(100% - 180%); } } @media (max-width: 767px) { .ute-dca--carousel--container #ute-dca--carousel--carousel .item > img { left: calc(100% - 200%); } } @media (max-width: 650px) { .ute-dca--carousel--container #ute-dca--carousel--carousel .item > img { left: calc(100% - 230%); } } @media (max-width: 580px) { .ute-dca--carousel--container #ute-dca--carousel--carousel .item > img { left: calc(100% - 250%); } } @media (max-width: 500px) { .ute-dca--carousel--container #ute-dca--carousel--carousel .item > img { left: calc(100% - 280%); } } @media (max-width: 490px) { .ute-dca--carousel--container #ute-dca--carousel--carousel .item > img { left: calc(100% - 300%); } } @media (max-width: 440px) { .ute-dca--carousel--container #ute-dca--carousel--carousel .item > img { left: calc(100% - 340%); } } @media (max-width: 380px) { .ute-dca--carousel--container #ute-dca--carousel--carousel .item > img { left: calc(100% - 360%); } } @media (max-width: 360px) { .ute-dca--carousel--container #ute-dca--carousel--carousel .item > img { left: calc(100% - 380%); } } @media (max-width: 340px) { .ute-dca--carousel--container #ute-dca--carousel--carousel .item > img { left: calc(100% - 420%); } } @media (max-width: 320px) { .ute-dca--carousel--container #ute-dca--carousel--carousel .item > img { left: calc(100% - 440%); } } @media (min-width: 601px) and (max-width: 767px) { .ute-dca .ute-dca--panel-container.has-carousel, .ute-dca .ute-dca--panel-container-smb.has-carousel, .ute-dca .ute-dca--panel-container-ent.has-carousel { margin: 10px 15px; } } @media (min-width: 300px) and (max-width: 599px) { .ute-dca .ute-dca--panel-container.has-carousel, .ute-dca .ute-dca--panel-container-smb.has-carousel, .ute-dca .ute-dca--panel-container-ent.has-carousel { margin: 0 !important; } } .ute-dca--carousel--cta-header strong { font-weight: 400; } /**/ .ute-dca .ute-dca--panel-container.has-carousel, .ute-dca .ute-dca--panel-container-smb.has-carousel, .ute-dca .ute-dca--panel-container-ent.has-carousel { margin-left: -8px; } /**/ .ute-dca--articles--container, .ute-dca--articles--container[data-handler="center"] { margin: 0 auto 25px; height: 425px; border-radius: 5px; overflow: hidden; width: 100%; border: 1px solid #bbbdc0; max-width: 360px; } @media (max-width: 1200px) { .ute-dca--articles--container, .ute-dca--articles--container[data-handler="center"] { margin-top: 25px; max-width: none; } } @media (max-width: 767px) { .ute-dca--articles--container, .ute-dca--articles--container[data-handler="center"] { width: 360px; margin: 0px auto; margin-top: 25px; } } .ute-dca--articles--container .ute-dca--articles--image-container, .ute-dca--articles--container[data-handler="center"] .ute-dca--articles--image-container { position: relative; } .ute-dca--articles--container .ute-dca--articles--image, .ute-dca--articles--container[data-handler="center"] .ute-dca--articles--image { width: 360px; height: 140px; margin: 0px auto; overflow: hidden; } .ute-dca--articles--container .ute-dca--articles--image img, .ute-dca--articles--container[data-handler="center"] .ute-dca--articles--image img { width: 100%; height: auto; } .ute-dca--articles--container .ute-dca--articles--opacity-layer, .ute-dca--articles--container[data-handler="center"] .ute-dca--articles--opacity-layer { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgba(0, 0, 0, 0.35); } .ute-dca--articles--container .ute-dca--articles--opacity-layer i, .ute-dca--articles--container[data-handler="center"] .ute-dca--articles--opacity-layer i { color: white; font-size: 7rem; font-weight: normal; position: absolute; top: 25%; left: calc(100% - 59%); } .ute-dca--articles--container .ute-dca--articles--opacity-layer i.rui-icon-wireless, .ute-dca--articles--container[data-handler="center"] .ute-dca--articles--opacity-layer i.rui-icon-wireless { left: calc(100% - 53%); } .ute-dca--articles--container .ute-dca--articles--icon, .ute-dca--articles--container[data-handler="center"] .ute-dca--articles--icon { font-size: 70px; color: white; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ute-dca--articles--container .ute-dca--articles--bottom-container, .ute-dca--articles--container[data-handler="center"] .ute-dca--articles--bottom-container { position: relative; height: 287px; } .ute-dca--articles--container .ute-dca--articles--heading-container, .ute-dca--articles--container[data-handler="center"] .ute-dca--articles--heading-container { padding: 15px 20px; height: 125px; } .ute-dca--articles--container .ute-dca--articles--heading-container p, .ute-dca--articles--container[data-handler="center"] .ute-dca--articles--heading-container p { font-size: 14px; } .ute-dca--articles--container .ute-dca--articles--heading-container h1, .ute-dca--articles--container .ute-dca--articles--heading-container h2, .ute-dca--articles--container .ute-dca--articles--heading-container h3, .ute-dca--articles--container .ute-dca--articles--heading-container h4, .ute-dca--articles--container .ute-dca--articles--heading-container h5, .ute-dca--articles--container .ute-dca--articles--heading-container p, .ute-dca--articles--container[data-handler="center"] .ute-dca--articles--heading-container h1, .ute-dca--articles--container[data-handler="center"] .ute-dca--articles--heading-container h2, .ute-dca--articles--container[data-handler="center"] .ute-dca--articles--heading-container h3, .ute-dca--articles--container[data-handler="center"] .ute-dca--articles--heading-container h4, .ute-dca--articles--container[data-handler="center"] .ute-dca--articles--heading-container h5, .ute-dca--articles--container[data-handler="center"] .ute-dca--articles--heading-container p { margin-top: 0px; cursor: default; } .ute-dca--articles--container .ute-dca--articles--heading-container a, .ute-dca--articles--container[data-handler="center"] .ute-dca--articles--heading-container a { cursor: pointer; margin: 0px; color: #0A5498; } .ute-dca--articles--container .ute-dca--articles--heading-container a:hovere, .ute-dca--articles--container[data-handler="center"] .ute-dca--articles--heading-container a:hovere { text-decoration: underline; } .ute-dca--articles--container .ute-dca--articles--header, .ute-dca--articles--container .ute-dca--articles--header > a, .ute-dca--articles--container[data-handler="center"] .ute-dca--articles--header, .ute-dca--articles--container[data-handler="center"] .ute-dca--articles--header > a { color: #DF463A; text-align: center; font-weight: 400; font-size: 21px; margin-top: 0px; margin-bottom: 5px; cursor: default; } .ute-dca--articles--container .ute-dca--articles--content, .ute-dca--articles--container[data-handler="center"] .ute-dca--articles--content { text-align: center; font-size: 14px; margin: 0px; line-height: 1.4; font-weight: 600; } .ute-dca--articles--container .ute-dca--articles--section-divider, .ute-dca--articles--container[data-handler="center"] .ute-dca--articles--section-divider { margin: 0px auto; width: 84%; } .ute-dca--articles--container .ute-dca--articles--link-container, .ute-dca--articles--container[data-handler="center"] .ute-dca--articles--link-container { height: 90px; padding-top: 5px; position: relative; } .ute-dca--articles--container .ute-dca--articles--link-container a, .ute-dca--articles--container[data-handler="center"] .ute-dca--articles--link-container a { color: #0A5498; } .ute-dca--articles--container .ute-dca--articles--link-container a:hover, .ute-dca--articles--container[data-handler="center"] .ute-dca--articles--link-container a:hover { text-decoration: underline; } .ute-dca--articles--container .ute-dca--articles--link-header, .ute-dca--articles--container[data-handler="center"] .ute-dca--articles--link-header { text-align: center; margin-bottom: 3px; font-size: 15px; font-weight: 400; cursor: default; } .ute-dca--articles--container .ute-dca--articles--link, .ute-dca--articles--container[data-handler="center"] .ute-dca--articles--link { text-align: center; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; top: 50%; width: 90%; position: absolute; font-size: 14px; } .ute-dca--articles--container .ute-dca--articles--link a, .ute-dca--articles--container[data-handler="center"] .ute-dca--articles--link a { font-size: 13px; font-weight: 400; } .ute-dca--articles--container .ute-dca--articles--button-container, .ute-dca--articles--container[data-handler="center"] .ute-dca--articles--button-container { height: 66px; text-align: center; position: absolute; left: 0px; right: 0px; bottom: 4px; padding-top: 16px; } .ute-dca--articles--container .ute-dca--articles--button, .ute-dca--articles--container[data-handler="center"] .ute-dca--articles--button { color: white; background: #00AEC7; border: none; border-radius: 5px; text-decoration: none; cursor: pointer; display: inline-block; padding: 5px 20px; font-weight: 400; } .ute-dca--articles--container .ute-dca--articles--button:hover, .ute-dca--articles--container[data-handler="center"] .ute-dca--articles--button:hover { border: 1px solid #00AEC7; background: white; color: #00AEC7; padding: 4px 19px; } .ute-dca--articles--container[data-handler="article-last"], .ute-dca--articles--container[data-handle="justify"], .ute-dca--articles--container[data-handler="center"][data-handler="article-last"], .ute-dca--articles--container[data-handler="center"][data-handle="justify"] { background: #eeeeee; } .ute-dca--articles--container[data-handler="article-last"] .ute-dca--articles--header, .ute-dca--articles--container[data-handler="article-last"] .ute-dca--articles--header > a, .ute-dca--articles--container[data-handler="article-last"] .ute-dca--articles--content, .ute-dca--articles--container[data-handle="justify"] .ute-dca--articles--header, .ute-dca--articles--container[data-handle="justify"] .ute-dca--articles--header > a, .ute-dca--articles--container[data-handle="justify"] .ute-dca--articles--content, .ute-dca--articles--container[data-handler="center"][data-handler="article-last"] .ute-dca--articles--header, .ute-dca--articles--container[data-handler="center"][data-handler="article-last"] .ute-dca--articles--header > a, .ute-dca--articles--container[data-handler="center"][data-handler="article-last"] .ute-dca--articles--content, .ute-dca--articles--container[data-handler="center"][data-handle="justify"] .ute-dca--articles--header, .ute-dca--articles--container[data-handler="center"][data-handle="justify"] .ute-dca--articles--header > a, .ute-dca--articles--container[data-handler="center"][data-handle="justify"] .ute-dca--articles--content { text-align: left; } .ute-dca--articles--container[data-handler="article-last"] .ute-dca--articles--button, .ute-dca--articles--container[data-handle="justify"] .ute-dca--articles--button, .ute-dca--articles--container[data-handler="center"][data-handler="article-last"] .ute-dca--articles--button, .ute-dca--articles--container[data-handler="center"][data-handle="justify"] .ute-dca--articles--button { display: none; } /* Green thank you panel */ .ute-dca--thank-you-panel-green { background: #d4e6dd; /* NEW COLOUR */ border: 0; text-align: left; border-radius: 8px; } .ute-dca--thank-you-panel-green .ute-dca--thank-you-icon-container { font-size: 48px; color: #008553; /* New color*/ } .ute-dca--panel-thank-you .ute-dca--thank-you-icon-container { margin-top: 5px; margin-right: 20px; } .ute-dca--panel-thank-you p { font-weight: 400 !important; } h3.ute-dca--h3-in-thank-you-panel { font-size: 24px; margin: 0; font-weight: 600; } .ute-dca--p-in-thank-you-panel { font-size: 16px; } @media (max-width: 768px) { .ute-dca--thank-you-panel-green { text-align: center; } .ute-dca--p-in-thank-you-panel { font-size: 14px; } } /* END Green thank you panel */ .ute-dca--share-icon--container { cursor: pointer; height: 28px; display: block; clear: both; } .ute-dca--share-icon--container .dropdown:hover .dropdown-menu, .ute-dca--share-icon--container .dropdown.in .dropdown-menu { display: block; } .ute-dca--share-icon--svg-container svg { height: 20px; width: 17px; } .ute-dca--share-icon--heading { margin: 0px; display: inline-block; font-size: 16px; vertical-align: bottom; line-height: 28px; margin-left: 4px; font-weight: 500; } .ute-dca--share-icon--dropdown { position: absolute; top: 24px; left: 25px; width: 100px; height: auto; border: none; border-top-right-radius: 0; border-top-left-radius: 0; border-top: 2px solid #DA291C; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -webkit-box-shadow: 0px 2px 4.5px 0.5px #999; box-shadow: 0px 2px 4.5px 0.5px #999; min-width: 100px; margin-top: 0px; font-size: 12px; } .ute-dca--share-icon--dropdown li { list-style: none; } .ute-dca--share-icon--dropdown li a { padding: 4px 11px; } .ute-dca--share-icon--dropdown li a i { margin-right: 3px; vertical-align: middle; font-size: 12px; } .ute-dca--share-icon--dropdown li p { display: inline-block; margin: 0px; vertical-align: text-top; font-weight: 400; } .ute-dca--share-icon--dropdown i.rui-icon-linkedin:before { font-size: 15px; letter-spacing: 4px; } .ute-dca--share-icon--dropdown i.rui-icon-twitter-v2:before { font-size: 15px; letter-spacing: 1px; } .ute-dca--share-icon--dropdown i.rui-icon-facebook:before { font-size: 15px; letter-spacing: 7px; } .ute-dca--share-icon--linkedin i { color: #1B86BC; } .ute-dca--share-icon--twitter i { color: #00ACEE; } .ute-dca--share-icon--facebook i { color: #3b5999; } .ute-dca--faqs--heading { font-weight: 400; margin: 20px 0px; } @media (max-width: 767px) { .ute-dca--faqs--heading { margin: 20px 0 5px; } } .ute-dca--faqs--link { display: table; font-size: 14px; cursor: pointer; margin-bottom: 10px; } .ute-dca--faqs--link:after { content: ' [ – ]'; } .ute-dca--faqs--link.collapsed:after { content: ' [ + ]'; } .ute-dca--faqs--link-content { line-height: 22px; font-size: 14px; margin-bottom: 20px; } .ute-dca .dca-faqs { position: relative; margin: 0 0 30px; } .ute-dca .dca-faqs:after { content: ""; display: table; clear: both; } .ute-dca .dca-faqs h2, .ute-dca .dca-faqs h4 { margin: 0; padding: 0; font-size: 30px; font-weight: 400; } .ute-dca .dca-faqs .faq-list { list-style: none; margin: 0; padding: 0; width: calc(100% - 30px); } .ute-dca .dca-faqs .faq-list .expander-head { font-size: 16px; } .ute-dca .dca-faqs .read-all a { font-weight: 400; font-size: 16px; margin: 10px 0 0; display: block; } .ute-dca .seeFullDetailsText { font-size: 16px; } .ute-dca--related-links--heading { margin-bottom: 5px; } .ute-dca--related-links--section-header { font-size: 16px; margin-bottom: 15px; } .ute-dca--related-links--link { color: #337ab7; display: table; cursor: pointer; font-size: 16px; margin-bottom: 12px; } .ute-dca--related-links--link:after { height: 12px; margin-left: 5px; } .ute-dca--table--table { width: 100%; border-collapse: separate; } .ute-dca--table--table th { background: #bbe4ec; color: #414042; font-weight: 600; font-size: 1.2rem; border: 1px solid #bbe4ec; line-height: 1.3; padding: 6px; } .ute-dca--table--table th:first-of-type { border-top-left-radius: 7px; } .ute-dca--table--table th:last-of-type { border-top-right-radius: 7px; } .ute-dca--table--table td { padding: 8px 6px; text-align: left; border-bottom: 1px solid #bbbdc0; font-size: 1.2rem; font-weight: 600; } .ute-dca--table--table td div { font-size: 1.2rem; font-weight: 600; } .ute-dca--table--table td:first-of-type { border-left: 1px solid #bbbdc0; } .ute-dca--table--table td:last-of-type { border-right: 1px solid #bbbdc0; } .ute-dca--table--table tr:last-child td:first-child { border-bottom-left-radius: 7px; } .ute-dca--table--table tr:last-child td:last-child { border-bottom-right-radius: 7px; } /* Max width before this PARTICULAR table gets nasty This query will take effect for any screen smaller than 760px and also iPads specifically. */ @media (max-width: 767px) { .ute-dca--table--table { /* Force table to not be like tables anymore */ /* Hide table headers (but not display: none;, for accessibility) */ } .ute-dca--table--table thead, .ute-dca--table--table tbody, .ute-dca--table--table th, .ute-dca--table--table td, .ute-dca--table--table tr { display: block; } .ute-dca--table--table thead tr { position: absolute; top: -9999px; left: -9999px; display: table; } .ute-dca--table--table td { /* Behave like a "row" */ border: none; border-bottom: 1px solid #bbbdc0; border-left: 1px solid #bbbdc0; border-right: 1px solid #bbbdc0; position: relative; line-height: 1; min-height: 32px; padding: 10px 0px 10px 55%; } .ute-dca--table--table td:first-of-type { /* Behave like a "row" */ border: none; position: relative; line-height: 1; padding-left: 6px; background: #BBE4EC; border-bottom: 1px solid #BBE4EC; border-left: 1px solid #BBE4EC; border-right: 1px solid #BBE4EC; font-weight: 600; } .ute-dca--table--table td:last-of-type { border-bottom: none; } .ute-dca--table--table tr:first-of-type td:first-of-type { border-top-left-radius: 7px; border-top-right-radius: 7px; } .ute-dca--table--table tr:last-of-type td:last-of-type { border-bottom: 1px solid #bbbdc0; } .ute-dca--table--table tr:last-child td:first-child { border-bottom-left-radius: 0px; } .ute-dca--table--table tr:last-child td:last-child { border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; } } .ute-dca--table--mobile-row-label { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 6px; width: 50%; padding-right: 10px; white-space: initial; line-height: 1; } @media (max-width: 460px) { .ute-dca--table--table td { min-height: 60px; padding: 20px 0 10px 55%; } } .ute-dca { /* UNIQUE STYLES FOR ENT and SMB PANELS */ /* THE ONLY DIFFERENCE IS THAT THE ENT VERSIONS OF PANELS HAS RED H3 ELEMENTS. The SMB version has black H3 elements */ /* THESE STYLES ARE ONLY USED IN THE SMB VERSION - for the sign-in button and register link */ /* END THESE STYLES ARE ... */ /* THESE STYLES ARE ONLY USED IN THE ENT VERSION */ /* SELECT DROP_DOWN MENU */ /* END SELECT DROP_DOWN MENU */ /* END THESE STYLES ARE ONLY USED IN THE ENT VERSION */ /* END UNIQUE STYLES FOR PANELS */ /* GENERIC PANELS STYLES */ /*THE WHITE PANEL SHOULD NOT HAVE PADDING LEFT/RIGHT OR THE GAP BETWEEN COLUMNS BECOMES TOO LARGE.*/ /* END GENERIC PANELS STYLES */ /* THE ICONS LEFT OF LISTS */ /* LISTS RIGHT OF ICONS*/ /* Promo tag and product links - have to counter rogers.css for tags */ } .ute-dca .ute-dca--panel-container, .ute-dca .ute-dca--panel-container-smb, .ute-dca .ute-dca--panel-container-ent { margin-top: 15px; } .ute-dca .ute-dca--panel-container.has-carousel, .ute-dca .ute-dca--panel-container-smb.has-carousel, .ute-dca .ute-dca--panel-container-ent.has-carousel { margin-top: -70px; z-index: 1; position: relative; } .ute-dca .ute-dca--panel-container.has-carousel .rui-icon-internet, .ute-dca .ute-dca--panel-container.has-carousel .rui-icon-tv, .ute-dca .ute-dca--panel-container.has-carousel .rui-icon-bundles, .ute-dca .ute-dca--panel-container.has-carousel .rui-icon-arrow-right, .ute-dca .ute-dca--panel-container.has-carousel .rui-icon-mobile-menu-v2, .ute-dca .ute-dca--panel-container-smb.has-carousel .rui-icon-internet, .ute-dca .ute-dca--panel-container-smb.has-carousel .rui-icon-tv, .ute-dca .ute-dca--panel-container-smb.has-carousel .rui-icon-bundles, .ute-dca .ute-dca--panel-container-smb.has-carousel .rui-icon-arrow-right, .ute-dca .ute-dca--panel-container-smb.has-carousel .rui-icon-mobile-menu-v2, .ute-dca .ute-dca--panel-container-ent.has-carousel .rui-icon-internet, .ute-dca .ute-dca--panel-container-ent.has-carousel .rui-icon-tv, .ute-dca .ute-dca--panel-container-ent.has-carousel .rui-icon-bundles, .ute-dca .ute-dca--panel-container-ent.has-carousel .rui-icon-arrow-right, .ute-dca .ute-dca--panel-container-ent.has-carousel .rui-icon-mobile-menu-v2 { font-size: 28px; } .ute-dca .ute-dca--panel-container.has-carousel .rui-icon-wireless, .ute-dca .ute-dca--panel-container.has-carousel .rui-icon-phone-arrow, .ute-dca .ute-dca--panel-container.has-carousel .rui-icon-shopping-bag, .ute-dca .ute-dca--panel-container.has-carousel .rui-icon-calculator, .ute-dca .ute-dca--panel-container-smb.has-carousel .rui-icon-wireless, .ute-dca .ute-dca--panel-container-smb.has-carousel .rui-icon-phone-arrow, .ute-dca .ute-dca--panel-container-smb.has-carousel .rui-icon-shopping-bag, .ute-dca .ute-dca--panel-container-smb.has-carousel .rui-icon-calculator, .ute-dca .ute-dca--panel-container-ent.has-carousel .rui-icon-wireless, .ute-dca .ute-dca--panel-container-ent.has-carousel .rui-icon-phone-arrow, .ute-dca .ute-dca--panel-container-ent.has-carousel .rui-icon-shopping-bag, .ute-dca .ute-dca--panel-container-ent.has-carousel .rui-icon-calculator { font-size: 34px; } .ute-dca .ute-dca--panel-container.has-carousel .rui-icon-device-aid, .ute-dca .ute-dca--panel-container.has-carousel .rui-icon-add-phone, .ute-dca .ute-dca--panel-container-smb.has-carousel .rui-icon-device-aid, .ute-dca .ute-dca--panel-container-smb.has-carousel .rui-icon-add-phone, .ute-dca .ute-dca--panel-container-ent.has-carousel .rui-icon-device-aid, .ute-dca .ute-dca--panel-container-ent.has-carousel .rui-icon-add-phone { font-size: 32px; } .ute-dca .ute-dca--panel-container.has-carousel .rui-icon-employee-and-family-assistance, .ute-dca .ute-dca--panel-container-smb.has-carousel .rui-icon-employee-and-family-assistance, .ute-dca .ute-dca--panel-container-ent.has-carousel .rui-icon-employee-and-family-assistance { font-size: 36px; } .ute-dca .ute-dca--panel-container-ent-want p { font-size: 13px; } .ute-dca .ute-dca--panel-container-ent-want p a { font-size: 13px; } .ute-dca .ute-dca--panel-container-ent-want p a:hover { text-decoration: underline; } .ute-dca .ute-dca--panel-container-ent-signin.has-carousel { z-index: 2 !important; } .ute-dca .ute-dca--panel-container-ent .ute-dca--panel-aqua h3, .ute-dca .ute-dca--panel-container-ent .ute-dca--panel-white h3, .ute-dca .ute-dca--panel-container-ent .ute-dca--panel-grey h3 { color: #da291c; font-weight: 400; } .ute-dca .ute-dca--panel-container .ute-dca--panel-aqua h3, .ute-dca .ute-dca--panel-container .ute-dca--panel-white h3, .ute-dca .ute-dca--panel-container .ute-dca--panel-grey h3 { color: #414042; font-weight: 400; } .ute-dca .ute-dca-register-link { margin-top: 5px; font-size: 16px; } @media (max-width: 350px) { .ute-dca .ute-dca-register-link { font-size: 13px; } } .ute-dca .ute-dca-register-link a { font-weight: 400; font-size: 14px; margin-left: 5px; } .ute-dca .ute-dca-register-link a:hover { text-decoration: underline; } .ute-dca body[ute-brand="rogers"] .ute-dca-register-link a { font-size: 16px; } .ute-dca .ute-dca--sign-in-container { margin-top: 15px; } .ute-dca .ute-dca--btn-container { margin-right: 20px; } .ute-dca .ute-dca--btn-container .btn { font-size: 14px; white-space: initial; overflow: hidden; width: auto; min-width: 101px; max-width: 100%; margin: 0 0 20px; margin-bottom: 0px !important; } .ute-dca .ute-dca--btn-container .btn-danger { background: #da291c; border-color: #da291c; } @media (max-width: 350px) { .ute-dca .ute-dca--btn-container { margin-right: 10px; } } .ute-dca .ute-dca--btn-container button { background: #da291c; border-color: #da291c; width: auto; max-width: 101px; white-space: initial; overflow: hidden; min-width: 101px; width: 101px; } .ute-dca .ute-dca--btn-container button:hover { background: #af2217; border-color: #af2217; } .ute-dca .ute-dca--btn-container i { margin-right: 5px; } .ute-dca .ute-dca--sign-in-container .ute-dca--btn-container button { width: auto; min-width: 101px; max-width: 100%; margin: 0 0 20px; } .ute-dca .ute-dca--select-dropdown-style { font-size: 1.6rem; font-weight: 400; line-height: 21px; color: #414042; height: 37px; padding-left: 15px; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: #fff; border: 1px solid #808284; border-radius: 8px; margin-bottom: 10px; } .ute-dca .ute-dca--chevron-container { position: absolute; right: 15px; top: 15px; bottom: 10px; height: auto; pointer-events: none; } .ute-dca .ute-dca--chevron-container:after { content: ""; display: block; position: absolute; width: 1px; top: -10px; left: -14px; bottom: -5px; border-left: 1px solid #808284; } .ute-dca .ute-dca--panel-aqua, .ute-dca .ute-dca--panel-white, .ute-dca .ute-dca--panel-grey { border: 0; border-radius: 8px; font-family: Ted Next, Helvetica, sans-serif; /* $ute-font */ } .ute-dca .ute-dca--panel-aqua { background: #e6f6f9; /* closest is $ute-color-6 but it is darker */ } .ute-dca .ute-dca--panel-white { background: #fff; } .ute-dca .ute-dca--panel-grey { background: #eeeeee; margin-top: 30px; } .ute-dca .ute-dca--panel-aqua h3, .ute-dca .ute-dca--panel-aqua h4, .ute-dca .ute-dca--panel-white h3, .ute-dca .ute-dca--panel-white h4, .ute-dca .ute-dca--panel-grey h3, .ute-dca .ute-dca--panel-grey h4 { font-style: normal; text-rendering: optimizeLegibility; margin-top: 0; margin-bottom: 14px; line-height: 1.4; font-weight: 400; } .ute-dca .ute-dca--panel-aqua h3, .ute-dca .ute-dca--panel-white h3, .ute-dca .ute-dca--panel-grey h3 { font-size: 2.2rem; font-weight: 400; width: auto; max-width: 300px; white-space: initial; overflow: hidden; } @media (max-width: 768px) { .ute-dca .ute-dca--panel-aqua h3, .ute-dca .ute-dca--panel-white h3, .ute-dca .ute-dca--panel-grey h3 { max-width: 200px; } } @media (max-width: 767px) { .ute-dca .ute-dca--panel-aqua h3, .ute-dca .ute-dca--panel-white h3, .ute-dca .ute-dca--panel-grey h3 { max-width: 300px; } } .ute-dca .ute-dca--panel-aqua h4, .ute-dca .ute-dca--panel-white h4, .ute-dca .ute-dca--panel-grey h4 { font-size: 17px; margin: 0; font-weight: 400; } .ute-dca .ute-dca--panel-aqua .panel-body { padding: 20px 15px 27px 20px; } .ute-dca .ute-dca--panel-grey .panel-body { padding: 20px 10px 20px 20px; } .ute-dca .ute-dca--panel-white .panel-body { padding: 20px 0; } @media (max-width: 767px) { .ute-dca .ute-dca--panel-white .panel-body { padding: 0; } } .ute-dca .panel.ute-dca--panel-white { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .ute-dca .ute-dca-icon-container { font-size: 36px; margin: 0 10px 0 0; width: 40px; text-align: center; } .ute-dca ul.ute-dca--ul { line-height: 1.4; margin: 0 0 0 10px; padding: 0; list-style: none; font-size: 14px; } .ute-dca ul.ute-dca--ul a { font-size: 14px; font-weight: 400; display: inline-block; position: relative; margin: 0 0 0 5px; } .ute-dca ul.ute-dca--ul a:before { content: "\e9b1"; font-family: "rui-icon" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; -webkit-font-smoothing: antialiased; font-size: 4px; color: #000; position: absolute; top: 6px; left: -12px; } .ute-dca ul.ute-dca--ul a:hover { text-decoration: underline; } .ute-dca ul.ute-dca--ul.two-col-list li { float: left; width: 48%; margin: 0 1%; } .ute-dca body[ute-brand="rogers"] a.ute-dca--promo-tag-link { font-weight: 400; font-size: 14px; } .ute-dca .ute-dca--p--smaller, .ute-dca body[ute-brand="rogers"] .ute-dca--p--smaller a { font-weight: 400; font-size: 14px; } .ute-dca .ute-dca--p--smaller a { font-size: 15px; font-weight: 400; } .ute-dca .ute-dca--p--smaller a:hover { text-decoration: underline; } .ute-dca .btn.btn-primary.ute-dca-btn-primary { color: white; background: #00AEC7; border: none; border-radius: 5px; text-decoration: none; cursor: pointer; display: inline-block; padding: 5px 20px; font-weight: 400; } .ute-dca .btn.btn-primary.ute-dca-btn-primary:hover { border: 1px solid #00AEC7; background: white; color: #00AEC7; padding: 4px 19px; } .ute-dca .btn-group.ute-dca--filter--btn-container { display: block; } .ute-dca .btn-group.ute-dca--filter--btn-container .btn.ute-dca--filter--btn.dropdown-toggle { border: 1px solid #bbbdc0; background: white; color: black; font-weight: 400; width: 100%; text-align: left; } .ute-dca .btn-group.ute-dca--filter--btn-container .btn.ute-dca--filter--btn.dropdown-toggle .ute-dca--filter--chevron-container.pull-right { border-left: 1px solid #bbbdc0; margin: 0 20px 0 0; } .ute-dca .btn-group.ute-dca--filter--btn-container .btn.ute-dca--filter--btn.dropdown-toggle .ute-icon-chevron-down.pull-right { margin: 3px -27px 0 0; } .ute-dca .ute-dca--panel-container-ent-contact .ute-dca--panel-grey { margin-top: 30px; } .ute-dca .ute-dca--panel-container-ent-contact .ute-dca--panel-grey:lang(fr) { margin-top: 60px; } @media (max-width: 1200px) { .ute-dca .ute-dca--panel-container-ent-contact .ute-dca--panel-grey { margin-top: -20px; } } @media (max-width: 767px) { .ute-dca .ute-dca--panel-container-ent-want { margin: 0px; } } .ute-dca .ute-dca--panel-container-ent-want ute-dca--panel-whitez.ute-dca--panel-white { margin: 0px; } html[lang="en"] .ute-dca .ute-dca--panel-aqua, html[lang="en"] .ute-dca .panel.ute-dca--panel-white { height: 350px; } @media (max-width: 1200px) { html[lang="en"] .ute-dca .ute-dca--panel-aqua, html[lang="en"] .ute-dca .panel.ute-dca--panel-white { height: 400px; } } @media (max-width: 768px) { html[lang="en"] .ute-dca .ute-dca--panel-aqua, html[lang="en"] .ute-dca .panel.ute-dca--panel-white { height: 415px; } } html[lang="en"] .ute-dca .business-account-signin-column .ute-dca--panel-aqua { height: 180px; } @media (max-width: 1200px) { html[lang="en"] .ute-dca .business-account-signin-column .ute-dca--panel-aqua { height: 200px; } } @media (max-width: 768px) { html[lang="en"] .ute-dca .business-account-signin-column .ute-dca--panel-aqua { height: 170px; } html[lang="en"] .ute-dca .business-account-signin-column .ute-dca--panel-aqua h3 { margin-bottom: 0; } html[lang="en"] .ute-dca .business-account-signin-column .ute-dca--panel-aqua .ute-dca--ul { display: none; } } html[lang="en"] .ute-dca .yello-promo-carousel-column .dca-promotion.dca-promotion--variation3 { margin-top: -20px; } html[lang="fr"] .ute-dca .ute-dca--panel-aqua, html[lang="fr"] .ute-dca .panel.ute-dca--panel-white { height: 466px; } @media (max-width: 1199px) { html[lang="fr"] .ute-dca .ute-dca--panel-aqua, html[lang="fr"] .ute-dca .panel.ute-dca--panel-white { height: 500px; } } @media (max-width: 768px) { html[lang="fr"] .ute-dca .ute-dca--panel-aqua, html[lang="fr"] .ute-dca .panel.ute-dca--panel-white { height: 500px; } } html[lang="fr"] .ute-dca .business-account-signin-column .ute-dca--panel-aqua { height: 250px; } @media (max-width: 768px) { html[lang="fr"] .ute-dca .business-account-signin-column .ute-dca--panel-aqua { height: 240px; } html[lang="fr"] .ute-dca .business-account-signin-column .ute-dca--panel-aqua h3 { margin-bottom: 0; } html[lang="fr"] .ute-dca .business-account-signin-column .ute-dca--panel-aqua .ute-dca--ul { display: none; } } html[lang="fr"] .ute-dca .yello-promo-carousel-column .dca-promotion.dca-promotion--variation3 { height: auto; } .ute-dca .ute-dca--panel-aqua h4 a, .ute-dca .ute-dca--panel-white h4 a, .ute-dca .ute-dca--panel-grey h4 a { color: #414042; } @media (min-width: 300px) and (max-width: 1200px) { .ute-dca .ute-dca--panel-container.has-carousel, .ute-dca .ute-dca--panel-container-smb.has-carousel, .ute-dca .ute-dca--panel-container-ent.has-carousel { margin-top: 10px; } .ute-dca .ute-dca--panel-aqua .panel-body { padding: 20px 15px; } .ute-dca ul.ute-dca--ul a { font-size: 13px; } } @media (min-width: 768px) and (max-width: 991px) { .ute-dca .ute-dca--panel-aqua h4, .ute-dca .ute-dca--panel-white h4, .ute-dca .ute-dca--panel-grey h4 { font-size: 14px; width: auto; max-width: 300px; white-space: initial; overflow: hidden; } .ute-dca ul.ute-dca--ul.two-col-list a { max-width: 80px; display: block; } } @media (min-width: 300px) and (max-width: 767px) { .ute-dca .ute-dca--panel-aqua h4, .ute-dca .ute-dca--panel-white h4, .ute-dca .ute-dca--panel-grey h4 { font-size: 1.5rem; width: auto; max-width: 300px; white-space: initial; overflow: hidden; } .ute-dca ul.ute-dca--ul.two-col-list a { display: block; max-width: 110px; margin: 0; } .ute-dca .ls-1st .ute-dca--panel-container-smb.has-carousel { margin-top: 150px !important; } } @media (min-width: 300px) and (max-width: 767px) and (max-width: 320px) { .ute-dca .ls-1st .ute-dca--panel-container-smb.has-carousel { margin-top: 180px !important; } } @media (min-width: 300px) and (max-width: 767px) { html[lang="fr"] .ute-dca ul.ute-dca--ul.two-col-list a { min-height: 40px; } html[lang="fr"] .ute-dca .ls-1st .ute-dca--panel-container-smb.has-carousel { margin-top: 200px !important; } html[lang="en"] .ute-dca .ute-dca--panel-aqua, html[lang="fr"] .ute-dca .ute-dca--panel-aqua, html[lang="en"] .ute-dca .panel.ute-dca--panel-white, html[lang="fr"] .ute-dca .panel.ute-dca--panel-white { height: auto; } .ute-dca .business-account-signin-column { position: absolute; top: inherit; width: 100%; left: 0; } .ute-dca .business-account-signin-column .ute-dca--panel-container-smb.has-carousel { margin: 0 !important; } .ute-dca .business-account-signin-column .ute-dca--ul.two-col-list { display: none; } .ute-dca .business-account-signin-column .ute-dca--panel-aqua { height: auto !important; } .ute-dca .business-account-signin-column .ute-dca--panel-aqua h3 { margin-bottom: 0; } } @media (min-width: 300px) and (max-width: 359px) { .ute-dca ul.ute-dca--ul.two-col-list a { max-width: 100px; } .ute-dca .dca-footer .footer-section.col-md-3 h3 { font-size: 1.6rem; } } .ute-dca--industry-promo:after { content: ""; display: table; clear: both; } @media (max-width: 1200px) { .ute-dca--industry-promo { padding-left: 15px; padding-right: 15px; } } .ute-dca--industry-promo .ute-dca--image { width: 100%; min-height: 200px; border-radius: 10px; overflow: hidden; /* background-size: 100%; background-position: 25% top; min-height: 240px; background-repeat: no-repeat; background-image: url(http://owlgraphic.com/owlcarousel/demos/assets/fullimage1.jpg); */ } @media (max-width: 767px) { .ute-dca--industry-promo .ute-dca--image { background-size: auto 100%; } } .ute-dca--industry-promo .ute-dca--industry-container { position: relative; border-radius: 10px; } .ute-dca--industry-promo .ute-dca--industry-container:after { content: ""; display: table; clear: both; } .ute-dca--industry-promo .ute-dca--industry-container .ute-dca--industry-content { position: absolute; top: 32px; left: 34px; color: #fff; width: 320px; } .ute-dca--industry-promo .ute-dca--industry-container .ute-dca--industry-content h1 { margin: 0px; font-weight: 400; font-size: 30px; line-height: 1; margin-bottom: 5px; } .ute-dca--industry-promo .ute-dca--industry-container .ute-dca--industry-content p { text-align: justify; font-size: 14px; font-weight: 400; } .ute-dca--industry-promo .ute-dca--industry-content-small { margin-top: 15px; } .ute-dca--industry-promo .ute-dca--industry-content-small h1 { margin: 0; font-weight: 400; font-size: 30px; line-height: 1; margin-bottom: 5px; } @media (max-width: 767px) { .ute-dca--industry-promo .ute-dca--industry-content-small h1 { font-size: 22px; font-weight: 400; margin: 0; margin-bottom: 10px; } } .ute-dca--industry-promo .ute-dca--industry-content-small p { text-align: justify; font-size: 14px; font-weight: 400; } @media (max-width: 767px) { .ute-dca--industry-promo .ute-dca--industry-content-small p { margin: 0; margin-bottom: 10px; } } .ute-dca--industry-promo .ute-dca--blue-btn { color: white; background: #00AEC7; border: none; border-radius: 5px; text-decoration: none; cursor: pointer; display: inline-block; padding: 5px 20px; font-weight: 400; width: auto; max-width: 230px; white-space: initial; overflow: hidden; } .ute-dca--industry-promo .ute-dca--blue-btn:hover { border: 1px solid #00AEC7; background: white; color: #00AEC7; padding: 4px 19px; } .ute-dca--cta-container { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 15px 15px 12px 15px; } .ute-dca--cta-container .no-margin { margin: 0px; } .ute-dca--cta-container .no-padding { padding: 0px; } .ute-dca--cta-container div.links { padding-top: 15px; padding-bottom: 10px; text-align: center; } .ute-dca--cta-container div.link, .ute-dca--cta-container span.link { display: inline-block; } .ute-dca--cta-container div.link *, .ute-dca--cta-container span.link * { vertical-align: middle; } .ute-dca--cta-container div.link i, .ute-dca--cta-container span.link i { font-size: 2.5rem; color: #00aec7; padding-right: 5px; } .ute-dca--cta-container div.link a, .ute-dca--cta-container span.link a { font-size: 1.8rem; } .ute-dca--cta-container div.link img, .ute-dca--cta-container span.link img { position: absolute; left: 50%; bottom: -27px; display: none; } .ute-dca--cta-container div.link.active img, .ute-dca--cta-container span.link.active img { display: block; } .ute-dca--cta-container.ute-dca--cta-small { padding: 5px 15px; white-space: nowrap; } .ute-dca--cta-container.ute-dca--cta-small div.link a, .ute-dca--cta-container.ute-dca--cta-small span.link a { font-size: 1.6rem; } .ute-dca--cta-container.ute-dca--cta-bordered { border: 1px solid #bbbdc0; } .ute-dca--cta-container.ute-dca--cta-filled { background-color: #bbe4ec; } @media (max-width: 767px) { .ute-dca--cta-container div.links { padding-top: 5px; } .ute-dca--cta-container div.links > div { padding: 0px; } .ute-dca--cta-container div.links a { line-height: 4rem; font-size: 1.2rem; } } .ute-dca--addons-accordion-container .ute-dca-addons-accordion-item { display: block; min-height: 100px; position: relative; } .ute-dca--addons-accordion-container .ute-dca-addons-accordion-item:not(:first-child) { margin-top: 65px; } .ute-dca--addons-accordion-container .ute-dca-addons-accordion-item .ute-dca--addons-container { max-width: 75%; } .ute-dca--addons-accordion-container .ute-dca-addons-accordion-item .ute-dca--addons-container.large-icon .name, .ute-dca--addons-accordion-container .ute-dca-addons-accordion-item .ute-dca--addons-container.large-icon p { padding-left: 114px; } .ute-dca--addons-accordion-container .ute-dca-addons-accordion-item .ute-dca--addons-container.large-icon .name .expand-collapse-state, .ute-dca--addons-accordion-container .ute-dca-addons-accordion-item .ute-dca--addons-container.large-icon p .expand-collapse-state { margin-right: 15px; display: none; } .ute-dca--addons-accordion-container .ute-dca-addons-accordion-item .ute-dca--addons-container.large-icon img { left: 0px; height: 75px; width: 92px; } .ute-dca--addons-accordion-container .ute-dca-addons-accordion-item.with-external-module .ute-dca--addons-container { max-width: 100%; padding: 0px !important; } .ute-dca--addons-container { font-size: 1.6rem; } .ute-dca--addons-container .name { font-size: 2.2rem; } .ute-dca--addons-container img { position: absolute; top: 5px; left: 15px; } .ute-dca--addons-container p { margin: 11px 0 9px 0; max-width: 75%; } .ute-dca--addons-container.bordered { padding: 10px 15px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; border: 1px solid #bbbdc0; } .ute-dca--addons-container.bordered img { top: 13px; left: 28px; } .ute-dca--addons-container.with-icon p { max-width: 100%; } .ute-dca--addons-container.with-icon ul { padding: 0 0 0 82px; margin: 0; } .ute-dca--addons-container.with-icon ul li { padding-top: 15px; } .ute-dca--addons-container.with-icon ul li:first-child { padding-top: 8px; } .ute-dca--addons-container.small-icon .name, .ute-dca--addons-container.small-icon p { padding-left: 67px; } .ute-dca--addons-container.small-icon img { height: 42px; width: 42px; } .ute-dca--addons-container.large-icon .name, .ute-dca--addons-container.large-icon p { padding-left: 114px; } .ute-dca--addons-container.large-icon img { height: 86px; width: 86px; } @media (max-width: 767px) { .ute-dca--addons-accordion-container .ute-dca-addons-accordion-item { min-height: 55px; border-top: 1px solid #bbbdc0; border-bottom: 1px solid #bbbdc0; } .ute-dca--addons-accordion-container .ute-dca-addons-accordion-item:not(:first-child) { margin-top: 40px; } .ute-dca--addons-accordion-container .ute-dca-addons-accordion-item .ute-dca--addons-container { max-width: 100%; } .ute-dca--addons-accordion-container .ute-dca-addons-accordion-item .ute-dca--addons-container img { left: 15px !important; height: 42px !important; width: 50px !important; cursor: pointer; } .ute-dca--addons-accordion-container .ute-dca-addons-accordion-item .ute-dca--addons-container .name { padding-top: 14px !important; padding-bottom: 14px; padding-left: 78px !important; margin-bottom: 0px; cursor: pointer; } .ute-dca--addons-accordion-container .ute-dca-addons-accordion-item .ute-dca--addons-container .name .expand-collapse-state { display: block !important; float: right; } .ute-dca--addons-accordion-container .ute-dca-addons-accordion-item .ute-dca--addons-container .name .expand-collapse-state:after { content: '\ [ + ]'; } .ute-dca--addons-accordion-container .ute-dca-addons-accordion-item .ute-dca--addons-container p { display: none; padding-left: 15px !important; padding-right: 15px !important; } .ute-dca--addons-accordion-container .ute-dca-addons-accordion-item.open .name { padding-bottom: 15px; margin-bottom: 15px; } .ute-dca--addons-accordion-container .ute-dca-addons-accordion-item.open .name .expand-collapse-state:after { content: '\ [ - ]'; } .ute-dca--addons-accordion-container .ute-dca-addons-accordion-item.open p { display: block; } .ute-dca--addons-accordion-container .ute-dca-addons-accordion-item.with-external-module .ute-dca--addons-container { margin-bottom: 30px !important; } .ute-dca--addons-container { font-size: 1.2rem; } .ute-dca--addons-container .name { font-size: 1.8rem; padding-top: 5px; } .ute-dca--addons-container p { max-width: 100%; } .ute-dca--addons-container.bordered .name { padding-top: 0px; font-size: 1.6rem; } .ute-dca--addons-container.bordered img { left: 25px; } .ute-dca--addons-container.small-icon .name { padding-left: 64px; } .ute-dca--addons-container.small-icon p { padding-left: 0px; } .ute-dca--addons-container.large-icon .name { padding-left: 82px; padding-bottom: 15px; margin-bottom: 20px; } .ute-dca--addons-container.large-icon img { height: 52px; width: 65px; } .ute-dca--addons-container.large-icon p { padding-left: 0px; } } .dca-content--container h1, .dca-content--container h2, .dca-content--container h3 { margin-top: 7px; margin-bottom: 7px; font-weight: normal; } .dca-content--container h1 { font-size: 3rem; } .dca-content--container h2 { font-size: 2.2rem; } .dca-content--container h3 { font-size: 1.6rem; } .dca-content--container p { margin-top: 14px; font-size: 1.6rem; } .dca-content--container.text-only { width: 75%; } .dca-content--container.with-external-module .fluid-container { max-width: 100%; padding: 0px; padding-left: 15px; } .dca-content--container.with-external-module .fluid-container:first-child { padding-left: 0px; padding-top: 15px; } .dca-content--container.with-external-module .fluid-container img { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; width: 100%; height: 200px; } .dca-content--container.text-with-media { max-height: 240px; height: 240px; } .dca-content--container.text-with-media h1:first-child { line-height: 1.0; margin-top: 0px; } .dca-content--container.text-with-media .fluid-container { max-width: 100%; padding: 0px; padding-left: 15px; } .dca-content--container.text-with-media .fluid-container:first-child { padding-left: 0px; padding-top: 0px; } .dca-content--container.text-with-media .fluid-container img { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; width: 100%; height: 200px; } .dca-content--container.text-with-media .fluid-container ul { padding-left: 18px !important; } .dca-content--container.text-with-media .media-container { position: relative; } .dca-content--container.text-with-media .media-container img { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; max-width: 100%; height: 240px; } .dca-content--container.text-with-media .media-container .bc-video { width: 100%; height: 240px !important; } .dca-content--container.text-with-media .media-container .video-js { width: 100%; height: 240px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .dca-content--container.text-with-media .media-container .video-js .vjs-big-play-button { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 100px; height: 100px; top: 30%; left: 40%; } .dca-content--container.text-with-media .media-container .video-js .vjs-control-bar { -webkit-border-bottom-left-radius: 7px; -moz-border-bottom-left-radius: 7px; -ms-border-bottom-left-radius: 7px; border-bottom-left-radius: 7px; -webkit-border-bottom-right-radius: 7px; -moz-border-bottom-right-radius: 7px; -ms-border-bottom-right-radius: 7px; border-bottom-right-radius: 7px; } .dca-content--container.text-with-media .media-container .media-overlay-text { font-size: 1.2rem; color: white; position: absolute; left: 29px; bottom: 9px; padding-right: 29px; } .dca-content--container.text-with-media .media-container .media-overlay-text.video-text { bottom: 30px; } .dca-content--container.text-with-media .media-container .media-overlay-text .heading { display: block; text-transform: uppercase; } .dca-content--container.text-with-media .fluid-container.small-copy { height: 240px; } .dca-content--container.text-with-media .fluid-container.small-copy * { vertical-align: middle; } .dca-content--container.media-first .media-container .media-overlay-text { left: 14px; } .dca-content--container.height-280 { max-height: 280px; height: 280px; } .dca-content--container.height-280 .media-container img, .dca-content--container.height-280 .media-container .bc-video, .dca-content--container.height-280 .media-container .video-js { height: 280px !important; } .dca-content--container.height-280 .fluid-container.small-copy { height: 280px; position: relative; } .dca-content--container.height-280 .fluid-container.small-copy .small-copy-container { position: absolute; top: 50%; -webkit-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); transform: translate(0%, -50%); } .ute-smb .bcStatic a:before { content: "\e813"; font-family: "rui-icon" !important; font-weight: normal !important; font-style: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; -webkit-font-smoothing: antialiased; -webkit-box-sizing: border-box; box-sizing: border-box; } html[lang="en"] .ute-smb .bcStatic a:after { content: "Live Chat"; } html[lang="fr"] .ute-smb .bcStatic a:after { content: "Clavardage en direct"; } @media (max-width: 767px) { .dca-content--container h1 { font-size: 2.2rem; } .dca-content--container h2 { font-size: 1.8rem; } .dca-content--container h3 { font-size: 1.6rem; } .dca-content--container p { font-size: 1.2rem; } .dca-content--container.text-only { width: 100%; } .dca-content--container.with-external-module .fluid-container { max-width: 100%; padding: 0px; } .dca-content--container.with-external-module .fluid-container h1:first-child { line-height: 1.4; margin-top: 9px; } .dca-content--container.with-external-module .fluid-container p { margin-top: 10px; } .dca-content--container.with-external-module .fluid-container img { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; width: 100%; } .dca-content--container.text-with-media h1:first-child { line-height: 1.4; margin-top: 9px; } .dca-content--container.text-with-media p { margin-top: 10px; } .dca-content--container.text-with-media .fluid-container { max-width: 100%; padding: 0px; } .dca-content--container.text-with-media .fluid-container img { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; width: 100%; } .dca-content--container.text-with-media .fluid-container ul { padding-top: 18px !important; } .dca-content--container.text-with-media .media-container { position: relative; } .dca-content--container.text-with-media .media-container img { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; width: 100%; } .dca-content--container.text-with-media .media-container .bc-video { width: 100%; } .dca-content--container.text-with-media .media-container .media-overlay-text { font-size: 1.2rem; color: #333; position: relative; left: 0px; bottom: 0px; padding-right: 15px; } .dca-content--container.text-with-media .media-container .media-overlay-text.video-text { bottom: 0px; } .dca-content--container.text-with-media .media-container .media-overlay-text .heading { display: block; text-transform: uppercase; } .dca-content--container.text-with-media .media-container .media-overlay-text .content { line-height: 1.6; color: #0a5498; } .dca-content--container.height-280 .fluid-container.small-copy { height: auto; position: relative; } .dca-content--container.height-280 .fluid-container.small-copy .small-copy-container { position: relative; top: 0%; -webkit-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); transform: translate(0%, 0%); } } .ute-dca .iframe-get-callback-form { display: block; width: 100%; height: 100%; border: 0; } .ute-dca .get-callback-form { border: 1px solid #bbbdc0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 15px; overflow-x: hidden; } .ute-dca .get-callback-form:after { content: ""; display: table; clear: both; } .ute-dca .get-callback-form + .iframe-get-callback-form { display: none; } .ute-dca .get-callback-form .row { padding: 0; display: block; width: 100%; margin: 5px 0 25px; } .ute-dca .get-callback-form .row label { font-size: 1.6rem; font-weight: normal; display: block; } .ute-dca .get-callback-form .row input { border: 1px solid #bbbdc0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #414042; padding: 5px 15px; font-size: 1.6rem; width: 100%; } .ute-dca .get-callback-form .row input[type="checkbox"] { float: left; width: auto; margin: 4px 10px 0 0; } .ute-dca .get-callback-form .row input[type="checkbox"] + label { float: left; display: inline-block; width: 88%; } .ute-dca .get-callback-form .row input[type="submit"] { color: white; width: auto; float: right; padding: 10px 20px; background: #da291c; } .ute-dca .get-callback-form .row input[type="submit"]:hover { text-decoration: underline; } .ute-dca .get-callback-form .row .ute-dca--filter--btn-container { width: 75%; } .ute-dca .get-callback-form .row.required label:after { content: "\ * "; color: #da291c; } .ute-dca .get-callback-form .row:last-child { margin-bottom: 0; } .ute-dca .back-link { font-size: 1.4rem; line-height: 1.4; display: none; position: relative; padding: 0px; margin-top: 20px; } .ute-dca .back-link:after { content: "\ > "; vertical-align: baseline; } .ute-dca .ute-dca--article-form iframe { height: 762px; } .ute-dca .ute-dca--article-form iframe:lang(fr) { height: 900px; } .ute-dca .ute-dca--article-form.gated-partial { position: relative; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+4&0+0,1+4 */ background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 4%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 4%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(4%, white)); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 4%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 4%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ margin: -60px 0 0; z-index: 1; padding: 30px 0 0; } .ute-dca .ute-dca--article-form.gated-partial .get-callback-form { border: 0; width: 60%; margin: 0 0 0 50px; } .ute-dca .dca-feature-module[data-handler='no-accordion'] { margin: 0 auto 25px; } .ute-dca .dca-feature-module[data-handler='no-accordion'] .dca-content-module a, .ute-dca .dca-feature-module[data-handler='no-accordion'] .dca-content-module p { width: 100%; } .ute-dca .dca-feature-module[data-handler='no-accordion'] .sub-heading { display: block !important; font-size: 17px; width: 80%; } @media (max-width: 767px) { .ute-dca .dca-feature-module[data-handler='no-accordion'] { margin-bottom: 0; border: none !important; } .ute-dca .dca-feature-module[data-handler='no-accordion'] .feature-content-toggle { display: none; } .ute-dca .dca-feature-module[data-handler='no-accordion'] .feature-module-hdr { cursor: default; pointer-events: none; } .ute-dca .dca-feature-module[data-handler='no-accordion'] .feature-module-hdr:after { display: none; } .ute-dca .dca-feature-module[data-handler='no-accordion'] .feature-icon { height: 60px; width: 60px; } .ute-dca .dca-feature-module[data-handler='no-accordion'] .feature-icon img { top: 0; left: 0; width: 100%; -webkit-transform: none; -ms-transform: none; transform: none; } .ute-dca .dca-feature-module[data-handler='no-accordion'] .section-heading { width: calc(100% - 80px); font-size: 21px; padding: 0; height: 60px; line-height: 1.4; } .ute-dca .dca-feature-module[data-handler='no-accordion'] .section-heading:after { display: none; } .ute-dca .dca-feature-module[data-handler='no-accordion'] .sub-heading { display: block !important; font-size: 17px; } .ute-dca .dca-feature-module[data-handler='no-accordion'] .dca-content-module { display: block !important; margin: 15px 0 0 0; width: 100%; } .ute-dca .dca-feature-module[data-handler='no-accordion'] .dca-content-module .sub-heading { display: block !important; font-size: 17px; } .ute-dca .dca-feature-module[data-handler='no-accordion'] .dca-content-module .vid-thumbnail { display: none; } .ute-dca .dca-feature-module[data-handler='no-accordion'] .dca-content-module p, .ute-dca .dca-feature-module[data-handler='no-accordion'] .dca-content-module a { width: 100%; } .ute-dca .dca-feature-module[data-handler='no-accordion'] .dca-content-module a:hover { text-decoration: underline; } } .ute-dca #container-feature-1 { margin-top: 15px; } .ute-dca .dca-feature-module { position: relative; margin: 20px auto 30px; display: block; padding: 0; } .ute-dca .dca-feature-module:after { content: ""; display: table; clear: both; } .ute-dca .dca-feature-module h1, .ute-dca .dca-feature-module h2, .ute-dca .dca-feature-module h3, .ute-dca .dca-feature-module h4, .ute-dca .dca-feature-module h5 { font-weight: 400; } .ute-dca .dca-feature-module strong { font-weight: 600; } .ute-dca .dca-feature-module .sub-heading { display: none; } .ute-dca .dca-feature-module.margin-0 { margin: 0 auto; } .ute-dca .dca-feature-module a { font-weight: 400; font-size: 14px; } .ute-dca .dca-feature-module .feature-module-hdr { display: block; margin: 0; pointer-events: none; } .ute-dca .dca-feature-module .feature-icon { display: block; float: left; margin: 0 20px 0 0; height: 90px; width: 90px; overflow: hidden; position: relative; } .ute-dca .dca-feature-module .feature-icon img { width: 90px; height: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ute-dca .dca-feature-module .feature-icon.icon-lg { width: 110px; height: 110px; margin: 0 10px 0 0; overflow: hidden; background: #f2f3f3; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .ute-dca .dca-feature-module .feature-icon:empty { display: none; } .ute-dca .dca-feature-module .feature-icon:empty + .feature-content p { width: 100%; } .ute-dca .dca-feature-module h4 { margin: 0; padding: 0; display: inline-block; font-size: 22px; width: 80%; font-weight: 400; } .ute-dca .dca-feature-module h4 span { display: inline; } .ute-dca .dca-feature-module p { font-size: 14px; font-weight: 400; display: block; line-height: 20px; width: 90%; float: left; } .ute-dca .dca-feature-module p.indented { margin: 20px 0 0 120px; } .ute-dca .dca-feature-module .dca-content-module { margin: 0 0 0 110px; } .ute-dca .dca-feature-module .dca-content-module .sub-heading { display: none; } .ute-dca .dca-feature-module .dca-content-module .vid-thumbnail { height: 80px; width: 164px; } .ute-dca .dca-feature-module .feature-content-toggle { visibility: hidden; } .ute-dca .right-column > .dca-promotion { margin-top: 0; } @media (min-width: 300px) and (max-width: 767px) { .ute-dca .dca-feature-module { margin: 0 0; padding: 0; } .ute-dca .dca-feature-module.alt-expand { border-top: 1px solid #bbbdc0; } .ute-dca .dca-feature-module h4 { font-size: 20px; position: relative; padding-right: 35px; } .ute-dca .dca-feature-module h4 span { display: none; } .ute-dca .dca-feature-module .feature-icon { width: 46px; height: 45px; margin-top: 14px; margin-right: 5px; } .ute-dca .dca-feature-module .feature-icon img { width: 46px; } .ute-dca .dca-feature-module .feature-icon.icon-lg { width: 100%; margin-bottom: 10px; } .ute-dca .dca-feature-module .feature-icon.icon-lg img { width: auto; height: 90px; display: block; margin: 0 auto; } .ute-dca .dca-feature-module p.indented { margin: 0; } .ute-dca .dca-feature-module .col-md-5.col-xs-12, .ute-dca .dca-feature-module .col-md-12.col-xs-12, .ute-dca .dca-feature-module .col-md-10.col-xs-12 { margin: 0; width: 100%; } .ute-dca .dca-feature-module .dca-content-module { margin: 0; width: 100%; } .ute-dca .dca-feature-module .dca-content-module .sub-heading { display: block; } .ute-dca .dca-feature-module .dca-content-module a { width: 50%; } .ute-dca .dca-feature-module .dca-content-module p { margin: 0 0 20px; } .ute-dca .dca-feature-module .dca-content-module.collapse { display: none; } .ute-dca .dca-feature-module .dca-content-module.collapse.in { display: block; } .ute-dca .dca-feature-module .feature-module-hdr { cursor: pointer; min-height: 73px; line-height: 73px; pointer-events: auto; } .ute-dca .dca-feature-module .feature-module-hdr:after { content: '+'; position: absolute; top: -2px; right: 5px; font-size: 45px; } .ute-dca .dca-feature-module .feature-module-hdr[aria-expanded=false]:after { content: '+'; position: absolute; top: -2px; right: 5px; font-size: 45px; } .ute-dca .dca-feature-module .feature-module-hdr[aria-expanded=true]:after { content: '_'; position: absolute; font-size: 45px; top: -21px; right: 9px; } .ute-dca .dca-feature-module:last-child { border-bottom: 1px solid #bbbdc0; } .ute-dca .dca-feature-module.alt-normal h4, .ute-dca .dca-feature-module.alt-normal p { width: 100%; } .ute-dca .dca-feature-module.alt-normal:last-child { border-bottom: 0; } .ute-dca .right-column { display: none; } .ute-dca .feature-content-toggle { visibility: visible; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; margin: 0; z-index: 2; } .ute-dca .feature-content-toggle:checked + .feature-module-hdr[aria-expanded=false]:after { content: '_'; font-size: 45px; top: -21px; right: 9px; } } .ute-dca .dca-ent-features-module { margin-top: 0; } .ute-dca .dca-ent-features-module .feature-content h4 { margin-bottom: 10px; } .ute-dca .dca-ent-features-module .feature-content { float: left; width: calc(100% - 120px); } @media (max-width: 767px) { .ute-dca .dca-ent-features-module .feature-content { width: 100%; } } .ute-dca .dca-ent-features-module p { float: none; width: 95%; } .ute-dca .ute-dca--related-links { padding: 0; } .ute-dca .ute-dca--related-links h2 { font-size: 3.0rem; margin-bottom: 10px; } @media (max-width: 767px) { .ute-dca .ute-dca--related-links { padding: 0; width: 98%; margin: 0 15px; } } .ute-dca .ute-dca--related-links h1, .ute-dca .ute-dca--related-links h2, .ute-dca .ute-dca--related-links h3, .ute-dca .ute-dca--related-links h4, .ute-dca .ute-dca--related-links h5 { font-weight: 400; } .ute-dca .ute-dca--related-links h2 { font-size: 2.5rem; } .ute-dca .ute-dca--related-links strong { font-weight: 600; } .ute-dca .ute-dca--related-links .dca-section-list .ute-dca--related-links-sections { margin-bottom: 10px; font-size: 1.6rem; } @media (max-width: 767px) { .ute-dca .ute-dca--related-links .dca-section-list .ute-dca--related-links-sections { font-size: 1.7rem; } } .ute-dca .ute-dca--extended-warranty .ute-dca--extended-warranty-heading { margin-bottom: 20px; font-weight: 400; } .ute-dca .ute-dca--extended-warranty .dca-info-box .dca-info-box-content h1, .ute-dca .ute-dca--extended-warranty .dca-info-box .dca-info-box-content h2, .ute-dca .ute-dca--extended-warranty .dca-info-box .dca-info-box-content h3, .ute-dca .ute-dca--extended-warranty .dca-info-box .dca-info-box-content h4, .ute-dca .ute-dca--extended-warranty .dca-info-box .dca-info-box-content h5, .ute-dca .ute-dca--extended-warranty .dca-info-box .dca-info-box-content strong { font-weight: 400; } .ute-dca .ute-dca--extended-warranty .dca-info-box .dca-info-box-content h4 { font-size: 2.4rem; } .ute-dca .ute-dca--extended-warranty .dca-info-box .dca-info-box-content p, .ute-dca .ute-dca--extended-warranty .dca-info-box .dca-info-box-content a { font-weight: 400; } .ute-dca .ute-dca--extended-warranty .dca-info-box .dca-info-box-content a { font-size: 14px; } .ute-dca .ute-dca--extended-warranty .dca-info-box .dca-info-box-content a:empty { display: none; } .ute-dca .ute-dca--extended-warranty .dca-info-box .dca-info-box-content em { display: block; margin-top: 10px; } .ute-dca .col-md-12.col-xs-12 h2 + row { margin-top: 20px; } .ute-dca .vid-thumbnail { cursor: pointer; } .ute-dca .vid-thumbnail, .ute-dca .content-img { position: relative; display: block; float: left; overflow: hidden; height: 120px; width: 262px; margin: 0 15px 0 0; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } @media (max-width: 768px) { .ute-dca .vid-thumbnail, .ute-dca .content-img { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } } .ute-dca .vid-thumbnail i, .ute-dca .content-img i { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 45px; height: 45px; z-index: 1; background: url(/cms/common/dca/images/icn-play.png) center center no-repeat; } .ute-dca .vid-thumbnail + p, .ute-dca .content-img + p { height: 120px; margin: 0; font-weight: 400; } .ute-dca .vid-thumbnail + p a, .ute-dca .content-img + p a { margin: 30px 0; width: 60%; display: block; font-weight: 400; } .ute-dca .vid-thumbnail + a p, .ute-dca .content-img + a p { margin: 0 !important; } .ute-dca .dca-content-module { display: block; position: relative; margin: 0; } .ute-dca .dca-content-module:after { content: ""; display: table; clear: both; } @media (max-width: 767px) { .ute-dca .dca-content-module { margin: 0 auto; } } .ute-dca .dca-content-module p { font-weight: 400; font-size: 14px; height: auto; margin: 0 0 15px; } @media (max-width: 767px) { .ute-dca .dca-content-module p { display: inline-block; } } .ute-dca .dca-content-module a { /*display:block; float:left;*/ color: #0a5498; font-size: 14px; font-weight: 400; width: 60%; } .ute-dca .dca-content-module a:empty { display: none; } .ute-dca .dca-content-module a:hover { text-decoration: underline; } @media (max-width: 767px) { .ute-dca .dca-content-module a { margin-bottom: 20px; } } .ute-dca .dca-content-module a.vid-thumbnail { width: 262px; } @media (max-width: 767px) { .ute-dca .dca-content-module a.vid-thumbnail { margin-bottom: 20px; width: 100%; } } .ute-dca .dca-content-module a p:after { content: '\ > '; } .ute-dca .dca-content-module.wide-content { margin: 0 0 30px; } @media (max-width: 767px) { .ute-dca .dca-content-module.wide-content { margin: 0 15px 30px; } } .ute-dca .dca-content-module.wide-content h2 { font-size: 3.0rem; font-weight: 400; } @media (max-width: 767px) { .ute-dca .dca-content-module.wide-content h2 { position: relative; } } .ute-dca .dca-content-module.wide-content strong { font-weight: 600; } .ute-dca .dca-content-module.wide-content p { margin: 10px 0; } .ute-dca .dca-content-module.wide-content .info-bubble .info-bubble-content { bottom: 20px; right: 0; min-width: 300px; } @media (max-width: 767px) { .ute-dca .dca-content-module.wide-content .info-bubble .info-bubble-content { bottom: auto; } } .ute-dca .dca-content-module.wide-content .dca-footnote { margin: 20px 0 0; } .ute-dca .dca-content-module.wide-content .dca-footnote p { font-size: 12px; } .ute-dca .dca-content-module.wide-content .content-img { width: 100%; height: auto; overflow: hidden; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } @media (max-width: 768px) { .ute-dca .dca-content-module.wide-content .content-img { width: 100%; height: auto; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } } .ute-dca .dca-content-module.image-right h4, .ute-dca .dca-content-module[data-handler="image-right"] h4 { font-size: 30px; margin: 0 0 20px; } .ute-dca .dca-content-module.image-right h5, .ute-dca .dca-content-module[data-handler="image-right"] h5 { font-weight: 400; font-size: 18px; margin: 0 0 15px; } .ute-dca .dca-content-module.image-right h5 b, .ute-dca .dca-content-module[data-handler="image-right"] h5 b { font-weight: 600; } .ute-dca .dca-content-module.image-right .col-md-6, .ute-dca .dca-content-module[data-handler="image-right"] .col-md-6 { margin-bottom: 30px; } .ute-dca .dca-content-module.image-right .col-md-6:first-child, .ute-dca .dca-content-module[data-handler="image-right"] .col-md-6:first-child { float: right; } .ute-dca .dca-content-module.image-right .col-md-6:last-child, .ute-dca .dca-content-module[data-handler="image-right"] .col-md-6:last-child { float: left; } @media (max-width: 767px) { .ute-dca .dca-content-module.image-right .col-md-6, .ute-dca .dca-content-module[data-handler="image-right"] .col-md-6 { margin-bottom: 0; } } .ute-dca .dca-content-module.image-right .content-img, .ute-dca .dca-content-module[data-handler="image-right"] .content-img { width: 100%; overflow: hidden; border-radius: 8px; } @media (max-width: 768px) { .ute-dca .dca-content-module.image-right .content-img, .ute-dca .dca-content-module[data-handler="image-right"] .content-img { border-radius: 0; } } .ute-dca .dca-content-module.image-right .content-img[data-handler="article"], .ute-dca .dca-content-module[data-handler="image-right"] .content-img[data-handler="article"] { pointer-events: none; } .ute-dca .dca-info-box { padding: 15px 15px 10px; margin: 0 auto 20px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 1px solid #bbbdc0; } .ute-dca .dca-info-box:after { content: ""; display: table; clear: both; } .ute-dca .dca-info-box .dca-info-box-icon { display: none; width: 55px; height: 55px; overflow: hidden; float: left; } .ute-dca .dca-info-box .dca-info-box-icon img { width: 100%; height: auto; } .ute-dca .dca-info-box .dca-info-box-content { float: left; width: 100%; margin: 0; } .ute-dca .dca-info-box .dca-info-box-content h4 { margin: 0 0 15px; padding: 0; } .ute-dca .dca-info-box .dca-info-box-content h4, .ute-dca .dca-info-box .dca-info-box-content p, .ute-dca .dca-info-box .dca-info-box-content a { font-weight: 400; } .ute-dca .dca-section-list ul { margin: 0; padding: 0; } @media (max-width: 767px) { .ute-dca .dca-section-list ul { margin: 0 0 20px; } } .ute-dca .dca-section-list ul li { list-style: none; } .ute-dca .dca-section-list ul li a { font-size: 16px; line-height: 18px; font-weight: 400; display: inline-block; margin: 0 0 15px; } .ute-dca .dca-section-list ul li a:after { font-weight: 400; } @media (max-width: 767px) { .ute-dca .dca-section-list ul li a { margin: 0; line-height: 30px; } } .ute-dca .dca-section-list h5 { font-size: 16px; font-weight: 400; margin: 0 0 15px; padding: 0; } @media (max-width: 767px) { .ute-dca .dca-section-list h5 { margin: 10px 0; } } @media (min-width: 300px) and (max-width: 767px) { .ute-dca .vid-thumbnail + p a { margin: 15px 0; float: none; } .ute-dca .dca-info-box .dca-info-box-icon { display: block; } .ute-dca .dca-info-box .dca-info-box-content { width: 100%; margin: 0 0 0 5%; } } .ute-dca .right-article-with-text { margin: 0 15px; } .ute-dca .right-article-with-text p:empty, .ute-dca .right-article-with-text h1:empty, .ute-dca .right-article-with-text h2:empty, .ute-dca .right-article-with-text h3:empty, .ute-dca .right-article-with-text h4:empty, .ute-dca .right-article-with-text h5:empty { display: none; } .ute-dca .right-article-with-text .right-article-with-text-heading { font-size: 3.0rem; font-weight: 400; } @media (max-width: 767px) { .ute-dca .right-article-with-text .right-article-with-text-heading { font-size: 2.2rem; } } .ute-dca .right-article-with-text h4 { font-weight: 400; line-height: 1; } .ute-dca .right-article-with-text strong { font-weight: 600; } .ute-dca .right-article-with-text h5 { font-size: 22px !important; } .ute-dca .right-article-with-text a { font-size: 1.6rem; width: 95%; } .ute-dca .right-article-with-text h2 { font-size: 3.0rem; font-weight: 400; } .ute-dca .right-article-with-text .ute-link-tertiary { width: 95%; } .ute-dca .right-article-with-text p, .ute-dca .right-article-with-text h1, .ute-dca .right-article-with-text h2, .ute-dca .right-article-with-text h3, .ute-dca .right-article-with-text h4, .ute-dca .right-article-with-text h5 { width: 95%; } .ute-dca .video-with-text { margin-bottom: 0; } @media (max-width: 767px) { .ute-dca .video-with-text { margin-bottom: 0; } } .ute-dca .video-with-text a { margin: 0; } .ute-dca .video-with-text .vid-thumbnail { margin-bottom: 15px; } .ute-dca .video-with-text p { width: calc(100% - 282px); margin-left: 288px; } @media (max-width: 767px) { .ute-dca .video-with-text p { width: 100%; margin-left: 0px; } } .ute-dca .dca-two-col-list .two-col-para .dca-header-primary { margin: 8px 0 15px; } .ute-dca .dca-two-col-list .two-col-sub-section { height: 100%; margin-bottom: 20px; width: calc(50% - 15px); margin-left: 15px; float: left; } @media (max-width: 767px) { .ute-dca .dca-two-col-list .two-col-sub-section { width: 100%; margin-bottom: 10px; } } .ute-dca .dca-two-col-list .two-col-sub-section:nth-of-type(odd) { clear: right; } .ute-dca .dca-two-col-list .two-col-sub-section:nth-of-type(even) { clear: left; } .ute-dca .dca-two-col-list .two-col-sub-section h4 { font-weight: 400; } .ute-dca .dca-two-col-list h2 { font-size: 3.0rem; white-space: normal; } @media (max-width: 767px) { .ute-dca .dca-two-col-list h2 { font-size: 2.6rem; } } .ute-dca .dca-two-col-list h4 { font-size: 2.2rem; } @media (max-width: 767px) { .ute-dca .dca-two-col-list h4 { font-size: 2.0rem; } } body[ute-brand="rogers"] .ute-link-tertiary:after { content: '\ > ' !important; font-size: 14px; margin: 0; } .ute-dca .gradient-overlay { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */ background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.65))); background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%); background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ } .ute-dca .vid-text-mobile { display: none; margin-top: 10px; } @media (max-width: 991px) { .ute-dca .vid-text-mobile { display: block; border-bottom: 1px solid #bbbdc0; } .ute-dca .vid-text-mobile p, .ute-dca .vid-text-mobile h5 { max-width: 560px; width: 100%; } } .ute-dca .vid-thumbnail, .ute-dca .content-img { width: 100%; max-width: 560px; height: auto; overflow: hidden; } .ute-dca .vid-thumbnail img, .ute-dca .content-img img { margin: 0 auto; width: 100%; height: auto; } .ute-dca .vid-thumbnail i, .ute-dca .content-img i { z-index: 2; } .ute-dca .vid-thumbnail .gradient-overlay, .ute-dca .content-img .gradient-overlay { position: absolute; z-index: 1; width: 100%; height: 100%; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .ute-dca .vid-thumbnail .vid-text, .ute-dca .content-img .vid-text { position: absolute; bottom: 15px; left: 15px; z-index: 2; } @media (max-width: 991px) { .ute-dca .vid-thumbnail .vid-text, .ute-dca .content-img .vid-text { display: none; } } .ute-dca .vid-thumbnail .vid-text h5, .ute-dca .content-img .vid-text h5 { color: #fff; font-weight: 600; } .ute-dca .vid-thumbnail .vid-text span, .ute-dca .content-img .vid-text span { color: #fff; font-weight: 400; } .ute-dca .vid-thumbnail .vid-text p, .ute-dca .content-img .vid-text p { margin: 0; color: #fff; font-weight: 400; } .ute-dca .vid-thumbnail .vid-text p:after, .ute-dca .content-img .vid-text p:after { content: ""; } .ute-dca .vid-thumbnail .vid-text .content-type, .ute-dca .content-img .vid-text .content-type { color: #fff; } .ute-dca .vid-thumbnail .vid-text .by-line:after, .ute-dca .content-img .vid-text .by-line:after { content: ""; } .ute-dca .vid-thumbnail[data-handler="article"] i, .ute-dca .content-img[data-handler="article"] i { display: none; } .ute-dca .dca-resource-center { margin: 0 -15px 30px; } .ute-dca .dca-resource-center:after { content: ""; display: table; clear: both; } .ute-dca .dca-resource-center h4 { margin: 0 0 12px; padding: 0; font-size: 30px; font-weight: 400; } .ute-dca .dca-resource-center .dca-article-list { margin: 50px 0 0; } @media (max-width: 991px) { .ute-dca .dca-resource-center .dca-article-list { margin: 10px 0 0; } } .ute-dca sup { font-size: 8px; } .ute-dca .ute-link-tertiary:hover { text-decoration: underline; } .ute-dca .rui-icon-base, .ute-dca .dca-article-list li .article-type:before { font-family: "rui-icon" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; -webkit-font-smoothing: antialiased; } .ute-dca .dca-article-list { list-style: none; margin: 0; padding: 0; } .ute-dca .dca-article-list li { padding: 0 0 20px; margin: 0 0 20px; border-bottom: 1px solid #bbbdc0; } .ute-dca .dca-article-list li .article-type { margin: 0; display: block; font-size: 14px; font-weight: 400; color: #B7B6B7; } .ute-dca .dca-article-list li .article-type:before { margin: 0 5px 0 0; color: black; } .ute-dca .dca-article-list li .article-type.article:before { content: "\e911"; } .ute-dca .dca-article-list li .article-type.video:before { content: "\e860"; } .ute-dca .dca-article-list li a { font-size: 16px; font-weight: 400; } .ute-dca .dca-article-list li a:hover { text-decoration: underline; } .ute-dca .dca-article-list + .ute-link-tertiary { font-size: 18px; } .ute-dca .dca-pricing-module { position: relative; display: block; margin: 0 0 30px; padding: 15px; width: 98%; border: 1px solid #bbbdc0; font-weight: 400; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .ute-dca .dca-pricing-module:after { content: ""; display: table; clear: both; } @media (max-width: 767px) { .ute-dca .dca-pricing-module { margin-top: 20px; } } .ute-dca .dca-pricing-module h4 { font-size: 22px; margin: 0 -15px 15px; padding: 0 0 15px 15px; display: block; border-bottom: 1px solid #bbbdc0; font-weight: 400; } .ute-dca .dca-pricing-module .pricing { font-weight: 400; margin: 15px 0; } .ute-dca .dca-pricing-module .pricing .price { font-size: 30px; } .ute-dca .dca-pricing-module .pricing .terms { margin: 0 15px 0 0; } .ute-dca .dca-pricing-module .pricing .ute-btn-tertiary { font-size: 12px; font-weight: 600; padding: 5px; margin: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .ute-dca .dca-pricing-module p { width: 65%; font-size: 14px; line-height: 24px; font-weight: 400; } @media (max-width: 991px) { .ute-dca .dca-pricing-module p { width: 85%; } } @media (max-width: 767px) { .ute-dca .dca-pricing-module p { width: 100%; } } .ute-dca .dca-pricing-module .ute-link-tertiary { font-weight: 400; } .ute-dca .dca-expander { position: relative; } .ute-dca .dca-expander:after { content: ""; display: table; clear: both; } .ute-dca .dca-expander .expander-head { position: relative; z-index: 1; color: #0a5498; font-size: 16px; line-height: 24px; cursor: pointer; margin: 5px 0; } .ute-dca .dca-expander .expander-head:after { content: "\ [ + ]"; } .ute-dca .dca-expander .expander-switch { visibility: hidden; position: absolute; z-index: 0; } .ute-dca .dca-expander .expander-switch:checked + .expander-head:after, .ute-dca .dca-expander .expander-switch.expanded + .expander-head:after { content: "\ [ - ]"; } .ute-dca .dca-expander .expander-switch:checked + .expander-head + .expander-body, .ute-dca .dca-expander .expander-switch.expanded + .expander-head + .expander-body { display: block; } .ute-dca .dca-expander .expander-body { display: none; font-size: 14px; line-height: 18px; font-weight: 400; margin: 10px 0 30px 15px; } .ute-dca .dca-page-header-block { margin-bottom: 20px; margin-top: 20px; } .ute-dca .dca-page-header-block h1 { font-size: 30px; } .ute-dca .dca-page-header-block a { font-weight: 400; font-size: 14px; } @media (max-width: 826px) { .ute-dca .dca-mobile-hdr-spacer { margin-bottom: 74px; } } .ute-dca .card-body sup { font-size: 0.725em !important; } .ute-dca .dca-pricing-card { border: 1px solid #bbbdc0; padding: 0 15px 0px; position: relative; overflow: visible; min-height: 495px; margin: 0 0 30px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; /*.card-content-toggle:checked{ +.card-header +.card-body +.card-body-collapsible{ display:block; } +.card-header +.card-body +.card-body-collapsible +.card-footer{ .show-more{ display:none; } .show-less{ display:block; } } }*/ } .ute-dca .dca-pricing-card:after { content: ""; display: table; clear: both; } .ute-dca .dca-pricing-card .yellow-note { font-weight: 600; background: #ffbf3f; display: inline; padding: .5rem; border-radius: 4px; position: absolute; top: -17px; left: 10px; font-size: 14px; line-height: 11px; height: 20px; } .ute-dca .dca-pricing-card .card-content-toggle { visibility: hidden; position: absolute; } .ute-dca .dca-pricing-card .card-header { padding: 5px 15px; border-bottom: 1px solid #bbbdc0; margin: 0 -15px 10px; font-size: 20px; overflow: hidden; position: relative; } /*.ute-dca .dca-pricing-card .card-header:before { content: "\e907"; font-family: "rui-icon" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; -webkit-font-smoothing: antialiased; color: #00aec7; font-size: 14px; position: absolute; top: 10px; left: -9px; }*/ .ute-dca .dca-pricing-card .card-price { position: relative; border: solid #bbbdc0; border-width: 0px 0px 1px 0px; } .ute-dca .dca-pricing-card .card-price .dollars { font-size: 35px; font-weight: 400; } .ute-dca .dca-pricing-card .card-price .cents { font-size: 14px; position: absolute; top: 8px; } .ute-dca .dca-pricing-card .card-price .terms { font-size: 14px; } .ute-dca .dca-pricing-card .card-price-no-term { border: solid #bbbdc0; border-width: 0px 0px 1px 0px; font-size: 14px; font-weight: 400; padding: 7px 0; margin: 5px 0; } .ute-dca .dca-pricing-card .card-price-after-term { border-bottom: solid .5px #bbbdc0; border-top: none; } .ute-dca .dca-pricing-card .internet-details { position: relative; margin: 10px 0; } .ute-dca .dca-pricing-card .internet-details:after { content: ""; display: table; clear: both; } .ute-dca .dca-pricing-card .internet-details .internet-details-header { margin: 0 0 10px; } .ute-dca .dca-pricing-card .internet-details .internet-details-header .usage-lbl { color: #da291c; font-size: 18px; display: block; margin: 0 5px 0 0; } .ute-dca .dca-pricing-card .internet-details span { color: #000; font-size: 16px; } .ute-dca .dca-pricing-card .internet-details .speedometer { width: 50px; height: 40px; background: transparent url("/cms/common/dca/images/speedometer.png") 0 0 no-repeat; float: left; margin: 0 15px 0 0; } .ute-dca .dca-pricing-card .internet-details .speedometer.sp30mbps { background-position: 0 0; } .ute-dca .dca-pricing-card .internet-details .speedometer.sp100mbps { background-position: -53px 0; } .ute-dca .dca-pricing-card .internet-details .speedometer.sp150mbps { background-position: -106px 0; } .ute-dca .dca-pricing-card .internet-details .speedometer.sp500mbps { background-position: -159px 0; } .ute-dca .dca-pricing-card .internet-details .speedometer.sp1gbps { background-position: -212px 0; } .ute-dca .dca-pricing-card .internet-details .upload-download { width: 40%; float: left; } .ute-dca .dca-pricing-card .internet-details .upload-download span { display: block; float: left; } .ute-dca .dca-pricing-card .internet-details .upload-download .speed { font-size: 24px; font-weight: 400; line-height: 24px; color: #da291c; } .ute-dca .dca-pricing-card .internet-details .upload-download .unit { font-size: 12px; margin: 10px 0 0 3px; } .ute-dca .dca-pricing-card .internet-details .upload-download .label { font-size: 12px; text-transform: uppercase; font-weight: 400; margin: 0; padding: 0; clear: both; } .ute-dca .dca-pricing-card .card-body-collapsible { display: block; } .ute-dca .dca-pricing-card .card-body-collapsible .card-best-for { background: #e6f6f9; width: calc(100% + 30px); margin: 0 0 0 -15px; font-size: 14px; padding: 10px 5%; } .ute-dca .dca-pricing-card .card-body-collapsible .card-best-for ul { margin: 5px 0 0 18px; padding: 0; } .ute-dca .dca-pricing-card .card-body-collapsible .card-best-for ul li { list-style: disc; line-height: 18px; } .ute-dca .dca-pricing-card .card-body-collapsible .card-includes { font-size: 14px; margin: 10px 0 15px; /*width:75%;*/ } .ute-dca .dca-pricing-card .card-body-collapsible .card-includes-header { color: #da291c; font-weight: 500; margin: 10px 0px; font-size: 16px; } .ute-dca .dca-pricing-card .card-body-collapsible div.card-includes ul { padding-left: 15px; } .ute-dca .dca-pricing-card .ute-btn-primary { width: 100%; font-size: 16px; text-align: center; padding: 5px 0; position: relative; bottom: 0; /*display: none;*/ /*NOTE: need to confirm. the page mocks don't have a button*/ } .ute-dca .dca-pricing-card .card-footer { background: #e6f6f9; display: none; width: 110%; margin: 15px -5% 0; } .ute-dca .dca-pricing-card .card-footer .card-toggle-lbl { margin: 0 0 0 15px; width: 100%; color: #0a5498; padding: 10px; cursor: pointer; } .ute-dca .dca-pricing-card .card-footer .card-toggle-lbl .show-less { display: none; } .ute-dca .dca-pricing-card .card-more-details { background: #e6f6f9; width: 100%; margin: 0 0 0 -15px; padding: 5px 4.5%; border-radius: 0px 0px 8px 8px; position: absolute; bottom: 0; } .ute-dca .dca-pricing-card .card-more-details .btn-more-details { background-color: transparent; border: none; color: #0a5498; font-weight: 300; padding: 0; } .ute-dca .dca-pricing-card .card-more-details .btn-more-details:focus, .ute-dca .dca-pricing-card .card-more-details .btn-more-details:hover { outline: none !important; } .ute-dca .dca-pricing-card.expand .card-content-toggle + .card-header + .card-body + .card-body-collapsible { display: block; } .ute-dca .dca-pricing-card.expand .card-content-toggle + .card-header + .card-body + .card-body-collapsible + .card-footer .show-more { display: none; } .ute-dca .dca-pricing-card.expand .card-content-toggle + .card-header + .card-body + .card-body-collapsible + .card-footer .show-less { display: block; } .ute-dca .dca-pricing-card[data-handler="Rogers Ignite for business 30U"] .speedometer { background-position: 0 0; } .ute-dca .dca-pricing-card[data-handler="Rogers Ignite for business 60U"] .speedometer { background-position: -53px 0; } .ute-dca .dca-pricing-card[data-handler="Rogers Ignite for business 100U"] .speedometer { background-position: -106px 0; } .ute-dca .dca-pricing-card[data-handler="Rogers Ignite for business 250U"] .speedometer { background-position: -159px 0; } .ute-dca .dca-pricing-card[data-handler="Rogers Ignite for business 1GB"] .speedometer { background-position: -212px 0; } @media (min-width: 300px) and (max-width: 767px) { .ute-dca .dca-pricing-card { padding-bottom: 0; min-height: auto !important; } /* content */ .ute-dca .dca-pricing-card .card-body-collapsible { display: none; } .ute-dca .dca-pricing-card.expand .card-body-collapsible { display: block; } /* show more */ .ute-dca .dca-pricing-card .show-more { display: block; } .ute-dca .dca-pricing-card.expand .show-more { display: none; } /* show less */ .ute-dca .dca-pricing-card .show-less { display: none; } .ute-dca .dca-pricing-card.expand .show-less { display: block !important; } .ute-dca .dca-pricing-card .card-footer { display: block; } .ute-dca .dca-pricing-card .ute-btn-primary { position: relative; bottom: auto; width: 100%; } } .popover { background-color: transparent; border: 0 none transparent; -webkit-box-shadow: none; box-shadow: none; } .ute-dca .dca-text-module { margin-bottom: 30px; } .ute-search-bar .ute-search-h1 { margin-top: 26px !important; } .ute-dca .dca-text-module:after { content: ""; display: table; clear: both; } .ute-dca .dca-text-module .dca-promotion--variation1 { margin: 0; } @media (max-width: 768px){ .ute-dca .ute-breadcrumbs-bar { top:40px !important; padding-left: 28px; } } .ute-dca .ute-breadcrumbs-bar { width: 100%; background: #e6f6f9; margin: 0 auto; position: absolute; top: 126px; left: 0; z-index: 998; -moz-transition: "all 0.25s ease-in-out 0s"; -o-transition: "all 0.25s ease-in-out 0s"; -webkit-transition: "all 0.25s ease-in-out 0s"; transition: "all 0.25s ease-in-out 0s"; } .ute-dca .ute-breadcrumbs-bar.fixed { position: fixed; top: 91px; } .ute-dca .ute-breadcrumbs-bar .ute-breadcrumb-bar-container { margin: 0 auto; max-width: 1170px; padding: 0 0 7px; } .ute-dca .ute-breadcrumbs-bar .ute-breadcrumb-bar-container .ute-html-content--content { color: #414042; font-size: 12px; cursor: pointer; font-weight: 400; } .ute-dca .ute-breadcrumbs-bar .ute-breadcrumb-bar-container .ute-breadcrumb-bar-li:nth-of-type(3) .ute-html-content--content { cursor: default; } .ute-dca .search-section form.style-scope.ute-sse-typeahead { display: block; position: relative; margin: 2px 0 0; } .ute-dca .search-section form.style-scope.ute-sse-typeahead .ute-search-result-link { color: #414042; line-height: 23px; font-size: 13px; font-weight: 400; } .ute-dca .search-section form.style-scope.ute-sse-typeahead .ute-search-bar-input-group { position: relative; z-index: 10; margin: 0; } @media (max-width: 767px) { .ute-dca .search-section form.style-scope.ute-sse-typeahead .ute-search-bar-input-group { width: 100%; } } .ute-dca .search-section form.style-scope.ute-sse-typeahead .ute-search-bar-input-group .ute-search-bar-control { border-radius: 3px !important; border: 0; font-size: 1.2rem; color: #414042; padding: 3px 8px; width: 100%; min-width: 180px; max-width: 200px; height: 26px; text-transform: capitalize; position: relative; -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); } @media (max-width: 767px) { .ute-dca .search-section form.style-scope.ute-sse-typeahead .ute-search-bar-input-group .ute-search-bar-control { max-width: 100%; } } .ute-dca .search-section form.style-scope.ute-sse-typeahead .ute-search-bar-input-group .input-group-btn { position: absolute; top: 0; right: 0; } .ute-dca .search-section form.style-scope.ute-sse-typeahead .ute-search-bar-input-group .input-group-btn .ute-search-bar-btn { position: absolute; top: 0; right: 0; width: 28px !important; height: 28px; margin: 0; padding: 0; z-index: 9; background: transparent; border: 0; -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -o-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .ute-dca .search-section form.style-scope.ute-sse-typeahead .ute-search-bar-input-group .input-group-btn .ute-search-bar-btn:before { content: "\e802"; color: #da291c; font-family: "rui-icon" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; font-size: 18px; top: 2px; right: 2px; } .ute-dca .search-section form.style-scope.ute-sse-typeahead .ute-search-bar-input-group + ul { position: absolute; width: 300px; right: 0; top: 33px; border: 1px solid #bbbdc0; height: auto; background: #fff; z-index: 9; border-radius: 0 0 5px 5px; -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); margin: -3px 0 0; padding: 20px; color: #414042; } .ute-dca .search-section form.style-scope.ute-sse-typeahead .ute-search-bar-input-group + ul li { list-style: none; clear: both; float: none; color: #414042; } .ute-dca .search-section form.style-scope.ute-sse-typeahead .ute-search-bar-input-group + ul li a { color: #0a5498; } .ute-dca .search-section form.style-scope.ute-sse-typeahead .ute-search-bar-input-group + ul:empty { display: none; } .ute-dca .search-section form.style-scope.ute-sse-typeahead .ute-search-bar-input-group + ul template:empty { display: none; } .ute-dca .search-section .ute-typeahead__ul.ute-sse-typeahead { margin-bottom: 0; } .ute-dca .search-section h4.ute-search-result-category.ute-sse-typeahead { font-size: 13px; line-height: 30px; font-weight: 400; } .ute-dca .dca-you-might-like { margin: 0 15px; } .ute-dca .dca-you-might-like h4 { font-size: 30px; margin: 0 0 15px; } .ute-dca .dca-you-might-like ul { list-style: none; margin: 0; padding: 0; } .ute-dca .dca-you-might-like h6 { font-size: 14px; line-height: 30px; } .ute-dca .dca-you-might-like a { display: block; color: #0a5498; font-size: 14px; font-weight: 400; line-height: 30px; } .ute-dca .dca-you-might-like a:after { content: "\ > "; } .ute-dca-tab-body b, .ute-dca-tab-body strong { font-weight: 600; } .dca-tabs { display: block; border-bottom: 1px solid #414042; margin: 0 -30% 30px; width: 160%; } .dca-tabs:after { content: ""; display: table; clear: both; } .dca-tabs b, .dca-tabs strong { font-weight: 600; } .dca-tabs .dca-nav-tabs { display: block; width: 100%; list-style: none; margin: 15px auto; padding: 0 0 0 19%; } .dca-tabs .dca-nav-tabs li { float: left; list-style: none; height: 52px; } .dca-tabs .dca-nav-tabs li .nav-tab-item { display: inline-block; color: #414042; padding: 15px 15px 13px; border: 1px solid transparent; border-bottom: 0; border-radius: 8px 8px 0 0; background: #eeeeee; margin: 0 20px -6px 0; } .dca-tabs .dca-nav-tabs li .nav-tab-item h4 { line-height: 23px; font-size: 20px; float: left; } .dca-tabs .dca-nav-tabs li .nav-tab-item.active { border: 1px solid #808284; border-bottom-color: white; background: white; } .dca-tabs .dca-nav-tabs li .nav-tab-item .tab-item-count { display: none; margin: 0 0 0 5px; } .dca-tabs .dca-nav-tabs li .nav-tab-item .tab-item-count:before { content: " ( "; } .dca-tabs .dca-nav-tabs li .nav-tab-item .tab-item-count:after { content: " ) "; } .dca-tabs .dca-nav-tabs li .nav-tab-item .tab-item-count:empty { display: none; } .dca-tabs .dca-nav-tabs li .nav-tab-item p:empty { display: none; } .dca-tabs .dca-nav-tabs li .nav-tab-item ul:empty { display: none; } .dca-tabs .dca-nav-tabs[data-handler="tall-tabs"] > li { max-width: 590px; } .dca-tabs .dca-nav-tabs[data-handler="tall-tabs"] > li .nav-tab-item { padding: 25px 30px 30px 50px; background: #eeeeee; position: relative; } .dca-tabs .dca-nav-tabs[data-handler="tall-tabs"] > li .nav-tab-item:before { content: '\e826'; font-family: "rui-icon" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 25px; left: 25px; } .dca-tabs .dca-nav-tabs[data-handler="tall-tabs"] > li .nav-tab-item.active { border-bottom-color: #414042; } .dca-tabs .dca-nav-tabs[data-handler="tall-tabs"] > li .nav-tab-item.active:before { content: '\e846'; } .dca-tabs .dca-nav-tabs[data-handler="tall-tabs"] > li .nav-tab-item h4 { display: block; float: none; font-size: 22px; } .dca-tabs .dca-nav-tabs[data-handler="tall-tabs"] > li .nav-tab-item ul { padding: 0; margin: 0 0 0 18px; font-size: 14px; } .dca-tabs .dca-nav-tabs[data-handler="tall-tabs"] > li .nav-tab-item ul li { list-style-type: disc; } .dca-tabs .dca-nav-tabs[data-handler="tall-tabs"] > li .nav-tab-item:hover { text-decoration: none; } .dca-tab-content { position: relative; padding: 15px 0; width: 100%; display: none; clear: both; } .dca-tab-content:after { content: ""; display: table; clear: both; } .dca-tab-content.active { display: block; } *[data-tab] { position: relative; display: none; } *[data-tab].active { display: block; overflow-x: auto;} .text-blue { color: #00aec7; font-weight: 400; } b { font-weight: 600; } @media (max-width: 767px) { .dca-tabs { margin: 0; width: auto; overflow-y: hidden; } .dca-tabs .dca-nav-tabs { min-width: 900px; overflow: hidden; padding: 0; margin-bottom: 0; } } .dca-two-col-list { margin: 0 -15px 20px; } .dca-two-col-list h4 { margin: 0 0 8px; } .dca-two-col-list p { font-size: 14px; line-height: 20px; } .dca-two-col-list .col-md-6 { margin-bottom: 20px; } .margin-top-0, .dca-promotion--variation1.margin-top-0 { margin-top: 0; } @media (max-width: 768px) { .rui-main-content .dca-two-col-list { margin: 0 0 20px; width: 98%; } } .dca-resource-centre-data { margin: 10px 0; } .dca-resource-centre-data:after { content: ""; display: table; clear: both; } .dca-resource-centre-data .modal.fade { padding: 10px !important; } .dca-resource-centre-data .modal-dialog { z-index: 1040; width: 100%; } .dca-resource-centre-data .dca-resource-centre-image { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; height: auto; width: 100%; overflow: hidden; position: relative; } .dca-resource-centre-data .dca-resource-centre-image img { width: 100%; height: auto; } .dca-resource-centre-data .dca-resource-centre-description { margin-top: 11px; min-height: 60px; font-size: 16px; line-height: 23px; } .dca-resource-centre-data .dca-resource-centre-title { color: #0a5498; font-size: 24px; font-weight: 400; margin: 15px 0 5px; } .dca-resource-centre-data[data-handler="video"] .dca-resource-centre-image:before { content: "\e860"; font-family: "rui-icon" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 72px; color: #fff; } a.resource-centre-link p { color: #414042; } a.resource-centre-link:hover { text-decoration: none !important; } .related-topics-link-container .related-topics-text { color: #414042; font-size: 30px; font-weight: 400; } .related-topics-link-container .ver_line { margin-right: 15px; color: #bbbdc0; } .related-topics-link-container .events-link, .related-topics-link-container .blogs-link { color: #0a5498; font-size: 20px; font-weight: 400; float: left; margin-top: 15px; width: 30%; } .related-topics-link-container .events-link a, .related-topics-link-container .blogs-link a { font-weight: inherit; } .modal-data { cursor: pointer; } .modal { z-index: 9999; } .dca-add-on-box { position: relative; padding: 15px; margin: 0 0 20px; border: 1px solid #bbbdc0; font-size: 14px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .dca-add-on-box:after { content: ""; display: table; clear: both; } .dca-add-on-box > i[class^="rui"] { display: block; color: #da291c; font-size: 40px; float: left; margin: 0 15px 0 0; } .dca-add-on-box > i[class^="rui"] + .dca-add-on-box-content { float: right; width: 89%; } @media (max-width: 1199px) { .dca-add-on-box > i[class^="rui"] + .dca-add-on-box-content { width: 87%; } } @media (max-width: 992px) { .dca-add-on-box > i[class^="rui"] + .dca-add-on-box-content { width: 83%; } } .dca-add-on-box > i[class=""] { display: none; } .dca-add-on-box > i[class=""] + .dca-add-on-box-content { width: 100%; } .dca-add-on-box .dca-add-on-box-feature-name { font-size: 18px; border-bottom: 1px solid #bbbdc0; padding: 0 0 10px; margin: 0 0 10px; } .dca-add-on-box .dca-add-on-box-price { font-size: 24px; } .dca-add-on-box .dca-add-on-box-desc { line-height: 23px; } .dca-add-on-box[data-handler="col-6"] { width: 50%; } @media (max-width: 600px) { .dca-add-on-box[data-handler="col-6"] { width: 100%; } } .dca-add-on-box[data-handler="col-4"] { width: 33.33333333%; } @media (max-width: 992px) { .dca-add-on-box[data-handler="col-4"] { width: 50%; } } .dca-add-on-box[data-handler="col-4"] > i[class^="rui"] + .dca-add-on-box-content { width: 83%; } @media (max-width: 1199px) { .dca-add-on-box[data-handler="col-4"] > i[class^="rui"] + .dca-add-on-box-content { width: 80%; } } @media (max-width: 992px) { .dca-add-on-box[data-handler="col-4"] > i[class^="rui"] + .dca-add-on-box-content { width: 83%; } } .dca-add-on-box[data-handler="col-4"] .dca-add-on-box-desc { display: none; } @media (max-width: 600px) { .dca-add-on-box[data-handler="col-4"] { width: 100%; } } .dca-add-on-box[data-handler="col-2"] { width: 16.66666667%; } @media (max-width: 992px) { .dca-add-on-box[data-handler="col-2"] { width: 33.33333333%; } } .dca-add-on-box[data-handler="col-2"] .dca-add-on-box-desc { display: none; } .dca-add-on-box[data-handler="col-2"] i { display: none; } .dca-add-on-box[data-handler="col-2"] > i[class^="rui"] + .dca-add-on-box-content { width: 100%; } .dca-product-add-on { position: relative; padding: 15px; margin: 0 0 20px; border: 1px solid #bbbdc0; font-size: 14px; width: 25%; height: 140px; min-width: 300px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .dca-product-add-on:after { content: ""; display: table; clear: both; } .dca-product-add-on .dca-product-add-on-product-name { font-size: 16px; padding: 0; margin: 0 0 10px; } .dca-product-add-on .dca-product-add-on-product-name span { width: 85%; display: inline-block; } .dca-product-add-on .dca-product-add-on-product-name span.multiline { line-height: 18px; } .dca-product-add-on .dca-product-add-on-product-name > i[class^="rui"]:last-child { position: absolute; top: 20px; right: 15px; font-size: 20px; } .dca-product-add-on .dca-product-add-on-product-name > i[class^="rui"]:first-child { font-size: 40px; color: #da291c; position: relative; margin: 0 10px 0 0; } .dca-buy-now-cta { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #bbe4ec; padding: 20px; margin: 0 0 20px; font-size: 30px; text-align: center; } .dca-buy-now-cta .dca-buy-now-cta-num { font-size: 30px !important; font-weight: 400; } @media (max-width: 767px) { .dca-buy-now-cta { font-size: 18px; padding: 15px; } .dca-buy-now-cta .dca-buy-now-cta-num { font-size: 18px !important; } } .dca-alert-msg { position: relative; padding: 15px; margin: 0 0 20px; background: #fffae9; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .dca-alert-msg:after { content: ""; display: table; clear: both; } .dca-alert-msg .rui-icon-alert-ms { font-family: "rui-icon" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 40px; color: #ffbf3f; float: left; width: 6%; } .dca-alert-msg .rui-icon-alert-ms:before { content: "\e904"; } @media (max-width: 767px) { .dca-alert-msg .rui-icon-alert-ms { width: 12%; } } @media (max-width: 400px) { .dca-alert-msg .rui-icon-alert-ms { width: 22%; } } .dca-alert-msg .dca-alert-msg-body { font-size: 14px; float: right; width: 94%; } @media (max-width: 767px) { .dca-alert-msg .dca-alert-msg-body { width: 88%; } } @media (max-width: 400px) { .dca-alert-msg .dca-alert-msg-body { width: 78%; } } .dca-alert-msg .dca-alert-msg-body h6 { font-size: 18px; font-weight: 400; } .dca-alert-msg[data-handler="thankyou"] { background: #cce7dd; } .dca-alert-msg[data-handler="thankyou"] .rui-icon-alert-ms { color: #00965e; } .dca-alert-msg[data-handler="thankyou"] .rui-icon-alert-ms:before { content: "\e902"; } .dca-alert-msg[data-handler="homepage-alert"] { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-top: 1px solid #bbbdc0; width: 130%; /** dso-28645 changes**/ margin: 25px 0 0; } .dca-alert-msg[data-handler="homepage-alert"] .dca-alert-content { width: 100%; max-width: 1100px; margin: 0 auto; position: relative; } .dca-alert-msg[data-handler="homepage-alert"] .dca-alert-content:after { font-family: "rui-icon" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea44"; font-size: 11px; position: absolute; padding: 3px 4px; right: 0; top: 0; border: 2px solid #414042; color: #414042; background: transparent; cursor: pointer; } .dca-alert-msg[data-handler="homepage-alert"] .rui-icon-alert-ms { font-size: 48px; } .dca-alert-msg[data-handler="homepage-alert"] .rui-icon-alert-ms:before { content: "\e900"; } .pardot-popup-cta { padding: 15px; border-radius: 8px; } .pardot-popup-cta .full-width { background-color: #bbe4ec; } .pardot-popup-cta .half-width { background-color: transparent; border: 1px solid #da291c; } .pardot-popup-cta .modal-backdrop.fade.in { z-index: 100; } .pardot-popup-cta .modal-dialog { z-index: 1000; } .pardot-popup-cta .btn-danger.modal-button { width: 100%; padding: 5px 15px; background: #da291c; border-radius: 5px; color: #FFF; } @media screen and (max-width: 767px) { .pardot-popup-cta .btn-danger.modal-button { display: block; width: 100%; text-align: center; margin-top: 20px; } } @media screen and (max-width: 899px){ .dca-alert-msg[data-handler="homepage-alert"] { /** dso-28645 changes**/ margin-top: 0px; } } .ute-dca .ute-dca--article-body { padding: 0; position: relative; z-index: 0; /*font-family:$ute-font; font-size:$ute-font-size-copy-3;*/ margin: 35px 0 30px 0; width: 100%; } .ute-dca .ute-dca--article-body[data-handler=""] { margin-bottom: 15px; margin-bottom: 30px; } .ute-dca .ute-dca--article-body[data-handler=""] h1, .ute-dca .ute-dca--article-body[data-handler=""] h2, .ute-dca .ute-dca--article-body[data-handler=""] h3, .ute-dca .ute-dca--article-body[data-handler=""] h4 { padding: 0 0; } .ute-dca .ute-dca--article-body[data-handler=""] ul, .ute-dca .ute-dca--article-body[data-handler=""] ol { padding: 0 0 0 20px; } .ute-dca .ute-dca--article-body[data-handler=""] h5 { padding: 0 0; } .ute-dca .ute-dca--article-body[data-handler=""] p { padding: 0 0; } .ute-dca .ute-dca--article-body[data-handler=""] span { padding: 0 0; } .ute-dca .ute-dca--article-body[data-handler=""] em { padding: 0 0; } @media (max-width: 991px) { .ute-dca .ute-dca--article-body[data-handler=""] { margin: 0; } } .ute-dca .ute-dca--article-body:after { content: ""; display: table; clear: both; } @media (max-width: 991px) { .ute-dca .ute-dca--article-body { margin: 35px 0 60px 0; } } @media (max-width: 767px) { .ute-dca .ute-dca--article-body { margin: 0 auto; width: 100%; float: none; overflow-x: auto;} } .ute-dca .ute-dca--article-body strong { font-weight: 600; } .ute-dca .ute-dca--article-body h1, .ute-dca .ute-dca--article-body h2, .ute-dca .ute-dca--article-body h3, .ute-dca .ute-dca--article-body h4 { margin: 0; font-weight: 600; } .ute-dca .ute-dca--article-body ul, .ute-dca .ute-dca--article-body ol { font-weight: 400; margin: 0 0 10px 0; } .ute-dca .ute-dca--article-body ul li, .ute-dca .ute-dca--article-body ol li { margin-bottom: 10px; } @media (max-width: 767px) { .ute-dca .ute-dca--article-body ul, .ute-dca .ute-dca--article-body ol { padding: 0 0 0 20px; } } .ute-dca .ute-dca--article-body h5 { margin: 15px 0 5px; display: inline-block; font-size: 16px; line-height: 2rem; font-weight: 600; } .ute-dca .ute-dca--article-body h2 { font-size: 3.0rem; } @media (max-width: 767px) { .ute-dca .ute-dca--article-body h2 { font-size: 2.2rem; } } .ute-dca .ute-dca--article-body p { font-weight: 400; margin: 10px 0; display: block; font-size: 14px; line-height: 20px; } .ute-dca .ute-dca--article-body span { font-weight: 400; display: inline-block; margin: 0; font-size: 16px; line-height: 20px; } .ute-dca .ute-dca--article-body em { font-weight: 400; display: inline-block; margin: 0; font-size: 14px; line-height: 20px; } .ute-dca .ute-dca--article-body em + p { margin-top: 20px; } .ute-dca .ute-dca--article-body a { font-size: 14px; font-weight: 400; } .ute-dca .ute-dca--article-body .featured-img { overflow: hidden; width: 100%; border-radius: 7px; border: 0; background: white; margin: 0 0 20px; } .ute-dca .ute-dca--article-body .featured-img img { width: 100%; height: auto; } .ute-dca .ute-dca--article-body .ute-dca--table--table-container { margin: 0 auto; padding: 0; margin-bottom: 20px; margin-top: 20px; } @media (min-width: 768px) { .ute-dca .ute-dca--article-body h1, .ute-dca .ute-dca--article-body h2, .ute-dca .ute-dca--article-body h3, .ute-dca .ute-dca--article-body h4 { padding: 0 100px; } .ute-dca .ute-dca--article-body ul, .ute-dca .ute-dca--article-body ol { padding: 0 100px 0 120px; } .ute-dca .ute-dca--article-body h5 { padding: 0 100px; } .ute-dca .ute-dca--article-body p { padding: 0 100px; } .ute-dca .ute-dca--article-body span { padding: 0 100px; } .ute-dca .ute-dca--article-body em { padding: 0 100px; } .ute-dca .ute-dca--article-body[data-handler="normal"], .ute-dca .ute-dca--article-body[data-handler=""] { margin: 0; } .ute-dca .ute-dca--article-body[data-handler="normal"] h1, .ute-dca .ute-dca--article-body[data-handler="normal"] h2, .ute-dca .ute-dca--article-body[data-handler="normal"] h3, .ute-dca .ute-dca--article-body[data-handler="normal"] h4, .ute-dca .ute-dca--article-body[data-handler=""] h1, .ute-dca .ute-dca--article-body[data-handler=""] h2, .ute-dca .ute-dca--article-body[data-handler=""] h3, .ute-dca .ute-dca--article-body[data-handler=""] h4 { padding: 0 0; } .ute-dca .ute-dca--article-body[data-handler="normal"] ul, .ute-dca .ute-dca--article-body[data-handler="normal"] ol, .ute-dca .ute-dca--article-body[data-handler=""] ul, .ute-dca .ute-dca--article-body[data-handler=""] ol { padding: 0 0 0 20px; } .ute-dca .ute-dca--article-body[data-handler="normal"] h5, .ute-dca .ute-dca--article-body[data-handler=""] h5 { padding: 0 0; } .ute-dca .ute-dca--article-body[data-handler="normal"] p, .ute-dca .ute-dca--article-body[data-handler=""] p { padding: 0 0; } .ute-dca .ute-dca--article-body[data-handler="normal"] span, .ute-dca .ute-dca--article-body[data-handler=""] span { padding: 0 0; } .ute-dca .ute-dca--article-body[data-handler="normal"] em, .ute-dca .ute-dca--article-body[data-handler=""] em { padding: 0 0; } .ute-dca .ute-dca--article-body[data-handler="indented"] h1, .ute-dca .ute-dca--article-body[data-handler="indented"] h2, .ute-dca .ute-dca--article-body[data-handler="indented"] h3, .ute-dca .ute-dca--article-body[data-handler="indented"] h4 { padding: 0 100px; } .ute-dca .ute-dca--article-body[data-handler="indented"] ul, .ute-dca .ute-dca--article-body[data-handler="indented"] ol { padding: 0 100px 0 120px; } .ute-dca .ute-dca--article-body[data-handler="indented"] h5 { padding: 0 100px; } .ute-dca .ute-dca--article-body[data-handler="indented"] p { padding: 0 100px; } .ute-dca .ute-dca--article-body[data-handler="indented"] span { padding: 0 100px; } .ute-dca .ute-dca--article-body[data-handler="indented"] em { padding: 0 100px; } } @media (max-width: 767px) { .ute-dca .ute-dca--article-body h1, .ute-dca .ute-dca--article-body h2, .ute-dca .ute-dca--article-body h3, .ute-dca .ute-dca--article-body h4 { padding: 0 0; } .ute-dca .ute-dca--article-body ul, .ute-dca .ute-dca--article-body ol { padding: 0 0 0 20px; } .ute-dca .ute-dca--article-body h5 { padding: 0 0; } .ute-dca .ute-dca--article-body p { padding: 0 0; } .ute-dca .ute-dca--article-body span { padding: 0 0; } .ute-dca .ute-dca--article-body em { padding: 0 0; } } .ute-dca .ute-dca--article-body .faded-content { -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(black), to(transparent)); } .ute-dca .ute-dca--article-form { padding: 0; margin-top: 5px; } .ute-dca .seeFullDetailsTextWrapper { margin-left: -30px; font-size: 14px; } .rui-cta-columns .cta-heading-wrapping { float: left; vertical-align: middle; margin-top: 10px; width: calc(100% - 63px); line-height: 14px; margin-bottom: 5px; } .rui-cta-columns .cta-icon-img { float: left; margin-right: 10px; margin-bottom: 5px; } .rui-cta-columns .cta-body-content { clear: both; } .rui-cta-columns .col-sm-12 > h4 { margin-bottom: 20px; } .ute-dca--module-7-1 .ute-dca--accordion--panel--title { width: 95%; } .ute-dca--module-7-1 .left-aligned-img { float: left; margin-right: 25px; margin-bottom: 25px; } .ute-dca--module-7-1 .panel.panel-default { border-left: none; border-right: none; border-radius: 0; position: relative; } .ute-dca--module-7-1 i.pull-right { display: none; } .ute-dca--module-7-1 .panel.panel-default a.collapsed .panel-heading:after { content: "+"; font-size: 32px; position: absolute; right: 10px; top: 0; } .ute-dca--module-7-1 .panel.panel-default a:not(.collapsed) .panel-heading:before { content: "_"; font-size: 32px; position: absolute; right: 12.5px; top: -14px; font-weight: 600; } .subpage-carousel-container .subpage-carousel-item::before { background: -webkit-radial-gradient(ransparent, transparent, rgba(0, 0, 0, 0.3)); /* Safari 5.1 to 6.0 */ background: -moz-radial-gradient(transparent, transparent, rgba(0, 0, 0, 0.3)); /* For Firefox 3.6 to 15 */ background: -webkit-radial-gradient(transparent, transparent, rgba(0, 0, 0, 0.3)); background: -o-radial-gradient(transparent, transparent, rgba(0, 0, 0, 0.3)); background: radial-gradient(transparent, transparent, rgba(0, 0, 0, 0.3)); /* Standard syntax (must be last) */ content: " "; height: 100%; position: absolute; width: 100%; z-index: 900; } .subpage-carousel-container.ute-dca--carousel--container #ute-dca--carousel--carousel .item { max-height: 380px; height: 380px; } .subpage-carousel-container.ute-dca--carousel--container #ute-dca--carousel--carousel .owl-controls .owl-buttons .owl-prev, .subpage-carousel-container.ute-dca--carousel--container #ute-dca--carousel--carousel .owl-controls .owl-buttons .owl-next { top: calc(50% - 50px); } .subpage-carousel-content-container { left: calc((100% - 1170px) / 2 + 50px); position: absolute; top: 10%; width: 500px; z-index: 1000; } .subpage-carousel-video-container { background: transparent url("/cms/common/dca/images/icn-play.png") no-repeat scroll center center; height: 100%; left: calc((100% - 1170px) / 2 + 550px); position: absolute; width: 550px; z-index: 1100; } .subpage-carousel-video-container a.vid-thumbnail { height: 100%; position: relative; width: 100%; z-index: 1101; } .subpage-carousel-video-container a.vid-thumbnail::before { border: 2px solid #fff; border-radius: 5px; content: " "; height: 150px; left: calc(50% - 125px); position: absolute; top: calc(50% - 75px); width: 250px; } .subpage-carousel-video-container a.vid-thumbnail { width: 100%; height: 100%; position: absolute; z-index: 1101; } .subpage-carousel-container.ute-dca--carousel--container #ute-dca--carousel--carousel .owl-controls .owl-pagination { bottom: -360px; left: 50%; position: absolute; width: 200px; } .subpage-carousel-container.ute-dca--carousel--container #ute-dca--carousel--carousel .owl-controls .owl-pagination .owl-page::after { background: transparent; } .subpage-carousel-container.ute-dca--carousel--container #ute-dca--carousel--carousel .owl-controls .owl-pagination .owl-page:first-child, .subpage-carousel-container.ute-dca--carousel--container #ute-dca--carousel--carousel .owl-controls .owl-pagination .owl-page:last-child { float: none; margin-right: 10px; } .subpage-carousel-container .ute-dca--carousel--container #ute-dca--carousel--carousel .owl-controls .owl-pagination .owl-page { width: auto; } .subpage-carousel-content-container.content-align-center { left: calc((100% - 500px) / 2); text-align: center; } .subpage-carousel-content-container { border-radius: 8px; padding-top: 10px 0px; padding: 15px; } h2.subpage-carousel-header { font-size: 3.6rem; } .subpage-carousel-container p.subpage-carousel-desc { font-size: 1.6rem; margin-bottom: 10px; margin-top: 5px; } .subpage-carousel-header.header-color-darkgray, .subpage-carousel-desc.content-color-darkgray { color: #414042; } .subpage-carousel-header.header-color-white, .subpage-carousel-desc.content-color-white { color: #FFF; } .subpage-carousel-header.header-color-aqua, .subpage-carousel-desc.content-color-aqua { color: #00aec7; } .subpage-carousel-header.header-color-red, .subpage-carousel-desc.content-color-red { color: #da291c; } .subpage-carousel-cta { margin-top: 10px; } .subpage-carousel-cta a { display: inline-block; padding: 7px 15px; background: #00aec7; color: #FFF; border-radius: 8px; } .subpage-carousel-cta a:hover { text-decoration: none; background: #017485; } .subpage-carousel-container .owl-controls .owl-page { display: none; } @media screen and (max-width: 767px) { .subpage-carousel-content-container.content-bg-white { background: rgba(255, 255, 255, 0.5); } .subpage-carousel-content-container.content-bg-darkgray { background-color: rgba(65, 64, 66, 0.5); } .subpage-carousel-content-container.content-bg-red { background: rgba(218, 41, 28, 0.5); } .subpage-carousel-content-container.content-bg-aqua { background: rgba(0, 174, 199, 0.5); } .subpage-carousel-content-container { left: 25px; position: absolute; top: 80px; width: calc(100% - 50px); z-index: 1000; } .subpage-carousel-video-container { background: transparent url("/cms/common/dca/images/icn-play.png") no-repeat scroll 170px 200px; height: calc(50% + 70px); position: absolute; left: 0; top: 0; width: 100%; z-index: 1100; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { .subpage-carousel-content-container { left: 50px; position: absolute; width: 550px; z-index: 1100; top: 100px; } .subpage-carousel-container .subpage-carousel-item img { z-index: -1; } .subpage-carousel-container.ute-dca--carousel--container #ute-dca--carousel--carousel .item { display: table; } .subpage-carousel-container .subpage-carousel-content-container { display: table-cell; vertical-align: middle; position: relative; padding-left: 10%; top: 0px; } .subpage-carousel-container .subpage-carousel-video-container { display: table-cell; position: relative; top: 0px; } } ute-dca .dca-features-ent { margin-bottom: 15px; } ute-dca .dca-features-ent:nth-child(2n+1) { clear: both; } ute-dca .dca-anchor { position: absolute; top: -100px; width: 100%; z-index: -1; } .pardot-popup-cta { max-wdith: 100%; width: 100%; } .pardot-popup-cta .content-title { font-family: TedNext, Helvetica, sans-serif; font-weight: 600; margin: 0; padding: 0; font-size: 1.8rem; line-height: 1.4; } .dca-magic-lens .context-section ul.contextual-list li { margin: 0 0 0 25px; } .ute-dca-icon-img-resource-centre { margin-right: 10px; margin-bottom: 20px; float: left; } @media (max-width: 767px) { .ute-dca-icon-img-resource-centre { display: block; float: none; margin: 0 auto; } } #content-darkgray, #header-darkgray { color: #414042; } #content-aqua, #header-aqua { color: #00aec7; } #content-red, #header-red { color: #da291c; } #content-white, #header-white { color: #FFF; } .ff-main-container { display: table; border: 1px solid #ccc; border-radius: 5px; width: 100%; margin-bottom: 15px; } .ff-image-cotainer { width: 100px; padding: 10px; text-align: center; } .ff-image-cotainer, .ff-content-container { display: table-cell; vertical-align: middle; } .ff-content-container { padding: 10px; } .iw_component[id="1480019072360"] .row { max-height: 175px; } @media (max-width: 1199px) { .iw_component[id="1480019072360"] .row { max-height: 175px; } } @media (max-width: 767px) { .iw_component[id="1480019072360"] .row { max-height: none; margin-bottom: 15px; } } .iw_component[id="1480019070296"] .row, .iw_component[id="1480019072361"] .row { max-height: 150px; } @media (max-width: 1199px) { .iw_component[id="1480019070296"] .row, .iw_component[id="1480019072361"] .row { max-height: 150px; } } @media (max-width: 767px) { .iw_component[id="1480019070296"] .row, .iw_component[id="1480019072361"] .row { max-height: none; margin-bottom: 15px; } } .my-rogers-breadcrumb a { font-size: inherit; } .my-rogers-breadcrumb .child-1 span { font-weight: initial; } .right-column .yello-promo-carousel .col-xs-12.col-sm-4.col-md-4.yello-promo-carousel-column { width: 100%; padding: 0 15px; margin-top: 0; } .iw_component .yello-promo-carousel, .iw_component .yello-promo-carousel-column, .iw_component .business-account-signin, .iw_component .business-account-signin-column { max-height: 150px; } @media (max-width: 1200px) { .iw_component .yello-promo-carousel, .iw_component .yello-promo-carousel-column, .iw_component .business-account-signin, .iw_component .business-account-signin-column { max-height: 250px; } } @media (max-width: 768px) { .iw_component .yello-promo-carousel, .iw_component .yello-promo-carousel-column, .iw_component .business-account-signin, .iw_component .business-account-signin-column { max-height: 225px; } } @media (max-width: 767px) { .iw_component .yello-promo-carousel, .iw_component .yello-promo-carousel-column, .iw_component .business-account-signin, .iw_component .business-account-signin-column { max-height: none; margin-bottom: 15px; } } .iw_component .row { margin-right: -15px; margin-left: -15px; } .iw_component .nav-sub-menu .row { max-height: 100%; } .iw_component .dca-promotion.dca-promotion--variation3.row { max-width: 100%; margin: 0 auto; width: 100%; } html[lang="fr"] .yello-promo-carousel, html[lang="fr"] .yello-promo-carousel-column, html[lang="fr"] .business-account-signin, html[lang="fr"] .business-account-signin-column { max-height: 200px; } @media (max-width: 1200px) { html[lang="fr"] .yello-promo-carousel, html[lang="fr"] .yello-promo-carousel-column, html[lang="fr"] .business-account-signin, html[lang="fr"] .business-account-signin-column { max-height: 280px; } } @media (max-width: 768px) { html[lang="fr"] .yello-promo-carousel, html[lang="fr"] .yello-promo-carousel-column, html[lang="fr"] .business-account-signin, html[lang="fr"] .business-account-signin-column { max-height: 270px; } } @media (max-width: 767px) { html[lang="fr"] .yello-promo-carousel, html[lang="fr"] .yello-promo-carousel-column, html[lang="fr"] .business-account-signin, html[lang="fr"] .business-account-signin-column { max-height: none; margin-bottom: 15px; } } html[lang="fr"] .ute-dca .ute-dca--sign-in-container .ute-dca--btn-container.pull-left + .pull-left { margin: -8px 0 0; } html[lang="fr"] .ute-dca .ute-dca--sign-in-container .ute-dca--btn-container.pull-left + .pull-left a { margin: 0; } .iw_component #px-embed-container { margin-bottom: 50px; } .iw_component #px-embed-container .post-container p { font-weight: 400; } .iw_component #px-embed-container .post-container p a { font-size: 13px; } .iw_component #px-embed-container .post-container p a:after { content: "\e906"; font-family: "rui-icon" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; -webkit-font-smoothing: antialiased; font-size: 10px; margin: 0 0 0 5px; } .ute-dca .industry-promo .ute-dca--blue-btn { max-width: 230px !important; } .ute-btn-tertiary { color: #414143; background-color: #ffc03f; border-radius: 8px; border: 1px solid #ffc03f; } .dropdown-menu.ute-dca--filter--dropdown-menu { width: 100%; top: 32px; } .ute-dca .ute-dca--panel-container-ent-contact .ute-dca--panel-grey, .ute-dca .ute-dca--panel-container-ent-contact .ute-dca--panel-grey:lang(fr) { margin-top: 0; } .ute-dca sub, .ute-dca sup { font-size: 0.425em !important; } .ute-dca.modal-open .modal { z-index: 10000 !important; } html[lang="fr"] { /*.ute-dca .dca-footer .footer-bar .footer-bar-links li a{ max-width:130px; }*/ } html[lang="fr"] .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set > li:nth-last-child(2) { margin-left: 35%; } html[lang="fr"] .ute-dca .dca-header .dca-primary-nav .nav-sub-menu { min-width: 320px; } .ute-dca .ls-area.container, .ute-dca #ls-row-2-area-1 { max-width: 1170px; margin: 25px auto; } /* @media (max-width: 769px){ .ute-dca .ls-area.container, .ute-dca #ls-row-2-area-1 { margin: 0 auto; } } */ @media (min-width: 960px) and (max-width: 1199px) { html[lang="fr"] .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set > li:nth-last-child(2) { margin-left: 30%; } } @media (min-width: 768px) and (max-width: 991px) { html[lang="fr"] { /*.ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav li > a, .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li > a { max-width: 80px; }*/ } html[lang="fr"] .ute-dca .dca-header .dca-primary-nav .main-nav > li a[id="main-nav-item-1"] + .nav-sub-menu .column a, html[lang="fr"] .ute-dca .dca-header .dca-primary-nav .main-nav > li a[id="main-nav-item-2"] + .nav-sub-menu .column a, html[lang="fr"] .ute-dca .dca-header .dca-primary-nav .main-nav > li a[id="main-nav-item-3"] + .nav-sub-menu .column a { max-width: 100%; } html[lang="fr"] .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set > li:nth-last-child(2) { margin-left: 20%; } html[lang="fr"] .ute-dca .dca-header .dca-primary-nav li[data-handler="Help & Support"] .nav-sub-menu, html[lang="fr"] .ute-dca .dca-header .dca-primary-nav li[data-handler="menu6_en"] .nav-sub-menu, html[lang="fr"] .ute-dca .dca-header .dca-primary-nav li[data-handler="menu6_fr"] .nav-sub-menu { left: -148px; } html[lang="fr"] .ute-dca .ute-dca-icon-container { font-size: 24px; width: 24px; margin: 0; } html[lang="fr"] .ute-dca .ute-dca--panel-aqua h4, html[lang="fr"] .ute-dca .ute-dca--panel-white h4, html[lang="fr"] .ute-dca .ute-dca--panel-grey h4 { font-size: 13px; } html[lang="fr"] .ute-dca ul.ute-dca--ul a, html[lang="fr"] .ute-dca ul.ute-dca--ul p, html[lang="fr"] .ute-dca .ute-dca--p--smaller p, html[lang="fr"] .ute-dca body[ute-brand="rogers"] .ute-dca--p--smaller a, html[lang="fr"] .ute-dca .ute-dca--p--smaller a { font-size: 12px; } .ute-dca .ute-dca-icon-container { margin: 0; } } @media (min-width: 300px) and (max-width: 767px) { .iw_component .dca-promotion.dca-promotion--variation3.row { max-width: 100%; margin: 0 15px 50px; width: 90%; } .iw_component #px-embed-container { max-width: 1170px; margin: 10px 15px 20px; width: 90%; } .ute-dca .dca-footer .footer-bar .province-language .province-dropdown .dropdown-menu { margin-left: 0; } html[lang="fr"] .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set li:nth-child(-n+3) a { padding: 4px 10px 0 5px; width: auto; max-width: 106px; white-space: initial; overflow: hidden; } .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row .col-md-6:first-child i, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row .col-md-6:first-child .rui-icon-generic-message, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row .col-md-6:first-child i, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row .col-md-6:first-child .rui-icon-generic-message, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row .col-md-6:first-child i, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row .col-md-6:first-child .rui-icon-generic-message, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row .col-md-6:first-child i, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row .col-md-6:first-child .rui-icon-generic-message, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row .col-md-6 i, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact Us"] .nav-sub-menu .row .col-md-6 .rui-icon-generic-message, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row .col-md-6 i, .ute-dca .dca-header .dca-primary-nav li[data-handler="Contact us"] .nav-sub-menu .row .col-md-6 .rui-icon-generic-message, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row .col-md-6 i, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_en"] .nav-sub-menu .row .col-md-6 .rui-icon-generic-message .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row .col-md-6 i, .ute-dca .dca-header .dca-primary-nav li[data-handler="menu5_fr"] .nav-sub-menu .row .col-md-6 .rui-icon-generic-message { top: 11px; } } @media (min-width: 300px) and (max-width: 766px) { .iw_component[id="1480019070261"] .ute-dca--panel-container.has-carousel, .iw_component[id="1480019070261"] .ute-dca--panel-container-smb.has-carousel, .iw_component[id="1480019070261"] .ute-dca--panel-container-ent.has-carousel, .iw_component[id="1480019070296"] .ute-dca--panel-container.has-carousel, .iw_component[id="1480019070296"] .ute-dca--panel-container-smb.has-carousel, .iw_component[id="1480019070296"] .ute-dca--panel-container-ent.has-carousel { margin-left: 15px !important; margin-right: 15px !important; } .ls-row.pagesection.rui-main-content[id="content1-row1"] { position: relative; } .ls-row.pagesection.rui-main-content[id="content1-row1"] .ls-cmp-wrap[id="w1480019070292"], .ls-row.pagesection.rui-main-content[id="content1-row1"] .ls-cmp-wrap[id="w1480019070259"] { margin: 160px 0 0; } .ls-row.pagesection.rui-main-content[id="content1-row1"] .ls-cmp-wrap[id="w1480019072360"], .ls-row.pagesection.rui-main-content[id="content1-row1"] .ls-cmp-wrap[id="w1480019070296"], .ls-row.pagesection.rui-main-content[id="content1-row1"] .ls-cmp-wrap[id="w1480019070261"] { position: absolute; top: 10px; width: 100%; } .ls-row.pagesection.rui-main-content[id="content1-row1"] .ls-cmp-wrap[id="w1480019072360"] ul.ute-dca--ul.two-col-list, .ls-row.pagesection.rui-main-content[id="content1-row1"] .ls-cmp-wrap[id="w1480019070296"] ul.ute-dca--ul.two-col-list, .ls-row.pagesection.rui-main-content[id="content1-row1"] .ls-cmp-wrap[id="w1480019070261"] ul.ute-dca--ul.two-col-list { display: none; } .ls-row.pagesection.rui-main-content[id="content1-row1"] .ls-cmp-wrap[id="w1480019072360"] .ute-dca--panel-aqua h3, .ls-row.pagesection.rui-main-content[id="content1-row1"] .ls-cmp-wrap[id="w1480019070296"] .ute-dca--panel-aqua h3, .ls-row.pagesection.rui-main-content[id="content1-row1"] .ls-cmp-wrap[id="w1480019070261"] .ute-dca--panel-aqua h3 { margin-bottom: 0; } .ls-cmp-wrap[id="w1480701996382"], .ls-cmp-wrap[id="w1480701995789"] { overflow: hidden; width: 100%; } .ls-cmp-wrap[id="w1480701996382"] img, .ls-cmp-wrap[id="w1480701995789"] img { max-width: 320px; } html[lang="fr"] .ls-row.pagesection.rui-main-content[id="content1-row1"] .ls-cmp-wrap[id="w1480019072360"], html[lang="fr"] .ls-row.pagesection.rui-main-content[id="content1-row1"] .ls-cmp-wrap[id="w1480019070296"], html[lang="fr"] .ls-row.pagesection.rui-main-content[id="content1-row1"] .ls-cmp-wrap[id="w1480019070261"] { position: absolute; top: 10px; width: 92%; margin: 0 15px; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */ html[lang="fr"] .ute-dca .dca-header .dca-primary-nav .nav-link-set.main-nav li > a, html[lang="fr"] .ute-dca .dca-header .dca-primary-nav .nav-link-set.call-care-quote li > a { white-space: normal; } } .ute-dca .totes-project { font-weight: inherit; font-family: 'Avenir Next',sans-serif; } .ute-dca .totes-project p { font-size: inherit; font-weight: inherit; font-family: 'Avenir Next',sans-serif; } .ute-dca .totes-project a { font-size: inherit; font-weight: inherit; font-family: 'Avenir Next',sans-serif; } .ute-dca .totes-project .registration-area-text-lg, .ute-dca .totes-project .registration-area-text-lgfr, .ute-dca .totes-project .registration-area-text-sm { margin-left: 20px; font-family: Avenir Next; color: #414042; font-weight: 500; -webkit-transform: scaleX(1.0126); -ms-transform: scaleX(1.0126); transform: scaleX(1.0126); } .ute-dca .totes-project .registration-area-text-lg { font-size: 21px; line-height: 27.059px; text-align: left; margin-top: 15px; } .ute-dca .totes-project .registration-area-text-sm { font-size: 18px; line-height: 22px; text-align: right; cursor: pointer; } @media (max-width: 767px) { .dca-tabs + div.col-md-12 p img, [data-tab="dca-tab-1"] p img { width: 100%; height: auto; } } .four-column-content-container { margin: 40px 0 20px 0; } .four-column-content-container img { margin: 0 auto; } @media (max-width: 767px) { .four-column-content-container { width: 96%; margin: 0 auto; } } .four-column-title-container { padding: 15px 0 5px 0; } @media (max-width: 767px) { .dca-secondary-nav .log-in { display: none !important; } } .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set li.mobile-nav-search-section { overflow: visible; } .ute-dca .modal-dialog { z-index: 1050; } .nav-sub-menu .column:nth-child(3n+1) { clear: left; } /**/ .ute-dca .dca-header #dca-secondary-nav ul.nav-link-set > li:nth-child(6) a::after { content: '\e826'; font-family: rui-icon; font-size: 0.75em; font-weight: 900; color: #fff; display: inline-block; padding-left: 0.75em; position: relative; top: -1px; left: 8px; } .ute-dca .dca-header #dca-secondary-nav ul.nav-link-set > li:nth-last-child(2) span.signedin::before, .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set > li:nth-last-child(2) span.signedin::after { content: "|"; display: inline-block; font-size: .79em; font-weight: 500; position: relative; top: -2px; left: -3px; } .ute-dca .dca-header .dca-secondary-nav ul.nav-link-set > li:nth-last-child(2) span.signedin span#user-name { display: inline-block; margin-left: 5px; margin-right: 0; max-width: 4em; overflow: hidden; overflow-wrap: normal; -o-text-overflow: ellipsis; text-overflow: ellipsis; vertical-align: top; white-space: nowrap; } /**/ @media (max-width: 768px) { .slider-wrapper.slider-wrapper-fixed { position: fixed; z-index: 4; top: 76px; width: 100%; } } @media (max-width: 1200px) { .right-column .speak-to-specialist-container .text-call { white-space: nowrap; } } @media (max-width: 1200px) { .ute-dca .ute-dca--article-form .get-callback-form iframe { height: 900px !important; } } @media (max-width: 767px) { .add-ons.ute-smb .ute-tabs, .add-ons.ute-smb .header-2, .add-ons.ute-smb .ute-xxl, .add-ons.ute-smb .header-2 + p, .add-ons.ute-smb .ute-xxl + p, .add-ons.ute-smb .price-tiles-wrapper, .bundle-save.ute-smb .ute-tabs, .bundle-save.ute-smb .header-2, .bundle-save.ute-smb .ute-xxl, .bundle-save.ute-smb .header-2 + p, .bundle-save.ute-smb .ute-xxl + p, .bundle-save.ute-smb .price-tiles-wrapper, .pricing.ute-smb .ute-tabs, .pricing.ute-smb .header-2, .pricing.ute-smb .ute-xxl, .pricing.ute-smb .header-2 + p, .pricing.ute-smb .ute-xxl + p, .pricing.ute-smb .price-tiles-wrapper { max-width: 92%; margin: 0 auto; } } .add-ons.ute-smb .price-tiles-wrapper .owl-theme .owl-controls .owl-page span, .bundle-save.ute-smb .price-tiles-wrapper .owl-theme .owl-controls .owl-page span, .pricing.ute-smb .price-tiles-wrapper .owl-theme .owl-controls .owl-page span { margin: 0; } @media (max-width: 769px) { .ute-smb.ute-intro-section { margin: 0 !important; } } /**/ .pardot-cta-modal { background: #bbe4ec none repeat scroll 0 0; } .pardot-cta-modal .details-content { font-size: 1.6rem; } .pardot-popup-cta .btn-danger.modal-button { background: #da291c none repeat scroll 0 0; border-radius: 5px; color: #fff; display: block; padding: 5px 15px; text-align: center; width: 100%; } .pardot-popup-cta { background: #bbe4ec none repeat scroll 0 0; } .pardot-popup-cta .button-container { margin-top: 20px; } .pardot-popup-cta { border-radius: 8px; margin: 0 !important; max-width: 100%; padding: 15px; width: 100%; } .pardot-popup-cta .details-content { font-size: 1.6rem; } .gatedContentContainer { position: relative; margin-top: 50px; } .fadedIframe { background: #fff none repeat scroll 0 0; bottom: 0; left: 0; position: absolute; width: 100%; z-index: 1000; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.32) 50%, rgba(255, 255, 255, 0.59) 49%, white 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.32) 50%, rgba(255, 255, 255, 0.59) 49%, white 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.32)), color-stop(49%, rgba(255, 255, 255, 0.59)), to(white)); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.32) 50%, rgba(255, 255, 255, 0.59) 49%, white 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.32) 50%, rgba(255, 255, 255, 0.59) 49%, white 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); } .gatedIframe { background: #fff none repeat scroll 0 0; border-radius: 8px; -webkit-box-shadow: 3px 3px 10px 3px #ccc; box-shadow: 3px 3px 10px 3px #ccc; margin: 0 auto; width: 350px; padding: 10px; } /**/ .ute-dca--articles--heading-container { text-align: center; } .ute-speak-to-specialist-callBackFrom iframe { height: 1000px !important; } @media (max-width: 767px) { .ute-speak-to-specialist-callBackFrom iframe { height: 1090px; } } .ute-dca { overflow-x: hidden; } .rogers-link { display: inline-block; margin-right: 6px; } .rogers-link span { font-size: 12px; } .panel.panel-default.ute-dca--panel-thank-you.ute-dca--thank-you-panel-green { margin-top: 30px; } @media screen and (max-width: 767px) { .panel.panel-default.ute-dca--panel-thank-you.ute-dca--thank-you-panel-green { margin-top: 60px; } } .speak-to-specialist-container { margin: 0 0 30px 0 !important; overflow: hidden !important; } ute-date-picker ul.dropdown-menu { border: 1px solid #00a0b7; } ute-date-picker ul.dropdown-menu .glyphicon { font-family: 'Glyphicons Halflings'; color: #00a0b7; } ute-date-picker ul.dropdown-menu .glyphicon.glyphicon-chevron-left:before { content: '\e257'; } ute-date-picker ul.dropdown-menu .glyphicon.glyphicon-chevron-right:before { content: '\e258'; } .modal-dialog.legal-modal { z-index: 9999999; margin-top: 20px; } .addOnsAndTravel_container .bannerHomeUnion h1 { font-weight: 600; } .tab_control strong { font-weight: 600; } /* -- helper.scss START -- */ *, *:active, *:visited { outline: none !important; } /*.pca .pcaautocomplete .pcalist { margin-top: 40px; }*/ html.md-default-theme, html, body.md-default-theme, body { background-color: #fff; } .hide { display: none; } .block { display: block; } .show-mobile { display: none; } .hide-mobile { display: block; } .show-desktop { display: block; } .hide-desktop { display: none; } .btn:active { -webkit-box-shadow: none; box-shadow: none; } .success-icon { color: #00965e !important; font-size: 3.2rem; float: left; margin: 0 10px; } .success-indent { margin-left: 30px; } .reset-success .success-icon { margin: 15px 15px 0 0; } .reset-success p { margin-left: 0; } [ute-user~="agent"] .agent-only-hide { display: none; } [ute-user~="agent"] .agent-only-show { display: block; } /*Service based show/hide */ .has-iptv-hide { display: block !important; } .has-iptv-show { display: none !important; } .has-iptv-disable { opacity: 1 !important; } [ute-province-services~="iptv"] .has-iptv-hide { display: none !important; } [ute-province-services~="iptv"] .has-iptv-show { display: block !important; } [ute-province-services~="iptv"] #header #nav-main li.has-iptv-show { display: inline-block !important; } [ute-province-services~="iptv"] .has-iptv-disable { opacity: 0.5 !important; } [ute-province-services~="iptv"][ute-user~="agent"] .has-iptv-hide.is-agent { display: none !important; } [ute-province-services~="iptv"][ute-user~="agent"] .has-iptv-show.is-agent { display: block !important; } [ute-province-services~="iptv"][ute-user~="agent"] .has-iptv-disable.is-agent { opacity: 0.5 !important; } [ute-province-services~="iptv"][ute-user~="agent"] .has-iptv-hide.is-cx { display: block !important; } [ute-province-services~="iptv"][ute-user~="agent"] .has-iptv-show.is-cx { display: none !important; } [ute-province-services~="iptv"][ute-user~="agent"] .has-iptv-disable.cx { opacity: 1 !important; } [ute-province-services~="iptv"][ute-user~="cx"] .has-iptv-hide.is-cx { display: none !important; } [ute-province-services~="iptv"][ute-user~="cx"] .has-iptv-show.is-cx { display: block !important; } [ute-province-services~="iptv"][ute-user~="cx"] .has-iptv-disable.cx { opacity: 0.5 !important; } [ute-province-services~="iptv"][ute-user~="cx"] .has-iptv-hide.is-agent { display: block !important; } [ute-province-services~="iptv"][ute-user~="cx"] .has-iptv-show.is-agent { display: none !important; } [ute-province-services~="iptv"][ute-user~="cx"] .has-iptv-disable.is-agent { opacity: 1 !important; } .has-wireless-hide { display: block !important; } .has-wireless-show { display: none !important; } .has-wireless-disable { opacity: 1 !important; } [ute-province-services~="wireless"] .has-wireless-hide { display: none !important; } [ute-province-services~="wireless"] .has-wireless-show { display: block !important; } [ute-province-services~="wireless"] #header #nav-main li.has-wireless-show { display: inline-block !important; } [ute-province-services~="wireless"] .has-wireless-disable { opacity: 0.5 !important; } [ute-province-services~="wireless"][ute-user~="agent"] .has-wireless-hide.is-agent { display: none !important; } [ute-province-services~="wireless"][ute-user~="agent"] .has-wireless-show.is-agent { display: block !important; } [ute-province-services~="wireless"][ute-user~="agent"] .has-wireless-disable.is-agent { opacity: 0.5 !important; } [ute-province-services~="wireless"][ute-user~="agent"] .has-wireless-hide.is-cx { display: block !important; } [ute-province-services~="wireless"][ute-user~="agent"] .has-wireless-show.is-cx { display: none !important; } [ute-province-services~="wireless"][ute-user~="agent"] .has-wireless-disable.cx { opacity: 1 !important; } [ute-province-services~="wireless"][ute-user~="cx"] .has-wireless-hide.is-cx { display: none !important; } [ute-province-services~="wireless"][ute-user~="cx"] .has-wireless-show.is-cx { display: block !important; } [ute-province-services~="wireless"][ute-user~="cx"] .has-wireless-disable.cx { opacity: 0.5 !important; } [ute-province-services~="wireless"][ute-user~="cx"] .has-wireless-hide.is-agent { display: block !important; } [ute-province-services~="wireless"][ute-user~="cx"] .has-wireless-show.is-agent { display: none !important; } [ute-province-services~="wireless"][ute-user~="cx"] .has-wireless-disable.is-agent { opacity: 1 !important; } .has-support-hide { display: block !important; } .has-support-show { display: none !important; } .has-support-disable { opacity: 1 !important; } [ute-province-services~="support"] .has-support-hide { display: none !important; } [ute-province-services~="support"] .has-support-show { display: block !important; } [ute-province-services~="support"] #header #nav-main li.has-support-show { display: inline-block !important; } [ute-province-services~="support"] .has-support-disable { opacity: 0.5 !important; } [ute-province-services~="support"][ute-user~="agent"] .has-support-hide.is-agent { display: none !important; } [ute-province-services~="support"][ute-user~="agent"] .has-support-show.is-agent { display: block !important; } [ute-province-services~="support"][ute-user~="agent"] .has-support-disable.is-agent { opacity: 0.5 !important; } [ute-province-services~="support"][ute-user~="agent"] .has-support-hide.is-cx { display: block !important; } [ute-province-services~="support"][ute-user~="agent"] .has-support-show.is-cx { display: none !important; } [ute-province-services~="support"][ute-user~="agent"] .has-support-disable.cx { opacity: 1 !important; } [ute-province-services~="support"][ute-user~="cx"] .has-support-hide.is-cx { display: none !important; } [ute-province-services~="support"][ute-user~="cx"] .has-support-show.is-cx { display: block !important; } [ute-province-services~="support"][ute-user~="cx"] .has-support-disable.cx { opacity: 0.5 !important; } [ute-province-services~="support"][ute-user~="cx"] .has-support-hide.is-agent { display: block !important; } [ute-province-services~="support"][ute-user~="cx"] .has-support-show.is-agent { display: none !important; } [ute-province-services~="support"][ute-user~="cx"] .has-support-disable.is-agent { opacity: 1 !important; } .has-promos-hide { display: block !important; } .has-promos-show { display: none !important; } .has-promos-disable { opacity: 1 !important; } [ute-province-services~="promos"] .has-promos-hide { display: none !important; } [ute-province-services~="promos"] .has-promos-show { display: block !important; } [ute-province-services~="promos"] #header #nav-main li.has-promos-show { display: inline-block !important; } [ute-province-services~="promos"] .has-promos-disable { opacity: 0.5 !important; } [ute-province-services~="promos"][ute-user~="agent"] .has-promos-hide.is-agent { display: none !important; } [ute-province-services~="promos"][ute-user~="agent"] .has-promos-show.is-agent { display: block !important; } [ute-province-services~="promos"][ute-user~="agent"] .has-promos-disable.is-agent { opacity: 0.5 !important; } [ute-province-services~="promos"][ute-user~="agent"] .has-promos-hide.is-cx { display: block !important; } [ute-province-services~="promos"][ute-user~="agent"] .has-promos-show.is-cx { display: none !important; } [ute-province-services~="promos"][ute-user~="agent"] .has-promos-disable.cx { opacity: 1 !important; } [ute-province-services~="promos"][ute-user~="cx"] .has-promos-hide.is-cx { display: none !important; } [ute-province-services~="promos"][ute-user~="cx"] .has-promos-show.is-cx { display: block !important; } [ute-province-services~="promos"][ute-user~="cx"] .has-promos-disable.cx { opacity: 0.5 !important; } [ute-province-services~="promos"][ute-user~="cx"] .has-promos-hide.is-agent { display: block !important; } [ute-province-services~="promos"][ute-user~="cx"] .has-promos-show.is-agent { display: none !important; } [ute-province-services~="promos"][ute-user~="cx"] .has-promos-disable.is-agent { opacity: 1 !important; } .has-internet-hide { display: block !important; } .has-internet-show { display: none !important; } .has-internet-disable { opacity: 1 !important; } [ute-province-services~="internet"] .has-internet-hide { display: none !important; } [ute-province-services~="internet"] .has-internet-show { display: block !important; } [ute-province-services~="internet"] #header #nav-main li.has-internet-show { display: inline-block !important; } [ute-province-services~="internet"] .has-internet-disable { opacity: 0.5 !important; } [ute-province-services~="internet"][ute-user~="agent"] .has-internet-hide.is-agent { display: none !important; } [ute-province-services~="internet"][ute-user~="agent"] .has-internet-show.is-agent { display: block !important; } [ute-province-services~="internet"][ute-user~="agent"] .has-internet-disable.is-agent { opacity: 0.5 !important; } [ute-province-services~="internet"][ute-user~="agent"] .has-internet-hide.is-cx { display: block !important; } [ute-province-services~="internet"][ute-user~="agent"] .has-internet-show.is-cx { display: none !important; } [ute-province-services~="internet"][ute-user~="agent"] .has-internet-disable.cx { opacity: 1 !important; } [ute-province-services~="internet"][ute-user~="cx"] .has-internet-hide.is-cx { display: none !important; } [ute-province-services~="internet"][ute-user~="cx"] .has-internet-show.is-cx { display: block !important; } [ute-province-services~="internet"][ute-user~="cx"] .has-internet-disable.cx { opacity: 0.5 !important; } [ute-province-services~="internet"][ute-user~="cx"] .has-internet-hide.is-agent { display: block !important; } [ute-province-services~="internet"][ute-user~="cx"] .has-internet-show.is-agent { display: none !important; } [ute-province-services~="internet"][ute-user~="cx"] .has-internet-disable.is-agent { opacity: 1 !important; } .has-rewards-hide { display: block !important; } .has-rewards-show { display: none !important; } .has-rewards-disable { opacity: 1 !important; } [ute-province-services~="rewards"] .has-rewards-hide { display: none !important; } [ute-province-services~="rewards"] .has-rewards-show { display: block !important; } [ute-province-services~="rewards"] #header #nav-main li.has-rewards-show { display: inline-block !important; } [ute-province-services~="rewards"] .has-rewards-disable { opacity: 0.5 !important; } [ute-province-services~="rewards"][ute-user~="agent"] .has-rewards-hide.is-agent { display: none !important; } [ute-province-services~="rewards"][ute-user~="agent"] .has-rewards-show.is-agent { display: block !important; } [ute-province-services~="rewards"][ute-user~="agent"] .has-rewards-disable.is-agent { opacity: 0.5 !important; } [ute-province-services~="rewards"][ute-user~="agent"] .has-rewards-hide.is-cx { display: block !important; } [ute-province-services~="rewards"][ute-user~="agent"] .has-rewards-show.is-cx { display: none !important; } [ute-province-services~="rewards"][ute-user~="agent"] .has-rewards-disable.cx { opacity: 1 !important; } [ute-province-services~="rewards"][ute-user~="cx"] .has-rewards-hide.is-cx { display: none !important; } [ute-province-services~="rewards"][ute-user~="cx"] .has-rewards-show.is-cx { display: block !important; } [ute-province-services~="rewards"][ute-user~="cx"] .has-rewards-disable.cx { opacity: 0.5 !important; } [ute-province-services~="rewards"][ute-user~="cx"] .has-rewards-hide.is-agent { display: block !important; } [ute-province-services~="rewards"][ute-user~="cx"] .has-rewards-show.is-agent { display: none !important; } [ute-province-services~="rewards"][ute-user~="cx"] .has-rewards-disable.is-agent { opacity: 1 !important; } /*body[ute-env~="qa1015b"]{ .has-iptv-hide, .has-iptv-show, .has-iptv-disable, #header #nav-main li.has-iptv-show{ display:none !important; } }*/ .agent-only-show { display: none; } .inline { display: inline; } .inline-block { display: inline-block; } .visibility-hidden { visibility: hidden; } .visibility-visible { visibility: visible; } .clear-both { clear: both; } .width-10 { width: 10%; } .width-20 { width: 20%; } .width-25 { width: 25%; } .width-30 { width: 30%; } .width-33 { width: 33.33%; } .width-40 { width: 40%; } .width-50 { width: 50%; } .width-60 { width: 60%; } .width-66 { width: 66.66%; } .width-70 { width: 70%; } .width-75 { width: 75%; } .width-80 { width: 80%; } .width-90 { width: 90%; } .width-100 { width: 100%; } .margin-0 { margin: 0; } .margin-top-0 { margin-top: 0; } .margin-right-0 { margin-right: 0; } .margin-bottom-0 { margin-bottom: 0; } .margin-left-0 { margin-left: 0; } .margin-left-row { margin-left: -15px !important; } .padding-0 { padding: 0; } .padding-top-0 { padding-top: 0; } .padding-right-0 { padding-right: 0; } .padding-bottom-0 { padding-bottom: 0; } .padding-left-0 { padding-left: 0; } .padding-left-10 { padding-left: 10px; } .padding-left-20 { padding-left: 20px; } .padding-left-30 { padding-left: 30px; } .padding-left-40 { padding-left: 40px; } .ul-dotted-padding { padding-left: 21px; } .float-left { float: left; } .float-right { float: right; } .float-none { float: none; } .font-italic { font-style: italic; } .font-light { font-weight: 300 !important; } .font-regular { font-weight: normal; } .font-medium { font-weight: 400; } .font-heavy { font-weight: 900; } .font-heavy-important { font-weight: 900 !important; } .sentence-case { text-transform: none !important; } .lowercase { text-transform: lowercase !important; } .uppercase { text-transform: uppercase !important; } .capitalize { text-transform: capitalize; } .line-height-1 { line-height: 1; } .ute-col-primary { color: #da291c; } .ute-col-secondary { color: #00aec7 !important; } .ute-col-tertiary { color: #ffc03f; } .ute-col-gold-border { color: #da291c; } .ute-col-quaternary { color: #414042; } .ute-col-link-primary { color: #0a5498; } .ute-col-link-secondary { color: #da291c; } .ute-col-info { color: #00aec7; } .ute-col-light { color: #f0f2f5; } .ute-col-dark { color: #414042; } .ute-col-light-grey { color: #bbbdc0; } .ute-col-services { color: #414042; } .ute-col-alert-success { color: #00965e; } .ute-col-alert-warning { color: #ffbf3f; } .ute-col-alert-danger { color: #da291c; } .ute-col-alert-info { color: #00aec7; } .ute-col-modal-bg { color: #808284; } .ute-col-modal-border { color: #da291c; } .ute-col-modal-icon { color: #da291c; } .ute-col-btn-primary { color: #da291c; } .ute-col-btn-primary-txt { color: white; } .ute-col-btn-secondary { color: white; } .ute-col-btn-secondary-txt { color: #da291c; } .ute-col-btn-tertiary { color: #ffc03f; } .ute-col-btn-primary-txt { color: #414042; } .ute-col-form-label { color: #333; } .ute-col-form-disabled { color: #b3b3b3; } .ute-col-form-input { color: #414042; } .ute-col-form-input-active { color: #414042; } .ute-col-form-input-invalid { color: #da291c; } .ute-col-form-input-invalid-shadow { color: #ffd490; } .ute-col-table-warning { color: #bbe4ec; } .ute-col-col-table-total { color: #68cada; } .ute-col-table-border-primary { color: #ffe9c7; } .ute-col-table-border-secondary { color: #eef0f0; } .ute-col-table-hover-primary { color: #f5f5f6; } .primary-copy-red { color: #da291c; } .primary-copy-aqua { color: #00aec7; } .primary-copy-yellow { color: #ffbf3f; } .primary-copy-dark-grey { color: #414042; } .secondary-copy-dark-red { color: #af2217; } .secondary-copy-dark-aqua { color: #00596d; } .secondary-copy-medium-aqua { color: #68cbda; } .secondary-copy-light-aqua { color: #bbe4ed; } .ute-col-vendor-meter { background-color: #ffd490; } .ute-col-vendor-meter-full { background-color: #ffd490; } .ute-col-vendor-meter-empty { background-color: ""; } .ute-col-vendor-chart-line { background-color: #00985f; } .ute-col-vendor-chart-point { background-color: #ffd490; } .ute-col-vendor-chart-line-over { background-color: #ffbf3f; } .ute-col-vendor-chart-division { background-color: #00aec7; } .no-wrap, .no-wrap-fr { white-space: nowrap; } [ute-language="fr"] .no-wrap-fr { white-space: normal; } .absolute-align { position: relative; } [class^='align-'], [class*=' align-'] { position: absolute; top: 0; } .align-top-left { left: 0; } .align-top-right { right: 0; } ul.flush-left { margin-left: -2rem; } .list-count { display: table; width: 100%; } .list-count > div { display: table-cell; } .list-count .counter { padding: 10px 20px; width: 90px; } .list-count .counter > span { width: 40px; height: 40px; display: block; border-radius: 50%; background-color: #da291c; text-align: center; padding-top: 5px; font-size: 2.2rem; font-weight: 600; color: white; } .list-count .content-wrapper > *:first-child { margin-top: 0; } .list-count-offset { margin-left: 90px; } body[ute-device-size='xs'] .list-count .counter, body[ute-device-size='sm'] .list-count .counter { padding: 6px 15px 0 0; width: auto; } body[ute-device-size='xs'] .list-count .counter span, body[ute-device-size='sm'] .list-count .counter span { width: 37px; height: 37px; padding-top: 4px; } body[ute-device-size='xs'] .list-count > div, body[ute-device-size='sm'] .list-count > div { vertical-align: top; } body[ute-device-size='xs'] .list-count .content-wrapper, body[ute-device-size='sm'] .list-count .content-wrapper { padding-bottom: 20px; } body[ute-device-size='xs'] .list-count .content-wrapper .mobile-bold-copy, body[ute-device-size='sm'] .list-count .content-wrapper .mobile-bold-copy { font-size: 1.6rem; font-weight: 400; } body[ute-device-size='xs'] .list-count-offset, body[ute-device-size='sm'] .list-count-offset { margin-left: 0; } body[ute-device-size='xs'] .mobile-list ul, body[ute-device-size='sm'] .mobile-list ul { padding-left: 20px; } body[ute-device-size='xs'] .mobile-list ul li, body[ute-device-size='sm'] .mobile-list ul li { margin-bottom: 10px; } body[ute-device-size='xs'] .show-mobile, body[ute-device-size='sm'] .show-mobile { display: block; } body[ute-device-size='xs'] .show-desktop, body[ute-device-size='sm'] .show-desktop { display: none; } body[ute-device-size='xs'] .hide-mobile, body[ute-device-size='sm'] .hide-mobile { display: none; } body[ute-device-size='xs'] .hide-desktop, body[ute-device-size='sm'] .hide-desktop { display: block; } body[ute-device-size='xs'] .block-mobile, body[ute-device-size='sm'] .block-mobile { display: block; } body[ute-device-size='xs'] .margin-0-mobile, body[ute-device-size='sm'] .margin-0-mobile { margin: 0; } body[ute-device-size='xs'] .margin-top-0-mobile, body[ute-device-size='sm'] .margin-top-0-mobile { margin-top: 0; } body[ute-device-size='xs'] .margin-right-0-mobile, body[ute-device-size='sm'] .margin-right-0-mobile { margin-right: 0; } body[ute-device-size='xs'] .margin-bottom-0-mobile, body[ute-device-size='sm'] .margin-bottom-0-mobile { margin-bottom: 0; } body[ute-device-size='xs'] .margin-bottom-15-mobile, body[ute-device-size='sm'] .margin-bottom-15-mobile { margin-bottom: 15px; } body[ute-device-size='xs'] .margin-bottom-25, body[ute-device-size='xs'] .margin-bottom-25-mobile, body[ute-device-size='sm'] .margin-bottom-25, body[ute-device-size='sm'] .margin-bottom-25-mobile { margin-bottom: 25px; } body[ute-device-size='xs'] .margin-left-0-mobile, body[ute-device-size='sm'] .margin-left-0-mobile { margin-left: 0; } body[ute-device-size='xs'] .margin-left-15-mobile, body[ute-device-size='sm'] .margin-left-15-mobile { margin-left: 15px; } body[ute-device-size='xs'] .margin-right-15-mobile, body[ute-device-size='sm'] .margin-right-15-mobile { margin-right: 15px; } body[ute-device-size='xs'] .padding-0-mobile, body[ute-device-size='sm'] .padding-0-mobile { padding: 0; } body[ute-device-size='xs'] .padding-top-0-mobile, body[ute-device-size='sm'] .padding-top-0-mobile { padding-top: 0; } body[ute-device-size='xs'] .padding-right-0-mobile, body[ute-device-size='sm'] .padding-right-0-mobile { padding-right: 0; } body[ute-device-size='xs'] .padding-bottom-0-mobile, body[ute-device-size='sm'] .padding-bottom-0-mobile { padding-bottom: 0; } body[ute-device-size='xs'] .padding-left-0-mobile, body[ute-device-size='sm'] .padding-left-0-mobile { padding-left: 0; } body[ute-device-size='xs'] .width-100-mobile, body[ute-device-size='sm'] .width-100-mobile { width: 100%; } body[ute-language="en"] .en-text-lowercase { text-transform: lowercase; } body[ute-language="en"] .en-visible { display: inline; } body[ute-language="en"] .fr-visible { display: none; } body[ute-language="fr"] .en-visible { display: none; } body[ute-language="fr"] .fr-visible { display: inline; } .ute-divider-primary { margin: 40px 0 20px; background-color: #bbbdc0; } .ute-divider-secondary { margin: 10px 0; background-color: #da291c; } .ute-divider-tertiary { margin: 10px 0; border-top: 1px dashed #ffc03f; } .ute-divider-primary, .ute-divider-secondary, .ute-divider-tertiary { width: 100%; height: 1px; } .ute-divider-primary.ute-divider-tall, .ute-divider-secondary.ute-divider-tall, .ute-divider-tertiary.ute-divider-tall { margin: 60px 0 40px; } .ute-divider-primary.ute-divider-medium, .ute-divider-secondary.ute-divider-medium, .ute-divider-tertiary.ute-divider-medium { margin: 30px 0; } .ute-divider-primary.ute-divider-short, .ute-divider-secondary.ute-divider-short, .ute-divider-tertiary.ute-divider-short { margin: 10px 0; } .ute-divider-primary.ute-divider-thin, .ute-divider-secondary.ute-divider-thin, .ute-divider-tertiary.ute-divider-thin { height: 2px; } .info-flag { color: #00aec7; } .preloader { height: 100px; width: 100px; margin: 0 auto; text-align: center; padding: 70px 0 0 0; } .loading { background: url("/cms/common/dca/images/loading.gif") no-repeat 50% 50%; min-height: 50px; } .loading-secondary { background: url("/cms/common/dca/images/loading-origami.gif") no-repeat; height: 100px; width: 112.5px; background-size: 112.5px 75px; } .preloader.loading[ute-content-injector] { background: url("/cms/common/dca/images/loading.gif") no-repeat 50% 50%; min-height: 10px; height: 1px !important; max-height: 10px !important; border: 0px dashed #ccc; width: auto !important; } .ute-diagnose { display: inline-block; position: relative; } .ute-diagnose i { position: absolute; right: -45px; z-index: 5; color: #035d67; font-size: 7rem; -webkit-transform: rotate(-0.02turn) translateY(6px); -ms-transform: rotate(-0.02turn) translateY(6px); transform: rotate(-0.02turn) translateY(6px); } .ute-diagnose img { position: absolute; right: -50px; z-index: 5; } .ute-diagnose button { padding-right: 25px; position: relative; top: 35px; text-align: left; } .ute-message-box { display: inline-block; position: relative; width: 300px; height: 112px; padding: 10px 10px 0 80px; margin: 10px 10px 10px 30px; border-width: 6px 6px 6px 21px; border-style: solid; -moz-border-image: url("/cms/common/dca/images/mini-message-border.png") 5 8 5 20 stretch; -webkit-border-image: url("/cms/common/dca/images/mini-message-border.png") 5 8 5 20 stretch; -o-border-image: url("/cms/common/dca/images/mini-message-border.png") 5 8 5 20 stretch; border-image: url("/cms/common/dca/images/mini-message-border.png") 5 8 5 20 stretch; border-image-outset: 2px 2px 2px 19px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .ute-message-box i { position: absolute; } .ute-message-box i[class$="stethoscope"] { top: 3px; left: -39px; z-index: 2; color: #035d67; font-size: 6rem; -webkit-transform: rotate(0.02turn) scaleX(-1); -ms-transform: rotate(0.02turn) scaleX(-1); transform: rotate(0.02turn) scaleX(-1); } .ute-message-box i[class$="tv"] { top: 2px; left: -9px; color: #5c6770; font-size: 8rem; } .ute-message-box img { position: absolute; top: 2px; left: -40px; } .ute-message-box ins.ute-diagnosis { margin-top: -4px; display: block; color: #0a5498; } .ute-message-box span { margin: 0 0 4px 0; display: inline-block; } .ute-icon-bg-light { background: url("/cms/common/dca/images/icon-bg-white.png") center center no-repeat; background-size: 77% 77%; } .ute-icon-bg-dark { background: url("/cms/common/dca/images/icon-bg-dark.png") center center no-repeat; background-size: 77% 77%; } body[ute-device-size='xs'] .ute-message-box, body[ute-device-size='sm'] .ute-message-box { width: 250px; height: 100px; padding: 8px 5px 0 70px; } body[ute-device-size='xs'] .ute-message-box img, body[ute-device-size='sm'] .ute-message-box img { -webkit-transform: scale(0.8, 0.8); -ms-transform: scale(0.8, 0.8); -moz-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); top: -10px; } body[ute-device-size='xs'] .ute-message-box .ute-btn-primary, body[ute-device-size='sm'] .ute-message-box .ute-btn-primary { padding: 2px 8px 1px 10px; width: auto; margin: 0; } body[ute-device-size='xs'].internet-explorer.ver-9 .ute-message-box img, body[ute-device-size='xs'].internet-explorer.ver-10 .ute-message-box img, body[ute-device-size='sm'].internet-explorer.ver-9 .ute-message-box img, body[ute-device-size='sm'].internet-explorer.ver-10 .ute-message-box img { left: -40px; -webkit-transform: scale(0.65, 0.65); -ms-transform: scale(0.65, 0.65); -moz-transform: scale(0.65, 0.65); transform: scale(0.65, 0.65); } body[ute-device-size='xs'] .padding-left-0, body[ute-device-size='xs'] .padding-left-10, body[ute-device-size='xs'] .padding-left-20, body[ute-device-size='xs'] .padding-left-30, body[ute-device-size='xs'] .padding-left-40, body[ute-device-size='sm'] .padding-left-0, body[ute-device-size='sm'] .padding-left-10, body[ute-device-size='sm'] .padding-left-20, body[ute-device-size='sm'] .padding-left-30, body[ute-device-size='sm'] .padding-left-40 { padding-left: 0; } .internet-explorer.ver-9 .ute-message-box, .internet-explorer.ver-10 .ute-message-box { border: 2px solid #ffc03f; } .internet-explorer.ver-9 .ute-message-box img, .internet-explorer.ver-10 .ute-message-box img { left: -30px; } .transitions-effects .col-md-3:hover svg { -webkit-transform: translate(130px, 0); -ms-transform: translate(130px, 0); transform: translate(130px, 0); -webkit-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; } .ute-container { position: relative; min-height: calc(100% - 180px); } body[ute-device-size='xs'] .ute-container, body[ute-device-size='sm'] .ute-container { min-height: calc(100% - 310px); } .contact { font-weight: 400; } .contact [class^="ute-icon"] { color: #414042; font-size: 3.2rem !important; vertical-align: middle; } [class^="ute-icon"].contact { color: #414042; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); transform: scale(1); } } /* CMS metadata info css -- start */ #cms-metadata-toggle { position: fixed; top: 10px; left: 10px; width: 50px; height: 50px; z-index: 99999; cursor: pointer; color: #fff; font-weight: 400; text-align: center; background: transparent; border-radius: 7px; } body.cms-metadata-toggle-active #cms-metadata-toggle { background: rgba(0, 125, 0, 0.7); } #cms-metadata-toggle > div { line-height: 0.4; } body.cms-metadata-toggle-active #cms-metadata-toggle > div { -webkit-animation: 1.2s ease infinite; animation: 1.2s ease infinite; -webkit-animation-name: pulse; animation-name: pulse; } ins[ute-content-injector] { position: relative; /* &::before{ content: '\e631'; color:rgba(0,125,0,0.7); font-family:fido-icon; font-size:10px; position:absolute; left:2px; top:2px; z-index:1; }*/ } .cms-metadata { z-index: 1; position: absolute; top: 0; left: 0; padding: 8px; background: rgba(228, 0, 228, 0.9); color: #fff; text-align: left; border-bottom-right-radius: 15px; width: 0; height: 0; overflow: hidden; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; /*&::after{ content:''; position:absolute; top:0; left:0; border:2px dashed rgb(228,0,228); width:100%; height: 100%; border-bottom-right-radius: 0px; }*/ } .cms-metadata span { display: block; } .cms-metadata .content-url:before { content: "Content Url :- "; } .cms-metadata .edit-date:before { content: "Edited :- "; } .cms-metadata .is-published:before { content: "Published :- "; } .cms-metadata .version:before { content: "Version :- "; } .cms-metadata .is-published, .cms-metadata .version { display: inline; padding-right: 10px; } .cms-metadata .content-edit-url { display: block; } .cms-metadata a { padding: 0px 10px; display: inline-block; border: 1px solid #fff; border-radius: 3px; color: #fff; margin-top: 5px; } .cms-metadata.active { width: 100%; height: 100%; -webkit-transition: all ease 0.4s; -o-transition: all ease 0.4s; transition: all ease 0.4s; border-bottom-right-radius: 0; } @media (max-width: 767px) { #cms-metadata-toggle { left: 42px; top: 3px; padding: 4px 10px 9px; } } .bttrlazyloading-wrapper { height: 100%; } #incompatibleDevice { display: none; } body.mobile.windowsmobile #incompatibleDevice, body.ute-incompatible-device #incompatibleDevice { display: block; } /* NOTE: for 10+ using feature detection*/ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { body #incompatibleDevice { display: none; } } body[ute-page="my-account/internet"] .list-group { margin-top: 30px; } body[ute-page="my-account/internet"] .modem-img { height: 250px; margin: 0 12%; } body[ute-page="my-account/internet"] .modem-header { margin-top: 10px; } .technical-difficulties .cms-content-width-narrow div { /*width:100% !important; left:0 !important; right:0 !important;*/ /* h3{ font-size:2.1rem; }*/ } .technical-difficulties .cms-content-width-narrow div:last-child { /* img{ width:50%; }*/ } /* CMS metadata info css -- end */ /*TODO: move css after this to popover own scss file*/ i[ute-popover] .popover { color: #000; padding: 10px; } .buy-btn-grp { margin-top: 30px; } .margin-right-10 { margin-right: 10px; } .margin-right-20 { margin-right: 20px; } .padding-right-20 { padding-right: 20px; } .margin-bottom-15 { margin-bottom: 15px; } .line-height-60 { line-height: 60px; } .spacer-5 { height: 5px; } .spacer-10 { height: 10px; } .spacer-15 { height: 15px; } .spacer-20 { height: 20px; } .spacer-25 { height: 25px; } .spacer-30 { height: 30px; } .spacer-35 { height: 35px; } .spacer-40 { height: 40px; } .spacer-45 { height: 45px; } .spacer-50 { height: 50px; } .spacer-55 { height: 55px; } .spacer-60 { height: 60px; } .adjust-print-icon { position: relative; top: 4px; left: 5px; } body[ute-device-size='xs'] .mobile-visible-hidden, body[ute-device-size='sm'] .mobile-visible-hidden { visibility: hidden !important; } body[ute-device-size='xs'] .ute-icon-print.ute-xxl, body[ute-device-size='sm'] .ute-icon-print.ute-xxl { font-size: 2.8rem; padding-left: 10px; font-weight: 100; } body[ute-device-size='xs'] .spacer-10, body[ute-device-size='sm'] .spacer-10 { height: 5px; } body[ute-device-size='xs'] .spacer-15, body[ute-device-size='sm'] .spacer-15 { height: 10px; } body[ute-device-size='xs'] .spacer-20, body[ute-device-size='sm'] .spacer-20 { height: 10px; } body[ute-device-size='xs'] .spacer-25, body[ute-device-size='sm'] .spacer-25 { height: 10px; } body[ute-device-size='xs'] .spacer-30, body[ute-device-size='sm'] .spacer-30 { height: 15px; } body[ute-device-size='xs'] .spacer-35, body[ute-device-size='sm'] .spacer-35 { height: 15px; } body[ute-device-size='xs'] .spacer-40, body[ute-device-size='sm'] .spacer-40 { height: 20px; } body[ute-device-size='xs'] .spacer-45, body[ute-device-size='sm'] .spacer-45 { height: 20px; } body[ute-device-size='xs'] .spacer-50, body[ute-device-size='sm'] .spacer-50 { height: 20px; } body[ute-device-size='xs'] .spacer-55, body[ute-device-size='sm'] .spacer-55 { height: 20px; } body[ute-device-size='xs'] .spacer-60, body[ute-device-size='sm'] .spacer-60 { height: 30px; } body[ute-device-size='xs'] .spacer-mobile-20, body[ute-device-size='sm'] .spacer-mobile-20 { margin-top: 20px; } body[ute-device-size='xs'] .spacer-mobile-10, body[ute-device-size='sm'] .spacer-mobile-10 { height: 10px; } body[ute-device-size='xs'] .gst, body[ute-device-size='sm'] .gst { font-size: 1.2rem !important; } body[ute-device-size='xs'] .text-right-mobile, body[ute-device-size='sm'] .text-right-mobile { text-align: right; } body[ute-device-size='xs'] .ute-full-bleed, body[ute-device-size='sm'] .ute-full-bleed { margin: auto -15px; } body .cms-error { display: inline-block; color: #ffbf3f; } body .cms-error .ute-icon-error { color: #ffbf3f !important; } body[ute-env~="prod"] .cms-error { display: none !important; } .bg-extend { position: relative; width: 100%; min-height: 4rem; margin-top: 4rem; /*h3 { padding-left: 1rem; }*/ } .bg-extend:before, .bg-extend:after { content: ""; position: absolute; z-index: -1; top: 0; right: 100%; bottom: 0; display: block; width: 100%; } .bg-extend:after { left: 100%; } .bg-extend.ex-left-primary:before, .bg-extend.ex-right-primary:after { background-color: #da291c; } .bg-extend.ex-left-secondary:before, .bg-extend.ex-right-secondary:after { background-color: #00aec7; } .bg-extend.ex-left-secondary-1:before, .bg-extend.ex-right-secondary-1:after { background-color: #68cada; } .bg-extend.ex-left-secondary-6:before, .bg-extend.ex-right-secondary-6:after { background-color: #bbbdc0; } .bg-extend.ex-left-secondary-7:before, .bg-extend.ex-right-secondary-7:after { background-color: #eeeeee; } body[ute-device-size="md"] .bg-extend:after, body[ute-device-size="md"] .bg-extend:before { width: 15px; } @media (min-width: 300px) and (max-width: 734px) { .ute-btn-primary.push-right.check-availability { position: relative; margin: 0 auto; width: 100%; } } body[ute-device-size='xs'] .bg-extend:after, body[ute-device-size='xs'] .bg-extend:before, body[ute-device-size='sm'] .bg-extend:after, body[ute-device-size='sm'] .bg-extend:before { width: 15px; } .bg-primary { background-color: #da291c; } .bg-secondary { background-color: #00aec7; } .bg-secondary-1 { background-color: #68cada; } .bg-secondary-6 { background-color: #bbbdc0; } .bg-secondary-7 { background-color: #eeeeee; } .info-label { color: #0a5498; font-size: 1.6rem; font-weight: 400; } .index-top { position: relative; z-index: 9999999; } label { font-weight: normal; } .technical-difficulties { margin: 30px 0; } i.ute-icon-info.ute-link, body[ute-brand="rogers"] i.ute-icon-info.ute-link-inline { cursor: pointer; } .disabled { opacity: 0.3 !important; color: #666 !important; border-color: #666 !important; cursor: default !important; } .disabled * { color: #666 !important; cursor: default; } .disabled *:after, .disabled *:before { color: #666 !important; background: none !important; } .disabled:after, .disabled:before { color: #666 !important; background: none !important; } .disabled.ute-btn-primary, .disabled.ute-btn-secondary, .disabled.ute-btn-tertiary { opacity: 0.3; background-color: #cccccc; } .disabled:focus, .disabled:active { color: #fff !important; } .disabled:hover { opacity: 0.3; color: #666 !important; border-color: #666 !important; cursor: default; } .disabled:hover:after, .disabled:hover:before { color: #666 !important; background: none !important; } #header #main-menu .ute-nav-secondary ul li a.disabled, .ute-nav-secondary ul li a.disabled { opacity: 0.3 !important; color: #666 !important; border-color: #666 !important; cursor: default !important; } body[ute-language="en"] #header #main-menu .ute-nav-secondary ul li a.fr-capitalized, body[ute-language="en"] .ute-nav-secondary ul li a.fr-capitalized { text-transform: capitalize !important; } body[ute-language="fr"] #header #main-menu .ute-nav-secondary ul li a.fr-capitalized, body[ute-language="fr"] .ute-nav-secondary ul li a.fr-capitalized { text-transform: none !important; } #incompatibleDevice { padding: 10px 0; } @media screen and (max-width: 667px) { .ute-container #oldBrowserMsg .browserMsgTitleText { margin-left: 40px; width: 60%; } .ute-container #oldBrowserMsg .browserMsgTitleIcon { margin-left: 0; } .ute-container #oldBrowserMsg .options a { display: block; float: left; width: 33.33%; margin-bottom: 30px; font-size: 1.2rem; } .ute-container #oldBrowserMsg .options a:first-child { margin-bottom: 0; } } .browser-logo-wrapper { padding: 0 5px; } .browser-logo-box { background: #f5f5f6; padding: 10px; } .browser-logo-safari { border: 5px solid #f5f5f6; padding: 0; margin: 0 5px; } .browser-logo-safari .browser-logo-box { padding: 5px 0; margin-left: 0; } .browser-logo-safari .col-xs-6 { padding: 10px 5px 0 10px; } .truncate-text { -o-text-overflow: ellipsis; text-overflow: ellipsis; max-width: 165px; display: inline-block; overflow: hidden; line-height: 0.99; } .mobile-legacy-Cart { margin: 25px 5px 0 5px; padding-top: 10px; border-top: 1px dashed #666; } .mobile-legacy-Cart a.ute-link, .mobile-legacy-Cart body[ute-brand="rogers"] a.ute-link-inline, body[ute-brand="rogers"] .mobile-legacy-Cart a.ute-link-inline { color: #0a5498 !important; } #header #main-menu .mobile-legacy-Cart a.ute-link, #header #main-menu .mobile-legacy-Cart body[ute-brand="rogers"] a.ute-link-inline, body[ute-brand="rogers"] #header #main-menu .mobile-legacy-Cart a.ute-link-inline { color: #0a5498 !important; width: auto; } .ute-relative, .pos-relative, .relative { position: relative; } .modal-footer-cancel { margin-top: 5px; } body[ute-page="login"], body[ute-page="logout"] { background: url("/cms/common/dca/images/login-bg.jpg") top center no-repeat; background-size: cover; } body[ute-page="login"][ute-device-size="xs"], body[ute-page="logout"][ute-device-size="xs"] { background: url("/cms/common/dca/images/login-bg-mobile.jpg") top center no-repeat; background-size: cover; } .fix-height-internet { height: 410px; } .cursor-hand { cursor: pointer; } /* a[href^="tel"]{ color:#333; text-decoration:none; font-weight: $dca-font-weight-bold; } */ /* -- helper.scss END -- */ /*TEMP CMS.CSS*/ .fido-banner-dashboard { position: relative; } .header-text { position: absolute; color: #FFF; top: 30%; left: 15px; } .header-text i { font-size: 5rem; } /*****Dario's edits [START]*****/ #fido-acct-overview-tile { /*background:url('/html-fido/cms/ute/fido/images/brand/fido/acct-overview-icon-tile.jpg') no-repeat 0 0;*/ padding: 0px; line-height: 1; left: -55px; width: 445px; position: relative !important; } #fido-acct-overview-tile > img { padding: 0; position: absolute !important; } #fido-acct-overview-tile h4 { font-size: 24px; position: relative; padding: 35px 25px 0 50px; line-height: 1.25; } #fido-acct-overview-tile p { position: relative; padding: 0px 25px 0 50px; } #fido-acct-overview-tile p a:hover { text-decoration: none; color: #ffe600; } /*****Dario's edits [END]*****/ /***** Artaks helper classes [START] *****/ @media only screen and (max-width: 768px) { .btn-block-xs { display: block; width: 100%; } } .text-xs-left { text-align: left; } .text-xs-right { text-align: right; } .text-xs-center { text-align: center; } .text-xs-justify { text-align: justify; } @media only screen and (min-width: 768px) { .text-sm-left { text-align: left; } .text-sm-right { text-align: right; } .text-sm-center { text-align: center; } .text-sm-justify { text-align: justify; } } @media only screen and (min-width: 992px) { .text-md-left { text-align: left; } .text-md-right { text-align: right; } .text-md-center { text-align: center; } .text-md-justify { text-align: justify; } } @media only screen and (min-width: 1200px) { .text-lg-left { text-align: left; } .text-lg-right { text-align: right; } .text-lg-center { text-align: center; } .text-lg-justify { text-align: justify; } } a[data-toggle="collapse"] i.ute-icon-chevron-up { display: inline-block; } a[data-toggle="collapse"] i.ute-icon-chevron-down { display: none; } a[data-toggle="collapse"][aria-expanded="false"] i.ute-icon-chevron-up { display: none !important; } a[data-toggle="collapse"][aria-expanded="false"] i.ute-icon-chevron-down { display: inline-block; } .ct-chart .ct-label { color: #000; } hr { margin-top: 28px; margin-bottom: 45px; border: 0; border-top: 1px solid #e9e9e9; } .list-group-item { border: 1px solid #bbbdc0; } .tv-channel-added-removed { background: #eeeeee; position: fixed; bottom: 0; width: 99.3%; border-color: #bbbdc0; border-style: solid; border-width: 1px 1px 0; border-radius: 8px 8px 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; left: 5px; z-index: 1111112; } .tv-channel-added-removed .tv-channel-added-border { border-bottom: 1px solid #bbbdc0; position: absolute; top: 0; height: 45px; width: 100%; } .tv-channel-added-removed .container { margin: 0 auto; padding: 0; } .tv-channel-added-removed .container .tv-channel-list { margin: 0; } .tv-channel-added-removed .container .tv-channel-body { padding: 20px 20px 30px; } .tv-channel-added-removed .container .tv-channel-body h2.margin-bottom-0.font-medium { font-size: 1.8rem; margin: 0; } .tv-channel-added-removed .container .tv-channel-body .row.form-group { margin-top: 0px; } .tv-channel-added-removed .container .tv-channel-body .collapse.in { margin-bottom: 40px; } .tv-channel-added-removed .container .tv-channel-body .tv-channel-theme-table-content { margin: 0 0 30px; } .tv-channel-added-removed .container .row { margin: 0; } .tv-channel-added-removed .container .row .added-removed-header { width: 100%; display: inline-block; position: relative; margin: 0; padding: 10px; float: none; left: 0; top: 0; line-height: 2.4rem; } .tv-channel-added-removed .container .row .added-removed-header .added-removed-toggle-icon { float: left; background: none; color: #414042; margin: 0; } .tv-channel-added-removed .container .row .added-removed-header .added-removed-title { background: none; color: #414042; text-transform: uppercase; font-size: 1.6rem; } .tv-channel-added-removed .btn.btn-trivial { margin: 0 30px; } .tv-channel-theme-table-content i.ute-icon-circle-solid-minus { font-size: 1.3rem; } .tv-channel-theme-table-content .tv-removeAdded { font-size: 1.1rem !important; } .tv-channel-theme-table-content .tv-removeAdded i.ute-icon-circle-solid-minus { font-size: 1rem; margin-left: 2px; } .tv-channel-theme-table-content .tv-cancelRemoval { font-size: 1.1rem !important; } .tv-channel-theme-table-content .tv-cancelRemoval i.ute-icon-circle-solid-minus { font-size: 1rem; margin-left: 2px; } .added-removed-header { padding: 10px 20px; position: absolute; margin-top: -24px; } .added-removed-header .added-removed-title { background: #808284; padding: 0px 10px; color: #fff; float: left; } .added-removed-header .added-removed-toggle-icon { background: #808284; float: right; width: 2.5rem; height: 2.5rem; text-align: center; border-radius: 50%; color: #fff; line-height: 2.8rem; margin-left: 20px; } .added-removed-header span[data-toggle="collapse"] { /*vertical-align: middle;*/ } .added-removed-header .ute-icon-chevron-down, .added-removed-header .ute-icon-chevron-up { /* margin-left: 25px;*/ } .added-removed-header .ute-icon-chevron-down, .added-removed-header .ute-icon-chevron-down[aria-expanded="false"] { display: none; } .added-removed-header .ute-icon-chevron-up[aria-expanded="true"] { display: none; } .added-removed-header .ute-icon-chevron-down[aria-expanded="true"] { display: inline-block; } .tv-channels-have-now { background: white; padding: 0; border-radius: 8px; position: relative; margin: 30px 0; } .tv-channels-have-now h2 { margin: 0; background: #bbbdc0; font-weight: 400; padding: 10px 30px; border-radius: 8px 8px 0 0; } .tv-channels-have-now .tv-channels-have-now-body { border-color: #808284; border-style: solid; border-width: 0 1px 1px; border-radius: 0 0 0 8px; display: block; padding: 15px 0; } .tv-channels-have-now .tv-channels-have-now-body h3 { margin: 0 0 0 15px; float: none; clear: both; font-size: 1.8rem; } .tv-channels-have-now .tv-channels-have-now-body h3.col-sm-12.margin-top-10 { padding-top: 15px; } .tv-channels-have-now .tv-channels-have-now-body .tv-channel-list { margin: 0 20px 20px; padding: 0 0 30px; float: none; clear: both; } .tv-channels-have-now .tv-channels-have-now-body .tv-channel-list li a.tv-removeAdded { margin: 0; position: relative; left: 0; bottom: 0; line-height: 1.4rem; display: inline-block; font-size: 1.1rem; width: 65px; text-align: center; } .tv-channels-have-now .tv-channels-have-now-body .tv-channel-list li a.tv-removeAdded .ute-icon-circle-solid-minus { margin-left: 3px; } .show-remove-section, .show-add-section { min-height: 135px; } /***** Artaks helper classes [END] *****/ .fullfilment .date { text-align: right; } .fullfilment .apts { text-align: right; padding-top: 10px; } body[ute-device-size='xs'] .fullfilment .date, body[ute-device-size='sm'] .fullfilment .date { margin-top: 10px; text-align: left; } body[ute-device-size='xs'] .fullfilment .apts, body[ute-device-size='sm'] .fullfilment .apts { text-align: left; margin-bottom: 10px; } body[ute-device-size='xs'] .tv-channel-added-removed, body[ute-device-size='sm'] .tv-channel-added-removed { max-width: 365px; } .modal-body .sys-req ul { font-size: 1.6rem; margin-left: -20px; } @media screen and (max-width: 767px) { .intro-block-v2 .promo-wrapper-mobile img { width: 100%; } } .print-show, .print-show-agent { display: none; } @media print { @page { size: 12.405in 17.535in; margin: 0.3in; margin-bottom: 3cm; margin-top: 3cm; padding: 0; } #footer, footer.footer-block, .ute-nav-agent, #main-menu, #footer-bar, body[ute-user~="agent"] .ute-nav-agent, .mini-cart-new2, .ute-steptracker { display: none; } header.navbar-fixed-top { position: static; } header.navbar-fixed-top { border-bottom: none; border-top: 3px solid #eeeeee; } header.navbar-fixed-top .container { padding: 0 !important; } header.navbar-fixed-top .nav-brand { background-image: url("/web/totes/cms/content/ute/rogers/eclipse/resources/images/brand/rogers/logo-inverted.png") !important; background-color: #da291c !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: 15rem auto !important; padding: 0; float: left; width: 19rem; } header.navbar-fixed-top nav.nav-bar, header.navbar-fixed-top .nav-search { display: none; } html { width: 1200px; /*font-size: 5px;*/ padding: 0 !important; margin: 0 0 0 20px !important; } body, body.body-extra-spacing, body[ute-user~="agent"] { width: 1200px; padding: 0 !important; padding-top: 0 !important; margin: 0 !important; -webkit-transition: all 0s 0s; -o-transition: all 0s 0s; transition: all 0s 0s; } .container { width: 1200px; padding: 10px !important; } .navbar-fixed-top, .navbar-fixed-bottom { position: static; } #header #main-menu { margin-top: 55px; } .navbar { margin-bottom: 0; min-height: 0; background: none; border: 0; } div.collapse { display: block; visibility: visible; height: auto !important; } h2, h3 { page-break-after: avoid; } a:link:after, a:visited:after { display: none; content: ""; } #cms-metadata-toggle, #create-profile-summary-holder { display: none !important; } .print-show { display: block !important; } [ute-user~="agent"] .print-show-agent { display: block !important; } [ute-user~="agent"] .print-hide-agent { display: none !important; } .print-hide { display: none; } .print-show .row { margin-bottom: 20px; } .print-input { border-bottom: 2px solid #000; height: 30px; } .page-review-order div.ute-input-group, .page-review-order .ute-icon-print, .page-review-order .ute-icon-edit { display: none; } .page-create-profile .create-profile-menu-holder, .page-change-internet .change-internet-menu-holder { display: none; } #terms-conditions { border: none; padding: 0; height: auto; background: none; } #terms-conditions .terms-condition-links { display: none; } #terms-conditions .terms-condition-details { height: auto; overflow: visible; border: 1px solid #000; padding: 10px; -webkit-box-shadow: none; box-shadow: none; } #terms-conditions .well.agreement-details { -webkit-box-shadow: none; box-shadow: none; } } @media print and (color) { * { -webkit-print-color-adjust: exact; print-color-adjust: exact; } } @media print { body.print-receipt-wrapper header, body.print-receipt-wrapper footer { display: none; } .print-modem-receipt { font-family: "Times New Roman", Georgia, Serif; } .print-modem-receipt .fido-logo { margin-top: 20px; margin-bottom: 30px; } .print-modem-receipt .left-side { border-right: 1px dashed #000; min-height: 400px; } .print-modem-receipt .address-user, .print-modem-receipt .order-number { margin: 20px 0; } .print-modem-receipt span { padding-right: 5px; } .print-modem-receipt .receipt-break { text-align: center; margin-top: 30px; margin-bottom: 30px; position: relative; } .print-modem-receipt .receipt-break::before { content: " "; border-bottom: 1px dashed #000; position: absolute; top: -2px; left: 0; width: 100%; } .print-modem-receipt .receipt-break span { position: relative; z-index: 2; background: #fff; padding: 0 5px; } .print-modem-receipt #date { text-transform: capitalize; } .print-modem-receipt .start-break { margin-top: 30px; margin-bottom: 30px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAALEAQAAAC89wjQAAAAx0lEQVQY02P4/5+BgRgMIVCA9BIGBj4ZZBEcCsPeMTDoXkLwmXqQFFpeY2AI9oBI9NgzMHjlMDDIRTAwBHoxMMhUISnUTGNg6PrIwLCymIHh3FMGhiMLGRi2GDIwhIgwMHDNwWL1TV+E88sPYHGj6jYGhob9DAwbmxkYbu0FmvqegWHTfQYGjyoGBlY5JIXWDxgY4pcxMLB9YmDo28nA4HuOgUErhYEh0oGBQYoPh69jXjEwGNxC8FkW4FCoCPSpYBnWcCQGAwDZAnaScrV4CAAAAABJRU5ErkJggg==); background-position: top left; background-repeat: repeat-x; height: 10px; } .print-modem-receipt .thank-you { background-color: #ccc; padding: 5px; font-size: 14px; padding-bottom: 10px; margin-top: 30px; } .print-modem-receipt .lines { margin-top: 200px; } .print-modem-receipt .signature-line { height: 20px; border-bottom: 1px dashed #000; } .print-modem-receipt .fix-receipt { background: #ccc; position: relative; z-index: 2; padding: 0 10px; top: 30px; } } .ute-dca .dca-header .dca-primary-nav .nav-section a[title='Rogers Small Business'] ~ .mobile-container .main-nav > li a[id='main-nav-item-4'] + .nav-sub-menu .column { padding: 0; } .ute-dca .dca-header .dca-primary-nav .nav-section a[title='Rogers Small Business'] ~ .mobile-container .main-nav > li a[id="main-nav-item-4"] + .nav-sub-menu .column .nav-care-lbl { margin: 0; } #banner-notice .alert-notice-icon { display: inline-block; float: left; position: absolute; top: 50%; transform: translateY(-50%); } #banner-notice .rui-icon-info { color: #00AEC7; font-size: 30px; } #banner-notice .alert-notice-copy { padding: 15px 0 5px 0; margin-left: 40px; } #banner-notice .alert-notice-text { font-size: 16px; font-weight: 500; } .nac-project section.phoneModel div.color-memory-section div[class*='CORAL'], .modals section.phoneModel div.color-memory-section div[class*='CORAL'] { background-color: #FF6E5A; } .nac-project section.selectedphone-section div.phone-color-section div.phone-color-container div[class*='CORAL'], .modals section.selectedphone-section div.phone-color-section div.phone-color-container div[class*='CORAL'] { background-color: #FF6E5A; } .nac-project section.phoneModel div.color-memory-section div[class*='CORAL'], .modals section.phoneModel div.color-memory-section div[class*='CORAL'] { background-color: #FF6E5A; } .hup-project section.selectedphone-section div.phone-color-section div.phone-color-container div[class*='CORAL'] { background-color: #FF6E5A;} /*TWILIGHT GRADIANT COLOR*/ .nac-project section.phoneModel div.color-memory-section div[class*='TWILIGHT'], .modals section.phoneModel div.color-memory-section div[class*='TWILIGHT'] { background: #129FE8; background: -webkit-linear-gradient(to bottom, #129FE8, #0B1419); background: linear-gradient(to bottom, #129FE8, #0B1419); } .nac-project section.selectedphone-section div.phone-color-section div.phone-color-container div[class*='TWILIGHT'], .modals section.selectedphone-section div.phone-color-section div.phone-color-container div[class*='TWILIGHT'] { background: #129FE8; background: -webkit-linear-gradient(to bottom, #129FE8, #0B1419); background: linear-gradient(to bottom, #129FE8, #0B1419); } .nac-project section.phoneModel div.color-memory-section div[class*='TWILIGHT'], .modals section.phoneModel div.color-memory-section div[class*='TWILIGHT'] { background: #129FE8; background: -webkit-linear-gradient(to bottom, #129FE8, #0B1419); background: linear-gradient(to bottom, #129FE8, #0B1419); } .hup-project section.selectedphone-section div.phone-color-section div.phone-color-container div[class*='TWILIGHT'] { background: #129FE8; background: -webkit-linear-gradient(to bottom, #129FE8, #0B1419); background: linear-gradient(to bottom, #129FE8, #0B1419); } /*SLATE COLOR*/ .nac-project section.phoneModel div.color-memory-section div[class*='SLATE'], .modals section.phoneModel div.color-memory-section div[class*='SLATE'] { background-color: #807F84; } .nac-project section.selectedphone-section div.phone-color-section div.phone-color-container div[class*='SLATE'], .modals section.selectedphone-section div.phone-color-section div.phone-color-container div[class*='SLATE'] { background-color: #807F84; } .nac-project section.phoneModel div.color-memory-section div[class*='SLATE'], .modals section.phoneModel div.color-memory-section div[class*='SLATE'] { background-color: #807F84; } .hup-project section.selectedphone-section div.phone-color-section div.phone-color-container div[class*='SLATE'] { background-color: #807F84; } .nac-project section.phoneModel div.color-memory-section li[class*='SLATE'], .modals section.phoneModel div.color-memory-section li[class*='SLATE'] { background-color: #807F84; } /*CeramicBlack COLOR*/ .nac-project section.phoneModel div.color-memory-section div[class*='CeramicBlack'], .modals section.phoneModel div.color-memory-section div[class*='CeramicBlack'] { background: #2A2620; } .nac-project section.selectedphone-section div.phone-color-section div.phone-color-container div[class*='CeramicBlack'], .modals section.selectedphone-section div.phone-color-section div.phone-color-container div[class*='CeramicBlack'] { background: #2A2620; } .nac-project section.phoneModel div.color-memory-section div[class*='CeramicBlack'], .modals section.phoneModel div.color-memory-section div[class*='CeramicBlack'] { background: #2A2620; } .hup-project section.selectedphone-section div.phone-color-section div.phone-color-container div[class*='CeramicBlack'] { background: #2A2620; } /* Sign In menu - starts */ .dropdown-header-menu { position: relative; list-style-type: none; } .dropdown-header-menu .dropdown-menu { margin-top: -2px; width: 470px; max-height: 90vh; overflow: auto; padding-bottom: 20px; padding-top: 10px; } .dropdown-header-menu .dropdown-menu li .dropdown-option-type-2 { white-space: inherit; width: 100%; padding: 0px 30px 0px 30px!important; } .dropdown-header-menu .dropdown-menu li .dropdown-option-type-1 { white-space: inherit; width: 100%; padding: 15px 30px 0px 30px!important; } .dropdown-header-menu .dropdown-menu li a:empty { display: none !important; } .dropdown-header-menu .dropdown-menu .dropdown-options .dropdown-option-type-3 li a { font-size: 14px !important; color: black !important; padding: 0px 0px 0px 50px !important; font-weight: 500 !important; display: inline-block; width: 100%; } .dropdown-header-menu .dropdown-menu li { width: 100%; white-space: inherit; } .dropdown-options { width: 100%; } .break-line { border-bottom: 1px solid lightgrey; width: 90%; display: block; margin-left: auto; margin-right: auto; clear: both; padding-top: 10px; } .dropdown-options:last-child>.break-line { display: none; } .dropdown-header-menu { float: right !important; margin: 0px 200px 0px 0px !important; } .dropdown-option-type-1 { font-size: 16px !important; color: black !important; font-weight: 500 !important; line-height: 20px !important; height: fit-content !important; margin-bottom: 0px; } .dropdown-option-type-2 { font-size: 14px !important; color: #808080e0 !important; white-space: inherit !important; font-weight: 500 !important; } .dropdown-option-type-3 { padding-left: 0px; padding-top: 10px; } .dropdown-option-type-3 li { width: 100%; } .dropdown-option-type-3 li { list-style-type: none; } li.dropdown-header-menu::before { color: white; position: absolute; left: -9px; top: 8px; font-family: "rui-icon" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; -webkit-font-smoothing: antialiased; margin-right: 10px; } .dropdown-submenu ul li { width: 100%; } .dropdown-close { margin-right: 20px !important; display: none; } .dropdown-toggle-D { content: none !important; list-style-type: none; color: white !important; display: block; font-size: 11px !important; } .dropdown-toggle-M { content: none; list-style-type: none; color: white !important; display: none; background: none; padding: 0; } .dropdown-header-menu>a::after { content: none !important; } .dropdown-option-type-1::after, .dropdown-option-type-2::after, .dropdown-option-type-3 li a::after { display: none !important; } .dropdown-toggle-D { display: none; } .nav-link-set>dropdown-toggle-D { display: block; } .dropdown-option-type-1 { padding-bottom: 0px !important; } @media(min-width: 770px) { .dropdown-menu { display: none; } .dropdown-header-menu:hover>.dropdown-menu { display: block; } } @media(max-width: 769px) { .dropdown-option-type-1 { margin-bottom: 0px; } .dropdown-close { display: block; } .dropdown-option-type-3 li { list-style-type: none; } .dropdown-option-type-3 li a { display: block; padding-left: 30px; line-height: 3.5; } .break-line { width: 85%; } .dropdown-header-menu .dropdown-menu { width: 310px; padding-top: 10px; max-height: 90vh; } .dropdown-header-menu { float: right !important; margin: 0px 0px 0px 0px !important; } .dropdown-header-menu { float: right !important; margin: -24px 28px 0px 0px !important; } li.dropdown-header-menu::before { top: 0px; left: -19px; } .dropdown-toggle-D { display: none !important; } .dropdown-toggle-M { display: block; font-size: 14px !important; border: none !important; } .dropdown-header-menu .dropdown-menu { margin-top: 10px; } .dca-header { overflow: visible !important; } } @media(max-width: 425px) { .dropdown-header-menu .dropdown-menu { padding-top: 10px; width: 95vw !important; right: -20px; } } @media(max-width: 900px) { #dca-primary-nav, #dca-primary-nav>.container .nav-section, #dca-primary-nav .container { height: 40px; /*Uncommented for DSO-28276*/ } .nav-link-set .dropdown-toggle-M { display: none; } /*DSO-27882*/ /*- Disabling this for DSO-28276*/ /*.fixHeaderMargin{ height: 40px !important;*/ /*DSO-27882*/ } @media (min-width: 770px) { /* hide mobile dropdown */ #dca-primary-nav .container .nav-section .dropdown-header-menu { display: none; } } @media (max-width: 769px) { /* hide desktop dropdown */ #dca-secondary-nav .container .nav-section .dropdown-header-menu { display: none; } } .dropdown-toggle-D i::before{ font-size: 16px; padding-right: 3px } .dropdown-toggle-D { font-size: 12px !important; } /*Sign In menu - Ends*/ /*DSO- 27154*/ @media (min-width: 768px) { .phoneText { font-weight: 600 !important; font-size: 16px !important; margin: 0 !important; padding: 0; line-height: 1.3; } } @media (max-width: 767px) { .phoneText { font-size: 16px; font-weight: 600; color: #414042; margin: 0 0 0 25px; text-transform: capitalize; height: auto; line-height: 1.3; padding: 0; } } .phoneLink span:hover { text-decoration: underline; } @media (min-width: 768px) { .phoneLink { font-weight: 600 !important; font-size: 12px !important; color: #0a5498; } } @media (max-width: 767px) { .phoneLink { color: #0a5498 !important; font-size: 12px !important; font-weight: 600 !important; margin: 0 0 0 25px; height: auto; line-height: initial; } .nav-sub-menu .row .col-md-6 ul li:nth-child(2) a { font-size: 12px !important; font-weight: 600 !important; } /** adding invoca tag adds extra 15px margin to the left, hence setting it to 0**/ .phoneLink .invocaNumber { margin: 0 !important; } } /*DSO - 27154*/ /** dso-29193 **/ .mobile-contact-us:after, .help-support-cl:after{ content : "" !important; } @media (min-width: 899px){ .help-support-contact-us, .help-support-cl{ display:none !important; } } /** support article page heading **/ h1 .ute-html-content{ padding-top: 35px; } /** dso-29193 **/